@solostylist/ui-kit 2.0.1 → 2.0.2

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

@@ -1,174 +1,2 @@
-import { toSxArray as e } from "../utils/sx.js";
-import * as t from "react";
-import { createElement as n, useCallback as r, useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Done as ee } from "@mui/icons-material";
-import { Box as u, Chip as d, Tooltip as f, styled as p, useThemeProps as m } from "@mui/material";
-import { mergeSlotProps as te, useControlled as h, useForkRef as g } from "@mui/material/utils";
-import _ from "@mui/utils/appendOwnerState";
-//#region lib/s-chips/s-chips.tsx
-var v = p(u, {
-	name: "SChips",
-	slot: "Root"
-})({});
-function y(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var b = t.forwardRef(function(t, p) {
-	let b = m({
-		props: t,
-		name: "SChips"
-	}), { chips: x, color: S = "primary", defaultValue: C = [], gap: w = 8, onChange: T, onItemClick: E, overflow: D = !0, overflowText: O = "keywords", size: k = "medium", slotProps: A, slots: j, sx: M, value: N, variant: P = "filled", ...ne } = b, F = o(null), I = o(null), [L, R] = s(x.length), [z, re] = h({
-		controlled: N,
-		default: C,
-		name: "SChips",
-		state: "value"
-	}), B = r(() => {
-		let e = F.current, t = I.current;
-		if (!e || !t) return;
-		let n = e.offsetWidth, r = Array.from(t.children), i = r[x.length]?.getBoundingClientRect().width ?? 0, a = 0, o = 0;
-		for (let e = 0; e < x.length; e++) {
-			let t = r[e]?.getBoundingClientRect().width ?? 0, i = o === 0 ? t : t + w;
-			if (a + i > n) break;
-			a += i, o++;
-		}
-		if (o < x.length) for (; o > 0 && a + w + i > n;) {
-			o--;
-			let e = r[o]?.getBoundingClientRect().width ?? 0;
-			a -= o === 0 ? e : e + w;
-		}
-		R(o);
-	}, [x, w]);
-	a(() => {
-		if (!D) {
-			R(x.length);
-			return;
-		}
-		B();
-	}, [
-		B,
-		x.length,
-		S,
-		D,
-		O,
-		z,
-		k,
-		P
-	]), i(() => {
-		if (!D) return;
-		let e = F.current;
-		if (!e) return;
-		let t = new ResizeObserver(B);
-		return t.observe(e), () => t.disconnect();
-	}, [B, D]);
-	let V = {
-		...b,
-		overflow: D,
-		selected: z,
-		visibleCount: L
-	}, H = j?.root ?? v, U = j?.chip ?? d, W = j?.overflowChip ?? d, G = j?.tooltip ?? f, K = y(A?.root, V), q = y(A?.overflowChip, V), J = y(A?.tooltip, V), { sx: Y, ...ie } = K ?? {}, { ref: ae, ...oe } = _(H, ie, V), se = g(F, ae, p), ce = _(j?.overflowChip, q ?? {}, V), { slotProps: X, ...le } = _(j?.tooltip, J ?? {}, V), ue = {
-		...X,
-		tooltip: te(X?.tooltip, { style: { padding: "0.5rem" } })
-	}, { sx: de, ...Z } = ce, fe = D ? x.slice(0, L) : x, Q = D ? x.slice(L) : [], $ = (t, r, i = !1) => {
-		let a = z.includes(t), o = {
-			...V,
-			index: r,
-			label: t,
-			selectedItem: a
-		}, s = y(A?.chip, o), { icon: l, onClick: u, sx: d, ...f } = _(j?.chip, s ?? {}, o), p = T != null || N != null || C.length > 0, m = u != null || E != null || p;
-		return /* @__PURE__ */ n(U, {
-			color: S,
-			size: k,
-			variant: P,
-			...f,
-			key: `${t}-${r}`,
-			"aria-pressed": !i && p ? a : void 0,
-			label: t.trim(),
-			icon: l ?? (a ? /* @__PURE__ */ c(ee, {}) : void 0),
-			onClick: i || !m ? void 0 : (e) => {
-				if (u?.(e), !e.defaultPrevented) {
-					if (T != null || N != null || C.length > 0) {
-						let n = a ? z.filter((e) => e !== t) : [...z, t];
-						re(n), T?.(e, n);
-					}
-					E?.(e, t);
-				}
-			},
-			sx: [{ userSelect: "none" }, ...e(d)]
-		});
-	};
-	return /* @__PURE__ */ l(H, {
-		...ne,
-		...oe,
-		ref: se,
-		sx: [
-			{
-				display: "flex",
-				maxWidth: "100%",
-				flexWrap: D ? "nowrap" : "wrap",
-				gap: `${w}px`,
-				...D ? {
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap"
-				} : {}
-			},
-			...e(M),
-			...e(Y)
-		],
-		children: [
-			fe.map((e, t) => $(e, t)),
-			D && Q.length > 0 && /* @__PURE__ */ c(G, {
-				arrow: !0,
-				placement: "top",
-				title: /* @__PURE__ */ c(u, {
-					sx: {
-						display: "flex",
-						gap: 1,
-						maxWidth: 240,
-						flexWrap: "wrap"
-					},
-					children: Q.map((e, t) => $(e, L + t, !0))
-				}),
-				...le,
-				slotProps: ue,
-				children: /* @__PURE__ */ c(W, {
-					"aria-label": `${Q.length} more ${O}`,
-					color: S,
-					size: k,
-					variant: "outlined",
-					tabIndex: 0,
-					...Z,
-					label: `+${Q.length} ${O}`,
-					sx: [{
-						cursor: "help",
-						userSelect: "none"
-					}, ...e(de)]
-				})
-			}),
-			D && /* @__PURE__ */ l(u, {
-				ref: I,
-				"aria-hidden": !0,
-				sx: {
-					position: "absolute",
-					top: 0,
-					left: 0,
-					display: "flex",
-					visibility: "hidden",
-					pointerEvents: "none",
-					whiteSpace: "nowrap"
-				},
-				children: [x.map((e, t) => $(e, t, !0)), /* @__PURE__ */ c(W, {
-					color: S,
-					size: k,
-					variant: "outlined",
-					...Z,
-					label: `+${x.length} ${O}`
-				})]
-			})
-		]
-	});
-});
-b.displayName = "SChips";
-//#endregion
-export { b as SChips, b as default };
+import { t as e } from "../s-chips-Dqq1fgz-.js";
+export { e as SChips, e as default };

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

@@ -0,0 +1,176 @@
+import { toSxArray as e } from "./utils/sx.js";
+import { t } from "./useForkRef-BuNFTXxE.js";
+import { t as n } from "./appendOwnerState-CFQTq3pb.js";
+import { t as r } from "./createSvgIcon-3y-gS0r1.js";
+import { t as i } from "./useControlled-DqNPBJNp.js";
+import { t as a } from "./mergeSlotProps-DC8r4QzS.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 };

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

@@ -1,2 +1,2 @@
-import { SCodeBlock as e } from "./s-code-block.js";
+import { t as e } from "../s-code-block-DyDtctGG.js";
 export { e as SCodeBlock, e as default };

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

@@ -1,103 +1,2 @@
-import { toSxArray as e } from "../utils/sx.js";
-import { SIconButton as t } from "../s-icon-button/s-icon-button.js";
-import * as n from "react";
-import { useMemo as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Check as s, ContentCopy as c } from "@mui/icons-material";
-import { Box as l, styled as u, useColorScheme as d, useThemeProps as f } from "@mui/material";
-import p from "@mui/utils/appendOwnerState";
-import { Prism as m } from "react-syntax-highlighter";
-import { oneDark as h, oneLight as g } from "react-syntax-highlighter/dist/esm/styles/prism";
-//#region lib/s-code-block/s-code-block.tsx
-var _ = u(l, {
-	name: "SCodeBlock",
-	slot: "Root"
-})({});
-function v(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var y = n.forwardRef(function(l, u) {
-	let y = f({
-		props: l,
-		name: "SCodeBlock"
-	}), { code: b, language: x = "typescript", onCopied: S, showCopyButton: C = !0, showLineNumbers: w = !0, slotProps: T, slots: E, sx: D, ...O } = y, [k, A] = i(!1), j = n.useRef(null), { mode: M } = d(), N = {
-		...y,
-		copied: k
-	}, P = E?.copyButton ?? t, F = E?.syntaxHighlighter ?? m, I = v(T?.copyButton, N), L = v(T?.syntaxHighlighter, N), R = p(E?.copyButton, I ?? {}, N), z = p(E?.syntaxHighlighter, L ?? {}, N), { onClick: B, sx: V, ...H } = R, { customStyle: U, ...W } = z, G = r(() => {
-		let e = M === "dark" ? h : g;
-		return {
-			...e,
-			"pre[class*=\"language-\"]": {
-				...e["pre[class*=\"language-\"]"],
-				background: "transparent"
-			},
-			"code[class*=\"language-\"]": {
-				...e["code[class*=\"language-\"]"],
-				background: "transparent"
-			},
-			linenumber: {
-				...e.linenumber,
-				fontStyle: "normal"
-			}
-		};
-	}, [M]);
-	n.useEffect(() => () => {
-		j.current != null && window.clearTimeout(j.current);
-	}, []);
-	let K = async () => {
-		if (b) try {
-			await navigator.clipboard.writeText(b), A(!0), j.current != null && window.clearTimeout(j.current), j.current = window.setTimeout(() => {
-				j.current = null, A(!1);
-			}, 2e3), S?.();
-		} catch (e) {
-			console.error("Failed to copy code:", e);
-		}
-	};
-	return b ? /* @__PURE__ */ o(_, {
-		...O,
-		ownerState: N,
-		ref: u,
-		sx: [{
-			position: "relative",
-			width: "100%"
-		}, ...e(D)],
-		children: [C && /* @__PURE__ */ a(P, {
-			"aria-label": k ? "Code copied" : "Copy code",
-			...H,
-			onClick: (e) => {
-				B?.(e), e.defaultPrevented || K();
-			},
-			sx: [{
-				position: "absolute",
-				top: "50%",
-				right: 16,
-				transform: "translateY(-50%)",
-				zIndex: 1,
-				color: k ? "success.main" : "text.primary",
-				backdropFilter: "blur(8px)",
-				"&:active": { backgroundColor: "action.selected" }
-			}, ...e(V)],
-			children: a(k ? s : c, {})
-		}), /* @__PURE__ */ a(F, {
-			...W,
-			language: x,
-			style: G,
-			showLineNumbers: w,
-			customStyle: {
-				margin: 0,
-				padding: 16,
-				borderRadius: "var(--s-shape-borderRadius)",
-				fontSize: "0.875rem",
-				backgroundColor: "var(--s-palette-background-paper)",
-				border: "1px solid var(--s-palette-divider)",
-				...U
-			},
-			wrapLines: !0,
-			wrapLongLines: !0,
-			children: b
-		})]
-	}) : null;
-});
-y.displayName = "SCodeBlock";
-//#endregion
-export { y as SCodeBlock, y as default };
+import { t as e } from "../s-code-block-DyDtctGG.js";
+export { e as SCodeBlock, e as default };