@clearstory/drywall-react 1.0.1 → 1.1.0

package/dist/{ButtonBase-Cj6mp0m9.js → ButtonBase-BTeC5f5N.js}

@@ -1,91 +1,99 @@
 import * as f from "react";
-import W, { isValidElement as H, cloneElement as G, Children as Ve } from "react";
-import { P as e, c as Se } from "./createTheme-BX9lNtXz.js";
+import W, { isValidElement as H, cloneElement as G, Children as Se } from "react";
+import { P as e, c as we } from "./createTheme-BX9lNtXz.js";
 import { c as C } from "./clsx-OuTLNxxd.js";
-import { jsx as I, jsxs as we } from "react/jsx-runtime";
-import { g as le } from "./generateUtilityClasses-B6l3Ncbw.js";
-import { u as ce } from "./DefaultPropsProvider-DF9yx5s6.js";
-import { a as Be, u as Le } from "./useTimeout-DRd4LBXb.js";
-import { s as te } from "./styled-CQZHSS-5.js";
-import { _ as ke, a as Oe, T as se } from "./TransitionGroupContext-DbLioz_6.js";
-import { _ as je } from "./index-DNMo5Nra.js";
-import { k as ne } from "./emotion-react.browser.esm-D2YsKX2f.js";
-import { u as ae } from "./useForkRef-9kN4DArm.js";
+import { jsx as I, jsxs as Be } from "react/jsx-runtime";
+import { g as ce } from "./generateUtilityClasses-B6l3Ncbw.js";
+import { u as pe } from "./DefaultPropsProvider-DF9yx5s6.js";
+import { a as Le, u as Oe } from "./useTimeout-DRd4LBXb.js";
+import { s as ne } from "./styled-ClvF2J4P.js";
+import { _ as ke, a as je, T as ae } from "./TransitionGroupContext-DbLioz_6.js";
+import { k as oe } from "./emotion-react.browser.esm-DkQ6Ce1n.js";
+import { u as ue } from "./useForkRef-9kN4DArm.js";
 import { u as J } from "./useEventCallback-BAQJJ3ye.js";
-import { i as ue } from "./isFocusVisible-CPZqtjv2.js";
+import { i as le } from "./isFocusVisible-CPZqtjv2.js";
 import { c as Fe } from "./composeClasses-2Ou-RZJr.js";
 import { e as $e } from "./elementTypeAcceptingRef-BTEc9s5I.js";
 import { r as Ie } from "./refType-D0Xe0JaC.js";
+function ee() {
+  return ee = Object.assign ? Object.assign.bind() : function(n) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var a in o) ({}).hasOwnProperty.call(o, a) && (n[a] = o[a]);
+    }
+    return n;
+  }, ee.apply(null, arguments);
+}
 function Ue(n) {
   if (n === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
-function oe(n, t) {
-  var i = function(r) {
+function ie(n, t) {
+  var o = function(r) {
     return t && H(r) ? t(r) : r;
-  }, u = /* @__PURE__ */ Object.create(null);
-  return n && Ve.map(n, function(o) {
-    return o;
-  }).forEach(function(o) {
-    u[o.key] = i(o);
-  }), u;
+  }, a = /* @__PURE__ */ Object.create(null);
+  return n && Se.map(n, function(i) {
+    return i;
+  }).forEach(function(i) {
+    a[i.key] = o(i);
+  }), a;
 }
 function ze(n, t) {
   n = n || {}, t = t || {};
-  function i(h) {
+  function o(h) {
     return h in t ? t[h] : n[h];
   }
-  var u = /* @__PURE__ */ Object.create(null), o = [];
+  var a = /* @__PURE__ */ Object.create(null), i = [];
   for (var r in n)
-    r in t ? o.length && (u[r] = o, o = []) : o.push(r);
+    r in t ? i.length && (a[r] = i, i = []) : i.push(r);
   var s, c = {};
   for (var l in t) {
-    if (u[l])
-      for (s = 0; s < u[l].length; s++) {
-        var p = u[l][s];
-        c[u[l][s]] = i(p);
+    if (a[l])
+      for (s = 0; s < a[l].length; s++) {
+        var p = a[l][s];
+        c[a[l][s]] = o(p);
       }
-    c[l] = i(l);
+    c[l] = o(l);
   }
-  for (s = 0; s < o.length; s++)
-    c[o[s]] = i(o[s]);
+  for (s = 0; s < i.length; s++)
+    c[i[s]] = o(i[s]);
   return c;
 }
-function O(n, t, i) {
-  return i[t] != null ? i[t] : n.props[t];
+function k(n, t, o) {
+  return o[t] != null ? o[t] : n.props[t];
 }
 function _e(n, t) {
-  return oe(n.children, function(i) {
-    return G(i, {
-      onExited: t.bind(null, i),
+  return ie(n.children, function(o) {
+    return G(o, {
+      onExited: t.bind(null, o),
       in: !0,
-      appear: O(i, "appear", n),
-      enter: O(i, "enter", n),
-      exit: O(i, "exit", n)
+      appear: k(o, "appear", n),
+      enter: k(o, "enter", n),
+      exit: k(o, "exit", n)
     });
   });
 }
-function Xe(n, t, i) {
-  var u = oe(n.children), o = ze(t, u);
-  return Object.keys(o).forEach(function(r) {
-    var s = o[r];
+function Xe(n, t, o) {
+  var a = ie(n.children), i = ze(t, a);
+  return Object.keys(i).forEach(function(r) {
+    var s = i[r];
     if (H(s)) {
-      var c = r in t, l = r in u, p = t[r], h = H(p) && !p.props.in;
-      l && (!c || h) ? o[r] = G(s, {
-        onExited: i.bind(null, s),
+      var c = r in t, l = r in a, p = t[r], h = H(p) && !p.props.in;
+      l && (!c || h) ? i[r] = G(s, {
+        onExited: o.bind(null, s),
         in: !0,
-        exit: O(s, "exit", n),
-        enter: O(s, "enter", n)
-      }) : !l && c && !h ? o[r] = G(s, {
+        exit: k(s, "exit", n),
+        enter: k(s, "enter", n)
+      }) : !l && c && !h ? i[r] = G(s, {
         in: !1
-      }) : l && c && H(p) && (o[r] = G(s, {
-        onExited: i.bind(null, s),
+      }) : l && c && H(p) && (i[r] = G(s, {
+        onExited: o.bind(null, s),
         in: p.props.in,
-        exit: O(s, "exit", n),
-        enter: O(s, "enter", n)
+        exit: k(s, "exit", n),
+        enter: k(s, "enter", n)
       }));
     }
-  }), o;
+  }), i;
 }
 var Ye = Object.values || function(n) {
   return Object.keys(n).map(function(t) {
@@ -96,11 +104,11 @@ var Ye = Object.values || function(n) {
   childFactory: function(t) {
     return t;
   }
-}, ie = /* @__PURE__ */ function(n) {
+}, re = /* @__PURE__ */ function(n) {
   ke(t, n);
-  function t(u, o) {
+  function t(a, i) {
     var r;
-    r = n.call(this, u, o) || this;
+    r = n.call(this, a, i) || this;
     var s = r.handleExited.bind(Ue(r));
     return r.state = {
       contextValue: {
@@ -110,39 +118,39 @@ var Ye = Object.values || function(n) {
       firstRender: !0
     }, r;
   }
-  var i = t.prototype;
-  return i.componentDidMount = function() {
+  var o = t.prototype;
+  return o.componentDidMount = function() {
     this.mounted = !0, this.setState({
       contextValue: {
         isMounting: !1
       }
     });
-  }, i.componentWillUnmount = function() {
+  }, o.componentWillUnmount = function() {
     this.mounted = !1;
-  }, t.getDerivedStateFromProps = function(o, r) {
+  }, t.getDerivedStateFromProps = function(i, r) {
     var s = r.children, c = r.handleExited, l = r.firstRender;
     return {
-      children: l ? _e(o, c) : Xe(o, s, c),
+      children: l ? _e(i, c) : Xe(i, s, c),
       firstRender: !1
     };
-  }, i.handleExited = function(o, r) {
-    var s = oe(this.props.children);
-    o.key in s || (o.props.onExited && o.props.onExited(r), this.mounted && this.setState(function(c) {
-      var l = je({}, c.children);
-      return delete l[o.key], {
+  }, o.handleExited = function(i, r) {
+    var s = ie(this.props.children);
+    i.key in s || (i.props.onExited && i.props.onExited(r), this.mounted && this.setState(function(c) {
+      var l = ee({}, c.children);
+      return delete l[i.key], {
         children: l
       };
     }));
-  }, i.render = function() {
-    var o = this.props, r = o.component, s = o.childFactory, c = Oe(o, ["component", "childFactory"]), l = this.state.contextValue, p = Ye(this.state.children).map(s);
-    return delete c.appear, delete c.enter, delete c.exit, r === null ? /* @__PURE__ */ W.createElement(se.Provider, {
+  }, o.render = function() {
+    var i = this.props, r = i.component, s = i.childFactory, c = je(i, ["component", "childFactory"]), l = this.state.contextValue, p = Ye(this.state.children).map(s);
+    return delete c.appear, delete c.enter, delete c.exit, r === null ? /* @__PURE__ */ W.createElement(ae.Provider, {
       value: l
-    }, p) : /* @__PURE__ */ W.createElement(se.Provider, {
+    }, p) : /* @__PURE__ */ W.createElement(ae.Provider, {
       value: l
     }, /* @__PURE__ */ W.createElement(r, c, p));
   }, t;
 }(W.Component);
-ie.propTypes = process.env.NODE_ENV !== "production" ? {
+re.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * `<TransitionGroup>` renders a `<div>` by default. You can change this
    * behavior by providing a `component` prop.
@@ -195,7 +203,7 @@ ie.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: e.func
 } : {};
-ie.defaultProps = Ae;
+re.defaultProps = Ae;
 class Q {
   /** React ref to the ripple instance */
   /** If the ripple component should be mounted */
@@ -206,8 +214,8 @@ class Q {
     return new Q();
   }
   static use() {
-    const t = Be(Q.create).current, [i, u] = f.useState(!1);
-    return t.shouldMount = i, t.setShouldMount = u, f.useEffect(t.mountEffect, [i]), t;
+    const t = Le(Q.create).current, [o, a] = f.useState(!1);
+    return t.shouldMount = o, t.setShouldMount = a, f.useEffect(t.mountEffect, [o]), t;
   }
   constructor() {
     this.ref = {
@@ -236,28 +244,28 @@ function Ke() {
 }
 function qe() {
   let n, t;
-  const i = new Promise((u, o) => {
-    n = u, t = o;
+  const o = new Promise((a, i) => {
+    n = a, t = i;
   });
-  return i.resolve = n, i.reject = t, i;
+  return o.resolve = n, o.reject = t, o;
 }
-function pe(n) {
+function fe(n) {
   const {
     className: t,
-    classes: i,
-    pulsate: u = !1,
-    rippleX: o,
+    classes: o,
+    pulsate: a = !1,
+    rippleX: i,
     rippleY: r,
     rippleSize: s,
     in: c,
     onExited: l,
     timeout: p
-  } = n, [h, m] = f.useState(!1), R = C(t, i.ripple, i.rippleVisible, u && i.ripplePulsate), N = {
+  } = n, [h, m] = f.useState(!1), y = C(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), N = {
     width: s,
     height: s,
     top: -(s / 2) + r,
-    left: -(s / 2) + o
-  }, g = C(i.child, h && i.childLeaving, u && i.childPulsate);
+    left: -(s / 2) + i
+  }, g = C(o.child, h && o.childLeaving, a && o.childPulsate);
   return !c && !h && m(!0), f.useEffect(() => {
     if (!c && l != null) {
       const w = setTimeout(l, p);
@@ -266,14 +274,14 @@ function pe(n) {
       };
     }
   }, [l, c, p]), /* @__PURE__ */ I("span", {
-    className: R,
+    className: y,
     style: N,
     children: /* @__PURE__ */ I("span", {
       className: g
     })
   });
 }
-process.env.NODE_ENV !== "production" && (pe.propTypes = {
+process.env.NODE_ENV !== "production" && (fe.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -308,7 +316,7 @@ process.env.NODE_ENV !== "production" && (pe.propTypes = {
    */
   timeout: e.number.isRequired
 });
-const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), ee = 550, We = 80, He = ne`
+const M = ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), te = 550, We = 80, He = oe`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -318,7 +326,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     transform: scale(1);
     opacity: 0.3;
   }
-`, Ge = ne`
+`, Ge = oe`
   0% {
     opacity: 1;
   }
@@ -326,7 +334,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     opacity: 0;
   }
-`, Je = ne`
+`, Je = oe`
   0% {
     transform: scale(1);
   }
@@ -338,7 +346,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   100% {
     transform: scale(1);
   }
-`, Qe = te("span", {
+`, Qe = ne("span", {
   name: "MuiTouchRipple",
   slot: "Root"
 })({
@@ -351,7 +359,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), Ze = te(pe, {
+}), Ze = ne(fe, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })`
@@ -362,7 +370,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     opacity: 0.3;
     transform: scale(1);
     animation-name: ${He};
-    animation-duration: ${ee}ms;
+    animation-duration: ${te}ms;
     animation-timing-function: ${({
   theme: n
 }) => n.transitions.easing.easeInOut};
@@ -386,7 +394,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   & .${M.childLeaving} {
     opacity: 0;
     animation-name: ${Ge};
-    animation-duration: ${ee}ms;
+    animation-duration: ${te}ms;
     animation-timing-function: ${({
   theme: n
 }) => n.transitions.easing.easeInOut};
@@ -405,23 +413,23 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, fe = /* @__PURE__ */ f.forwardRef(function(t, i) {
-  const u = ce({
+`, de = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  const a = pe({
     props: t,
     name: "MuiTouchRipple"
   }), {
-    center: o = !1,
+    center: i = !1,
     classes: r = {},
     className: s,
     ...c
-  } = u, [l, p] = f.useState([]), h = f.useRef(0), m = f.useRef(null);
+  } = a, [l, p] = f.useState([]), h = f.useRef(0), m = f.useRef(null);
   f.useEffect(() => {
     m.current && (m.current(), m.current = null);
   }, [l]);
-  const R = f.useRef(!1), N = Le(), g = f.useRef(null), w = f.useRef(null), x = f.useCallback((d) => {
+  const y = f.useRef(!1), N = Oe(), g = f.useRef(null), w = f.useRef(null), v = f.useCallback((d) => {
     const {
       pulsate: T,
-      rippleX: y,
+      rippleX: R,
       rippleY: $,
       rippleSize: B,
       cb: U
@@ -435,65 +443,65 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
         childLeaving: C(r.childLeaving, M.childLeaving),
         childPulsate: C(r.childPulsate, M.childPulsate)
       },
-      timeout: ee,
+      timeout: te,
       pulsate: T,
-      rippleX: y,
+      rippleX: R,
       rippleY: $,
       rippleSize: B
     }, h.current)]), h.current += 1, m.current = U;
-  }, [r]), j = f.useCallback((d = {}, T = {}, y = () => {
+  }, [r]), j = f.useCallback((d = {}, T = {}, R = () => {
   }) => {
     const {
       pulsate: $ = !1,
-      center: B = o || T.pulsate,
+      center: B = i || T.pulsate,
       fakeElement: U = !1
       // For test purposes
     } = T;
-    if (d?.type === "mousedown" && R.current) {
-      R.current = !1;
+    if (d?.type === "mousedown" && y.current) {
+      y.current = !1;
       return;
     }
-    d?.type === "touchstart" && (R.current = !0);
+    d?.type === "touchstart" && (y.current = !0);
     const E = U ? null : w.current, D = E ? E.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let V, v, S;
+    let V, x, S;
     if (B || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      V = Math.round(D.width / 2), v = Math.round(D.height / 2);
+      V = Math.round(D.width / 2), x = Math.round(D.height / 2);
     else {
       const {
         clientX: z,
         clientY: L
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      V = Math.round(z - D.left), v = Math.round(L - D.top);
+      V = Math.round(z - D.left), x = Math.round(L - D.top);
     }
     if (B)
       S = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), S % 2 === 0 && (S += 1);
     else {
-      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - V), V) * 2 + 2, L = Math.max(Math.abs((E ? E.clientHeight : 0) - v), v) * 2 + 2;
+      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - V), V) * 2 + 2, L = Math.max(Math.abs((E ? E.clientHeight : 0) - x), x) * 2 + 2;
       S = Math.sqrt(z ** 2 + L ** 2);
     }
     d?.touches ? g.current === null && (g.current = () => {
-      x({
+      v({
         pulsate: $,
         rippleX: V,
-        rippleY: v,
+        rippleY: x,
         rippleSize: S,
-        cb: y
+        cb: R
       });
     }, N.start(We, () => {
       g.current && (g.current(), g.current = null);
-    })) : x({
+    })) : v({
       pulsate: $,
       rippleX: V,
-      rippleY: v,
+      rippleY: x,
       rippleSize: S,
-      cb: y
+      cb: R
     });
-  }, [o, x, N]), A = f.useCallback(() => {
+  }, [i, v, N]), A = f.useCallback(() => {
     j({}, {
       pulsate: !0
     });
@@ -504,9 +512,9 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       });
       return;
     }
-    g.current = null, p((y) => y.length > 0 ? y.slice(1) : y), m.current = T;
+    g.current = null, p((R) => R.length > 0 ? R.slice(1) : R), m.current = T;
   }, [N]);
-  return f.useImperativeHandle(i, () => ({
+  return f.useImperativeHandle(o, () => ({
     pulsate: A,
     start: j,
     stop: F
@@ -514,14 +522,14 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     className: C(M.root, r.root, s),
     ref: w,
     ...c,
-    children: /* @__PURE__ */ I(ie, {
+    children: /* @__PURE__ */ I(re, {
       component: null,
       exit: !0,
       children: l
     })
   });
 });
-process.env.NODE_ENV !== "production" && (fe.propTypes = {
+process.env.NODE_ENV !== "production" && (de.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -537,19 +545,19 @@ process.env.NODE_ENV !== "production" && (fe.propTypes = {
   className: e.string
 });
 function et(n) {
-  return Se("MuiButtonBase", n);
+  return we("MuiButtonBase", n);
 }
-const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) => {
+const tt = ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) => {
   const {
     disabled: t,
-    focusVisible: i,
-    focusVisibleClassName: u,
-    classes: o
+    focusVisible: o,
+    focusVisibleClassName: a,
+    classes: i
   } = n, s = Fe({
-    root: ["root", t && "disabled", i && "focusVisible"]
-  }, et, o);
-  return i && u && (s.root += ` ${u}`), s;
-}, ot = te("button", {
+    root: ["root", t && "disabled", o && "focusVisible"]
+  }, et, i);
+  return o && a && (s.root += ` ${a}`), s;
+}, ot = ne("button", {
   name: "MuiButtonBase",
   slot: "Root"
 })({
@@ -591,12 +599,12 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), it = /* @__PURE__ */ f.forwardRef(function(t, i) {
-  const u = ce({
+}), it = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  const a = pe({
     props: t,
     name: "MuiButtonBase"
   }), {
-    action: o,
+    action: i,
     centerRipple: r = !1,
     children: s,
     className: c,
@@ -604,102 +612,102 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (n) =
     disabled: p = !1,
     disableRipple: h = !1,
     disableTouchRipple: m = !1,
-    focusRipple: R = !1,
+    focusRipple: y = !1,
     focusVisibleClassName: N,
     LinkComponent: g = "a",
     onBlur: w,
-    onClick: x,
+    onClick: v,
     onContextMenu: j,
     onDragLeave: A,
     onFocus: F,
     onFocusVisible: d,
     onKeyDown: T,
-    onKeyUp: y,
+    onKeyUp: R,
     onMouseDown: $,
     onMouseLeave: B,
     onMouseUp: U,
     onTouchEnd: E,
     onTouchMove: D,
     onTouchStart: V,
-    tabIndex: v = 0,
+    tabIndex: x = 0,
     TouchRippleProps: S,
     touchRippleRef: z,
     type: L,
     ..._
-  } = u, X = f.useRef(null), b = Ke(), de = ae(b.ref, z), [k, K] = f.useState(!1);
-  p && k && K(!1), f.useImperativeHandle(o, () => ({
+  } = a, X = f.useRef(null), b = Ke(), he = ue(b.ref, z), [O, K] = f.useState(!1);
+  p && O && K(!1), f.useImperativeHandle(i, () => ({
     focusVisible: () => {
       K(!0), X.current.focus();
     }
   }), []);
-  const he = b.shouldMount && !h && !p;
+  const me = b.shouldMount && !h && !p;
   f.useEffect(() => {
-    k && R && !h && b.pulsate();
-  }, [h, R, k, b]);
-  const me = P(b, "start", $, m), be = P(b, "stop", j, m), ge = P(b, "stop", A, m), Me = P(b, "stop", U, m), Re = P(b, "stop", (a) => {
-    k && a.preventDefault(), B && B(a);
-  }, m), ye = P(b, "start", V, m), Te = P(b, "stop", E, m), Ee = P(b, "stop", D, m), Ce = P(b, "stop", (a) => {
-    ue(a.target) || K(!1), w && w(a);
-  }, !1), xe = J((a) => {
-    X.current || (X.current = a.currentTarget), ue(a.target) && (K(!0), d && d(a)), F && F(a);
+    O && y && !h && b.pulsate();
+  }, [h, y, O, b]);
+  const be = P(b, "start", $, m), ge = P(b, "stop", j, m), Me = P(b, "stop", A, m), ye = P(b, "stop", U, m), Re = P(b, "stop", (u) => {
+    O && u.preventDefault(), B && B(u);
+  }, m), Te = P(b, "start", V, m), Ee = P(b, "stop", E, m), Ce = P(b, "stop", D, m), ve = P(b, "stop", (u) => {
+    le(u.target) || K(!1), w && w(u);
+  }, !1), xe = J((u) => {
+    X.current || (X.current = u.currentTarget), le(u.target) && (K(!0), d && d(u)), F && F(u);
   }), Z = () => {
-    const a = X.current;
-    return l && l !== "button" && !(a.tagName === "A" && a.href);
-  }, ve = J((a) => {
-    R && !a.repeat && k && a.key === " " && b.stop(a, () => {
-      b.start(a);
-    }), a.target === a.currentTarget && Z() && a.key === " " && a.preventDefault(), T && T(a), a.target === a.currentTarget && Z() && a.key === "Enter" && !p && (a.preventDefault(), x && x(a));
-  }), Pe = J((a) => {
-    R && a.key === " " && k && !a.defaultPrevented && b.stop(a, () => {
-      b.pulsate(a);
-    }), y && y(a), x && a.target === a.currentTarget && Z() && a.key === " " && !a.defaultPrevented && x(a);
+    const u = X.current;
+    return l && l !== "button" && !(u.tagName === "A" && u.href);
+  }, Pe = J((u) => {
+    y && !u.repeat && O && u.key === " " && b.stop(u, () => {
+      b.start(u);
+    }), u.target === u.currentTarget && Z() && u.key === " " && u.preventDefault(), T && T(u), u.target === u.currentTarget && Z() && u.key === "Enter" && !p && (u.preventDefault(), v && v(u));
+  }), Ne = J((u) => {
+    y && u.key === " " && O && !u.defaultPrevented && b.stop(u, () => {
+      b.pulsate(u);
+    }), R && R(u), v && u.target === u.currentTarget && Z() && u.key === " " && !u.defaultPrevented && v(u);
   });
   let q = l;
   q === "button" && (_.href || _.to) && (q = g);
   const Y = {};
   q === "button" ? (Y.type = L === void 0 ? "button" : L, Y.disabled = p) : (!_.href && !_.to && (Y.role = "button"), p && (Y["aria-disabled"] = p));
-  const Ne = ae(i, X), re = {
-    ...u,
+  const De = ue(o, X), se = {
+    ...a,
     centerRipple: r,
     component: l,
     disabled: p,
     disableRipple: h,
     disableTouchRipple: m,
-    focusRipple: R,
-    tabIndex: v,
-    focusVisible: k
-  }, De = nt(re);
-  return /* @__PURE__ */ we(ot, {
+    focusRipple: y,
+    tabIndex: x,
+    focusVisible: O
+  }, Ve = nt(se);
+  return /* @__PURE__ */ Be(ot, {
     as: q,
-    className: C(De.root, c),
-    ownerState: re,
-    onBlur: Ce,
-    onClick: x,
-    onContextMenu: be,
+    className: C(Ve.root, c),
+    ownerState: se,
+    onBlur: ve,
+    onClick: v,
+    onContextMenu: ge,
     onFocus: xe,
-    onKeyDown: ve,
-    onKeyUp: Pe,
-    onMouseDown: me,
+    onKeyDown: Pe,
+    onKeyUp: Ne,
+    onMouseDown: be,
     onMouseLeave: Re,
-    onMouseUp: Me,
-    onDragLeave: ge,
-    onTouchEnd: Te,
-    onTouchMove: Ee,
-    onTouchStart: ye,
-    ref: Ne,
-    tabIndex: p ? -1 : v,
+    onMouseUp: ye,
+    onDragLeave: Me,
+    onTouchEnd: Ee,
+    onTouchMove: Ce,
+    onTouchStart: Te,
+    ref: De,
+    tabIndex: p ? -1 : x,
     type: L,
     ...Y,
     ..._,
-    children: [s, he ? /* @__PURE__ */ I(fe, {
-      ref: de,
+    children: [s, me ? /* @__PURE__ */ I(de, {
+      ref: he,
       center: r,
       ...S
     }) : null]
   });
 });
-function P(n, t, i, u = !1) {
-  return J((o) => (i && i(o), u || n[t](o), !0));
+function P(n, t, o, a = !1) {
+  return J((i) => (o && o(i), a || n[t](i), !0));
 }
 process.env.NODE_ENV !== "production" && (it.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -861,5 +869,6 @@ process.env.NODE_ENV !== "production" && (it.propTypes = {
 });
 export {
   it as B,
-  ie as T
+  re as T,
+  ee as _
 };