@mxenabled/mxui 1.1.1 → 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 +892 -1146
  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 D from "@mui/material/Stack";
4
- import { useTheme as C, createTheme as O } from "@mui/material/styles";
5
- import Y from "@mui/material/Icon";
6
- import { endOfMonth as H } from "date-fns/endOfMonth";
7
- import { endOfYear as Q } from "date-fns/endOfYear";
8
- import { startOfToday as J } from "date-fns/startOfToday";
9
- import { startOfMonth as R } from "date-fns/startOfMonth";
10
- import { startOfYear as w } from "date-fns/startOfYear";
11
- import { subDays as z } from "date-fns/subDays";
12
- import { subMonths as q } from "date-fns/subMonths";
13
- import { subYears as ee } from "date-fns/subYears";
14
- import re from "@mui/material/useMediaQuery";
15
- import { LocalizationProvider as te, StaticDateRangePicker as oe } from "@mui/x-date-pickers-pro";
16
- import { AdapterDateFns as ae } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
17
- import I from "@mui/material/Box";
18
- import ie from "@mui/material/ToggleButton";
19
- import ne from "@mui/material/ToggleButtonGroup";
20
- import _ from "@mui/material/Slide";
21
- import L from "@mui/material/Button";
22
- import V from "@mui/material/Toolbar";
23
- import W from "@mui/material/IconButton";
24
- import le from "@mui/material/Drawer";
25
- import ce from "@mui/material/Typography";
26
- import se from "@mui/material/TextField";
27
- import de from "@mui/material/Snackbar";
28
- import ue from "@mui/material/Alert";
29
- import { light as $, buildTheme as F, dark as pe } from "@mxenabled/design-tokens";
30
- import { alpha as N } from "@mui/material";
31
- import { LicenseInfo as he } from "@mui/x-license-pro";
32
- import { circularProgressClasses as ge } from "@mui/material/CircularProgress";
33
- import me from "@mui/material/styles/createPalette";
34
- import fe 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,
37
+ height: t,
38
+ size: a = 16,
39
39
  viewBox: r = "0 0 16 16",
40
- width: i
41
- }) => /* @__PURE__ */ a(
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,
47
+ height: t || a,
48
48
  viewBox: r,
49
- width: i || n,
49
+ width: l || a,
50
50
  xmlns: "http://www.w3.org/2000/svg",
51
51
  children: e
52
52
  }
53
53
  );
54
- var be = /* @__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))(be || {});
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,
57
+ fill: t = !1,
58
+ name: a,
59
59
  size: r = 20,
60
- sx: i,
61
- weight: l = 300,
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
- Y,
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
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
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
- }, ur = ({
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
- ) })), pr = ({
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
- ) })), hr = ({
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
- ) })), gr = ({
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
- ) })), mr = ({
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
- ) })), fr = ({
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
- ) })), br = ({
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
- ) })), Mr = ({
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
- ) })), yr = ({
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
- ) })), Me = ({
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
- ) })), xr = ({
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
- ) })), Cr = ({
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
- ) })), vr = ({
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
- ) })), Tr = ({
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
- ] }), kr = ({
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
- ] }), Ar = ({
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
- ) }), Lr = ({
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 || {}), ye = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(ye || {});
305
- const G = {
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
- }, xe = [
309
+ }, H0 = [
310
310
  {
311
311
  guid: u.AutoTransport,
312
312
  colorName: "autoTransport",
@@ -407,56 +407,56 @@ const G = {
407
407
  colorName: "travel",
408
408
  icon: "airplane_ticket"
409
409
  },
410
- G
411
- ], Ce = 0.625, ve = ({
410
+ K
411
+ ], v0 = 0.625, F0 = ({
412
412
  categoryGuid: e,
413
- icon_ratio: o = Ce,
414
- size: n = 32,
413
+ icon_ratio: t = v0,
414
+ size: a = 32,
415
415
  sx: r = {},
416
- variant: i = "filled"
416
+ variant: l = "filled"
417
417
  }) => {
418
- const l = C(), c = f.useMemo(
419
- () => xe.find((d) => d.guid === e) ?? G,
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
- D,
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
437
  sx: [...Array.isArray(r) ? r : [r]],
438
- width: n,
439
- children: /* @__PURE__ */ a(M, { name: c.icon, size: n * o })
438
+ width: a,
439
+ children: /* @__PURE__ */ o(A, { name: c.icon, size: a * t })
440
440
  }
441
441
  );
442
- }, Te = ({
442
+ }, x0 = ({
443
443
  items: e,
444
- onChange: o,
445
- isValid: n,
444
+ onChange: t,
445
+ isValid: a,
446
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(I, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(ne, { color: "primary", orientation: "vertical", value: r, children: l?.map((c) => /* @__PURE__ */ a(
459
- ie,
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 G = {
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 G = {
483
483
  },
484
484
  c.label
485
485
  )) }) });
486
- }, Dr = ({
486
+ }, Ne = ({
487
487
  copy: e,
488
- dateRange: o,
489
- onRangeChanged: n,
488
+ dateRange: t,
489
+ onRangeChanged: a,
490
490
  selectedShortcut: r = e.dateRangeThisMonth,
491
- sx: i = {}
491
+ sx: l = {}
492
492
  }) => {
493
- const l = C(), c = re(l.breakpoints.down("sm")), s = f.useMemo(() => {
494
- const p = J(), d = q(p, 1), m = ee(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), H(p)]
498
+ getValue: () => [V(h), B(h)]
499
499
  },
500
500
  {
501
501
  label: e.dateRangeLastMonth,
502
- getValue: () => [R(d), H(d)]
502
+ getValue: () => [V(d), B(d)]
503
503
  },
504
504
  {
505
505
  label: e.dateRangeLast30Days,
506
- getValue: () => [z(p, 30), p]
506
+ getValue: () => [G(h, 30), h]
507
507
  },
508
508
  {
509
509
  label: e.dateRangeLast90Days,
510
- getValue: () => [z(p, 90), p]
510
+ getValue: () => [G(h, 90), h]
511
511
  },
512
512
  {
513
513
  label: e.dateRangeYTD,
514
- getValue: () => [w(p), p]
514
+ getValue: () => [U(h), h]
515
515
  },
516
516
  {
517
517
  label: e.dateRangeLastYear,
518
- getValue: () => [w(m), Q(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(D, { gap: 16, m: 8, children: /* @__PURE__ */ a(te, { dateAdapter: ae, children: /* @__PURE__ */ a(
530
- oe,
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 G = {
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(Te, { selected: r, ...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
- }, Ir = f.forwardRef(function(o, n) {
559
- return /* @__PURE__ */ a(_, { direction: "up", ref: n, ...o });
560
- }), ke = ({
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,
562
+ isPrimaryDisabled: t,
563
+ onPrimaryAction: a,
564
564
  onSecondaryAction: r,
565
- primaryColor: i = "primary",
566
- primaryText: l = "Save",
565
+ primaryColor: l = "primary",
566
+ primaryText: s = "Save",
567
567
  secondaryColor: c = "primary",
568
- secondaryText: s = "Cancel",
569
- ...b
570
- }) => /* @__PURE__ */ y(
571
- V,
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
- L,
585
- {
586
- color: c,
587
- onClick: r,
588
- variant: n ? "outlined" : "contained",
589
- children: s
590
- }
591
- ),
592
- n && /* @__PURE__ */ a(
593
- L,
594
- {
595
- color: i,
596
- disabled: o,
597
- onClick: n,
598
- variant: "contained",
599
- children: l
600
- }
601
- )
602
- ]
603
- }
604
- ), Fr = ({ copy: e, onClose: o, ...n }) => {
605
- const r = C();
606
- return /* @__PURE__ */ y(
607
- V,
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(I, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ a(Le, { sx: { fontWeight: 600 }, variant: "h3", children: e.title }) }),
617
- /* @__PURE__ */ a(W, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(Me, { color: r.palette.primary.main }) })
618
- ]
573
+ color: c,
574
+ onClick: r,
575
+ variant: a ? "outlined" : "contained",
576
+ children: n
619
577
  }
620
- );
621
- }, Sr = ({
622
- className: e,
623
- disableSave: o,
624
- id: n,
625
- isOpen: r,
626
- onClose: i,
627
- onSave: l,
628
- primaryText: c,
629
- secondaryText: s,
630
- children: b,
631
- ...p
632
- }) => /* @__PURE__ */ y(
633
- le,
634
- {
635
- anchor: "right",
636
- className: `mx-kmui-drawer ${e}`,
637
- id: n ?? void 0,
638
- onClose: i,
639
- open: r,
640
- variant: "temporary",
641
- ...p,
642
- children: [
643
- b,
644
- l && /* @__PURE__ */ a(
645
- ke,
646
- {
647
- isPrimaryDisabled: o,
648
- onPrimaryAction: l,
649
- onSecondaryAction: i,
650
- primaryText: c,
651
- secondaryText: s
652
- }
653
- )
654
- ]
655
- }
656
- ), U = 32, S = "https://content.moneydesktop.com/storage/MD_Assets", Ae = `${S}/serenity/default_institution_logo.png`, Er = ({
657
- alt: e,
658
- institutionGuid: o,
659
- logoUrl: n,
660
- size: r = U,
661
- ...i
662
- }) => /* @__PURE__ */ a(
663
- "img",
664
- {
665
- alt: e,
666
- height: r,
667
- onError: (l) => l.target.src = Ae,
668
- src: n || `${S}/Ipad%20Logos/100x100/${o}_100x100.png`,
669
- style: {
670
- borderRadius: 4
671
- },
672
- width: r,
673
- ...i
674
- }
675
- ), Hr = ({
676
- alt: e = "",
677
- categoryGuid: o,
678
- merchantGuid: n,
679
- size: r = U,
680
- ...i
681
- }) => {
682
- const [l, c] = f.useState(!1), s = C();
683
- return /* @__PURE__ */ y(I, { display: "inline-block", position: "relative", ...i, children: [
684
- n && !l && /* @__PURE__ */ a(
685
- "img",
686
- {
687
- alt: e,
688
- "aria-hidden": !e,
689
- height: r,
690
- onError: () => c(!0),
691
- src: `${S}/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: r
699
- }
700
- ),
701
- /* @__PURE__ */ a(ve, { categoryGuid: o, size: r })
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,
591
+ className: t = "",
592
+ children: a,
707
593
  color: r,
708
- sx: i = {},
709
- truncate: l = !0,
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
- ce,
631
+ return /* @__PURE__ */ o(
632
+ f0,
747
633
  {
748
- className: `mx-kmui-text ${o}`,
634
+ className: `mx-kmui-text ${t}`,
749
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 G = {
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
- }, Le = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...n, children: o }), Rr = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...n, children: o }), wr = ({ className: e = "", children: o, ...n }) => /* @__PURE__ */ a(T, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...n, children: o }), zr = ({ className: e = "", children: o, truncate: n, ...r }) => /* @__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
661
  ...r,
776
- children: o
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
+ ]
777
713
  }
778
- ), Nr = ({
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
732
+ }
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,
763
+ label: t = "",
764
+ shrink: a = !0,
782
765
  variant: r = "outlined",
783
- ...i
784
- }) => /* @__PURE__ */ a(
785
- se,
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,
774
+ label: t,
792
775
  variant: r,
793
- ...i
776
+ ...l
794
777
  }
795
778
  );
796
- function De(e) {
797
- return /* @__PURE__ */ a(_, { ...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 Pr = ({
782
+ const Ge = ({
800
783
  open: e,
801
- handleClose: o,
802
- message: n,
784
+ handleClose: t,
785
+ message: a,
803
786
  autoHideDuration: r = 3e3,
804
- severity: i = "success",
805
- snackbarSx: l,
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(), j = {
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
- }, X = /* @__PURE__ */ y(
818
- D,
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
- L,
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
- W,
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
- de,
836
+ return /* @__PURE__ */ o(
837
+ T0,
855
838
  {
856
- TransitionComponent: De,
839
+ TransitionComponent: N0,
857
840
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
858
841
  autoHideDuration: r,
859
- onClose: o,
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
- ue,
848
+ children: /* @__PURE__ */ o(
849
+ b0,
867
850
  {
868
- action: X,
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: (E) => E.palette.mode === "light" ? E.palette[i].darker : j[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 Pr = ({
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
- }, k = {
895
+ }, y = {
913
896
  LIGHT: "light",
914
897
  DARK: "dark"
915
- }, K = f.createContext($), Z = f.createContext(
916
- F(k.LIGHT, v.REACT_NATIVE)
917
- ), Br = ({
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 = k.LIGHT,
902
+ target: t = x.REACT,
903
+ theme: a = y.LIGHT,
921
904
  tokenOverrides: r
922
905
  }) => {
923
- const [i, l] = f.useState(n === k.LIGHT ? $ : pe), c = f.useMemo(() => ({
906
+ const [l, s] = b.useState(a === y.LIGHT ? Y : C0), c = b.useMemo(() => ({
924
907
  ...r
925
908
  }), [r]);
926
- return f.useEffect(() => {
927
- const s = F(n, o, { ...c });
928
- l(s);
929
- }, [n, o, c]), o === v.REACT ? /* @__PURE__ */ a(K.Provider, { value: i, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(Z.Provider, { value: i, children: e }));
930
- }, Or = (e = v.REACT, o = {}) => {
931
- const n = e === v.REACT ? K : Z, r = f.useContext(n);
932
- return r || F(k.LIGHT, e, { ...o });
933
- }, h = {
934
- LIGHT: "light",
935
- DARK: "dark"
936
- }, t = {
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
- }, Ie = (e) => me({
970
- mode: e,
971
- border: {
972
- lighter: e === "light" ? t.Neutral200 : t.Neutral800,
973
- light: e === "light" ? t.Neutral300 : t.Neutral700,
974
- main: e === "light" ? t.Neutral400 : t.Neutral600,
975
- dark: t.Neutral500,
976
- darker: e === "light" ? t.Neutral600 : t.Neutral400
977
- },
978
- common: {
979
- white: t.White,
980
- black: t.Black
981
- },
982
- primary: {
983
- lighter: t.Primary100,
984
- light: t.Primary200,
985
- main: t.Primary300,
986
- dark: t.Primary400,
987
- darker: t.Primary500
988
- },
989
- secondary: {
990
- lighter: e === "light" ? t.Neutral500 : t.Neutral200,
991
- light: e === "light" ? t.Neutral600 : t.Neutral300,
992
- main: e === "light" ? t.Neutral700 : t.Neutral400,
993
- dark: e === "light" ? t.Neutral800 : t.Neutral500,
994
- darker: e === "light" ? t.Neutral900 : t.Neutral600
995
- },
996
- text: {
997
- primary: e === "light" ? t.Neutral900 : t.White,
998
- secondary: e === "light" ? t.Neutral700 : t.Neutral500,
999
- disabled: e === "light" ? t.Neutral500 : t.Neutral600
1000
- },
1001
- error: {
1002
- lighter: e === "light" ? t.Error100 : t.Error300,
1003
- light: e === "light" ? t.Error200 : t.Error100,
1004
- main: e === "light" ? t.Error300 : t.Error200,
1005
- dark: e === "light" ? t.Error400 : t.Error300,
1006
- darker: e === "light" ? t.Error500 : t.Error400
1007
- },
1008
- warning: {
1009
- lighter: t.Warning100,
1010
- light: t.Warning200,
1011
- main: t.Warning300,
1012
- dark: t.Warning400,
1013
- darker: t.Warning500
1014
- },
1015
- info: {
1016
- lighter: t.Primary100,
1017
- light: t.Primary200,
1018
- main: t.Primary300,
1019
- dark: t.Primary400,
1020
- darker: t.Primary500
1021
- },
1022
- success: {
1023
- lighter: t.Success100,
1024
- light: e === "light" ? t.Success200 : t.Success150,
1025
- main: e === "light" ? t.Success300 : t.Success200,
1026
- dark: e === "light" ? t.Success400 : t.Success300,
1027
- darker: e === "light" ? t.Success500 : t.Success400
1028
- },
1029
- grey: {
1030
- 100: t.Neutral100,
1031
- 200: t.Neutral200,
1032
- 300: t.Neutral300,
1033
- 400: t.Neutral400,
1034
- 500: t.Neutral500,
1035
- 600: t.Neutral600,
1036
- 700: t.Neutral700,
1037
- 800: t.Neutral800,
1038
- 900: t.Neutral900
1039
- },
1040
- action: {
1041
- active: e === "light" ? t.Primary300 : t.Primary200,
1042
- disabled: t.Neutral500,
1043
- disabledBackground: e === "light" ? t.Neutral200 : t.Neutral700,
1044
- hover: e === "light" ? t.Neutral100 : t.Neutral800,
1045
- hoverOpacity: 0.1,
1046
- selected: e === "light" ? t.Primary300 : t.Primary200,
1047
- selectedOpacity: 0.1
1048
- },
1049
- background: {
1050
- default: e === "light" ? t.Neutral100 : t.Neutral800,
1051
- paper: e === "light" ? t.White : t.Neutral900,
1052
- highlight: e === "light" ? t.Neutral200 : t.Neutral600,
1053
- highlightPrimary: e === "light" ? t.Primary100 : t.Primary500
1054
- },
1055
- divider: e === "light" ? t.Neutral400 : t.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", Fe = (e) => fe(e, {
1097
- fontFamily: x,
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 Pr = ({
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 Pr = ({
1201
1242
  lineHeight: "12px"
1202
1243
  }
1203
1244
  });
1204
- he.setLicenseKey(
1245
+ E0.setLicenseKey(
1205
1246
  "6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
1206
1247
  );
1207
- const A = [...O().shadows];
1208
- A[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
1209
- A[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
1210
- A[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
1211
- const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px rgba(82, 138, 224, 0.8)", Se = "cubic-bezier(.475,.425,0,.995)", _r = (e) => {
1212
- const o = Ie(e), n = Fe(o);
1213
- return O({
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 P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1220
1261
  xl: 1536
1221
1262
  }
1222
1263
  },
1223
- palette: o,
1224
- shadows: A,
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: r }) => ({
1235
- "& .MuiAutocomplete-endAdornment": {
1236
- marginTop: -5
1237
- },
1238
- "& .MuiIconButton-root": {
1239
- color: r.palette.mode === "light" ? r.palette.grey[700] : r.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: r }) => ({
1258
- background: r.palette.background.paper,
1259
- color: r.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: r }) => ({
1279
- backgroundColor: r.palette.mode === h.LIGHT ? r.palette.grey[400] : r.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: P
1291
- }
1292
- }
1293
- }
1294
- },
1295
- MuiButton: {
1296
- styleOverrides: {
1297
- contained: ({ ownerState: r, theme: i }) => ({
1298
- ...i.palette.mode === h.DARK && r.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: r.color === "error" ? i.palette.error.darker : i.palette.primary.darker
1308
- }
1309
- }),
1310
- outlined: ({ theme: r }) => ({
1311
- borderColor: r.palette.border.main,
1312
- "&:hover": {
1313
- borderColor: r.palette.border.dark
1314
- },
1315
- "&:active": {
1316
- borderColor: r.palette.border.darker
1317
- }
1318
- }),
1319
- outlinedPrimary: ({ theme: r }) => ({
1320
- ...r.palette.mode === h.DARK && {
1321
- color: r.palette.primary.light
1322
- }
1323
- }),
1324
- text: ({ ownerState: r, theme: i }) => ({
1325
- "&:active": {
1326
- ...r.color === "error" && {
1327
- backgroundColor: i.palette.error.lighter
1328
- },
1329
- ...r.color === "primary" && {
1330
- backgroundColor: i.palette.primary.light
1331
- },
1332
- ...r.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 && r.color === "secondary" && {
1339
- color: i.palette.secondary.darker
1340
- }
1341
- }
1342
- }),
1343
- textPrimary: ({ theme: r }) => ({
1344
- ...r.palette.mode === h.DARK && {
1345
- color: r.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: P
1307
+ outline: `2px solid ${t.info.main}`,
1308
+ outlineOffset: "2px"
1358
1309
  }
1359
1310
  },
1360
1311
  sizeMedium: {
@@ -1364,23 +1315,7 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1364
1315
  },
1365
1316
  MuiButtonGroup: {
1366
1317
  defaultProps: {
1367
- disableRipple: !0
1368
- },
1369
- styleOverrides: {
1370
- root: ({ theme: r }) => ({
1371
- "&:hover": {
1372
- borderColor: r.palette.border.dark
1373
- },
1374
- "button:hover + button": {
1375
- borderLeftColor: r.palette.border.dark
1376
- },
1377
- "&:active": {
1378
- borderColor: r.palette.border.darker
1379
- },
1380
- "button:active + button": {
1381
- borderLeftColor: r.palette.border.darker
1382
- }
1383
- })
1318
+ disableFocusRipple: !0
1384
1319
  }
1385
1320
  },
1386
1321
  MuiCard: {
@@ -1390,91 +1325,30 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1390
1325
  }
1391
1326
  }
1392
1327
  },
1393
- MuiTabs: {
1394
- styleOverrides: {
1395
- indicator: ({ theme: r }) => ({
1396
- height: 3,
1397
- backgroundColor: r.palette.action.selected
1398
- })
1399
- }
1400
- },
1401
1328
  MuiTab: {
1329
+ defaultProps: {
1330
+ disableFocusRipple: !0
1331
+ },
1402
1332
  styleOverrides: {
1403
- root: ({ theme: r }) => ({
1333
+ root: {
1404
1334
  textTransform: "none",
1405
1335
  fontWeight: 600,
1406
1336
  "&.Mui-focusVisible": {
1407
- boxShadow: B
1408
- },
1409
- "&:not(.Mui-selected)": {
1410
- borderBottom: `2px solid ${r.palette.divider}`
1411
- },
1412
- "&.Mui-selected": {
1413
- color: r.palette.action.selected,
1414
- paddingBottom: 13
1337
+ outline: "none",
1338
+ boxShadow: `inset 0 0 0 2px ${t.info.main}`,
1339
+ borderRadius: 4
1415
1340
  }
1416
- })
1341
+ }
1417
1342
  }
1418
1343
  },
1419
1344
  MuiCheckbox: {
1345
+ defaultProps: {
1346
+ disableFocusRipple: !0
1347
+ },
1420
1348
  styleOverrides: {
1421
- root: ({ theme: r }) => ({
1422
- color: r.palette.mode === h.LIGHT ? r.palette.grey[800] : r.palette.common.white,
1423
- "&:hover": {
1424
- backgroundColor: "transparent"
1425
- },
1426
- "&.Mui-checked": {
1427
- color: r.palette.mode === h.LIGHT ? r.palette.primary.main : r.palette.common.white
1428
- },
1429
- "&.MuiCheckbox-colorError": {
1430
- color: r.palette.error.main
1431
- }
1432
- })
1433
- }
1434
- },
1435
- MuiChip: {
1436
- styleOverrides: {
1437
- outlined: ({ theme: r }) => {
1438
- const { common: i, grey: l, mode: c } = r.palette;
1439
- return {
1440
- backgroundColor: "transparent",
1441
- borderColor: c === h.LIGHT ? l[600] : l[500],
1442
- borderWidth: 1,
1443
- color: c === h.LIGHT ? l[900] : i.white,
1444
- fontSize: 11,
1445
- // XSmall
1446
- height: 24,
1447
- "&:hover": {
1448
- borderColor: c === h.LIGHT ? l[300] : l[600],
1449
- backgroundColor: c === h.LIGHT ? l[300] : l[600]
1450
- }
1451
- };
1452
- },
1453
- filled: {
1454
- display: "inline-flex",
1455
- alignItems: "center",
1456
- padding: "8px 12px",
1457
- borderRadius: 16,
1458
- fontSize: 9,
1459
- // Tiny
1460
- fontWeight: 600,
1461
- // Semibold,
1462
- lineHeight: 12,
1463
- // Tiny,
1464
- letterSpacing: 0.33,
1465
- // TinyUppercase,
1466
- textTransform: "uppercase",
1467
- gap: 8,
1468
- // XSmall
1469
- whiteSpace: "nowrap"
1470
- },
1471
- icon: {
1472
- color: "inherit"
1473
- },
1474
- deleteIcon: {
1475
- color: "inherit",
1476
- "&:hover": {
1477
- color: "inherit"
1349
+ root: {
1350
+ "&.Mui-focusVisible": {
1351
+ boxShadow: `inset 0 0 0 2px ${t.info.main}`
1478
1352
  }
1479
1353
  }
1480
1354
  }
@@ -1482,41 +1356,30 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1482
1356
  MuiCircularProgress: {
1483
1357
  styleOverrides: {
1484
1358
  root: {
1485
- animationDuration: "1.6s",
1486
- color: "primary",
1487
- [`& .${ge.circle}`]: {
1359
+ [`& .${A0.circle}`]: {
1488
1360
  strokeLinecap: "round"
1489
1361
  }
1490
1362
  }
1491
1363
  }
1492
1364
  },
1493
- MuiDayCalendar: {
1494
- styleOverrides: {
1495
- weekDayLabel: ({ theme: r }) => ({
1496
- // TODO: Need to add additional styles to the theme such as SmallBold or use Caption
1497
- fontSize: r.typography.body2.fontSize,
1498
- fontWeight: 700
1499
- })
1500
- }
1501
- },
1502
1365
  MuiDataGrid: {
1503
1366
  styleOverrides: {
1504
- root: ({ theme: r }) => ({
1367
+ root: {
1505
1368
  border: "none",
1506
1369
  borderRadius: 0,
1507
- fontSize: r.typography.body2.fontSize,
1370
+ fontSize: a.body2.fontSize,
1508
1371
  "& .MuiDataGrid-cell": {
1509
1372
  display: "flex",
1510
1373
  alignItems: "center",
1511
1374
  borderTop: "1px solid",
1512
- borderColor: r.palette.background.highlight
1375
+ borderColor: t.background.highlight
1513
1376
  },
1514
1377
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1515
1378
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1516
1379
  "& .MuiDataGrid-columnHeaders": {
1517
- backgroundColor: r.palette.background.paper,
1380
+ backgroundColor: t.background.paper,
1518
1381
  borderBottom: "2px solid",
1519
- borderColor: r.palette.divider
1382
+ borderColor: t.divider
1520
1383
  },
1521
1384
  "& .MuiDataGrid-columnHeaderTitle": {
1522
1385
  fontWeight: 600
@@ -1529,13 +1392,6 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1529
1392
  "& .MuiDataGrid-row": { cursor: "pointer" },
1530
1393
  "& .MuiDataGrid-columnHeader--last": { pr: 16 },
1531
1394
  "& .MuiDataGrid-cell--textRight": { pr: 16 }
1532
- })
1533
- }
1534
- },
1535
- MuiPickersToolbarButton: {
1536
- styleOverrides: {
1537
- root: {
1538
- height: 24
1539
1395
  }
1540
1396
  }
1541
1397
  },
@@ -1543,57 +1399,53 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1543
1399
  styleOverrides: {
1544
1400
  root: ({ theme: r }) => ({
1545
1401
  ":first-of-type": {
1546
- borderTopLeftRadius: 4,
1547
- borderBottomLeftRadius: 4,
1402
+ borderTopLeftRadius: r.shape.borderRadius,
1403
+ borderBottomLeftRadius: r.shape.borderRadius,
1548
1404
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1549
- borderTopLeftRadius: 4,
1550
- borderBottomLeftRadius: 4
1405
+ borderTopLeftRadius: r.shape.borderRadius,
1406
+ borderBottomLeftRadius: r.shape.borderRadius
1551
1407
  }
1552
1408
  },
1553
1409
  ":last-of-type": {
1554
- borderTopRightRadius: 4,
1555
- borderBottomRightRadius: 4,
1410
+ borderTopRightRadius: r.shape.borderRadius,
1411
+ borderBottomRightRadius: r.shape.borderRadius,
1556
1412
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1557
- borderTopRightRadius: 4,
1558
- borderBottomRightRadius: 4
1413
+ borderTopRightRadius: r.shape.borderRadius,
1414
+ borderBottomRightRadius: r.shape.borderRadius
1559
1415
  }
1560
1416
  },
1561
1417
  "& .Mui-selected": {
1562
- borderRadius: 4
1418
+ borderRadius: r.shape.borderRadius
1563
1419
  },
1564
1420
  "& .MuiPickersDay-dayOutsideMonth": {
1565
- color: r.palette.grey[500]
1421
+ color: t.action.disabled
1566
1422
  }
1567
1423
  }),
1568
- day: {
1569
- borderRadius: 4
1570
- },
1571
- rangeIntervalDayPreview: {
1572
- borderRadius: 4
1573
- }
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
+ })
1574
1438
  }
1575
1439
  },
1576
1440
  MuiDialog: {
1577
1441
  styleOverrides: {
1578
1442
  root: {
1579
- "& .MuiDialogTitle-root": {
1580
- fontSize: 18,
1581
- lineHeight: "24px",
1582
- fontWeight: 700,
1583
- padding: 24
1584
- },
1585
- "& .MuiTypography-body1": {
1586
- padding: "0 24px"
1587
- },
1588
1443
  "& .MuiDialog-paper": {
1589
1444
  minWidth: 400
1590
1445
  },
1591
1446
  "& .MuiDialogContent-root": {
1592
- paddingBottom: 0,
1447
+ paddingBottom: 8,
1593
1448
  paddingTop: 8
1594
- },
1595
- "& .MuiDialogContentText-root": {
1596
- fontSize: 15
1597
1449
  }
1598
1450
  }
1599
1451
  }
@@ -1601,14 +1453,6 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1601
1453
  MuiDivider: {
1602
1454
  defaultProps: {
1603
1455
  "aria-hidden": !0
1604
- },
1605
- styleOverrides: {
1606
- root: ({ theme: r }) => ({
1607
- borderColor: r.palette.border.light
1608
- }),
1609
- inset: {
1610
- marginLeft: 68
1611
- }
1612
1456
  }
1613
1457
  },
1614
1458
  MuiDrawer: {
@@ -1621,75 +1465,91 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1621
1465
  }
1622
1466
  }
1623
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
+ },
1624
1497
  MuiIcon: {
1625
1498
  defaultProps: {
1499
+ // DEPRECATED: Remove after symbols font has been removed
1626
1500
  baseClassName: "material-symbols-rounded"
1627
1501
  }
1628
1502
  },
1629
1503
  MuiIconButton: {
1504
+ defaultProps: {
1505
+ disableFocusRipple: !0
1506
+ },
1630
1507
  styleOverrides: {
1631
- root: {
1632
- borderRadius: 8,
1508
+ root: ({ theme: r }) => ({
1509
+ borderRadius: r.shape.borderRadius,
1633
1510
  minHeight: 44,
1634
1511
  // touch target
1635
- minWidth: 44
1512
+ minWidth: 44,
1636
1513
  // touch target
1637
- }
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
+ })
1638
1524
  }
1639
1525
  },
1640
- MuiInputBase: {
1641
- styleOverrides: {
1642
- input: {
1643
- fontSize: 15,
1644
- // Body
1645
- lineHeight: "20px",
1646
- // Body
1647
- transition: `box-shadow 350ms ${Se}`,
1648
- width: "100%",
1649
- "&:focus": {
1650
- outline: "none"
1651
- }
1652
- },
1653
- root: {
1654
- // This helps keep the label and multiline text separated
1655
- "& .MuiInputBase-input.MuiInputBase-inputMultiline": {
1656
- paddingTop: "10px",
1657
- paddingLeft: "12px",
1658
- paddingRight: "12px",
1659
- marginTop: "4px"
1660
- }
1661
- }
1526
+ MuiInputLabel: {
1527
+ defaultProps: {
1528
+ shrink: !0
1529
+ // Ensures the label is always shrunk
1662
1530
  }
1663
1531
  },
1664
1532
  MuiLink: {
1665
1533
  styleOverrides: {
1666
- root: ({ theme: r }) => ({
1667
- display: "inline-flex",
1668
- alignItems: "center",
1669
- boxSizing: "border-box",
1534
+ root: ({ color: r }) => ({
1670
1535
  cursor: "pointer",
1671
- borderBottom: "1px solid transparent",
1536
+ fontWeight: 600,
1672
1537
  textDecoration: "none",
1673
1538
  height: 20,
1674
- transition: "background-color 300ms cubic-bezier(.475,.425,0,.995)",
1675
1539
  marginLeft: 4,
1676
1540
  marginRight: 4,
1677
- "&:focus": {
1678
- outline: "rgba(82, 138, 224, 0.8) auto 1px"
1541
+ "&.Mui-focusVisible": {
1542
+ outline: "2px solid isLight",
1543
+ outlineOffset: "2px"
1679
1544
  },
1680
1545
  "&:hover": {
1681
- backgroundColor: r.palette.action.hover,
1682
- borderBottom: "1px solid"
1546
+ backgroundColor: t.action.hover
1683
1547
  },
1684
- fontWeight: 600
1548
+ "&:active": {
1549
+ backgroundColor: t.mode === q.LIGHT ? t[r].light : t[r].dark
1550
+ }
1685
1551
  })
1686
- },
1687
- variants: [
1688
- {
1689
- props: { color: "primary" },
1690
- style: ({ theme: r }) => r.palette.mode === h.DARK ? { color: r.palette.primary.light } : {}
1691
- }
1692
- ]
1552
+ }
1693
1553
  },
1694
1554
  MuiList: {
1695
1555
  styleOverrides: {
@@ -1713,39 +1573,27 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1713
1573
  disablePadding: !0
1714
1574
  },
1715
1575
  styleOverrides: {
1716
- root: ({ ownerState: r, theme: i }) => {
1717
- const { mode: l, primary: c } = i.palette;
1718
- return {
1719
- minHeight: 64,
1720
- ...!r.disablePadding && {
1721
- paddingTop: 12,
1722
- paddingBottom: 12,
1723
- paddingLeft: 24
1724
- },
1725
- "& .MuiIconButton-root": {
1726
- color: l === h.LIGHT ? c.main : c.light
1727
- }
1728
- };
1729
- }
1576
+ root: ({ ownerState: r }) => ({
1577
+ minHeight: 64,
1578
+ ...!r.disablePadding && {
1579
+ paddingTop: 12,
1580
+ paddingBottom: 12,
1581
+ paddingLeft: 24
1582
+ }
1583
+ })
1730
1584
  }
1731
1585
  },
1732
1586
  MuiCollapse: {
1733
1587
  styleOverrides: {
1734
- root: ({ theme: r }) => ({
1588
+ root: {
1735
1589
  "& .MuiListItem-root": {
1736
1590
  minHeight: 44
1737
1591
  },
1738
1592
  "& .MuiListItemButton-root": {
1739
1593
  minHeight: 44,
1740
- paddingLeft: 12,
1741
- "&:hover": {
1742
- backgroundColor: `${r.palette.secondary.lighter}33`
1743
- },
1744
- "&:active": {
1745
- backgroundColor: `${r.palette.secondary.lighter}66`
1746
- }
1594
+ paddingLeft: 12
1747
1595
  }
1748
- })
1596
+ }
1749
1597
  }
1750
1598
  },
1751
1599
  MuiListItemAvatar: {
@@ -1764,24 +1612,20 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1764
1612
  },
1765
1613
  MuiListItemButton: {
1766
1614
  styleOverrides: {
1767
- root: ({ theme: r }) => ({
1615
+ root: {
1616
+ // root: ({ theme }) => ({
1768
1617
  minHeight: 64,
1769
1618
  paddingLeft: 24,
1770
1619
  paddingRight: 24,
1771
1620
  paddingTop: 12,
1772
1621
  paddingBottom: 12,
1773
1622
  "&.Mui-focusVisible": {
1774
- boxShadow: B
1775
- },
1776
- "&:active": {
1777
- backgroundColor: `${r.palette.secondary.lighter}33`
1778
- },
1779
- "&.Mui-selected": {
1780
- fontWeight: "bold",
1781
- borderLeft: `3px solid ${r.palette.primary.main}`,
1782
- paddingLeft: 21
1623
+ backgroundColor: "transparent",
1624
+ borderRadius: 8,
1625
+ outline: `2px solid ${t.info.main}`,
1626
+ outlineOffset: -2
1783
1627
  }
1784
- })
1628
+ }
1785
1629
  }
1786
1630
  },
1787
1631
  MuiListItemText: {
@@ -1792,7 +1636,7 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1792
1636
  },
1793
1637
  secondaryTypographyProps: {
1794
1638
  fontSize: 11,
1795
- color: "text.primary"
1639
+ color: t.text.secondary
1796
1640
  }
1797
1641
  },
1798
1642
  styleOverrides: {
@@ -1804,11 +1648,10 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1804
1648
  },
1805
1649
  MuiListItemIcon: {
1806
1650
  styleOverrides: {
1807
- root: ({ theme: r }) => ({
1651
+ root: {
1808
1652
  minWidth: "auto",
1809
- marginLeft: 8,
1810
- color: r.palette.text.primary
1811
- })
1653
+ marginLeft: 8
1654
+ }
1812
1655
  }
1813
1656
  },
1814
1657
  MuiListSubheader: {
@@ -1817,12 +1660,12 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1817
1660
  // without this it defaults to the secondary color
1818
1661
  },
1819
1662
  styleOverrides: {
1820
- root: ({ theme: r }) => ({
1663
+ root: {
1821
1664
  lineHeight: "inherit",
1822
1665
  top: -1,
1823
1666
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1824
- backgroundColor: r.palette.background.default
1825
- })
1667
+ backgroundColor: t.background.default
1668
+ }
1826
1669
  }
1827
1670
  },
1828
1671
  // This styles the Menu dropdown including Menus and Select dropdowns
@@ -1850,48 +1693,21 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1850
1693
  },
1851
1694
  MuiOutlinedInput: {
1852
1695
  styleOverrides: {
1853
- root: ({ theme: r }) => ({
1854
- backgroundColor: r.palette.background.paper,
1696
+ root: {
1855
1697
  height: "44px",
1856
1698
  "&.MuiInputBase-multiline": {
1857
1699
  padding: 0,
1858
1700
  minHeight: "44px",
1859
1701
  height: "auto"
1860
- },
1861
- "&.Mui-focused": {
1862
- "& .MuiOutlinedInput-notchedOutline": {
1863
- outline: "none"
1864
- }
1865
- },
1866
- "& .MuiSelect-icon": {
1867
- color: r.palette.mode === h.LIGHT ? r.palette.grey[900] : r.palette.common.white
1868
- },
1869
- "&.Mui-disabled .MuiOutlinedInput-notchedOutline": {
1870
- borderColor: N(r.palette.border.darker, 0.5)
1871
- }
1872
- }),
1873
- notchedOutline: ({ theme: r }) => ({
1874
- borderColor: N(r.palette.border.darker, 0.5),
1875
- "& legend": {
1876
- fontSize: "0.9em"
1877
1702
  }
1878
- }),
1879
- input: {
1880
- padding: 12
1881
- },
1882
- inputAdornedStart: {
1883
- paddingLeft: "4px"
1884
- },
1885
- inputAdornedEnd: {
1886
- paddingRight: "4px"
1887
1703
  }
1888
1704
  }
1889
1705
  },
1890
1706
  MuiFormLabel: {
1891
1707
  styleOverrides: {
1892
- asterisk: ({ theme: r }) => ({
1893
- color: r.palette.error.main
1894
- })
1708
+ asterisk: {
1709
+ color: t.error.main
1710
+ }
1895
1711
  }
1896
1712
  },
1897
1713
  MuiPaper: {
@@ -1912,15 +1728,13 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1912
1728
  },
1913
1729
  MuiPickersDay: {
1914
1730
  styleOverrides: {
1915
- today: ({ theme: r }) => ({
1916
- color: r.palette.action.selected,
1917
- fontWeight: 700,
1731
+ today: {
1918
1732
  textDecoration: "2px underline",
1919
1733
  textUnderlineOffset: 4,
1920
1734
  ":not(.Mui-selected)": {
1921
1735
  borderWidth: 0
1922
1736
  }
1923
- })
1737
+ }
1924
1738
  }
1925
1739
  },
1926
1740
  MuiPickersLayout: {
@@ -1929,15 +1743,15 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1929
1743
  backgroundColor: "transparent !important",
1930
1744
  padding: 16
1931
1745
  },
1932
- toolbar: ({ theme: r }) => ({
1746
+ toolbar: {
1933
1747
  gridColumn: "1/4",
1934
1748
  "& > .MuiTypography-root": {
1935
1749
  textTransform: "uppercase",
1936
- fontSize: r.typography.body2.fontSize,
1750
+ fontSize: a.body2.fontSize,
1937
1751
  fontWeight: 600,
1938
- lineHeight: r.typography.body2.lineHeight
1752
+ lineHeight: a.body2.lineHeight
1939
1753
  }
1940
- })
1754
+ }
1941
1755
  }
1942
1756
  },
1943
1757
  MuiPickersToolbar: {
@@ -1947,165 +1761,97 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
1947
1761
  "& .MuiTypography-root": {
1948
1762
  fontSize: r.typography.h3.fontSize,
1949
1763
  lineHeight: r.typography.h3.lineHeight
1950
- },
1951
- "& .MuiPickersToolbarText-root": {
1952
- color: r.palette.mode === h.LIGHT ? r.palette.secondary.light : r.palette.secondary.dark,
1953
- "&.Mui-selected": {
1954
- color: r.palette.text.primary
1955
- }
1956
1764
  }
1957
1765
  })
1958
1766
  }
1959
1767
  },
1960
- MuiFormControlLabel: {
1768
+ MuiPickersToolbarButton: {
1961
1769
  styleOverrides: {
1962
- label: {
1963
- fontSize: 16
1770
+ root: {
1771
+ height: 24
1964
1772
  }
1965
1773
  }
1966
1774
  },
1967
- MuiFormHelperText: {
1968
- styleOverrides: {
1969
- root: ({ theme: r }) => ({
1970
- fontSize: 13,
1971
- // Small
1972
- marginLeft: 0,
1973
- display: "flex",
1974
- alignItems: "center",
1975
- position: "relative",
1976
- color: r.palette.text.secondary,
1977
- "& .MuiSvgIcon-root": {
1978
- height: "16px",
1979
- width: "16px",
1980
- marginRight: "4px"
1981
- },
1982
- "& .MuiIcon-root": {
1983
- marginRight: "4px",
1984
- fontSize: "18px"
1985
- }
1986
- })
1987
- }
1988
- },
1989
1775
  MuiSnackbar: {
1990
- styleOverrides: {
1991
- root: ({ theme: r }) => ({
1992
- "& .MuiAlert-icon": {
1993
- color: r.palette.success.contrastText
1994
- },
1995
- "& .MuiAlert-message": {
1996
- color: r.palette.success.contrastText
1997
- }
1998
- })
1776
+ defaultProps: {
1777
+ anchorOrigin: {
1778
+ vertical: "bottom",
1779
+ horizontal: "left"
1780
+ },
1781
+ autoHideDuration: 3500
1999
1782
  }
2000
1783
  },
2001
1784
  MuiSwitch: {
1785
+ defaultProps: {
1786
+ disableFocusRipple: !0
1787
+ },
2002
1788
  styleOverrides: {
2003
- root: ({ theme: r }) => {
2004
- const { grey: i, mode: l } = r.palette;
2005
- return {
2006
- width: 34,
2007
- height: 18,
1789
+ root: {
1790
+ width: 37,
1791
+ height: 20,
1792
+ padding: 0,
1793
+ "& .MuiSwitch-switchBase": {
2008
1794
  padding: 0,
2009
- "& .MuiSwitch-switchBase": {
2010
- padding: 0,
2011
- margin: 2,
2012
- transitionDuration: "300ms",
2013
- "&.Mui-checked": {
2014
- transform: "translateX(16px)",
2015
- color: "#FFFFFF",
2016
- // NeutralWhite
2017
- "& + .MuiSwitch-track": {
2018
- backgroundColor: "#09A57F",
2019
- // Success300
2020
- opacity: 1,
2021
- border: 0
2022
- },
2023
- "&.Mui-disabled + .MuiSwitch-track": {
2024
- opacity: 0.5
2025
- }
2026
- },
2027
- "&.Mui-disabled .MuiSwitch-thumb": {
2028
- 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
2029
1803
  },
2030
1804
  "&.Mui-disabled + .MuiSwitch-track": {
2031
- opacity: l === h.LIGHT ? 0.7 : 0.3
2032
- },
2033
- "&.Mui-focusVisible .MuiSwitch-thumb": {
2034
- color: "#0AC295",
2035
- // Success200
2036
- border: "6px solid #fff"
1805
+ opacity: 0.5
2037
1806
  }
2038
1807
  },
2039
- "& .MuiSwitch-thumb": {
2040
- boxSizing: "border-box",
2041
- width: 14,
2042
- height: 14
1808
+ "&.Mui-disabled .MuiSwitch-thumb": {
1809
+ color: t.common.white
2043
1810
  },
2044
- "& .MuiSwitch-track": {
2045
- backgroundColor: l === h.LIGHT ? i[400] : i[700],
2046
- borderRadius: 18 / 2,
1811
+ "&.Mui-disabled + .MuiSwitch-track": {
1812
+ backgroundColor: t.action.disabledBackground,
2047
1813
  opacity: 1
2048
1814
  }
2049
- };
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
+ }
2050
1833
  }
2051
1834
  }
2052
1835
  },
2053
1836
  MuiTextField: {
2054
1837
  defaultProps: {
1838
+ InputLabelProps: {
1839
+ shrink: !0
1840
+ },
2055
1841
  variant: "outlined"
1842
+ }
1843
+ },
1844
+ MuiToggleButton: {
1845
+ defaultProps: {
1846
+ disableFocusRipple: !0
2056
1847
  },
2057
1848
  styleOverrides: {
2058
- root: ({ theme: r }) => ({
2059
- "& .Mui-disabled.MuiInputBase-input": {
2060
- // Chrome requires `webkit-text-fill-color` to apply color to disabled textboxes
2061
- WebkitTextFillColor: `${r.palette.text.disabled}`
2062
- },
2063
- "& .MuiInputBase-root .MuiInputAdornment-root": {
2064
- color: r.palette.secondary.main
2065
- },
2066
- variants: [
2067
- {
2068
- props: { variant: "outlined" },
2069
- style: {
2070
- borderRadius: r.shape.borderRadius,
2071
- "& .MuiFormLabel-root": {
2072
- transform: "translate(14px, 12px) scale(1)"
2073
- },
2074
- "& .MuiFormLabel-root.MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-root.MuiFormLabel-filled": {
2075
- transform: "translate(14px, -9px) scale(0.90)",
2076
- maxWidth: "90%"
2077
- // Keeps the label from stretching outside of the input
2078
- },
2079
- "& .MuiInputLabel-shrink legend, & .Mui-focused legend, & .MuiFormLabel-filled + .MuiInputBase-root legend": {
2080
- maxWidth: "100%"
2081
- // Cuts a notch into the input legend
2082
- }
2083
- }
2084
- },
2085
- {
2086
- props: { variant: "filled" },
2087
- style: {
2088
- "& .MuiFormLabel-root": {
2089
- transform: "translate(12px, 16px) scale(1)"
2090
- },
2091
- "& .MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-filled": {
2092
- transform: "translate(12px, 7px) scale(0.75)"
2093
- }
2094
- }
2095
- },
2096
- {
2097
- props: { variant: "standard" },
2098
- style: {
2099
- "& .MuiFormLabel-root": {
2100
- transform: "translate(0, 20px) scale(1)"
2101
- },
2102
- "& .MuiInputLabel-shrink, & .MuiFormLabel-root.Mui-focused, & .MuiFormLabel-filled": {
2103
- transform: "translate(0, -1.5px) scale(0.75)"
2104
- }
2105
- }
2106
- }
2107
- ]
2108
- })
1849
+ root: {
1850
+ "&:focus-visible": {
1851
+ outline: `2px solid ${t.info.main}`,
1852
+ outlineOffset: "2px"
1853
+ }
1854
+ }
2109
1855
  }
2110
1856
  },
2111
1857
  MuiTooltip: {
@@ -2117,50 +1863,50 @@ const P = "0px 0px 0px 2px rgba(82, 138, 224, 0.8)", B = "inset 0px 0px 0px 2px
2117
1863
  });
2118
1864
  };
2119
1865
  export {
2120
- ur as AccountsFilledIcon,
2121
- pr as AccountsIcon,
2122
- hr as ArrowLeftIcon,
2123
- gr as AttentionFilledIcon,
1866
+ me as AccountsFilledIcon,
1867
+ Te as AccountsIcon,
1868
+ be as ArrowLeftIcon,
1869
+ Ce as AttentionFilledIcon,
2124
1870
  g as BaseIcon,
2125
- Ir as BottomSheetTransition,
2126
- mr as CalendarIcon,
1871
+ ye as BottomSheetTransition,
1872
+ Ae as CalendarIcon,
2127
1873
  u as CategoryGuids,
2128
- ve as CategoryIcon,
2129
- xe as CategoryIconList,
2130
- ye as CategoryIconVariants,
2131
- fr as CheckmarkFilledIcon,
2132
- br as ChevronDownIcon,
2133
- Mr as ChevronLeftIcon,
2134
- yr as ChevronRightIcon,
2135
- Me as CloseIcon,
2136
- Dr as DateRangePicker,
2137
- ke as DialogFooter,
2138
- Fr as DialogHeader,
2139
- Sr as Drawer,
2140
- xr as EditIcon,
2141
- Cr as FilterIcon,
2142
- ke as Footer,
2143
- Le as H1,
2144
- Rr as H2,
2145
- wr as H3,
2146
- vr as HeartIcon,
2147
- x as INTER,
2148
- M as Icon,
2149
- be as IconWeight,
2150
- Er as InstitutionLogo,
2151
- kr as MXLogoCopyrightIcon,
2152
- Ar as MXLogoFilledIcon,
2153
- Tr as MXLogoIcon,
2154
- Lr as MXLogoOutlineIcon,
2155
- Hr as MerchantLogo,
2156
- zr as P,
2157
- v as TARGETS,
2158
- k as THEMES,
2159
- T as Text,
2160
- Nr as TextField,
2161
- Pr as Toast,
2162
- Br as TokenProvider,
2163
- _r as createMXTheme,
2164
- Or 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
2165
1911
  };
2166
1912
  //# sourceMappingURL=index.es.js.map