@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/ButtonBase-DxKtpFYs.js

@@ -1,747 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { s as t } from "./defaultTheme-BaGcIzCh.js";
-import { t as n } from "./prop-types-BzYPyWN7.js";
-import { r, t as i } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { t as a } from "./clsx-DGZSe4Nt.js";
-import { t as o } from "./generateUtilityClasses-DvX505Gy.js";
-import { t as s } from "./styled-Bog8QCl3.js";
-import { n as c, t as l } from "./isFocusVisible-Y7157FQS.js";
-import { t as u } from "./useForkRef-CKneCEtr.js";
-import { t as d } from "./useEventCallback-CVqMfiG_.js";
-import { n as f, t as p } from "./objectWithoutPropertiesLoose-Cpds-4w8.js";
-import { n as m, t as h } from "./buttonBaseClasses-BvBqFLb_.js";
-import * as g from "react";
-import _, { Children as v, cloneElement as y, isValidElement as b } from "react";
-import { jsx as x, jsxs as ee } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/utils/refType/refType.mjs
-var S = /* @__PURE__ */ e(n(), 1), C = S.default.oneOfType([S.default.func, S.default.object]);
-//#endregion
-//#region ../../node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
-function w(e) {
-	let { focusableWhenDisabled: t, disabled: n, composite: r = !1, tabIndex: i = 0, isNativeButton: a } = e, o = r && t !== !1, s = r && t === !1;
-	return g.useMemo(() => {
-		let e = { onKeyDown(e) {
-			n && t && e.key !== "Tab" && e.preventDefault();
-		} };
-		return r || (e.tabIndex = i, !a && n && (e.tabIndex = t ? i : -1)), (a && (t || o) || !a && n) && (e["aria-disabled"] = n), a && (!t || s) && (e.disabled = n), e;
-	}, [
-		r,
-		n,
-		t,
-		o,
-		s,
-		a,
-		i
-	]);
-}
-//#endregion
-//#region ../../node_modules/@mui/material/ButtonBase/useButtonBase.mjs
-var T = {};
-function te(e) {
-	let { nativeButton: t, nativeButtonProp: n, internalNativeButton: r = t, allowInferredHostMismatch: i = !1, disabled: a, type: o, hasFormAction: s = !1, tabIndex: c = 0, focusableWhenDisabled: l, stopEventPropagation: u = !1, onBeforeKeyDown: d, onBeforeKeyUp: f } = e, p = g.useRef(null), m = l === !0, h = w({
-		focusableWhenDisabled: m,
-		disabled: a,
-		isNativeButton: t,
-		tabIndex: c
-	});
-	process.env.NODE_ENV !== "production" && g.useEffect(() => {
-		let e = p.current;
-		if (e == null) return;
-		let t = e.tagName === "BUTTON";
-		if (n !== void 0) {
-			n && !t && console.error("MUI: A component that acts as a button expected a native <button> because the `nativeButton` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Render a real <button> or set `nativeButton` to `false`."), !n && t && console.error("MUI: A component that acts as a button expected a non-<button> because the `nativeButton` prop is false. Rendering a <button> keeps native behavior while additionally applies non-native attributes and handlers, which can add unintended extra attributes (such as `role` or `aria-disabled`). Render a non-<button> such as <div>, or set `nativeButton` to `true`.");
-			return;
-		}
-		i || (r && !t && console.error("MUI: A component rendering a native <button> resolved to a non-<button> element, but `nativeButton={false}` was not specified and the resolved root is a non-<button>. When rendering a custom component, set `nativeButton={false}` explicitly or render a <button> element."), !r && t && console.error("MUI: A component that acts as a non-native button resolved to a native <button> element, but `nativeButton={true}` was not specified. When rendering a custom component, set `nativeButton={true}` explicitly or render a non-<button> element."));
-	}, [
-		i,
-		r,
-		n
-	]);
-	let _ = g.useCallback(() => {
-		let e = p.current;
-		return e == null ? t : e.tagName === "BUTTON" ? !0 : !!(e.tagName === "A" && e.href);
-	}, [t]), v = g.useMemo(() => {
-		let e = m ? {} : { tabIndex: a ? -1 : c };
-		return t ? (e.type = o === void 0 && !s ? "button" : o, m || (e.disabled = a)) : (e.role = "button", !m && a && (e["aria-disabled"] = a)), m ? {
-			...e,
-			...h
-		} : e;
-	}, [
-		a,
-		m,
-		h,
-		s,
-		t,
-		c,
-		o
-	]);
-	return {
-		getButtonProps: g.useCallback((e = T) => {
-			let { onClick: t, onKeyDown: n, onKeyUp: r, ...i } = e, o = (e) => {
-				if (u && e.stopPropagation(), a) {
-					e.preventDefault();
-					return;
-				}
-				t?.(e);
-			}, s = (e) => {
-				if (m && h.onKeyDown(e), !a && (d?.(e), n?.(e), !(e.target !== e.currentTarget || _()))) {
-					if (e.key === " ") {
-						e.preventDefault();
-						return;
-					}
-					e.key === "Enter" && (e.preventDefault(), e.currentTarget.click());
-				}
-			}, c = (e) => {
-				a || (f?.(e), r?.(e), e.target === e.currentTarget && !_() && e.key === " " && !e.defaultPrevented && e.currentTarget.click());
-			};
-			return {
-				...v,
-				...i,
-				onClick: o,
-				onKeyDown: s,
-				onKeyUp: c
-			};
-		}, [
-			v,
-			a,
-			m,
-			h,
-			_,
-			d,
-			f,
-			u
-		]),
-		rootRef: p
-	};
-}
-//#endregion
-//#region ../../node_modules/@mui/utils/useLazyRef/useLazyRef.mjs
-var E = {};
-function D(e, t) {
-	let n = g.useRef(E);
-	return n.current === E && (n.current = e(t)), n;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/useLazyRipple/useLazyRipple.mjs
-var ne = class e {
-	static create() {
-		return new e();
-	}
-	static use() {
-		let t = D(e.create).current, [n, r] = g.useState(!1);
-		return t.shouldMount = n, t.setShouldMount = r, g.useEffect(t.mountEffect, [n]), t;
-	}
-	constructor() {
-		this.ref = { current: null }, this.mounted = null, this.didMount = !1, this.shouldMount = !1, this.setShouldMount = null;
-	}
-	mount() {
-		return this.mounted || (this.mounted = O(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
-	}
-	mountEffect = () => {
-		this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
-	};
-	start(...e) {
-		this.mount().then(() => this.ref.current?.start(...e));
-	}
-	stop(...e) {
-		this.mount().then(() => this.ref.current?.stop(...e));
-	}
-	pulsate(...e) {
-		this.mount().then(() => this.ref.current?.pulsate(...e));
-	}
-};
-function re() {
-	return ne.use();
-}
-function O() {
-	let e, t, n = new Promise((n, r) => {
-		e = n, t = r;
-	});
-	return n.resolve = e, n.reject = t, n;
-}
-//#endregion
-//#region ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function k(e, t) {
-	return k = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-		return e.__proto__ = t, e;
-	}, k(e, t);
-}
-//#endregion
-//#region ../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function A(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, k(e, t);
-}
-//#endregion
-//#region ../../node_modules/react-transition-group/esm/TransitionGroupContext.js
-var j = _.createContext(null);
-//#endregion
-//#region ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-function M(e) {
-	if (e === void 0) throw ReferenceError("this hasn't been initialised - super() hasn't been called");
-	return e;
-}
-//#endregion
-//#region ../../node_modules/react-transition-group/esm/utils/ChildMapping.js
-function N(e, t) {
-	var n = function(e) {
-		return t && b(e) ? t(e) : e;
-	}, r = Object.create(null);
-	return e && v.map(e, function(e) {
-		return e;
-	}).forEach(function(e) {
-		r[e.key] = n(e);
-	}), r;
-}
-function P(e, t) {
-	e ||= {}, t ||= {};
-	function n(n) {
-		return n in t ? t[n] : e[n];
-	}
-	var r = Object.create(null), i = [];
-	for (var a in e) a in t ? i.length && (r[a] = i, i = []) : i.push(a);
-	var o, s = {};
-	for (var c in t) {
-		if (r[c]) for (o = 0; o < r[c].length; o++) {
-			var l = r[c][o];
-			s[r[c][o]] = n(l);
-		}
-		s[c] = n(c);
-	}
-	for (o = 0; o < i.length; o++) s[i[o]] = n(i[o]);
-	return s;
-}
-function F(e, t, n) {
-	return n[t] == null ? e.props[t] : n[t];
-}
-function I(e, t) {
-	return N(e.children, function(n) {
-		return y(n, {
-			onExited: t.bind(null, n),
-			in: !0,
-			appear: F(n, "appear", e),
-			enter: F(n, "enter", e),
-			exit: F(n, "exit", e)
-		});
-	});
-}
-function L(e, t, n) {
-	var r = N(e.children), i = P(t, r);
-	return Object.keys(i).forEach(function(a) {
-		var o = i[a];
-		if (b(o)) {
-			var s = a in t, c = a in r, l = t[a], u = b(l) && !l.props.in;
-			c && (!s || u) ? i[a] = y(o, {
-				onExited: n.bind(null, o),
-				in: !0,
-				exit: F(o, "exit", e),
-				enter: F(o, "enter", e)
-			}) : !c && s && !u ? i[a] = y(o, { in: !1 }) : c && s && b(l) && (i[a] = y(o, {
-				onExited: n.bind(null, o),
-				in: l.props.in,
-				exit: F(o, "exit", e),
-				enter: F(o, "enter", e)
-			}));
-		}
-	}), i;
-}
-//#endregion
-//#region ../../node_modules/react-transition-group/esm/TransitionGroup.js
-var R = Object.values || function(e) {
-	return Object.keys(e).map(function(t) {
-		return e[t];
-	});
-}, ie = {
-	component: "div",
-	childFactory: function(e) {
-		return e;
-	}
-}, z = /* @__PURE__ */ function(e) {
-	A(t, e);
-	function t(t, n) {
-		var r = e.call(this, t, n) || this;
-		return r.state = {
-			contextValue: { isMounting: !0 },
-			handleExited: r.handleExited.bind(M(r)),
-			firstRender: !0
-		}, r;
-	}
-	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(e, t) {
-		var n = t.children, r = t.handleExited;
-		return {
-			children: t.firstRender ? I(e, r) : L(e, n, r),
-			firstRender: !1
-		};
-	}, n.handleExited = function(e, t) {
-		var n = N(this.props.children);
-		e.key in n || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState(function(t) {
-			var n = f({}, t.children);
-			return delete n[e.key], { children: n };
-		}));
-	}, n.render = function() {
-		var e = this.props, t = e.component, n = e.childFactory, r = p(e, ["component", "childFactory"]), i = this.state.contextValue, a = R(this.state.children).map(n);
-		return delete r.appear, delete r.enter, delete r.exit, t === null ? /* @__PURE__ */ _.createElement(j.Provider, { value: i }, a) : /* @__PURE__ */ _.createElement(j.Provider, { value: i }, /* @__PURE__ */ _.createElement(t, r, a));
-	}, t;
-}(_.Component);
-z.propTypes = process.env.NODE_ENV === "production" ? {} : {
-	component: S.default.any,
-	children: S.default.node,
-	appear: S.default.bool,
-	enter: S.default.bool,
-	exit: S.default.bool,
-	childFactory: S.default.func
-}, z.defaultProps = ie;
-//#endregion
-//#region ../../node_modules/@mui/utils/useOnMount/useOnMount.mjs
-var B = [];
-function V(e) {
-	g.useEffect(e, B);
-}
-//#endregion
-//#region ../../node_modules/@mui/utils/useTimeout/useTimeout.mjs
-var H = class e {
-	static create() {
-		return new e();
-	}
-	currentId = null;
-	start(e, t) {
-		this.clear(), this.currentId = setTimeout(() => {
-			this.currentId = null, t();
-		}, e);
-	}
-	clear = () => {
-		this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-	};
-	disposeEffect = () => this.clear;
-};
-function U() {
-	let e = D(H.create).current;
-	return V(e.disposeEffect), e;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/ButtonBase/Ripple.mjs
-function W(e) {
-	let { className: t, classes: n, pulsate: r = !1, rippleX: i, rippleY: o, rippleSize: s, in: c, onExited: l, timeout: u } = e, [d, f] = g.useState(!1), p = a(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), m = {
-		width: s,
-		height: s,
-		top: -(s / 2) + o,
-		left: -(s / 2) + i
-	}, h = a(n.child, d && n.childLeaving, r && n.childPulsate);
-	return !c && !d && f(!0), g.useEffect(() => {
-		if (!c && l != null) {
-			let e = setTimeout(l, u);
-			return () => {
-				clearTimeout(e);
-			};
-		}
-	}, [
-		l,
-		c,
-		u
-	]), /* @__PURE__ */ x("span", {
-		className: p,
-		style: m,
-		children: /* @__PURE__ */ x("span", { className: h })
-	});
-}
-process.env.NODE_ENV !== "production" && (W.propTypes = {
-	classes: S.default.object.isRequired,
-	className: S.default.string,
-	in: S.default.bool,
-	onExited: S.default.func,
-	pulsate: S.default.bool,
-	rippleSize: S.default.number,
-	rippleX: S.default.number,
-	rippleY: S.default.number,
-	timeout: S.default.number.isRequired
-});
-//#endregion
-//#region ../../node_modules/@mui/material/ButtonBase/touchRippleClasses.mjs
-var G = o("MuiTouchRipple", [
-	"root",
-	"ripple",
-	"rippleVisible",
-	"ripplePulsate",
-	"child",
-	"childLeaving",
-	"childPulsate"
-]), K = 550, q = t`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`, ae = t`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`, J = t`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`, Y = s("span", {
-	name: "MuiTouchRipple",
-	slot: "Root"
-})({
-	overflow: "hidden",
-	pointerEvents: "none",
-	position: "absolute",
-	zIndex: 0,
-	top: 0,
-	right: 0,
-	bottom: 0,
-	left: 0,
-	borderRadius: "inherit"
-}), oe = s(W, {
-	name: "MuiTouchRipple",
-	slot: "Ripple"
-})`
-  opacity: 0;
-  position: absolute;
-
-  &.${G.rippleVisible} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${q};
-    animation-duration: ${K}ms;
-    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
-  }
-
-  &.${G.ripplePulsate} {
-    animation-duration: ${({ theme: e }) => e.transitions.duration.shorter}ms;
-  }
-
-  & .${G.child} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${G.childLeaving} {
-    opacity: 0;
-    animation-name: ${ae};
-    animation-duration: ${K}ms;
-    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
-  }
-
-  & .${G.childPulsate} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${J};
-    animation-duration: 2500ms;
-    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`, se = /* @__PURE__ */ g.forwardRef(function(e, t) {
-	let { center: n = !1, classes: r = {}, className: o, ...s } = i({
-		props: e,
-		name: "MuiTouchRipple"
-	}), [c, l] = g.useState([]), u = g.useRef(0), d = g.useRef(null);
-	g.useEffect(() => {
-		d.current &&= (d.current(), null);
-	}, [c]);
-	let f = g.useRef(!1), p = U(), m = g.useRef(null), h = g.useRef(null), _ = g.useCallback((e) => {
-		let { pulsate: t, rippleX: n, rippleY: i, rippleSize: o, cb: s } = e;
-		l((e) => [...e, /* @__PURE__ */ x(oe, {
-			classes: {
-				ripple: a(r.ripple, G.ripple),
-				rippleVisible: a(r.rippleVisible, G.rippleVisible),
-				ripplePulsate: a(r.ripplePulsate, G.ripplePulsate),
-				child: a(r.child, G.child),
-				childLeaving: a(r.childLeaving, G.childLeaving),
-				childPulsate: a(r.childPulsate, G.childPulsate)
-			},
-			timeout: K,
-			pulsate: t,
-			rippleX: n,
-			rippleY: i,
-			rippleSize: o
-		}, u.current)]), u.current += 1, d.current = s;
-	}, [r]), v = g.useCallback((e = {}, t = {}, r = () => {}) => {
-		let { pulsate: i = !1, center: a = n || t.pulsate, fakeElement: o = !1 } = t;
-		if (e?.type === "mousedown" && f.current) {
-			f.current = !1;
-			return;
-		}
-		e?.type === "touchstart" && (f.current = !0);
-		let s = o ? null : h.current, c = s ? s.getBoundingClientRect() : {
-			width: 0,
-			height: 0,
-			left: 0,
-			top: 0
-		}, l, u, d;
-		if (a || e === void 0 || e.clientX === 0 && e.clientY === 0 || !e.clientX && !e.touches) l = Math.round(c.width / 2), u = Math.round(c.height / 2);
-		else {
-			let { clientX: t, clientY: n } = e.touches && e.touches.length > 0 ? e.touches[0] : e;
-			l = Math.round(t - c.left), u = Math.round(n - c.top);
-		}
-		if (a) d = Math.sqrt((2 * c.width ** 2 + c.height ** 2) / 3), d % 2 == 0 && (d += 1);
-		else {
-			let e = Math.max(Math.abs((s ? s.clientWidth : 0) - l), l) * 2 + 2, t = Math.max(Math.abs((s ? s.clientHeight : 0) - u), u) * 2 + 2;
-			d = Math.sqrt(e ** 2 + t ** 2);
-		}
-		e?.touches ? m.current === null && (m.current = () => {
-			_({
-				pulsate: i,
-				rippleX: l,
-				rippleY: u,
-				rippleSize: d,
-				cb: r
-			});
-		}, p.start(80, () => {
-			m.current &&= (m.current(), null);
-		})) : _({
-			pulsate: i,
-			rippleX: l,
-			rippleY: u,
-			rippleSize: d,
-			cb: r
-		});
-	}, [
-		n,
-		_,
-		p
-	]), y = g.useCallback(() => {
-		v({}, { pulsate: !0 });
-	}, [v]), b = g.useCallback((e, t) => {
-		if (p.clear(), e?.type === "touchend" && m.current) {
-			m.current(), m.current = null, p.start(0, () => {
-				b(e, t);
-			});
-			return;
-		}
-		m.current = null, l((e) => e.length > 0 ? e.slice(1) : e), d.current = t;
-	}, [p]);
-	return g.useImperativeHandle(t, () => ({
-		pulsate: y,
-		start: v,
-		stop: b
-	}), [
-		y,
-		v,
-		b
-	]), /* @__PURE__ */ x(Y, {
-		className: a(G.root, r.root, o),
-		ref: h,
-		...s,
-		children: /* @__PURE__ */ x(z, {
-			component: null,
-			exit: !0,
-			children: c
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (se.propTypes = {
-	center: S.default.bool,
-	classes: S.default.object,
-	className: S.default.string
-});
-//#endregion
-//#region ../../node_modules/@mui/material/ButtonBase/ButtonBase.mjs
-var ce = (e) => {
-	let { disabled: t, focusVisible: n, focusVisibleClassName: i, suppressFocusVisible: a, classes: o } = e, s = r({ root: [
-		"root",
-		t && "disabled",
-		n && !a && "focusVisible"
-	] }, m, o);
-	return n && !a && i && (s.root += ` ${i}`), s;
-}, le = s("button", {
-	name: "MuiButtonBase",
-	slot: "Root"
-})({
-	display: "inline-flex",
-	alignItems: "center",
-	justifyContent: "center",
-	position: "relative",
-	boxSizing: "border-box",
-	WebkitTapHighlightColor: "transparent",
-	backgroundColor: "transparent",
-	outline: 0,
-	border: 0,
-	margin: 0,
-	borderRadius: 0,
-	padding: 0,
-	cursor: "pointer",
-	userSelect: "none",
-	verticalAlign: "middle",
-	MozAppearance: "none",
-	WebkitAppearance: "none",
-	textDecoration: "none",
-	color: "inherit",
-	"&::-moz-focus-inner": { borderStyle: "none" },
-	[`&.${h.disabled}`]: {
-		pointerEvents: "none",
-		cursor: "default"
-	},
-	"@media print": { colorAdjust: "exact" }
-}), X = /* @__PURE__ */ g.forwardRef(function(e, t) {
-	let n = i({
-		props: e,
-		name: "MuiButtonBase"
-	}), { action: r, centerRipple: o = !1, children: s, className: c, component: f = "button", disabled: p = !1, disableRipple: m = !1, disableTouchRipple: h = !1, focusRipple: _ = !1, focusVisibleClassName: v, focusableWhenDisabled: y, suppressFocusVisible: b = !1, internalNativeButton: S, LinkComponent: C = "a", nativeButton: w, onBlur: T, onClick: E, onContextMenu: D, onDragLeave: ne, onFocus: O, onFocusVisible: k, onKeyDown: A, onKeyUp: j, onMouseDown: M, onMouseLeave: N, onMouseUp: P, onTouchEnd: F, onTouchMove: I, onTouchStart: L, tabIndex: R = 0, TouchRippleProps: ie, touchRippleRef: z, type: B, ...V } = n, H = !!(V.href || V.to), U = !!V.formAction, W = f;
-	W === "button" && H && (W = C);
-	let G = typeof W == "string" ? W === "button" : S ?? !1, K = w ?? G, q = re(), ae = u(q.ref, z), [J, Y] = g.useState(!1);
-	(p || b) && J && Y(!1);
-	let oe = d((e) => {
-		_ && !e.repeat && J && e.key === " " && q.stop(e, () => {
-			q.start(e);
-		});
-	}), X = d((e) => {
-		_ && e.key === " " && J && !e.defaultPrevented && q.stop(e, () => {
-			q.pulsate(e);
-		});
-	}), { getButtonProps: ue, rootRef: Q } = te({
-		nativeButton: K,
-		nativeButtonProp: w,
-		internalNativeButton: G,
-		allowInferredHostMismatch: H || typeof W == "string",
-		disabled: p,
-		type: B,
-		hasFormAction: U,
-		tabIndex: R,
-		onBeforeKeyDown: oe,
-		onBeforeKeyUp: X
-	}), { onClick: de, onKeyDown: fe, onKeyUp: pe, ...me } = ue({
-		onClick: E,
-		onKeyDown: A,
-		onKeyUp: j
-	});
-	g.useImperativeHandle(r, () => ({ focusVisible: () => {
-		Y(!0), Q.current.focus();
-	} }), [Q]);
-	let he = q.shouldMount && !m && !p;
-	g.useEffect(() => {
-		J && _ && !m && q.pulsate();
-	}, [
-		m,
-		_,
-		J,
-		q
-	]);
-	let ge = Z(q, "start", M, h), _e = Z(q, "stop", D, h), ve = Z(q, "stop", ne, h), ye = Z(q, "stop", P, h), be = Z(q, "stop", (e) => {
-		J && e.preventDefault(), N && N(e);
-	}, h), xe = Z(q, "start", L, h), Se = Z(q, "stop", F, h), Ce = Z(q, "stop", I, h), we = Z(q, "stop", (e) => {
-		l(e.target) || Y(!1), T && T(e);
-	}, !1), Te = d((e) => {
-		Q.current ||= e.currentTarget, !b && l(e.target) && (Y(!0), k && k(e)), O && O(e);
-	}), $ = {};
-	H && ($.tabIndex = p ? -1 : R, p && ($["aria-disabled"] = p), $.type = B);
-	let Ee = u(t, Q), De = {
-		...n,
-		centerRipple: o,
-		component: f,
-		disabled: p,
-		disableRipple: m,
-		disableTouchRipple: h,
-		focusRipple: _,
-		suppressFocusVisible: b,
-		tabIndex: R,
-		focusVisible: J
-	}, Oe = ce(De);
-	return /* @__PURE__ */ ee(le, {
-		as: W,
-		className: a(Oe.root, c),
-		ownerState: De,
-		onBlur: we,
-		onClick: de,
-		onContextMenu: _e,
-		onFocus: Te,
-		onKeyDown: fe,
-		onKeyUp: pe,
-		onMouseDown: ge,
-		onMouseLeave: be,
-		onMouseUp: ye,
-		onDragLeave: ve,
-		onTouchEnd: Se,
-		onTouchMove: Ce,
-		onTouchStart: xe,
-		ref: Ee,
-		...H ? $ : me,
-		...V,
-		children: [s, he ? /* @__PURE__ */ x(se, {
-			ref: ae,
-			center: o,
-			...ie
-		}) : null]
-	});
-});
-function Z(e, t, n, r = !1) {
-	return d((i) => (n && n(i), r || e[t](i), !0));
-}
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-	action: C,
-	centerRipple: S.default.bool,
-	children: S.default.node,
-	classes: S.default.object,
-	className: S.default.string,
-	component: c,
-	disabled: S.default.bool,
-	disableRipple: S.default.bool,
-	disableTouchRipple: S.default.bool,
-	focusRipple: S.default.bool,
-	focusVisibleClassName: S.default.string,
-	formAction: S.default.oneOfType([S.default.func, S.default.string]),
-	href: S.default.any,
-	LinkComponent: S.default.elementType,
-	nativeButton: S.default.bool,
-	onBlur: S.default.func,
-	onClick: S.default.func,
-	onContextMenu: S.default.func,
-	onDragLeave: S.default.func,
-	onFocus: S.default.func,
-	onFocusVisible: S.default.func,
-	onKeyDown: S.default.func,
-	onKeyUp: S.default.func,
-	onMouseDown: S.default.func,
-	onMouseLeave: S.default.func,
-	onMouseUp: S.default.func,
-	onTouchEnd: S.default.func,
-	onTouchMove: S.default.func,
-	onTouchStart: S.default.func,
-	sx: S.default.oneOfType([
-		S.default.arrayOf(S.default.oneOfType([
-			S.default.func,
-			S.default.object,
-			S.default.bool
-		])),
-		S.default.func,
-		S.default.object
-	]),
-	tabIndex: S.default.number,
-	TouchRippleProps: S.default.object,
-	touchRippleRef: S.default.oneOfType([S.default.func, S.default.shape({ current: S.default.shape({
-		pulsate: S.default.func.isRequired,
-		start: S.default.func.isRequired,
-		stop: S.default.func.isRequired
-	}) })]),
-	type: S.default.string
-});
-//#endregion
-export { j as a, z as i, H as n, A as o, U as r, C as s, X as t };