@solostylist/ui-kit 1.0.223 → 1.0.225

package/dist/{s-review-D4FBfBPF.js → s-review-DjvDY-h4.js}

@@ -1,6 +1,6 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
 import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { n } from "./s-image-modal-DA3DBNbv.js";
+import { n } from "./s-image-modal-Za71QD3d.js";
 import r from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as a } from "./s-avatar/s-avatar.js";

package/dist/s-select/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-b8CHbeCf.js";
+import { t as e } from "../s-select-B-dEcddK.js";
 export { e as SSelect, e as default };

package/dist/s-select/s-select.d.ts

@@ -32,6 +32,8 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
     searchable?: boolean;
     /** Placeholder text for the search input */
     searchPlaceholder?: string;
+    /** Message shown when a search yields no matching options */
+    noResultsText?: string;
     /** Custom render function for options */
     renderOption?: (option: T) => ReactNode;
 };

package/dist/s-select/s-select.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-select-b8CHbeCf.js";
+import { t as e } from "../s-select-B-dEcddK.js";
 export { e as SSelect, e as default };

package/dist/{s-select-b8CHbeCf.js → s-select-B-dEcddK.js}

@@ -75,10 +75,10 @@ function w(e) {
 		} } }
 	};
 }
-var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", renderOption: A, ...j }, M) => {
-	let N = j.value !== void 0, [P, F] = r(j.multiple ? [] : null), I = N ? j.value : P, [L, R] = r(""), [z, B] = r(!1), V = (e) => m(e, p), H = (e) => h(e, g), U = b(e, O, L, V), W = () => {
-		O && (B(!1), R(""));
-	}, G = (t) => j.multiple ? y(t, e, _, V, H) : v(t, E, e, _, V, H), K = () => O ? U.length > 0 ? C(U, H, V, A, n) : L ? /* @__PURE__ */ i(l, {
+var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", noResultsText: A = "No results found", renderOption: j, ...M }, N) => {
+	let P = M.value !== void 0, [F, I] = r(M.multiple ? [] : null), L = P ? M.value : F, [R, z] = r(""), [B, V] = r(!1), H = (e) => m(e, p), U = (e) => h(e, g), W = b(e, O, R, H), G = () => {
+		O && (V(!1), z(""));
+	}, K = (t) => M.multiple ? y(t, e, _, H, U) : v(t, E, e, _, H, U), q = () => O ? W.length > 0 ? C(W, U, H, j, n) : R ? /* @__PURE__ */ i(l, {
 		disabled: !0,
 		children: /* @__PURE__ */ i(o, {
 			sx: {
@@ -86,9 +86,9 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
 				textAlign: "center",
 				width: "100%"
 			},
-			children: "No results found"
+			children: A
 		})
-	}) : C(e, H, V, A, n) : C(e, H, V, A, n), q = w(O);
+	}) : C(e, U, H, j, n) : C(e, U, H, j, n), J = w(O);
 	return /* @__PURE__ */ i(t, {
 		error: S,
 		label: x,
@@ -99,19 +99,19 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
 			displayEmpty: !0,
 			fullWidth: !0,
 			defaultValue: "",
-			ref: M,
-			open: O ? z : void 0,
-			onOpen: O ? () => B(!0) : void 0,
-			onClose: O ? W : void 0,
-			MenuProps: q,
-			renderValue: G,
-			...j,
-			value: e.length ? I ?? "" : "",
+			ref: N,
+			open: O ? B : void 0,
+			onOpen: O ? () => V(!0) : void 0,
+			onClose: O ? G : void 0,
+			MenuProps: J,
+			renderValue: K,
+			...M,
+			value: e.length ? L ?? "" : "",
 			onChange: (e, t) => {
-				if (j.onChange) j.onChange(e, t);
-				else if (!N) {
+				if (M.onChange) M.onChange(e, t);
+				else if (!P) {
 					let t = e.target.value;
-					F(t);
+					I(t);
 				}
 			},
 			children: [O && /* @__PURE__ */ i(c, {
@@ -127,8 +127,8 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
 					fullWidth: !0,
 					autoFocus: !0,
 					placeholder: k,
-					value: L,
-					onChange: (e) => R(e.target.value),
+					value: R,
+					onChange: (e) => z(e.target.value),
 					onKeyDown: (e) => {
 						e.key !== "Escape" && e.stopPropagation();
 					},
@@ -140,7 +140,7 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
 						children: /* @__PURE__ */ i(f, {})
 					}) } }
 				})
-			}), K()]
+			}), q()]
 		})
 	});
 });

package/dist/s-stripe/s-stripe.js

@@ -1,4 +1,4 @@
-import { t as e } from "../s-text-field-Ck5QMhYI.js";
+import { t as e } from "../s-text-field-GqcwXwta.js";
 import t from "./stripe-input.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/s-stripe/s-stripe.tsx

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

@@ -1,3 +1,3 @@
-import { t as e } from "../s-text-editor-toolbar-CCK7yyNS.js";
+import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
 import { STextEditor as t } from "./s-text-editor.js";
 export { t as STextEditor, t as default, e as STextEditorToolbar };

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-editor-toolbar-CCK7yyNS.js";
+import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
 export { e as STextEditorToolbar };

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

@@ -1,48 +1,47 @@
-import { i as e } from "../createTheme-Bnw5w28O.js";
+import { tint as e } from "../theme/utils.js";
 import { t } from "../Box-BlmynALm.js";
-import { o as n, s as r } from "../theme-primitives-OrQ-xFJR.js";
-import { t as i } from "../s-text-editor-toolbar-CCK7yyNS.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Link as c } from "@tiptap/extension-link";
-import { Placeholder as l } from "@tiptap/extension-placeholder";
-import { EditorContent as u, useEditor as d } from "@tiptap/react";
-import { StarterKit as f } from "@tiptap/starter-kit";
+import { t as n } from "../s-text-editor-toolbar-DP0MkICo.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Link as o } from "@tiptap/extension-link";
+import { Placeholder as s } from "@tiptap/extension-placeholder";
+import { EditorContent as c, useEditor as l } from "@tiptap/react";
+import { StarterKit as u } from "@tiptap/starter-kit";
 //#region lib/s-text-editor/s-text-editor.tsx
-var p = ({ content: p, editable: m = !0, hideToolbar: h, onUpdate: g = () => {}, placeholder: _ }) => {
-	let v = d({
+var d = ({ content: d, editable: f = !0, hideToolbar: p, onUpdate: m = () => {}, placeholder: h }) => {
+	let g = l({
 		extensions: [
-			f,
-			l.configure({
+			u,
+			s.configure({
 				emptyEditorClass: "is-editor-empty",
-				placeholder: _
+				placeholder: h
 			}),
-			c.configure({
+			o.configure({
 				openOnClick: !1,
 				autolink: !0
 			})
 		],
-		content: p,
-		editable: m,
-		onUpdate: g,
+		content: d,
+		editable: f,
+		onUpdate: m,
 		parseOptions: { preserveWhitespace: "full" }
 	});
-	return a.useEffect(() => {
-		!v || v.isDestroyed || v.getHTML() !== p && v.commands.setContent(p);
-	}, [p, v]), /* @__PURE__ */ s(t, {
+	return r.useEffect(() => {
+		!g || g.isDestroyed || g.getHTML() !== d && g.commands.setContent(d);
+	}, [d, g]), /* @__PURE__ */ a(t, {
 		className: "tiptap-root",
-		sx: {
+		sx: (t) => ({
 			display: "flex",
 			flexDirection: "column",
-			...m && {
+			...f && {
 				border: "1px solid",
 				borderColor: "divider",
 				borderRadius: 1,
 				transition: "border 120ms ease-in",
-				"&:hover": { borderColor: r[500] },
+				"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
 				"&:focus-within": {
-					outline: `3px solid ${e(n[500], .5)}`,
-					borderColor: n[400]
+					outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+					borderColor: (t.vars ?? t).palette.primary[400]
 				}
 			},
 			"& .tiptap-container": {
@@ -71,13 +70,13 @@ var p = ({ content: p, editable: m = !0, hideToolbar: h, onUpdate: g = () => {},
 					pointerEvents: "none"
 				}
 			}
-		},
-		children: [h ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o(i, { editor: v }), /* @__PURE__ */ o(u, {
+		}),
+		children: [p ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(n, { editor: g }), /* @__PURE__ */ i(c, {
 			className: "tiptap-container",
-			editor: v
+			editor: g
 		})]
 	});
 };
-p.displayName = "STextEditor";
+d.displayName = "STextEditor";
 //#endregion
-export { p as STextEditor, p as default };
+export { d as STextEditor, d as default };

package/dist/{s-text-editor-toolbar-CCK7yyNS.js → s-text-editor-toolbar-DP0MkICo.js}

@@ -19,7 +19,7 @@ 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-Ck5QMhYI.js";
+import { t as A } from "./s-text-field-GqcwXwta.js";
 import * as j from "react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
 import { MenuItem as P } from "@mui/material";

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

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

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

@@ -14,9 +14,11 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     htmlFor?: string;
     /** Help text shown in tooltip next to the label */
     hint?: string;
+    /** Accessible text for the password visibility toggle button */
+    togglePasswordText?: string;
 };
 export declare const STextField: {
-    ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
+    ({ label, required, error, type, htmlFor, hint, togglePasswordText, ...props }: STextFieldProps): React.JSX.Element;
     displayName: string;
 };
 export default STextField;

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

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

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

@@ -4,17 +4,17 @@ 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";
 //#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, ...m }) => {
-	let [h, g] = n(!1), _ = d === "password", v = () => {
-		g(!h);
-	}, y = _ && h ? "text" : d, b = _ ? /* @__PURE__ */ r(a, {
+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, {
 		position: "end",
 		children: /* @__PURE__ */ r(i, {
-			"aria-label": "toggle password visibility",
-			onClick: v,
+			"aria-label": m,
+			onClick: y,
 			edge: "end",
 			size: "small",
-			children: r(h ? c : s, {})
+			children: r(g ? c : s, {})
 		})
 	}) : void 0;
 	return /* @__PURE__ */ r(t, {
@@ -25,13 +25,13 @@ var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39
 		htmlFor: f,
 		children: /* @__PURE__ */ r(o, {
 			fullWidth: !0,
-			type: y,
+			type: b,
 			id: f,
 			error: !!u,
-			...m,
+			...h,
 			slotProps: { input: {
-				endAdornment: b,
-				...m.slotProps?.input
+				endAdornment: x,
+				...h.slotProps?.input
 			} }
 		})
 	});

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

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

package/dist/{s-theme-demo-THHj5mFp.js → s-theme-demo-BpeyFRKt.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-Ck5QMhYI.js";
+import { t as r } from "./s-text-field-GqcwXwta.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

@@ -1,4 +1,4 @@
-import { Theme, ThemeOptions, ThemeProviderProps } from '@mui/material';
+import { ThemeOptions, ThemeProviderProps } from '@mui/material';
 import * as React from 'react';
 /**
  * Props interface for SThemeProvider component
@@ -14,8 +14,8 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     themeComponents?: ThemeOptions['components'];
     /** Default color mode (defaults to 'system') */
     defaultMode?: 'light' | 'dark' | 'system';
-    /** Custom theme object to merge with internal theme */
-    theme?: Theme;
+    /** Theme options deep-merged into the internal theme before createTheme */
+    theme?: ThemeOptions;
 }
 export declare const SThemeProvider: {
     ({ children, disableCssBaseline, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps): React.JSX.Element;

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

@@ -1,35 +1,41 @@
-import { i as e, n as t, r as n, t as r } from "../theme-primitives-OrQ-xFJR.js";
+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";
 //#region lib/s-theme-provider/s-theme-provider.tsx
-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"
-		},
-		colorSchemes: r,
-		typography: e,
-		shadows: t,
-		shape: n,
-		components: {
-			...i,
-			...m
-		}
-	}), [p, m]);
-	return p ? /* @__PURE__ */ o(a.Fragment, { children: d }) : /* @__PURE__ */ s(l, {
+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 = {
+			cssVariables: {
+				colorSchemeSelector: "data-mui-color-scheme",
+				cssVarPrefix: "s"
+			},
+			colorSchemes: r,
+			typography: e,
+			shadows: t,
+			shape: n,
+			components: {
+				...i,
+				...h
+			}
+		};
+		return u(_ ? d(a, _) : a);
+	}, [
+		m,
+		h,
+		_
+	]);
+	return m ? /* @__PURE__ */ o(a.Fragment, { children: f }) : /* @__PURE__ */ s(l, {
 		disableTransitionOnChange: !0,
-		..._,
-		theme: {
-			...v,
-			...g
-		},
-		defaultMode: h,
-		children: [!f && /* @__PURE__ */ o(c, {}), d]
+		...v,
+		theme: y,
+		defaultMode: g,
+		children: [!p && /* @__PURE__ */ o(c, {}), f]
 	});
 };
-d.displayName = "SThemeProvider";
+f.displayName = "SThemeProvider";
 //#endregion
-export { d as SThemeProvider, d as default };
+export { f as SThemeProvider, f as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-tool-bar-B-v1I_Hy.js";
+import { t as e } from "../s-tool-bar-DaZ2wT09.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-B-v1I_Hy.js";
+import { t as e } from "../s-tool-bar-DaZ2wT09.js";
 export { e as SToolBar, e as default };