@mxenabled/mxui 2.9.1 → 2.9.3

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 +380 -364
  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,13 +28,13 @@ 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
- size: t = 16,
37
+ size: o = 16,
38
38
  viewBox: s = "0 0 16 16",
39
39
  width: l
40
40
  }) => /* @__PURE__ */ n(
@@ -43,46 +43,46 @@ const H = ({
43
43
  "aria-hidden": !0,
44
44
  className: "mx-kmui-icon",
45
45
  focusable: !1,
46
- height: i || t,
46
+ height: i || o,
47
47
  viewBox: s,
48
- width: l || t,
48
+ width: l || o,
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: o, size: s = 20, sx: l, ...e }) => /* @__PURE__ */ n(se, { color: r, fill: i, name: o, 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,13 +137,13 @@ 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 || {});
146
- const oe = {
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
+ const te = {
147
147
  guid: g.Uncategorized,
148
148
  colorName: "uncategorized",
149
149
  icon: "category"
@@ -248,40 +248,40 @@ const oe = {
248
248
  colorName: "travel",
249
249
  icon: "airplane_ticket"
250
250
  },
251
- oe
251
+ te
252
252
  ], we = 0.625, Pe = ({
253
- categoryGuid: e,
253
+ categoryGuid: r,
254
254
  icon_ratio: i = we,
255
- size: t = 32,
255
+ size: o = 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) ?? te,
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
- height: t,
276
+ height: o,
277
277
  justifyContent: "center",
278
278
  sx: [...Array.isArray(s) ? s : [s]],
279
- width: t,
280
- children: /* @__PURE__ */ n(T, { name: a.icon, size: t * i })
279
+ width: o,
280
+ children: /* @__PURE__ */ n(T, { name: a.icon, size: o * 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 o = 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,
@@ -305,11 +305,11 @@ const oe = {
305
305
  boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
306
306
  },
307
307
  "&:hover": {
308
- bgcolor: t.palette.action.hover,
309
- borderTop: `1px solid ${t.palette.secondary.light}`
308
+ bgcolor: o.palette.action.hover,
309
+ borderTop: `1px solid ${o.palette.secondary.light}`
310
310
  },
311
311
  "&.Mui-selected": {
312
- border: `2px solid ${t.palette.primary.main} !important`,
312
+ border: `2px solid ${o.palette.primary.main} !important`,
313
313
  marginTop: "-2px !important",
314
314
  color: "primary"
315
315
  }
@@ -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
- selectLabel: t
325
+ selectLabel: o
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,
@@ -339,17 +339,17 @@ const oe = {
339
339
  {
340
340
  defaultValue: i,
341
341
  id: "select",
342
- label: t,
342
+ label: o,
343
343
  select: !0,
344
344
  slotProps: { inputLabel: { shrink: !0 }, select: { IconComponent: ce } },
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: o, shortcuts: s, ownerState: l } = ye(r);
353
353
  return /* @__PURE__ */ b(
354
354
  Se,
355
355
  {
@@ -378,63 +378,63 @@ const oe = {
378
378
  {
379
379
  className: w.contentWrapper,
380
380
  ownerState: l,
381
- children: t
381
+ children: o
382
382
  }
383
383
  )
384
384
  ]
385
385
  }
386
386
  );
387
387
  }, Nr = ({
388
- copy: e,
388
+ copy: r,
389
389
  dateRange: i,
390
- onRangeChanged: t,
391
- selectedShortcut: s = e.dateRangeThisMonth,
390
+ onRangeChanged: o,
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 t = ue(), f = ge(t, 1), x = he(t, 1);
396
396
  return [
397
397
  {
398
- label: e.dateRangeThisMonth,
399
- getValue: () => [W(o), V(o)]
398
+ label: r.dateRangeThisMonth,
399
+ getValue: () => [W(t), V(t)]
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,
407
- getValue: () => [Y(o, 30), o]
406
+ label: r.dateRangeLast30Days,
407
+ getValue: () => [Y(t, 30), t]
408
408
  },
409
409
  {
410
- label: e.dateRangeLast90Days,
411
- getValue: () => [Y(o, 90), o]
410
+ label: r.dateRangeLast90Days,
411
+ getValue: () => [Y(t, 90), t]
412
412
  },
413
413
  {
414
- label: e.dateRangeYTD,
415
- getValue: () => [K(o), o]
414
+ label: r.dateRangeYTD,
415
+ getValue: () => [K(t), t]
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,
423
- getValue: () => [o, o]
422
+ label: r.dateRangeCustom,
423
+ getValue: () => [t, t]
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 = (t, f) => {
427
+ const x = f.shortcut;
428
+ o?.(t, 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,
@@ -458,25 +458,25 @@ const oe = {
458
458
  slots: {
459
459
  ...a && { layout: ze },
460
460
  leftArrowIcon: () => /* @__PURE__ */ n(T, { name: "chevron_left", size: 28 }),
461
- shortcuts: (o) => a ? /* @__PURE__ */ n(
461
+ shortcuts: (t) => a ? /* @__PURE__ */ n(
462
462
  _e,
463
463
  {
464
- selectLabel: e.dateRangeSelectARange,
464
+ selectLabel: r.dateRangeSelectARange,
465
465
  selected: s,
466
- ...o
466
+ ...t
467
467
  }
468
- ) : /* @__PURE__ */ n(Be, { selected: s, ...o }),
468
+ ) : /* @__PURE__ */ n(Be, { selected: s, ...t }),
469
469
  rightArrowIcon: () => /* @__PURE__ */ n(T, { name: "chevron_right", size: 28 }),
470
470
  ...a && {
471
- toolbar: (o) => /* @__PURE__ */ n(
471
+ toolbar: (t) => /* @__PURE__ */ n(
472
472
  Te,
473
473
  {
474
474
  dateSeparator: "",
475
475
  format: "MM/dd/yyyy",
476
- ...o,
476
+ ...t,
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" }
@@ -488,15 +488,15 @@ const oe = {
488
488
  value: i
489
489
  }
490
490
  ) }) });
491
- }, Hr = N.forwardRef(function(i, t) {
492
- return /* @__PURE__ */ n(q, { direction: "up", ref: t, ...i });
491
+ }, Hr = N.forwardRef(function(i, o) {
492
+ return /* @__PURE__ */ n(q, { direction: "up", ref: o, ...i });
493
493
  }), $e = ({
494
- hasSecondaryAction: e = !0,
494
+ hasSecondaryAction: r = !0,
495
495
  isPrimaryDisabled: i,
496
- onPrimaryAction: t,
496
+ onPrimaryAction: o,
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,34 +507,34 @@ 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,
514
514
  onClick: s,
515
- variant: t ? "outlined" : "contained",
515
+ variant: o ? "outlined" : "contained",
516
516
  children: c
517
517
  }
518
518
  ),
519
- t && /* @__PURE__ */ n(
519
+ o && /* @__PURE__ */ n(
520
520
  $,
521
521
  {
522
522
  color: l,
523
523
  disabled: i,
524
- onClick: t,
524
+ onClick: o,
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
- children: t,
534
+ children: o,
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"
@@ -557,9 +557,15 @@ const oe = {
557
557
  ...Array.isArray(l) ? l : [l]
558
558
  ],
559
559
  ...c,
560
- children: t
560
+ children: o
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, ...o }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h1 ${r}`, component: "h1", variant: "h1", ...o, children: i }), Dr = ({ className: r = "", children: i, ...o }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h2 ${r}`, component: "h2", variant: "h2", ...o, children: i }), wr = ({ className: r = "", children: i, ...o }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text h3 ${r}`, component: "h3", variant: "h3", ...o, children: i }), Pr = ({ className: r = "", children: i, ...o }) => /* @__PURE__ */ n(F, { className: `mx-mxui-text p ${r}`, component: "p", variant: "body1", ...o, children: i }), Br = ({
563
+ ariaHidden: r = !1,
564
+ copy: i,
565
+ id: o,
566
+ onClose: s,
567
+ truncate: l = !1
568
+ }) => /* @__PURE__ */ b(
563
569
  A,
564
570
  {
565
571
  sx: {
@@ -570,38 +576,47 @@ 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 && o ? !0 : void 0,
583
+ id: o,
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
- id: t,
595
+ id: o,
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,
587
- ...o
602
+ ...t
588
603
  }) => /* @__PURE__ */ b(
589
604
  Ie,
590
605
  {
591
606
  anchor: "right",
592
- className: `mx-kmui-drawer ${e}`,
593
- id: t ?? void 0,
607
+ className: `mx-kmui-drawer ${r}`,
608
+ id: o ?? void 0,
594
609
  onClose: l,
595
610
  open: s,
596
611
  variant: "temporary",
597
- ...o,
612
+ ...t,
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
@@ -609,22 +624,22 @@ const oe = {
609
624
  )
610
625
  ]
611
626
  }
612
- ), te = 32, U = "https://content.moneydesktop.com/storage/MD_Assets", j = `${U}/serenity/default_institution_logo.png`, zr = ({
613
- alt: e,
627
+ ), oe = 32, U = "https://content.moneydesktop.com/storage/MD_Assets", j = `${U}/serenity/default_institution_logo.png`, zr = ({
628
+ alt: r,
614
629
  institutionGuid: i,
615
- logoUrl: t,
616
- size: s = te,
630
+ logoUrl: o,
631
+ size: s = oe,
617
632
  ...l
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
- src: t || `${U}/Ipad%20Logos/100x100/${i}_100x100.png`,
642
+ src: o || `${U}/Ipad%20Logos/100x100/${i}_100x100.png`,
628
643
  style: {
629
644
  borderRadius: 4
630
645
  },
@@ -632,22 +647,22 @@ const oe = {
632
647
  ...l
633
648
  }
634
649
  ), $r = ({
635
- alt: e = "",
650
+ alt: r = "",
636
651
  categoryGuid: i,
637
- merchantGuid: t,
638
- size: s = te,
652
+ merchantGuid: o,
653
+ size: s = oe,
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
+ o && !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
- src: `${U}/merchant_logos/${t}.png`,
665
+ src: `${U}/merchant_logos/${o}.png`,
651
666
  style: {
652
667
  backgroundColor: c.palette.common.white,
653
668
  borderRadius: 4,
@@ -660,20 +675,20 @@ 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
- shrink: t = !0,
680
+ shrink: o = !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: {
676
- shrink: t,
691
+ shrink: o,
677
692
  ...s && {
678
693
  sx: {
679
694
  maxWidth: "100%",
@@ -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
- closeAriaLabel: t,
712
+ closeAriaLabel: o,
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
- actionText: o = "Undo",
705
- onActionClick: m
719
+ actionText: t = "Undo",
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": o, 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,
@@ -777,7 +792,7 @@ const Gr = ({
777
792
  minWidth: "auto",
778
793
  justifyContent: "flex-start"
779
794
  },
780
- children: o
795
+ children: t
781
796
  }
782
797
  )
783
798
  ]
@@ -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
- selected: t,
808
+ selected: o,
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
- error: o = !1,
801
- icon: m = !1,
815
+ error: t = !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 = () => t ? `inset 0px 0px 0px 2px ${h.palette.error.main}` : d ? o ? `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" ? o ? `inset 0px 0px 0px 2px ${m(h.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${m(h.palette.common.black, 0.23)}` : o ? `inset 0px 0px 0px 2px ${m(h.palette.primary.main, 0.5)}` : h.shadows[1], ae = () => d || t ? h.palette.background.paper : m(h.palette.primary.main, 0.1), ne = () => d || t ? D() : i === "outlined" ? o ? `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 || t ? h.palette.background.paper : m(h.palette.primary.main, 0.3);
806
821
  return /* @__PURE__ */ n(
807
822
  Fe,
808
823
  {
809
- checked: t,
810
- control: e === B ? /* @__PURE__ */ n(
824
+ checked: o,
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: o, 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,
@@ -924,22 +939,22 @@ const Gr = ({
924
939
  component: "span",
925
940
  sx: { fontWeight: "bold", textTransform: "uppercase" },
926
941
  variant: "tiny",
927
- children: t
942
+ children: o
928
943
  }
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,113 +1024,113 @@ 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 o = 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), t = r === S.LIGHT;
1014
1029
  return {
1015
- mode: e,
1030
+ mode: r,
1016
1031
  common: {
1017
1032
  white: M,
1018
1033
  black: _
1019
1034
  },
1020
1035
  primary: {
1021
- ...t,
1022
- lighter: o ? t[100] : t[700],
1023
- light: o ? t[300] : t[600],
1024
- main: o ? t[500] : t[400],
1025
- dark: o ? t[700] : t[200],
1026
- darker: o ? t[800] : t[100]
1036
+ ...o,
1037
+ lighter: t ? o[100] : o[700],
1038
+ light: t ? o[300] : o[600],
1039
+ main: t ? o[500] : o[400],
1040
+ dark: t ? o[700] : o[200],
1041
+ darker: t ? o[800] : o[100]
1027
1042
  },
1028
1043
  secondary: {
1029
1044
  ...s,
1030
- lighter: o ? s[100] : s[800],
1031
- light: o ? s[300] : s[600],
1032
- main: o ? s[500] : s[400],
1033
- dark: o ? s[700] : s[200],
1034
- darker: o ? s[800] : s[100]
1045
+ lighter: t ? s[100] : s[800],
1046
+ light: t ? s[300] : s[600],
1047
+ main: t ? s[500] : s[400],
1048
+ dark: t ? s[700] : s[200],
1049
+ darker: t ? s[800] : s[100]
1035
1050
  },
1036
1051
  neutral: {
1037
1052
  ...d,
1038
- lighter: o ? d[100] : d[800],
1039
- light: o ? d[300] : d[600],
1040
- main: o ? d[500] : d[400],
1041
- dark: o ? d[700] : d[200],
1042
- darker: o ? d[800] : d[100],
1043
- contrastText: Le(o ? d[700] : d[400], "#fff") > 4.5 ? M : d[900]
1053
+ lighter: t ? d[100] : d[800],
1054
+ light: t ? d[300] : d[600],
1055
+ main: t ? d[500] : d[400],
1056
+ dark: t ? d[700] : d[200],
1057
+ darker: t ? d[800] : d[100],
1058
+ contrastText: Le(t ? d[700] : d[400], "#fff") > 4.5 ? M : d[900]
1044
1059
  },
1045
1060
  text: {
1046
- primary: o ? d[900] : M,
1047
- secondary: o ? d[600] : f(M, 0.7),
1048
- disabled: o ? d[500] : f(M, 0.38)
1061
+ primary: t ? d[900] : M,
1062
+ secondary: t ? d[600] : m(M, 0.7),
1063
+ disabled: t ? d[500] : m(M, 0.38)
1049
1064
  },
1050
1065
  error: {
1051
1066
  ...l,
1052
- lighter: o ? l[100] : l[700],
1053
- light: o ? l[300] : l[600],
1054
- main: o ? l[500] : l[400],
1055
- dark: o ? l[700] : l[200],
1056
- darker: o ? l[800] : l[100]
1067
+ lighter: t ? l[100] : l[700],
1068
+ light: t ? l[300] : l[600],
1069
+ main: t ? l[500] : l[400],
1070
+ dark: t ? l[700] : l[200],
1071
+ darker: t ? 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: t ? e[100] : e[700],
1076
+ light: t ? e[300] : e[600],
1077
+ main: t ? e[500] : e[400],
1078
+ dark: t ? e[700] : e[200],
1079
+ darker: t ? e[800] : e[100]
1065
1080
  },
1066
1081
  info: {
1067
1082
  ...a,
1068
- lighter: o ? a[100] : a[700],
1069
- light: o ? a[300] : a[600],
1070
- main: o ? a[500] : a[400],
1071
- dark: o ? a[700] : a[200],
1072
- darker: o ? a[800] : a[100]
1083
+ lighter: t ? a[100] : a[700],
1084
+ light: t ? a[300] : a[600],
1085
+ main: t ? a[500] : a[400],
1086
+ dark: t ? a[700] : a[200],
1087
+ darker: t ? a[800] : a[100]
1073
1088
  },
1074
1089
  success: {
1075
1090
  ...c,
1076
- lighter: o ? c[100] : c[700],
1077
- light: o ? c[300] : c[600],
1078
- main: o ? c[500] : c[400],
1079
- dark: o ? c[700] : c[200],
1080
- darker: o ? c[800] : c[100]
1091
+ lighter: t ? c[100] : c[700],
1092
+ light: t ? c[300] : c[600],
1093
+ main: t ? c[500] : c[400],
1094
+ dark: t ? c[700] : c[200],
1095
+ darker: t ? c[800] : c[100]
1081
1096
  },
1082
1097
  grey: d,
1083
1098
  action: {
1084
- active: o ? f(_, 0.56) : f(M, 0.56),
1085
- hoverOpacity: o ? 0.1 : 0.2,
1086
- selectedOpacity: o ? 0.16 : 0.25,
1099
+ active: t ? m(_, 0.56) : m(M, 0.56),
1100
+ hoverOpacity: t ? 0.1 : 0.2,
1101
+ selectedOpacity: t ? 0.16 : 0.25,
1087
1102
  focusOpacity: 0.3
1088
1103
  },
1089
1104
  background: {
1090
- default: o ? i?.background?.default?.light || Ve : i?.background?.default?.dark || We,
1091
- paper: o ? i?.background?.paper?.light || Ke : i?.background?.paper?.dark || Ye,
1092
- highlight: o ? d[200] : d[600],
1093
- highlightPrimary: o ? t[100] : t[500]
1105
+ default: t ? i?.background?.default?.light || Ve : i?.background?.default?.dark || We,
1106
+ paper: t ? i?.background?.paper?.light || Ke : i?.background?.paper?.dark || Ye,
1107
+ highlight: t ? d[200] : d[600],
1108
+ highlightPrimary: t ? o[100] : o[500]
1094
1109
  },
1095
- divider: o ? f(_, 0.12) : f(M, 0.24),
1110
+ divider: t ? m(_, 0.12) : m(M, 0.24),
1096
1111
  categories: {
1097
- autoTransport: o ? p.AUTO_TRANSPORTT : u.AUTO_TRANSPORTT,
1098
- billsUtilities: o ? p.BILLS_UTILITIES : u.BILLS_UTILITIES,
1099
- businessServices: o ? p.BUSINESS_SERVICES : u.BUSINESS_SERVICES,
1100
- education: o ? p.EDUCATION : u.EDUCATION,
1101
- entertainment: o ? p.ENTERTAINMENT : u.ENTERTAINMENT,
1102
- feesCharges: o ? p.FEES_CHARGES : u.FEES_CHARGES,
1103
- financial: o ? p.FINANCIAL : u.FINANCIAL,
1104
- foodDining: o ? p.FOOD_DINING : u.FOOD_DINING,
1105
- giftsDonations: o ? p.GIFTS_DONATIONS : u.GIFTS_DONATIONS,
1106
- healthFitness: o ? p.HEALTH_FITNESS : u.HEALTH_FITNESS,
1107
- home: o ? p.HOME : u.HOME,
1108
- income: o ? p.INCOME : u.INCOME,
1109
- investments: o ? p.INVESTMENTS : u.INVESTMENTS,
1110
- kids: o ? p.KIDS : u.KIDS,
1111
- others: o ? p.OTHERS : u.OTHERS,
1112
- personalCare: o ? p.PERSONAL_CARE : u.PERSONAL_CARE,
1113
- pets: o ? p.PETS : u.PETS,
1114
- shopping: o ? p.SHOPPING : u.SHOPPING,
1115
- taxes: o ? p.TAXES : u.TAXES,
1116
- transfer: o ? p.TRANSFER : u.TRANSFER,
1117
- travel: o ? p.TRAVEL : u.TRAVEL,
1118
- uncategorized: o ? p.UNCATEGORIZED : u.UNCATEGORIZED
1112
+ autoTransport: t ? p.AUTO_TRANSPORTT : u.AUTO_TRANSPORTT,
1113
+ billsUtilities: t ? p.BILLS_UTILITIES : u.BILLS_UTILITIES,
1114
+ businessServices: t ? p.BUSINESS_SERVICES : u.BUSINESS_SERVICES,
1115
+ education: t ? p.EDUCATION : u.EDUCATION,
1116
+ entertainment: t ? p.ENTERTAINMENT : u.ENTERTAINMENT,
1117
+ feesCharges: t ? p.FEES_CHARGES : u.FEES_CHARGES,
1118
+ financial: t ? p.FINANCIAL : u.FINANCIAL,
1119
+ foodDining: t ? p.FOOD_DINING : u.FOOD_DINING,
1120
+ giftsDonations: t ? p.GIFTS_DONATIONS : u.GIFTS_DONATIONS,
1121
+ healthFitness: t ? p.HEALTH_FITNESS : u.HEALTH_FITNESS,
1122
+ home: t ? p.HOME : u.HOME,
1123
+ income: t ? p.INCOME : u.INCOME,
1124
+ investments: t ? p.INVESTMENTS : u.INVESTMENTS,
1125
+ kids: t ? p.KIDS : u.KIDS,
1126
+ others: t ? p.OTHERS : u.OTHERS,
1127
+ personalCare: t ? p.PERSONAL_CARE : u.PERSONAL_CARE,
1128
+ pets: t ? p.PETS : u.PETS,
1129
+ shopping: t ? p.SHOPPING : u.SHOPPING,
1130
+ taxes: t ? p.TAXES : u.TAXES,
1131
+ transfer: t ? p.TRANSFER : u.TRANSFER,
1132
+ travel: t ? p.TRAVEL : u.TRAVEL,
1133
+ uncategorized: t ? p.UNCATEGORIZED : u.UNCATEGORIZED
1119
1134
  },
1120
1135
  chart: {
1121
1136
  chart1: y.CHART1,
@@ -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, o = r?.headerFontFamily ? `${r.headerFontFamily}, ${z}` : i;
1140
1155
  return {
1141
1156
  fontFamily: i,
1142
1157
  fontSize: 15,
@@ -1160,19 +1175,19 @@ const Gr = ({
1160
1175
  lineHeight: "16px"
1161
1176
  },
1162
1177
  h1: {
1163
- fontFamily: t,
1178
+ fontFamily: o,
1164
1179
  fontWeight: 700,
1165
1180
  fontSize: 31,
1166
1181
  lineHeight: "40px"
1167
1182
  },
1168
1183
  h2: {
1169
- fontFamily: t,
1184
+ fontFamily: o,
1170
1185
  fontWeight: 700,
1171
1186
  fontSize: 23,
1172
1187
  lineHeight: "32px"
1173
1188
  },
1174
1189
  h3: {
1175
- fontFamily: t,
1190
+ fontFamily: o,
1176
1191
  fontWeight: 700,
1177
1192
  fontSize: 18,
1178
1193
  lineHeight: "24px"
@@ -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 o = 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: {
@@ -1213,7 +1228,7 @@ const Kr = (e, i) => {
1213
1228
  cssVariables: {
1214
1229
  colorSchemeSelector: "class"
1215
1230
  },
1216
- palette: t,
1231
+ palette: o,
1217
1232
  shape: {
1218
1233
  borderRadius: i?.shapeOptions?.borderRadius || 4
1219
1234
  },
@@ -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
- const o = c === "warning";
1241
- d = r.palette[c]?.[o ? 400 : 600];
1255
+ const t = c === "warning";
1256
+ d = e.palette[c]?.[t ? 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
  }
@@ -1323,7 +1338,7 @@ const Kr = (e, i) => {
1323
1338
  styleOverrides: {
1324
1339
  root: {
1325
1340
  "&.Mui-focusVisible": {
1326
- boxShadow: `inset 0 0 0 2px ${t.info.main}`
1341
+ boxShadow: `inset 0 0 0 2px ${o.info.main}`
1327
1342
  }
1328
1343
  }
1329
1344
  }
@@ -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", t = d ? e.typography.caption : e.typography.body2;
1339
1354
  return {
1340
- borderRadius: r.shape.borderRadius,
1341
- color: r.palette[c].main,
1342
- fontSize: o.fontSize,
1343
- lineHeight: o.lineHeight,
1355
+ borderRadius: e.shape.borderRadius,
1356
+ color: e.palette[c].main,
1357
+ fontSize: t.fontSize,
1358
+ lineHeight: t.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",
@@ -1564,7 +1579,7 @@ const Kr = (e, i) => {
1564
1579
  MuiFormLabel: {
1565
1580
  styleOverrides: {
1566
1581
  asterisk: {
1567
- color: t.error.main
1582
+ color: o.error.main
1568
1583
  }
1569
1584
  }
1570
1585
  },
@@ -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
  })
@@ -1612,7 +1627,7 @@ const Kr = (e, i) => {
1612
1627
  borderRadius: 4
1613
1628
  },
1614
1629
  colorPrimary: {
1615
- backgroundColor: t.grey[300]
1630
+ backgroundColor: o.grey[300]
1616
1631
  }
1617
1632
  }
1618
1633
  },
@@ -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,12 +1674,13 @@ 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
- paddingLeft: 24
1682
+ paddingLeft: 24,
1683
+ paddingRight: 24
1668
1684
  }
1669
1685
  })
1670
1686
  }
@@ -1679,7 +1695,7 @@ const Kr = (e, i) => {
1679
1695
  },
1680
1696
  MuiListItemButton: {
1681
1697
  styleOverrides: {
1682
- root: ({ theme: r }) => ({
1698
+ root: ({ theme: e }) => ({
1683
1699
  minHeight: 64,
1684
1700
  paddingLeft: 24,
1685
1701
  paddingRight: 24,
@@ -1688,7 +1704,7 @@ const Kr = (e, i) => {
1688
1704
  "&.Mui-focusVisible": {
1689
1705
  backgroundColor: "transparent",
1690
1706
  borderRadius: 8,
1691
- outline: `2px solid ${r.palette.info.main}`,
1707
+ outline: `2px solid ${e.palette.info.main}`,
1692
1708
  outlineOffset: -2
1693
1709
  }
1694
1710
  })
@@ -1711,7 +1727,7 @@ const Kr = (e, i) => {
1711
1727
  },
1712
1728
  secondary: {
1713
1729
  fontSize: 11,
1714
- color: t.text.secondary
1730
+ color: o.text.secondary
1715
1731
  }
1716
1732
  }
1717
1733
  },
@@ -1732,7 +1748,7 @@ const Kr = (e, i) => {
1732
1748
  lineHeight: "inherit",
1733
1749
  top: -1,
1734
1750
  // This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
1735
- backgroundColor: t.background.default
1751
+ backgroundColor: o.background.default
1736
1752
  }
1737
1753
  }
1738
1754
  },
@@ -1822,11 +1838,11 @@ const Kr = (e, i) => {
1822
1838
  },
1823
1839
  MuiPickersToolbar: {
1824
1840
  styleOverrides: {
1825
- content: ({ theme: r }) => ({
1841
+ content: ({ theme: e }) => ({
1826
1842
  marginTop: 4,
1827
1843
  "& .MuiTypography-root": {
1828
- fontSize: r.typography.h3.fontSize,
1829
- lineHeight: r.typography.h3.lineHeight
1844
+ fontSize: e.typography.h3.fontSize,
1845
+ lineHeight: e.typography.h3.lineHeight
1830
1846
  }
1831
1847
  })
1832
1848
  }
@@ -1852,7 +1868,7 @@ const Kr = (e, i) => {
1852
1868
  disableFocusRipple: !0
1853
1869
  },
1854
1870
  styleOverrides: {
1855
- root: ({ theme: r }) => ({
1871
+ root: ({ theme: e }) => ({
1856
1872
  width: 37,
1857
1873
  height: 20,
1858
1874
  padding: 0,
@@ -1863,7 +1879,7 @@ const Kr = (e, i) => {
1863
1879
  "&.Mui-checked": {
1864
1880
  transform: "translateX(16px)",
1865
1881
  "& + .MuiSwitch-track": {
1866
- backgroundColor: r.palette.success.main,
1882
+ backgroundColor: e.palette.success.main,
1867
1883
  opacity: 1,
1868
1884
  border: 0
1869
1885
  },
@@ -1872,27 +1888,27 @@ const Kr = (e, i) => {
1872
1888
  }
1873
1889
  },
1874
1890
  "&.Mui-disabled .MuiSwitch-thumb": {
1875
- color: r.palette.common.white
1891
+ color: e.palette.common.white
1876
1892
  },
1877
1893
  "&.Mui-disabled + .MuiSwitch-track": {
1878
- backgroundColor: r.palette.action.disabledBackground,
1894
+ backgroundColor: e.palette.action.disabledBackground,
1879
1895
  opacity: 1
1880
1896
  }
1881
1897
  },
1882
1898
  "& .MuiSwitch-input": {
1883
1899
  "&:focus-visible ~ .MuiSwitch-thumb": {
1884
- outline: `2px solid ${r.palette.info.main}`,
1900
+ outline: `2px solid ${e.palette.info.main}`,
1885
1901
  outlineOffset: 0
1886
1902
  }
1887
1903
  },
1888
1904
  "& .MuiSwitch-thumb": {
1889
1905
  boxSizing: "border-box",
1890
- backgroundColor: r.palette.background.paper,
1906
+ backgroundColor: e.palette.background.paper,
1891
1907
  width: 16,
1892
1908
  height: 16
1893
1909
  },
1894
1910
  "& .MuiSwitch-track": {
1895
- backgroundColor: r.palette.action.active,
1911
+ backgroundColor: e.palette.action.active,
1896
1912
  borderRadius: 20 / 2,
1897
1913
  opacity: 1
1898
1914
  }
@@ -1909,7 +1925,7 @@ const Kr = (e, i) => {
1909
1925
  fontWeight: 600,
1910
1926
  "&.Mui-focusVisible": {
1911
1927
  outline: "none",
1912
- boxShadow: `inset 0 0 0 2px ${t.info.main}`,
1928
+ boxShadow: `inset 0 0 0 2px ${o.info.main}`,
1913
1929
  borderRadius: 4
1914
1930
  }
1915
1931
  }
@@ -1920,7 +1936,7 @@ const Kr = (e, i) => {
1920
1936
  root: {
1921
1937
  borderBottomStyle: "solid",
1922
1938
  borderBottomWidth: 1,
1923
- borderColor: t.divider,
1939
+ borderColor: o.divider,
1924
1940
  marginBottom: 8
1925
1941
  }
1926
1942
  }
@@ -1936,7 +1952,7 @@ const Kr = (e, i) => {
1936
1952
  },
1937
1953
  styleOverrides: {
1938
1954
  root: {
1939
- backgroundColor: t.background.paper
1955
+ backgroundColor: o.background.paper
1940
1956
  }
1941
1957
  }
1942
1958
  },
@@ -1946,32 +1962,32 @@ const Kr = (e, i) => {
1946
1962
  disableFocusRipple: !0
1947
1963
  },
1948
1964
  styleOverrides: {
1949
- root: ({ theme: r }) => ({
1965
+ root: ({ theme: e }) => ({
1950
1966
  fontSize: 13,
1951
1967
  lineHeight: "16px",
1952
1968
  textTransform: "none",
1953
1969
  "&:focus-visible": {
1954
- outline: `2px solid ${t.info.main}`,
1970
+ outline: `2px solid ${o.info.main}`,
1955
1971
  outlineOffset: "2px"
1956
1972
  },
1957
1973
  "&:hover": {
1958
- backgroundColor: f(
1959
- r.palette.primary.main,
1960
- t.mode === S.LIGHT ? 0.1 : 0.2
1974
+ backgroundColor: m(
1975
+ e.palette.primary.main,
1976
+ o.mode === S.LIGHT ? 0.1 : 0.2
1961
1977
  ),
1962
- borderColor: r.palette.primary.main
1978
+ borderColor: e.palette.primary.main
1963
1979
  },
1964
1980
  "&.Mui-selected": {
1965
1981
  fontWeight: 600,
1966
- borderColor: r.palette.primary.main,
1982
+ borderColor: e.palette.primary.main,
1967
1983
  "&:hover": {
1968
- boxShadow: `inset 0px 0px 0px 2px ${r.palette.primary.main}`
1984
+ boxShadow: `inset 0px 0px 0px 2px ${e.palette.primary.main}`
1969
1985
  }
1970
1986
  },
1971
1987
  "& .MuiTouchRipple-root": {
1972
1988
  "& .MuiTouchRipple-child": {
1973
- backgroundColor: r.palette.primary.main,
1974
- borderRadius: r.shape.borderRadius
1989
+ backgroundColor: e.palette.primary.main,
1990
+ borderRadius: e.shape.borderRadius
1975
1991
  }
1976
1992
  }
1977
1993
  })
@@ -1981,19 +1997,19 @@ const Kr = (e, i) => {
1981
1997
  props: { color: "error" },
1982
1998
  style: {
1983
1999
  "&:hover": {
1984
- backgroundColor: f(t.error.main, t.mode === S.LIGHT ? 0.1 : 0.2),
1985
- borderColor: t.error.main
2000
+ backgroundColor: m(o.error.main, o.mode === S.LIGHT ? 0.1 : 0.2),
2001
+ borderColor: o.error.main
1986
2002
  },
1987
2003
  "&.Mui-selected": {
1988
- borderColor: t.error.main,
2004
+ borderColor: o.error.main,
1989
2005
  "&:hover": {
1990
- boxShadow: `inset 0px 0px 0px 2px ${t.error.main}`
2006
+ boxShadow: `inset 0px 0px 0px 2px ${o.error.main}`
1991
2007
  }
1992
2008
  },
1993
2009
  "& .MuiTouchRipple-root": {
1994
2010
  "& .MuiTouchRipple-ripple": {
1995
2011
  "& .MuiTouchRipple-child": {
1996
- backgroundColor: t.error.main
2012
+ backgroundColor: o.error.main
1997
2013
  }
1998
2014
  }
1999
2015
  }
@@ -2003,22 +2019,22 @@ const Kr = (e, i) => {
2003
2019
  props: { color: "standard" },
2004
2020
  style: {
2005
2021
  "&:hover": {
2006
- backgroundColor: f(
2007
- t.secondary.main,
2008
- t.mode === S.LIGHT ? 0.1 : 0.2
2022
+ backgroundColor: m(
2023
+ o.secondary.main,
2024
+ o.mode === S.LIGHT ? 0.1 : 0.2
2009
2025
  ),
2010
- borderColor: t.secondary.main
2026
+ borderColor: o.secondary.main
2011
2027
  },
2012
2028
  "&.Mui-selected": {
2013
- borderColor: t.secondary.main,
2029
+ borderColor: o.secondary.main,
2014
2030
  "&:hover": {
2015
- boxShadow: `inset 0px 0px 0px 2px ${t.secondary.main}`
2031
+ boxShadow: `inset 0px 0px 0px 2px ${o.secondary.main}`
2016
2032
  }
2017
2033
  },
2018
2034
  "& .MuiTouchRipple-root": {
2019
2035
  "& .MuiTouchRipple-ripple": {
2020
2036
  "& .MuiTouchRipple-child": {
2021
- backgroundColor: t.secondary.main
2037
+ backgroundColor: o.secondary.main
2022
2038
  }
2023
2039
  }
2024
2040
  }