jcicl 0.0.57 → 0.0.58

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 (46) hide show
  1. package/.chunks/ButtonBase.js +202 -209
  2. package/.chunks/Input.js +6722 -0
  3. package/.chunks/Portal.js +824 -0
  4. package/.chunks/TransitionGroupContext.js +60 -78
  5. package/.chunks/elementTypeAcceptingRef.js +23 -0
  6. package/.chunks/isFocusVisible.js +12 -0
  7. package/animation/Spin/Spin.d.ts +5 -0
  8. package/animation/Spin/Spin.js +22 -0
  9. package/animation/Spin/index.d.ts +1 -0
  10. package/animation/Spin/index.js +4 -0
  11. package/animation/index.d.ts +1 -0
  12. package/animation/index.js +4 -2
  13. package/base/Button/Button.d.ts +1 -1
  14. package/base/Button/Button.js +66 -64
  15. package/base/Input/Input.d.ts +4 -1
  16. package/base/Input/Input.js +6 -7486
  17. package/base/Input/index.d.ts +1 -1
  18. package/base/Input/index.js +2 -2
  19. package/base/LabeledValue/LabeledValue.js +23 -12
  20. package/base/index.js +6 -6
  21. package/composite/Accordion/Accordion.d.ts +15 -0
  22. package/composite/Accordion/Accordion.js +65 -0
  23. package/composite/Accordion/index.d.ts +1 -0
  24. package/composite/Accordion/index.js +4 -0
  25. package/composite/InfoCard/InfoCard.d.ts +3 -0
  26. package/composite/InfoCard/InfoCard.js +13 -11
  27. package/composite/LabeledInput/LabeledInput.d.ts +9 -0
  28. package/composite/LabeledInput/LabeledInput.js +35 -0
  29. package/composite/LabeledInput/index.d.ts +1 -0
  30. package/composite/LabeledInput/index.js +4 -0
  31. package/composite/Tooltip/Tooltip.d.ts +7 -0
  32. package/composite/Tooltip/Tooltip.js +2092 -0
  33. package/composite/Tooltip/index.d.ts +1 -0
  34. package/composite/Tooltip/index.js +4 -0
  35. package/composite/index.d.ts +3 -0
  36. package/composite/index.js +16 -10
  37. package/index.d.ts +3 -3
  38. package/index.js +50 -40
  39. package/package.json +1 -1
  40. package/supercomposite/AppHeader/AppHeader.js +1 -1
  41. package/supercomposite/EditableInfoCard/EditableInfoCard.d.ts +29 -0
  42. package/supercomposite/EditableInfoCard/EditableInfoCard.js +223 -0
  43. package/supercomposite/EditableInfoCard/index.d.ts +1 -0
  44. package/supercomposite/EditableInfoCard/index.js +4 -0
  45. package/supercomposite/index.d.ts +1 -0
  46. package/supercomposite/index.js +6 -4
@@ -1,25 +1,18 @@
1
1
  var Le = Object.defineProperty;
2
- var ke = (n, t, o) => t in n ? Le(n, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[t] = o;
3
- var ue = (n, t, o) => ke(n, typeof t != "symbol" ? t + "" : t, o);
2
+ var ke = (o, t, n) => t in o ? Le(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
3
+ var le = (o, t, n) => ke(o, typeof t != "symbol" ? t + "" : t, n);
4
4
  import * as d from "react";
5
5
  import W, { Children as Oe, isValidElement as G, cloneElement as J } from "react";
6
6
  import { P as e, b as E, a as fe, s as te, u as de, g as je, d as Fe } from "./DefaultPropsProvider.js";
7
- import { jsx as U, jsxs as Ie } from "react/jsx-runtime";
7
+ import { jsx as I, jsxs as $e } from "react/jsx-runtime";
8
8
  import { k as ne } from "./emotion-react.browser.esm.js";
9
- import { u as Ue, _ as $e, a as ze, T as le, b as _e, c as ce, d as H, r as Ae, e as Xe } from "./TransitionGroupContext.js";
9
+ import { u as Ie, _ as Ue, a as ze, T as ue, b as _e, c as ce, d as H, r as Xe } from "./TransitionGroupContext.js";
10
10
  import { _ as Ye } from "./emotion-styled.browser.esm.js";
11
- function pe(n) {
12
- try {
13
- return n.matches(":focus-visible");
14
- } catch {
15
- process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
16
- `));
17
- }
18
- return !1;
19
- }
11
+ import { e as Ae } from "./elementTypeAcceptingRef.js";
12
+ import { i as pe } from "./isFocusVisible.js";
20
13
  class Q {
21
14
  constructor() {
22
- ue(this, "mountEffect", () => {
15
+ le(this, "mountEffect", () => {
23
16
  this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
24
17
  });
25
18
  this.ref = {
@@ -35,8 +28,8 @@ class Q {
35
28
  return new Q();
36
29
  }
37
30
  static use() {
38
- const t = Ue(Q.create).current, [o, u] = d.useState(!1);
39
- return t.shouldMount = o, t.setShouldMount = u, d.useEffect(t.mountEffect, [o]), t;
31
+ const t = Ie(Q.create).current, [n, l] = d.useState(!1);
32
+ return t.shouldMount = n, t.setShouldMount = l, d.useEffect(t.mountEffect, [n]), t;
40
33
  }
41
34
  mount() {
42
35
  return this.mounted || (this.mounted = qe(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
@@ -44,20 +37,20 @@ class Q {
44
37
  /* Ripple API */
45
38
  start(...t) {
46
39
  this.mount().then(() => {
47
- var o;
48
- return (o = this.ref.current) == null ? void 0 : o.start(...t);
40
+ var n;
41
+ return (n = this.ref.current) == null ? void 0 : n.start(...t);
49
42
  });
50
43
  }
51
44
  stop(...t) {
52
45
  this.mount().then(() => {
53
- var o;
54
- return (o = this.ref.current) == null ? void 0 : o.stop(...t);
46
+ var n;
47
+ return (n = this.ref.current) == null ? void 0 : n.stop(...t);
55
48
  });
56
49
  }
57
50
  pulsate(...t) {
58
51
  this.mount().then(() => {
59
- var o;
60
- return (o = this.ref.current) == null ? void 0 : o.pulsate(...t);
52
+ var n;
53
+ return (n = this.ref.current) == null ? void 0 : n.pulsate(...t);
61
54
  });
62
55
  }
63
56
  }
@@ -65,97 +58,97 @@ function Ke() {
65
58
  return Q.use();
66
59
  }
67
60
  function qe() {
68
- let n, t;
69
- const o = new Promise((u, i) => {
70
- n = u, t = i;
61
+ let o, t;
62
+ const n = new Promise((l, i) => {
63
+ o = l, t = i;
71
64
  });
72
- return o.resolve = n, o.reject = t, o;
65
+ return n.resolve = o, n.reject = t, n;
73
66
  }
74
- function We(n) {
75
- if (n === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
76
- return n;
67
+ function We(o) {
68
+ if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
69
+ return o;
77
70
  }
78
- function oe(n, t) {
79
- var o = function(s) {
71
+ function oe(o, t) {
72
+ var n = function(s) {
80
73
  return t && G(s) ? t(s) : s;
81
- }, u = /* @__PURE__ */ Object.create(null);
82
- return n && Oe.map(n, function(i) {
74
+ }, l = /* @__PURE__ */ Object.create(null);
75
+ return o && Oe.map(o, function(i) {
83
76
  return i;
84
77
  }).forEach(function(i) {
85
- u[i.key] = o(i);
86
- }), u;
78
+ l[i.key] = n(i);
79
+ }), l;
87
80
  }
88
- function He(n, t) {
89
- n = n || {}, t = t || {};
90
- function o(h) {
91
- return h in t ? t[h] : n[h];
81
+ function He(o, t) {
82
+ o = o || {}, t = t || {};
83
+ function n(h) {
84
+ return h in t ? t[h] : o[h];
92
85
  }
93
- var u = /* @__PURE__ */ Object.create(null), i = [];
94
- for (var s in n)
95
- s in t ? i.length && (u[s] = i, i = []) : i.push(s);
86
+ var l = /* @__PURE__ */ Object.create(null), i = [];
87
+ for (var s in o)
88
+ s in t ? i.length && (l[s] = i, i = []) : i.push(s);
96
89
  var r, p = {};
97
- for (var l in t) {
98
- if (u[l])
99
- for (r = 0; r < u[l].length; r++) {
100
- var f = u[l][r];
101
- p[u[l][r]] = o(f);
90
+ for (var u in t) {
91
+ if (l[u])
92
+ for (r = 0; r < l[u].length; r++) {
93
+ var f = l[u][r];
94
+ p[l[u][r]] = n(f);
102
95
  }
103
- p[l] = o(l);
96
+ p[u] = n(u);
104
97
  }
105
98
  for (r = 0; r < i.length; r++)
106
- p[i[r]] = o(i[r]);
99
+ p[i[r]] = n(i[r]);
107
100
  return p;
108
101
  }
109
- function O(n, t, o) {
110
- return o[t] != null ? o[t] : n.props[t];
102
+ function O(o, t, n) {
103
+ return n[t] != null ? n[t] : o.props[t];
111
104
  }
112
- function Ge(n, t) {
113
- return oe(n.children, function(o) {
114
- return J(o, {
115
- onExited: t.bind(null, o),
105
+ function Ge(o, t) {
106
+ return oe(o.children, function(n) {
107
+ return J(n, {
108
+ onExited: t.bind(null, n),
116
109
  in: !0,
117
- appear: O(o, "appear", n),
118
- enter: O(o, "enter", n),
119
- exit: O(o, "exit", n)
110
+ appear: O(n, "appear", o),
111
+ enter: O(n, "enter", o),
112
+ exit: O(n, "exit", o)
120
113
  });
121
114
  });
122
115
  }
123
- function Je(n, t, o) {
124
- var u = oe(n.children), i = He(t, u);
116
+ function Je(o, t, n) {
117
+ var l = oe(o.children), i = He(t, l);
125
118
  return Object.keys(i).forEach(function(s) {
126
119
  var r = i[s];
127
120
  if (G(r)) {
128
- var p = s in t, l = s in u, f = t[s], h = G(f) && !f.props.in;
129
- l && (!p || h) ? i[s] = J(r, {
130
- onExited: o.bind(null, r),
121
+ var p = s in t, u = s in l, f = t[s], h = G(f) && !f.props.in;
122
+ u && (!p || h) ? i[s] = J(r, {
123
+ onExited: n.bind(null, r),
131
124
  in: !0,
132
- exit: O(r, "exit", n),
133
- enter: O(r, "enter", n)
134
- }) : !l && p && !h ? i[s] = J(r, {
125
+ exit: O(r, "exit", o),
126
+ enter: O(r, "enter", o)
127
+ }) : !u && p && !h ? i[s] = J(r, {
135
128
  in: !1
136
- }) : l && p && G(f) && (i[s] = J(r, {
137
- onExited: o.bind(null, r),
129
+ }) : u && p && G(f) && (i[s] = J(r, {
130
+ onExited: n.bind(null, r),
138
131
  in: f.props.in,
139
- exit: O(r, "exit", n),
140
- enter: O(r, "enter", n)
132
+ exit: O(r, "exit", o),
133
+ enter: O(r, "enter", o)
141
134
  }));
142
135
  }
143
136
  }), i;
144
137
  }
145
- var Qe = Object.values || function(n) {
146
- return Object.keys(n).map(function(t) {
147
- return n[t];
138
+ var Qe = Object.values || function(o) {
139
+ return Object.keys(o).map(function(t) {
140
+ return o[t];
148
141
  });
149
142
  }, Ze = {
150
143
  component: "div",
151
144
  childFactory: function(t) {
152
145
  return t;
153
146
  }
154
- }, ie = /* @__PURE__ */ function(n) {
155
- $e(t, n);
156
- function t(u, i) {
147
+ }, ie = /* @__PURE__ */ function(o) {
148
+ Ue(t, o);
149
+ function t(l, i) {
157
150
  var s;
158
- s = n.call(this, u, i) || this;
151
+ s = o.call(this, l, i) || this;
159
152
  var r = s.handleExited.bind(We(s));
160
153
  return s.state = {
161
154
  contextValue: {
@@ -165,35 +158,35 @@ var Qe = Object.values || function(n) {
165
158
  firstRender: !0
166
159
  }, s;
167
160
  }
168
- var o = t.prototype;
169
- return o.componentDidMount = function() {
161
+ var n = t.prototype;
162
+ return n.componentDidMount = function() {
170
163
  this.mounted = !0, this.setState({
171
164
  contextValue: {
172
165
  isMounting: !1
173
166
  }
174
167
  });
175
- }, o.componentWillUnmount = function() {
168
+ }, n.componentWillUnmount = function() {
176
169
  this.mounted = !1;
177
170
  }, t.getDerivedStateFromProps = function(i, s) {
178
- var r = s.children, p = s.handleExited, l = s.firstRender;
171
+ var r = s.children, p = s.handleExited, u = s.firstRender;
179
172
  return {
180
- children: l ? Ge(i, p) : Je(i, r, p),
173
+ children: u ? Ge(i, p) : Je(i, r, p),
181
174
  firstRender: !1
182
175
  };
183
- }, o.handleExited = function(i, s) {
176
+ }, n.handleExited = function(i, s) {
184
177
  var r = oe(this.props.children);
185
178
  i.key in r || (i.props.onExited && i.props.onExited(s), this.mounted && this.setState(function(p) {
186
- var l = Ye({}, p.children);
187
- return delete l[i.key], {
188
- children: l
179
+ var u = Ye({}, p.children);
180
+ return delete u[i.key], {
181
+ children: u
189
182
  };
190
183
  }));
191
- }, o.render = function() {
192
- var i = this.props, s = i.component, r = i.childFactory, p = ze(i, ["component", "childFactory"]), l = this.state.contextValue, f = Qe(this.state.children).map(r);
193
- return delete p.appear, delete p.enter, delete p.exit, s === null ? /* @__PURE__ */ W.createElement(le.Provider, {
194
- value: l
195
- }, f) : /* @__PURE__ */ W.createElement(le.Provider, {
196
- value: l
184
+ }, n.render = function() {
185
+ var i = this.props, s = i.component, r = i.childFactory, p = ze(i, ["component", "childFactory"]), u = this.state.contextValue, f = Qe(this.state.children).map(r);
186
+ return delete p.appear, delete p.enter, delete p.exit, s === null ? /* @__PURE__ */ W.createElement(ue.Provider, {
187
+ value: u
188
+ }, f) : /* @__PURE__ */ W.createElement(ue.Provider, {
189
+ value: u
197
190
  }, /* @__PURE__ */ W.createElement(s, p, f));
198
191
  }, t;
199
192
  }(W.Component);
@@ -251,34 +244,34 @@ ie.propTypes = process.env.NODE_ENV !== "production" ? {
251
244
  childFactory: e.func
252
245
  } : {};
253
246
  ie.defaultProps = Ze;
254
- function he(n) {
247
+ function he(o) {
255
248
  const {
256
249
  className: t,
257
- classes: o,
258
- pulsate: u = !1,
250
+ classes: n,
251
+ pulsate: l = !1,
259
252
  rippleX: i,
260
253
  rippleY: s,
261
254
  rippleSize: r,
262
255
  in: p,
263
- onExited: l,
256
+ onExited: u,
264
257
  timeout: f
265
- } = n, [h, y] = d.useState(!1), g = E(t, o.ripple, o.rippleVisible, u && o.ripplePulsate), w = {
258
+ } = o, [h, R] = d.useState(!1), g = E(t, n.ripple, n.rippleVisible, l && n.ripplePulsate), D = {
266
259
  width: r,
267
260
  height: r,
268
261
  top: -(r / 2) + s,
269
262
  left: -(r / 2) + i
270
- }, m = E(o.child, h && o.childLeaving, u && o.childPulsate);
271
- return !p && !h && y(!0), d.useEffect(() => {
272
- if (!p && l != null) {
273
- const S = setTimeout(l, f);
263
+ }, m = E(n.child, h && n.childLeaving, l && n.childPulsate);
264
+ return !p && !h && R(!0), d.useEffect(() => {
265
+ if (!p && u != null) {
266
+ const w = setTimeout(u, f);
274
267
  return () => {
275
- clearTimeout(S);
268
+ clearTimeout(w);
276
269
  };
277
270
  }
278
- }, [l, p, f]), /* @__PURE__ */ U("span", {
271
+ }, [u, p, f]), /* @__PURE__ */ I("span", {
279
272
  className: g,
280
- style: w,
281
- children: /* @__PURE__ */ U("span", {
273
+ style: D,
274
+ children: /* @__PURE__ */ I("span", {
282
275
  className: m
283
276
  })
284
277
  });
@@ -374,14 +367,14 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
374
367
  animation-name: ${tt};
375
368
  animation-duration: ${ee}ms;
376
369
  animation-timing-function: ${({
377
- theme: n
378
- }) => n.transitions.easing.easeInOut};
370
+ theme: o
371
+ }) => o.transitions.easing.easeInOut};
379
372
  }
380
373
 
381
374
  &.${b.ripplePulsate} {
382
375
  animation-duration: ${({
383
- theme: n
384
- }) => n.transitions.duration.shorter}ms;
376
+ theme: o
377
+ }) => o.transitions.duration.shorter}ms;
385
378
  }
386
379
 
387
380
  & .${b.child} {
@@ -398,8 +391,8 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
398
391
  animation-name: ${nt};
399
392
  animation-duration: ${ee}ms;
400
393
  animation-timing-function: ${({
401
- theme: n
402
- }) => n.transitions.easing.easeInOut};
394
+ theme: o
395
+ }) => o.transitions.easing.easeInOut};
403
396
  }
404
397
 
405
398
  & .${b.childPulsate} {
@@ -410,13 +403,13 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
410
403
  animation-name: ${ot};
411
404
  animation-duration: 2500ms;
412
405
  animation-timing-function: ${({
413
- theme: n
414
- }) => n.transitions.easing.easeInOut};
406
+ theme: o
407
+ }) => o.transitions.easing.easeInOut};
415
408
  animation-iteration-count: infinite;
416
409
  animation-delay: 200ms;
417
410
  }
418
- `, me = /* @__PURE__ */ d.forwardRef(function(t, o) {
419
- const u = de({
411
+ `, me = /* @__PURE__ */ d.forwardRef(function(t, n) {
412
+ const l = de({
420
413
  props: t,
421
414
  name: "MuiTouchRipple"
422
415
  }), {
@@ -424,19 +417,19 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
424
417
  classes: s = {},
425
418
  className: r,
426
419
  ...p
427
- } = u, [l, f] = d.useState([]), h = d.useRef(0), y = d.useRef(null);
420
+ } = l, [u, f] = d.useState([]), h = d.useRef(0), R = d.useRef(null);
428
421
  d.useEffect(() => {
429
- y.current && (y.current(), y.current = null);
430
- }, [l]);
431
- const g = d.useRef(!1), w = _e(), m = d.useRef(null), S = d.useRef(null), C = d.useCallback((c) => {
422
+ R.current && (R.current(), R.current = null);
423
+ }, [u]);
424
+ const g = d.useRef(!1), D = _e(), m = d.useRef(null), w = d.useRef(null), C = d.useCallback((c) => {
432
425
  const {
433
- pulsate: R,
426
+ pulsate: y,
434
427
  rippleX: M,
435
- rippleY: I,
428
+ rippleY: $,
436
429
  rippleSize: B,
437
- cb: $
430
+ cb: U
438
431
  } = c;
439
- f((T) => [...T, /* @__PURE__ */ U(st, {
432
+ f((T) => [...T, /* @__PURE__ */ I(st, {
440
433
  classes: {
441
434
  ripple: E(s.ripple, b.ripple),
442
435
  rippleVisible: E(s.rippleVisible, b.rippleVisible),
@@ -446,88 +439,88 @@ const b = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
446
439
  childPulsate: E(s.childPulsate, b.childPulsate)
447
440
  },
448
441
  timeout: ee,
449
- pulsate: R,
442
+ pulsate: y,
450
443
  rippleX: M,
451
- rippleY: I,
444
+ rippleY: $,
452
445
  rippleSize: B
453
- }, h.current)]), h.current += 1, y.current = $;
454
- }, [s]), j = d.useCallback((c = {}, R = {}, M = () => {
446
+ }, h.current)]), h.current += 1, R.current = U;
447
+ }, [s]), j = d.useCallback((c = {}, y = {}, M = () => {
455
448
  }) => {
456
449
  const {
457
- pulsate: I = !1,
458
- center: B = i || R.pulsate,
459
- fakeElement: $ = !1
450
+ pulsate: $ = !1,
451
+ center: B = i || y.pulsate,
452
+ fakeElement: U = !1
460
453
  // For test purposes
461
- } = R;
454
+ } = y;
462
455
  if ((c == null ? void 0 : c.type) === "mousedown" && g.current) {
463
456
  g.current = !1;
464
457
  return;
465
458
  }
466
459
  (c == null ? void 0 : c.type) === "touchstart" && (g.current = !0);
467
- const T = $ ? null : S.current, D = T ? T.getBoundingClientRect() : {
460
+ const T = U ? null : w.current, V = T ? T.getBoundingClientRect() : {
468
461
  width: 0,
469
462
  height: 0,
470
463
  left: 0,
471
464
  top: 0
472
465
  };
473
- let V, x, v;
466
+ let S, x, v;
474
467
  if (B || c === void 0 || c.clientX === 0 && c.clientY === 0 || !c.clientX && !c.touches)
475
- V = Math.round(D.width / 2), x = Math.round(D.height / 2);
468
+ S = Math.round(V.width / 2), x = Math.round(V.height / 2);
476
469
  else {
477
470
  const {
478
471
  clientX: z,
479
472
  clientY: L
480
473
  } = c.touches && c.touches.length > 0 ? c.touches[0] : c;
481
- V = Math.round(z - D.left), x = Math.round(L - D.top);
474
+ S = Math.round(z - V.left), x = Math.round(L - V.top);
482
475
  }
483
476
  if (B)
484
- v = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), v % 2 === 0 && (v += 1);
477
+ v = Math.sqrt((2 * V.width ** 2 + V.height ** 2) / 3), v % 2 === 0 && (v += 1);
485
478
  else {
486
- const z = Math.max(Math.abs((T ? T.clientWidth : 0) - V), V) * 2 + 2, L = Math.max(Math.abs((T ? T.clientHeight : 0) - x), x) * 2 + 2;
479
+ const z = Math.max(Math.abs((T ? T.clientWidth : 0) - S), S) * 2 + 2, L = Math.max(Math.abs((T ? T.clientHeight : 0) - x), x) * 2 + 2;
487
480
  v = Math.sqrt(z ** 2 + L ** 2);
488
481
  }
489
482
  c != null && c.touches ? m.current === null && (m.current = () => {
490
483
  C({
491
- pulsate: I,
492
- rippleX: V,
484
+ pulsate: $,
485
+ rippleX: S,
493
486
  rippleY: x,
494
487
  rippleSize: v,
495
488
  cb: M
496
489
  });
497
- }, w.start(et, () => {
490
+ }, D.start(et, () => {
498
491
  m.current && (m.current(), m.current = null);
499
492
  })) : C({
500
- pulsate: I,
501
- rippleX: V,
493
+ pulsate: $,
494
+ rippleX: S,
502
495
  rippleY: x,
503
496
  rippleSize: v,
504
497
  cb: M
505
498
  });
506
- }, [i, C, w]), Y = d.useCallback(() => {
499
+ }, [i, C, D]), A = d.useCallback(() => {
507
500
  j({}, {
508
501
  pulsate: !0
509
502
  });
510
- }, [j]), F = d.useCallback((c, R) => {
511
- if (w.clear(), (c == null ? void 0 : c.type) === "touchend" && m.current) {
512
- m.current(), m.current = null, w.start(0, () => {
513
- F(c, R);
503
+ }, [j]), F = d.useCallback((c, y) => {
504
+ if (D.clear(), (c == null ? void 0 : c.type) === "touchend" && m.current) {
505
+ m.current(), m.current = null, D.start(0, () => {
506
+ F(c, y);
514
507
  });
515
508
  return;
516
509
  }
517
- m.current = null, f((M) => M.length > 0 ? M.slice(1) : M), y.current = R;
518
- }, [w]);
519
- return d.useImperativeHandle(o, () => ({
520
- pulsate: Y,
510
+ m.current = null, f((M) => M.length > 0 ? M.slice(1) : M), R.current = y;
511
+ }, [D]);
512
+ return d.useImperativeHandle(n, () => ({
513
+ pulsate: A,
521
514
  start: j,
522
515
  stop: F
523
- }), [Y, j, F]), /* @__PURE__ */ U(it, {
516
+ }), [A, j, F]), /* @__PURE__ */ I(it, {
524
517
  className: E(b.root, s.root, r),
525
- ref: S,
518
+ ref: w,
526
519
  ...p,
527
- children: /* @__PURE__ */ U(ie, {
520
+ children: /* @__PURE__ */ I(ie, {
528
521
  component: null,
529
522
  exit: !0,
530
- children: l
523
+ children: u
531
524
  })
532
525
  });
533
526
  });
@@ -546,23 +539,23 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
546
539
  */
547
540
  className: e.string
548
541
  });
549
- function rt(n) {
550
- return je("MuiButtonBase", n);
542
+ function rt(o) {
543
+ return je("MuiButtonBase", o);
551
544
  }
552
- const at = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ut = (n) => {
545
+ const at = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), lt = (o) => {
553
546
  const {
554
547
  disabled: t,
555
- focusVisible: o,
556
- focusVisibleClassName: u,
548
+ focusVisible: n,
549
+ focusVisibleClassName: l,
557
550
  classes: i
558
- } = n, r = Fe({
559
- root: ["root", t && "disabled", o && "focusVisible"]
551
+ } = o, r = Fe({
552
+ root: ["root", t && "disabled", n && "focusVisible"]
560
553
  }, rt, i);
561
- return o && u && (r.root += ` ${u}`), r;
562
- }, lt = te("button", {
554
+ return n && l && (r.root += ` ${l}`), r;
555
+ }, ut = te("button", {
563
556
  name: "MuiButtonBase",
564
557
  slot: "Root",
565
- overridesResolver: (n, t) => t.root
558
+ overridesResolver: (o, t) => t.root
566
559
  })({
567
560
  display: "inline-flex",
568
561
  alignItems: "center",
@@ -602,8 +595,8 @@ const at = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ut = (n) =
602
595
  "@media print": {
603
596
  colorAdjust: "exact"
604
597
  }
605
- }), ct = /* @__PURE__ */ d.forwardRef(function(t, o) {
606
- const u = de({
598
+ }), ct = /* @__PURE__ */ d.forwardRef(function(t, n) {
599
+ const l = de({
607
600
  props: t,
608
601
  name: "MuiButtonBase"
609
602
  }), {
@@ -611,101 +604,101 @@ const at = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ut = (n) =
611
604
  centerRipple: s = !1,
612
605
  children: r,
613
606
  className: p,
614
- component: l = "button",
607
+ component: u = "button",
615
608
  disabled: f = !1,
616
609
  disableRipple: h = !1,
617
- disableTouchRipple: y = !1,
610
+ disableTouchRipple: R = !1,
618
611
  focusRipple: g = !1,
619
- focusVisibleClassName: w,
612
+ focusVisibleClassName: D,
620
613
  LinkComponent: m = "a",
621
- onBlur: S,
614
+ onBlur: w,
622
615
  onClick: C,
623
616
  onContextMenu: j,
624
- onDragLeave: Y,
617
+ onDragLeave: A,
625
618
  onFocus: F,
626
619
  onFocusVisible: c,
627
- onKeyDown: R,
620
+ onKeyDown: y,
628
621
  onKeyUp: M,
629
- onMouseDown: I,
622
+ onMouseDown: $,
630
623
  onMouseLeave: B,
631
- onMouseUp: $,
624
+ onMouseUp: U,
632
625
  onTouchEnd: T,
633
- onTouchMove: D,
634
- onTouchStart: V,
626
+ onTouchMove: V,
627
+ onTouchStart: S,
635
628
  tabIndex: x = 0,
636
629
  TouchRippleProps: v,
637
630
  touchRippleRef: z,
638
631
  type: L,
639
632
  ..._
640
- } = u, A = d.useRef(null), P = Ke(), be = ce(P.ref, z), [k, K] = d.useState(!1);
633
+ } = l, X = d.useRef(null), P = Ke(), be = ce(P.ref, z), [k, K] = d.useState(!1);
641
634
  f && k && K(!1), d.useImperativeHandle(i, () => ({
642
635
  focusVisible: () => {
643
- K(!0), A.current.focus();
636
+ K(!0), X.current.focus();
644
637
  }
645
638
  }), []);
646
639
  const ge = P.shouldMount && !h && !f;
647
640
  d.useEffect(() => {
648
641
  k && g && !h && P.pulsate();
649
642
  }, [h, g, k, P]);
650
- function N(a, re, Be = y) {
643
+ function N(a, re, Be = R) {
651
644
  return H((ae) => (re && re(ae), Be || P[a](ae), !0));
652
645
  }
653
- const Me = N("start", I), ye = N("stop", j), Re = N("stop", Y), Te = N("stop", $), Ee = N("stop", (a) => {
646
+ const Me = N("start", $), Re = N("stop", j), ye = N("stop", A), Te = N("stop", U), Ee = N("stop", (a) => {
654
647
  k && a.preventDefault(), B && B(a);
655
- }), Ce = N("start", V), xe = N("stop", T), Pe = N("stop", D), Ne = N("stop", (a) => {
656
- pe(a.target) || K(!1), S && S(a);
657
- }, !1), we = H((a) => {
658
- A.current || (A.current = a.currentTarget), pe(a.target) && (K(!0), c && c(a)), F && F(a);
648
+ }), Ce = N("start", S), xe = N("stop", T), Pe = N("stop", V), Ne = N("stop", (a) => {
649
+ pe(a.target) || K(!1), w && w(a);
650
+ }, !1), De = H((a) => {
651
+ X.current || (X.current = a.currentTarget), pe(a.target) && (K(!0), c && c(a)), F && F(a);
659
652
  }), Z = () => {
660
- const a = A.current;
661
- return l && l !== "button" && !(a.tagName === "A" && a.href);
662
- }, De = H((a) => {
653
+ const a = X.current;
654
+ return u && u !== "button" && !(a.tagName === "A" && a.href);
655
+ }, Ve = H((a) => {
663
656
  g && !a.repeat && k && a.key === " " && P.stop(a, () => {
664
657
  P.start(a);
665
- }), a.target === a.currentTarget && Z() && a.key === " " && a.preventDefault(), R && R(a), a.target === a.currentTarget && Z() && a.key === "Enter" && !f && (a.preventDefault(), C && C(a));
666
- }), Ve = H((a) => {
658
+ }), a.target === a.currentTarget && Z() && a.key === " " && a.preventDefault(), y && y(a), a.target === a.currentTarget && Z() && a.key === "Enter" && !f && (a.preventDefault(), C && C(a));
659
+ }), Se = H((a) => {
667
660
  g && a.key === " " && k && !a.defaultPrevented && P.stop(a, () => {
668
661
  P.pulsate(a);
669
662
  }), M && M(a), C && a.target === a.currentTarget && Z() && a.key === " " && !a.defaultPrevented && C(a);
670
663
  });
671
- let q = l;
664
+ let q = u;
672
665
  q === "button" && (_.href || _.to) && (q = m);
673
- const X = {};
674
- q === "button" ? (X.type = L === void 0 ? "button" : L, X.disabled = f) : (!_.href && !_.to && (X.role = "button"), f && (X["aria-disabled"] = f));
675
- const ve = ce(o, A), se = {
676
- ...u,
666
+ const Y = {};
667
+ q === "button" ? (Y.type = L === void 0 ? "button" : L, Y.disabled = f) : (!_.href && !_.to && (Y.role = "button"), f && (Y["aria-disabled"] = f));
668
+ const ve = ce(n, X), se = {
669
+ ...l,
677
670
  centerRipple: s,
678
- component: l,
671
+ component: u,
679
672
  disabled: f,
680
673
  disableRipple: h,
681
- disableTouchRipple: y,
674
+ disableTouchRipple: R,
682
675
  focusRipple: g,
683
676
  tabIndex: x,
684
677
  focusVisible: k
685
- }, Se = ut(se);
686
- return /* @__PURE__ */ Ie(lt, {
678
+ }, we = lt(se);
679
+ return /* @__PURE__ */ $e(ut, {
687
680
  as: q,
688
- className: E(Se.root, p),
681
+ className: E(we.root, p),
689
682
  ownerState: se,
690
683
  onBlur: Ne,
691
684
  onClick: C,
692
- onContextMenu: ye,
693
- onFocus: we,
694
- onKeyDown: De,
695
- onKeyUp: Ve,
685
+ onContextMenu: Re,
686
+ onFocus: De,
687
+ onKeyDown: Ve,
688
+ onKeyUp: Se,
696
689
  onMouseDown: Me,
697
690
  onMouseLeave: Ee,
698
691
  onMouseUp: Te,
699
- onDragLeave: Re,
692
+ onDragLeave: ye,
700
693
  onTouchEnd: xe,
701
694
  onTouchMove: Pe,
702
695
  onTouchStart: Ce,
703
696
  ref: ve,
704
697
  tabIndex: f ? -1 : x,
705
698
  type: L,
706
- ...X,
699
+ ...Y,
707
700
  ..._,
708
- children: [r, ge ? /* @__PURE__ */ U(me, {
701
+ children: [r, ge ? /* @__PURE__ */ I(me, {
709
702
  ref: be,
710
703
  center: s,
711
704
  ...v
@@ -721,7 +714,7 @@ process.env.NODE_ENV !== "production" && (ct.propTypes = {
721
714
  * A ref for imperative actions.
722
715
  * It currently only supports `focusVisible()` action.
723
716
  */
724
- action: Ae,
717
+ action: Xe,
725
718
  /**
726
719
  * If `true`, the ripples are centered.
727
720
  * They won't start at the cursor interaction position.
@@ -744,7 +737,7 @@ process.env.NODE_ENV !== "production" && (ct.propTypes = {
744
737
  * The component used for the root node.
745
738
  * Either a string to use a HTML element or a component.
746
739
  */
747
- component: Xe,
740
+ component: Ae,
748
741
  /**
749
742
  * If `true`, the component is disabled.
750
743
  * @default false