@solostylist/ui-kit 2.0.0 → 2.0.1

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

@@ -1,315 +0,0 @@
-import { n as e, r as t } from "./utils-DaSrTYUS.js";
-import { toSxArray as n } from "./utils/sx.js";
-import { t as r } from "./createSvgIcon-B0SZlJF1.js";
-import { t as i } from "./s-image-viewer-DNIEYdtL.js";
-import { t as a } from "./Download-DtvoRwpl.js";
-import { SLazyImage as o } from "./s-lazy-image/s-lazy-image.js";
-import { SIconButton as s } from "./s-icon-button/s-icon-button.js";
-import { SSkeleton as c } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as l } from "./s-avatar/s-avatar.js";
-import u, { useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, ButtonBase as h, Paper as g, Typography as _, styled as v, useTheme as y, useThemeProps as b } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/InsertDriveFile.mjs
-var x = r(/* @__PURE__ */ f("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"), S = r(/* @__PURE__ */ f("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"), C = v(m, {
-	name: "SChatMessage",
-	slot: "Root"
-})({}), w = u.forwardRef(function({ isSent: e, showAvatar: t, showTimestamp: r, senderName: i, maxWidth: a, ownerState: o, sx: s, ...l }, u) {
-	return /* @__PURE__ */ p(C, {
-		...l,
-		ownerState: o,
-		ref: u,
-		sx: [{
-			display: "flex",
-			flexDirection: e ? "row-reverse" : "row",
-			alignItems: "flex-start",
-			gap: 1,
-			mb: 1,
-			maxWidth: a,
-			alignSelf: e ? "flex-end" : "flex-start"
-		}, ...n(s)],
-		children: [
-			t && !e && /* @__PURE__ */ f(c, {
-				variant: "circular",
-				width: 36,
-				height: 36
-			}),
-			/* @__PURE__ */ p(m, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					alignItems: e ? "flex-end" : "flex-start",
-					gap: .5,
-					minWidth: 0
-				},
-				children: [
-					i && !e && /* @__PURE__ */ f(c, {
-						width: 100,
-						height: 12,
-						sx: { ml: .5 }
-					}),
-					/* @__PURE__ */ p(m, {
-						sx: {
-							display: "inline-block",
-							width: "20rem",
-							maxWidth: "100%",
-							overflow: "hidden",
-							ml: .5
-						},
-						children: [
-							/* @__PURE__ */ f(c, {
-								height: 16,
-								sx: { mb: .5 }
-							}),
-							/* @__PURE__ */ f(c, {
-								width: "85%",
-								height: 16,
-								sx: { mb: .5 }
-							}),
-							/* @__PURE__ */ f(c, {
-								width: "70%",
-								height: 16
-							})
-						]
-					}),
-					r && /* @__PURE__ */ f(c, {
-						width: 60,
-						height: 10,
-						sx: {
-							ml: e ? 0 : .5,
-							mr: e ? .5 : 0
-						}
-					})
-				]
-			}),
-			t && e && /* @__PURE__ */ f(c, {
-				variant: "circular",
-				width: 36,
-				height: 36
-			})
-		]
-	});
-}), T = u.forwardRef(function(r, c) {
-	let u = b({
-		props: r,
-		name: "SChatMessage"
-	}), v = y(), { 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 } = u, [H, U] = d(null), [W, G] = d(!1), K = E === "sent", q = {
-		...u,
-		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__ */ f(w, {
-		isSent: K,
-		showAvatar: A,
-		showTimestamp: j,
-		senderName: k,
-		maxWidth: M,
-		ownerState: q,
-		ref: c,
-		sx: B,
-		...V
-	}) : /* @__PURE__ */ p(C, {
-		...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__ */ f(l, {
-				src: O,
-				name: k,
-				size: 36
-			}),
-			/* @__PURE__ */ p(m, {
-				sx: {
-					display: "flex",
-					flexDirection: "column",
-					alignItems: K ? "flex-end" : "flex-start",
-					gap: .5,
-					minWidth: 0
-				},
-				children: [
-					k && !K && /* @__PURE__ */ f(_, { children: k }),
-					/* @__PURE__ */ p(m, {
-						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__ */ f(m, {
-								sx: {
-									minWidth: 200,
-									display: "grid",
-									gridTemplateColumns: X.length === 1 ? "1fr" : "repeat(2, 1fr)",
-									gap: .5,
-									p: .5
-								},
-								children: X.map((e) => /* @__PURE__ */ f(h, {
-									"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: v.interaction.mediaHoverOpacity } },
-										"&.Mui-focusVisible": {
-											outline: "2px solid",
-											outlineColor: "primary.main",
-											outlineOffset: -2
-										}
-									},
-									onClick: () => J(e),
-									children: /* @__PURE__ */ f(o, {
-										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__ */ f(m, {
-								sx: { p: 1.5 },
-								children: Z.map((t, n) => /* @__PURE__ */ p(g, {
-									variant: "outlined",
-									sx: {
-										display: "flex",
-										alignItems: "center",
-										mt: +(n > 0),
-										overflow: "hidden"
-									},
-									children: [/* @__PURE__ */ p(h, {
-										"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__ */ f(x, { sx: { fontSize: 36 } }), /* @__PURE__ */ p(m, {
-											sx: {
-												flex: 1,
-												minWidth: 0
-											},
-											children: [/* @__PURE__ */ f(_, {
-												variant: "body2",
-												sx: {
-													overflow: "hidden",
-													textOverflow: "ellipsis",
-													whiteSpace: "nowrap"
-												},
-												children: t.name ?? "Unnamed File"
-											}), t.size && /* @__PURE__ */ f(_, {
-												variant: "caption",
-												children: e(t.size)
-											})]
-										})]
-									}), F && /* @__PURE__ */ f(s, {
-										"aria-label": `Download ${t.name ?? "attachment"}`,
-										onClick: () => F(t),
-										sx: { mr: 1 },
-										size: "small",
-										children: /* @__PURE__ */ f(a, {})
-									})]
-								}, t.id))
-							}),
-							T && /* @__PURE__ */ f(m, {
-								sx: {
-									px: 2,
-									py: 1.5,
-									pt: N.length > 0 ? 0 : 1.5
-								},
-								children: /* @__PURE__ */ f(_, {
-									variant: "body1",
-									sx: {
-										whiteSpace: "pre-wrap",
-										color: I ? "error.main" : "inherit"
-									},
-									children: T
-								})
-							})
-						]
-					}),
-					j && D && /* @__PURE__ */ f(_, {
-						variant: "caption",
-						children: t(D)
-					}),
-					I && /* @__PURE__ */ p(m, {
-						role: "alert",
-						sx: {
-							display: "flex",
-							alignItems: "center",
-							gap: .5,
-							color: "error.main"
-						},
-						children: [/* @__PURE__ */ f(_, {
-							sx: { color: "inherit" },
-							variant: "caption",
-							children: L
-						}), R && /* @__PURE__ */ f(s, {
-							"aria-label": "Retry sending message",
-							onClick: R,
-							size: "small",
-							children: /* @__PURE__ */ f(S, {})
-						})]
-					})
-				]
-			}),
-			A && K && /* @__PURE__ */ f(l, {
-				src: O,
-				name: k,
-				size: 36
-			}),
-			H && /* @__PURE__ */ f(i, {
-				"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
-			})
-		]
-	});
-});
-T.displayName = "SChatMessage";
-//#endregion
-export { T as t };

package/dist/s-chips-WqGdqHW9.js

@@ -1,176 +0,0 @@
-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 };