@hybridcore/ui 1.3.3 → 1.3.5

package/dist/{ButtonBase-DE8d_U2E.js → ButtonBase-D6qhsxB0.js}

@@ -1,20 +1,19 @@
-import { _ as Y, a as ae } from "./extends-Cyw62AD_.js";
+import { _ as Y, a as ue } from "./extends-Cyw62AD_.js";
 import * as l from "react";
-import X, { Children as We, isValidElement as G, cloneElement as Z } from "react";
-import { P as n } from "./createTheme-C3DKplhE.js";
-import { b as He, c as v, g as ve, u as xe, a as Ge } from "./chainPropTypes-GRMJ22CO.js";
-import { s as le, g as Ze } from "./styled-iyoioZCr.js";
+import X, { Children as qe, isValidElement as G, cloneElement as J } from "react";
+import { P as n } from "./createStyled-B96gjom1.js";
+import { b as We, c as v, g as Ce, u as ve, a as He } from "./useThemeProps-DeftUmqJ.js";
+import { s as ae, g as Ge } from "./styled-cPJbqF0E.js";
 import { jsx as $, jsxs as Je } from "react/jsx-runtime";
-import { _ as Qe, a as et } from "./assertThisInitialized-BUtkG-md.js";
-import { keyframes as ce } from "@emotion/react";
-const tt = typeof window < "u" ? l.useLayoutEffect : l.useEffect;
-function nt(e) {
+import { _ as Qe, a as Ze } from "./assertThisInitialized-BUtkG-md.js";
+import { keyframes as le } from "@emotion/react";
+function et(e) {
   const {
     prototype: t = {}
   } = e;
   return !!t.isReactComponent;
 }
-function ot(e, t, o, a, r) {
+function tt(e, t, o, a, r) {
   const i = e[t], s = r || t;
   if (i == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
@@ -23,15 +22,16 @@ function ot(e, t, o, a, r) {
   typeof window > "u")
     return null;
   let c;
-  return typeof i == "function" && !nt(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${a} \`${s}\` supplied to \`${o}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return typeof i == "function" && !et(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${a} \`${s}\` supplied to \`${o}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const rt = He(n.elementType, ot), it = n.oneOfType([n.func, n.object]);
-function st(e, t) {
+const nt = We(n.elementType, tt), ot = n.oneOfType([n.func, n.object]);
+function rt(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
+const it = typeof window < "u" ? l.useLayoutEffect : l.useEffect;
 function H(e) {
   const t = l.useRef(e);
-  return tt(() => {
+  return it(() => {
     t.current = e;
   }), l.useRef((...o) => (
     // @ts-expect-error hide `this`
@@ -41,27 +41,18 @@ function H(e) {
 function ye(...e) {
   return l.useMemo(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((o) => {
-      st(o, t);
+      rt(o, t);
     });
   }, e);
 }
-const ge = {};
-function ut(e, t) {
-  const o = l.useRef(ge);
-  return o.current === ge && (o.current = e(t)), o;
-}
-const at = [];
-function lt(e) {
-  l.useEffect(e, at);
-}
-class J {
+class ce {
   constructor() {
     this.currentId = null, this.clear = () => {
       this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
     }, this.disposeEffect = () => this.clear;
   }
   static create() {
-    return new J();
+    return new ce();
   }
   /**
    * Executes `fn` after `delay`, clearing any previously scheduled call.
@@ -72,12 +63,8 @@ class J {
     }, t);
   }
 }
-function ct() {
-  const e = ut(J.create).current;
-  return lt(e.disposeEffect), e;
-}
-let Q = !0, se = !1;
-const pt = new J(), ft = {
+let Q = !0, ie = !1;
+const st = new ce(), ut = {
   text: !0,
   search: !0,
   url: !0,
@@ -92,26 +79,26 @@ const pt = new J(), ft = {
   datetime: !0,
   "datetime-local": !0
 };
-function dt(e) {
+function at(e) {
   const {
     type: t,
     tagName: o
   } = e;
-  return !!(o === "INPUT" && ft[t] && !e.readOnly || o === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+  return !!(o === "INPUT" && ut[t] && !e.readOnly || o === "TEXTAREA" && !e.readOnly || e.isContentEditable);
 }
-function ht(e) {
+function lt(e) {
   e.metaKey || e.altKey || e.ctrlKey || (Q = !0);
 }
-function ie() {
+function re() {
   Q = !1;
 }
-function mt() {
-  this.visibilityState === "hidden" && se && (Q = !0);
+function ct() {
+  this.visibilityState === "hidden" && ie && (Q = !0);
 }
-function bt(e) {
-  e.addEventListener("keydown", ht, !0), e.addEventListener("mousedown", ie, !0), e.addEventListener("pointerdown", ie, !0), e.addEventListener("touchstart", ie, !0), e.addEventListener("visibilitychange", mt, !0);
+function pt(e) {
+  e.addEventListener("keydown", lt, !0), e.addEventListener("mousedown", re, !0), e.addEventListener("pointerdown", re, !0), e.addEventListener("touchstart", re, !0), e.addEventListener("visibilitychange", ct, !0);
 }
-function yt(e) {
+function ft(e) {
   const {
     target: t
   } = e;
@@ -119,19 +106,19 @@ function yt(e) {
     return t.matches(":focus-visible");
   } catch {
   }
-  return Q || dt(t);
+  return Q || at(t);
 }
-function gt() {
+function dt() {
   const e = l.useCallback((r) => {
-    r != null && bt(r.ownerDocument);
+    r != null && pt(r.ownerDocument);
   }, []), t = l.useRef(!1);
   function o() {
-    return t.current ? (se = !0, pt.start(100, () => {
-      se = !1;
+    return t.current ? (ie = !0, st.start(100, () => {
+      ie = !1;
     }), t.current = !1, !0) : !1;
   }
   function a(r) {
-    return yt(r) ? (t.current = !0, !0) : !1;
+    return ft(r) ? (t.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: t,
@@ -140,21 +127,21 @@ function gt() {
     ref: e
   };
 }
-function Rt(e, t) {
+function ht(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Qe(e, t);
 }
-const Re = X.createContext(null);
+const ge = X.createContext(null);
 function pe(e, t) {
   var o = function(i) {
     return t && G(i) ? t(i) : i;
   }, a = /* @__PURE__ */ Object.create(null);
-  return e && We.map(e, function(r) {
+  return e && qe.map(e, function(r) {
     return r;
   }).forEach(function(r) {
     a[r.key] = o(r);
   }), a;
 }
-function Tt(e, t) {
+function mt(e, t) {
   e = e || {}, t = t || {};
   function o(h) {
     return h in t ? t[h] : e[h];
@@ -175,57 +162,57 @@ function Tt(e, t) {
     c[r[s]] = o(r[s]);
   return c;
 }
-function k(e, t, o) {
+function S(e, t, o) {
   return o[t] != null ? o[t] : e.props[t];
 }
-function Et(e, t) {
+function bt(e, t) {
   return pe(e.children, function(o) {
-    return Z(o, {
+    return J(o, {
       onExited: t.bind(null, o),
       in: !0,
-      appear: k(o, "appear", e),
-      enter: k(o, "enter", e),
-      exit: k(o, "exit", e)
+      appear: S(o, "appear", e),
+      enter: S(o, "enter", e),
+      exit: S(o, "exit", e)
     });
   });
 }
-function Mt(e, t, o) {
-  var a = pe(e.children), r = Tt(t, a);
+function yt(e, t, o) {
+  var a = pe(e.children), r = mt(t, a);
   return Object.keys(r).forEach(function(i) {
     var s = r[i];
     if (G(s)) {
       var c = i in t, p = i in a, f = t[i], h = G(f) && !f.props.in;
-      p && (!c || h) ? r[i] = Z(s, {
+      p && (!c || h) ? r[i] = J(s, {
         onExited: o.bind(null, s),
         in: !0,
-        exit: k(s, "exit", e),
-        enter: k(s, "enter", e)
-      }) : !p && c && !h ? r[i] = Z(s, {
+        exit: S(s, "exit", e),
+        enter: S(s, "enter", e)
+      }) : !p && c && !h ? r[i] = J(s, {
         in: !1
-      }) : p && c && G(f) && (r[i] = Z(s, {
+      }) : p && c && G(f) && (r[i] = J(s, {
         onExited: o.bind(null, s),
         in: f.props.in,
-        exit: k(s, "exit", e),
-        enter: k(s, "enter", e)
+        exit: S(s, "exit", e),
+        enter: S(s, "enter", e)
       }));
     }
   }), r;
 }
-var Ct = Object.values || function(e) {
+var gt = Object.values || function(e) {
   return Object.keys(e).map(function(t) {
     return e[t];
   });
-}, vt = {
+}, Rt = {
   component: "div",
   childFactory: function(t) {
     return t;
   }
 }, fe = /* @__PURE__ */ function(e) {
-  Rt(t, e);
+  ht(t, e);
   function t(a, r) {
     var i;
     i = e.call(this, a, r) || this;
-    var s = i.handleExited.bind(et(i));
+    var s = i.handleExited.bind(Ze(i));
     return i.state = {
       contextValue: {
         isMounting: !0
@@ -246,7 +233,7 @@ var Ct = Object.values || function(e) {
   }, t.getDerivedStateFromProps = function(r, i) {
     var s = i.children, c = i.handleExited, p = i.firstRender;
     return {
-      children: p ? Et(r, c) : Mt(r, s, c),
+      children: p ? bt(r, c) : yt(r, s, c),
       firstRender: !1
     };
   }, o.handleExited = function(r, i) {
@@ -258,10 +245,10 @@ var Ct = Object.values || function(e) {
       };
     }));
   }, o.render = function() {
-    var r = this.props, i = r.component, s = r.childFactory, c = ae(r, ["component", "childFactory"]), p = this.state.contextValue, f = Ct(this.state.children).map(s);
-    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ X.createElement(Re.Provider, {
+    var r = this.props, i = r.component, s = r.childFactory, c = ue(r, ["component", "childFactory"]), p = this.state.contextValue, f = gt(this.state.children).map(s);
+    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ X.createElement(ge.Provider, {
       value: p
-    }, f) : /* @__PURE__ */ X.createElement(Re.Provider, {
+    }, f) : /* @__PURE__ */ X.createElement(ge.Provider, {
       value: p
     }, /* @__PURE__ */ X.createElement(i, c, f));
   }, t;
@@ -319,8 +306,8 @@ fe.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: n.func
 } : {};
-fe.defaultProps = vt;
-function Ve(e) {
+fe.defaultProps = Rt;
+function xe(e) {
   const {
     className: t,
     classes: o,
@@ -331,7 +318,7 @@ function Ve(e) {
     in: c,
     onExited: p,
     timeout: f
-  } = e, [h, R] = l.useState(!1), y = v(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), x = {
+  } = e, [h, R] = l.useState(!1), y = v(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), P = {
     width: s,
     height: s,
     top: -(s / 2) + i,
@@ -346,15 +333,16 @@ function Ve(e) {
     }
   }, [p, c, f]), /* @__PURE__ */ $("span", {
     className: y,
-    style: x,
+    style: P,
     children: /* @__PURE__ */ $("span", {
       className: m
     })
   });
 }
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
+process.env.NODE_ENV !== "production" && (xe.propTypes = {
   /**
    * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: n.object.isRequired,
   className: n.string,
@@ -387,9 +375,9 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    */
   timeout: n.number.isRequired
 });
-const b = ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), xt = ["center", "classes", "className"];
-let ee = (e) => e, Te, Ee, Me, Ce;
-const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
+const b = Ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), Tt = ["center", "classes", "className"];
+let Z = (e) => e, Re, Te, Ee, Me;
+const se = 550, Et = 80, Mt = le(Re || (Re = Z`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -399,7 +387,7 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
     transform: scale(1);
     opacity: 0.3;
   }
-`)), Pt = ce(Ee || (Ee = ee`
+`)), Ct = le(Te || (Te = Z`
   0% {
     opacity: 1;
   }
@@ -407,7 +395,7 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
   100% {
     opacity: 0;
   }
-`)), Dt = ce(Me || (Me = ee`
+`)), vt = le(Ee || (Ee = Z`
   0% {
     transform: scale(1);
   }
@@ -419,7 +407,7 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
   100% {
     transform: scale(1);
   }
-`)), Nt = le("span", {
+`)), xt = ae("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -432,10 +420,10 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), Lt = le(Ve, {
+}), Vt = ae(xe, {
   name: "MuiTouchRipple",
   slot: "Ripple"
-})(Ce || (Ce = ee`
+})(Me || (Me = Z`
   opacity: 0;
   position: absolute;
 
@@ -478,35 +466,39 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`), b.rippleVisible, wt, ue, ({
+`), b.rippleVisible, Mt, se, ({
   theme: e
 }) => e.transitions.easing.easeInOut, b.ripplePulsate, ({
   theme: e
-}) => e.transitions.duration.shorter, b.child, b.childLeaving, Pt, ue, ({
+}) => e.transitions.duration.shorter, b.child, b.childLeaving, Ct, se, ({
   theme: e
-}) => e.transitions.easing.easeInOut, b.childPulsate, Dt, ({
+}) => e.transitions.easing.easeInOut, b.childPulsate, vt, ({
   theme: e
-}) => e.transitions.easing.easeInOut), we = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = xe({
+}) => e.transitions.easing.easeInOut), Ve = /* @__PURE__ */ l.forwardRef(function(t, o) {
+  const a = ve({
     props: t,
     name: "MuiTouchRipple"
   }), {
     center: r = !1,
     classes: i = {},
     className: s
-  } = a, c = ae(a, xt), [p, f] = l.useState([]), h = l.useRef(0), R = l.useRef(null);
+  } = a, c = ue(a, Tt), [p, f] = l.useState([]), h = l.useRef(0), R = l.useRef(null);
   l.useEffect(() => {
     R.current && (R.current(), R.current = null);
   }, [p]);
-  const y = l.useRef(!1), x = ct(), m = l.useRef(null), T = l.useRef(null), U = l.useCallback((d) => {
+  const y = l.useRef(!1), P = l.useRef(null), m = l.useRef(null), T = l.useRef(null);
+  l.useEffect(() => () => {
+    clearTimeout(P.current);
+  }, []);
+  const U = l.useCallback((d) => {
     const {
       pulsate: E,
       rippleX: M,
-      rippleY: B,
+      rippleY: L,
       rippleSize: _,
       cb: K
     } = d;
-    f((C) => [...C, /* @__PURE__ */ $(Lt, {
+    f((C) => [...C, /* @__PURE__ */ $(Vt, {
       classes: {
         ripple: v(i.ripple, b.ripple),
         rippleVisible: v(i.rippleVisible, b.rippleVisible),
@@ -515,16 +507,16 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
         childLeaving: v(i.childLeaving, b.childLeaving),
         childPulsate: v(i.childPulsate, b.childPulsate)
       },
-      timeout: ue,
+      timeout: se,
       pulsate: E,
       rippleX: M,
-      rippleY: B,
+      rippleY: L,
       rippleSize: _
     }, h.current)]), h.current += 1, R.current = K;
-  }, [i]), S = l.useCallback((d = {}, E = {}, M = () => {
+  }, [i]), I = l.useCallback((d = {}, E = {}, M = () => {
   }) => {
     const {
-      pulsate: B = !1,
+      pulsate: L = !1,
       center: _ = r || E.pulsate,
       fakeElement: K = !1
       // For test purposes
@@ -540,57 +532,57 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
       left: 0,
       top: 0
     };
-    let V, N, L;
+    let x, N, B;
     if (_ || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      V = Math.round(D.width / 2), N = Math.round(D.height / 2);
+      x = Math.round(D.width / 2), N = Math.round(D.height / 2);
     else {
       const {
-        clientX: I,
-        clientY: w
+        clientX: F,
+        clientY: V
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      V = Math.round(I - D.left), N = Math.round(w - D.top);
+      x = Math.round(F - D.left), N = Math.round(V - D.top);
     }
     if (_)
-      L = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), L % 2 === 0 && (L += 1);
+      B = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), B % 2 === 0 && (B += 1);
     else {
-      const I = Math.max(Math.abs((C ? C.clientWidth : 0) - V), V) * 2 + 2, w = Math.max(Math.abs((C ? C.clientHeight : 0) - N), N) * 2 + 2;
-      L = Math.sqrt(I ** 2 + w ** 2);
+      const F = Math.max(Math.abs((C ? C.clientWidth : 0) - x), x) * 2 + 2, V = Math.max(Math.abs((C ? C.clientHeight : 0) - N), N) * 2 + 2;
+      B = Math.sqrt(F ** 2 + V ** 2);
     }
     d != null && d.touches ? m.current === null && (m.current = () => {
       U({
-        pulsate: B,
-        rippleX: V,
+        pulsate: L,
+        rippleX: x,
         rippleY: N,
-        rippleSize: L,
+        rippleSize: B,
         cb: M
       });
-    }, x.start(Vt, () => {
+    }, P.current = setTimeout(() => {
       m.current && (m.current(), m.current = null);
-    })) : U({
-      pulsate: B,
-      rippleX: V,
+    }, Et)) : U({
+      pulsate: L,
+      rippleX: x,
       rippleY: N,
-      rippleSize: L,
+      rippleSize: B,
       cb: M
     });
-  }, [r, U, x]), j = l.useCallback(() => {
-    S({}, {
+  }, [r, U]), j = l.useCallback(() => {
+    I({}, {
       pulsate: !0
     });
-  }, [S]), O = l.useCallback((d, E) => {
-    if (x.clear(), (d == null ? void 0 : d.type) === "touchend" && m.current) {
-      m.current(), m.current = null, x.start(0, () => {
+  }, [I]), O = l.useCallback((d, E) => {
+    if (clearTimeout(P.current), (d == null ? void 0 : d.type) === "touchend" && m.current) {
+      m.current(), m.current = null, P.current = setTimeout(() => {
         O(d, E);
       });
       return;
     }
     m.current = null, f((M) => M.length > 0 ? M.slice(1) : M), R.current = E;
-  }, [x]);
+  }, []);
   return l.useImperativeHandle(o, () => ({
     pulsate: j,
-    start: S,
+    start: I,
     stop: O
-  }), [j, S, O]), /* @__PURE__ */ $(Nt, Y({
+  }), [j, I, O]), /* @__PURE__ */ $(xt, Y({
     className: v(b.root, i.root, s),
     ref: T
   }, c, {
@@ -601,7 +593,7 @@ const ue = 550, Vt = 80, wt = ce(Te || (Te = ee`
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (we.propTypes = {
+process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -609,6 +601,7 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
   center: n.bool,
   /**
    * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: n.object,
   /**
@@ -616,20 +609,20 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
    */
   className: n.string
 });
-function Bt(e) {
-  return Ze("MuiButtonBase", e);
+function wt(e) {
+  return Ge("MuiButtonBase", e);
 }
-const It = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Ft = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], kt = (e) => {
+const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Nt = (e) => {
   const {
     disabled: t,
     focusVisible: o,
     focusVisibleClassName: a,
     classes: r
-  } = e, s = Ge({
+  } = e, s = He({
     root: ["root", t && "disabled", o && "focusVisible"]
-  }, Bt, r);
+  }, wt, r);
   return o && a && (s.root += ` ${a}`), s;
-}, St = le("button", {
+}, Bt = ae("button", {
   name: "MuiButtonBase",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -664,7 +657,7 @@ const It = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Ft = ["act
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${It.disabled}`]: {
+  [`&.${Pt.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -672,8 +665,8 @@ const It = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Ft = ["act
   "@media print": {
     colorAdjust: "exact"
   }
-}), Ot = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = xe({
+}), Lt = /* @__PURE__ */ l.forwardRef(function(t, o) {
+  const a = ve({
     props: t,
     name: "MuiButtonBase"
   }), {
@@ -686,74 +679,74 @@ const It = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Ft = ["act
     disableRipple: h = !1,
     disableTouchRipple: R = !1,
     focusRipple: y = !1,
-    LinkComponent: x = "a",
+    LinkComponent: P = "a",
     onBlur: m,
     onClick: T,
     onContextMenu: U,
-    onDragLeave: S,
+    onDragLeave: I,
     onFocus: j,
     onFocusVisible: O,
     onKeyDown: d,
     onKeyUp: E,
     onMouseDown: M,
-    onMouseLeave: B,
+    onMouseLeave: L,
     onMouseUp: _,
     onTouchEnd: K,
     onTouchMove: C,
     onTouchStart: D,
-    tabIndex: V = 0,
+    tabIndex: x = 0,
     TouchRippleProps: N,
-    touchRippleRef: L,
-    type: I
-  } = a, w = ae(a, Ft), z = l.useRef(null), g = l.useRef(null), Pe = ye(g, L), {
+    touchRippleRef: B,
+    type: F
+  } = a, V = ue(a, Dt), z = l.useRef(null), g = l.useRef(null), we = ye(g, B), {
     isFocusVisibleRef: de,
-    onFocus: De,
-    onBlur: Ne,
-    ref: Le
-  } = gt(), [F, q] = l.useState(!1);
-  f && F && q(!1), l.useImperativeHandle(r, () => ({
+    onFocus: Pe,
+    onBlur: De,
+    ref: Ne
+  } = dt(), [k, q] = l.useState(!1);
+  f && k && q(!1), l.useImperativeHandle(r, () => ({
     focusVisible: () => {
       q(!0), z.current.focus();
     }
   }), []);
-  const [te, Be] = l.useState(!1);
+  const [ee, Be] = l.useState(!1);
   l.useEffect(() => {
     Be(!0);
   }, []);
-  const ne = te && !h && !f;
+  const te = ee && !h && !f;
   l.useEffect(() => {
-    F && y && !h && te && g.current.pulsate();
-  }, [h, y, F, te]);
-  function P(u, me, qe = R) {
-    return H((be) => (me && me(be), !qe && g.current && g.current[u](be), !0));
+    k && y && !h && ee && g.current.pulsate();
+  }, [h, y, k, ee]);
+  function w(u, me, Ye = R) {
+    return H((be) => (me && me(be), !Ye && g.current && g.current[u](be), !0));
   }
-  const Ie = P("start", M), Fe = P("stop", U), ke = P("stop", S), Se = P("stop", _), Oe = P("stop", (u) => {
-    F && u.preventDefault(), B && B(u);
-  }), _e = P("start", D), $e = P("stop", K), Ue = P("stop", C), je = P("stop", (u) => {
-    Ne(u), de.current === !1 && q(!1), m && m(u);
-  }, !1), Ke = H((u) => {
-    z.current || (z.current = u.currentTarget), De(u), de.current === !0 && (q(!0), O && O(u)), j && j(u);
-  }), oe = () => {
+  const Le = w("start", M), Fe = w("stop", U), ke = w("stop", I), Se = w("stop", _), Ie = w("stop", (u) => {
+    k && u.preventDefault(), L && L(u);
+  }), Oe = w("start", D), _e = w("stop", K), $e = w("stop", C), Ue = w("stop", (u) => {
+    De(u), de.current === !1 && q(!1), m && m(u);
+  }, !1), je = H((u) => {
+    z.current || (z.current = u.currentTarget), Pe(u), de.current === !0 && (q(!0), O && O(u)), j && j(u);
+  }), ne = () => {
     const u = z.current;
     return p && p !== "button" && !(u.tagName === "A" && u.href);
-  }, re = l.useRef(!1), ze = H((u) => {
-    y && !re.current && F && g.current && u.key === " " && (re.current = !0, g.current.stop(u, () => {
+  }, oe = l.useRef(!1), Ke = H((u) => {
+    y && !oe.current && k && g.current && u.key === " " && (oe.current = !0, g.current.stop(u, () => {
       g.current.start(u);
-    })), u.target === u.currentTarget && oe() && u.key === " " && u.preventDefault(), d && d(u), u.target === u.currentTarget && oe() && u.key === "Enter" && !f && (u.preventDefault(), T && T(u));
-  }), Ae = H((u) => {
-    y && u.key === " " && g.current && F && !u.defaultPrevented && (re.current = !1, g.current.stop(u, () => {
+    })), u.target === u.currentTarget && ne() && u.key === " " && u.preventDefault(), d && d(u), u.target === u.currentTarget && ne() && u.key === "Enter" && !f && (u.preventDefault(), T && T(u));
+  }), ze = H((u) => {
+    y && u.key === " " && g.current && k && !u.defaultPrevented && (oe.current = !1, g.current.stop(u, () => {
       g.current.pulsate(u);
-    })), E && E(u), T && u.target === u.currentTarget && oe() && u.key === " " && !u.defaultPrevented && T(u);
+    })), E && E(u), T && u.target === u.currentTarget && ne() && u.key === " " && !u.defaultPrevented && T(u);
   });
   let W = p;
-  W === "button" && (w.href || w.to) && (W = x);
+  W === "button" && (V.href || V.to) && (W = P);
   const A = {};
-  W === "button" ? (A.type = I === void 0 ? "button" : I, A.disabled = f) : (!w.href && !w.to && (A.role = "button"), f && (A["aria-disabled"] = f));
-  const Xe = ye(o, Le, z);
+  W === "button" ? (A.type = F === void 0 ? "button" : F, A.disabled = f) : (!V.href && !V.to && (A.role = "button"), f && (A["aria-disabled"] = f));
+  const Ae = ye(o, Ne, z);
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    ne && !g.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
+    te && !g.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
-  }, [ne]);
+  }, [te]);
   const he = Y({}, a, {
     centerRipple: i,
     component: p,
@@ -761,49 +754,49 @@ const It = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Ft = ["act
     disableRipple: h,
     disableTouchRipple: R,
     focusRipple: y,
-    tabIndex: V,
-    focusVisible: F
-  }), Ye = kt(he);
-  return /* @__PURE__ */ Je(St, Y({
+    tabIndex: x,
+    focusVisible: k
+  }), Xe = Nt(he);
+  return /* @__PURE__ */ Je(Bt, Y({
     as: W,
-    className: v(Ye.root, c),
+    className: v(Xe.root, c),
     ownerState: he,
-    onBlur: je,
+    onBlur: Ue,
     onClick: T,
     onContextMenu: Fe,
-    onFocus: Ke,
-    onKeyDown: ze,
-    onKeyUp: Ae,
-    onMouseDown: Ie,
-    onMouseLeave: Oe,
+    onFocus: je,
+    onKeyDown: Ke,
+    onKeyUp: ze,
+    onMouseDown: Le,
+    onMouseLeave: Ie,
     onMouseUp: Se,
     onDragLeave: ke,
-    onTouchEnd: $e,
-    onTouchMove: Ue,
-    onTouchStart: _e,
-    ref: Xe,
-    tabIndex: f ? -1 : V,
-    type: I
-  }, A, w, {
-    children: [s, ne ? (
+    onTouchEnd: _e,
+    onTouchMove: $e,
+    onTouchStart: Oe,
+    ref: Ae,
+    tabIndex: f ? -1 : x,
+    type: F
+  }, A, V, {
+    children: [s, te ? (
       /* TouchRipple is only needed client-side, x2 boost on the server. */
-      /* @__PURE__ */ $(we, Y({
-        ref: Pe,
+      /* @__PURE__ */ $(Ve, Y({
+        ref: we,
         center: i
       }, N))
     ) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (Ot.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+process.env.NODE_ENV !== "production" && (Lt.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: it,
+  action: ot,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -826,7 +819,7 @@ process.env.NODE_ENV !== "production" && (Ot.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: rt,
+  component: nt,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -953,16 +946,14 @@ process.env.NODE_ENV !== "production" && (Ot.propTypes = {
   type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string])
 });
 export {
-  Ot as B,
-  fe as T,
-  Rt as _,
-  H as a,
-  tt as b,
-  ct as c,
-  gt as d,
-  rt as e,
-  Re as f,
-  it as r,
-  st as s,
-  ye as u
+  Lt as B,
+  ge as T,
+  ht as _,
+  ye as a,
+  H as b,
+  dt as c,
+  nt as e,
+  ot as r,
+  rt as s,
+  it as u
 };