@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/ButtonBase-DfTfJ_ou.js

@@ -1,1105 +0,0 @@
-var Le = Object.defineProperty;
-var Pe = (e, n, t) => n in e ? Le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var X = (e, n, t) => Pe(e, typeof n != "symbol" ? n + "" : n, t);
-import { c as ae } from "./resolveProps-61uUKnlS.js";
-import * as d from "react";
-import K, { isValidElement as G, cloneElement as Z, Children as $e } from "react";
-import { P as r } from "./createTheme-3Wd3hHrj.js";
-import { c as w, u as me, a as Be } from "./DefaultPropsProvider-CaCsvQaq.js";
-import { j as B } from "./jsx-runtime-OVHDjVDe.js";
-import { g as _e } from "./generateUtilityClasses-BtVDwGrk.js";
-import { s as se } from "./styled-B0Z4EDy9.js";
-import { a as Ue, _ as Fe } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
-import { keyframes as re } from "@emotion/react";
-import { g as ze, b as Ae } from "./buttonBaseClasses-jCihfot4.js";
-import { u as He } from "./useEnhancedEffect-CJGo-L3B.js";
-function J(e) {
-  const n = d.useRef(e);
-  return He(() => {
-    n.current = e;
-  }), d.useRef((...t) => (
-    // @ts-expect-error hide `this`
-    (0, n.current)(...t)
-  )).current;
-}
-function te(...e) {
-  const n = d.useRef(void 0), t = d.useCallback((o) => {
-    const s = e.map((i) => {
-      if (i == null)
-        return null;
-      if (typeof i == "function") {
-        const u = i, l = u(o);
-        return typeof l == "function" ? l : () => {
-          u(null);
-        };
-      }
-      return i.current = o, () => {
-        i.current = null;
-      };
-    });
-    return () => {
-      s.forEach((i) => i == null ? void 0 : i());
-    };
-  }, e);
-  return d.useMemo(() => e.every((o) => o == null) ? null : (o) => {
-    n.current && (n.current(), n.current = void 0), o != null && (n.current = t(o));
-  }, e);
-}
-function Ye(e, n) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...o) {
-    return e(...o) || n(...o);
-  };
-}
-function ne(e, n) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, o) {
-    return t.__proto__ = o, t;
-  }, ne(e, n);
-}
-function Xe(e, n) {
-  e.prototype = Object.create(n.prototype), e.prototype.constructor = e, ne(e, n);
-}
-const pe = K.createContext(null);
-function Ke(e) {
-  if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-function ie(e, n) {
-  var t = function(i) {
-    return n && G(i) ? n(i) : i;
-  }, o = /* @__PURE__ */ Object.create(null);
-  return e && $e.map(e, function(s) {
-    return s;
-  }).forEach(function(s) {
-    o[s.key] = t(s);
-  }), o;
-}
-function We(e, n) {
-  e = e || {}, n = n || {};
-  function t(h) {
-    return h in n ? n[h] : e[h];
-  }
-  var o = /* @__PURE__ */ Object.create(null), s = [];
-  for (var i in e)
-    i in n ? s.length && (o[i] = s, s = []) : s.push(i);
-  var u, l = {};
-  for (var p in n) {
-    if (o[p])
-      for (u = 0; u < o[p].length; u++) {
-        var a = o[p][u];
-        l[o[p][u]] = t(a);
-      }
-    l[p] = t(p);
-  }
-  for (u = 0; u < s.length; u++)
-    l[s[u]] = t(s[u]);
-  return l;
-}
-function $(e, n, t) {
-  return t[n] != null ? t[n] : e.props[n];
-}
-function qe(e, n) {
-  return ie(e.children, function(t) {
-    return Z(t, {
-      onExited: n.bind(null, t),
-      in: !0,
-      appear: $(t, "appear", e),
-      enter: $(t, "enter", e),
-      exit: $(t, "exit", e)
-    });
-  });
-}
-function Ge(e, n, t) {
-  var o = ie(e.children), s = We(n, o);
-  return Object.keys(s).forEach(function(i) {
-    var u = s[i];
-    if (G(u)) {
-      var l = i in n, p = i in o, a = n[i], h = G(a) && !a.props.in;
-      p && (!l || h) ? s[i] = Z(u, {
-        onExited: t.bind(null, u),
-        in: !0,
-        exit: $(u, "exit", e),
-        enter: $(u, "enter", e)
-      }) : !p && l && !h ? s[i] = Z(u, {
-        in: !1
-      }) : p && l && G(a) && (s[i] = Z(u, {
-        onExited: t.bind(null, u),
-        in: a.props.in,
-        exit: $(u, "exit", e),
-        enter: $(u, "enter", e)
-      }));
-    }
-  }), s;
-}
-var Ze = Object.values || function(e) {
-  return Object.keys(e).map(function(n) {
-    return e[n];
-  });
-}, Je = {
-  component: "div",
-  childFactory: function(n) {
-    return n;
-  }
-}, ue = /* @__PURE__ */ (function(e) {
-  Xe(n, e);
-  function n(o, s) {
-    var i;
-    i = e.call(this, o, s) || this;
-    var u = i.handleExited.bind(Ke(i));
-    return i.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: u,
-      firstRender: !0
-    }, i;
-  }
-  var t = n.prototype;
-  return t.componentDidMount = function() {
-    this.mounted = !0, this.setState({
-      contextValue: {
-        isMounting: !1
-      }
-    });
-  }, t.componentWillUnmount = function() {
-    this.mounted = !1;
-  }, n.getDerivedStateFromProps = function(s, i) {
-    var u = i.children, l = i.handleExited, p = i.firstRender;
-    return {
-      children: p ? qe(s, l) : Ge(s, u, l),
-      firstRender: !1
-    };
-  }, t.handleExited = function(s, i) {
-    var u = ie(this.props.children);
-    s.key in u || (s.props.onExited && s.props.onExited(i), this.mounted && this.setState(function(l) {
-      var p = Ue({}, l.children);
-      return delete p[s.key], {
-        children: p
-      };
-    }));
-  }, t.render = function() {
-    var s = this.props, i = s.component, u = s.childFactory, l = Fe(s, ["component", "childFactory"]), p = this.state.contextValue, a = Ze(this.state.children).map(u);
-    return delete l.appear, delete l.enter, delete l.exit, i === null ? /* @__PURE__ */ K.createElement(pe.Provider, {
-      value: p
-    }, a) : /* @__PURE__ */ K.createElement(pe.Provider, {
-      value: p
-    }, /* @__PURE__ */ K.createElement(i, l, a));
-  }, n;
-})(K.Component);
-ue.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: r.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: r.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: r.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: r.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: r.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: r.func
-} : {};
-ue.defaultProps = Je;
-const fe = {};
-function be(e, n) {
-  const t = d.useRef(fe);
-  return t.current === fe && (t.current = e(n)), t;
-}
-const Qe = [];
-function et(e) {
-  d.useEffect(e, Qe);
-}
-class ce {
-  constructor() {
-    X(this, "currentId", null);
-    X(this, "clear", () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    });
-    X(this, "disposeEffect", () => this.clear);
-  }
-  static create() {
-    return new ce();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(n, t) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, t();
-    }, n);
-  }
-}
-function tt() {
-  const e = be(ce.create).current;
-  return et(e.disposeEffect), e;
-}
-function nt(e) {
-  const {
-    prototype: n = {}
-  } = e;
-  return !!n.isReactComponent;
-}
-function ot(e, n, t, o, s) {
-  const i = e[n], u = s || n;
-  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 l;
-  return typeof i == "function" && !nt(i) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${o} \`${u}\` supplied to \`${t}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const st = Ye(r.elementType, ot);
-function rt(e) {
-  return typeof e == "string";
-}
-function it(e, n, t) {
-  return e === void 0 || rt(e) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...t
-    }
-  };
-}
-function ut(e, n, t) {
-  return typeof e == "function" ? e(n, t) : e;
-}
-function ct(e, n = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((o) => o.match(/^on[A-Z]/) && typeof e[o] == "function" && !n.includes(o)).forEach((o) => {
-    t[o] = e[o];
-  }), t;
-}
-function de(e) {
-  if (e === void 0)
-    return {};
-  const n = {};
-  return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((t) => {
-    n[t] = e[t];
-  }), n;
-}
-function lt(e) {
-  const {
-    getSlotProps: n,
-    additionalProps: t,
-    externalSlotProps: o,
-    externalForwardedProps: s,
-    className: i
-  } = e;
-  if (!n) {
-    const R = ae(t == null ? void 0 : t.className, i, s == null ? void 0 : s.className, o == null ? void 0 : o.className), b = {
-      ...t == null ? void 0 : t.style,
-      ...s == null ? void 0 : s.style,
-      ...o == null ? void 0 : o.style
-    }, E = {
-      ...t,
-      ...s,
-      ...o
-    };
-    return R.length > 0 && (E.className = R), Object.keys(b).length > 0 && (E.style = b), {
-      props: E,
-      internalRef: void 0
-    };
-  }
-  const u = ct({
-    ...s,
-    ...o
-  }), l = de(o), p = de(s), a = n(u), h = ae(a == null ? void 0 : a.className, t == null ? void 0 : t.className, i, s == null ? void 0 : s.className, o == null ? void 0 : o.className), m = {
-    ...a == null ? void 0 : a.style,
-    ...t == null ? void 0 : t.style,
-    ...s == null ? void 0 : s.style,
-    ...o == null ? void 0 : o.style
-  }, y = {
-    ...a,
-    ...t,
-    ...p,
-    ...l
-  };
-  return h.length > 0 && (y.className = h), Object.keys(m).length > 0 && (y.style = m), {
-    props: y,
-    internalRef: a.ref
-  };
-}
-function It(e, n) {
-  const {
-    className: t,
-    elementType: o,
-    ownerState: s,
-    externalForwardedProps: i,
-    internalForwardedProps: u,
-    shouldForwardComponentProp: l = !1,
-    ...p
-  } = n, {
-    component: a,
-    slots: h = {
-      [e]: void 0
-    },
-    slotProps: m = {
-      [e]: void 0
-    },
-    ...y
-  } = i, R = h[e] || o, b = ut(m[e], s), {
-    props: {
-      component: E,
-      ...T
-    },
-    internalRef: j
-  } = lt({
-    className: t,
-    ...p,
-    externalForwardedProps: e === "root" ? y : void 0,
-    externalSlotProps: b
-  }), _ = te(j, b == null ? void 0 : b.ref, n.ref), C = e === "root" ? E || a : E, f = it(R, {
-    ...e === "root" && !a && !h[e] && u,
-    ...e !== "root" && !h[e] && u,
-    ...T,
-    ...C && !l && {
-      as: C
-    },
-    ...C && l && {
-      component: C
-    },
-    ref: _
-  }, s);
-  return [R, f];
-}
-const at = r.oneOfType([r.func, r.object]);
-function he(e) {
-  try {
-    return e.matches(":focus-visible");
-  } catch {
-    process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && 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 Q {
-  constructor() {
-    X(this, "mountEffect", () => {
-      this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
-    });
-    this.ref = {
-      current: null
-    }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
-  }
-  /** 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 Q();
-  }
-  static use() {
-    const n = be(Q.create).current, [t, o] = d.useState(!1);
-    return n.shouldMount = t, n.setShouldMount = o, d.useEffect(n.mountEffect, [t]), n;
-  }
-  mount() {
-    return this.mounted || (this.mounted = ft(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
-  }
-  /* Ripple API */
-  start(...n) {
-    this.mount().then(() => {
-      var t;
-      return (t = this.ref.current) == null ? void 0 : t.start(...n);
-    });
-  }
-  stop(...n) {
-    this.mount().then(() => {
-      var t;
-      return (t = this.ref.current) == null ? void 0 : t.stop(...n);
-    });
-  }
-  pulsate(...n) {
-    this.mount().then(() => {
-      var t;
-      return (t = this.ref.current) == null ? void 0 : t.pulsate(...n);
-    });
-  }
-}
-function pt() {
-  return Q.use();
-}
-function ft() {
-  let e, n;
-  const t = new Promise((o, s) => {
-    e = o, n = s;
-  });
-  return t.resolve = e, t.reject = n, t;
-}
-function ye(e) {
-  const {
-    className: n,
-    classes: t,
-    pulsate: o = !1,
-    rippleX: s,
-    rippleY: i,
-    rippleSize: u,
-    in: l,
-    onExited: p,
-    timeout: a
-  } = e, [h, m] = d.useState(!1), y = w(n, t.ripple, t.rippleVisible, o && t.ripplePulsate), R = {
-    width: u,
-    height: u,
-    top: -(u / 2) + i,
-    left: -(u / 2) + s
-  }, b = w(t.child, h && t.childLeaving, o && t.childPulsate);
-  return !l && !h && m(!0), d.useEffect(() => {
-    if (!l && p != null) {
-      const E = setTimeout(p, a);
-      return () => {
-        clearTimeout(E);
-      };
-    }
-  }, [p, l, a]), /* @__PURE__ */ B.jsx("span", {
-    className: y,
-    style: R,
-    children: /* @__PURE__ */ B.jsx("span", {
-      className: b
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (ye.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object.isRequired,
-  className: r.string,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  in: r.bool,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  onExited: r.func,
-  /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
-   */
-  pulsate: r.bool,
-  /**
-   * Diameter of the ripple.
-   */
-  rippleSize: r.number,
-  /**
-   * Horizontal position of the ripple center.
-   */
-  rippleX: r.number,
-  /**
-   * Vertical position of the ripple center.
-   */
-  rippleY: r.number,
-  /**
-   * exit delay
-   */
-  timeout: r.number.isRequired
-});
-const M = _e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, dt = 80, ht = re`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`, mt = re`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`, bt = re`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`, yt = se("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), gt = se(ye, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})`
-  opacity: 0;
-  position: absolute;
-
-  &.${M.rippleVisible} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${ht};
-    animation-duration: ${oe}ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-  }
-
-  &.${M.ripplePulsate} {
-    animation-duration: ${({
-  theme: e
-}) => e.transitions.duration.shorter}ms;
-  }
-
-  & .${M.child} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${M.childLeaving} {
-    opacity: 0;
-    animation-name: ${mt};
-    animation-duration: ${oe}ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-  }
-
-  & .${M.childPulsate} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${bt};
-    animation-duration: 2500ms;
-    animation-timing-function: ${({
-  theme: e
-}) => e.transitions.easing.easeInOut};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`, ge = /* @__PURE__ */ d.forwardRef(function(n, t) {
-  const o = me({
-    props: n,
-    name: "MuiTouchRipple"
-  }), {
-    center: s = !1,
-    classes: i = {},
-    className: u,
-    ...l
-  } = o, [p, a] = d.useState([]), h = d.useRef(0), m = d.useRef(null);
-  d.useEffect(() => {
-    m.current && (m.current(), m.current = null);
-  }, [p]);
-  const y = d.useRef(!1), R = tt(), b = d.useRef(null), E = d.useRef(null), T = d.useCallback((f) => {
-    const {
-      pulsate: x,
-      rippleX: N,
-      rippleY: U,
-      rippleSize: I,
-      cb: F
-    } = f;
-    a((v) => [...v, /* @__PURE__ */ B.jsx(gt, {
-      classes: {
-        ripple: w(i.ripple, M.ripple),
-        rippleVisible: w(i.rippleVisible, M.rippleVisible),
-        ripplePulsate: w(i.ripplePulsate, M.ripplePulsate),
-        child: w(i.child, M.child),
-        childLeaving: w(i.childLeaving, M.childLeaving),
-        childPulsate: w(i.childPulsate, M.childPulsate)
-      },
-      timeout: oe,
-      pulsate: x,
-      rippleX: N,
-      rippleY: U,
-      rippleSize: I
-    }, h.current)]), h.current += 1, m.current = F;
-  }, [i]), j = d.useCallback((f = {}, x = {}, N = () => {
-  }) => {
-    const {
-      pulsate: U = !1,
-      center: I = s || x.pulsate,
-      fakeElement: F = !1
-      // For test purposes
-    } = x;
-    if ((f == null ? void 0 : f.type) === "mousedown" && y.current) {
-      y.current = !1;
-      return;
-    }
-    (f == null ? void 0 : f.type) === "touchstart" && (y.current = !0);
-    const v = F ? null : E.current, V = v ? v.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let S, O, k;
-    if (I || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
-      S = Math.round(V.width / 2), O = Math.round(V.height / 2);
-    else {
-      const {
-        clientX: z,
-        clientY: L
-      } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
-      S = Math.round(z - V.left), O = Math.round(L - V.top);
-    }
-    if (I)
-      k = Math.sqrt((2 * V.width ** 2 + V.height ** 2) / 3), k % 2 === 0 && (k += 1);
-    else {
-      const z = Math.max(Math.abs((v ? v.clientWidth : 0) - S), S) * 2 + 2, L = Math.max(Math.abs((v ? v.clientHeight : 0) - O), O) * 2 + 2;
-      k = Math.sqrt(z ** 2 + L ** 2);
-    }
-    f != null && f.touches ? b.current === null && (b.current = () => {
-      T({
-        pulsate: U,
-        rippleX: S,
-        rippleY: O,
-        rippleSize: k,
-        cb: N
-      });
-    }, R.start(dt, () => {
-      b.current && (b.current(), b.current = null);
-    })) : T({
-      pulsate: U,
-      rippleX: S,
-      rippleY: O,
-      rippleSize: k,
-      cb: N
-    });
-  }, [s, T, R]), _ = d.useCallback(() => {
-    j({}, {
-      pulsate: !0
-    });
-  }, [j]), C = d.useCallback((f, x) => {
-    if (R.clear(), (f == null ? void 0 : f.type) === "touchend" && b.current) {
-      b.current(), b.current = null, R.start(0, () => {
-        C(f, x);
-      });
-      return;
-    }
-    b.current = null, a((N) => N.length > 0 ? N.slice(1) : N), m.current = x;
-  }, [R]);
-  return d.useImperativeHandle(t, () => ({
-    pulsate: _,
-    start: j,
-    stop: C
-  }), [_, j, C]), /* @__PURE__ */ B.jsx(yt, {
-    className: w(M.root, i.root, u),
-    ref: E,
-    ...l,
-    children: /* @__PURE__ */ B.jsx(ue, {
-      component: null,
-      exit: !0,
-      children: p
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (ge.propTypes = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: r.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string
-});
-const Rt = (e) => {
-  const {
-    disabled: n,
-    focusVisible: t,
-    focusVisibleClassName: o,
-    classes: s
-  } = e, u = Be({
-    root: ["root", n && "disabled", t && "focusVisible"]
-  }, ze, s);
-  return t && o && (u.root += ` ${o}`), u;
-}, Et = se("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.
-  },
-  [`&.${Ae.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), Mt = /* @__PURE__ */ d.forwardRef(function(n, t) {
-  const o = me({
-    props: n,
-    name: "MuiButtonBase"
-  }), {
-    action: s,
-    centerRipple: i = !1,
-    children: u,
-    className: l,
-    component: p = "button",
-    disabled: a = !1,
-    disableRipple: h = !1,
-    disableTouchRipple: m = !1,
-    focusRipple: y = !1,
-    focusVisibleClassName: R,
-    LinkComponent: b = "a",
-    onBlur: E,
-    onClick: T,
-    onContextMenu: j,
-    onDragLeave: _,
-    onFocus: C,
-    onFocusVisible: f,
-    onKeyDown: x,
-    onKeyUp: N,
-    onMouseDown: U,
-    onMouseLeave: I,
-    onMouseUp: F,
-    onTouchEnd: v,
-    onTouchMove: V,
-    onTouchStart: S,
-    tabIndex: O = 0,
-    TouchRippleProps: k,
-    touchRippleRef: z,
-    type: L,
-    ...A
-  } = o, H = d.useRef(null), g = pt(), Re = te(g.ref, z), [P, W] = d.useState(!1);
-  a && P && W(!1), d.useImperativeHandle(s, () => ({
-    focusVisible: () => {
-      W(!0), H.current.focus();
-    }
-  }), []);
-  const Ee = g.shouldMount && !h && !a;
-  d.useEffect(() => {
-    P && y && !h && g.pulsate();
-  }, [h, y, P, g]);
-  const Me = D(g, "start", U, m), Te = D(g, "stop", j, m), Ce = D(g, "stop", _, m), Ne = D(g, "stop", F, m), xe = D(g, "stop", (c) => {
-    P && c.preventDefault(), I && I(c);
-  }, m), ve = D(g, "start", S, m), we = D(g, "stop", v, m), Oe = D(g, "stop", V, m), De = D(g, "stop", (c) => {
-    he(c.target) || W(!1), E && E(c);
-  }, !1), je = J((c) => {
-    H.current || (H.current = c.currentTarget), he(c.target) && (W(!0), f && f(c)), C && C(c);
-  }), ee = () => {
-    const c = H.current;
-    return p && p !== "button" && !(c.tagName === "A" && c.href);
-  }, Ve = J((c) => {
-    y && !c.repeat && P && c.key === " " && g.stop(c, () => {
-      g.start(c);
-    }), c.target === c.currentTarget && ee() && c.key === " " && c.preventDefault(), x && x(c), c.target === c.currentTarget && ee() && c.key === "Enter" && !a && (c.preventDefault(), T && T(c));
-  }), Se = J((c) => {
-    y && c.key === " " && P && !c.defaultPrevented && g.stop(c, () => {
-      g.pulsate(c);
-    }), N && N(c), T && c.target === c.currentTarget && ee() && c.key === " " && !c.defaultPrevented && T(c);
-  });
-  let q = p;
-  q === "button" && (A.href || A.to) && (q = b);
-  const Y = {};
-  q === "button" ? (Y.type = L === void 0 ? "button" : L, Y.disabled = a) : (!A.href && !A.to && (Y.role = "button"), a && (Y["aria-disabled"] = a));
-  const ke = te(t, H), le = {
-    ...o,
-    centerRipple: i,
-    component: p,
-    disabled: a,
-    disableRipple: h,
-    disableTouchRipple: m,
-    focusRipple: y,
-    tabIndex: O,
-    focusVisible: P
-  }, Ie = Rt(le);
-  return /* @__PURE__ */ B.jsxs(Et, {
-    as: q,
-    className: w(Ie.root, l),
-    ownerState: le,
-    onBlur: De,
-    onClick: T,
-    onContextMenu: Te,
-    onFocus: je,
-    onKeyDown: Ve,
-    onKeyUp: Se,
-    onMouseDown: Me,
-    onMouseLeave: xe,
-    onMouseUp: Ne,
-    onDragLeave: Ce,
-    onTouchEnd: we,
-    onTouchMove: Oe,
-    onTouchStart: ve,
-    ref: ke,
-    tabIndex: a ? -1 : O,
-    type: L,
-    ...Y,
-    ...A,
-    children: [u, Ee ? /* @__PURE__ */ B.jsx(ge, {
-      ref: Re,
-      center: i,
-      ...k
-    }) : null]
-  });
-});
-function D(e, n, t, o = !1) {
-  return J((s) => (t && t(s), o || e[n](s), !0));
-}
-process.env.NODE_ENV !== "production" && (Mt.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: at,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: r.bool,
-  /**
-   * The content of the component.
-   */
-  children: r.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: st,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: r.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: r.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: r.bool,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: r.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: r.string,
-  /**
-   * @ignore
-   */
-  href: r.any,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: r.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: r.func,
-  /**
-   * @ignore
-   */
-  onClick: r.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: r.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: r.func,
-  /**
-   * @ignore
-   */
-  onFocus: r.func,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: r.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: r.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: r.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: r.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: r.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: r.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: r.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: r.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: r.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: r.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: r.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: r.oneOfType([r.func, r.shape({
-    current: r.shape({
-      pulsate: r.func.isRequired,
-      start: r.func.isRequired,
-      stop: r.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  type: r.oneOfType([r.oneOf(["button", "reset", "submit"]), r.string])
-});
-export {
-  Mt as B,
-  pe as T,
-  Xe as _,
-  ut as a,
-  tt as b,
-  Ye as c,
-  It as d,
-  st as e,
-  J as f,
-  ct as g,
-  it as h,
-  rt as i,
-  ue as j,
-  lt as m,
-  at as r,
-  te as u
-};