@solostylist/ui-kit 1.0.1 → 1.0.3

package/dist/{ButtonBase-p_uz8ITC.js → ButtonBase-D7WZejV5.js}

@@ -1,29 +1,61 @@
-var $e = Object.defineProperty;
-var Fe = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var X = (e, t, n) => Fe(e, typeof t != "symbol" ? t + "" : t, n);
-import * as f from "react";
-import K, { Children as Ue, isValidElement as Z, cloneElement as J } from "react";
-import { P as o } from "./createTheme-C97xvI-s.js";
-import { c as E } from "./clsx-C-FXfxyk.js";
-import { j as L } from "./jsx-runtime-B6kdoens.js";
-import { g as be, a as _e } from "./generateUtilityClasses-CuEy5gtx.js";
-import { s as re, c as ze } from "./memoTheme-B2qvAi64.js";
-import { u as ge } from "./DefaultPropsProvider-BV4t9fEW.js";
+var Be = Object.defineProperty;
+var Le = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var X = (e, t, n) => Le(e, typeof t != "symbol" ? t + "" : t, n);
+import * as p from "react";
+import K, { isValidElement as G, cloneElement as Z, Children as ke } from "react";
+import { P as o } from "./createTheme-dX0MILsf.js";
+import { c as x } from "./clsx-DfguY6FT.js";
+import { j as L } from "./jsx-runtime-C5mzlN2N.js";
+import { g as he, a as $e } from "./generateUtilityClasses-CuEy5gtx.js";
+import { u as me } from "./DefaultPropsProvider-Cw67t9bx.js";
+import { s as re, c as Fe } from "./memoTheme-DOlCkXD8.js";
 import { keyframes as ie } from "@emotion/react";
-import { u as Ae } from "./useEnhancedEffect-CJGo-L3B.js";
-function Ye(e, t) {
+import { u as Ue } from "./useEnhancedEffect-CJGo-L3B.js";
+function _e(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...r) {
     return e(...r) || t(...r);
   };
 }
-const Xe = o.oneOfType([o.func, o.object]);
-function Ke(e) {
+function J(e) {
+  const t = p.useRef(e);
+  return Ue(() => {
+    t.current = e;
+  }), p.useRef((...n) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...n)
+  )).current;
+}
+function ce(...e) {
+  const t = p.useRef(void 0), n = p.useCallback((r) => {
+    const s = e.map((i) => {
+      if (i == null)
+        return null;
+      if (typeof i == "function") {
+        const u = i, l = u(r);
+        return typeof l == "function" ? l : () => {
+          u(null);
+        };
+      }
+      return i.current = r, () => {
+        i.current = null;
+      };
+    });
+    return () => {
+      s.forEach((i) => i == null ? void 0 : i());
+    };
+  }, e);
+  return p.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
+  }, e);
+}
+const ze = o.oneOfType([o.func, o.object]);
+function Ae(e) {
   const {
     prototype: t = {}
   } = e;
   return !!t.isReactComponent;
 }
-function qe(e, t, n, r, s) {
+function Ye(e, t, n, r, s) {
   const i = e[t], u = s || t;
   if (i == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
@@ -32,10 +64,10 @@ function qe(e, t, n, r, s) {
   typeof window > "u")
     return null;
   let l;
-  return typeof i == "function" && !Ke(i) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return typeof i == "function" && !Ae(i) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const He = Ye(o.elementType, qe);
-function fe(e) {
+const Xe = _e(o.elementType, Ye);
+function pe(e) {
   try {
     return e.matches(":focus-visible");
   } catch {
@@ -44,29 +76,10 @@ function fe(e) {
   }
   return !1;
 }
-function We(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
-}
-function de(...e) {
-  return f.useMemo(() => e.every((t) => t == null) ? null : (t) => {
-    e.forEach((n) => {
-      We(n, t);
-    });
-  }, e);
-}
-function G(e) {
-  const t = f.useRef(e);
-  return Ae(() => {
-    t.current = e;
-  }), f.useRef((...n) => (
-    // @ts-expect-error hide `this`
-    (0, t.current)(...n)
-  )).current;
-}
-const he = {};
-function ye(e, t) {
-  const n = f.useRef(he);
-  return n.current === he && (n.current = e(t)), n;
+const fe = {};
+function be(e, t) {
+  const n = p.useRef(fe);
+  return n.current === fe && (n.current = e(t)), n;
 }
 class Q {
   constructor() {
@@ -86,11 +99,11 @@ class Q {
     return new Q();
   }
   static use() {
-    const t = ye(Q.create).current, [n, r] = f.useState(!1);
-    return t.shouldMount = n, t.setShouldMount = r, f.useEffect(t.mountEffect, [n]), t;
+    const t = be(Q.create).current, [n, r] = p.useState(!1);
+    return t.shouldMount = n, t.setShouldMount = r, p.useEffect(t.mountEffect, [n]), t;
   }
   mount() {
-    return this.mounted || (this.mounted = Ze(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+    return this.mounted || (this.mounted = qe(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
   }
   /* Ripple API */
   start(...t) {
@@ -112,10 +125,10 @@ class Q {
     });
   }
 }
-function Ge() {
+function Ke() {
   return Q.use();
 }
-function Ze() {
+function qe() {
   let e, t;
   const n = new Promise((r, s) => {
     e = r, t = s;
@@ -131,11 +144,11 @@ function te() {
     return e;
   }, te.apply(null, arguments);
 }
-function Je(e, t) {
+function He(e, t) {
   if (e == null) return {};
   var n = {};
   for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
-    if (t.includes(r)) continue;
+    if (t.indexOf(r) !== -1) continue;
     n[r] = e[r];
   }
   return n;
@@ -145,25 +158,25 @@ function ne(e, t) {
     return n.__proto__ = r, n;
   }, ne(e, t);
 }
-function Qe(e, t) {
+function We(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
-const me = K.createContext(null);
-function et(e) {
+const de = K.createContext(null);
+function Ge(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 function se(e, t) {
   var n = function(i) {
-    return t && Z(i) ? t(i) : i;
+    return t && G(i) ? t(i) : i;
   }, r = /* @__PURE__ */ Object.create(null);
-  return e && Ue.map(e, function(s) {
+  return e && ke.map(e, function(s) {
     return s;
   }).forEach(function(s) {
     r[s.key] = n(s);
   }), r;
 }
-function tt(e, t) {
+function Ze(e, t) {
   e = e || {}, t = t || {};
   function n(h) {
     return h in t ? t[h] : e[h];
@@ -187,9 +200,9 @@ function tt(e, t) {
 function B(e, t, n) {
   return n[t] != null ? n[t] : e.props[t];
 }
-function nt(e, t) {
+function Je(e, t) {
   return se(e.children, function(n) {
-    return J(n, {
+    return Z(n, {
       onExited: t.bind(null, n),
       in: !0,
       appear: B(n, "appear", e),
@@ -198,20 +211,20 @@ function nt(e, t) {
     });
   });
 }
-function ot(e, t, n) {
-  var r = se(e.children), s = tt(t, r);
+function Qe(e, t, n) {
+  var r = se(e.children), s = Ze(t, r);
   return Object.keys(s).forEach(function(i) {
     var u = s[i];
-    if (Z(u)) {
-      var l = i in t, c = i in r, d = t[i], h = Z(d) && !d.props.in;
-      c && (!l || h) ? s[i] = J(u, {
+    if (G(u)) {
+      var l = i in t, c = i in r, d = t[i], h = G(d) && !d.props.in;
+      c && (!l || h) ? s[i] = Z(u, {
         onExited: n.bind(null, u),
         in: !0,
         exit: B(u, "exit", e),
         enter: B(u, "enter", e)
-      }) : !c && l && !h ? s[i] = J(u, {
+      }) : !c && l && !h ? s[i] = Z(u, {
         in: !1
-      }) : c && l && Z(d) && (s[i] = J(u, {
+      }) : c && l && G(d) && (s[i] = Z(u, {
         onExited: n.bind(null, u),
         in: d.props.in,
         exit: B(u, "exit", e),
@@ -220,21 +233,21 @@ function ot(e, t, n) {
     }
   }), s;
 }
-var rt = Object.values || function(e) {
+var et = Object.values || function(e) {
   return Object.keys(e).map(function(t) {
     return e[t];
   });
-}, it = {
+}, tt = {
   component: "div",
   childFactory: function(t) {
     return t;
   }
 }, ue = /* @__PURE__ */ function(e) {
-  Qe(t, e);
+  We(t, e);
   function t(r, s) {
     var i;
     i = e.call(this, r, s) || this;
-    var u = i.handleExited.bind(et(i));
+    var u = i.handleExited.bind(Ge(i));
     return i.state = {
       contextValue: {
         isMounting: !0
@@ -255,7 +268,7 @@ var rt = Object.values || function(e) {
   }, t.getDerivedStateFromProps = function(s, i) {
     var u = i.children, l = i.handleExited, c = i.firstRender;
     return {
-      children: c ? nt(s, l) : ot(s, u, l),
+      children: c ? Je(s, l) : Qe(s, u, l),
       firstRender: !1
     };
   }, n.handleExited = function(s, i) {
@@ -267,10 +280,10 @@ var rt = Object.values || function(e) {
       };
     }));
   }, n.render = function() {
-    var s = this.props, i = s.component, u = s.childFactory, l = Je(s, ["component", "childFactory"]), c = this.state.contextValue, d = rt(this.state.children).map(u);
-    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ K.createElement(me.Provider, {
+    var s = this.props, i = s.component, u = s.childFactory, l = He(s, ["component", "childFactory"]), c = this.state.contextValue, d = et(this.state.children).map(u);
+    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ K.createElement(de.Provider, {
       value: c
-    }, d) : /* @__PURE__ */ K.createElement(me.Provider, {
+    }, d) : /* @__PURE__ */ K.createElement(de.Provider, {
       value: c
     }, /* @__PURE__ */ K.createElement(i, l, d));
   }, t;
@@ -328,10 +341,10 @@ ue.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: o.func
 } : {};
-ue.defaultProps = it;
-const st = [];
-function ut(e) {
-  f.useEffect(e, st);
+ue.defaultProps = tt;
+const nt = [];
+function ot(e) {
+  p.useEffect(e, nt);
 }
 class ae {
   constructor() {
@@ -353,11 +366,11 @@ class ae {
     }, t);
   }
 }
-function at() {
-  const e = ye(ae.create).current;
-  return ut(e.disposeEffect), e;
+function rt() {
+  const e = be(ae.create).current;
+  return ot(e.disposeEffect), e;
 }
-function Me(e) {
+function ge(e) {
   const {
     className: t,
     classes: n,
@@ -368,13 +381,13 @@ function Me(e) {
     in: l,
     onExited: c,
     timeout: d
-  } = e, [h, M] = f.useState(!1), g = E(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), w = {
+  } = e, [h, m] = p.useState(!1), R = x(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), w = {
     width: u,
     height: u,
     top: -(u / 2) + i,
     left: -(u / 2) + s
-  }, m = E(n.child, h && n.childLeaving, r && n.childPulsate);
-  return !l && !h && M(!0), f.useEffect(() => {
+  }, g = x(n.child, h && n.childLeaving, r && n.childPulsate);
+  return !l && !h && m(!0), p.useEffect(() => {
     if (!l && c != null) {
       const D = setTimeout(c, d);
       return () => {
@@ -382,14 +395,14 @@ function Me(e) {
       };
     }
   }, [c, l, d]), /* @__PURE__ */ L.jsx("span", {
-    className: g,
+    className: R,
     style: w,
     children: /* @__PURE__ */ L.jsx("span", {
-      className: m
+      className: g
     })
   });
 }
-process.env.NODE_ENV !== "production" && (Me.propTypes = {
+process.env.NODE_ENV !== "production" && (ge.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -424,7 +437,7 @@ process.env.NODE_ENV !== "production" && (Me.propTypes = {
    */
   timeout: o.number.isRequired
 });
-const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, lt = 80, ct = ie`
+const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, it = 80, st = ie`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -434,7 +447,7 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     transform: scale(1);
     opacity: 0.3;
   }
-`, pt = ie`
+`, ut = ie`
   0% {
     opacity: 1;
   }
@@ -442,7 +455,7 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     opacity: 0;
   }
-`, ft = ie`
+`, at = ie`
   0% {
     transform: scale(1);
   }
@@ -454,7 +467,7 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, dt = re("span", {
+`, lt = re("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -467,30 +480,30 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), ht = re(Me, {
+}), ct = re(ge, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
   opacity: 0;
   position: absolute;
 
-  &.${b.rippleVisible} {
+  &.${y.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
-    animation-name: ${ct};
+    animation-name: ${st};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
 }) => e.transitions.easing.easeInOut};
   }
 
-  &.${b.ripplePulsate} {
+  &.${y.ripplePulsate} {
     animation-duration: ${({
   theme: e
 }) => e.transitions.duration.shorter}ms;
   }
 
-  & .${b.child} {
+  & .${y.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -499,21 +512,21 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     background-color: currentColor;
   }
 
-  & .${b.childLeaving} {
+  & .${y.childLeaving} {
     opacity: 0;
-    animation-name: ${pt};
+    animation-name: ${ut};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
 }) => e.transitions.easing.easeInOut};
   }
 
-  & .${b.childPulsate} {
+  & .${y.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${ft};
+    animation-name: ${at};
     animation-duration: 2500ms;
     animation-timing-function: ${({
   theme: e
@@ -521,8 +534,8 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, Re = /* @__PURE__ */ f.forwardRef(function(t, n) {
-  const r = ge({
+`, ye = /* @__PURE__ */ p.forwardRef(function(t, n) {
+  const r = me({
     props: t,
     name: "MuiTouchRipple"
   }), {
@@ -530,104 +543,104 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     classes: i = {},
     className: u,
     ...l
-  } = r, [c, d] = f.useState([]), h = f.useRef(0), M = f.useRef(null);
-  f.useEffect(() => {
-    M.current && (M.current(), M.current = null);
+  } = r, [c, d] = p.useState([]), h = p.useRef(0), m = p.useRef(null);
+  p.useEffect(() => {
+    m.current && (m.current(), m.current = null);
   }, [c]);
-  const g = f.useRef(!1), w = at(), m = f.useRef(null), D = f.useRef(null), x = f.useCallback((p) => {
+  const R = p.useRef(!1), w = rt(), g = p.useRef(null), D = p.useRef(null), C = p.useCallback((f) => {
     const {
-      pulsate: R,
-      rippleX: y,
+      pulsate: E,
+      rippleX: M,
       rippleY: F,
       rippleSize: V,
       cb: U
-    } = p;
-    d((T) => [...T, /* @__PURE__ */ L.jsx(ht, {
+    } = f;
+    d((T) => [...T, /* @__PURE__ */ L.jsx(ct, {
       classes: {
-        ripple: E(i.ripple, b.ripple),
-        rippleVisible: E(i.rippleVisible, b.rippleVisible),
-        ripplePulsate: E(i.ripplePulsate, b.ripplePulsate),
-        child: E(i.child, b.child),
-        childLeaving: E(i.childLeaving, b.childLeaving),
-        childPulsate: E(i.childPulsate, b.childPulsate)
+        ripple: x(i.ripple, y.ripple),
+        rippleVisible: x(i.rippleVisible, y.rippleVisible),
+        ripplePulsate: x(i.ripplePulsate, y.ripplePulsate),
+        child: x(i.child, y.child),
+        childLeaving: x(i.childLeaving, y.childLeaving),
+        childPulsate: x(i.childPulsate, y.childPulsate)
       },
       timeout: oe,
-      pulsate: R,
-      rippleX: y,
+      pulsate: E,
+      rippleX: M,
       rippleY: F,
       rippleSize: V
-    }, h.current)]), h.current += 1, M.current = U;
-  }, [i]), k = f.useCallback((p = {}, R = {}, y = () => {
+    }, h.current)]), h.current += 1, m.current = U;
+  }, [i]), k = p.useCallback((f = {}, E = {}, M = () => {
   }) => {
     const {
       pulsate: F = !1,
-      center: V = s || R.pulsate,
+      center: V = s || E.pulsate,
       fakeElement: U = !1
       // For test purposes
-    } = R;
-    if ((p == null ? void 0 : p.type) === "mousedown" && g.current) {
-      g.current = !1;
+    } = E;
+    if ((f == null ? void 0 : f.type) === "mousedown" && R.current) {
+      R.current = !1;
       return;
     }
-    (p == null ? void 0 : p.type) === "touchstart" && (g.current = !0);
+    (f == null ? void 0 : f.type) === "touchstart" && (R.current = !0);
     const T = U ? null : D.current, N = T ? T.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let O, C, j;
-    if (V || p === void 0 || p.clientX === 0 && p.clientY === 0 || !p.clientX && !p.touches)
-      O = Math.round(N.width / 2), C = Math.round(N.height / 2);
+    let O, P, j;
+    if (V || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
+      O = Math.round(N.width / 2), P = Math.round(N.height / 2);
     else {
       const {
         clientX: _,
         clientY: S
-      } = p.touches && p.touches.length > 0 ? p.touches[0] : p;
-      O = Math.round(_ - N.left), C = Math.round(S - N.top);
+      } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
+      O = Math.round(_ - N.left), P = Math.round(S - N.top);
     }
     if (V)
       j = Math.sqrt((2 * N.width ** 2 + N.height ** 2) / 3), j % 2 === 0 && (j += 1);
     else {
-      const _ = Math.max(Math.abs((T ? T.clientWidth : 0) - O), O) * 2 + 2, S = Math.max(Math.abs((T ? T.clientHeight : 0) - C), C) * 2 + 2;
+      const _ = Math.max(Math.abs((T ? T.clientWidth : 0) - O), O) * 2 + 2, S = Math.max(Math.abs((T ? T.clientHeight : 0) - P), P) * 2 + 2;
       j = Math.sqrt(_ ** 2 + S ** 2);
     }
-    p != null && p.touches ? m.current === null && (m.current = () => {
-      x({
+    f != null && f.touches ? g.current === null && (g.current = () => {
+      C({
         pulsate: F,
         rippleX: O,
-        rippleY: C,
+        rippleY: P,
         rippleSize: j,
-        cb: y
+        cb: M
       });
-    }, w.start(lt, () => {
-      m.current && (m.current(), m.current = null);
-    })) : x({
+    }, w.start(it, () => {
+      g.current && (g.current(), g.current = null);
+    })) : C({
       pulsate: F,
       rippleX: O,
-      rippleY: C,
+      rippleY: P,
       rippleSize: j,
-      cb: y
+      cb: M
     });
-  }, [s, x, w]), q = f.useCallback(() => {
+  }, [s, C, w]), q = p.useCallback(() => {
     k({}, {
       pulsate: !0
     });
-  }, [k]), $ = f.useCallback((p, R) => {
-    if (w.clear(), (p == null ? void 0 : p.type) === "touchend" && m.current) {
-      m.current(), m.current = null, w.start(0, () => {
-        $(p, R);
+  }, [k]), $ = p.useCallback((f, E) => {
+    if (w.clear(), (f == null ? void 0 : f.type) === "touchend" && g.current) {
+      g.current(), g.current = null, w.start(0, () => {
+        $(f, E);
       });
       return;
     }
-    m.current = null, d((y) => y.length > 0 ? y.slice(1) : y), M.current = R;
+    g.current = null, d((M) => M.length > 0 ? M.slice(1) : M), m.current = E;
   }, [w]);
-  return f.useImperativeHandle(n, () => ({
+  return p.useImperativeHandle(n, () => ({
     pulsate: q,
     start: k,
     stop: $
-  }), [q, k, $]), /* @__PURE__ */ L.jsx(dt, {
-    className: E(b.root, i.root, u),
+  }), [q, k, $]), /* @__PURE__ */ L.jsx(lt, {
+    className: x(y.root, i.root, u),
     ref: D,
     ...l,
     children: /* @__PURE__ */ L.jsx(ue, {
@@ -637,7 +650,7 @@ const b = be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Re.propTypes = {
+process.env.NODE_ENV !== "production" && (ye.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -652,20 +665,20 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    */
   className: o.string
 });
-function mt(e) {
-  return _e("MuiButtonBase", e);
+function pt(e) {
+  return $e("MuiButtonBase", e);
 }
-const bt = be("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) => {
+const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) => {
   const {
     disabled: t,
     focusVisible: n,
     focusVisibleClassName: r,
     classes: s
-  } = e, u = ze({
+  } = e, u = Fe({
     root: ["root", t && "disabled", n && "focusVisible"]
-  }, mt, s);
+  }, pt, s);
   return n && r && (u.root += ` ${r}`), u;
-}, yt = re("button", {
+}, ht = re("button", {
   name: "MuiButtonBase",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -700,7 +713,7 @@ const bt = be("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${bt.disabled}`]: {
+  [`&.${ft.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -708,8 +721,8 @@ const bt = be("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), Mt = /* @__PURE__ */ f.forwardRef(function(t, n) {
-  const r = ge({
+}), mt = /* @__PURE__ */ p.forwardRef(function(t, n) {
+  const r = me({
     props: t,
     name: "MuiButtonBase"
   }), {
@@ -720,105 +733,105 @@ const bt = be("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     component: c = "button",
     disabled: d = !1,
     disableRipple: h = !1,
-    disableTouchRipple: M = !1,
-    focusRipple: g = !1,
+    disableTouchRipple: m = !1,
+    focusRipple: R = !1,
     focusVisibleClassName: w,
-    LinkComponent: m = "a",
+    LinkComponent: g = "a",
     onBlur: D,
-    onClick: x,
+    onClick: C,
     onContextMenu: k,
     onDragLeave: q,
     onFocus: $,
-    onFocusVisible: p,
-    onKeyDown: R,
-    onKeyUp: y,
+    onFocusVisible: f,
+    onKeyDown: E,
+    onKeyUp: M,
     onMouseDown: F,
     onMouseLeave: V,
     onMouseUp: U,
     onTouchEnd: T,
     onTouchMove: N,
     onTouchStart: O,
-    tabIndex: C = 0,
+    tabIndex: P = 0,
     TouchRippleProps: j,
     touchRippleRef: _,
     type: S,
     ...z
-  } = r, A = f.useRef(null), P = Ge(), Te = de(P.ref, _), [I, H] = f.useState(!1);
-  d && I && H(!1), f.useImperativeHandle(s, () => ({
+  } = r, A = p.useRef(null), b = Ke(), Re = ce(b.ref, _), [I, H] = p.useState(!1);
+  d && I && H(!1), p.useImperativeHandle(s, () => ({
     focusVisible: () => {
       H(!0), A.current.focus();
     }
   }), []);
-  const Ee = P.shouldMount && !h && !d;
-  f.useEffect(() => {
-    I && g && !h && P.pulsate();
-  }, [h, g, I, P]);
-  function v(a, ce, ke = M) {
-    return G((pe) => (ce && ce(pe), ke || P[a](pe), !0));
-  }
-  const xe = v("start", F), Ce = v("stop", k), Pe = v("stop", q), ve = v("stop", U), we = v("stop", (a) => {
+  const Me = b.shouldMount && !h && !d;
+  p.useEffect(() => {
+    I && R && !h && b.pulsate();
+  }, [h, R, I, b]);
+  const Ee = v(b, "start", F, m), Te = v(b, "stop", k, m), xe = v(b, "stop", q, m), Ce = v(b, "stop", U, m), Pe = v(b, "stop", (a) => {
     I && a.preventDefault(), V && V(a);
-  }), Ne = v("start", O), Oe = v("stop", T), je = v("stop", N), De = v("stop", (a) => {
-    fe(a.target) || H(!1), D && D(a);
-  }, !1), Ve = G((a) => {
-    A.current || (A.current = a.currentTarget), fe(a.target) && (H(!0), p && p(a)), $ && $(a);
+  }, m), ve = v(b, "start", O, m), we = v(b, "stop", T, m), Ne = v(b, "stop", N, m), Oe = v(b, "stop", (a) => {
+    pe(a.target) || H(!1), D && D(a);
+  }, !1), je = J((a) => {
+    A.current || (A.current = a.currentTarget), pe(a.target) && (H(!0), f && f(a)), $ && $(a);
   }), ee = () => {
     const a = A.current;
     return c && c !== "button" && !(a.tagName === "A" && a.href);
-  }, Se = G((a) => {
-    g && !a.repeat && I && a.key === " " && P.stop(a, () => {
-      P.start(a);
-    }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), R && R(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !d && (a.preventDefault(), x && x(a));
-  }), Ie = G((a) => {
-    g && a.key === " " && I && !a.defaultPrevented && P.stop(a, () => {
-      P.pulsate(a);
-    }), y && y(a), x && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && x(a);
+  }, De = J((a) => {
+    R && !a.repeat && I && a.key === " " && b.stop(a, () => {
+      b.start(a);
+    }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), E && E(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !d && (a.preventDefault(), C && C(a));
+  }), Ve = J((a) => {
+    R && a.key === " " && I && !a.defaultPrevented && b.stop(a, () => {
+      b.pulsate(a);
+    }), M && M(a), C && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && C(a);
   });
   let W = c;
-  W === "button" && (z.href || z.to) && (W = m);
+  W === "button" && (z.href || z.to) && (W = g);
   const Y = {};
   W === "button" ? (Y.type = S === void 0 ? "button" : S, Y.disabled = d) : (!z.href && !z.to && (Y.role = "button"), d && (Y["aria-disabled"] = d));
-  const Be = de(n, A), le = {
+  const Se = ce(n, A), le = {
     ...r,
     centerRipple: i,
     component: c,
     disabled: d,
     disableRipple: h,
-    disableTouchRipple: M,
-    focusRipple: g,
-    tabIndex: C,
+    disableTouchRipple: m,
+    focusRipple: R,
+    tabIndex: P,
     focusVisible: I
-  }, Le = gt(le);
-  return /* @__PURE__ */ L.jsxs(yt, {
+  }, Ie = dt(le);
+  return /* @__PURE__ */ L.jsxs(ht, {
     as: W,
-    className: E(Le.root, l),
+    className: x(Ie.root, l),
     ownerState: le,
-    onBlur: De,
-    onClick: x,
-    onContextMenu: Ce,
-    onFocus: Ve,
-    onKeyDown: Se,
-    onKeyUp: Ie,
-    onMouseDown: xe,
-    onMouseLeave: we,
-    onMouseUp: ve,
-    onDragLeave: Pe,
-    onTouchEnd: Oe,
-    onTouchMove: je,
-    onTouchStart: Ne,
-    ref: Be,
-    tabIndex: d ? -1 : C,
+    onBlur: Oe,
+    onClick: C,
+    onContextMenu: Te,
+    onFocus: je,
+    onKeyDown: De,
+    onKeyUp: Ve,
+    onMouseDown: Ee,
+    onMouseLeave: Pe,
+    onMouseUp: Ce,
+    onDragLeave: xe,
+    onTouchEnd: we,
+    onTouchMove: Ne,
+    onTouchStart: ve,
+    ref: Se,
+    tabIndex: d ? -1 : P,
     type: S,
     ...Y,
     ...z,
-    children: [u, Ee ? /* @__PURE__ */ L.jsx(Re, {
-      ref: Te,
+    children: [u, Me ? /* @__PURE__ */ L.jsx(ye, {
+      ref: Re,
       center: i,
       ...j
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Mt.propTypes = {
+function v(e, t, n, r = !1) {
+  return J((s) => (n && n(s), r || e[t](s), !0));
+}
+process.env.NODE_ENV !== "production" && (mt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -827,7 +840,7 @@ process.env.NODE_ENV !== "production" && (Mt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: Xe,
+  action: ze,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -850,7 +863,7 @@ process.env.NODE_ENV !== "production" && (Mt.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: He,
+  component: Xe,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -977,13 +990,13 @@ process.env.NODE_ENV !== "production" && (Mt.propTypes = {
   type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
 });
 export {
-  Mt as B,
-  me as T,
-  Qe as _,
-  Je as a,
-  at as b,
-  Ye as c,
-  He as e,
-  Xe as r,
-  de as u
+  mt as B,
+  de as T,
+  We as _,
+  He as a,
+  rt as b,
+  _e as c,
+  Xe as e,
+  ze as r,
+  ce as u
 };