@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/ButtonBase-CyZX7c8K.js

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