@solostylist/ui-kit 1.0.204 → 1.0.205

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

@@ -0,0 +1,281 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { t } from "./Download-Bbx6BZUJ.js";
+import n from "./s-lazy-image/s-lazy-image.js";
+import { SAvatar as r } from "./s-avatar/s-avatar.js";
+import { n as i, r as a } from "./utils-Cu16ybRR.js";
+import { SImageModal as o } from "./s-image-modal/s-image-modal.js";
+import { SSkeleton as s } from "./s-skeleton/s-skeleton.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 = e(/* @__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 = e(/* @__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"), _ = e(/* @__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: a, ...o }) => /* @__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",
+		...a
+	},
+	...o,
+	children: [
+		t && !e && /* @__PURE__ */ l(s, {
+			component: "rounded-avatar",
+			width: 36,
+			height: 36
+		}),
+		/* @__PURE__ */ u(d, {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: e ? "flex-end" : "flex-start",
+			gap: .5,
+			sx: { minWidth: 0 },
+			children: [
+				r && !e && /* @__PURE__ */ l(s, {
+					variant: "text",
+					width: 100,
+					height: 12,
+					sx: { ml: .5 }
+				}),
+				/* @__PURE__ */ u(d, {
+					sx: {
+						display: "inline-block",
+						width: "20rem",
+						maxWidth: "100%",
+						overflow: "hidden",
+						ml: .5
+					},
+					children: [
+						/* @__PURE__ */ l(s, {
+							variant: "text",
+							width: "100%",
+							height: 16,
+							sx: { mb: .5 }
+						}),
+						/* @__PURE__ */ l(s, {
+							variant: "text",
+							width: "85%",
+							height: 16,
+							sx: { mb: .5 }
+						}),
+						/* @__PURE__ */ l(s, {
+							variant: "text",
+							width: "70%",
+							height: 16
+						})
+					]
+				}),
+				n && /* @__PURE__ */ l(s, {
+					variant: "text",
+					width: 60,
+					height: 10,
+					sx: {
+						ml: e ? 0 : .5,
+						mr: e ? .5 : 0
+					}
+				})
+			]
+		}),
+		t && e && /* @__PURE__ */ l(s, {
+			component: "rounded-avatar",
+			width: 36,
+			height: 36
+		})
+	]
+}), y = ({ message: e, variant: s = "received", timestamp: y, avatar: b, senderName: x, showAvatar: S = !0, showTimestamp: C = !1, maxWidth: w = "70%", attachments: T = [], onAttachmentClick: E, onDownload: D, hasError: O = !1, errorMessage: k = "Failed to send message", onRetry: A, loading: j = !1, sx: M, ...N }) => {
+	let [P, F] = c(null), [I, L] = c(!1), R = s === "sent", z = (e) => {
+		E ? E(e) : (F(e), L(!0));
+	}, B = (e) => {
+		E ? E(e) : D && D(e);
+	}, V = T.filter((e) => e.type === "image"), H = T.filter((e) => e.type === "file");
+	return j ? /* @__PURE__ */ l(v, {
+		isSent: R,
+		showAvatar: S,
+		showTimestamp: C,
+		senderName: x,
+		maxWidth: w,
+		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,
+		children: [
+			S && !R && /* @__PURE__ */ l(r, {
+				avatar: b,
+				name: x,
+				size: 36
+			}),
+			/* @__PURE__ */ u(d, {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: R ? "flex-end" : "flex-start",
+				gap: .5,
+				sx: { minWidth: 0 },
+				children: [
+					x && !R && /* @__PURE__ */ l(m, { children: x }),
+					/* @__PURE__ */ u(d, {
+						sx: {
+							display: "inline-block",
+							borderRadius: 2,
+							wordBreak: "break-word",
+							maxWidth: "100%",
+							border: "1px solid",
+							borderColor: O ? "error.main" : "divider",
+							...O && { opacity: .7 },
+							overflow: "hidden"
+						},
+						children: [
+							V.length > 0 && /* @__PURE__ */ l(d, {
+								sx: {
+									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",
+										paddingTop: V.length === 1 ? "66.67%" : "100%",
+										cursor: "pointer",
+										borderRadius: 1.5,
+										overflow: "hidden",
+										"&:hover": { opacity: .9 }
+									},
+									onClick: () => z(e),
+									children: /* @__PURE__ */ l(n, {
+										src: e.thumbnailUrl ?? e.url,
+										alt: e.name ?? "Image",
+										width: "100%",
+										height: "100%",
+										style: {
+											position: "absolute",
+											top: 0,
+											left: 0,
+											objectFit: "cover"
+										}
+									})
+								}, e.id))
+							}),
+							H.length > 0 && /* @__PURE__ */ l(d, {
+								sx: { p: 1.5 },
+								children: H.map((e, n) => /* @__PURE__ */ u(p, {
+									variant: "outlined",
+									sx: {
+										display: "flex",
+										alignItems: "center",
+										gap: 1.5,
+										p: 1,
+										mt: n > 0 ? 1 : 0,
+										cursor: "pointer"
+									},
+									onClick: () => B(e),
+									children: [
+										/* @__PURE__ */ l(g, { sx: { fontSize: 32 } }),
+										/* @__PURE__ */ u(d, {
+											sx: {
+												flex: 1,
+												minWidth: 0
+											},
+											children: [/* @__PURE__ */ l(m, {
+												variant: "body2",
+												sx: {
+													fontSize: "0.875rem",
+													fontWeight: 500,
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													whiteSpace: "nowrap"
+												},
+												children: e.name ?? "Unnamed File"
+											}), e.size && /* @__PURE__ */ l(m, {
+												variant: "caption",
+												children: i(e.size)
+											})]
+										}),
+										D && /* @__PURE__ */ l(f, {
+											onClick: (t) => {
+												t.stopPropagation(), D(e);
+											},
+											children: /* @__PURE__ */ l(t, {})
+										})
+									]
+								}, e.id))
+							}),
+							e && /* @__PURE__ */ l(d, {
+								sx: {
+									px: 2,
+									py: 1.5,
+									pt: T.length > 0 ? 0 : 1.5
+								},
+								children: /* @__PURE__ */ l(m, {
+									variant: "body2",
+									sx: {
+										fontSize: "0.875rem",
+										whiteSpace: "pre-wrap",
+										color: O ? "error.main" : "inherit"
+									},
+									children: e
+								})
+							})
+						]
+					}),
+					C && y && /* @__PURE__ */ l(m, {
+						variant: "caption",
+						children: a(y)
+					}),
+					O && /* @__PURE__ */ u(d, {
+						display: "flex",
+						alignItems: "center",
+						gap: .5,
+						color: "error.main",
+						children: [
+							/* @__PURE__ */ l(h, { sx: { fontSize: "1rem" } }),
+							/* @__PURE__ */ l(m, {
+								color: "inherit",
+								children: k
+							}),
+							A && /* @__PURE__ */ l(f, {
+								onClick: A,
+								children: /* @__PURE__ */ l(_, {})
+							})
+						]
+					})
+				]
+			}),
+			S && R && /* @__PURE__ */ l(r, {
+				avatar: b,
+				name: x,
+				size: 36
+			}),
+			P && /* @__PURE__ */ l(o, {
+				isOpen: I,
+				onClose: () => {
+					L(!1), F(null);
+				},
+				selectedItem: {
+					id: P.id,
+					type: "image",
+					url: P.url,
+					title: P.name
+				},
+				showNavigation: !1,
+				showThumbnailDock: !1
+			})
+		]
+	});
+};
+y.displayName = "SChatMessage";
+//#endregion
+export { y as t };

package/dist/s-checkbox/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SCheckbox as e } from "./s-checkbox.js";
 export { e as default };

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

@@ -1,21 +1,21 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { forwardRef as t, useId as n } from "react";
-import { Checkbox as r, Stack as i, Typography as a } from "@mui/material";
+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";
 //#region lib/s-checkbox/s-checkbox.tsx
-var o = e(), s = t(({ content: e, ...t }, s) => {
-	let c = n(), l = t.id ?? c;
-	return /* @__PURE__ */ (0, o.jsxs)(i, {
+var s = e(({ content: e, ...s }, c) => {
+	let l = t(), u = s.id ?? l;
+	return /* @__PURE__ */ r(a, {
 		alignItems: "center",
 		direction: "row",
 		display: "flex",
 		justifyContent: "start",
-		children: [/* @__PURE__ */ (0, o.jsx)(r, {
-			ref: s,
-			...t,
-			id: l
-		}), e && /* @__PURE__ */ (0, o.jsx)("label", {
-			htmlFor: l,
-			children: /* @__PURE__ */ (0, o.jsx)(a, {
+		children: [/* @__PURE__ */ n(i, {
+			ref: c,
+			...s,
+			id: u
+		}), e && /* @__PURE__ */ n("label", {
+			htmlFor: u,
+			children: /* @__PURE__ */ n(o, {
 				variant: "body2",
 				children: e
 			})

package/dist/s-chip/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SChip as e } from "./s-chip.js";
 export { e as default };

package/dist/s-chip/s-chip.js

@@ -1,11 +1,11 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { Chip as n } from "@mui/material";
 //#region lib/s-chip/s-chip.tsx
-var r = e(), i = t((e, t) => /* @__PURE__ */ (0, r.jsx)(n, {
-	ref: t,
+var r = e((e, r) => /* @__PURE__ */ t(n, {
+	ref: r,
 	...e
 }));
-i.displayName = "SChip";
+r.displayName = "SChip";
 //#endregion
-export { i as SChip, i as default };
+export { r as SChip, r as default };

package/dist/s-chips/index.js

@@ -1,3 +1,2 @@
-import "../jsx-runtime-V-UOMaX1.js";
 import { SChips as e } from "./s-chips.js";
 export { e as default };

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

@@ -1,79 +1,79 @@
-import { t as e } from "../jsx-runtime-V-UOMaX1.js";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { Box as a, Chip as o, Tooltip as s } from "@mui/material";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Box as o, Chip as s, Tooltip as c } from "@mui/material";
 //#region lib/s-chips/s-chips.tsx
-var c = e(), l = ({ chips: e, overflow: l = !0, onClick: u, overflowText: d = "keywords" }) => {
-	let f = r(null), [p, m] = i([]), [h, g] = i([]), [_, v] = i(0), y = t((e) => {
+var l = ({ chips: l, overflow: u = !0, onClick: d, overflowText: f = "keywords" }) => {
+	let p = n(null), [m, h] = r([]), [g, _] = r([]), [v, y] = r(0), b = e((e) => {
 		let t = document.createElement("span");
 		t.style.visibility = "hidden", t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.textContent = e.trim(), document.body.appendChild(t);
 		let n = t.offsetWidth;
 		return document.body.removeChild(t), n + 16;
-	}, []), b = t(() => {
-		let t = f.current?.offsetWidth ?? 0, n = 0, r = 0;
-		for (let i of e) {
-			let e = y(i);
-			if (n + e <= t) n += e, r++;
+	}, []), x = e(() => {
+		let e = p.current?.offsetWidth ?? 0, t = 0, n = 0;
+		for (let r of l) {
+			let i = b(r);
+			if (t + i <= e) t += i, n++;
 			else break;
 		}
-		if (r < e.length) {
-			let i = y(`+${e.length - r} ${d}`);
-			for (; n + i > t && r > 0;) r--, n -= y(e[r]);
+		if (n < l.length) {
+			let r = b(`+${l.length - n} ${f}`);
+			for (; t + r > e && n > 0;) n--, t -= b(l[n]);
 		}
-		m(e.slice(0, r)), g(e.slice(r)), v(e.length - r);
+		h(l.slice(0, n)), _(l.slice(n)), y(l.length - n);
 	}, [
-		e,
-		d,
-		y
-	]), x = l ? {
+		l,
+		f,
+		b
+	]), S = u ? {
 		textOverflow: "ellipsis",
 		whiteSpace: "nowrap",
 		overflow: "hidden"
 	} : {};
-	return n(() => {
-		if (l) return b(), window.addEventListener("resize", b), () => {
-			window.removeEventListener("resize", b);
+	return t(() => {
+		if (u) return x(), window.addEventListener("resize", x), () => {
+			window.removeEventListener("resize", x);
 		};
 	}, [
-		e,
 		l,
-		b
-	]), /* @__PURE__ */ (0, c.jsxs)(a, {
-		ref: f,
+		u,
+		x
+	]), /* @__PURE__ */ a(o, {
+		ref: p,
 		display: "flex",
 		maxWidth: "100%",
-		flexWrap: l ? "nowrap" : "wrap",
-		...x,
-		children: [(l ? p : e).map((e) => /* @__PURE__ */ (0, c.jsx)(a, {
+		flexWrap: u ? "nowrap" : "wrap",
+		...S,
+		children: [(u ? m : l).map((e) => /* @__PURE__ */ i(o, {
 			component: "span",
 			textTransform: "lowercase",
 			onClick: () => {
-				u?.(e);
+				d?.(e);
 			},
-			children: /* @__PURE__ */ (0, c.jsx)(o, {
+			children: /* @__PURE__ */ i(s, {
 				label: e.trim(),
 				sx: {
 					mr: 1,
 					mb: 1,
 					userSelect: "none",
-					cursor: u ? "pointer" : "default"
+					cursor: d ? "pointer" : "default"
 				}
 			})
-		}, e)), l && _ > 0 && /* @__PURE__ */ (0, c.jsx)(s, {
+		}, e)), u && v > 0 && /* @__PURE__ */ i(c, {
 			slotProps: { tooltip: { style: { padding: "0.5rem" } } },
 			arrow: !0,
 			placement: "top",
-			title: /* @__PURE__ */ (0, c.jsx)(a, {
+			title: /* @__PURE__ */ i(o, {
 				display: "flex",
 				gap: 1,
 				maxWidth: "240px",
 				flexWrap: "wrap",
-				children: h.map((e) => /* @__PURE__ */ (0, c.jsx)(o, { label: e.trim() }, e))
+				children: g.map((e) => /* @__PURE__ */ i(s, { label: e.trim() }, e))
 			}),
-			children: /* @__PURE__ */ (0, c.jsx)(a, {
+			children: /* @__PURE__ */ i(o, {
 				component: "span",
 				textTransform: "lowercase",
-				children: /* @__PURE__ */ (0, c.jsx)(o, {
-					label: `+${_} ${d}`,
+				children: /* @__PURE__ */ i(s, {
+					label: `+${v} ${f}`,
 					variant: "outlined",
 					color: "info",
 					sx: {

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

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-code-block-BxdWmtRX.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-code-block-BqYdR0Em.js";
 export { e as default };

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

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-code-block-BxdWmtRX.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-code-block-BqYdR0Em.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-BxdWmtRX.js → s-code-block-BqYdR0Em.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./jsx-runtime-V-UOMaX1.js";
-import { n as t, t as n } from "./ContentCopy-D1OlBB-D.js";
-import { useState as r } from "react";
-import { Box as i, IconButton as a, useColorScheme as o } from "@mui/material";
-import { Prism as s } from "react-syntax-highlighter";
+import { n as e, t } from "./ContentCopy-DHDP4d6g.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";
+import { Prism as c } from "react-syntax-highlighter";
 //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
-var c = {
+var l = {
 	"code[class*=\"language-\"]": {
 		background: "hsl(220, 13%, 18%)",
 		color: "hsl(220, 14%, 71%)",
@@ -292,7 +292,7 @@ var c = {
 	},
 	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
 	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
-}, l = {
+}, u = {
 	"code[class*=\"language-\"]": {
 		background: "hsl(230, 1%, 98%)",
 		color: "hsl(230, 8%, 24%)",
@@ -560,17 +560,17 @@ var c = {
 	},
 	".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
 	".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
-}, u = e(), d = ({ code: e, language: d = "typescript", showLineNumbers: f = !0, showCopyButton: p = !0, customStyle: m, onCopied: h }) => {
-	let [g, _] = r(!1), { mode: v } = o();
-	return e ? /* @__PURE__ */ (0, u.jsxs)(i, {
+}, d = ({ code: d, language: f = "typescript", showLineNumbers: p = !0, showCopyButton: m = !0, customStyle: h, onCopied: g }) => {
+	let [_, v] = n(!1), { mode: y } = s();
+	return d ? /* @__PURE__ */ i(a, {
 		sx: {
 			position: "relative",
 			width: "100%"
 		},
-		children: [p && /* @__PURE__ */ (0, u.jsx)(a, {
+		children: [m && /* @__PURE__ */ r(o, {
 			onClick: async () => {
-				if (e) try {
-					await navigator.clipboard.writeText(e), _(!0), setTimeout(() => _(!1), 2e3), h?.();
+				if (d) try {
+					await navigator.clipboard.writeText(d), v(!0), setTimeout(() => v(!1), 2e3), g?.();
 				} catch (e) {
 					console.error("Failed to copy code:", e);
 				}
@@ -580,14 +580,14 @@ var c = {
 				top: 8,
 				right: 8,
 				zIndex: 1,
-				color: g ? "success.main" : "text.primary",
+				color: _ ? "success.main" : "text.primary",
 				backdropFilter: "blur(8px)"
 			},
-			children: g ? /* @__PURE__ */ (0, u.jsx)(t, {}) : /* @__PURE__ */ (0, u.jsx)(n, {})
-		}), /* @__PURE__ */ (0, u.jsx)(s, {
-			language: d,
-			style: v === "dark" ? c : l,
-			showLineNumbers: f,
+			children: r(_ ? e : t, {})
+		}), /* @__PURE__ */ r(c, {
+			language: f,
+			style: y === "dark" ? l : u,
+			showLineNumbers: p,
 			customStyle: {
 				margin: 0,
 				borderRadius: "var(--s-shape-borderRadius)",
@@ -595,11 +595,11 @@ var c = {
 				backgroundColor: "var(--s-palette-background-paper)",
 				border: "1px solid",
 				borderColor: "var(--s-palette-divider)",
-				...m
+				...h
 			},
 			wrapLines: !0,
 			wrapLongLines: !0,
-			children: e
+			children: d
 		})]
 	}) : null;
 };

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

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-comment-message-D3XTOm1L.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-comment-message-DDAHdQqY.js";
 export { e as default };

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

@@ -1,4 +1,3 @@
-import "../createTheme-CMuiGmV-.js";
-import "../jsx-runtime-V-UOMaX1.js";
-import { t as e } from "../s-comment-message-D3XTOm1L.js";
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-comment-message-DDAHdQqY.js";
 export { e as SCommentMessage, e as default };