@notificationapi/react 1.7.0 → 1.8.0

package/dist/assets/ButtonBase.js

@@ -1,25 +1,28 @@
 var Le = Object.defineProperty;
 var Be = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var K = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n);
-import { r as je, m as ke, u as te, a as Fe } from "./resolveComponentProps.js";
-import * as d from "react";
-import q, { Children as $e, isValidElement as G, cloneElement as Z } from "react";
-import { P as o, _ as Ue, c as x, g as de, s as re, u as he, e as _e, b as ze } from "./DefaultPropsProvider.js";
-import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
-import { k as se } from "./useTheme2.js";
-const Ye = typeof window < "u" ? d.useLayoutEffect : d.useEffect;
-function Xe(e, t) {
+import * as p from "react";
+import q, { Children as je, isValidElement as G, cloneElement as Z } from "react";
+import { d as ke, _ as $e, c as x, g as de, s as re, u as he, a as Fe } from "./DefaultPropsProvider.js";
+import { T as _e } from "./DefaultPropsProvider2.js";
+import { u as Ue } from "./useTheme.js";
+import { r as ze, m as Ae, u as te, a as Ye } from "./resolveComponentProps.js";
+import { P as o, g as Xe } from "./createTheme.js";
+import { jsx as _, jsxs as Ke } from "react/jsx-runtime";
+import { k as se } from "./useThemeWithoutDefault.js";
+const qe = typeof window < "u" ? p.useLayoutEffect : p.useEffect;
+function He(e, t) {
   return process.env.NODE_ENV === "production" ? () => null : function(...i) {
     return e(...i) || t(...i);
   };
 }
-function Ke(e) {
+function We(e) {
   const {
     prototype: t = {}
   } = e;
   return !!t.isReactComponent;
 }
-function qe(e, t, n, i, r) {
+function Ge(e, t, n, i, r) {
   const s = e[t], u = r || t;
   if (s == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
@@ -28,26 +31,26 @@ function qe(e, t, n, i, r) {
   typeof window > "u")
     return null;
   let c;
-  return typeof s == "function" && !Ke(s) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${i} \`${u}\` supplied to \`${n}\`. 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 s == "function" && !We(s) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${i} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const He = Xe(o.elementType, qe), We = o.oneOfType([o.func, o.object]);
+const Ze = He(o.elementType, Ge), Je = o.oneOfType([o.func, o.object]);
 function J(e) {
-  const t = d.useRef(e);
-  return Ye(() => {
+  const t = p.useRef(e);
+  return qe(() => {
     t.current = e;
-  }), d.useRef((...n) => (
+  }), p.useRef((...n) => (
     // @ts-expect-error hide `this`
     (0, t.current)(...n)
   )).current;
 }
 const ce = {};
 function me(e, t) {
-  const n = d.useRef(ce);
+  const n = p.useRef(ce);
   return n.current === ce && (n.current = e(t)), n;
 }
-const Ge = [];
-function Ze(e) {
-  d.useEffect(e, Ge);
+const Qe = [];
+function et(e) {
+  p.useEffect(e, Qe);
 }
 class ie {
   constructor() {
@@ -69,9 +72,9 @@ class ie {
     }, t);
   }
 }
-function Je() {
+function tt() {
   const e = me(ie.create).current;
-  return Ze(e.disposeEffect), e;
+  return et(e.disposeEffect), e;
 }
 function pe(e) {
   try {
@@ -82,7 +85,11 @@ function pe(e) {
   }
   return !1;
 }
-function Qe(e, t) {
+function Vt() {
+  const e = Ue(ke);
+  return process.env.NODE_ENV !== "production" && p.useDebugValue(e), e[_e] || e;
+}
+function nt(e, t) {
   if (e == null) return {};
   var n = {};
   for (var i in e) if ({}.hasOwnProperty.call(e, i)) {
@@ -96,11 +103,11 @@ function ne(e, t) {
     return n.__proto__ = i, n;
   }, ne(e, t);
 }
-function et(e, t) {
+function ot(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
 const fe = q.createContext(null);
-function tt(e) {
+function rt(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
@@ -108,13 +115,13 @@ function ue(e, t) {
   var n = function(s) {
     return t && G(s) ? t(s) : s;
   }, i = /* @__PURE__ */ Object.create(null);
-  return e && $e.map(e, function(r) {
+  return e && je.map(e, function(r) {
     return r;
   }).forEach(function(r) {
     i[r.key] = n(r);
   }), i;
 }
-function nt(e, t) {
+function st(e, t) {
   e = e || {}, t = t || {};
   function n(h) {
     return h in t ? t[h] : e[h];
@@ -126,8 +133,8 @@ function nt(e, t) {
   for (var l in t) {
     if (i[l])
       for (u = 0; u < i[l].length; u++) {
-        var p = i[l][u];
-        c[i[l][u]] = n(p);
+        var f = i[l][u];
+        c[i[l][u]] = n(f);
       }
     c[l] = n(l);
   }
@@ -135,57 +142,57 @@ function nt(e, t) {
     c[r[u]] = n(r[u]);
   return c;
 }
-function F(e, t, n) {
+function $(e, t, n) {
   return n[t] != null ? n[t] : e.props[t];
 }
-function ot(e, t) {
+function it(e, t) {
   return ue(e.children, function(n) {
     return Z(n, {
       onExited: t.bind(null, n),
       in: !0,
-      appear: F(n, "appear", e),
-      enter: F(n, "enter", e),
-      exit: F(n, "exit", e)
+      appear: $(n, "appear", e),
+      enter: $(n, "enter", e),
+      exit: $(n, "exit", e)
     });
   });
 }
-function rt(e, t, n) {
-  var i = ue(e.children), r = nt(t, i);
+function ut(e, t, n) {
+  var i = ue(e.children), r = st(t, i);
   return Object.keys(r).forEach(function(s) {
     var u = r[s];
     if (G(u)) {
-      var c = s in t, l = s in i, p = t[s], h = G(p) && !p.props.in;
+      var c = s in t, l = s in i, f = t[s], h = G(f) && !f.props.in;
       l && (!c || h) ? r[s] = Z(u, {
         onExited: n.bind(null, u),
         in: !0,
-        exit: F(u, "exit", e),
-        enter: F(u, "enter", e)
+        exit: $(u, "exit", e),
+        enter: $(u, "enter", e)
       }) : !l && c && !h ? r[s] = Z(u, {
         in: !1
-      }) : l && c && G(p) && (r[s] = Z(u, {
+      }) : l && c && G(f) && (r[s] = Z(u, {
         onExited: n.bind(null, u),
-        in: p.props.in,
-        exit: F(u, "exit", e),
-        enter: F(u, "enter", e)
+        in: f.props.in,
+        exit: $(u, "exit", e),
+        enter: $(u, "enter", e)
       }));
     }
   }), r;
 }
-var st = Object.values || function(e) {
+var at = Object.values || function(e) {
   return Object.keys(e).map(function(t) {
     return e[t];
   });
-}, it = {
+}, lt = {
   component: "div",
   childFactory: function(t) {
     return t;
   }
 }, ae = /* @__PURE__ */ function(e) {
-  et(t, e);
+  ot(t, e);
   function t(i, r) {
     var s;
     s = e.call(this, i, r) || this;
-    var u = s.handleExited.bind(tt(s));
+    var u = s.handleExited.bind(rt(s));
     return s.state = {
       contextValue: {
         isMounting: !0
@@ -206,24 +213,24 @@ var st = Object.values || function(e) {
   }, t.getDerivedStateFromProps = function(r, s) {
     var u = s.children, c = s.handleExited, l = s.firstRender;
     return {
-      children: l ? ot(r, c) : rt(r, u, c),
+      children: l ? it(r, c) : ut(r, u, c),
       firstRender: !1
     };
   }, n.handleExited = function(r, s) {
     var u = ue(this.props.children);
     r.key in u || (r.props.onExited && r.props.onExited(s), this.mounted && this.setState(function(c) {
-      var l = Ue({}, c.children);
+      var l = $e({}, c.children);
       return delete l[r.key], {
         children: l
       };
     }));
   }, n.render = function() {
-    var r = this.props, s = r.component, u = r.childFactory, c = Qe(r, ["component", "childFactory"]), l = this.state.contextValue, p = st(this.state.children).map(u);
+    var r = this.props, s = r.component, u = r.childFactory, c = nt(r, ["component", "childFactory"]), l = this.state.contextValue, f = at(this.state.children).map(u);
     return delete c.appear, delete c.enter, delete c.exit, s === null ? /* @__PURE__ */ q.createElement(fe.Provider, {
       value: l
-    }, p) : /* @__PURE__ */ q.createElement(fe.Provider, {
+    }, f) : /* @__PURE__ */ q.createElement(fe.Provider, {
       value: l
-    }, /* @__PURE__ */ q.createElement(s, c, p));
+    }, /* @__PURE__ */ q.createElement(s, c, f));
   }, t;
 }(q.Component);
 ae.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -279,8 +286,8 @@ ae.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: o.func
 } : {};
-ae.defaultProps = it;
-function wt(e, t) {
+ae.defaultProps = lt;
+function It(e, t) {
   const {
     className: n,
     elementType: i,
@@ -290,34 +297,34 @@ function wt(e, t) {
     ...c
   } = t, {
     component: l,
-    slots: p = {
+    slots: f = {
       [e]: void 0
     },
     slotProps: h = {
       [e]: void 0
     },
     ...m
-  } = s, y = p[e] || i, R = je(h[e], r), {
+  } = s, y = f[e] || i, T = ze(h[e], r), {
     props: {
       component: g,
       ...w
     },
-    internalRef: T
-  } = ke({
+    internalRef: M
+  } = Ae({
     className: n,
     ...c,
     externalForwardedProps: e === "root" ? m : void 0,
-    externalSlotProps: R
-  }), S = te(T, R == null ? void 0 : R.ref, t.ref), L = e === "root" ? g || l : g, D = Fe(y, {
-    ...e === "root" && !l && !p[e] && u,
-    ...e !== "root" && !p[e] && u,
+    externalSlotProps: T
+  }), D = te(M, T == null ? void 0 : T.ref, t.ref), L = e === "root" ? g || l : g, S = Ye(y, {
+    ...e === "root" && !l && !f[e] && u,
+    ...e !== "root" && !f[e] && u,
     ...w,
     ...L && {
       as: L
     },
-    ref: S
+    ref: D
   }, r);
-  return [y, D];
+  return [y, S];
 }
 class Q {
   constructor() {
@@ -337,11 +344,11 @@ class Q {
     return new Q();
   }
   static use() {
-    const t = me(Q.create).current, [n, i] = d.useState(!1);
-    return t.shouldMount = n, t.setShouldMount = i, d.useEffect(t.mountEffect, [n]), t;
+    const t = me(Q.create).current, [n, i] = p.useState(!1);
+    return t.shouldMount = n, t.setShouldMount = i, p.useEffect(t.mountEffect, [n]), t;
   }
   mount() {
-    return this.mounted || (this.mounted = at(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+    return this.mounted || (this.mounted = pt(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
   }
   /* Ripple API */
   start(...t) {
@@ -363,10 +370,10 @@ class Q {
     });
   }
 }
-function ut() {
+function ct() {
   return Q.use();
 }
-function at() {
+function pt() {
   let e, t;
   const n = new Promise((i, r) => {
     e = i, t = r;
@@ -383,24 +390,24 @@ function be(e) {
     rippleSize: u,
     in: c,
     onExited: l,
-    timeout: p
-  } = e, [h, m] = d.useState(!1), y = x(t, n.ripple, n.rippleVisible, i && n.ripplePulsate), R = {
+    timeout: f
+  } = e, [h, m] = p.useState(!1), y = x(t, n.ripple, n.rippleVisible, i && n.ripplePulsate), T = {
     width: u,
     height: u,
     top: -(u / 2) + s,
     left: -(u / 2) + r
   }, g = x(n.child, h && n.childLeaving, i && n.childPulsate);
-  return !c && !h && m(!0), d.useEffect(() => {
+  return !c && !h && m(!0), p.useEffect(() => {
     if (!c && l != null) {
-      const w = setTimeout(l, p);
+      const w = setTimeout(l, f);
       return () => {
         clearTimeout(w);
       };
     }
-  }, [l, c, p]), /* @__PURE__ */ U("span", {
+  }, [l, c, f]), /* @__PURE__ */ _("span", {
     className: y,
-    style: R,
-    children: /* @__PURE__ */ U("span", {
+    style: T,
+    children: /* @__PURE__ */ _("span", {
       className: g
     })
   });
@@ -440,7 +447,7 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    */
   timeout: o.number.isRequired
 });
-const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, lt = 80, ct = se`
+const R = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, ft = 80, dt = se`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -450,7 +457,7 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     transform: scale(1);
     opacity: 0.3;
   }
-`, pt = se`
+`, ht = se`
   0% {
     opacity: 1;
   }
@@ -458,7 +465,7 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     opacity: 0;
   }
-`, ft = se`
+`, mt = se`
   0% {
     transform: scale(1);
   }
@@ -470,7 +477,7 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, dt = re("span", {
+`, bt = re("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -483,30 +490,30 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), ht = re(be, {
+}), gt = re(be, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
   opacity: 0;
   position: absolute;
 
-  &.${M.rippleVisible} {
+  &.${R.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
-    animation-name: ${ct};
+    animation-name: ${dt};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
 }) => e.transitions.easing.easeInOut};
   }
 
-  &.${M.ripplePulsate} {
+  &.${R.ripplePulsate} {
     animation-duration: ${({
   theme: e
 }) => e.transitions.duration.shorter}ms;
   }
 
-  & .${M.child} {
+  & .${R.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -515,21 +522,21 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     background-color: currentColor;
   }
 
-  & .${M.childLeaving} {
+  & .${R.childLeaving} {
     opacity: 0;
-    animation-name: ${pt};
+    animation-name: ${ht};
     animation-duration: ${oe}ms;
     animation-timing-function: ${({
   theme: e
 }) => e.transitions.easing.easeInOut};
   }
 
-  & .${M.childPulsate} {
+  & .${R.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${ft};
+    animation-name: ${mt};
     animation-duration: 2500ms;
     animation-timing-function: ${({
   theme: e
@@ -537,7 +544,7 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, ge = /* @__PURE__ */ d.forwardRef(function(t, n) {
+`, ge = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const i = he({
     props: t,
     name: "MuiTouchRipple"
@@ -546,60 +553,60 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     classes: s = {},
     className: u,
     ...c
-  } = i, [l, p] = d.useState([]), h = d.useRef(0), m = d.useRef(null);
-  d.useEffect(() => {
+  } = i, [l, f] = p.useState([]), h = p.useRef(0), m = p.useRef(null);
+  p.useEffect(() => {
     m.current && (m.current(), m.current = null);
   }, [l]);
-  const y = d.useRef(!1), R = Je(), g = d.useRef(null), w = d.useRef(null), T = d.useCallback((f) => {
+  const y = p.useRef(!1), T = tt(), g = p.useRef(null), w = p.useRef(null), M = p.useCallback((d) => {
     const {
       pulsate: C,
       rippleX: E,
-      rippleY: $,
+      rippleY: F,
       rippleSize: B,
-      cb: _
-    } = f;
-    p((P) => [...P, /* @__PURE__ */ U(ht, {
+      cb: U
+    } = d;
+    f((P) => [...P, /* @__PURE__ */ _(gt, {
       classes: {
-        ripple: x(s.ripple, M.ripple),
-        rippleVisible: x(s.rippleVisible, M.rippleVisible),
-        ripplePulsate: x(s.ripplePulsate, M.ripplePulsate),
-        child: x(s.child, M.child),
-        childLeaving: x(s.childLeaving, M.childLeaving),
-        childPulsate: x(s.childPulsate, M.childPulsate)
+        ripple: x(s.ripple, R.ripple),
+        rippleVisible: x(s.rippleVisible, R.rippleVisible),
+        ripplePulsate: x(s.ripplePulsate, R.ripplePulsate),
+        child: x(s.child, R.child),
+        childLeaving: x(s.childLeaving, R.childLeaving),
+        childPulsate: x(s.childPulsate, R.childPulsate)
       },
       timeout: oe,
       pulsate: C,
       rippleX: E,
-      rippleY: $,
+      rippleY: F,
       rippleSize: B
-    }, h.current)]), h.current += 1, m.current = _;
-  }, [s]), S = d.useCallback((f = {}, C = {}, E = () => {
+    }, h.current)]), h.current += 1, m.current = U;
+  }, [s]), D = p.useCallback((d = {}, C = {}, E = () => {
   }) => {
     const {
-      pulsate: $ = !1,
+      pulsate: F = !1,
       center: B = r || C.pulsate,
-      fakeElement: _ = !1
+      fakeElement: U = !1
       // For test purposes
     } = C;
-    if ((f == null ? void 0 : f.type) === "mousedown" && y.current) {
+    if ((d == null ? void 0 : d.type) === "mousedown" && y.current) {
       y.current = !1;
       return;
     }
-    (f == null ? void 0 : f.type) === "touchstart" && (y.current = !0);
-    const P = _ ? null : w.current, O = P ? P.getBoundingClientRect() : {
+    (d == null ? void 0 : d.type) === "touchstart" && (y.current = !0);
+    const P = U ? null : w.current, O = P ? P.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
     let V, N, I;
-    if (B || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
+    if (B || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
       V = Math.round(O.width / 2), N = Math.round(O.height / 2);
     else {
       const {
         clientX: z,
         clientY: j
-      } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
+      } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
       V = Math.round(z - O.left), N = Math.round(j - O.top);
     }
     if (B)
@@ -608,45 +615,45 @@ const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       const z = Math.max(Math.abs((P ? P.clientWidth : 0) - V), V) * 2 + 2, j = Math.max(Math.abs((P ? P.clientHeight : 0) - N), N) * 2 + 2;
       I = Math.sqrt(z ** 2 + j ** 2);
     }
-    f != null && f.touches ? g.current === null && (g.current = () => {
-      T({
-        pulsate: $,
+    d != null && d.touches ? g.current === null && (g.current = () => {
+      M({
+        pulsate: F,
         rippleX: V,
         rippleY: N,
         rippleSize: I,
         cb: E
       });
-    }, R.start(lt, () => {
+    }, T.start(ft, () => {
       g.current && (g.current(), g.current = null);
-    })) : T({
-      pulsate: $,
+    })) : M({
+      pulsate: F,
       rippleX: V,
       rippleY: N,
       rippleSize: I,
       cb: E
     });
-  }, [r, T, R]), L = d.useCallback(() => {
-    S({}, {
+  }, [r, M, T]), L = p.useCallback(() => {
+    D({}, {
       pulsate: !0
     });
-  }, [S]), D = d.useCallback((f, C) => {
-    if (R.clear(), (f == null ? void 0 : f.type) === "touchend" && g.current) {
-      g.current(), g.current = null, R.start(0, () => {
-        D(f, C);
+  }, [D]), S = p.useCallback((d, C) => {
+    if (T.clear(), (d == null ? void 0 : d.type) === "touchend" && g.current) {
+      g.current(), g.current = null, T.start(0, () => {
+        S(d, C);
       });
       return;
     }
-    g.current = null, p((E) => E.length > 0 ? E.slice(1) : E), m.current = C;
-  }, [R]);
-  return d.useImperativeHandle(n, () => ({
+    g.current = null, f((E) => E.length > 0 ? E.slice(1) : E), m.current = C;
+  }, [T]);
+  return p.useImperativeHandle(n, () => ({
     pulsate: L,
-    start: S,
-    stop: D
-  }), [L, S, D]), /* @__PURE__ */ U(dt, {
-    className: x(M.root, s.root, u),
+    start: D,
+    stop: S
+  }), [L, D, S]), /* @__PURE__ */ _(bt, {
+    className: x(R.root, s.root, u),
     ref: w,
     ...c,
-    children: /* @__PURE__ */ U(ae, {
+    children: /* @__PURE__ */ _(ae, {
       component: null,
       exit: !0,
       children: l
@@ -668,20 +675,20 @@ process.env.NODE_ENV !== "production" && (ge.propTypes = {
    */
   className: o.string
 });
-function mt(e) {
-  return _e("MuiButtonBase", e);
+function yt(e) {
+  return Xe("MuiButtonBase", e);
 }
-const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) => {
+const Tt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), Rt = (e) => {
   const {
     disabled: t,
     focusVisible: n,
     focusVisibleClassName: i,
     classes: r
-  } = e, u = ze({
+  } = e, u = Fe({
     root: ["root", t && "disabled", n && "focusVisible"]
-  }, mt, r);
+  }, yt, r);
   return n && i && (u.root += ` ${i}`), u;
-}, yt = re("button", {
+}, Mt = re("button", {
   name: "MuiButtonBase",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -716,7 +723,7 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${bt.disabled}`]: {
+  [`&.${Tt.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -724,7 +731,7 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), Rt = /* @__PURE__ */ d.forwardRef(function(t, n) {
+}), Et = /* @__PURE__ */ p.forwardRef(function(t, n) {
   const i = he({
     props: t,
     name: "MuiButtonBase"
@@ -734,23 +741,23 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     children: u,
     className: c,
     component: l = "button",
-    disabled: p = !1,
+    disabled: f = !1,
     disableRipple: h = !1,
     disableTouchRipple: m = !1,
     focusRipple: y = !1,
-    focusVisibleClassName: R,
+    focusVisibleClassName: T,
     LinkComponent: g = "a",
     onBlur: w,
-    onClick: T,
-    onContextMenu: S,
+    onClick: M,
+    onContextMenu: D,
     onDragLeave: L,
-    onFocus: D,
-    onFocusVisible: f,
+    onFocus: S,
+    onFocusVisible: d,
     onKeyDown: C,
     onKeyUp: E,
-    onMouseDown: $,
+    onMouseDown: F,
     onMouseLeave: B,
-    onMouseUp: _,
+    onMouseUp: U,
     onTouchEnd: P,
     onTouchMove: O,
     onTouchStart: V,
@@ -759,60 +766,60 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     touchRippleRef: z,
     type: j,
     ...A
-  } = i, Y = d.useRef(null), b = ut(), ye = te(b.ref, z), [k, H] = d.useState(!1);
-  p && k && H(!1), d.useImperativeHandle(r, () => ({
+  } = i, Y = p.useRef(null), b = ct(), ye = te(b.ref, z), [k, H] = p.useState(!1);
+  f && k && H(!1), p.useImperativeHandle(r, () => ({
     focusVisible: () => {
       H(!0), Y.current.focus();
     }
   }), []);
-  const Re = b.shouldMount && !h && !p;
-  d.useEffect(() => {
+  const Te = b.shouldMount && !h && !f;
+  p.useEffect(() => {
     k && y && !h && b.pulsate();
   }, [h, y, k, b]);
-  const Me = v(b, "start", $, m), Te = v(b, "stop", S, m), Ee = v(b, "stop", L, m), Ce = v(b, "stop", _, m), Pe = v(b, "stop", (a) => {
+  const Re = v(b, "start", F, m), Me = v(b, "stop", D, m), Ee = v(b, "stop", L, m), Ce = v(b, "stop", U, m), Pe = v(b, "stop", (a) => {
     k && a.preventDefault(), B && B(a);
   }, m), xe = v(b, "start", V, m), we = v(b, "stop", P, m), Ne = v(b, "stop", O, m), ve = v(b, "stop", (a) => {
     pe(a.target) || H(!1), w && w(a);
-  }, !1), Se = J((a) => {
-    Y.current || (Y.current = a.currentTarget), pe(a.target) && (H(!0), f && f(a)), D && D(a);
+  }, !1), De = J((a) => {
+    Y.current || (Y.current = a.currentTarget), pe(a.target) && (H(!0), d && d(a)), S && S(a);
   }), ee = () => {
     const a = Y.current;
     return l && l !== "button" && !(a.tagName === "A" && a.href);
-  }, De = J((a) => {
+  }, Se = J((a) => {
     y && !a.repeat && k && a.key === " " && b.stop(a, () => {
       b.start(a);
-    }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), C && C(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !p && (a.preventDefault(), T && T(a));
+    }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), C && C(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !f && (a.preventDefault(), M && M(a));
   }), Oe = J((a) => {
     y && a.key === " " && k && !a.defaultPrevented && b.stop(a, () => {
       b.pulsate(a);
-    }), E && E(a), T && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && T(a);
+    }), E && E(a), M && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && M(a);
   });
   let W = l;
   W === "button" && (A.href || A.to) && (W = g);
   const X = {};
-  W === "button" ? (X.type = j === void 0 ? "button" : j, X.disabled = p) : (!A.href && !A.to && (X.role = "button"), p && (X["aria-disabled"] = p));
+  W === "button" ? (X.type = j === void 0 ? "button" : j, X.disabled = f) : (!A.href && !A.to && (X.role = "button"), f && (X["aria-disabled"] = f));
   const Ve = te(n, Y), le = {
     ...i,
     centerRipple: s,
     component: l,
-    disabled: p,
+    disabled: f,
     disableRipple: h,
     disableTouchRipple: m,
     focusRipple: y,
     tabIndex: N,
     focusVisible: k
-  }, Ie = gt(le);
-  return /* @__PURE__ */ Ae(yt, {
+  }, Ie = Rt(le);
+  return /* @__PURE__ */ Ke(Mt, {
     as: W,
     className: x(Ie.root, c),
     ownerState: le,
     onBlur: ve,
-    onClick: T,
-    onContextMenu: Te,
-    onFocus: Se,
-    onKeyDown: De,
+    onClick: M,
+    onContextMenu: Me,
+    onFocus: De,
+    onKeyDown: Se,
     onKeyUp: Oe,
-    onMouseDown: Me,
+    onMouseDown: Re,
     onMouseLeave: Pe,
     onMouseUp: Ce,
     onDragLeave: Ee,
@@ -820,11 +827,11 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
     onTouchMove: Ne,
     onTouchStart: xe,
     ref: Ve,
-    tabIndex: p ? -1 : N,
+    tabIndex: f ? -1 : N,
     type: j,
     ...X,
     ...A,
-    children: [u, Re ? /* @__PURE__ */ U(ge, {
+    children: [u, Te ? /* @__PURE__ */ _(ge, {
       ref: ye,
       center: s,
       ...I
@@ -834,7 +841,7 @@ const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) =
 function v(e, t, n, i = !1) {
   return J((r) => (n && n(r), i || e[t](r), !0));
 }
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (Et.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -843,7 +850,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: We,
+  action: Je,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -866,7 +873,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: He,
+  component: Ze,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -993,19 +1000,20 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
 });
 export {
-  Rt as B,
+  Et as B,
   fe as T,
-  et as _,
-  wt as a,
-  Ye as b,
-  Xe as c,
-  J as d,
-  He as e,
-  Qe as f,
-  ie as g,
-  ne as h,
+  ot as _,
+  tt as a,
+  It as b,
+  He as c,
+  qe as d,
+  Ze as e,
+  J as f,
+  nt as g,
+  ie as h,
   pe as i,
-  tt as j,
-  We as r,
-  Je as u
+  ne as j,
+  rt as k,
+  Je as r,
+  Vt as u
 };