@solostylist/ui-kit 1.0.225 → 1.0.227

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

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

package/dist/s-text-field/s-text-field.d.ts

@@ -17,8 +17,5 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     /** Accessible text for the password visibility toggle button */
     togglePasswordText?: string;
 };
-export declare const STextField: {
-    ({ label, required, error, type, htmlFor, hint, togglePasswordText, ...props }: STextFieldProps): React.JSX.Element;
-    displayName: string;
-};
+export declare const STextField: React.ForwardRefExoticComponent<Omit<STextFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default STextField;

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

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

package/dist/{s-text-field-GqcwXwta.js → s-text-field-DD6nnwwU.js}

@@ -1,41 +1,42 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.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";
-import { IconButton as i, InputAdornment as a, TextField as o } from "@mui/material";
+import { forwardRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { IconButton as a, InputAdornment as o, TextField as s } from "@mui/material";
 //#region ../../node_modules/@mui/icons-material/Visibility.mjs
-var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p, togglePasswordText: m = "toggle password visibility", ...h }) => {
-	let [g, _] = n(!1), v = d === "password", y = () => {
-		_(!g);
-	}, b = v && g ? "text" : d, x = v ? /* @__PURE__ */ r(a, {
+var c = e(/* @__PURE__ */ i("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), l = e(/* @__PURE__ */ i("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), u = n(({ label: e = "", required: n = !1, error: u, type: d = "text", htmlFor: f, hint: p, togglePasswordText: m = "toggle password visibility", ...h }, g) => {
+	let [_, v] = r(!1), y = d === "password", b = () => {
+		v(!_);
+	}, x = y && _ ? "text" : d, S = y ? /* @__PURE__ */ i(o, {
 		position: "end",
-		children: /* @__PURE__ */ r(i, {
+		children: /* @__PURE__ */ i(a, {
 			"aria-label": m,
-			onClick: y,
+			onClick: b,
 			edge: "end",
 			size: "small",
-			children: r(g ? c : s, {})
+			children: i(_ ? l : c, {})
 		})
 	}) : void 0;
-	return /* @__PURE__ */ r(t, {
+	return /* @__PURE__ */ i(t, {
 		label: e,
 		hint: p,
 		error: u,
-		required: l,
+		required: n,
 		htmlFor: f,
-		children: /* @__PURE__ */ r(o, {
+		children: /* @__PURE__ */ i(s, {
+			ref: g,
 			fullWidth: !0,
-			type: b,
+			type: x,
 			id: f,
 			error: !!u,
 			...h,
 			slotProps: { input: {
-				endAdornment: x,
+				endAdornment: S,
 				...h.slotProps?.input
 			} }
 		})
 	});
-};
-l.displayName = "STextField";
+});
+u.displayName = "STextField";
 //#endregion
-export { l as t };
+export { u as t };

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

@@ -31,7 +31,6 @@ var d = ({ text: d = "", variant: f = "expandable", lines: p = 3 }) => {
 		title: d,
 		arrow: !0,
 		children: /* @__PURE__ */ a(u, {
-			variant: "body2",
 			sx: {
 				display: "-webkit-box",
 				WebkitBoxOrient: "vertical",
@@ -47,7 +46,6 @@ var d = ({ text: d = "", variant: f = "expandable", lines: p = 3 }) => {
 		sx: { position: "relative" },
 		children: [/* @__PURE__ */ a(u, {
 			ref: b,
-			variant: "body2",
 			"aria-hidden": !0,
 			sx: {
 				position: "absolute",
@@ -57,20 +55,17 @@ var d = ({ text: d = "", variant: f = "expandable", lines: p = 3 }) => {
 				visibility: "hidden",
 				pointerEvents: "none"
 			}
-		}), /* @__PURE__ */ o(u, {
-			variant: "body2",
-			children: [m ? d : v, g && /* @__PURE__ */ o(i, { children: [m ? " " : "… ", /* @__PURE__ */ a(c, {
-				component: "span",
-				onClick: () => {
-					h(!m);
-				},
-				sx: {
-					cursor: "pointer",
-					fontSize: "inherit"
-				},
-				children: m ? "See less" : "See more"
-			})] })]
-		})]
+		}), /* @__PURE__ */ o(u, { children: [m ? d : v, g && /* @__PURE__ */ o(i, { children: [m ? " " : "… ", /* @__PURE__ */ a(c, {
+			component: "span",
+			onClick: () => {
+				h(!m);
+			},
+			sx: {
+				cursor: "pointer",
+				fontSize: "inherit"
+			},
+			children: m ? "See less" : "See more"
+		})] })] })]
 	});
 };
 d.displayName = "STextTruncation";

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-demo-BpeyFRKt.js";
+import { t as e } from "../s-theme-demo-Fktc-UlY.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-BpeyFRKt.js";
+import { t as e } from "../s-theme-demo-Fktc-UlY.js";
 export { e as default };

package/dist/{s-theme-demo-BpeyFRKt.js → s-theme-demo-Fktc-UlY.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
-import { t } from "./s-theme-switch-V3Q58mkG.js";
-import { t as n } from "./Favorite-BJSuHe0H.js";
-import { t as r } from "./s-text-field-GqcwXwta.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.js";
+import { t } from "./s-theme-switch-DzXoVmQH.js";
+import { t as n } from "./Favorite-CbvuQfe4.js";
+import { t as r } from "./s-text-field-DD6nnwwU.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.js

@@ -1,41 +1,42 @@
-import { i as e, n as t, r as n, t as r } from "../theme-primitives-D2vHHGiX.js";
-import { components as i } from "../theme/components/components.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { CssBaseline as c, ThemeProvider as l, createTheme as u } from "@mui/material";
-import { deepmerge as d } from "@mui/utils";
+import { a as e, i as t, n, r, t as i } from "../theme-primitives-CiQYd9Cc.js";
+import { components as a } from "../theme/components/components.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CssBaseline as l, ThemeProvider as u, createTheme as d } from "@mui/material";
+import { deepmerge as f } from "@mui/utils";
 //#region lib/s-theme-provider/s-theme-provider.tsx
-var f = ({ children: f, disableCssBaseline: p = !1, disableCustomTheme: m, themeComponents: h, defaultMode: g = "system", theme: _, ...v }) => {
-	let y = a.useMemo(() => {
-		if (m) return {};
-		let a = {
+var p = ({ children: p, disableCssBaseline: m = !1, disableCustomTheme: h, themeComponents: g, defaultMode: _ = "system", theme: v, ...y }) => {
+	let b = o.useMemo(() => {
+		if (h) return {};
+		let o = {
 			cssVariables: {
 				colorSchemeSelector: "data-mui-color-scheme",
 				cssVarPrefix: "s"
 			},
-			colorSchemes: r,
+			colorSchemes: i,
 			typography: e,
-			shadows: t,
-			shape: n,
+			shadows: r,
+			shape: t,
+			radius: n,
 			components: {
-				...i,
-				...h
+				...a,
+				...g
 			}
 		};
-		return u(_ ? d(a, _) : a);
+		return d(v ? f(o, v) : o);
 	}, [
-		m,
 		h,
-		_
+		g,
+		v
 	]);
-	return m ? /* @__PURE__ */ o(a.Fragment, { children: f }) : /* @__PURE__ */ s(l, {
+	return h ? /* @__PURE__ */ s(o.Fragment, { children: p }) : /* @__PURE__ */ c(u, {
 		disableTransitionOnChange: !0,
-		...v,
-		theme: y,
-		defaultMode: g,
-		children: [!p && /* @__PURE__ */ o(c, {}), f]
+		...y,
+		theme: b,
+		defaultMode: _,
+		children: [!m && /* @__PURE__ */ s(l, {}), p]
 	});
 };
-f.displayName = "SThemeProvider";
+p.displayName = "SThemeProvider";
 //#endregion
-export { f as SThemeProvider, f as default };
+export { p as SThemeProvider, p as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-theme-switch-V3Q58mkG.js";
+import { t as e } from "../s-theme-switch-DzXoVmQH.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-V3Q58mkG.js";
+import { t as e } from "../s-theme-switch-DzXoVmQH.js";
 export { e as default };

package/dist/{s-theme-switch-V3Q58mkG.js → s-theme-switch-DzXoVmQH.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.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-Dwu5T2u0.js";
+import { t as e } from "../s-tip-BOGEH1v8.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-Dwu5T2u0.js";
+import { t as e } from "../s-tip-BOGEH1v8.js";
 export { e as STip, e as default };

package/dist/{s-tip-Dwu5T2u0.js → s-tip-BOGEH1v8.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./Stack-BQkLmLFp.js";
-import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { t as n } from "./Typography-EsraKPZO.js";
+import { t } from "./createSvgIcon-HW-tbFcL.js";
+import { t as n } from "./Typography-CZ_MYa-E.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.d.ts

@@ -1,2 +1,2 @@
 export { default, default as SToolBar } from './s-tool-bar';
-export type { SToolBarProps, SToolBarInputType, SToolBarInput, SToolBarValue, SToolBarOption } from './s-tool-bar';
+export type { SToolBarProps, SToolBarInputType, SToolBarInput, SToolBarValue, SToolBarOption } from './types';

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

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

package/dist/s-tool-bar/s-tool-bar.d.ts

@@ -1,159 +1,5 @@
 import { default as React } from 'react';
-import { CheckboxProps, SelectProps, SliderProps, TextFieldProps } from '@mui/material';
-import { SxProps, Theme } from '@mui/material/styles';
-/**
- * Possible value types for SToolBar inputs
- */
-export type SToolBarValue = string | number | boolean | File | (string | File)[] | null;
-/**
- * Base type constraint for select options
- */
-export type SToolBarOption = string | number | Record<string, unknown>;
-/**
- * Supported input types for SToolBar
- */
-export type SToolBarInputType = 'textarea' | 'slider' | 'image' | 'number' | 'select' | 'checkbox';
-/**
- * Configuration for individual toolbar input fields
- */
-export interface SToolBarInput {
-    /** Unique identifier for the input */
-    key: string;
-    /** Display label for the input */
-    label: string;
-    /** Input type */
-    type: SToolBarInputType;
-    /** Whether the input is required */
-    required?: boolean;
-    /** Default value for the input */
-    defaultValue?: SToolBarValue;
-    /** Placeholder text (for textarea/number/select inputs) */
-    placeholder?: string;
-    /** Minimum value (for slider/number inputs) */
-    min?: number;
-    /** Maximum value (for slider/number inputs) */
-    max?: number;
-    /** Step value (for slider/number inputs) */
-    step?: number;
-    /** Minimum rows for textarea */
-    minRows?: number;
-    /** Maximum rows for textarea */
-    maxRows?: number;
-    /** Allow multiple images (for image inputs) */
-    multiple?: boolean;
-    /** Maximum number of images (for image inputs with multiple=true) */
-    maxImages?: number;
-    /** Select options (for select inputs) */
-    options?: SToolBarOption[];
-    /** Key to extract label from option objects (for select inputs) */
-    optionLabel?: string;
-    /** Key to extract value from option objects (for select inputs) */
-    optionValue?: string;
-    /** Enable search functionality in select dropdown */
-    searchable?: boolean;
-    /** Placeholder for search input in select dropdown */
-    searchPlaceholder?: string;
-    /**
-     * Extra props forwarded to the underlying child component.
-     * Each key targets the matching input type:
-     * - `textarea` / `number` → MUI `TextField`
-     * - `slider`              → MUI `Slider`
-     * - `select`              → `SSelect`
-     * - `checkbox`            → MUI `Checkbox`
-     * - `image`               → native `<input type="file">`
-     *
-     * Only the props relevant to the current `type` are used.
-     */
-    componentProps?: SToolBarComponentProps;
-    /** Custom renderer for the input */
-    renderInput?: (props: {
-        value: SToolBarValue;
-        onChange: (value: SToolBarValue) => void;
-        onFocus: () => void;
-        onBlur: () => void;
-        disabled?: boolean;
-    }) => React.ReactNode;
-}
-/**
- * Per-type overrides forwarded to the underlying child components.
- * Omit props that are already managed by SToolBar to avoid conflicts.
- */
-export interface SToolBarComponentProps {
-    /** Extra props for the MUI TextField used in `textarea` inputs */
-    textarea?: Omit<TextFieldProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'multiline' | 'minRows' | 'maxRows' | 'fullWidth' | 'placeholder'>;
-    /** Extra props for the MUI TextField used in `number` inputs */
-    number?: Omit<TextFieldProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'type' | 'slotProps'>;
-    /** Extra props for the MUI Slider used in `slider` inputs */
-    slider?: Omit<SliderProps, 'value' | 'onChange' | 'onMouseDown' | 'onMouseUp' | 'disabled' | 'min' | 'max' | 'step'>;
-    /** Extra props for SSelect used in `select` inputs */
-    select?: Omit<SelectProps, 'ref' | 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'error' | 'variant'> & {
-        /** Field label displayed above the select */
-        label?: string | React.ReactNode;
-        /** Error message to display below the field */
-        error?: string;
-        /** Whether the field is required */
-        required?: boolean;
-        /** Whether to use simple value rendering */
-        simple?: boolean;
-        /** HTML id attribute for the select element */
-        htmlFor?: string;
-        /** Custom render function for dropdown options */
-        renderOption?: (option: SToolBarOption) => React.ReactNode;
-    };
-    /** Extra props for the MUI Checkbox used in `checkbox` inputs */
-    checkbox?: Omit<CheckboxProps, 'checked' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled'>;
-    /** Extra props for the native `<input type="file">` element used in `image` inputs */
-    image?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'ref' | 'type' | 'multiple' | 'onChange' | 'disabled' | 'style'>;
-}
-/**
- * Props interface for SToolBar component
- */
-export interface SToolBarProps {
-    /** Configuration for input fields */
-    inputs?: SToolBarInput[];
-    /** Callback when process button is clicked */
-    onProcess?: () => void;
-    /** Callback when reset button is clicked */
-    onReset?: () => void;
-    /** Callback when download button is clicked */
-    onDownload?: () => void;
-    /** Whether the toolbar is in processing state */
-    processing?: boolean;
-    /** Whether the toolbar is in uploading state */
-    uploading?: boolean;
-    /** Input values controlled externally */
-    inputValues?: Record<string, SToolBarValue>;
-    /** Callback when input values change */
-    onInputChange?: (key: string, value: SToolBarValue, file?: File) => void;
-    /** Custom action buttons between inputs and standard actions */
-    customActionButtons?: React.ReactNode;
-    /** Hide the main process button */
-    hideProcessButton?: boolean;
-    /** Override to disable the process button */
-    processButtonDisabled?: boolean;
-    /** Function to check if an input should be disabled */
-    getInputDisabled?: (inputKey: string) => boolean;
-    /** Tooltip for process button */
-    processTooltip?: string;
-    /** Tooltip for download button */
-    downloadTooltip?: string;
-    /** Tooltip for reset button */
-    resetTooltip?: string;
-    /** Tooltip for info button */
-    infoTooltip?: string;
-    /** Info dialog title */
-    infoTitle?: string;
-    /** Info dialog content */
-    infoContent?: React.ReactNode;
-    /** Position of the toolbar */
-    position?: 'bottom' | 'top';
-    /** Use relative positioning within container instead of fixed viewport positioning */
-    relative?: boolean;
-    /** Custom styles for the outer container (wrapper) */
-    containerSx?: SxProps<Theme>;
-    /** Custom styles for the inner toolbar box */
-    sx?: SxProps<Theme>;
-}
+import { SToolBarProps } from './types';
 export declare const SToolBar: {
     ({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, containerSx, sx, }: SToolBarProps): React.JSX.Element;
     displayName: string;

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

@@ -1,2 +1,114 @@
-import { t as e } from "../s-tool-bar-DaZ2wT09.js";
-export { e as SToolBar, e as default };
+import { tint as e } from "../theme/utils.js";
+import { t } from "../tool-bar-action-buttons-CSXNDen6.js";
+import { groupInputsByType as n, hasVisibleInputSection as r, isProcessActionDisabled as i, isRequiredInputFilled as a } from "./utils.js";
+import { ToolbarInputItem as o } from "./tool-bar-inputs.js";
+import { useCallback 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, Dialog as m, DialogContent as h, DialogTitle as g } from "@mui/material";
+//#region lib/s-tool-bar/s-tool-bar.tsx
+var _ = ({ inputs: _ = [], onProcess: v, onReset: y, onDownload: b, processing: x = !1, uploading: S = !1, inputValues: C = {}, onInputChange: w, customActionButtons: T, hideProcessButton: E = !1, processButtonDisabled: D = !1, getInputDisabled: O, processTooltip: k = "Process", downloadTooltip: A = "Download", resetTooltip: j = "Reset", infoTooltip: M = "Information", infoTitle: N = "Tool Information", infoContent: P, position: F = "bottom", relative: I = !1, containerSx: L, sx: R }) => {
+	let [z, B] = l(!1), V = c(() => _.length === 0 ? !0 : _.every((e) => a(e, C[e.key])), [_, C]), { imageInputs: H, textareaInputs: U, paramInputs: W } = c(() => n(_), [_]), G = r(H, W), K = i(D, V, S, x), q = s(() => {}, []), J = s(() => {}, []), Y = s((e, t, n) => {
+		w?.(e, t, n);
+	}, [w]), X = s(() => B(!0), []), Z = s(() => B(!1), []), Q = s((e) => {
+		let t = C[e.key];
+		return /* @__PURE__ */ u(o, {
+			input: e,
+			value: t,
+			onChange: (t) => Y(e.key, t),
+			onFocus: q,
+			onBlur: J,
+			disabled: O?.(e.key) ?? !1
+		}, e.key);
+	}, [
+		C,
+		O,
+		Y,
+		q,
+		J
+	]), $ = /* @__PURE__ */ d(p, {
+		sx: {
+			position: I ? "relative" : "fixed",
+			[F]: I ? "auto" : 20,
+			left: I ? "auto" : "50%",
+			transform: I ? "none" : "translateX(-50%)",
+			zIndex: I ? "auto" : 1300,
+			display: I ? "flex" : "block",
+			justifyContent: I ? "center" : "initial",
+			mt: I && F === "top" ? 2 : 0,
+			mb: I && F === "bottom" ? 2 : 0,
+			...L
+		},
+		children: [/* @__PURE__ */ d(p, {
+			sx: [(t) => ({
+				display: "flex",
+				flexDirection: "column",
+				gap: 2,
+				p: 2,
+				borderRadius: 1,
+				border: 1,
+				borderColor: "divider",
+				bgcolor: "background.default",
+				transition: "border 120ms ease-in",
+				"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
+				"&:focus-within": {
+					outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+					borderColor: (t.vars ?? t).palette.primary[400]
+				}
+			}), ...Array.isArray(R) ? R : [R]],
+			children: [U.length > 0 && /* @__PURE__ */ u(p, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				children: U.map(Q)
+			}), /* @__PURE__ */ d(p, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: .5
+				},
+				children: [/* @__PURE__ */ u(p, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: 2,
+						flex: 1
+					},
+					children: G && /* @__PURE__ */ d(p, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: 1.5
+						},
+						children: [H.map(Q), W.map(Q)]
+					})
+				}), /* @__PURE__ */ u(t, {
+					customActionButtons: T,
+					infoContent: P,
+					infoTooltip: M,
+					downloadTooltip: A,
+					resetTooltip: j,
+					processTooltip: k,
+					hideProcessButton: E,
+					processActionDisabled: K,
+					onInfoOpen: X,
+					onDownload: b,
+					onReset: y,
+					onProcess: v
+				})]
+			})]
+		}), P && /* @__PURE__ */ d(m, {
+			open: z,
+			onClose: Z,
+			maxWidth: "sm",
+			fullWidth: !0,
+			children: [/* @__PURE__ */ u(g, { children: N }), /* @__PURE__ */ u(h, { children: P })]
+		})]
+	});
+	return !I && typeof window < "u" ? f($, document.body) : $;
+};
+_.displayName = "SToolBar";
+//#endregion
+export { _ as SToolBar, _ as default };

package/dist/s-tool-bar/tool-bar-action-buttons.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export declare const ToolbarActionButtons: React.NamedExoticComponent<{
+    customActionButtons?: React.ReactNode;
+    infoContent?: React.ReactNode;
+    infoTooltip: string;
+    downloadTooltip: string;
+    resetTooltip: string;
+    processTooltip: string;
+    hideProcessButton: boolean;
+    processActionDisabled: boolean;
+    onInfoOpen: () => void;
+    onDownload?: () => void;
+    onReset?: () => void;
+    onProcess?: () => void;
+}>;

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

@@ -0,0 +1,2 @@
+import { t as e } from "../tool-bar-action-buttons-CSXNDen6.js";
+export { e as ToolbarActionButtons };

package/dist/s-tool-bar/tool-bar-image-input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SToolBarInput, SToolBarValue } from './types';
+export declare const ImageInput: React.NamedExoticComponent<{
+    input: SToolBarInput;
+    value: SToolBarValue;
+    onChange: (value: SToolBarValue) => void;
+    disabled?: boolean;
+}>;

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

@@ -0,0 +1,2 @@
+import { t as e } from "../tool-bar-image-input-IdA6l71Y.js";
+export { e as ImageInput };

package/dist/s-tool-bar/tool-bar-inputs.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SToolBarInputControlProps } from './types';
+export declare const ToolbarInputItem: React.NamedExoticComponent<SToolBarInputControlProps>;