@solostylist/ui-kit 2.0.0 → 2.0.1

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

@@ -1,2 +1,314 @@
-import { t as e } from "../s-chat-message-9oollJJq.js";
-export { e as SChatMessage, e as default };
+import { n as e, r as t } from "../utils-CMeAWSRO.js";
+import { toSxArray as n } from "../utils/sx.js";
+import { SLazyImage as r } from "../s-lazy-image/s-lazy-image.js";
+import { SIconButton as i } from "../s-icon-button/s-icon-button.js";
+import { SSkeleton as a } from "../s-skeleton/s-skeleton.js";
+import { SAvatar as o } from "../s-avatar/s-avatar.js";
+import { SImageViewer as s } from "../s-image-viewer/s-image-viewer.js";
+import c, { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Download as f, InsertDriveFile as p, Refresh as m } from "@mui/icons-material";
+import { Box as h, ButtonBase as g, Paper as _, Typography as v, styled as y, useTheme as b, useThemeProps as x } from "@mui/material";
+//#region lib/s-chat-message/s-chat-message.tsx
+var S = y(h, {
+	name: "SChatMessage",
+	slot: "Root"
+})({}), C = c.forwardRef(function({ isSent: e, showAvatar: t, showTimestamp: r, senderName: i, maxWidth: o, ownerState: s, sx: c, ...l }, f) {
+	return /* @__PURE__ */ d(S, {
+		...l,
+		ownerState: s,
+		ref: f,
+		sx: [{
+			display: "flex",
+			flexDirection: e ? "row-reverse" : "row",
+			alignItems: "flex-start",
+			gap: 1,
+			mb: 1,
+			maxWidth: o,
+			alignSelf: e ? "flex-end" : "flex-start"
+		}, ...n(c)],
+		children: [
+			t && !e && /* @__PURE__ */ u(a, {
+				variant: "circular",
+				width: 36,
+				height: 36
+			}),
+			/* @__PURE__ */ d(h, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: e ? "flex-end" : "flex-start",
+					gap: .5,
+					minWidth: 0
+				},
+				children: [
+					i && !e && /* @__PURE__ */ u(a, {
+						width: 100,
+						height: 12,
+						sx: { ml: .5 }
+					}),
+					/* @__PURE__ */ d(h, {
+						sx: {
+							display: "inline-block",
+							width: "20rem",
+							maxWidth: "100%",
+							overflow: "hidden",
+							ml: .5
+						},
+						children: [
+							/* @__PURE__ */ u(a, {
+								height: 16,
+								sx: { mb: .5 }
+							}),
+							/* @__PURE__ */ u(a, {
+								width: "85%",
+								height: 16,
+								sx: { mb: .5 }
+							}),
+							/* @__PURE__ */ u(a, {
+								width: "70%",
+								height: 16
+							})
+						]
+					}),
+					r && /* @__PURE__ */ u(a, {
+						width: 60,
+						height: 10,
+						sx: {
+							ml: e ? 0 : .5,
+							mr: e ? .5 : 0
+						}
+					})
+				]
+			}),
+			t && e && /* @__PURE__ */ u(a, {
+				variant: "circular",
+				width: 36,
+				height: 36
+			})
+		]
+	});
+}), w = c.forwardRef(function(a, c) {
+	let y = x({
+		props: a,
+		name: "SChatMessage"
+	}), w = b(), { children: T, variant: E = "received", timestamp: D, avatar: O, senderName: k, showAvatar: A = !0, showTimestamp: j = !1, maxWidth: M = "70%", attachments: N = [], onAttachmentClick: P, onDownload: F, hasError: I = !1, errorMessage: L = "Failed to send message", onRetry: R, loading: z = !1, sx: B, ...V } = y, [H, U] = l(null), [W, G] = l(!1), K = E === "sent", q = {
+		...y,
+		isSent: K,
+		loading: z,
+		variant: E
+	}, J = (e) => {
+		P ? P(e) : (U(e), G(!0));
+	}, Y = (e) => {
+		P ? P(e) : F && F(e);
+	}, X = N.filter((e) => e.type === "image"), Z = N.filter((e) => e.type === "file");
+	return z ? /* @__PURE__ */ u(C, {
+		isSent: K,
+		showAvatar: A,
+		showTimestamp: j,
+		senderName: k,
+		maxWidth: M,
+		ownerState: q,
+		ref: c,
+		sx: B,
+		...V
+	}) : /* @__PURE__ */ d(S, {
+		...V,
+		ownerState: q,
+		ref: c,
+		sx: [{
+			display: "flex",
+			flexDirection: K ? "row-reverse" : "row",
+			alignItems: "flex-start",
+			gap: 1,
+			mb: 1,
+			maxWidth: M,
+			alignSelf: K ? "flex-end" : "flex-start"
+		}, ...n(B)],
+		children: [
+			A && !K && /* @__PURE__ */ u(o, {
+				src: O,
+				name: k,
+				size: 36
+			}),
+			/* @__PURE__ */ d(h, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: K ? "flex-end" : "flex-start",
+					gap: .5,
+					minWidth: 0
+				},
+				children: [
+					k && !K && /* @__PURE__ */ u(v, { children: k }),
+					/* @__PURE__ */ d(h, {
+						sx: {
+							display: "inline-block",
+							borderRadius: 1,
+							wordBreak: "break-word",
+							maxWidth: "100%",
+							border: "1px solid",
+							borderColor: I ? "error.main" : "divider",
+							overflow: "hidden"
+						},
+						children: [
+							X.length > 0 && /* @__PURE__ */ u(h, {
+								sx: {
+									minWidth: 200,
+									display: "grid",
+									gridTemplateColumns: X.length === 1 ? "1fr" : "repeat(2, 1fr)",
+									gap: .5,
+									p: .5
+								},
+								children: X.map((e) => /* @__PURE__ */ u(g, {
+									"aria-label": `View ${e.name ?? "image attachment"}`,
+									sx: {
+										display: "block",
+										position: "relative",
+										paddingTop: X.length === 1 ? "66.67%" : "100%",
+										overflow: "hidden",
+										width: "100%",
+										"@media (hover: hover) and (pointer: fine)": { "&:hover": { opacity: w.interaction.mediaHoverOpacity } },
+										"&.Mui-focusVisible": {
+											outline: "2px solid",
+											outlineColor: "primary.main",
+											outlineOffset: -2
+										}
+									},
+									onClick: () => J(e),
+									children: /* @__PURE__ */ u(r, {
+										src: e.thumbnailUrl ?? e.url,
+										alt: e.name ?? "Image",
+										sx: {
+											position: "absolute",
+											inset: 0
+										},
+										slotProps: { image: { sx: { objectFit: "cover" } } }
+									})
+								}, e.id))
+							}),
+							Z.length > 0 && /* @__PURE__ */ u(h, {
+								sx: { p: 1.5 },
+								children: Z.map((t, n) => /* @__PURE__ */ d(_, {
+									variant: "outlined",
+									sx: {
+										display: "flex",
+										alignItems: "center",
+										mt: +(n > 0),
+										overflow: "hidden"
+									},
+									children: [/* @__PURE__ */ d(g, {
+										"aria-label": `Open ${t.name ?? "file attachment"}`,
+										onClick: () => Y(t),
+										sx: {
+											display: "flex",
+											flex: 1,
+											minWidth: 0,
+											gap: 1,
+											p: 1,
+											justifyContent: "flex-start",
+											textAlign: "left",
+											"&.Mui-focusVisible": {
+												outline: "2px solid",
+												outlineColor: "primary.main",
+												outlineOffset: -2
+											}
+										},
+										children: [/* @__PURE__ */ u(p, { sx: { fontSize: 36 } }), /* @__PURE__ */ d(h, {
+											sx: {
+												flex: 1,
+												minWidth: 0
+											},
+											children: [/* @__PURE__ */ u(v, {
+												variant: "body2",
+												sx: {
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													whiteSpace: "nowrap"
+												},
+												children: t.name ?? "Unnamed File"
+											}), t.size && /* @__PURE__ */ u(v, {
+												variant: "caption",
+												children: e(t.size)
+											})]
+										})]
+									}), F && /* @__PURE__ */ u(i, {
+										"aria-label": `Download ${t.name ?? "attachment"}`,
+										onClick: () => F(t),
+										sx: { mr: 1 },
+										size: "small",
+										children: /* @__PURE__ */ u(f, {})
+									})]
+								}, t.id))
+							}),
+							T && /* @__PURE__ */ u(h, {
+								sx: {
+									px: 2,
+									py: 1.5,
+									pt: N.length > 0 ? 0 : 1.5
+								},
+								children: /* @__PURE__ */ u(v, {
+									variant: "body1",
+									sx: {
+										whiteSpace: "pre-wrap",
+										color: I ? "error.main" : "inherit"
+									},
+									children: T
+								})
+							})
+						]
+					}),
+					j && D && /* @__PURE__ */ u(v, {
+						variant: "caption",
+						children: t(D)
+					}),
+					I && /* @__PURE__ */ d(h, {
+						role: "alert",
+						sx: {
+							display: "flex",
+							alignItems: "center",
+							gap: .5,
+							color: "error.main"
+						},
+						children: [/* @__PURE__ */ u(v, {
+							sx: { color: "inherit" },
+							variant: "caption",
+							children: L
+						}), R && /* @__PURE__ */ u(i, {
+							"aria-label": "Retry sending message",
+							onClick: R,
+							size: "small",
+							children: /* @__PURE__ */ u(m, {})
+						})]
+					})
+				]
+			}),
+			A && K && /* @__PURE__ */ u(o, {
+				src: O,
+				name: k,
+				size: 36
+			}),
+			H && /* @__PURE__ */ u(s, {
+				"aria-label": "Message attachment viewer",
+				open: W,
+				onClose: () => {
+					G(!1), U(null);
+				},
+				onCloseButtonClick: () => {
+					G(!1), U(null);
+				},
+				selectedItem: {
+					id: H.id,
+					type: "image",
+					url: H.url,
+					title: H.name
+				},
+				showNavigation: !1,
+				showThumbnailDock: !1
+			})
+		]
+	});
+});
+w.displayName = "SChatMessage";
+//#endregion
+export { w as SChatMessage, w as default };

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

@@ -1,44 +1,43 @@
-import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
-import { t as n } from "../appendOwnerState-CELpvdMz.js";
-import { t as r } from "../useFormControl-iWLrn7Ek.js";
-import { t as i } from "../Checkbox-BoZu9z2l.js";
-import { n as a, t as o } from "../FormControlLabel-DzgppcC_.js";
-import * as s from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { styled as e, useThemeProps as t } from "@mui/material/styles";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Checkbox";
+import a from "@mui/utils/appendOwnerState";
+import { useFormControl as o } from "@mui/material/FormControl";
+import s, { formControlLabelClasses as c } from "@mui/material/FormControlLabel";
 //#region lib/s-checkbox/s-checkbox.tsx
-var l = e(o, {
+var l = e(s, {
 	name: "SCheckbox",
 	slot: "Root",
 	shouldForwardProp: (e) => e !== "ownerState"
 })(({ theme: e }) => ({
 	margin: 0,
 	userSelect: "none",
-	[`&&.${a.disabled}`]: { cursor: "not-allowed" },
-	[`&& .${a.label}.${a.disabled}`]: { color: (e.vars ?? e).palette.text.disabled }
+	[`&&.${c.disabled}`]: { cursor: "not-allowed" },
+	[`&& .${c.label}.${c.disabled}`]: { color: (e.vars ?? e).palette.text.disabled }
 }));
 function u(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var d = s.forwardRef(function(e, a) {
-	let o = t({
+var d = n.forwardRef(function(e, n) {
+	let s = t({
 		props: e,
 		name: "SCheckbox"
-	}), s = r(), { disabled: d, disableTypography: f, label: p, labelPlacement: m = "end", required: h, slotProps: g, slots: _, ...v } = o, y = d ?? s?.disabled ?? !1, b = h ?? s?.required ?? !1, x = f ?? (typeof p != "string" && typeof p != "number"), S = {
-		...o,
+	}), c = o(), { disabled: d, disableTypography: f, label: p, labelPlacement: m = "end", required: h, slotProps: g, slots: _, ...v } = s, y = d ?? c?.disabled ?? !1, b = h ?? c?.required ?? !1, x = f ?? (typeof p != "string" && typeof p != "number"), S = {
+		...s,
 		disabled: y,
 		labelPlacement: m,
 		required: b
-	}, C = _?.control ?? i, w = n(_?.control, u(g?.control, S) ?? {}, S);
-	return /* @__PURE__ */ c(l, {
+	}, C = _?.control ?? i, w = a(_?.control, u(g?.control, S) ?? {}, S);
+	return /* @__PURE__ */ r(l, {
 		...v,
-		control: /* @__PURE__ */ c(C, { ...w }),
+		control: /* @__PURE__ */ r(C, { ...w }),
 		disabled: d,
 		disableTypography: x,
 		label: p,
 		labelPlacement: m,
 		ownerState: S,
-		ref: a,
+		ref: n,
 		required: b,
 		slots: _?.typography ? { typography: _.typography } : void 0,
 		slotProps: g?.typography ? { typography: g.typography } : void 0

package/dist/s-chips/index.js

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

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

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

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

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

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

@@ -1,2 +1,103 @@
-import { t as e } from "../s-code-block-DzGoGg5e.js";
-export { e as SCodeBlock, e as default };
+import { toSxArray as e } from "../utils/sx.js";
+import { SIconButton as t } from "../s-icon-button/s-icon-button.js";
+import * as n from "react";
+import { useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Check as s, ContentCopy as c } from "@mui/icons-material";
+import { Box as l, styled as u, useColorScheme as d, useThemeProps as f } from "@mui/material";
+import p from "@mui/utils/appendOwnerState";
+import { Prism as m } from "react-syntax-highlighter";
+import { oneDark as h, oneLight as g } from "react-syntax-highlighter/dist/esm/styles/prism";
+//#region lib/s-code-block/s-code-block.tsx
+var _ = u(l, {
+	name: "SCodeBlock",
+	slot: "Root"
+})({});
+function v(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var y = n.forwardRef(function(l, u) {
+	let y = f({
+		props: l,
+		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] = i(!1), j = n.useRef(null), { mode: M } = d(), N = {
+		...y,
+		copied: k
+	}, P = E?.copyButton ?? t, F = E?.syntaxHighlighter ?? m, I = v(T?.copyButton, N), L = v(T?.syntaxHighlighter, N), R = p(E?.copyButton, I ?? {}, N), z = p(E?.syntaxHighlighter, L ?? {}, N), { onClick: B, sx: V, ...H } = R, { customStyle: U, ...W } = z, G = r(() => {
+		let e = M === "dark" ? h : g;
+		return {
+			...e,
+			"pre[class*=\"language-\"]": {
+				...e["pre[class*=\"language-\"]"],
+				background: "transparent"
+			},
+			"code[class*=\"language-\"]": {
+				...e["code[class*=\"language-\"]"],
+				background: "transparent"
+			},
+			linenumber: {
+				...e.linenumber,
+				fontStyle: "normal"
+			}
+		};
+	}, [M]);
+	n.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__ */ o(_, {
+		...O,
+		ownerState: N,
+		ref: u,
+		sx: [{
+			position: "relative",
+			width: "100%"
+		}, ...e(D)],
+		children: [C && /* @__PURE__ */ a(P, {
+			"aria-label": k ? "Code copied" : "Copy code",
+			...H,
+			onClick: (e) => {
+				B?.(e), e.defaultPrevented || K();
+			},
+			sx: [{
+				position: "absolute",
+				top: "50%",
+				right: 16,
+				transform: "translateY(-50%)",
+				zIndex: 1,
+				color: k ? "success.main" : "text.primary",
+				backdropFilter: "blur(8px)",
+				"&:active": { backgroundColor: "action.selected" }
+			}, ...e(V)],
+			children: a(k ? s : c, {})
+		}), /* @__PURE__ */ a(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 var(--s-palette-divider)",
+				...U
+			},
+			wrapLines: !0,
+			wrapLongLines: !0,
+			children: b
+		})]
+	}) : null;
+});
+y.displayName = "SCodeBlock";
+//#endregion
+export { y as SCodeBlock, y as default };

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

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