@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/s-drawer-4h5ZyoM8.js

@@ -0,0 +1,562 @@
+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 "./Box-9oeZgA1U.js";
+import { t as s } from "./generateUtilityClasses-DvX505Gy.js";
+import { n as c, t as l } from "./styled-Bog8QCl3.js";
+import { t as u } from "./useThemeProps-Dw9dmKyT.js";
+import { t as d } from "./RtlProvider-B7uVJXUY.js";
+import { t as f } from "./memoTheme-qFyKAk7y.js";
+import { t as p } from "./useTheme-BIWMbX3i.js";
+import { toSxArray as m } from "./utils/sx.js";
+import { resolveOwnerStateSlotProps as h } from "./utils/slots.js";
+import { t as g } from "./chainPropTypes-CkMRtDjQ.js";
+import { t as _ } from "./useForkRef-BuNFTXxE.js";
+import { t as v } from "./useEventCallback-DGCsaRIu.js";
+import { a as y, i as b, n as x, o as S, r as C } from "./utils-Bfqbev5I.js";
+import { t as w } from "./appendOwnerState-CFQTq3pb.js";
+import { t as T } from "./useSlot-BG8ReOxN.js";
+import { t as E } from "./capitalize-C0baBJCm.js";
+import { t as D } from "./Modal-CD2EBfU8.js";
+import { n as O, t as k } from "./ownerWindow-SSeeoqPT.js";
+import { t as A } from "./mergeSlotProps-DC8r4QzS.js";
+import { n as j, t as M } from "./elementAcceptingRef-pKEY6jPR.js";
+import { n as N } from "./Portal-i_wgIe9-.js";
+import { t as P } from "./integerPropType-CCkQD1JY.js";
+import { t as F } from "./isLayoutSupported-Btg2X3QE.js";
+import { t as I } from "./Paper-_3qggtBp.js";
+import { t as L } from "./Typography-_P0svrkO.js";
+import { t as R } from "./Close-CIYOM-Sc.js";
+import { SOverlayScrollbar as z } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
+import { SIconButton as B } from "./s-icon-button/s-icon-button.js";
+import * as V from "react";
+import { jsx as H, jsxs as U } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Slide/Slide.mjs
+var W = /* @__PURE__ */ e(t(), 1), G = { visibility: "hidden" };
+function K(e) {
+	return typeof e == "string" && /^translate\(.+,\s*.+\)$/.test(e);
+}
+function ee(e, t, n, r = {}) {
+	let { resetInlineTransform: i = !0 } = r, a = n && n.getBoundingClientRect(), o = k(t), s, c;
+	if (i) {
+		let e = t.style.transform, n = t.style.transition;
+		t.style.transition = "", t.style.transform = "", s = t.getBoundingClientRect(), c = o.getComputedStyle(t).getPropertyValue("transform"), t.style.transform = e, t.style.transition = n;
+	} else s = t.getBoundingClientRect(), c = o.getComputedStyle(t).getPropertyValue("transform");
+	let { offsetX: l, offsetY: u } = C(c);
+	return e === "left" ? a ? `translateX(${a.right + l - s.left}px)` : `translateX(${o.innerWidth + l - s.left}px)` : e === "right" ? a ? `translateX(-${s.right - a.left - l}px)` : `translateX(-${s.left + s.width - l}px)` : e === "up" ? a ? `translateY(${a.bottom + u - s.top}px)` : `translateY(${o.innerHeight + u - s.top}px)` : a ? `translateY(-${s.top - a.top + s.height - u}px)` : `translateY(-${s.top + s.height - u}px)`;
+}
+function q(e) {
+	return typeof e == "function" ? e() : e;
+}
+function J(e, t, n, r) {
+	let i = ee(e, t, q(n), r);
+	i && (t.style.transform = i);
+}
+var Y = /* @__PURE__ */ V.forwardRef(function(e, t) {
+	let n = p(), r = {
+		enter: n.transitions.easing.easeOut,
+		exit: n.transitions.easing.sharp
+	}, i = {
+		enter: n.transitions.duration.enteringScreen,
+		exit: n.transitions.duration.leavingScreen
+	}, { addEndListener: a, appear: o = !0, children: s, container: c, direction: l = "down", easing: u = r, in: d, onEnter: f, onEntered: m, onEntering: h, onExit: g, onExited: v, onExiting: C, style: w, timeout: T = i, ...E } = e, D = V.useRef(null), A = V.useRef(!1), M = _(j(s), D, t), N = b(D, (e, t) => {
+		J(l, e, c), y(e), f && f(e, t);
+	}), P = b(D, (e, t) => {
+		let r = x({
+			timeout: T,
+			style: w,
+			easing: u
+		}, { mode: "enter" });
+		e.style.transition = n.transitions.create("transform", r), e.style.transform = "none", h && h(e, t);
+	}), F = b(D, m), I = b(D, C), L = b(D, (e) => {
+		let t = x({
+			timeout: T,
+			style: w,
+			easing: u
+		}, { mode: "exit" });
+		e.style.transition = n.transitions.create("transform", t);
+		let r = K(e.style.transform);
+		A.current = r, J(l, e, c, { resetInlineTransform: !r }), g && g(e);
+	}), R = b(D, (e) => {
+		A.current = !1, e.style.transition = "", v && v(e);
+	}), z = (e) => {
+		a && a(D.current, e);
+	}, B = V.useCallback(() => {
+		D.current && J(l, D.current, c);
+	}, [l, c]);
+	return V.useEffect(() => {
+		if (d || l === "down" || l === "right") return;
+		let e = O(() => {
+			D.current && J(l, D.current, c);
+		}), t = k(D.current);
+		return t.addEventListener("resize", e), () => {
+			e.clear(), t.removeEventListener("resize", e);
+		};
+	}, [
+		l,
+		d,
+		c
+	]), V.useEffect(() => {
+		!d && !A.current && B();
+	}, [d, B]), /* @__PURE__ */ H(S, {
+		nodeRef: D,
+		onEnter: N,
+		onEntered: F,
+		onEntering: P,
+		onExit: L,
+		onExited: R,
+		onExiting: I,
+		addEndListener: z,
+		appear: o,
+		in: d,
+		timeout: T,
+		...E,
+		children: (e, { ownerState: t, ...n }) => {
+			let r;
+			return r = e === "exited" && !d ? w || s.props.style ? {
+				visibility: "hidden",
+				...w,
+				...s.props.style
+			} : G : w && s.props.style ? {
+				...w,
+				...s.props.style
+			} : w || s.props.style, /* @__PURE__ */ V.cloneElement(s, {
+				ref: M,
+				style: r,
+				...n
+			});
+		}
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
+	addEndListener: W.default.func,
+	appear: W.default.bool,
+	children: M.isRequired,
+	container: g(W.default.oneOfType([N, W.default.func]), (e) => {
+		if (e.open) {
+			let t = q(e.container);
+			if (t && t.nodeType === 1) {
+				let e = t.getBoundingClientRect();
+				if (process.env.NODE_ENV !== "production" && F() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
+					"MUI: The `container` 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 if (!t || typeof t.getBoundingClientRect != "function" || t.contextElement != null && t.contextElement.nodeType !== 1) return Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join("\n"));
+		}
+		return null;
+	}),
+	direction: W.default.oneOf([
+		"down",
+		"left",
+		"right",
+		"up"
+	]),
+	easing: W.default.oneOfType([W.default.shape({
+		enter: W.default.string,
+		exit: W.default.string
+	}), W.default.string]),
+	in: W.default.bool,
+	onEnter: W.default.func,
+	onEntered: W.default.func,
+	onEntering: W.default.func,
+	onExit: W.default.func,
+	onExited: W.default.func,
+	onExiting: W.default.func,
+	style: W.default.object,
+	timeout: W.default.oneOfType([W.default.number, W.default.shape({
+		appear: W.default.number,
+		enter: W.default.number,
+		exit: W.default.number
+	})])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Drawer/drawerClasses.mjs
+function te(e) {
+	return i("MuiDrawer", e);
+}
+s("MuiDrawer", [
+	"root",
+	"docked",
+	"paper",
+	"anchorLeft",
+	"anchorRight",
+	"anchorTop",
+	"anchorBottom",
+	"modal"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Drawer/Drawer.mjs
+var X = (e, t) => {
+	let { ownerState: n } = e;
+	return [
+		t.root,
+		(n.variant === "permanent" || n.variant === "persistent") && t.docked,
+		n.variant === "temporary" && t.modal
+	];
+}, ne = (e) => {
+	let { classes: t, anchor: r, variant: i } = e;
+	return n({
+		root: ["root", `anchor${E(r)}`],
+		docked: [(i === "permanent" || i === "persistent") && "docked"],
+		modal: ["modal"],
+		paper: ["paper"]
+	}, te, t);
+}, re = l(D, {
+	name: "MuiDrawer",
+	slot: "Root",
+	overridesResolver: X
+})(f(({ theme: e }) => ({ zIndex: (e.vars || e).zIndex.drawer }))), ie = l("div", {
+	shouldForwardProp: c,
+	name: "MuiDrawer",
+	slot: "Docked",
+	skipVariantsResolver: !1,
+	overridesResolver: X
+})({ flex: "0 0 auto" }), Z = l(I, {
+	name: "MuiDrawer",
+	slot: "Paper"
+})(f(({ theme: e }) => ({
+	overflowY: "auto",
+	display: "flex",
+	flexDirection: "column",
+	height: "100%",
+	flex: "1 0 auto",
+	zIndex: (e.vars || e).zIndex.drawer,
+	WebkitOverflowScrolling: "touch",
+	position: "fixed",
+	top: 0,
+	outline: 0,
+	variants: [
+		{
+			props: { anchor: "left" },
+			style: { left: 0 }
+		},
+		{
+			props: { anchor: "top" },
+			style: {
+				top: 0,
+				left: 0,
+				right: 0,
+				height: "auto",
+				maxHeight: "100%"
+			}
+		},
+		{
+			props: { anchor: "right" },
+			style: { right: 0 }
+		},
+		{
+			props: { anchor: "bottom" },
+			style: {
+				top: "auto",
+				left: 0,
+				bottom: 0,
+				right: 0,
+				height: "auto",
+				maxHeight: "100%"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.anchor === "left" && e.variant !== "temporary",
+			style: { borderRight: `1px solid ${(e.vars || e).palette.divider}` }
+		},
+		{
+			props: ({ ownerState: e }) => e.anchor === "top" && e.variant !== "temporary",
+			style: { borderBottom: `1px solid ${(e.vars || e).palette.divider}` }
+		},
+		{
+			props: ({ ownerState: e }) => e.anchor === "right" && e.variant !== "temporary",
+			style: { borderLeft: `1px solid ${(e.vars || e).palette.divider}` }
+		},
+		{
+			props: ({ ownerState: e }) => e.anchor === "bottom" && e.variant !== "temporary",
+			style: { borderTop: `1px solid ${(e.vars || e).palette.divider}` }
+		}
+	]
+}))), Q = {
+	left: "right",
+	right: "left",
+	top: "down",
+	bottom: "up"
+};
+function ae(e) {
+	return ["left", "right"].includes(e);
+}
+function oe({ direction: e }, t) {
+	return e === "rtl" && ae(t) ? Q[t] : t;
+}
+var se = /* @__PURE__ */ V.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiDrawer"
+	}), i = p(), o = d(), s = {
+		enter: i.transitions.duration.enteringScreen,
+		exit: i.transitions.duration.leavingScreen
+	}, { anchor: c = "left", children: l, className: u, elevation: f = 16, hideBackdrop: m = !1, ModalProps: h = {}, onClose: g, open: v = !1, transitionDuration: y = s, variant: b = "temporary", slots: x = {}, slotProps: S = {}, ...C } = n, w = V.useRef(!1), E = V.useRef(null), D = _(t, E);
+	V.useEffect(() => {
+		w.current = !0;
+	}, []);
+	let O = V.useCallback(() => E.current, []), k = oe({ direction: o ? "rtl" : "ltr" }, c), j = c, M = {
+		...n,
+		anchor: j,
+		elevation: f,
+		open: v,
+		variant: b,
+		...C
+	}, N = ne(M), P = {
+		slots: x,
+		slotProps: {
+			...S,
+			backdrop: A(S.backdrop, { transitionDuration: y })
+		}
+	}, [F, I] = T("root", {
+		ref: D,
+		elementType: re,
+		className: a(N.root, N.modal, u),
+		shouldForwardComponentProp: !0,
+		ownerState: M,
+		externalForwardedProps: {
+			...P,
+			...C,
+			...h
+		},
+		additionalProps: {
+			closeAfterTransition: !0,
+			open: v,
+			onClose: g,
+			hideBackdrop: m,
+			slots: { backdrop: P.slots.backdrop },
+			slotProps: { backdrop: P.slotProps.backdrop }
+		}
+	}), [L, R] = T("paper", {
+		elementType: Z,
+		shouldForwardComponentProp: !0,
+		className: N.paper,
+		ownerState: M,
+		externalForwardedProps: P,
+		additionalProps: {
+			elevation: b === "temporary" ? f : 0,
+			square: !0,
+			...b === "temporary" && {
+				role: "dialog",
+				"aria-modal": "true",
+				"data-mui-focusable": "",
+				tabIndex: -1
+			}
+		}
+	}), [z, B] = T("docked", {
+		elementType: ie,
+		ref: D,
+		className: a(N.root, N.docked, u),
+		ownerState: M,
+		externalForwardedProps: P,
+		additionalProps: C
+	}), [U, W] = T("transition", {
+		elementType: Y,
+		ownerState: M,
+		externalForwardedProps: P,
+		additionalProps: {
+			in: v,
+			direction: Q[k],
+			timeout: y,
+			appear: w.current,
+			...b === "temporary" && (x.transition == null || x.transition === Y) && { container: O }
+		}
+	}), G = /* @__PURE__ */ H(L, {
+		...R,
+		children: l
+	});
+	if (b === "permanent") return /* @__PURE__ */ H(z, {
+		...B,
+		children: G
+	});
+	let K = /* @__PURE__ */ H(U, {
+		...W,
+		children: G
+	});
+	return b === "persistent" ? /* @__PURE__ */ H(z, {
+		...B,
+		children: K
+	}) : /* @__PURE__ */ H(F, {
+		...I,
+		children: K
+	});
+});
+process.env.NODE_ENV !== "production" && (se.propTypes = {
+	anchor: W.default.oneOf([
+		"bottom",
+		"left",
+		"right",
+		"top"
+	]),
+	children: W.default.node,
+	classes: W.default.object,
+	className: W.default.string,
+	elevation: P,
+	hideBackdrop: W.default.bool,
+	ModalProps: W.default.object,
+	onClose: W.default.func,
+	open: W.default.bool,
+	slotProps: W.default.shape({
+		backdrop: W.default.oneOfType([W.default.func, W.default.object]),
+		docked: 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,
+		docked: 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
+	]),
+	transitionDuration: W.default.oneOfType([W.default.number, W.default.shape({
+		appear: W.default.number,
+		enter: W.default.number,
+		exit: W.default.number
+	})]),
+	variant: W.default.oneOf([
+		"permanent",
+		"persistent",
+		"temporary"
+	])
+});
+//#endregion
+//#region lib/s-drawer/s-drawer.tsx
+var ce = {
+	xs: "100vw",
+	sm: 360
+};
+function $(e) {
+	return e == null || typeof e == "boolean" || typeof e == "string" && e.trim() === "" ? !1 : V.isValidElement(e) && e.type === V.Fragment ? $(e.props.children) : Array.isArray(e) ? e.some($) : !0;
+}
+var le = l(se, {
+	name: "SDrawer",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({}), ue = l(o, {
+	name: "SDrawer",
+	slot: "Header",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	boxShadow: `inset 0 -1px 0 ${(e.vars ?? e).palette.divider}`,
+	display: "flex",
+	flexShrink: 0,
+	gap: e.spacing(2),
+	justifyContent: "space-between",
+	minHeight: e.spacing(7),
+	padding: e.spacing(1.5, 2),
+	variants: [{
+		props: ({ ownerState: e }) => !e.hasTitle,
+		style: { justifyContent: "flex-end" }
+	}]
+})), de = l(L, {
+	name: "SDrawer",
+	slot: "Title",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flex: "1 1 auto",
+	minWidth: 0
+}), fe = l(o, {
+	name: "SDrawer",
+	slot: "HeaderActions",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	display: "flex",
+	flexShrink: 0,
+	gap: e.spacing(1)
+})), pe = l(B, {
+	name: "SDrawer",
+	slot: "CloseButton",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({ flexShrink: 0 }), me = l(z, {
+	name: "SDrawer",
+	slot: "Body",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	flex: "1 1 auto",
+	minHeight: 0,
+	padding: e.spacing(2)
+})), he = V.forwardRef(function(e, t) {
+	let n = u({
+		props: e,
+		name: "SDrawer"
+	}), { anchor: r = "right", "aria-describedby": i, "aria-label": a, "aria-labelledby": o, children: s, closeLabel: c = "Close drawer", headerActions: l, onClose: d, open: f = !1, showCloseButton: p, slotProps: g, slots: y, sx: b, title: x, variant: S = "temporary", width: C, ...T } = n, E = V.useId(), D = r === "top" || r === "bottom", O = C ?? (D ? "100%" : ce), k = $(x), j = $(l), M = p ?? d != null, N = k || j || M, P = {
+		...n,
+		anchor: r,
+		closeLabel: c,
+		hasHeader: N,
+		hasHeaderActions: j,
+		hasTitle: k,
+		open: f,
+		showCloseButton: M,
+		variant: S,
+		width: O
+	}, { body: F = me, closeButton: I = pe, header: L = ue, headerActions: z = fe, root: B = le, title: W = de, ...G } = y ?? {}, { body: K, closeButton: ee, header: q, headerActions: J, paper: Y, root: te, title: X, ...ne } = g ?? {}, re = v((e) => {
+		d?.(e, "closeButtonClick");
+	}), ie = w(L, h(q, P) ?? {}, P), Z = w(W, h(X, P) ?? {}, P), Q = w(z, h(J, P) ?? {}, P), ae = w(I, A(h(ee, P), {
+		"aria-label": c,
+		onClick: re
+	}), P), oe = w(F, h(K, P) ?? {}, P), { ref: se, sx: he, ...ge } = w(B, A(h(te, P), T), P), _e = _(se, t), ve = Z.id ?? (k ? E : void 0), ye = h(Y, P), be = a != null || o != null || ye?.["aria-label"] != null || ye?.["aria-labelledby"] != null, xe = A(ye, {
+		"aria-describedby": i,
+		"aria-label": a,
+		"aria-labelledby": o ?? (be ? void 0 : ve),
+		sx: [{
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			width: O,
+			...D ? { maxHeight: "100%" } : { height: "100%" }
+		}]
+	});
+	return /* @__PURE__ */ U(B, {
+		...ge,
+		ref: _e,
+		anchor: r,
+		onClose: d,
+		open: f,
+		slotProps: {
+			...ne,
+			paper: xe
+		},
+		slots: G,
+		sx: [...m(b), ...m(he)],
+		variant: S,
+		children: [N ? /* @__PURE__ */ U(L, {
+			...ie,
+			children: [k ? /* @__PURE__ */ H(W, {
+				noWrap: !0,
+				variant: "h6",
+				...Z,
+				id: ve,
+				children: x
+			}) : null, j || M ? /* @__PURE__ */ U(z, {
+				...Q,
+				children: [l, M ? /* @__PURE__ */ H(I, {
+					...ae,
+					children: /* @__PURE__ */ H(R, {})
+				}) : null]
+			}) : null]
+		}) : null, /* @__PURE__ */ H(F, {
+			...oe,
+			children: s
+		})]
+	});
+});
+he.displayName = "SDrawer";
+//#endregion
+export { he as t };

package/dist/s-empty/s-empty.js

@@ -1,27 +1,28 @@
-import { toSxArray as e } from "../utils/sx.js";
-import { styled as t, useThemeProps as n } from "@mui/material/styles";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
-import a from "@mui/material/Typography";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { toSxArray as n } from "../utils/sx.js";
+import { t as r } from "../Typography-_P0svrkO.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region lib/s-empty/s-empty.tsx
-var o = t(a, {
+var o = e(r, {
 	name: "SEmpty",
 	slot: "Root"
-})({}), s = r.forwardRef(function(t, r) {
-	let a = n({
-		props: t,
+})({}), s = i.forwardRef(function(e, r) {
+	let i = t({
+		props: e,
 		name: "SEmpty"
-	}), { children: s = "No data available.", sx: c, variant: l = "body1", ...u } = a, d = {
-		...a,
+	}), { children: s = "No data available.", sx: c, variant: l = "body1", ...u } = i, d = {
+		...i,
 		children: s,
 		variant: l
 	};
-	return /* @__PURE__ */ i(o, {
+	return /* @__PURE__ */ a(o, {
 		...u,
 		ownerState: d,
 		ref: r,
 		variant: l,
-		sx: [{ my: 3 }, ...e(c)],
+		sx: [{ my: 3 }, ...n(c)],
 		children: s
 	});
 });

package/dist/s-file-dropzone/index.js

@@ -1,2 +1,2 @@
-import { SFileDropzone as e } from "./s-file-dropzone.js";
+import { t as e } from "../s-file-dropzone-Cfzv1Cm8.js";
 export { e as SFileDropzone, e as default };