@mxenabled/mxui 2.9.1 → 2.9.2

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 (4) hide show
  1. package/dist/components/dialog/Header.d.ts +9 -0
  2. package/dist/index.es.js +236 -221
  3. package/dist/index.es.js.map +1 -1
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -11,8 +11,8 @@ import { startOfYear as K } from "date-fns/startOfYear";
11
11
  import { subDays as Y } from "date-fns/subDays";
12
12
  import { subMonths as ge } from "date-fns/subMonths";
13
13
  import { subYears as he } from "date-fns/subYears";
14
- import me from "@mui/material/useMediaQuery";
15
- import { usePickerContext as Z, useIsValidValue as Q, LocalizationProvider as fe, StaticDateRangePicker as be } from "@mui/x-date-pickers-pro";
14
+ import fe from "@mui/material/useMediaQuery";
15
+ import { usePickerContext as Z, useIsValidValue as Q, LocalizationProvider as me, StaticDateRangePicker as be } from "@mui/x-date-pickers-pro";
16
16
  import { AdapterDateFns as xe } from "@mui/x-date-pickers-pro/AdapterDateFns";
17
17
  import { MultiInputDateRangeField as Te } from "@mui/x-date-pickers-pro/MultiInputDateRangeField";
18
18
  import k from "@mui/material/Box";
@@ -28,11 +28,11 @@ import re from "@mui/material/Typography";
28
28
  import Ie from "@mui/material/Drawer";
29
29
  import Oe from "@mui/material/Snackbar";
30
30
  import Ee from "@mui/material/Alert";
31
- import { FormControlLabel as Fe, Box as P, Typography as X, Radio as B, Checkbox as ve, alpha as f, darken as L, lighten as E, getContrastRatio as Le } from "@mui/material";
31
+ import { FormControlLabel as Fe, Box as P, Typography as X, Radio as B, Checkbox as ve, alpha as m, darken as L, lighten as E, getContrastRatio as Le } from "@mui/material";
32
32
  import { circularProgressClasses as ke } from "@mui/material/CircularProgress";
33
33
  import { LicenseInfo as Ne } from "@mui/x-license";
34
34
  const H = ({
35
- children: e,
35
+ children: r,
36
36
  height: i,
37
37
  size: t = 16,
38
38
  viewBox: s = "0 0 16 16",
@@ -47,42 +47,42 @@ const H = ({
47
47
  viewBox: s,
48
48
  width: l || t,
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
- children: e
50
+ children: r
51
51
  }
52
- ), T = ({ color: e, fill: i = !1, name: t, size: s = 20, sx: l, ...r }) => /* @__PURE__ */ n(se, { color: e, fill: i, name: t, size: s, sx: l, ...r }), Fr = ({
53
- color: e = "currentColor",
52
+ ), T = ({ color: r, fill: i = !1, name: t, size: s = 20, sx: l, ...e }) => /* @__PURE__ */ n(se, { color: r, fill: i, name: t, size: s, sx: l, ...e }), Fr = ({
53
+ color: r = "currentColor",
54
54
  ...i
55
55
  }) => /* @__PURE__ */ b(H, { ...i, children: [
56
56
  /* @__PURE__ */ n(
57
57
  "path",
58
58
  {
59
59
  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",
60
- fill: e
60
+ fill: r
61
61
  }
62
62
  ),
63
63
  /* @__PURE__ */ n(
64
64
  "path",
65
65
  {
66
66
  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",
67
- fill: e
67
+ fill: r
68
68
  }
69
69
  )
70
70
  ] }), vr = ({
71
- color: e = "currentColor",
71
+ color: r = "currentColor",
72
72
  ...i
73
73
  }) => /* @__PURE__ */ b(H, { ...i, children: [
74
74
  /* @__PURE__ */ n(
75
75
  "path",
76
76
  {
77
77
  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",
78
- fill: e
78
+ fill: r
79
79
  }
80
80
  ),
81
81
  /* @__PURE__ */ n(
82
82
  "path",
83
83
  {
84
84
  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",
85
- fill: e
85
+ fill: r
86
86
  }
87
87
  ),
88
88
  /* @__PURE__ */ n(
@@ -90,7 +90,7 @@ const H = ({
90
90
  {
91
91
  clipRule: "evenodd",
92
92
  d: "M15.666 10.97l.101.142h.06l-.1-.152a.11.11 0 00.09-.112c0-.07-.06-.111-.12-.111h-.153v.375h.061v-.142h.06zm-.05-.182h.09c.03 0 .061.03.071.07 0 .041-.04.061-.07.061h-.092v-.131z",
93
- fill: e,
93
+ fill: r,
94
94
  fillRule: "evenodd"
95
95
  }
96
96
  ),
@@ -99,37 +99,37 @@ const H = ({
99
99
  {
100
100
  clipRule: "evenodd",
101
101
  d: "M15.352 10.93a.32.32 0 00.324.323.32.32 0 00.324-.324.32.32 0 00-.324-.324.32.32 0 00-.324.324zm.05 0c0-.152.122-.274.274-.274.152 0 .273.121.273.273a.272.272 0 01-.273.274.272.272 0 01-.273-.274z",
102
- fill: e,
102
+ fill: r,
103
103
  fillRule: "evenodd"
104
104
  }
105
105
  )
106
106
  ] }), Lr = ({
107
- color: e = "currentColor",
107
+ color: r = "currentColor",
108
108
  ...i
109
109
  }) => /* @__PURE__ */ n(H, { ...i, children: /* @__PURE__ */ n(
110
110
  "path",
111
111
  {
112
112
  clipRule: "evenodd",
113
113
  d: "M16 0H0V16H16V0ZM13.979 5.5H12.7758C12.7703 5.5 12.7639 5.50299 12.7607 5.50897L11.3396 7.25908C11.3301 7.26805 11.3151 7.26805 11.3087 7.25908L9.8876 5.50897C9.88443 5.50299 9.87888 5.5 9.87254 5.5H8.66938C8.65353 5.5 8.64244 5.51719 8.65353 5.53139L10.6889 7.98543C10.6945 7.99141 10.6945 8.00336 10.6889 8.00859L8.65353 10.4626C8.64561 10.4738 8.65353 10.4948 8.66938 10.4948H9.87254C9.87888 10.4948 9.88443 10.4918 9.8876 10.4858L11.3087 8.73494C11.3182 8.72672 11.3333 8.72672 11.3396 8.73494L12.7607 10.4858C12.7639 10.4918 12.7703 10.4948 12.7758 10.4948H13.979C13.9948 10.4948 14.0067 10.4768 13.9948 10.4626L11.9594 8.00859C11.9531 8.00336 11.9531 7.99141 11.9594 7.98543L13.9948 5.53139C14.0067 5.52018 13.9972 5.5 13.979 5.5ZM8.97366 9.46462L8.18186 10.3853C8.166 10.4047 8.12875 10.3965 8.12558 10.3703L7.66905 7.28258C7.66588 7.25419 7.62229 7.24821 7.6104 7.27436L5.93486 10.4831C5.93168 10.4951 5.919 10.5003 5.90711 10.5003H5.24371C5.23183 10.5003 5.22231 10.4951 5.21597 10.4831L3.51982 7.25717C3.50714 7.23102 3.46355 7.23625 3.46038 7.26539L2.9983 10.4719C2.9983 10.4861 2.98245 10.4973 2.96659 10.4973H2.03133C2.01231 10.4973 1.99725 10.4802 2.00042 10.463L2.76686 5.52948C2.77003 5.51528 2.78271 5.50333 2.79856 5.50333H3.60859C3.62048 5.50333 3.6292 5.5093 3.63554 5.52051L5.55758 9.17841C5.5663 9.20158 5.60038 9.20158 5.61227 9.17841L7.51529 5.52051C7.51846 5.5093 7.53034 5.50333 7.54303 5.50333H8.34434C8.3594 5.50333 8.37208 5.51528 8.37525 5.52948L8.98238 9.44444C8.98238 9.45042 8.9792 9.45864 8.97366 9.46462Z",
114
- fill: e,
114
+ fill: r,
115
115
  fillRule: "evenodd"
116
116
  }
117
117
  ) }), kr = ({
118
- color: e = "currentColor",
118
+ color: r = "currentColor",
119
119
  ...i
120
120
  }) => /* @__PURE__ */ b(H, { ...i, children: [
121
121
  /* @__PURE__ */ n(
122
122
  "path",
123
123
  {
124
124
  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",
125
- fill: e
125
+ fill: r
126
126
  }
127
127
  ),
128
128
  /* @__PURE__ */ n(
129
129
  "path",
130
130
  {
131
131
  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",
132
- fill: e
132
+ fill: r
133
133
  }
134
134
  ),
135
135
  /* @__PURE__ */ n(
@@ -137,12 +137,12 @@ const H = ({
137
137
  {
138
138
  clipRule: "evenodd",
139
139
  d: "M0 16V0h16v16H0zM1 1h14v14H1V1z",
140
- fill: e,
140
+ fill: r,
141
141
  fillRule: "evenodd"
142
142
  }
143
143
  )
144
144
  ] });
145
- var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), He = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(He || {});
145
+ var g = /* @__PURE__ */ ((r) => (r.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", r.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", r.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", r.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", r.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", r.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", r.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", r.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", r.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", r.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", r.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", r.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", r.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", r.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", r.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", r.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", r.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", r.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", r.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", r.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", r.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", r))(g || {}), He = /* @__PURE__ */ ((r) => (r.Basic = "basic", r.Filled = "filled", r.Transparent = "transparent", r.TwoTone = "two-tone", r))(He || {});
146
146
  const oe = {
147
147
  guid: g.Uncategorized,
148
148
  colorName: "uncategorized",
@@ -250,28 +250,28 @@ const oe = {
250
250
  },
251
251
  oe
252
252
  ], we = 0.625, Pe = ({
253
- categoryGuid: e,
253
+ categoryGuid: r,
254
254
  icon_ratio: i = we,
255
255
  size: t = 32,
256
256
  sx: s = {},
257
257
  variant: l = "filled"
258
258
  }) => {
259
- const r = O(), a = N.useMemo(
260
- () => De.find((m) => m.guid === e) ?? oe,
261
- [e]
262
- ), c = r.palette.categories[a.colorName];
259
+ const e = O(), a = N.useMemo(
260
+ () => De.find((f) => f.guid === r) ?? oe,
261
+ [r]
262
+ ), c = e.palette.categories[a.colorName];
263
263
  return /* @__PURE__ */ n(
264
264
  A,
265
265
  {
266
266
  alignItems: "center",
267
267
  bgcolor: () => {
268
- let m = c;
269
- return l === "twotone" && (m = `${m}20`), l === "transparent" || l === "basic" ? "transparent" : m;
268
+ let f = c;
269
+ return l === "twotone" && (f = `${f}20`), l === "transparent" || l === "basic" ? "transparent" : f;
270
270
  },
271
271
  borderRadius: 1,
272
272
  color: () => {
273
- const m = l === "filled" ? r.palette.common.white : c;
274
- return l === "basic" ? r.palette.text.primary : m;
273
+ const f = l === "filled" ? e.palette.common.white : c;
274
+ return l === "basic" ? e.palette.text.primary : f;
275
275
  },
276
276
  height: t,
277
277
  justifyContent: "center",
@@ -280,8 +280,8 @@ const oe = {
280
280
  children: /* @__PURE__ */ n(T, { name: a.icon, size: t * i })
281
281
  }
282
282
  );
283
- }, Be = ({ items: e, selected: i }) => {
284
- const t = O(), { setValue: s } = Z(), l = Q(), r = e?.map((a) => {
283
+ }, Be = ({ items: r, selected: i }) => {
284
+ const t = O(), { setValue: s } = Z(), l = Q(), e = r?.map((a) => {
285
285
  const c = a.getValue({ isValid: l });
286
286
  return {
287
287
  label: a.label,
@@ -291,7 +291,7 @@ const oe = {
291
291
  disabled: !l(c)
292
292
  };
293
293
  });
294
- return /* @__PURE__ */ n(k, { sx: { gridColumn: 1, gridRow: "2/3", ml: "4px", mt: "24px", mr: "32px" }, children: /* @__PURE__ */ n(Me, { color: "primary", orientation: "vertical", value: i, children: r?.map((a) => /* @__PURE__ */ n(
294
+ return /* @__PURE__ */ n(k, { sx: { gridColumn: 1, gridRow: "2/3", ml: "4px", mt: "24px", mr: "32px" }, children: /* @__PURE__ */ n(Me, { color: "primary", orientation: "vertical", value: i, children: e?.map((a) => /* @__PURE__ */ n(
295
295
  Re,
296
296
  {
297
297
  onClick: a.onClick,
@@ -320,11 +320,11 @@ const oe = {
320
320
  a.label
321
321
  )) }) });
322
322
  }, _e = ({
323
- items: e,
323
+ items: r,
324
324
  selected: i,
325
325
  selectLabel: t
326
326
  }) => {
327
- const { setValue: s } = Z(), l = Q(), r = e?.map((a) => {
327
+ const { setValue: s } = Z(), l = Q(), e = r?.map((a) => {
328
328
  const c = a.getValue({ isValid: l });
329
329
  return {
330
330
  label: a.label,
@@ -345,11 +345,11 @@ const oe = {
345
345
  sx: { width: "100%" },
346
346
  value: i,
347
347
  variant: "outlined",
348
- children: r?.map((a) => /* @__PURE__ */ n(Ce, { onClick: a.onClick, value: a.label, children: a.label }, a.label))
348
+ children: e?.map((a) => /* @__PURE__ */ n(Ce, { onClick: a.onClick, value: a.label, children: a.label }, a.label))
349
349
  }
350
350
  ) });
351
- }, ze = (e) => {
352
- const { toolbar: i, content: t, shortcuts: s, ownerState: l } = ye(e);
351
+ }, ze = (r) => {
352
+ const { toolbar: i, content: t, shortcuts: s, ownerState: l } = ye(r);
353
353
  return /* @__PURE__ */ b(
354
354
  Se,
355
355
  {
@@ -385,56 +385,56 @@ const oe = {
385
385
  }
386
386
  );
387
387
  }, Nr = ({
388
- copy: e,
388
+ copy: r,
389
389
  dateRange: i,
390
390
  onRangeChanged: t,
391
- selectedShortcut: s = e.dateRangeThisMonth,
391
+ selectedShortcut: s = r.dateRangeThisMonth,
392
392
  sx: l = {}
393
393
  }) => {
394
- const r = O(), a = me(r.breakpoints.down("sm")), c = N.useMemo(() => {
395
- const o = ue(), m = ge(o, 1), x = he(o, 1);
394
+ const e = O(), a = fe(e.breakpoints.down("sm")), c = N.useMemo(() => {
395
+ const o = ue(), f = ge(o, 1), x = he(o, 1);
396
396
  return [
397
397
  {
398
- label: e.dateRangeThisMonth,
398
+ label: r.dateRangeThisMonth,
399
399
  getValue: () => [W(o), V(o)]
400
400
  },
401
401
  {
402
- label: e.dateRangeLastMonth,
403
- getValue: () => [W(m), V(m)]
402
+ label: r.dateRangeLastMonth,
403
+ getValue: () => [W(f), V(f)]
404
404
  },
405
405
  {
406
- label: e.dateRangeLast30Days,
406
+ label: r.dateRangeLast30Days,
407
407
  getValue: () => [Y(o, 30), o]
408
408
  },
409
409
  {
410
- label: e.dateRangeLast90Days,
410
+ label: r.dateRangeLast90Days,
411
411
  getValue: () => [Y(o, 90), o]
412
412
  },
413
413
  {
414
- label: e.dateRangeYTD,
414
+ label: r.dateRangeYTD,
415
415
  getValue: () => [K(o), o]
416
416
  },
417
417
  {
418
- label: e.dateRangeLastYear,
418
+ label: r.dateRangeLastYear,
419
419
  getValue: () => [K(x), pe(x)]
420
420
  },
421
421
  {
422
- label: e.dateRangeCustom,
422
+ label: r.dateRangeCustom,
423
423
  getValue: () => [o, o]
424
424
  }
425
425
  ];
426
- }, [e]), d = (o, m) => {
427
- const x = m.shortcut;
428
- t?.(o, x ? x.label : e.dateRangeCustom);
426
+ }, [r]), d = (o, f) => {
427
+ const x = f.shortcut;
428
+ t?.(o, x ? x.label : r.dateRangeCustom);
429
429
  };
430
- return /* @__PURE__ */ n(A, { gap: a ? 0 : "16px", m: a ? 0 : "8px", children: /* @__PURE__ */ n(fe, { dateAdapter: xe, children: /* @__PURE__ */ n(
430
+ return /* @__PURE__ */ n(A, { gap: a ? 0 : "16px", m: a ? 0 : "8px", children: /* @__PURE__ */ n(me, { dateAdapter: xe, children: /* @__PURE__ */ n(
431
431
  be,
432
432
  {
433
433
  calendars: 1,
434
434
  localeText: {
435
- start: e.dateRangeFrom,
436
- end: e.dateRangeTo,
437
- toolbarTitle: e.dateRangeToolbarTitle
435
+ start: r.dateRangeFrom,
436
+ end: r.dateRangeTo,
437
+ toolbarTitle: r.dateRangeToolbarTitle
438
438
  },
439
439
  onChange: d,
440
440
  showDaysOutsideCurrentMonth: !0,
@@ -461,7 +461,7 @@ const oe = {
461
461
  shortcuts: (o) => a ? /* @__PURE__ */ n(
462
462
  _e,
463
463
  {
464
- selectLabel: e.dateRangeSelectARange,
464
+ selectLabel: r.dateRangeSelectARange,
465
465
  selected: s,
466
466
  ...o
467
467
  }
@@ -475,8 +475,8 @@ const oe = {
475
475
  format: "MM/dd/yyyy",
476
476
  ...o,
477
477
  slotProps: {
478
- textField: ({ position: m }) => ({
479
- label: m === "start" ? e.dateRangeFrom : e.dateRangeTo
478
+ textField: ({ position: f }) => ({
479
+ label: f === "start" ? r.dateRangeFrom : r.dateRangeTo
480
480
  })
481
481
  },
482
482
  sx: { gap: "8px" }
@@ -491,12 +491,12 @@ const oe = {
491
491
  }, Hr = N.forwardRef(function(i, t) {
492
492
  return /* @__PURE__ */ n(q, { direction: "up", ref: t, ...i });
493
493
  }), $e = ({
494
- hasSecondaryAction: e = !0,
494
+ hasSecondaryAction: r = !0,
495
495
  isPrimaryDisabled: i,
496
496
  onPrimaryAction: t,
497
497
  onSecondaryAction: s,
498
498
  primaryColor: l = "primary",
499
- primaryText: r = "Save",
499
+ primaryText: e = "Save",
500
500
  secondaryColor: a = "primary",
501
501
  secondaryText: c = "Cancel"
502
502
  }) => /* @__PURE__ */ b(
@@ -507,7 +507,7 @@ const oe = {
507
507
  justifyContent: "flex-end",
508
508
  sx: { bgcolor: "background.paper", p: "24px" },
509
509
  children: [
510
- e && /* @__PURE__ */ n(
510
+ r && /* @__PURE__ */ n(
511
511
  $,
512
512
  {
513
513
  color: a,
@@ -523,18 +523,18 @@ const oe = {
523
523
  disabled: i,
524
524
  onClick: t,
525
525
  variant: "contained",
526
- children: r
526
+ children: e
527
527
  }
528
528
  )
529
529
  ]
530
530
  }
531
531
  ), F = ({
532
- bold: e,
532
+ bold: r,
533
533
  className: i = "",
534
534
  children: t,
535
535
  color: s,
536
536
  sx: l = {},
537
- truncate: r,
537
+ truncate: e,
538
538
  uppercase: a,
539
539
  ...c
540
540
  }) => /* @__PURE__ */ n(
@@ -543,10 +543,10 @@ const oe = {
543
543
  className: `mx-kmui-text ${i}`,
544
544
  color: s,
545
545
  sx: [
546
- e ? {
546
+ r ? {
547
547
  fontWeight: 600
548
548
  } : {},
549
- r ? {
549
+ e ? {
550
550
  overflow: "hidden",
551
551
  textOverflow: "ellipsis",
552
552
  whiteSpace: "nowrap"
@@ -559,7 +559,13 @@ const oe = {
559
559
  ...c,
560
560
  children: t
561
561
  }
562
- ), Ue = ({ className: e = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h1 ${e}`, component: "h1", variant: "h1", ...t, children: i }), Dr = ({ className: e = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h2 ${e}`, component: "h2", variant: "h2", ...t, children: i }), wr = ({ className: e = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h3 ${e}`, component: "h3", variant: "h3", ...t, children: i }), Pr = ({ className: e = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text p ${e}`, component: "p", variant: "body1", ...t, children: i }), Br = ({ copy: e, onClose: i, truncate: t = !1 }) => /* @__PURE__ */ b(
562
+ ), Ue = ({ className: r = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h1 ${r}`, component: "h1", variant: "h1", ...t, children: i }), Dr = ({ className: r = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h2 ${r}`, component: "h2", variant: "h2", ...t, children: i }), wr = ({ className: r = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h3 ${r}`, component: "h3", variant: "h3", ...t, children: i }), Pr = ({ className: r = "", children: i, ...t }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text p ${r}`, component: "p", variant: "body1", ...t, children: i }), Br = ({
563
+ ariaHidden: r = !1,
564
+ copy: i,
565
+ id: t,
566
+ onClose: s,
567
+ truncate: l = !1
568
+ }) => /* @__PURE__ */ b(
563
569
  A,
564
570
  {
565
571
  sx: {
@@ -570,17 +576,26 @@ const oe = {
570
576
  py: "14px"
571
577
  },
572
578
  children: [
573
- /* @__PURE__ */ n(Ue, { truncate: t, variant: "h3", children: e.title }),
574
- /* @__PURE__ */ n(ee, { "aria-label": e.close_aria, onClick: i, sx: { mr: "-12px" }, children: /* @__PURE__ */ n(de, {}) })
579
+ /* @__PURE__ */ n(
580
+ Ue,
581
+ {
582
+ "aria-hidden": r && t ? !0 : void 0,
583
+ id: t,
584
+ truncate: l,
585
+ variant: "h3",
586
+ children: i.title
587
+ }
588
+ ),
589
+ /* @__PURE__ */ n(ee, { "aria-label": i.close_aria, onClick: s, sx: { mr: "-12px" }, children: /* @__PURE__ */ n(de, {}) })
575
590
  ]
576
591
  }
577
592
  ), _r = ({
578
- className: e,
593
+ className: r,
579
594
  disableSave: i,
580
595
  id: t,
581
596
  isOpen: s,
582
597
  onClose: l,
583
- onSave: r,
598
+ onSave: e,
584
599
  primaryText: a,
585
600
  secondaryText: c,
586
601
  children: d,
@@ -589,7 +604,7 @@ const oe = {
589
604
  Ie,
590
605
  {
591
606
  anchor: "right",
592
- className: `mx-kmui-drawer ${e}`,
607
+ className: `mx-kmui-drawer ${r}`,
593
608
  id: t ?? void 0,
594
609
  onClose: l,
595
610
  open: s,
@@ -597,11 +612,11 @@ const oe = {
597
612
  ...o,
598
613
  children: [
599
614
  d,
600
- r && /* @__PURE__ */ n(
615
+ e && /* @__PURE__ */ n(
601
616
  $e,
602
617
  {
603
618
  isPrimaryDisabled: i,
604
- onPrimaryAction: r,
619
+ onPrimaryAction: e,
605
620
  onSecondaryAction: l,
606
621
  primaryText: a,
607
622
  secondaryText: c
@@ -610,7 +625,7 @@ const oe = {
610
625
  ]
611
626
  }
612
627
  ), te = 32, U = "https://content.moneydesktop.com/storage/MD_Assets", j = `${U}/serenity/default_institution_logo.png`, zr = ({
613
- alt: e,
628
+ alt: r,
614
629
  institutionGuid: i,
615
630
  logoUrl: t,
616
631
  size: s = te,
@@ -618,10 +633,10 @@ const oe = {
618
633
  }) => /* @__PURE__ */ n(
619
634
  "img",
620
635
  {
621
- alt: e,
636
+ alt: r,
622
637
  height: s,
623
- onError: (r) => {
624
- const a = r.target;
638
+ onError: (e) => {
639
+ const a = e.target;
625
640
  a.src !== j && (a.src = j);
626
641
  },
627
642
  src: t || `${U}/Ipad%20Logos/100x100/${i}_100x100.png`,
@@ -632,19 +647,19 @@ const oe = {
632
647
  ...l
633
648
  }
634
649
  ), $r = ({
635
- alt: e = "",
650
+ alt: r = "",
636
651
  categoryGuid: i,
637
652
  merchantGuid: t,
638
653
  size: s = te,
639
654
  ...l
640
655
  }) => {
641
- const [r, a] = N.useState(!1), c = O();
656
+ const [e, a] = N.useState(!1), c = O();
642
657
  return /* @__PURE__ */ b(k, { display: "inline-block", position: "relative", ...l, children: [
643
- t && !r && /* @__PURE__ */ n(
658
+ t && !e && /* @__PURE__ */ n(
644
659
  "img",
645
660
  {
646
- alt: e,
647
- "aria-hidden": !e,
661
+ alt: r,
662
+ "aria-hidden": !r,
648
663
  height: s,
649
664
  onError: () => a(!0),
650
665
  src: `${U}/merchant_logos/${t}.png`,
@@ -660,16 +675,16 @@ const oe = {
660
675
  /* @__PURE__ */ n(Pe, { categoryGuid: i, size: s })
661
676
  ] });
662
677
  }, Ur = ({
663
- disabled: e = !1,
678
+ disabled: r = !1,
664
679
  label: i = "",
665
680
  shrink: t = !0,
666
681
  truncate: s = !1,
667
682
  variant: l = "outlined",
668
- ...r
683
+ ...e
669
684
  }) => /* @__PURE__ */ n(
670
685
  J,
671
686
  {
672
- disabled: e,
687
+ disabled: r,
673
688
  label: i,
674
689
  slotProps: {
675
690
  inputLabel: {
@@ -685,33 +700,33 @@ const oe = {
685
700
  }
686
701
  },
687
702
  variant: l,
688
- ...r
703
+ ...e
689
704
  }
690
705
  );
691
- function Ge(e) {
692
- return /* @__PURE__ */ n(q, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
706
+ function Ge(r) {
707
+ return /* @__PURE__ */ n(q, { ...r, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
693
708
  }
694
709
  const Gr = ({
695
- open: e = !0,
710
+ open: r = !0,
696
711
  handleClose: i,
697
712
  closeAriaLabel: t,
698
713
  message: s,
699
714
  autoHideDuration: l = 3e3,
700
- severity: r = "success",
715
+ severity: e = "success",
701
716
  snackbarSx: a,
702
717
  showAction: c = !1,
703
718
  showClose: d = !1,
704
719
  actionText: o = "Undo",
705
- onActionClick: m
720
+ onActionClick: f
706
721
  }) => {
707
- const x = O(), v = d && /* @__PURE__ */ n(ee, { "aria-label": t, color: "inherit", onClick: i, size: "small", children: /* @__PURE__ */ n(T, { fill: !0, name: "close" }) }), h = `${r}.main`;
722
+ const x = O(), v = d && /* @__PURE__ */ n(ee, { "aria-label": t, color: "inherit", onClick: i, size: "small", children: /* @__PURE__ */ n(T, { fill: !0, name: "close" }) }), h = `${e}.main`;
708
723
  return /* @__PURE__ */ n(
709
724
  Oe,
710
725
  {
711
726
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
712
727
  autoHideDuration: l,
713
728
  onClose: i,
714
- open: e,
729
+ open: r,
715
730
  slots: { transition: Ge },
716
731
  sx: {
717
732
  ...a,
@@ -723,7 +738,7 @@ const Gr = ({
723
738
  Ee,
724
739
  {
725
740
  action: v,
726
- severity: r,
741
+ severity: e,
727
742
  sx: {
728
743
  backgroundColor: h,
729
744
  display: "flex",
@@ -768,7 +783,7 @@ const Gr = ({
768
783
  $,
769
784
  {
770
785
  color: "inherit",
771
- onClick: m || i,
786
+ onClick: f || i,
772
787
  size: "small",
773
788
  sx: {
774
789
  color: x.palette.success.contrastText,
@@ -788,26 +803,26 @@ const Gr = ({
788
803
  }
789
804
  );
790
805
  }, Vr = ({
791
- component: e = B,
806
+ component: r = B,
792
807
  variant: i = "outlined",
793
808
  selected: t,
794
809
  onChange: s,
795
810
  headline: l,
796
- message: r,
811
+ message: e,
797
812
  name: a,
798
813
  value: c,
799
814
  disabled: d = !1,
800
815
  error: o = !1,
801
- icon: m = !1,
816
+ icon: f = !1,
802
817
  sx: x = {},
803
818
  ...v
804
819
  }) => {
805
- const h = O(), ie = () => h.palette.background.paper, D = () => o ? `inset 0px 0px 0px 2px ${h.palette.error.main}` : d ? t ? `inset 0px 0px 0px 2px ${h.palette.action.disabled}` : i === "outlined" ? `inset 0px 0px 0px 1px ${h.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${h.palette.action.disabled}` : i === "outlined" ? t ? `inset 0px 0px 0px 2px ${f(h.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${f(h.palette.common.black, 0.23)}` : t ? `inset 0px 0px 0px 2px ${f(h.palette.primary.main, 0.5)}` : h.shadows[1], ae = () => d || o ? h.palette.background.paper : f(h.palette.primary.main, 0.1), ne = () => d || o ? D() : i === "outlined" ? t ? `inset 0px 0px 0px 2px ${f(h.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${f(h.palette.primary.main, 0.5)}` : D(), le = () => d || o ? h.palette.background.paper : f(h.palette.primary.main, 0.3);
820
+ const h = O(), ie = () => h.palette.background.paper, D = () => o ? `inset 0px 0px 0px 2px ${h.palette.error.main}` : d ? t ? `inset 0px 0px 0px 2px ${h.palette.action.disabled}` : i === "outlined" ? `inset 0px 0px 0px 1px ${h.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${h.palette.action.disabled}` : i === "outlined" ? t ? `inset 0px 0px 0px 2px ${m(h.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${m(h.palette.common.black, 0.23)}` : t ? `inset 0px 0px 0px 2px ${m(h.palette.primary.main, 0.5)}` : h.shadows[1], ae = () => d || o ? h.palette.background.paper : m(h.palette.primary.main, 0.1), ne = () => d || o ? D() : i === "outlined" ? t ? `inset 0px 0px 0px 2px ${m(h.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${m(h.palette.primary.main, 0.5)}` : D(), le = () => d || o ? h.palette.background.paper : m(h.palette.primary.main, 0.3);
806
821
  return /* @__PURE__ */ n(
807
822
  Fe,
808
823
  {
809
824
  checked: t,
810
- control: e === B ? /* @__PURE__ */ n(
825
+ control: r === B ? /* @__PURE__ */ n(
811
826
  B,
812
827
  {
813
828
  name: a,
@@ -840,10 +855,10 @@ const Gr = ({
840
855
  ),
841
856
  disabled: d,
842
857
  label: /* @__PURE__ */ b(P, { sx: { display: "flex", alignItems: "flex-start", width: "100%" }, children: [
843
- m && /* @__PURE__ */ n(P, { sx: { mr: "12px", mt: "8px", flexShrink: 0 }, children: m }),
858
+ f && /* @__PURE__ */ n(P, { sx: { mr: "12px", mt: "8px", flexShrink: 0 }, children: f }),
844
859
  /* @__PURE__ */ b(P, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
845
860
  l && /* @__PURE__ */ n(X, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: l }),
846
- /* @__PURE__ */ n(X, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: r })
861
+ /* @__PURE__ */ n(X, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: e })
847
862
  ] })
848
863
  ] }),
849
864
  labelPlacement: "start",
@@ -882,13 +897,13 @@ const Gr = ({
882
897
  );
883
898
  }, S = {
884
899
  LIGHT: "light"
885
- }, Wr = ({ color: e = "neutral", icon: i, label: t, size: s = "small", sx: l, ...r }) => /* @__PURE__ */ b(
900
+ }, Wr = ({ color: r = "neutral", icon: i, label: t, size: s = "small", sx: l, ...e }) => /* @__PURE__ */ b(
886
901
  k,
887
902
  {
888
903
  component: "span",
889
904
  sx: [
890
905
  (a) => {
891
- const c = a.palette.mode === S.LIGHT, d = e === "default" ? "neutral" : e;
906
+ const c = a.palette.mode === S.LIGHT, d = r === "default" ? "neutral" : r;
892
907
  return {
893
908
  alignItems: "center",
894
909
  borderRadius: 999,
@@ -903,7 +918,7 @@ const Gr = ({
903
918
  },
904
919
  ...Array.isArray(l) ? l : [l]
905
920
  ],
906
- ...r,
921
+ ...e,
907
922
  children: [
908
923
  i && /* @__PURE__ */ n(
909
924
  k,
@@ -929,17 +944,17 @@ const Gr = ({
929
944
  )
930
945
  ]
931
946
  }
932
- ), R = (e) => ({
933
- 50: E(e, 0.95),
934
- 100: E(e, 0.85),
935
- 200: E(e, 0.7),
936
- 300: E(e, 0.55),
937
- 400: E(e, 0.3),
938
- 500: e,
939
- 600: L(e, 0.3),
940
- 700: L(e, 0.5),
941
- 800: L(e, 0.65),
942
- 900: L(e, 0.75)
947
+ ), R = (r) => ({
948
+ 50: E(r, 0.95),
949
+ 100: E(r, 0.85),
950
+ 200: E(r, 0.7),
951
+ 300: E(r, 0.55),
952
+ 400: E(r, 0.3),
953
+ 500: r,
954
+ 600: L(r, 0.3),
955
+ 700: L(r, 0.5),
956
+ 800: L(r, 0.65),
957
+ 900: L(r, 0.75)
943
958
  }), M = "#FFFFFF", _ = "#000000", Ve = "#F9F9F9", We = "#000000", Ke = "#FFFFFF", Ye = "#000000", C = {
944
959
  PRIMARY: "#2C64EF",
945
960
  SECONDARY: "#808080",
@@ -1009,10 +1024,10 @@ const Gr = ({
1009
1024
  TRANSFER: "#75C7B7",
1010
1025
  TRAVEL: "#76ACF7",
1011
1026
  UNCATEGORIZED: "#BCC6D4"
1012
- }, Xe = (e, i) => {
1013
- const t = R(i?.primary || C.PRIMARY), s = R(i?.secondary || C.SECONDARY), l = R(i?.error || C.ERROR), r = R(i?.warning || C.WARNING), a = R(i?.info || C.INFO), c = R(i?.success || C.SUCCESS), d = R(i?.grey || C.GREY), o = e === S.LIGHT;
1027
+ }, Xe = (r, i) => {
1028
+ const t = R(i?.primary || C.PRIMARY), s = R(i?.secondary || C.SECONDARY), l = R(i?.error || C.ERROR), e = R(i?.warning || C.WARNING), a = R(i?.info || C.INFO), c = R(i?.success || C.SUCCESS), d = R(i?.grey || C.GREY), o = r === S.LIGHT;
1014
1029
  return {
1015
- mode: e,
1030
+ mode: r,
1016
1031
  common: {
1017
1032
  white: M,
1018
1033
  black: _
@@ -1044,8 +1059,8 @@ const Gr = ({
1044
1059
  },
1045
1060
  text: {
1046
1061
  primary: o ? d[900] : M,
1047
- secondary: o ? d[600] : f(M, 0.7),
1048
- disabled: o ? d[500] : f(M, 0.38)
1062
+ secondary: o ? d[600] : m(M, 0.7),
1063
+ disabled: o ? d[500] : m(M, 0.38)
1049
1064
  },
1050
1065
  error: {
1051
1066
  ...l,
@@ -1056,12 +1071,12 @@ const Gr = ({
1056
1071
  darker: o ? l[800] : l[100]
1057
1072
  },
1058
1073
  warning: {
1059
- ...r,
1060
- lighter: o ? r[100] : r[700],
1061
- light: o ? r[300] : r[600],
1062
- main: o ? r[500] : r[400],
1063
- dark: o ? r[700] : r[200],
1064
- darker: o ? r[800] : r[100]
1074
+ ...e,
1075
+ lighter: o ? e[100] : e[700],
1076
+ light: o ? e[300] : e[600],
1077
+ main: o ? e[500] : e[400],
1078
+ dark: o ? e[700] : e[200],
1079
+ darker: o ? e[800] : e[100]
1065
1080
  },
1066
1081
  info: {
1067
1082
  ...a,
@@ -1081,7 +1096,7 @@ const Gr = ({
1081
1096
  },
1082
1097
  grey: d,
1083
1098
  action: {
1084
- active: o ? f(_, 0.56) : f(M, 0.56),
1099
+ active: o ? m(_, 0.56) : m(M, 0.56),
1085
1100
  hoverOpacity: o ? 0.1 : 0.2,
1086
1101
  selectedOpacity: o ? 0.16 : 0.25,
1087
1102
  focusOpacity: 0.3
@@ -1092,7 +1107,7 @@ const Gr = ({
1092
1107
  highlight: o ? d[200] : d[600],
1093
1108
  highlightPrimary: o ? t[100] : t[500]
1094
1109
  },
1095
- divider: o ? f(_, 0.12) : f(M, 0.24),
1110
+ divider: o ? m(_, 0.12) : m(M, 0.24),
1096
1111
  categories: {
1097
1112
  autoTransport: o ? p.AUTO_TRANSPORTT : u.AUTO_TRANSPORTT,
1098
1113
  billsUtilities: o ? p.BILLS_UTILITIES : u.BILLS_UTILITIES,
@@ -1135,8 +1150,8 @@ const Gr = ({
1135
1150
  chartMono6: I.CHART_MONO6
1136
1151
  }
1137
1152
  };
1138
- }, z = "Inter, Helvetica, Arial, sans-serif", je = (e) => {
1139
- const i = e?.fontFamily ? `${e?.fontFamily}, ${z}` : z, t = e?.headerFontFamily ? `${e.headerFontFamily}, ${z}` : i;
1153
+ }, z = "Inter, Helvetica, Arial, sans-serif", je = (r) => {
1154
+ const i = r?.fontFamily ? `${r?.fontFamily}, ${z}` : z, t = r?.headerFontFamily ? `${r.headerFontFamily}, ${z}` : i;
1140
1155
  return {
1141
1156
  fontFamily: i,
1142
1157
  fontSize: 15,
@@ -1197,8 +1212,8 @@ const Gr = ({
1197
1212
  Ne.setLicenseKey(
1198
1213
  "702b0c04dc7df078768d2d45cd3a98c6Tz0xMjEzMDYsRT0xNzkzNzUwMzk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
1199
1214
  );
1200
- const Kr = (e, i) => {
1201
- const t = Xe(e, i?.paletteOptions), s = je(i?.typographyOptions), l = [...G().shadows];
1215
+ const Kr = (r, i) => {
1216
+ const t = Xe(r, i?.paletteOptions), s = je(i?.typographyOptions), l = [...G().shadows];
1202
1217
  return l[1] = "0px 2px 8px 0 rgba(0, 0, 0, 0.12)", l[8] = "0px 6px 12px 0 rgba(0, 0, 0, 0.16), 0px 3px 8px 0 rgba(0, 0, 0, 0.06)", l[16] = "0px 12px 20px 0 rgba(0, 0, 0, 0.22)", G({
1203
1218
  breakpoints: i?.breakpoints || {
1204
1219
  values: {
@@ -1233,19 +1248,19 @@ const Kr = (e, i) => {
1233
1248
  variant: "outlined"
1234
1249
  },
1235
1250
  styleOverrides: {
1236
- root: ({ theme: r, ownerState: a }) => {
1251
+ root: ({ theme: e, ownerState: a }) => {
1237
1252
  const c = a.severity || "info";
1238
- let d = r.palette.mode === S.LIGHT ? r.palette[c]?.[50] : r.palette[c]?.[800];
1253
+ let d = e.palette.mode === S.LIGHT ? e.palette[c]?.[50] : e.palette[c]?.[800];
1239
1254
  if (a.variant === "filled") {
1240
1255
  const o = c === "warning";
1241
- d = r.palette[c]?.[o ? 400 : 600];
1256
+ d = e.palette[c]?.[o ? 400 : 600];
1242
1257
  }
1243
1258
  return {
1244
1259
  backgroundColor: d,
1245
- borderRadius: r.shape.borderRadius,
1260
+ borderRadius: e.shape.borderRadius,
1246
1261
  "& .MuiAlert-message": {
1247
- fontSize: r.typography.subtitle1.fontSize,
1248
- lineHeight: r.typography.subtitle1.lineHeight,
1262
+ fontSize: e.typography.subtitle1.fontSize,
1263
+ lineHeight: e.typography.subtitle1.lineHeight,
1249
1264
  marginTop: "auto",
1250
1265
  marginBottom: "auto"
1251
1266
  },
@@ -1271,14 +1286,14 @@ const Kr = (e, i) => {
1271
1286
  disableElevation: !0
1272
1287
  },
1273
1288
  styleOverrides: {
1274
- root: ({ theme: r }) => ({
1289
+ root: ({ theme: e }) => ({
1275
1290
  fontWeight: 600,
1276
1291
  textTransform: "none",
1277
1292
  "&.Mui-disabled": {
1278
1293
  cursor: "not-allowed"
1279
1294
  },
1280
1295
  "&.Mui-focusVisible": {
1281
- outline: `2px solid ${r.palette.info.main}`,
1296
+ outline: `2px solid ${e.palette.info.main}`,
1282
1297
  outlineOffset: "2px"
1283
1298
  }
1284
1299
  }),
@@ -1296,9 +1311,9 @@ const Kr = (e, i) => {
1296
1311
  },
1297
1312
  {
1298
1313
  props: { variant: "outlined", color: "error" },
1299
- style: ({ theme: r }) => ({
1314
+ style: ({ theme: e }) => ({
1300
1315
  "&:hover, &:active": {
1301
- color: r.palette.error.dark
1316
+ color: e.palette.error.dark
1302
1317
  }
1303
1318
  })
1304
1319
  }
@@ -1334,15 +1349,15 @@ const Kr = (e, i) => {
1334
1349
  deleteIcon: /* @__PURE__ */ n("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ n(T, { name: "close" }) })
1335
1350
  },
1336
1351
  styleOverrides: {
1337
- root: ({ theme: r, ownerState: a }) => {
1338
- const c = !a.color || a.color === "default" ? "primary" : a.color, d = a.size === "small", o = d ? r.typography.caption : r.typography.body2;
1352
+ root: ({ theme: e, ownerState: a }) => {
1353
+ const c = !a.color || a.color === "default" ? "primary" : a.color, d = a.size === "small", o = d ? e.typography.caption : e.typography.body2;
1339
1354
  return {
1340
- borderRadius: r.shape.borderRadius,
1341
- color: r.palette[c].main,
1355
+ borderRadius: e.shape.borderRadius,
1356
+ color: e.palette[c].main,
1342
1357
  fontSize: o.fontSize,
1343
1358
  lineHeight: o.lineHeight,
1344
1359
  "&.Mui-focusVisible": {
1345
- outline: `2px solid ${r.palette.info.main}`,
1360
+ outline: `2px solid ${e.palette.info.main}`,
1346
1361
  outlineOffset: "2px"
1347
1362
  },
1348
1363
  "& > .MuiSvgIcon-root": {
@@ -1356,27 +1371,27 @@ const Kr = (e, i) => {
1356
1371
  height: d ? "18px" : "24px"
1357
1372
  },
1358
1373
  "& .MuiChip-deleteIcon": {
1359
- color: r.palette[c].main,
1374
+ color: e.palette[c].main,
1360
1375
  "&:hover": {
1361
- color: r.palette[c].dark
1376
+ color: e.palette[c].dark
1362
1377
  }
1363
1378
  },
1364
1379
  "&.MuiChip-clickable:hover, &.Mui-focusVisible": {
1365
- backgroundColor: f(
1366
- r.palette[c].main,
1367
- r.palette.action.hoverOpacity
1380
+ backgroundColor: m(
1381
+ e.palette[c].main,
1382
+ e.palette.action.hoverOpacity
1368
1383
  )
1369
1384
  },
1370
1385
  "&.MuiChip-clickable:active": {
1371
- backgroundColor: f(
1372
- r.palette[c].main,
1373
- r.palette.action.focusOpacity
1386
+ backgroundColor: m(
1387
+ e.palette[c].main,
1388
+ e.palette.action.focusOpacity
1374
1389
  )
1375
1390
  }
1376
1391
  };
1377
1392
  },
1378
- label: ({ ownerState: r }) => ({
1379
- ...r.icon && {
1393
+ label: ({ ownerState: e }) => ({
1394
+ ...e.icon && {
1380
1395
  paddingLeft: "4px"
1381
1396
  }
1382
1397
  })
@@ -1384,16 +1399,16 @@ const Kr = (e, i) => {
1384
1399
  variants: [
1385
1400
  {
1386
1401
  props: { variant: "filled" },
1387
- style: ({ theme: r }) => ({
1402
+ style: ({ theme: e }) => ({
1388
1403
  "& .MuiChip-label, & > .MuiSvgIcon-root": {
1389
- color: r.palette.text.primary
1404
+ color: e.palette.text.primary
1390
1405
  }
1391
1406
  })
1392
1407
  },
1393
- ...["primary", "secondary", "error", "warning", "info", "success", "neutral"].map((r) => ({
1394
- props: { variant: "filled", color: r },
1408
+ ...["primary", "secondary", "error", "warning", "info", "success", "neutral"].map((e) => ({
1409
+ props: { variant: "filled", color: e },
1395
1410
  style: ({ theme: a }) => ({
1396
- backgroundColor: a.palette[r][a.palette.mode === S.LIGHT ? 100 : 800]
1411
+ backgroundColor: a.palette[e][a.palette.mode === S.LIGHT ? 100 : 800]
1397
1412
  })
1398
1413
  }))
1399
1414
  ]
@@ -1422,22 +1437,22 @@ const Kr = (e, i) => {
1422
1437
  },
1423
1438
  MuiDataGrid: {
1424
1439
  styleOverrides: {
1425
- root: ({ theme: r }) => ({
1440
+ root: ({ theme: e }) => ({
1426
1441
  border: "none",
1427
1442
  borderRadius: 0,
1428
- fontSize: r.typography.body2.fontSize,
1443
+ fontSize: e.typography.body2.fontSize,
1429
1444
  "& .MuiDataGrid-cell": {
1430
1445
  display: "flex",
1431
1446
  alignItems: "center",
1432
1447
  borderTop: "1px solid",
1433
- borderColor: r.palette.background.highlight
1448
+ borderColor: e.palette.background.highlight
1434
1449
  },
1435
1450
  "& .MuiDataGrid-cell:focus": { outline: "unset" },
1436
1451
  "& .MuiDataGrid-iconSeparator": { display: "none" },
1437
1452
  "& .MuiDataGrid-columnHeaders": {
1438
- backgroundColor: r.palette.background.paper,
1453
+ backgroundColor: e.palette.background.paper,
1439
1454
  borderBottom: "2px solid",
1440
- borderColor: r.palette.divider
1455
+ borderColor: e.palette.divider
1441
1456
  },
1442
1457
  "& .MuiDataGrid-columnHeaderTitle": {
1443
1458
  fontWeight: 600
@@ -1455,42 +1470,42 @@ const Kr = (e, i) => {
1455
1470
  },
1456
1471
  MuiDateRangePickerDay: {
1457
1472
  styleOverrides: {
1458
- root: ({ theme: r }) => ({
1473
+ root: ({ theme: e }) => ({
1459
1474
  ":first-of-type": {
1460
- borderTopLeftRadius: r.shape.borderRadius,
1461
- borderBottomLeftRadius: r.shape.borderRadius,
1475
+ borderTopLeftRadius: e.shape.borderRadius,
1476
+ borderBottomLeftRadius: e.shape.borderRadius,
1462
1477
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1463
- borderTopLeftRadius: r.shape.borderRadius,
1464
- borderBottomLeftRadius: r.shape.borderRadius
1478
+ borderTopLeftRadius: e.shape.borderRadius,
1479
+ borderBottomLeftRadius: e.shape.borderRadius
1465
1480
  }
1466
1481
  },
1467
1482
  ":last-of-type": {
1468
- borderTopRightRadius: r.shape.borderRadius,
1469
- borderBottomRightRadius: r.shape.borderRadius,
1483
+ borderTopRightRadius: e.shape.borderRadius,
1484
+ borderBottomRightRadius: e.shape.borderRadius,
1470
1485
  "& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
1471
- borderTopRightRadius: r.shape.borderRadius,
1472
- borderBottomRightRadius: r.shape.borderRadius
1486
+ borderTopRightRadius: e.shape.borderRadius,
1487
+ borderBottomRightRadius: e.shape.borderRadius
1473
1488
  }
1474
1489
  },
1475
1490
  "& .Mui-selected": {
1476
- borderRadius: r.shape.borderRadius
1491
+ borderRadius: e.shape.borderRadius
1477
1492
  },
1478
1493
  "& .MuiPickersDay-dayOutsideMonth": {
1479
- color: r.palette.action.disabled
1494
+ color: e.palette.action.disabled
1480
1495
  }
1481
1496
  }),
1482
- day: ({ theme: r }) => ({
1483
- borderRadius: r.shape.borderRadius
1497
+ day: ({ theme: e }) => ({
1498
+ borderRadius: e.shape.borderRadius
1484
1499
  }),
1485
- rangeIntervalDayPreview: ({ theme: r }) => ({
1486
- borderRadius: r.shape.borderRadius
1500
+ rangeIntervalDayPreview: ({ theme: e }) => ({
1501
+ borderRadius: e.shape.borderRadius
1487
1502
  })
1488
1503
  }
1489
1504
  },
1490
1505
  MuiDayCalendar: {
1491
1506
  styleOverrides: {
1492
- weekDayLabel: ({ theme: r }) => ({
1493
- fontSize: r.typography.body2.fontSize,
1507
+ weekDayLabel: ({ theme: e }) => ({
1508
+ fontSize: e.typography.body2.fontSize,
1494
1509
  fontWeight: 700
1495
1510
  })
1496
1511
  }
@@ -1541,14 +1556,14 @@ const Kr = (e, i) => {
1541
1556
  },
1542
1557
  MuiFormHelperText: {
1543
1558
  styleOverrides: {
1544
- root: ({ theme: r }) => ({
1559
+ root: ({ theme: e }) => ({
1545
1560
  fontSize: 13,
1546
1561
  // Small
1547
1562
  marginLeft: 0,
1548
1563
  display: "flex",
1549
1564
  alignItems: "center",
1550
1565
  position: "relative",
1551
- color: r.palette.text.secondary,
1566
+ color: e.palette.text.secondary,
1552
1567
  "& .MuiSvgIcon-root": {
1553
1568
  height: "16px",
1554
1569
  width: "16px",
@@ -1579,19 +1594,19 @@ const Kr = (e, i) => {
1579
1594
  disableFocusRipple: !0
1580
1595
  },
1581
1596
  styleOverrides: {
1582
- root: ({ theme: r }) => ({
1583
- borderRadius: r.shape.borderRadius,
1597
+ root: ({ theme: e }) => ({
1598
+ borderRadius: e.shape.borderRadius,
1584
1599
  minHeight: 44,
1585
1600
  // touch target
1586
1601
  minWidth: 44,
1587
1602
  // touch target
1588
1603
  "&.Mui-focusVisible": {
1589
- outline: `2px solid ${r.palette.info.main}`,
1604
+ outline: `2px solid ${e.palette.info.main}`,
1590
1605
  outlineOffset: "2px"
1591
1606
  },
1592
1607
  "& .MuiTouchRipple-root": {
1593
1608
  "& .MuiTouchRipple-child": {
1594
- borderRadius: r.shape.borderRadius
1609
+ borderRadius: e.shape.borderRadius
1595
1610
  }
1596
1611
  }
1597
1612
  })
@@ -1621,9 +1636,9 @@ const Kr = (e, i) => {
1621
1636
  underline: "always"
1622
1637
  },
1623
1638
  styleOverrides: {
1624
- root: ({ theme: r }) => ({
1639
+ root: ({ theme: e }) => ({
1625
1640
  cursor: "pointer",
1626
- fontWeight: r.typography.fontWeightRegular,
1641
+ fontWeight: e.typography.fontWeightRegular,
1627
1642
  "&:hover": {
1628
1643
  backgroundColor: "transparent"
1629
1644
  },
@@ -1631,7 +1646,7 @@ const Kr = (e, i) => {
1631
1646
  backgroundColor: "transparent"
1632
1647
  },
1633
1648
  "&.Mui-focusVisible": {
1634
- outline: `2px solid ${r.palette.info.main}`,
1649
+ outline: `2px solid ${e.palette.info.main}`,
1635
1650
  outlineOffset: "2px"
1636
1651
  }
1637
1652
  })
@@ -1659,9 +1674,9 @@ const Kr = (e, i) => {
1659
1674
  disablePadding: !0
1660
1675
  },
1661
1676
  styleOverrides: {
1662
- root: ({ ownerState: r }) => ({
1677
+ root: ({ ownerState: e }) => ({
1663
1678
  minHeight: 64,
1664
- ...!r.disablePadding && {
1679
+ ...!e.disablePadding && {
1665
1680
  paddingTop: 12,
1666
1681
  paddingBottom: 12,
1667
1682
  paddingLeft: 24
@@ -1679,7 +1694,7 @@ const Kr = (e, i) => {
1679
1694
  },
1680
1695
  MuiListItemButton: {
1681
1696
  styleOverrides: {
1682
- root: ({ theme: r }) => ({
1697
+ root: ({ theme: e }) => ({
1683
1698
  minHeight: 64,
1684
1699
  paddingLeft: 24,
1685
1700
  paddingRight: 24,
@@ -1688,7 +1703,7 @@ const Kr = (e, i) => {
1688
1703
  "&.Mui-focusVisible": {
1689
1704
  backgroundColor: "transparent",
1690
1705
  borderRadius: 8,
1691
- outline: `2px solid ${r.palette.info.main}`,
1706
+ outline: `2px solid ${e.palette.info.main}`,
1692
1707
  outlineOffset: -2
1693
1708
  }
1694
1709
  })
@@ -1822,11 +1837,11 @@ const Kr = (e, i) => {
1822
1837
  },
1823
1838
  MuiPickersToolbar: {
1824
1839
  styleOverrides: {
1825
- content: ({ theme: r }) => ({
1840
+ content: ({ theme: e }) => ({
1826
1841
  marginTop: 4,
1827
1842
  "& .MuiTypography-root": {
1828
- fontSize: r.typography.h3.fontSize,
1829
- lineHeight: r.typography.h3.lineHeight
1843
+ fontSize: e.typography.h3.fontSize,
1844
+ lineHeight: e.typography.h3.lineHeight
1830
1845
  }
1831
1846
  })
1832
1847
  }
@@ -1852,7 +1867,7 @@ const Kr = (e, i) => {
1852
1867
  disableFocusRipple: !0
1853
1868
  },
1854
1869
  styleOverrides: {
1855
- root: ({ theme: r }) => ({
1870
+ root: ({ theme: e }) => ({
1856
1871
  width: 37,
1857
1872
  height: 20,
1858
1873
  padding: 0,
@@ -1863,7 +1878,7 @@ const Kr = (e, i) => {
1863
1878
  "&.Mui-checked": {
1864
1879
  transform: "translateX(16px)",
1865
1880
  "& + .MuiSwitch-track": {
1866
- backgroundColor: r.palette.success.main,
1881
+ backgroundColor: e.palette.success.main,
1867
1882
  opacity: 1,
1868
1883
  border: 0
1869
1884
  },
@@ -1872,27 +1887,27 @@ const Kr = (e, i) => {
1872
1887
  }
1873
1888
  },
1874
1889
  "&.Mui-disabled .MuiSwitch-thumb": {
1875
- color: r.palette.common.white
1890
+ color: e.palette.common.white
1876
1891
  },
1877
1892
  "&.Mui-disabled + .MuiSwitch-track": {
1878
- backgroundColor: r.palette.action.disabledBackground,
1893
+ backgroundColor: e.palette.action.disabledBackground,
1879
1894
  opacity: 1
1880
1895
  }
1881
1896
  },
1882
1897
  "& .MuiSwitch-input": {
1883
1898
  "&:focus-visible ~ .MuiSwitch-thumb": {
1884
- outline: `2px solid ${r.palette.info.main}`,
1899
+ outline: `2px solid ${e.palette.info.main}`,
1885
1900
  outlineOffset: 0
1886
1901
  }
1887
1902
  },
1888
1903
  "& .MuiSwitch-thumb": {
1889
1904
  boxSizing: "border-box",
1890
- backgroundColor: r.palette.background.paper,
1905
+ backgroundColor: e.palette.background.paper,
1891
1906
  width: 16,
1892
1907
  height: 16
1893
1908
  },
1894
1909
  "& .MuiSwitch-track": {
1895
- backgroundColor: r.palette.action.active,
1910
+ backgroundColor: e.palette.action.active,
1896
1911
  borderRadius: 20 / 2,
1897
1912
  opacity: 1
1898
1913
  }
@@ -1946,7 +1961,7 @@ const Kr = (e, i) => {
1946
1961
  disableFocusRipple: !0
1947
1962
  },
1948
1963
  styleOverrides: {
1949
- root: ({ theme: r }) => ({
1964
+ root: ({ theme: e }) => ({
1950
1965
  fontSize: 13,
1951
1966
  lineHeight: "16px",
1952
1967
  textTransform: "none",
@@ -1955,23 +1970,23 @@ const Kr = (e, i) => {
1955
1970
  outlineOffset: "2px"
1956
1971
  },
1957
1972
  "&:hover": {
1958
- backgroundColor: f(
1959
- r.palette.primary.main,
1973
+ backgroundColor: m(
1974
+ e.palette.primary.main,
1960
1975
  t.mode === S.LIGHT ? 0.1 : 0.2
1961
1976
  ),
1962
- borderColor: r.palette.primary.main
1977
+ borderColor: e.palette.primary.main
1963
1978
  },
1964
1979
  "&.Mui-selected": {
1965
1980
  fontWeight: 600,
1966
- borderColor: r.palette.primary.main,
1981
+ borderColor: e.palette.primary.main,
1967
1982
  "&:hover": {
1968
- boxShadow: `inset 0px 0px 0px 2px ${r.palette.primary.main}`
1983
+ boxShadow: `inset 0px 0px 0px 2px ${e.palette.primary.main}`
1969
1984
  }
1970
1985
  },
1971
1986
  "& .MuiTouchRipple-root": {
1972
1987
  "& .MuiTouchRipple-child": {
1973
- backgroundColor: r.palette.primary.main,
1974
- borderRadius: r.shape.borderRadius
1988
+ backgroundColor: e.palette.primary.main,
1989
+ borderRadius: e.shape.borderRadius
1975
1990
  }
1976
1991
  }
1977
1992
  })
@@ -1981,7 +1996,7 @@ const Kr = (e, i) => {
1981
1996
  props: { color: "error" },
1982
1997
  style: {
1983
1998
  "&:hover": {
1984
- backgroundColor: f(t.error.main, t.mode === S.LIGHT ? 0.1 : 0.2),
1999
+ backgroundColor: m(t.error.main, t.mode === S.LIGHT ? 0.1 : 0.2),
1985
2000
  borderColor: t.error.main
1986
2001
  },
1987
2002
  "&.Mui-selected": {
@@ -2003,7 +2018,7 @@ const Kr = (e, i) => {
2003
2018
  props: { color: "standard" },
2004
2019
  style: {
2005
2020
  "&:hover": {
2006
- backgroundColor: f(
2021
+ backgroundColor: m(
2007
2022
  t.secondary.main,
2008
2023
  t.mode === S.LIGHT ? 0.1 : 0.2
2009
2024
  ),