@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/Modal-jAiibALV.js

@@ -0,0 +1,707 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { t as i } from "./generateUtilityClass-PAIOm1jC.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 "./exactProp-C_IsucXf.js";
+import { n as l, o as u, t as d } from "./elementAcceptingRef-DhkNAkFH.js";
+import { t as f } from "./memoTheme-qFyKAk7y.js";
+import { t as p } from "./useTheme-BIWMbX3i.js";
+import { n as m, t as h } from "./useForkRef-CKneCEtr.js";
+import { n as g } from "./useEventCallback-CVqMfiG_.js";
+import { a as _, i as v, n as y, r as b, t as x } from "./utils-oJyTAkZY.js";
+import { i as S, t as C } from "./useSlot-iIu8ek6E.js";
+import { n as w, t as T } from "./Portal-AnyvFRC4.js";
+import { t as E } from "./contains-WOhYaq1E.js";
+import * as D from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/createChainedFunction/createChainedFunction.mjs
+function A(...e) {
+	return e.reduce((e, t) => t == null ? e : function(...n) {
+		e.apply(this, n), t.apply(this, n);
+	}, () => {});
+}
+//#endregion
+//#region ../../node_modules/@mui/utils/getActiveElement/getActiveElement.mjs
+function j(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement != null;) t = t.shadowRoot.activeElement;
+	return t;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/getActiveElement.mjs
+var M = /* @__PURE__ */ e(t(), 1), N = j;
+//#endregion
+//#region ../../node_modules/@mui/utils/ownerWindow/ownerWindow.mjs
+function P(e) {
+	return u(e).defaultView || window;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/contains.mjs
+var F = E;
+//#endregion
+//#region ../../node_modules/@mui/utils/getScrollbarSize/getScrollbarSize.mjs
+function I(e = window) {
+	let t = e.document.documentElement.clientWidth;
+	return e.innerWidth - t;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Modal/ModalManager.mjs
+function L(e) {
+	let t = u(e);
+	return t.body === e ? P(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+}
+function R(e, t) {
+	t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
+}
+function z(e) {
+	return parseFloat(P(e).getComputedStyle(e).paddingRight) || 0;
+}
+function B(e) {
+	let t = [
+		"TEMPLATE",
+		"SCRIPT",
+		"STYLE",
+		"LINK",
+		"MAP",
+		"META",
+		"NOSCRIPT",
+		"PICTURE",
+		"COL",
+		"COLGROUP",
+		"PARAM",
+		"SLOT",
+		"SOURCE",
+		"TRACK"
+	].includes(e.tagName), n = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
+	return t || n;
+}
+function V(e, t, n, r, i) {
+	let a = [
+		t,
+		n,
+		...r
+	];
+	[].forEach.call(e.children, (e) => {
+		let t = !a.includes(e), n = !B(e);
+		t && n && R(e, i);
+	});
+}
+function H(e, t) {
+	let n = -1;
+	return e.some((e, r) => t(e) ? (n = r, !0) : !1), n;
+}
+function U(e, t) {
+	let n = [], r = e.container;
+	if (!t.disableScrollLock) {
+		if (L(r)) {
+			let e = I(P(r));
+			n.push({
+				value: r.style.paddingRight,
+				property: "padding-right",
+				el: r
+			}), r.style.paddingRight = `${z(r) + e}px`;
+			let t = u(r).querySelectorAll(".mui-fixed");
+			[].forEach.call(t, (t) => {
+				n.push({
+					value: t.style.paddingRight,
+					property: "padding-right",
+					el: t
+				}), t.style.paddingRight = `${z(t) + e}px`;
+			});
+		}
+		let e;
+		if (r.parentNode instanceof DocumentFragment) e = u(r).body;
+		else {
+			let t = r.parentElement, n = P(r);
+			e = t?.nodeName === "HTML" && n.getComputedStyle(t).overflowY === "scroll" ? t : r;
+		}
+		n.push({
+			value: e.style.overflow,
+			property: "overflow",
+			el: e
+		}, {
+			value: e.style.overflowX,
+			property: "overflow-x",
+			el: e
+		}, {
+			value: e.style.overflowY,
+			property: "overflow-y",
+			el: e
+		}), e.style.overflow = "hidden";
+	}
+	return () => {
+		n.forEach(({ value: e, el: t, property: n }) => {
+			e ? t.style.setProperty(n, e) : t.style.removeProperty(n);
+		});
+	};
+}
+function W(e) {
+	let t = [];
+	return [].forEach.call(e.children, (e) => {
+		e.getAttribute("aria-hidden") === "true" && t.push(e);
+	}), t;
+}
+var G = class {
+	constructor() {
+		this.modals = [], this.containers = [];
+	}
+	add(e, t) {
+		let n = this.modals.indexOf(e);
+		if (n !== -1) return n;
+		n = this.modals.length, this.modals.push(e), e.modalRef && R(e.modalRef, !1);
+		let r = W(t);
+		V(t, e.mount, e.modalRef, r, !0);
+		let i = H(this.containers, (e) => e.container === t);
+		return i === -1 ? (this.containers.push({
+			modals: [e],
+			container: t,
+			restore: null,
+			hiddenSiblings: r
+		}), n) : (this.containers[i].modals.push(e), n);
+	}
+	mount(e, t) {
+		let n = H(this.containers, (t) => t.modals.includes(e)), r = this.containers[n];
+		r.restore ||= U(r, t);
+	}
+	remove(e, t = !0) {
+		let n = this.modals.indexOf(e);
+		if (n === -1) return n;
+		let r = H(this.containers, (t) => t.modals.includes(e)), i = this.containers[r];
+		if (i.modals.splice(i.modals.indexOf(e), 1), this.modals.splice(n, 1), i.modals.length === 0) i.restore && i.restore(), e.modalRef && R(e.modalRef, t), V(i.container, e.mount, e.modalRef, i.hiddenSiblings, !1), this.containers.splice(r, 1);
+		else {
+			let e = i.modals[i.modals.length - 1];
+			e.modalRef && R(e.modalRef, !1);
+		}
+		return n;
+	}
+	isTopModal(e) {
+		return this.modals.length > 0 && this.modals[this.modals.length - 1] === e;
+	}
+}, K = "data-mui-focusable";
+function q(e) {
+	return e ? e.hasAttribute("data-mui-focusable") ? e : e.querySelector(`[${K}]`) : null;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Unstable_TrapFocus/FocusTrap.mjs
+var ee = [
+	"input",
+	"select",
+	"textarea",
+	"a[href]",
+	"button",
+	"[tabindex]",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])"
+].join(",");
+function te(e) {
+	let t = parseInt(e.getAttribute("tabindex") || "", 10);
+	return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
+}
+function ne(e) {
+	if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name) return !1;
+	let t = (t) => e.ownerDocument.querySelector(`input[type="radio"]${t}`), n = t(`[name="${e.name}"]:checked`);
+	return n ||= t(`[name="${e.name}"]`), n !== e;
+}
+function re(e) {
+	return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || ne(e));
+}
+function ie(e) {
+	let t = [], n = [];
+	return Array.from(e.querySelectorAll(ee)).forEach((e, r) => {
+		let i = te(e);
+		i === -1 || !re(e) || (i === 0 ? t.push(e) : n.push({
+			documentOrder: r,
+			tabIndex: i,
+			node: e
+		}));
+	}), n.sort((e, t) => e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex).map((e) => e.node).concat(t);
+}
+function ae() {
+	return !0;
+}
+function J(e) {
+	let { children: t, disableAutoFocus: n = !1, disableEnforceFocus: r = !1, disableRestoreFocus: i = !1, getTabbable: a = ie, isEnabled: o = ae, open: s } = e, c = D.useRef(!1), d = D.useRef(null), f = D.useRef(null), p = D.useRef(null), h = D.useRef(null), g = D.useRef(!1), _ = D.useRef(null), v = m(l(t), _), y = D.useRef(null);
+	D.useEffect(() => {
+		!s || !_.current || (g.current = !n);
+	}, [n, s]), D.useEffect(() => {
+		if (c.current = !1, !s || !_.current) return;
+		let e = N(u(_.current)), t = q(_.current) ?? _.current;
+		return F(_.current, e) || (t.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", "For the benefit of assistive technologies, the tabIndex of the node is being set to \"-1\"."].join("\n")), t.setAttribute("tabIndex", "-1")), g.current && t.focus()), () => {
+			!i && p.current && (c.current = !0, p.current.focus(), p.current = null);
+		};
+	}, [s]), D.useEffect(() => {
+		if (!s || !_.current) return;
+		let e = u(_.current), t = (t) => {
+			y.current = t, !(r || !o() || t.key !== "Tab") && N(e) === _.current && t.shiftKey && (c.current = !0, f.current && f.current.focus());
+		}, n = () => {
+			let t = _.current;
+			if (t === null) return;
+			let n = N(e);
+			if (!e.hasFocus() || !o() || c.current) {
+				c.current = !1;
+				return;
+			}
+			if (F(t, n) || r && n !== d.current && n !== f.current) return;
+			if (n !== h.current) h.current = null;
+			else if (h.current !== null) return;
+			if (!g.current) return;
+			let i = [];
+			if ((n === d.current || n === f.current) && (i = a(_.current)), i.length > 0) {
+				let e = !!(y.current?.shiftKey && y.current?.key === "Tab"), t = i[0], n = i[i.length - 1];
+				typeof t != "string" && typeof n != "string" && (e ? n.focus() : t.focus());
+			} else t.focus();
+		};
+		e.addEventListener("focusin", n), e.addEventListener("keydown", t, !0);
+		let i = setInterval(() => {
+			let t = N(e);
+			t && t.tagName === "BODY" && n();
+		}, 50);
+		return () => {
+			clearInterval(i), e.removeEventListener("focusin", n), e.removeEventListener("keydown", t, !0);
+		};
+	}, [
+		n,
+		r,
+		i,
+		o,
+		s,
+		a
+	]);
+	let b = (e) => {
+		p.current === null && (p.current = e.relatedTarget), g.current = !0, h.current = e.target;
+		let n = t.props.onFocus;
+		n && n(e);
+	}, x = (e) => {
+		p.current === null && (p.current = e.relatedTarget), g.current = !0;
+	};
+	return /* @__PURE__ */ k(D.Fragment, { children: [
+		/* @__PURE__ */ O("div", {
+			tabIndex: s ? 0 : -1,
+			onFocus: x,
+			ref: d,
+			"data-testid": "sentinelStart"
+		}),
+		/* @__PURE__ */ D.cloneElement(t, {
+			ref: v,
+			onFocus: b
+		}),
+		/* @__PURE__ */ O("div", {
+			tabIndex: s ? 0 : -1,
+			onFocus: x,
+			ref: f,
+			"data-testid": "sentinelEnd"
+		})
+	] });
+}
+process.env.NODE_ENV !== "production" && (J.propTypes = {
+	children: d,
+	disableAutoFocus: M.default.bool,
+	disableEnforceFocus: M.default.bool,
+	disableRestoreFocus: M.default.bool,
+	getTabbable: M.default.func,
+	isEnabled: M.default.func,
+	open: M.default.bool.isRequired
+}), process.env.NODE_ENV !== "production" && (J.propTypes = c(J.propTypes));
+//#endregion
+//#region ../../node_modules/@mui/material/Fade/Fade.mjs
+var oe = {
+	entering: { opacity: 1 },
+	entered: { opacity: 1 },
+	exiting: { opacity: 0 },
+	exited: { opacity: 0 }
+}, se = {
+	opacity: 0,
+	visibility: "hidden"
+}, Y = /* @__PURE__ */ D.forwardRef(function(e, t) {
+	let n = p(), r = {
+		enter: n.transitions.duration.enteringScreen,
+		exit: n.transitions.duration.leavingScreen
+	}, { addEndListener: i, appear: a = !0, children: o, easing: s, in: c, onEnter: u, onEntered: d, onEntering: f, onExit: m, onExited: g, onExiting: S, style: C, timeout: w = r, ...T } = e, E = D.useRef(null), k = h(E, l(o), t), A = b(E, f), j = b(E, (e, t) => {
+		v(e);
+		let r = y({
+			style: C,
+			timeout: w,
+			easing: s
+		}, { mode: "enter" });
+		e.style.transition = n.transitions.create("opacity", r), u && u(e, t);
+	}), M = b(E, d), N = b(E, S);
+	return /* @__PURE__ */ O(_, {
+		appear: a,
+		in: c,
+		nodeRef: E,
+		onEnter: j,
+		onEntered: M,
+		onEntering: A,
+		onExit: b(E, (e) => {
+			let t = y({
+				style: C,
+				timeout: w,
+				easing: s
+			}, { mode: "exit" });
+			e.style.transition = n.transitions.create("opacity", t), m && m(e);
+		}),
+		onExited: b(E, (e) => {
+			e.style.transition = "", g && g(e);
+		}),
+		onExiting: N,
+		addEndListener: (e) => {
+			i && i(E.current, e);
+		},
+		timeout: w,
+		...T,
+		children: (e, { ownerState: t, ...n }) => {
+			let r = x(e, c, oe, se, C, o.props.style);
+			return /* @__PURE__ */ D.cloneElement(o, {
+				style: r,
+				ref: k,
+				...n
+			});
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	addEndListener: M.default.func,
+	appear: M.default.bool,
+	children: d.isRequired,
+	easing: M.default.oneOfType([M.default.shape({
+		enter: M.default.string,
+		exit: M.default.string
+	}), M.default.string]),
+	in: M.default.bool,
+	onEnter: M.default.func,
+	onEntered: M.default.func,
+	onEntering: M.default.func,
+	onExit: M.default.func,
+	onExited: M.default.func,
+	onExiting: M.default.func,
+	style: M.default.object,
+	timeout: M.default.oneOfType([M.default.number, M.default.shape({
+		appear: M.default.number,
+		enter: M.default.number,
+		exit: M.default.number
+	})])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Backdrop/backdropClasses.mjs
+function ce(e) {
+	return i("MuiBackdrop", e);
+}
+o("MuiBackdrop", ["root", "invisible"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Backdrop/Backdrop.mjs
+var le = (e) => {
+	let { classes: t, invisible: r } = e;
+	return n({ root: ["root", r && "invisible"] }, ce, t);
+}, ue = s("div", {
+	name: "MuiBackdrop",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, n.invisible && t.invisible];
+	}
+})({
+	position: "fixed",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	right: 0,
+	bottom: 0,
+	top: 0,
+	left: 0,
+	backgroundColor: "rgba(0, 0, 0, 0.5)",
+	WebkitTapHighlightColor: "transparent",
+	variants: [{
+		props: { invisible: !0 },
+		style: { backgroundColor: "transparent" }
+	}]
+}), X = /* @__PURE__ */ D.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiBackdrop"
+	}), { children: i, className: o, component: s = "div", invisible: c = !1, open: l, slotProps: u = {}, slots: d = {}, transitionDuration: f, ...p } = n, m = {
+		...n,
+		component: s,
+		invisible: c
+	}, h = le(m), g = {
+		component: s,
+		slots: d,
+		slotProps: u
+	}, [_, v] = C("root", {
+		elementType: ue,
+		externalForwardedProps: g,
+		className: a(h.root, o),
+		ownerState: m
+	}), [y, b] = C("transition", {
+		elementType: Y,
+		externalForwardedProps: g,
+		ownerState: m
+	});
+	return /* @__PURE__ */ O(y, {
+		in: l,
+		timeout: f,
+		...p,
+		...b,
+		children: /* @__PURE__ */ O(_, {
+			...v,
+			ref: t,
+			children: i
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (X.propTypes = {
+	children: M.default.node,
+	classes: M.default.object,
+	className: M.default.string,
+	component: M.default.elementType,
+	invisible: M.default.bool,
+	open: M.default.bool.isRequired,
+	slotProps: M.default.shape({
+		root: M.default.oneOfType([M.default.func, M.default.object]),
+		transition: M.default.oneOfType([M.default.func, M.default.object])
+	}),
+	slots: M.default.shape({
+		root: M.default.elementType,
+		transition: M.default.elementType
+	}),
+	sx: M.default.oneOfType([
+		M.default.arrayOf(M.default.oneOfType([
+			M.default.func,
+			M.default.object,
+			M.default.bool
+		])),
+		M.default.func,
+		M.default.object
+	]),
+	transitionDuration: M.default.oneOfType([M.default.number, M.default.shape({
+		appear: M.default.number,
+		enter: M.default.number,
+		exit: M.default.number
+	})])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Modal/useModal.mjs
+function de(e) {
+	return typeof e == "function" ? e() : e;
+}
+function fe(e) {
+	return e ? e.props.hasOwnProperty("in") : !1;
+}
+var Z = () => {}, Q = new G();
+function pe(e) {
+	let { container: t, disableScrollLock: n = !1, closeAfterTransition: r = !1, onTransitionEnter: i, onTransitionExited: a, children: o, onClose: s, open: c, rootRef: l } = e, d = D.useRef({}), f = D.useRef(null), p = D.useRef(null), h = m(p, l), [_, v] = D.useState(!c), y = fe(o), b = !0;
+	(e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (b = !1);
+	let x = () => u(f.current), C = () => (d.current.modalRef = p.current, d.current.mount = f.current, d.current), w = () => {
+		Q.mount(C(), { disableScrollLock: n }), p.current && (p.current.scrollTop = 0);
+	}, T = g(() => {
+		let e = de(t) || x().body;
+		Q.add(C(), e), p.current && w();
+	}), E = () => Q.isTopModal(C()), O = g((e) => {
+		f.current = e, e && (c && E() ? w() : p.current && R(p.current, b));
+	}), k = D.useCallback(() => {
+		Q.remove(C(), b);
+	}, [b]);
+	D.useEffect(() => () => {
+		k();
+	}, [k]), D.useEffect(() => {
+		c ? T() : (!y || !r) && k();
+	}, [
+		c,
+		k,
+		y,
+		r,
+		T
+	]);
+	let j = (e) => (t) => {
+		e.onKeyDown?.(t), !(t.key !== "Escape" || t.which === 229 || !E()) && (t.stopPropagation(), s && s(t, "escapeKeyDown"));
+	}, M = (e) => (t) => {
+		e.onClick?.(t), t.target === t.currentTarget && s && s(t, "backdropClick");
+	};
+	return {
+		getRootProps: (t = {}) => {
+			let n = S(e);
+			delete n.onTransitionEnter, delete n.onTransitionExited;
+			let r = {
+				...n,
+				...t
+			};
+			return {
+				role: "presentation",
+				...r,
+				onKeyDown: j(r),
+				ref: h
+			};
+		},
+		getBackdropProps: (e = {}) => {
+			let t = e;
+			return {
+				"aria-hidden": !0,
+				...t,
+				onClick: M(t),
+				open: c
+			};
+		},
+		getTransitionProps: () => ({
+			onEnter: A(() => {
+				v(!1), i && i();
+			}, o?.props.onEnter ?? Z),
+			onExited: A(() => {
+				v(!0), a && a(), r && k();
+			}, o?.props.onExited ?? Z)
+		}),
+		rootRef: h,
+		portalRef: O,
+		isTopModal: E,
+		exited: _,
+		hasTransition: y
+	};
+}
+//#endregion
+//#region ../../node_modules/@mui/material/Modal/modalClasses.mjs
+function me(e) {
+	return i("MuiModal", e);
+}
+o("MuiModal", [
+	"root",
+	"hidden",
+	"backdrop"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Modal/Modal.mjs
+var he = (e) => {
+	let { open: t, exited: r, classes: i } = e;
+	return n({
+		root: ["root", !t && r && "hidden"],
+		backdrop: ["backdrop"]
+	}, me, i);
+}, ge = s("div", {
+	name: "MuiModal",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, !n.open && n.exited && t.hidden];
+	}
+})(f(({ theme: e }) => ({
+	position: "fixed",
+	zIndex: (e.vars || e).zIndex.modal,
+	right: 0,
+	bottom: 0,
+	top: 0,
+	left: 0,
+	variants: [{
+		props: ({ ownerState: e }) => !e.open && e.exited,
+		style: { visibility: "hidden" }
+	}]
+}))), _e = s(X, {
+	name: "MuiModal",
+	slot: "Backdrop"
+})({ zIndex: -1 }), $ = /* @__PURE__ */ D.forwardRef(function(e, t) {
+	let n = r({
+		name: "MuiModal",
+		props: e
+	}), { classes: i, className: o, closeAfterTransition: s = !1, children: c, container: l, component: u, disableAutoFocus: d = !1, disableEnforceFocus: f = !1, disablePortal: p = !1, disableRestoreFocus: m = !1, disableScrollLock: h = !1, hideBackdrop: g = !1, keepMounted: _ = !1, onClose: v, onTransitionEnter: y, onTransitionExited: b, open: x, slotProps: S = {}, slots: w = {}, theme: E, ...A } = n, j = {
+		...n,
+		closeAfterTransition: s,
+		disableAutoFocus: d,
+		disableEnforceFocus: f,
+		disablePortal: p,
+		disableRestoreFocus: m,
+		disableScrollLock: h,
+		hideBackdrop: g,
+		keepMounted: _
+	}, { getRootProps: M, getBackdropProps: N, getTransitionProps: P, portalRef: F, isTopModal: I, exited: L, hasTransition: R } = pe({
+		...j,
+		rootRef: t
+	}), z = {
+		...j,
+		exited: L
+	}, B = he(z), V = {};
+	if (c.props.tabIndex === void 0 && (V.tabIndex = "-1"), R) {
+		let { onEnter: e, onExited: t } = P();
+		V.onEnter = e, V.onExited = t;
+	}
+	let H = {
+		slots: w,
+		slotProps: S
+	}, [U, W] = C("root", {
+		ref: t,
+		elementType: ge,
+		externalForwardedProps: {
+			...H,
+			...A,
+			component: u
+		},
+		getSlotProps: M,
+		ownerState: z,
+		className: a(o, B?.root, !z.open && z.exited && B?.hidden)
+	}), [G, K] = C("backdrop", {
+		elementType: _e,
+		externalForwardedProps: H,
+		shouldForwardComponentProp: !0,
+		getSlotProps: (e) => N({
+			...e,
+			onClick: (t) => {
+				e?.onClick && e.onClick(t);
+			}
+		}),
+		className: B?.backdrop,
+		ownerState: z
+	});
+	return !_ && !x && (!R || L) ? null : /* @__PURE__ */ O(T, {
+		ref: F,
+		container: l,
+		disablePortal: p,
+		children: /* @__PURE__ */ k(U, {
+			...W,
+			children: [g ? null : /* @__PURE__ */ O(G, { ...K }), /* @__PURE__ */ O(J, {
+				disableEnforceFocus: f,
+				disableAutoFocus: d,
+				disableRestoreFocus: m,
+				isEnabled: I,
+				open: x,
+				children: /* @__PURE__ */ D.cloneElement(c, V)
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && ($.propTypes = {
+	children: d.isRequired,
+	classes: M.default.object,
+	className: M.default.string,
+	closeAfterTransition: M.default.bool,
+	component: M.default.elementType,
+	container: M.default.oneOfType([w, M.default.func]),
+	disableAutoFocus: M.default.bool,
+	disableEnforceFocus: M.default.bool,
+	disablePortal: M.default.bool,
+	disableRestoreFocus: M.default.bool,
+	disableScrollLock: M.default.bool,
+	hideBackdrop: M.default.bool,
+	keepMounted: M.default.bool,
+	onClose: M.default.func,
+	onTransitionEnter: M.default.func,
+	onTransitionExited: M.default.func,
+	open: M.default.bool.isRequired,
+	slotProps: M.default.shape({
+		backdrop: M.default.oneOfType([M.default.func, M.default.object]),
+		root: M.default.oneOfType([M.default.func, M.default.object])
+	}),
+	slots: M.default.shape({
+		backdrop: M.default.elementType,
+		root: M.default.elementType
+	}),
+	sx: M.default.oneOfType([
+		M.default.arrayOf(M.default.oneOfType([
+			M.default.func,
+			M.default.object,
+			M.default.bool
+		])),
+		M.default.func,
+		M.default.object
+	])
+});
+//#endregion
+export { K as a, P as c, J as i, N as l, X as n, I as o, Y as r, F as s, $ as t, j as u };