@solostylist/ui-kit 1.0.220 → 1.0.222

package/dist/{s-review-D5_TicCf.js → s-review-Ca6JUgGr.js}

@@ -1,9 +1,9 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
 import { t } from "./createSvgIcon-BdNZIlKS.js";
-import n from "./s-lazy-image/s-lazy-image.js";
-import { SSkeleton as r } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as i } from "./s-avatar/s-avatar.js";
-import { SImageModal as a } from "./s-image-modal/s-image-modal.js";
+import { n } from "./s-image-modal-DxwMFMNS.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";
 import { SRating as o } from "./s-rating/s-rating.js";
 import { useEffect as s, useId as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 			direction: "row",
 			spacing: 2,
 			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ u(r, {
+			children: [/* @__PURE__ */ u(i, {
 				component: "rounded-avatar",
 				width: A,
 				height: A
@@ -52,22 +52,22 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 							alignItems: "center",
 							mb: 1
 						},
-						children: [/* @__PURE__ */ u(r, {
+						children: [/* @__PURE__ */ u(i, {
 							width: 120,
 							height: 20
-						}), /* @__PURE__ */ u(r, {
+						}), /* @__PURE__ */ u(i, {
 							width: 80,
 							height: 16
 						})]
 					}),
 					/* @__PURE__ */ u(f, {
 						sx: { mb: 1 },
-						children: /* @__PURE__ */ u(r, {
+						children: /* @__PURE__ */ u(i, {
 							width: 100,
 							height: 20
 						})
 					}),
-					/* @__PURE__ */ u(r, {
+					/* @__PURE__ */ u(i, {
 						height: 16,
 						sx: { mb: .5 }
 					}),
@@ -79,18 +79,18 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 							alignItems: "center"
 						},
 						children: [
-							/* @__PURE__ */ u(r, {
+							/* @__PURE__ */ u(i, {
 								width: 140,
 								height: 16,
 								sx: { mr: 2 }
 							}),
-							/* @__PURE__ */ u(r, { component: "icon-button" }),
-							/* @__PURE__ */ u(r, {
+							/* @__PURE__ */ u(i, { component: "icon-button" }),
+							/* @__PURE__ */ u(i, {
 								width: 20,
 								height: 16
 							}),
-							/* @__PURE__ */ u(r, { component: "icon-button" }),
-							/* @__PURE__ */ u(r, {
+							/* @__PURE__ */ u(i, { component: "icon-button" }),
+							/* @__PURE__ */ u(i, {
 								width: 20,
 								height: 16
 							})
@@ -109,7 +109,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 				direction: "row",
 				spacing: 2,
 				sx: { alignItems: "flex-start" },
-				children: [/* @__PURE__ */ u(i, {
+				children: [/* @__PURE__ */ u(a, {
 					avatar: b,
 					name: y,
 					size: A
@@ -123,11 +123,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 								alignItems: "center",
 								mb: 1
 							},
-							children: [/* @__PURE__ */ u(g, {
-								variant: "subtitle2",
-								sx: { fontWeight: "600" },
-								children: y
-							}), /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(g, {
+							children: [/* @__PURE__ */ u(g, { children: y }), /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(g, {
 								variant: "caption",
 								children: $
 							}) })]
@@ -156,7 +152,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 								flexWrap: "wrap",
 								gap: 1
 							},
-							children: w.map((e, t) => /* @__PURE__ */ u(n, {
+							children: w.map((e, t) => /* @__PURE__ */ u(r, {
 								src: e,
 								alt: `Review image ${t + 1}`,
 								width: 80,
@@ -218,7 +214,7 @@ var _ = t(/* @__PURE__ */ u("path", { d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02
 				})]
 			}),
 			N && /* @__PURE__ */ u(p, { sx: { mt: 2 } }),
-			/* @__PURE__ */ u(a, {
+			/* @__PURE__ */ u(n, {
 				isOpen: W,
 				onClose: Z,
 				selectedItem: K,

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -1,28 +1,18 @@
-import { t as e } from "../Box-BlmynALm.js";
-import { t } from "../styled-BTDmdi4c.js";
-import { t as n } from "../ArrowUpward-BbQSKheQ.js";
-import { useIsPassedPosition as r } from "../hooks/use-is-passed-position.js";
+import { t as e } from "../styled-BTDmdi4c.js";
+import { t } from "../ArrowUpward-BbQSKheQ.js";
+import { useIsPassedPosition as n } from "../hooks/use-is-passed-position.js";
+import { SIconButton as r } from "../s-icon-button/s-icon-button.js";
 import i from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/s-scroll-to-top/s-scroll-to-top.tsx
-var o = t(e)({
+var o = e(r)({
 	position: "fixed",
 	bottom: 20,
 	right: 20,
-	zIndex: 100,
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	borderRadius: "50%",
-	width: 40,
-	height: 40,
-	backgroundColor: "background.paper",
-	cursor: "pointer",
-	transition: "all 0.3s ease",
-	"&:hover": { transform: "scale(1.1)" }
-}), s = i.memo(({ onClick: e, scrollElementId: t, threshold: i = 100, icon: s, sx: c }) => {
-	let l = r(t ?? window, i), u = () => {
-		e ? e() : t ? document.getElementById(t)?.scrollTo({
+	zIndex: 100
+}), s = i.memo(({ onClick: e, scrollElementId: r, threshold: i = 100, icon: s, sx: c }) => {
+	let l = n(r ?? window, i), u = () => {
+		e ? e() : r ? document.getElementById(r)?.scrollTo({
 			top: 0,
 			behavior: "smooth"
 		}) : window.scrollTo({
@@ -37,7 +27,7 @@ var o = t(e)({
 			...c
 		},
 		onClick: u,
-		children: s ?? /* @__PURE__ */ a(n, {})
+		children: s ?? /* @__PURE__ */ a(t, {})
 	});
 });
 s.displayName = "SScrollToTop";

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

@@ -5,7 +5,8 @@ import { Box as i, Stack as a, Switch as o, Typography as s } from "@mui/materia
 var c = e(({ content: e, disabled: c, ...l }, u) => {
 	let d = t(), f = l.id ?? d, p = {
 		color: c ? "text.disabled" : "inherit",
-		cursor: c ? "not-allowed" : "pointer"
+		cursor: c ? "not-allowed" : "pointer",
+		userSelect: "none"
 	};
 	return /* @__PURE__ */ r(a, {
 		direction: "row",

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

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

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

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