@solostylist/ui-kit 1.0.216 → 1.0.218

package/dist/s-autocomplete/s-autocomplete.js

@@ -3,20 +3,23 @@ import { forwardRef as t, useId as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Autocomplete as i, TextField as a } from "@mui/material";
 //#region lib/s-autocomplete/s-autocomplete.tsx
-var o = t(({ label: t = "", required: o = !1, error: s, htmlFor: c, ...l }, u) => {
-	let d = n(), f = c ?? d;
+var o = t(({ label: t = "", placeholder: o, required: s = !1, error: c, htmlFor: l, ...u }, d) => {
+	let f = n(), p = l ?? f;
 	return /* @__PURE__ */ r(e, {
-		error: s,
+		error: c,
 		label: t,
-		required: o,
-		htmlFor: f,
+		required: s,
+		htmlFor: p,
 		children: /* @__PURE__ */ r(i, {
 			disablePortal: !0,
 			fullWidth: !0,
-			renderInput: (e) => /* @__PURE__ */ r(a, { ...e }),
-			id: f,
-			...l,
-			ref: u
+			renderInput: u.renderInput ?? ((e) => /* @__PURE__ */ r(a, {
+				...e,
+				placeholder: o
+			})),
+			id: p,
+			...u,
+			ref: d
 		})
 	});
 });

package/dist/s-avatar/s-avatar.js

@@ -3,9 +3,11 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Avatar as r, Box as i, Typography as a } from "@mui/material";
 //#region lib/s-avatar/s-avatar.tsx
 var o = ({ avatar: o, name: s, showName: c = !1, size: l = 40, avatarProps: u, children: d }) => /* @__PURE__ */ n(i, {
-	display: "flex",
-	alignItems: "center",
-	gap: 2,
+	sx: {
+		display: "flex",
+		alignItems: "center",
+		gap: 2
+	},
 	children: [/* @__PURE__ */ t(r, {
 		sx: {
 			width: l,
@@ -23,7 +25,7 @@ var o = ({ avatar: o, name: s, showName: c = !1, size: l = 40, avatarProps: u, c
 		}) : s?.[0] ?? "A")
 	}), c && /* @__PURE__ */ t(a, {
 		variant: "body1",
-		fontSize: 20,
+		sx: { fontSize: 20 },
 		children: s
 	})]
 });

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

@@ -13,7 +13,7 @@ function l(e, t) {
 	let n = t === "words" ? e.split(" ") : e.split(""), r = 0;
 	return n.map((e) => {
 		let n = `${t}-${r}-${e}`;
-		return r += e.length + (t === "words" ? 1 : 0), {
+		return r += e.length + +(t === "words"), {
 			key: n,
 			segment: e
 		};

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,4 +1,4 @@
-import { t as e } from "../ChevronRight-CK4Iv1Xx.js";
+import { t as e } from "../ChevronRight-DHulYS1l.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { Breadcrumbs as r, Link as i, Typography as a } from "@mui/material";

package/dist/s-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-Btja2Hvn.js";
+import { t as e } from "../s-carousel-DhUo-3W-.js";
 export { e as SCarousel, e as default };

package/dist/s-carousel/s-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-Btja2Hvn.js";
+import { t as e } from "../s-carousel-DhUo-3W-.js";
 export { e as SCarousel, e as default };

package/dist/{s-carousel-Btja2Hvn.js → s-carousel-DhUo-3W-.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
 import { SIconButton as t } from "./s-icon-button/s-icon-button.js";
 import { Children as n, forwardRef as r, useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Box as f, styled as p, useTheme as m } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/ArrowBackIosNew.js
+//#region ../../node_modules/@mui/icons-material/ArrowBackIosNew.mjs
 var h = e(/* @__PURE__ */ u("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }), "ArrowBackIosNew"), g = e(/* @__PURE__ */ u("path", { d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }), "ArrowForwardIos"), _ = {
 	active: !0,
 	breakpoints: {},

package/dist/s-chat-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DF3eBvRY.js";
+import { t as e } from "../s-chat-input-DlEMhm6X.js";
 export { e as SChatInput, e as default };

package/dist/s-chat-input/s-chat-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DF3eBvRY.js";
+import { t as e } from "../s-chat-input-DlEMhm6X.js";
 export { e as SChatInput, e as default };

package/dist/{s-chat-input-DF3eBvRY.js → s-chat-input-DlEMhm6X.js}

@@ -1,14 +1,14 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
-import { t } from "./ArrowUpward-O4lRvSII.js";
-import { t as n } from "./Close-CSIi_IPN.js";
-import { t as r } from "./s-text-field-UI_UjTUa.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t } from "./ArrowUpward-BbQSKheQ.js";
+import { t as n } from "./Close-oXeOGTZb.js";
+import { t as r } from "./s-text-field-qps0aDNS.js";
 import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
 import { SFileIcon as a } from "./s-file-icon/s-file-icon.js";
 import { forwardRef as o, useEffect as s, useId as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Box as p, ClickAwayListener as m, Popper as h, Typography as g, outlinedInputClasses as _ } from "@mui/material";
 import v from "emoji-picker-react";
-//#region ../../node_modules/@mui/icons-material/esm/AttachFile.js
+//#region ../../node_modules/@mui/icons-material/AttachFile.mjs
 var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z" }), "AttachFile"), b = e(/* @__PURE__ */ d("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5" }), "EmojiEmotions"), x = o(({ onSubmit: e, onFileSelect: o, disabled: x, acceptedFileTypes: S, maxFileSize: C, hideEmojiPicker: w, hideFileAttachment: T, ...E }, D) => {
 	let [O, k] = l(""), [A, j] = l([]), [M, N] = l(/* @__PURE__ */ new Map()), [P, F] = l(!1), [I, L] = l(null), R = c(), z = (e) => e.type.startsWith("image/"), B = (e) => {
 		let t = `${e.name}-${e.size}-${e.lastModified}`;
@@ -43,10 +43,12 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 	return s(() => () => {
 		M.forEach((e) => URL.revokeObjectURL(e));
 	}, [M]), /* @__PURE__ */ f(p, {
-		border: "1px solid",
-		borderColor: "divider",
-		borderRadius: 2,
-		padding: "8px 12px",
+		sx: {
+			border: "1px solid",
+			borderColor: "divider",
+			borderRadius: 2,
+			padding: "8px 12px"
+		},
 		children: [
 			/* @__PURE__ */ d(r, {
 				placeholder: "Enter your message here...",
@@ -74,14 +76,14 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 				...E
 			}),
 			A.length > 0 && /* @__PURE__ */ d(p, {
-				mt: 1,
+				sx: { mt: 1 },
 				children: A.map((e, t) => {
 					let r = z(e), o = e.name.split(".").pop();
 					return /* @__PURE__ */ f(p, {
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
 						sx: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
 							bgcolor: "background.paper",
 							border: "1px solid",
 							borderColor: "divider",
@@ -90,9 +92,11 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							mb: .5
 						},
 						children: [/* @__PURE__ */ f(p, {
-							display: "flex",
-							alignItems: "center",
-							gap: 1,
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: 1
+							},
 							children: [r ? /* @__PURE__ */ d(p, {
 								component: "img",
 								src: B(e),
@@ -106,15 +110,19 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									borderColor: "divider"
 								}
 							}) : /* @__PURE__ */ d(a, { extension: o }), /* @__PURE__ */ f(p, {
-								display: "flex",
-								flexDirection: "row",
-								alignItems: "center",
-								gap: 1,
+								sx: {
+									display: "flex",
+									flexDirection: "row",
+									alignItems: "center",
+									gap: 1
+								},
 								children: [/* @__PURE__ */ d(g, {
 									variant: "subtitle2",
-									textOverflow: "ellipsis",
-									overflow: "hidden",
-									whiteSpace: "nowrap",
+									sx: {
+										textOverflow: "ellipsis",
+										overflow: "hidden",
+										whiteSpace: "nowrap"
+									},
 									children: e.name
 								}), /* @__PURE__ */ d("div", { children: /* @__PURE__ */ f(g, {
 									variant: "caption",
@@ -137,13 +145,17 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 				})
 			}),
 			/* @__PURE__ */ f(p, {
-				display: "flex",
-				justifyContent: "space-between",
-				alignItems: "center",
-				mt: 1,
-				children: [/* @__PURE__ */ f(p, {
+				sx: {
 					display: "flex",
-					gap: 1,
+					justifyContent: "space-between",
+					alignItems: "center",
+					mt: 1
+				},
+				children: [/* @__PURE__ */ f(p, {
+					sx: {
+						display: "flex",
+						gap: 1
+					},
 					children: [!T && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("input", {
 						type: "file",
 						multiple: !0,

package/dist/s-chat-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-tzIfAqAc.js";
+import { t as e } from "../s-chat-message-DeP8O6TO.js";
 export { e as SChatMessage, e as default };

package/dist/s-chat-message/s-chat-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-tzIfAqAc.js";
+import { t as e } from "../s-chat-message-DeP8O6TO.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-tzIfAqAc.js → s-chat-message-DeP8O6TO.js}

@@ -1,6 +1,6 @@
-import { n as e, r as t } from "./utils-CKGB5_56.js";
-import { t as n } from "./createSvgIcon-BfZYaiXo.js";
-import { t as r } from "./Download-BefdWd5q.js";
+import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
+import { t as n } from "./createSvgIcon-BdNZIlKS.js";
+import { t as r } from "./Download-DMm8oiCF.js";
 import i from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as a } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as o } from "./s-avatar/s-avatar.js";
@@ -8,19 +8,18 @@ import { SImageModal as s } from "./s-image-modal/s-image-modal.js";
 import { useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Box as d, IconButton as f, Paper as p, Typography as m } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/ErrorOutline.js
-var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" }), "ErrorOutline"), g = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z" }), "InsertDriveFile"), _ = n(/* @__PURE__ */ l("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" }), "Refresh"), v = ({ isSent: e, showAvatar: t, showTimestamp: n, senderName: r, maxWidth: i, sx: o, ...s }) => /* @__PURE__ */ u(d, {
-	display: "flex",
-	flexDirection: e ? "row-reverse" : "row",
-	alignItems: "flex-start",
-	gap: 1,
-	mb: 1,
-	sx: {
-		maxWidth: i,
-		alignSelf: e ? "flex-end" : "flex-start",
-		...o
-	},
+//#region ../../node_modules/@mui/icons-material/ErrorOutlined.mjs
+var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z" }), "ErrorOutlined"), g = n(/* @__PURE__ */ l("path", { d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z" }), "InsertDriveFile"), _ = n(/* @__PURE__ */ l("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" }), "Refresh"), v = ({ isSent: e, showAvatar: t, showTimestamp: n, senderName: r, maxWidth: i, sx: o, ...s }) => /* @__PURE__ */ u(d, {
 	...s,
+	sx: [{
+		display: "flex",
+		flexDirection: e ? "row-reverse" : "row",
+		alignItems: "flex-start",
+		gap: 1,
+		mb: 1,
+		maxWidth: i,
+		alignSelf: e ? "flex-end" : "flex-start"
+	}, ...Array.isArray(o) ? o : [o]],
 	children: [
 		t && !e && /* @__PURE__ */ l(a, {
 			component: "rounded-avatar",
@@ -28,11 +27,13 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 			height: 36
 		}),
 		/* @__PURE__ */ u(d, {
-			display: "flex",
-			flexDirection: "column",
-			alignItems: e ? "flex-end" : "flex-start",
-			gap: .5,
-			sx: { minWidth: 0 },
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: e ? "flex-end" : "flex-start",
+				gap: .5,
+				minWidth: 0
+			},
 			children: [
 				r && !e && /* @__PURE__ */ l(a, {
 					width: 100,
@@ -94,17 +95,16 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 		sx: M,
 		...N
 	}) : /* @__PURE__ */ u(d, {
-		display: "flex",
-		flexDirection: R ? "row-reverse" : "row",
-		alignItems: "flex-start",
-		gap: 1,
-		mb: 1,
-		sx: {
-			maxWidth: w,
-			alignSelf: R ? "flex-end" : "flex-start",
-			...M
-		},
 		...N,
+		sx: [{
+			display: "flex",
+			flexDirection: R ? "row-reverse" : "row",
+			alignItems: "flex-start",
+			gap: 1,
+			mb: 1,
+			maxWidth: w,
+			alignSelf: R ? "flex-end" : "flex-start"
+		}, ...Array.isArray(M) ? M : [M]],
 		children: [
 			S && !R && /* @__PURE__ */ l(o, {
 				avatar: b,
@@ -112,11 +112,13 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 				size: 36
 			}),
 			/* @__PURE__ */ u(d, {
-				display: "flex",
-				flexDirection: "column",
-				alignItems: R ? "flex-end" : "flex-start",
-				gap: .5,
-				sx: { minWidth: 0 },
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: R ? "flex-end" : "flex-start",
+					gap: .5,
+					minWidth: 0
+				},
 				children: [
 					x && !R && /* @__PURE__ */ l(m, { children: x }),
 					/* @__PURE__ */ u(d, {
@@ -133,12 +135,12 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 						children: [
 							V.length > 0 && /* @__PURE__ */ l(d, {
 								sx: {
+									minWidth: 200,
 									display: "grid",
 									gridTemplateColumns: V.length === 1 ? "1fr" : "repeat(2, 1fr)",
 									gap: .5,
 									p: .5
 								},
-								minWidth: 200,
 								children: V.map((e) => /* @__PURE__ */ l(d, {
 									sx: {
 										position: "relative",
@@ -170,7 +172,7 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 										alignItems: "center",
 										gap: 1.5,
 										p: 1,
-										mt: n > 0 ? 1 : 0,
+										mt: +(n > 0),
 										cursor: "pointer"
 									},
 									onClick: () => B(t),
@@ -228,14 +230,16 @@ var h = n(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 						children: t(y)
 					}),
 					O && /* @__PURE__ */ u(d, {
-						display: "flex",
-						alignItems: "center",
-						gap: .5,
-						color: "error.main",
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: .5,
+							color: "error.main"
+						},
 						children: [
 							/* @__PURE__ */ l(h, { sx: { fontSize: "1rem" } }),
 							/* @__PURE__ */ l(m, {
-								color: "inherit",
+								sx: { color: "inherit" },
 								children: k
 							}),
 							A && /* @__PURE__ */ l(f, {

package/dist/s-checkbox/s-checkbox.js

@@ -1,27 +1,37 @@
 import { forwardRef as e, useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Checkbox as i, Stack as a, Typography as o } from "@mui/material";
+import { Box as i, Checkbox as a, Stack as o, Typography as s } from "@mui/material";
 //#region lib/s-checkbox/s-checkbox.tsx
-var s = e(({ content: e, ...s }, c) => {
-	let l = t(), u = s.id ?? l;
-	return /* @__PURE__ */ r(a, {
-		alignItems: "center",
+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"
+	};
+	return /* @__PURE__ */ r(o, {
 		direction: "row",
-		display: "flex",
-		justifyContent: "start",
-		children: [/* @__PURE__ */ n(i, {
-			ref: c,
-			...s,
-			id: u
+		sx: {
+			alignItems: "center",
+			display: "flex",
+			justifyContent: "start"
+		},
+		children: [/* @__PURE__ */ n(a, {
+			ref: u,
+			...l,
+			disabled: c,
+			id: f
 		}), e && /* @__PURE__ */ n("label", {
-			htmlFor: u,
-			children: /* @__PURE__ */ n(o, {
-				variant: "body2",
+			htmlFor: f,
+			children: typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ n(s, {
+				sx: p,
+				children: e
+			}) : /* @__PURE__ */ n(i, {
+				component: "span",
+				sx: p,
 				children: e
 			})
 		})]
 	});
 });
-s.displayName = "SCheckbox";
+c.displayName = "SCheckbox";
 //#endregion
-export { s as SCheckbox, s as default };
+export { c as SCheckbox, c as default };

package/dist/s-chips/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-CMivbDg_.js";
+import { t as e } from "../s-chips-BuAEBW1F.js";
 export { e as SChips, e as default };

package/dist/s-chips/s-chips.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-CMivbDg_.js";
+import { t as e } from "../s-chips-BuAEBW1F.js";
 export { e as SChips, e as default };

package/dist/{s-chips-CMivbDg_.js → s-chips-BuAEBW1F.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./createSvgIcon-BfZYaiXo.js";
+import { t as e } from "./createSvgIcon-BdNZIlKS.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Box as s, Chip as c, Tooltip as l } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/Done.js
+//#region ../../node_modules/@mui/icons-material/Done.mjs
 var u = e(/* @__PURE__ */ a("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" }), "Done"), d = ({ chips: e, overflow: d = !0, onClick: f, overflowText: p = "keywords", color: m = "primary", variant: h = "filled", size: g = "medium", gap: _ = 8, selectedChips: v, onSelectionChange: y }) => {
 	let b = r(null), [x, S] = i([]), [C, w] = i([]), [T, E] = i(0), D = (e) => {
 		y && v !== void 0 && y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]), f?.(e);
@@ -45,11 +45,13 @@ var u = e(/* @__PURE__ */ a("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4
 	} : {};
 	return /* @__PURE__ */ o(s, {
 		ref: b,
-		display: "flex",
-		maxWidth: "100%",
-		flexWrap: d ? "nowrap" : "wrap",
-		gap: `${_}px`,
-		...j,
+		sx: [{
+			display: "flex",
+			maxWidth: "100%",
+			flexWrap: d ? "nowrap" : "wrap",
+			gap: `${_}px`,
+			...j
+		}],
 		children: [(d ? x : e).map((e) => {
 			let t = v?.includes(e) ?? !1;
 			return /* @__PURE__ */ a(c, {
@@ -66,10 +68,12 @@ var u = e(/* @__PURE__ */ a("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4
 			arrow: !0,
 			placement: "top",
 			title: /* @__PURE__ */ a(s, {
-				display: "flex",
-				gap: 1,
-				maxWidth: "240px",
-				flexWrap: "wrap",
+				sx: {
+					display: "flex",
+					gap: 1,
+					maxWidth: "240px",
+					flexWrap: "wrap"
+				},
 				children: C.map((e) => /* @__PURE__ */ a(c, {
 					label: e.trim(),
 					color: m,
@@ -80,7 +84,7 @@ var u = e(/* @__PURE__ */ a("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4
 			children: /* @__PURE__ */ a(c, {
 				label: `+${T} ${p}`,
 				variant: "outlined",
-				color: "info",
+				color: m,
 				size: g,
 				sx: {
 					userSelect: "none",

package/dist/s-code-block/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-BrwHh2oS.js";
+import { t as e } from "../s-code-block-DTzppazr.js";
 export { e as SCodeBlock, e as default };

package/dist/s-code-block/s-code-block.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-BrwHh2oS.js";
+import { t as e } from "../s-code-block-DTzppazr.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-BrwHh2oS.js → s-code-block-DTzppazr.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./ContentCopy-SAMH7bs7.js";
+import { n as e, t } from "./ContentCopy-Bh_TA5Eo.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Box as a, IconButton as o, useColorScheme as s } from "@mui/material";

package/dist/s-comment-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-Db-f_KOq.js";
+import { t as e } from "../s-comment-message-C-7IZOqA.js";
 export { e as SCommentMessage, e as default };

package/dist/s-comment-message/s-comment-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-Db-f_KOq.js";
+import { t as e } from "../s-comment-message-C-7IZOqA.js";
 export { e as SCommentMessage, e as default };

package/dist/{s-comment-message-Db-f_KOq.js → s-comment-message-C-7IZOqA.js}

@@ -1,13 +1,13 @@
-import { i as e } from "./utils-CKGB5_56.js";
-import { t } from "./createSvgIcon-BfZYaiXo.js";
-import { t as n } from "./ExpandMore-DZANUF9W.js";
-import { t as r } from "./Favorite-BwMGKQJf.js";
+import { i as e } from "./utils-B5Rl6Zwv.js";
+import { t } from "./createSvgIcon-BdNZIlKS.js";
+import { t as n } from "./ExpandMore-DsZNN1Eh.js";
+import { t as r } from "./Favorite-DIml4fHR.js";
 import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as a } from "./s-avatar/s-avatar.js";
 import { useEffect as o, useId as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Box as d, Button as f, Collapse as p, IconButton as m, Stack as h, Typography as g } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/esm/ExpandLess.js
+//#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
 var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), v = t(/* @__PURE__ */ l("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }), "FavoriteBorder"), y = t(/* @__PURE__ */ l("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11" }), "Reply"), b = ({ id: t, userName: x, userAvatar: S, commentContent: C, datetime: w, likes: T = 0, isLiked: E = !1, replies: D = [], totalReplies: O, onLike: k, onReply: A, onToggleReplies: j, showReplies: M = !0, avatarSize: N = 48, level: P = 0, maxLevel: F = 3, loading: I = !1, children: L, sx: R = {} }) => {
 	let z = s(), B = t ?? z, [V, H] = c(T), [U, W] = c(E), [G, K] = c(!1), q = () => {
 		U ? (H((e) => Math.max(0, e - 1)), W(!1)) : (H((e) => e + 1), W(!0)), k && k(B);
@@ -29,7 +29,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 		children: /* @__PURE__ */ u(h, {
 			direction: "row",
 			spacing: 2,
-			alignItems: "flex-start",
+			sx: { alignItems: "flex-start" },
 			children: [/* @__PURE__ */ l(i, {
 				component: "rounded-avatar",
 				width: N,
@@ -39,9 +39,11 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 				children: [
 					/* @__PURE__ */ u(h, {
 						direction: "row",
-						alignItems: "center",
 						spacing: 2,
-						mb: 1,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
 						children: [/* @__PURE__ */ l(i, {
 							width: 120,
 							height: 20
@@ -67,7 +69,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 					/* @__PURE__ */ u(h, {
 						direction: "row",
 						spacing: 1,
-						alignItems: "center",
+						sx: { alignItems: "center" },
 						children: [
 							/* @__PURE__ */ l(i, { component: "icon-button" }),
 							/* @__PURE__ */ l(i, {
@@ -90,7 +92,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 		children: [/* @__PURE__ */ u(h, {
 			direction: "row",
 			spacing: 2,
-			alignItems: "flex-start",
+			sx: { alignItems: "flex-start" },
 			children: [/* @__PURE__ */ l(a, {
 				avatar: S,
 				name: x,
@@ -100,12 +102,14 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 				children: [
 					/* @__PURE__ */ u(h, {
 						direction: "row",
-						alignItems: "center",
 						spacing: 2,
-						mb: 1,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
 						children: [/* @__PURE__ */ l(g, {
 							variant: "subtitle2",
-							fontWeight: "600",
+							sx: { fontWeight: "600" },
 							children: x
 						}), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(g, {
 							variant: "caption",
@@ -123,7 +127,7 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 					/* @__PURE__ */ u(h, {
 						direction: "row",
 						spacing: 1,
-						alignItems: "center",
+						sx: { alignItems: "center" },
 						children: [
 							/* @__PURE__ */ l(m, {
 								onClick: q,