@solostylist/ui-kit 1.0.220 → 1.0.222

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

@@ -23,11 +23,7 @@ var o = ({ avatar: o, name: s, showName: c = !1, size: l = 40, avatarProps: u, c
 			variant: "circular",
 			style: { borderRadius: "50%" }
 		}) : s?.[0] ?? "A")
-	}), c && /* @__PURE__ */ t(a, {
-		variant: "body1",
-		sx: { fontSize: 20 },
-		children: s
-	})]
+	}), c && /* @__PURE__ */ t(a, { children: s })]
 });
 o.displayName = "SAvatar";
 //#endregion

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

@@ -3,46 +3,51 @@ 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";
 //#region lib/s-breadcrumbs/s-breadcrumbs.tsx
-var o = t(({ items: t, separator: o = /* @__PURE__ */ n(e, { fontSize: "small" }), LinkComponent: s, currentColor: c = "text.primary", linkColor: l = "primary.main", sx: u, ...d }, f) => /* @__PURE__ */ n(r, {
-	ref: f,
-	separator: o,
-	sx: u,
-	...d,
-	children: t.map((e, r) => {
-		let o = r === t.length - 1;
-		return e.isCurrent ?? o ? /* @__PURE__ */ n(a, {
-			color: c,
-			children: e.label
-		}, `${e.label}-${r}`) : e.onClick ? /* @__PURE__ */ n(i, {
-			component: "button",
-			onClick: e.onClick,
-			color: l,
-			underline: "hover",
-			sx: {
-				cursor: "pointer",
-				background: "none",
-				border: "none",
-				padding: 0,
-				font: "inherit"
-			},
-			children: e.label
-		}, `${e.label}-${r}`) : e.to ? s ? /* @__PURE__ */ n(i, {
-			component: s,
-			to: e.to,
-			color: l,
-			underline: "hover",
-			children: e.label
-		}, `${e.label}-${r}`) : /* @__PURE__ */ n(i, {
-			href: e.to,
-			color: l,
-			underline: "hover",
-			children: e.label
-		}, `${e.label}-${r}`) : /* @__PURE__ */ n(a, {
-			color: c,
-			children: e.label
-		}, `${e.label}-${r}`);
-	})
-}));
+var o = t(({ items: t, separator: o = /* @__PURE__ */ n(e, { fontSize: "small" }), LinkComponent: s, currentColor: c = "text.primary", linkColor: l = "primary.main", sx: u, ...d }, f) => {
+	let p = {
+		textDecoration: "none",
+		textUnderlineOffset: "4px",
+		"&::before": { display: "none" },
+		"&:hover": { textDecoration: "underline" }
+	};
+	return /* @__PURE__ */ n(r, {
+		ref: f,
+		separator: o,
+		sx: u,
+		...d,
+		children: t.map((e, r) => {
+			let o = r === t.length - 1, u = e.isCurrent ?? o, d = `${e.label}-${r}`;
+			return u ? /* @__PURE__ */ n(a, {
+				color: c,
+				children: e.label
+			}, d) : e.onClick ? /* @__PURE__ */ n(i, {
+				component: "button",
+				onClick: e.onClick,
+				color: l,
+				sx: {
+					...p,
+					cursor: "pointer",
+					background: "none",
+					border: "none",
+					padding: 0,
+					font: "inherit"
+				},
+				children: e.label
+			}, d) : e.to ? /* @__PURE__ */ n(i, {
+				color: l,
+				sx: p,
+				...s ? {
+					component: s,
+					to: e.to
+				} : { href: e.to },
+				children: e.label
+			}, d) : /* @__PURE__ */ n(a, {
+				color: c,
+				children: e.label
+			}, d);
+		})
+	});
+});
 o.displayName = "SBreadcrumbs";
 //#endregion
 export { o as SBreadcrumbs, o as default };

package/dist/s-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-DhUo-3W-.js";
+import { t as e } from "../s-carousel-BUJYCigy.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-DhUo-3W-.js";
+import { t as e } from "../s-carousel-BUJYCigy.js";
 export { e as SCarousel, e as default };

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

@@ -1195,13 +1195,14 @@ var ke = p("div")({
 }), Ae = p("div", { shouldForwardProp: (e) => e !== "centerPadding" })(({ centerPadding: e }) => ({
 	overflow: "hidden",
 	...e && { padding: `0 ${e}` }
-})), je = p("div", { shouldForwardProp: (e) => e !== "spaceBetween" })(({ spaceBetween: e }) => ({
+})), je = p("div")({
 	display: "flex",
-	touchAction: "pan-y pinch-zoom",
-	gap: `${e}px`
-})), Me = p("div", { shouldForwardProp: (e) => e !== "slidesToShow" && e !== "spaceBetween" })(({ slidesToShow: e, spaceBetween: t }) => ({
-	flex: `0 0 calc((100% - ${(e - 1) * t}px) / ${e})`,
-	minWidth: 0
+	touchAction: "pan-y pinch-zoom"
+}), Me = p("div", { shouldForwardProp: (e) => e !== "slidesToShow" && e !== "spaceBetween" })(({ slidesToShow: e, spaceBetween: t }) => ({
+	flex: `0 0 calc(100% / ${e})`,
+	minWidth: 0,
+	paddingInline: `${t / 2}px`,
+	boxSizing: "border-box"
 })), Z = p("ul")(({ theme: e }) => ({
 	gap: 6,
 	zIndex: 1,
@@ -1281,41 +1282,24 @@ var Pe = r((e, r) => {
 		/* @__PURE__ */ u(Ae, {
 			ref: ee,
 			centerPadding: O ? k : void 0,
-			children: /* @__PURE__ */ u(je, {
+			children: /* @__PURE__ */ u(je, { children: W.map((e, t) => /* @__PURE__ */ u(Me, {
+				slidesToShow: M,
 				spaceBetween: C,
-				children: W.map((e, t) => /* @__PURE__ */ u(Me, {
-					slidesToShow: M,
-					spaceBetween: C,
-					children: e
-				}, $(e, t)))
-			})
+				children: e
+			}, $(e, t))) })
 		}),
 		x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
 			className: "carousel-arrow prev",
 			onClick: () => P?.scrollPrev(),
 			disabled: !E && !z,
-			sx: {
-				backdropFilter: "blur(8px)",
-				backgroundColor: "rgba(255,255,255,0.3)",
-				boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
-				color: "text.primary",
-				"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
-				..._
-			},
-			children: /* @__PURE__ */ u(h, { fontSize: "small" })
+			sx: { ..._ },
+			children: /* @__PURE__ */ u(h, {})
 		}), /* @__PURE__ */ u(t, {
 			className: "carousel-arrow next",
 			onClick: () => P?.scrollNext(),
 			disabled: !E && !V,
-			sx: {
-				backdropFilter: "blur(8px)",
-				backgroundColor: "rgba(255,255,255,0.3)",
-				boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
-				color: "text.primary",
-				"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
-				..._
-			},
-			children: /* @__PURE__ */ u(g, { fontSize: "small" })
+			sx: { ..._ },
+			children: /* @__PURE__ */ u(g, {})
 		})] }),
 		y && F.length > 0 && /* @__PURE__ */ u(Z, {
 			sx: v,

package/dist/s-category-card/s-category-card.js

@@ -19,7 +19,7 @@ var o = a(r, { shouldForwardProp: (e) => e !== "disableHoverEffect" && e !== "ho
 })), s = a(r, { shouldForwardProp: (e) => e !== "titlePosition" && e !== "titleAlignment" })(({ titlePosition: e = "bottom", titleAlignment: t = "center" }) => ({
 	left: 10,
 	right: 10,
-	padding: 8,
+	padding: 4,
 	textAlign: t,
 	position: "absolute",
 	transition: "all 0.3s",
@@ -29,7 +29,7 @@ var o = a(r, { shouldForwardProp: (e) => e !== "disableHoverEffect" && e !== "ho
 		top: "50%",
 		transform: "translateY(-50%)"
 	}
-})), c = ({ image: r, title: a, width: c = 250, height: l = 250, alt: u = "category", titlePosition: d = "bottom", titleAlignment: f = "center", titleVariant: p = "body1", titleColor: m, titleBackgroundColor: h = "background.paper", titleOpacity: g = 1, borderRadius: _ = 2, disableHoverEffect: v = !1, hoverScale: y = 1.1, onClick: b, sx: x, titleSx: S, imageSx: C }) => /* @__PURE__ */ n(o, {
+})), c = ({ image: r, title: a, width: c = 250, height: l = 250, alt: u = "category", titlePosition: d = "bottom", titleAlignment: f = "center", titleVariant: p = "body1", titleColor: m, titleBackgroundColor: h = "background.paper", titleOpacity: g = 1, borderRadius: _ = 1, disableHoverEffect: v = !1, hoverScale: y = 1.1, onClick: b, sx: x, titleSx: S, imageSx: C }) => /* @__PURE__ */ n(o, {
 	disableHoverEffect: v,
 	hoverScale: y,
 	onClick: b,

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DlEMhm6X.js";
+import { t as e } from "../s-chat-input-B0gdPa1c.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-DlEMhm6X.js";
+import { t as e } from "../s-chat-input-B0gdPa1c.js";
 export { e as SChatInput, e as default };

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

@@ -1,85 +1,96 @@
-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";
+import { o as e, s as t } from "./theme-primitives-OrQ-xFJR.js";
+import { t as n } from "./createSvgIcon-BdNZIlKS.js";
+import { t as r } from "./ArrowUpward-BbQSKheQ.js";
+import { t as i } from "./Close-oXeOGTZb.js";
+import { t as a } from "./s-text-field-qps0aDNS.js";
+import { SIconButton as o } from "./s-icon-button/s-icon-button.js";
+import { SFileIcon as s } from "./s-file-icon/s-file-icon.js";
+import { forwardRef as c, useEffect as l, useId as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Box as h, ClickAwayListener as g, Popper as _, Typography as v, alpha as y, outlinedInputClasses as b } from "@mui/material";
+import x from "emoji-picker-react";
 //#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) => {
+var S = n(/* @__PURE__ */ p("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"), C = n(/* @__PURE__ */ p("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"), w = c(({ onSubmit: n, onFileSelect: c, disabled: w, acceptedFileTypes: T, maxFileSize: E, hideEmojiPicker: D, hideFileAttachment: O, ...k }, A) => {
+	let [j, M] = d(""), [N, P] = d([]), [F, I] = d(/* @__PURE__ */ new Map()), [L, R] = d(!1), [z, B] = d(null), V = u(), H = (e) => e.type.startsWith("image/"), U = (e) => {
 		let t = `${e.name}-${e.size}-${e.lastModified}`;
-		if (M.has(t)) return M.get(t);
-		if (z(e)) {
+		if (F.has(t)) return F.get(t);
+		if (H(e)) {
 			let n = URL.createObjectURL(e);
-			return N((e) => new Map(e).set(t, n)), n;
+			return I((e) => new Map(e).set(t, n)), n;
 		}
 		return "";
-	}, V = (e) => {
-		k(e.target.value);
-	}, H = (e) => {
-		k((t) => t + e.emoji), F(!1), L(null);
-	}, U = (e) => {
-		L(e.currentTarget), F(!P);
-	}, W = () => {
-		x || O.trim().length === 0 && A.length === 0 || (e?.(O, A), k(""), M.forEach((e) => URL.revokeObjectURL(e)), N(/* @__PURE__ */ new Map()), j([]));
+	}, W = (e) => {
+		M(e.target.value);
 	}, G = (e) => {
-		let t = Array.from(e.target.files ?? []).filter((e) => !(C && e.size > C));
-		j((e) => [...e, ...t]), o?.(t), e.target.value = "";
+		M((t) => t + e.emoji), R(!1), B(null);
 	}, K = (e) => {
-		let t = A[e];
-		if (t && z(t)) {
-			let e = `${t.name}-${t.size}-${t.lastModified}`, n = M.get(e);
-			n && (URL.revokeObjectURL(n), N((t) => {
+		B(e.currentTarget), R(!L);
+	}, q = () => {
+		w || j.trim().length === 0 && N.length === 0 || (n?.(j, N), M(""), F.forEach((e) => URL.revokeObjectURL(e)), I(/* @__PURE__ */ new Map()), P([]));
+	}, J = (e) => {
+		let t = Array.from(e.target.files ?? []).filter((e) => !(E && e.size > E));
+		P((e) => [...e, ...t]), c?.(t), e.target.value = "";
+	}, Y = (e) => {
+		let t = N[e];
+		if (t && H(t)) {
+			let e = `${t.name}-${t.size}-${t.lastModified}`, n = F.get(e);
+			n && (URL.revokeObjectURL(n), I((t) => {
 				let n = new Map(t);
 				return n.delete(e), n;
 			}));
 		}
-		j((t) => t.filter((t, n) => n !== e));
+		P((t) => t.filter((t, n) => n !== e));
+	}, X = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
 	};
-	return s(() => () => {
-		M.forEach((e) => URL.revokeObjectURL(e));
-	}, [M]), /* @__PURE__ */ f(p, {
+	return l(() => () => {
+		F.forEach((e) => URL.revokeObjectURL(e));
+	}, [F]), /* @__PURE__ */ m(h, {
 		sx: {
 			border: "1px solid",
 			borderColor: "divider",
 			borderRadius: 2,
-			padding: "8px 12px"
+			padding: "8px 12px",
+			transition: "border 120ms ease-in",
+			"&:hover": { borderColor: t[500] },
+			"&:focus-within": {
+				outline: `3px solid ${y(e[500], .5)}`,
+				borderColor: e[400]
+			},
+			...w && {
+				opacity: .5,
+				pointerEvents: "none"
+			}
 		},
 		children: [
-			/* @__PURE__ */ d(r, {
+			/* @__PURE__ */ p(a, {
 				placeholder: "Enter your message here...",
-				disabled: x,
-				value: O,
-				onChange: V,
-				onKeyDown: (e) => {
-					e.key === "Enter" && !e.shiftKey && (e.preventDefault(), W());
-				},
+				disabled: w,
+				value: j,
+				onChange: W,
+				onKeyDown: X,
 				multiline: !0,
 				minRows: 1,
 				maxRows: 10,
 				variant: "outlined",
-				inputRef: D,
+				inputRef: A,
 				slotProps: { input: { sx: {
 					height: "100%",
 					backgroundColor: "transparent",
 					border: "none",
 					padding: 0,
-					[`&.${_.focused}`]: { outline: "none" },
+					[`&.${b.focused}`]: { outline: "none" },
 					"& fieldset": { border: "none" },
 					"&:hover fieldset": { border: "none" },
 					"&.Mui-focused fieldset": { border: "none" }
 				} } },
-				...E
+				...k
 			}),
-			A.length > 0 && /* @__PURE__ */ d(p, {
+			N.length > 0 && /* @__PURE__ */ p(h, {
 				sx: { mt: 1 },
-				children: A.map((e, t) => {
-					let r = z(e), o = e.name.split(".").pop();
-					return /* @__PURE__ */ f(p, {
+				children: N.map((e, t) => {
+					let n = H(e), r = e.name.split(".").pop();
+					return /* @__PURE__ */ m(h, {
 						sx: {
 							display: "flex",
 							alignItems: "center",
@@ -91,15 +102,15 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							p: 1,
 							mb: .5
 						},
-						children: [/* @__PURE__ */ f(p, {
+						children: [/* @__PURE__ */ m(h, {
 							sx: {
 								display: "flex",
 								alignItems: "center",
 								gap: 1
 							},
-							children: [r ? /* @__PURE__ */ d(p, {
+							children: [n ? /* @__PURE__ */ p(h, {
 								component: "img",
-								src: B(e),
+								src: U(e),
 								alt: e.name,
 								sx: {
 									width: 40,
@@ -109,14 +120,14 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									border: "1px solid",
 									borderColor: "divider"
 								}
-							}) : /* @__PURE__ */ d(a, { extension: o }), /* @__PURE__ */ f(p, {
+							}) : /* @__PURE__ */ p(s, { extension: r }), /* @__PURE__ */ m(h, {
 								sx: {
 									display: "flex",
 									flexDirection: "row",
 									alignItems: "center",
 									gap: 1
 								},
-								children: [/* @__PURE__ */ d(g, {
+								children: [/* @__PURE__ */ p(v, {
 									variant: "subtitle2",
 									sx: {
 										textOverflow: "ellipsis",
@@ -124,7 +135,7 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 										whiteSpace: "nowrap"
 									},
 									children: e.name
-								}), /* @__PURE__ */ d("div", { children: /* @__PURE__ */ f(g, {
+								}), /* @__PURE__ */ p("div", { children: /* @__PURE__ */ m(v, {
 									variant: "caption",
 									children: [
 										"(",
@@ -133,77 +144,65 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									]
 								}) })]
 							})]
-						}), /* @__PURE__ */ d(i, {
-							onClick: () => K(t),
+						}), /* @__PURE__ */ p(o, {
+							onClick: () => Y(t),
 							sx: {
 								minWidth: "auto",
 								p: .5
 							},
-							children: /* @__PURE__ */ d(n, {})
+							children: /* @__PURE__ */ p(i, {})
 						})]
 					}, `${e.name}-${t}`);
 				})
 			}),
-			/* @__PURE__ */ f(p, {
+			/* @__PURE__ */ m(h, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
 					alignItems: "center",
 					mt: 1
 				},
-				children: [/* @__PURE__ */ f(p, {
+				children: [/* @__PURE__ */ m(h, {
 					sx: {
 						display: "flex",
 						gap: 1
 					},
-					children: [!T && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("input", {
+					children: [!O && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("input", {
 						type: "file",
 						multiple: !0,
-						accept: S,
-						onChange: G,
+						accept: T,
+						onChange: J,
 						style: { display: "none" },
-						id: `file-attachment-input-${R}`,
-						disabled: x
-					}), /* @__PURE__ */ d("label", {
-						htmlFor: `file-attachment-input-${R}`,
-						children: /* @__PURE__ */ d(i, {
+						id: `file-attachment-input-${V}`,
+						disabled: w
+					}), /* @__PURE__ */ p("label", {
+						htmlFor: `file-attachment-input-${V}`,
+						children: /* @__PURE__ */ p(o, {
 							component: "span",
-							disabled: x,
-							sx: {
-								transition: "transform 0.3s ease",
-								"&:hover": { transform: "scale(1.1)" }
-							},
-							children: /* @__PURE__ */ d(y, {})
+							disabled: w,
+							children: /* @__PURE__ */ p(S, {})
 						})
-					})] }), !w && /* @__PURE__ */ d(i, {
-						onClick: U,
-						disabled: x,
-						sx: {
-							transition: "transform 0.3s ease",
-							"&:hover": { transform: "scale(1.1)" }
-						},
-						children: /* @__PURE__ */ d(b, {})
+					})] }), !D && /* @__PURE__ */ p(o, {
+						onClick: K,
+						disabled: w,
+						children: /* @__PURE__ */ p(C, {})
 					})]
-				}), /* @__PURE__ */ d(i, {
-					onClick: W,
-					disabled: x,
-					sx: {
-						transition: "transform 0.3s ease",
-						"&:hover": { transform: "scale(1.2)" }
-					},
-					children: /* @__PURE__ */ d(t, {})
+				}), /* @__PURE__ */ p(o, {
+					onClick: q,
+					disabled: w,
+					children: /* @__PURE__ */ p(r, {})
 				})]
 			}),
-			/* @__PURE__ */ d(h, {
-				open: P,
-				anchorEl: I,
+			/* @__PURE__ */ p(_, {
+				open: L,
+				anchorEl: z,
 				placement: "top-start",
 				sx: { zIndex: 1300 },
-				children: /* @__PURE__ */ d(m, {
+				children: /* @__PURE__ */ p(g, {
 					onClickAway: () => {
-						F(!1), L(null);
+						R(!1), B(null);
 					},
-					children: /* @__PURE__ */ d(p, {
+					children: /* @__PURE__ */ p(h, {
 						sx: {
 							border: "1px solid",
 							borderColor: "divider",
@@ -217,15 +216,21 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							"& .epr-search-container": { backgroundColor: "background.paper" },
 							"& .epr-search-container > .epr-icn-search": { display: "none" },
 							"& .epr-search-container > input": {
+								boxSizing: "border-box",
+								minHeight: 40,
 								backgroundColor: "background.default",
 								border: "1px solid",
 								borderColor: "divider",
 								borderRadius: 1,
 								color: "text.primary",
+								fontFamily: "inherit",
+								fontSize: "1rem",
 								padding: "8px 12px",
+								transition: "border 120ms ease-in",
+								"&:hover": { borderColor: t[500] },
 								"&:focus": {
-									outline: "none",
-									borderColor: "primary.main"
+									outline: `3px solid ${y(e[500], .5)}`,
+									borderColor: e[400]
 								},
 								"&::placeholder": { color: "text.secondary" }
 							},
@@ -275,8 +280,8 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 								"&:hover": { transform: "scale(1.1)" }
 							}
 						},
-						children: /* @__PURE__ */ d(v, {
-							onEmojiClick: H,
+						children: /* @__PURE__ */ p(x, {
+							onEmojiClick: G,
 							width: 300,
 							height: 400,
 							searchDisabled: !1,
@@ -289,6 +294,6 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 		]
 	});
 });
-x.displayName = "SChatInput";
+w.displayName = "SChatInput";
 //#endregion
-export { x as t };
+export { w as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-DeP8O6TO.js";
+import { t as e } from "../s-chat-message-DVfbqSAQ.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-DeP8O6TO.js";
+import { t as e } from "../s-chat-message-DVfbqSAQ.js";
 export { e as SChatMessage, e as default };