@solostylist/ui-kit 1.0.225 → 1.0.226

package/dist/{s-text-editor-toolbar-DP0MkICo.js → s-text-editor-toolbar-DrQ8v-4J.js}

@@ -7,19 +7,20 @@ import { t as f } from "./generateUtilityClasses-XrPHiTcM.js";
 import { n as p, r as m, t as h } from "./styled-BTDmdi4c.js";
 import { t as g } from "./Stack-BQkLmLFp.js";
 import { t as _ } from "./useEnhancedEffect-Dsu5K7-Z.js";
-import { S as ee, b as v, h as y, v as b } from "./Modal-C1VRVWBZ.js";
-import { a as te, i as ne, r as re, t as ie } from "./FormControl-DYkaP-oD.js";
-import { a as x, i as ae, r as oe } from "./ButtonBase-Bo6ysVGS.js";
-import { c as S, f as se, m as ce, o as C, p as w, t as T } from "./useSlot-Dkc1Mj31.js";
-import { t as le } from "./createSimplePaletteValueFilter-GHK52GLU.js";
-import { t as E } from "./createSvgIcon-BdNZIlKS.js";
-import { f as ue, m as de, r as fe, u as pe } from "./MenuList-5HOyYdgq.js";
-import { t as me } from "./useControlled-DXKqhylj.js";
-import { n as he, t as ge } from "./Menu-C-0KEauj.js";
-import { n as D, t as _e } from "./selectClasses-DvT1febA.js";
-import { n as ve, r as ye } from "./useFormControl-B4z6ONhx.js";
-import { i as O, n as k, r as be, t as xe } from "./outlinedInputClasses-Cz4pnn0X.js";
-import { t as A } from "./s-text-field-GqcwXwta.js";
+import { S as ee, _ as v, m as y, y as b } from "./Modal-Cu5Cgh-q.js";
+import { a as te, i as ne, r as re, t as ie } from "./FormControl-DMZWdEWz.js";
+import { n as ae, t as oe } from "./useForkRef-yOYCJHzF.js";
+import { a as se, i as x, r as S } from "./ButtonBase-BDefit5I.js";
+import { n as ce, o as C, p as w, t as T } from "./useSlot-IwEDsR9t.js";
+import { t as le } from "./createSimplePaletteValueFilter-5v48HHyU.js";
+import { t as E } from "./createSvgIcon-HW-tbFcL.js";
+import { f as ue, m as de, r as fe, u as pe } from "./MenuList-5C2nFAWS.js";
+import { t as me } from "./useControlled-BtZNCHV0.js";
+import { n as he, t as ge } from "./Menu-CbHevx8q.js";
+import { n as D, t as _e } from "./selectClasses-vjNpSSyQ.js";
+import { n as ve, r as ye } from "./useFormControl-bYnTwZE5.js";
+import { i as O, n as k, r as be, t as xe } from "./outlinedInputClasses-Z5R6RJE3.js";
+import { t as A } from "./s-text-field-DLSDoq7u.js";
 import * as j from "react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
 import { MenuItem as P } from "@mui/material";
@@ -252,7 +253,7 @@ var ke = h(B, {
 		nativeInput: ["nativeInput"]
 	}, _e, t);
 }, Ne = /* @__PURE__ */ j.forwardRef(function(e, t) {
-	let { "aria-describedby": n, "aria-label": r, autoFocus: a, autoWidth: o, children: s, className: c, defaultOpen: l, defaultValue: d, disabled: f, displayEmpty: p, error: m = !1, IconComponent: h, inputRef: g, labelId: _, MenuProps: v = {}, multiple: y, name: b, onBlur: te, onChange: re, onClose: ie, onFocus: x, onKeyDown: ae, onMouseDown: ce, onOpen: C, open: w, readOnly: T, renderValue: le, required: E, SelectDisplayProps: de = {}, tabIndex: he, type: D, value: _e, variant: ve = "standard", ...ye } = e, [O, k] = me({
+	let { "aria-describedby": n, "aria-label": r, autoFocus: a, autoWidth: o, children: s, className: c, defaultOpen: l, defaultValue: d, disabled: f, displayEmpty: p, error: m = !1, IconComponent: h, inputRef: g, labelId: _, MenuProps: v = {}, multiple: y, name: b, onBlur: te, onChange: re, onClose: ie, onFocus: ae, onKeyDown: se, onMouseDown: x, onOpen: C, open: w, readOnly: T, renderValue: le, required: E, SelectDisplayProps: de = {}, tabIndex: he, type: D, value: _e, variant: ve = "standard", ...ye } = e, [O, k] = me({
 		controlled: _e,
 		default: d,
 		name: "Select"
@@ -263,7 +264,7 @@ var ke = h(B, {
 	}), A = j.useRef(null), P = j.useRef(null), I = j.useRef(null), L = j.useRef(!1), R = j.useRef(!1), z = j.useRef(null), B = j.useRef(!1), V = j.useRef({
 		allowSelectedMouseUp: !1,
 		allowUnselectedMouseUp: !1
-	}), H = S(), Te = S(), [U, W] = j.useState(null), { current: Ne } = j.useRef(w != null), [Pe, K] = j.useState(), [Fe, Ie] = j.useState(null), Le = se(t, g), Re = j.useCallback((e) => {
+	}), H = ce(), Te = ce(), [U, W] = j.useState(null), { current: Ne } = j.useRef(w != null), [Pe, K] = j.useState(), [Fe, Ie] = j.useState(null), Le = oe(t, g), Re = j.useCallback((e) => {
 		P.current = e, e && W(e);
 	}, []), q = U?.parentNode;
 	j.useImperativeHandle(Le, () => ({
@@ -323,7 +324,7 @@ var ke = h(B, {
 			};
 		}
 	}, [_]);
-	let Be = oe((e, t) => {
+	let Be = S((e, t) => {
 		e || (Y(), X()), e ? (Ie(F(t)), C && C(t)) : (Ie(null), ie && ie(t)), Ne || (L.current = e, K(o ? null : q.clientWidth), xe(e));
 	}), Ve = () => {
 		Y(), R.current ? Te.start(De, () => {
@@ -334,7 +335,7 @@ var ke = h(B, {
 			V.current.allowSelectedMouseUp = !0, V.current.allowUnselectedMouseUp = !0;
 		});
 	}, He = (e) => {
-		if (ce?.(e), e.button !== 0) return;
+		if (x?.(e), e.button !== 0) return;
 		e.preventDefault(), P.current.focus();
 		let t = ue(e.currentTarget);
 		Ve(), X();
@@ -386,7 +387,7 @@ var ke = h(B, {
 			"ArrowUp",
 			"ArrowDown",
 			"Enter"
-		].includes(e.key) && (e.preventDefault(), Be(!0, e)), ae?.(e));
+		].includes(e.key) && (e.preventDefault(), Be(!0, e)), se?.(e));
 	}, Je = (e) => {
 		!J && te && (Object.defineProperty(e, "target", {
 			writable: !0,
@@ -454,7 +455,7 @@ var ke = h(B, {
 		value: O,
 		open: J,
 		error: m
-	}, it = Me(rt), at = typeof v.slotProps?.paper == "function" ? v.slotProps.paper(rt) : v.slotProps?.paper, ot = se(at?.ref, I), st = typeof v.slotProps?.list == "function" ? v.slotProps.list(rt) : v.slotProps?.list, ct = ee(), lt = ee();
+	}, it = Me(rt), at = typeof v.slotProps?.paper == "function" ? v.slotProps.paper(rt) : v.slotProps?.paper, ot = oe(at?.ref, I), st = typeof v.slotProps?.list == "function" ? v.slotProps.list(rt) : v.slotProps?.list, ct = ee(), lt = ee();
 	return /* @__PURE__ */ N(j.Fragment, { children: [
 		/* @__PURE__ */ M(ke, {
 			as: "div",
@@ -473,7 +474,7 @@ var ke = h(B, {
 			onKeyDown: qe,
 			onMouseDown: f || T ? null : He,
 			onBlur: Je,
-			onFocus: x,
+			onFocus: ae,
 			...de,
 			ownerState: rt,
 			className: u(de.className, it.select, c),
@@ -608,10 +609,10 @@ function Le(e) {
 	return Ie(e) || e.outerHeightStyle === 0 && !e.overflowing;
 }
 var Re = /* @__PURE__ */ j.forwardRef(function(e, t) {
-	let { onChange: n, maxRows: r, minRows: i = 1, style: a, value: o, ...s } = e, { current: c } = j.useRef(o != null), l = j.useRef(null), u = w(t, l), d = j.useRef(null), f = j.useRef(null), p = j.useCallback(() => {
+	let { onChange: n, maxRows: r, minRows: i = 1, style: a, value: o, ...s } = e, { current: c } = j.useRef(o != null), l = j.useRef(null), u = ae(t, l), d = j.useRef(null), f = j.useRef(null), p = j.useCallback(() => {
 		let t = l.current, n = f.current;
 		if (!t || !n) return;
-		let a = b(t).getComputedStyle(t);
+		let a = v(t).getComputedStyle(t);
 		if (a.width === "0px") return {
 			outerHeightStyle: 0,
 			overflowing: !1
@@ -628,7 +629,7 @@ var Re = /* @__PURE__ */ j.forwardRef(function(e, t) {
 		r,
 		i,
 		e.placeholder
-	]), m = ae(() => {
+	]), m = se(() => {
 		let e = l.current, t = p();
 		if (!e || !t || Le(t)) return !1;
 		let n = t.outerHeightStyle;
@@ -642,7 +643,7 @@ var Re = /* @__PURE__ */ j.forwardRef(function(e, t) {
 	return _(() => {
 		let e = de(h), t = l?.current;
 		if (!t) return;
-		let n = b(t);
+		let n = v(t);
 		n.addEventListener("resize", e);
 		let r;
 		return typeof ResizeObserver < "u" && (r = new ResizeObserver(() => {
@@ -851,13 +852,13 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 	let n = c({
 		props: e,
 		name: "MuiInputBase"
-	}), { "aria-describedby": r, "aria-label": a, autoComplete: o, autoFocus: s, className: l, color: d, defaultValue: f, disabled: p, disableInjectingGlobalStyles: m, endAdornment: h, error: g, fullWidth: _ = !1, id: ee, inputComponent: y = "input", inputProps: b = {}, inputRef: te, margin: re, maxRows: ie, minRows: x, multiline: ae = !1, name: oe, onBlur: S, onChange: ce, onClick: w, onFocus: T, onKeyDown: le, onKeyUp: E, placeholder: de, readOnly: fe, renderSuffix: me, rows: he, size: ge, slotProps: D = {}, slots: _e = {}, startAdornment: O, type: k = "text", value: be, ...xe } = n, A = b.value == null ? be : b.value, { current: P } = j.useRef(A != null), F = j.useRef(), Se = j.useCallback((e) => {
+	}), { "aria-describedby": r, "aria-label": a, autoComplete: o, autoFocus: s, className: l, color: d, defaultValue: f, disabled: p, disableInjectingGlobalStyles: m, endAdornment: h, error: g, fullWidth: _ = !1, id: ee, inputComponent: v = "input", inputProps: y = {}, inputRef: te, margin: re, maxRows: ie, minRows: ae, multiline: se = !1, name: x, onBlur: S, onChange: ce, onClick: C, onFocus: T, onKeyDown: le, onKeyUp: E, placeholder: de, readOnly: fe, renderSuffix: me, rows: he, size: ge, slotProps: D = {}, slots: _e = {}, startAdornment: O, type: k = "text", value: be, ...xe } = n, A = y.value == null ? be : y.value, { current: P } = j.useRef(A != null), F = j.useRef(), Se = j.useCallback((e) => {
 		process.env.NODE_ENV !== "production" && e && e.nodeName !== "INPUT" && !e.focus && console.error([
 			"MUI: You have provided a `inputComponent` to the input component",
 			"that does not correctly handle the `ref` prop.",
 			"Make sure the `ref` prop is called with a HTMLInputElement."
 		].join("\n"));
-	}, []), Ce = se(F, te, b.ref, Se), [I, we] = j.useState(!1), [L, R] = ve({
+	}, []), Ce = oe(F, te, y.ref, Se), [I, we] = j.useState(!1), [L, R] = ve({
 		props: n,
 		states: [
 			"color",
@@ -892,28 +893,28 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 		if (!s) return;
 		let e = F.current;
 		if (!e) return;
-		let t = ue(e), n = v(t), r = n == null || n === t.body || n === t.documentElement;
+		let t = ue(e), n = b(t), r = n == null || n === t.body || n === t.documentElement;
 		e === n ? R && R.onFocus ? R.onFocus() : we(!0) : r && e.focus();
 	}, [s]);
 	let H = (e) => {
-		T && T(e), b.onFocus && b.onFocus(e), R && R.onFocus ? R.onFocus(e) : we(!0);
+		T && T(e), y.onFocus && y.onFocus(e), R && R.onFocus ? R.onFocus(e) : we(!0);
 	}, Te = (e) => {
-		S && S(e), b.onBlur && b.onBlur(e), R && R.onBlur ? R.onBlur(e) : we(!1);
+		S && S(e), y.onBlur && y.onBlur(e), R && R.onBlur ? R.onBlur(e) : we(!1);
 	}, U = (e, ...t) => {
 		if (!P) {
 			let t = e.target || F.current;
 			if (t == null) throw Error(process.env.NODE_ENV === "production" ? i(1) : "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.");
 			V({ value: t.value });
 		}
-		b.onChange && b.onChange(e, ...t), ce && ce(e, ...t);
+		y.onChange && y.onChange(e, ...t), ce && ce(e, ...t);
 	};
 	j.useEffect(() => {
 		V(F.current);
 	}, []);
 	let Ee = (e) => {
-		F.current && e.currentTarget === e.target && F.current.focus(), w && w(e);
-	}, W = y, G = b;
-	ae && W === "input" && (he ? (process.env.NODE_ENV !== "production" && (x || ie) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), G = {
+		F.current && e.currentTarget === e.target && F.current.focus(), C && C(e);
+	}, W = v, G = y;
+	se && W === "input" && (he ? (process.env.NODE_ENV !== "production" && (ae || ie) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), G = {
 		type: void 0,
 		minRows: he,
 		maxRows: he,
@@ -921,7 +922,7 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 	}) : G = {
 		type: void 0,
 		maxRows: ie,
-		minRows: x,
+		minRows: ae,
 		...G
 	}, W = Re);
 	let De = (e) => {
@@ -940,7 +941,7 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 		formControl: R,
 		fullWidth: _,
 		hiddenLabel: L.hiddenLabel,
-		multiline: ae,
+		multiline: se,
 		size: L.size,
 		startAdornment: O,
 		type: k
@@ -953,7 +954,7 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 		ref: t,
 		onClick: Ee,
 		...xe,
-		...!C(Ae) && { ownerState: {
+		...!w(Ae) && { ownerState: {
 			...Oe,
 			...je.ownerState
 		} },
@@ -972,7 +973,7 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 					disabled: L.disabled,
 					id: ee,
 					onAnimationStart: De,
-					name: oe,
+					name: x,
 					placeholder: de,
 					readOnly: fe,
 					required: L.required,
@@ -982,7 +983,7 @@ var q, J = "mui-auto-fill", ze = "mui-auto-fill-cancel", Y = (e, t) => {
 					onKeyUp: E,
 					type: k,
 					...G,
-					...!C(Me) && {
+					...!w(Me) && {
 						as: W,
 						ownerState: {
 							...Oe,
@@ -1026,7 +1027,7 @@ process.env.NODE_ENV !== "production" && (Z.propTypes = {
 	error: I.default.bool,
 	fullWidth: I.default.bool,
 	id: I.default.string,
-	inputComponent: ce,
+	inputComponent: C,
 	inputProps: I.default.object,
 	inputRef: x,
 	margin: I.default.oneOf(["dense", "none"]),
@@ -1827,10 +1828,10 @@ var ut = (e) => {
 	let n = c({
 		name: "MuiSelect",
 		props: e
-	}), { autoWidth: i = !1, children: a, classes: o = {}, className: s, defaultOpen: l = !1, displayEmpty: d = !1, IconComponent: f = Pe, id: p, input: m, inputProps: h, label: g, labelId: _, MenuProps: ee, multiple: v = !1, native: b = !1, onClose: te, onOpen: ne, open: re, renderValue: ie, SelectDisplayProps: x, variant: ae = "outlined", ...oe } = n, S = b ? U : Ne, [ce] = ve({
+	}), { autoWidth: i = !1, children: a, classes: o = {}, className: s, defaultOpen: l = !1, displayEmpty: d = !1, IconComponent: f = Pe, id: p, input: m, inputProps: h, label: g, labelId: _, MenuProps: ee, multiple: v = !1, native: b = !1, onClose: te, onOpen: ne, open: re, renderValue: ie, SelectDisplayProps: ae, variant: se = "outlined", ...x } = n, S = b ? U : Ne, [ce] = ve({
 		props: n,
 		states: ["variant", "error"]
-	}), C = ce.variant || ae, w = {
+	}), C = ce.variant || se, w = {
 		...n,
 		variant: C,
 		classes: o
@@ -1841,7 +1842,7 @@ var ut = (e) => {
 			ownerState: w
 		}),
 		filled: /* @__PURE__ */ M(mt, { ownerState: w })
-	}[C], de = se(t, y(ue));
+	}[C], de = oe(t, y(ue));
 	return /* @__PURE__ */ M(j.Fragment, { children: /* @__PURE__ */ j.cloneElement(ue, {
 		inputComponent: S,
 		inputProps: {
@@ -1863,7 +1864,7 @@ var ut = (e) => {
 				renderValue: ie,
 				SelectDisplayProps: {
 					id: p,
-					...x
+					...ae
 				}
 			},
 			...h,
@@ -1874,7 +1875,7 @@ var ut = (e) => {
 		ref: de,
 		className: u(ue.props.className, s, T.root),
 		...!m && { variant: C },
-		...oe
+		...x
 	}) });
 });
 process.env.NODE_ENV !== "production" && (ht.propTypes = {

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-DLSDoq7u.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-DLSDoq7u.js";
 export { e as STextField, e as default };

package/dist/{s-text-field-GqcwXwta.js → s-text-field-DLSDoq7u.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-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-DeY0K6MC.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-DeY0K6MC.js";
 export { e as default };

package/dist/{s-theme-demo-BpeyFRKt.js → s-theme-demo-DeY0K6MC.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-B0KHb2wu.js";
+import { t as n } from "./Favorite-CbvuQfe4.js";
+import { t as r } from "./s-text-field-DLSDoq7u.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-7ruiI7gY.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-B0KHb2wu.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-B0KHb2wu.js";
 export { e as default };

package/dist/{s-theme-switch-V3Q58mkG.js → s-theme-switch-B0KHb2wu.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-Beuy9MLR.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-Beuy9MLR.js";
 export { e as STip, e as default };

package/dist/{s-tip-Dwu5T2u0.js → s-tip-Beuy9MLR.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-DqtTB0ZJ.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 };