@solostylist/ui-kit 1.0.204 → 1.0.205

package/dist/s-theme-provider/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
+import "../createTheme-DuS5_nJb.js";
 import { SThemeProvider as e } from "./s-theme-provider.js";
 export { e as default };

package/dist/s-theme-provider/s-theme-provider.js

@@ -1,26 +1,26 @@
-import "../createTheme-CMuiGmV-.js";
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { i as t, n, r, t as i } from "../theme-primitives-Csxbv-2Y.js";
-import { components as a } from "../theme/components/components.js";
-import * as o from "react";
+import "../createTheme-DuS5_nJb.js";
+import { i as e, n as t, r as n, t as r } from "../theme-primitives-BG66N-x4.js";
+import { components as i } from "../theme/components/components.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
 import { ThemeProvider as s, createTheme as c } from "@mui/material";
 //#region lib/s-theme-provider/s-theme-provider.tsx
-var l = e(), u = ({ children: e, disableCustomTheme: u, themeComponents: d, defaultMode: f = "system", theme: p, ...m }) => {
-	let h = o.useMemo(() => u ? {} : c({
+var l = ({ children: l, disableCustomTheme: u, themeComponents: d, defaultMode: f = "system", theme: p, ...m }) => {
+	let h = a.useMemo(() => u ? {} : c({
 		cssVariables: {
 			colorSchemeSelector: "data-mui-color-scheme",
 			cssVarPrefix: "s"
 		},
-		colorSchemes: i,
-		typography: t,
-		shadows: n,
-		shape: r,
+		colorSchemes: r,
+		typography: e,
+		shadows: t,
+		shape: n,
 		components: {
-			...a,
+			...i,
 			...d
 		}
 	}), [u, d]);
-	return u ? /* @__PURE__ */ (0, l.jsx)(o.Fragment, { children: e }) : /* @__PURE__ */ (0, l.jsx)(s, {
+	return u ? /* @__PURE__ */ o(a.Fragment, { children: l }) : /* @__PURE__ */ o(s, {
 		disableTransitionOnChange: !0,
 		...m,
 		theme: {
@@ -28,9 +28,9 @@ var l = e(), u = ({ children: e, disableCustomTheme: u, themeComponents: d, defa
 			...p
 		},
 		defaultMode: f,
-		children: e
+		children: l
 	});
 };
-u.displayName = "SThemeProvider";
+l.displayName = "SThemeProvider";
 //#endregion
-export { u as SThemeProvider, u as default };
+export { l as SThemeProvider, l as default };

package/dist/s-theme-switch/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-theme-switch-uXRVJIf_.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-theme-switch-CCEdponC.js";
 export { e as default };

package/dist/s-theme-switch/s-theme-switch.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-theme-switch-uXRVJIf_.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-theme-switch-CCEdponC.js";
 export { e as default };

package/dist/s-theme-switch-CCEdponC.js

@@ -0,0 +1,37 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { useCallback as t, useRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { flushSync as i } from "react-dom";
+import { IconButton as a } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/DarkMode.js
+var o = e(/* @__PURE__ */ r("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1" }), "DarkMode"), s = e(/* @__PURE__ */ r("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z" }), "LightMode"), c = ({ mode: e, setMode: c, sx: l }) => {
+	let u = n(null), d = e === "dark", f = t(() => {
+		setTimeout(() => {
+			c?.(e === "dark" ? "light" : "dark");
+		}, 0);
+	}, [e, c]);
+	return /* @__PURE__ */ r(a, {
+		ref: u,
+		onClick: t(async () => {
+			if (!u.current || !document.startViewTransition) {
+				f();
+				return;
+			}
+			await document.startViewTransition(() => {
+				i(() => {
+					f();
+				});
+			}).ready;
+			let { top: e, left: t, width: n, height: r } = u.current.getBoundingClientRect(), a = t + n / 2, o = e + r / 2, s = Math.hypot(Math.max(t, window.innerWidth - t), Math.max(e, window.innerHeight - e));
+			document.documentElement.animate({ clipPath: [`circle(0px at ${a}px ${o}px)`, `circle(${s}px at ${a}px ${o}px)`] }, {
+				duration: 700,
+				easing: "ease-in-out",
+				pseudoElement: "::view-transition-new(root)"
+			});
+		}, [f]),
+		sx: l,
+		children: r(d ? s : o, {})
+	});
+};
+//#endregion
+export { c as t };

package/dist/s-tip/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-tip-oiH-79gR.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-tip-CG51Q6oR.js";
 export { e as default };

package/dist/s-tip/s-tip.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-tip-oiH-79gR.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-tip-CG51Q6oR.js";
 export { e as STip, e as default };

package/dist/s-tip-CG51Q6oR.js

@@ -0,0 +1,34 @@
+import { t as e } from "./Stack-D-aoKnaS.js";
+import { t } from "./createSvgIcon-KjKEsKNV.js";
+import { t as n } from "./Typography-CswuXQLF.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/icons-material/esm/LightbulbOutline.js
+var a = t(/* @__PURE__ */ r("path", { d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7" }), "LightbulbOutline"), o = ({ message: t }) => /* @__PURE__ */ i(e, {
+	direction: "row",
+	spacing: 1,
+	sx: {
+		display: "flex",
+		alignItems: "center",
+		bgcolor: "background.default",
+		borderRadius: 1,
+		p: 1,
+		color: "text.secondary"
+	},
+	children: [/* @__PURE__ */ r(a, { sx: { fontSize: 16 } }), /* @__PURE__ */ i(n, {
+		variant: "body2",
+		children: [
+			/* @__PURE__ */ r(n, {
+				component: "span",
+				sx: { fontWeight: "bold" },
+				variant: "inherit",
+				children: "Tip."
+			}),
+			" ",
+			t
+		]
+	})]
+});
+o.displayName = "STip";
+//#endregion
+export { o as t };

package/dist/s-tool-bar/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-tool-bar-CM-cxOkI.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-tool-bar-C2lZhhJm.js";
 export { e as default };

package/dist/s-tool-bar/s-tool-bar.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-tool-bar-CM-cxOkI.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-tool-bar-C2lZhhJm.js";
 export { e as SToolBar, e as default };

package/dist/s-tool-bar-C2lZhhJm.js

@@ -0,0 +1,404 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { t } from "./Close-OtVsJy75.js";
+import { t as n } from "./Download-Bbx6BZUJ.js";
+import { t as r } from "./s-select-DXbeZ0CG.js";
+import i, { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
+import { Box as f, Checkbox as p, Dialog as m, DialogContent as h, DialogTitle as g, Divider as _, IconButton as v, Slider as y, TextField as b, Tooltip as x, Typography as S } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/AddPhotoAlternate.js
+var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z" }), "AddPhotoAlternate"), w = e(/* @__PURE__ */ l("path", { d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z" }), "AutoAwesome"), T = e(/* @__PURE__ */ l("path", { d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26" }), "Autorenew"), E = e(/* @__PURE__ */ l("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "InfoOutlined"), D = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ l(b, {
+	value: t,
+	onChange: (e) => n(e.target.value),
+	onFocus: r,
+	onBlur: i,
+	placeholder: e.placeholder ?? e.label,
+	disabled: a,
+	multiline: !0,
+	minRows: e.minRows ?? 2,
+	maxRows: e.maxRows ?? 5,
+	fullWidth: !0,
+	...e.componentProps?.textarea ?? {}
+})), O = i.memo((e) => /* @__PURE__ */ l(S, {
+	variant: "caption",
+	sx: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis",
+		width: "100% !important",
+		textAlign: "center"
+	},
+	children: e.label
+})), k = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+	sx: {
+		width: 120,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(b, {
+		type: "number",
+		value: t ?? e.defaultValue ?? 0,
+		onChange: (e) => n(Number(e.target.value)),
+		onFocus: r,
+		onBlur: i,
+		disabled: a,
+		slotProps: { htmlInput: {
+			min: e.min,
+			max: e.max,
+			step: e.step
+		} },
+		sx: { "& input": { textAlign: "center" } },
+		...e.componentProps?.number ?? {}
+	})]
+})), A = i.memo(({ input: e, value: t, onChange: n, onFocus: i, onBlur: a, disabled: o }) => /* @__PURE__ */ u(f, {
+	sx: {
+		width: 180,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(r, {
+		value: t ?? e.defaultValue ?? "",
+		onChange: (e) => n(e.target.value),
+		onFocus: i,
+		onBlur: a,
+		disabled: o,
+		placeholder: e.placeholder,
+		options: e.options ?? [],
+		optionLabel: e.optionLabel,
+		optionValue: e.optionValue,
+		searchable: e.searchable,
+		searchPlaceholder: e.searchPlaceholder,
+		...e.componentProps?.select ?? {}
+	})]
+})), j = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+	sx: {
+		width: 160,
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ u(f, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			height: 36
+		},
+		children: [/* @__PURE__ */ l(y, {
+			value: t ?? e.defaultValue ?? e.min ?? 0,
+			onChange: (e, t) => n(t),
+			onMouseDown: r,
+			onMouseUp: i,
+			disabled: a,
+			min: e.min ?? 0,
+			max: e.max ?? 100,
+			step: e.step ?? 1,
+			sx: { flex: 1 },
+			...e.componentProps?.slider ?? {}
+		}), /* @__PURE__ */ l(f, {
+			sx: {
+				minWidth: 60,
+				textAlign: "center",
+				fontWeight: 500,
+				fontSize: "0.875rem"
+			},
+			children: t ?? e.defaultValue ?? e.min ?? 0
+		})]
+	})]
+})), M = i.memo(({ input: e, value: n, onChange: r, disabled: a }) => {
+	let s = i.useRef(null), [c, d] = i.useState([]), [p, m] = i.useState(null), h = e.multiple ?? !1, g = e.maxImages ?? 5;
+	o(() => {
+		let e = [];
+		return d(((t) => {
+			if (!t) return [];
+			let n = Array.isArray(t) ? t : [t], r = [];
+			return n.forEach((t) => {
+				if (t instanceof File) {
+					let n = URL.createObjectURL(t);
+					r.push(n), e.push(n);
+				} else typeof t == "string" && r.push(t);
+			}), r;
+		})(n)), () => {
+			e.forEach((e) => URL.revokeObjectURL(e));
+		};
+	}, [n]);
+	let _ = (e) => {
+		let t = e.target.files;
+		if (!(!t || t.length === 0)) {
+			if (h) {
+				let e = Array.isArray(n) ? n : n instanceof File || typeof n == "string" ? [n] : [], i = Array.from(t).slice(0, g - e.length);
+				r([...e, ...i]);
+			} else r(t[0]);
+			e.target.value = "";
+		}
+	}, y = (e, t) => {
+		if (e.stopPropagation(), h && Array.isArray(n)) {
+			let e = n.filter((e, n) => n !== t);
+			r(e.length > 0 ? e : null);
+		} else r(null);
+	}, b = () => {
+		a || h && c.length >= g || s.current?.click();
+	}, x = h && c.length < g;
+	return /* @__PURE__ */ u(f, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .75
+		},
+		children: [
+			/* @__PURE__ */ l("input", {
+				ref: s,
+				type: "file",
+				accept: "image/*",
+				multiple: h,
+				onChange: _,
+				disabled: a,
+				style: { display: "none" },
+				...e.componentProps?.image ?? {}
+			}),
+			c.map((e, n) => /* @__PURE__ */ u(f, {
+				onMouseEnter: () => m(n),
+				onMouseLeave: () => m(null),
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: a ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: a ? "not-allowed" : "default",
+					position: "relative",
+					overflow: "hidden",
+					transition: "all 0.2s"
+				},
+				children: [/* @__PURE__ */ l(f, {
+					component: "img",
+					src: e,
+					alt: `Preview ${n + 1}`,
+					sx: {
+						width: "100%",
+						height: "100%",
+						objectFit: "cover"
+					}
+				}), !a && p === n && /* @__PURE__ */ l(f, {
+					onClick: (e) => y(e, n),
+					sx: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						right: 0,
+						bottom: 0,
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: /* @__PURE__ */ l(v, {
+						onClick: (e) => y(e, n),
+						children: /* @__PURE__ */ l(t, {})
+					})
+				})]
+			}, n)),
+			(c.length === 0 || x) && /* @__PURE__ */ l(f, {
+				onClick: b,
+				sx: {
+					width: 50,
+					height: 50,
+					border: 1,
+					borderColor: a ? "action.disabled" : "divider",
+					borderRadius: 1,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					cursor: a ? "not-allowed" : "pointer",
+					transition: "all 0.2s",
+					"&:hover": { bgcolor: "action.hover" }
+				},
+				children: /* @__PURE__ */ l(C, { sx: {
+					fontSize: 20,
+					color: a ? "action.disabled" : "divider"
+				} })
+			})
+		]
+	});
+}), N = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+	sx: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		minWidth: 60
+	},
+	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(p, {
+		checked: t ?? e.defaultValue ?? !1,
+		onChange: (e) => n(e.target.checked),
+		onFocus: r,
+		onBlur: i,
+		disabled: a,
+		...e.componentProps?.checkbox ?? {}
+	})]
+})), P = (e) => {
+	switch (e.input.type) {
+		case "textarea": return /* @__PURE__ */ l(D, { ...e });
+		case "number": return /* @__PURE__ */ l(k, { ...e });
+		case "slider": return /* @__PURE__ */ l(j, { ...e });
+		case "select": return /* @__PURE__ */ l(A, { ...e });
+		case "image": return /* @__PURE__ */ l(M, {
+			input: e.input,
+			value: e.value,
+			onChange: e.onChange,
+			disabled: e.disabled
+		});
+		case "checkbox": return /* @__PURE__ */ l(N, { ...e });
+		default: return null;
+	}
+}, F = ({ inputs: e = [], onProcess: t, onReset: r, onDownload: i, processing: o = !1, uploading: p = !1, inputValues: y = {}, onInputChange: b, customActionButtons: S, hideProcessButton: C = !1, processButtonDisabled: D = !1, getInputDisabled: O, processTooltip: k = "Process", downloadTooltip: A = "Download", resetTooltip: j = "Reset", infoTooltip: M = "Information", infoTitle: N = "Tool Information", infoContent: F, position: I = "bottom", relative: L = !1, containerSx: R, sx: z }) => {
+	let [B, V] = c(!1), H = s(() => e.length === 0 ? !0 : e.every((e) => {
+		if (!e.required) return !0;
+		let t = y[e.key];
+		return e.type === "textarea" ? typeof t == "string" && t.trim() !== "" : e.type === "number" || e.type === "slider" ? t != null : e.type === "select" ? t != null && t !== "" : !0;
+	}), [e, y]), { imageInputs: U, textareaInputs: W, paramInputs: G } = s(() => e.reduce((e, t) => (t.type === "image" ? e.imageInputs.push(t) : t.type === "textarea" ? e.textareaInputs.push(t) : e.paramInputs.push(t), e), {
+		imageInputs: [],
+		textareaInputs: [],
+		paramInputs: []
+	}), [e]), K = a(() => {}, []), q = a(() => {}, []), J = a((e, t, n) => {
+		b?.(e, t, n);
+	}, [b]), Y = a(() => V(!0), []), X = a(() => V(!1), []), Z = a((e) => {
+		let t = y[e.key], n = O?.(e.key) ?? !1;
+		return e.renderInput ? /* @__PURE__ */ l(f, { children: e.renderInput({
+			value: t,
+			onChange: (t) => J(e.key, t),
+			onFocus: K,
+			onBlur: q,
+			disabled: n
+		}) }, e.key) : /* @__PURE__ */ l(P, {
+			input: e,
+			value: t,
+			onChange: (t) => J(e.key, t),
+			onFocus: K,
+			onBlur: q,
+			disabled: n
+		}, e.key);
+	}, [
+		y,
+		O,
+		J,
+		K,
+		q
+	]), Q = /* @__PURE__ */ u(f, {
+		sx: {
+			position: L ? "relative" : "fixed",
+			[I]: L ? "auto" : 20,
+			left: L ? "auto" : "50%",
+			transform: L ? "none" : "translateX(-50%)",
+			zIndex: L ? "auto" : 1300,
+			display: L ? "flex" : "block",
+			justifyContent: L ? "center" : "initial",
+			mt: L && I === "top" ? 2 : 0,
+			mb: L && I === "bottom" ? 2 : 0,
+			...R
+		},
+		children: [/* @__PURE__ */ u(f, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 2,
+				p: 2,
+				borderRadius: 2,
+				border: 1,
+				borderColor: "divider",
+				bgcolor: "background.default",
+				...z
+			},
+			children: [W.length > 0 && /* @__PURE__ */ l(f, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: W.map(Z)
+			}), /* @__PURE__ */ u(f, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: .5
+				},
+				children: [
+					/* @__PURE__ */ l(f, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: 2,
+							flex: 1
+						},
+						children: (U.length > 0 || G.length > 0) && /* @__PURE__ */ u(f, {
+							sx: {
+								display: "flex",
+								alignItems: "flex-end",
+								gap: 1.5
+							},
+							children: [U.map(Z), G.map(Z)]
+						})
+					}),
+					(U.length > 0 || G.length > 0) && /* @__PURE__ */ l(_, {
+						orientation: "vertical",
+						flexItem: !0,
+						sx: {
+							mx: .5,
+							flexShrink: 0
+						}
+					}),
+					/* @__PURE__ */ u(f, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: .75,
+							ml: "auto"
+						},
+						children: [
+							S,
+							F && /* @__PURE__ */ l(x, {
+								title: M,
+								children: /* @__PURE__ */ l(v, {
+									onClick: Y,
+									children: /* @__PURE__ */ l(E, {})
+								})
+							}),
+							/* @__PURE__ */ l(x, {
+								title: A,
+								children: /* @__PURE__ */ l(v, {
+									onClick: i,
+									children: /* @__PURE__ */ l(n, {})
+								})
+							}),
+							/* @__PURE__ */ l(x, {
+								title: j,
+								children: /* @__PURE__ */ l(v, {
+									onClick: r,
+									children: /* @__PURE__ */ l(T, {})
+								})
+							}),
+							!C && /* @__PURE__ */ l(x, {
+								title: k,
+								children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(v, {
+									onClick: t,
+									disabled: D || !H || p || o,
+									size: "large",
+									children: /* @__PURE__ */ l(w, { color: D || !H || p || o ? "disabled" : "primary" })
+								}) })
+							})
+						]
+					})
+				]
+			})]
+		}), F && /* @__PURE__ */ u(m, {
+			open: B,
+			onClose: X,
+			maxWidth: "sm",
+			fullWidth: !0,
+			children: [/* @__PURE__ */ l(g, { children: N }), /* @__PURE__ */ l(h, { children: F })]
+		})]
+	});
+	return !L && typeof window < "u" ? d(Q, document.body) : Q;
+};
+F.displayName = "SToolBar";
+//#endregion
+export { F as t };

package/dist/s-two-pane-layout/index.js

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
+import "../createTheme-DuS5_nJb.js";
 import { STwoPaneLayout as e } from "./s-two-pane-layout.js";
 export { e as default };