@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/ButtonBase-BpUvp8ep.js

@@ -0,0 +1,801 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { g as t } from "./createTheme-DuS5_nJb.js";
+import { o as n, t as r } from "./DefaultPropsProvider-DpRXvTbj.js";
+import { r as i } from "./useTheme-BES_k_99.js";
+import { o as a } from "./identifier-_S1f0Pg2.js";
+import { t as o } from "./generateUtilityClasses-BMwEKe3O.js";
+import { t as s } from "./styled-Dz7rwAje.js";
+import { t as c } from "./useEnhancedEffect-NLLl34XR.js";
+import { n as l, t as u } from "./objectWithoutPropertiesLoose-BdL2_POW.js";
+import { n as d, t as f } from "./buttonBaseClasses-CzfJbQi5.js";
+import * as p from "react";
+import m, { Children as h, cloneElement as g, isValidElement as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
+function b(e) {
+	let t = p.useRef(e);
+	return c(() => {
+		t.current = e;
+	}), p.useRef((...e) => (0, t.current)(...e)).current;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/utils/useEventCallback.js
+var x = b;
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/useForkRef/useForkRef.js
+function S(...e) {
+	let t = p.useRef(void 0), n = p.useCallback((t) => {
+		let n = e.map((e) => {
+			if (e == null) return null;
+			if (typeof e == "function") {
+				let n = e, r = n(t);
+				return typeof r == "function" ? r : () => {
+					n(null);
+				};
+			}
+			return e.current = t, () => {
+				e.current = null;
+			};
+		});
+		return () => {
+			n.forEach((e) => e?.());
+		};
+	}, e);
+	return p.useMemo(() => e.every((e) => e == null) ? null : (e) => {
+		t.current &&= (t.current(), void 0), e != null && (t.current = n(e));
+	}, e);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/utils/useForkRef.js
+var C = S;
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js
+function w(e, t) {
+	return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+		return e(...n) || t(...n);
+	};
+}
+//#endregion
+//#region ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function T(e, t) {
+	return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+		return e.__proto__ = t, e;
+	}, T(e, t);
+}
+//#endregion
+//#region ../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+function E(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, T(e, t);
+}
+//#endregion
+//#region ../../node_modules/react-transition-group/esm/TransitionGroupContext.js
+var D = m.createContext(null);
+//#endregion
+//#region ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function O(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 k(e, t) {
+	var n = function(e) {
+		return t && _(e) ? t(e) : e;
+	}, r = Object.create(null);
+	return e && h.map(e, function(e) {
+		return e;
+	}).forEach(function(e) {
+		r[e.key] = n(e);
+	}), r;
+}
+function ee(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 A(e, t, n) {
+	return n[t] == null ? e.props[t] : n[t];
+}
+function te(e, t) {
+	return k(e.children, function(n) {
+		return g(n, {
+			onExited: t.bind(null, n),
+			in: !0,
+			appear: A(n, "appear", e),
+			enter: A(n, "enter", e),
+			exit: A(n, "exit", e)
+		});
+	});
+}
+function ne(e, t, n) {
+	var r = k(e.children), i = ee(t, r);
+	return Object.keys(i).forEach(function(a) {
+		var o = i[a];
+		if (_(o)) {
+			var s = a in t, c = a in r, l = t[a], u = _(l) && !l.props.in;
+			c && (!s || u) ? i[a] = g(o, {
+				onExited: n.bind(null, o),
+				in: !0,
+				exit: A(o, "exit", e),
+				enter: A(o, "enter", e)
+			}) : !c && s && !u ? i[a] = g(o, { in: !1 }) : c && s && _(l) && (i[a] = g(o, {
+				onExited: n.bind(null, o),
+				in: l.props.in,
+				exit: A(o, "exit", e),
+				enter: A(o, "enter", e)
+			}));
+		}
+	}), i;
+}
+//#endregion
+//#region ../../node_modules/react-transition-group/esm/TransitionGroup.js
+var j = /* @__PURE__ */ e(t()), M = Object.values || function(e) {
+	return Object.keys(e).map(function(t) {
+		return e[t];
+	});
+}, re = {
+	component: "div",
+	childFactory: function(e) {
+		return e;
+	}
+}, N = /* @__PURE__ */ function(e) {
+	E(t, e);
+	function t(t, n) {
+		var r = e.call(this, t, n) || this;
+		return r.state = {
+			contextValue: { isMounting: !0 },
+			handleExited: r.handleExited.bind(O(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 ? te(e, r) : ne(e, n, r),
+			firstRender: !1
+		};
+	}, n.handleExited = function(e, t) {
+		var n = k(this.props.children);
+		e.key in n || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState(function(t) {
+			var n = l({}, t.children);
+			return delete n[e.key], { children: n };
+		}));
+	}, n.render = function() {
+		var e = this.props, t = e.component, n = e.childFactory, r = u(e, ["component", "childFactory"]), i = this.state.contextValue, a = M(this.state.children).map(n);
+		return delete r.appear, delete r.enter, delete r.exit, t === null ? /* @__PURE__ */ m.createElement(D.Provider, { value: i }, a) : /* @__PURE__ */ m.createElement(D.Provider, { value: i }, /* @__PURE__ */ m.createElement(t, r, a));
+	}, t;
+}(m.Component);
+N.propTypes = process.env.NODE_ENV === "production" ? {} : {
+	component: j.default.any,
+	children: j.default.node,
+	appear: j.default.bool,
+	enter: j.default.bool,
+	exit: j.default.bool,
+	childFactory: j.default.func
+}, N.defaultProps = re;
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/useLazyRef/useLazyRef.js
+var P = {};
+function F(e, t) {
+	let n = p.useRef(P);
+	return n.current === P && (n.current = e(t)), n;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/useOnMount/useOnMount.js
+var I = [];
+function L(e) {
+	p.useEffect(e, I);
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/useTimeout/useTimeout.js
+var ie = 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 R() {
+	let e = F(ie.create).current;
+	return L(e.disposeEffect), e;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/elementTypeAcceptingRef/elementTypeAcceptingRef.js
+function z(e) {
+	let { prototype: t = {} } = e;
+	return !!t.isReactComponent;
+}
+function ae(e, t, n, r, i) {
+	let a = e[t], o = i || t;
+	if (a == null || typeof window > "u") return null;
+	let s;
+	return typeof a == "function" && !z(a) && (s = "Did you accidentally provide a plain function component instead?"), a === p.Fragment && (s = "Did you accidentally provide a React.Fragment instead?"), s === void 0 ? null : /* @__PURE__ */ Error(`Invalid ${r} \`${o}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${s} For more information see https://mui.com/r/caveat-with-refs-guide`);
+}
+var B = w(j.default.elementType, ae);
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/isHostComponent/isHostComponent.js
+function V(e) {
+	return typeof e == "string";
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/appendOwnerState/appendOwnerState.js
+function H(e, t, n) {
+	return e === void 0 || V(e) ? t : {
+		...t,
+		ownerState: {
+			...t.ownerState,
+			...n
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/resolveComponentProps/resolveComponentProps.js
+function U(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/extractEventHandlers/extractEventHandlers.js
+function W(e, t = []) {
+	if (e === void 0) return {};
+	let n = {};
+	return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !t.includes(n)).forEach((t) => {
+		n[t] = e[t];
+	}), n;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/omitEventHandlers/omitEventHandlers.js
+function G(e) {
+	if (e === void 0) return {};
+	let t = {};
+	return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((n) => {
+		t[n] = e[n];
+	}), t;
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/mergeSlotProps/mergeSlotProps.js
+function K(e) {
+	let { getSlotProps: t, additionalProps: n, externalSlotProps: r, externalForwardedProps: a, className: o } = e;
+	if (!t) {
+		let e = i(n?.className, o, a?.className, r?.className), t = {
+			...n?.style,
+			...a?.style,
+			...r?.style
+		}, s = {
+			...n,
+			...a,
+			...r
+		};
+		return e.length > 0 && (s.className = e), Object.keys(t).length > 0 && (s.style = t), {
+			props: s,
+			internalRef: void 0
+		};
+	}
+	let s = W({
+		...a,
+		...r
+	}), c = G(r), l = G(a), u = t(s), d = i(u?.className, n?.className, o, a?.className, r?.className), f = {
+		...u?.style,
+		...n?.style,
+		...a?.style,
+		...r?.style
+	}, p = {
+		...u,
+		...n,
+		...l,
+		...c
+	};
+	return d.length > 0 && (p.className = d), Object.keys(f).length > 0 && (p.style = f), {
+		props: p,
+		internalRef: u.ref
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/utils/useSlot.js
+function oe(e, t) {
+	let { className: n, elementType: r, ownerState: i, externalForwardedProps: a, internalForwardedProps: o, shouldForwardComponentProp: s = !1, ...c } = t, { component: l, slots: u = { [e]: void 0 }, slotProps: d = { [e]: void 0 }, ...f } = a, p = u[e] || r, m = U(d[e], i), { props: { component: h, ...g }, internalRef: _ } = K({
+		className: n,
+		...c,
+		externalForwardedProps: e === "root" ? f : void 0,
+		externalSlotProps: m
+	}), v = S(_, m?.ref, t.ref), y = e === "root" ? h || l : h;
+	return [p, H(p, {
+		...e === "root" && !l && !u[e] && o,
+		...e !== "root" && !u[e] && o,
+		...g,
+		...y && !s && { as: y },
+		...y && s && { component: y },
+		ref: v
+	}, i)];
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/refType/refType.js
+var q = j.default.oneOfType([j.default.func, j.default.object]);
+//#endregion
+//#region ../../node_modules/@mui/utils/esm/isFocusVisible/isFocusVisible.js
+function se(e) {
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join("\n"));
+	}
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/useLazyRipple/useLazyRipple.js
+var ce = class e {
+	static create() {
+		return new e();
+	}
+	static use() {
+		let t = F(e.create).current, [n, r] = p.useState(!1);
+		return t.shouldMount = n, t.setShouldMount = r, p.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 = J(), 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 le() {
+	return ce.use();
+}
+function J() {
+	let e, t, n = new Promise((n, r) => {
+		e = n, t = r;
+	});
+	return n.resolve = e, n.reject = t, n;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/esm/ButtonBase/Ripple.js
+function Y(e) {
+	let { className: t, classes: n, pulsate: r = !1, rippleX: a, rippleY: o, rippleSize: s, in: c, onExited: l, timeout: u } = e, [d, f] = p.useState(!1), m = i(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), h = {
+		width: s,
+		height: s,
+		top: -(s / 2) + o,
+		left: -(s / 2) + a
+	}, g = i(n.child, d && n.childLeaving, r && n.childPulsate);
+	return !c && !d && f(!0), p.useEffect(() => {
+		if (!c && l != null) {
+			let e = setTimeout(l, u);
+			return () => {
+				clearTimeout(e);
+			};
+		}
+	}, [
+		l,
+		c,
+		u
+	]), /* @__PURE__ */ v("span", {
+		className: m,
+		style: h,
+		children: /* @__PURE__ */ v("span", { className: g })
+	});
+}
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	classes: j.default.object.isRequired,
+	className: j.default.string,
+	in: j.default.bool,
+	onExited: j.default.func,
+	pulsate: j.default.bool,
+	rippleSize: j.default.number,
+	rippleX: j.default.number,
+	rippleY: j.default.number,
+	timeout: j.default.number.isRequired
+});
+//#endregion
+//#region ../../node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js
+var X = o("MuiTouchRipple", [
+	"root",
+	"ripple",
+	"rippleVisible",
+	"ripplePulsate",
+	"child",
+	"childLeaving",
+	"childPulsate"
+]), Z = 550, Q = a`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`, ue = a`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`, de = a`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`, fe = s("span", {
+	name: "MuiTouchRipple",
+	slot: "Root"
+})({
+	overflow: "hidden",
+	pointerEvents: "none",
+	position: "absolute",
+	zIndex: 0,
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0,
+	borderRadius: "inherit"
+}), pe = s(Y, {
+	name: "MuiTouchRipple",
+	slot: "Ripple"
+})`
+  opacity: 0;
+  position: absolute;
+
+  &.${X.rippleVisible} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${Q};
+    animation-duration: ${Z}ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+  }
+
+  &.${X.ripplePulsate} {
+    animation-duration: ${({ theme: e }) => e.transitions.duration.shorter}ms;
+  }
+
+  & .${X.child} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${X.childLeaving} {
+    opacity: 0;
+    animation-name: ${ue};
+    animation-duration: ${Z}ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+  }
+
+  & .${X.childPulsate} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${de};
+    animation-duration: 2500ms;
+    animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`, me = /* @__PURE__ */ p.forwardRef(function(e, t) {
+	let { center: n = !1, classes: a = {}, className: o, ...s } = r({
+		props: e,
+		name: "MuiTouchRipple"
+	}), [c, l] = p.useState([]), u = p.useRef(0), d = p.useRef(null);
+	p.useEffect(() => {
+		d.current &&= (d.current(), null);
+	}, [c]);
+	let f = p.useRef(!1), m = R(), h = p.useRef(null), g = p.useRef(null), _ = p.useCallback((e) => {
+		let { pulsate: t, rippleX: n, rippleY: r, rippleSize: o, cb: s } = e;
+		l((e) => [...e, /* @__PURE__ */ v(pe, {
+			classes: {
+				ripple: i(a.ripple, X.ripple),
+				rippleVisible: i(a.rippleVisible, X.rippleVisible),
+				ripplePulsate: i(a.ripplePulsate, X.ripplePulsate),
+				child: i(a.child, X.child),
+				childLeaving: i(a.childLeaving, X.childLeaving),
+				childPulsate: i(a.childPulsate, X.childPulsate)
+			},
+			timeout: Z,
+			pulsate: t,
+			rippleX: n,
+			rippleY: r,
+			rippleSize: o
+		}, u.current)]), u.current += 1, d.current = s;
+	}, [a]), y = p.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 ? h.current === null && (h.current = () => {
+			_({
+				pulsate: i,
+				rippleX: l,
+				rippleY: u,
+				rippleSize: d,
+				cb: r
+			});
+		}, m.start(80, () => {
+			h.current &&= (h.current(), null);
+		})) : _({
+			pulsate: i,
+			rippleX: l,
+			rippleY: u,
+			rippleSize: d,
+			cb: r
+		});
+	}, [
+		n,
+		_,
+		m
+	]), b = p.useCallback(() => {
+		y({}, { pulsate: !0 });
+	}, [y]), x = p.useCallback((e, t) => {
+		if (m.clear(), e?.type === "touchend" && h.current) {
+			h.current(), h.current = null, m.start(0, () => {
+				x(e, t);
+			});
+			return;
+		}
+		h.current = null, l((e) => e.length > 0 ? e.slice(1) : e), d.current = t;
+	}, [m]);
+	return p.useImperativeHandle(t, () => ({
+		pulsate: b,
+		start: y,
+		stop: x
+	}), [
+		b,
+		y,
+		x
+	]), /* @__PURE__ */ v(fe, {
+		className: i(X.root, a.root, o),
+		ref: g,
+		...s,
+		children: /* @__PURE__ */ v(N, {
+			component: null,
+			exit: !0,
+			children: c
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (me.propTypes = {
+	center: j.default.bool,
+	classes: j.default.object,
+	className: j.default.string
+});
+//#endregion
+//#region ../../node_modules/@mui/material/esm/ButtonBase/ButtonBase.js
+var he = (e) => {
+	let { disabled: t, focusVisible: r, focusVisibleClassName: i, classes: a } = e, o = n({ root: [
+		"root",
+		t && "disabled",
+		r && "focusVisible"
+	] }, d, a);
+	return r && i && (o.root += ` ${i}`), o;
+}, ge = 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" },
+	[`&.${f.disabled}`]: {
+		pointerEvents: "none",
+		cursor: "default"
+	},
+	"@media print": { colorAdjust: "exact" }
+}), _e = /* @__PURE__ */ p.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiButtonBase"
+	}), { action: a, centerRipple: o = !1, children: s, className: c, component: l = "button", disabled: u = !1, disableRipple: d = !1, disableTouchRipple: f = !1, focusRipple: m = !1, focusVisibleClassName: h, LinkComponent: g = "a", onBlur: _, onClick: b, onContextMenu: S, onDragLeave: w, onFocus: T, onFocusVisible: E, onKeyDown: D, onKeyUp: O, onMouseDown: k, onMouseLeave: ee, onMouseUp: A, onTouchEnd: te, onTouchMove: ne, onTouchStart: j, tabIndex: M = 0, TouchRippleProps: re, touchRippleRef: N, type: P, ...F } = n, I = p.useRef(null), L = le(), ie = C(L.ref, N), [R, z] = p.useState(!1);
+	u && R && z(!1), p.useImperativeHandle(a, () => ({ focusVisible: () => {
+		z(!0), I.current.focus();
+	} }), []);
+	let ae = L.shouldMount && !d && !u;
+	p.useEffect(() => {
+		R && m && !d && L.pulsate();
+	}, [
+		d,
+		m,
+		R,
+		L
+	]);
+	let B = $(L, "start", k, f), V = $(L, "stop", S, f), H = $(L, "stop", w, f), U = $(L, "stop", A, f), W = $(L, "stop", (e) => {
+		R && e.preventDefault(), ee && ee(e);
+	}, f), G = $(L, "start", j, f), K = $(L, "stop", te, f), oe = $(L, "stop", ne, f), q = $(L, "stop", (e) => {
+		se(e.target) || z(!1), _ && _(e);
+	}, !1), ce = x((e) => {
+		I.current ||= e.currentTarget, se(e.target) && (z(!0), E && E(e)), T && T(e);
+	}), J = () => {
+		let e = I.current;
+		return l && l !== "button" && !(e.tagName === "A" && e.href);
+	}, Y = x((e) => {
+		m && !e.repeat && R && e.key === " " && L.stop(e, () => {
+			L.start(e);
+		}), e.target === e.currentTarget && J() && e.key === " " && e.preventDefault(), D && D(e), e.target === e.currentTarget && J() && e.key === "Enter" && !u && (e.preventDefault(), b && b(e));
+	}), X = x((e) => {
+		m && e.key === " " && R && !e.defaultPrevented && L.stop(e, () => {
+			L.pulsate(e);
+		}), O && O(e), b && e.target === e.currentTarget && J() && e.key === " " && !e.defaultPrevented && b(e);
+	}), Z = l;
+	Z === "button" && (F.href || F.to) && (Z = g);
+	let Q = {};
+	if (Z === "button") {
+		let e = !!F.formAction;
+		Q.type = P === void 0 && !e ? "button" : P, Q.disabled = u;
+	} else !F.href && !F.to && (Q.role = "button"), u && (Q["aria-disabled"] = u);
+	let ue = C(t, I), de = {
+		...n,
+		centerRipple: o,
+		component: l,
+		disabled: u,
+		disableRipple: d,
+		disableTouchRipple: f,
+		focusRipple: m,
+		tabIndex: M,
+		focusVisible: R
+	}, fe = he(de);
+	return /* @__PURE__ */ y(ge, {
+		as: Z,
+		className: i(fe.root, c),
+		ownerState: de,
+		onBlur: q,
+		onClick: b,
+		onContextMenu: V,
+		onFocus: ce,
+		onKeyDown: Y,
+		onKeyUp: X,
+		onMouseDown: B,
+		onMouseLeave: W,
+		onMouseUp: U,
+		onDragLeave: H,
+		onTouchEnd: K,
+		onTouchMove: oe,
+		onTouchStart: G,
+		ref: ue,
+		tabIndex: u ? -1 : M,
+		type: P,
+		...Q,
+		...F,
+		children: [s, ae ? /* @__PURE__ */ v(me, {
+			ref: ie,
+			center: o,
+			...re
+		}) : null]
+	});
+});
+function $(e, t, n, r = !1) {
+	return x((i) => (n && n(i), r || e[t](i), !0));
+}
+process.env.NODE_ENV !== "production" && (_e.propTypes = {
+	action: q,
+	centerRipple: j.default.bool,
+	children: j.default.node,
+	classes: j.default.object,
+	className: j.default.string,
+	component: B,
+	disabled: j.default.bool,
+	disableRipple: j.default.bool,
+	disableTouchRipple: j.default.bool,
+	focusRipple: j.default.bool,
+	focusVisibleClassName: j.default.string,
+	formAction: j.default.oneOfType([j.default.func, j.default.string]),
+	href: j.default.any,
+	LinkComponent: j.default.elementType,
+	onBlur: j.default.func,
+	onClick: j.default.func,
+	onContextMenu: j.default.func,
+	onDragLeave: j.default.func,
+	onFocus: j.default.func,
+	onFocusVisible: j.default.func,
+	onKeyDown: j.default.func,
+	onKeyUp: j.default.func,
+	onMouseDown: j.default.func,
+	onMouseLeave: j.default.func,
+	onMouseUp: j.default.func,
+	onTouchEnd: j.default.func,
+	onTouchMove: j.default.func,
+	onTouchStart: j.default.func,
+	sx: j.default.oneOfType([
+		j.default.arrayOf(j.default.oneOfType([
+			j.default.func,
+			j.default.object,
+			j.default.bool
+		])),
+		j.default.func,
+		j.default.object
+	]),
+	tabIndex: j.default.number,
+	TouchRippleProps: j.default.object,
+	touchRippleRef: j.default.oneOfType([j.default.func, j.default.shape({ current: j.default.shape({
+		pulsate: j.default.func.isRequired,
+		start: j.default.func.isRequired,
+		stop: j.default.func.isRequired
+	}) })]),
+	type: j.default.oneOfType([j.default.oneOf([
+		"button",
+		"reset",
+		"submit"
+	]), j.default.string])
+});
+//#endregion
+export { x as _, W as a, V as c, N as d, D as f, S as g, C as h, K as i, B as l, w as m, q as n, U as o, E as p, oe as r, H as s, _e as t, R as u, b as v };