@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/s-chips-WqGdqHW9.js

@@ -0,0 +1,176 @@
+import { toSxArray as e } from "./utils/sx.js";
+import { t } from "./useForkRef-CKneCEtr.js";
+import { t as n } from "./appendOwnerState-CELpvdMz.js";
+import { t as r } from "./createSvgIcon-B0SZlJF1.js";
+import { t as i } from "./useControlled-BeB0W_Ui.js";
+import { t as a } from "./mergeSlotProps-xl1-PgWL.js";
+import * as o from "react";
+import { createElement as s, useCallback as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Box as h, Chip as g, Tooltip as _, styled as v, useThemeProps as ee } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/Done.mjs
+var te = r(/* @__PURE__ */ p("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" }), "Done"), ne = v(h, {
+	name: "SChips",
+	slot: "Root"
+})({});
+function y(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var b = o.forwardRef(function(r, o) {
+	let v = ee({
+		props: r,
+		name: "SChips"
+	}), { chips: b, color: x = "primary", defaultValue: S = [], gap: C = 8, onChange: w, onItemClick: T, overflow: E = !0, overflowText: D = "keywords", size: O = "medium", slotProps: k, slots: A, sx: j, value: M, variant: N = "filled", ...P } = v, F = d(null), I = d(null), [L, R] = f(b.length), [z, re] = i({
+		controlled: M,
+		default: S,
+		name: "SChips",
+		state: "value"
+	}), B = c(() => {
+		let e = F.current, t = I.current;
+		if (!e || !t) return;
+		let n = e.offsetWidth, r = Array.from(t.children), i = r[b.length]?.getBoundingClientRect().width ?? 0, a = 0, o = 0;
+		for (let e = 0; e < b.length; e++) {
+			let t = r[e]?.getBoundingClientRect().width ?? 0, i = o === 0 ? t : t + C;
+			if (a + i > n) break;
+			a += i, o++;
+		}
+		if (o < b.length) for (; o > 0 && a + C + i > n;) {
+			o--;
+			let e = r[o]?.getBoundingClientRect().width ?? 0;
+			a -= o === 0 ? e : e + C;
+		}
+		R(o);
+	}, [b, C]);
+	u(() => {
+		if (!E) {
+			R(b.length);
+			return;
+		}
+		B();
+	}, [
+		B,
+		b.length,
+		x,
+		E,
+		D,
+		z,
+		O,
+		N
+	]), l(() => {
+		if (!E) return;
+		let e = F.current;
+		if (!e) return;
+		let t = new ResizeObserver(B);
+		return t.observe(e), () => t.disconnect();
+	}, [B, E]);
+	let V = {
+		...v,
+		overflow: E,
+		selected: z,
+		visibleCount: L
+	}, H = A?.root ?? ne, U = A?.chip ?? g, W = A?.overflowChip ?? g, G = A?.tooltip ?? _, K = y(k?.root, V), q = y(k?.overflowChip, V), J = y(k?.tooltip, V), { sx: Y, ...ie } = K ?? {}, { ref: ae, ...oe } = n(H, ie, V), se = t(F, ae, o), ce = n(A?.overflowChip, q ?? {}, V), { slotProps: X, ...le } = n(A?.tooltip, J ?? {}, V), ue = {
+		...X,
+		tooltip: a(X?.tooltip, { style: { padding: "0.5rem" } })
+	}, { sx: de, ...Z } = ce, fe = E ? b.slice(0, L) : b, Q = E ? b.slice(L) : [], $ = (t, r, i = !1) => {
+		let a = z.includes(t), o = {
+			...V,
+			index: r,
+			label: t,
+			selectedItem: a
+		}, c = y(k?.chip, o), { icon: l, onClick: u, sx: d, ...f } = n(A?.chip, c ?? {}, o), m = w != null || M != null || S.length > 0, h = u != null || T != null || m;
+		return /* @__PURE__ */ s(U, {
+			color: x,
+			size: O,
+			variant: N,
+			...f,
+			key: `${t}-${r}`,
+			"aria-pressed": !i && m ? a : void 0,
+			label: t.trim(),
+			icon: l ?? (a ? /* @__PURE__ */ p(te, {}) : void 0),
+			onClick: i || !h ? void 0 : (e) => {
+				if (u?.(e), !e.defaultPrevented) {
+					if (w != null || M != null || S.length > 0) {
+						let n = a ? z.filter((e) => e !== t) : [...z, t];
+						re(n), w?.(e, n);
+					}
+					T?.(e, t);
+				}
+			},
+			sx: [{ userSelect: "none" }, ...e(d)]
+		});
+	};
+	return /* @__PURE__ */ m(H, {
+		...P,
+		...oe,
+		ref: se,
+		sx: [
+			{
+				display: "flex",
+				maxWidth: "100%",
+				flexWrap: E ? "nowrap" : "wrap",
+				gap: `${C}px`,
+				...E ? {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				} : {}
+			},
+			...e(j),
+			...e(Y)
+		],
+		children: [
+			fe.map((e, t) => $(e, t)),
+			E && Q.length > 0 && /* @__PURE__ */ p(G, {
+				arrow: !0,
+				placement: "top",
+				title: /* @__PURE__ */ p(h, {
+					sx: {
+						display: "flex",
+						gap: 1,
+						maxWidth: 240,
+						flexWrap: "wrap"
+					},
+					children: Q.map((e, t) => $(e, L + t, !0))
+				}),
+				...le,
+				slotProps: ue,
+				children: /* @__PURE__ */ p(W, {
+					"aria-label": `${Q.length} more ${D}`,
+					color: x,
+					size: O,
+					variant: "outlined",
+					tabIndex: 0,
+					...Z,
+					label: `+${Q.length} ${D}`,
+					sx: [{
+						cursor: "help",
+						userSelect: "none"
+					}, ...e(de)]
+				})
+			}),
+			E && /* @__PURE__ */ m(h, {
+				ref: I,
+				"aria-hidden": !0,
+				sx: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					display: "flex",
+					visibility: "hidden",
+					pointerEvents: "none",
+					whiteSpace: "nowrap"
+				},
+				children: [b.map((e, t) => $(e, t, !0)), /* @__PURE__ */ p(W, {
+					color: x,
+					size: O,
+					variant: "outlined",
+					...Z,
+					label: `+${b.length} ${D}`
+				})]
+			})
+		]
+	});
+});
+b.displayName = "SChips";
+//#endregion
+export { b as t };

package/dist/s-code-block/index.d.ts

@@ -1,2 +1,4 @@
 export { default, default as SCodeBlock } from './s-code-block';
-export type { SCodeBlockProps } from './s-code-block';
+export type { SCodeBlockOwnerState, SCodeBlockProps, SCodeBlockSlotProps, SCodeBlockSlots } from './s-code-block';
+export type {} from '../theme/component-augmentation';
+export type {} from '../theme/optional-component-augmentations/s-code-block';

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

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

package/dist/s-code-block/s-code-block.d.ts

@@ -1,33 +1,35 @@
-/**
- * Props interface for SCodeBlock component
- */
-export interface SCodeBlockProps {
-    /** The code content to display and copy */
+import { BoxProps } from '@mui/material';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+import { SIconButtonProps } from '../s-icon-button';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+export interface SCodeBlockOwnerState {
+    copied: boolean;
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SCodeBlockOwnerState>;
+export interface SCodeBlockSlots {
+    copyButton?: React.ElementType;
+    syntaxHighlighter?: React.ElementType;
+}
+export interface SCodeBlockSlotProps {
+    copyButton?: OwnerStateSlotProps<SIconButtonProps>;
+    syntaxHighlighter?: OwnerStateSlotProps<Omit<SyntaxHighlighterProps, 'children'>>;
+}
+export interface SCodeBlockProps extends Omit<BoxProps, 'children' | 'component' | 'onCopy'> {
+    /** The code content to display and copy. */
     code: string;
-    /**
-     * Programming language for syntax highlighting
-     * @default 'typescript'
-     */
+    /** Programming language for syntax highlighting. */
     language?: string;
-    /**
-     * Whether to show line numbers
-     * @default true
-     */
-    showLineNumbers?: boolean;
-    /**
-     * Whether to show copy button
-     * @default true
-     */
-    showCopyButton?: boolean;
-    /**
-     * Custom style for the code block
-     */
-    customStyle?: React.CSSProperties;
-    /** Callback function triggered after code is successfully copied */
+    /** Called after the code is copied successfully. */
     onCopied?: () => void;
+    /** Whether to show the copy button. */
+    showCopyButton?: boolean;
+    /** Whether to show line numbers. */
+    showLineNumbers?: boolean;
+    /** Components used for internal slots. */
+    slots?: SCodeBlockSlots;
+    /** Props or owner-state callbacks for internal slots. */
+    slotProps?: SCodeBlockSlotProps;
 }
-export declare const SCodeBlock: {
-    ({ code, language, showLineNumbers, showCopyButton, customStyle, onCopied, }: SCodeBlockProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
+export declare const SCodeBlock: React.ForwardRefExoticComponent<Omit<SCodeBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SCodeBlock;

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

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

package/dist/{s-code-block-DEojINTt.js → s-code-block-DzGoGg5e.js}

@@ -1,11 +1,14 @@
-import { n as e, t } from "./ContentCopy-BMQ2JTA0.js";
-import { SIconButton as n } from "./s-icon-button/s-icon-button.js";
-import { useMemo as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Box as s, useColorScheme as c } from "@mui/material";
-import { Prism as l } from "react-syntax-highlighter";
+import { toSxArray as e } from "./utils/sx.js";
+import { t } from "./appendOwnerState-CELpvdMz.js";
+import { n, t as r } from "./ContentCopy-5unyTYXy.js";
+import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
+import * as a from "react";
+import { useMemo as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, styled as d, useColorScheme as f, useThemeProps as p } from "@mui/material";
+import { Prism as m } from "react-syntax-highlighter";
 //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
-var u = {
+var h = {
 	"code[class*=\"language-\"]": {
 		background: "hsl(220, 13%, 18%)",
 		color: "hsl(220, 14%, 71%)",
@@ -293,7 +296,7 @@ var u = {
 	},
 	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
 	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
-}, d = {
+}, g = {
 	"code[class*=\"language-\"]": {
 		background: "hsl(230, 1%, 98%)",
 		color: "hsl(230, 8%, 24%)",
@@ -561,9 +564,22 @@ var u = {
 	},
 	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
 	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
-}, f = ({ code: f, language: p = "typescript", showLineNumbers: m = !0, showCopyButton: h = !0, customStyle: g, onCopied: _ }) => {
-	let [v, y] = i(!1), { mode: b } = c(), x = r(() => {
-		let e = b === "dark" ? u : d;
+}, _ = d(u, {
+	name: "SCodeBlock",
+	slot: "Root"
+})({});
+function v(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var y = a.forwardRef(function(u, d) {
+	let y = p({
+		props: u,
+		name: "SCodeBlock"
+	}), { code: b, language: x = "typescript", onCopied: S, showCopyButton: C = !0, showLineNumbers: w = !0, slotProps: T, slots: E, sx: D, ...O } = y, [k, A] = s(!1), j = a.useRef(null), { mode: M } = f(), N = {
+		...y,
+		copied: k
+	}, P = E?.copyButton ?? i, F = E?.syntaxHighlighter ?? m, I = v(T?.copyButton, N), L = v(T?.syntaxHighlighter, N), R = t(E?.copyButton, I ?? {}, N), z = t(E?.syntaxHighlighter, L ?? {}, N), { onClick: B, sx: V, ...H } = R, { customStyle: U, ...W } = z, G = o(() => {
+		let e = M === "dark" ? h : g;
 		return {
 			...e,
 			"pre[class*=\"language-\"]": {
@@ -579,52 +595,64 @@ var u = {
 				fontStyle: "normal"
 			}
 		};
-	}, [b]);
-	return f ? /* @__PURE__ */ o(s, {
-		sx: {
+	}, [M]);
+	a.useEffect(() => () => {
+		j.current != null && window.clearTimeout(j.current);
+	}, []);
+	let K = async () => {
+		if (b) try {
+			await navigator.clipboard.writeText(b), A(!0), j.current != null && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
+				j.current = null, A(!1);
+			}, 2e3), S?.();
+		} catch (e) {
+			console.error("Failed to copy code:", e);
+		}
+	};
+	return b ? /* @__PURE__ */ l(_, {
+		...O,
+		ownerState: N,
+		ref: d,
+		sx: [{
 			position: "relative",
 			width: "100%"
-		},
-		children: [h && /* @__PURE__ */ a(n, {
-			"aria-label": v ? "Code copied" : "Copy code",
-			onClick: async () => {
-				if (f) try {
-					await navigator.clipboard.writeText(f), y(!0), setTimeout(() => y(!1), 2e3), _?.();
-				} catch (e) {
-					console.error("Failed to copy code:", e);
-				}
+		}, ...e(D)],
+		children: [C && /* @__PURE__ */ c(P, {
+			"aria-label": k ? "Code copied" : "Copy code",
+			...H,
+			onClick: (e) => {
+				B?.(e), e.defaultPrevented || K();
 			},
-			sx: {
+			sx: [{
 				position: "absolute",
 				top: "50%",
 				right: 16,
 				transform: "translateY(-50%)",
 				zIndex: 1,
-				color: v ? "success.main" : "text.primary",
+				color: k ? "success.main" : "text.primary",
 				backdropFilter: "blur(8px)",
 				"&:active": { backgroundColor: "action.selected" }
-			},
-			children: a(v ? e : t, {})
-		}), /* @__PURE__ */ a(l, {
-			language: p,
-			style: x,
-			showLineNumbers: m,
+			}, ...e(V)],
+			children: c(k ? n : r, {})
+		}), /* @__PURE__ */ c(F, {
+			...W,
+			language: x,
+			style: G,
+			showLineNumbers: w,
 			customStyle: {
 				margin: 0,
 				padding: 16,
 				borderRadius: "var(--s-shape-borderRadius)",
 				fontSize: "0.875rem",
 				backgroundColor: "var(--s-palette-background-paper)",
-				border: "1px solid",
-				borderColor: "var(--s-palette-divider)",
-				...g
+				border: "1px solid var(--s-palette-divider)",
+				...U
 			},
 			wrapLines: !0,
 			wrapLongLines: !0,
-			children: f
+			children: b
 		})]
 	}) : null;
-};
-f.displayName = "SCodeBlock";
+});
+y.displayName = "SCodeBlock";
 //#endregion
-export { f as t };
+export { y as t };

package/dist/s-comment-message/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SCommentMessage } from './s-comment-message';
 export type { SCommentMessageProps } from './s-comment-message';
+export type {} from '../theme/component-augmentation';

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-Dum0P6de.js";
+import { t as e } from "../s-comment-message-C6kfgRjv.js";
 export { e as SCommentMessage, e as default };

package/dist/s-comment-message/s-comment-message.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { SxProps } from '@mui/material';
+import { BoxProps } from '@mui/material';
 /**
  * Props interface for SCommentMessage component
  */
-export interface SCommentMessageProps {
-    /** Unique identifier for the comment */
-    id?: string | number;
+export interface SCommentMessageProps extends Omit<BoxProps, 'children' | 'component' | 'ref'> {
+    /** Stable identifier used by comment callbacks. */
+    commentId?: string | number;
     /** Name of the user who posted the comment */
     userName: string;
     /** URL of the user avatar image */
@@ -25,7 +25,7 @@ export interface SCommentMessageProps {
     /** Callback function triggered when the like button is clicked */
     onLike?: (commentId: string | number) => void;
     /** Callback function triggered when the reply button is clicked */
-    onReply?: (commentId: string | number, parentId?: string | number) => void;
+    onReply?: (commentId: string | number) => void;
     /** Callback function triggered when the expand/collapse replies button is clicked */
     onToggleReplies?: (commentId: string | number) => void;
     /** Whether to show replies and the expand/collapse functionality */
@@ -40,8 +40,6 @@ export interface SCommentMessageProps {
     loading?: boolean;
     /** Custom content to display below the comment actions */
     children?: React.ReactNode;
-    /** Material-UI sx prop for custom styling */
-    sx?: SxProps;
 }
-export declare const SCommentMessage: React.FC<SCommentMessageProps>;
+export declare const SCommentMessage: React.ForwardRefExoticComponent<SCommentMessageProps & React.RefAttributes<HTMLDivElement>>;
 export default SCommentMessage;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-Dum0P6de.js";
+import { t as e } from "../s-comment-message-C6kfgRjv.js";
 export { e as SCommentMessage, e as default };

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

@@ -0,0 +1,191 @@
+import { i as e } from "./utils-DaSrTYUS.js";
+import { toSxArray as t } from "./utils/sx.js";
+import { t as n } from "./createSvgIcon-B0SZlJF1.js";
+import { t as r } from "./ExpandMore-Ba5bg6s-.js";
+import { t as i } from "./Favorite-B_GsElm0.js";
+import { SSkeleton as a } from "./s-skeleton/s-skeleton.js";
+import { SAvatar as o } from "./s-avatar/s-avatar.js";
+import s, { useEffect as c, useId as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Box as p, Button as m, Collapse as h, IconButton as g, Stack as _, Typography as v, styled as y, useThemeProps as b } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
+var x = n(/* @__PURE__ */ d("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), S = n(/* @__PURE__ */ d("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"), C = n(/* @__PURE__ */ d("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"), w = y(p, {
+	name: "SCommentMessage",
+	slot: "Root"
+})({}), T = s.forwardRef(function(n, s) {
+	let y = b({
+		props: n,
+		name: "SCommentMessage"
+	}), { commentId: ee, userName: E, userAvatar: D, commentContent: te, datetime: O, likes: k = 0, isLiked: A = !1, replies: j = [], totalReplies: ne, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = y, H = l(), U = l(), W = ee ?? H, [G, K] = u(k), [q, J] = u(A), [Y, ie] = u(!1), ae = () => {
+		q ? (K((e) => Math.max(0, e - 1)), J(!1)) : (K((e) => e + 1), J(!0)), M && M(W);
+	}, oe = () => {
+		N && N(W);
+	}, se = () => {
+		ie((e) => !e), P && P(W);
+	}, ce = e(O), X = ne ?? j.length, Z = X > 0, Q = Math.min(L, R) * 2, $ = {
+		...y,
+		commentId: W,
+		localIsLiked: q,
+		showRepliesList: Y
+	};
+	return c(() => {
+		K(k);
+	}, [k]), c(() => {
+		J(A);
+	}, [A]), re ? /* @__PURE__ */ d(w, {
+		...V,
+		ownerState: $,
+		ref: s,
+		sx: [{
+			pl: Q,
+			py: 1
+		}, ...t(B)],
+		children: /* @__PURE__ */ f(_, {
+			direction: "row",
+			spacing: 2,
+			sx: { alignItems: "flex-start" },
+			children: [/* @__PURE__ */ d(a, {
+				variant: "circular",
+				width: I,
+				height: I
+			}), /* @__PURE__ */ f(p, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ f(_, {
+						direction: "row",
+						spacing: 2,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
+						children: [/* @__PURE__ */ d(a, {
+							width: 120,
+							height: 20
+						}), /* @__PURE__ */ d(a, {
+							width: 80,
+							height: 16
+						})]
+					}),
+					/* @__PURE__ */ d(a, {
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ d(a, {
+						width: "85%",
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ d(a, {
+						width: "70%",
+						height: 16,
+						sx: { mb: 2 }
+					}),
+					/* @__PURE__ */ f(_, {
+						direction: "row",
+						spacing: 1,
+						sx: { alignItems: "center" },
+						children: [
+							/* @__PURE__ */ d(a, { preset: "icon-button" }),
+							/* @__PURE__ */ d(a, {
+								width: 20,
+								height: 16
+							}),
+							/* @__PURE__ */ d(a, { width: 60 }),
+							/* @__PURE__ */ d(a, { width: 80 })
+						]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ f(w, {
+		...V,
+		ownerState: $,
+		ref: s,
+		sx: [{
+			pl: Q,
+			py: 1
+		}, ...t(B)],
+		children: [/* @__PURE__ */ f(_, {
+			direction: "row",
+			spacing: 2,
+			sx: { alignItems: "flex-start" },
+			children: [/* @__PURE__ */ d(o, {
+				src: D,
+				name: E,
+				size: I
+			}), /* @__PURE__ */ f(p, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ d(v, {
+						variant: "subtitle1",
+						children: E
+					}),
+					/* @__PURE__ */ d(v, {
+						variant: "body1",
+						children: te
+					}),
+					/* @__PURE__ */ d(v, {
+						variant: "caption",
+						children: ce
+					}),
+					/* @__PURE__ */ f(_, {
+						direction: "row",
+						spacing: 1,
+						sx: { alignItems: "center" },
+						children: [
+							/* @__PURE__ */ d(g, {
+								"aria-label": q ? "Unlike comment" : "Like comment",
+								"aria-pressed": q,
+								onClick: ae,
+								sx: { color: q ? "error.main" : "text.secondary" },
+								children: d(q ? i : S, {})
+							}),
+							G > 0 && /* @__PURE__ */ d(v, {
+								variant: "caption",
+								children: G
+							}),
+							/* @__PURE__ */ d(m, {
+								startIcon: /* @__PURE__ */ d(C, {}),
+								onClick: oe,
+								variant: "text",
+								children: "Reply"
+							}),
+							Z && F && /* @__PURE__ */ f(m, {
+								"aria-controls": U,
+								"aria-expanded": Y,
+								startIcon: d(Y ? x : r, {}),
+								onClick: se,
+								variant: "text",
+								children: [
+									X,
+									" ",
+									X === 1 ? "reply" : "replies"
+								]
+							})
+						]
+					}),
+					z && /* @__PURE__ */ d(p, { children: z })
+				]
+			})]
+		}), Z && F && /* @__PURE__ */ d(h, {
+			id: U,
+			in: Y,
+			children: /* @__PURE__ */ d(p, {
+				sx: { mt: 2 },
+				children: j.map((e, t) => /* @__PURE__ */ d(T, {
+					...e,
+					level: L + 1,
+					maxLevel: R,
+					onLike: M ?? e.onLike,
+					onReply: N ?? e.onReply,
+					onToggleReplies: P ?? e.onToggleReplies,
+					showReplies: F,
+					avatarSize: Math.max(32, I - 8)
+				}, e.commentId ?? `reply-${t}`))
+			})
+		})]
+	});
+});
+T.displayName = "SCommentMessage";
+//#endregion
+export { T as t };

package/dist/s-copyable-text/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SCopyableText } from './s-copyable-text';
-export type { SCopyableTextProps } from './s-copyable-text';
+export type { SCopyableTextOwnerState, SCopyableTextProps, SCopyableTextSlotProps, SCopyableTextSlots, } from './s-copyable-text';
+export type {} from '../theme/component-augmentation';