@solostylist/ui-kit 1.0.21 → 1.0.24

package/dist/useSlot-D9cy_5Wu.js

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