@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/{s-tool-bar-KrLaAaBO.js → s-tool-bar-DOcT-lNr.js}

@@ -1,13 +1,14 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
-import { t } from "./Close-CSIi_IPN.js";
-import { t as n } from "./Download-BefdWd5q.js";
-import { t as r } from "./s-select-DH-t7jkk.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, {
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t } from "./Close-oXeOGTZb.js";
+import { t as n } from "./Download-DMm8oiCF.js";
+import { t as r } from "./InfoOutlined-CqXSSVWh.js";
+import { t as i } from "./s-select-ClL8bygg.js";
+import a, { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPortal as f } from "react-dom";
+import { Box as p, Checkbox as m, Dialog as h, DialogContent as g, DialogTitle as _, Divider as v, IconButton as y, Slider as b, TextField as x, Tooltip as S, Typography as C } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/AddPhotoAlternate.mjs
+var w = e(/* @__PURE__ */ u("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"), T = e(/* @__PURE__ */ u("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"), E = e(/* @__PURE__ */ u("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"), D = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(x, {
 	value: t,
 	onChange: (e) => n(e.target.value),
 	onFocus: r,
@@ -19,7 +20,7 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 	maxRows: e.maxRows ?? 5,
 	fullWidth: !0,
 	...e.componentProps?.textarea ?? {}
-})), O = i.memo((e) => /* @__PURE__ */ l(S, {
+})), O = a.memo((e) => /* @__PURE__ */ u(C, {
 	variant: "caption",
 	sx: {
 		whiteSpace: "nowrap",
@@ -29,13 +30,13 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 		textAlign: "center"
 	},
 	children: e.label
-})), k = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+})), k = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
 	sx: {
 		width: 120,
 		display: "flex",
 		flexDirection: "column"
 	},
-	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(b, {
+	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(x, {
 		type: "number",
 		value: t ?? e.defaultValue ?? 0,
 		onChange: (e) => n(Number(e.target.value)),
@@ -50,16 +51,16 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 		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, {
+})), A = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: a, disabled: o }) => /* @__PURE__ */ d(p, {
 	sx: {
 		width: 180,
 		display: "flex",
 		flexDirection: "column"
 	},
-	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(r, {
+	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(i, {
 		value: t ?? e.defaultValue ?? "",
 		onChange: (e) => n(e.target.value),
-		onFocus: i,
+		onFocus: r,
 		onBlur: a,
 		disabled: o,
 		placeholder: e.placeholder,
@@ -70,19 +71,19 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 		searchPlaceholder: e.searchPlaceholder,
 		...e.componentProps?.select ?? {}
 	})]
-})), j = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+})), j = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
 	sx: {
 		width: 160,
 		display: "flex",
 		flexDirection: "column"
 	},
-	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ u(f, {
+	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ d(p, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			height: 36
 		},
-		children: [/* @__PURE__ */ l(y, {
+		children: [/* @__PURE__ */ u(b, {
 			value: t ?? e.defaultValue ?? e.min ?? 0,
 			onChange: (e, t) => n(t),
 			onMouseDown: r,
@@ -93,7 +94,7 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 			step: e.step ?? 1,
 			sx: { flex: 1 },
 			...e.componentProps?.slider ?? {}
-		}), /* @__PURE__ */ l(f, {
+		}), /* @__PURE__ */ u(p, {
 			sx: {
 				minWidth: 60,
 				textAlign: "center",
@@ -103,11 +104,11 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 			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(() => {
+})), M = a.memo(({ input: e, value: n, onChange: r, disabled: i }) => {
+	let o = a.useRef(null), [c, l] = a.useState([]), [f, m] = a.useState(null), h = e.multiple ?? !1, g = e.maxImages ?? 5;
+	s(() => {
 		let e = [];
-		return d(((t) => {
+		return l(((t) => {
 			if (!t) return [];
 			let n = Array.isArray(t) ? t : [t], r = [], i = /* @__PURE__ */ new Map();
 			return n.forEach((t) => {
@@ -140,49 +141,49 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 			} else r(t[0]);
 			e.target.value = "";
 		}
-	}, y = (e, t) => {
+	}, v = (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();
+		i || h && c.length >= g || o.current?.click();
 	}, x = h && c.length < g;
-	return /* @__PURE__ */ u(f, {
+	return /* @__PURE__ */ d(p, {
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			gap: .75
 		},
 		children: [
-			/* @__PURE__ */ l("input", {
-				ref: s,
+			/* @__PURE__ */ u("input", {
+				ref: o,
 				type: "file",
 				accept: "image/*",
 				multiple: h,
 				onChange: _,
-				disabled: a,
+				disabled: i,
 				style: { display: "none" },
 				...e.componentProps?.image ?? {}
 			}),
-			c.map((e, n) => /* @__PURE__ */ u(f, {
+			c.map((e, n) => /* @__PURE__ */ d(p, {
 				onMouseEnter: () => m(n),
 				onMouseLeave: () => m(null),
 				sx: {
 					width: 50,
 					height: 50,
 					border: 1,
-					borderColor: a ? "action.disabled" : "divider",
+					borderColor: i ? "action.disabled" : "divider",
 					borderRadius: 1,
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					cursor: a ? "not-allowed" : "default",
+					cursor: i ? "not-allowed" : "default",
 					position: "relative",
 					overflow: "hidden",
 					transition: "all 0.2s"
 				},
-				children: [/* @__PURE__ */ l(f, {
+				children: [/* @__PURE__ */ u(p, {
 					component: "img",
 					src: e.src,
 					alt: `Preview ${n + 1}`,
@@ -191,8 +192,8 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 						height: "100%",
 						objectFit: "cover"
 					}
-				}), !a && p === n && /* @__PURE__ */ l(f, {
-					onClick: (e) => y(e, n),
+				}), !i && f === n && /* @__PURE__ */ u(p, {
+					onClick: (e) => v(e, n),
 					sx: {
 						position: "absolute",
 						top: 0,
@@ -203,42 +204,42 @@ var C = e(/* @__PURE__ */ l("path", { d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99
 						alignItems: "center",
 						justifyContent: "center"
 					},
-					children: /* @__PURE__ */ l(v, {
-						onClick: (e) => y(e, n),
-						children: /* @__PURE__ */ l(t, {})
+					children: /* @__PURE__ */ u(y, {
+						onClick: (e) => v(e, n),
+						children: /* @__PURE__ */ u(t, {})
 					})
 				})]
 			}, e.key)),
-			(c.length === 0 || x) && /* @__PURE__ */ l(f, {
+			(c.length === 0 || x) && /* @__PURE__ */ u(p, {
 				onClick: b,
 				sx: {
 					width: 50,
 					height: 50,
 					border: 1,
-					borderColor: a ? "action.disabled" : "divider",
+					borderColor: i ? "action.disabled" : "divider",
 					borderRadius: 1,
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					cursor: a ? "not-allowed" : "pointer",
+					cursor: i ? "not-allowed" : "pointer",
 					transition: "all 0.2s",
 					"&:hover": { bgcolor: "action.hover" }
 				},
-				children: /* @__PURE__ */ l(C, { sx: {
+				children: /* @__PURE__ */ u(w, { sx: {
 					fontSize: 20,
-					color: a ? "action.disabled" : "divider"
+					color: i ? "action.disabled" : "divider"
 				} })
 			})
 		]
 	});
-}), N = i.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ u(f, {
+}), N = a.memo(({ input: e, value: t, onChange: n, onFocus: r, onBlur: i, disabled: a }) => /* @__PURE__ */ d(p, {
 	sx: {
 		display: "flex",
 		flexDirection: "column",
 		alignItems: "center",
 		minWidth: 60
 	},
-	children: [/* @__PURE__ */ l(O, { label: e.label }), /* @__PURE__ */ l(p, {
+	children: [/* @__PURE__ */ u(O, { label: e.label }), /* @__PURE__ */ u(m, {
 		checked: t ?? e.defaultValue ?? !1,
 		onChange: (e) => n(e.target.checked),
 		onFocus: r,
@@ -268,33 +269,33 @@ function R(e, t, n, r) {
 }
 var z = (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, {
+		case "textarea": return /* @__PURE__ */ u(D, { ...e });
+		case "number": return /* @__PURE__ */ u(k, { ...e });
+		case "slider": return /* @__PURE__ */ u(j, { ...e });
+		case "select": return /* @__PURE__ */ u(A, { ...e });
+		case "image": return /* @__PURE__ */ u(M, {
 			input: e.input,
 			value: e.value,
 			onChange: e.onChange,
 			disabled: e.disabled
 		});
-		case "checkbox": return /* @__PURE__ */ l(N, { ...e });
+		case "checkbox": return /* @__PURE__ */ u(N, { ...e });
 		default: return null;
 	}
-}, B = i.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: i, onBlur: a }) => e.renderInput ? /* @__PURE__ */ l(f, { children: e.renderInput({
+}, B = a.memo(({ input: e, value: t, disabled: n, onChange: r, onFocus: i, onBlur: a }) => e.renderInput ? /* @__PURE__ */ u(p, { children: e.renderInput({
 	value: t,
 	onChange: r,
 	onFocus: i,
 	onBlur: a,
 	disabled: n
-}) }) : /* @__PURE__ */ l(z, {
+}) }) : /* @__PURE__ */ u(z, {
 	input: e,
 	value: t,
 	onChange: r,
 	onFocus: i,
 	onBlur: a,
 	disabled: n
-})), V = i.memo(({ customActionButtons: e, infoContent: t, infoTooltip: r, downloadTooltip: i, resetTooltip: a, processTooltip: o, hideProcessButton: s, processActionDisabled: c, onInfoOpen: d, onDownload: p, onReset: m, onProcess: h }) => /* @__PURE__ */ u(f, {
+})), V = a.memo(({ customActionButtons: e, infoContent: t, infoTooltip: i, downloadTooltip: a, resetTooltip: o, processTooltip: s, hideProcessButton: c, processActionDisabled: l, onInfoOpen: f, onDownload: m, onReset: h, onProcess: g }) => /* @__PURE__ */ d(p, {
 	sx: {
 		display: "flex",
 		alignItems: "center",
@@ -303,43 +304,43 @@ var z = (e) => {
 	},
 	children: [
 		e,
-		t && /* @__PURE__ */ l(x, {
-			title: r,
-			children: /* @__PURE__ */ l(v, {
-				onClick: d,
-				children: /* @__PURE__ */ l(E, {})
-			})
-		}),
-		/* @__PURE__ */ l(x, {
+		t && /* @__PURE__ */ u(S, {
 			title: i,
-			children: /* @__PURE__ */ l(v, {
-				onClick: p,
-				children: /* @__PURE__ */ l(n, {})
+			children: /* @__PURE__ */ u(y, {
+				onClick: f,
+				children: /* @__PURE__ */ u(r, {})
 			})
 		}),
-		/* @__PURE__ */ l(x, {
+		/* @__PURE__ */ u(S, {
 			title: a,
-			children: /* @__PURE__ */ l(v, {
+			children: /* @__PURE__ */ u(y, {
 				onClick: m,
-				children: /* @__PURE__ */ l(T, {})
+				children: /* @__PURE__ */ u(n, {})
 			})
 		}),
-		!s && /* @__PURE__ */ l(x, {
+		/* @__PURE__ */ u(S, {
 			title: o,
-			children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(v, {
+			children: /* @__PURE__ */ u(y, {
 				onClick: h,
-				disabled: c,
+				children: /* @__PURE__ */ u(E, {})
+			})
+		}),
+		!c && /* @__PURE__ */ u(S, {
+			title: s,
+			children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(y, {
+				onClick: g,
+				disabled: l,
 				size: "large",
-				children: /* @__PURE__ */ l(w, { color: c ? "disabled" : "primary" })
+				children: /* @__PURE__ */ u(T, { color: l ? "disabled" : "primary" })
 			}) })
 		})
 	]
-})), H = ({ inputs: e = [], onProcess: t, onReset: n, onDownload: r, processing: i = !1, uploading: o = !1, inputValues: p = {}, onInputChange: v, customActionButtons: y, hideProcessButton: b = !1, processButtonDisabled: x = !1, getInputDisabled: S, processTooltip: C = "Process", downloadTooltip: w = "Download", resetTooltip: T = "Reset", infoTooltip: E = "Information", infoTitle: D = "Tool Information", infoContent: O, position: k = "bottom", relative: A = !1, containerSx: j, sx: M }) => {
-	let [N, F] = c(!1), z = s(() => e.length === 0 ? !0 : e.every((e) => P(e, p[e.key])), [e, p]), { imageInputs: H, textareaInputs: U, paramInputs: W } = s(() => I(e), [e]), G = L(H, W), K = R(x, z, o, i), q = a(() => {}, []), J = a(() => {}, []), Y = a((e, t, n) => {
-		v?.(e, t, n);
-	}, [v]), X = a(() => F(!0), []), Z = a(() => F(!1), []), Q = a((e) => {
-		let t = p[e.key];
-		return /* @__PURE__ */ l(B, {
+})), H = ({ inputs: e = [], onProcess: t, onReset: n, onDownload: r, processing: i = !1, uploading: a = !1, inputValues: s = {}, onInputChange: m, customActionButtons: y, hideProcessButton: b = !1, processButtonDisabled: x = !1, getInputDisabled: S, processTooltip: C = "Process", downloadTooltip: w = "Download", resetTooltip: T = "Reset", infoTooltip: E = "Information", infoTitle: D = "Tool Information", infoContent: O, position: k = "bottom", relative: A = !1, containerSx: j, sx: M }) => {
+	let [N, F] = l(!1), z = c(() => e.length === 0 ? !0 : e.every((e) => P(e, s[e.key])), [e, s]), { imageInputs: H, textareaInputs: U, paramInputs: W } = c(() => I(e), [e]), G = L(H, W), K = R(x, z, a, i), q = o(() => {}, []), J = o(() => {}, []), Y = o((e, t, n) => {
+		m?.(e, t, n);
+	}, [m]), X = o(() => F(!0), []), Z = o(() => F(!1), []), Q = o((e) => {
+		let t = s[e.key];
+		return /* @__PURE__ */ u(B, {
 			input: e,
 			value: t,
 			onChange: (t) => Y(e.key, t),
@@ -348,12 +349,12 @@ var z = (e) => {
 			disabled: S?.(e.key) ?? !1
 		}, e.key);
 	}, [
-		p,
+		s,
 		S,
 		Y,
 		q,
 		J
-	]), $ = /* @__PURE__ */ u(f, {
+	]), $ = /* @__PURE__ */ d(p, {
 		sx: {
 			position: A ? "relative" : "fixed",
 			[k]: A ? "auto" : 20,
@@ -366,7 +367,7 @@ var z = (e) => {
 			mb: A && k === "bottom" ? 2 : 0,
 			...j
 		},
-		children: [/* @__PURE__ */ u(f, {
+		children: [/* @__PURE__ */ d(p, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -378,28 +379,28 @@ var z = (e) => {
 				bgcolor: "background.default",
 				...M
 			},
-			children: [U.length > 0 && /* @__PURE__ */ l(f, {
+			children: [U.length > 0 && /* @__PURE__ */ u(p, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 2
 				},
 				children: U.map(Q)
-			}), /* @__PURE__ */ u(f, {
+			}), /* @__PURE__ */ d(p, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: .5
 				},
 				children: [
-					/* @__PURE__ */ l(f, {
+					/* @__PURE__ */ u(p, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
 							gap: 2,
 							flex: 1
 						},
-						children: G && /* @__PURE__ */ u(f, {
+						children: G && /* @__PURE__ */ d(p, {
 							sx: {
 								display: "flex",
 								alignItems: "flex-end",
@@ -408,7 +409,7 @@ var z = (e) => {
 							children: [H.map(Q), W.map(Q)]
 						})
 					}),
-					G && /* @__PURE__ */ l(_, {
+					G && /* @__PURE__ */ u(v, {
 						orientation: "vertical",
 						flexItem: !0,
 						sx: {
@@ -416,7 +417,7 @@ var z = (e) => {
 							flexShrink: 0
 						}
 					}),
-					/* @__PURE__ */ l(V, {
+					/* @__PURE__ */ u(V, {
 						customActionButtons: y,
 						infoContent: O,
 						infoTooltip: E,
@@ -432,15 +433,15 @@ var z = (e) => {
 					})
 				]
 			})]
-		}), O && /* @__PURE__ */ u(m, {
+		}), O && /* @__PURE__ */ d(h, {
 			open: N,
 			onClose: Z,
 			maxWidth: "sm",
 			fullWidth: !0,
-			children: [/* @__PURE__ */ l(g, { children: D }), /* @__PURE__ */ l(h, { children: O })]
+			children: [/* @__PURE__ */ u(_, { children: D }), /* @__PURE__ */ u(g, { children: O })]
 		})]
 	});
-	return !A && typeof window < "u" ? d($, document.body) : $;
+	return !A && typeof window < "u" ? f($, document.body) : $;
 };
 H.displayName = "SToolBar";
 //#endregion

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

@@ -7,8 +7,8 @@ var o = ({ sidebar: o, content: s, sidebarWidth: c = 280, height: l = "calc(100v
 	let O = /* @__PURE__ */ i(a, {
 		sx: {
 			width: c,
-			borderRight: !_ && S === "left" ? 1 : 0,
-			borderLeft: !_ && S === "right" ? 1 : 0,
+			borderRight: +(!_ && S === "left"),
+			borderLeft: +(!_ && S === "right"),
 			borderColor: "divider",
 			display: "flex",
 			flexDirection: "column",
@@ -48,12 +48,12 @@ var o = ({ sidebar: o, content: s, sidebarWidth: c = 280, height: l = "calc(100v
 		})]
 	}), k = /* @__PURE__ */ i(a, {
 		sx: {
+			height: "100%",
 			flex: 1,
 			display: "flex",
 			flexDirection: "column",
 			...f
 		},
-		height: "100%",
 		children: [y && /* @__PURE__ */ r(a, {
 			sx: {
 				p: E,

package/dist/selectClasses-DvT1febA.js

@@ -0,0 +1,22 @@
+import { t as e } from "./generateUtilityClass-tRYNDrlH.js";
+import { t } from "./generateUtilityClasses-XrPHiTcM.js";
+//#region ../../node_modules/@mui/material/Select/selectClasses.mjs
+function n(t) {
+	return e("MuiSelect", t);
+}
+var r = t("MuiSelect", [
+	"root",
+	"select",
+	"multiple",
+	"filled",
+	"outlined",
+	"standard",
+	"disabled",
+	"focused",
+	"icon",
+	"iconOpen",
+	"nativeInput",
+	"error"
+]);
+//#endregion
+export { r as n, n as t };

package/dist/styled-BTDmdi4c.js

@@ -0,0 +1,164 @@
+import { a as e, g as t, h as n, l as r, o as i, p as a } from "./createTheme-Bnw5w28O.js";
+import { i as o, o as s, r as c, s as l } from "./styled-engine-DOxAQ3qw.js";
+import { t as u } from "./defaultTheme-Bi3OTfLN.js";
+//#region ../../node_modules/@mui/utils/getDisplayName/getDisplayName.mjs
+var d = t();
+function f(e, t = "") {
+	return e.displayName || e.name || t;
+}
+function p(e, t, n) {
+	let r = f(t);
+	return e.displayName || (r === "" ? n : `${n}(${r})`);
+}
+function m(e) {
+	if (e != null) {
+		if (typeof e == "string") return e;
+		if (typeof e == "function") return f(e, "Component");
+		if (typeof e == "object") switch (e.$$typeof) {
+			case d.ForwardRef: return p(e, e.render, "ForwardRef");
+			case d.Memo: return p(e, e.type, "memo");
+			default: return;
+		}
+	}
+}
+//#endregion
+//#region ../../node_modules/@mui/system/preprocessStyles.mjs
+function h(e) {
+	let { variants: t, ...n } = e, r = {
+		variants: t,
+		style: o(n),
+		isProcessed: !0
+	};
+	return r.style === n || t && t.forEach((e) => {
+		typeof e.style != "function" && (e.style = o(e.style));
+	}), r;
+}
+//#endregion
+//#region ../../node_modules/@mui/system/createStyled/createStyled.mjs
+var g = e();
+function _(e) {
+	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function v(e, t) {
+	return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function y(e) {
+	return e ? (t, n) => n[e] : null;
+}
+function b(e, t, n) {
+	e.theme = a(e.theme) ? n : e.theme[t] || e.theme;
+}
+function x(e, t, n) {
+	let r = typeof t == "function" ? t(e) : t;
+	if (Array.isArray(r)) return r.flatMap((t) => x(e, t, n));
+	if (Array.isArray(r?.variants)) {
+		let t;
+		if (r.isProcessed) t = n ? v(r.style, n) : r.style;
+		else {
+			let { variants: e, ...i } = r;
+			t = n ? v(o(i), n) : i;
+		}
+		return S(e, r.variants, [t], n);
+	}
+	return r?.isProcessed ? n ? v(o(r.style), n) : r.style : n ? v(o(r), n) : r;
+}
+function S(e, t, n = [], r = void 0) {
+	let i;
+	variantLoop: for (let a = 0; a < t.length; a += 1) {
+		let s = t[a];
+		if (typeof s.props == "function") {
+			if (i ??= {
+				...e,
+				...e.ownerState,
+				ownerState: e.ownerState
+			}, !s.props(i)) continue;
+		} else for (let t in s.props) if (e[t] !== s.props[t] && e.ownerState?.[t] !== s.props[t]) continue variantLoop;
+		typeof s.style == "function" ? (i ??= {
+			...e,
+			...e.ownerState,
+			ownerState: e.ownerState
+		}, n.push(r ? v(o(s.style(i)), r) : s.style(i))) : n.push(r ? v(o(s.style), r) : s.style);
+	}
+	return n;
+}
+function C(e = {}) {
+	let { themeId: t, defaultTheme: r = g, rootShouldForwardProp: a = _, slotShouldForwardProp: o = _ } = e;
+	function l(e) {
+		b(e, t, r);
+	}
+	return (e, t = {}) => {
+		c(e, (e) => e.filter((e) => e !== i));
+		let { name: r, slot: u, skipVariantsResolver: d, skipSx: f, overridesResolver: p = y(D(u)), ...m } = t, g = r && r.startsWith("Mui") || u ? "components" : "custom", b = d === void 0 ? u && u !== "Root" && u !== "root" || !1 : d, C = f || !1, O = _;
+		u === "Root" || u === "root" ? O = a : u ? O = o : E(e) && (O = void 0);
+		let k = s(e, {
+			shouldForwardProp: O,
+			label: T(r, u),
+			...m
+		}), A = (e) => {
+			if (e.__emotion_real === e) return e;
+			if (typeof e == "function") return function(t) {
+				return x(t, e, t.theme.modularCssLayers ? g : void 0);
+			};
+			if (n(e)) {
+				let t = h(e);
+				return function(e) {
+					return t.variants ? x(e, t, e.theme.modularCssLayers ? g : void 0) : e.theme.modularCssLayers ? v(t.style, g) : t.style;
+				};
+			}
+			return e;
+		}, j = (...t) => {
+			let n = [], a = t.map(A), o = [];
+			if (n.push(l), r && p && o.push(function(e) {
+				let t = e.theme.components?.[r]?.styleOverrides;
+				if (!t) return null;
+				let n = {};
+				for (let r in t) n[r] = x(e, t[r], e.theme.modularCssLayers ? "theme" : void 0);
+				return p(e, n);
+			}), r && !b && o.push(function(e) {
+				let t = e.theme?.components?.[r]?.variants;
+				return t ? S(e, t, [], e.theme.modularCssLayers ? "theme" : void 0) : null;
+			}), C || o.push(i), Array.isArray(a[0])) {
+				let e = a.shift(), t = Array(n.length).fill(""), r = Array(o.length).fill(""), i;
+				i = [
+					...t,
+					...e,
+					...r
+				], i.raw = [
+					...t,
+					...e.raw,
+					...r
+				], n.unshift(i);
+			}
+			let s = k(...n, ...a, ...o);
+			return e.muiName && (s.muiName = e.muiName), process.env.NODE_ENV !== "production" && (s.displayName = w(r, u, e)), s;
+		};
+		return k.withConfig && (j.withConfig = k.withConfig), j;
+	};
+}
+function w(e, t, n) {
+	return e ? `${e}${r(t || "")}` : `Styled(${m(n)})`;
+}
+function T(e, t) {
+	let n;
+	return process.env.NODE_ENV !== "production" && e && (n = `${e}-${D(t || "Root")}`), n;
+}
+function E(e) {
+	return typeof e == "string" && e.charCodeAt(0) > 96;
+}
+function D(e) {
+	return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+//#endregion
+//#region ../../node_modules/@mui/material/styles/slotShouldForwardProp.mjs
+function O(e) {
+	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+//#endregion
+//#region ../../node_modules/@mui/material/styles/rootShouldForwardProp.mjs
+var k = (e) => O(e) && e !== "classes", A = C({
+	themeId: l,
+	defaultTheme: u,
+	rootShouldForwardProp: k
+});
+//#endregion
+export { _ as a, C as i, k as n, h as o, O as r, A as t };