@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -0,0 +1,281 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { t as n } from "./Download-DDt8mUQX.js";
+import r from "./s-lazy-image/s-lazy-image.js";
+import { SAvatar as i } from "./s-avatar/s-avatar.js";
+import { n as a, r as o } from "./utils-Cj6R-BZe.js";
+import { SImageModal as s } from "./s-image-modal/s-image-modal.js";
+import { SSkeleton as c } from "./s-skeleton/s-skeleton.js";
+import { useState as l } from "react";
+import { Box as u, IconButton as d, Paper as f, Typography as p } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/ErrorOutline.js
+var m = e(), h = t(/* @__PURE__ */ (0, m.jsx)("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 = t(/* @__PURE__ */ (0, m.jsx)("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"), _ = t(/* @__PURE__ */ (0, m.jsx)("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__ */ (0, m.jsxs)(u, {
+	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__ */ (0, m.jsx)(c, {
+			component: "rounded-avatar",
+			width: 36,
+			height: 36
+		}),
+		/* @__PURE__ */ (0, m.jsxs)(u, {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: e ? "flex-end" : "flex-start",
+			gap: .5,
+			sx: { minWidth: 0 },
+			children: [
+				r && !e && /* @__PURE__ */ (0, m.jsx)(c, {
+					variant: "text",
+					width: 100,
+					height: 12,
+					sx: { ml: .5 }
+				}),
+				/* @__PURE__ */ (0, m.jsxs)(u, {
+					sx: {
+						display: "inline-block",
+						width: "20rem",
+						maxWidth: "100%",
+						overflow: "hidden",
+						ml: .5
+					},
+					children: [
+						/* @__PURE__ */ (0, m.jsx)(c, {
+							variant: "text",
+							width: "100%",
+							height: 16,
+							sx: { mb: .5 }
+						}),
+						/* @__PURE__ */ (0, m.jsx)(c, {
+							variant: "text",
+							width: "85%",
+							height: 16,
+							sx: { mb: .5 }
+						}),
+						/* @__PURE__ */ (0, m.jsx)(c, {
+							variant: "text",
+							width: "70%",
+							height: 16
+						})
+					]
+				}),
+				n && /* @__PURE__ */ (0, m.jsx)(c, {
+					variant: "text",
+					width: 60,
+					height: 10,
+					sx: {
+						ml: e ? 0 : .5,
+						mr: e ? .5 : 0
+					}
+				})
+			]
+		}),
+		t && e && /* @__PURE__ */ (0, m.jsx)(c, {
+			component: "rounded-avatar",
+			width: 36,
+			height: 36
+		})
+	]
+}), y = ({ message: e, variant: t = "received", timestamp: c, 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] = l(null), [F, I] = l(!1), L = t === "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__ */ (0, m.jsx)(v, {
+		isSent: L,
+		showAvatar: x,
+		showTimestamp: S,
+		senderName: b,
+		maxWidth: C,
+		sx: j,
+		...M
+	}) : /* @__PURE__ */ (0, m.jsxs)(u, {
+		display: "flex",
+		flexDirection: L ? "row-reverse" : "row",
+		alignItems: "flex-start",
+		gap: 1,
+		mb: 1,
+		sx: {
+			maxWidth: C,
+			alignSelf: L ? "flex-end" : "flex-start",
+			...j
+		},
+		...M,
+		children: [
+			x && !L && /* @__PURE__ */ (0, m.jsx)(i, {
+				avatar: y,
+				name: b,
+				size: 36
+			}),
+			/* @__PURE__ */ (0, m.jsxs)(u, {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: L ? "flex-end" : "flex-start",
+				gap: .5,
+				sx: { minWidth: 0 },
+				children: [
+					b && !L && /* @__PURE__ */ (0, m.jsx)(p, { children: b }),
+					/* @__PURE__ */ (0, m.jsxs)(u, {
+						sx: {
+							display: "inline-block",
+							borderRadius: 2,
+							wordBreak: "break-word",
+							maxWidth: "100%",
+							border: "1px solid",
+							borderColor: D ? "error.main" : "divider",
+							...D && { opacity: .7 },
+							overflow: "hidden"
+						},
+						children: [
+							B.length > 0 && /* @__PURE__ */ (0, m.jsx)(u, {
+								sx: {
+									display: "grid",
+									gridTemplateColumns: B.length === 1 ? "1fr" : "repeat(2, 1fr)",
+									gap: .5,
+									p: .5
+								},
+								minWidth: 200,
+								children: B.map((e) => /* @__PURE__ */ (0, m.jsx)(u, {
+									sx: {
+										position: "relative",
+										paddingTop: B.length === 1 ? "66.67%" : "100%",
+										cursor: "pointer",
+										borderRadius: 1.5,
+										overflow: "hidden",
+										"&:hover": { opacity: .9 }
+									},
+									onClick: () => R(e),
+									children: /* @__PURE__ */ (0, m.jsx)(r, {
+										src: e.thumbnailUrl ?? e.url,
+										alt: e.name ?? "Image",
+										width: "100%",
+										height: "100%",
+										style: {
+											position: "absolute",
+											top: 0,
+											left: 0,
+											objectFit: "cover"
+										}
+									})
+								}, e.id))
+							}),
+							V.length > 0 && /* @__PURE__ */ (0, m.jsx)(u, {
+								sx: { p: 1.5 },
+								children: V.map((e, t) => /* @__PURE__ */ (0, m.jsxs)(f, {
+									variant: "outlined",
+									sx: {
+										display: "flex",
+										alignItems: "center",
+										gap: 1.5,
+										p: 1,
+										mt: t > 0 ? 1 : 0,
+										cursor: "pointer"
+									},
+									onClick: () => z(e),
+									children: [
+										/* @__PURE__ */ (0, m.jsx)(g, { sx: { fontSize: 32 } }),
+										/* @__PURE__ */ (0, m.jsxs)(u, {
+											sx: {
+												flex: 1,
+												minWidth: 0
+											},
+											children: [/* @__PURE__ */ (0, m.jsx)(p, {
+												variant: "body2",
+												sx: {
+													fontSize: "0.875rem",
+													fontWeight: 500,
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													whiteSpace: "nowrap"
+												},
+												children: e.name ?? "Unnamed File"
+											}), e.size && /* @__PURE__ */ (0, m.jsx)(p, {
+												variant: "caption",
+												children: a(e.size)
+											})]
+										}),
+										E && /* @__PURE__ */ (0, m.jsx)(d, {
+											onClick: (t) => {
+												t.stopPropagation(), E(e);
+											},
+											children: /* @__PURE__ */ (0, m.jsx)(n, {})
+										})
+									]
+								}, e.id))
+							}),
+							e && /* @__PURE__ */ (0, m.jsx)(u, {
+								sx: {
+									px: 2,
+									py: 1.5,
+									pt: w.length > 0 ? 0 : 1.5
+								},
+								children: /* @__PURE__ */ (0, m.jsx)(p, {
+									variant: "body2",
+									sx: {
+										fontSize: "0.875rem",
+										whiteSpace: "pre-wrap",
+										color: D ? "error.main" : "inherit"
+									},
+									children: e
+								})
+							})
+						]
+					}),
+					S && c && /* @__PURE__ */ (0, m.jsx)(p, {
+						variant: "caption",
+						children: o(c)
+					}),
+					D && /* @__PURE__ */ (0, m.jsxs)(u, {
+						display: "flex",
+						alignItems: "center",
+						gap: .5,
+						color: "error.main",
+						children: [
+							/* @__PURE__ */ (0, m.jsx)(h, { sx: { fontSize: "1rem" } }),
+							/* @__PURE__ */ (0, m.jsx)(p, {
+								color: "inherit",
+								children: O
+							}),
+							k && /* @__PURE__ */ (0, m.jsx)(d, {
+								onClick: k,
+								children: /* @__PURE__ */ (0, m.jsx)(_, {})
+							})
+						]
+					})
+				]
+			}),
+			x && L && /* @__PURE__ */ (0, m.jsx)(i, {
+				avatar: y,
+				name: b,
+				size: 36
+			}),
+			N && /* @__PURE__ */ (0, m.jsx)(s, {
+				isOpen: F,
+				onClose: () => {
+					I(!1), P(null);
+				},
+				selectedItem: {
+					id: N.id,
+					type: "image",
+					url: N.url,
+					title: N.name
+				},
+				showNavigation: !1,
+				showThumbnailDock: !1
+			})
+		]
+	});
+};
+y.displayName = "SChatMessage";
+//#endregion
+export { y as t };

package/dist/s-checkbox/index.js

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

package/dist/s-checkbox/s-checkbox.d.ts

@@ -8,8 +8,5 @@ export interface SCheckboxProps extends Omit<CheckboxProps, 'content'> {
     /** Content displayed as a clickable label next to the checkbox */
     content?: string | React.ReactNode;
 }
-/**
- * A checkbox component with integrated label support and proper accessibility.
- */
 export declare const SCheckbox: React.ForwardRefExoticComponent<Omit<SCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SCheckbox;

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

@@ -1,17 +1,27 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as a, useId as d } from "react";
-import { Stack as c, Checkbox as l, Typography as n } from "@mui/material";
-const x = a(
-  ({ content: r, ...t }, s) => {
-    const i = d(), o = t.id ?? i;
-    return /* @__PURE__ */ e.jsxs(c, { alignItems: "center", direction: "row", display: "flex", justifyContent: "start", children: [
-      /* @__PURE__ */ e.jsx(l, { ref: s, ...t, id: o }),
-      r && /* @__PURE__ */ e.jsx("label", { htmlFor: o, children: /* @__PURE__ */ e.jsx(n, { variant: "body2", children: r }) })
-    ] });
-  }
-);
-x.displayName = "SCheckbox";
-export {
-  x as SCheckbox,
-  x as default
-};
+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";
+//#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, {
+		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, {
+				variant: "body2",
+				children: e
+			})
+		})]
+	});
+});
+s.displayName = "SCheckbox";
+//#endregion
+export { s as SCheckbox, s as default };

package/dist/s-chip/index.js

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

package/dist/s-chip/s-chip.d.ts

@@ -4,8 +4,5 @@ import { ChipProps } from '@mui/material';
  * Props interface for SChip component
  */
 export type SChipProps = ChipProps;
-/**
- * A versatile chip component for displaying compact elements like tags, filters, or user selections.
- */
 export declare const SChip: React.ForwardRefExoticComponent<Omit<SChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SChip;

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

@@ -1,9 +1,11 @@
-import { j as p } from "../jsx-runtime-tc70JA_2.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
 import { forwardRef as t } from "react";
-import { Chip as i } from "@mui/material";
-const m = t((r, o) => /* @__PURE__ */ p.jsx(i, { ref: o, ...r }));
-m.displayName = "SChip";
-export {
-  m as SChip,
-  m as default
-};
+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,
+	...e
+}));
+i.displayName = "SChip";
+//#endregion
+export { i as SChip, i as default };

package/dist/s-chips/index.js

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

package/dist/s-chips/s-chips.d.ts

@@ -12,7 +12,6 @@ export interface SChipsProps {
     /** Text used in overflow chip (default: 'keywords') */
     overflowText?: string;
 }
-/** A smart chip display component that handles overflow with intelligent truncation. */
 export declare const SChips: {
     ({ chips, overflow, onClick, overflowText, }: SChipsProps): React.JSX.Element;
     displayName: string;

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

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

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

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

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

@@ -26,9 +26,6 @@ export interface SCodeBlockProps {
     /** Callback function triggered after code is successfully copied */
     onCopied?: () => void;
 }
-/**
- * A code block component with syntax highlighting and built-in copy-to-clipboard functionality.
- */
 export declare const SCodeBlock: {
     ({ code, language, showLineNumbers, showCopyButton, customStyle, onCopied, }: SCodeBlockProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;