@hybridcore/ui 1.6.0 → 1.6.2

package/dist/ButtonBase-2bPw77UP.js

@@ -1,961 +0,0 @@
-import { a as Y, _ as ue } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as l from "react";
-import X, { Children as qe, isValidElement as G, cloneElement as J } from "react";
-import { P as n } from "./index-C__OZmYy.js";
-import { b as We, c as v, g as Ce, u as ve, a as He } from "./useThemeProps-BzzHcQyd.js";
-import { s as ae } from "./styled-eZwjUruw.js";
-import { keyframes as le } from "@mui/system";
-import { jsx as $, jsxs as Ge } from "react/jsx-runtime";
-import { _ as Je, a as Qe } from "./assertThisInitialized-BUtkG-md.js";
-import { g as Ze } from "./createTheme-DYxDnE9u.js";
-function et(e) {
-  const {
-    prototype: t = {}
-  } = e;
-  return !!t.isReactComponent;
-}
-function tt(e, t, o, a, r) {
-  const i = e[t], s = r || t;
-  if (i == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let c;
-  return typeof i == "function" && !et(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${a} \`${s}\` supplied to \`${o}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const nt = We(n.elementType, tt), ot = n.oneOfType([n.func, n.object]);
-function rt(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
-}
-const it = typeof window < "u" ? l.useLayoutEffect : l.useEffect;
-function H(e) {
-  const t = l.useRef(e);
-  return it(() => {
-    t.current = e;
-  }), l.useRef((...o) => (
-    // @ts-expect-error hide `this`
-    (0, t.current)(...o)
-  )).current;
-}
-function ye(...e) {
-  return l.useMemo(() => e.every((t) => t == null) ? null : (t) => {
-    e.forEach((o) => {
-      rt(o, t);
-    });
-  }, e);
-}
-class ce {
-  constructor() {
-    this.currentId = null, this.clear = () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    }, this.disposeEffect = () => this.clear;
-  }
-  static create() {
-    return new ce();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(t, o) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, o();
-    }, t);
-  }
-}
-let Q = !0, ie = !1;
-const st = new ce(), ut = {
-  text: !0,
-  search: !0,
-  url: !0,
-  tel: !0,
-  email: !0,
-  password: !0,
-  number: !0,
-  date: !0,
-  month: !0,
-  week: !0,
-  time: !0,
-  datetime: !0,
-  "datetime-local": !0
-};
-function at(e) {
-  const {
-    type: t,
-    tagName: o
-  } = e;
-  return !!(o === "INPUT" && ut[t] && !e.readOnly || o === "TEXTAREA" && !e.readOnly || e.isContentEditable);
-}
-function lt(e) {
-  e.metaKey || e.altKey || e.ctrlKey || (Q = !0);
-}
-function re() {
-  Q = !1;
-}
-function ct() {
-  this.visibilityState === "hidden" && ie && (Q = !0);
-}
-function pt(e) {
-  e.addEventListener("keydown", lt, !0), e.addEventListener("mousedown", re, !0), e.addEventListener("pointerdown", re, !0), e.addEventListener("touchstart", re, !0), e.addEventListener("visibilitychange", ct, !0);
-}
-function ft(e) {
-  const {
-    target: t
-  } = e;
-  try {
-    return t.matches(":focus-visible");
-  } catch {
-  }
-  return Q || at(t);
-}
-function dt() {
-  const e = l.useCallback((r) => {
-    r != null && pt(r.ownerDocument);
-  }, []), t = l.useRef(!1);
-  function o() {
-    return t.current ? (ie = !0, st.start(100, () => {
-      ie = !1;
-    }), t.current = !1, !0) : !1;
-  }
-  function a(r) {
-    return ft(r) ? (t.current = !0, !0) : !1;
-  }
-  return {
-    isFocusVisibleRef: t,
-    onFocus: a,
-    onBlur: o,
-    ref: e
-  };
-}
-function ht(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Je(e, t);
-}
-const ge = X.createContext(null);
-function pe(e, t) {
-  var o = function(i) {
-    return t && G(i) ? t(i) : i;
-  }, a = /* @__PURE__ */ Object.create(null);
-  return e && qe.map(e, function(r) {
-    return r;
-  }).forEach(function(r) {
-    a[r.key] = o(r);
-  }), a;
-}
-function mt(e, t) {
-  e = e || {}, t = t || {};
-  function o(h) {
-    return h in t ? t[h] : e[h];
-  }
-  var a = /* @__PURE__ */ Object.create(null), r = [];
-  for (var i in e)
-    i in t ? r.length && (a[i] = r, r = []) : r.push(i);
-  var s, c = {};
-  for (var p in t) {
-    if (a[p])
-      for (s = 0; s < a[p].length; s++) {
-        var f = a[p][s];
-        c[a[p][s]] = o(f);
-      }
-    c[p] = o(p);
-  }
-  for (s = 0; s < r.length; s++)
-    c[r[s]] = o(r[s]);
-  return c;
-}
-function S(e, t, o) {
-  return o[t] != null ? o[t] : e.props[t];
-}
-function bt(e, t) {
-  return pe(e.children, function(o) {
-    return J(o, {
-      onExited: t.bind(null, o),
-      in: !0,
-      appear: S(o, "appear", e),
-      enter: S(o, "enter", e),
-      exit: S(o, "exit", e)
-    });
-  });
-}
-function yt(e, t, o) {
-  var a = pe(e.children), r = mt(t, a);
-  return Object.keys(r).forEach(function(i) {
-    var s = r[i];
-    if (G(s)) {
-      var c = i in t, p = i in a, f = t[i], h = G(f) && !f.props.in;
-      p && (!c || h) ? r[i] = J(s, {
-        onExited: o.bind(null, s),
-        in: !0,
-        exit: S(s, "exit", e),
-        enter: S(s, "enter", e)
-      }) : !p && c && !h ? r[i] = J(s, {
-        in: !1
-      }) : p && c && G(f) && (r[i] = J(s, {
-        onExited: o.bind(null, s),
-        in: f.props.in,
-        exit: S(s, "exit", e),
-        enter: S(s, "enter", e)
-      }));
-    }
-  }), r;
-}
-var gt = Object.values || function(e) {
-  return Object.keys(e).map(function(t) {
-    return e[t];
-  });
-}, Rt = {
-  component: "div",
-  childFactory: function(t) {
-    return t;
-  }
-}, fe = /* @__PURE__ */ function(e) {
-  ht(t, e);
-  function t(a, r) {
-    var i;
-    i = e.call(this, a, r) || this;
-    var s = i.handleExited.bind(Qe(i));
-    return i.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: s,
-      firstRender: !0
-    }, i;
-  }
-  var o = t.prototype;
-  return o.componentDidMount = function() {
-    this.mounted = !0, this.setState({
-      contextValue: {
-        isMounting: !1
-      }
-    });
-  }, o.componentWillUnmount = function() {
-    this.mounted = !1;
-  }, t.getDerivedStateFromProps = function(r, i) {
-    var s = i.children, c = i.handleExited, p = i.firstRender;
-    return {
-      children: p ? bt(r, c) : yt(r, s, c),
-      firstRender: !1
-    };
-  }, o.handleExited = function(r, i) {
-    var s = pe(this.props.children);
-    r.key in s || (r.props.onExited && r.props.onExited(i), this.mounted && this.setState(function(c) {
-      var p = Y({}, c.children);
-      return delete p[r.key], {
-        children: p
-      };
-    }));
-  }, o.render = function() {
-    var r = this.props, i = r.component, s = r.childFactory, c = ue(r, ["component", "childFactory"]), p = this.state.contextValue, f = gt(this.state.children).map(s);
-    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ X.createElement(ge.Provider, {
-      value: p
-    }, f) : /* @__PURE__ */ X.createElement(ge.Provider, {
-      value: p
-    }, /* @__PURE__ */ X.createElement(i, c, f));
-  }, t;
-}(X.Component);
-fe.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * `<TransitionGroup>` renders a `<div>` by default. You can change this
-   * behavior by providing a `component` prop.
-   * If you use React v16+ and would like to avoid a wrapping `<div>` element
-   * you can pass in `component={null}`. This is useful if the wrapping div
-   * borks your css styles.
-   */
-  component: n.any,
-  /**
-   * A set of `<Transition>` components, that are toggled `in` and out as they
-   * leave. the `<TransitionGroup>` will inject specific transition props, so
-   * remember to spread them through if you are wrapping the `<Transition>` as
-   * with our `<Fade>` example.
-   *
-   * While this component is meant for multiple `Transition` or `CSSTransition`
-   * children, sometimes you may want to have a single transition child with
-   * content that you want to be transitioned out and in when you change it
-   * (e.g. routes, images etc.) In that case you can change the `key` prop of
-   * the transition child as you change its content, this will cause
-   * `TransitionGroup` to transition the child out and back in.
-   */
-  children: n.node,
-  /**
-   * A convenience prop that enables or disables appear animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  appear: n.bool,
-  /**
-   * A convenience prop that enables or disables enter animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  enter: n.bool,
-  /**
-   * A convenience prop that enables or disables exit animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  exit: n.bool,
-  /**
-   * You may need to apply reactive updates to a child as it is exiting.
-   * This is generally done by using `cloneElement` however in the case of an exiting
-   * child the element has already been removed and not accessible to the consumer.
-   *
-   * If you do need to update a child as it leaves you can provide a `childFactory`
-   * to wrap every child, even the ones that are leaving.
-   *
-   * @type Function(child: ReactElement) -> ReactElement
-   */
-  childFactory: n.func
-} : {};
-fe.defaultProps = Rt;
-function xe(e) {
-  const {
-    className: t,
-    classes: o,
-    pulsate: a = !1,
-    rippleX: r,
-    rippleY: i,
-    rippleSize: s,
-    in: c,
-    onExited: p,
-    timeout: f
-  } = e, [h, R] = l.useState(!1), y = v(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), P = {
-    width: s,
-    height: s,
-    top: -(s / 2) + i,
-    left: -(s / 2) + r
-  }, m = v(o.child, h && o.childLeaving, a && o.childPulsate);
-  return !c && !h && R(!0), l.useEffect(() => {
-    if (!c && p != null) {
-      const T = setTimeout(p, f);
-      return () => {
-        clearTimeout(T);
-      };
-    }
-  }, [p, c, f]), /* @__PURE__ */ $("span", {
-    className: y,
-    style: P,
-    children: /* @__PURE__ */ $("span", {
-      className: m
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (xe.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: n.object.isRequired,
-  className: n.string,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  in: n.bool,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  onExited: n.func,
-  /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
-   */
-  pulsate: n.bool,
-  /**
-   * Diameter of the ripple.
-   */
-  rippleSize: n.number,
-  /**
-   * Horizontal position of the ripple center.
-   */
-  rippleX: n.number,
-  /**
-   * Vertical position of the ripple center.
-   */
-  rippleY: n.number,
-  /**
-   * exit delay
-   */
-  timeout: n.number.isRequired
-});
-const b = Ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), Tt = ["center", "classes", "className"];
-let Z = (e) => e, Re, Te, Ee, Me;
-const se = 550, Et = 80, Mt = le(Re || (Re = Z`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)), Ct = le(Te || (Te = Z`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)), vt = le(Ee || (Ee = Z`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)), xt = ae("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), Vt = ae(xe, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})(Me || (Me = Z`
-  opacity: 0;
-  position: absolute;
-
-  &.${0} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  &.${0} {
-    animation-duration: ${0}ms;
-  }
-
-  & .${0} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${0} {
-    opacity: 0;
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  & .${0} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${0};
-    animation-duration: 2500ms;
-    animation-timing-function: ${0};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`), b.rippleVisible, Mt, se, ({
-  theme: e
-}) => e.transitions.easing.easeInOut, b.ripplePulsate, ({
-  theme: e
-}) => e.transitions.duration.shorter, b.child, b.childLeaving, Ct, se, ({
-  theme: e
-}) => e.transitions.easing.easeInOut, b.childPulsate, vt, ({
-  theme: e
-}) => e.transitions.easing.easeInOut), Ve = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = ve({
-    props: t,
-    name: "MuiTouchRipple"
-  }), {
-    center: r = !1,
-    classes: i = {},
-    className: s
-  } = a, c = ue(a, Tt), [p, f] = l.useState([]), h = l.useRef(0), R = l.useRef(null);
-  l.useEffect(() => {
-    R.current && (R.current(), R.current = null);
-  }, [p]);
-  const y = l.useRef(!1), P = l.useRef(null), m = l.useRef(null), T = l.useRef(null);
-  l.useEffect(() => () => {
-    clearTimeout(P.current);
-  }, []);
-  const U = l.useCallback((d) => {
-    const {
-      pulsate: E,
-      rippleX: M,
-      rippleY: L,
-      rippleSize: _,
-      cb: K
-    } = d;
-    f((C) => [...C, /* @__PURE__ */ $(Vt, {
-      classes: {
-        ripple: v(i.ripple, b.ripple),
-        rippleVisible: v(i.rippleVisible, b.rippleVisible),
-        ripplePulsate: v(i.ripplePulsate, b.ripplePulsate),
-        child: v(i.child, b.child),
-        childLeaving: v(i.childLeaving, b.childLeaving),
-        childPulsate: v(i.childPulsate, b.childPulsate)
-      },
-      timeout: se,
-      pulsate: E,
-      rippleX: M,
-      rippleY: L,
-      rippleSize: _
-    }, h.current)]), h.current += 1, R.current = K;
-  }, [i]), I = l.useCallback((d = {}, E = {}, M = () => {
-  }) => {
-    const {
-      pulsate: L = !1,
-      center: _ = r || E.pulsate,
-      fakeElement: K = !1
-      // For test purposes
-    } = E;
-    if ((d == null ? void 0 : d.type) === "mousedown" && y.current) {
-      y.current = !1;
-      return;
-    }
-    (d == null ? void 0 : d.type) === "touchstart" && (y.current = !0);
-    const C = K ? null : T.current, D = C ? C.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let x, N, B;
-    if (_ || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      x = Math.round(D.width / 2), N = Math.round(D.height / 2);
-    else {
-      const {
-        clientX: F,
-        clientY: V
-      } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      x = Math.round(F - D.left), N = Math.round(V - D.top);
-    }
-    if (_)
-      B = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), B % 2 === 0 && (B += 1);
-    else {
-      const F = Math.max(Math.abs((C ? C.clientWidth : 0) - x), x) * 2 + 2, V = Math.max(Math.abs((C ? C.clientHeight : 0) - N), N) * 2 + 2;
-      B = Math.sqrt(F ** 2 + V ** 2);
-    }
-    d != null && d.touches ? m.current === null && (m.current = () => {
-      U({
-        pulsate: L,
-        rippleX: x,
-        rippleY: N,
-        rippleSize: B,
-        cb: M
-      });
-    }, P.current = setTimeout(() => {
-      m.current && (m.current(), m.current = null);
-    }, Et)) : U({
-      pulsate: L,
-      rippleX: x,
-      rippleY: N,
-      rippleSize: B,
-      cb: M
-    });
-  }, [r, U]), j = l.useCallback(() => {
-    I({}, {
-      pulsate: !0
-    });
-  }, [I]), O = l.useCallback((d, E) => {
-    if (clearTimeout(P.current), (d == null ? void 0 : d.type) === "touchend" && m.current) {
-      m.current(), m.current = null, P.current = setTimeout(() => {
-        O(d, E);
-      });
-      return;
-    }
-    m.current = null, f((M) => M.length > 0 ? M.slice(1) : M), R.current = E;
-  }, []);
-  return l.useImperativeHandle(o, () => ({
-    pulsate: j,
-    start: I,
-    stop: O
-  }), [j, I, O]), /* @__PURE__ */ $(xt, Y({
-    className: v(b.root, i.root, s),
-    ref: T
-  }, c, {
-    children: /* @__PURE__ */ $(fe, {
-      component: null,
-      exit: !0,
-      children: p
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: n.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string
-});
-function wt(e) {
-  return Ze("MuiButtonBase", e);
-}
-const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Nt = (e) => {
-  const {
-    disabled: t,
-    focusVisible: o,
-    focusVisibleClassName: a,
-    classes: r
-  } = e, s = He({
-    root: ["root", t && "disabled", o && "focusVisible"]
-  }, wt, r);
-  return o && a && (s.root += ` ${a}`), s;
-}, Bt = ae("button", {
-  name: "MuiButtonBase",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "relative",
-  boxSizing: "border-box",
-  WebkitTapHighlightColor: "transparent",
-  backgroundColor: "transparent",
-  // Reset default value
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  border: 0,
-  margin: 0,
-  // Remove the margin in Safari
-  borderRadius: 0,
-  padding: 0,
-  // Remove the padding in Firefox
-  cursor: "pointer",
-  userSelect: "none",
-  verticalAlign: "middle",
-  MozAppearance: "none",
-  // Reset
-  WebkitAppearance: "none",
-  // Reset
-  textDecoration: "none",
-  // So we take precedent over the style of a native <a /> element.
-  color: "inherit",
-  "&::-moz-focus-inner": {
-    borderStyle: "none"
-    // Remove Firefox dotted outline.
-  },
-  [`&.${Pt.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), Lt = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = ve({
-    props: t,
-    name: "MuiButtonBase"
-  }), {
-    action: r,
-    centerRipple: i = !1,
-    children: s,
-    className: c,
-    component: p = "button",
-    disabled: f = !1,
-    disableRipple: h = !1,
-    disableTouchRipple: R = !1,
-    focusRipple: y = !1,
-    LinkComponent: P = "a",
-    onBlur: m,
-    onClick: T,
-    onContextMenu: U,
-    onDragLeave: I,
-    onFocus: j,
-    onFocusVisible: O,
-    onKeyDown: d,
-    onKeyUp: E,
-    onMouseDown: M,
-    onMouseLeave: L,
-    onMouseUp: _,
-    onTouchEnd: K,
-    onTouchMove: C,
-    onTouchStart: D,
-    tabIndex: x = 0,
-    TouchRippleProps: N,
-    touchRippleRef: B,
-    type: F
-  } = a, V = ue(a, Dt), z = l.useRef(null), g = l.useRef(null), we = ye(g, B), {
-    isFocusVisibleRef: de,
-    onFocus: Pe,
-    onBlur: De,
-    ref: Ne
-  } = dt(), [k, q] = l.useState(!1);
-  f && k && q(!1), l.useImperativeHandle(r, () => ({
-    focusVisible: () => {
-      q(!0), z.current.focus();
-    }
-  }), []);
-  const [ee, Be] = l.useState(!1);
-  l.useEffect(() => {
-    Be(!0);
-  }, []);
-  const te = ee && !h && !f;
-  l.useEffect(() => {
-    k && y && !h && ee && g.current.pulsate();
-  }, [h, y, k, ee]);
-  function w(u, me, Ye = R) {
-    return H((be) => (me && me(be), !Ye && g.current && g.current[u](be), !0));
-  }
-  const Le = w("start", M), Fe = w("stop", U), ke = w("stop", I), Se = w("stop", _), Ie = w("stop", (u) => {
-    k && u.preventDefault(), L && L(u);
-  }), Oe = w("start", D), _e = w("stop", K), $e = w("stop", C), Ue = w("stop", (u) => {
-    De(u), de.current === !1 && q(!1), m && m(u);
-  }, !1), je = H((u) => {
-    z.current || (z.current = u.currentTarget), Pe(u), de.current === !0 && (q(!0), O && O(u)), j && j(u);
-  }), ne = () => {
-    const u = z.current;
-    return p && p !== "button" && !(u.tagName === "A" && u.href);
-  }, oe = l.useRef(!1), Ke = H((u) => {
-    y && !oe.current && k && g.current && u.key === " " && (oe.current = !0, g.current.stop(u, () => {
-      g.current.start(u);
-    })), u.target === u.currentTarget && ne() && u.key === " " && u.preventDefault(), d && d(u), u.target === u.currentTarget && ne() && u.key === "Enter" && !f && (u.preventDefault(), T && T(u));
-  }), ze = H((u) => {
-    y && u.key === " " && g.current && k && !u.defaultPrevented && (oe.current = !1, g.current.stop(u, () => {
-      g.current.pulsate(u);
-    })), E && E(u), T && u.target === u.currentTarget && ne() && u.key === " " && !u.defaultPrevented && T(u);
-  });
-  let W = p;
-  W === "button" && (V.href || V.to) && (W = P);
-  const A = {};
-  W === "button" ? (A.type = F === void 0 ? "button" : F, A.disabled = f) : (!V.href && !V.to && (A.role = "button"), f && (A["aria-disabled"] = f));
-  const Ae = ye(o, Ne, z);
-  process.env.NODE_ENV !== "production" && l.useEffect(() => {
-    te && !g.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
-`));
-  }, [te]);
-  const he = Y({}, a, {
-    centerRipple: i,
-    component: p,
-    disabled: f,
-    disableRipple: h,
-    disableTouchRipple: R,
-    focusRipple: y,
-    tabIndex: x,
-    focusVisible: k
-  }), Xe = Nt(he);
-  return /* @__PURE__ */ Ge(Bt, Y({
-    as: W,
-    className: v(Xe.root, c),
-    ownerState: he,
-    onBlur: Ue,
-    onClick: T,
-    onContextMenu: Fe,
-    onFocus: je,
-    onKeyDown: Ke,
-    onKeyUp: ze,
-    onMouseDown: Le,
-    onMouseLeave: Ie,
-    onMouseUp: Se,
-    onDragLeave: ke,
-    onTouchEnd: _e,
-    onTouchMove: $e,
-    onTouchStart: Oe,
-    ref: Ae,
-    tabIndex: f ? -1 : x,
-    type: F
-  }, A, V, {
-    children: [s, te ? (
-      /* TouchRipple is only needed client-side, x2 boost on the server. */
-      /* @__PURE__ */ $(Ve, Y({
-        ref: we,
-        center: i
-      }, N))
-    ) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Lt.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: ot,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: n.bool,
-  /**
-   * The content of the component.
-   */
-  children: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: nt,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: n.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: n.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: n.bool,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: n.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: n.string,
-  /**
-   * @ignore
-   */
-  href: n.any,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: n.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: n.func,
-  /**
-   * @ignore
-   */
-  onClick: n.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: n.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: n.func,
-  /**
-   * @ignore
-   */
-  onFocus: n.func,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: n.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: n.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: n.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: n.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: n.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: n.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: n.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: n.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: n.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: n.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: n.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: n.oneOfType([n.func, n.shape({
-    current: n.shape({
-      pulsate: n.func.isRequired,
-      start: n.func.isRequired,
-      stop: n.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string])
-});
-export {
-  Lt as B,
-  ge as T,
-  ht as _,
-  ye as a,
-  H as b,
-  dt as c,
-  fe as d,
-  nt as e,
-  ot as r,
-  rt as s,
-  it as u
-};