@hai-dev/ui-kit 1.0.11 → 1.1.0

package/dist/{ButtonBase-T2KH9jsD.js → ButtonBase-DPLf5-lz.js}

@@ -1,56 +1,24 @@
-import * as c from "react";
-import X, { isValidElement as W, cloneElement as G, Children as Ie } from "react";
-import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-RvzX1VSA.js";
-import { jsx as F, jsxs as ke } from "react/jsx-runtime";
-import { b as je, u as de, s as ne, k as oe, c as $e } from "./chainPropTypes-KIxDwPzf.js";
-const Fe = typeof window < "u" ? c.useLayoutEffect : c.useEffect;
-function Z(e) {
-  const t = c.useRef(e);
-  return Fe(() => {
-    t.current = e;
-  }), c.useRef((...o) => (
-    // @ts-expect-error hide `this`
-    (0, t.current)(...o)
-  )).current;
-}
-function ae(...e) {
-  const t = c.useRef(void 0), o = c.useCallback((i) => {
-    const s = e.map((r) => {
-      if (r == null)
-        return null;
-      if (typeof r == "function") {
-        const u = r, l = u(i);
-        return typeof l == "function" ? l : () => {
-          u(null);
-        };
-      }
-      return r.current = i, () => {
-        r.current = null;
-      };
-    });
-    return () => {
-      s.forEach((r) => r?.());
-    };
-  }, e);
-  return c.useMemo(() => e.every((i) => i == null) ? null : (i) => {
-    t.current && (t.current(), t.current = void 0), i != null && (t.current = o(i));
-  }, e);
-}
-function Ue(e, t) {
+import * as f from "react";
+import X, { isValidElement as H, cloneElement as G, Children as Ie } from "react";
+import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-RRQUOQoF.js";
+import { jsx as U, jsxs as je } from "react/jsx-runtime";
+import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-C04Ex8aP.js";
+import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-CCKoQjVR.js";
+function _e(e, t) {
   if (e == null) return {};
   var o = {};
-  for (var i in e) if ({}.hasOwnProperty.call(e, i)) {
-    if (t.indexOf(i) !== -1) continue;
-    o[i] = e[i];
+  for (var s in e) if ({}.hasOwnProperty.call(e, s)) {
+    if (t.indexOf(s) !== -1) continue;
+    o[s] = e[s];
   }
   return o;
 }
 function ee(e, t) {
-  return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, i) {
-    return o.__proto__ = i, o;
+  return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, s) {
+    return o.__proto__ = s, o;
   }, ee(e, t);
 }
-function _e(e, t) {
+function $e(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
 }
 const le = X.createContext(null);
@@ -59,35 +27,35 @@ function ze(e) {
   return e;
 }
 function re(e, t) {
-  var o = function(r) {
-    return t && W(r) ? t(r) : r;
-  }, i = /* @__PURE__ */ Object.create(null);
-  return e && Ie.map(e, function(s) {
-    return s;
-  }).forEach(function(s) {
-    i[s.key] = o(s);
-  }), i;
+  var o = function(i) {
+    return t && H(i) ? t(i) : i;
+  }, s = /* @__PURE__ */ Object.create(null);
+  return e && Ie.map(e, function(r) {
+    return r;
+  }).forEach(function(r) {
+    s[r.key] = o(r);
+  }), s;
 }
 function Ae(e, t) {
   e = e || {}, t = t || {};
   function o(h) {
     return h in t ? t[h] : e[h];
   }
-  var i = /* @__PURE__ */ Object.create(null), s = [];
-  for (var r in e)
-    r in t ? s.length && (i[r] = s, s = []) : s.push(r);
-  var u, l = {};
-  for (var p in t) {
-    if (i[p])
-      for (u = 0; u < i[p].length; u++) {
-        var f = i[p][u];
-        l[i[p][u]] = o(f);
+  var s = /* @__PURE__ */ Object.create(null), r = [];
+  for (var i in e)
+    i in t ? r.length && (s[i] = r, r = []) : r.push(i);
+  var u, c = {};
+  for (var l in t) {
+    if (s[l])
+      for (u = 0; u < s[l].length; u++) {
+        var p = s[l][u];
+        c[s[l][u]] = o(p);
       }
-    l[p] = o(p);
+    c[l] = o(l);
   }
-  for (u = 0; u < s.length; u++)
-    l[s[u]] = o(s[u]);
-  return l;
+  for (u = 0; u < r.length; u++)
+    c[r[u]] = o(r[u]);
+  return c;
 }
 function L(e, t, o) {
   return o[t] != null ? o[t] : e.props[t];
@@ -104,26 +72,26 @@ function Ye(e, t) {
   });
 }
 function Xe(e, t, o) {
-  var i = re(e.children), s = Ae(t, i);
-  return Object.keys(s).forEach(function(r) {
-    var u = s[r];
-    if (W(u)) {
-      var l = r in t, p = r in i, f = t[r], h = W(f) && !f.props.in;
-      p && (!l || h) ? s[r] = G(u, {
+  var s = re(e.children), r = Ae(t, s);
+  return Object.keys(r).forEach(function(i) {
+    var u = r[i];
+    if (H(u)) {
+      var c = i in t, l = i in s, p = t[i], h = H(p) && !p.props.in;
+      l && (!c || h) ? r[i] = G(u, {
         onExited: o.bind(null, u),
         in: !0,
         exit: L(u, "exit", e),
         enter: L(u, "enter", e)
-      }) : !p && l && !h ? s[r] = G(u, {
+      }) : !l && c && !h ? r[i] = G(u, {
         in: !1
-      }) : p && l && W(f) && (s[r] = G(u, {
+      }) : l && c && H(p) && (r[i] = G(u, {
         onExited: o.bind(null, u),
-        in: f.props.in,
+        in: p.props.in,
         exit: L(u, "exit", e),
         enter: L(u, "enter", e)
       }));
     }
-  }), s;
+  }), r;
 }
 var Ke = Object.values || function(e) {
   return Object.keys(e).map(function(t) {
@@ -135,18 +103,18 @@ var Ke = Object.values || function(e) {
     return t;
   }
 }, ie = /* @__PURE__ */ (function(e) {
-  _e(t, e);
-  function t(i, s) {
-    var r;
-    r = e.call(this, i, s) || this;
-    var u = r.handleExited.bind(ze(r));
-    return r.state = {
+  $e(t, e);
+  function t(s, r) {
+    var i;
+    i = e.call(this, s, r) || this;
+    var u = i.handleExited.bind(ze(i));
+    return i.state = {
       contextValue: {
         isMounting: !0
       },
       handleExited: u,
       firstRender: !0
-    }, r;
+    }, i;
   }
   var o = t.prototype;
   return o.componentDidMount = function() {
@@ -157,27 +125,27 @@ var Ke = Object.values || function(e) {
     });
   }, o.componentWillUnmount = function() {
     this.mounted = !1;
-  }, t.getDerivedStateFromProps = function(s, r) {
-    var u = r.children, l = r.handleExited, p = r.firstRender;
+  }, t.getDerivedStateFromProps = function(r, i) {
+    var u = i.children, c = i.handleExited, l = i.firstRender;
     return {
-      children: p ? Ye(s, l) : Xe(s, u, l),
+      children: l ? Ye(r, c) : Xe(r, u, c),
       firstRender: !1
     };
-  }, o.handleExited = function(s, r) {
+  }, o.handleExited = function(r, i) {
     var u = re(this.props.children);
-    s.key in u || (s.props.onExited && s.props.onExited(r), this.mounted && this.setState(function(l) {
-      var p = Be({}, l.children);
-      return delete p[s.key], {
-        children: p
+    r.key in u || (r.props.onExited && r.props.onExited(i), this.mounted && this.setState(function(c) {
+      var l = Be({}, c.children);
+      return delete l[r.key], {
+        children: l
       };
     }));
   }, o.render = function() {
-    var s = this.props, r = s.component, u = s.childFactory, l = Ue(s, ["component", "childFactory"]), p = this.state.contextValue, f = Ke(this.state.children).map(u);
-    return delete l.appear, delete l.enter, delete l.exit, r === null ? /* @__PURE__ */ X.createElement(le.Provider, {
-      value: p
-    }, f) : /* @__PURE__ */ X.createElement(le.Provider, {
-      value: p
-    }, /* @__PURE__ */ X.createElement(r, l, f));
+    var r = this.props, i = r.component, u = r.childFactory, c = _e(r, ["component", "childFactory"]), l = this.state.contextValue, p = Ke(this.state.children).map(u);
+    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ X.createElement(le.Provider, {
+      value: l
+    }, p) : /* @__PURE__ */ X.createElement(le.Provider, {
+      value: l
+    }, /* @__PURE__ */ X.createElement(i, c, p));
   }, t;
 })(X.Component);
 ie.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -236,12 +204,12 @@ ie.propTypes = process.env.NODE_ENV !== "production" ? {
 ie.defaultProps = qe;
 const ce = {};
 function he(e, t) {
-  const o = c.useRef(ce);
+  const o = f.useRef(ce);
   return o.current === ce && (o.current = e(t)), o;
 }
-const He = [];
-function We(e) {
-  c.useEffect(e, He);
+const We = [];
+function He(e) {
+  f.useEffect(e, We);
 }
 class se {
   static create() {
@@ -263,26 +231,8 @@ class se {
 }
 function Ge() {
   const e = he(se.create).current;
-  return We(e.disposeEffect), e;
-}
-function Ze(e) {
-  const {
-    prototype: t = {}
-  } = e;
-  return !!t.isReactComponent;
-}
-function Je(e, t, o, i, s) {
-  const r = e[t], u = s || t;
-  if (r == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let l;
-  return typeof r == "function" && !Ze(r) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${i} \`${u}\` supplied to \`${o}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return He(e.disposeEffect), e;
 }
-const Qe = je(n.elementType, Je), et = n.oneOfType([n.func, n.object]);
 function pe(e) {
   try {
     return e.matches(":focus-visible");
@@ -302,8 +252,8 @@ class J {
     return new J();
   }
   static use() {
-    const t = he(J.create).current, [o, i] = c.useState(!1);
-    return t.shouldMount = o, t.setShouldMount = i, c.useEffect(t.mountEffect, [o]), t;
+    const t = he(J.create).current, [o, s] = f.useState(!1);
+    return t.shouldMount = o, t.setShouldMount = s, f.useEffect(t.mountEffect, [o]), t;
   }
   constructor() {
     this.ref = {
@@ -311,7 +261,7 @@ class J {
     }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
   }
   mount() {
-    return this.mounted || (this.mounted = nt(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+    return this.mounted || (this.mounted = Je(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
   }
   mountEffect = () => {
     this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
@@ -327,13 +277,13 @@ class J {
     this.mount().then(() => this.ref.current?.pulsate(...t));
   }
 }
-function tt() {
+function Ze() {
   return J.use();
 }
-function nt() {
+function Je() {
   let e, t;
-  const o = new Promise((i, s) => {
-    e = i, t = s;
+  const o = new Promise((s, r) => {
+    e = s, t = r;
   });
   return o.resolve = e, o.reject = t, o;
 }
@@ -341,30 +291,30 @@ function me(e) {
   const {
     className: t,
     classes: o,
-    pulsate: i = !1,
-    rippleX: s,
-    rippleY: r,
+    pulsate: s = !1,
+    rippleX: r,
+    rippleY: i,
     rippleSize: u,
-    in: l,
-    onExited: p,
-    timeout: f
-  } = e, [h, m] = c.useState(!1), R = C(t, o.ripple, o.rippleVisible, i && o.ripplePulsate), w = {
+    in: c,
+    onExited: l,
+    timeout: p
+  } = e, [h, m] = f.useState(!1), M = C(t, o.ripple, o.rippleVisible, s && o.ripplePulsate), N = {
     width: u,
     height: u,
-    top: -(u / 2) + r,
-    left: -(u / 2) + s
-  }, g = C(o.child, h && o.childLeaving, i && o.childPulsate);
-  return !l && !h && m(!0), c.useEffect(() => {
-    if (!l && p != null) {
-      const V = setTimeout(p, f);
+    top: -(u / 2) + i,
+    left: -(u / 2) + r
+  }, g = C(o.child, h && o.childLeaving, s && o.childPulsate);
+  return !c && !h && m(!0), f.useEffect(() => {
+    if (!c && l != null) {
+      const V = setTimeout(l, p);
       return () => {
         clearTimeout(V);
       };
     }
-  }, [p, l, f]), /* @__PURE__ */ F("span", {
-    className: R,
-    style: w,
-    children: /* @__PURE__ */ F("span", {
+  }, [l, c, p]), /* @__PURE__ */ U("span", {
+    className: M,
+    style: N,
+    children: /* @__PURE__ */ U("span", {
       className: g
     })
   });
@@ -404,7 +354,7 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
    */
   timeout: n.number.isRequired
 });
-const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), te = 550, ot = 80, rt = oe`
+const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), te = 550, Qe = 80, et = oe`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -414,7 +364,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     transform: scale(1);
     opacity: 0.3;
   }
-`, it = oe`
+`, tt = oe`
   0% {
     opacity: 1;
   }
@@ -422,7 +372,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     opacity: 0;
   }
-`, st = oe`
+`, nt = oe`
   0% {
     transform: scale(1);
   }
@@ -434,7 +384,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, ut = ne("span", {
+`, ot = ne("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -447,7 +397,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), at = ne(me, {
+}), rt = ne(me, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
@@ -457,7 +407,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   &.${y.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
-    animation-name: ${rt};
+    animation-name: ${et};
     animation-duration: ${te}ms;
     animation-timing-function: ${({
   theme: e
@@ -481,7 +431,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
 
   & .${y.childLeaving} {
     opacity: 0;
-    animation-name: ${it};
+    animation-name: ${tt};
     animation-duration: ${te}ms;
     animation-timing-function: ${({
   theme: e
@@ -493,7 +443,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${st};
+    animation-name: ${nt};
     animation-duration: 2500ms;
     animation-timing-function: ${({
   theme: e
@@ -501,56 +451,56 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, be = /* @__PURE__ */ c.forwardRef(function(t, o) {
-  const i = de({
+`, be = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  const s = de({
     props: t,
     name: "MuiTouchRipple"
   }), {
-    center: s = !1,
-    classes: r = {},
+    center: r = !1,
+    classes: i = {},
     className: u,
-    ...l
-  } = i, [p, f] = c.useState([]), h = c.useRef(0), m = c.useRef(null);
-  c.useEffect(() => {
+    ...c
+  } = s, [l, p] = f.useState([]), h = f.useRef(0), m = f.useRef(null);
+  f.useEffect(() => {
     m.current && (m.current(), m.current = null);
-  }, [p]);
-  const R = c.useRef(!1), w = Ge(), g = c.useRef(null), V = c.useRef(null), v = c.useCallback((d) => {
+  }, [l]);
+  const M = f.useRef(!1), N = Ge(), g = f.useRef(null), V = f.useRef(null), v = f.useCallback((d) => {
     const {
       pulsate: T,
-      rippleX: M,
-      rippleY: $,
+      rippleX: R,
+      rippleY: F,
       rippleSize: S,
-      cb: U
+      cb: _
     } = d;
-    f((E) => [...E, /* @__PURE__ */ F(at, {
+    p((E) => [...E, /* @__PURE__ */ U(rt, {
       classes: {
-        ripple: C(r.ripple, y.ripple),
-        rippleVisible: C(r.rippleVisible, y.rippleVisible),
-        ripplePulsate: C(r.ripplePulsate, y.ripplePulsate),
-        child: C(r.child, y.child),
-        childLeaving: C(r.childLeaving, y.childLeaving),
-        childPulsate: C(r.childPulsate, y.childPulsate)
+        ripple: C(i.ripple, y.ripple),
+        rippleVisible: C(i.rippleVisible, y.rippleVisible),
+        ripplePulsate: C(i.ripplePulsate, y.ripplePulsate),
+        child: C(i.child, y.child),
+        childLeaving: C(i.childLeaving, y.childLeaving),
+        childPulsate: C(i.childPulsate, y.childPulsate)
       },
       timeout: te,
       pulsate: T,
-      rippleX: M,
-      rippleY: $,
+      rippleX: R,
+      rippleY: F,
       rippleSize: S
-    }, h.current)]), h.current += 1, m.current = U;
-  }, [r]), k = c.useCallback((d = {}, T = {}, M = () => {
+    }, h.current)]), h.current += 1, m.current = _;
+  }, [i]), j = f.useCallback((d = {}, T = {}, R = () => {
   }) => {
     const {
-      pulsate: $ = !1,
-      center: S = s || T.pulsate,
-      fakeElement: U = !1
+      pulsate: F = !1,
+      center: S = r || T.pulsate,
+      fakeElement: _ = !1
       // For test purposes
     } = T;
-    if (d?.type === "mousedown" && R.current) {
-      R.current = !1;
+    if (d?.type === "mousedown" && M.current) {
+      M.current = !1;
       return;
     }
-    d?.type === "touchstart" && (R.current = !0);
-    const E = U ? null : V.current, N = E ? E.getBoundingClientRect() : {
+    d?.type === "touchstart" && (M.current = !0);
+    const E = _ ? null : V.current, w = E ? E.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -558,62 +508,62 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     };
     let D, x, O;
     if (S || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      D = Math.round(N.width / 2), x = Math.round(N.height / 2);
+      D = Math.round(w.width / 2), x = Math.round(w.height / 2);
     else {
       const {
-        clientX: _,
+        clientX: $,
         clientY: I
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      D = Math.round(_ - N.left), x = Math.round(I - N.top);
+      D = Math.round($ - w.left), x = Math.round(I - w.top);
     }
     if (S)
-      O = Math.sqrt((2 * N.width ** 2 + N.height ** 2) / 3), O % 2 === 0 && (O += 1);
+      O = Math.sqrt((2 * w.width ** 2 + w.height ** 2) / 3), O % 2 === 0 && (O += 1);
     else {
-      const _ = Math.max(Math.abs((E ? E.clientWidth : 0) - D), D) * 2 + 2, I = Math.max(Math.abs((E ? E.clientHeight : 0) - x), x) * 2 + 2;
-      O = Math.sqrt(_ ** 2 + I ** 2);
+      const $ = Math.max(Math.abs((E ? E.clientWidth : 0) - D), D) * 2 + 2, I = Math.max(Math.abs((E ? E.clientHeight : 0) - x), x) * 2 + 2;
+      O = Math.sqrt($ ** 2 + I ** 2);
     }
     d?.touches ? g.current === null && (g.current = () => {
       v({
-        pulsate: $,
+        pulsate: F,
         rippleX: D,
         rippleY: x,
         rippleSize: O,
-        cb: M
+        cb: R
       });
-    }, w.start(ot, () => {
+    }, N.start(Qe, () => {
       g.current && (g.current(), g.current = null);
     })) : v({
-      pulsate: $,
+      pulsate: F,
       rippleX: D,
       rippleY: x,
       rippleSize: O,
-      cb: M
+      cb: R
     });
-  }, [s, v, w]), K = c.useCallback(() => {
-    k({}, {
+  }, [r, v, N]), K = f.useCallback(() => {
+    j({}, {
       pulsate: !0
     });
-  }, [k]), j = c.useCallback((d, T) => {
-    if (w.clear(), d?.type === "touchend" && g.current) {
-      g.current(), g.current = null, w.start(0, () => {
-        j(d, T);
+  }, [j]), k = f.useCallback((d, T) => {
+    if (N.clear(), d?.type === "touchend" && g.current) {
+      g.current(), g.current = null, N.start(0, () => {
+        k(d, T);
       });
       return;
     }
-    g.current = null, f((M) => M.length > 0 ? M.slice(1) : M), m.current = T;
-  }, [w]);
-  return c.useImperativeHandle(o, () => ({
+    g.current = null, p((R) => R.length > 0 ? R.slice(1) : R), m.current = T;
+  }, [N]);
+  return f.useImperativeHandle(o, () => ({
     pulsate: K,
-    start: k,
-    stop: j
-  }), [K, k, j]), /* @__PURE__ */ F(ut, {
-    className: C(y.root, r.root, u),
+    start: j,
+    stop: k
+  }), [K, j, k]), /* @__PURE__ */ U(ot, {
+    className: C(y.root, i.root, u),
     ref: V,
-    ...l,
-    children: /* @__PURE__ */ F(ie, {
+    ...c,
+    children: /* @__PURE__ */ U(ie, {
       component: null,
       exit: !0,
-      children: p
+      children: l
     })
   });
 });
@@ -632,20 +582,20 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    */
   className: n.string
 });
-function lt(e) {
+function it(e) {
   return Le("MuiButtonBase", e);
 }
-const ct = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), pt = (e) => {
+const st = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ut = (e) => {
   const {
     disabled: t,
     focusVisible: o,
-    focusVisibleClassName: i,
-    classes: s
-  } = e, u = $e({
+    focusVisibleClassName: s,
+    classes: r
+  } = e, u = ke({
     root: ["root", t && "disabled", o && "focusVisible"]
-  }, lt, s);
-  return o && i && (u.root += ` ${i}`), u;
-}, ft = ne("button", {
+  }, it, r);
+  return o && s && (u.root += ` ${s}`), u;
+}, at = ne("button", {
   name: "MuiButtonBase",
   slot: "Root"
 })({
@@ -679,7 +629,7 @@ const ct = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), pt = (e) =
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${ct.disabled}`]: {
+  [`&.${st.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -687,95 +637,95 @@ const ct = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), pt = (e) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), dt = /* @__PURE__ */ c.forwardRef(function(t, o) {
-  const i = de({
+}), lt = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  const s = de({
     props: t,
     name: "MuiButtonBase"
   }), {
-    action: s,
-    centerRipple: r = !1,
+    action: r,
+    centerRipple: i = !1,
     children: u,
-    className: l,
-    component: p = "button",
-    disabled: f = !1,
+    className: c,
+    component: l = "button",
+    disabled: p = !1,
     disableRipple: h = !1,
     disableTouchRipple: m = !1,
-    focusRipple: R = !1,
-    focusVisibleClassName: w,
+    focusRipple: M = !1,
+    focusVisibleClassName: N,
     LinkComponent: g = "a",
     onBlur: V,
     onClick: v,
-    onContextMenu: k,
+    onContextMenu: j,
     onDragLeave: K,
-    onFocus: j,
+    onFocus: k,
     onFocusVisible: d,
     onKeyDown: T,
-    onKeyUp: M,
-    onMouseDown: $,
+    onKeyUp: R,
+    onMouseDown: F,
     onMouseLeave: S,
-    onMouseUp: U,
+    onMouseUp: _,
     onTouchEnd: E,
-    onTouchMove: N,
+    onTouchMove: w,
     onTouchStart: D,
     tabIndex: x = 0,
     TouchRippleProps: O,
-    touchRippleRef: _,
+    touchRippleRef: $,
     type: I,
     ...z
-  } = i, A = c.useRef(null), b = tt(), ge = ae(b.ref, _), [B, q] = c.useState(!1);
-  f && B && q(!1), c.useImperativeHandle(s, () => ({
+  } = s, A = f.useRef(null), b = Ze(), ge = ae(b.ref, $), [B, q] = f.useState(!1);
+  p && B && q(!1), f.useImperativeHandle(r, () => ({
     focusVisible: () => {
       q(!0), A.current.focus();
     }
   }), []);
-  const ye = b.shouldMount && !h && !f;
-  c.useEffect(() => {
-    B && R && !h && b.pulsate();
-  }, [h, R, B, b]);
-  const Re = P(b, "start", $, m), Me = P(b, "stop", k, m), Te = P(b, "stop", K, m), Ee = P(b, "stop", U, m), Ce = P(b, "stop", (a) => {
+  const ye = b.shouldMount && !h && !p;
+  f.useEffect(() => {
+    B && M && !h && b.pulsate();
+  }, [h, M, B, b]);
+  const Me = P(b, "start", F, m), Re = P(b, "stop", j, m), Te = P(b, "stop", K, m), Ee = P(b, "stop", _, m), Ce = P(b, "stop", (a) => {
     B && a.preventDefault(), S && S(a);
-  }, m), ve = P(b, "start", D, m), xe = P(b, "stop", E, m), Pe = P(b, "stop", N, m), we = P(b, "stop", (a) => {
+  }, m), ve = P(b, "start", D, m), xe = P(b, "stop", E, m), Pe = P(b, "stop", w, m), Ne = P(b, "stop", (a) => {
     pe(a.target) || q(!1), V && V(a);
-  }, !1), Ne = Z((a) => {
-    A.current || (A.current = a.currentTarget), pe(a.target) && (q(!0), d && d(a)), j && j(a);
+  }, !1), we = Z((a) => {
+    A.current || (A.current = a.currentTarget), pe(a.target) && (q(!0), d && d(a)), k && k(a);
   }), Q = () => {
     const a = A.current;
-    return p && p !== "button" && !(a.tagName === "A" && a.href);
+    return l && l !== "button" && !(a.tagName === "A" && a.href);
   }, De = Z((a) => {
-    R && !a.repeat && B && a.key === " " && b.stop(a, () => {
+    M && !a.repeat && B && a.key === " " && b.stop(a, () => {
       b.start(a);
-    }), a.target === a.currentTarget && Q() && a.key === " " && a.preventDefault(), T && T(a), a.target === a.currentTarget && Q() && a.key === "Enter" && !f && (a.preventDefault(), v && v(a));
+    }), a.target === a.currentTarget && Q() && a.key === " " && a.preventDefault(), T && T(a), a.target === a.currentTarget && Q() && a.key === "Enter" && !p && (a.preventDefault(), v && v(a));
   }), Oe = Z((a) => {
-    R && a.key === " " && B && !a.defaultPrevented && b.stop(a, () => {
+    M && a.key === " " && B && !a.defaultPrevented && b.stop(a, () => {
       b.pulsate(a);
-    }), M && M(a), v && a.target === a.currentTarget && Q() && a.key === " " && !a.defaultPrevented && v(a);
+    }), R && R(a), v && a.target === a.currentTarget && Q() && a.key === " " && !a.defaultPrevented && v(a);
   });
-  let H = p;
-  H === "button" && (z.href || z.to) && (H = g);
+  let W = l;
+  W === "button" && (z.href || z.to) && (W = g);
   const Y = {};
-  H === "button" ? (Y.type = I === void 0 ? "button" : I, Y.disabled = f) : (!z.href && !z.to && (Y.role = "button"), f && (Y["aria-disabled"] = f));
+  W === "button" ? (Y.type = I === void 0 ? "button" : I, Y.disabled = p) : (!z.href && !z.to && (Y.role = "button"), p && (Y["aria-disabled"] = p));
   const Ve = ae(o, A), ue = {
-    ...i,
-    centerRipple: r,
-    component: p,
-    disabled: f,
+    ...s,
+    centerRipple: i,
+    component: l,
+    disabled: p,
     disableRipple: h,
     disableTouchRipple: m,
-    focusRipple: R,
+    focusRipple: M,
     tabIndex: x,
     focusVisible: B
-  }, Se = pt(ue);
-  return /* @__PURE__ */ ke(ft, {
-    as: H,
-    className: C(Se.root, l),
+  }, Se = ut(ue);
+  return /* @__PURE__ */ je(at, {
+    as: W,
+    className: C(Se.root, c),
     ownerState: ue,
-    onBlur: we,
+    onBlur: Ne,
     onClick: v,
-    onContextMenu: Me,
-    onFocus: Ne,
+    onContextMenu: Re,
+    onFocus: we,
     onKeyDown: De,
     onKeyUp: Oe,
-    onMouseDown: Re,
+    onMouseDown: Me,
     onMouseLeave: Ce,
     onMouseUp: Ee,
     onDragLeave: Te,
@@ -783,21 +733,21 @@ const ct = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), pt = (e) =
     onTouchMove: Pe,
     onTouchStart: ve,
     ref: Ve,
-    tabIndex: f ? -1 : x,
+    tabIndex: p ? -1 : x,
     type: I,
     ...Y,
     ...z,
-    children: [u, ye ? /* @__PURE__ */ F(be, {
+    children: [u, ye ? /* @__PURE__ */ U(be, {
       ref: ge,
-      center: r,
+      center: i,
       ...O
     }) : null]
   });
 });
-function P(e, t, o, i = !1) {
-  return Z((s) => (o && o(s), i || e[t](s), !0));
+function P(e, t, o, s = !1) {
+  return Z((r) => (o && o(r), s || e[t](r), !0));
 }
-process.env.NODE_ENV !== "production" && (dt.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 `pnpm proptypes`.     │
@@ -806,7 +756,7 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: et,
+  action: Ue,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -829,7 +779,7 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: Qe,
+  component: Fe,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -956,11 +906,8 @@ process.env.NODE_ENV !== "production" && (dt.propTypes = {
   type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string])
 });
 export {
-  dt as B,
+  lt as B,
   le as T,
-  _e as _,
-  Ue as a,
-  Fe as b,
-  Z as c,
-  ae as u
+  $e as _,
+  _e as a
 };