@solostylist/ui-kit 1.0.215 → 1.0.217

package/dist/{ButtonBase-1qqPHJym.js → ButtonBase-Pxs48joz.js}

@@ -1,23 +1,23 @@
 import { n as e } from "./chunk-efA98nb6.js";
-import { _ as t } from "./createTheme-hnicUJQa.js";
-import { a as n } from "./esm-BYRX9r8n.js";
-import { r, s as i } from "./memoTheme-DiKnacj0.js";
-import { t as a } from "./clsx-BTH_sxEO.js";
-import { t as o } from "./generateUtilityClasses-CX1nR7K3.js";
-import { t as s } from "./styled-C0_N3zFx.js";
-import { t as c } from "./useEnhancedEffect-DcMMtOdE.js";
-import { c as l, d as u, l as d, p as f, s as p, u as m } from "./useSlot-BfqKgBbE.js";
-import { t as h } from "./extends-DtvfmDTb.js";
-import { t as g } from "./objectWithoutPropertiesLoose-Cq334jkZ.js";
-import { n as _, t as v } from "./buttonBaseClasses-D1dQFqBk.js";
+import { _ as t } from "./createTheme-YGsrOe_4.js";
+import { a as n } from "./styled-engine-DOxAQ3qw.js";
+import { o as r, r as i } from "./memoTheme-BmiT8U43.js";
+import { t as a } from "./clsx-69XFQeWf.js";
+import { t as o } from "./generateUtilityClasses-XrPHiTcM.js";
+import { t as s } from "./styled-BRk8Ukg1.js";
+import { t as c } from "./useEnhancedEffect-Dsu5K7-Z.js";
+import { c as l, d as u, f as d, l as f, m as p, u as m } from "./useSlot-CugRM0KJ.js";
+import { t as h } from "./extends-D8CDMpIy.js";
+import { t as g } from "./objectWithoutPropertiesLoose-BpY-kC5L.js";
+import { n as _, t as v } from "./buttonBaseClasses-BLZbMisL.js";
 import * as y from "react";
 import b, { Children as x, cloneElement as S, isValidElement as C } from "react";
 import { jsx as w, jsxs as ee } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/utils/esm/refType/refType.js
-var T = /* @__PURE__ */ e(t()), E = T.default.oneOfType([T.default.func, T.default.object]);
+//#region ../../node_modules/@mui/utils/refType/refType.mjs
+var T = /* @__PURE__ */ e(t(), 1), E = T.default.oneOfType([T.default.func, T.default.object]);
 //#endregion
-//#region ../../node_modules/@mui/utils/esm/isFocusVisible/isFocusVisible.js
-function te(e) {
+//#region ../../node_modules/@mui/utils/isFocusVisible/isFocusVisible.mjs
+function D(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
@@ -26,28 +26,131 @@ function te(e) {
 	return !1;
 }
 //#endregion
-//#region ../../node_modules/@mui/utils/esm/useEventCallback/useEventCallback.js
-function D(e) {
+//#region ../../node_modules/@mui/utils/useEventCallback/useEventCallback.mjs
+function O(e) {
 	let t = y.useRef(e);
 	return c(() => {
 		t.current = e;
 	}), y.useRef((...e) => (0, t.current)(...e)).current;
 }
 //#endregion
-//#region ../../node_modules/@mui/material/esm/utils/useEventCallback.js
-var O = D, k = class e {
+//#region ../../node_modules/@mui/material/utils/useEventCallback.mjs
+var k = O;
+//#endregion
+//#region ../../node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
+function A(e) {
+	let { focusableWhenDisabled: t, disabled: n, composite: r = !1, tabIndex: i = 0, isNativeButton: a } = e, o = r && t !== !1, s = r && t === !1;
+	return y.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 j = {};
+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 = y.useRef(null), m = l === !0, h = A({
+		focusableWhenDisabled: m,
+		disabled: a,
+		isNativeButton: t,
+		tabIndex: c
+	});
+	process.env.NODE_ENV !== "production" && y.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 = y.useCallback(() => {
+		let e = p.current;
+		return e == null ? t : e.tagName === "BUTTON" ? !0 : !!(e.tagName === "A" && e.href);
+	}, [t]), _ = y.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: y.useCallback((e = j) => {
+			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 M = class e {
 	static create() {
 		return new e();
 	}
 	static use() {
-		let t = m(e.create).current, [n, r] = y.useState(!1);
+		let t = u(e.create).current, [n, r] = y.useState(!1);
 		return t.shouldMount = n, t.setShouldMount = r, y.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;
+		return this.mounted || (this.mounted = N(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
 	}
 	mountEffect = () => {
 		this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
@@ -63,9 +166,9 @@ var O = D, k = class e {
 	}
 };
 function ne() {
-	return k.use();
+	return M.use();
 }
-function A() {
+function N() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -73,13 +176,13 @@ function A() {
 }
 //#endregion
 //#region ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-function j(e) {
+function P(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) {
+function F(e, t) {
 	var n = function(e) {
 		return t && C(e) ? t(e) : e;
 	}, r = Object.create(null);
@@ -89,7 +192,7 @@ function M(e, t) {
 		r[e.key] = n(e);
 	}), r;
 }
-function N(e, t) {
+function I(e, t) {
 	e ||= {}, t ||= {};
 	function n(n) {
 		return n in t ? t[n] : e[n];
@@ -107,22 +210,22 @@ function N(e, t) {
 	for (o = 0; o < i.length; o++) s[i[o]] = n(i[o]);
 	return s;
 }
-function P(e, t, n) {
+function L(e, t, n) {
 	return n[t] == null ? e.props[t] : n[t];
 }
-function F(e, t) {
-	return M(e.children, function(n) {
+function R(e, t) {
+	return F(e.children, function(n) {
 		return S(n, {
 			onExited: t.bind(null, n),
 			in: !0,
-			appear: P(n, "appear", e),
-			enter: P(n, "enter", e),
-			exit: P(n, "exit", e)
+			appear: L(n, "appear", e),
+			enter: L(n, "enter", e),
+			exit: L(n, "exit", e)
 		});
 	});
 }
-function I(e, t, n) {
-	var r = M(e.children), i = N(t, r);
+function z(e, t, n) {
+	var r = F(e.children), i = I(t, r);
 	return Object.keys(i).forEach(function(a) {
 		var o = i[a];
 		if (C(o)) {
@@ -130,35 +233,35 @@ function I(e, t, n) {
 			c && (!s || u) ? i[a] = S(o, {
 				onExited: n.bind(null, o),
 				in: !0,
-				exit: P(o, "exit", e),
-				enter: P(o, "enter", e)
+				exit: L(o, "exit", e),
+				enter: L(o, "enter", e)
 			}) : !c && s && !u ? i[a] = S(o, { in: !1 }) : c && s && C(l) && (i[a] = S(o, {
 				onExited: n.bind(null, o),
 				in: l.props.in,
-				exit: P(o, "exit", e),
-				enter: P(o, "enter", e)
+				exit: L(o, "exit", e),
+				enter: L(o, "enter", e)
 			}));
 		}
 	}), i;
 }
 //#endregion
 //#region ../../node_modules/react-transition-group/esm/TransitionGroup.js
-var L = Object.values || function(e) {
+var B = Object.values || function(e) {
 	return Object.keys(e).map(function(t) {
 		return e[t];
 	});
-}, R = {
+}, V = {
 	component: "div",
 	childFactory: function(e) {
 		return e;
 	}
-}, z = /* @__PURE__ */ function(e) {
-	d(t, e);
+}, H = /* @__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)),
+			handleExited: r.handleExited.bind(P(r)),
 			firstRender: !0
 		}, r;
 	}
@@ -170,31 +273,31 @@ var L = Object.values || function(e) {
 	}, t.getDerivedStateFromProps = function(e, t) {
 		var n = t.children, r = t.handleExited;
 		return {
-			children: t.firstRender ? F(e, r) : I(e, n, r),
+			children: t.firstRender ? R(e, r) : z(e, n, r),
 			firstRender: !1
 		};
 	}, n.handleExited = function(e, t) {
-		var n = M(this.props.children);
+		var n = F(this.props.children);
 		e.key in n || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState(function(t) {
 			var n = h({}, t.children);
 			return delete n[e.key], { children: n };
 		}));
 	}, n.render = function() {
-		var e = this.props, t = e.component, n = e.childFactory, r = g(e, ["component", "childFactory"]), i = this.state.contextValue, a = L(this.state.children).map(n);
-		return delete r.appear, delete r.enter, delete r.exit, t === null ? /* @__PURE__ */ b.createElement(l.Provider, { value: i }, a) : /* @__PURE__ */ b.createElement(l.Provider, { value: i }, /* @__PURE__ */ b.createElement(t, r, a));
+		var e = this.props, t = e.component, n = e.childFactory, r = g(e, ["component", "childFactory"]), i = this.state.contextValue, a = B(this.state.children).map(n);
+		return delete r.appear, delete r.enter, delete r.exit, t === null ? /* @__PURE__ */ b.createElement(f.Provider, { value: i }, a) : /* @__PURE__ */ b.createElement(f.Provider, { value: i }, /* @__PURE__ */ b.createElement(t, r, a));
 	}, t;
 }(b.Component);
-z.propTypes = process.env.NODE_ENV === "production" ? {} : {
+H.propTypes = process.env.NODE_ENV === "production" ? {} : {
 	component: T.default.any,
 	children: T.default.node,
 	appear: T.default.bool,
 	enter: T.default.bool,
 	exit: T.default.bool,
 	childFactory: T.default.func
-}, z.defaultProps = R;
+}, H.defaultProps = V;
 //#endregion
-//#region ../../node_modules/@mui/material/esm/ButtonBase/Ripple.js
-function B(e) {
+//#region ../../node_modules/@mui/material/ButtonBase/Ripple.mjs
+function U(e) {
 	let { className: t, classes: n, pulsate: r = !1, rippleX: i, rippleY: o, rippleSize: s, in: c, onExited: l, timeout: u } = e, [d, f] = y.useState(!1), p = a(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), m = {
 		width: s,
 		height: s,
@@ -218,7 +321,7 @@ function B(e) {
 		children: /* @__PURE__ */ w("span", { className: h })
 	});
 }
-process.env.NODE_ENV !== "production" && (B.propTypes = {
+process.env.NODE_ENV !== "production" && (U.propTypes = {
 	classes: T.default.object.isRequired,
 	className: T.default.string,
 	in: T.default.bool,
@@ -230,8 +333,8 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
 	timeout: T.default.number.isRequired
 });
 //#endregion
-//#region ../../node_modules/@mui/material/esm/ButtonBase/touchRippleClasses.js
-var V = o("MuiTouchRipple", [
+//#region ../../node_modules/@mui/material/ButtonBase/touchRippleClasses.mjs
+var W = o("MuiTouchRipple", [
 	"root",
 	"ripple",
 	"rippleVisible",
@@ -239,7 +342,7 @@ var V = o("MuiTouchRipple", [
 	"child",
 	"childLeaving",
 	"childPulsate"
-]), H = 550, U = n`
+]), G = 550, K = n`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -249,7 +352,7 @@ var V = o("MuiTouchRipple", [
     transform: scale(1);
     opacity: 0.3;
   }
-`, W = n`
+`, q = n`
   0% {
     opacity: 1;
   }
@@ -257,7 +360,7 @@ var V = o("MuiTouchRipple", [
   100% {
     opacity: 0;
   }
-`, G = n`
+`, re = n`
   0% {
     transform: scale(1);
   }
@@ -269,7 +372,7 @@ var V = o("MuiTouchRipple", [
   100% {
     transform: scale(1);
   }
-`, K = s("span", {
+`, J = s("span", {
 	name: "MuiTouchRipple",
 	slot: "Root"
 })({
@@ -282,26 +385,26 @@ var V = o("MuiTouchRipple", [
 	bottom: 0,
 	left: 0,
 	borderRadius: "inherit"
-}), q = s(B, {
+}), ie = s(U, {
 	name: "MuiTouchRipple",
 	slot: "Ripple"
 })`
   opacity: 0;
   position: absolute;
 
-  &.${V.rippleVisible} {
+  &.${W.rippleVisible} {
     opacity: 0.3;
     transform: scale(1);
-    animation-name: ${U};
-    animation-duration: ${H}ms;
+    animation-name: ${K};
+    animation-duration: ${G}ms;
     animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
   }
 
-  &.${V.ripplePulsate} {
+  &.${W.ripplePulsate} {
     animation-duration: ${({ theme: e }) => e.transitions.duration.shorter}ms;
   }
 
-  & .${V.child} {
+  & .${W.child} {
     opacity: 1;
     display: block;
     width: 100%;
@@ -310,56 +413,56 @@ var V = o("MuiTouchRipple", [
     background-color: currentColor;
   }
 
-  & .${V.childLeaving} {
+  & .${W.childLeaving} {
     opacity: 0;
-    animation-name: ${W};
-    animation-duration: ${H}ms;
+    animation-name: ${q};
+    animation-duration: ${G}ms;
     animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
   }
 
-  & .${V.childPulsate} {
+  & .${W.childPulsate} {
     position: absolute;
     /* @noflip */
     left: 0px;
     top: 0;
-    animation-name: ${G};
+    animation-name: ${re};
     animation-duration: 2500ms;
     animation-timing-function: ${({ theme: e }) => e.transitions.easing.easeInOut};
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, J = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let { center: n = !1, classes: i = {}, className: o, ...s } = r({
+`, ae = /* @__PURE__ */ y.forwardRef(function(e, t) {
+	let { center: n = !1, classes: r = {}, className: o, ...s } = i({
 		props: e,
 		name: "MuiTouchRipple"
-	}), [c, l] = y.useState([]), u = y.useRef(0), d = y.useRef(null);
+	}), [c, u] = y.useState([]), d = y.useRef(0), f = y.useRef(null);
 	y.useEffect(() => {
-		d.current &&= (d.current(), null);
+		f.current &&= (f.current(), null);
 	}, [c]);
-	let f = y.useRef(!1), m = p(), h = y.useRef(null), g = y.useRef(null), _ = y.useCallback((e) => {
-		let { pulsate: t, rippleX: n, rippleY: r, rippleSize: o, cb: s } = e;
-		l((e) => [...e, /* @__PURE__ */ w(q, {
+	let p = y.useRef(!1), m = l(), h = y.useRef(null), g = y.useRef(null), _ = y.useCallback((e) => {
+		let { pulsate: t, rippleX: n, rippleY: i, rippleSize: o, cb: s } = e;
+		u((e) => [...e, /* @__PURE__ */ w(ie, {
 			classes: {
-				ripple: a(i.ripple, V.ripple),
-				rippleVisible: a(i.rippleVisible, V.rippleVisible),
-				ripplePulsate: a(i.ripplePulsate, V.ripplePulsate),
-				child: a(i.child, V.child),
-				childLeaving: a(i.childLeaving, V.childLeaving),
-				childPulsate: a(i.childPulsate, V.childPulsate)
+				ripple: a(r.ripple, W.ripple),
+				rippleVisible: a(r.rippleVisible, W.rippleVisible),
+				ripplePulsate: a(r.ripplePulsate, W.ripplePulsate),
+				child: a(r.child, W.child),
+				childLeaving: a(r.childLeaving, W.childLeaving),
+				childPulsate: a(r.childPulsate, W.childPulsate)
 			},
-			timeout: H,
+			timeout: G,
 			pulsate: t,
 			rippleX: n,
-			rippleY: r,
+			rippleY: i,
 			rippleSize: o
-		}, u.current)]), u.current += 1, d.current = s;
-	}, [i]), v = y.useCallback((e = {}, t = {}, r = () => {}) => {
+		}, d.current)]), d.current += 1, f.current = s;
+	}, [r]), v = y.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;
+		if (e?.type === "mousedown" && p.current) {
+			p.current = !1;
 			return;
 		}
-		e?.type === "touchstart" && (f.current = !0);
+		e?.type === "touchstart" && (p.current = !0);
 		let s = o ? null : g.current, c = s ? s.getBoundingClientRect() : {
 			width: 0,
 			height: 0,
@@ -406,7 +509,7 @@ var V = o("MuiTouchRipple", [
 			});
 			return;
 		}
-		h.current = null, l((e) => e.length > 0 ? e.slice(1) : e), d.current = t;
+		h.current = null, u((e) => e.length > 0 ? e.slice(1) : e), f.current = t;
 	}, [m]);
 	return y.useImperativeHandle(t, () => ({
 		pulsate: b,
@@ -416,32 +519,32 @@ var V = o("MuiTouchRipple", [
 		b,
 		v,
 		x
-	]), /* @__PURE__ */ w(K, {
-		className: a(V.root, i.root, o),
+	]), /* @__PURE__ */ w(J, {
+		className: a(W.root, r.root, o),
 		ref: g,
 		...s,
-		children: /* @__PURE__ */ w(z, {
+		children: /* @__PURE__ */ w(H, {
 			component: null,
 			exit: !0,
 			children: c
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (J.propTypes = {
+process.env.NODE_ENV !== "production" && (ae.propTypes = {
 	center: T.default.bool,
 	classes: T.default.object,
 	className: T.default.string
 });
 //#endregion
-//#region ../../node_modules/@mui/material/esm/ButtonBase/ButtonBase.js
-var re = (e) => {
-	let { disabled: t, focusVisible: n, focusVisibleClassName: r, classes: a } = e, o = i({ root: [
+//#region ../../node_modules/@mui/material/ButtonBase/ButtonBase.mjs
+var oe = (e) => {
+	let { disabled: t, focusVisible: n, focusVisibleClassName: i, suppressFocusVisible: a, classes: o } = e, s = r({ root: [
 		"root",
 		t && "disabled",
-		n && "focusVisible"
-	] }, _, a);
-	return n && r && (o.root += ` ${r}`), o;
-}, ie = s("button", {
+		n && !a && "focusVisible"
+	] }, _, o);
+	return n && !a && i && (s.root += ` ${i}`), s;
+}, se = s("button", {
 	name: "MuiButtonBase",
 	slot: "Root"
 })({
@@ -471,88 +574,98 @@ var re = (e) => {
 	},
 	"@media print": { colorAdjust: "exact" }
 }), Y = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let n = r({
+	let n = i({
 		props: e,
 		name: "MuiButtonBase"
-	}), { action: i, centerRipple: o = !1, children: s, className: c, component: l = "button", disabled: d = !1, disableRipple: f = !1, disableTouchRipple: p = !1, focusRipple: m = !1, focusVisibleClassName: h, LinkComponent: g = "a", onBlur: _, onClick: v, onContextMenu: b, onDragLeave: x, onFocus: S, onFocusVisible: C, onKeyDown: T, onKeyUp: E, onMouseDown: D, onMouseLeave: k, onMouseUp: A, onTouchEnd: j, onTouchMove: M, onTouchStart: N, tabIndex: P = 0, TouchRippleProps: F, touchRippleRef: I, type: L, ...R } = n, z = y.useRef(null), B = ne(), V = u(B.ref, I), [H, U] = y.useState(!1);
-	d && H && U(!1), y.useImperativeHandle(i, () => ({ focusVisible: () => {
-		U(!0), z.current.focus();
-	} }), []);
-	let W = B.shouldMount && !f && !d;
+	}), { action: r, centerRipple: o = !1, children: s, className: c, component: l = "button", disabled: u = !1, disableRipple: f = !1, disableTouchRipple: p = !1, focusRipple: m = !1, focusVisibleClassName: h, focusableWhenDisabled: g, suppressFocusVisible: _ = !1, internalNativeButton: v, LinkComponent: b = "a", nativeButton: x, onBlur: S, onClick: C, onContextMenu: T, onDragLeave: E, onFocus: O, onFocusVisible: A, onKeyDown: j, onKeyUp: M, onMouseDown: N, onMouseLeave: P, onMouseUp: F, onTouchEnd: I, onTouchMove: L, onTouchStart: R, tabIndex: z = 0, TouchRippleProps: B, touchRippleRef: V, type: H, ...U } = n, W = !!(U.href || U.to), G = !!U.formAction, K = l;
+	K === "button" && W && (K = b);
+	let q = typeof K == "string" ? K === "button" : v ?? !1, re = x ?? q, J = ne(), ie = d(J.ref, V), [Y, Z] = y.useState(!1);
+	(u || _) && Y && Z(!1);
+	let ce = k((e) => {
+		m && !e.repeat && Y && e.key === " " && J.stop(e, () => {
+			J.start(e);
+		});
+	}), le = k((e) => {
+		m && e.key === " " && Y && !e.defaultPrevented && J.stop(e, () => {
+			J.pulsate(e);
+		});
+	}), { getButtonProps: ue, rootRef: Q } = te({
+		nativeButton: re,
+		nativeButtonProp: x,
+		internalNativeButton: q,
+		allowInferredHostMismatch: W || typeof K == "string",
+		disabled: u,
+		type: H,
+		hasFormAction: G,
+		tabIndex: z,
+		onBeforeKeyDown: ce,
+		onBeforeKeyUp: le
+	}), { onClick: de, onKeyDown: fe, onKeyUp: pe, ...me } = ue({
+		onClick: C,
+		onKeyDown: j,
+		onKeyUp: M
+	});
+	y.useImperativeHandle(r, () => ({ focusVisible: () => {
+		Z(!0), Q.current.focus();
+	} }), [Q]);
+	let he = J.shouldMount && !f && !u;
 	y.useEffect(() => {
-		H && m && !f && B.pulsate();
+		Y && m && !f && J.pulsate();
 	}, [
 		f,
 		m,
-		H,
-		B
+		Y,
+		J
 	]);
-	let G = X(B, "start", D, p), K = X(B, "stop", b, p), q = X(B, "stop", x, p), Y = X(B, "stop", A, p), ae = X(B, "stop", (e) => {
-		H && e.preventDefault(), k && k(e);
-	}, p), oe = X(B, "start", N, p), se = X(B, "stop", j, p), ce = X(B, "stop", M, p), le = X(B, "stop", (e) => {
-		te(e.target) || U(!1), _ && _(e);
-	}, !1), ue = O((e) => {
-		z.current ||= e.currentTarget, te(e.target) && (U(!0), C && C(e)), S && S(e);
-	}), Z = () => {
-		let e = z.current;
-		return l && l !== "button" && !(e.tagName === "A" && e.href);
-	}, de = O((e) => {
-		m && !e.repeat && H && e.key === " " && B.stop(e, () => {
-			B.start(e);
-		}), e.target === e.currentTarget && Z() && e.key === " " && e.preventDefault(), T && T(e), e.target === e.currentTarget && Z() && e.key === "Enter" && !d && (e.preventDefault(), v && v(e));
-	}), fe = O((e) => {
-		m && e.key === " " && H && !e.defaultPrevented && B.stop(e, () => {
-			B.pulsate(e);
-		}), E && E(e), v && e.target === e.currentTarget && Z() && e.key === " " && !e.defaultPrevented && v(e);
-	}), Q = l;
-	Q === "button" && (R.href || R.to) && (Q = g);
-	let $ = {};
-	if (Q === "button") {
-		let e = !!R.formAction;
-		$.type = L === void 0 && !e ? "button" : L, $.disabled = d;
-	} else !R.href && !R.to && ($.role = "button"), d && ($["aria-disabled"] = d);
-	let pe = u(t, z), me = {
+	let ge = X(J, "start", N, p), _e = X(J, "stop", T, p), ve = X(J, "stop", E, p), ye = X(J, "stop", F, p), be = X(J, "stop", (e) => {
+		Y && e.preventDefault(), P && P(e);
+	}, p), xe = X(J, "start", R, p), Se = X(J, "stop", I, p), Ce = X(J, "stop", L, p), we = X(J, "stop", (e) => {
+		D(e.target) || Z(!1), S && S(e);
+	}, !1), Te = k((e) => {
+		Q.current ||= e.currentTarget, !_ && D(e.target) && (Z(!0), A && A(e)), O && O(e);
+	}), $ = {};
+	W && ($.tabIndex = u ? -1 : z, u && ($["aria-disabled"] = u), $.type = H);
+	let Ee = d(t, Q), De = {
 		...n,
 		centerRipple: o,
 		component: l,
-		disabled: d,
+		disabled: u,
 		disableRipple: f,
 		disableTouchRipple: p,
 		focusRipple: m,
-		tabIndex: P,
-		focusVisible: H
-	}, he = re(me);
-	return /* @__PURE__ */ ee(ie, {
-		as: Q,
-		className: a(he.root, c),
-		ownerState: me,
-		onBlur: le,
-		onClick: v,
-		onContextMenu: K,
-		onFocus: ue,
-		onKeyDown: de,
-		onKeyUp: fe,
-		onMouseDown: G,
-		onMouseLeave: ae,
-		onMouseUp: Y,
-		onDragLeave: q,
-		onTouchEnd: se,
-		onTouchMove: ce,
-		onTouchStart: oe,
-		ref: pe,
-		tabIndex: d ? -1 : P,
-		type: L,
-		...$,
-		...R,
-		children: [s, W ? /* @__PURE__ */ w(J, {
-			ref: V,
+		suppressFocusVisible: _,
+		tabIndex: z,
+		focusVisible: Y
+	}, Oe = oe(De);
+	return /* @__PURE__ */ ee(se, {
+		as: K,
+		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,
+		...W ? $ : me,
+		...U,
+		children: [s, he ? /* @__PURE__ */ w(ae, {
+			ref: ie,
 			center: o,
-			...F
+			...B
 		}) : null]
 	});
 });
 function X(e, t, n, r = !1) {
-	return O((i) => (n && n(i), r || e[t](i), !0));
+	return k((i) => (n && n(i), r || e[t](i), !0));
 }
 process.env.NODE_ENV !== "production" && (Y.propTypes = {
 	action: E,
@@ -560,7 +673,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 	children: T.default.node,
 	classes: T.default.object,
 	className: T.default.string,
-	component: f,
+	component: p,
 	disabled: T.default.bool,
 	disableRipple: T.default.bool,
 	disableTouchRipple: T.default.bool,
@@ -569,6 +682,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 	formAction: T.default.oneOfType([T.default.func, T.default.string]),
 	href: T.default.any,
 	LinkComponent: T.default.elementType,
+	nativeButton: T.default.bool,
 	onBlur: T.default.func,
 	onClick: T.default.func,
 	onContextMenu: T.default.func,
@@ -599,11 +713,7 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 		start: T.default.func.isRequired,
 		stop: T.default.func.isRequired
 	}) })]),
-	type: T.default.oneOfType([T.default.oneOf([
-		"button",
-		"reset",
-		"submit"
-	]), T.default.string])
+	type: T.default.string
 });
 //#endregion
-export { E as a, D as i, z as n, O as r, Y as t };
+export { E as a, O as i, H as n, k as r, Y as t };