@solostylist/ui-kit 1.0.217 → 1.0.218

package/dist/s-text-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-field-w4T9VXLw.js";
+import { t as e } from "../s-text-field-qps0aDNS.js";
 export { e as STextField, e as default };

package/dist/s-text-field/s-text-field.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-field-w4T9VXLw.js";
+import { t as e } from "../s-text-field-qps0aDNS.js";
 export { e as STextField, e as default };

package/dist/{s-text-field-w4T9VXLw.js → s-text-field-qps0aDNS.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BmN7SAhg.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
 import { SForm as t } from "./s-form/s-form.js";
 import { useState as n } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/s-text-shimmer/s-text-shimmer.js

@@ -1,5 +1,5 @@
 import { a as e } from "../styled-engine-DOxAQ3qw.js";
-import { t } from "../styled-BRk8Ukg1.js";
+import { t } from "../styled-BTDmdi4c.js";
 import { forwardRef as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 import { Typography as a } from "@mui/material";

package/dist/s-text-truncation/s-text-truncation.js

@@ -23,15 +23,11 @@ var d = ({ text: d = "", variant: f = "expandable", lines: p = 3 }) => {
 		}
 		e.textContent = "", y(d.slice(0, n).trimEnd());
 	}, [d, p]);
-	t(() => {
+	return t(() => {
 		S();
 		let e = new ResizeObserver(S);
 		return x.current && e.observe(x.current), () => e.disconnect();
-	}, [S]);
-	let C = () => {
-		h(!m);
-	};
-	return f === "tooltip" ? /* @__PURE__ */ a(l, {
+	}, [S]), f === "tooltip" ? /* @__PURE__ */ a(l, {
 		title: d,
 		arrow: !0,
 		children: /* @__PURE__ */ a(u, {
@@ -65,7 +61,9 @@ var d = ({ text: d = "", variant: f = "expandable", lines: p = 3 }) => {
 			variant: "body2",
 			children: [m ? d : v, g && /* @__PURE__ */ o(i, { children: [m ? " " : "… ", /* @__PURE__ */ a(c, {
 				component: "span",
-				onClick: C,
+				onClick: () => {
+					h(!m);
+				},
 				sx: {
 					cursor: "pointer",
 					fontSize: "inherit"

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-demo-C0BGeh2P.js";
+import { t as e } from "../s-theme-demo-BHyjzAU0.js";
 export { e as SThemeDemo, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-demo-C0BGeh2P.js";
+import { t as e } from "../s-theme-demo-BHyjzAU0.js";
 export { e as default };

package/dist/{s-theme-demo-C0BGeh2P.js → s-theme-demo-BHyjzAU0.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./createSvgIcon-BmN7SAhg.js";
-import { t } from "./s-theme-switch-Cz5QBl69.js";
-import { t as n } from "./Favorite-DNaf3wqS.js";
-import { t as r } from "./s-text-field-w4T9VXLw.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t } from "./s-theme-switch-D1FpcDj1.js";
+import { t as n } from "./Favorite-DIml4fHR.js";
+import { t as r } from "./s-text-field-qps0aDNS.js";
 import { SForm as i } from "./s-form/s-form.js";
 import { SButton as a } from "./s-button/s-button.js";
 import * as o from "react";

package/dist/s-theme-provider/s-theme-provider.d.ts

@@ -8,6 +8,8 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     children: React.ReactNode;
     /** Disable custom theme for testing/docs (falls back to no theme) */
     disableCustomTheme?: boolean;
+    /** Disable MUI CssBaseline global reset when this provider is nested in another app shell */
+    disableCssBaseline?: boolean;
     /** Additional theme component overrides */
     themeComponents?: ThemeOptions['components'];
     /** Default color mode (defaults to 'system') */
@@ -16,7 +18,7 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     theme?: Theme;
 }
 export declare const SThemeProvider: {
-    ({ children, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps): React.JSX.Element;
+    ({ children, disableCssBaseline, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps): React.JSX.Element;
     displayName: string;
 };
 export default SThemeProvider;

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

@@ -1,11 +1,11 @@
-import { i as e, n as t, r as n, t as r } from "../theme-primitives-DHiY0aFC.js";
+import { i as e, n as t, r as n, t as r } from "../theme-primitives-OrQ-xFJR.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";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { CssBaseline as c, ThemeProvider as l, createTheme as u } from "@mui/material";
 //#region lib/s-theme-provider/s-theme-provider.tsx
-var l = ({ children: l, disableCustomTheme: u, themeComponents: d, defaultMode: f = "system", theme: p, ...m }) => {
-	let h = a.useMemo(() => u ? {} : c({
+var d = ({ children: d, disableCssBaseline: f = !1, disableCustomTheme: p, themeComponents: m, defaultMode: h = "system", theme: g, ..._ }) => {
+	let v = a.useMemo(() => p ? {} : u({
 		cssVariables: {
 			colorSchemeSelector: "data-mui-color-scheme",
 			cssVarPrefix: "s"
@@ -16,20 +16,20 @@ var l = ({ children: l, disableCustomTheme: u, themeComponents: d, defaultMode:
 		shape: n,
 		components: {
 			...i,
-			...d
+			...m
 		}
-	}), [u, d]);
-	return u ? /* @__PURE__ */ o(a.Fragment, { children: l }) : /* @__PURE__ */ o(s, {
+	}), [p, m]);
+	return p ? /* @__PURE__ */ o(a.Fragment, { children: d }) : /* @__PURE__ */ s(l, {
 		disableTransitionOnChange: !0,
-		...m,
+		..._,
 		theme: {
-			...h,
-			...p
+			...v,
+			...g
 		},
-		defaultMode: f,
-		children: l
+		defaultMode: h,
+		children: [!f && /* @__PURE__ */ o(c, {}), d]
 	});
 };
-l.displayName = "SThemeProvider";
+d.displayName = "SThemeProvider";
 //#endregion
-export { l as SThemeProvider, l as default };
+export { d as SThemeProvider, d as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-switch-Cz5QBl69.js";
+import { t as e } from "../s-theme-switch-D1FpcDj1.js";
 export { e as SThemeSwitch, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-switch-Cz5QBl69.js";
+import { t as e } from "../s-theme-switch-D1FpcDj1.js";
 export { e as default };

package/dist/{s-theme-switch-Cz5QBl69.js → s-theme-switch-D1FpcDj1.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BmN7SAhg.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.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";

package/dist/s-tip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tip-CqLspVS4.js";
+import { t as e } from "../s-tip-D6M91nev.js";
 export { e as STip, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tip-CqLspVS4.js";
+import { t as e } from "../s-tip-D6M91nev.js";
 export { e as STip, e as default };

package/dist/{s-tip-CqLspVS4.js → s-tip-D6M91nev.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./Stack-D5D_RRtN.js";
-import { t } from "./createSvgIcon-BmN7SAhg.js";
-import { t as n } from "./Typography-Dy5dAg2u.js";
+import { t as e } from "./Stack-BQkLmLFp.js";
+import { t } from "./createSvgIcon-BdNZIlKS.js";
+import { t as n } from "./Typography-EsraKPZO.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/icons-material/LightbulbOutlined.mjs

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tool-bar-RTPBIgcd.js";
+import { t as e } from "../s-tool-bar-DOcT-lNr.js";
 export { e as SToolBar, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tool-bar-RTPBIgcd.js";
+import { t as e } from "../s-tool-bar-DOcT-lNr.js";
 export { e as SToolBar, e as default };

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

@@ -1,13 +1,14 @@
-import { t as e } from "./createSvgIcon-BmN7SAhg.js";
-import { t } from "./Close-BrK64qcq.js";
-import { t as n } from "./Download-BxH0i9Ni.js";
-import { t as r } from "./s-select-BHnfqAGl.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";
+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 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, {
+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