@mxenabled/mxui 1.3.1-alpha.bb1 → 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 (8) hide show
  1. package/dist/components/selectionbox/SelectionBox.d.ts +14 -0
  2. package/dist/components/selectionbox/index.d.ts +1 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.es.js +804 -680
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/themes/Palette.d.ts +194 -1
  7. package/dist/themes/Typography.d.ts +34 -2
  8. 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";
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
- import { startOfYear as G } from "date-fns/startOfYear";
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
- import _ from "@mui/material/Button";
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";
1
+ import { jsx as n, jsxs as R } from "react/jsx-runtime";
2
+ import C from "react";
3
+ import D from "@mui/material/Stack";
4
+ import { useTheme as H, createTheme as Q } from "@mui/material/styles";
5
+ import { Icon as ge, Close as fe } from "@mxenabled/mx-icons";
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
+ import Re from "@mui/material/useMediaQuery";
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
+ import Oe from "@mui/material/Alert";
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";
34
32
  const m = ({
35
33
  children: e,
36
34
  height: r,
37
- size: o = 16,
38
- viewBox: n = "0 0 16 16",
39
- width: a
40
- }) => /* @__PURE__ */ i(
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: r || o,
47
- viewBox: n,
48
- width: a || o,
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 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 = ({
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
54
  fill: r = !1,
57
- name: o,
58
- size: n = 20,
59
- sx: a,
60
- weight: s = 300,
61
- ...l
62
- }) => /* @__PURE__ */ i(
63
- e0,
55
+ name: i,
56
+ size: a = 20,
57
+ sx: o,
58
+ weight: d = 300,
59
+ ...c
60
+ }) => /* @__PURE__ */ n(
61
+ ge,
64
62
  {
65
63
  color: e,
66
64
  fill: r,
67
- name: o,
68
- size: n,
69
- sx: a,
70
- weight: s,
71
- ...l
65
+ name: i,
66
+ size: a,
67
+ sx: o,
68
+ weight: d,
69
+ ...c
72
70
  }
73
- ), fe = ({
71
+ ), y0 = ({
74
72
  color: e = "currentColor",
75
73
  ...r
76
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), be = ({
80
+ ) })), O0 = ({
83
81
  color: e = "currentColor",
84
82
  ...r
85
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Te = ({
89
+ ) })), F0 = ({
92
90
  color: e = "currentColor",
93
91
  ...r
94
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Ce = ({
98
+ ) })), D0 = ({
101
99
  color: e = "currentColor",
102
100
  ...r
103
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Re = ({
109
+ ) })), k0 = ({
112
110
  color: e = "currentColor",
113
111
  ...r
114
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Ae = ({
118
+ ) })), L0 = ({
121
119
  color: e = "currentColor",
122
120
  ...r
123
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Me = ({
127
+ ) })), N0 = ({
130
128
  color: e = "currentColor",
131
129
  ...r
132
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Ee = ({
136
+ ) })), w0 = ({
139
137
  color: e = "currentColor",
140
138
  ...r
141
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Se = ({
145
+ ) })), _0 = ({
148
146
  color: e = "currentColor",
149
147
  ...r
150
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Ie = ({
154
+ ) })), P0 = ({
157
155
  color: e = "currentColor",
158
156
  ...r
159
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), ve = ({
163
+ ) })), B0 = ({
166
164
  color: e = "currentColor",
167
165
  ...r
168
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), He = ({
172
+ ) })), z0 = ({
175
173
  color: e = "currentColor",
176
174
  ...r
177
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), xe = ({
181
+ ) })), V0 = ({
184
182
  color: e = "currentColor",
185
183
  ...r
186
- }) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) })), Oe = ({
190
+ ) })), G0 = ({
193
191
  color: e = "currentColor",
194
192
  ...r
195
- }) => /* @__PURE__ */ A(m, { ...r, children: [
196
- /* @__PURE__ */ i(
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
- ] }), ye = ({
208
+ ] }), U0 = ({
211
209
  color: e = "currentColor",
212
210
  ...r
213
- }) => /* @__PURE__ */ A(m, { ...r, children: [
214
- /* @__PURE__ */ i(
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
- ] }), Fe = ({
244
+ ] }), $0 = ({
247
245
  color: e = "currentColor",
248
246
  ...r
249
- }) => /* @__PURE__ */ i(m, { ...r, children: /* @__PURE__ */ i(
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
- ) }), De = ({
255
+ ) }), W0 = ({
258
256
  color: e = "currentColor",
259
257
  ...r
260
- }) => /* @__PURE__ */ A(m, { ...r, children: [
261
- /* @__PURE__ */ i(
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,12 +280,12 @@ const R = ({
282
280
  }
283
281
  )
284
282
  ] });
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 = {
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 = {
287
285
  guid: g.Uncategorized,
288
286
  colorName: "uncategorized",
289
287
  icon: "category"
290
- }, I0 = [
288
+ }, Pe = [
291
289
  {
292
290
  guid: g.AutoTransport,
293
291
  colorName: "autoTransport",
@@ -388,58 +386,58 @@ const X = {
388
386
  colorName: "travel",
389
387
  icon: "airplane_ticket"
390
388
  },
391
- X
392
- ], v0 = 0.625, H0 = ({
389
+ oe
390
+ ], Be = 0.625, ze = ({
393
391
  categoryGuid: e,
394
- icon_ratio: r = v0,
395
- size: o = 32,
396
- sx: n = {},
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 = F(), l = f.useMemo(
400
- () => I0.find((u) => u.guid === e) ?? X,
397
+ const d = H(), c = C.useMemo(
398
+ () => Pe.find((u) => u.guid === e) ?? oe,
401
399
  [e]
402
- ), c = s.palette.categories[l.colorName];
403
- return /* @__PURE__ */ i(
404
- y,
400
+ ), l = d.palette.categories[c.colorName];
401
+ return /* @__PURE__ */ n(
402
+ D,
405
403
  {
406
404
  alignItems: "center",
407
405
  bgcolor: () => {
408
- let u = c;
409
- return a === "twotone" && (u = `${u}20`), a === "transparent" || a === "basic" ? "transparent" : u;
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 u = a === "filled" ? s.palette.common.white : c;
414
- return a === "basic" ? s.palette.text.primary : u;
411
+ const u = o === "filled" ? d.palette.common.white : l;
412
+ return o === "basic" ? d.palette.text.primary : u;
415
413
  },
416
- height: o,
414
+ height: i,
417
415
  justifyContent: "center",
418
- sx: [...Array.isArray(n) ? n : [n]],
419
- width: o,
420
- children: /* @__PURE__ */ i(R, { name: l.icon, size: o * r })
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
- }, x0 = ({
421
+ }, Ve = ({
424
422
  items: e,
425
423
  onChange: r,
426
- isValid: o,
427
- selected: n
424
+ isValid: i,
425
+ selected: a
428
426
  }) => {
429
- const a = F(), s = e?.map((l) => {
430
- const c = l.getValue({ isValid: o });
427
+ const o = H(), d = e?.map((c) => {
428
+ const l = c.getValue({ isValid: i });
431
429
  return {
432
- label: l.label,
430
+ label: c.label,
433
431
  onClick: () => {
434
- r(c, "accept", l);
432
+ r(l, "accept", c);
435
433
  },
436
- disabled: !o(c)
434
+ disabled: !i(l)
437
435
  };
438
436
  });
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,
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
- onClick: l.onClick,
440
+ onClick: c.onClick,
443
441
  sx: {
444
442
  borderWidth: 1,
445
443
  color: "secondary.main",
@@ -450,65 +448,65 @@ const X = {
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
  }
461
459
  },
462
- value: l.label,
463
- children: l.label
460
+ value: c.label,
461
+ children: c.label
464
462
  },
465
- l.label
463
+ c.label
466
464
  )) }) });
467
- }, Le = ({
465
+ }, Z0 = ({
468
466
  copy: e,
469
467
  dateRange: r,
470
- onRangeChanged: o,
471
- selectedShortcut: n = e.dateRangeThisMonth,
472
- sx: a = {}
468
+ onRangeChanged: i,
469
+ selectedShortcut: a = e.dateRangeThisMonth,
470
+ sx: o = {}
473
471
  }) => {
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);
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: () => [V(t), z(t)]
477
+ getValue: () => [W(t), $(t)]
480
478
  },
481
479
  {
482
480
  label: e.dateRangeLastMonth,
483
- getValue: () => [V(u), z(u)]
481
+ getValue: () => [W(u), $(u)]
484
482
  },
485
483
  {
486
484
  label: e.dateRangeLast30Days,
487
- getValue: () => [U(t, 30), t]
485
+ getValue: () => [K(t, 30), t]
488
486
  },
489
487
  {
490
488
  label: e.dateRangeLast90Days,
491
- getValue: () => [U(t, 90), t]
489
+ getValue: () => [K(t, 90), t]
492
490
  },
493
491
  {
494
492
  label: e.dateRangeYTD,
495
- getValue: () => [G(t), t]
493
+ getValue: () => [Z(t), t]
496
494
  },
497
495
  {
498
496
  label: e.dateRangeLastYear,
499
- getValue: () => [G(T), r0(T)]
497
+ getValue: () => [Z(T), me(T)]
500
498
  },
501
499
  {
502
500
  label: e.dateRangeCustom,
503
501
  getValue: () => [t, t]
504
502
  }
505
503
  ];
506
- }, [e]), d = (t, u) => {
504
+ }, [e]), s = (t, u) => {
507
505
  const T = u.shortcut;
508
- o?.(t, T ? T.label : e.dateRangeCustom);
506
+ i?.(t, T ? T.label : e.dateRangeCustom);
509
507
  };
510
- return /* @__PURE__ */ i(y, { gap: 16, m: 8, children: /* @__PURE__ */ i(l0, { dateAdapter: s0, children: /* @__PURE__ */ i(
511
- c0,
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,143 +514,143 @@ const X = {
516
514
  end: e.dateRangeTo,
517
515
  toolbarTitle: e.dateRangeToolbarTitle
518
516
  },
519
- onChange: d,
517
+ onChange: s,
520
518
  showDaysOutsideCurrentMonth: !0,
521
519
  slotProps: {
522
520
  actionBar: { actions: [] },
523
521
  shortcuts: {
524
- items: l ? [] : c
522
+ items: c ? [] : l
525
523
  },
526
524
  toolbar: {
527
525
  toolbarFormat: "MMM d, yyyy"
528
526
  }
529
527
  },
530
528
  slots: {
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 })
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 },
533
+ sx: { ...o },
536
534
  value: r
537
535
  }
538
536
  ) }) });
539
- }, Ne = f.forwardRef(function(r, o) {
540
- return /* @__PURE__ */ i(Z, { direction: "up", ref: o, ...r });
541
- }), O0 = ({
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
541
  isPrimaryDisabled: r,
544
- onPrimaryAction: o,
545
- onSecondaryAction: n,
546
- primaryColor: a = "primary",
547
- primaryText: s = "Save",
548
- secondaryColor: l = "primary",
549
- secondaryText: c = "Cancel"
550
- }) => /* @__PURE__ */ A(
551
- y,
542
+ onPrimaryAction: i,
543
+ onSecondaryAction: a,
544
+ primaryColor: o = "primary",
545
+ primaryText: d = "Save",
546
+ secondaryColor: c = "primary",
547
+ secondaryText: l = "Cancel"
548
+ }) => /* @__PURE__ */ R(
549
+ D,
552
550
  {
553
551
  direction: "row",
554
552
  gap: 16,
555
553
  justifyContent: "flex-end",
556
554
  sx: { bgcolor: "background.paper", width: "100%", p: 24 },
557
555
  children: [
558
- e && /* @__PURE__ */ i(
559
- _,
556
+ e && /* @__PURE__ */ n(
557
+ B,
560
558
  {
561
- color: l,
562
- onClick: n,
563
- variant: o ? "outlined" : "contained",
564
- children: c
559
+ color: c,
560
+ onClick: a,
561
+ variant: i ? "outlined" : "contained",
562
+ children: l
565
563
  }
566
564
  ),
567
- o && /* @__PURE__ */ i(
568
- _,
565
+ i && /* @__PURE__ */ n(
566
+ B,
569
567
  {
570
- color: a,
568
+ color: o,
571
569
  disabled: r,
572
- onClick: o,
570
+ onClick: i,
573
571
  variant: "contained",
574
- children: s
572
+ children: d
575
573
  }
576
574
  )
577
575
  ]
578
576
  }
579
- ), D = ({
577
+ ), k = ({
580
578
  bold: e,
581
579
  className: r = "",
582
- children: o,
583
- color: n,
584
- sx: a = {},
585
- truncate: s = !0,
586
- uppercase: l,
587
- ...c
580
+ children: i,
581
+ color: a,
582
+ sx: o = {},
583
+ truncate: d = !0,
584
+ uppercase: c,
585
+ ...l
588
586
  }) => {
589
- switch (c.variant) {
587
+ switch (l.variant) {
590
588
  case "Body":
591
- c.variant = "body1";
589
+ l.variant = "body1";
592
590
  break;
593
591
  case "Button":
594
- c.variant = "button";
592
+ l.variant = "button";
595
593
  break;
596
594
  case "H1":
597
- c.variant = "h1";
595
+ l.variant = "h1";
598
596
  break;
599
597
  case "H2":
600
- c.variant = "h2";
598
+ l.variant = "h2";
601
599
  break;
602
600
  case "H3":
603
- c.variant = "h3";
601
+ l.variant = "h3";
604
602
  break;
605
603
  case "Paragraph":
606
- c.variant = "subtitle1";
604
+ l.variant = "subtitle1";
607
605
  break;
608
606
  case "ParagraphSmall":
609
- c.variant = "subtitle2";
607
+ l.variant = "subtitle2";
610
608
  break;
611
609
  case "Small":
612
- c.variant = "body2";
610
+ l.variant = "body2";
613
611
  break;
614
612
  case "Tiny":
615
- c.variant = "tiny";
613
+ l.variant = "tiny";
616
614
  break;
617
615
  case "XSmall":
618
- c.variant = "caption";
616
+ l.variant = "caption";
619
617
  break;
620
618
  }
621
- return /* @__PURE__ */ i(
622
- h0,
619
+ return /* @__PURE__ */ n(
620
+ Ie,
623
621
  {
624
622
  className: `mx-kmui-text ${r}`,
625
- color: n,
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"
634
632
  } : {},
635
- l ? {
633
+ c ? {
636
634
  textTransform: "uppercase"
637
635
  } : {},
638
- ...Array.isArray(a) ? a : [a]
636
+ ...Array.isArray(o) ? o : [o]
639
637
  ],
640
- ...c,
641
- children: o
638
+ ...l,
639
+ children: i
642
640
  }
643
641
  );
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,
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: o || !1,
647
+ truncate: i || !1,
650
648
  variant: "body1",
651
- ...n,
649
+ ...a,
652
650
  children: r
653
651
  }
654
- ), Pe = ({ copy: e, onClose: r }) => /* @__PURE__ */ A(
655
- y,
652
+ ), Q0 = ({ copy: e, onClose: r }) => /* @__PURE__ */ R(
653
+ D,
656
654
  {
657
655
  sx: {
658
656
  alignItems: "center",
@@ -662,138 +660,138 @@ const X = {
662
660
  py: 14
663
661
  },
664
662
  children: [
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, {}) })
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
- ), Be = ({
667
+ ), J0 = ({
670
668
  className: e,
671
669
  disableSave: r,
672
- id: o,
673
- isOpen: n,
674
- onClose: a,
675
- onSave: s,
676
- primaryText: l,
677
- secondaryText: c,
678
- children: d,
670
+ id: i,
671
+ isOpen: a,
672
+ onClose: o,
673
+ onSave: d,
674
+ primaryText: c,
675
+ secondaryText: l,
676
+ children: s,
679
677
  ...t
680
- }) => /* @__PURE__ */ A(
681
- p0,
678
+ }) => /* @__PURE__ */ R(
679
+ ve,
682
680
  {
683
681
  anchor: "right",
684
682
  className: `mx-kmui-drawer ${e}`,
685
- id: o ?? void 0,
686
- onClose: a,
687
- open: n,
683
+ id: i ?? void 0,
684
+ onClose: o,
685
+ open: a,
688
686
  variant: "temporary",
689
687
  ...t,
690
688
  children: [
691
- d,
692
- s && /* @__PURE__ */ i(
693
- O0,
689
+ s,
690
+ d && /* @__PURE__ */ n(
691
+ Ge,
694
692
  {
695
693
  isPrimaryDisabled: r,
696
- onPrimaryAction: s,
697
- onSecondaryAction: a,
698
- primaryText: l,
699
- secondaryText: c
694
+ onPrimaryAction: d,
695
+ onSecondaryAction: o,
696
+ primaryText: c,
697
+ secondaryText: l
700
698
  }
701
699
  )
702
700
  ]
703
701
  }
704
- ), j = 32, B = "https://content.moneydesktop.com/storage/MD_Assets", F0 = `${B}/serenity/default_institution_logo.png`, ze = ({
702
+ ), te = 32, V = "https://content.moneydesktop.com/storage/MD_Assets", $e = `${V}/serenity/default_institution_logo.png`, q0 = ({
705
703
  alt: e,
706
704
  institutionGuid: r,
707
- logoUrl: o,
708
- size: n = j,
709
- ...a
710
- }) => /* @__PURE__ */ i(
705
+ logoUrl: i,
706
+ size: a = te,
707
+ ...o
708
+ }) => /* @__PURE__ */ n(
711
709
  "img",
712
710
  {
713
711
  alt: e,
714
- height: n,
715
- onError: (s) => s.target.src = F0,
716
- src: o || `${B}/Ipad%20Logos/100x100/${r}_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: n,
721
- ...a
718
+ width: a,
719
+ ...o
722
720
  }
723
- ), Ve = ({
721
+ ), er = ({
724
722
  alt: e = "",
725
723
  categoryGuid: r,
726
- merchantGuid: o,
727
- size: n = j,
728
- ...a
724
+ merchantGuid: i,
725
+ size: a = te,
726
+ ...o
729
727
  }) => {
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(
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: n,
738
- onError: () => l(!0),
739
- src: `${B}/merchant_logos/${o}.png`,
735
+ height: a,
736
+ onError: () => c(!0),
737
+ src: `${V}/merchant_logos/${i}.png`,
740
738
  style: {
741
- backgroundColor: c.palette.common.white,
739
+ backgroundColor: l.palette.common.white,
742
740
  borderRadius: 4,
743
741
  boxSizing: "border-box",
744
742
  position: "absolute"
745
743
  },
746
- width: n
744
+ width: a
747
745
  }
748
746
  ),
749
- /* @__PURE__ */ i(H0, { categoryGuid: r, size: n })
747
+ /* @__PURE__ */ n(ze, { categoryGuid: r, size: a })
750
748
  ] });
751
- }, Ge = ({
749
+ }, rr = ({
752
750
  disabled: e = !1,
753
751
  label: r = "",
754
- shrink: o = !0,
755
- variant: n = "outlined",
756
- ...a
757
- }) => /* @__PURE__ */ i(
758
- g0,
752
+ shrink: i = !0,
753
+ variant: a = "outlined",
754
+ ...o
755
+ }) => /* @__PURE__ */ n(
756
+ He,
759
757
  {
760
758
  InputLabelProps: {
761
- shrink: o
759
+ shrink: i
762
760
  },
763
761
  disabled: e,
764
762
  label: r,
765
- variant: n,
766
- ...a
763
+ variant: a,
764
+ ...o
767
765
  }
768
766
  );
769
- function D0(e) {
770
- return /* @__PURE__ */ i(Z, { ...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 Ue = ({
770
+ const or = ({
773
771
  open: e,
774
772
  handleClose: r,
775
- message: o,
776
- autoHideDuration: n = 3e3,
777
- severity: a = "success",
778
- snackbarSx: s,
779
- showAction: l = !1,
780
- showClose: c = !1,
781
- actionText: d = "Undo",
773
+ message: i,
774
+ autoHideDuration: a = 3e3,
775
+ severity: o = "success",
776
+ snackbarSx: d,
777
+ showAction: c = !1,
778
+ showClose: l = !1,
779
+ actionText: s = "Undo",
782
780
  onActionClick: t,
783
781
  multiLine: u = !1
784
782
  }) => {
785
- const T = F(), q = /* @__PURE__ */ A(
786
- y,
783
+ const T = H(), f = /* @__PURE__ */ R(
784
+ D,
787
785
  {
788
786
  alignItems: u ? "flex-end" : "center",
789
787
  direction: u ? "column-reverse" : "row",
790
788
  justifyContent: (
791
789
  // eslint-disable-next-line no-nested-ternary
792
- u && l && c ? "space-between" : "flex-end"
790
+ u && c && l ? "space-between" : "flex-end"
793
791
  ),
794
792
  children: [
795
- l && /* @__PURE__ */ i(
796
- _,
793
+ c && /* @__PURE__ */ n(
794
+ B,
797
795
  {
798
796
  color: "inherit",
799
797
  onClick: t || r,
@@ -802,43 +800,43 @@ const Ue = ({
802
800
  color: T.palette.success.contrastText,
803
801
  height: 44
804
802
  },
805
- children: d
803
+ children: s
806
804
  }
807
805
  ),
808
- c && /* @__PURE__ */ i(
809
- K,
806
+ l && /* @__PURE__ */ n(
807
+ ee,
810
808
  {
811
809
  "aria-label": "close",
812
810
  color: "inherit",
813
811
  onClick: r,
814
812
  sx: { height: 44, width: 44 },
815
- 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 })
816
814
  }
817
815
  )
818
816
  ]
819
817
  }
820
818
  );
821
- return /* @__PURE__ */ i(
822
- m0,
819
+ return /* @__PURE__ */ n(
820
+ ye,
823
821
  {
824
- TransitionComponent: D0,
822
+ TransitionComponent: We,
825
823
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
826
- autoHideDuration: n,
824
+ autoHideDuration: a,
827
825
  onClose: r,
828
826
  open: e,
829
827
  sx: {
830
- ...s,
828
+ ...d,
831
829
  width: u ? 400 : 325
832
830
  },
833
- children: /* @__PURE__ */ i(
834
- f0,
831
+ children: /* @__PURE__ */ n(
832
+ Oe,
835
833
  {
836
- action: q,
837
- severity: a,
834
+ action: f,
835
+ severity: o,
838
836
  sx: {
839
837
  display: "flex",
840
838
  alignItems: "stretch",
841
- minHeight: c && l && u ? 120 : 56,
839
+ minHeight: l && c && u ? 120 : 56,
842
840
  maxHeight: u ? 120 : 56,
843
841
  width: "100%",
844
842
  "& .MuiAlert-icon": {
@@ -855,8 +853,8 @@ const Ue = ({
855
853
  }
856
854
  },
857
855
  variant: "filled",
858
- children: /* @__PURE__ */ i(
859
- D,
856
+ children: /* @__PURE__ */ n(
857
+ k,
860
858
  {
861
859
  sx: {
862
860
  lineHeight: T.typography.body1.lineHeight,
@@ -865,52 +863,153 @@ const Ue = ({
865
863
  textOverflow: u ? "clip" : "ellipsis"
866
864
  },
867
865
  truncate: !u,
868
- children: o
866
+ children: i
869
867
  }
870
868
  )
871
869
  }
872
870
  )
873
871
  }
874
872
  );
875
- }, O = {
873
+ }, F = {
876
874
  REACT: "react",
877
875
  REACT_NATIVE: "react_native",
878
876
  NATIVE: "native"
879
- }, k = {
877
+ }, w = {
880
878
  LIGHT: "light",
881
879
  DARK: "dark"
882
- }, Q = f.createContext(Y), J = f.createContext(
883
- P(k.LIGHT, O.REACT_NATIVE)
884
- ), $e = ({
880
+ }, ie = C.createContext(re), ne = C.createContext(
881
+ z(w.LIGHT, F.REACT_NATIVE)
882
+ ), tr = ({
885
883
  children: e,
886
- target: r = O.REACT,
887
- theme: o = k.LIGHT,
888
- tokenOverrides: n
884
+ target: r = F.REACT,
885
+ theme: i = w.LIGHT,
886
+ tokenOverrides: a
889
887
  }) => {
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 });
900
- }, H = {
888
+ const [o, d] = C.useState(i === w.LIGHT ? re : Fe), c = C.useMemo(() => ({
889
+ ...a
890
+ }), [a]);
891
+ return C.useEffect(() => {
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,
905
+ name: c,
906
+ value: l,
907
+ disabled: s = !1,
908
+ error: t = !1,
909
+ icon: u = !1,
910
+ sx: T = {}
911
+ }) => {
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);
918
+ }
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(
927
+ De,
928
+ {
929
+ elevation: r === "elevation" ? 1 : 0,
930
+ onClick: le,
931
+ sx: {
932
+ display: "flex",
933
+ padding: "6px 16px",
934
+ alignItems: "flex-start",
935
+ justifyContent: "space-between",
936
+ borderRadius: f.shape.borderRadius / 2,
937
+ mb: 16,
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
944
+ }),
945
+ "&:hover": {
946
+ borderColor: P() ? se() : void 0,
947
+ backgroundColor: de()
948
+ },
949
+ "&:active": {
950
+ borderColor: P() ? ue() : void 0,
951
+ backgroundColor: pe()
952
+ },
953
+ "&:focus-visible": {
954
+ outline: `2px solid ${he()}`,
955
+ outlineOffset: "2px"
956
+ },
957
+ ...T
958
+ },
959
+ tabIndex: 0,
960
+ variant: r,
961
+ children: [
962
+ u && /* @__PURE__ */ n(
963
+ Y,
964
+ {
965
+ sx: {
966
+ mr: 16,
967
+ mt: "8px",
968
+ flexShrink: 0
969
+ },
970
+ children: u
971
+ }
972
+ ),
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 })
976
+ ] }),
977
+ /* @__PURE__ */ n(
978
+ ae,
979
+ {
980
+ checked: i,
981
+ disabled: s,
982
+ name: c,
983
+ onChange: a,
984
+ sx: {
985
+ p: 0,
986
+ ml: 16,
987
+ mt: "8px",
988
+ flexShrink: 0,
989
+ "& .MuiSvgIcon-root": {
990
+ fontSize: "20px"
991
+ }
992
+ },
993
+ value: l
994
+ }
995
+ )
996
+ ]
997
+ }
998
+ );
999
+ }, v = {
901
1000
  LIGHT: "light"
902
- }, M = (e) => ({
903
- 50: x(e, 0.95),
904
- 100: x(e, 0.85),
905
- 200: x(e, 0.7),
906
- 300: x(e, 0.55),
907
- 400: x(e, 0.3),
1001
+ }, E = (e) => ({
1002
+ 50: O(e, 0.95),
1003
+ 100: O(e, 0.85),
1004
+ 200: O(e, 0.7),
1005
+ 300: O(e, 0.55),
1006
+ 400: O(e, 0.3),
908
1007
  500: e,
909
1008
  600: L(e, 0.3),
910
1009
  700: L(e, 0.5),
911
1010
  800: L(e, 0.65),
912
1011
  900: L(e, 0.75)
913
- }), C = "#FFFFFF", N = "#000000", L0 = "#F9F9F9", N0 = "#1A1A1A", E = {
1012
+ }), A = "#FFFFFF", N = "#000000", Ze = "#F9F9F9", Ke = "#1A1A1A", S = {
914
1013
  PRIMARY: "#2C64EF",
915
1014
  SECONDARY: "#808080",
916
1015
  INFO: "#2C64EF",
@@ -918,7 +1017,7 @@ const Ue = ({
918
1017
  WARNING: "#FF7B00",
919
1018
  ERROR: "#E32727",
920
1019
  GREY: "#808080"
921
- }, S = {
1020
+ }, x = {
922
1021
  CHART1: "#74E4DA",
923
1022
  CHART2: "#ED64A4",
924
1023
  CHART3: "#F3DC46",
@@ -926,14 +1025,14 @@ const Ue = ({
926
1025
  CHART5: "#60A9FF",
927
1026
  CHART6: "#C8BAEE",
928
1027
  CHART7: "#585E67"
929
- }, v = {
1028
+ }, I = {
930
1029
  CHART_MONO1: "#C3EAFF",
931
1030
  CHART_MONO2: "#8ED7FF",
932
1031
  CHART_MONO3: "#60A9FF",
933
1032
  CHART_MONO4: "#2F73DA",
934
1033
  CHART_MONO5: "#034AB3",
935
1034
  CHART_MONO6: "#002966"
936
- }, h = {
1035
+ }, p = {
937
1036
  AUTO_TRANSPORTT: "#00B0FF",
938
1037
  BILLS_UTILITIES: "#F949BD",
939
1038
  BUSINESS_SERVICES: "#2979FF",
@@ -956,7 +1055,7 @@ const Ue = ({
956
1055
  TRANSFER: "#2B9580",
957
1056
  TRAVEL: "#3D5AFE",
958
1057
  UNCATEGORIZED: "#8495AD"
959
- }, p = {
1058
+ }, h = {
960
1059
  AUTO_TRANSPORTT: "#77DAFF",
961
1060
  BILLS_UTILITIES: "#FF81D4",
962
1061
  BUSINESS_SERVICES: "#4BBAFF",
@@ -979,91 +1078,81 @@ const Ue = ({
979
1078
  TRANSFER: "#75C7B7",
980
1079
  TRAVEL: "#76ACF7",
981
1080
  UNCATEGORIZED: "#BCC6D4"
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({
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 {
985
1084
  mode: e,
986
1085
  // DEPRECATED: Use grey instead
987
1086
  border: {
988
1087
  /* DEPRECATED: Use light instead */
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],
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],
993
1092
  /* DEPRECATED: Use light instead */
994
- darker: d[500]
1093
+ darker: s[500]
995
1094
  },
996
1095
  common: {
997
- white: C,
1096
+ white: A,
998
1097
  black: N
999
1098
  },
1000
1099
  primary: {
1001
- ...o,
1100
+ ...i,
1002
1101
  /* DEPRECATED: Use light instead */
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],
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],
1007
1106
  /* DEPRECATED: Use dark instead */
1008
- darker: t ? o[900] : o[100]
1107
+ darker: t ? i[900] : i[100]
1009
1108
  },
1010
1109
  secondary: {
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,
1022
- /* DEPRECATED: Use light instead */
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],
1027
- /* DEPRECATED: Use dark instead */
1028
- darker: t ? d[900] : d[100],
1029
- contrastText: T0(t ? d[700] : d[400], "#fff") > 4.5 ? C : d[900]
1030
- },
1031
- text: {
1032
- primary: t ? d[900] : C,
1033
- secondary: t ? d[600] : b(C, 0.7),
1034
- disabled: t ? d[500] : b(C, 0.38)
1035
- },
1036
- error: {
1037
1110
  ...a,
1038
1111
  /* DEPRECATED: Use light instead */
1039
1112
  lighter: t ? a[100] : a[800],
1040
1113
  light: t ? a[300] : a[600],
1041
1114
  main: t ? a[500] : a[400],
1042
1115
  dark: t ? a[700] : a[200],
1043
- /* DEPRECATED: Use light instead */
1116
+ /* DEPRECATED: Use dark instead */
1044
1117
  darker: t ? a[900] : a[100]
1045
1118
  },
1046
- warning: {
1119
+ neutral: {
1047
1120
  ...s,
1048
1121
  /* DEPRECATED: Use light instead */
1049
1122
  lighter: t ? s[100] : s[800],
1050
1123
  light: t ? s[300] : s[600],
1051
1124
  main: t ? s[500] : s[400],
1052
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,
1137
+ /* DEPRECATED: Use light instead */
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],
1053
1142
  /* DEPRECATED: Use light instead */
1054
- darker: t ? s[900] : s[100]
1143
+ darker: t ? o[900] : o[100]
1055
1144
  },
1056
- info: {
1057
- ...l,
1145
+ warning: {
1146
+ ...d,
1058
1147
  /* DEPRECATED: Use light instead */
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],
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],
1063
1152
  /* DEPRECATED: Use light instead */
1064
- darker: t ? l[900] : l[100]
1153
+ darker: t ? d[900] : d[100]
1065
1154
  },
1066
- success: {
1155
+ info: {
1067
1156
  ...c,
1068
1157
  /* DEPRECATED: Use light instead */
1069
1158
  lighter: t ? c[100] : c[800],
@@ -1073,181 +1162,216 @@ const Ue = ({
1073
1162
  /* DEPRECATED: Use light instead */
1074
1163
  darker: t ? c[900] : c[100]
1075
1164
  },
1076
- grey: d,
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,
1077
1176
  action: {
1078
- active: t ? b(N, 0.56) : b(C, 0.56),
1177
+ active: t ? b(N, 0.56) : b(A, 0.56),
1079
1178
  hoverOpacity: t ? 0.1 : 0.2,
1080
1179
  selectedOpacity: t ? 0.16 : 0.25,
1081
1180
  focusOpacity: 0.3
1082
1181
  },
1083
1182
  background: {
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]
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]
1088
1187
  },
1089
- divider: t ? b(N, 0.12) : b(C, 0.24),
1188
+ divider: t ? b(N, 0.12) : b(A, 0.24),
1090
1189
  categories: {
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
1190
+ autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
1191
+ billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
1192
+ businessServices: t ? p.BUSINESS_SERVICES : h.BUSINESS_SERVICES,
1193
+ education: t ? p.EDUCATION : h.EDUCATION,
1194
+ entertainment: t ? p.ENTERTAINMENT : h.ENTERTAINMENT,
1195
+ feesCharges: t ? p.FEES_CHARGES : h.FEES_CHARGES,
1196
+ financial: t ? p.FINANCIAL : h.FINANCIAL,
1197
+ foodDining: t ? p.FOOD_DINING : h.FOOD_DINING,
1198
+ giftsDonations: t ? p.GIFTS_DONATIONS : h.GIFTS_DONATIONS,
1199
+ healthFitness: t ? p.HEALTH_FITNESS : h.HEALTH_FITNESS,
1200
+ home: t ? p.HOME : h.HOME,
1201
+ income: t ? p.INCOME : h.INCOME,
1202
+ investments: t ? p.INVESTMENTS : h.INVESTMENTS,
1203
+ kids: t ? p.KIDS : h.KIDS,
1204
+ others: t ? p.OTHERS : h.OTHERS,
1205
+ personalCare: t ? p.PERSONAL_CARE : h.PERSONAL_CARE,
1206
+ pets: t ? p.PETS : h.PETS,
1207
+ shopping: t ? p.SHOPPING : h.SHOPPING,
1208
+ taxes: t ? p.TAXES : h.TAXES,
1209
+ transfer: t ? p.TRANSFER : h.TRANSFER,
1210
+ travel: t ? p.TRAVEL : h.TRAVEL,
1211
+ uncategorized: t ? p.UNCATEGORIZED : h.UNCATEGORIZED
1113
1212
  },
1114
1213
  chart: {
1115
- chart1: S.CHART1,
1116
- chart2: S.CHART2,
1117
- chart3: S.CHART3,
1118
- chart4: S.CHART4,
1119
- chart5: S.CHART5,
1120
- chart6: S.CHART6,
1121
- chart7: S.CHART7
1214
+ chart1: x.CHART1,
1215
+ chart2: x.CHART2,
1216
+ chart3: x.CHART3,
1217
+ chart4: x.CHART4,
1218
+ chart5: x.CHART5,
1219
+ chart6: x.CHART6,
1220
+ chart7: x.CHART7
1122
1221
  },
1123
1222
  chartMono: {
1124
- chartMono1: v.CHART_MONO1,
1125
- chartMono2: v.CHART_MONO2,
1126
- chartMono3: v.CHART_MONO3,
1127
- chartMono4: v.CHART_MONO4,
1128
- chartMono5: v.CHART_MONO5,
1129
- 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
1130
1229
  }
1131
- });
1132
- }, I = "Inter, Helvetica, Arial, sans-serif", w0 = (e, r) => M0(e, {
1133
- fontFamily: I,
1134
- fontSize: 15,
1135
- Body: {
1136
- // DEPRECATED: Use body1 instead
1137
- fontSize: 15,
1138
- lineHeight: "20px"
1139
- },
1140
- body1: {
1141
- fontSize: 15,
1142
- lineHeight: "20px"
1143
- },
1144
- Small: {
1145
- // DEPRECATED: Use body2 instead
1146
- fontSize: 15,
1147
- lineHeight: "20px"
1148
- },
1149
- body2: {
1150
- fontSize: 13,
1151
- lineHeight: "16px"
1152
- },
1153
- Button: {
1154
- // DEPRECATED: Use button instead
1155
- fontSize: 15
1156
- },
1157
- button: {
1158
- fontSize: 15
1159
- },
1160
- XSmall: {
1161
- // DEPRECATED: Use caption instead
1162
- fontSize: 11,
1163
- lineHeight: "16px"
1164
- },
1165
- caption: {
1166
- fontSize: 11,
1167
- lineHeight: "16px"
1168
- },
1169
- H1: {
1170
- // DEPRECATED: Use h1 instead
1171
- fontFamily: I,
1172
- fontWeight: 700,
1173
- fontSize: 31,
1174
- lineHeight: "40px"
1175
- },
1176
- h1: {
1177
- fontFamily: I,
1178
- fontWeight: 700,
1179
- fontSize: 31,
1180
- lineHeight: "40px"
1181
- },
1182
- H2: {
1183
- // DEPRECATED: Use h2 instead
1184
- fontFamily: I,
1185
- fontWeight: 700,
1186
- fontSize: 23,
1187
- lineHeight: "32px"
1188
- },
1189
- h2: {
1190
- fontFamily: I,
1191
- fontWeight: 700,
1192
- fontSize: 23,
1193
- lineHeight: "32px"
1194
- },
1195
- H3: {
1196
- // DEPRECATED: Use h3 instead
1197
- fontFamily: I,
1198
- fontWeight: 700,
1199
- fontSize: 18,
1200
- lineHeight: "24px"
1201
- },
1202
- h3: {
1203
- fontFamily: I,
1204
- fontWeight: 700,
1205
- fontSize: 18,
1206
- lineHeight: "24px"
1207
- },
1208
- h4: void 0,
1209
- h5: void 0,
1210
- h6: void 0,
1211
- overline: void 0,
1212
- Paragraph: {
1213
- // DEPRECATED: Use subtitle1 instead
1214
- fontSize: 15,
1215
- lineHeight: "24px"
1216
- },
1217
- subtitle1: {
1230
+ };
1231
+ }, Xe = "Inter, Helvetica, Arial, sans-serif", je = (e) => {
1232
+ const r = e?.fontFamily || Xe;
1233
+ return {
1234
+ fontFamily: r,
1218
1235
  fontSize: 15,
1219
- lineHeight: "24px"
1220
- },
1221
- ParagraphSmall: {
1222
- // DEPRECATED: Use subtitle2 instead
1223
- fontSize: 13,
1224
- lineHeight: "20px"
1225
- },
1226
- subtitle2: {
1227
- fontSize: 13,
1228
- lineHeight: "20px"
1229
- },
1230
- Tiny: {
1231
- // DEPRECATED: Use tiny instead
1232
- fontSize: 9,
1233
- lineHeight: "12px"
1234
- },
1235
- tiny: {
1236
- fontSize: 9,
1237
- lineHeight: "12px"
1238
- },
1239
- ...r
1240
- });
1241
- R0.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(
1242
1366
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1243
1367
  );
1244
- const w = [...$().shadows];
1245
- w[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1246
- w[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1247
- w[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1248
- const Ze = (e, r) => {
1249
- const o = k0(e, r?.paletteOptions), n = w0(o, r?.typographyOptions);
1250
- return $({
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({
1251
1375
  breakpoints: {
1252
1376
  values: {
1253
1377
  xs: 444,
@@ -1257,39 +1381,39 @@ const Ze = (e, r) => {
1257
1381
  xl: 1536
1258
1382
  }
1259
1383
  },
1260
- palette: o,
1261
- shadows: w,
1384
+ palette: i,
1385
+ shadows: _,
1262
1386
  shape: {
1263
1387
  borderRadius: r?.shapeOptions?.borderRadius || 4
1264
1388
  },
1265
1389
  spacing: 1,
1266
1390
  // TODO: update spacing, we're back to a 8-base which is default for MUI 2.x
1267
- typography: n,
1391
+ typography: a,
1268
1392
  components: {
1269
1393
  MuiAlert: {
1270
1394
  defaultProps: {
1271
1395
  iconMapping: {
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 })
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 })
1276
1400
  },
1277
1401
  variant: "outlined"
1278
1402
  },
1279
1403
  styleOverrides: {
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];
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];
1286
1410
  }
1287
1411
  return {
1288
- backgroundColor: c,
1289
- borderRadius: a.shape.borderRadius,
1412
+ backgroundColor: l,
1413
+ borderRadius: o.shape.borderRadius,
1290
1414
  "& .MuiAlert-message": {
1291
- fontSize: n.subtitle1.fontSize,
1292
- lineHeight: n.subtitle1.lineHeight,
1415
+ fontSize: o.typography.subtitle1.fontSize,
1416
+ lineHeight: o.typography.subtitle1.lineHeight,
1293
1417
  marginTop: "auto",
1294
1418
  marginBottom: "auto"
1295
1419
  },
@@ -1315,17 +1439,17 @@ const Ze = (e, r) => {
1315
1439
  disableElevation: !0
1316
1440
  },
1317
1441
  styleOverrides: {
1318
- root: {
1442
+ root: ({ theme: o }) => ({
1319
1443
  fontWeight: 600,
1320
1444
  textTransform: "none",
1321
1445
  "&.Mui-disabled": {
1322
1446
  cursor: "not-allowed"
1323
1447
  },
1324
1448
  "&.Mui-focusVisible": {
1325
- outline: `2px solid ${o.info.main}`,
1449
+ outline: `2px solid ${o.palette.info.main}`,
1326
1450
  outlineOffset: "2px"
1327
1451
  }
1328
- },
1452
+ }),
1329
1453
  sizeMedium: {
1330
1454
  height: 44
1331
1455
  }
@@ -1359,7 +1483,7 @@ const Ze = (e, r) => {
1359
1483
  styleOverrides: {
1360
1484
  root: {
1361
1485
  "&.Mui-focusVisible": {
1362
- boxShadow: `inset 0 0 0 2px ${o.info.main}`
1486
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`
1363
1487
  }
1364
1488
  }
1365
1489
  }
@@ -1367,7 +1491,7 @@ const Ze = (e, r) => {
1367
1491
  MuiCircularProgress: {
1368
1492
  styleOverrides: {
1369
1493
  root: {
1370
- [`& .${C0.circle}`]: {
1494
+ [`& .${Le.circle}`]: {
1371
1495
  strokeLinecap: "round"
1372
1496
  }
1373
1497
  }
@@ -1388,22 +1512,22 @@ const Ze = (e, r) => {
1388
1512
  },
1389
1513
  MuiDataGrid: {
1390
1514
  styleOverrides: {
1391
- root: {
1515
+ root: ({ theme: o }) => ({
1392
1516
  border: "none",
1393
1517
  borderRadius: 0,
1394
- fontSize: n.body2.fontSize,
1518
+ fontSize: o.typography.body2.fontSize,
1395
1519
  "& .MuiDataGrid-cell": {
1396
1520
  display: "flex",
1397
1521
  alignItems: "center",
1398
1522
  borderTop: "1px solid",
1399
- borderColor: o.background.highlight
1523
+ borderColor: o.palette.background.highlight
1400
1524
  },
1401
1525
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1402
1526
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1403
1527
  "& .MuiDataGrid-columnHeaders": {
1404
- backgroundColor: o.background.paper,
1528
+ backgroundColor: o.palette.background.paper,
1405
1529
  borderBottom: "2px solid",
1406
- borderColor: o.divider
1530
+ borderColor: o.palette.divider
1407
1531
  },
1408
1532
  "& .MuiDataGrid-columnHeaderTitle": {
1409
1533
  fontWeight: 600
@@ -1416,47 +1540,47 @@ const Ze = (e, r) => {
1416
1540
  "& .MuiDataGrid-row": { cursor: "pointer" },
1417
1541
  "& .MuiDataGrid-columnHeader--last": { pr: 16 },
1418
1542
  "& .MuiDataGrid-cell--textRight": { pr: 16 }
1419
- }
1543
+ })
1420
1544
  }
1421
1545
  },
1422
1546
  MuiDateRangePickerDay: {
1423
1547
  styleOverrides: {
1424
- root: ({ theme: a }) => ({
1548
+ root: ({ theme: o }) => ({
1425
1549
  ":first-of-type": {
1426
- borderTopLeftRadius: a.shape.borderRadius,
1427
- borderBottomLeftRadius: a.shape.borderRadius,
1550
+ borderTopLeftRadius: o.shape.borderRadius,
1551
+ borderBottomLeftRadius: o.shape.borderRadius,
1428
1552
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1429
- borderTopLeftRadius: a.shape.borderRadius,
1430
- borderBottomLeftRadius: a.shape.borderRadius
1553
+ borderTopLeftRadius: o.shape.borderRadius,
1554
+ borderBottomLeftRadius: o.shape.borderRadius
1431
1555
  }
1432
1556
  },
1433
1557
  ":last-of-type": {
1434
- borderTopRightRadius: a.shape.borderRadius,
1435
- borderBottomRightRadius: a.shape.borderRadius,
1558
+ borderTopRightRadius: o.shape.borderRadius,
1559
+ borderBottomRightRadius: o.shape.borderRadius,
1436
1560
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1437
- borderTopRightRadius: a.shape.borderRadius,
1438
- borderBottomRightRadius: a.shape.borderRadius
1561
+ borderTopRightRadius: o.shape.borderRadius,
1562
+ borderBottomRightRadius: o.shape.borderRadius
1439
1563
  }
1440
1564
  },
1441
1565
  "& .Mui-selected": {
1442
- borderRadius: a.shape.borderRadius
1566
+ borderRadius: o.shape.borderRadius
1443
1567
  },
1444
1568
  "& .MuiPickersDay-dayOutsideMonth": {
1445
- color: o.action.disabled
1569
+ color: o.palette.action.disabled
1446
1570
  }
1447
1571
  }),
1448
- day: ({ theme: a }) => ({
1449
- borderRadius: a.shape.borderRadius
1572
+ day: ({ theme: o }) => ({
1573
+ borderRadius: o.shape.borderRadius
1450
1574
  }),
1451
- rangeIntervalDayPreview: ({ theme: a }) => ({
1452
- borderRadius: a.shape.borderRadius
1575
+ rangeIntervalDayPreview: ({ theme: o }) => ({
1576
+ borderRadius: o.shape.borderRadius
1453
1577
  })
1454
1578
  }
1455
1579
  },
1456
1580
  MuiDayCalendar: {
1457
1581
  styleOverrides: {
1458
- weekDayLabel: ({ theme: a }) => ({
1459
- fontSize: a.typography.body2.fontSize,
1582
+ weekDayLabel: ({ theme: o }) => ({
1583
+ fontSize: o.typography.body2.fontSize,
1460
1584
  fontWeight: 700
1461
1585
  })
1462
1586
  }
@@ -1498,14 +1622,14 @@ const Ze = (e, r) => {
1498
1622
  },
1499
1623
  MuiFormHelperText: {
1500
1624
  styleOverrides: {
1501
- root: ({ theme: a }) => ({
1625
+ root: ({ theme: o }) => ({
1502
1626
  fontSize: 13,
1503
1627
  // Small
1504
1628
  marginLeft: 0,
1505
1629
  display: "flex",
1506
1630
  alignItems: "center",
1507
1631
  position: "relative",
1508
- color: a.palette.text.secondary,
1632
+ color: o.palette.text.secondary,
1509
1633
  "& .MuiSvgIcon-root": {
1510
1634
  height: "16px",
1511
1635
  width: "16px",
@@ -1521,7 +1645,7 @@ const Ze = (e, r) => {
1521
1645
  MuiFormLabel: {
1522
1646
  styleOverrides: {
1523
1647
  asterisk: {
1524
- color: o.error.main
1648
+ color: i.error.main
1525
1649
  }
1526
1650
  }
1527
1651
  },
@@ -1536,19 +1660,19 @@ const Ze = (e, r) => {
1536
1660
  disableFocusRipple: !0
1537
1661
  },
1538
1662
  styleOverrides: {
1539
- root: ({ theme: a }) => ({
1540
- borderRadius: a.shape.borderRadius,
1663
+ root: ({ theme: o }) => ({
1664
+ borderRadius: o.shape.borderRadius,
1541
1665
  minHeight: 44,
1542
1666
  // touch target
1543
1667
  minWidth: 44,
1544
1668
  // touch target
1545
1669
  "&.Mui-focusVisible": {
1546
- outline: `2px solid ${o.info.main}`,
1670
+ outline: `2px solid ${o.palette.info.main}`,
1547
1671
  outlineOffset: "2px"
1548
1672
  },
1549
1673
  "& .MuiTouchRipple-root": {
1550
1674
  "& .MuiTouchRipple-child": {
1551
- borderRadius: a.shape.borderRadius
1675
+ borderRadius: o.shape.borderRadius
1552
1676
  }
1553
1677
  }
1554
1678
  })
@@ -1569,13 +1693,13 @@ const Ze = (e, r) => {
1569
1693
  borderRadius: 4
1570
1694
  },
1571
1695
  colorPrimary: {
1572
- backgroundColor: o.grey[300]
1696
+ backgroundColor: i.grey[300]
1573
1697
  }
1574
1698
  }
1575
1699
  },
1576
1700
  MuiLink: {
1577
1701
  styleOverrides: {
1578
- root: ({ color: a }) => ({
1702
+ root: ({ theme: o, color: d }) => ({
1579
1703
  cursor: "pointer",
1580
1704
  fontWeight: 600,
1581
1705
  textDecoration: "none",
@@ -1587,10 +1711,10 @@ const Ze = (e, r) => {
1587
1711
  outlineOffset: "2px"
1588
1712
  },
1589
1713
  "&:hover": {
1590
- backgroundColor: o.action.hover
1714
+ backgroundColor: o.palette.action.hover
1591
1715
  },
1592
1716
  "&:active": {
1593
- backgroundColor: o.mode === H.LIGHT ? o[a].light : o[a].dark
1717
+ backgroundColor: o.palette.mode === v.LIGHT ? o.palette[d].light : o.palette[d].dark
1594
1718
  }
1595
1719
  })
1596
1720
  }
@@ -1617,9 +1741,9 @@ const Ze = (e, r) => {
1617
1741
  disablePadding: !0
1618
1742
  },
1619
1743
  styleOverrides: {
1620
- root: ({ ownerState: a }) => ({
1744
+ root: ({ ownerState: o }) => ({
1621
1745
  minHeight: 64,
1622
- ...!a.disablePadding && {
1746
+ ...!o.disablePadding && {
1623
1747
  paddingTop: 12,
1624
1748
  paddingBottom: 12,
1625
1749
  paddingLeft: 24
@@ -1643,8 +1767,7 @@ const Ze = (e, r) => {
1643
1767
  },
1644
1768
  MuiListItemButton: {
1645
1769
  styleOverrides: {
1646
- root: {
1647
- // root: ({ theme }) => ({
1770
+ root: ({ theme: o }) => ({
1648
1771
  minHeight: 64,
1649
1772
  paddingLeft: 24,
1650
1773
  paddingRight: 24,
@@ -1653,10 +1776,10 @@ const Ze = (e, r) => {
1653
1776
  "&.Mui-focusVisible": {
1654
1777
  backgroundColor: "transparent",
1655
1778
  borderRadius: 8,
1656
- outline: `2px solid ${o.info.main}`,
1779
+ outline: `2px solid ${o.palette.info.main}`,
1657
1780
  outlineOffset: -2
1658
1781
  }
1659
- }
1782
+ })
1660
1783
  }
1661
1784
  },
1662
1785
  MuiListItemIcon: {
@@ -1675,7 +1798,7 @@ const Ze = (e, r) => {
1675
1798
  },
1676
1799
  secondaryTypographyProps: {
1677
1800
  fontSize: 11,
1678
- color: o.text.secondary
1801
+ color: i.text.secondary
1679
1802
  }
1680
1803
  },
1681
1804
  styleOverrides: {
@@ -1695,7 +1818,7 @@ const Ze = (e, r) => {
1695
1818
  lineHeight: "inherit",
1696
1819
  top: -1,
1697
1820
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1698
- backgroundColor: o.background.default
1821
+ backgroundColor: i.background.default
1699
1822
  }
1700
1823
  }
1701
1824
  },
@@ -1770,20 +1893,20 @@ const Ze = (e, r) => {
1770
1893
  gridColumn: "1/4",
1771
1894
  "& > .MuiTypography-root": {
1772
1895
  textTransform: "uppercase",
1773
- fontSize: n.body2.fontSize,
1896
+ fontSize: a.body2.fontSize,
1774
1897
  fontWeight: 600,
1775
- lineHeight: n.body2.lineHeight
1898
+ lineHeight: a.body2.lineHeight
1776
1899
  }
1777
1900
  }
1778
1901
  }
1779
1902
  },
1780
1903
  MuiPickersToolbar: {
1781
1904
  styleOverrides: {
1782
- content: ({ theme: a }) => ({
1905
+ content: ({ theme: o }) => ({
1783
1906
  marginTop: 4,
1784
1907
  "& .MuiTypography-root": {
1785
- fontSize: a.typography.h3.fontSize,
1786
- lineHeight: a.typography.h3.lineHeight
1908
+ fontSize: o.typography.h3.fontSize,
1909
+ lineHeight: o.typography.h3.lineHeight
1787
1910
  }
1788
1911
  })
1789
1912
  }
@@ -1809,7 +1932,7 @@ const Ze = (e, r) => {
1809
1932
  disableFocusRipple: !0
1810
1933
  },
1811
1934
  styleOverrides: {
1812
- root: {
1935
+ root: ({ theme: o }) => ({
1813
1936
  width: 37,
1814
1937
  height: 20,
1815
1938
  padding: 0,
@@ -1820,7 +1943,7 @@ const Ze = (e, r) => {
1820
1943
  "&.Mui-checked": {
1821
1944
  transform: "translateX(16px)",
1822
1945
  "& + .MuiSwitch-track": {
1823
- backgroundColor: o.success.main,
1946
+ backgroundColor: o.palette.success.main,
1824
1947
  opacity: 1,
1825
1948
  border: 0
1826
1949
  },
@@ -1829,31 +1952,31 @@ const Ze = (e, r) => {
1829
1952
  }
1830
1953
  },
1831
1954
  "&.Mui-disabled .MuiSwitch-thumb": {
1832
- color: o.common.white
1955
+ color: o.palette.common.white
1833
1956
  },
1834
1957
  "&.Mui-disabled + .MuiSwitch-track": {
1835
- backgroundColor: o.action.disabledBackground,
1958
+ backgroundColor: o.palette.action.disabledBackground,
1836
1959
  opacity: 1
1837
1960
  }
1838
1961
  },
1839
1962
  "& .MuiSwitch-input": {
1840
1963
  "&:focus-visible ~ .MuiSwitch-thumb": {
1841
- outline: `2px solid ${o.info.main}`,
1964
+ outline: `2px solid ${o.palette.info.main}`,
1842
1965
  outlineOffset: 0
1843
1966
  }
1844
1967
  },
1845
1968
  "& .MuiSwitch-thumb": {
1846
1969
  boxSizing: "border-box",
1847
- backgroundColor: o.background.paper,
1970
+ backgroundColor: o.palette.background.paper,
1848
1971
  width: 16,
1849
1972
  height: 16
1850
1973
  },
1851
1974
  "& .MuiSwitch-track": {
1852
- backgroundColor: o.action.active,
1975
+ backgroundColor: o.palette.action.active,
1853
1976
  borderRadius: 20 / 2,
1854
1977
  opacity: 1
1855
1978
  }
1856
- }
1979
+ })
1857
1980
  }
1858
1981
  },
1859
1982
  MuiTab: {
@@ -1866,7 +1989,7 @@ const Ze = (e, r) => {
1866
1989
  fontWeight: 600,
1867
1990
  "&.Mui-focusVisible": {
1868
1991
  outline: "none",
1869
- boxShadow: `inset 0 0 0 2px ${o.info.main}`,
1992
+ boxShadow: `inset 0 0 0 2px ${i.info.main}`,
1870
1993
  borderRadius: 4
1871
1994
  }
1872
1995
  }
@@ -1877,7 +2000,7 @@ const Ze = (e, r) => {
1877
2000
  root: {
1878
2001
  borderBottomStyle: "solid",
1879
2002
  borderBottomWidth: 1,
1880
- borderColor: o.divider,
2003
+ borderColor: i.divider,
1881
2004
  marginBottom: 8
1882
2005
  }
1883
2006
  }
@@ -1891,7 +2014,7 @@ const Ze = (e, r) => {
1891
2014
  },
1892
2015
  styleOverrides: {
1893
2016
  root: {
1894
- backgroundColor: o.background.paper
2017
+ backgroundColor: i.background.paper
1895
2018
  }
1896
2019
  }
1897
2020
  },
@@ -1902,29 +2025,29 @@ const Ze = (e, r) => {
1902
2025
  },
1903
2026
  styleOverrides: {
1904
2027
  root: {
1905
- color: o.text.primary,
2028
+ color: i.text.primary,
1906
2029
  fontSize: 13,
1907
2030
  lineHeight: "16px",
1908
2031
  textTransform: "none",
1909
2032
  "&:focus-visible": {
1910
- outline: `2px solid ${o.info.main}`,
2033
+ outline: `2px solid ${i.info.main}`,
1911
2034
  outlineOffset: "2px"
1912
2035
  },
1913
2036
  "&:hover": {
1914
- backgroundColor: b(o.primary.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1915
- borderColor: o.primary.main
2037
+ backgroundColor: b(i.primary.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2038
+ borderColor: i.primary.main
1916
2039
  },
1917
2040
  "&.Mui-selected": {
1918
2041
  fontWeight: 600,
1919
- borderColor: o.primary.main,
2042
+ borderColor: i.primary.main,
1920
2043
  "&:hover": {
1921
- boxShadow: `inset 0px 0px 0px 2px ${o.primary.main}`
2044
+ boxShadow: `inset 0px 0px 0px 2px ${i.primary.main}`
1922
2045
  }
1923
2046
  },
1924
2047
  "& .MuiTouchRipple-root": {
1925
2048
  "& .MuiTouchRipple-ripple": {
1926
2049
  "& .MuiTouchRipple-child": {
1927
- backgroundColor: o.primary.main
2050
+ backgroundColor: i.primary.main
1928
2051
  }
1929
2052
  }
1930
2053
  }
@@ -1935,19 +2058,19 @@ const Ze = (e, r) => {
1935
2058
  props: { color: "error" },
1936
2059
  style: {
1937
2060
  "&:hover": {
1938
- backgroundColor: b(o.error.main, o.mode === H.LIGHT ? 0.1 : 0.2),
1939
- borderColor: o.error.main
2061
+ backgroundColor: b(i.error.main, i.mode === v.LIGHT ? 0.1 : 0.2),
2062
+ borderColor: i.error.main
1940
2063
  },
1941
2064
  "&.Mui-selected": {
1942
- borderColor: o.error.main,
2065
+ borderColor: i.error.main,
1943
2066
  "&:hover": {
1944
- boxShadow: `inset 0px 0px 0px 2px ${o.error.main}`
2067
+ boxShadow: `inset 0px 0px 0px 2px ${i.error.main}`
1945
2068
  }
1946
2069
  },
1947
2070
  "& .MuiTouchRipple-root": {
1948
2071
  "& .MuiTouchRipple-ripple": {
1949
2072
  "& .MuiTouchRipple-child": {
1950
- backgroundColor: o.error.main
2073
+ backgroundColor: i.error.main
1951
2074
  }
1952
2075
  }
1953
2076
  }
@@ -1958,21 +2081,21 @@ const Ze = (e, r) => {
1958
2081
  style: {
1959
2082
  "&:hover": {
1960
2083
  backgroundColor: b(
1961
- o.secondary.main,
1962
- o.mode === H.LIGHT ? 0.1 : 0.2
2084
+ i.secondary.main,
2085
+ i.mode === v.LIGHT ? 0.1 : 0.2
1963
2086
  ),
1964
- borderColor: o.secondary.main
2087
+ borderColor: i.secondary.main
1965
2088
  },
1966
2089
  "&.Mui-selected": {
1967
- borderColor: o.secondary.main,
2090
+ borderColor: i.secondary.main,
1968
2091
  "&:hover": {
1969
- boxShadow: `inset 0px 0px 0px 2px ${o.secondary.main}`
2092
+ boxShadow: `inset 0px 0px 0px 2px ${i.secondary.main}`
1970
2093
  }
1971
2094
  },
1972
2095
  "& .MuiTouchRipple-root": {
1973
2096
  "& .MuiTouchRipple-ripple": {
1974
2097
  "& .MuiTouchRipple-child": {
1975
- backgroundColor: o.secondary.main
2098
+ backgroundColor: i.secondary.main
1976
2099
  }
1977
2100
  }
1978
2101
  }
@@ -1999,50 +2122,51 @@ const Ze = (e, r) => {
1999
2122
  });
2000
2123
  };
2001
2124
  export {
2002
- fe as AccountsFilledIcon,
2003
- be as AccountsIcon,
2004
- Te as ArrowLeftIcon,
2005
- Ce as AttentionFilledIcon,
2125
+ y0 as AccountsFilledIcon,
2126
+ O0 as AccountsIcon,
2127
+ F0 as ArrowLeftIcon,
2128
+ D0 as AttentionFilledIcon,
2006
2129
  m as BaseIcon,
2007
- Ne as BottomSheetTransition,
2008
- Re as CalendarIcon,
2130
+ K0 as BottomSheetTransition,
2131
+ k0 as CalendarIcon,
2009
2132
  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,
2029
- I as INTER,
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,
2040
- k as THEMES,
2041
- D as Text,
2042
- Ge as TextField,
2043
- Ue as Toast,
2044
- $e as TokenProvider,
2045
- Ze as createMXTheme,
2046
- We as useTokens
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
2047
2171
  };
2048
2172
  //# sourceMappingURL=index.es.js.map