@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/Popover-BFdKSYI5.js

@@ -0,0 +1,340 @@
+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 "./refType-j5S9pc_e.js";
+import { t as l } from "./chainPropTypes-CkMRtDjQ.js";
+import { n as u } from "./appendOwnerState-CFQTq3pb.js";
+import { t as d } from "./useSlot-BG8ReOxN.js";
+import { t as f } from "./Modal-CD2EBfU8.js";
+import { n as p, t as m } from "./ownerWindow-SSeeoqPT.js";
+import { t as h } from "./ownerDocument-pYjJiXem.js";
+import { t as g } from "./mergeSlotProps-DC8r4QzS.js";
+import { n as _ } from "./Portal-i_wgIe9-.js";
+import { t as v } from "./integerPropType-CCkQD1JY.js";
+import { t as y } from "./isLayoutSupported-Btg2X3QE.js";
+import { t as b } from "./Grow-BQR7x52V.js";
+import { t as x } from "./Paper-_3qggtBp.js";
+import * as S from "react";
+import { jsx as C } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Popover/popoverClasses.mjs
+var w = /* @__PURE__ */ e(t(), 1);
+function T(e) {
+	return i("MuiPopover", e);
+}
+o("MuiPopover", ["root", "paper"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Popover/Popover.mjs
+function E(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.height / 2 : t === "bottom" && (n = e.height), n;
+}
+function D(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.width / 2 : t === "right" && (n = e.width), n;
+}
+function O(e) {
+	return [e.horizontal, e.vertical].map((e) => typeof e == "number" ? `${e}px` : e).join(" ");
+}
+function k(e) {
+	return typeof e == "function" ? e() : e;
+}
+var A = (e) => {
+	let { classes: t } = e;
+	return n({
+		root: ["root"],
+		paper: ["paper"]
+	}, T, t);
+}, j = s(f, {
+	name: "MuiPopover",
+	slot: "Root"
+})({}), M = s(x, {
+	name: "MuiPopover",
+	slot: "Paper"
+})({
+	position: "absolute",
+	overflowY: "auto",
+	overflowX: "hidden",
+	minWidth: 16,
+	minHeight: 16,
+	maxWidth: "calc(100% - 32px)",
+	maxHeight: "calc(100% - 32px)",
+	outline: 0
+}), N = /* @__PURE__ */ S.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiPopover"
+	}), { action: i, anchorEl: o, anchorOrigin: s = {
+		vertical: "top",
+		horizontal: "left"
+	}, anchorPosition: c, anchorReference: l = "anchorEl", children: f, className: _, container: v, disableAutoFocus: x = !1, elevation: w = 8, marginThreshold: T = 16, open: N, slots: P = {}, slotProps: F = {}, transformOrigin: I = {
+		vertical: "top",
+		horizontal: "left"
+	}, transitionDuration: L = "auto", disableScrollLock: R = !1, ...z } = n, B = S.useRef(), V = {
+		...n,
+		anchorOrigin: s,
+		anchorReference: l,
+		elevation: w,
+		marginThreshold: T,
+		transformOrigin: I,
+		transitionDuration: L
+	}, H = A(V), U = S.useCallback(() => {
+		if (l === "anchorPosition") return process.env.NODE_ENV !== "production" && (c || console.error("MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference=\"anchorPosition\" />.")), c;
+		let e = k(o), t = e && e.nodeType === 1 ? e : h(B.current).body, n = t.getBoundingClientRect();
+		if (process.env.NODE_ENV !== "production") {
+			let e = t.getBoundingClientRect();
+			y() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0 && console.warn([
+				"MUI: The `anchorEl` prop provided to the component is invalid.",
+				"The anchor element should be part of the document layout.",
+				"Make sure the element is present in the document or that it's not display none."
+			].join("\n"));
+		}
+		return {
+			top: n.top + E(n, s.vertical),
+			left: n.left + D(n, s.horizontal)
+		};
+	}, [
+		o,
+		s.horizontal,
+		s.vertical,
+		c,
+		l
+	]), W = S.useCallback((e) => ({
+		vertical: E(e, I.vertical),
+		horizontal: D(e, I.horizontal)
+	}), [I.horizontal, I.vertical]), G = S.useCallback((e) => {
+		let t = {
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		}, n = W(t);
+		if (l === "none") return {
+			top: null,
+			left: null,
+			transformOrigin: O(n)
+		};
+		let r = U(), i = r.top - n.vertical, a = r.left - n.horizontal, s = i + t.height, c = a + t.width, u = m(k(o)), d = u.innerHeight - T, f = u.innerWidth - T;
+		if (T != null && i < T) {
+			let e = i - T;
+			i -= e, n.vertical += e;
+		} else if (T != null && s > d) {
+			let e = s - d;
+			i -= e, n.vertical += e;
+		}
+		if (process.env.NODE_ENV !== "production" && t.height > d && t.height && d && console.error([
+			"MUI: The popover component is too tall.",
+			`Some part of it can not be seen on the screen (${t.height - d}px).`,
+			"Please consider adding a `max-height` to improve the user-experience."
+		].join("\n")), T != null && a < T) {
+			let e = a - T;
+			a -= e, n.horizontal += e;
+		} else if (c > f) {
+			let e = c - f;
+			a -= e, n.horizontal += e;
+		}
+		return {
+			top: `${Math.round(i)}px`,
+			left: `${Math.round(a)}px`,
+			transformOrigin: O(n)
+		};
+	}, [
+		o,
+		l,
+		U,
+		W,
+		T
+	]), [ee, K] = S.useState(N), q = S.useCallback(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = G(e);
+		t.top != null && e.style.setProperty("top", t.top), t.left != null && (e.style.left = t.left), e.style.transformOrigin = t.transformOrigin, K(!0);
+	}, [G]);
+	S.useEffect(() => (R && window.addEventListener("scroll", q), () => window.removeEventListener("scroll", q)), [
+		o,
+		R,
+		q
+	]);
+	let J = () => {
+		q();
+	}, Y = () => {
+		K(!1);
+	};
+	S.useEffect(() => {
+		N && q();
+	}), S.useImperativeHandle(i, () => N ? { updatePosition: () => {
+		q();
+	} } : null, [N, q]), S.useEffect(() => {
+		if (!N) return;
+		let e = p(() => {
+			q();
+		}), t = m(k(o));
+		return t.addEventListener("resize", e), () => {
+			e.clear(), t.removeEventListener("resize", e);
+		};
+	}, [
+		o,
+		N,
+		q
+	]);
+	let X = L, Z = {
+		slots: P,
+		slotProps: F
+	}, [Q, te] = d("transition", {
+		elementType: b,
+		externalForwardedProps: Z,
+		ownerState: V,
+		getSlotProps: (e) => ({
+			...e,
+			onEntering: (t, n) => {
+				e.onEntering?.(t, n), J();
+			},
+			onExited: (t) => {
+				e.onExited?.(t), Y();
+			}
+		}),
+		additionalProps: {
+			appear: !0,
+			in: N
+		}
+	});
+	L === "auto" && !Q.muiSupportAuto && (X = void 0);
+	let ne = v || (o ? h(k(o)).body : void 0), [$, { slots: re, slotProps: ie, ...ae }] = d("root", {
+		ref: t,
+		elementType: j,
+		externalForwardedProps: {
+			...Z,
+			...z
+		},
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			slots: { backdrop: P.backdrop },
+			slotProps: { backdrop: g(typeof F.backdrop == "function" ? F.backdrop(V) : F.backdrop, { invisible: !0 }) },
+			container: ne,
+			open: N
+		},
+		ownerState: V,
+		className: a(H.root, _)
+	}), [oe, se] = d("paper", {
+		ref: B,
+		className: H.paper,
+		elementType: M,
+		externalForwardedProps: Z,
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			elevation: w,
+			style: ee ? void 0 : { opacity: 0 }
+		},
+		ownerState: V
+	});
+	return /* @__PURE__ */ C($, {
+		...ae,
+		...!u($) && {
+			slots: re,
+			slotProps: ie,
+			disableAutoFocus: x,
+			disableScrollLock: R
+		},
+		children: /* @__PURE__ */ C(Q, {
+			...te,
+			timeout: X,
+			children: /* @__PURE__ */ C(oe, {
+				...se,
+				children: f
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (N.propTypes = {
+	action: c,
+	anchorEl: l(w.default.oneOfType([_, w.default.func]), (e) => {
+		if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
+			let t = k(e.anchorEl);
+			if (t && t.nodeType === 1) {
+				let e = t.getBoundingClientRect();
+				if (process.env.NODE_ENV !== "production" && y() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
+					"MUI: The `anchorEl` prop provided to the component is invalid.",
+					"The anchor element should be part of the document layout.",
+					"Make sure the element is present in the document or that it's not display none."
+				].join("\n"));
+			} else return Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join("\n"));
+		}
+		return null;
+	}),
+	anchorOrigin: w.default.shape({
+		horizontal: w.default.oneOfType([w.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), w.default.number]).isRequired,
+		vertical: w.default.oneOfType([w.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), w.default.number]).isRequired
+	}),
+	anchorPosition: w.default.shape({
+		left: w.default.number.isRequired,
+		top: w.default.number.isRequired
+	}),
+	anchorReference: w.default.oneOf([
+		"anchorEl",
+		"anchorPosition",
+		"none"
+	]),
+	children: w.default.node,
+	classes: w.default.object,
+	className: w.default.string,
+	container: w.default.oneOfType([_, w.default.func]),
+	disableAutoFocus: w.default.bool,
+	disableScrollLock: w.default.bool,
+	elevation: v,
+	marginThreshold: w.default.number,
+	onClose: w.default.func,
+	open: w.default.bool.isRequired,
+	slotProps: w.default.shape({
+		backdrop: w.default.oneOfType([w.default.func, w.default.object]),
+		paper: w.default.oneOfType([w.default.func, w.default.object]),
+		root: w.default.oneOfType([w.default.func, w.default.object]),
+		transition: w.default.oneOfType([w.default.func, w.default.object])
+	}),
+	slots: w.default.shape({
+		backdrop: w.default.elementType,
+		paper: w.default.elementType,
+		root: w.default.elementType,
+		transition: w.default.elementType
+	}),
+	sx: w.default.oneOfType([
+		w.default.arrayOf(w.default.oneOfType([
+			w.default.func,
+			w.default.object,
+			w.default.bool
+		])),
+		w.default.func,
+		w.default.object
+	]),
+	transformOrigin: w.default.shape({
+		horizontal: w.default.oneOfType([w.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), w.default.number]).isRequired,
+		vertical: w.default.oneOfType([w.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), w.default.number]).isRequired
+	}),
+	transitionDuration: w.default.oneOfType([
+		w.default.oneOf(["auto"]),
+		w.default.number,
+		w.default.shape({
+			appear: w.default.number,
+			enter: w.default.number,
+			exit: w.default.number
+		})
+	])
+});
+//#endregion
+export { M as n, N as t };