@solostylist/ui-kit 1.0.8 → 1.0.10

package/README.md

@@ -9,5 +9,5 @@ npm i @solostylist/ui-kit
 ## Usage
 
 ```javascript
-import { AppAvatar, AppButton } from '@solostylist/ui-kit';
+import { SButton } from '@solostylist/ui-kit';
 ```

package/dist/{Box-MNdIcw0w.js → Box-DyPisl7H.js}

@@ -1,10 +1,10 @@
-import { s as x, T as d, b as h, P as e } from "./createTheme-dX0MILsf.js";
-import { g as T } from "./generateUtilityClasses-CuEy5gtx.js";
-import * as y from "react";
-import { s as B, c as N } from "./clsx-DfguY6FT.js";
+import { s as x, b as d, P as e } from "./createTheme-BZxWCiBm.js";
+import { s as h, c as T, T as y } from "./identifier-CHPjnqaz.js";
+import { g as B } from "./generateUtilityClasses-STjIp_B9.js";
+import * as N from "react";
 import { j as C } from "./jsx-runtime-C5mzlN2N.js";
-import { u as b } from "./useTheme-CNZ6Hnpo.js";
-import { e as g } from "./extendSxProp-CTBBOYHX.js";
+import { u as b } from "./useTheme-DrS6mww6.js";
+import { e as g } from "./extendSxProp-SCsFy5tr.js";
 import { unstable_ClassNameGenerator as j } from "@mui/utils";
 function E(n = {}) {
   const {
@@ -12,10 +12,10 @@ function E(n = {}) {
     defaultTheme: m,
     defaultClassName: a = "MuiBox-root",
     generateClassName: r
-  } = n, c = B("div", {
+  } = n, c = h("div", {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
   })(x);
-  return /* @__PURE__ */ y.forwardRef(function(f, l) {
+  return /* @__PURE__ */ N.forwardRef(function(f, l) {
     const s = b(m), {
       className: i,
       component: p = "div",
@@ -24,14 +24,14 @@ function E(n = {}) {
     return /* @__PURE__ */ C.jsx(c, {
       as: p,
       ref: l,
-      className: N(i, r ? r(a) : a),
+      className: T(i, r ? r(a) : a),
       theme: t && s[t] || s,
       ...u
     });
   });
 }
-const v = T("MuiBox", ["root"]), O = h(), P = E({
-  themeId: d,
+const v = B("MuiBox", ["root"]), O = d(), P = E({
+  themeId: y,
   defaultTheme: O,
   defaultClassName: v.root,
   generateClassName: j.generate

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

@@ -1,24 +1,24 @@
-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 Ie = Object.defineProperty;
+var Le = (e, t, n) => t in e ? Ie(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 { P as o } from "./createTheme-BZxWCiBm.js";
+import { c as x } from "./identifier-CHPjnqaz.js";
+import { j as k } from "./jsx-runtime-C5mzlN2N.js";
+import { g as Be } from "./generateUtilityClasses-STjIp_B9.js";
+import { u as he, s as re, c as $e } from "./memoTheme-CaOW5YiB.js";
 import { keyframes as ie } from "@emotion/react";
-import { u as Ue } from "./useEnhancedEffect-CJGo-L3B.js";
-function _e(e, t) {
+import { g as Fe, b as Ue } from "./buttonBaseClasses-DxKwiRBX.js";
+import { u as _e } from "./useEnhancedEffect-CJGo-L3B.js";
+function ze(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...r) {
     return e(...r) || t(...r);
   };
 }
 function J(e) {
   const t = p.useRef(e);
-  return Ue(() => {
+  return _e(() => {
     t.current = e;
   }), p.useRef((...n) => (
     // @ts-expect-error hide `this`
@@ -48,14 +48,14 @@ function ce(...e) {
     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 Ae = o.oneOfType([o.func, o.object]);
+function Ye(e) {
   const {
     prototype: t = {}
   } = e;
   return !!t.isReactComponent;
 }
-function Ye(e, t, n, r, s) {
+function Xe(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.
@@ -64,9 +64,9 @@ function Ye(e, t, n, r, s) {
   typeof window > "u")
     return null;
   let l;
-  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;
+  return typeof i == "function" && !Ye(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 Xe = _e(o.elementType, Ye);
+const Ke = ze(o.elementType, Xe);
 function pe(e) {
   try {
     return e.matches(":focus-visible");
@@ -77,7 +77,7 @@ function pe(e) {
   return !1;
 }
 const fe = {};
-function be(e, t) {
+function me(e, t) {
   const n = p.useRef(fe);
   return n.current === fe && (n.current = e(t)), n;
 }
@@ -99,11 +99,11 @@ class Q {
     return new Q();
   }
   static use() {
-    const t = be(Q.create).current, [n, r] = p.useState(!1);
+    const t = me(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 = qe(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+    return this.mounted || (this.mounted = He(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
   }
   /* Ripple API */
   start(...t) {
@@ -125,10 +125,10 @@ class Q {
     });
   }
 }
-function Ke() {
+function qe() {
   return Q.use();
 }
-function qe() {
+function He() {
   let e, t;
   const n = new Promise((r, s) => {
     e = r, t = s;
@@ -144,7 +144,7 @@ function te() {
     return e;
   }, te.apply(null, arguments);
 }
-function He(e, t) {
+function We(e, t) {
   if (e == null) return {};
   var n = {};
   for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -158,11 +158,11 @@ function ne(e, t) {
     return n.__proto__ = r, n;
   }, ne(e, t);
 }
-function We(e, t) {
+function Ge(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
 const de = K.createContext(null);
-function Ge(e) {
+function Ze(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
@@ -176,7 +176,7 @@ function se(e, t) {
     r[s.key] = n(s);
   }), r;
 }
-function Ze(e, t) {
+function Je(e, t) {
   e = e || {}, t = t || {};
   function n(h) {
     return h in t ? t[h] : e[h];
@@ -197,22 +197,22 @@ function Ze(e, t) {
     l[s[u]] = n(s[u]);
   return l;
 }
-function B(e, t, n) {
+function L(e, t, n) {
   return n[t] != null ? n[t] : e.props[t];
 }
-function Je(e, t) {
+function Qe(e, t) {
   return se(e.children, function(n) {
     return Z(n, {
       onExited: t.bind(null, n),
       in: !0,
-      appear: B(n, "appear", e),
-      enter: B(n, "enter", e),
-      exit: B(n, "exit", e)
+      appear: L(n, "appear", e),
+      enter: L(n, "enter", e),
+      exit: L(n, "exit", e)
     });
   });
 }
-function Qe(e, t, n) {
-  var r = se(e.children), s = Ze(t, r);
+function et(e, t, n) {
+  var r = se(e.children), s = Je(t, r);
   return Object.keys(s).forEach(function(i) {
     var u = s[i];
     if (G(u)) {
@@ -220,34 +220,34 @@ function Qe(e, t, n) {
       c && (!l || h) ? s[i] = Z(u, {
         onExited: n.bind(null, u),
         in: !0,
-        exit: B(u, "exit", e),
-        enter: B(u, "enter", e)
+        exit: L(u, "exit", e),
+        enter: L(u, "enter", e)
       }) : !c && l && !h ? s[i] = Z(u, {
         in: !1
       }) : c && l && G(d) && (s[i] = Z(u, {
         onExited: n.bind(null, u),
         in: d.props.in,
-        exit: B(u, "exit", e),
-        enter: B(u, "enter", e)
+        exit: L(u, "exit", e),
+        enter: L(u, "enter", e)
       }));
     }
   }), s;
 }
-var et = Object.values || function(e) {
+var tt = Object.values || function(e) {
   return Object.keys(e).map(function(t) {
     return e[t];
   });
-}, tt = {
+}, nt = {
   component: "div",
   childFactory: function(t) {
     return t;
   }
 }, ue = /* @__PURE__ */ function(e) {
-  We(t, e);
+  Ge(t, e);
   function t(r, s) {
     var i;
     i = e.call(this, r, s) || this;
-    var u = i.handleExited.bind(Ge(i));
+    var u = i.handleExited.bind(Ze(i));
     return i.state = {
       contextValue: {
         isMounting: !0
@@ -268,7 +268,7 @@ var et = Object.values || function(e) {
   }, t.getDerivedStateFromProps = function(s, i) {
     var u = i.children, l = i.handleExited, c = i.firstRender;
     return {
-      children: c ? Je(s, l) : Qe(s, u, l),
+      children: c ? Qe(s, l) : et(s, u, l),
       firstRender: !1
     };
   }, n.handleExited = function(s, i) {
@@ -280,7 +280,7 @@ var et = Object.values || function(e) {
       };
     }));
   }, n.render = function() {
-    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);
+    var s = this.props, i = s.component, u = s.childFactory, l = We(s, ["component", "childFactory"]), c = this.state.contextValue, d = tt(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(de.Provider, {
@@ -341,10 +341,10 @@ ue.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: o.func
 } : {};
-ue.defaultProps = tt;
-const nt = [];
-function ot(e) {
-  p.useEffect(e, nt);
+ue.defaultProps = nt;
+const ot = [];
+function rt(e) {
+  p.useEffect(e, ot);
 }
 class ae {
   constructor() {
@@ -366,11 +366,11 @@ class ae {
     }, t);
   }
 }
-function rt() {
-  const e = be(ae.create).current;
-  return ot(e.disposeEffect), e;
+function it() {
+  const e = me(ae.create).current;
+  return rt(e.disposeEffect), e;
 }
-function ge(e) {
+function be(e) {
   const {
     className: t,
     classes: n,
@@ -394,15 +394,15 @@ function ge(e) {
         clearTimeout(D);
       };
     }
-  }, [c, l, d]), /* @__PURE__ */ L.jsx("span", {
+  }, [c, l, d]), /* @__PURE__ */ k.jsx("span", {
     className: R,
     style: w,
-    children: /* @__PURE__ */ L.jsx("span", {
+    children: /* @__PURE__ */ k.jsx("span", {
       className: g
     })
   });
 }
-process.env.NODE_ENV !== "production" && (ge.propTypes = {
+process.env.NODE_ENV !== "production" && (be.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
    */
   timeout: o.number.isRequired
 });
-const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, it = 80, st = ie`
+const y = Be("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, st = 80, ut = ie`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -447,7 +447,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     transform: scale(1);
     opacity: 0.3;
   }
-`, ut = ie`
+`, at = ie`
   0% {
     opacity: 1;
   }
@@ -455,7 +455,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     opacity: 0;
   }
-`, at = ie`
+`, lt = ie`
   0% {
     transform: scale(1);
   }
@@ -467,7 +467,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, lt = re("span", {
+`, ct = re("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -480,7 +480,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), ct = re(ge, {
+}), pt = re(be, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
@@ -490,7 +490,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   &.${y.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
-    animation-name: ${st};
+    animation-name: ${ut};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
@@ -514,7 +514,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
 
   & .${y.childLeaving} {
     opacity: 0;
-    animation-name: ${ut};
+    animation-name: ${at};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
@@ -526,7 +526,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${at};
+    animation-name: ${lt};
     animation-duration: 2500ms;
     animation-timing-function: ${({
   theme: e
@@ -534,8 +534,8 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, ye = /* @__PURE__ */ p.forwardRef(function(t, n) {
-  const r = me({
+`, ge = /* @__PURE__ */ p.forwardRef(function(t, n) {
+  const r = he({
     props: t,
     name: "MuiTouchRipple"
   }), {
@@ -547,7 +547,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   p.useEffect(() => {
     m.current && (m.current(), m.current = null);
   }, [c]);
-  const R = p.useRef(!1), w = rt(), g = p.useRef(null), D = p.useRef(null), C = p.useCallback((f) => {
+  const R = p.useRef(!1), w = it(), g = p.useRef(null), D = p.useRef(null), C = p.useCallback((f) => {
     const {
       pulsate: E,
       rippleX: M,
@@ -555,7 +555,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       rippleSize: V,
       cb: U
     } = f;
-    d((T) => [...T, /* @__PURE__ */ L.jsx(ct, {
+    d((T) => [...T, /* @__PURE__ */ k.jsx(pt, {
       classes: {
         ripple: x(i.ripple, y.ripple),
         rippleVisible: x(i.rippleVisible, y.rippleVisible),
@@ -570,7 +570,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       rippleY: F,
       rippleSize: V
     }, h.current)]), h.current += 1, m.current = U;
-  }, [i]), k = p.useCallback((f = {}, E = {}, M = () => {
+  }, [i]), B = p.useCallback((f = {}, E = {}, M = () => {
   }) => {
     const {
       pulsate: F = !1,
@@ -613,7 +613,7 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
         rippleSize: j,
         cb: M
       });
-    }, w.start(it, () => {
+    }, w.start(st, () => {
       g.current && (g.current(), g.current = null);
     })) : C({
       pulsate: F,
@@ -623,10 +623,10 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       cb: M
     });
   }, [s, C, w]), q = p.useCallback(() => {
-    k({}, {
+    B({}, {
       pulsate: !0
     });
-  }, [k]), $ = p.useCallback((f, E) => {
+  }, [B]), $ = 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);
@@ -637,20 +637,20 @@ const y = he("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   }, [w]);
   return p.useImperativeHandle(n, () => ({
     pulsate: q,
-    start: k,
+    start: B,
     stop: $
-  }), [q, k, $]), /* @__PURE__ */ L.jsx(lt, {
+  }), [q, B, $]), /* @__PURE__ */ k.jsx(ct, {
     className: x(y.root, i.root, u),
     ref: D,
     ...l,
-    children: /* @__PURE__ */ L.jsx(ue, {
+    children: /* @__PURE__ */ k.jsx(ue, {
       component: null,
       exit: !0,
       children: c
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ye.propTypes = {
+process.env.NODE_ENV !== "production" && (ge.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -665,20 +665,17 @@ process.env.NODE_ENV !== "production" && (ye.propTypes = {
    */
   className: o.string
 });
-function pt(e) {
-  return $e("MuiButtonBase", e);
-}
-const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) => {
+const ft = (e) => {
   const {
     disabled: t,
     focusVisible: n,
     focusVisibleClassName: r,
     classes: s
-  } = e, u = Fe({
+  } = e, u = $e({
     root: ["root", t && "disabled", n && "focusVisible"]
-  }, pt, s);
+  }, Fe, s);
   return n && r && (u.root += ` ${r}`), u;
-}, ht = re("button", {
+}, dt = re("button", {
   name: "MuiButtonBase",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -713,7 +710,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${ft.disabled}`]: {
+  [`&.${Ue.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -721,8 +718,8 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), mt = /* @__PURE__ */ p.forwardRef(function(t, n) {
-  const r = me({
+}), ht = /* @__PURE__ */ p.forwardRef(function(t, n) {
+  const r = he({
     props: t,
     name: "MuiButtonBase"
   }), {
@@ -739,7 +736,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
     LinkComponent: g = "a",
     onBlur: D,
     onClick: C,
-    onContextMenu: k,
+    onContextMenu: B,
     onDragLeave: q,
     onFocus: $,
     onFocusVisible: f,
@@ -756,30 +753,30 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
     touchRippleRef: _,
     type: S,
     ...z
-  } = r, A = p.useRef(null), b = Ke(), Re = ce(b.ref, _), [I, H] = p.useState(!1);
+  } = r, A = p.useRef(null), b = qe(), ye = ce(b.ref, _), [I, H] = p.useState(!1);
   d && I && H(!1), p.useImperativeHandle(s, () => ({
     focusVisible: () => {
       H(!0), A.current.focus();
     }
   }), []);
-  const Me = b.shouldMount && !h && !d;
+  const Re = 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) => {
+  const Me = v(b, "start", F, m), Ee = v(b, "stop", B, m), Te = v(b, "stop", q, m), xe = v(b, "stop", U, m), Ce = v(b, "stop", (a) => {
     I && a.preventDefault(), V && V(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) => {
+  }, m), Pe = v(b, "start", O, m), ve = v(b, "stop", T, m), we = v(b, "stop", N, m), Ne = v(b, "stop", (a) => {
     pe(a.target) || H(!1), D && D(a);
-  }, !1), je = J((a) => {
+  }, !1), Oe = 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);
-  }, De = J((a) => {
+  }, je = 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) => {
+  }), De = 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);
@@ -788,7 +785,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
   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 Se = ce(n, A), le = {
+  const Ve = ce(n, A), le = {
     ...r,
     centerRipple: i,
     component: c,
@@ -798,31 +795,31 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
     focusRipple: R,
     tabIndex: P,
     focusVisible: I
-  }, Ie = dt(le);
-  return /* @__PURE__ */ L.jsxs(ht, {
+  }, Se = ft(le);
+  return /* @__PURE__ */ k.jsxs(dt, {
     as: W,
-    className: x(Ie.root, l),
+    className: x(Se.root, l),
     ownerState: le,
-    onBlur: Oe,
+    onBlur: Ne,
     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,
+    onContextMenu: Ee,
+    onFocus: Oe,
+    onKeyDown: je,
+    onKeyUp: De,
+    onMouseDown: Me,
+    onMouseLeave: Ce,
+    onMouseUp: xe,
+    onDragLeave: Te,
+    onTouchEnd: ve,
+    onTouchMove: we,
+    onTouchStart: Pe,
+    ref: Ve,
     tabIndex: d ? -1 : P,
     type: S,
     ...Y,
     ...z,
-    children: [u, Me ? /* @__PURE__ */ L.jsx(ye, {
-      ref: Re,
+    children: [u, Re ? /* @__PURE__ */ k.jsx(ge, {
+      ref: ye,
       center: i,
       ...j
     }) : null]
@@ -831,7 +828,7 @@ const ft = he("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = (e) =
 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 = {
+process.env.NODE_ENV !== "production" && (ht.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -840,7 +837,7 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: ze,
+  action: Ae,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -863,7 +860,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: Xe,
+  component: Ke,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -990,13 +987,13 @@ process.env.NODE_ENV !== "production" && (mt.propTypes = {
   type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
 });
 export {
-  mt as B,
+  ht as B,
   de as T,
-  We as _,
-  He as a,
-  rt as b,
-  _e as c,
-  Xe as e,
-  ze as r,
+  Ge as _,
+  We as a,
+  it as b,
+  ze as c,
+  Ke as e,
+  Ae as r,
   ce as u
 };