@mxenabled/mxui 1.1.1-alpha.sms1 → 1.2.0-alpha.bb1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/components/dialog/Header.d.ts +1 -2
  2. package/dist/components/drawer/Footer.d.ts +1 -2
  3. package/dist/index.es.js +921 -1167
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/themes/Augmentations.d.ts +20 -0
  6. package/dist/themes/Colors.d.ts +71 -138
  7. package/dist/types/GeneratedPalette.d.ts +12 -0
  8. package/dist/utils/generatePalette.d.ts +2 -0
  9. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,125 +1,125 @@
1
- import { jsx as a, jsxs as y } from "react/jsx-runtime";
2
- import f from "react";
3
- import I from "@mui/material/Stack";
4
- import { useTheme as C, createTheme as B } from "@mui/material/styles";
5
- import X from "@mui/material/Icon";
6
- import { endOfMonth as w } from "date-fns/endOfMonth";
7
- import { endOfYear as Y } from "date-fns/endOfYear";
8
- import { startOfToday as Q } from "date-fns/startOfToday";
9
- import { startOfMonth as R } from "date-fns/startOfMonth";
10
- import { startOfYear as z } from "date-fns/startOfYear";
11
- import { subDays as N } from "date-fns/subDays";
12
- import { subMonths as J } from "date-fns/subMonths";
13
- import { subYears as q } from "date-fns/subYears";
14
- import ee from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as te, StaticDateRangePicker as re } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as oe } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import F from "@mui/material/Box";
18
- import ae from "@mui/material/ToggleButton";
19
- import ie from "@mui/material/ToggleButtonGroup";
20
- import O from "@mui/material/Slide";
21
- import D from "@mui/material/Button";
22
- import _ from "@mui/material/Toolbar";
23
- import V from "@mui/material/IconButton";
24
- import ne from "@mui/material/Drawer";
25
- import le from "@mui/material/Typography";
26
- import ce from "@mui/material/TextField";
27
- import se from "@mui/material/Snackbar";
28
- import de from "@mui/material/Alert";
29
- import { light as W, buildTheme as E, dark as ue } from "@mxenabled/design-tokens";
30
- import { alpha as P } from "@mui/material";
31
- import { LicenseInfo as pe } from "@mui/x-license-pro";
32
- import { circularProgressClasses as he } from "@mui/material/CircularProgress";
33
- import ge from "@mui/material/styles/createPalette";
34
- import me from "@mui/material/styles/createTypography";
1
+ import { jsx as o, jsxs as E } from "react/jsx-runtime";
2
+ import b from "react";
3
+ import O from "@mui/material/Stack";
4
+ import { useTheme as L, createTheme as $ } from "@mui/material/styles";
5
+ import o0 from "@mui/material/Icon";
6
+ import { endOfMonth as B } from "date-fns/endOfMonth";
7
+ import { endOfYear as r0 } from "date-fns/endOfYear";
8
+ import { startOfToday as i0 } from "date-fns/startOfToday";
9
+ import { startOfMonth as V } from "date-fns/startOfMonth";
10
+ import { startOfYear as U } from "date-fns/startOfYear";
11
+ import { subDays as G } from "date-fns/subDays";
12
+ import { subMonths as a0 } from "date-fns/subMonths";
13
+ import { subYears as n0 } from "date-fns/subYears";
14
+ import l0 from "@mui/material/useMediaQuery";
15
+ import { LocalizationProvider as c0, StaticDateRangePicker as s0 } from "@mui/x-date-pickers-pro";
16
+ import { AdapterDateFns as d0 } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
+ import W from "@mui/material/Box";
18
+ import u0 from "@mui/material/ToggleButton";
19
+ import h0 from "@mui/material/ToggleButtonGroup";
20
+ import Z from "@mui/material/Slide";
21
+ import w from "@mui/material/Button";
22
+ import { Close as p0 } from "@mui/icons-material";
23
+ import X from "@mui/material/IconButton";
24
+ import f0 from "@mui/material/Typography";
25
+ import g0 from "@mui/material/Drawer";
26
+ import m0 from "@mui/material/TextField";
27
+ import T0 from "@mui/material/Snackbar";
28
+ import b0 from "@mui/material/Alert";
29
+ import { light as Y, buildTheme as P, dark as C0 } from "@mxenabled/design-tokens";
30
+ import { circularProgressClasses as A0 } from "@mui/material/CircularProgress";
31
+ import { LicenseInfo as E0 } from "@mui/x-license-pro";
32
+ import { darken as N, lighten as F, alpha as m } from "@mui/material";
33
+ import M0 from "@mui/material/styles/createPalette";
34
+ import R0 from "@mui/material/styles/createTypography";
35
35
  const g = ({
36
36
  children: e,
37
- height: o,
38
- size: n = 16,
39
- viewBox: t = "0 0 16 16",
40
- width: i
41
- }) => /* @__PURE__ */ a(
37
+ height: t,
38
+ size: a = 16,
39
+ viewBox: r = "0 0 16 16",
40
+ width: l
41
+ }) => /* @__PURE__ */ o(
42
42
  "svg",
43
43
  {
44
44
  "aria-hidden": !0,
45
45
  className: "mx-kmui-icon",
46
46
  focusable: !1,
47
- height: o || n,
48
- viewBox: t,
49
- width: i || n,
47
+ height: t || a,
48
+ viewBox: r,
49
+ width: l || a,
50
50
  xmlns: "http://www.w3.org/2000/svg",
51
51
  children: e
52
52
  }
53
53
  );
54
- var fe = /* @__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))(fe || {});
55
- const M = ({
54
+ var I0 = /* @__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))(I0 || {});
55
+ const A = ({
56
56
  color: e,
57
- fill: o = !1,
58
- name: n,
59
- size: t = 20,
60
- sx: i,
61
- weight: l = 300,
57
+ fill: t = !1,
58
+ name: a,
59
+ size: r = 20,
60
+ sx: l,
61
+ weight: s = 300,
62
62
  ...c
63
63
  }) => {
64
- const [s, b] = f.useState(!1);
65
- return f.useEffect(() => {
64
+ const [n, i] = b.useState(!1);
65
+ return b.useEffect(() => {
66
66
  document.fonts.ready.then(() => {
67
- b(!0);
67
+ i(!0);
68
68
  });
69
- }, []), /* @__PURE__ */ a(
70
- X,
69
+ }, []), /* @__PURE__ */ o(
70
+ o0,
71
71
  {
72
- color: s ? e && e : void 0,
72
+ color: n ? e && e : void 0,
73
73
  sx: [
74
74
  {
75
- fontSize: t,
75
+ fontSize: r,
76
76
  fontVariationSettings: `
77
- 'FILL' ${o ? 1 : 0},
78
- 'wght' ${l},
77
+ 'FILL' ${t ? 1 : 0},
78
+ 'wght' ${s},
79
79
  'GRAD' 0,
80
- 'opsz' ${t}
80
+ 'opsz' ${r}
81
81
  `
82
82
  },
83
- ...Array.isArray(i) ? i : [i],
83
+ ...Array.isArray(l) ? l : [l],
84
84
  {
85
- ...!s && { color: "transparent" }
85
+ ...!n && { color: "transparent" }
86
86
  }
87
87
  ],
88
88
  ...c,
89
- children: n
89
+ children: a
90
90
  }
91
91
  );
92
- }, dt = ({
92
+ }, me = ({
93
93
  color: e = "currentColor",
94
- ...o
95
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
94
+ ...t
95
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
96
96
  "path",
97
97
  {
98
98
  d: "M2.24801 6.76647H0.573286C0.327604 6.76647 0.110586 6.60678 0.0327867 6.37748C-0.0450124 6.14408 0.0327866 5.88612 0.229332 5.73871L7.6571 0.116699C7.85774 -0.0388996 8.14027 -0.0388996 8.34501 0.116699L15.7728 5.73871C15.9693 5.89021 16.0471 6.14408 15.9693 6.37748C15.8915 6.61088 15.6745 6.76647 15.4288 6.76647H13.7582V12.323H14.3929C14.7122 12.323 14.9661 12.5809 14.9661 12.8962C14.9661 13.2156 14.7082 13.4695 14.3929 13.4695H1.60924C1.28986 13.4695 1.03599 13.2115 1.03599 12.8962C1.03599 12.5768 1.29395 12.323 1.60924 12.323H2.24801V6.76647ZM5.70393 6.76647H3.39043V12.323H5.70393V6.76647ZM9.15985 12.323V6.76647H6.84635V12.323H9.15985ZM10.3023 12.3189H12.6158V6.76647H10.3023V12.3189ZM0.573256 14.8535H15.4288C15.7441 14.8535 15.998 15.1115 15.998 15.4267C15.998 15.7461 15.74 16 15.4247 16H0.573256C0.253871 16 0 15.742 0 15.4267C0 15.1074 0.257965 14.8535 0.573256 14.8535Z",
99
99
  fill: e
100
100
  }
101
- ) })), ut = ({
101
+ ) })), Te = ({
102
102
  color: e = "currentColor",
103
- ...o
104
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
103
+ ...t
104
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
105
105
  "path",
106
106
  {
107
107
  d: "M15.429 14.854H.573a.572.572 0 100 1.146h14.852a.572.572 0 00.004-1.146zM.573 6.766h1.675v5.557h-.639a.572.572 0 100 1.146h12.784a.572.572 0 100-1.146h-.635V6.766h1.67a.568.568 0 00.541-.389.574.574 0 00-.196-.638L8.345.117a.565.565 0 00-.688 0L.23 5.739a.572.572 0 00.344 1.027zm2.817 0h2.314v5.557H3.39V6.766zm5.77 0v5.557H6.846V6.766H9.16zm3.456 5.553h-2.314V6.766h2.314v5.553zM8 1.288l5.724 4.336H2.277L8 1.288z",
108
108
  fill: e
109
109
  }
110
- ) })), pt = ({
110
+ ) })), be = ({
111
111
  color: e = "currentColor",
112
- ...o
113
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
112
+ ...t
113
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
114
114
  "path",
115
115
  {
116
116
  d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
117
117
  fill: e
118
118
  }
119
- ) })), ht = ({
119
+ ) })), Ce = ({
120
120
  color: e = "currentColor",
121
- ...o
122
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
121
+ ...t
122
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
123
123
  "path",
124
124
  {
125
125
  clipRule: "evenodd",
@@ -127,124 +127,124 @@ const M = ({
127
127
  fill: e,
128
128
  fillRule: "evenodd"
129
129
  }
130
- ) })), gt = ({
130
+ ) })), Ae = ({
131
131
  color: e = "currentColor",
132
- ...o
133
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
132
+ ...t
133
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
134
134
  "path",
135
135
  {
136
136
  d: "M11.5 0a.5.5 0 01.5.5V2h2.5A1.5 1.5 0 0116 3.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 010 14.5v-11A1.5 1.5 0 011.5 2H4V.5a.5.5 0 011 0V2h6V.5a.5.5 0 01.5-.5zM15 6H1v8.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V6zm-4.5 1a.5.5 0 01.5.5V10h2.5a.5.5 0 010 1H11v2.5a.5.5 0 01-1 0V11H6v2.5a.5.5 0 01-1 0V11H2.5a.5.5 0 010-1H5V7.5a.5.5 0 011 0V10h4V7.5a.5.5 0 01.5-.5zm4-4h-13a.5.5 0 00-.5.5V5h14V3.5a.5.5 0 00-.5-.5z",
137
137
  fill: e
138
138
  }
139
- ) })), mt = ({
139
+ ) })), Ee = ({
140
140
  color: e = "currentColor",
141
- ...o
142
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
141
+ ...t
142
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
143
143
  "path",
144
144
  {
145
145
  d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm4.358 5.151a.5.5 0 00-.707-.01L6.858 9.803 4.35 7.363a.5.5 0 10-.698.718l2.858 2.777a.5.5 0 00.697 0l5.142-5a.5.5 0 00.01-.707z",
146
146
  fill: e
147
147
  }
148
- ) })), ft = ({
148
+ ) })), Me = ({
149
149
  color: e = "currentColor",
150
- ...o
151
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
150
+ ...t
151
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
152
152
  "path",
153
153
  {
154
154
  d: "M2.68 5.201a.6.6 0 01.848-.011L8 9.543l4.472-4.353a.6.6 0 11.837.86l-4.89 4.76a.6.6 0 01-.838 0l-4.89-4.76a.6.6 0 01-.012-.849z",
155
155
  fill: e
156
156
  }
157
- ) })), bt = ({
157
+ ) })), Re = ({
158
158
  color: e = "currentColor",
159
- ...o
160
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
159
+ ...t
160
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
161
161
  "path",
162
162
  {
163
163
  d: "M10.799 2.68a.6.6 0 01.011.848L6.457 8l4.353 4.472a.6.6 0 01-.86.837L5.19 8.42a.6.6 0 010-.838l4.76-4.89a.6.6 0 01.849-.012z",
164
164
  fill: e
165
165
  }
166
- ) })), Mt = ({
166
+ ) })), Ie = ({
167
167
  color: e = "currentColor",
168
- ...o
169
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
168
+ ...t
169
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
170
170
  "path",
171
171
  {
172
172
  d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
173
173
  fill: e
174
174
  }
175
- ) })), be = ({
175
+ ) })), Se = ({
176
176
  color: e = "currentColor",
177
- ...o
178
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
177
+ ...t
178
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
179
179
  "path",
180
180
  {
181
181
  d: "M13.79 2.21a.72.72 0 0 1 0 1.02L9.018 8l4.77 4.77a.72.72 0 1 1-1.018 1.02L8 9.018l-4.77 4.77a.72.72 0 1 1-1.02-1.018L6.982 8l-4.77-4.77A.72.72 0 0 1 3.23 2.21L8 6.982l4.77-4.77a.72.72 0 0 1 1.02 0Z",
182
182
  fill: e
183
183
  }
184
- ) })), yt = ({
184
+ ) })), He = ({
185
185
  color: e = "currentColor",
186
- ...o
187
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
186
+ ...t
187
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
188
188
  "path",
189
189
  {
190
190
  d: "M12.644.156l3.2 3.2a.533.533 0 010 .754L5.177 14.777a.534.534 0 01-.247.14L.663 15.984a.533.533 0 01-.647-.647l1.067-4.267a.534.534 0 01.14-.248L11.89.156a.533.533 0 01.754 0zM10.133 3.42l-8.051 8.052-.815 3.261 3.26-.815 8.052-8.052-2.446-2.446zm2.134-2.132l-1.38 1.378 2.446 2.446 1.38-1.379-2.446-2.445z",
191
191
  fill: e
192
192
  }
193
- ) })), xt = ({
193
+ ) })), ve = ({
194
194
  color: e = "currentColor",
195
- ...o
196
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
195
+ ...t
196
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
197
197
  "path",
198
198
  {
199
199
  d: "M1.5 1.933l5.4 6.72c.066.081.1.18.1.28v5.134h2V8.933c0-.1.036-.199.1-.28l5.4-6.72h-13zM6 9.09L.1 1.747C-.145 1.439.09 1 .5 1h15c.413 0 .648.439.4.747L10 9.089v5.444c0 .258-.223.467-.5.467h-3c-.275 0-.5-.209-.5-.467V9.09z",
200
200
  fill: e
201
201
  }
202
- ) })), Ct = ({
202
+ ) })), Fe = ({
203
203
  color: e = "currentColor",
204
- ...o
205
- }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
204
+ ...t
205
+ }) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
206
206
  "path",
207
207
  {
208
208
  d: "M1.317 2.317a4.5 4.5 0 016.364 0c.117.117.223.238.32.363.095-.124.2-.245.316-.362a4.5 4.5 0 016.364 6.364l-.004.004-6.328 6.172a.5.5 0 01-.698 0L1.317 8.682a4.5 4.5 0 010-6.365zm5.657.708a3.5 3.5 0 00-4.952 4.947L8 13.802l5.977-5.83a3.5 3.5 0 00-4.952-4.947c-.235.235-.42.51-.586.815a.5.5 0 01-.878 0 3.46 3.46 0 00-.587-.815z",
209
209
  fill: e
210
210
  }
211
- ) })), vt = ({
211
+ ) })), xe = ({
212
212
  color: e = "currentColor",
213
- ...o
214
- }) => /* @__PURE__ */ y(g, { ...o, children: [
215
- /* @__PURE__ */ a(
213
+ ...t
214
+ }) => /* @__PURE__ */ E(g, { ...t, children: [
215
+ /* @__PURE__ */ o(
216
216
  "path",
217
217
  {
218
218
  d: "M14.368 4.5h1.604c.024 0 .037.028.021.044L13.28 7.992c-.008.008-.008.025 0 .032l2.714 3.448c.016.02 0 .045-.021.045h-1.604a.023.023 0 01-.02-.013l-1.895-2.46c-.009-.01-.029-.01-.041 0l-1.895 2.46a.022.022 0 01-.02.013H8.892c-.02 0-.031-.03-.02-.045l2.713-3.448c.008-.007.008-.024 0-.032L8.871 4.544a.027.027 0 01.021-.044h1.605c.008 0 .015.004.02.013l1.895 2.458c.008.013.028.013.04 0l1.896-2.458a.023.023 0 01.02-.013z",
219
219
  fill: e
220
220
  }
221
221
  ),
222
- /* @__PURE__ */ a(
222
+ /* @__PURE__ */ o(
223
223
  "path",
224
224
  {
225
225
  d: "M8.242 11.363l1.056-1.293a.047.047 0 00.012-.029l-.81-5.5c-.004-.02-.02-.036-.04-.036H7.39c-.016 0-.032.008-.036.024L4.816 9.668c-.015.032-.06.032-.073 0l-2.562-5.14c-.009-.015-.02-.023-.036-.023h-1.08c-.021 0-.038.016-.043.036L.001 11.472a.042.042 0 00.04.049H1.29c.02 0 .042-.016.042-.036l.616-4.505c.004-.04.063-.048.08-.011L4.287 11.5c.008.017.021.024.037.024h.884c.016 0 .033-.008.037-.024l2.235-4.508c.015-.037.074-.029.078.011l.608 4.338c.005.037.054.048.075.021z",
226
226
  fill: e
227
227
  }
228
228
  )
229
- ] }), Tt = ({
229
+ ] }), Oe = ({
230
230
  color: e = "currentColor",
231
- ...o
232
- }) => /* @__PURE__ */ y(g, { ...o, children: [
233
- /* @__PURE__ */ a(
231
+ ...t
232
+ }) => /* @__PURE__ */ E(g, { ...t, children: [
233
+ /* @__PURE__ */ o(
234
234
  "path",
235
235
  {
236
236
  d: "M7.93 11l.871-1.124c.01-.01.01-.02.01-.03l-.77-5.305c0-.02-.02-.041-.04-.041H7a.059.059 0 00-.024.008.077.077 0 00-.017.012l-2.4 4.89c-.005.019-.026.026-.043.023a.034.034 0 01-.027-.022l-2.42-4.89a.139.139 0 00-.01-.01.046.046 0 00-.031-.011H1.016c-.02 0-.04.01-.04.04l-.972 6.673c-.01.02.01.04.04.04h1.175c.02 0 .04-.01.04-.04l.587-4.273c.01-.04.061-.05.081-.01l2.137 4.303a.17.17 0 00.01.009.045.045 0 00.03.011h.83c.01 0 .03-.01.041-.02L7.08 6.981c.02-.04.07-.03.08.01l.578 4.14c.01.041.05.051.07.021L7.93 11z",
237
237
  fill: e
238
238
  }
239
239
  ),
240
- /* @__PURE__ */ a(
240
+ /* @__PURE__ */ o(
241
241
  "path",
242
242
  {
243
243
  d: "M15.079 4.5H13.6c-.004 0-.008.002-.013.004h-.002a.1.1 0 01-.009.004.057.057 0 01-.016.002L11.788 6.83c-.01.02-.05.02-.07 0L9.944 4.51a.03.03 0 00-.01-.007c-.008-.003-.017-.003-.03-.003H8.427c-.04 0-.051.04-.04.07l2.54 3.291c.01.01.01.041 0 .051l-2.52 3.28c-.02.031 0 .071.04.071h1.478a.031.031 0 00.011-.002c.008-.003.016-.008.03-.008l1.771-2.318c.01-.02.051-.02.071 0l1.772 2.318c.01.01.02.01.04.01h1.469c.04 0 .05-.04.04-.07l-2.541-3.291a.023.023 0 01-.005-.01.047.047 0 01-.002-.008c-.002-.012 0-.026.007-.033l2.541-3.29c0-.02-.01-.061-.05-.061z",
244
244
  fill: e
245
245
  }
246
246
  ),
247
- /* @__PURE__ */ a(
247
+ /* @__PURE__ */ o(
248
248
  "path",
249
249
  {
250
250
  clipRule: "evenodd",
@@ -253,7 +253,7 @@ const M = ({
253
253
  fillRule: "evenodd"
254
254
  }
255
255
  ),
256
- /* @__PURE__ */ a(
256
+ /* @__PURE__ */ o(
257
257
  "path",
258
258
  {
259
259
  clipRule: "evenodd",
@@ -262,10 +262,10 @@ const M = ({
262
262
  fillRule: "evenodd"
263
263
  }
264
264
  )
265
- ] }), kt = ({
265
+ ] }), Le = ({
266
266
  color: e = "currentColor",
267
- ...o
268
- }) => /* @__PURE__ */ a(g, { ...o, children: /* @__PURE__ */ a(
267
+ ...t
268
+ }) => /* @__PURE__ */ o(g, { ...t, children: /* @__PURE__ */ o(
269
269
  "path",
270
270
  {
271
271
  clipRule: "evenodd",
@@ -273,25 +273,25 @@ const M = ({
273
273
  fill: e,
274
274
  fillRule: "evenodd"
275
275
  }
276
- ) }), At = ({
276
+ ) }), De = ({
277
277
  color: e = "currentColor",
278
- ...o
279
- }) => /* @__PURE__ */ y(g, { ...o, children: [
280
- /* @__PURE__ */ a(
278
+ ...t
279
+ }) => /* @__PURE__ */ E(g, { ...t, children: [
280
+ /* @__PURE__ */ o(
281
281
  "path",
282
282
  {
283
283
  d: "M12.662 5.973h-.94a.013.013 0 00-.012.007L10.6 7.42c-.007.008-.019.008-.024 0l-1.11-1.44a.013.013 0 00-.011-.007h-.94c-.012 0-.02.014-.012.026l1.59 2.02c.004.004.004.014 0 .018l-1.59 2.02c-.006.009 0 .026.012.026h.94c.005 0 .009-.002.012-.008l1.11-1.44c.007-.007.018-.007.024 0l1.11 1.44a.013.013 0 00.011.008h.94a.016.016 0 00.012-.027l-1.59-2.019c-.004-.004-.004-.014 0-.019l1.59-2.02c.01-.008.002-.025-.012-.025z",
284
284
  fill: e
285
285
  }
286
286
  ),
287
- /* @__PURE__ */ a(
287
+ /* @__PURE__ */ o(
288
288
  "path",
289
289
  {
290
290
  d: "M8.753 9.235l-.619.758c-.012.015-.041.009-.044-.013l-.356-2.54c-.003-.024-.037-.029-.046-.007l-1.308 2.64c-.003.01-.013.014-.022.014H5.84c-.01 0-.017-.004-.022-.014L4.494 7.42c-.01-.022-.044-.018-.047.006l-.36 2.639c0 .011-.013.02-.026.02h-.73a.025.025 0 01-.024-.027l.599-4.06c.002-.012.012-.022.024-.022h.633c.01 0 .016.005.02.015L6.086 9c.007.019.033.019.043 0l1.486-3.01c.002-.01.012-.015.021-.015h.626c.012 0 .022.01.024.022l.475 3.221a.027.027 0 01-.007.017z",
291
291
  fill: e
292
292
  }
293
293
  ),
294
- /* @__PURE__ */ a(
294
+ /* @__PURE__ */ o(
295
295
  "path",
296
296
  {
297
297
  clipRule: "evenodd",
@@ -301,12 +301,12 @@ const M = ({
301
301
  }
302
302
  )
303
303
  ] });
304
- var u = /* @__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))(u || {}), Me = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Me || {});
305
- const $ = {
304
+ var u = /* @__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))(u || {}), S0 = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(S0 || {});
305
+ const K = {
306
306
  guid: u.Uncategorized,
307
307
  colorName: "uncategorized",
308
308
  icon: "category"
309
- }, ye = [
309
+ }, H0 = [
310
310
  {
311
311
  guid: u.AutoTransport,
312
312
  colorName: "autoTransport",
@@ -407,56 +407,56 @@ const $ = {
407
407
  colorName: "travel",
408
408
  icon: "airplane_ticket"
409
409
  },
410
- $
411
- ], xe = 0.625, Ce = ({
410
+ K
411
+ ], v0 = 0.625, F0 = ({
412
412
  categoryGuid: e,
413
- icon_ratio: o = xe,
414
- size: n = 32,
415
- sx: t = {},
416
- variant: i = "filled"
413
+ icon_ratio: t = v0,
414
+ size: a = 32,
415
+ sx: r = {},
416
+ variant: l = "filled"
417
417
  }) => {
418
- const l = C(), c = f.useMemo(
419
- () => ye.find((d) => d.guid === e) ?? $,
418
+ const s = L(), c = b.useMemo(
419
+ () => H0.find((d) => d.guid === e) ?? K,
420
420
  [e]
421
- ), s = l.palette.categories[c.colorName];
422
- return /* @__PURE__ */ a(
423
- I,
421
+ ), n = s.palette.categories[c.colorName];
422
+ return /* @__PURE__ */ o(
423
+ O,
424
424
  {
425
425
  alignItems: "center",
426
426
  bgcolor: () => {
427
- let d = s;
428
- return i === "twotone" && (d = `${d}20`), i === "transparent" || i === "basic" ? "transparent" : d;
427
+ let d = n;
428
+ return l === "twotone" && (d = `${d}20`), l === "transparent" || l === "basic" ? "transparent" : d;
429
429
  },
430
430
  borderRadius: 1,
431
431
  color: () => {
432
- const d = i === "filled" ? l.palette.common.white : s;
433
- return i === "basic" ? l.palette.text.primary : d;
432
+ const d = l === "filled" ? s.palette.common.white : n;
433
+ return l === "basic" ? s.palette.text.primary : d;
434
434
  },
435
- height: n,
435
+ height: a,
436
436
  justifyContent: "center",
437
- sx: [...Array.isArray(t) ? t : [t]],
438
- width: n,
439
- children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
437
+ sx: [...Array.isArray(r) ? r : [r]],
438
+ width: a,
439
+ children: /* @__PURE__ */ o(A, { name: c.icon, size: a * t })
440
440
  }
441
441
  );
442
- }, ve = ({
442
+ }, x0 = ({
443
443
  items: e,
444
- onChange: o,
445
- isValid: n,
446
- selected: t
444
+ onChange: t,
445
+ isValid: a,
446
+ selected: r
447
447
  }) => {
448
- const i = C(), l = e?.map((c) => {
449
- const s = c.getValue({ isValid: n });
448
+ const l = L(), s = e?.map((c) => {
449
+ const n = c.getValue({ isValid: a });
450
450
  return {
451
451
  label: c.label,
452
452
  onClick: () => {
453
- o(s, "accept", c);
453
+ t(n, "accept", c);
454
454
  },
455
- disabled: !n(s)
455
+ disabled: !a(n)
456
456
  };
457
457
  });
458
- return /* @__PURE__ */ a(F, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ie, { color: "primary", orientation: "vertical", value: t, children: l?.map((c) => /* @__PURE__ */ a(
459
- ae,
458
+ return /* @__PURE__ */ o(W, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ o(h0, { color: "primary", orientation: "vertical", value: r, children: s?.map((c) => /* @__PURE__ */ o(
459
+ u0,
460
460
  {
461
461
  onClick: c.onClick,
462
462
  sx: {
@@ -469,13 +469,13 @@ const $ = {
469
469
  boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
470
470
  },
471
471
  "&:hover": {
472
- bgcolor: i.palette.action.hover,
473
- borderTop: `1px solid ${i.palette.secondary.lighter}`
472
+ bgcolor: l.palette.action.hover,
473
+ borderTop: `1px solid ${l.palette.secondary.light}`
474
474
  },
475
475
  "&.Mui-selected": {
476
- border: `2px solid ${i.palette.mode === "light" ? i.palette.primary.main : i.palette.primary.light} !important`,
476
+ border: `2px solid ${l.palette.primary.main} !important`,
477
477
  marginTop: "-2px !important",
478
- color: i.palette.mode === "light" ? "primary" : "primary.light"
478
+ color: "primary"
479
479
  }
480
480
  },
481
481
  value: c.label,
@@ -483,51 +483,51 @@ const $ = {
483
483
  },
484
484
  c.label
485
485
  )) }) });
486
- }, Lt = ({
486
+ }, Ne = ({
487
487
  copy: e,
488
- dateRange: o,
489
- onRangeChanged: n,
490
- selectedShortcut: t = e.dateRangeThisMonth,
491
- sx: i = {}
488
+ dateRange: t,
489
+ onRangeChanged: a,
490
+ selectedShortcut: r = e.dateRangeThisMonth,
491
+ sx: l = {}
492
492
  }) => {
493
- const l = C(), c = ee(l.breakpoints.down("sm")), s = f.useMemo(() => {
494
- const p = Q(), d = J(p, 1), m = q(p, 1);
493
+ const s = L(), c = l0(s.breakpoints.down("sm")), n = b.useMemo(() => {
494
+ const h = i0(), d = a0(h, 1), T = n0(h, 1);
495
495
  return [
496
496
  {
497
497
  label: e.dateRangeThisMonth,
498
- getValue: () => [R(p), w(p)]
498
+ getValue: () => [V(h), B(h)]
499
499
  },
500
500
  {
501
501
  label: e.dateRangeLastMonth,
502
- getValue: () => [R(d), w(d)]
502
+ getValue: () => [V(d), B(d)]
503
503
  },
504
504
  {
505
505
  label: e.dateRangeLast30Days,
506
- getValue: () => [N(p, 30), p]
506
+ getValue: () => [G(h, 30), h]
507
507
  },
508
508
  {
509
509
  label: e.dateRangeLast90Days,
510
- getValue: () => [N(p, 90), p]
510
+ getValue: () => [G(h, 90), h]
511
511
  },
512
512
  {
513
513
  label: e.dateRangeYTD,
514
- getValue: () => [z(p), p]
514
+ getValue: () => [U(h), h]
515
515
  },
516
516
  {
517
517
  label: e.dateRangeLastYear,
518
- getValue: () => [z(m), Y(m)]
518
+ getValue: () => [U(T), r0(T)]
519
519
  },
520
520
  {
521
521
  label: e.dateRangeCustom,
522
- getValue: () => [p, p]
522
+ getValue: () => [h, h]
523
523
  }
524
524
  ];
525
- }, [e]), b = (p, d) => {
526
- const m = d.shortcut;
527
- n?.(p, m ? m.label : e.dateRangeCustom);
525
+ }, [e]), i = (h, d) => {
526
+ const T = d.shortcut;
527
+ a?.(h, T ? T.label : e.dateRangeCustom);
528
528
  };
529
- return /* @__PURE__ */ a(I, { gap: 16, m: 8, children: /* @__PURE__ */ a(te, { dateAdapter: oe, children: /* @__PURE__ */ a(
530
- re,
529
+ return /* @__PURE__ */ o(O, { gap: 16, m: 8, children: /* @__PURE__ */ o(c0, { dateAdapter: d0, children: /* @__PURE__ */ o(
530
+ s0,
531
531
  {
532
532
  calendars: 1,
533
533
  localeText: {
@@ -535,223 +535,109 @@ const $ = {
535
535
  end: e.dateRangeTo,
536
536
  toolbarTitle: e.dateRangeToolbarTitle
537
537
  },
538
- onChange: b,
538
+ onChange: i,
539
539
  showDaysOutsideCurrentMonth: !0,
540
540
  slotProps: {
541
541
  actionBar: { actions: [] },
542
542
  shortcuts: {
543
- items: c ? [] : s
543
+ items: c ? [] : n
544
544
  },
545
545
  toolbar: {
546
546
  toolbarFormat: "MMM d, yyyy"
547
547
  }
548
548
  },
549
549
  slots: {
550
- leftArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_left", size: 28 }),
551
- shortcuts: (p) => /* @__PURE__ */ a(ve, { selected: t, ...p }),
552
- rightArrowIcon: () => /* @__PURE__ */ a(M, { name: "chevron_right", size: 28 })
550
+ leftArrowIcon: () => /* @__PURE__ */ o(A, { name: "chevron_left", size: 28 }),
551
+ shortcuts: (h) => /* @__PURE__ */ o(x0, { selected: r, ...h }),
552
+ rightArrowIcon: () => /* @__PURE__ */ o(A, { name: "chevron_right", size: 28 })
553
553
  },
554
- sx: { ...i },
555
- value: o
554
+ sx: { ...l },
555
+ value: t
556
556
  }
557
557
  ) }) });
558
- }, Dt = f.forwardRef(function(o, n) {
559
- return /* @__PURE__ */ a(O, { direction: "up", ref: n, ...o });
560
- }), Te = ({
558
+ }, ye = b.forwardRef(function(t, a) {
559
+ return /* @__PURE__ */ o(Z, { direction: "up", ref: a, ...t });
560
+ }), O0 = ({
561
561
  hasSecondaryAction: e = !0,
562
- isPrimaryDisabled: o,
563
- onPrimaryAction: n,
564
- onSecondaryAction: t,
565
- primaryColor: i = "primary",
566
- primaryText: l = "Save",
562
+ isPrimaryDisabled: t,
563
+ onPrimaryAction: a,
564
+ onSecondaryAction: r,
565
+ primaryColor: l = "primary",
566
+ primaryText: s = "Save",
567
567
  secondaryColor: c = "primary",
568
- secondaryText: s = "Cancel",
569
- ...b
570
- }) => /* @__PURE__ */ y(
571
- _,
572
- {
573
- sx: {
574
- display: "flex",
575
- gap: 16,
576
- justifyContent: "flex-end",
577
- "&.MuiToolbar-gutters": {
578
- padding: 24
579
- }
580
- },
581
- ...b,
582
- children: [
583
- e && /* @__PURE__ */ a(
584
- D,
585
- {
586
- color: c,
587
- onClick: t,
588
- variant: n ? "outlined" : "contained",
589
- children: s
590
- }
591
- ),
592
- n && /* @__PURE__ */ a(
593
- D,
594
- {
595
- color: i,
596
- disabled: o,
597
- onClick: n,
598
- variant: "contained",
599
- children: l
600
- }
601
- )
602
- ]
603
- }
604
- ), It = ({ copy: e, onClose: o, ...n }) => {
605
- const t = C();
606
- return /* @__PURE__ */ y(
607
- _,
568
+ secondaryText: n = "Cancel"
569
+ }) => /* @__PURE__ */ E(O, { direction: "row", gap: 16, justifyContent: "flex-end", sx: { width: "100%", p: 24 }, children: [
570
+ e && /* @__PURE__ */ o(
571
+ w,
608
572
  {
609
- sx: {
610
- "&.MuiToolbar-gutters": {
611
- padding: "24px 24px 8px"
612
- }
613
- },
614
- ...n,
615
- children: [
616
- /* @__PURE__ */ a(F, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(Ae, { sx: { fontWeight: 600 }, variant: "h3", children: e.title }) }),
617
- /* @__PURE__ */ a(V, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(be, { color: t.palette.primary.main }) })
618
- ]
573
+ color: c,
574
+ onClick: r,
575
+ variant: a ? "outlined" : "contained",
576
+ children: n
619
577
  }
620
- );
621
- }, Ft = ({
622
- className: e,
623
- disableSave: o,
624
- id: n,
625
- isOpen: t,
626
- onClose: i,
627
- onSave: l,
628
- primaryText: c,
629
- secondaryText: s,
630
- children: b,
631
- ...p
632
- }) => /* @__PURE__ */ y(
633
- ne,
634
- {
635
- anchor: "right",
636
- className: `mx-kmui-drawer ${e}`,
637
- id: n ?? void 0,
638
- onClose: i,
639
- open: t,
640
- variant: "temporary",
641
- ...p,
642
- children: [
643
- b,
644
- l && /* @__PURE__ */ a(
645
- Te,
646
- {
647
- isPrimaryDisabled: o,
648
- onPrimaryAction: l,
649
- onSecondaryAction: i,
650
- primaryText: c,
651
- secondaryText: s
652
- }
653
- )
654
- ]
655
- }
656
- ), G = 32, H = "https://content.moneydesktop.com/storage/MD_Assets", ke = `${H}/serenity/default_institution_logo.png`, Et = ({
657
- alt: e,
658
- institutionGuid: o,
659
- logoUrl: n,
660
- size: t = G,
661
- ...i
662
- }) => /* @__PURE__ */ a(
663
- "img",
664
- {
665
- alt: e,
666
- height: t,
667
- onError: (l) => l.target.src = ke,
668
- src: n || `${H}/Ipad%20Logos/100x100/${o}_100x100.png`,
669
- style: {
670
- borderRadius: 4
671
- },
672
- width: t,
673
- ...i
674
- }
675
- ), Ht = ({
676
- alt: e = "",
677
- categoryGuid: o,
678
- merchantGuid: n,
679
- size: t = G,
680
- ...i
681
- }) => {
682
- const [l, c] = f.useState(!1), s = C();
683
- return /* @__PURE__ */ y(F, { display: "inline-block", position: "relative", ...i, children: [
684
- n && !l && /* @__PURE__ */ a(
685
- "img",
686
- {
687
- alt: e,
688
- "aria-hidden": !e,
689
- height: t,
690
- onError: () => c(!0),
691
- src: `${H}/merchant_logos/${n}.png`,
692
- style: {
693
- backgroundColor: s.palette.common.white,
694
- borderRadius: 4,
695
- boxSizing: "border-box",
696
- position: "absolute"
697
- },
698
- width: t
699
- }
700
- ),
701
- /* @__PURE__ */ a(Ce, { categoryGuid: o, size: t })
702
- ] });
703
- }, T = ({
578
+ ),
579
+ a && /* @__PURE__ */ o(
580
+ w,
581
+ {
582
+ color: l,
583
+ disabled: t,
584
+ onClick: a,
585
+ variant: "contained",
586
+ children: s
587
+ }
588
+ )
589
+ ] }), D = ({
704
590
  bold: e,
705
- className: o = "",
706
- children: n,
707
- color: t,
708
- sx: i = {},
709
- truncate: l = !0,
591
+ className: t = "",
592
+ children: a,
593
+ color: r,
594
+ sx: l = {},
595
+ truncate: s = !0,
710
596
  uppercase: c,
711
- ...s
597
+ ...n
712
598
  }) => {
713
- switch (s.variant) {
599
+ switch (n.variant) {
714
600
  case "Body":
715
- s.variant = "body1";
601
+ n.variant = "body1";
716
602
  break;
717
603
  case "Button":
718
- s.variant = "button";
604
+ n.variant = "button";
719
605
  break;
720
606
  case "H1":
721
- s.variant = "h1";
607
+ n.variant = "h1";
722
608
  break;
723
609
  case "H2":
724
- s.variant = "h2";
610
+ n.variant = "h2";
725
611
  break;
726
612
  case "H3":
727
- s.variant = "h3";
613
+ n.variant = "h3";
728
614
  break;
729
615
  case "Paragraph":
730
- s.variant = "subtitle1";
616
+ n.variant = "subtitle1";
731
617
  break;
732
618
  case "ParagraphSmall":
733
- s.variant = "subtitle2";
619
+ n.variant = "subtitle2";
734
620
  break;
735
621
  case "Small":
736
- s.variant = "body2";
622
+ n.variant = "body2";
737
623
  break;
738
624
  case "Tiny":
739
- s.variant = "tiny";
625
+ n.variant = "tiny";
740
626
  break;
741
627
  case "XSmall":
742
- s.variant = "caption";
628
+ n.variant = "caption";
743
629
  break;
744
630
  }
745
- return /* @__PURE__ */ a(
746
- le,
631
+ return /* @__PURE__ */ o(
632
+ f0,
747
633
  {
748
- className: `mx-kmui-text ${o}`,
749
- color: t,
634
+ className: `mx-kmui-text ${t}`,
635
+ color: r,
750
636
  sx: [
751
637
  e ? {
752
638
  fontWeight: 600
753
639
  } : {},
754
- l ? {
640
+ s ? {
755
641
  overflow: "hidden",
756
642
  textOverflow: "ellipsis",
757
643
  whiteSpace: "nowrap"
@@ -759,120 +645,217 @@ const $ = {
759
645
  c ? {
760
646
  textTransform: "uppercase"
761
647
  } : {},
762
- ...Array.isArray(i) ? i : [i]
648
+ ...Array.isArray(l) ? l : [l]
763
649
  ],
764
- ...s,
765
- children: n
650
+ ...n,
651
+ children: a
766
652
  }
767
653
  );
768
- }, Ae = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...n, children: o }), St = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...n, children: o }), wt = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...n, children: o }), Rt = ({ className: e = "", children: o, truncate: n, ...t }) => /* @__PURE__ */ a(
769
- T,
654
+ }, L0 = ({ className: e = "", children: t, ...a }) => /* @__PURE__ */ o(D, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...a, children: t }), ke = ({ className: e = "", children: t, ...a }) => /* @__PURE__ */ o(D, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...a, children: t }), we = ({ className: e = "", children: t, ...a }) => /* @__PURE__ */ o(D, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...a, children: t }), Pe = ({ className: e = "", children: t, truncate: a, ...r }) => /* @__PURE__ */ o(
655
+ D,
770
656
  {
771
657
  className: `mx-kmui-text p ${e}`,
772
658
  component: "p",
773
- truncate: n || !1,
659
+ truncate: a || !1,
774
660
  variant: "body1",
775
- ...t,
776
- children: o
661
+ ...r,
662
+ children: t
663
+ }
664
+ ), _e = ({ copy: e, onClose: t }) => /* @__PURE__ */ E(
665
+ O,
666
+ {
667
+ sx: {
668
+ alignItems: "center",
669
+ flexDirection: "row",
670
+ justifyContent: "space-between",
671
+ px: 24,
672
+ py: 14
673
+ },
674
+ children: [
675
+ /* @__PURE__ */ o(L0, { variant: "h3", children: e.title }),
676
+ /* @__PURE__ */ o(X, { "aria-label": e.close_aria, onClick: t, sx: { mr: -12 }, children: /* @__PURE__ */ o(p0, {}) })
677
+ ]
678
+ }
679
+ ), ze = ({
680
+ className: e,
681
+ disableSave: t,
682
+ id: a,
683
+ isOpen: r,
684
+ onClose: l,
685
+ onSave: s,
686
+ primaryText: c,
687
+ secondaryText: n,
688
+ children: i,
689
+ ...h
690
+ }) => /* @__PURE__ */ E(
691
+ g0,
692
+ {
693
+ anchor: "right",
694
+ className: `mx-kmui-drawer ${e}`,
695
+ id: a ?? void 0,
696
+ onClose: l,
697
+ open: r,
698
+ variant: "temporary",
699
+ ...h,
700
+ children: [
701
+ i,
702
+ s && /* @__PURE__ */ o(
703
+ O0,
704
+ {
705
+ isPrimaryDisabled: t,
706
+ onPrimaryAction: s,
707
+ onSecondaryAction: l,
708
+ primaryText: c,
709
+ secondaryText: n
710
+ }
711
+ )
712
+ ]
713
+ }
714
+ ), j = 32, _ = "https://content.moneydesktop.com/storage/MD_Assets", D0 = `${_}/serenity/default_institution_logo.png`, Be = ({
715
+ alt: e,
716
+ institutionGuid: t,
717
+ logoUrl: a,
718
+ size: r = j,
719
+ ...l
720
+ }) => /* @__PURE__ */ o(
721
+ "img",
722
+ {
723
+ alt: e,
724
+ height: r,
725
+ onError: (s) => s.target.src = D0,
726
+ src: a || `${_}/Ipad%20Logos/100x100/${t}_100x100.png`,
727
+ style: {
728
+ borderRadius: 4
729
+ },
730
+ width: r,
731
+ ...l
777
732
  }
778
- ), zt = ({
733
+ ), Ve = ({
734
+ alt: e = "",
735
+ categoryGuid: t,
736
+ merchantGuid: a,
737
+ size: r = j,
738
+ ...l
739
+ }) => {
740
+ const [s, c] = b.useState(!1), n = L();
741
+ return /* @__PURE__ */ E(W, { display: "inline-block", position: "relative", ...l, children: [
742
+ a && !s && /* @__PURE__ */ o(
743
+ "img",
744
+ {
745
+ alt: e,
746
+ "aria-hidden": !e,
747
+ height: r,
748
+ onError: () => c(!0),
749
+ src: `${_}/merchant_logos/${a}.png`,
750
+ style: {
751
+ backgroundColor: n.palette.common.white,
752
+ borderRadius: 4,
753
+ boxSizing: "border-box",
754
+ position: "absolute"
755
+ },
756
+ width: r
757
+ }
758
+ ),
759
+ /* @__PURE__ */ o(F0, { categoryGuid: t, size: r })
760
+ ] });
761
+ }, Ue = ({
779
762
  disabled: e = !1,
780
- label: o = "",
781
- shrink: n = !0,
782
- variant: t = "outlined",
783
- ...i
784
- }) => /* @__PURE__ */ a(
785
- ce,
763
+ label: t = "",
764
+ shrink: a = !0,
765
+ variant: r = "outlined",
766
+ ...l
767
+ }) => /* @__PURE__ */ o(
768
+ m0,
786
769
  {
787
770
  InputLabelProps: {
788
- shrink: n
771
+ shrink: a
789
772
  },
790
773
  disabled: e,
791
- label: o,
792
- variant: t,
793
- ...i
774
+ label: t,
775
+ variant: r,
776
+ ...l
794
777
  }
795
778
  );
796
- function Le(e) {
797
- return /* @__PURE__ */ a(O, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
779
+ function N0(e) {
780
+ return /* @__PURE__ */ o(Z, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
798
781
  }
799
- const Nt = ({
782
+ const Ge = ({
800
783
  open: e,
801
- handleClose: o,
802
- message: n,
803
- autoHideDuration: t = 3e3,
804
- severity: i = "success",
805
- snackbarSx: l,
784
+ handleClose: t,
785
+ message: a,
786
+ autoHideDuration: r = 3e3,
787
+ severity: l = "success",
788
+ snackbarSx: s,
806
789
  showAction: c = !1,
807
- showClose: s = !1,
808
- actionText: b = "Undo",
809
- onActionClick: p,
790
+ showClose: n = !1,
791
+ actionText: i = "Undo",
792
+ onActionClick: h,
810
793
  multiLine: d = !1
811
794
  }) => {
812
- const m = C(), Z = {
813
- success: m.palette.success.dark,
814
- error: m.palette.error.light,
815
- info: m.palette.info.lighter,
816
- warning: m.palette.warning.lighter
817
- }, j = /* @__PURE__ */ y(
818
- I,
795
+ const T = L(), e0 = {
796
+ success: T.palette.success.dark,
797
+ error: T.palette.error.light,
798
+ info: T.palette.info.lighter,
799
+ warning: T.palette.warning.lighter
800
+ }, t0 = /* @__PURE__ */ E(
801
+ O,
819
802
  {
820
803
  alignItems: d ? "flex-end" : "center",
821
804
  direction: d ? "column-reverse" : "row",
822
805
  justifyContent: (
823
806
  // eslint-disable-next-line no-nested-ternary
824
- d && c && s ? "space-between" : "flex-end"
807
+ d && c && n ? "space-between" : "flex-end"
825
808
  ),
826
809
  children: [
827
- c && /* @__PURE__ */ a(
828
- D,
810
+ c && /* @__PURE__ */ o(
811
+ w,
829
812
  {
830
813
  color: "inherit",
831
- onClick: p || o,
814
+ onClick: h || t,
832
815
  size: "small",
833
816
  sx: {
834
- color: m.palette.success.contrastText,
817
+ color: T.palette.success.contrastText,
835
818
  height: 44
836
819
  },
837
- children: b
820
+ children: i
838
821
  }
839
822
  ),
840
- s && /* @__PURE__ */ a(
841
- V,
823
+ n && /* @__PURE__ */ o(
824
+ X,
842
825
  {
843
826
  "aria-label": "close",
844
827
  color: "inherit",
845
- onClick: o,
828
+ onClick: t,
846
829
  sx: { height: 44, width: 44 },
847
- children: /* @__PURE__ */ a(M, { fill: !0, name: "close", size: 24, weight: 400 })
830
+ children: /* @__PURE__ */ o(A, { fill: !0, name: "close", size: 24, weight: 400 })
848
831
  }
849
832
  )
850
833
  ]
851
834
  }
852
835
  );
853
- return /* @__PURE__ */ a(
854
- se,
836
+ return /* @__PURE__ */ o(
837
+ T0,
855
838
  {
856
- TransitionComponent: Le,
839
+ TransitionComponent: N0,
857
840
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
858
- autoHideDuration: t,
859
- onClose: o,
841
+ autoHideDuration: r,
842
+ onClose: t,
860
843
  open: e,
861
844
  sx: {
862
- ...l,
845
+ ...s,
863
846
  width: d ? 400 : 325
864
847
  },
865
- children: /* @__PURE__ */ a(
866
- de,
848
+ children: /* @__PURE__ */ o(
849
+ b0,
867
850
  {
868
- action: j,
869
- severity: i,
851
+ action: t0,
852
+ severity: l,
870
853
  sx: {
871
854
  display: "flex",
872
855
  alignItems: "stretch",
873
- minHeight: s && c && d ? 120 : 56,
856
+ minHeight: n && c && d ? 120 : 56,
874
857
  maxHeight: d ? 120 : 56,
875
- backgroundColor: (S) => S.palette.mode === "light" ? S.palette[i].darker : Z[i],
858
+ backgroundColor: (z) => z.palette.mode === "light" ? z.palette[l].main : e0[l],
876
859
  width: "100%",
877
860
  "& .MuiAlert-icon": {
878
861
  alignSelf: d ? "flex-start" : "center"
@@ -888,213 +871,271 @@ const Nt = ({
888
871
  }
889
872
  },
890
873
  variant: "filled",
891
- children: /* @__PURE__ */ a(
892
- T,
874
+ children: /* @__PURE__ */ o(
875
+ D,
893
876
  {
894
877
  sx: {
895
- lineHeight: m.typography.body1.lineHeight,
878
+ lineHeight: T.typography.body1.lineHeight,
896
879
  whiteSpace: d ? "normal" : "nowrap",
897
880
  overflow: d ? "visible" : "hidden",
898
881
  textOverflow: d ? "clip" : "ellipsis"
899
882
  },
900
883
  truncate: !d,
901
- children: n
884
+ children: a
902
885
  }
903
886
  )
904
887
  }
905
888
  )
906
889
  }
907
890
  );
908
- }, v = {
891
+ }, x = {
909
892
  REACT: "react",
910
893
  REACT_NATIVE: "react_native",
911
894
  NATIVE: "native"
912
- }, A = {
895
+ }, y = {
913
896
  LIGHT: "light",
914
897
  DARK: "dark"
915
- }, U = f.createContext(W), K = f.createContext(
916
- E(A.LIGHT, v.REACT_NATIVE)
917
- ), Pt = ({
898
+ }, Q = b.createContext(Y), J = b.createContext(
899
+ P(y.LIGHT, x.REACT_NATIVE)
900
+ ), $e = ({
918
901
  children: e,
919
- target: o = v.REACT,
920
- theme: n = A.LIGHT,
921
- tokenOverrides: t
902
+ target: t = x.REACT,
903
+ theme: a = y.LIGHT,
904
+ tokenOverrides: r
922
905
  }) => {
923
- const [i, l] = f.useState(n === A.LIGHT ? W : ue), c = f.useMemo(() => ({
924
- ...t
925
- }), [t]);
926
- return f.useEffect(() => {
927
- const s = E(n, o, { ...c });
928
- l(s);
929
- }, [n, o, c]), o === v.REACT ? /* @__PURE__ */ a(U.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(K.Provider, { value: i, children: e }));
930
- }, Bt = (e = v.REACT, o = {}) => {
931
- const n = e === v.REACT ? U : K, t = f.useContext(n);
932
- return t || E(A.LIGHT, e, { ...o });
933
- }, h = {
934
- LIGHT: "light",
935
- DARK: "dark"
936
- }, r = {
937
- Black: "#000000",
938
- Error100: "#FCD2CF",
939
- Error200: "#F45532",
940
- Error300: "#DF320C",
941
- Error400: "#C61A0B",
942
- Error500: "#AE0A0A",
943
- Neutral100: "#F8F9FB",
944
- Neutral200: "#EEF1F6",
945
- Neutral300: "#E4E8EE",
946
- Neutral400: "#CDD3DD",
947
- Neutral500: "#A8B1BD",
948
- Neutral600: "#6A7381",
949
- Neutral700: "#49505A",
950
- Neutral800: "#1F2329",
951
- Neutral900: "#121417",
952
- Primary100: "#E7F0FE",
953
- Primary200: "#69A1FA",
954
- Primary300: "#2D64EF",
955
- Primary400: "#095ADB",
956
- Primary500: "#0749B2",
957
- Success100: "#BEFDDC",
958
- Success150: "#73F7B8",
959
- Success200: "#00E998",
960
- Success300: "#12875E",
961
- Success400: "#0E6848",
962
- Success500: "#0A4D36",
963
- Warning100: "#FEF7B9",
964
- Warning200: "#FFDA6C",
965
- Warning300: "#FFB400",
966
- Warning400: "#E07C02",
967
- Warning500: "#C33E01",
968
- White: "#FFFFFF"
969
- }, De = (e) => ge({
970
- mode: e,
971
- border: {
972
- lighter: e === "light" ? r.Neutral200 : r.Neutral800,
973
- light: e === "light" ? r.Neutral300 : r.Neutral700,
974
- main: e === "light" ? r.Neutral400 : r.Neutral600,
975
- dark: r.Neutral500,
976
- darker: e === "light" ? r.Neutral600 : r.Neutral400
977
- },
978
- common: {
979
- white: r.White,
980
- black: r.Black
981
- },
982
- primary: {
983
- lighter: r.Primary100,
984
- light: r.Primary200,
985
- main: r.Primary300,
986
- dark: r.Primary400,
987
- darker: r.Primary500
988
- },
989
- secondary: {
990
- lighter: e === "light" ? r.Neutral500 : r.Neutral200,
991
- light: e === "light" ? r.Neutral600 : r.Neutral300,
992
- main: e === "light" ? r.Neutral700 : r.Neutral400,
993
- dark: e === "light" ? r.Neutral800 : r.Neutral500,
994
- darker: e === "light" ? r.Neutral900 : r.Neutral600
995
- },
996
- text: {
997
- primary: e === "light" ? r.Neutral900 : r.White,
998
- secondary: e === "light" ? r.Neutral700 : r.Neutral500,
999
- disabled: e === "light" ? r.Neutral500 : r.Neutral600
1000
- },
1001
- error: {
1002
- lighter: e === "light" ? r.Error100 : r.Error300,
1003
- light: e === "light" ? r.Error200 : r.Error100,
1004
- main: e === "light" ? r.Error300 : r.Error200,
1005
- dark: e === "light" ? r.Error400 : r.Error300,
1006
- darker: e === "light" ? r.Error500 : r.Error400
1007
- },
1008
- warning: {
1009
- lighter: r.Warning100,
1010
- light: r.Warning200,
1011
- main: r.Warning300,
1012
- dark: r.Warning400,
1013
- darker: r.Warning500
1014
- },
1015
- info: {
1016
- lighter: r.Primary100,
1017
- light: r.Primary200,
1018
- main: r.Primary300,
1019
- dark: r.Primary400,
1020
- darker: r.Primary500
1021
- },
1022
- success: {
1023
- lighter: r.Success100,
1024
- light: e === "light" ? r.Success200 : r.Success150,
1025
- main: e === "light" ? r.Success300 : r.Success200,
1026
- dark: e === "light" ? r.Success400 : r.Success300,
1027
- darker: e === "light" ? r.Success500 : r.Success400
1028
- },
1029
- grey: {
1030
- 100: r.Neutral100,
1031
- 200: r.Neutral200,
1032
- 300: r.Neutral300,
1033
- 400: r.Neutral400,
1034
- 500: r.Neutral500,
1035
- 600: r.Neutral600,
1036
- 700: r.Neutral700,
1037
- 800: r.Neutral800,
1038
- 900: r.Neutral900
1039
- },
1040
- action: {
1041
- active: e === "light" ? r.Primary300 : r.Primary200,
1042
- disabled: r.Neutral500,
1043
- disabledBackground: e === "light" ? r.Neutral200 : r.Neutral700,
1044
- hover: e === "light" ? r.Neutral100 : r.Neutral800,
1045
- hoverOpacity: 0.1,
1046
- selected: e === "light" ? r.Primary300 : r.Primary200,
1047
- selectedOpacity: 0.1
1048
- },
1049
- background: {
1050
- default: e === "light" ? r.Neutral100 : r.Neutral800,
1051
- paper: e === "light" ? r.White : r.Neutral900,
1052
- highlight: e === "light" ? r.Neutral200 : r.Neutral600,
1053
- highlightPrimary: e === "light" ? r.Primary100 : r.Primary500
1054
- },
1055
- divider: e === "light" ? r.Neutral400 : r.Neutral700,
1056
- categories: {
1057
- autoTransport: "#4B9DBC",
1058
- billsUtilities: "#EF8B2C",
1059
- businessServices: "#B3DE8C",
1060
- education: "#F8AB3A",
1061
- entertainment: "#AB5B89",
1062
- feesCharges: "#FF9696",
1063
- financial: "#6BCDDB",
1064
- foodDining: "#58AC7B",
1065
- giftsDonations: "#347AA5",
1066
- healthFitness: "#5C446E",
1067
- home: "#FFD84D",
1068
- income: "#133F49",
1069
- investments: "#FF7070",
1070
- kids: "#82D196",
1071
- personalCare: "#338B7A",
1072
- pets: "#615BAB",
1073
- shopping: "#CF5F84",
1074
- taxes: "#32588D",
1075
- transfer: "#959CA6",
1076
- travel: "#E37434",
1077
- uncategorized: "#FA5555"
1078
- },
1079
- chart: {
1080
- chart1: "#74E4DA",
1081
- chart2: "#ED64A4",
1082
- chart3: "#F3DC46",
1083
- chart4: "#BABFC5",
1084
- chart5: "#60A9FF",
1085
- chart6: "#C8BAEE",
1086
- chart7: "#585E67"
1087
- },
1088
- chartMono: {
1089
- chartMono1: "#C3EAFF",
1090
- chartMono2: "#8ED7FF",
1091
- chartMono3: "#60A9FF",
1092
- chartMono4: "#2F73DA",
1093
- chartMono5: "#034AB3",
1094
- chartMono6: "#002966"
1095
- }
1096
- }), x = "Inter, Helvetica, Arial, sans-serif", Ie = (e) => me(e, {
1097
- fontFamily: x,
906
+ const [l, s] = b.useState(a === y.LIGHT ? Y : C0), c = b.useMemo(() => ({
907
+ ...r
908
+ }), [r]);
909
+ return b.useEffect(() => {
910
+ const n = P(a, t, { ...c });
911
+ s(n);
912
+ }, [a, t, c]), t === x.REACT ? /* @__PURE__ */ o(Q.Provider, { value: l, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ o(J.Provider, { value: l, children: e }));
913
+ }, We = (e = x.REACT, t = {}) => {
914
+ const a = e === x.REACT ? Q : J, r = b.useContext(a);
915
+ return r || P(y.LIGHT, e, { ...t });
916
+ }, q = {
917
+ LIGHT: "light"
918
+ }, M = (e) => ({
919
+ 50: F(e, 0.95),
920
+ 100: F(e, 0.85),
921
+ 200: F(e, 0.7),
922
+ 300: F(e, 0.55),
923
+ 400: F(e, 0.3),
924
+ 500: e,
925
+ 600: N(e, 0.3),
926
+ 700: N(e, 0.5),
927
+ 800: N(e, 0.65),
928
+ 900: N(e, 0.75)
929
+ }), C = "#FFFFFF", R = "#000000", I = {
930
+ PRIMARY: "#2C64EF",
931
+ SECONDARY: "#808080",
932
+ INFO: "#2C64EF",
933
+ SUCCESS: "#12875E",
934
+ WARNING: "#FF7B00",
935
+ ERROR: "#E32727",
936
+ NEUTRAL: "#808080"
937
+ }, S = {
938
+ CHART1: "#74E4DA",
939
+ CHART2: "#ED64A4",
940
+ CHART3: "#F3DC46",
941
+ CHART4: "#BABFC5",
942
+ CHART5: "#60A9FF",
943
+ CHART6: "#C8BAEE",
944
+ CHART7: "#585E67"
945
+ }, v = {
946
+ CHART_MONO1: "#C3EAFF",
947
+ CHART_MONO2: "#8ED7FF",
948
+ CHART_MONO3: "#60A9FF",
949
+ CHART_MONO4: "#2F73DA",
950
+ CHART_MONO5: "#034AB3",
951
+ CHART_MONO6: "#002966"
952
+ }, p = {
953
+ AUTO_TRANSPORTT: "#00B0FF",
954
+ BILLS_UTILITIES: "#F949BD",
955
+ BUSINESS_SERVICES: "#2979FF",
956
+ EDUCATION: "#009E8E",
957
+ ENTERTAINMENT: "#A437F5",
958
+ FEES_CHARGES: "#FF5473",
959
+ FINANCIAL: "#18A964",
960
+ FOOD_DINING: "#FF7A00",
961
+ GIFTS_DONATIONS: "#F2354B",
962
+ HEALTH_FITNESS: "#D61033",
963
+ HOME: "#FFC20A",
964
+ INCOME: "#009526",
965
+ INVESTMENTS: "#00C9E0",
966
+ KIDS: "#FF9700",
967
+ PERSONAL_CARE: "#DF0683",
968
+ PETS: "#FF5D00",
969
+ SHOPPING: "#7469FF",
970
+ TAXES: "#69CA08",
971
+ TRANSFER: "#2B9580",
972
+ TRAVEL: "#3D5AFE",
973
+ UNCATEGORIZED: "#8495AD"
974
+ }, f = {
975
+ AUTO_TRANSPORTT: "#77DAFF",
976
+ BILLS_UTILITIES: "#FF81D4",
977
+ BUSINESS_SERVICES: "#4BBAFF",
978
+ EDUCATION: "#4FCBBC",
979
+ ENTERTAINMENT: "#CE8CFF",
980
+ FEES_CHARGES: "#FF8BA0",
981
+ FINANCIAL: "#54C790",
982
+ FOOD_DINING: "#FF9631",
983
+ GIFTS_DONATIONS: "#FF717A",
984
+ HEALTH_FITNESS: "#FF525D",
985
+ HOME: "#FFC83B",
986
+ INCOME: "#95ECAB",
987
+ INVESTMENTS: "#8BE7F5",
988
+ KIDS: "#FFB13F",
989
+ PERSONAL_CARE: "#FF50B5",
990
+ PETS: "#FF8A46",
991
+ SHOPPING: "#AEA8FA",
992
+ TAXES: "#BEF988",
993
+ TRANSFER: "#75C7B7",
994
+ TRAVEL: "#76ACF7",
995
+ UNCATEGORIZED: "#BCC6D4"
996
+ }, y0 = (e) => {
997
+ const t = M(I.PRIMARY), a = M(I.SECONDARY), r = M(I.ERROR), l = M(I.WARNING), s = M(I.INFO), c = M(I.SUCCESS), n = M(I.NEUTRAL), i = e === q.LIGHT;
998
+ return M0({
999
+ mode: e,
1000
+ // DEPRECATED: Use Neutral instead
1001
+ border: {
1002
+ /* DEPRECATED: Use light instead */
1003
+ lighter: i ? n[300] : n[700],
1004
+ light: i ? n[300] : n[700],
1005
+ main: i ? n[400] : n[600],
1006
+ dark: n[500],
1007
+ /* DEPRECATED: Use light instead */
1008
+ darker: n[500]
1009
+ },
1010
+ common: {
1011
+ white: C,
1012
+ black: R
1013
+ },
1014
+ primary: {
1015
+ ...t,
1016
+ /* DEPRECATED: Use light instead */
1017
+ lighter: i ? t[300] : t[600],
1018
+ light: i ? t[300] : t[600],
1019
+ main: i ? t[500] : t[400],
1020
+ dark: i ? t[700] : t[200],
1021
+ /* DEPRECATED: Use dark instead */
1022
+ darker: i ? t[700] : t[200]
1023
+ },
1024
+ secondary: {
1025
+ ...a,
1026
+ /* DEPRECATED: Use light instead */
1027
+ lighter: a[500],
1028
+ light: a[500],
1029
+ main: i ? a[700] : a[300],
1030
+ dark: i ? a[900] : a[100],
1031
+ /* DEPRECATED: Use dark instead */
1032
+ darker: i ? a[900] : a[100]
1033
+ },
1034
+ text: {
1035
+ primary: i ? n[900] : C,
1036
+ secondary: i ? n[600] : m(C, 0.7),
1037
+ disabled: i ? n[500] : m(C, 0.38)
1038
+ },
1039
+ error: {
1040
+ ...r,
1041
+ /* DEPRECATED: Use light instead */
1042
+ lighter: i ? r[300] : r[600],
1043
+ light: i ? r[300] : r[600],
1044
+ main: i ? r[500] : r[400],
1045
+ dark: i ? r[700] : r[200],
1046
+ /* DEPRECATED: Use light instead */
1047
+ darker: i ? r[700] : r[200]
1048
+ },
1049
+ warning: {
1050
+ ...l,
1051
+ /* DEPRECATED: Use light instead */
1052
+ lighter: i ? l[300] : l[600],
1053
+ light: i ? l[300] : l[600],
1054
+ main: i ? l[500] : l[400],
1055
+ dark: i ? l[700] : l[200],
1056
+ /* DEPRECATED: Use light instead */
1057
+ darker: i ? l[700] : l[200]
1058
+ },
1059
+ info: {
1060
+ ...s,
1061
+ /* DEPRECATED: Use light instead */
1062
+ lighter: i ? s[300] : s[600],
1063
+ light: i ? s[300] : s[600],
1064
+ main: i ? s[500] : s[400],
1065
+ dark: i ? s[700] : s[200],
1066
+ /* DEPRECATED: Use light instead */
1067
+ darker: i ? s[700] : s[200]
1068
+ },
1069
+ success: {
1070
+ ...c,
1071
+ /* DEPRECATED: Use light instead */
1072
+ lighter: i ? c[300] : c[600],
1073
+ light: i ? c[300] : c[600],
1074
+ main: i ? c[500] : c[400],
1075
+ dark: i ? c[700] : c[200],
1076
+ /* DEPRECATED: Use light instead */
1077
+ darker: i ? c[700] : c[200]
1078
+ },
1079
+ grey: n,
1080
+ action: {
1081
+ active: e === "light" ? m(R, 0.56) : m(C, 0.56),
1082
+ hover: e === "light" ? m(R, 0.04) : m(C, 0.08),
1083
+ // also used for text hover
1084
+ selected: e === "light" ? m(R, 0.08) : m(C, 0.16),
1085
+ focus: e === "light" ? m(R, 0.12) : m(C, 0.12),
1086
+ disabled: e === "light" ? m(R, 0.38) : m(C, 0.38),
1087
+ disabledBackground: e === "light" ? m(R, 0.12) : m(C, 0.12)
1088
+ },
1089
+ background: {
1090
+ default: i ? n[100] : n[800],
1091
+ paper: i ? C : n[900],
1092
+ highlight: i ? n[200] : n[600],
1093
+ highlightPrimary: i ? t[100] : t[500]
1094
+ },
1095
+ // divider: isLight ? neutral[400] : neutral[700],
1096
+ categories: {
1097
+ autoTransport: i ? p.AUTO_TRANSPORTT : f.AUTO_TRANSPORTT,
1098
+ billsUtilities: i ? p.BILLS_UTILITIES : f.BILLS_UTILITIES,
1099
+ businessServices: i ? p.BUSINESS_SERVICES : f.BUSINESS_SERVICES,
1100
+ education: i ? p.EDUCATION : f.EDUCATION,
1101
+ entertainment: i ? p.ENTERTAINMENT : f.ENTERTAINMENT,
1102
+ feesCharges: i ? p.FEES_CHARGES : f.FEES_CHARGES,
1103
+ financial: i ? p.FINANCIAL : f.FINANCIAL,
1104
+ foodDining: i ? p.FOOD_DINING : f.FOOD_DINING,
1105
+ giftsDonations: i ? p.GIFTS_DONATIONS : f.GIFTS_DONATIONS,
1106
+ healthFitness: i ? p.HEALTH_FITNESS : f.HEALTH_FITNESS,
1107
+ home: i ? p.HOME : f.HOME,
1108
+ income: i ? p.INCOME : f.INCOME,
1109
+ investments: i ? p.INVESTMENTS : f.INVESTMENTS,
1110
+ kids: i ? p.KIDS : f.KIDS,
1111
+ personalCare: i ? p.PERSONAL_CARE : f.PERSONAL_CARE,
1112
+ pets: i ? p.PETS : f.PETS,
1113
+ shopping: i ? p.SHOPPING : f.SHOPPING,
1114
+ taxes: i ? p.TAXES : f.TAXES,
1115
+ transfer: i ? p.TRANSFER : f.TRANSFER,
1116
+ travel: i ? p.TRAVEL : f.TRAVEL,
1117
+ uncategorized: i ? p.UNCATEGORIZED : f.UNCATEGORIZED
1118
+ },
1119
+ chart: {
1120
+ chart1: S.CHART1,
1121
+ chart2: S.CHART2,
1122
+ chart3: S.CHART3,
1123
+ chart4: S.CHART4,
1124
+ chart5: S.CHART5,
1125
+ chart6: S.CHART6,
1126
+ chart7: S.CHART7
1127
+ },
1128
+ chartMono: {
1129
+ chartMono1: v.CHART_MONO1,
1130
+ chartMono2: v.CHART_MONO2,
1131
+ chartMono3: v.CHART_MONO3,
1132
+ chartMono4: v.CHART_MONO4,
1133
+ chartMono5: v.CHART_MONO5,
1134
+ chartMono6: v.CHART_MONO6
1135
+ }
1136
+ });
1137
+ }, H = "Inter, Helvetica, Arial, sans-serif", k0 = (e) => R0(e, {
1138
+ fontFamily: H,
1098
1139
  fontSize: 15,
1099
1140
  Body: {
1100
1141
  // DEPRECATED: Use body1 instead
@@ -1132,39 +1173,39 @@ const Nt = ({
1132
1173
  },
1133
1174
  H1: {
1134
1175
  // DEPRECATED: Use h1 instead
1135
- fontFamily: x,
1176
+ fontFamily: H,
1136
1177
  fontWeight: 700,
1137
1178
  fontSize: 31,
1138
1179
  lineHeight: "40px"
1139
1180
  },
1140
1181
  h1: {
1141
- fontFamily: x,
1182
+ fontFamily: H,
1142
1183
  fontWeight: 700,
1143
1184
  fontSize: 31,
1144
1185
  lineHeight: "40px"
1145
1186
  },
1146
1187
  H2: {
1147
1188
  // DEPRECATED: Use h2 instead
1148
- fontFamily: x,
1189
+ fontFamily: H,
1149
1190
  fontWeight: 700,
1150
1191
  fontSize: 23,
1151
1192
  lineHeight: "32px"
1152
1193
  },
1153
1194
  h2: {
1154
- fontFamily: x,
1195
+ fontFamily: H,
1155
1196
  fontWeight: 700,
1156
1197
  fontSize: 23,
1157
1198
  lineHeight: "32px"
1158
1199
  },
1159
1200
  H3: {
1160
1201
  // DEPRECATED: Use h3 instead
1161
- fontFamily: x,
1202
+ fontFamily: H,
1162
1203
  fontWeight: 700,
1163
1204
  fontSize: 18,
1164
1205
  lineHeight: "24px"
1165
1206
  },
1166
1207
  h3: {
1167
- fontFamily: x,
1208
+ fontFamily: H,
1168
1209
  fontWeight: 700,
1169
1210
  fontSize: 18,
1170
1211
  lineHeight: "24px"
@@ -1201,16 +1242,16 @@ const Nt = ({
1201
1242
  lineHeight: "12px"
1202
1243
  }
1203
1244
  });
1204
- pe.setLicenseKey(
1245
+ E0.setLicenseKey(
1205
1246
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1206
1247
  );
1207
- const L = [...B().shadows];
1208
- L[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1209
- L[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1210
- L[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1211
- const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.475,.425,0,.995)", Ot = (e) => {
1212
- const o = De(e), n = Ie(o);
1213
- return B({
1248
+ const k = [...$().shadows];
1249
+ k[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1250
+ k[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1251
+ k[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1252
+ const Ze = (e) => {
1253
+ const t = y0(e), a = k0(t);
1254
+ return $({
1214
1255
  breakpoints: {
1215
1256
  values: {
1216
1257
  xs: 444,
@@ -1220,141 +1261,51 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1220
1261
  xl: 1536
1221
1262
  }
1222
1263
  },
1223
- palette: o,
1224
- shadows: L,
1264
+ palette: t,
1265
+ shadows: k,
1225
1266
  shape: {
1226
1267
  borderRadius: 4
1227
1268
  },
1228
1269
  spacing: 1,
1229
- // TODO: update spacing, we're back to a 8-base which is default so we can probably remove this. then you use theme.spacing(1) (for 8px) or theme.spacing(7) for 56px etc.
1230
- typography: n,
1270
+ // TODO: update spacing, we're back to a 8-base which is default for MUI 2.x
1271
+ typography: a,
1231
1272
  components: {
1232
- MuiAutocomplete: {
1233
- styleOverrides: {
1234
- root: ({ theme: t }) => ({
1235
- "& .MuiAutocomplete-endAdornment": {
1236
- marginTop: -5
1237
- },
1238
- "& .MuiIconButton-root": {
1239
- color: t.palette.mode === "light" ? t.palette.grey[700] : t.palette.grey[400],
1240
- "&:hover": {
1241
- backgroundColor: "inherit"
1242
- }
1243
- }
1244
- })
1245
- }
1246
- },
1247
1273
  MuiAlert: {
1248
1274
  defaultProps: {
1249
1275
  iconMapping: {
1250
- success: /* @__PURE__ */ a(M, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1251
- error: /* @__PURE__ */ a(M, { fill: !0, name: "error", size: 24, weight: 400 }),
1252
- warning: /* @__PURE__ */ a(M, { fill: !0, name: "warning", size: 24, weight: 400 }),
1253
- info: /* @__PURE__ */ a(M, { fill: !0, name: "info", size: 24, weight: 400 })
1254
- }
1276
+ success: /* @__PURE__ */ o(A, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
1277
+ error: /* @__PURE__ */ o(A, { fill: !0, name: "error", size: 24, weight: 400 }),
1278
+ warning: /* @__PURE__ */ o(A, { fill: !0, name: "warning", size: 24, weight: 400 }),
1279
+ info: /* @__PURE__ */ o(A, { fill: !0, name: "info", size: 24, weight: 400 })
1280
+ },
1281
+ variant: "filled"
1255
1282
  },
1256
1283
  styleOverrides: {
1257
- standard: ({ theme: t }) => ({
1258
- background: t.palette.background.paper,
1259
- color: t.palette.text.primary
1260
- }),
1261
1284
  root: {
1262
1285
  alignItems: "center",
1263
1286
  borderRadius: 6,
1264
1287
  fontSize: 15
1265
1288
  },
1266
1289
  action: {
1267
- paddingTop: 0,
1268
- "& .MuiIconButton-root": {
1269
- "&:hover": {
1270
- backgroundColor: "rgba(18, 20, 23, 0.1);"
1271
- }
1272
- }
1290
+ paddingTop: 0
1273
1291
  }
1274
1292
  }
1275
1293
  },
1276
- MuiAvatar: {
1277
- styleOverrides: {
1278
- root: ({ theme: t }) => ({
1279
- backgroundColor: t.palette.mode === h.LIGHT ? t.palette.grey[400] : t.palette.grey[700]
1280
- })
1281
- }
1282
- },
1283
- MuiButtonBase: {
1294
+ MuiButton: {
1284
1295
  defaultProps: {
1285
- disableRipple: !0
1296
+ disableFocusRipple: !0,
1297
+ disableElevation: !0
1286
1298
  },
1287
1299
  styleOverrides: {
1288
1300
  root: {
1289
- "&.Mui-focusVisible": {
1290
- boxShadow: k
1291
- }
1292
- }
1293
- }
1294
- },
1295
- MuiButton: {
1296
- styleOverrides: {
1297
- contained: ({ ownerState: t, theme: i }) => ({
1298
- ...i.palette.mode === h.DARK && t.color === "primary" && {
1299
- color: i.palette.grey[900],
1300
- backgroundColor: i.palette.primary.light
1301
- },
1302
- boxShadow: "none",
1303
- "&:hover": {
1304
- boxShadow: "none"
1305
- },
1306
- "&:active": {
1307
- backgroundColor: t.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1308
- }
1309
- }),
1310
- outlined: ({ theme: t }) => ({
1311
- borderColor: t.palette.border.main,
1312
- "&:hover": {
1313
- borderColor: t.palette.border.dark
1314
- },
1315
- "&:active": {
1316
- borderColor: t.palette.border.darker
1317
- }
1318
- }),
1319
- outlinedPrimary: ({ theme: t }) => ({
1320
- ...t.palette.mode === h.DARK && {
1321
- color: t.palette.primary.light
1322
- }
1323
- }),
1324
- text: ({ ownerState: t, theme: i }) => ({
1325
- "&:active": {
1326
- ...t.color === "error" && {
1327
- backgroundColor: i.palette.error.lighter
1328
- },
1329
- ...t.color === "primary" && {
1330
- backgroundColor: i.palette.primary.light
1331
- },
1332
- ...t.color === "secondary" && {
1333
- backgroundColor: i.palette.secondary.lighter
1334
- },
1335
- ...i.palette.mode === h.DARK && {
1336
- color: i.palette.common.white
1337
- },
1338
- ...i.palette.mode === h.DARK && t.color === "secondary" && {
1339
- color: i.palette.secondary.darker
1340
- }
1341
- }
1342
- }),
1343
- textPrimary: ({ theme: t }) => ({
1344
- ...t.palette.mode === h.DARK && {
1345
- color: t.palette.primary.light
1346
- }
1347
- }),
1348
- root: {
1349
- fontWeight: 700,
1301
+ fontWeight: 600,
1350
1302
  textTransform: "none",
1351
- paddingLeft: 16,
1352
- paddingRight: 16,
1353
1303
  "&.Mui-disabled": {
1354
1304
  cursor: "not-allowed"
1355
1305
  },
1356
1306
  "&.Mui-focusVisible": {
1357
- boxShadow: k
1307
+ outline: `2px solid ${t.info.main}`,
1308
+ outlineOffset: "2px"
1358
1309
  }
1359
1310
  },
1360
1311
  sizeMedium: {
@@ -1364,110 +1315,40 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1364
1315
  },
1365
1316
  MuiButtonGroup: {
1366
1317
  defaultProps: {
1367
- disableRipple: !0
1368
- },
1369
- styleOverrides: {
1370
- root: ({ theme: t }) => ({
1371
- "&:hover": {
1372
- borderColor: t.palette.border.dark
1373
- },
1374
- "button:hover + button": {
1375
- borderLeftColor: t.palette.border.dark
1376
- },
1377
- "&:active": {
1378
- borderColor: t.palette.border.darker
1379
- },
1380
- "button:active + button": {
1381
- borderLeftColor: t.palette.border.darker
1382
- }
1383
- })
1318
+ disableFocusRipple: !0
1384
1319
  }
1385
1320
  },
1386
- MuiTabs: {
1321
+ MuiCard: {
1387
1322
  styleOverrides: {
1388
- indicator: ({ theme: t }) => ({
1389
- height: 3,
1390
- backgroundColor: t.palette.action.selected
1391
- })
1323
+ root: {
1324
+ borderRadius: 8
1325
+ }
1392
1326
  }
1393
1327
  },
1394
1328
  MuiTab: {
1329
+ defaultProps: {
1330
+ disableFocusRipple: !0
1331
+ },
1395
1332
  styleOverrides: {
1396
- root: ({ theme: t }) => ({
1333
+ root: {
1397
1334
  textTransform: "none",
1398
1335
  fontWeight: 600,
1399
1336
  "&.Mui-focusVisible": {
1400
- boxShadow: k
1401
- },
1402
- "&:not(.Mui-selected)": {
1403
- borderBottom: `2px solid ${t.palette.divider}`
1404
- },
1405
- "&.Mui-selected": {
1406
- color: t.palette.action.selected,
1407
- paddingBottom: 13
1337
+ outline: "none",
1338
+ boxShadow: `inset 0 0 0 2px ${t.info.main}`,
1339
+ borderRadius: 4
1408
1340
  }
1409
- })
1341
+ }
1410
1342
  }
1411
1343
  },
1412
1344
  MuiCheckbox: {
1345
+ defaultProps: {
1346
+ disableFocusRipple: !0
1347
+ },
1413
1348
  styleOverrides: {
1414
- root: ({ theme: t }) => ({
1415
- color: t.palette.mode === h.LIGHT ? t.palette.grey[800] : t.palette.common.white,
1416
- "&:hover": {
1417
- backgroundColor: "transparent"
1418
- },
1419
- "&.Mui-checked": {
1420
- color: t.palette.mode === h.LIGHT ? t.palette.primary.main : t.palette.common.white
1421
- },
1422
- "&.MuiCheckbox-colorError": {
1423
- color: t.palette.error.main
1424
- }
1425
- })
1426
- }
1427
- },
1428
- MuiChip: {
1429
- styleOverrides: {
1430
- outlined: ({ theme: t }) => {
1431
- const { common: i, grey: l, mode: c } = t.palette;
1432
- return {
1433
- backgroundColor: "transparent",
1434
- borderColor: c === h.LIGHT ? l[600] : l[500],
1435
- borderWidth: 1,
1436
- color: c === h.LIGHT ? l[900] : i.white,
1437
- fontSize: 11,
1438
- // XSmall
1439
- height: 24,
1440
- "&:hover": {
1441
- borderColor: c === h.LIGHT ? l[300] : l[600],
1442
- backgroundColor: c === h.LIGHT ? l[300] : l[600]
1443
- }
1444
- };
1445
- },
1446
- filled: {
1447
- display: "inline-flex",
1448
- alignItems: "center",
1449
- padding: "8px 12px",
1450
- borderRadius: 16,
1451
- fontSize: 9,
1452
- // Tiny
1453
- fontWeight: 600,
1454
- // Semibold,
1455
- lineHeight: 12,
1456
- // Tiny,
1457
- letterSpacing: 0.33,
1458
- // TinyUppercase,
1459
- textTransform: "uppercase",
1460
- gap: 8,
1461
- // XSmall
1462
- whiteSpace: "nowrap"
1463
- },
1464
- icon: {
1465
- color: "inherit"
1466
- },
1467
- deleteIcon: {
1468
- color: "inherit",
1469
- "&:hover": {
1470
- color: "inherit"
1349
+ root: {
1350
+ "&.Mui-focusVisible": {
1351
+ boxShadow: `inset 0 0 0 2px ${t.info.main}`
1471
1352
  }
1472
1353
  }
1473
1354
  }
@@ -1475,41 +1356,30 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1475
1356
  MuiCircularProgress: {
1476
1357
  styleOverrides: {
1477
1358
  root: {
1478
- animationDuration: "1.6s",
1479
- color: "primary",
1480
- [`& .${he.circle}`]: {
1359
+ [`& .${A0.circle}`]: {
1481
1360
  strokeLinecap: "round"
1482
1361
  }
1483
1362
  }
1484
1363
  }
1485
1364
  },
1486
- MuiDayCalendar: {
1487
- styleOverrides: {
1488
- weekDayLabel: ({ theme: t }) => ({
1489
- // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
1490
- fontSize: t.typography.body2.fontSize,
1491
- fontWeight: 700
1492
- })
1493
- }
1494
- },
1495
1365
  MuiDataGrid: {
1496
1366
  styleOverrides: {
1497
- root: ({ theme: t }) => ({
1367
+ root: {
1498
1368
  border: "none",
1499
1369
  borderRadius: 0,
1500
- fontSize: t.typography.body2.fontSize,
1370
+ fontSize: a.body2.fontSize,
1501
1371
  "& .MuiDataGrid-cell": {
1502
1372
  display: "flex",
1503
1373
  alignItems: "center",
1504
1374
  borderTop: "1px solid",
1505
- borderColor: t.palette.background.highlight
1375
+ borderColor: t.background.highlight
1506
1376
  },
1507
1377
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1508
1378
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1509
1379
  "& .MuiDataGrid-columnHeaders": {
1510
- backgroundColor: t.palette.background.paper,
1380
+ backgroundColor: t.background.paper,
1511
1381
  borderBottom: "2px solid",
1512
- borderColor: t.palette.divider
1382
+ borderColor: t.divider
1513
1383
  },
1514
1384
  "& .MuiDataGrid-columnHeaderTitle": {
1515
1385
  fontWeight: 600
@@ -1522,71 +1392,60 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1522
1392
  "& .MuiDataGrid-row": { cursor: "pointer" },
1523
1393
  "& .MuiDataGrid-columnHeader--last": { pr: 16 },
1524
1394
  "& .MuiDataGrid-cell--textRight": { pr: 16 }
1525
- })
1526
- }
1527
- },
1528
- MuiPickersToolbarButton: {
1529
- styleOverrides: {
1530
- root: {
1531
- height: 24
1532
1395
  }
1533
1396
  }
1534
1397
  },
1535
1398
  MuiDateRangePickerDay: {
1536
1399
  styleOverrides: {
1537
- root: ({ theme: t }) => ({
1400
+ root: ({ theme: r }) => ({
1538
1401
  ":first-of-type": {
1539
- borderTopLeftRadius: 4,
1540
- borderBottomLeftRadius: 4,
1402
+ borderTopLeftRadius: r.shape.borderRadius,
1403
+ borderBottomLeftRadius: r.shape.borderRadius,
1541
1404
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1542
- borderTopLeftRadius: 4,
1543
- borderBottomLeftRadius: 4
1405
+ borderTopLeftRadius: r.shape.borderRadius,
1406
+ borderBottomLeftRadius: r.shape.borderRadius
1544
1407
  }
1545
1408
  },
1546
1409
  ":last-of-type": {
1547
- borderTopRightRadius: 4,
1548
- borderBottomRightRadius: 4,
1410
+ borderTopRightRadius: r.shape.borderRadius,
1411
+ borderBottomRightRadius: r.shape.borderRadius,
1549
1412
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1550
- borderTopRightRadius: 4,
1551
- borderBottomRightRadius: 4
1413
+ borderTopRightRadius: r.shape.borderRadius,
1414
+ borderBottomRightRadius: r.shape.borderRadius
1552
1415
  }
1553
1416
  },
1554
1417
  "& .Mui-selected": {
1555
- borderRadius: 4
1418
+ borderRadius: r.shape.borderRadius
1556
1419
  },
1557
1420
  "& .MuiPickersDay-dayOutsideMonth": {
1558
- color: t.palette.grey[500]
1421
+ color: t.action.disabled
1559
1422
  }
1560
1423
  }),
1561
- day: {
1562
- borderRadius: 4
1563
- },
1564
- rangeIntervalDayPreview: {
1565
- borderRadius: 4
1566
- }
1424
+ day: ({ theme: r }) => ({
1425
+ borderRadius: r.shape.borderRadius
1426
+ }),
1427
+ rangeIntervalDayPreview: ({ theme: r }) => ({
1428
+ borderRadius: r.shape.borderRadius
1429
+ })
1430
+ }
1431
+ },
1432
+ MuiDayCalendar: {
1433
+ styleOverrides: {
1434
+ weekDayLabel: ({ theme: r }) => ({
1435
+ fontSize: r.typography.body2.fontSize,
1436
+ fontWeight: 700
1437
+ })
1567
1438
  }
1568
1439
  },
1569
1440
  MuiDialog: {
1570
1441
  styleOverrides: {
1571
1442
  root: {
1572
- "& .MuiDialogTitle-root": {
1573
- fontSize: 18,
1574
- lineHeight: "24px",
1575
- fontWeight: 700,
1576
- padding: 24
1577
- },
1578
- "& .MuiTypography-body1": {
1579
- padding: "0 24px"
1580
- },
1581
1443
  "& .MuiDialog-paper": {
1582
1444
  minWidth: 400
1583
1445
  },
1584
1446
  "& .MuiDialogContent-root": {
1585
- paddingBottom: 0,
1447
+ paddingBottom: 8,
1586
1448
  paddingTop: 8
1587
- },
1588
- "& .MuiDialogContentText-root": {
1589
- fontSize: 15
1590
1449
  }
1591
1450
  }
1592
1451
  }
@@ -1594,14 +1453,6 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1594
1453
  MuiDivider: {
1595
1454
  defaultProps: {
1596
1455
  "aria-hidden": !0
1597
- },
1598
- styleOverrides: {
1599
- root: ({ theme: t }) => ({
1600
- borderColor: t.palette.border.light
1601
- }),
1602
- inset: {
1603
- marginLeft: 68
1604
- }
1605
1456
  }
1606
1457
  },
1607
1458
  MuiDrawer: {
@@ -1614,75 +1465,91 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1614
1465
  }
1615
1466
  }
1616
1467
  },
1468
+ MuiFormControlLabel: {
1469
+ styleOverrides: {
1470
+ label: {
1471
+ fontSize: 16
1472
+ }
1473
+ }
1474
+ },
1475
+ MuiFormHelperText: {
1476
+ styleOverrides: {
1477
+ root: ({ theme: r }) => ({
1478
+ fontSize: 13,
1479
+ // Small
1480
+ marginLeft: 0,
1481
+ display: "flex",
1482
+ alignItems: "center",
1483
+ position: "relative",
1484
+ color: r.palette.text.secondary,
1485
+ "& .MuiSvgIcon-root": {
1486
+ height: "16px",
1487
+ width: "16px",
1488
+ marginRight: "4px"
1489
+ },
1490
+ "& .MuiIcon-root": {
1491
+ marginRight: "4px",
1492
+ fontSize: "18px"
1493
+ }
1494
+ })
1495
+ }
1496
+ },
1617
1497
  MuiIcon: {
1618
1498
  defaultProps: {
1499
+ // DEPRECATED: Remove after symbols font has been removed
1619
1500
  baseClassName: "material-symbols-rounded"
1620
1501
  }
1621
1502
  },
1622
1503
  MuiIconButton: {
1504
+ defaultProps: {
1505
+ disableFocusRipple: !0
1506
+ },
1623
1507
  styleOverrides: {
1624
- root: {
1625
- borderRadius: 8,
1508
+ root: ({ theme: r }) => ({
1509
+ borderRadius: r.shape.borderRadius,
1626
1510
  minHeight: 44,
1627
1511
  // touch target
1628
- minWidth: 44
1512
+ minWidth: 44,
1629
1513
  // touch target
1630
- }
1514
+ "&.Mui-focusVisible": {
1515
+ outline: `2px solid ${t.info.main}`,
1516
+ outlineOffset: "2px"
1517
+ },
1518
+ "& .MuiTouchRipple-root": {
1519
+ "& .MuiTouchRipple-child": {
1520
+ borderRadius: r.shape.borderRadius
1521
+ }
1522
+ }
1523
+ })
1631
1524
  }
1632
1525
  },
1633
- MuiInputBase: {
1634
- styleOverrides: {
1635
- input: {
1636
- fontSize: 15,
1637
- // Body
1638
- lineHeight: "20px",
1639
- // Body
1640
- transition: `box-shadow 350ms ${Fe}`,
1641
- width: "100%",
1642
- "&:focus": {
1643
- outline: "none"
1644
- }
1645
- },
1646
- root: {
1647
- // This helps keep the label and multiline text separated
1648
- "& .MuiInputBase-input.MuiInputBase-inputMultiline": {
1649
- paddingTop: "10px",
1650
- paddingLeft: "12px",
1651
- paddingRight: "12px",
1652
- marginTop: "4px"
1653
- }
1654
- }
1526
+ MuiInputLabel: {
1527
+ defaultProps: {
1528
+ shrink: !0
1529
+ // Ensures the label is always shrunk
1655
1530
  }
1656
1531
  },
1657
1532
  MuiLink: {
1658
1533
  styleOverrides: {
1659
- root: ({ theme: t }) => ({
1660
- display: "inline-flex",
1661
- alignItems: "center",
1662
- boxSizing: "border-box",
1534
+ root: ({ color: r }) => ({
1663
1535
  cursor: "pointer",
1664
- borderBottom: "1px solid transparent",
1536
+ fontWeight: 600,
1665
1537
  textDecoration: "none",
1666
1538
  height: 20,
1667
- transition: "background-color 300ms cubic-bezier(.475,.425,0,.995)",
1668
1539
  marginLeft: 4,
1669
1540
  marginRight: 4,
1670
- "&:focus": {
1671
- outline: "rgba(82, 138, 224, 0.8) auto 1px"
1541
+ "&.Mui-focusVisible": {
1542
+ outline: "2px solid isLight",
1543
+ outlineOffset: "2px"
1672
1544
  },
1673
1545
  "&:hover": {
1674
- backgroundColor: t.palette.action.hover,
1675
- borderBottom: "1px solid"
1546
+ backgroundColor: t.action.hover
1676
1547
  },
1677
- fontWeight: 600
1548
+ "&:active": {
1549
+ backgroundColor: t.mode === q.LIGHT ? t[r].light : t[r].dark
1550
+ }
1678
1551
  })
1679
- },
1680
- variants: [
1681
- {
1682
- props: { color: "primary" },
1683
- style: ({ theme: t }) => t.palette.mode === h.DARK ? { color: t.palette.primary.light } : {}
1684
- }
1685
- ]
1552
+ }
1686
1553
  },
1687
1554
  MuiList: {
1688
1555
  styleOverrides: {
@@ -1706,39 +1573,27 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1706
1573
  disablePadding: !0
1707
1574
  },
1708
1575
  styleOverrides: {
1709
- root: ({ ownerState: t, theme: i }) => {
1710
- const { mode: l, primary: c } = i.palette;
1711
- return {
1712
- minHeight: 64,
1713
- ...!t.disablePadding && {
1714
- paddingTop: 12,
1715
- paddingBottom: 12,
1716
- paddingLeft: 24
1717
- },
1718
- "& .MuiIconButton-root": {
1719
- color: l === h.LIGHT ? c.main : c.light
1720
- }
1721
- };
1722
- }
1576
+ root: ({ ownerState: r }) => ({
1577
+ minHeight: 64,
1578
+ ...!r.disablePadding && {
1579
+ paddingTop: 12,
1580
+ paddingBottom: 12,
1581
+ paddingLeft: 24
1582
+ }
1583
+ })
1723
1584
  }
1724
1585
  },
1725
1586
  MuiCollapse: {
1726
1587
  styleOverrides: {
1727
- root: ({ theme: t }) => ({
1588
+ root: {
1728
1589
  "& .MuiListItem-root": {
1729
1590
  minHeight: 44
1730
1591
  },
1731
1592
  "& .MuiListItemButton-root": {
1732
1593
  minHeight: 44,
1733
- paddingLeft: 12,
1734
- "&:hover": {
1735
- backgroundColor: `${t.palette.secondary.lighter}33`
1736
- },
1737
- "&:active": {
1738
- backgroundColor: `${t.palette.secondary.lighter}66`
1739
- }
1594
+ paddingLeft: 12
1740
1595
  }
1741
- })
1596
+ }
1742
1597
  }
1743
1598
  },
1744
1599
  MuiListItemAvatar: {
@@ -1757,24 +1612,20 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1757
1612
  },
1758
1613
  MuiListItemButton: {
1759
1614
  styleOverrides: {
1760
- root: ({ theme: t }) => ({
1615
+ root: {
1616
+ // root: ({ theme }) => ({
1761
1617
  minHeight: 64,
1762
1618
  paddingLeft: 24,
1763
1619
  paddingRight: 24,
1764
1620
  paddingTop: 12,
1765
1621
  paddingBottom: 12,
1766
1622
  "&.Mui-focusVisible": {
1767
- boxShadow: k
1768
- },
1769
- "&:active": {
1770
- backgroundColor: `${t.palette.secondary.lighter}33`
1771
- },
1772
- "&.Mui-selected": {
1773
- fontWeight: "bold",
1774
- borderLeft: `3px solid ${t.palette.primary.main}`,
1775
- paddingLeft: 21
1623
+ backgroundColor: "transparent",
1624
+ borderRadius: 8,
1625
+ outline: `2px solid ${t.info.main}`,
1626
+ outlineOffset: -2
1776
1627
  }
1777
- })
1628
+ }
1778
1629
  }
1779
1630
  },
1780
1631
  MuiListItemText: {
@@ -1785,7 +1636,7 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1785
1636
  },
1786
1637
  secondaryTypographyProps: {
1787
1638
  fontSize: 11,
1788
- color: "text.primary"
1639
+ color: t.text.secondary
1789
1640
  }
1790
1641
  },
1791
1642
  styleOverrides: {
@@ -1797,11 +1648,10 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1797
1648
  },
1798
1649
  MuiListItemIcon: {
1799
1650
  styleOverrides: {
1800
- root: ({ theme: t }) => ({
1651
+ root: {
1801
1652
  minWidth: "auto",
1802
- marginLeft: 8,
1803
- color: t.palette.text.primary
1804
- })
1653
+ marginLeft: 8
1654
+ }
1805
1655
  }
1806
1656
  },
1807
1657
  MuiListSubheader: {
@@ -1810,12 +1660,12 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1810
1660
  // without this it defaults to the secondary color
1811
1661
  },
1812
1662
  styleOverrides: {
1813
- root: ({ theme: t }) => ({
1663
+ root: {
1814
1664
  lineHeight: "inherit",
1815
1665
  top: -1,
1816
1666
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1817
- backgroundColor: t.palette.background.default
1818
- })
1667
+ backgroundColor: t.background.default
1668
+ }
1819
1669
  }
1820
1670
  },
1821
1671
  // This styles the Menu dropdown including Menus and Select dropdowns
@@ -1843,53 +1693,27 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1843
1693
  },
1844
1694
  MuiOutlinedInput: {
1845
1695
  styleOverrides: {
1846
- root: ({ theme: t }) => ({
1847
- backgroundColor: t.palette.background.paper,
1696
+ root: {
1848
1697
  height: "44px",
1849
1698
  "&.MuiInputBase-multiline": {
1850
1699
  padding: 0,
1851
1700
  minHeight: "44px",
1852
1701
  height: "auto"
1853
- },
1854
- "&.Mui-focused": {
1855
- "& .MuiOutlinedInput-notchedOutline": {
1856
- outline: "none"
1857
- }
1858
- },
1859
- "& .MuiSelect-icon": {
1860
- color: t.palette.mode === h.LIGHT ? t.palette.grey[900] : t.palette.common.white
1861
- },
1862
- "&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
1863
- borderColor: P(t.palette.border.darker, 0.5)
1864
- }
1865
- }),
1866
- notchedOutline: ({ theme: t }) => ({
1867
- borderColor: P(t.palette.border.darker, 0.5),
1868
- "& legend": {
1869
- fontSize: "0.9em"
1870
1702
  }
1871
- }),
1872
- input: {
1873
- padding: 12
1874
- },
1875
- inputAdornedStart: {
1876
- paddingLeft: "4px"
1877
- },
1878
- inputAdornedEnd: {
1879
- paddingRight: "4px"
1880
1703
  }
1881
1704
  }
1882
1705
  },
1883
1706
  MuiFormLabel: {
1884
1707
  styleOverrides: {
1885
- asterisk: ({ theme: t }) => ({
1886
- color: t.palette.error.main
1887
- })
1708
+ asterisk: {
1709
+ color: t.error.main
1710
+ }
1888
1711
  }
1889
1712
  },
1890
1713
  MuiPaper: {
1891
1714
  styleOverrides: {
1892
1715
  root: {
1716
+ borderRadius: 8,
1893
1717
  backgroundImage: "unset"
1894
1718
  }
1895
1719
  }
@@ -1904,15 +1728,13 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1904
1728
  },
1905
1729
  MuiPickersDay: {
1906
1730
  styleOverrides: {
1907
- today: ({ theme: t }) => ({
1908
- color: t.palette.action.selected,
1909
- fontWeight: 700,
1731
+ today: {
1910
1732
  textDecoration: "2px underline",
1911
1733
  textUnderlineOffset: 4,
1912
1734
  ":not(.Mui-selected)": {
1913
1735
  borderWidth: 0
1914
1736
  }
1915
- })
1737
+ }
1916
1738
  }
1917
1739
  },
1918
1740
  MuiPickersLayout: {
@@ -1921,183 +1743,115 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
1921
1743
  backgroundColor: "transparent !important",
1922
1744
  padding: 16
1923
1745
  },
1924
- toolbar: ({ theme: t }) => ({
1746
+ toolbar: {
1925
1747
  gridColumn: "1/4",
1926
1748
  "& > .MuiTypography-root": {
1927
1749
  textTransform: "uppercase",
1928
- fontSize: t.typography.body2.fontSize,
1750
+ fontSize: a.body2.fontSize,
1929
1751
  fontWeight: 600,
1930
- lineHeight: t.typography.body2.lineHeight
1752
+ lineHeight: a.body2.lineHeight
1931
1753
  }
1932
- })
1754
+ }
1933
1755
  }
1934
1756
  },
1935
1757
  MuiPickersToolbar: {
1936
1758
  styleOverrides: {
1937
- content: ({ theme: t }) => ({
1759
+ content: ({ theme: r }) => ({
1938
1760
  marginTop: 4,
1939
1761
  "& .MuiTypography-root": {
1940
- fontSize: t.typography.h3.fontSize,
1941
- lineHeight: t.typography.h3.lineHeight
1942
- },
1943
- "& .MuiPickersToolbarText-root": {
1944
- color: t.palette.mode === h.LIGHT ? t.palette.secondary.light : t.palette.secondary.dark,
1945
- "&.Mui-selected": {
1946
- color: t.palette.text.primary
1947
- }
1762
+ fontSize: r.typography.h3.fontSize,
1763
+ lineHeight: r.typography.h3.lineHeight
1948
1764
  }
1949
1765
  })
1950
1766
  }
1951
1767
  },
1952
- MuiFormControlLabel: {
1768
+ MuiPickersToolbarButton: {
1953
1769
  styleOverrides: {
1954
- label: {
1955
- fontSize: 16
1770
+ root: {
1771
+ height: 24
1956
1772
  }
1957
1773
  }
1958
1774
  },
1959
- MuiFormHelperText: {
1960
- styleOverrides: {
1961
- root: ({ theme: t }) => ({
1962
- fontSize: 13,
1963
- // Small
1964
- marginLeft: 0,
1965
- display: "flex",
1966
- alignItems: "center",
1967
- position: "relative",
1968
- color: t.palette.text.secondary,
1969
- "& .MuiSvgIcon-root": {
1970
- height: "16px",
1971
- width: "16px",
1972
- marginRight: "4px"
1973
- },
1974
- "& .MuiIcon-root": {
1975
- marginRight: "4px",
1976
- fontSize: "18px"
1977
- }
1978
- })
1979
- }
1980
- },
1981
1775
  MuiSnackbar: {
1982
- styleOverrides: {
1983
- root: ({ theme: t }) => ({
1984
- "& .MuiAlert-icon": {
1985
- color: t.palette.success.contrastText
1986
- },
1987
- "& .MuiAlert-message": {
1988
- color: t.palette.success.contrastText
1989
- }
1990
- })
1776
+ defaultProps: {
1777
+ anchorOrigin: {
1778
+ vertical: "bottom",
1779
+ horizontal: "left"
1780
+ },
1781
+ autoHideDuration: 3500
1991
1782
  }
1992
1783
  },
1993
1784
  MuiSwitch: {
1785
+ defaultProps: {
1786
+ disableFocusRipple: !0
1787
+ },
1994
1788
  styleOverrides: {
1995
- root: ({ theme: t }) => {
1996
- const { grey: i, mode: l } = t.palette;
1997
- return {
1998
- width: 34,
1999
- height: 18,
1789
+ root: {
1790
+ width: 37,
1791
+ height: 20,
1792
+ padding: 0,
1793
+ "& .MuiSwitch-switchBase": {
2000
1794
  padding: 0,
2001
- "& .MuiSwitch-switchBase": {
2002
- padding: 0,
2003
- margin: 2,
2004
- transitionDuration: "300ms",
2005
- "&.Mui-checked": {
2006
- transform: "translateX(16px)",
2007
- color: "#FFFFFF",
2008
- // NeutralWhite
2009
- "& + .MuiSwitch-track": {
2010
- backgroundColor: "#09A57F",
2011
- // Success300
2012
- opacity: 1,
2013
- border: 0
2014
- },
2015
- "&.Mui-disabled + .MuiSwitch-track": {
2016
- opacity: 0.5
2017
- }
2018
- },
2019
- "&.Mui-disabled .MuiSwitch-thumb": {
2020
- color: l === h.LIGHT ? i[100] : i[600]
1795
+ margin: 2,
1796
+ transitionDuration: "300ms",
1797
+ "&.Mui-checked": {
1798
+ transform: "translateX(16px)",
1799
+ "& + .MuiSwitch-track": {
1800
+ backgroundColor: t.success.main,
1801
+ opacity: 1,
1802
+ border: 0
2021
1803
  },
2022
1804
  "&.Mui-disabled + .MuiSwitch-track": {
2023
- opacity: l === h.LIGHT ? 0.7 : 0.3
2024
- },
2025
- "&.Mui-focusVisible .MuiSwitch-thumb": {
2026
- color: "#0AC295",
2027
- // Success200
2028
- border: "6px solid #fff"
1805
+ opacity: 0.5
2029
1806
  }
2030
1807
  },
2031
- "& .MuiSwitch-thumb": {
2032
- boxSizing: "border-box",
2033
- width: 14,
2034
- height: 14
1808
+ "&.Mui-disabled .MuiSwitch-thumb": {
1809
+ color: t.common.white
2035
1810
  },
2036
- "& .MuiSwitch-track": {
2037
- backgroundColor: l === h.LIGHT ? i[400] : i[700],
2038
- borderRadius: 18 / 2,
1811
+ "&.Mui-disabled + .MuiSwitch-track": {
1812
+ backgroundColor: t.action.disabledBackground,
2039
1813
  opacity: 1
2040
1814
  }
2041
- };
1815
+ },
1816
+ "& .MuiSwitch-input": {
1817
+ "&:focus-visible ~ .MuiSwitch-thumb": {
1818
+ outline: `2px solid ${t.info.main}`,
1819
+ outlineOffset: 0
1820
+ }
1821
+ },
1822
+ "& .MuiSwitch-thumb": {
1823
+ boxSizing: "border-box",
1824
+ backgroundColor: t.common.white,
1825
+ width: 16,
1826
+ height: 16
1827
+ },
1828
+ "& .MuiSwitch-track": {
1829
+ backgroundColor: t.action.active,
1830
+ borderRadius: 20 / 2,
1831
+ opacity: 1
1832
+ }
2042
1833
  }
2043
1834
  }
2044
1835
  },
2045
1836
  MuiTextField: {
2046
1837
  defaultProps: {
1838
+ InputLabelProps: {
1839
+ shrink: !0
1840
+ },
2047
1841
  variant: "outlined"
1842
+ }
1843
+ },
1844
+ MuiToggleButton: {
1845
+ defaultProps: {
1846
+ disableFocusRipple: !0
2048
1847
  },
2049
1848
  styleOverrides: {
2050
- root: ({ theme: t }) => ({
2051
- "& .Mui-disabled.MuiInputBase-input": {
2052
- // Chrome requires `webkit-text-fill-color` to apply color to disabled textboxes
2053
- WebkitTextFillColor: `${t.palette.text.disabled}`
2054
- },
2055
- "& .MuiInputBase-root .MuiInputAdornment-root": {
2056
- color: t.palette.secondary.main
2057
- },
2058
- variants: [
2059
- {
2060
- props: { variant: "outlined" },
2061
- style: {
2062
- borderRadius: t.shape.borderRadius,
2063
- "& .MuiFormLabel-root": {
2064
- transform: "translate(14px, 12px) scale(1)"
2065
- },
2066
- "& .MuiFormLabel-root.MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-root.MuiFormLabel-filled": {
2067
- transform: "translate(14px, -9px) scale(0.90)",
2068
- maxWidth: "90%"
2069
- // Keeps the label from stretching outside of the input
2070
- },
2071
- "& .MuiInputLabel-shrink legend, & .Mui-focused legend, & .MuiFormLabel-filled + .MuiInputBase-root legend": {
2072
- maxWidth: "100%"
2073
- // Cuts a notch into the input legend
2074
- }
2075
- }
2076
- },
2077
- {
2078
- props: { variant: "filled" },
2079
- style: {
2080
- "& .MuiFormLabel-root": {
2081
- transform: "translate(12px, 16px) scale(1)"
2082
- },
2083
- "& .MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-filled": {
2084
- transform: "translate(12px, 7px) scale(0.75)"
2085
- }
2086
- }
2087
- },
2088
- {
2089
- props: { variant: "standard" },
2090
- style: {
2091
- "& .MuiFormLabel-root": {
2092
- transform: "translate(0, 20px) scale(1)"
2093
- },
2094
- "& .MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-filled": {
2095
- transform: "translate(0, -1.5px) scale(0.75)"
2096
- }
2097
- }
2098
- }
2099
- ]
2100
- })
1849
+ root: {
1850
+ "&:focus-visible": {
1851
+ outline: `2px solid ${t.info.main}`,
1852
+ outlineOffset: "2px"
1853
+ }
1854
+ }
2101
1855
  }
2102
1856
  },
2103
1857
  MuiTooltip: {
@@ -2109,50 +1863,50 @@ const k = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Fe = "cubic-bezier(.4
2109
1863
  });
2110
1864
  };
2111
1865
  export {
2112
- dt as AccountsFilledIcon,
2113
- ut as AccountsIcon,
2114
- pt as ArrowLeftIcon,
2115
- ht as AttentionFilledIcon,
1866
+ me as AccountsFilledIcon,
1867
+ Te as AccountsIcon,
1868
+ be as ArrowLeftIcon,
1869
+ Ce as AttentionFilledIcon,
2116
1870
  g as BaseIcon,
2117
- Dt as BottomSheetTransition,
2118
- gt as CalendarIcon,
1871
+ ye as BottomSheetTransition,
1872
+ Ae as CalendarIcon,
2119
1873
  u as CategoryGuids,
2120
- Ce as CategoryIcon,
2121
- ye as CategoryIconList,
2122
- Me as CategoryIconVariants,
2123
- mt as CheckmarkFilledIcon,
2124
- ft as ChevronDownIcon,
2125
- bt as ChevronLeftIcon,
2126
- Mt as ChevronRightIcon,
2127
- be as CloseIcon,
2128
- Lt as DateRangePicker,
2129
- Te as DialogFooter,
2130
- It as DialogHeader,
2131
- Ft as Drawer,
2132
- yt as EditIcon,
2133
- xt as FilterIcon,
2134
- Te as Footer,
2135
- Ae as H1,
2136
- St as H2,
2137
- wt as H3,
2138
- Ct as HeartIcon,
2139
- x as INTER,
2140
- M as Icon,
2141
- fe as IconWeight,
2142
- Et as InstitutionLogo,
2143
- Tt as MXLogoCopyrightIcon,
2144
- kt as MXLogoFilledIcon,
2145
- vt as MXLogoIcon,
2146
- At as MXLogoOutlineIcon,
2147
- Ht as MerchantLogo,
2148
- Rt as P,
2149
- v as TARGETS,
2150
- A as THEMES,
2151
- T as Text,
2152
- zt as TextField,
2153
- Nt as Toast,
2154
- Pt as TokenProvider,
2155
- Ot as createMXTheme,
2156
- Bt as useTokens
1874
+ F0 as CategoryIcon,
1875
+ H0 as CategoryIconList,
1876
+ S0 as CategoryIconVariants,
1877
+ Ee as CheckmarkFilledIcon,
1878
+ Me as ChevronDownIcon,
1879
+ Re as ChevronLeftIcon,
1880
+ Ie as ChevronRightIcon,
1881
+ Se as CloseIcon,
1882
+ Ne as DateRangePicker,
1883
+ O0 as DialogFooter,
1884
+ _e as DialogHeader,
1885
+ ze as Drawer,
1886
+ He as EditIcon,
1887
+ ve as FilterIcon,
1888
+ O0 as Footer,
1889
+ L0 as H1,
1890
+ ke as H2,
1891
+ we as H3,
1892
+ Fe as HeartIcon,
1893
+ H as INTER,
1894
+ A as Icon,
1895
+ I0 as IconWeight,
1896
+ Be as InstitutionLogo,
1897
+ Oe as MXLogoCopyrightIcon,
1898
+ Le as MXLogoFilledIcon,
1899
+ xe as MXLogoIcon,
1900
+ De as MXLogoOutlineIcon,
1901
+ Ve as MerchantLogo,
1902
+ Pe as P,
1903
+ x as TARGETS,
1904
+ y as THEMES,
1905
+ D as Text,
1906
+ Ue as TextField,
1907
+ Ge as Toast,
1908
+ $e as TokenProvider,
1909
+ Ze as createMXTheme,
1910
+ We as useTokens
2157
1911
  };
2158
1912
  //# sourceMappingURL=index.es.js.map