@solostylist/ui-kit 1.0.209 → 1.0.211

package/dist/{s-chat-input-v_XIZVGk.js → s-chat-input-BXwhUdvm.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./createSvgIcon-KjKEsKNV.js";
-import { SIconButton as t } from "./s-icon-button/s-icon-button.js";
-import { t as n } from "./ArrowUpward-CDLbIMHR.js";
-import { t as r } from "./Close-OtVsJy75.js";
-import { t as i } from "./s-text-field-ni42E-1x.js";
+import { t as e } from "./createSvgIcon-CMGRw0Lo.js";
+import { t } from "./ArrowUpward-BPZzNgi2.js";
+import { t as n } from "./Close-owIfEKhu.js";
+import { t as r } from "./s-text-field-D1IehXqm.js";
+import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
 import { SFileIcon as a } from "./s-file-icon/s-file-icon.js";
 import { forwardRef as o, useEffect as s, useId as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -48,7 +48,7 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 		borderRadius: 2,
 		padding: "8px 12px",
 		children: [
-			/* @__PURE__ */ d(i, {
+			/* @__PURE__ */ d(r, {
 				placeholder: "Enter your message here...",
 				disabled: x,
 				value: O,
@@ -76,8 +76,8 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 			}),
 			A.length > 0 && /* @__PURE__ */ d(p, {
 				mt: 1,
-				children: A.map((e, n) => {
-					let i = z(e), o = e.name.split(".").pop();
+				children: A.map((e, t) => {
+					let r = z(e), o = e.name.split(".").pop();
 					return /* @__PURE__ */ f(p, {
 						display: "flex",
 						alignItems: "center",
@@ -94,7 +94,7 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							display: "flex",
 							alignItems: "center",
 							gap: 1,
-							children: [i ? /* @__PURE__ */ d(p, {
+							children: [r ? /* @__PURE__ */ d(p, {
 								component: "img",
 								src: B(e),
 								alt: e.name,
@@ -126,15 +126,15 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 									]
 								}) })]
 							})]
-						}), /* @__PURE__ */ d(t, {
-							onClick: () => K(n),
+						}), /* @__PURE__ */ d(i, {
+							onClick: () => K(t),
 							sx: {
 								minWidth: "auto",
 								p: .5
 							},
-							children: /* @__PURE__ */ d(r, {})
+							children: /* @__PURE__ */ d(n, {})
 						})]
-					}, `${e.name}-${n}`);
+					}, `${e.name}-${t}`);
 				})
 			}),
 			/* @__PURE__ */ f(p, {
@@ -155,7 +155,7 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 						disabled: x
 					}), /* @__PURE__ */ d("label", {
 						htmlFor: `file-attachment-input-${R}`,
-						children: /* @__PURE__ */ d(t, {
+						children: /* @__PURE__ */ d(i, {
 							component: "span",
 							disabled: x,
 							sx: {
@@ -164,7 +164,7 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 							},
 							children: /* @__PURE__ */ d(y, {})
 						})
-					})] }), !w && /* @__PURE__ */ d(t, {
+					})] }), !w && /* @__PURE__ */ d(i, {
 						onClick: U,
 						disabled: x,
 						sx: {
@@ -173,14 +173,14 @@ var y = e(/* @__PURE__ */ d("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79
 						},
 						children: /* @__PURE__ */ d(b, {})
 					})]
-				}), /* @__PURE__ */ d(t, {
+				}), /* @__PURE__ */ d(i, {
 					onClick: W,
 					disabled: x,
 					sx: {
 						transition: "transform 0.3s ease",
 						"&:hover": { transform: "scale(1.2)" }
 					},
-					children: /* @__PURE__ */ d(n, {})
+					children: /* @__PURE__ */ d(t, {})
 				})]
 			}),
 			/* @__PURE__ */ d(h, {

package/dist/s-chat-message/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './s-chat-message';
+export { default, default as SChatMessage } from './s-chat-message';
 export type { SChatMessageProps, ChatAttachment } from './s-chat-message';

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-chat-message-CWtxsicj.js";
-export { e as default };
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-chat-message-DU6sQjxx.js";
+export { e as SChatMessage, e as default };

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-chat-message-CWtxsicj.js";
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-chat-message-DU6sQjxx.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-CWtxsicj.js → s-chat-message-DU6sQjxx.js}

@@ -1,15 +1,15 @@
-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 { n as e, r as t } from "./utils-CKGB5_56.js";
+import { t as n } from "./createSvgIcon-CMGRw0Lo.js";
+import { t as r } from "./Download-Dg9NBUSj.js";
+import i from "./s-lazy-image/s-lazy-image.js";
+import { SSkeleton as a } from "./s-skeleton/s-skeleton.js";
+import { SAvatar as o } from "./s-avatar/s-avatar.js";
+import { SImageModal as s } from "./s-image-modal/s-image-modal.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, {
+var h = n(/* @__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 = 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"), _ = 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"), v = ({ isSent: e, showAvatar: t, showTimestamp: n, senderName: r, maxWidth: i, sx: o, ...s }) => /* @__PURE__ */ u(d, {
 	display: "flex",
 	flexDirection: e ? "row-reverse" : "row",
 	alignItems: "flex-start",
@@ -18,11 +18,11 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 	sx: {
 		maxWidth: i,
 		alignSelf: e ? "flex-end" : "flex-start",
-		...a
+		...o
 	},
-	...o,
+	...s,
 	children: [
-		t && !e && /* @__PURE__ */ l(s, {
+		t && !e && /* @__PURE__ */ l(a, {
 			component: "rounded-avatar",
 			width: 36,
 			height: 36
@@ -34,7 +34,7 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 			gap: .5,
 			sx: { minWidth: 0 },
 			children: [
-				r && !e && /* @__PURE__ */ l(s, {
+				r && !e && /* @__PURE__ */ l(a, {
 					variant: "text",
 					width: 100,
 					height: 12,
@@ -49,26 +49,26 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 						ml: .5
 					},
 					children: [
-						/* @__PURE__ */ l(s, {
+						/* @__PURE__ */ l(a, {
 							variant: "text",
 							width: "100%",
 							height: 16,
 							sx: { mb: .5 }
 						}),
-						/* @__PURE__ */ l(s, {
+						/* @__PURE__ */ l(a, {
 							variant: "text",
 							width: "85%",
 							height: 16,
 							sx: { mb: .5 }
 						}),
-						/* @__PURE__ */ l(s, {
+						/* @__PURE__ */ l(a, {
 							variant: "text",
 							width: "70%",
 							height: 16
 						})
 					]
 				}),
-				n && /* @__PURE__ */ l(s, {
+				n && /* @__PURE__ */ l(a, {
 					variant: "text",
 					width: 60,
 					height: 10,
@@ -79,14 +79,14 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 				})
 			]
 		}),
-		t && e && /* @__PURE__ */ l(s, {
+		t && e && /* @__PURE__ */ l(a, {
 			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) => {
+}), y = ({ message: n, variant: a = "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 = a === "sent", z = (e) => {
 		E ? E(e) : (F(e), L(!0));
 	}, B = (e) => {
 		E ? E(e) : D && D(e);
@@ -112,7 +112,7 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 		},
 		...N,
 		children: [
-			S && !R && /* @__PURE__ */ l(r, {
+			S && !R && /* @__PURE__ */ l(o, {
 				avatar: b,
 				name: x,
 				size: 36
@@ -155,7 +155,7 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 										"&:hover": { opacity: .9 }
 									},
 									onClick: () => z(e),
-									children: /* @__PURE__ */ l(n, {
+									children: /* @__PURE__ */ l(i, {
 										src: e.thumbnailUrl ?? e.url,
 										alt: e.name ?? "Image",
 										width: "100%",
@@ -171,7 +171,7 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 							}),
 							H.length > 0 && /* @__PURE__ */ l(d, {
 								sx: { p: 1.5 },
-								children: H.map((e, n) => /* @__PURE__ */ u(p, {
+								children: H.map((t, n) => /* @__PURE__ */ u(p, {
 									variant: "outlined",
 									sx: {
 										display: "flex",
@@ -181,7 +181,7 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 										mt: n > 0 ? 1 : 0,
 										cursor: "pointer"
 									},
-									onClick: () => B(e),
+									onClick: () => B(t),
 									children: [
 										/* @__PURE__ */ l(g, { sx: { fontSize: 32 } }),
 										/* @__PURE__ */ u(d, {
@@ -198,22 +198,22 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 													textOverflow: "ellipsis",
 													whiteSpace: "nowrap"
 												},
-												children: e.name ?? "Unnamed File"
-											}), e.size && /* @__PURE__ */ l(m, {
+												children: t.name ?? "Unnamed File"
+											}), t.size && /* @__PURE__ */ l(m, {
 												variant: "caption",
-												children: i(e.size)
+												children: e(t.size)
 											})]
 										}),
 										D && /* @__PURE__ */ l(f, {
-											onClick: (t) => {
-												t.stopPropagation(), D(e);
+											onClick: (e) => {
+												e.stopPropagation(), D(t);
 											},
-											children: /* @__PURE__ */ l(t, {})
+											children: /* @__PURE__ */ l(r, {})
 										})
 									]
-								}, e.id))
+								}, t.id))
 							}),
-							e && /* @__PURE__ */ l(d, {
+							n && /* @__PURE__ */ l(d, {
 								sx: {
 									px: 2,
 									py: 1.5,
@@ -226,14 +226,14 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 										whiteSpace: "pre-wrap",
 										color: O ? "error.main" : "inherit"
 									},
-									children: e
+									children: n
 								})
 							})
 						]
 					}),
 					C && y && /* @__PURE__ */ l(m, {
 						variant: "caption",
-						children: a(y)
+						children: t(y)
 					}),
 					O && /* @__PURE__ */ u(d, {
 						display: "flex",
@@ -254,12 +254,12 @@ var h = e(/* @__PURE__ */ l("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47
 					})
 				]
 			}),
-			S && R && /* @__PURE__ */ l(r, {
+			S && R && /* @__PURE__ */ l(o, {
 				avatar: b,
 				name: x,
 				size: 36
 			}),
-			P && /* @__PURE__ */ l(o, {
+			P && /* @__PURE__ */ l(s, {
 				isOpen: I,
 				onClose: () => {
 					L(!1), F(null);

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

@@ -1,2 +1,2 @@
-export { default } from './s-checkbox';
+export { default, default as SCheckbox } from './s-checkbox';
 export type { SCheckboxProps } from './s-checkbox';

package/dist/s-checkbox/index.js

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

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

@@ -1,2 +1,2 @@
-export { default } from './s-chip';
+export { default, default as SChip } from './s-chip';
 export type { SChipProps } from './s-chip';

package/dist/s-chip/index.js

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

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

@@ -1,2 +1,2 @@
-export { default } from './s-chips';
+export { default, default as SChips } from './s-chips';
 export type { SChipsProps } from './s-chips';

package/dist/s-chips/index.js

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

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

@@ -1,4 +1,7 @@
 import * as React from 'react';
+export type SChipColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+export type SChipVariant = 'filled' | 'outlined';
+export type SChipSize = 'small' | 'medium';
 /**
  * Props interface for SChips component
  */
@@ -11,9 +14,21 @@ export interface SChipsProps {
     onClick?: (tag: string) => void;
     /** Text used in overflow chip (default: 'keywords') */
     overflowText?: string;
+    /** Color applied to all chips */
+    color?: SChipColor;
+    /** Visual variant applied to all chips */
+    variant?: SChipVariant;
+    /** Size applied to all chips */
+    size?: SChipSize;
+    /** Spacing between chips in pixels. Default: 8 */
+    gap?: number;
+    /** Array of selected chip labels. Controls which chips appear selected (for filter chips). */
+    selectedChips?: string[];
+    /** Callback fired when chip selection is toggled. Use with selectedChips for controlled filter chip behavior. */
+    onSelectionChange?: (selected: string[]) => void;
 }
 export declare const SChips: {
-    ({ chips, overflow, onClick, overflowText, }: SChipsProps): React.JSX.Element;
+    ({ chips, overflow, onClick, overflowText, color, variant, size, gap, selectedChips, onSelectionChange, }: SChipsProps): React.JSX.Element;
     displayName: string;
 };
 export default SChips;

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

@@ -1,92 +1,3 @@
-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 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;
-	}, []), 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 (n < l.length) {
-			let r = b(`+${l.length - n} ${f}`);
-			for (; t + r > e && n > 0;) n--, t -= b(l[n]);
-		}
-		h(l.slice(0, n)), _(l.slice(n)), y(l.length - n);
-	}, [
-		l,
-		f,
-		b
-	]), S = u ? {
-		textOverflow: "ellipsis",
-		whiteSpace: "nowrap",
-		overflow: "hidden"
-	} : {};
-	return t(() => {
-		if (u) return x(), window.addEventListener("resize", x), () => {
-			window.removeEventListener("resize", x);
-		};
-	}, [
-		l,
-		u,
-		x
-	]), /* @__PURE__ */ a(o, {
-		ref: p,
-		display: "flex",
-		maxWidth: "100%",
-		flexWrap: u ? "nowrap" : "wrap",
-		...S,
-		children: [(u ? m : l).map((e) => /* @__PURE__ */ i(o, {
-			component: "span",
-			textTransform: "lowercase",
-			onClick: () => {
-				d?.(e);
-			},
-			children: /* @__PURE__ */ i(s, {
-				label: e.trim(),
-				sx: {
-					mr: 1,
-					mb: 1,
-					userSelect: "none",
-					cursor: d ? "pointer" : "default"
-				}
-			})
-		}, e)), u && v > 0 && /* @__PURE__ */ i(c, {
-			slotProps: { tooltip: { style: { padding: "0.5rem" } } },
-			arrow: !0,
-			placement: "top",
-			title: /* @__PURE__ */ i(o, {
-				display: "flex",
-				gap: 1,
-				maxWidth: "240px",
-				flexWrap: "wrap",
-				children: g.map((e) => /* @__PURE__ */ i(s, { label: e.trim() }, e))
-			}),
-			children: /* @__PURE__ */ i(o, {
-				component: "span",
-				textTransform: "lowercase",
-				children: /* @__PURE__ */ i(s, {
-					label: `+${v} ${f}`,
-					variant: "outlined",
-					color: "info",
-					sx: {
-						mr: 1,
-						mb: 1,
-						userSelect: "none",
-						cursor: "pointer"
-					}
-				})
-			})
-		})]
-	});
-};
-l.displayName = "SChips";
-//#endregion
-export { l as SChips, l as default };
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-chips-CosD17ng.js";
+export { e as SChips, e as default };

package/dist/s-chips-CosD17ng.js

@@ -0,0 +1,95 @@
+import { t as e } from "./createSvgIcon-CMGRw0Lo.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/esm/Done.js
+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,
+		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, {
+				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: "info",
+				size: g,
+				sx: {
+					userSelect: "none",
+					cursor: "pointer"
+				}
+			})
+		})]
+	});
+};
+d.displayName = "SChips";
+//#endregion
+export { d as t };

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

@@ -1,2 +1,2 @@
-export { default } from './s-code-block';
+export { default, default as SCodeBlock } from './s-code-block';
 export type { SCodeBlockProps } from './s-code-block';

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-code-block-BqYdR0Em.js";
-export { e as default };
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-code-block-qdU4tr3O.js";
+export { e as SCodeBlock, e as default };

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-code-block-BqYdR0Em.js";
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-code-block-qdU4tr3O.js";
 export { e as SCodeBlock, e as default };

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

@@ -1,4 +1,4 @@
-import { n as e, t } from "./ContentCopy-DHDP4d6g.js";
+import { n as e, t } from "./ContentCopy-22z-lNLI.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";

package/dist/s-comment-message/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './s-comment-message';
+export { default, default as SCommentMessage } from './s-comment-message';
 export type { SCommentMessageProps } from './s-comment-message';

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-comment-message-DDAHdQqY.js";
-export { e as default };
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-comment-message-BNEmIOGv.js";
+export { e as SCommentMessage, e as default };

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

@@ -1,3 +1,3 @@
-import "../createTheme-DuS5_nJb.js";
-import { t as e } from "../s-comment-message-DDAHdQqY.js";
+import "../createTheme-hnicUJQa.js";
+import { t as e } from "../s-comment-message-BNEmIOGv.js";
 export { e as SCommentMessage, e as default };