@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/Paper-_3qggtBp.js

@@ -0,0 +1,115 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./colorManipulator-DmUjcif3.js";
+import { t as n } from "./prop-types-BzYPyWN7.js";
+import { r, t as i } from "./DefaultPropsProvider-ebWx4_5E.js";
+import { n as a } from "./createTheme-xB2Em0Na.js";
+import { t as o } from "./generateUtilityClass-PAIOm1jC.js";
+import { t as s } from "./clsx-DGZSe4Nt.js";
+import { t as c } from "./generateUtilityClasses-DvX505Gy.js";
+import { t as l } from "./styled-Bog8QCl3.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
+import { t as d } from "./useTheme-BIWMbX3i.js";
+import { t as f } from "./chainPropTypes-CkMRtDjQ.js";
+import { t as p } from "./integerPropType-CCkQD1JY.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Paper/paperClasses.mjs
+var g = /* @__PURE__ */ e(n(), 1);
+function _(e) {
+	return o("MuiPaper", e);
+}
+c("MuiPaper", /* @__PURE__ */ "root.rounded.outlined.elevation.elevation0.elevation1.elevation2.elevation3.elevation4.elevation5.elevation6.elevation7.elevation8.elevation9.elevation10.elevation11.elevation12.elevation13.elevation14.elevation15.elevation16.elevation17.elevation18.elevation19.elevation20.elevation21.elevation22.elevation23.elevation24".split("."));
+//#endregion
+//#region ../../node_modules/@mui/material/Paper/Paper.mjs
+var v = (e) => {
+	let { square: t, elevation: n, variant: i, classes: a } = e;
+	return r({ root: [
+		"root",
+		i,
+		!t && "rounded",
+		i === "elevation" && `elevation${n}`
+	] }, _, a);
+}, y = l("div", {
+	name: "MuiPaper",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[n.variant],
+			!n.square && t.rounded,
+			n.variant === "elevation" && t[`elevation${n.elevation}`]
+		];
+	}
+})(u(({ theme: e }) => ({
+	backgroundColor: (e.vars || e).palette.background.paper,
+	color: (e.vars || e).palette.text.primary,
+	transition: e.transitions.create("box-shadow"),
+	variants: [
+		{
+			props: ({ ownerState: e }) => !e.square,
+			style: { borderRadius: e.shape.borderRadius }
+		},
+		{
+			props: { variant: "outlined" },
+			style: { border: `1px solid ${(e.vars || e).palette.divider}` }
+		},
+		{
+			props: { variant: "elevation" },
+			style: {
+				boxShadow: "var(--Paper-shadow)",
+				backgroundImage: "var(--Paper-overlay)"
+			}
+		}
+	]
+}))), b = /* @__PURE__ */ m.forwardRef(function(e, n) {
+	let r = i({
+		props: e,
+		name: "MuiPaper"
+	}), o = d(), { className: c, component: l = "div", elevation: u = 1, square: f = !1, variant: p = "elevation", ...m } = r, g = {
+		...r,
+		component: l,
+		elevation: u,
+		square: f,
+		variant: p
+	}, _ = v(g);
+	return process.env.NODE_ENV !== "production" && o.shadows[u] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${u}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${u}]\` is defined.`].join("\n")), /* @__PURE__ */ h(y, {
+		as: l,
+		ownerState: g,
+		className: s(_.root, c),
+		ref: n,
+		...m,
+		style: {
+			...p === "elevation" && {
+				"--Paper-shadow": (o.vars || o).shadows[u],
+				...o.vars && { "--Paper-overlay": o.vars.overlays?.[u] },
+				...!o.vars && o.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${t("#fff", a(u))}, ${t("#fff", a(u))})` }
+			},
+			...m.style
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (b.propTypes = {
+	children: g.default.node,
+	classes: g.default.object,
+	className: g.default.string,
+	component: g.default.elementType,
+	elevation: f(p, (e) => {
+		let { elevation: t, variant: n } = e;
+		return t > 0 && n === "outlined" ? /* @__PURE__ */ Error(`MUI: Combining \`elevation={${t}}\` with \`variant="${n}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+	}),
+	square: g.default.bool,
+	style: g.default.object,
+	sx: g.default.oneOfType([
+		g.default.arrayOf(g.default.oneOfType([
+			g.default.func,
+			g.default.object,
+			g.default.bool
+		])),
+		g.default.func,
+		g.default.object
+	]),
+	variant: g.default.oneOfType([g.default.oneOf(["elevation", "outlined"]), g.default.string])
+});
+//#endregion
+export { b as t };

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 };