@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/ButtonBase-DovDC6-1.js

@@ -0,0 +1,700 @@
+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 { t as c } from "./refType-j5S9pc_e.js";
+import { t as l } from "./elementTypeAcceptingRef-xl_04Y5-.js";
+import { t as u } from "./isFocusVisible-4OIE8TST.js";
+import { t as d } from "./useForkRef-BuNFTXxE.js";
+import { t as f } from "./useEventCallback-DGCsaRIu.js";
+import { a as p, i as m, n as h, r as g } from "./useTimeout-CoK-Khfm.js";
+import { t as _ } from "./extends-DXMyyJCW.js";
+import { t as v } from "./objectWithoutPropertiesLoose-q4Zwd1RV.js";
+import { n as y, t as b } from "./buttonBaseClasses-B90LjsNK.js";
+import * as x from "react";
+import S, { Children as C, cloneElement as w, isValidElement as T } from "react";
+import { jsx as E, jsxs as ee } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
+var D = /* @__PURE__ */ e(n());
+function te(e) {
+	let { focusableWhenDisabled: t, disabled: n, composite: r = !1, tabIndex: i = 0, isNativeButton: a } = e, o = r && t !== !1, s = r && t === !1;
+	return x.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 O = {};
+function ne(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 = x.useRef(null), m = l === !0, h = te({
+		focusableWhenDisabled: m,
+		disabled: a,
+		isNativeButton: t,
+		tabIndex: c
+	});
+	process.env.NODE_ENV !== "production" && x.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 = x.useCallback(() => {
+		let e = p.current;
+		return e == null ? t : e.tagName === "BUTTON" ? !0 : !!(e.tagName === "A" && e.href);
+	}, [t]), _ = x.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: x.useCallback((e = O) => {
+			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 || g()))) {
+					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 && !g() && e.key === " " && !e.defaultPrevented && e.currentTarget.click());
+			};
+			return {
+				..._,
+				...i,
+				onClick: o,
+				onKeyDown: s,
+				onKeyUp: c
+			};
+		}, [
+			_,
+			a,
+			m,
+			h,
+			g,
+			d,
+			f,
+			u
+		]),
+		rootRef: p
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/material/useLazyRipple/useLazyRipple.mjs
+var k = class e {
+	static create() {
+		return new e();
+	}
+	static use() {
+		let t = p(e.create).current, [n, r] = x.useState(!1);
+		return t.shouldMount = n, t.setShouldMount = r, x.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 = A(), 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 k.use();
+}
+function A() {
+	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/assertThisInitialized.js
+function j(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 M(e, t) {
+	var n = function(e) {
+		return t && T(e) ? t(e) : e;
+	}, r = Object.create(null);
+	return e && C.map(e, function(e) {
+		return e;
+	}).forEach(function(e) {
+		r[e.key] = n(e);
+	}), r;
+}
+function N(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 P(e, t, n) {
+	return n[t] == null ? e.props[t] : n[t];
+}
+function F(e, t) {
+	return M(e.children, function(n) {
+		return w(n, {
+			onExited: t.bind(null, n),
+			in: !0,
+			appear: P(n, "appear", e),
+			enter: P(n, "enter", e),
+			exit: P(n, "exit", e)
+		});
+	});
+}
+function I(e, t, n) {
+	var r = M(e.children), i = N(t, r);
+	return Object.keys(i).forEach(function(a) {
+		var o = i[a];
+		if (T(o)) {
+			var s = a in t, c = a in r, l = t[a], u = T(l) && !l.props.in;
+			c && (!s || u) ? i[a] = w(o, {
+				onExited: n.bind(null, o),
+				in: !0,
+				exit: P(o, "exit", e),
+				enter: P(o, "enter", e)
+			}) : !c && s && !u ? i[a] = w(o, { in: !1 }) : c && s && T(l) && (i[a] = w(o, {
+				onExited: n.bind(null, o),
+				in: l.props.in,
+				exit: P(o, "exit", e),
+				enter: P(o, "enter", e)
+			}));
+		}
+	}), i;
+}
+//#endregion
+//#region ../../node_modules/react-transition-group/esm/TransitionGroup.js
+var ie = Object.values || function(e) {
+	return Object.keys(e).map(function(t) {
+		return e[t];
+	});
+}, L = {
+	component: "div",
+	childFactory: function(e) {
+		return e;
+	}
+}, R = /* @__PURE__ */ function(e) {
+	m(t, e);
+	function t(t, n) {
+		var r = e.call(this, t, n) || this;
+		return r.state = {
+			contextValue: { isMounting: !0 },
+			handleExited: r.handleExited.bind(j(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 ? F(e, r) : I(e, n, r),
+			firstRender: !1
+		};
+	}, n.handleExited = function(e, t) {
+		var n = M(this.props.children);
+		e.key in n || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState(function(t) {
+			var n = _({}, t.children);
+			return delete n[e.key], { children: n };
+		}));
+	}, n.render = function() {
+		var e = this.props, t = e.component, n = e.childFactory, r = v(e, ["component", "childFactory"]), i = this.state.contextValue, a = ie(this.state.children).map(n);
+		return delete r.appear, delete r.enter, delete r.exit, t === null ? /* @__PURE__ */ S.createElement(g.Provider, { value: i }, a) : /* @__PURE__ */ S.createElement(g.Provider, { value: i }, /* @__PURE__ */ S.createElement(t, r, a));
+	}, t;
+}(S.Component);
+R.propTypes = process.env.NODE_ENV === "production" ? {} : {
+	component: D.default.any,
+	children: D.default.node,
+	appear: D.default.bool,
+	enter: D.default.bool,
+	exit: D.default.bool,
+	childFactory: D.default.func
+}, R.defaultProps = L;
+//#endregion
+//#region ../../node_modules/@mui/material/ButtonBase/Ripple.mjs
+function z(e) {
+	let { className: t, classes: n, pulsate: r = !1, rippleX: i, rippleY: o, rippleSize: s, in: c, onExited: l, timeout: u } = e, [d, f] = x.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), x.useEffect(() => {
+		if (!c && l != null) {
+			let e = setTimeout(l, u);
+			return () => {
+				clearTimeout(e);
+			};
+		}
+	}, [
+		l,
+		c,
+		u
+	]), /* @__PURE__ */ E("span", {
+		className: p,
+		style: m,
+		children: /* @__PURE__ */ E("span", { className: h })
+	});
+}
+process.env.NODE_ENV !== "production" && (z.propTypes = {
+	classes: D.default.object.isRequired,
+	className: D.default.string,
+	in: D.default.bool,
+	onExited: D.default.func,
+	pulsate: D.default.bool,
+	rippleSize: D.default.number,
+	rippleX: D.default.number,
+	rippleY: D.default.number,
+	timeout: D.default.number.isRequired
+});
+//#endregion
+//#region ../../node_modules/@mui/material/ButtonBase/touchRippleClasses.mjs
+var B = o("MuiTouchRipple", [
+	"root",
+	"ripple",
+	"rippleVisible",
+	"ripplePulsate",
+	"child",
+	"childLeaving",
+	"childPulsate"
+]), V = 550, H = t`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`, U = t`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`, W = t`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`, G = s("span", {
+	name: "MuiTouchRipple",
+	slot: "Root"
+})({
+	overflow: "hidden",
+	pointerEvents: "none",
+	position: "absolute",
+	zIndex: 0,
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0,
+	borderRadius: "inherit"
+}), K = s(z, {
+	name: "MuiTouchRipple",
+	slot: "Ripple"
+})`
+  opacity: 0;
+  position: absolute;
+
+  &.${B.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${H};
+    animation-duration: ${V}ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+  }
+
+  &.${B.ripplePulsate} {
+    animation-duration: ${({ theme: e }) => e.transitions.duration.shorter}ms;
+  }
+
+  & .${B.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${B.childLeaving} {
+    opacity: 0;
+    animation-name: ${U};
+    animation-duration: ${V}ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+  }
+
+  & .${B.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${W};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`, q = /* @__PURE__ */ x.forwardRef(function(e, t) {
+	let { center: n = !1, classes: r = {}, className: o, ...s } = i({
+		props: e,
+		name: "MuiTouchRipple"
+	}), [c, l] = x.useState([]), u = x.useRef(0), d = x.useRef(null);
+	x.useEffect(() => {
+		d.current &&= (d.current(), null);
+	}, [c]);
+	let f = x.useRef(!1), p = h(), m = x.useRef(null), g = x.useRef(null), _ = x.useCallback((e) => {
+		let { pulsate: t, rippleX: n, rippleY: i, rippleSize: o, cb: s } = e;
+		l((e) => [...e, /* @__PURE__ */ E(K, {
+			classes: {
+				ripple: a(r.ripple, B.ripple),
+				rippleVisible: a(r.rippleVisible, B.rippleVisible),
+				ripplePulsate: a(r.ripplePulsate, B.ripplePulsate),
+				child: a(r.child, B.child),
+				childLeaving: a(r.childLeaving, B.childLeaving),
+				childPulsate: a(r.childPulsate, B.childPulsate)
+			},
+			timeout: V,
+			pulsate: t,
+			rippleX: n,
+			rippleY: i,
+			rippleSize: o
+		}, u.current)]), u.current += 1, d.current = s;
+	}, [r]), v = x.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 : g.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 = x.useCallback(() => {
+		v({}, { pulsate: !0 });
+	}, [v]), b = x.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 x.useImperativeHandle(t, () => ({
+		pulsate: y,
+		start: v,
+		stop: b
+	}), [
+		y,
+		v,
+		b
+	]), /* @__PURE__ */ E(G, {
+		className: a(B.root, r.root, o),
+		ref: g,
+		...s,
+		children: /* @__PURE__ */ E(R, {
+			component: null,
+			exit: !0,
+			children: c
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+	center: D.default.bool,
+	classes: D.default.object,
+	className: D.default.string
+});
+//#endregion
+//#region ../../node_modules/@mui/material/ButtonBase/ButtonBase.mjs
+var ae = (e) => {
+	let { disabled: t, focusVisible: n, focusVisibleClassName: i, suppressFocusVisible: a, classes: o } = e, s = r({ root: [
+		"root",
+		t && "disabled",
+		n && !a && "focusVisible"
+	] }, y, o);
+	return n && !a && i && (s.root += ` ${i}`), s;
+}, oe = 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" },
+	[`&.${b.disabled}`]: {
+		pointerEvents: "none",
+		cursor: "default"
+	},
+	"@media print": { colorAdjust: "exact" }
+}), J = /* @__PURE__ */ x.forwardRef(function(e, t) {
+	let n = i({
+		props: e,
+		name: "MuiButtonBase"
+	}), { action: r, centerRipple: o = !1, children: s, className: c, component: l = "button", disabled: p = !1, disableRipple: m = !1, disableTouchRipple: h = !1, focusRipple: g = !1, focusVisibleClassName: _, focusableWhenDisabled: v, suppressFocusVisible: y = !1, internalNativeButton: b, LinkComponent: S = "a", nativeButton: C, onBlur: w, onClick: T, onContextMenu: D, onDragLeave: te, onFocus: O, onFocusVisible: k, onKeyDown: A, onKeyUp: j, onMouseDown: M, onMouseLeave: N, onMouseUp: P, onTouchEnd: F, onTouchMove: I, onTouchStart: ie, tabIndex: L = 0, TouchRippleProps: R, touchRippleRef: z, type: B, ...V } = n, H = !!(V.href || V.to), U = !!V.formAction, W = l;
+	W === "button" && H && (W = S);
+	let G = typeof W == "string" ? W === "button" : b ?? !1, K = C ?? G, J = re(), se = d(J.ref, z), [X, Z] = x.useState(!1);
+	(p || y) && X && Z(!1);
+	let ce = f((e) => {
+		g && !e.repeat && X && e.key === " " && J.stop(e, () => {
+			J.start(e);
+		});
+	}), le = f((e) => {
+		g && e.key === " " && X && !e.defaultPrevented && J.stop(e, () => {
+			J.pulsate(e);
+		});
+	}), { getButtonProps: ue, rootRef: Q } = ne({
+		nativeButton: K,
+		nativeButtonProp: C,
+		internalNativeButton: G,
+		allowInferredHostMismatch: H || typeof W == "string",
+		disabled: p,
+		type: B,
+		hasFormAction: U,
+		tabIndex: L,
+		onBeforeKeyDown: ce,
+		onBeforeKeyUp: le
+	}), { onClick: de, onKeyDown: fe, onKeyUp: pe, ...me } = ue({
+		onClick: T,
+		onKeyDown: A,
+		onKeyUp: j
+	});
+	x.useImperativeHandle(r, () => ({ focusVisible: () => {
+		Z(!0), Q.current.focus();
+	} }), [Q]);
+	let he = J.shouldMount && !m && !p;
+	x.useEffect(() => {
+		X && g && !m && J.pulsate();
+	}, [
+		m,
+		g,
+		X,
+		J
+	]);
+	let ge = Y(J, "start", M, h), _e = Y(J, "stop", D, h), ve = Y(J, "stop", te, h), ye = Y(J, "stop", P, h), be = Y(J, "stop", (e) => {
+		X && e.preventDefault(), N && N(e);
+	}, h), xe = Y(J, "start", ie, h), Se = Y(J, "stop", F, h), Ce = Y(J, "stop", I, h), we = Y(J, "stop", (e) => {
+		u(e.target) || Z(!1), w && w(e);
+	}, !1), Te = f((e) => {
+		Q.current ||= e.currentTarget, !y && u(e.target) && (Z(!0), k && k(e)), O && O(e);
+	}), $ = {};
+	H && ($.tabIndex = p ? -1 : L, p && ($["aria-disabled"] = p), $.type = B);
+	let Ee = d(t, Q), De = {
+		...n,
+		centerRipple: o,
+		component: l,
+		disabled: p,
+		disableRipple: m,
+		disableTouchRipple: h,
+		focusRipple: g,
+		suppressFocusVisible: y,
+		tabIndex: L,
+		focusVisible: X
+	}, Oe = ae(De);
+	return /* @__PURE__ */ ee(oe, {
+		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__ */ E(q, {
+			ref: se,
+			center: o,
+			...R
+		}) : null]
+	});
+});
+function Y(e, t, n, r = !1) {
+	return f((i) => (n && n(i), r || e[t](i), !0));
+}
+process.env.NODE_ENV !== "production" && (J.propTypes = {
+	action: c,
+	centerRipple: D.default.bool,
+	children: D.default.node,
+	classes: D.default.object,
+	className: D.default.string,
+	component: l,
+	disabled: D.default.bool,
+	disableRipple: D.default.bool,
+	disableTouchRipple: D.default.bool,
+	focusRipple: D.default.bool,
+	focusVisibleClassName: D.default.string,
+	formAction: D.default.oneOfType([D.default.func, D.default.string]),
+	href: D.default.any,
+	LinkComponent: D.default.elementType,
+	nativeButton: D.default.bool,
+	onBlur: D.default.func,
+	onClick: D.default.func,
+	onContextMenu: D.default.func,
+	onDragLeave: D.default.func,
+	onFocus: D.default.func,
+	onFocusVisible: D.default.func,
+	onKeyDown: D.default.func,
+	onKeyUp: D.default.func,
+	onMouseDown: D.default.func,
+	onMouseLeave: D.default.func,
+	onMouseUp: D.default.func,
+	onTouchEnd: D.default.func,
+	onTouchMove: D.default.func,
+	onTouchStart: D.default.func,
+	sx: D.default.oneOfType([
+		D.default.arrayOf(D.default.oneOfType([
+			D.default.func,
+			D.default.object,
+			D.default.bool
+		])),
+		D.default.func,
+		D.default.object
+	]),
+	tabIndex: D.default.number,
+	TouchRippleProps: D.default.object,
+	touchRippleRef: D.default.oneOfType([D.default.func, D.default.shape({ current: D.default.shape({
+		pulsate: D.default.func.isRequired,
+		start: D.default.func.isRequired,
+		stop: D.default.func.isRequired
+	}) })]),
+	type: D.default.string
+});
+//#endregion
+export { R as n, J as t };