@hai-dev/ui-kit 1.2.1 → 1.2.2

package/dist/ButtonBase-C4krg_zd.js

@@ -1,913 +0,0 @@
-import * as f from "react";
-import X, { isValidElement as H, cloneElement as G, Children as Ie } from "react";
-import { _ as Be, P as n, c as C, a as fe, g as Le } from "./createTheme-BoOmbNvy.js";
-import { jsx as U, jsxs as je } from "react/jsx-runtime";
-import { u as de, s as ne, k as oe, c as ke } from "./chainPropTypes-DgqFdXGi.js";
-import { u as ae, a as Z, e as Fe, r as Ue } from "./refType-CsohaiiT.js";
-function _e(e, t) {
-  if (e == null) return {};
-  var o = {};
-  for (var s in e) if ({}.hasOwnProperty.call(e, s)) {
-    if (t.indexOf(s) !== -1) continue;
-    o[s] = e[s];
-  }
-  return o;
-}
-function ee(e, t) {
-  return ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, s) {
-    return o.__proto__ = s, o;
-  }, ee(e, t);
-}
-function $e(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ee(e, t);
-}
-const le = X.createContext(null);
-function ze(e) {
-  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-function re(e, t) {
-  var o = function(i) {
-    return t && H(i) ? t(i) : i;
-  }, s = /* @__PURE__ */ Object.create(null);
-  return e && Ie.map(e, function(r) {
-    return r;
-  }).forEach(function(r) {
-    s[r.key] = o(r);
-  }), s;
-}
-function Ae(e, t) {
-  e = e || {}, t = t || {};
-  function o(h) {
-    return h in t ? t[h] : e[h];
-  }
-  var s = /* @__PURE__ */ Object.create(null), r = [];
-  for (var i in e)
-    i in t ? r.length && (s[i] = r, r = []) : r.push(i);
-  var u, c = {};
-  for (var l in t) {
-    if (s[l])
-      for (u = 0; u < s[l].length; u++) {
-        var p = s[l][u];
-        c[s[l][u]] = o(p);
-      }
-    c[l] = o(l);
-  }
-  for (u = 0; u < r.length; u++)
-    c[r[u]] = o(r[u]);
-  return c;
-}
-function L(e, t, o) {
-  return o[t] != null ? o[t] : e.props[t];
-}
-function Ye(e, t) {
-  return re(e.children, function(o) {
-    return G(o, {
-      onExited: t.bind(null, o),
-      in: !0,
-      appear: L(o, "appear", e),
-      enter: L(o, "enter", e),
-      exit: L(o, "exit", e)
-    });
-  });
-}
-function Xe(e, t, o) {
-  var s = re(e.children), r = Ae(t, s);
-  return Object.keys(r).forEach(function(i) {
-    var u = r[i];
-    if (H(u)) {
-      var c = i in t, l = i in s, p = t[i], h = H(p) && !p.props.in;
-      l && (!c || h) ? r[i] = G(u, {
-        onExited: o.bind(null, u),
-        in: !0,
-        exit: L(u, "exit", e),
-        enter: L(u, "enter", e)
-      }) : !l && c && !h ? r[i] = G(u, {
-        in: !1
-      }) : l && c && H(p) && (r[i] = G(u, {
-        onExited: o.bind(null, u),
-        in: p.props.in,
-        exit: L(u, "exit", e),
-        enter: L(u, "enter", e)
-      }));
-    }
-  }), r;
-}
-var Ke = Object.values || function(e) {
-  return Object.keys(e).map(function(t) {
-    return e[t];
-  });
-}, qe = {
-  component: "div",
-  childFactory: function(t) {
-    return t;
-  }
-}, ie = /* @__PURE__ */ (function(e) {
-  $e(t, e);
-  function t(s, r) {
-    var i;
-    i = e.call(this, s, r) || this;
-    var u = i.handleExited.bind(ze(i));
-    return i.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: u,
-      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 u = i.children, c = i.handleExited, l = i.firstRender;
-    return {
-      children: l ? Ye(r, c) : Xe(r, u, c),
-      firstRender: !1
-    };
-  }, o.handleExited = function(r, i) {
-    var u = re(this.props.children);
-    r.key in u || (r.props.onExited && r.props.onExited(i), this.mounted && this.setState(function(c) {
-      var l = Be({}, c.children);
-      return delete l[r.key], {
-        children: l
-      };
-    }));
-  }, o.render = function() {
-    var r = this.props, i = r.component, u = r.childFactory, c = _e(r, ["component", "childFactory"]), l = this.state.contextValue, p = Ke(this.state.children).map(u);
-    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ X.createElement(le.Provider, {
-      value: l
-    }, p) : /* @__PURE__ */ X.createElement(le.Provider, {
-      value: l
-    }, /* @__PURE__ */ X.createElement(i, c, p));
-  }, t;
-})(X.Component);
-ie.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
-} : {};
-ie.defaultProps = qe;
-const ce = {};
-function he(e, t) {
-  const o = f.useRef(ce);
-  return o.current === ce && (o.current = e(t)), o;
-}
-const We = [];
-function He(e) {
-  f.useEffect(e, We);
-}
-class se {
-  static create() {
-    return new se();
-  }
-  currentId = null;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(t, o) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, o();
-    }, t);
-  }
-  clear = () => {
-    this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-  };
-  disposeEffect = () => this.clear;
-}
-function Ge() {
-  const e = he(se.create).current;
-  return He(e.disposeEffect), e;
-}
-function pe(e) {
-  try {
-    return e.matches(":focus-visible");
-  } catch {
-    process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
-`));
-  }
-  return !1;
-}
-class J {
-  /** React ref to the ripple instance */
-  /** If the ripple component should be mounted */
-  /** Promise that resolves when the ripple component is mounted */
-  /** If the ripple component has been mounted */
-  /** React state hook setter */
-  static create() {
-    return new J();
-  }
-  static use() {
-    const t = he(J.create).current, [o, s] = f.useState(!1);
-    return t.shouldMount = o, t.setShouldMount = s, f.useEffect(t.mountEffect, [o]), t;
-  }
-  constructor() {
-    this.ref = {
-      current: null
-    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
-  }
-  mount() {
-    return this.mounted || (this.mounted = Je(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
-  }
-  mountEffect = () => {
-    this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
-  };
-  /* Ripple API */
-  start(...t) {
-    this.mount().then(() => this.ref.current?.start(...t));
-  }
-  stop(...t) {
-    this.mount().then(() => this.ref.current?.stop(...t));
-  }
-  pulsate(...t) {
-    this.mount().then(() => this.ref.current?.pulsate(...t));
-  }
-}
-function Ze() {
-  return J.use();
-}
-function Je() {
-  let e, t;
-  const o = new Promise((s, r) => {
-    e = s, t = r;
-  });
-  return o.resolve = e, o.reject = t, o;
-}
-function me(e) {
-  const {
-    className: t,
-    classes: o,
-    pulsate: s = !1,
-    rippleX: r,
-    rippleY: i,
-    rippleSize: u,
-    in: c,
-    onExited: l,
-    timeout: p
-  } = e, [h, m] = f.useState(!1), M = C(t, o.ripple, o.rippleVisible, s && o.ripplePulsate), N = {
-    width: u,
-    height: u,
-    top: -(u / 2) + i,
-    left: -(u / 2) + r
-  }, g = C(o.child, h && o.childLeaving, s && o.childPulsate);
-  return !c && !h && m(!0), f.useEffect(() => {
-    if (!c && l != null) {
-      const V = setTimeout(l, p);
-      return () => {
-        clearTimeout(V);
-      };
-    }
-  }, [l, c, p]), /* @__PURE__ */ U("span", {
-    className: M,
-    style: N,
-    children: /* @__PURE__ */ U("span", {
-      className: g
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (me.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  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 y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), te = 550, Qe = 80, et = oe`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`, tt = oe`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`, nt = oe`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`, ot = ne("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), rt = ne(me, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})`
-  opacity: 0;
-  position: absolute;
-
-  &.${y.rippleVisible} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${et};
-    animation-duration: ${te}ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-  }
-
-  &.${y.ripplePulsate} {
-    animation-duration: ${({
-  theme: e
-}) => e.transitions.duration.shorter}ms;
-  }
-
-  & .${y.child} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${y.childLeaving} {
-    opacity: 0;
-    animation-name: ${tt};
-    animation-duration: ${te}ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-  }
-
-  & .${y.childPulsate} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${nt};
-    animation-duration: 2500ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`, be = /* @__PURE__ */ f.forwardRef(function(t, o) {
-  const s = de({
-    props: t,
-    name: "MuiTouchRipple"
-  }), {
-    center: r = !1,
-    classes: i = {},
-    className: u,
-    ...c
-  } = s, [l, p] = f.useState([]), h = f.useRef(0), m = f.useRef(null);
-  f.useEffect(() => {
-    m.current && (m.current(), m.current = null);
-  }, [l]);
-  const M = f.useRef(!1), N = Ge(), g = f.useRef(null), V = f.useRef(null), v = f.useCallback((d) => {
-    const {
-      pulsate: T,
-      rippleX: R,
-      rippleY: F,
-      rippleSize: S,
-      cb: _
-    } = d;
-    p((E) => [...E, /* @__PURE__ */ U(rt, {
-      classes: {
-        ripple: C(i.ripple, y.ripple),
-        rippleVisible: C(i.rippleVisible, y.rippleVisible),
-        ripplePulsate: C(i.ripplePulsate, y.ripplePulsate),
-        child: C(i.child, y.child),
-        childLeaving: C(i.childLeaving, y.childLeaving),
-        childPulsate: C(i.childPulsate, y.childPulsate)
-      },
-      timeout: te,
-      pulsate: T,
-      rippleX: R,
-      rippleY: F,
-      rippleSize: S
-    }, h.current)]), h.current += 1, m.current = _;
-  }, [i]), j = f.useCallback((d = {}, T = {}, R = () => {
-  }) => {
-    const {
-      pulsate: F = !1,
-      center: S = r || T.pulsate,
-      fakeElement: _ = !1
-      // For test purposes
-    } = T;
-    if (d?.type === "mousedown" && M.current) {
-      M.current = !1;
-      return;
-    }
-    d?.type === "touchstart" && (M.current = !0);
-    const E = _ ? null : V.current, w = E ? E.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let D, x, O;
-    if (S || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      D = Math.round(w.width / 2), x = Math.round(w.height / 2);
-    else {
-      const {
-        clientX: $,
-        clientY: I
-      } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      D = Math.round($ - w.left), x = Math.round(I - w.top);
-    }
-    if (S)
-      O = Math.sqrt((2 * w.width ** 2 + w.height ** 2) / 3), O % 2 === 0 && (O += 1);
-    else {
-      const $ = Math.max(Math.abs((E ? E.clientWidth : 0) - D), D) * 2 + 2, I = Math.max(Math.abs((E ? E.clientHeight : 0) - x), x) * 2 + 2;
-      O = Math.sqrt($ ** 2 + I ** 2);
-    }
-    d?.touches ? g.current === null && (g.current = () => {
-      v({
-        pulsate: F,
-        rippleX: D,
-        rippleY: x,
-        rippleSize: O,
-        cb: R
-      });
-    }, N.start(Qe, () => {
-      g.current && (g.current(), g.current = null);
-    })) : v({
-      pulsate: F,
-      rippleX: D,
-      rippleY: x,
-      rippleSize: O,
-      cb: R
-    });
-  }, [r, v, N]), K = f.useCallback(() => {
-    j({}, {
-      pulsate: !0
-    });
-  }, [j]), k = f.useCallback((d, T) => {
-    if (N.clear(), d?.type === "touchend" && g.current) {
-      g.current(), g.current = null, N.start(0, () => {
-        k(d, T);
-      });
-      return;
-    }
-    g.current = null, p((R) => R.length > 0 ? R.slice(1) : R), m.current = T;
-  }, [N]);
-  return f.useImperativeHandle(o, () => ({
-    pulsate: K,
-    start: j,
-    stop: k
-  }), [K, j, k]), /* @__PURE__ */ U(ot, {
-    className: C(y.root, i.root, u),
-    ref: V,
-    ...c,
-    children: /* @__PURE__ */ U(ie, {
-      component: null,
-      exit: !0,
-      children: l
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (be.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.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string
-});
-function it(e) {
-  return Le("MuiButtonBase", e);
-}
-const st = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ut = (e) => {
-  const {
-    disabled: t,
-    focusVisible: o,
-    focusVisibleClassName: s,
-    classes: r
-  } = e, u = ke({
-    root: ["root", t && "disabled", o && "focusVisible"]
-  }, it, r);
-  return o && s && (u.root += ` ${s}`), u;
-}, at = ne("button", {
-  name: "MuiButtonBase",
-  slot: "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.
-  },
-  [`&.${st.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), lt = /* @__PURE__ */ f.forwardRef(function(t, o) {
-  const s = de({
-    props: t,
-    name: "MuiButtonBase"
-  }), {
-    action: r,
-    centerRipple: i = !1,
-    children: u,
-    className: c,
-    component: l = "button",
-    disabled: p = !1,
-    disableRipple: h = !1,
-    disableTouchRipple: m = !1,
-    focusRipple: M = !1,
-    focusVisibleClassName: N,
-    LinkComponent: g = "a",
-    onBlur: V,
-    onClick: v,
-    onContextMenu: j,
-    onDragLeave: K,
-    onFocus: k,
-    onFocusVisible: d,
-    onKeyDown: T,
-    onKeyUp: R,
-    onMouseDown: F,
-    onMouseLeave: S,
-    onMouseUp: _,
-    onTouchEnd: E,
-    onTouchMove: w,
-    onTouchStart: D,
-    tabIndex: x = 0,
-    TouchRippleProps: O,
-    touchRippleRef: $,
-    type: I,
-    ...z
-  } = s, A = f.useRef(null), b = Ze(), ge = ae(b.ref, $), [B, q] = f.useState(!1);
-  p && B && q(!1), f.useImperativeHandle(r, () => ({
-    focusVisible: () => {
-      q(!0), A.current.focus();
-    }
-  }), []);
-  const ye = b.shouldMount && !h && !p;
-  f.useEffect(() => {
-    B && M && !h && b.pulsate();
-  }, [h, M, B, b]);
-  const Me = P(b, "start", F, m), Re = P(b, "stop", j, m), Te = P(b, "stop", K, m), Ee = P(b, "stop", _, m), Ce = P(b, "stop", (a) => {
-    B && a.preventDefault(), S && S(a);
-  }, m), ve = P(b, "start", D, m), xe = P(b, "stop", E, m), Pe = P(b, "stop", w, m), Ne = P(b, "stop", (a) => {
-    pe(a.target) || q(!1), V && V(a);
-  }, !1), we = Z((a) => {
-    A.current || (A.current = a.currentTarget), pe(a.target) && (q(!0), d && d(a)), k && k(a);
-  }), Q = () => {
-    const a = A.current;
-    return l && l !== "button" && !(a.tagName === "A" && a.href);
-  }, De = Z((a) => {
-    M && !a.repeat && B && a.key === " " && b.stop(a, () => {
-      b.start(a);
-    }), a.target === a.currentTarget && Q() && a.key === " " && a.preventDefault(), T && T(a), a.target === a.currentTarget && Q() && a.key === "Enter" && !p && (a.preventDefault(), v && v(a));
-  }), Oe = Z((a) => {
-    M && a.key === " " && B && !a.defaultPrevented && b.stop(a, () => {
-      b.pulsate(a);
-    }), R && R(a), v && a.target === a.currentTarget && Q() && a.key === " " && !a.defaultPrevented && v(a);
-  });
-  let W = l;
-  W === "button" && (z.href || z.to) && (W = g);
-  const Y = {};
-  W === "button" ? (Y.type = I === void 0 ? "button" : I, Y.disabled = p) : (!z.href && !z.to && (Y.role = "button"), p && (Y["aria-disabled"] = p));
-  const Ve = ae(o, A), ue = {
-    ...s,
-    centerRipple: i,
-    component: l,
-    disabled: p,
-    disableRipple: h,
-    disableTouchRipple: m,
-    focusRipple: M,
-    tabIndex: x,
-    focusVisible: B
-  }, Se = ut(ue);
-  return /* @__PURE__ */ je(at, {
-    as: W,
-    className: C(Se.root, c),
-    ownerState: ue,
-    onBlur: Ne,
-    onClick: v,
-    onContextMenu: Re,
-    onFocus: we,
-    onKeyDown: De,
-    onKeyUp: Oe,
-    onMouseDown: Me,
-    onMouseLeave: Ce,
-    onMouseUp: Ee,
-    onDragLeave: Te,
-    onTouchEnd: xe,
-    onTouchMove: Pe,
-    onTouchStart: ve,
-    ref: Ve,
-    tabIndex: p ? -1 : x,
-    type: I,
-    ...Y,
-    ...z,
-    children: [u, ye ? /* @__PURE__ */ U(be, {
-      ref: ge,
-      center: i,
-      ...O
-    }) : null]
-  });
-});
-function P(e, t, o, s = !1) {
-  return Z((r) => (o && o(r), s || e[t](r), !0));
-}
-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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: Ue,
-  /**
-   * 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: Fe,
-  /**
-   * 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,
-  le as T,
-  $e as _,
-  _e as a
-};