@mxenabled/mxui 1.3.0-alpha.bb1 → 1.3.1-alpha.bb1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.es.js +575 -565
  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 +2 -1
  7. package/dist/themes/Typography.d.ts +2 -1
  8. package/dist/types/ClientCustomizations.d.ts +30 -0
  9. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,106 +1,106 @@
1
- import { jsx as t, jsxs as A } from "react/jsx-runtime";
2
- import T from "react";
3
- import O from "@mui/material/Stack";
4
- import { useTheme as y, createTheme as W } from "@mui/material/styles";
5
- import { Icon as re, Close as te } from "@mxenabled/mx-icons";
6
- import { endOfMonth as V } from "date-fns/endOfMonth";
7
- import { endOfYear as ie } from "date-fns/endOfYear";
8
- import { startOfToday as ae } from "date-fns/startOfToday";
9
- import { startOfMonth as U } from "date-fns/startOfMonth";
1
+ import { jsx as i, jsxs as A } from "react/jsx-runtime";
2
+ import f from "react";
3
+ import y from "@mui/material/Stack";
4
+ import { useTheme as F, createTheme as $ } from "@mui/material/styles";
5
+ import { Icon as e0, Close as o0 } from "@mxenabled/mx-icons";
6
+ import { endOfMonth as z } from "date-fns/endOfMonth";
7
+ import { endOfYear as r0 } from "date-fns/endOfYear";
8
+ import { startOfToday as t0 } from "date-fns/startOfToday";
9
+ import { startOfMonth as V } from "date-fns/startOfMonth";
10
10
  import { startOfYear as G } from "date-fns/startOfYear";
11
- import { subDays as $ } from "date-fns/subDays";
12
- import { subMonths as ne } from "date-fns/subMonths";
13
- import { subYears as le } from "date-fns/subYears";
14
- import ce from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as se, StaticDateRangePicker as de } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as ue } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import Z from "@mui/material/Box";
18
- import he from "@mui/material/ToggleButton";
19
- import pe from "@mui/material/ToggleButtonGroup";
20
- import K from "@mui/material/Slide";
11
+ import { subDays as U } from "date-fns/subDays";
12
+ import { subMonths as i0 } from "date-fns/subMonths";
13
+ import { subYears as a0 } from "date-fns/subYears";
14
+ import n0 from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as l0, StaticDateRangePicker as c0 } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as s0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import W from "@mui/material/Box";
18
+ import d0 from "@mui/material/ToggleButton";
19
+ import u0 from "@mui/material/ToggleButtonGroup";
20
+ import Z from "@mui/material/Slide";
21
21
  import _ from "@mui/material/Button";
22
- import X from "@mui/material/IconButton";
23
- import me from "@mui/material/Typography";
24
- import ge from "@mui/material/Drawer";
25
- import fe from "@mui/material/TextField";
26
- import Te from "@mui/material/Snackbar";
27
- import be from "@mui/material/Alert";
28
- import { light as Y, buildTheme as P, dark as Ce } from "@mxenabled/design-tokens";
29
- import { darken as D, lighten as x, alpha as b } from "@mui/material";
30
- import { circularProgressClasses as Ae } from "@mui/material/CircularProgress";
31
- import { LicenseInfo as Me } from "@mui/x-license-pro";
32
- import Re from "@mui/material/styles/createPalette";
33
- import Ee from "@mui/material/styles/createTypography";
34
- const g = ({
22
+ import K from "@mui/material/IconButton";
23
+ import h0 from "@mui/material/Typography";
24
+ import p0 from "@mui/material/Drawer";
25
+ import g0 from "@mui/material/TextField";
26
+ import m0 from "@mui/material/Snackbar";
27
+ import f0 from "@mui/material/Alert";
28
+ import { light as Y, buildTheme as P, dark as b0 } from "@mxenabled/design-tokens";
29
+ import { darken as L, lighten as x, alpha as b, getContrastRatio as T0 } from "@mui/material";
30
+ import { circularProgressClasses as C0 } from "@mui/material/CircularProgress";
31
+ import { LicenseInfo as R0 } from "@mui/x-license-pro";
32
+ import A0 from "@mui/material/styles/createPalette";
33
+ import M0 from "@mui/material/styles/createTypography";
34
+ const m = ({
35
35
  children: e,
36
- height: o,
37
- size: a = 16,
38
- viewBox: r = "0 0 16 16",
39
- width: n
40
- }) => /* @__PURE__ */ t(
36
+ height: r,
37
+ size: o = 16,
38
+ viewBox: n = "0 0 16 16",
39
+ width: a
40
+ }) => /* @__PURE__ */ i(
41
41
  "svg",
42
42
  {
43
43
  "aria-hidden": !0,
44
44
  className: "mx-kmui-icon",
45
45
  focusable: !1,
46
- height: o || a,
47
- viewBox: r,
48
- width: n || a,
46
+ height: r || o,
47
+ viewBox: n,
48
+ width: a || o,
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
50
  children: e
51
51
  }
52
52
  );
53
- var Se = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(Se || {});
54
- const C = ({
53
+ var E0 = /* @__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))(E0 || {});
54
+ const R = ({
55
55
  color: e,
56
- fill: o = !1,
57
- name: a,
58
- size: r = 20,
59
- sx: n,
56
+ fill: r = !1,
57
+ name: o,
58
+ size: n = 20,
59
+ sx: a,
60
60
  weight: s = 300,
61
- ...c
62
- }) => /* @__PURE__ */ t(
63
- re,
61
+ ...l
62
+ }) => /* @__PURE__ */ i(
63
+ e0,
64
64
  {
65
65
  color: e,
66
- fill: o,
67
- name: a,
68
- size: r,
69
- sx: n,
66
+ fill: r,
67
+ name: o,
68
+ size: n,
69
+ sx: a,
70
70
  weight: s,
71
- ...c
71
+ ...l
72
72
  }
73
- ), T0 = ({
73
+ ), fe = ({
74
74
  color: e = "currentColor",
75
- ...o
76
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
75
+ ...r
76
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
77
77
  "path",
78
78
  {
79
79
  d: "M2.24801 6.76647H0.573286C0.327604 6.76647 0.110586 6.60678 0.0327867 6.37748C-0.0450124 6.14408 0.0327866 5.88612 0.229332 5.73871L7.6571 0.116699C7.85774 -0.0388996 8.14027 -0.0388996 8.34501 0.116699L15.7728 5.73871C15.9693 5.89021 16.0471 6.14408 15.9693 6.37748C15.8915 6.61088 15.6745 6.76647 15.4288 6.76647H13.7582V12.323H14.3929C14.7122 12.323 14.9661 12.5809 14.9661 12.8962C14.9661 13.2156 14.7082 13.4695 14.3929 13.4695H1.60924C1.28986 13.4695 1.03599 13.2115 1.03599 12.8962C1.03599 12.5768 1.29395 12.323 1.60924 12.323H2.24801V6.76647ZM5.70393 6.76647H3.39043V12.323H5.70393V6.76647ZM9.15985 12.323V6.76647H6.84635V12.323H9.15985ZM10.3023 12.3189H12.6158V6.76647H10.3023V12.3189ZM0.573256 14.8535H15.4288C15.7441 14.8535 15.998 15.1115 15.998 15.4267C15.998 15.7461 15.74 16 15.4247 16H0.573256C0.253871 16 0 15.742 0 15.4267C0 15.1074 0.257965 14.8535 0.573256 14.8535Z",
80
80
  fill: e
81
81
  }
82
- ) })), b0 = ({
82
+ ) })), be = ({
83
83
  color: e = "currentColor",
84
- ...o
85
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
84
+ ...r
85
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
86
86
  "path",
87
87
  {
88
88
  d: "M15.429 14.854H.573a.572.572 0 100 1.146h14.852a.572.572 0 00.004-1.146zM.573 6.766h1.675v5.557h-.639a.572.572 0 100 1.146h12.784a.572.572 0 100-1.146h-.635V6.766h1.67a.568.568 0 00.541-.389.574.574 0 00-.196-.638L8.345.117a.565.565 0 00-.688 0L.23 5.739a.572.572 0 00.344 1.027zm2.817 0h2.314v5.557H3.39V6.766zm5.77 0v5.557H6.846V6.766H9.16zm3.456 5.553h-2.314V6.766h2.314v5.553zM8 1.288l5.724 4.336H2.277L8 1.288z",
89
89
  fill: e
90
90
  }
91
- ) })), C0 = ({
91
+ ) })), Te = ({
92
92
  color: e = "currentColor",
93
- ...o
94
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
93
+ ...r
94
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
95
95
  "path",
96
96
  {
97
97
  d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
98
98
  fill: e
99
99
  }
100
- ) })), A0 = ({
100
+ ) })), Ce = ({
101
101
  color: e = "currentColor",
102
- ...o
103
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
102
+ ...r
103
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
104
104
  "path",
105
105
  {
106
106
  clipRule: "evenodd",
@@ -108,124 +108,124 @@ const C = ({
108
108
  fill: e,
109
109
  fillRule: "evenodd"
110
110
  }
111
- ) })), M0 = ({
111
+ ) })), Re = ({
112
112
  color: e = "currentColor",
113
- ...o
114
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
113
+ ...r
114
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
115
115
  "path",
116
116
  {
117
117
  d: "M11.5 0a.5.5 0 01.5.5V2h2.5A1.5 1.5 0 0116 3.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 010 14.5v-11A1.5 1.5 0 011.5 2H4V.5a.5.5 0 011 0V2h6V.5a.5.5 0 01.5-.5zM15 6H1v8.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V6zm-4.5 1a.5.5 0 01.5.5V10h2.5a.5.5 0 010 1H11v2.5a.5.5 0 01-1 0V11H6v2.5a.5.5 0 01-1 0V11H2.5a.5.5 0 010-1H5V7.5a.5.5 0 011 0V10h4V7.5a.5.5 0 01.5-.5zm4-4h-13a.5.5 0 00-.5.5V5h14V3.5a.5.5 0 00-.5-.5z",
118
118
  fill: e
119
119
  }
120
- ) })), R0 = ({
120
+ ) })), Ae = ({
121
121
  color: e = "currentColor",
122
- ...o
123
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
122
+ ...r
123
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
124
124
  "path",
125
125
  {
126
126
  d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm4.358 5.151a.5.5 0 00-.707-.01L6.858 9.803 4.35 7.363a.5.5 0 10-.698.718l2.858 2.777a.5.5 0 00.697 0l5.142-5a.5.5 0 00.01-.707z",
127
127
  fill: e
128
128
  }
129
- ) })), E0 = ({
129
+ ) })), Me = ({
130
130
  color: e = "currentColor",
131
- ...o
132
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
131
+ ...r
132
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
133
133
  "path",
134
134
  {
135
135
  d: "M2.68 5.201a.6.6 0 01.848-.011L8 9.543l4.472-4.353a.6.6 0 11.837.86l-4.89 4.76a.6.6 0 01-.838 0l-4.89-4.76a.6.6 0 01-.012-.849z",
136
136
  fill: e
137
137
  }
138
- ) })), S0 = ({
138
+ ) })), Ee = ({
139
139
  color: e = "currentColor",
140
- ...o
141
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
140
+ ...r
141
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
142
142
  "path",
143
143
  {
144
144
  d: "M10.799 2.68a.6.6 0 01.011.848L6.457 8l4.353 4.472a.6.6 0 01-.86.837L5.19 8.42a.6.6 0 010-.838l4.76-4.89a.6.6 0 01.849-.012z",
145
145
  fill: e
146
146
  }
147
- ) })), I0 = ({
147
+ ) })), Se = ({
148
148
  color: e = "currentColor",
149
- ...o
150
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
149
+ ...r
150
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
151
151
  "path",
152
152
  {
153
153
  d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
154
154
  fill: e
155
155
  }
156
- ) })), v0 = ({
156
+ ) })), Ie = ({
157
157
  color: e = "currentColor",
158
- ...o
159
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
158
+ ...r
159
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
160
160
  "path",
161
161
  {
162
162
  d: "M13.79 2.21a.72.72 0 0 1 0 1.02L9.018 8l4.77 4.77a.72.72 0 1 1-1.018 1.02L8 9.018l-4.77 4.77a.72.72 0 1 1-1.02-1.018L6.982 8l-4.77-4.77A.72.72 0 0 1 3.23 2.21L8 6.982l4.77-4.77a.72.72 0 0 1 1.02 0Z",
163
163
  fill: e
164
164
  }
165
- ) })), H0 = ({
165
+ ) })), ve = ({
166
166
  color: e = "currentColor",
167
- ...o
168
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
167
+ ...r
168
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
169
169
  "path",
170
170
  {
171
171
  d: "M12.644.156l3.2 3.2a.533.533 0 010 .754L5.177 14.777a.534.534 0 01-.247.14L.663 15.984a.533.533 0 01-.647-.647l1.067-4.267a.534.534 0 01.14-.248L11.89.156a.533.533 0 01.754 0zM10.133 3.42l-8.051 8.052-.815 3.261 3.26-.815 8.052-8.052-2.446-2.446zm2.134-2.132l-1.38 1.378 2.446 2.446 1.38-1.379-2.446-2.445z",
172
172
  fill: e
173
173
  }
174
- ) })), x0 = ({
174
+ ) })), He = ({
175
175
  color: e = "currentColor",
176
- ...o
177
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
176
+ ...r
177
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
178
178
  "path",
179
179
  {
180
180
  d: "M1.5 1.933l5.4 6.72c.066.081.1.18.1.28v5.134h2V8.933c0-.1.036-.199.1-.28l5.4-6.72h-13zM6 9.09L.1 1.747C-.145 1.439.09 1 .5 1h15c.413 0 .648.439.4.747L10 9.089v5.444c0 .258-.223.467-.5.467h-3c-.275 0-.5-.209-.5-.467V9.09z",
181
181
  fill: e
182
182
  }
183
- ) })), F0 = ({
183
+ ) })), xe = ({
184
184
  color: e = "currentColor",
185
- ...o
186
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
185
+ ...r
186
+ }) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
187
187
  "path",
188
188
  {
189
189
  d: "M1.317 2.317a4.5 4.5 0 016.364 0c.117.117.223.238.32.363.095-.124.2-.245.316-.362a4.5 4.5 0 016.364 6.364l-.004.004-6.328 6.172a.5.5 0 01-.698 0L1.317 8.682a4.5 4.5 0 010-6.365zm5.657.708a3.5 3.5 0 00-4.952 4.947L8 13.802l5.977-5.83a3.5 3.5 0 00-4.952-4.947c-.235.235-.42.51-.586.815a.5.5 0 01-.878 0 3.46 3.46 0 00-.587-.815z",
190
190
  fill: e
191
191
  }
192
- ) })), O0 = ({
192
+ ) })), Oe = ({
193
193
  color: e = "currentColor",
194
- ...o
195
- }) => /* @__PURE__ */ A(g, { ...o, children: [
196
- /* @__PURE__ */ t(
194
+ ...r
195
+ }) => /* @__PURE__ */ A(m, { ...r, children: [
196
+ /* @__PURE__ */ i(
197
197
  "path",
198
198
  {
199
199
  d: "M14.368 4.5h1.604c.024 0 .037.028.021.044L13.28 7.992c-.008.008-.008.025 0 .032l2.714 3.448c.016.02 0 .045-.021.045h-1.604a.023.023 0 01-.02-.013l-1.895-2.46c-.009-.01-.029-.01-.041 0l-1.895 2.46a.022.022 0 01-.02.013H8.892c-.02 0-.031-.03-.02-.045l2.713-3.448c.008-.007.008-.024 0-.032L8.871 4.544a.027.027 0 01.021-.044h1.605c.008 0 .015.004.02.013l1.895 2.458c.008.013.028.013.04 0l1.896-2.458a.023.023 0 01.02-.013z",
200
200
  fill: e
201
201
  }
202
202
  ),
203
- /* @__PURE__ */ t(
203
+ /* @__PURE__ */ i(
204
204
  "path",
205
205
  {
206
206
  d: "M8.242 11.363l1.056-1.293a.047.047 0 00.012-.029l-.81-5.5c-.004-.02-.02-.036-.04-.036H7.39c-.016 0-.032.008-.036.024L4.816 9.668c-.015.032-.06.032-.073 0l-2.562-5.14c-.009-.015-.02-.023-.036-.023h-1.08c-.021 0-.038.016-.043.036L.001 11.472a.042.042 0 00.04.049H1.29c.02 0 .042-.016.042-.036l.616-4.505c.004-.04.063-.048.08-.011L4.287 11.5c.008.017.021.024.037.024h.884c.016 0 .033-.008.037-.024l2.235-4.508c.015-.037.074-.029.078.011l.608 4.338c.005.037.054.048.075.021z",
207
207
  fill: e
208
208
  }
209
209
  )
210
- ] }), y0 = ({
210
+ ] }), ye = ({
211
211
  color: e = "currentColor",
212
- ...o
213
- }) => /* @__PURE__ */ A(g, { ...o, children: [
214
- /* @__PURE__ */ t(
212
+ ...r
213
+ }) => /* @__PURE__ */ A(m, { ...r, children: [
214
+ /* @__PURE__ */ i(
215
215
  "path",
216
216
  {
217
217
  d: "M7.93 11l.871-1.124c.01-.01.01-.02.01-.03l-.77-5.305c0-.02-.02-.041-.04-.041H7a.059.059 0 00-.024.008.077.077 0 00-.017.012l-2.4 4.89c-.005.019-.026.026-.043.023a.034.034 0 01-.027-.022l-2.42-4.89a.139.139 0 00-.01-.01.046.046 0 00-.031-.011H1.016c-.02 0-.04.01-.04.04l-.972 6.673c-.01.02.01.04.04.04h1.175c.02 0 .04-.01.04-.04l.587-4.273c.01-.04.061-.05.081-.01l2.137 4.303a.17.17 0 00.01.009.045.045 0 00.03.011h.83c.01 0 .03-.01.041-.02L7.08 6.981c.02-.04.07-.03.08.01l.578 4.14c.01.041.05.051.07.021L7.93 11z",
218
218
  fill: e
219
219
  }
220
220
  ),
221
- /* @__PURE__ */ t(
221
+ /* @__PURE__ */ i(
222
222
  "path",
223
223
  {
224
224
  d: "M15.079 4.5H13.6c-.004 0-.008.002-.013.004h-.002a.1.1 0 01-.009.004.057.057 0 01-.016.002L11.788 6.83c-.01.02-.05.02-.07 0L9.944 4.51a.03.03 0 00-.01-.007c-.008-.003-.017-.003-.03-.003H8.427c-.04 0-.051.04-.04.07l2.54 3.291c.01.01.01.041 0 .051l-2.52 3.28c-.02.031 0 .071.04.071h1.478a.031.031 0 00.011-.002c.008-.003.016-.008.03-.008l1.771-2.318c.01-.02.051-.02.071 0l1.772 2.318c.01.01.02.01.04.01h1.469c.04 0 .05-.04.04-.07l-2.541-3.291a.023.023 0 01-.005-.01.047.047 0 01-.002-.008c-.002-.012 0-.026.007-.033l2.541-3.29c0-.02-.01-.061-.05-.061z",
225
225
  fill: e
226
226
  }
227
227
  ),
228
- /* @__PURE__ */ t(
228
+ /* @__PURE__ */ i(
229
229
  "path",
230
230
  {
231
231
  clipRule: "evenodd",
@@ -234,7 +234,7 @@ const C = ({
234
234
  fillRule: "evenodd"
235
235
  }
236
236
  ),
237
- /* @__PURE__ */ t(
237
+ /* @__PURE__ */ i(
238
238
  "path",
239
239
  {
240
240
  clipRule: "evenodd",
@@ -243,10 +243,10 @@ const C = ({
243
243
  fillRule: "evenodd"
244
244
  }
245
245
  )
246
- ] }), L0 = ({
246
+ ] }), Fe = ({
247
247
  color: e = "currentColor",
248
- ...o
249
- }) => /* @__PURE__ */ t(g, { ...o, children: /* @__PURE__ */ t(
248
+ ...r
249
+ }) => /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
250
250
  "path",
251
251
  {
252
252
  clipRule: "evenodd",
@@ -254,25 +254,25 @@ const C = ({
254
254
  fill: e,
255
255
  fillRule: "evenodd"
256
256
  }
257
- ) }), D0 = ({
257
+ ) }), De = ({
258
258
  color: e = "currentColor",
259
- ...o
260
- }) => /* @__PURE__ */ A(g, { ...o, children: [
261
- /* @__PURE__ */ t(
259
+ ...r
260
+ }) => /* @__PURE__ */ A(m, { ...r, children: [
261
+ /* @__PURE__ */ i(
262
262
  "path",
263
263
  {
264
264
  d: "M12.662 5.973h-.94a.013.013 0 00-.012.007L10.6 7.42c-.007.008-.019.008-.024 0l-1.11-1.44a.013.013 0 00-.011-.007h-.94c-.012 0-.02.014-.012.026l1.59 2.02c.004.004.004.014 0 .018l-1.59 2.02c-.006.009 0 .026.012.026h.94c.005 0 .009-.002.012-.008l1.11-1.44c.007-.007.018-.007.024 0l1.11 1.44a.013.013 0 00.011.008h.94a.016.016 0 00.012-.027l-1.59-2.019c-.004-.004-.004-.014 0-.019l1.59-2.02c.01-.008.002-.025-.012-.025z",
265
265
  fill: e
266
266
  }
267
267
  ),
268
- /* @__PURE__ */ t(
268
+ /* @__PURE__ */ i(
269
269
  "path",
270
270
  {
271
271
  d: "M8.753 9.235l-.619.758c-.012.015-.041.009-.044-.013l-.356-2.54c-.003-.024-.037-.029-.046-.007l-1.308 2.64c-.003.01-.013.014-.022.014H5.84c-.01 0-.017-.004-.022-.014L4.494 7.42c-.01-.022-.044-.018-.047.006l-.36 2.639c0 .011-.013.02-.026.02h-.73a.025.025 0 01-.024-.027l.599-4.06c.002-.012.012-.022.024-.022h.633c.01 0 .016.005.02.015L6.086 9c.007.019.033.019.043 0l1.486-3.01c.002-.01.012-.015.021-.015h.626c.012 0 .022.01.024.022l.475 3.221a.027.027 0 01-.007.017z",
272
272
  fill: e
273
273
  }
274
274
  ),
275
- /* @__PURE__ */ t(
275
+ /* @__PURE__ */ i(
276
276
  "path",
277
277
  {
278
278
  clipRule: "evenodd",
@@ -282,164 +282,164 @@ const C = ({
282
282
  }
283
283
  )
284
284
  ] });
285
- var p = /* @__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))(p || {}), Ie = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Ie || {});
286
- const j = {
287
- guid: p.Uncategorized,
285
+ 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 || {}), S0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(S0 || {});
286
+ const X = {
287
+ guid: g.Uncategorized,
288
288
  colorName: "uncategorized",
289
289
  icon: "category"
290
- }, ve = [
290
+ }, I0 = [
291
291
  {
292
- guid: p.AutoTransport,
292
+ guid: g.AutoTransport,
293
293
  colorName: "autoTransport",
294
294
  icon: "directions_car"
295
295
  },
296
296
  {
297
- guid: p.BillsUtilities,
297
+ guid: g.BillsUtilities,
298
298
  colorName: "billsUtilities",
299
299
  icon: "electrical_services"
300
300
  },
301
301
  {
302
- guid: p.BusinessServices,
302
+ guid: g.BusinessServices,
303
303
  colorName: "businessServices",
304
304
  icon: "business_center"
305
305
  },
306
306
  {
307
- guid: p.Education,
307
+ guid: g.Education,
308
308
  colorName: "education",
309
309
  icon: "school"
310
310
  },
311
311
  {
312
- guid: p.Entertainment,
312
+ guid: g.Entertainment,
313
313
  colorName: "entertainment",
314
314
  icon: "stadium"
315
315
  },
316
316
  {
317
- guid: p.FeesCharges,
317
+ guid: g.FeesCharges,
318
318
  colorName: "feesCharges",
319
319
  icon: "problem"
320
320
  },
321
321
  {
322
- guid: p.Financial,
322
+ guid: g.Financial,
323
323
  colorName: "financial",
324
324
  icon: "price_check"
325
325
  },
326
326
  {
327
- guid: p.FoodDining,
327
+ guid: g.FoodDining,
328
328
  colorName: "foodDining",
329
329
  icon: "grocery"
330
330
  },
331
331
  {
332
- guid: p.GiftsDonations,
332
+ guid: g.GiftsDonations,
333
333
  colorName: "giftsDonations",
334
334
  icon: "featured_seasonal_and_gifts"
335
335
  },
336
336
  {
337
- guid: p.HealthFitness,
337
+ guid: g.HealthFitness,
338
338
  colorName: "healthFitness",
339
339
  icon: "ecg_heart"
340
340
  },
341
341
  {
342
- guid: p.Home,
342
+ guid: g.Home,
343
343
  colorName: "home",
344
344
  icon: "cottage"
345
345
  },
346
346
  {
347
- guid: p.Income,
347
+ guid: g.Income,
348
348
  colorName: "income",
349
349
  icon: "monetization_on"
350
350
  },
351
351
  {
352
- guid: p.Investments,
352
+ guid: g.Investments,
353
353
  colorName: "investments",
354
354
  icon: "bid_landscape"
355
355
  },
356
356
  {
357
- guid: p.Kids,
357
+ guid: g.Kids,
358
358
  colorName: "kids",
359
359
  icon: "face"
360
360
  },
361
361
  {
362
- guid: p.PersonalCare,
362
+ guid: g.PersonalCare,
363
363
  colorName: "personalCare",
364
364
  icon: "volunteer_activism"
365
365
  },
366
366
  {
367
- guid: p.Pets,
367
+ guid: g.Pets,
368
368
  colorName: "pets",
369
369
  icon: "pet_supplies"
370
370
  },
371
371
  {
372
- guid: p.Shopping,
372
+ guid: g.Shopping,
373
373
  colorName: "shopping",
374
374
  icon: "shopping_cart"
375
375
  },
376
376
  {
377
- guid: p.Taxes,
377
+ guid: g.Taxes,
378
378
  colorName: "taxes",
379
379
  icon: "heap_snapshot_large"
380
380
  },
381
381
  {
382
- guid: p.Transfer,
382
+ guid: g.Transfer,
383
383
  colorName: "transfer",
384
384
  icon: "compare_arrows"
385
385
  },
386
386
  {
387
- guid: p.Travel,
387
+ guid: g.Travel,
388
388
  colorName: "travel",
389
389
  icon: "airplane_ticket"
390
390
  },
391
- j
392
- ], He = 0.625, xe = ({
391
+ X
392
+ ], v0 = 0.625, H0 = ({
393
393
  categoryGuid: e,
394
- icon_ratio: o = He,
395
- size: a = 32,
396
- sx: r = {},
397
- variant: n = "filled"
394
+ icon_ratio: r = v0,
395
+ size: o = 32,
396
+ sx: n = {},
397
+ variant: a = "filled"
398
398
  }) => {
399
- const s = y(), c = T.useMemo(
400
- () => ve.find((d) => d.guid === e) ?? j,
399
+ const s = F(), l = f.useMemo(
400
+ () => I0.find((u) => u.guid === e) ?? X,
401
401
  [e]
402
- ), l = s.palette.categories[c.colorName];
403
- return /* @__PURE__ */ t(
404
- O,
402
+ ), c = s.palette.categories[l.colorName];
403
+ return /* @__PURE__ */ i(
404
+ y,
405
405
  {
406
406
  alignItems: "center",
407
407
  bgcolor: () => {
408
- let d = l;
409
- return n === "twotone" && (d = `${d}20`), n === "transparent" || n === "basic" ? "transparent" : d;
408
+ let u = c;
409
+ return a === "twotone" && (u = `${u}20`), a === "transparent" || a === "basic" ? "transparent" : u;
410
410
  },
411
411
  borderRadius: 1,
412
412
  color: () => {
413
- const d = n === "filled" ? s.palette.common.white : l;
414
- return n === "basic" ? s.palette.text.primary : d;
413
+ const u = a === "filled" ? s.palette.common.white : c;
414
+ return a === "basic" ? s.palette.text.primary : u;
415
415
  },
416
- height: a,
416
+ height: o,
417
417
  justifyContent: "center",
418
- sx: [...Array.isArray(r) ? r : [r]],
419
- width: a,
420
- children: /* @__PURE__ */ t(C, { name: c.icon, size: a * o })
418
+ sx: [...Array.isArray(n) ? n : [n]],
419
+ width: o,
420
+ children: /* @__PURE__ */ i(R, { name: l.icon, size: o * r })
421
421
  }
422
422
  );
423
- }, Fe = ({
423
+ }, x0 = ({
424
424
  items: e,
425
- onChange: o,
426
- isValid: a,
427
- selected: r
425
+ onChange: r,
426
+ isValid: o,
427
+ selected: n
428
428
  }) => {
429
- const n = y(), s = e?.map((c) => {
430
- const l = c.getValue({ isValid: a });
429
+ const a = F(), s = e?.map((l) => {
430
+ const c = l.getValue({ isValid: o });
431
431
  return {
432
- label: c.label,
432
+ label: l.label,
433
433
  onClick: () => {
434
- o(l, "accept", c);
434
+ r(c, "accept", l);
435
435
  },
436
- disabled: !a(l)
436
+ disabled: !o(c)
437
437
  };
438
438
  });
439
- return /* @__PURE__ */ t(Z, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ t(pe, { color: "primary", orientation: "vertical", value: r, children: s?.map((c) => /* @__PURE__ */ t(
440
- he,
439
+ return /* @__PURE__ */ i(W, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ i(u0, { color: "primary", orientation: "vertical", value: n, children: s?.map((l) => /* @__PURE__ */ i(
440
+ d0,
441
441
  {
442
- onClick: c.onClick,
442
+ onClick: l.onClick,
443
443
  sx: {
444
444
  borderWidth: 1,
445
445
  color: "secondary.main",
@@ -450,65 +450,65 @@ const j = {
450
450
  boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
451
451
  },
452
452
  "&:hover": {
453
- bgcolor: n.palette.action.hover,
454
- borderTop: `1px solid ${n.palette.secondary.light}`
453
+ bgcolor: a.palette.action.hover,
454
+ borderTop: `1px solid ${a.palette.secondary.light}`
455
455
  },
456
456
  "&.Mui-selected": {
457
- border: `2px solid ${n.palette.primary.main} !important`,
457
+ border: `2px solid ${a.palette.primary.main} !important`,
458
458
  marginTop: "-2px !important",
459
459
  color: "primary"
460
460
  }
461
461
  },
462
- value: c.label,
463
- children: c.label
462
+ value: l.label,
463
+ children: l.label
464
464
  },
465
- c.label
465
+ l.label
466
466
  )) }) });
467
- }, N0 = ({
467
+ }, Le = ({
468
468
  copy: e,
469
- dateRange: o,
470
- onRangeChanged: a,
471
- selectedShortcut: r = e.dateRangeThisMonth,
472
- sx: n = {}
469
+ dateRange: r,
470
+ onRangeChanged: o,
471
+ selectedShortcut: n = e.dateRangeThisMonth,
472
+ sx: a = {}
473
473
  }) => {
474
- const s = y(), c = ce(s.breakpoints.down("sm")), l = T.useMemo(() => {
475
- const m = ae(), d = ne(m, 1), f = le(m, 1);
474
+ const s = F(), l = n0(s.breakpoints.down("sm")), c = f.useMemo(() => {
475
+ const t = t0(), u = i0(t, 1), T = a0(t, 1);
476
476
  return [
477
477
  {
478
478
  label: e.dateRangeThisMonth,
479
- getValue: () => [U(m), V(m)]
479
+ getValue: () => [V(t), z(t)]
480
480
  },
481
481
  {
482
482
  label: e.dateRangeLastMonth,
483
- getValue: () => [U(d), V(d)]
483
+ getValue: () => [V(u), z(u)]
484
484
  },
485
485
  {
486
486
  label: e.dateRangeLast30Days,
487
- getValue: () => [$(m, 30), m]
487
+ getValue: () => [U(t, 30), t]
488
488
  },
489
489
  {
490
490
  label: e.dateRangeLast90Days,
491
- getValue: () => [$(m, 90), m]
491
+ getValue: () => [U(t, 90), t]
492
492
  },
493
493
  {
494
494
  label: e.dateRangeYTD,
495
- getValue: () => [G(m), m]
495
+ getValue: () => [G(t), t]
496
496
  },
497
497
  {
498
498
  label: e.dateRangeLastYear,
499
- getValue: () => [G(f), ie(f)]
499
+ getValue: () => [G(T), r0(T)]
500
500
  },
501
501
  {
502
502
  label: e.dateRangeCustom,
503
- getValue: () => [m, m]
503
+ getValue: () => [t, t]
504
504
  }
505
505
  ];
506
- }, [e]), i = (m, d) => {
507
- const f = d.shortcut;
508
- a?.(m, f ? f.label : e.dateRangeCustom);
506
+ }, [e]), d = (t, u) => {
507
+ const T = u.shortcut;
508
+ o?.(t, T ? T.label : e.dateRangeCustom);
509
509
  };
510
- return /* @__PURE__ */ t(O, { gap: 16, m: 8, children: /* @__PURE__ */ t(se, { dateAdapter: ue, children: /* @__PURE__ */ t(
511
- de,
510
+ return /* @__PURE__ */ i(y, { gap: 16, m: 8, children: /* @__PURE__ */ i(l0, { dateAdapter: s0, children: /* @__PURE__ */ i(
511
+ c0,
512
512
  {
513
513
  calendars: 1,
514
514
  localeText: {
@@ -516,113 +516,113 @@ const j = {
516
516
  end: e.dateRangeTo,
517
517
  toolbarTitle: e.dateRangeToolbarTitle
518
518
  },
519
- onChange: i,
519
+ onChange: d,
520
520
  showDaysOutsideCurrentMonth: !0,
521
521
  slotProps: {
522
522
  actionBar: { actions: [] },
523
523
  shortcuts: {
524
- items: c ? [] : l
524
+ items: l ? [] : c
525
525
  },
526
526
  toolbar: {
527
527
  toolbarFormat: "MMM d, yyyy"
528
528
  }
529
529
  },
530
530
  slots: {
531
- leftArrowIcon: () => /* @__PURE__ */ t(C, { name: "chevron_left", size: 28 }),
532
- shortcuts: (m) => /* @__PURE__ */ t(Fe, { selected: r, ...m }),
533
- rightArrowIcon: () => /* @__PURE__ */ t(C, { name: "chevron_right", size: 28 })
531
+ leftArrowIcon: () => /* @__PURE__ */ i(R, { name: "chevron_left", size: 28 }),
532
+ shortcuts: (t) => /* @__PURE__ */ i(x0, { selected: n, ...t }),
533
+ rightArrowIcon: () => /* @__PURE__ */ i(R, { name: "chevron_right", size: 28 })
534
534
  },
535
- sx: { ...n },
536
- value: o
535
+ sx: { ...a },
536
+ value: r
537
537
  }
538
538
  ) }) });
539
- }, k0 = T.forwardRef(function(o, a) {
540
- return /* @__PURE__ */ t(K, { direction: "up", ref: a, ...o });
541
- }), Oe = ({
539
+ }, Ne = f.forwardRef(function(r, o) {
540
+ return /* @__PURE__ */ i(Z, { direction: "up", ref: o, ...r });
541
+ }), O0 = ({
542
542
  hasSecondaryAction: e = !0,
543
- isPrimaryDisabled: o,
544
- onPrimaryAction: a,
545
- onSecondaryAction: r,
546
- primaryColor: n = "primary",
543
+ isPrimaryDisabled: r,
544
+ onPrimaryAction: o,
545
+ onSecondaryAction: n,
546
+ primaryColor: a = "primary",
547
547
  primaryText: s = "Save",
548
- secondaryColor: c = "primary",
549
- secondaryText: l = "Cancel"
548
+ secondaryColor: l = "primary",
549
+ secondaryText: c = "Cancel"
550
550
  }) => /* @__PURE__ */ A(
551
- O,
551
+ y,
552
552
  {
553
553
  direction: "row",
554
554
  gap: 16,
555
555
  justifyContent: "flex-end",
556
556
  sx: { bgcolor: "background.paper", width: "100%", p: 24 },
557
557
  children: [
558
- e && /* @__PURE__ */ t(
558
+ e && /* @__PURE__ */ i(
559
559
  _,
560
560
  {
561
- color: c,
562
- onClick: r,
563
- variant: a ? "outlined" : "contained",
564
- children: l
561
+ color: l,
562
+ onClick: n,
563
+ variant: o ? "outlined" : "contained",
564
+ children: c
565
565
  }
566
566
  ),
567
- a && /* @__PURE__ */ t(
567
+ o && /* @__PURE__ */ i(
568
568
  _,
569
569
  {
570
- color: n,
571
- disabled: o,
572
- onClick: a,
570
+ color: a,
571
+ disabled: r,
572
+ onClick: o,
573
573
  variant: "contained",
574
574
  children: s
575
575
  }
576
576
  )
577
577
  ]
578
578
  }
579
- ), L = ({
579
+ ), D = ({
580
580
  bold: e,
581
- className: o = "",
582
- children: a,
583
- color: r,
584
- sx: n = {},
581
+ className: r = "",
582
+ children: o,
583
+ color: n,
584
+ sx: a = {},
585
585
  truncate: s = !0,
586
- uppercase: c,
587
- ...l
586
+ uppercase: l,
587
+ ...c
588
588
  }) => {
589
- switch (l.variant) {
589
+ switch (c.variant) {
590
590
  case "Body":
591
- l.variant = "body1";
591
+ c.variant = "body1";
592
592
  break;
593
593
  case "Button":
594
- l.variant = "button";
594
+ c.variant = "button";
595
595
  break;
596
596
  case "H1":
597
- l.variant = "h1";
597
+ c.variant = "h1";
598
598
  break;
599
599
  case "H2":
600
- l.variant = "h2";
600
+ c.variant = "h2";
601
601
  break;
602
602
  case "H3":
603
- l.variant = "h3";
603
+ c.variant = "h3";
604
604
  break;
605
605
  case "Paragraph":
606
- l.variant = "subtitle1";
606
+ c.variant = "subtitle1";
607
607
  break;
608
608
  case "ParagraphSmall":
609
- l.variant = "subtitle2";
609
+ c.variant = "subtitle2";
610
610
  break;
611
611
  case "Small":
612
- l.variant = "body2";
612
+ c.variant = "body2";
613
613
  break;
614
614
  case "Tiny":
615
- l.variant = "tiny";
615
+ c.variant = "tiny";
616
616
  break;
617
617
  case "XSmall":
618
- l.variant = "caption";
618
+ c.variant = "caption";
619
619
  break;
620
620
  }
621
- return /* @__PURE__ */ t(
622
- me,
621
+ return /* @__PURE__ */ i(
622
+ h0,
623
623
  {
624
- className: `mx-kmui-text ${o}`,
625
- color: r,
624
+ className: `mx-kmui-text ${r}`,
625
+ color: n,
626
626
  sx: [
627
627
  e ? {
628
628
  fontWeight: 600
@@ -632,27 +632,27 @@ const j = {
632
632
  textOverflow: "ellipsis",
633
633
  whiteSpace: "nowrap"
634
634
  } : {},
635
- c ? {
635
+ l ? {
636
636
  textTransform: "uppercase"
637
637
  } : {},
638
- ...Array.isArray(n) ? n : [n]
638
+ ...Array.isArray(a) ? a : [a]
639
639
  ],
640
- ...l,
641
- children: a
640
+ ...c,
641
+ children: o
642
642
  }
643
643
  );
644
- }, ye = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: o }), w0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: o }), _0 = ({ className: e = "", children: o, ...a }) => /* @__PURE__ */ t(L, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: o }), P0 = ({ className: e = "", children: o, truncate: a, ...r }) => /* @__PURE__ */ t(
645
- L,
644
+ }, y0 = ({ className: e = "", children: r, ...o }) => /* @__PURE__ */ i(D, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...o, children: r }), ke = ({ className: e = "", children: r, ...o }) => /* @__PURE__ */ i(D, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...o, children: r }), we = ({ className: e = "", children: r, ...o }) => /* @__PURE__ */ i(D, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...o, children: r }), _e = ({ className: e = "", children: r, truncate: o, ...n }) => /* @__PURE__ */ i(
645
+ D,
646
646
  {
647
647
  className: `mx-kmui-text p ${e}`,
648
648
  component: "p",
649
- truncate: a || !1,
649
+ truncate: o || !1,
650
650
  variant: "body1",
651
- ...r,
652
- children: o
651
+ ...n,
652
+ children: r
653
653
  }
654
- ), z0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ A(
655
- O,
654
+ ), Pe = ({ copy: e, onClose: r }) => /* @__PURE__ */ A(
655
+ y,
656
656
  {
657
657
  sx: {
658
658
  alignItems: "center",
@@ -662,198 +662,192 @@ const j = {
662
662
  py: 14
663
663
  },
664
664
  children: [
665
- /* @__PURE__ */ t(ye, { variant: "h3", children: e.title }),
666
- /* @__PURE__ */ t(X, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ t(te, {}) })
665
+ /* @__PURE__ */ i(y0, { variant: "h3", children: e.title }),
666
+ /* @__PURE__ */ i(K, { "aria-label": e.close_aria, onClick: r, sx: { mr: -12 }, children: /* @__PURE__ */ i(o0, {}) })
667
667
  ]
668
668
  }
669
- ), B0 = ({
669
+ ), Be = ({
670
670
  className: e,
671
- disableSave: o,
672
- id: a,
673
- isOpen: r,
674
- onClose: n,
671
+ disableSave: r,
672
+ id: o,
673
+ isOpen: n,
674
+ onClose: a,
675
675
  onSave: s,
676
- primaryText: c,
677
- secondaryText: l,
678
- children: i,
679
- ...m
676
+ primaryText: l,
677
+ secondaryText: c,
678
+ children: d,
679
+ ...t
680
680
  }) => /* @__PURE__ */ A(
681
- ge,
681
+ p0,
682
682
  {
683
683
  anchor: "right",
684
684
  className: `mx-kmui-drawer ${e}`,
685
- id: a ?? void 0,
686
- onClose: n,
687
- open: r,
685
+ id: o ?? void 0,
686
+ onClose: a,
687
+ open: n,
688
688
  variant: "temporary",
689
- ...m,
689
+ ...t,
690
690
  children: [
691
- i,
692
- s && /* @__PURE__ */ t(
693
- Oe,
691
+ d,
692
+ s && /* @__PURE__ */ i(
693
+ O0,
694
694
  {
695
- isPrimaryDisabled: o,
695
+ isPrimaryDisabled: r,
696
696
  onPrimaryAction: s,
697
- onSecondaryAction: n,
698
- primaryText: c,
699
- secondaryText: l
697
+ onSecondaryAction: a,
698
+ primaryText: l,
699
+ secondaryText: c
700
700
  }
701
701
  )
702
702
  ]
703
703
  }
704
- ), Q = 32, z = "https://content.moneydesktop.com/storage/MD_Assets", Le = `${z}/serenity/default_institution_logo.png`, V0 = ({
704
+ ), j = 32, B = "https://content.moneydesktop.com/storage/MD_Assets", F0 = `${B}/serenity/default_institution_logo.png`, ze = ({
705
705
  alt: e,
706
- institutionGuid: o,
707
- logoUrl: a,
708
- size: r = Q,
709
- ...n
710
- }) => /* @__PURE__ */ t(
706
+ institutionGuid: r,
707
+ logoUrl: o,
708
+ size: n = j,
709
+ ...a
710
+ }) => /* @__PURE__ */ i(
711
711
  "img",
712
712
  {
713
713
  alt: e,
714
- height: r,
715
- onError: (s) => s.target.src = Le,
716
- src: a || `${z}/Ipad%20Logos/100x100/${o}_100x100.png`,
714
+ height: n,
715
+ onError: (s) => s.target.src = F0,
716
+ src: o || `${B}/Ipad%20Logos/100x100/${r}_100x100.png`,
717
717
  style: {
718
718
  borderRadius: 4
719
719
  },
720
- width: r,
721
- ...n
720
+ width: n,
721
+ ...a
722
722
  }
723
- ), U0 = ({
723
+ ), Ve = ({
724
724
  alt: e = "",
725
- categoryGuid: o,
726
- merchantGuid: a,
727
- size: r = Q,
728
- ...n
725
+ categoryGuid: r,
726
+ merchantGuid: o,
727
+ size: n = j,
728
+ ...a
729
729
  }) => {
730
- const [s, c] = T.useState(!1), l = y();
731
- return /* @__PURE__ */ A(Z, { display: "inline-block", position: "relative", ...n, children: [
732
- a && !s && /* @__PURE__ */ t(
730
+ const [s, l] = f.useState(!1), c = F();
731
+ return /* @__PURE__ */ A(W, { display: "inline-block", position: "relative", ...a, children: [
732
+ o && !s && /* @__PURE__ */ i(
733
733
  "img",
734
734
  {
735
735
  alt: e,
736
736
  "aria-hidden": !e,
737
- height: r,
738
- onError: () => c(!0),
739
- src: `${z}/merchant_logos/${a}.png`,
737
+ height: n,
738
+ onError: () => l(!0),
739
+ src: `${B}/merchant_logos/${o}.png`,
740
740
  style: {
741
- backgroundColor: l.palette.common.white,
741
+ backgroundColor: c.palette.common.white,
742
742
  borderRadius: 4,
743
743
  boxSizing: "border-box",
744
744
  position: "absolute"
745
745
  },
746
- width: r
746
+ width: n
747
747
  }
748
748
  ),
749
- /* @__PURE__ */ t(xe, { categoryGuid: o, size: r })
749
+ /* @__PURE__ */ i(H0, { categoryGuid: r, size: n })
750
750
  ] });
751
- }, G0 = ({
751
+ }, Ge = ({
752
752
  disabled: e = !1,
753
- label: o = "",
754
- shrink: a = !0,
755
- variant: r = "outlined",
756
- ...n
757
- }) => /* @__PURE__ */ t(
758
- fe,
753
+ label: r = "",
754
+ shrink: o = !0,
755
+ variant: n = "outlined",
756
+ ...a
757
+ }) => /* @__PURE__ */ i(
758
+ g0,
759
759
  {
760
760
  InputLabelProps: {
761
- shrink: a
761
+ shrink: o
762
762
  },
763
763
  disabled: e,
764
- label: o,
765
- variant: r,
766
- ...n
764
+ label: r,
765
+ variant: n,
766
+ ...a
767
767
  }
768
768
  );
769
- function De(e) {
770
- return /* @__PURE__ */ t(K, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
769
+ function D0(e) {
770
+ return /* @__PURE__ */ i(Z, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
771
771
  }
772
- const $0 = ({
772
+ const Ue = ({
773
773
  open: e,
774
- handleClose: o,
775
- message: a,
776
- autoHideDuration: r = 3e3,
777
- severity: n = "success",
774
+ handleClose: r,
775
+ message: o,
776
+ autoHideDuration: n = 3e3,
777
+ severity: a = "success",
778
778
  snackbarSx: s,
779
- showAction: c = !1,
780
- showClose: l = !1,
781
- actionText: i = "Undo",
782
- onActionClick: m,
783
- multiLine: d = !1
779
+ showAction: l = !1,
780
+ showClose: c = !1,
781
+ actionText: d = "Undo",
782
+ onActionClick: t,
783
+ multiLine: u = !1
784
784
  }) => {
785
- const f = y(), ee = {
786
- success: f.palette.success.dark,
787
- error: f.palette.error.light,
788
- info: f.palette.info.lighter,
789
- warning: f.palette.warning.lighter
790
- }, oe = /* @__PURE__ */ A(
791
- O,
785
+ const T = F(), q = /* @__PURE__ */ A(
786
+ y,
792
787
  {
793
- alignItems: d ? "flex-end" : "center",
794
- direction: d ? "column-reverse" : "row",
788
+ alignItems: u ? "flex-end" : "center",
789
+ direction: u ? "column-reverse" : "row",
795
790
  justifyContent: (
796
791
  // eslint-disable-next-line no-nested-ternary
797
- d && c && l ? "space-between" : "flex-end"
792
+ u && l && c ? "space-between" : "flex-end"
798
793
  ),
799
794
  children: [
800
- c && /* @__PURE__ */ t(
795
+ l && /* @__PURE__ */ i(
801
796
  _,
802
797
  {
803
798
  color: "inherit",
804
- onClick: m || o,
799
+ onClick: t || r,
805
800
  size: "small",
806
801
  sx: {
807
- color: f.palette.success.contrastText,
802
+ color: T.palette.success.contrastText,
808
803
  height: 44
809
804
  },
810
- children: i
805
+ children: d
811
806
  }
812
807
  ),
813
- l && /* @__PURE__ */ t(
814
- X,
808
+ c && /* @__PURE__ */ i(
809
+ K,
815
810
  {
816
811
  "aria-label": "close",
817
812
  color: "inherit",
818
- onClick: o,
813
+ onClick: r,
819
814
  sx: { height: 44, width: 44 },
820
- children: /* @__PURE__ */ t(C, { fill: !0, name: "close", size: 24, weight: 400 })
815
+ children: /* @__PURE__ */ i(R, { fill: !0, name: "close", size: 24, weight: 400 })
821
816
  }
822
817
  )
823
818
  ]
824
819
  }
825
820
  );
826
- return /* @__PURE__ */ t(
827
- Te,
821
+ return /* @__PURE__ */ i(
822
+ m0,
828
823
  {
829
- TransitionComponent: De,
824
+ TransitionComponent: D0,
830
825
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
831
- autoHideDuration: r,
832
- onClose: o,
826
+ autoHideDuration: n,
827
+ onClose: r,
833
828
  open: e,
834
829
  sx: {
835
830
  ...s,
836
- width: d ? 400 : 325
831
+ width: u ? 400 : 325
837
832
  },
838
- children: /* @__PURE__ */ t(
839
- be,
833
+ children: /* @__PURE__ */ i(
834
+ f0,
840
835
  {
841
- action: oe,
842
- severity: n,
836
+ action: q,
837
+ severity: a,
843
838
  sx: {
844
839
  display: "flex",
845
840
  alignItems: "stretch",
846
- minHeight: l && c && d ? 120 : 56,
847
- maxHeight: d ? 120 : 56,
848
- backgroundColor: (B) => B.palette.mode === "light" ? B.palette[n].main : ee[n],
841
+ minHeight: c && l && u ? 120 : 56,
842
+ maxHeight: u ? 120 : 56,
849
843
  width: "100%",
850
844
  "& .MuiAlert-icon": {
851
- alignSelf: d ? "flex-start" : "center"
845
+ alignSelf: u ? "flex-start" : "center"
852
846
  },
853
847
  "& .MuiAlert-message": {
854
- paddingTop: d ? 12 : 8,
855
- paddingBottom: d ? 12 : 8,
856
- alignSelf: d ? "flex-start" : "center"
848
+ paddingTop: u ? 12 : 8,
849
+ paddingBottom: u ? 12 : 8,
850
+ alignSelf: u ? "flex-start" : "center"
857
851
  },
858
852
  "& .MuiAlert-action": {
859
853
  alignItems: "stretch",
@@ -861,48 +855,48 @@ const $0 = ({
861
855
  }
862
856
  },
863
857
  variant: "filled",
864
- children: /* @__PURE__ */ t(
865
- L,
858
+ children: /* @__PURE__ */ i(
859
+ D,
866
860
  {
867
861
  sx: {
868
- lineHeight: f.typography.body1.lineHeight,
869
- whiteSpace: d ? "normal" : "nowrap",
870
- overflow: d ? "visible" : "hidden",
871
- textOverflow: d ? "clip" : "ellipsis"
862
+ lineHeight: T.typography.body1.lineHeight,
863
+ whiteSpace: u ? "normal" : "nowrap",
864
+ overflow: u ? "visible" : "hidden",
865
+ textOverflow: u ? "clip" : "ellipsis"
872
866
  },
873
- truncate: !d,
874
- children: a
867
+ truncate: !u,
868
+ children: o
875
869
  }
876
870
  )
877
871
  }
878
872
  )
879
873
  }
880
874
  );
881
- }, F = {
875
+ }, O = {
882
876
  REACT: "react",
883
877
  REACT_NATIVE: "react_native",
884
878
  NATIVE: "native"
885
879
  }, k = {
886
880
  LIGHT: "light",
887
881
  DARK: "dark"
888
- }, J = T.createContext(Y), q = T.createContext(
889
- P(k.LIGHT, F.REACT_NATIVE)
890
- ), W0 = ({
882
+ }, Q = f.createContext(Y), J = f.createContext(
883
+ P(k.LIGHT, O.REACT_NATIVE)
884
+ ), $e = ({
891
885
  children: e,
892
- target: o = F.REACT,
893
- theme: a = k.LIGHT,
894
- tokenOverrides: r
886
+ target: r = O.REACT,
887
+ theme: o = k.LIGHT,
888
+ tokenOverrides: n
895
889
  }) => {
896
- const [n, s] = T.useState(a === k.LIGHT ? Y : Ce), c = T.useMemo(() => ({
897
- ...r
898
- }), [r]);
899
- return T.useEffect(() => {
900
- const l = P(a, o, { ...c });
901
- s(l);
902
- }, [a, o, c]), o === F.REACT ? /* @__PURE__ */ t(J.Provider, { value: n, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ t(q.Provider, { value: n, children: e }));
903
- }, Z0 = (e = F.REACT, o = {}) => {
904
- const a = e === F.REACT ? J : q, r = T.useContext(a);
905
- return r || P(k.LIGHT, e, { ...o });
890
+ const [a, s] = f.useState(o === k.LIGHT ? Y : b0), l = f.useMemo(() => ({
891
+ ...n
892
+ }), [n]);
893
+ return f.useEffect(() => {
894
+ const c = P(o, r, { ...l });
895
+ s(c);
896
+ }, [o, r, l]), r === O.REACT ? /* @__PURE__ */ i(Q.Provider, { value: a, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ i(J.Provider, { value: a, children: e }));
897
+ }, We = (e = O.REACT, r = {}) => {
898
+ const o = e === O.REACT ? Q : J, n = f.useContext(o);
899
+ return n || P(k.LIGHT, e, { ...r });
906
900
  }, H = {
907
901
  LIGHT: "light"
908
902
  }, M = (e) => ({
@@ -912,18 +906,18 @@ const $0 = ({
912
906
  300: x(e, 0.55),
913
907
  400: x(e, 0.3),
914
908
  500: e,
915
- 600: D(e, 0.3),
916
- 700: D(e, 0.5),
917
- 800: D(e, 0.65),
918
- 900: D(e, 0.75)
919
- }), R = "#FFFFFF", N = "#000000", Ne = "#F9F9F9", ke = "#1A1A1A", E = {
909
+ 600: L(e, 0.3),
910
+ 700: L(e, 0.5),
911
+ 800: L(e, 0.65),
912
+ 900: L(e, 0.75)
913
+ }), C = "#FFFFFF", N = "#000000", L0 = "#F9F9F9", N0 = "#1A1A1A", E = {
920
914
  PRIMARY: "#2C64EF",
921
915
  SECONDARY: "#808080",
922
916
  INFO: "#2C64EF",
923
917
  SUCCESS: "#12875E",
924
918
  WARNING: "#FF7B00",
925
919
  ERROR: "#E32727",
926
- NEUTRAL: "#808080"
920
+ GREY: "#808080"
927
921
  }, S = {
928
922
  CHART1: "#74E4DA",
929
923
  CHART2: "#ED64A4",
@@ -939,7 +933,7 @@ const $0 = ({
939
933
  CHART_MONO4: "#2F73DA",
940
934
  CHART_MONO5: "#034AB3",
941
935
  CHART_MONO6: "#002966"
942
- }, u = {
936
+ }, h = {
943
937
  AUTO_TRANSPORTT: "#00B0FF",
944
938
  BILLS_UTILITIES: "#F949BD",
945
939
  BUSINESS_SERVICES: "#2979FF",
@@ -962,7 +956,7 @@ const $0 = ({
962
956
  TRANSFER: "#2B9580",
963
957
  TRAVEL: "#3D5AFE",
964
958
  UNCATEGORIZED: "#8495AD"
965
- }, h = {
959
+ }, p = {
966
960
  AUTO_TRANSPORTT: "#77DAFF",
967
961
  BILLS_UTILITIES: "#FF81D4",
968
962
  BUSINESS_SERVICES: "#4BBAFF",
@@ -985,126 +979,137 @@ const $0 = ({
985
979
  TRANSFER: "#75C7B7",
986
980
  TRAVEL: "#76ACF7",
987
981
  UNCATEGORIZED: "#BCC6D4"
988
- }, we = (e) => {
989
- const o = M(E.PRIMARY), a = M(E.SECONDARY), r = M(E.ERROR), n = M(E.WARNING), s = M(E.INFO), c = M(E.SUCCESS), l = M(E.NEUTRAL), i = e === H.LIGHT;
990
- return Re({
982
+ }, k0 = (e, r) => {
983
+ const o = M(r?.primary || E.PRIMARY), n = M(r?.secondary || E.SECONDARY), a = M(r?.error || E.ERROR), s = M(r?.warning || E.WARNING), l = M(r?.info || E.INFO), c = M(r?.success || E.SUCCESS), d = M(r?.grey || E.GREY), t = e === H.LIGHT;
984
+ return A0({
991
985
  mode: e,
992
- // DEPRECATED: Use Neutral instead
986
+ // DEPRECATED: Use grey instead
993
987
  border: {
994
988
  /* DEPRECATED: Use light instead */
995
- lighter: i ? l[300] : l[700],
996
- light: i ? l[300] : l[700],
997
- main: i ? l[400] : l[600],
998
- dark: l[500],
989
+ lighter: t ? d[300] : d[700],
990
+ light: t ? d[300] : d[700],
991
+ main: t ? d[400] : d[600],
992
+ dark: d[500],
999
993
  /* DEPRECATED: Use light instead */
1000
- darker: l[500]
994
+ darker: d[500]
1001
995
  },
1002
996
  common: {
1003
- white: R,
997
+ white: C,
1004
998
  black: N
1005
999
  },
1006
1000
  primary: {
1007
1001
  ...o,
1008
1002
  /* DEPRECATED: Use light instead */
1009
- lighter: i ? o[100] : o[800],
1010
- light: i ? o[300] : o[600],
1011
- main: i ? o[500] : o[400],
1012
- dark: i ? o[700] : o[200],
1003
+ lighter: t ? o[100] : o[800],
1004
+ light: t ? o[300] : o[600],
1005
+ main: t ? o[500] : o[400],
1006
+ dark: t ? o[700] : o[200],
1013
1007
  /* DEPRECATED: Use dark instead */
1014
- darker: i ? o[900] : o[100]
1008
+ darker: t ? o[900] : o[100]
1015
1009
  },
1016
1010
  secondary: {
1017
- ...a,
1011
+ ...n,
1012
+ /* DEPRECATED: Use light instead */
1013
+ lighter: t ? n[100] : n[800],
1014
+ light: t ? n[300] : n[600],
1015
+ main: t ? n[500] : n[400],
1016
+ dark: t ? n[700] : n[200],
1017
+ /* DEPRECATED: Use dark instead */
1018
+ darker: t ? n[900] : n[100]
1019
+ },
1020
+ neutral: {
1021
+ ...d,
1018
1022
  /* DEPRECATED: Use light instead */
1019
- lighter: i ? a[300] : a[700],
1020
- light: a[500],
1021
- main: i ? a[700] : a[300],
1022
- dark: i ? a[900] : a[100],
1023
+ lighter: t ? d[100] : d[800],
1024
+ light: t ? d[300] : d[600],
1025
+ main: t ? d[500] : d[400],
1026
+ dark: t ? d[700] : d[200],
1023
1027
  /* DEPRECATED: Use dark instead */
1024
- darker: i ? a[900] : a[50]
1028
+ darker: t ? d[900] : d[100],
1029
+ contrastText: T0(t ? d[700] : d[400], "#fff") > 4.5 ? C : d[900]
1025
1030
  },
1026
1031
  text: {
1027
- primary: i ? l[900] : R,
1028
- secondary: i ? l[600] : b(R, 0.7),
1029
- disabled: i ? l[500] : b(R, 0.38)
1032
+ primary: t ? d[900] : C,
1033
+ secondary: t ? d[600] : b(C, 0.7),
1034
+ disabled: t ? d[500] : b(C, 0.38)
1030
1035
  },
1031
1036
  error: {
1032
- ...r,
1037
+ ...a,
1033
1038
  /* DEPRECATED: Use light instead */
1034
- lighter: i ? r[100] : r[800],
1035
- light: i ? r[300] : r[600],
1036
- main: i ? r[500] : r[400],
1037
- dark: i ? r[700] : r[200],
1039
+ lighter: t ? a[100] : a[800],
1040
+ light: t ? a[300] : a[600],
1041
+ main: t ? a[500] : a[400],
1042
+ dark: t ? a[700] : a[200],
1038
1043
  /* DEPRECATED: Use light instead */
1039
- darker: i ? r[900] : r[100]
1044
+ darker: t ? a[900] : a[100]
1040
1045
  },
1041
1046
  warning: {
1042
- ...n,
1047
+ ...s,
1043
1048
  /* DEPRECATED: Use light instead */
1044
- lighter: i ? n[100] : n[800],
1045
- light: i ? n[300] : n[600],
1046
- main: i ? n[500] : n[400],
1047
- dark: i ? n[700] : n[200],
1049
+ lighter: t ? s[100] : s[800],
1050
+ light: t ? s[300] : s[600],
1051
+ main: t ? s[500] : s[400],
1052
+ dark: t ? s[700] : s[200],
1048
1053
  /* DEPRECATED: Use light instead */
1049
- darker: i ? n[900] : n[100]
1054
+ darker: t ? s[900] : s[100]
1050
1055
  },
1051
1056
  info: {
1052
- ...s,
1057
+ ...l,
1053
1058
  /* DEPRECATED: Use light instead */
1054
- lighter: i ? s[100] : s[800],
1055
- light: i ? s[300] : s[600],
1056
- main: i ? s[500] : s[400],
1057
- dark: i ? s[700] : s[200],
1059
+ lighter: t ? l[100] : l[800],
1060
+ light: t ? l[300] : l[600],
1061
+ main: t ? l[500] : l[400],
1062
+ dark: t ? l[700] : l[200],
1058
1063
  /* DEPRECATED: Use light instead */
1059
- darker: i ? s[900] : s[100]
1064
+ darker: t ? l[900] : l[100]
1060
1065
  },
1061
1066
  success: {
1062
1067
  ...c,
1063
1068
  /* DEPRECATED: Use light instead */
1064
- lighter: i ? c[100] : c[800],
1065
- light: i ? c[300] : c[600],
1066
- main: i ? c[500] : c[400],
1067
- dark: i ? c[700] : c[200],
1069
+ lighter: t ? c[100] : c[800],
1070
+ light: t ? c[300] : c[600],
1071
+ main: t ? c[500] : c[400],
1072
+ dark: t ? c[700] : c[200],
1068
1073
  /* DEPRECATED: Use light instead */
1069
- darker: i ? c[900] : c[100]
1074
+ darker: t ? c[900] : c[100]
1070
1075
  },
1071
- grey: l,
1076
+ grey: d,
1072
1077
  action: {
1073
- active: i ? b(N, 0.56) : b(R, 0.56),
1074
- hoverOpacity: i ? 0.1 : 0.2,
1075
- selectedOpacity: i ? 0.16 : 0.25,
1078
+ active: t ? b(N, 0.56) : b(C, 0.56),
1079
+ hoverOpacity: t ? 0.1 : 0.2,
1080
+ selectedOpacity: t ? 0.16 : 0.25,
1076
1081
  focusOpacity: 0.3
1077
1082
  },
1078
1083
  background: {
1079
- default: i ? Ne : ke,
1080
- paper: i ? R : N,
1081
- highlight: i ? l[200] : l[600],
1082
- highlightPrimary: i ? o[100] : o[500]
1084
+ default: t ? r?.background?.default?.light || L0 : r?.background?.default?.dark || N0,
1085
+ paper: t ? r?.background?.paper?.light || C : r?.background?.paper?.dark || N,
1086
+ highlight: t ? d[200] : d[600],
1087
+ highlightPrimary: t ? o[100] : o[500]
1083
1088
  },
1084
- divider: i ? b(N, 0.12) : b(R, 0.24),
1089
+ divider: t ? b(N, 0.12) : b(C, 0.24),
1085
1090
  categories: {
1086
- autoTransport: i ? u.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1087
- billsUtilities: i ? u.BILLS_UTILITIES : h.BILLS_UTILITIES,
1088
- businessServices: i ? u.BUSINESS_SERVICES : h.BUSINESS_SERVICES,
1089
- education: i ? u.EDUCATION : h.EDUCATION,
1090
- entertainment: i ? u.ENTERTAINMENT : h.ENTERTAINMENT,
1091
- feesCharges: i ? u.FEES_CHARGES : h.FEES_CHARGES,
1092
- financial: i ? u.FINANCIAL : h.FINANCIAL,
1093
- foodDining: i ? u.FOOD_DINING : h.FOOD_DINING,
1094
- giftsDonations: i ? u.GIFTS_DONATIONS : h.GIFTS_DONATIONS,
1095
- healthFitness: i ? u.HEALTH_FITNESS : h.HEALTH_FITNESS,
1096
- home: i ? u.HOME : h.HOME,
1097
- income: i ? u.INCOME : h.INCOME,
1098
- investments: i ? u.INVESTMENTS : h.INVESTMENTS,
1099
- kids: i ? u.KIDS : h.KIDS,
1100
- others: i ? u.OTHERS : h.OTHERS,
1101
- personalCare: i ? u.PERSONAL_CARE : h.PERSONAL_CARE,
1102
- pets: i ? u.PETS : h.PETS,
1103
- shopping: i ? u.SHOPPING : h.SHOPPING,
1104
- taxes: i ? u.TAXES : h.TAXES,
1105
- transfer: i ? u.TRANSFER : h.TRANSFER,
1106
- travel: i ? u.TRAVEL : h.TRAVEL,
1107
- uncategorized: i ? u.UNCATEGORIZED : h.UNCATEGORIZED
1091
+ autoTransport: t ? h.AUTO_TRANSPORTT : p.AUTO_TRANSPORTT,
1092
+ billsUtilities: t ? h.BILLS_UTILITIES : p.BILLS_UTILITIES,
1093
+ businessServices: t ? h.BUSINESS_SERVICES : p.BUSINESS_SERVICES,
1094
+ education: t ? h.EDUCATION : p.EDUCATION,
1095
+ entertainment: t ? h.ENTERTAINMENT : p.ENTERTAINMENT,
1096
+ feesCharges: t ? h.FEES_CHARGES : p.FEES_CHARGES,
1097
+ financial: t ? h.FINANCIAL : p.FINANCIAL,
1098
+ foodDining: t ? h.FOOD_DINING : p.FOOD_DINING,
1099
+ giftsDonations: t ? h.GIFTS_DONATIONS : p.GIFTS_DONATIONS,
1100
+ healthFitness: t ? h.HEALTH_FITNESS : p.HEALTH_FITNESS,
1101
+ home: t ? h.HOME : p.HOME,
1102
+ income: t ? h.INCOME : p.INCOME,
1103
+ investments: t ? h.INVESTMENTS : p.INVESTMENTS,
1104
+ kids: t ? h.KIDS : p.KIDS,
1105
+ others: t ? h.OTHERS : p.OTHERS,
1106
+ personalCare: t ? h.PERSONAL_CARE : p.PERSONAL_CARE,
1107
+ pets: t ? h.PETS : p.PETS,
1108
+ shopping: t ? h.SHOPPING : p.SHOPPING,
1109
+ taxes: t ? h.TAXES : p.TAXES,
1110
+ transfer: t ? h.TRANSFER : p.TRANSFER,
1111
+ travel: t ? h.TRAVEL : p.TRAVEL,
1112
+ uncategorized: t ? h.UNCATEGORIZED : p.UNCATEGORIZED
1108
1113
  },
1109
1114
  chart: {
1110
1115
  chart1: S.CHART1,
@@ -1124,7 +1129,7 @@ const $0 = ({
1124
1129
  chartMono6: v.CHART_MONO6
1125
1130
  }
1126
1131
  });
1127
- }, I = "Inter, Helvetica, Arial, sans-serif", _e = (e) => Ee(e, {
1132
+ }, I = "Inter, Helvetica, Arial, sans-serif", w0 = (e, r) => M0(e, {
1128
1133
  fontFamily: I,
1129
1134
  fontSize: 15,
1130
1135
  Body: {
@@ -1230,18 +1235,19 @@ const $0 = ({
1230
1235
  tiny: {
1231
1236
  fontSize: 9,
1232
1237
  lineHeight: "12px"
1233
- }
1238
+ },
1239
+ ...r
1234
1240
  });
1235
- Me.setLicenseKey(
1241
+ R0.setLicenseKey(
1236
1242
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1237
1243
  );
1238
- const w = [...W().shadows];
1244
+ const w = [...$().shadows];
1239
1245
  w[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1240
1246
  w[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1241
1247
  w[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1242
- const K0 = (e) => {
1243
- const o = we(e), a = _e(o);
1244
- return W({
1248
+ const Ze = (e, r) => {
1249
+ const o = k0(e, r?.paletteOptions), n = w0(o, r?.typographyOptions);
1250
+ return $({
1245
1251
  breakpoints: {
1246
1252
  values: {
1247
1253
  xs: 444,
@@ -1254,32 +1260,36 @@ const K0 = (e) => {
1254
1260
  palette: o,
1255
1261
  shadows: w,
1256
1262
  shape: {
1257
- borderRadius: 4
1263
+ borderRadius: r?.shapeOptions?.borderRadius || 4
1258
1264
  },
1259
1265
  spacing: 1,
1260
1266
  // TODO: update spacing, we're back to a 8-base which is default for MUI 2.x
1261
- typography: a,
1267
+ typography: n,
1262
1268
  components: {
1263
1269
  MuiAlert: {
1264
1270
  defaultProps: {
1265
1271
  iconMapping: {
1266
- success: /* @__PURE__ */ t(C, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1267
- error: /* @__PURE__ */ t(C, { fill: !0, name: "error", size: 24, weight: 400 }),
1268
- warning: /* @__PURE__ */ t(C, { fill: !0, name: "warning", size: 24, weight: 400 }),
1269
- info: /* @__PURE__ */ t(C, { fill: !0, name: "info", size: 24, weight: 400 })
1272
+ success: /* @__PURE__ */ i(R, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1273
+ error: /* @__PURE__ */ i(R, { fill: !0, name: "error", size: 24, weight: 400 }),
1274
+ warning: /* @__PURE__ */ i(R, { fill: !0, name: "warning", size: 24, weight: 400 }),
1275
+ info: /* @__PURE__ */ i(R, { fill: !0, name: "info", size: 24, weight: 400 })
1270
1276
  },
1271
1277
  variant: "outlined"
1272
1278
  },
1273
1279
  styleOverrides: {
1274
- root: ({ theme: r, ownerState: n }) => {
1275
- const s = n.severity || "info";
1276
- let c = o.mode === H.LIGHT ? o[s]?.[50] : o[s]?.[800];
1277
- return n.variant === "filled" && (c = o[s]?.main), {
1280
+ root: ({ theme: a, ownerState: s }) => {
1281
+ const l = s.severity || "info";
1282
+ let c = o.mode === H.LIGHT ? o[l]?.[50] : o[l]?.[800];
1283
+ if (s.variant === "filled") {
1284
+ const d = l === "warning";
1285
+ c = o[l]?.[d ? 400 : 600];
1286
+ }
1287
+ return {
1278
1288
  backgroundColor: c,
1279
- borderRadius: r.shape.borderRadius,
1289
+ borderRadius: a.shape.borderRadius,
1280
1290
  "& .MuiAlert-message": {
1281
- fontSize: a.subtitle1.fontSize,
1282
- lineHeight: a.subtitle1.lineHeight,
1291
+ fontSize: n.subtitle1.fontSize,
1292
+ lineHeight: n.subtitle1.lineHeight,
1283
1293
  marginTop: "auto",
1284
1294
  marginBottom: "auto"
1285
1295
  },
@@ -1357,7 +1367,7 @@ const K0 = (e) => {
1357
1367
  MuiCircularProgress: {
1358
1368
  styleOverrides: {
1359
1369
  root: {
1360
- [`& .${Ae.circle}`]: {
1370
+ [`& .${C0.circle}`]: {
1361
1371
  strokeLinecap: "round"
1362
1372
  }
1363
1373
  }
@@ -1381,7 +1391,7 @@ const K0 = (e) => {
1381
1391
  root: {
1382
1392
  border: "none",
1383
1393
  borderRadius: 0,
1384
- fontSize: a.body2.fontSize,
1394
+ fontSize: n.body2.fontSize,
1385
1395
  "& .MuiDataGrid-cell": {
1386
1396
  display: "flex",
1387
1397
  alignItems: "center",
@@ -1411,42 +1421,42 @@ const K0 = (e) => {
1411
1421
  },
1412
1422
  MuiDateRangePickerDay: {
1413
1423
  styleOverrides: {
1414
- root: ({ theme: r }) => ({
1424
+ root: ({ theme: a }) => ({
1415
1425
  ":first-of-type": {
1416
- borderTopLeftRadius: r.shape.borderRadius,
1417
- borderBottomLeftRadius: r.shape.borderRadius,
1426
+ borderTopLeftRadius: a.shape.borderRadius,
1427
+ borderBottomLeftRadius: a.shape.borderRadius,
1418
1428
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1419
- borderTopLeftRadius: r.shape.borderRadius,
1420
- borderBottomLeftRadius: r.shape.borderRadius
1429
+ borderTopLeftRadius: a.shape.borderRadius,
1430
+ borderBottomLeftRadius: a.shape.borderRadius
1421
1431
  }
1422
1432
  },
1423
1433
  ":last-of-type": {
1424
- borderTopRightRadius: r.shape.borderRadius,
1425
- borderBottomRightRadius: r.shape.borderRadius,
1434
+ borderTopRightRadius: a.shape.borderRadius,
1435
+ borderBottomRightRadius: a.shape.borderRadius,
1426
1436
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1427
- borderTopRightRadius: r.shape.borderRadius,
1428
- borderBottomRightRadius: r.shape.borderRadius
1437
+ borderTopRightRadius: a.shape.borderRadius,
1438
+ borderBottomRightRadius: a.shape.borderRadius
1429
1439
  }
1430
1440
  },
1431
1441
  "& .Mui-selected": {
1432
- borderRadius: r.shape.borderRadius
1442
+ borderRadius: a.shape.borderRadius
1433
1443
  },
1434
1444
  "& .MuiPickersDay-dayOutsideMonth": {
1435
1445
  color: o.action.disabled
1436
1446
  }
1437
1447
  }),
1438
- day: ({ theme: r }) => ({
1439
- borderRadius: r.shape.borderRadius
1448
+ day: ({ theme: a }) => ({
1449
+ borderRadius: a.shape.borderRadius
1440
1450
  }),
1441
- rangeIntervalDayPreview: ({ theme: r }) => ({
1442
- borderRadius: r.shape.borderRadius
1451
+ rangeIntervalDayPreview: ({ theme: a }) => ({
1452
+ borderRadius: a.shape.borderRadius
1443
1453
  })
1444
1454
  }
1445
1455
  },
1446
1456
  MuiDayCalendar: {
1447
1457
  styleOverrides: {
1448
- weekDayLabel: ({ theme: r }) => ({
1449
- fontSize: r.typography.body2.fontSize,
1458
+ weekDayLabel: ({ theme: a }) => ({
1459
+ fontSize: a.typography.body2.fontSize,
1450
1460
  fontWeight: 700
1451
1461
  })
1452
1462
  }
@@ -1488,14 +1498,14 @@ const K0 = (e) => {
1488
1498
  },
1489
1499
  MuiFormHelperText: {
1490
1500
  styleOverrides: {
1491
- root: ({ theme: r }) => ({
1501
+ root: ({ theme: a }) => ({
1492
1502
  fontSize: 13,
1493
1503
  // Small
1494
1504
  marginLeft: 0,
1495
1505
  display: "flex",
1496
1506
  alignItems: "center",
1497
1507
  position: "relative",
1498
- color: r.palette.text.secondary,
1508
+ color: a.palette.text.secondary,
1499
1509
  "& .MuiSvgIcon-root": {
1500
1510
  height: "16px",
1501
1511
  width: "16px",
@@ -1526,8 +1536,8 @@ const K0 = (e) => {
1526
1536
  disableFocusRipple: !0
1527
1537
  },
1528
1538
  styleOverrides: {
1529
- root: ({ theme: r }) => ({
1530
- borderRadius: r.shape.borderRadius,
1539
+ root: ({ theme: a }) => ({
1540
+ borderRadius: a.shape.borderRadius,
1531
1541
  minHeight: 44,
1532
1542
  // touch target
1533
1543
  minWidth: 44,
@@ -1538,7 +1548,7 @@ const K0 = (e) => {
1538
1548
  },
1539
1549
  "& .MuiTouchRipple-root": {
1540
1550
  "& .MuiTouchRipple-child": {
1541
- borderRadius: r.shape.borderRadius
1551
+ borderRadius: a.shape.borderRadius
1542
1552
  }
1543
1553
  }
1544
1554
  })
@@ -1565,7 +1575,7 @@ const K0 = (e) => {
1565
1575
  },
1566
1576
  MuiLink: {
1567
1577
  styleOverrides: {
1568
- root: ({ color: r }) => ({
1578
+ root: ({ color: a }) => ({
1569
1579
  cursor: "pointer",
1570
1580
  fontWeight: 600,
1571
1581
  textDecoration: "none",
@@ -1580,7 +1590,7 @@ const K0 = (e) => {
1580
1590
  backgroundColor: o.action.hover
1581
1591
  },
1582
1592
  "&:active": {
1583
- backgroundColor: o.mode === H.LIGHT ? o[r].light : o[r].dark
1593
+ backgroundColor: o.mode === H.LIGHT ? o[a].light : o[a].dark
1584
1594
  }
1585
1595
  })
1586
1596
  }
@@ -1607,9 +1617,9 @@ const K0 = (e) => {
1607
1617
  disablePadding: !0
1608
1618
  },
1609
1619
  styleOverrides: {
1610
- root: ({ ownerState: r }) => ({
1620
+ root: ({ ownerState: a }) => ({
1611
1621
  minHeight: 64,
1612
- ...!r.disablePadding && {
1622
+ ...!a.disablePadding && {
1613
1623
  paddingTop: 12,
1614
1624
  paddingBottom: 12,
1615
1625
  paddingLeft: 24
@@ -1760,20 +1770,20 @@ const K0 = (e) => {
1760
1770
  gridColumn: "1/4",
1761
1771
  "& > .MuiTypography-root": {
1762
1772
  textTransform: "uppercase",
1763
- fontSize: a.body2.fontSize,
1773
+ fontSize: n.body2.fontSize,
1764
1774
  fontWeight: 600,
1765
- lineHeight: a.body2.lineHeight
1775
+ lineHeight: n.body2.lineHeight
1766
1776
  }
1767
1777
  }
1768
1778
  }
1769
1779
  },
1770
1780
  MuiPickersToolbar: {
1771
1781
  styleOverrides: {
1772
- content: ({ theme: r }) => ({
1782
+ content: ({ theme: a }) => ({
1773
1783
  marginTop: 4,
1774
1784
  "& .MuiTypography-root": {
1775
- fontSize: r.typography.h3.fontSize,
1776
- lineHeight: r.typography.h3.lineHeight
1785
+ fontSize: a.typography.h3.fontSize,
1786
+ lineHeight: a.typography.h3.lineHeight
1777
1787
  }
1778
1788
  })
1779
1789
  }
@@ -1989,50 +1999,50 @@ const K0 = (e) => {
1989
1999
  });
1990
2000
  };
1991
2001
  export {
1992
- T0 as AccountsFilledIcon,
1993
- b0 as AccountsIcon,
1994
- C0 as ArrowLeftIcon,
1995
- A0 as AttentionFilledIcon,
1996
- g as BaseIcon,
1997
- k0 as BottomSheetTransition,
1998
- M0 as CalendarIcon,
1999
- p as CategoryGuids,
2000
- xe as CategoryIcon,
2001
- ve as CategoryIconList,
2002
- Ie as CategoryIconVariants,
2003
- R0 as CheckmarkFilledIcon,
2004
- E0 as ChevronDownIcon,
2005
- S0 as ChevronLeftIcon,
2006
- I0 as ChevronRightIcon,
2007
- v0 as CloseIcon,
2008
- N0 as DateRangePicker,
2009
- Oe as DialogFooter,
2010
- z0 as DialogHeader,
2011
- B0 as Drawer,
2012
- H0 as EditIcon,
2013
- x0 as FilterIcon,
2014
- Oe as Footer,
2015
- ye as H1,
2016
- w0 as H2,
2017
- _0 as H3,
2018
- F0 as HeartIcon,
2002
+ fe as AccountsFilledIcon,
2003
+ be as AccountsIcon,
2004
+ Te as ArrowLeftIcon,
2005
+ Ce as AttentionFilledIcon,
2006
+ m as BaseIcon,
2007
+ Ne as BottomSheetTransition,
2008
+ Re as CalendarIcon,
2009
+ g as CategoryGuids,
2010
+ H0 as CategoryIcon,
2011
+ I0 as CategoryIconList,
2012
+ S0 as CategoryIconVariants,
2013
+ Ae as CheckmarkFilledIcon,
2014
+ Me as ChevronDownIcon,
2015
+ Ee as ChevronLeftIcon,
2016
+ Se as ChevronRightIcon,
2017
+ Ie as CloseIcon,
2018
+ Le as DateRangePicker,
2019
+ O0 as DialogFooter,
2020
+ Pe as DialogHeader,
2021
+ Be as Drawer,
2022
+ ve as EditIcon,
2023
+ He as FilterIcon,
2024
+ O0 as Footer,
2025
+ y0 as H1,
2026
+ ke as H2,
2027
+ we as H3,
2028
+ xe as HeartIcon,
2019
2029
  I as INTER,
2020
- C as Icon,
2021
- Se as IconWeight,
2022
- V0 as InstitutionLogo,
2023
- y0 as MXLogoCopyrightIcon,
2024
- L0 as MXLogoFilledIcon,
2025
- O0 as MXLogoIcon,
2026
- D0 as MXLogoOutlineIcon,
2027
- U0 as MerchantLogo,
2028
- P0 as P,
2029
- F as TARGETS,
2030
+ R as Icon,
2031
+ E0 as IconWeight,
2032
+ ze as InstitutionLogo,
2033
+ ye as MXLogoCopyrightIcon,
2034
+ Fe as MXLogoFilledIcon,
2035
+ Oe as MXLogoIcon,
2036
+ De as MXLogoOutlineIcon,
2037
+ Ve as MerchantLogo,
2038
+ _e as P,
2039
+ O as TARGETS,
2030
2040
  k as THEMES,
2031
- L as Text,
2032
- G0 as TextField,
2033
- $0 as Toast,
2034
- W0 as TokenProvider,
2035
- K0 as createMXTheme,
2036
- Z0 as useTokens
2041
+ D as Text,
2042
+ Ge as TextField,
2043
+ Ue as Toast,
2044
+ $e as TokenProvider,
2045
+ Ze as createMXTheme,
2046
+ We as useTokens
2037
2047
  };
2038
2048
  //# sourceMappingURL=index.es.js.map