@notificationapi/react 1.4.1 → 1.5.1

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 (44) hide show
  1. package/dist/assets/Badge.js +1 -1
  2. package/dist/assets/Box.js +13 -13
  3. package/dist/assets/Button.js +781 -0
  4. package/dist/assets/ButtonBase.js +409 -622
  5. package/dist/assets/DefaultPropsProvider.js +220 -215
  6. package/dist/assets/Divider.js +105 -154
  7. package/dist/assets/Grow.js +201 -0
  8. package/dist/assets/IconButton.js +1 -1
  9. package/dist/assets/List.js +142 -0
  10. package/dist/assets/Modal.js +1094 -0
  11. package/dist/assets/Notification.js +71 -71
  12. package/dist/assets/Paper.js +1 -1
  13. package/dist/assets/Popover.js +8 -6
  14. package/dist/assets/Portal.js +2 -2
  15. package/dist/assets/Stack.js +216 -0
  16. package/dist/assets/Typography.js +193 -117
  17. package/dist/assets/WebPushOptInMessage.js +40 -814
  18. package/dist/assets/createSvgIcon.js +5 -5
  19. package/dist/assets/dividerClasses.js +56 -0
  20. package/dist/assets/index.js +151 -0
  21. package/dist/assets/useTheme2.js +253 -11
  22. package/dist/assets/utils.js +4 -4
  23. package/dist/components/Notifications/Inbox.js +2927 -9
  24. package/dist/components/Notifications/InboxHeader.js +2146 -7
  25. package/dist/components/Notifications/NotificationFeed.js +13 -13
  26. package/dist/components/Notifications/NotificationLauncher.js +2 -2
  27. package/dist/components/Notifications/NotificationPopup.js +7 -7
  28. package/dist/components/Preferences/NotificationPreferencesPopup.js +608 -7
  29. package/dist/components/Preferences/PreferenceInput.js +1451 -6
  30. package/dist/components/Preferences/Preferences.js +368 -515
  31. package/dist/components/Preferences/index.js +1 -1
  32. package/dist/components/Provider/index.js +226 -202
  33. package/dist/components/Slack/SlackConnect.d.ts +12 -0
  34. package/dist/components/Slack/SlackConnect.js +4826 -0
  35. package/dist/components/Slack/index.d.ts +1 -0
  36. package/dist/components/Slack/index.js +4 -0
  37. package/dist/components/WebPush/WebPushOptInMessage.js +3 -2
  38. package/dist/main.d.ts +1 -0
  39. package/dist/main.js +5 -3
  40. package/package.json +4 -4
  41. package/dist/assets/Inbox.js +0 -3061
  42. package/dist/assets/InboxHeader.js +0 -2338
  43. package/dist/assets/NotificationPreferencesPopup.js +0 -1694
  44. package/dist/assets/PreferenceInput.js +0 -1657
@@ -1,277 +1,64 @@
1
- var ze = Object.defineProperty;
2
- var ke = (e, t, n) => t in e ? ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
3
- var Z = (e, t, n) => ke(e, typeof t != "symbol" ? t + "" : t, n);
4
- import { r as Ue, m as Xe, u as ye, a as qe } from "./resolveComponentProps.js";
5
- import * as b from "react";
6
- import Q, { Children as Ke, isValidElement as re, cloneElement as oe } from "react";
7
- import { G as We, H as He, I as Ge, J as Je, P as o, _ as Ze, c as F, g as Oe, s as Re, u as Ne, a as Qe, f as et } from "./DefaultPropsProvider.js";
8
- import { jsx as H, jsxs as tt } from "react/jsx-runtime";
9
- var be = { exports: {} }, h = {};
10
- /** @license React v16.13.1
11
- * react-is.production.min.js
12
- *
13
- * Copyright (c) Facebook, Inc. and its affiliates.
14
- *
15
- * This source code is licensed under the MIT license found in the
16
- * LICENSE file in the root directory of this source tree.
17
- */
18
- var Pe;
19
- function nt() {
20
- if (Pe) return h;
21
- Pe = 1;
22
- var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, E = e ? Symbol.for("react.forward_ref") : 60112, T = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, A = e ? Symbol.for("react.scope") : 60119;
23
- function g(r) {
24
- if (typeof r == "object" && r !== null) {
25
- var C = r.$$typeof;
26
- switch (C) {
27
- case t:
28
- switch (r = r.type, r) {
29
- case p:
30
- case m:
31
- case a:
32
- case i:
33
- case s:
34
- case T:
35
- return r;
36
- default:
37
- switch (r = r && r.$$typeof, r) {
38
- case f:
39
- case E:
40
- case R:
41
- case S:
42
- case u:
43
- return r;
44
- default:
45
- return C;
46
- }
47
- }
48
- case n:
49
- return C;
50
- }
51
- }
52
- }
53
- function l(r) {
54
- return g(r) === m;
55
- }
56
- return h.AsyncMode = p, h.ConcurrentMode = m, h.ContextConsumer = f, h.ContextProvider = u, h.Element = t, h.ForwardRef = E, h.Fragment = a, h.Lazy = R, h.Memo = S, h.Portal = n, h.Profiler = i, h.StrictMode = s, h.Suspense = T, h.isAsyncMode = function(r) {
57
- return l(r) || g(r) === p;
58
- }, h.isConcurrentMode = l, h.isContextConsumer = function(r) {
59
- return g(r) === f;
60
- }, h.isContextProvider = function(r) {
61
- return g(r) === u;
62
- }, h.isElement = function(r) {
63
- return typeof r == "object" && r !== null && r.$$typeof === t;
64
- }, h.isForwardRef = function(r) {
65
- return g(r) === E;
66
- }, h.isFragment = function(r) {
67
- return g(r) === a;
68
- }, h.isLazy = function(r) {
69
- return g(r) === R;
70
- }, h.isMemo = function(r) {
71
- return g(r) === S;
72
- }, h.isPortal = function(r) {
73
- return g(r) === n;
74
- }, h.isProfiler = function(r) {
75
- return g(r) === i;
76
- }, h.isStrictMode = function(r) {
77
- return g(r) === s;
78
- }, h.isSuspense = function(r) {
79
- return g(r) === T;
80
- }, h.isValidElementType = function(r) {
81
- return typeof r == "string" || typeof r == "function" || r === a || r === m || r === i || r === s || r === T || r === M || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === S || r.$$typeof === u || r.$$typeof === f || r.$$typeof === E || r.$$typeof === P || r.$$typeof === _ || r.$$typeof === A || r.$$typeof === x);
82
- }, h.typeOf = g, h;
83
- }
84
- var y = {};
85
- /** @license React v16.13.1
86
- * react-is.development.js
87
- *
88
- * Copyright (c) Facebook, Inc. and its affiliates.
89
- *
90
- * This source code is licensed under the MIT license found in the
91
- * LICENSE file in the root directory of this source tree.
92
- */
93
- var xe;
94
- function rt() {
95
- return xe || (xe = 1, process.env.NODE_ENV !== "production" && function() {
96
- var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, E = e ? Symbol.for("react.forward_ref") : 60112, T = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, A = e ? Symbol.for("react.scope") : 60119;
97
- function g(c) {
98
- return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
99
- c === a || c === m || c === i || c === s || c === T || c === M || typeof c == "object" && c !== null && (c.$$typeof === R || c.$$typeof === S || c.$$typeof === u || c.$$typeof === f || c.$$typeof === E || c.$$typeof === P || c.$$typeof === _ || c.$$typeof === A || c.$$typeof === x);
100
- }
101
- function l(c) {
102
- if (typeof c == "object" && c !== null) {
103
- var G = c.$$typeof;
104
- switch (G) {
105
- case t:
106
- var k = c.type;
107
- switch (k) {
108
- case p:
109
- case m:
110
- case a:
111
- case i:
112
- case s:
113
- case T:
114
- return k;
115
- default:
116
- var te = k && k.$$typeof;
117
- switch (te) {
118
- case f:
119
- case E:
120
- case R:
121
- case S:
122
- case u:
123
- return te;
124
- default:
125
- return G;
126
- }
127
- }
128
- case n:
129
- return G;
130
- }
131
- }
132
- }
133
- var r = p, C = m, B = f, L = u, U = t, $ = E, N = a, I = R, O = S, D = n, X = i, V = s, q = T, z = !1;
134
- function v(c) {
135
- return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(c) || l(c) === p;
136
- }
137
- function ee(c) {
138
- return l(c) === m;
139
- }
140
- function Y(c) {
141
- return l(c) === f;
142
- }
143
- function W(c) {
144
- return l(c) === u;
145
- }
146
- function ae(c) {
147
- return typeof c == "object" && c !== null && c.$$typeof === t;
148
- }
149
- function ue(c) {
150
- return l(c) === E;
151
- }
152
- function ce(c) {
153
- return l(c) === a;
154
- }
155
- function le(c) {
156
- return l(c) === R;
157
- }
158
- function fe(c) {
159
- return l(c) === S;
160
- }
161
- function pe(c) {
162
- return l(c) === n;
163
- }
164
- function de(c) {
165
- return l(c) === i;
166
- }
167
- function me(c) {
168
- return l(c) === s;
169
- }
170
- function he(c) {
171
- return l(c) === T;
172
- }
173
- y.AsyncMode = r, y.ConcurrentMode = C, y.ContextConsumer = B, y.ContextProvider = L, y.Element = U, y.ForwardRef = $, y.Fragment = N, y.Lazy = I, y.Memo = O, y.Portal = D, y.Profiler = X, y.StrictMode = V, y.Suspense = q, y.isAsyncMode = v, y.isConcurrentMode = ee, y.isContextConsumer = Y, y.isContextProvider = W, y.isElement = ae, y.isForwardRef = ue, y.isFragment = ce, y.isLazy = le, y.isMemo = fe, y.isPortal = pe, y.isProfiler = de, y.isStrictMode = me, y.isSuspense = he, y.isValidElementType = g, y.typeOf = l;
174
- }()), y;
175
- }
176
- process.env.NODE_ENV === "production" ? be.exports = nt() : be.exports = rt();
177
- var ot = be.exports, Ie = ot, st = {
178
- $$typeof: !0,
179
- render: !0,
180
- defaultProps: !0,
181
- displayName: !0,
182
- propTypes: !0
183
- }, it = {
184
- $$typeof: !0,
185
- compare: !0,
186
- defaultProps: !0,
187
- displayName: !0,
188
- propTypes: !0,
189
- type: !0
190
- }, De = {};
191
- De[Ie.ForwardRef] = st;
192
- De[Ie.Memo] = it;
193
- var _e = function(t, n) {
194
- var a = arguments;
195
- if (n == null || !We.call(n, "css"))
196
- return b.createElement.apply(void 0, a);
197
- var s = a.length, i = new Array(s);
198
- i[0] = He, i[1] = Ge(t, n);
199
- for (var u = 2; u < s; u++)
200
- i[u] = a[u];
201
- return b.createElement.apply(null, i);
202
- };
203
- (function(e) {
204
- var t;
205
- t || (t = e.JSX || (e.JSX = {}));
206
- })(_e || (_e = {}));
207
- function at() {
208
- for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
209
- t[n] = arguments[n];
210
- return Je(t);
211
- }
212
- function ge() {
213
- var e = at.apply(void 0, arguments), t = "animation-" + e.name;
214
- return {
215
- name: t,
216
- styles: "@keyframes " + t + "{" + e.styles + "}",
217
- anim: 1,
218
- toString: function() {
219
- return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
220
- }
1
+ var Le = Object.defineProperty;
2
+ var Be = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
3
+ var K = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n);
4
+ import { r as je, m as ke, u as te, a as Fe } from "./resolveComponentProps.js";
5
+ import * as d from "react";
6
+ import q, { Children as $e, isValidElement as G, cloneElement as Z } from "react";
7
+ import { P as o, _ as Ue, c as x, g as de, s as re, u as he, e as _e, b as ze } from "./DefaultPropsProvider.js";
8
+ import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
9
+ import { k as se } from "./useTheme2.js";
10
+ const Ye = typeof window < "u" ? d.useLayoutEffect : d.useEffect;
11
+ function Xe(e, t) {
12
+ return process.env.NODE_ENV === "production" ? () => null : function(...i) {
13
+ return e(...i) || t(...i);
221
14
  };
222
15
  }
223
- const ut = typeof window < "u" ? b.useLayoutEffect : b.useEffect;
224
- function ct(e, t) {
225
- return process.env.NODE_ENV === "production" ? () => null : function(...a) {
226
- return e(...a) || t(...a);
227
- };
228
- }
229
- function lt(e) {
16
+ function Ke(e) {
230
17
  const {
231
18
  prototype: t = {}
232
19
  } = e;
233
20
  return !!t.isReactComponent;
234
21
  }
235
- function ft(e, t, n, a, s) {
236
- const i = e[t], u = s || t;
237
- if (i == null || // When server-side rendering React doesn't warn either.
22
+ function qe(e, t, n, i, r) {
23
+ const s = e[t], u = r || t;
24
+ if (s == null || // When server-side rendering React doesn't warn either.
238
25
  // This is not an accurate check for SSR.
239
26
  // This is only in place for emotion compat.
240
27
  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
241
28
  typeof window > "u")
242
29
  return null;
243
- let f;
244
- return typeof i == "function" && !lt(i) && (f = "Did you accidentally provide a plain function component instead?"), f !== void 0 ? new Error(`Invalid ${a} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${f} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
30
+ let c;
31
+ return typeof s == "function" && !Ke(s) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${i} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
245
32
  }
246
- const pt = ct(o.elementType, ft), dt = o.oneOfType([o.func, o.object]);
247
- function se(e) {
248
- const t = b.useRef(e);
249
- return ut(() => {
33
+ const He = Xe(o.elementType, qe), We = o.oneOfType([o.func, o.object]);
34
+ function J(e) {
35
+ const t = d.useRef(e);
36
+ return Ye(() => {
250
37
  t.current = e;
251
- }), b.useRef((...n) => (
38
+ }), d.useRef((...n) => (
252
39
  // @ts-expect-error hide `this`
253
40
  (0, t.current)(...n)
254
41
  )).current;
255
42
  }
256
- const $e = {};
257
- function Fe(e, t) {
258
- const n = b.useRef($e);
259
- return n.current === $e && (n.current = e(t)), n;
43
+ const ce = {};
44
+ function me(e, t) {
45
+ const n = d.useRef(ce);
46
+ return n.current === ce && (n.current = e(t)), n;
260
47
  }
261
- const mt = [];
262
- function ht(e) {
263
- b.useEffect(e, mt);
48
+ const Ge = [];
49
+ function Ze(e) {
50
+ d.useEffect(e, Ge);
264
51
  }
265
- class Se {
52
+ class ie {
266
53
  constructor() {
267
- Z(this, "currentId", null);
268
- Z(this, "clear", () => {
54
+ K(this, "currentId", null);
55
+ K(this, "clear", () => {
269
56
  this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
270
57
  });
271
- Z(this, "disposeEffect", () => this.clear);
58
+ K(this, "disposeEffect", () => this.clear);
272
59
  }
273
60
  static create() {
274
- return new Se();
61
+ return new ie();
275
62
  }
276
63
  /**
277
64
  * Executes `fn` after `delay`, clearing any previously scheduled call.
@@ -282,11 +69,11 @@ class Se {
282
69
  }, t);
283
70
  }
284
71
  }
285
- function yt() {
286
- const e = Fe(Se.create).current;
287
- return ht(e.disposeEffect), e;
72
+ function Je() {
73
+ const e = me(ie.create).current;
74
+ return Ze(e.disposeEffect), e;
288
75
  }
289
- function we(e) {
76
+ function pe(e) {
290
77
  try {
291
78
  return e.matches(":focus-visible");
292
79
  } catch {
@@ -295,117 +82,117 @@ function we(e) {
295
82
  }
296
83
  return !1;
297
84
  }
298
- function bt(e, t) {
85
+ function Qe(e, t) {
299
86
  if (e == null) return {};
300
87
  var n = {};
301
- for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
302
- if (t.indexOf(a) !== -1) continue;
303
- n[a] = e[a];
88
+ for (var i in e) if ({}.hasOwnProperty.call(e, i)) {
89
+ if (t.indexOf(i) !== -1) continue;
90
+ n[i] = e[i];
304
91
  }
305
92
  return n;
306
93
  }
307
- function Ee(e, t) {
308
- return Ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, a) {
309
- return n.__proto__ = a, n;
310
- }, Ee(e, t);
94
+ function ne(e, t) {
95
+ return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
96
+ return n.__proto__ = i, n;
97
+ }, ne(e, t);
311
98
  }
312
- function Et(e, t) {
313
- e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Ee(e, t);
99
+ function et(e, t) {
100
+ e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
314
101
  }
315
- const Ae = Q.createContext(null);
316
- function Tt(e) {
102
+ const fe = q.createContext(null);
103
+ function tt(e) {
317
104
  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
318
105
  return e;
319
106
  }
320
- function ve(e, t) {
321
- var n = function(i) {
322
- return t && re(i) ? t(i) : i;
323
- }, a = /* @__PURE__ */ Object.create(null);
324
- return e && Ke.map(e, function(s) {
325
- return s;
326
- }).forEach(function(s) {
327
- a[s.key] = n(s);
328
- }), a;
107
+ function ue(e, t) {
108
+ var n = function(s) {
109
+ return t && G(s) ? t(s) : s;
110
+ }, i = /* @__PURE__ */ Object.create(null);
111
+ return e && $e.map(e, function(r) {
112
+ return r;
113
+ }).forEach(function(r) {
114
+ i[r.key] = n(r);
115
+ }), i;
329
116
  }
330
- function Rt(e, t) {
117
+ function nt(e, t) {
331
118
  e = e || {}, t = t || {};
332
- function n(E) {
333
- return E in t ? t[E] : e[E];
119
+ function n(h) {
120
+ return h in t ? t[h] : e[h];
334
121
  }
335
- var a = /* @__PURE__ */ Object.create(null), s = [];
336
- for (var i in e)
337
- i in t ? s.length && (a[i] = s, s = []) : s.push(i);
338
- var u, f = {};
339
- for (var p in t) {
340
- if (a[p])
341
- for (u = 0; u < a[p].length; u++) {
342
- var m = a[p][u];
343
- f[a[p][u]] = n(m);
122
+ var i = /* @__PURE__ */ Object.create(null), r = [];
123
+ for (var s in e)
124
+ s in t ? r.length && (i[s] = r, r = []) : r.push(s);
125
+ var u, c = {};
126
+ for (var l in t) {
127
+ if (i[l])
128
+ for (u = 0; u < i[l].length; u++) {
129
+ var p = i[l][u];
130
+ c[i[l][u]] = n(p);
344
131
  }
345
- f[p] = n(p);
132
+ c[l] = n(l);
346
133
  }
347
- for (u = 0; u < s.length; u++)
348
- f[s[u]] = n(s[u]);
349
- return f;
134
+ for (u = 0; u < r.length; u++)
135
+ c[r[u]] = n(r[u]);
136
+ return c;
350
137
  }
351
- function K(e, t, n) {
138
+ function F(e, t, n) {
352
139
  return n[t] != null ? n[t] : e.props[t];
353
140
  }
354
- function gt(e, t) {
355
- return ve(e.children, function(n) {
356
- return oe(n, {
141
+ function ot(e, t) {
142
+ return ue(e.children, function(n) {
143
+ return Z(n, {
357
144
  onExited: t.bind(null, n),
358
145
  in: !0,
359
- appear: K(n, "appear", e),
360
- enter: K(n, "enter", e),
361
- exit: K(n, "exit", e)
146
+ appear: F(n, "appear", e),
147
+ enter: F(n, "enter", e),
148
+ exit: F(n, "exit", e)
362
149
  });
363
150
  });
364
151
  }
365
- function St(e, t, n) {
366
- var a = ve(e.children), s = Rt(t, a);
367
- return Object.keys(s).forEach(function(i) {
368
- var u = s[i];
369
- if (re(u)) {
370
- var f = i in t, p = i in a, m = t[i], E = re(m) && !m.props.in;
371
- p && (!f || E) ? s[i] = oe(u, {
152
+ function rt(e, t, n) {
153
+ var i = ue(e.children), r = nt(t, i);
154
+ return Object.keys(r).forEach(function(s) {
155
+ var u = r[s];
156
+ if (G(u)) {
157
+ var c = s in t, l = s in i, p = t[s], h = G(p) && !p.props.in;
158
+ l && (!c || h) ? r[s] = Z(u, {
372
159
  onExited: n.bind(null, u),
373
160
  in: !0,
374
- exit: K(u, "exit", e),
375
- enter: K(u, "enter", e)
376
- }) : !p && f && !E ? s[i] = oe(u, {
161
+ exit: F(u, "exit", e),
162
+ enter: F(u, "enter", e)
163
+ }) : !l && c && !h ? r[s] = Z(u, {
377
164
  in: !1
378
- }) : p && f && re(m) && (s[i] = oe(u, {
165
+ }) : l && c && G(p) && (r[s] = Z(u, {
379
166
  onExited: n.bind(null, u),
380
- in: m.props.in,
381
- exit: K(u, "exit", e),
382
- enter: K(u, "enter", e)
167
+ in: p.props.in,
168
+ exit: F(u, "exit", e),
169
+ enter: F(u, "enter", e)
383
170
  }));
384
171
  }
385
- }), s;
172
+ }), r;
386
173
  }
387
- var vt = Object.values || function(e) {
174
+ var st = Object.values || function(e) {
388
175
  return Object.keys(e).map(function(t) {
389
176
  return e[t];
390
177
  });
391
- }, Mt = {
178
+ }, it = {
392
179
  component: "div",
393
180
  childFactory: function(t) {
394
181
  return t;
395
182
  }
396
- }, Me = /* @__PURE__ */ function(e) {
397
- Et(t, e);
398
- function t(a, s) {
399
- var i;
400
- i = e.call(this, a, s) || this;
401
- var u = i.handleExited.bind(Tt(i));
402
- return i.state = {
183
+ }, ae = /* @__PURE__ */ function(e) {
184
+ et(t, e);
185
+ function t(i, r) {
186
+ var s;
187
+ s = e.call(this, i, r) || this;
188
+ var u = s.handleExited.bind(tt(s));
189
+ return s.state = {
403
190
  contextValue: {
404
191
  isMounting: !0
405
192
  },
406
193
  handleExited: u,
407
194
  firstRender: !0
408
- }, i;
195
+ }, s;
409
196
  }
410
197
  var n = t.prototype;
411
198
  return n.componentDidMount = function() {
@@ -416,30 +203,30 @@ var vt = Object.values || function(e) {
416
203
  });
417
204
  }, n.componentWillUnmount = function() {
418
205
  this.mounted = !1;
419
- }, t.getDerivedStateFromProps = function(s, i) {
420
- var u = i.children, f = i.handleExited, p = i.firstRender;
206
+ }, t.getDerivedStateFromProps = function(r, s) {
207
+ var u = s.children, c = s.handleExited, l = s.firstRender;
421
208
  return {
422
- children: p ? gt(s, f) : St(s, u, f),
209
+ children: l ? ot(r, c) : rt(r, u, c),
423
210
  firstRender: !1
424
211
  };
425
- }, n.handleExited = function(s, i) {
426
- var u = ve(this.props.children);
427
- s.key in u || (s.props.onExited && s.props.onExited(i), this.mounted && this.setState(function(f) {
428
- var p = Ze({}, f.children);
429
- return delete p[s.key], {
430
- children: p
212
+ }, n.handleExited = function(r, s) {
213
+ var u = ue(this.props.children);
214
+ r.key in u || (r.props.onExited && r.props.onExited(s), this.mounted && this.setState(function(c) {
215
+ var l = Ue({}, c.children);
216
+ return delete l[r.key], {
217
+ children: l
431
218
  };
432
219
  }));
433
220
  }, n.render = function() {
434
- var s = this.props, i = s.component, u = s.childFactory, f = bt(s, ["component", "childFactory"]), p = this.state.contextValue, m = vt(this.state.children).map(u);
435
- return delete f.appear, delete f.enter, delete f.exit, i === null ? /* @__PURE__ */ Q.createElement(Ae.Provider, {
436
- value: p
437
- }, m) : /* @__PURE__ */ Q.createElement(Ae.Provider, {
438
- value: p
439
- }, /* @__PURE__ */ Q.createElement(i, f, m));
221
+ var r = this.props, s = r.component, u = r.childFactory, c = Qe(r, ["component", "childFactory"]), l = this.state.contextValue, p = st(this.state.children).map(u);
222
+ return delete c.appear, delete c.enter, delete c.exit, s === null ? /* @__PURE__ */ q.createElement(fe.Provider, {
223
+ value: l
224
+ }, p) : /* @__PURE__ */ q.createElement(fe.Provider, {
225
+ value: l
226
+ }, /* @__PURE__ */ q.createElement(s, c, p));
440
227
  }, t;
441
- }(Q.Component);
442
- Me.propTypes = process.env.NODE_ENV !== "production" ? {
228
+ }(q.Component);
229
+ ae.propTypes = process.env.NODE_ENV !== "production" ? {
443
230
  /**
444
231
  * `<TransitionGroup>` renders a `<div>` by default. You can change this
445
232
  * behavior by providing a `component` prop.
@@ -492,49 +279,49 @@ Me.propTypes = process.env.NODE_ENV !== "production" ? {
492
279
  */
493
280
  childFactory: o.func
494
281
  } : {};
495
- Me.defaultProps = Mt;
496
- function kt(e, t) {
282
+ ae.defaultProps = it;
283
+ function wt(e, t) {
497
284
  const {
498
285
  className: n,
499
- elementType: a,
500
- ownerState: s,
501
- externalForwardedProps: i,
286
+ elementType: i,
287
+ ownerState: r,
288
+ externalForwardedProps: s,
502
289
  internalForwardedProps: u,
503
- ...f
290
+ ...c
504
291
  } = t, {
505
- component: p,
506
- slots: m = {
292
+ component: l,
293
+ slots: p = {
507
294
  [e]: void 0
508
295
  },
509
- slotProps: E = {
296
+ slotProps: h = {
510
297
  [e]: void 0
511
298
  },
512
- ...T
513
- } = i, M = m[e] || a, S = Ue(E[e], s), {
299
+ ...m
300
+ } = s, y = p[e] || i, R = je(h[e], r), {
514
301
  props: {
515
- component: R,
516
- ...x
302
+ component: g,
303
+ ...w
517
304
  },
518
- internalRef: P
519
- } = Xe({
305
+ internalRef: T
306
+ } = ke({
520
307
  className: n,
521
- ...f,
522
- externalForwardedProps: e === "root" ? T : void 0,
523
- externalSlotProps: S
524
- }), _ = ye(P, S == null ? void 0 : S.ref, t.ref), A = e === "root" ? R || p : R, g = qe(M, {
525
- ...e === "root" && !p && !m[e] && u,
526
- ...e !== "root" && !m[e] && u,
527
- ...x,
528
- ...A && {
529
- as: A
308
+ ...c,
309
+ externalForwardedProps: e === "root" ? m : void 0,
310
+ externalSlotProps: R
311
+ }), S = te(T, R == null ? void 0 : R.ref, t.ref), L = e === "root" ? g || l : g, D = Fe(y, {
312
+ ...e === "root" && !l && !p[e] && u,
313
+ ...e !== "root" && !p[e] && u,
314
+ ...w,
315
+ ...L && {
316
+ as: L
530
317
  },
531
- ref: _
532
- }, s);
533
- return [M, g];
318
+ ref: S
319
+ }, r);
320
+ return [y, D];
534
321
  }
535
- class ie {
322
+ class Q {
536
323
  constructor() {
537
- Z(this, "mountEffect", () => {
324
+ K(this, "mountEffect", () => {
538
325
  this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
539
326
  });
540
327
  this.ref = {
@@ -547,14 +334,14 @@ class ie {
547
334
  /** If the ripple component has been mounted */
548
335
  /** React state hook setter */
549
336
  static create() {
550
- return new ie();
337
+ return new Q();
551
338
  }
552
339
  static use() {
553
- const t = Fe(ie.create).current, [n, a] = b.useState(!1);
554
- return t.shouldMount = n, t.setShouldMount = a, b.useEffect(t.mountEffect, [n]), t;
340
+ const t = me(Q.create).current, [n, i] = d.useState(!1);
341
+ return t.shouldMount = n, t.setShouldMount = i, d.useEffect(t.mountEffect, [n]), t;
555
342
  }
556
343
  mount() {
557
- return this.mounted || (this.mounted = Pt(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
344
+ return this.mounted || (this.mounted = at(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
558
345
  }
559
346
  /* Ripple API */
560
347
  start(...t) {
@@ -576,49 +363,49 @@ class ie {
576
363
  });
577
364
  }
578
365
  }
579
- function Ct() {
580
- return ie.use();
366
+ function ut() {
367
+ return Q.use();
581
368
  }
582
- function Pt() {
369
+ function at() {
583
370
  let e, t;
584
- const n = new Promise((a, s) => {
585
- e = a, t = s;
371
+ const n = new Promise((i, r) => {
372
+ e = i, t = r;
586
373
  });
587
374
  return n.resolve = e, n.reject = t, n;
588
375
  }
589
- function Le(e) {
376
+ function be(e) {
590
377
  const {
591
378
  className: t,
592
379
  classes: n,
593
- pulsate: a = !1,
594
- rippleX: s,
595
- rippleY: i,
380
+ pulsate: i = !1,
381
+ rippleX: r,
382
+ rippleY: s,
596
383
  rippleSize: u,
597
- in: f,
598
- onExited: p,
599
- timeout: m
600
- } = e, [E, T] = b.useState(!1), M = F(t, n.ripple, n.rippleVisible, a && n.ripplePulsate), S = {
384
+ in: c,
385
+ onExited: l,
386
+ timeout: p
387
+ } = e, [h, m] = d.useState(!1), y = x(t, n.ripple, n.rippleVisible, i && n.ripplePulsate), R = {
601
388
  width: u,
602
389
  height: u,
603
- top: -(u / 2) + i,
604
- left: -(u / 2) + s
605
- }, R = F(n.child, E && n.childLeaving, a && n.childPulsate);
606
- return !f && !E && T(!0), b.useEffect(() => {
607
- if (!f && p != null) {
608
- const x = setTimeout(p, m);
390
+ top: -(u / 2) + s,
391
+ left: -(u / 2) + r
392
+ }, g = x(n.child, h && n.childLeaving, i && n.childPulsate);
393
+ return !c && !h && m(!0), d.useEffect(() => {
394
+ if (!c && l != null) {
395
+ const w = setTimeout(l, p);
609
396
  return () => {
610
- clearTimeout(x);
397
+ clearTimeout(w);
611
398
  };
612
399
  }
613
- }, [p, f, m]), /* @__PURE__ */ H("span", {
614
- className: M,
615
- style: S,
616
- children: /* @__PURE__ */ H("span", {
617
- className: R
400
+ }, [l, c, p]), /* @__PURE__ */ U("span", {
401
+ className: y,
402
+ style: R,
403
+ children: /* @__PURE__ */ U("span", {
404
+ className: g
618
405
  })
619
406
  });
620
407
  }
621
- process.env.NODE_ENV !== "production" && (Le.propTypes = {
408
+ process.env.NODE_ENV !== "production" && (be.propTypes = {
622
409
  /**
623
410
  * Override or extend the styles applied to the component.
624
411
  */
@@ -653,7 +440,7 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
653
440
  */
654
441
  timeout: o.number.isRequired
655
442
  });
656
- const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), Te = 550, xt = 80, _t = ge`
443
+ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, lt = 80, ct = se`
657
444
  0% {
658
445
  transform: scale(0);
659
446
  opacity: 0.1;
@@ -663,7 +450,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
663
450
  transform: scale(1);
664
451
  opacity: 0.3;
665
452
  }
666
- `, $t = ge`
453
+ `, pt = se`
667
454
  0% {
668
455
  opacity: 1;
669
456
  }
@@ -671,7 +458,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
671
458
  100% {
672
459
  opacity: 0;
673
460
  }
674
- `, wt = ge`
461
+ `, ft = se`
675
462
  0% {
676
463
  transform: scale(1);
677
464
  }
@@ -683,7 +470,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
683
470
  100% {
684
471
  transform: scale(1);
685
472
  }
686
- `, At = Re("span", {
473
+ `, dt = re("span", {
687
474
  name: "MuiTouchRipple",
688
475
  slot: "Root"
689
476
  })({
@@ -696,30 +483,30 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
696
483
  bottom: 0,
697
484
  left: 0,
698
485
  borderRadius: "inherit"
699
- }), Ot = Re(Le, {
486
+ }), ht = re(be, {
700
487
  name: "MuiTouchRipple",
701
488
  slot: "Ripple"
702
489
  })`
703
490
  opacity: 0;
704
491
  position: absolute;
705
492
 
706
- &.${w.rippleVisible} {
493
+ &.${M.rippleVisible} {
707
494
  opacity: 0.3;
708
495
  transform: scale(1);
709
- animation-name: ${_t};
710
- animation-duration: ${Te}ms;
496
+ animation-name: ${ct};
497
+ animation-duration: ${oe}ms;
711
498
  animation-timing-function: ${({
712
499
  theme: e
713
500
  }) => e.transitions.easing.easeInOut};
714
501
  }
715
502
 
716
- &.${w.ripplePulsate} {
503
+ &.${M.ripplePulsate} {
717
504
  animation-duration: ${({
718
505
  theme: e
719
506
  }) => e.transitions.duration.shorter}ms;
720
507
  }
721
508
 
722
- & .${w.child} {
509
+ & .${M.child} {
723
510
  opacity: 1;
724
511
  display: block;
725
512
  width: 100%;
@@ -728,21 +515,21 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
728
515
  background-color: currentColor;
729
516
  }
730
517
 
731
- & .${w.childLeaving} {
518
+ & .${M.childLeaving} {
732
519
  opacity: 0;
733
- animation-name: ${$t};
734
- animation-duration: ${Te}ms;
520
+ animation-name: ${pt};
521
+ animation-duration: ${oe}ms;
735
522
  animation-timing-function: ${({
736
523
  theme: e
737
524
  }) => e.transitions.easing.easeInOut};
738
525
  }
739
526
 
740
- & .${w.childPulsate} {
527
+ & .${M.childPulsate} {
741
528
  position: absolute;
742
529
  /* @noflip */
743
530
  left: 0px;
744
531
  top: 0;
745
- animation-name: ${wt};
532
+ animation-name: ${ft};
746
533
  animation-duration: 2500ms;
747
534
  animation-timing-function: ${({
748
535
  theme: e
@@ -750,123 +537,123 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
750
537
  animation-iteration-count: infinite;
751
538
  animation-delay: 200ms;
752
539
  }
753
- `, Ve = /* @__PURE__ */ b.forwardRef(function(t, n) {
754
- const a = Ne({
540
+ `, ge = /* @__PURE__ */ d.forwardRef(function(t, n) {
541
+ const i = he({
755
542
  props: t,
756
543
  name: "MuiTouchRipple"
757
544
  }), {
758
- center: s = !1,
759
- classes: i = {},
545
+ center: r = !1,
546
+ classes: s = {},
760
547
  className: u,
761
- ...f
762
- } = a, [p, m] = b.useState([]), E = b.useRef(0), T = b.useRef(null);
763
- b.useEffect(() => {
764
- T.current && (T.current(), T.current = null);
765
- }, [p]);
766
- const M = b.useRef(!1), S = yt(), R = b.useRef(null), x = b.useRef(null), P = b.useCallback((l) => {
548
+ ...c
549
+ } = i, [l, p] = d.useState([]), h = d.useRef(0), m = d.useRef(null);
550
+ d.useEffect(() => {
551
+ m.current && (m.current(), m.current = null);
552
+ }, [l]);
553
+ const y = d.useRef(!1), R = Je(), g = d.useRef(null), w = d.useRef(null), T = d.useCallback((f) => {
767
554
  const {
768
- pulsate: r,
769
- rippleX: C,
770
- rippleY: B,
771
- rippleSize: L,
772
- cb: U
773
- } = l;
774
- m(($) => [...$, /* @__PURE__ */ H(Ot, {
555
+ pulsate: C,
556
+ rippleX: E,
557
+ rippleY: $,
558
+ rippleSize: B,
559
+ cb: _
560
+ } = f;
561
+ p((P) => [...P, /* @__PURE__ */ U(ht, {
775
562
  classes: {
776
- ripple: F(i.ripple, w.ripple),
777
- rippleVisible: F(i.rippleVisible, w.rippleVisible),
778
- ripplePulsate: F(i.ripplePulsate, w.ripplePulsate),
779
- child: F(i.child, w.child),
780
- childLeaving: F(i.childLeaving, w.childLeaving),
781
- childPulsate: F(i.childPulsate, w.childPulsate)
563
+ ripple: x(s.ripple, M.ripple),
564
+ rippleVisible: x(s.rippleVisible, M.rippleVisible),
565
+ ripplePulsate: x(s.ripplePulsate, M.ripplePulsate),
566
+ child: x(s.child, M.child),
567
+ childLeaving: x(s.childLeaving, M.childLeaving),
568
+ childPulsate: x(s.childPulsate, M.childPulsate)
782
569
  },
783
- timeout: Te,
784
- pulsate: r,
785
- rippleX: C,
786
- rippleY: B,
787
- rippleSize: L
788
- }, E.current)]), E.current += 1, T.current = U;
789
- }, [i]), _ = b.useCallback((l = {}, r = {}, C = () => {
570
+ timeout: oe,
571
+ pulsate: C,
572
+ rippleX: E,
573
+ rippleY: $,
574
+ rippleSize: B
575
+ }, h.current)]), h.current += 1, m.current = _;
576
+ }, [s]), S = d.useCallback((f = {}, C = {}, E = () => {
790
577
  }) => {
791
578
  const {
792
- pulsate: B = !1,
793
- center: L = s || r.pulsate,
794
- fakeElement: U = !1
579
+ pulsate: $ = !1,
580
+ center: B = r || C.pulsate,
581
+ fakeElement: _ = !1
795
582
  // For test purposes
796
- } = r;
797
- if ((l == null ? void 0 : l.type) === "mousedown" && M.current) {
798
- M.current = !1;
583
+ } = C;
584
+ if ((f == null ? void 0 : f.type) === "mousedown" && y.current) {
585
+ y.current = !1;
799
586
  return;
800
587
  }
801
- (l == null ? void 0 : l.type) === "touchstart" && (M.current = !0);
802
- const $ = U ? null : x.current, N = $ ? $.getBoundingClientRect() : {
588
+ (f == null ? void 0 : f.type) === "touchstart" && (y.current = !0);
589
+ const P = _ ? null : w.current, O = P ? P.getBoundingClientRect() : {
803
590
  width: 0,
804
591
  height: 0,
805
592
  left: 0,
806
593
  top: 0
807
594
  };
808
- let I, O, D;
809
- if (L || l === void 0 || l.clientX === 0 && l.clientY === 0 || !l.clientX && !l.touches)
810
- I = Math.round(N.width / 2), O = Math.round(N.height / 2);
595
+ let V, N, I;
596
+ if (B || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
597
+ V = Math.round(O.width / 2), N = Math.round(O.height / 2);
811
598
  else {
812
599
  const {
813
- clientX: X,
814
- clientY: V
815
- } = l.touches && l.touches.length > 0 ? l.touches[0] : l;
816
- I = Math.round(X - N.left), O = Math.round(V - N.top);
600
+ clientX: z,
601
+ clientY: j
602
+ } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
603
+ V = Math.round(z - O.left), N = Math.round(j - O.top);
817
604
  }
818
- if (L)
819
- D = Math.sqrt((2 * N.width ** 2 + N.height ** 2) / 3), D % 2 === 0 && (D += 1);
605
+ if (B)
606
+ I = Math.sqrt((2 * O.width ** 2 + O.height ** 2) / 3), I % 2 === 0 && (I += 1);
820
607
  else {
821
- const X = Math.max(Math.abs(($ ? $.clientWidth : 0) - I), I) * 2 + 2, V = Math.max(Math.abs(($ ? $.clientHeight : 0) - O), O) * 2 + 2;
822
- D = Math.sqrt(X ** 2 + V ** 2);
608
+ const z = Math.max(Math.abs((P ? P.clientWidth : 0) - V), V) * 2 + 2, j = Math.max(Math.abs((P ? P.clientHeight : 0) - N), N) * 2 + 2;
609
+ I = Math.sqrt(z ** 2 + j ** 2);
823
610
  }
824
- l != null && l.touches ? R.current === null && (R.current = () => {
825
- P({
826
- pulsate: B,
827
- rippleX: I,
828
- rippleY: O,
829
- rippleSize: D,
830
- cb: C
611
+ f != null && f.touches ? g.current === null && (g.current = () => {
612
+ T({
613
+ pulsate: $,
614
+ rippleX: V,
615
+ rippleY: N,
616
+ rippleSize: I,
617
+ cb: E
831
618
  });
832
- }, S.start(xt, () => {
833
- R.current && (R.current(), R.current = null);
834
- })) : P({
835
- pulsate: B,
836
- rippleX: I,
837
- rippleY: O,
838
- rippleSize: D,
839
- cb: C
619
+ }, R.start(lt, () => {
620
+ g.current && (g.current(), g.current = null);
621
+ })) : T({
622
+ pulsate: $,
623
+ rippleX: V,
624
+ rippleY: N,
625
+ rippleSize: I,
626
+ cb: E
840
627
  });
841
- }, [s, P, S]), A = b.useCallback(() => {
842
- _({}, {
628
+ }, [r, T, R]), L = d.useCallback(() => {
629
+ S({}, {
843
630
  pulsate: !0
844
631
  });
845
- }, [_]), g = b.useCallback((l, r) => {
846
- if (S.clear(), (l == null ? void 0 : l.type) === "touchend" && R.current) {
847
- R.current(), R.current = null, S.start(0, () => {
848
- g(l, r);
632
+ }, [S]), D = d.useCallback((f, C) => {
633
+ if (R.clear(), (f == null ? void 0 : f.type) === "touchend" && g.current) {
634
+ g.current(), g.current = null, R.start(0, () => {
635
+ D(f, C);
849
636
  });
850
637
  return;
851
638
  }
852
- R.current = null, m((C) => C.length > 0 ? C.slice(1) : C), T.current = r;
853
- }, [S]);
854
- return b.useImperativeHandle(n, () => ({
855
- pulsate: A,
856
- start: _,
857
- stop: g
858
- }), [A, _, g]), /* @__PURE__ */ H(At, {
859
- className: F(w.root, i.root, u),
860
- ref: x,
861
- ...f,
862
- children: /* @__PURE__ */ H(Me, {
639
+ g.current = null, p((E) => E.length > 0 ? E.slice(1) : E), m.current = C;
640
+ }, [R]);
641
+ return d.useImperativeHandle(n, () => ({
642
+ pulsate: L,
643
+ start: S,
644
+ stop: D
645
+ }), [L, S, D]), /* @__PURE__ */ U(dt, {
646
+ className: x(M.root, s.root, u),
647
+ ref: w,
648
+ ...c,
649
+ children: /* @__PURE__ */ U(ae, {
863
650
  component: null,
864
651
  exit: !0,
865
- children: p
652
+ children: l
866
653
  })
867
654
  });
868
655
  });
869
- process.env.NODE_ENV !== "production" && (Ve.propTypes = {
656
+ process.env.NODE_ENV !== "production" && (ge.propTypes = {
870
657
  /**
871
658
  * If `true`, the ripple starts at the center of the component
872
659
  * rather than at the point of interaction.
@@ -881,20 +668,20 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
881
668
  */
882
669
  className: o.string
883
670
  });
884
- function Nt(e) {
885
- return Qe("MuiButtonBase", e);
671
+ function mt(e) {
672
+ return _e("MuiButtonBase", e);
886
673
  }
887
- const It = Oe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = (e) => {
674
+ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) => {
888
675
  const {
889
676
  disabled: t,
890
677
  focusVisible: n,
891
- focusVisibleClassName: a,
892
- classes: s
893
- } = e, u = et({
678
+ focusVisibleClassName: i,
679
+ classes: r
680
+ } = e, u = ze({
894
681
  root: ["root", t && "disabled", n && "focusVisible"]
895
- }, Nt, s);
896
- return n && a && (u.root += ` ${a}`), u;
897
- }, Ft = Re("button", {
682
+ }, mt, r);
683
+ return n && i && (u.root += ` ${i}`), u;
684
+ }, yt = re("button", {
898
685
  name: "MuiButtonBase",
899
686
  slot: "Root",
900
687
  overridesResolver: (e, t) => t.root
@@ -929,7 +716,7 @@ const It = Oe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = (e) =
929
716
  borderStyle: "none"
930
717
  // Remove Firefox dotted outline.
931
718
  },
932
- [`&.${It.disabled}`]: {
719
+ [`&.${bt.disabled}`]: {
933
720
  pointerEvents: "none",
934
721
  // Disable link interactions
935
722
  cursor: "default"
@@ -937,117 +724,117 @@ const It = Oe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = (e) =
937
724
  "@media print": {
938
725
  colorAdjust: "exact"
939
726
  }
940
- }), Lt = /* @__PURE__ */ b.forwardRef(function(t, n) {
941
- const a = Ne({
727
+ }), Rt = /* @__PURE__ */ d.forwardRef(function(t, n) {
728
+ const i = he({
942
729
  props: t,
943
730
  name: "MuiButtonBase"
944
731
  }), {
945
- action: s,
946
- centerRipple: i = !1,
732
+ action: r,
733
+ centerRipple: s = !1,
947
734
  children: u,
948
- className: f,
949
- component: p = "button",
950
- disabled: m = !1,
951
- disableRipple: E = !1,
952
- disableTouchRipple: T = !1,
953
- focusRipple: M = !1,
954
- focusVisibleClassName: S,
955
- LinkComponent: R = "a",
956
- onBlur: x,
957
- onClick: P,
958
- onContextMenu: _,
959
- onDragLeave: A,
960
- onFocus: g,
961
- onFocusVisible: l,
962
- onKeyDown: r,
963
- onKeyUp: C,
964
- onMouseDown: B,
965
- onMouseLeave: L,
966
- onMouseUp: U,
967
- onTouchEnd: $,
968
- onTouchMove: N,
969
- onTouchStart: I,
970
- tabIndex: O = 0,
971
- TouchRippleProps: D,
972
- touchRippleRef: X,
973
- type: V,
974
- ...q
975
- } = a, z = b.useRef(null), v = Ct(), ee = ye(v.ref, X), [Y, W] = b.useState(!1);
976
- m && Y && W(!1), b.useImperativeHandle(s, () => ({
735
+ className: c,
736
+ component: l = "button",
737
+ disabled: p = !1,
738
+ disableRipple: h = !1,
739
+ disableTouchRipple: m = !1,
740
+ focusRipple: y = !1,
741
+ focusVisibleClassName: R,
742
+ LinkComponent: g = "a",
743
+ onBlur: w,
744
+ onClick: T,
745
+ onContextMenu: S,
746
+ onDragLeave: L,
747
+ onFocus: D,
748
+ onFocusVisible: f,
749
+ onKeyDown: C,
750
+ onKeyUp: E,
751
+ onMouseDown: $,
752
+ onMouseLeave: B,
753
+ onMouseUp: _,
754
+ onTouchEnd: P,
755
+ onTouchMove: O,
756
+ onTouchStart: V,
757
+ tabIndex: N = 0,
758
+ TouchRippleProps: I,
759
+ touchRippleRef: z,
760
+ type: j,
761
+ ...A
762
+ } = i, Y = d.useRef(null), b = ut(), ye = te(b.ref, z), [k, H] = d.useState(!1);
763
+ p && k && H(!1), d.useImperativeHandle(r, () => ({
977
764
  focusVisible: () => {
978
- W(!0), z.current.focus();
765
+ H(!0), Y.current.focus();
979
766
  }
980
767
  }), []);
981
- const ae = v.shouldMount && !E && !m;
982
- b.useEffect(() => {
983
- Y && M && !E && v.pulsate();
984
- }, [E, M, Y, v]);
985
- const ue = j(v, "start", B, T), ce = j(v, "stop", _, T), le = j(v, "stop", A, T), fe = j(v, "stop", U, T), pe = j(v, "stop", (d) => {
986
- Y && d.preventDefault(), L && L(d);
987
- }, T), de = j(v, "start", I, T), me = j(v, "stop", $, T), he = j(v, "stop", N, T), c = j(v, "stop", (d) => {
988
- we(d.target) || W(!1), x && x(d);
989
- }, !1), G = se((d) => {
990
- z.current || (z.current = d.currentTarget), we(d.target) && (W(!0), l && l(d)), g && g(d);
991
- }), k = () => {
992
- const d = z.current;
993
- return p && p !== "button" && !(d.tagName === "A" && d.href);
994
- }, te = se((d) => {
995
- M && !d.repeat && Y && d.key === " " && v.stop(d, () => {
996
- v.start(d);
997
- }), d.target === d.currentTarget && k() && d.key === " " && d.preventDefault(), r && r(d), d.target === d.currentTarget && k() && d.key === "Enter" && !m && (d.preventDefault(), P && P(d));
998
- }), Ye = se((d) => {
999
- M && d.key === " " && Y && !d.defaultPrevented && v.stop(d, () => {
1000
- v.pulsate(d);
1001
- }), C && C(d), P && d.target === d.currentTarget && k() && d.key === " " && !d.defaultPrevented && P(d);
768
+ const Re = b.shouldMount && !h && !p;
769
+ d.useEffect(() => {
770
+ k && y && !h && b.pulsate();
771
+ }, [h, y, k, b]);
772
+ const Me = v(b, "start", $, m), Te = v(b, "stop", S, m), Ee = v(b, "stop", L, m), Ce = v(b, "stop", _, m), Pe = v(b, "stop", (a) => {
773
+ k && a.preventDefault(), B && B(a);
774
+ }, m), xe = v(b, "start", V, m), we = v(b, "stop", P, m), Ne = v(b, "stop", O, m), ve = v(b, "stop", (a) => {
775
+ pe(a.target) || H(!1), w && w(a);
776
+ }, !1), Se = J((a) => {
777
+ Y.current || (Y.current = a.currentTarget), pe(a.target) && (H(!0), f && f(a)), D && D(a);
778
+ }), ee = () => {
779
+ const a = Y.current;
780
+ return l && l !== "button" && !(a.tagName === "A" && a.href);
781
+ }, De = J((a) => {
782
+ y && !a.repeat && k && a.key === " " && b.stop(a, () => {
783
+ b.start(a);
784
+ }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), C && C(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !p && (a.preventDefault(), T && T(a));
785
+ }), Oe = J((a) => {
786
+ y && a.key === " " && k && !a.defaultPrevented && b.stop(a, () => {
787
+ b.pulsate(a);
788
+ }), E && E(a), T && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && T(a);
1002
789
  });
1003
- let ne = p;
1004
- ne === "button" && (q.href || q.to) && (ne = R);
1005
- const J = {};
1006
- ne === "button" ? (J.type = V === void 0 ? "button" : V, J.disabled = m) : (!q.href && !q.to && (J.role = "button"), m && (J["aria-disabled"] = m));
1007
- const je = ye(n, z), Ce = {
1008
- ...a,
1009
- centerRipple: i,
1010
- component: p,
1011
- disabled: m,
1012
- disableRipple: E,
1013
- disableTouchRipple: T,
1014
- focusRipple: M,
1015
- tabIndex: O,
1016
- focusVisible: Y
1017
- }, Be = Dt(Ce);
1018
- return /* @__PURE__ */ tt(Ft, {
1019
- as: ne,
1020
- className: F(Be.root, f),
1021
- ownerState: Ce,
1022
- onBlur: c,
1023
- onClick: P,
1024
- onContextMenu: ce,
1025
- onFocus: G,
1026
- onKeyDown: te,
1027
- onKeyUp: Ye,
1028
- onMouseDown: ue,
1029
- onMouseLeave: pe,
1030
- onMouseUp: fe,
1031
- onDragLeave: le,
1032
- onTouchEnd: me,
1033
- onTouchMove: he,
1034
- onTouchStart: de,
1035
- ref: je,
1036
- tabIndex: m ? -1 : O,
1037
- type: V,
1038
- ...J,
1039
- ...q,
1040
- children: [u, ae ? /* @__PURE__ */ H(Ve, {
1041
- ref: ee,
1042
- center: i,
1043
- ...D
790
+ let W = l;
791
+ W === "button" && (A.href || A.to) && (W = g);
792
+ const X = {};
793
+ W === "button" ? (X.type = j === void 0 ? "button" : j, X.disabled = p) : (!A.href && !A.to && (X.role = "button"), p && (X["aria-disabled"] = p));
794
+ const Ve = te(n, Y), le = {
795
+ ...i,
796
+ centerRipple: s,
797
+ component: l,
798
+ disabled: p,
799
+ disableRipple: h,
800
+ disableTouchRipple: m,
801
+ focusRipple: y,
802
+ tabIndex: N,
803
+ focusVisible: k
804
+ }, Ie = gt(le);
805
+ return /* @__PURE__ */ Ae(yt, {
806
+ as: W,
807
+ className: x(Ie.root, c),
808
+ ownerState: le,
809
+ onBlur: ve,
810
+ onClick: T,
811
+ onContextMenu: Te,
812
+ onFocus: Se,
813
+ onKeyDown: De,
814
+ onKeyUp: Oe,
815
+ onMouseDown: Me,
816
+ onMouseLeave: Pe,
817
+ onMouseUp: Ce,
818
+ onDragLeave: Ee,
819
+ onTouchEnd: we,
820
+ onTouchMove: Ne,
821
+ onTouchStart: xe,
822
+ ref: Ve,
823
+ tabIndex: p ? -1 : N,
824
+ type: j,
825
+ ...X,
826
+ ...A,
827
+ children: [u, Re ? /* @__PURE__ */ U(ge, {
828
+ ref: ye,
829
+ center: s,
830
+ ...I
1044
831
  }) : null]
1045
832
  });
1046
833
  });
1047
- function j(e, t, n, a = !1) {
1048
- return se((s) => (n && n(s), a || e[t](s), !0));
834
+ function v(e, t, n, i = !1) {
835
+ return J((r) => (n && n(r), i || e[t](r), !0));
1049
836
  }
1050
- process.env.NODE_ENV !== "production" && (Lt.propTypes = {
837
+ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
1051
838
  // ┌────────────────────────────── Warning ──────────────────────────────┐
1052
839
  // │ These PropTypes are generated from the TypeScript type definitions. │
1053
840
  // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
@@ -1056,7 +843,7 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
1056
843
  * A ref for imperative actions.
1057
844
  * It currently only supports `focusVisible()` action.
1058
845
  */
1059
- action: dt,
846
+ action: We,
1060
847
  /**
1061
848
  * If `true`, the ripples are centered.
1062
849
  * They won't start at the cursor interaction position.
@@ -1079,7 +866,7 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
1079
866
  * The component used for the root node.
1080
867
  * Either a string to use a HTML element or a component.
1081
868
  */
1082
- component: pt,
869
+ component: He,
1083
870
  /**
1084
871
  * If `true`, the component is disabled.
1085
872
  * @default false
@@ -1206,19 +993,19 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
1206
993
  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
1207
994
  });
1208
995
  export {
1209
- Lt as B,
1210
- Ae as T,
1211
- Et as _,
1212
- ut as a,
1213
- bt as b,
1214
- ct as c,
1215
- yt as d,
1216
- pt as e,
1217
- se as f,
1218
- Se as g,
1219
- Ee as h,
1220
- we as i,
1221
- Tt as j,
1222
- dt as r,
1223
- kt as u
996
+ Rt as B,
997
+ fe as T,
998
+ et as _,
999
+ wt as a,
1000
+ Ye as b,
1001
+ Xe as c,
1002
+ J as d,
1003
+ He as e,
1004
+ Qe as f,
1005
+ ie as g,
1006
+ ne as h,
1007
+ pe as i,
1008
+ tt as j,
1009
+ We as r,
1010
+ Je as u
1224
1011
  };