@solostylist/ui-kit 1.0.230 → 2.0.0

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

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

package/dist/s-chips-CAC_vVd0.js

@@ -1,99 +0,0 @@
-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";
-//#region ../../node_modules/@mui/icons-material/Done.mjs
-var u = e(/* @__PURE__ */ a("path", { d: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z" }), "Done"), d = ({ chips: e, overflow: d = !0, onClick: f, overflowText: p = "keywords", color: m = "primary", variant: h = "filled", size: g = "medium", gap: _ = 8, selectedChips: v, onSelectionChange: y }) => {
-	let b = r(null), [x, S] = i([]), [C, w] = i([]), [T, E] = i(0), D = (e) => {
-		y && v !== void 0 && y(v.includes(e) ? v.filter((t) => t !== e) : [...v, e]), f?.(e);
-	}, O = t((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;
-	}, []), k = t(() => {
-		let t = b.current?.offsetWidth ?? 0, n = 0, r = 0;
-		for (let i of e) {
-			let e = O(i) + _;
-			if (n + e <= t) n += e, r++;
-			else break;
-		}
-		if (r < e.length) {
-			let i = O(`+${e.length - r} ${p}`) + _;
-			for (; n + i > t && r > 0;) r--, n -= O(e[r]) + _;
-		}
-		S(e.slice(0, r)), w(e.slice(r)), E(e.length - r);
-	}, [
-		e,
-		p,
-		_,
-		O
-	]);
-	n(() => {
-		if (d) return k(), window.addEventListener("resize", k), () => {
-			window.removeEventListener("resize", k);
-		};
-	}, [
-		e,
-		d,
-		k
-	]);
-	let A = !!(f || y), j = d ? {
-		textOverflow: "ellipsis",
-		whiteSpace: "nowrap",
-		overflow: "hidden"
-	} : {};
-	return /* @__PURE__ */ o(s, {
-		ref: b,
-		sx: [{
-			display: "flex",
-			maxWidth: "100%",
-			flexWrap: d ? "nowrap" : "wrap",
-			gap: `${_}px`,
-			...j
-		}],
-		children: [(d ? x : e).map((e) => {
-			let t = v?.includes(e) ?? !1;
-			return /* @__PURE__ */ a(c, {
-				label: e.trim(),
-				color: m,
-				variant: h,
-				size: g,
-				icon: t ? /* @__PURE__ */ a(u, {}) : void 0,
-				onClick: A ? () => D(e) : void 0,
-				sx: { userSelect: "none" }
-			}, e);
-		}), d && T > 0 && /* @__PURE__ */ a(l, {
-			slotProps: { tooltip: { style: { padding: "0.5rem" } } },
-			arrow: !0,
-			placement: "top",
-			title: /* @__PURE__ */ a(s, {
-				sx: {
-					display: "flex",
-					gap: 1,
-					maxWidth: "240px",
-					flexWrap: "wrap"
-				},
-				children: C.map((e) => /* @__PURE__ */ a(c, {
-					label: e.trim(),
-					color: m,
-					variant: h,
-					size: g
-				}, e))
-			}),
-			children: /* @__PURE__ */ a(c, {
-				label: `+${T} ${p}`,
-				variant: "outlined",
-				color: m,
-				size: g,
-				sx: {
-					userSelect: "none",
-					cursor: "pointer"
-				}
-			})
-		})]
-	});
-};
-d.displayName = "SChips";
-//#endregion
-export { d as t };

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

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