@solostylist/ui-kit 1.0.225 → 1.0.226

package/dist/s-carousel/index.js

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

package/dist/{s-carousel-BUJYCigy.js → s-carousel-S6CRrrpW.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createSvgIcon-BdNZIlKS.js";
+import { t as e } from "./createSvgIcon-HW-tbFcL.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";
@@ -1221,16 +1221,13 @@ var ke = p("div")({
 		alignItems: "center",
 		justifyContent: "center",
 		transition: "all 0.4s",
-		"&.active span": {
-			backgroundColor: (e.vars ?? e).palette.primary.main,
-			opacity: 1
-		},
+		"&.active span": { opacity: 1 },
 		"&.active": { width: 18 }
 	}
 })), Q = p("span", { shouldForwardProp: (e) => e !== "dotColor" })(({ dotColor: e, theme: t }) => ({
 	width: "100%",
 	height: "100%",
-	borderRadius: 12,
+	borderRadius: t.radius.full,
 	cursor: "pointer",
 	position: "relative",
 	backgroundColor: e ?? (t.vars ?? t).palette.primary.main,
@@ -1311,9 +1308,10 @@ var Pe = r((e, r) => {
 					"aria-label": `Go to slide ${n + 1}`,
 					onClick: () => P?.scrollTo(n),
 					sx: {
-						minWidth: "auto",
-						p: 0,
-						borderRadius: 9999
+						width: "100%",
+						height: "100%",
+						minWidth: 0,
+						p: 0
 					},
 					children: /* @__PURE__ */ u(Q, { dotColor: p })
 				})

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

@@ -7,7 +7,6 @@ var o = a(r, { shouldForwardProp: (e) => e !== "disableHoverEffect" && e !== "ho
 	height: "100%",
 	cursor: "pointer",
 	overflow: "hidden",
-	borderRadius: 1,
 	position: "relative",
 	img: {
 		height: "100%",

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

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

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

@@ -0,0 +1,352 @@
+import { tint as e } from "./theme/utils.js";
+import { t } from "./createSvgIcon-HW-tbFcL.js";
+import { t as n } from "./ArrowUpward-DONVUi9Q.js";
+import { t as r } from "./Close-DRS0T6Yu.js";
+import { t as i } from "./s-text-field-DLSDoq7u.js";
+import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
+import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
+import { forwardRef as s, useEffect as c, useId as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, ClickAwayListener as h, Popper as g, Typography as _, outlinedInputClasses as v } from "@mui/material";
+import y, { Categories as b } from "emoji-picker-react";
+//#region ../../node_modules/@mui/icons-material/AccessTime.mjs
+var x = t([/* @__PURE__ */ f("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 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" }, "0"), /* @__PURE__ */ f("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, "1")], "AccessTime"), S = t(/* @__PURE__ */ f("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 = t(/* @__PURE__ */ f("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 = t(/* @__PURE__ */ f("path", { d: "M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2M5 8V7h2v3.82C5.84 10.4 5 9.3 5 8m14 0c0 1.3-.84 2.4-2 2.82V7h2z" }), "EmojiEvents"), T = t(/* @__PURE__ */ f("path", { d: "m14 9-1-2H7V5.72c.6-.34 1-.98 1-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .74.4 1.38 1 1.72V21h2v-4h5l1 2h7V9h-6zm4 8h-4l-1-2H7V9h5l1 2h5v6z" }), "EmojiFlags"), E = t(/* @__PURE__ */ f("path", { d: "M20 3H9v2.4l1.81 1.45c.12.09.19.24.19.39v4.26c0 .28-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5V7.24c0-.15.07-.3.19-.39L8 5.4V3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2m0 5h-2V5h2zM4 19h16v2H4z" }), "EmojiFoodBeverage"), D = t(/* @__PURE__ */ f("path", { d: "M21.94 4.88c-.18-.53-.69-.88-1.26-.88H19.6l-.31-.97C19.15 2.43 18.61 2 18 2s-1.15.43-1.29 1.04L16.4 4h-1.07c-.57 0-1.08.35-1.26.88-.19.56.04 1.17.56 1.48l.87.52-.4 1.24c-.23.58-.04 1.25.45 1.62.23.17.51.26.78.26.31 0 .61-.11.86-.32l.81-.7.81.7c.25.21.55.32.86.32.27 0 .55-.09.78-.26.5-.37.68-1.04.45-1.62l-.39-1.24.87-.52c.51-.31.74-.92.56-1.48M18 7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m-4.51 3.51c-.43-.43-.94-.73-1.49-.93V8h-1v1.38c-.11-.01-.23-.03-.34-.03-1.02 0-2.05.39-2.83 1.17-.16.16-.3.34-.43.53L6 10.52c-1.56-.55-3.28.27-3.83 1.82-.27.75-.23 1.57.12 2.29.23.48.58.87 1 1.16-.38 1.35-.06 2.85 1 3.91s2.57 1.38 3.91 1c.29.42.68.77 1.16 1q.63.3 1.29.3c.34 0 .68-.06 1.01-.17 1.56-.55 2.38-2.27 1.82-3.85l-.52-1.37c.18-.13.36-.27.53-.43.87-.87 1.24-2.04 1.14-3.17H16v-1h-1.59c-.19-.55-.49-1.06-.92-1.5m-8.82 3.78c-.25-.09-.45-.27-.57-.51s-.13-.51-.04-.76c.19-.52.76-.79 1.26-.61l3.16 1.19c-1.15.6-2.63 1.11-3.81.69m6.32 5.65c-.25.09-.52.08-.76-.04-.24-.11-.42-.32-.51-.57-.42-1.18.09-2.65.7-3.8l1.18 3.13c.18.52-.09 1.1-.61 1.28m1.21-5.34-.61-1.61c0-.01-.01-.02-.02-.03l-.06-.12c-.02-.04-.04-.07-.07-.11l-.09-.09-.09-.09c-.03-.03-.07-.05-.11-.07s-.07-.05-.12-.06c-.01 0-.02-.01-.03-.02l-1.6-.6c.36-.29.79-.46 1.26-.46.53 0 1.04.21 1.41.59.73.73.77 1.88.13 2.67" }), "EmojiNature"), O = t(/* @__PURE__ */ f("path", { d: "M12 3c-.46 0-.93.04-1.4.14-2.76.53-4.96 2.76-5.48 5.52-.48 2.61.48 5.01 2.22 6.56.43.38.66.91.66 1.47V19c0 1.1.9 2 2 2h.28c.35.6.98 1 1.72 1s1.38-.4 1.72-1H14c1.1 0 2-.9 2-2v-2.31c0-.55.22-1.09.64-1.46C18.09 13.95 19 12.08 19 10c0-3.87-3.13-7-7-7m2 16h-4v-1h4zm0-2h-4v-1h4zm-1.5-5.59V14h-1v-2.59L9.67 9.59l.71-.71L12 10.5l1.62-1.62.71.71z" }), "EmojiObjects"), k = t([
+	/* @__PURE__ */ f("path", { d: "M3 2h8v2H3zm3 9h2V7h3V5H3v2h3zm6.4038 9.182 7.7782-7.7783 1.4142 1.4142-7.7782 7.7782z" }, "0"),
+	/* @__PURE__ */ f("circle", {
+		cx: "14.5",
+		cy: "14.5",
+		r: "1.5"
+	}, "1"),
+	/* @__PURE__ */ f("circle", {
+		cx: "19.5",
+		cy: "19.5",
+		r: "1.5"
+	}, "2"),
+	/* @__PURE__ */ f("path", { d: "M15.5 11c1.38 0 2.5-1.12 2.5-2.5V4h3V2h-4v4.51c-.42-.32-.93-.51-1.5-.51C14.12 6 13 7.12 13 8.5s1.12 2.5 2.5 2.5m-5.76 4.96-1.41 1.41-.71-.71.35-.35c.98-.98.98-2.56 0-3.54-.49-.49-1.13-.73-1.77-.73s-1.28.24-1.77.73c-.98.98-.98 2.56 0 3.54l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.5 1.14.74 1.78.74s1.28-.24 1.77-.73l1.06-1.06 1.41 1.41 1.41-1.41-1.41-1.41 1.41-1.41zM5.85 14.2c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35-.35-.36c-.19-.19-.19-.51 0-.7m0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15c-.19-.19-.19-.51 0-.71l1.06-1.06.71.71z" }, "3")
+], "EmojiSymbols"), A = t([
+	/* @__PURE__ */ f("path", { d: "M20.57 10.66c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 14.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V19h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14zm-8.16.34h7.19l1.03 3h-9.25zM12 17c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1" }, "0"),
+	/* @__PURE__ */ f("path", { d: "M14 9h1V3H7v5H2v13h1V9h5V4h6z" }, "1"),
+	/* @__PURE__ */ f("path", { d: "M5 11h2v2H5zm5-6h2v2h-2zM5 15h2v2H5zm0 4h2v2H5z" }, "2")
+], "EmojiTransportation"), j = {
+	[b.SUGGESTED]: /* @__PURE__ */ f(x, {}),
+	[b.SMILEYS_PEOPLE]: /* @__PURE__ */ f(C, {}),
+	[b.ANIMALS_NATURE]: /* @__PURE__ */ f(D, {}),
+	[b.FOOD_DRINK]: /* @__PURE__ */ f(E, {}),
+	[b.TRAVEL_PLACES]: /* @__PURE__ */ f(A, {}),
+	[b.ACTIVITIES]: /* @__PURE__ */ f(w, {}),
+	[b.OBJECTS]: /* @__PURE__ */ f(O, {}),
+	[b.SYMBOLS]: /* @__PURE__ */ f(k, {}),
+	[b.FLAGS]: /* @__PURE__ */ f(T, {})
+}, M = "url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>')", N = s(({ onSubmit: t, onFileSelect: s, disabled: b, acceptedFileTypes: x, maxFileSize: w, hideEmojiPicker: T, hideFileAttachment: E, ...D }, O) => {
+	let [k, A] = u(""), [N, P] = u([]), [F, I] = u(/* @__PURE__ */ new Map()), [L, R] = u(!1), [z, B] = u(null), V = l(), H = (e) => e.type.startsWith("image/"), U = (e) => {
+		let t = `${e.name}-${e.size}-${e.lastModified}`;
+		if (F.has(t)) return F.get(t);
+		if (H(e)) {
+			let n = URL.createObjectURL(e);
+			return I((e) => new Map(e).set(t, n)), n;
+		}
+		return "";
+	}, W = (e) => {
+		A(e.target.value);
+	}, G = (e) => {
+		A((t) => t + e.emoji), R(!1), B(null);
+	}, K = (e) => {
+		B(e.currentTarget), R(!L);
+	}, q = () => {
+		b || k.trim().length === 0 && N.length === 0 || (t?.(k, N), A(""), F.forEach((e) => URL.revokeObjectURL(e)), I(/* @__PURE__ */ new Map()), P([]));
+	}, J = (e) => {
+		let t = Array.from(e.target.files ?? []).filter((e) => !(w && e.size > w));
+		P((e) => [...e, ...t]), s?.(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;
+			}));
+		}
+		P((t) => t.filter((t, n) => n !== e));
+	};
+	return c(() => () => {
+		F.forEach((e) => URL.revokeObjectURL(e));
+	}, [F]), /* @__PURE__ */ p(m, {
+		sx: (t) => ({
+			border: "1px solid",
+			borderColor: "divider",
+			borderRadius: 1,
+			padding: "8px 12px",
+			transition: "border 120ms ease-in",
+			"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
+			"&:focus-within": {
+				outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+				borderColor: (t.vars ?? t).palette.primary[400]
+			},
+			...b && {
+				opacity: .5,
+				pointerEvents: "none"
+			}
+		}),
+		children: [
+			/* @__PURE__ */ f(i, {
+				placeholder: "Enter your message here...",
+				disabled: b,
+				value: k,
+				onChange: W,
+				onKeyDown: (e) => {
+					e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
+				},
+				multiline: !0,
+				minRows: 1,
+				maxRows: 10,
+				variant: "outlined",
+				inputRef: O,
+				slotProps: { input: { sx: {
+					height: "100%",
+					backgroundColor: "transparent",
+					border: "none",
+					padding: 0,
+					[`&.${v.focused}`]: { outline: "none" },
+					"& fieldset": { border: "none" },
+					"&:hover fieldset": { border: "none" },
+					"&.Mui-focused fieldset": { border: "none" }
+				} } },
+				...D
+			}),
+			N.length > 0 && /* @__PURE__ */ f(m, {
+				sx: { mt: 1 },
+				children: N.map((e, t) => {
+					let n = H(e), i = e.name.split(".").pop();
+					return /* @__PURE__ */ p(m, {
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							bgcolor: "background.paper",
+							border: "1px solid",
+							borderColor: "divider",
+							borderRadius: 1,
+							p: 1,
+							mb: .5
+						},
+						children: [/* @__PURE__ */ p(m, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: 1
+							},
+							children: [n ? /* @__PURE__ */ f(m, {
+								component: "img",
+								src: U(e),
+								alt: e.name,
+								sx: {
+									width: 40,
+									height: 40,
+									borderRadius: 1,
+									objectFit: "cover",
+									border: "1px solid",
+									borderColor: "divider"
+								}
+							}) : /* @__PURE__ */ f(o, { extension: i }), /* @__PURE__ */ p(m, {
+								sx: {
+									display: "flex",
+									flexDirection: "row",
+									alignItems: "center",
+									gap: 1
+								},
+								children: [/* @__PURE__ */ f(_, {
+									variant: "subtitle2",
+									sx: {
+										textOverflow: "ellipsis",
+										overflow: "hidden",
+										whiteSpace: "nowrap"
+									},
+									children: e.name
+								}), /* @__PURE__ */ f("div", { children: /* @__PURE__ */ p(_, {
+									variant: "caption",
+									children: [
+										"(",
+										Math.round(e.size / 1024),
+										" KB)"
+									]
+								}) })]
+							})]
+						}), /* @__PURE__ */ f(a, {
+							onClick: () => Y(t),
+							sx: {
+								minWidth: "auto",
+								p: .5
+							},
+							children: /* @__PURE__ */ f(r, {})
+						})]
+					}, `${e.name}-${t}`);
+				})
+			}),
+			/* @__PURE__ */ p(m, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					alignItems: "center",
+					mt: 1
+				},
+				children: [/* @__PURE__ */ p(m, {
+					sx: {
+						display: "flex",
+						gap: 1
+					},
+					children: [!E && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("input", {
+						type: "file",
+						multiple: !0,
+						accept: x,
+						onChange: J,
+						style: { display: "none" },
+						id: `file-attachment-input-${V}`,
+						disabled: b
+					}), /* @__PURE__ */ f("label", {
+						htmlFor: `file-attachment-input-${V}`,
+						children: /* @__PURE__ */ f(a, {
+							component: "span",
+							disabled: b,
+							children: /* @__PURE__ */ f(S, {})
+						})
+					})] }), !T && /* @__PURE__ */ f(a, {
+						onClick: K,
+						disabled: b,
+						children: /* @__PURE__ */ f(C, {})
+					})]
+				}), /* @__PURE__ */ f(a, {
+					onClick: q,
+					disabled: b,
+					children: /* @__PURE__ */ f(n, {})
+				})]
+			}),
+			/* @__PURE__ */ f(g, {
+				open: L,
+				anchorEl: z,
+				placement: "top-start",
+				sx: { zIndex: 1300 },
+				children: /* @__PURE__ */ f(h, {
+					onClickAway: () => {
+						R(!1), B(null);
+					},
+					children: /* @__PURE__ */ f(m, {
+						sx: (t) => ({
+							border: "1px solid",
+							borderColor: "divider",
+							borderRadius: 1,
+							overflow: "hidden",
+							"& .epr-main": {
+								backgroundColor: "background.paper",
+								border: "none"
+							},
+							"& .epr-main, & .epr-main *": { fontFamily: t.typography.fontFamily },
+							"& .epr-header": { backgroundColor: "background.paper" },
+							"& .epr-search-container": { backgroundColor: "background.paper" },
+							"& .epr-search-container > .epr-icn-search": { display: "none" },
+							"& .epr-icn-clear-search": {
+								backgroundImage: "none",
+								backgroundColor: "action.active",
+								WebkitMaskImage: M,
+								maskImage: M,
+								WebkitMaskRepeat: "no-repeat",
+								maskRepeat: "no-repeat",
+								WebkitMaskPosition: "center",
+								maskPosition: "center",
+								WebkitMaskSize: "0.875rem",
+								maskSize: "0.875rem"
+							},
+							"& .epr-btn-clear-search": {
+								height: 24,
+								width: 24,
+								"&:hover, &:focus": { backgroundColor: "action.hover" }
+							},
+							"& .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: t.typography.body1.fontSize,
+								padding: "8px 12px",
+								transition: "border 120ms ease-in",
+								"&:hover": { borderColor: (t.vars ?? t).palette.grey[500] },
+								"&:focus": {
+									outline: `3px solid ${e((t.vars ?? t).palette.primary[500], 50)}`,
+									borderColor: (t.vars ?? t).palette.primary[400]
+								},
+								"&::placeholder": { color: "text.secondary" }
+							},
+							"& .epr-category-nav": {
+								backgroundColor: "background.paper",
+								borderBottom: "1px solid",
+								borderColor: "divider",
+								padding: "0px 8px 8px 8px"
+							},
+							"& .epr-cat-btn": {
+								backgroundColor: "transparent !important",
+								border: "none",
+								transition: "all 0.2s ease"
+							},
+							"& .epr-cat-btn:focus::before": { display: "none" },
+							"& .epr-cat-btn-custom-icon svg": {
+								color: "text.secondary",
+								transition: "color 120ms ease-in"
+							},
+							"& .epr-cat-btn-custom-icon:hover svg": { color: "text.primary" },
+							"& .epr-cat-btn-custom-icon.epr-active svg": { color: (t.vars ?? t).palette.primary[500] },
+							"& .epr-body": { backgroundColor: "background.paper" },
+							"& .epr-emoji-category-label": {
+								backgroundColor: "background.paper",
+								color: "text.primary",
+								fontSize: t.typography.caption.fontSize,
+								fontWeight: 600,
+								padding: "8px 16px 4px",
+								textTransform: "uppercase",
+								letterSpacing: "0.5px"
+							},
+							"& .epr-emoji-list": { backgroundColor: "background.paper" },
+							"& .epr-emoji": {
+								borderRadius: 1,
+								margin: "2px",
+								transition: "all 0.2s ease",
+								"&:hover": {
+									backgroundColor: "action.hover",
+									transform: "scale(1.1)"
+								},
+								"&:active": { transform: "scale(0.95)" }
+							},
+							"& .epr-skin-tones": {
+								backgroundColor: "background.paper",
+								border: "1px solid",
+								borderColor: "divider",
+								borderRadius: 1,
+								display: "none"
+							},
+							"& .epr-tone": {
+								border: "none",
+								borderRadius: 1,
+								transition: "all 0.2s ease",
+								"&:hover": { transform: "scale(1.1)" }
+							}
+						}),
+						children: /* @__PURE__ */ f(y, {
+							onEmojiClick: G,
+							width: 300,
+							height: 400,
+							searchDisabled: !1,
+							skinTonesDisabled: !1,
+							previewConfig: { showPreview: !1 },
+							categoryIcons: j
+						})
+					})
+				})
+			})
+		]
+	});
+});
+N.displayName = "SChatInput";
+//#endregion
+export { N as t };

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

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

package/dist/{s-chat-message-Cb1npIQO.js → s-chat-message-Bsvsh45G.js}

@@ -1,7 +1,7 @@
 import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
-import { t as n } from "./createSvgIcon-BdNZIlKS.js";
-import { n as r } from "./s-image-modal-Za71QD3d.js";
-import { t as i } from "./Download-BhSXOhCI.js";
+import { t as n } from "./createSvgIcon-HW-tbFcL.js";
+import { t as r } from "./s-image-modal-hhRD4727.js";
+import { t as i } from "./Download-D277qwl2.js";
 import a from "./s-lazy-image/s-lazy-image.js";
 import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
 import { SAvatar as s } from "./s-avatar/s-avatar.js";
@@ -192,7 +192,6 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 												children: t.name ?? "Unnamed File"
 											}), t.size && /* @__PURE__ */ l(m, {
 												variant: "caption",
-												sx: { fontSize: "0.75rem" },
 												children: e(t.size)
 											})]
 										}),
@@ -212,9 +211,8 @@ var h = n(/* @__PURE__ */ l("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
 									pt: T.length > 0 ? 0 : 1.5
 								},
 								children: /* @__PURE__ */ l(m, {
-									variant: "body2",
+									variant: "body1",
 									sx: {
-										fontSize: "0.875rem",
 										whiteSpace: "pre-wrap",
 										color: O ? "error.main" : "inherit"
 									},

package/dist/s-chips/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-DelHx6zM.js";
+import { t as e } from "../s-chips-CH0zKaz-.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-DelHx6zM.js";
+import { t as e } from "../s-chips-CH0zKaz-.js";
 export { e as SChips, e as default };

package/dist/{s-chips-DelHx6zM.js → s-chips-CH0zKaz-.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, 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";

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-sjt0AQb_.js";
+import { t as e } from "../s-code-block-ByNQ4Zq5.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-sjt0AQb_.js";
+import { t as e } from "../s-code-block-ByNQ4Zq5.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-sjt0AQb_.js → s-code-block-ByNQ4Zq5.js}

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-DzjXXLZQ.js";
+import { t as e } from "../s-comment-message-DF580Qxk.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-DzjXXLZQ.js";
+import { t as e } from "../s-comment-message-DF580Qxk.js";
 export { e as SCommentMessage, e as default };

package/dist/{s-comment-message-DzjXXLZQ.js → s-comment-message-DF580Qxk.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-BdNZIlKS.js";
-import { t as n } from "./ExpandMore-Bu7_1g6Q.js";
-import { t as r } from "./Favorite-BJSuHe0H.js";
+import { t } from "./createSvgIcon-HW-tbFcL.js";
+import { t as n } from "./ExpandMore-DIsT5FOp.js";
+import { t as r } from "./Favorite-CbvuQfe4.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";
@@ -100,26 +100,20 @@ var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58
 			}), /* @__PURE__ */ u(d, {
 				sx: { flex: 1 },
 				children: [
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ l(g, { children: x }), /* @__PURE__ */ l(g, {
-							variant: "caption",
-							children: X
-						})]
+					/* @__PURE__ */ l(g, {
+						variant: "subtitle1",
+						children: x
 					}),
 					/* @__PURE__ */ l(g, {
-						variant: "body2",
-						sx: {
-							mb: 2,
-							lineHeight: 1.6
-						},
+						variant: "body1",
+						sx: { lineHeight: 1.6 },
 						children: C
 					}),
+					/* @__PURE__ */ l(g, {
+						variant: "caption",
+						sx: { mb: 2 },
+						children: X
+					}),
 					/* @__PURE__ */ u(h, {
 						direction: "row",
 						spacing: 1,

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

@@ -1,4 +1,4 @@
-import { n as e, t } from "../ContentCopy-Br2p19dq.js";
+import { n as e, t } from "../ContentCopy-C4mVqexq.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, Paper as s, Typography as c } from "@mui/material";

package/dist/s-data-table/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-TrCdKq9r.js";
+import { t as e } from "../s-data-table-B8llaX-A.js";
 export { e as SDataTable, e as default };

package/dist/s-data-table/s-data-table.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-data-table-TrCdKq9r.js";
+import { t as e } from "../s-data-table-B8llaX-A.js";
 export { e as SDataTable, e as default };

package/dist/{s-data-table-TrCdKq9r.js → s-data-table-B8llaX-A.js}

@@ -6,15 +6,15 @@ import { t as s } from "./generateUtilityClass-tRYNDrlH.js";
 import { t as c } from "./Box-BlmynALm.js";
 import { t as l } from "./generateUtilityClasses-XrPHiTcM.js";
 import { n as u, t as d } from "./styled-BTDmdi4c.js";
-import { t as f } from "./ButtonBase-Bo6ysVGS.js";
-import { t as p } from "./useSlot-Dkc1Mj31.js";
-import { t as m } from "./createSimplePaletteValueFilter-GHK52GLU.js";
-import { t as h } from "./createSvgIcon-BdNZIlKS.js";
-import { t as g } from "./useControlled-DXKqhylj.js";
-import { t as _ } from "./mergeSlotProps-DBBJwoun.js";
-import { t as v } from "./useFormControl-B4z6ONhx.js";
-import { t as y } from "./ArrowUpward-BMKLosZj.js";
-import { n as b, t as x } from "./checkboxClasses-DSyvUOsN.js";
+import { t as f } from "./ButtonBase-BDefit5I.js";
+import { t as p } from "./useSlot-IwEDsR9t.js";
+import { t as m } from "./createSimplePaletteValueFilter-5v48HHyU.js";
+import { t as h } from "./createSvgIcon-HW-tbFcL.js";
+import { t as g } from "./useControlled-BtZNCHV0.js";
+import { t as _ } from "./mergeSlotProps-slENzJO5.js";
+import { t as v } from "./useFormControl-bYnTwZE5.js";
+import { t as y } from "./ArrowUpward-DONVUi9Q.js";
+import { n as b, t as x } from "./checkboxClasses-DPzQcJz-.js";
 import { SEmpty as S } from "./s-empty/s-empty.js";
 import * as C from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";

package/dist/s-date-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-date-picker-BkZIEZoz.js";
+import { t as e } from "../s-date-picker-CLncO3oo.js";
 export { e as SDatePicker, e as default };

package/dist/s-date-picker/picker-action-bar.d.ts

@@ -0,0 +1,12 @@
+import { PickersActionBarProps } from '@mui/x-date-pickers/PickersActionBar';
+import * as React from 'react';
+/**
+ * Action bar shared by SDatePicker and SDateTimePicker.
+ *
+ * MUI ships both footer buttons as contained (twin filled buttons). This mirrors
+ * the project's dialog footer convention instead — outlined Cancel + contained
+ * confirm (see SDialogConfirm). It renders a plain DialogActions, so spacing and
+ * padding stay in sync with SDialog via the MuiDialogActions theme override.
+ */
+export declare const PickerActionBar: ({ actions, ...other }: PickersActionBarProps) => React.JSX.Element | null;
+export default PickerActionBar;