@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/Modal-CD2EBfU8.js

@@ -0,0 +1,702 @@
+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 { t as l } from "./memoTheme-qFyKAk7y.js";
+import { t as u } from "./useTheme-BIWMbX3i.js";
+import { n as d, t as f } from "./useForkRef-BuNFTXxE.js";
+import { t as p } from "./useEventCallback-DhCPBxRG.js";
+import { a as m, i as h, n as g, o as _, t as v } from "./utils-Bfqbev5I.js";
+import { i as y, t as b } from "./useSlot-BG8ReOxN.js";
+import { t as x } from "./getActiveElement-BfBkhgy6.js";
+import { t as S } from "./ownerDocument-CJjQZweZ.js";
+import { n as C, t as w } from "./elementAcceptingRef-pKEY6jPR.js";
+import { n as T, t as E } from "./Portal-i_wgIe9-.js";
+import { t as D } from "./contains-DnqPQsQU.js";
+import * as O from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/utils/createChainedFunction/createChainedFunction.mjs
+function j(...e) {
+	return e.reduce((e, t) => t == null ? e : function(...n) {
+		e.apply(this, n), t.apply(this, n);
+	}, () => {});
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/getActiveElement.mjs
+var M = /* @__PURE__ */ e(t(), 1), N = x;
+//#endregion
+//#region ../../node_modules/@mui/utils/ownerWindow/ownerWindow.mjs
+function P(e) {
+	return S(e).defaultView || window;
+}
+//#endregion
+//#region ../../node_modules/@mui/material/utils/contains.mjs
+var F = D;
+//#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 = S(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 = S(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 = S(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 = O.useRef(!1), l = O.useRef(null), u = O.useRef(null), f = O.useRef(null), p = O.useRef(null), m = O.useRef(!1), h = O.useRef(null), g = d(C(t), h), _ = O.useRef(null);
+	O.useEffect(() => {
+		!s || !h.current || (m.current = !n);
+	}, [n, s]), O.useEffect(() => {
+		if (c.current = !1, !s || !h.current) return;
+		let e = N(S(h.current)), t = q(h.current) ?? h.current;
+		return F(h.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")), m.current && t.focus()), () => {
+			!i && f.current && (c.current = !0, f.current.focus(), f.current = null);
+		};
+	}, [s]), O.useEffect(() => {
+		if (!s || !h.current) return;
+		let e = S(h.current), t = (t) => {
+			_.current = t, !(r || !o() || t.key !== "Tab") && N(e) === h.current && t.shiftKey && (c.current = !0, u.current && u.current.focus());
+		}, n = () => {
+			let t = h.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 !== l.current && n !== u.current) return;
+			if (n !== p.current) p.current = null;
+			else if (p.current !== null) return;
+			if (!m.current) return;
+			let i = [];
+			if ((n === l.current || n === u.current) && (i = a(h.current)), i.length > 0) {
+				let e = !!(_.current?.shiftKey && _.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 v = (e) => {
+		f.current === null && (f.current = e.relatedTarget), m.current = !0, p.current = e.target;
+		let n = t.props.onFocus;
+		n && n(e);
+	}, y = (e) => {
+		f.current === null && (f.current = e.relatedTarget), m.current = !0;
+	};
+	return /* @__PURE__ */ A(O.Fragment, { children: [
+		/* @__PURE__ */ k("div", {
+			tabIndex: s ? 0 : -1,
+			onFocus: y,
+			ref: l,
+			"data-testid": "sentinelStart"
+		}),
+		/* @__PURE__ */ O.cloneElement(t, {
+			ref: g,
+			onFocus: v
+		}),
+		/* @__PURE__ */ k("div", {
+			tabIndex: s ? 0 : -1,
+			onFocus: y,
+			ref: u,
+			"data-testid": "sentinelEnd"
+		})
+	] });
+}
+process.env.NODE_ENV !== "production" && (J.propTypes = {
+	children: w,
+	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__ */ O.forwardRef(function(e, t) {
+	let n = u(), r = {
+		enter: n.transitions.duration.enteringScreen,
+		exit: n.transitions.duration.leavingScreen
+	}, { addEndListener: i, appear: a = !0, children: o, easing: s, in: c, onEnter: l, onEntered: d, onEntering: p, onExit: y, onExited: b, onExiting: x, style: S, timeout: w = r, ...T } = e, E = O.useRef(null), D = f(E, C(o), t), A = h(E, p), j = h(E, (e, t) => {
+		m(e);
+		let r = g({
+			style: S,
+			timeout: w,
+			easing: s
+		}, { mode: "enter" });
+		e.style.transition = n.transitions.create("opacity", r), l && l(e, t);
+	}), M = h(E, d), N = h(E, x);
+	return /* @__PURE__ */ k(_, {
+		appear: a,
+		in: c,
+		nodeRef: E,
+		onEnter: j,
+		onEntered: M,
+		onEntering: A,
+		onExit: h(E, (e) => {
+			let t = g({
+				style: S,
+				timeout: w,
+				easing: s
+			}, { mode: "exit" });
+			e.style.transition = n.transitions.create("opacity", t), y && y(e);
+		}),
+		onExited: h(E, (e) => {
+			e.style.transition = "", b && b(e);
+		}),
+		onExiting: N,
+		addEndListener: (e) => {
+			i && i(E.current, e);
+		},
+		timeout: w,
+		...T,
+		children: (e, { ownerState: t, ...n }) => {
+			let r = v(e, c, oe, se, S, o.props.style);
+			return /* @__PURE__ */ O.cloneElement(o, {
+				style: r,
+				ref: D,
+				...n
+			});
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	addEndListener: M.default.func,
+	appear: M.default.bool,
+	children: w.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__ */ O.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] = b("root", {
+		elementType: ue,
+		externalForwardedProps: g,
+		className: a(h.root, o),
+		ownerState: m
+	}), [y, x] = b("transition", {
+		elementType: Y,
+		externalForwardedProps: g,
+		ownerState: m
+	});
+	return /* @__PURE__ */ k(y, {
+		in: l,
+		timeout: f,
+		...p,
+		...x,
+		children: /* @__PURE__ */ k(_, {
+			...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, u = O.useRef({}), f = O.useRef(null), m = O.useRef(null), h = d(m, l), [g, _] = O.useState(!c), v = fe(o), b = !0;
+	(e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (b = !1);
+	let x = () => S(f.current), C = () => (u.current.modalRef = m.current, u.current.mount = f.current, u.current), w = () => {
+		Q.mount(C(), { disableScrollLock: n }), m.current && (m.current.scrollTop = 0);
+	}, T = p(() => {
+		let e = de(t) || x().body;
+		Q.add(C(), e), m.current && w();
+	}), E = () => Q.isTopModal(C()), D = p((e) => {
+		f.current = e, e && (c && E() ? w() : m.current && R(m.current, b));
+	}), k = O.useCallback(() => {
+		Q.remove(C(), b);
+	}, [b]);
+	O.useEffect(() => () => {
+		k();
+	}, [k]), O.useEffect(() => {
+		c ? T() : (!v || !r) && k();
+	}, [
+		c,
+		k,
+		v,
+		r,
+		T
+	]);
+	let A = (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 = y(e);
+			delete n.onTransitionEnter, delete n.onTransitionExited;
+			let r = {
+				...n,
+				...t
+			};
+			return {
+				role: "presentation",
+				...r,
+				onKeyDown: A(r),
+				ref: h
+			};
+		},
+		getBackdropProps: (e = {}) => {
+			let t = e;
+			return {
+				"aria-hidden": !0,
+				...t,
+				onClick: M(t),
+				open: c
+			};
+		},
+		getTransitionProps: () => ({
+			onEnter: j(() => {
+				_(!1), i && i();
+			}, o?.props.onEnter ?? Z),
+			onExited: j(() => {
+				_(!0), a && a(), r && k();
+			}, o?.props.onExited ?? Z)
+		}),
+		rootRef: h,
+		portalRef: D,
+		isTopModal: E,
+		exited: g,
+		hasTransition: v
+	};
+}
+//#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];
+	}
+})(l(({ 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__ */ O.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: x, open: S, slotProps: C = {}, slots: w = {}, theme: T, ...D } = 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: C
+	}, [U, W] = b("root", {
+		ref: t,
+		elementType: ge,
+		externalForwardedProps: {
+			...H,
+			...D,
+			component: u
+		},
+		getSlotProps: M,
+		ownerState: z,
+		className: a(o, B?.root, !z.open && z.exited && B?.hidden)
+	}), [G, K] = b("backdrop", {
+		elementType: _e,
+		externalForwardedProps: H,
+		shouldForwardComponentProp: !0,
+		getSlotProps: (e) => N({
+			...e,
+			onClick: (t) => {
+				e?.onClick && e.onClick(t);
+			}
+		}),
+		className: B?.backdrop,
+		ownerState: z
+	});
+	return !_ && !S && (!R || L) ? null : /* @__PURE__ */ k(E, {
+		ref: F,
+		container: l,
+		disablePortal: p,
+		children: /* @__PURE__ */ A(U, {
+			...W,
+			children: [g ? null : /* @__PURE__ */ k(G, { ...K }), /* @__PURE__ */ k(J, {
+				disableEnforceFocus: f,
+				disableAutoFocus: d,
+				disableRestoreFocus: m,
+				isEnabled: I,
+				open: S,
+				children: /* @__PURE__ */ O.cloneElement(c, V)
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && ($.propTypes = {
+	children: w.isRequired,
+	classes: M.default.object,
+	className: M.default.string,
+	closeAfterTransition: M.default.bool,
+	component: M.default.elementType,
+	container: M.default.oneOfType([T, 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 };