@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/{Modal-jAiibALV.js → Modal-CD2EBfU8.js}

@@ -6,41 +6,36 @@ 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";
+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 A(...e) {
+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/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;
+var M = /* @__PURE__ */ e(t(), 1), N = x;
 //#endregion
 //#region ../../node_modules/@mui/utils/ownerWindow/ownerWindow.mjs
 function P(e) {
-	return u(e).defaultView || window;
+	return S(e).defaultView || window;
 }
 //#endregion
 //#region ../../node_modules/@mui/material/utils/contains.mjs
-var F = E;
+var F = D;
 //#endregion
 //#region ../../node_modules/@mui/utils/getScrollbarSize/getScrollbarSize.mjs
 function I(e = window) {
@@ -50,7 +45,7 @@ function I(e = window) {
 //#endregion
 //#region ../../node_modules/@mui/material/Modal/ModalManager.mjs
 function L(e) {
-	let t = u(e);
+	let t = S(e);
 	return t.body === e ? P(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
 function R(e, t) {
@@ -103,7 +98,7 @@ function U(e, t) {
 				property: "padding-right",
 				el: r
 			}), r.style.paddingRight = `${z(r) + e}px`;
-			let t = u(r).querySelectorAll(".mui-fixed");
+			let t = S(r).querySelectorAll(".mui-fixed");
 			[].forEach.call(t, (t) => {
 				n.push({
 					value: t.style.paddingRight,
@@ -113,7 +108,7 @@ function U(e, t) {
 			});
 		}
 		let e;
-		if (r.parentNode instanceof DocumentFragment) e = u(r).body;
+		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;
@@ -224,34 +219,34 @@ 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);
+	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]), 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());
+	}, [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 = _.current;
+			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 !== d.current && n !== f.current) return;
-			if (n !== h.current) h.current = null;
-			else if (h.current !== null) return;
-			if (!g.current) 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 === 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];
+			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();
 		};
@@ -271,34 +266,34 @@ function J(e) {
 		s,
 		a
 	]);
-	let b = (e) => {
-		p.current === null && (p.current = e.relatedTarget), g.current = !0, h.current = e.target;
+	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);
-	}, x = (e) => {
-		p.current === null && (p.current = e.relatedTarget), g.current = !0;
+	}, y = (e) => {
+		f.current === null && (f.current = e.relatedTarget), m.current = !0;
 	};
-	return /* @__PURE__ */ k(D.Fragment, { children: [
-		/* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ A(O.Fragment, { children: [
+		/* @__PURE__ */ k("div", {
 			tabIndex: s ? 0 : -1,
-			onFocus: x,
-			ref: d,
+			onFocus: y,
+			ref: l,
 			"data-testid": "sentinelStart"
 		}),
-		/* @__PURE__ */ D.cloneElement(t, {
-			ref: v,
-			onFocus: b
+		/* @__PURE__ */ O.cloneElement(t, {
+			ref: g,
+			onFocus: v
 		}),
-		/* @__PURE__ */ O("div", {
+		/* @__PURE__ */ k("div", {
 			tabIndex: s ? 0 : -1,
-			onFocus: x,
-			ref: f,
+			onFocus: y,
+			ref: u,
 			"data-testid": "sentinelEnd"
 		})
 	] });
 }
 process.env.NODE_ENV !== "production" && (J.propTypes = {
-	children: d,
+	children: w,
 	disableAutoFocus: M.default.bool,
 	disableEnforceFocus: M.default.bool,
 	disableRestoreFocus: M.default.bool,
@@ -316,36 +311,36 @@ var oe = {
 }, se = {
 	opacity: 0,
 	visibility: "hidden"
-}, Y = /* @__PURE__ */ D.forwardRef(function(e, t) {
-	let n = p(), r = {
+}, 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: 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,
+	}, { 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), u && u(e, t);
-	}), M = b(E, d), N = b(E, S);
-	return /* @__PURE__ */ O(_, {
+		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: b(E, (e) => {
-			let t = y({
-				style: C,
+		onExit: h(E, (e) => {
+			let t = g({
+				style: S,
 				timeout: w,
 				easing: s
 			}, { mode: "exit" });
-			e.style.transition = n.transitions.create("opacity", t), m && m(e);
+			e.style.transition = n.transitions.create("opacity", t), y && y(e);
 		}),
-		onExited: b(E, (e) => {
-			e.style.transition = "", g && g(e);
+		onExited: h(E, (e) => {
+			e.style.transition = "", b && b(e);
 		}),
 		onExiting: N,
 		addEndListener: (e) => {
@@ -354,10 +349,10 @@ var oe = {
 		timeout: w,
 		...T,
 		children: (e, { ownerState: t, ...n }) => {
-			let r = x(e, c, oe, se, C, o.props.style);
-			return /* @__PURE__ */ D.cloneElement(o, {
+			let r = v(e, c, oe, se, S, o.props.style);
+			return /* @__PURE__ */ O.cloneElement(o, {
 				style: r,
-				ref: k,
+				ref: D,
 				...n
 			});
 		}
@@ -366,7 +361,7 @@ var oe = {
 process.env.NODE_ENV !== "production" && (Y.propTypes = {
 	addEndListener: M.default.func,
 	appear: M.default.bool,
-	children: d.isRequired,
+	children: w.isRequired,
 	easing: M.default.oneOfType([M.default.shape({
 		enter: M.default.string,
 		exit: M.default.string
@@ -418,7 +413,7 @@ var le = (e) => {
 		props: { invisible: !0 },
 		style: { backgroundColor: "transparent" }
 	}]
-}), X = /* @__PURE__ */ D.forwardRef(function(e, t) {
+}), X = /* @__PURE__ */ O.forwardRef(function(e, t) {
 	let n = r({
 		props: e,
 		name: "MuiBackdrop"
@@ -430,22 +425,22 @@ var le = (e) => {
 		component: s,
 		slots: d,
 		slotProps: u
-	}, [_, v] = C("root", {
+	}, [_, v] = b("root", {
 		elementType: ue,
 		externalForwardedProps: g,
 		className: a(h.root, o),
 		ownerState: m
-	}), [y, b] = C("transition", {
+	}), [y, x] = b("transition", {
 		elementType: Y,
 		externalForwardedProps: g,
 		ownerState: m
 	});
-	return /* @__PURE__ */ O(y, {
+	return /* @__PURE__ */ k(y, {
 		in: l,
 		timeout: f,
 		...p,
-		...b,
-		children: /* @__PURE__ */ O(_, {
+		...x,
+		children: /* @__PURE__ */ k(_, {
 			...v,
 			ref: t,
 			children: i
@@ -492,37 +487,37 @@ function fe(e) {
 }
 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;
+	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 = () => 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 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), 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.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]);
-	D.useEffect(() => () => {
+	O.useEffect(() => () => {
 		k();
-	}, [k]), D.useEffect(() => {
-		c ? T() : (!y || !r) && k();
+	}, [k]), O.useEffect(() => {
+		c ? T() : (!v || !r) && k();
 	}, [
 		c,
 		k,
-		y,
+		v,
 		r,
 		T
 	]);
-	let j = (e) => (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 = S(e);
+			let n = y(e);
 			delete n.onTransitionEnter, delete n.onTransitionExited;
 			let r = {
 				...n,
@@ -531,7 +526,7 @@ function pe(e) {
 			return {
 				role: "presentation",
 				...r,
-				onKeyDown: j(r),
+				onKeyDown: A(r),
 				ref: h
 			};
 		},
@@ -545,18 +540,18 @@ function pe(e) {
 			};
 		},
 		getTransitionProps: () => ({
-			onEnter: A(() => {
-				v(!1), i && i();
+			onEnter: j(() => {
+				_(!1), i && i();
 			}, o?.props.onEnter ?? Z),
-			onExited: A(() => {
-				v(!0), a && a(), r && k();
+			onExited: j(() => {
+				_(!0), a && a(), r && k();
 			}, o?.props.onExited ?? Z)
 		}),
 		rootRef: h,
-		portalRef: O,
+		portalRef: D,
 		isTopModal: E,
-		exited: _,
-		hasTransition: y
+		exited: g,
+		hasTransition: v
 	};
 }
 //#endregion
@@ -584,7 +579,7 @@ var he = (e) => {
 		let { ownerState: n } = e;
 		return [t.root, !n.open && n.exited && t.hidden];
 	}
-})(f(({ theme: e }) => ({
+})(l(({ theme: e }) => ({
 	position: "fixed",
 	zIndex: (e.vars || e).zIndex.modal,
 	right: 0,
@@ -598,11 +593,11 @@ var he = (e) => {
 }))), _e = s(X, {
 	name: "MuiModal",
 	slot: "Backdrop"
-})({ zIndex: -1 }), $ = /* @__PURE__ */ D.forwardRef(function(e, t) {
+})({ 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: b, open: x, slotProps: S = {}, slots: w = {}, theme: E, ...A } = n, j = {
+	}), { 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,
@@ -625,19 +620,19 @@ var he = (e) => {
 	}
 	let H = {
 		slots: w,
-		slotProps: S
-	}, [U, W] = C("root", {
+		slotProps: C
+	}, [U, W] = b("root", {
 		ref: t,
 		elementType: ge,
 		externalForwardedProps: {
 			...H,
-			...A,
+			...D,
 			component: u
 		},
 		getSlotProps: M,
 		ownerState: z,
 		className: a(o, B?.root, !z.open && z.exited && B?.hidden)
-	}), [G, K] = C("backdrop", {
+	}), [G, K] = b("backdrop", {
 		elementType: _e,
 		externalForwardedProps: H,
 		shouldForwardComponentProp: !0,
@@ -650,30 +645,30 @@ var he = (e) => {
 		className: B?.backdrop,
 		ownerState: z
 	});
-	return !_ && !x && (!R || L) ? null : /* @__PURE__ */ O(T, {
+	return !_ && !S && (!R || L) ? null : /* @__PURE__ */ k(E, {
 		ref: F,
 		container: l,
 		disablePortal: p,
-		children: /* @__PURE__ */ k(U, {
+		children: /* @__PURE__ */ A(U, {
 			...W,
-			children: [g ? null : /* @__PURE__ */ O(G, { ...K }), /* @__PURE__ */ O(J, {
+			children: [g ? null : /* @__PURE__ */ k(G, { ...K }), /* @__PURE__ */ k(J, {
 				disableEnforceFocus: f,
 				disableAutoFocus: d,
 				disableRestoreFocus: m,
 				isEnabled: I,
-				open: x,
-				children: /* @__PURE__ */ D.cloneElement(c, V)
+				open: S,
+				children: /* @__PURE__ */ O.cloneElement(c, V)
 			})]
 		})
 	});
 });
 process.env.NODE_ENV !== "production" && ($.propTypes = {
-	children: d.isRequired,
+	children: w.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]),
+	container: M.default.oneOfType([T, M.default.func]),
 	disableAutoFocus: M.default.bool,
 	disableEnforceFocus: M.default.bool,
 	disablePortal: M.default.bool,
@@ -704,4 +699,4 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
 	])
 });
 //#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 };
+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 };

package/dist/{Paper-ixxCeml9.js → Paper-_3qggtBp.js}

@@ -9,8 +9,8 @@ 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 { r as f } from "./isFocusVisible-Y7157FQS.js";
-import { t as p } from "./integerPropType-Disnft4a.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