@solostylist/ui-kit 2.0.1 → 2.0.2

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

@@ -1,189 +1,2 @@
-import { i as e } from "../utils-CMeAWSRO.js";
-import { toSxArray as t } from "../utils/sx.js";
-import { SSkeleton as n } from "../s-skeleton/s-skeleton.js";
-import { SAvatar as r } from "../s-avatar/s-avatar.js";
-import i, { useEffect as a, useId as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ExpandLess as ee, ExpandMore as te, Favorite as ne, FavoriteBorder as u, Reply as d } from "@mui/icons-material";
-import { Box as f, Button as p, Collapse as m, IconButton as h, Stack as g, Typography as _, styled as v, useThemeProps as y } from "@mui/material";
-//#region lib/s-comment-message/s-comment-message.tsx
-var b = v(f, {
-	name: "SCommentMessage",
-	slot: "Root"
-})({}), x = i.forwardRef(function(i, v) {
-	let S = y({
-		props: i,
-		name: "SCommentMessage"
-	}), { commentId: C, userName: w, userAvatar: T, commentContent: E, datetime: D, likes: O = 0, isLiked: k = !1, replies: A = [], totalReplies: j, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = S, H = o(), U = o(), W = C ?? H, [G, K] = s(O), [q, J] = s(k), [Y, ie] = s(!1), ae = () => {
-		q ? (K((e) => Math.max(0, e - 1)), J(!1)) : (K((e) => e + 1), J(!0)), M && M(W);
-	}, oe = () => {
-		N && N(W);
-	}, se = () => {
-		ie((e) => !e), P && P(W);
-	}, ce = e(D), X = j ?? A.length, Z = X > 0, Q = Math.min(L, R) * 2, $ = {
-		...S,
-		commentId: W,
-		localIsLiked: q,
-		showRepliesList: Y
-	};
-	return a(() => {
-		K(O);
-	}, [O]), a(() => {
-		J(k);
-	}, [k]), re ? /* @__PURE__ */ c(b, {
-		...V,
-		ownerState: $,
-		ref: v,
-		sx: [{
-			pl: Q,
-			py: 1
-		}, ...t(B)],
-		children: /* @__PURE__ */ l(g, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ c(n, {
-				variant: "circular",
-				width: I,
-				height: I
-			}), /* @__PURE__ */ l(f, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ l(g, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ c(n, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ c(n, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ c(n, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ c(n, {
-						width: "85%",
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ c(n, {
-						width: "70%",
-						height: 16,
-						sx: { mb: 2 }
-					}),
-					/* @__PURE__ */ l(g, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ c(n, { preset: "icon-button" }),
-							/* @__PURE__ */ c(n, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ c(n, { width: 60 }),
-							/* @__PURE__ */ c(n, { width: 80 })
-						]
-					})
-				]
-			})]
-		})
-	}) : /* @__PURE__ */ l(b, {
-		...V,
-		ownerState: $,
-		ref: v,
-		sx: [{
-			pl: Q,
-			py: 1
-		}, ...t(B)],
-		children: [/* @__PURE__ */ l(g, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ c(r, {
-				src: T,
-				name: w,
-				size: I
-			}), /* @__PURE__ */ l(f, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ c(_, {
-						variant: "subtitle1",
-						children: w
-					}),
-					/* @__PURE__ */ c(_, {
-						variant: "body1",
-						children: E
-					}),
-					/* @__PURE__ */ c(_, {
-						variant: "caption",
-						children: ce
-					}),
-					/* @__PURE__ */ l(g, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ c(h, {
-								"aria-label": q ? "Unlike comment" : "Like comment",
-								"aria-pressed": q,
-								onClick: ae,
-								sx: { color: q ? "error.main" : "text.secondary" },
-								children: c(q ? ne : u, {})
-							}),
-							G > 0 && /* @__PURE__ */ c(_, {
-								variant: "caption",
-								children: G
-							}),
-							/* @__PURE__ */ c(p, {
-								startIcon: /* @__PURE__ */ c(d, {}),
-								onClick: oe,
-								variant: "text",
-								children: "Reply"
-							}),
-							Z && F && /* @__PURE__ */ l(p, {
-								"aria-controls": U,
-								"aria-expanded": Y,
-								startIcon: c(Y ? ee : te, {}),
-								onClick: se,
-								variant: "text",
-								children: [
-									X,
-									" ",
-									X === 1 ? "reply" : "replies"
-								]
-							})
-						]
-					}),
-					z && /* @__PURE__ */ c(f, { children: z })
-				]
-			})]
-		}), Z && F && /* @__PURE__ */ c(m, {
-			id: U,
-			in: Y,
-			children: /* @__PURE__ */ c(f, {
-				sx: { mt: 2 },
-				children: A.map((e, t) => /* @__PURE__ */ c(x, {
-					...e,
-					level: L + 1,
-					maxLevel: R,
-					onLike: M ?? e.onLike,
-					onReply: N ?? e.onReply,
-					onToggleReplies: P ?? e.onToggleReplies,
-					showReplies: F,
-					avatarSize: Math.max(32, I - 8)
-				}, e.commentId ?? `reply-${t}`))
-			})
-		})]
-	});
-});
-x.displayName = "SCommentMessage";
-//#endregion
-export { x as SCommentMessage, x as default };
+import { t as e } from "../s-comment-message-DpCVBKiE.js";
+export { e as SCommentMessage, e as default };

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

@@ -0,0 +1,192 @@
+import { i as e } from "./utils-DOY6v6ln.js";
+import { toSxArray as t } from "./utils/sx.js";
+import { t as n } from "./createSvgIcon-3y-gS0r1.js";
+import { t as r } from "./ExpandMore-sOgvEha9.js";
+import { t as i } from "./Favorite-BP343hjM.js";
+import { t as a } from "./FavoriteBorder-D15j9xEL.js";
+import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
+import { SAvatar as s } from "./s-avatar/s-avatar.js";
+import c, { useEffect as l, useId as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, Button as h, Collapse as g, IconButton as _, Stack as v, Typography as y, styled as b, useThemeProps as x } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
+var S = n(/* @__PURE__ */ f("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), C = n(/* @__PURE__ */ f("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"), w = b(m, {
+	name: "SCommentMessage",
+	slot: "Root"
+})({}), T = c.forwardRef(function(n, c) {
+	let b = x({
+		props: n,
+		name: "SCommentMessage"
+	}), { commentId: ee, userName: E, userAvatar: D, commentContent: te, datetime: O, likes: k = 0, isLiked: A = !1, replies: j = [], totalReplies: ne, onLike: M, onReply: N, onToggleReplies: P, showReplies: F = !0, avatarSize: I = 48, level: L = 0, maxLevel: R = 3, loading: re = !1, children: z, sx: B, ...V } = b, H = u(), U = u(), W = ee ?? H, [G, K] = d(k), [q, J] = d(A), [Y, ie] = d(!1), ae = () => {
+		q ? (K((e) => Math.max(0, e - 1)), J(!1)) : (K((e) => e + 1), J(!0)), M && M(W);
+	}, oe = () => {
+		N && N(W);
+	}, se = () => {
+		ie((e) => !e), P && P(W);
+	}, ce = e(O), X = ne ?? j.length, Z = X > 0, Q = Math.min(L, R) * 2, $ = {
+		...b,
+		commentId: W,
+		localIsLiked: q,
+		showRepliesList: Y
+	};
+	return l(() => {
+		K(k);
+	}, [k]), l(() => {
+		J(A);
+	}, [A]), re ? /* @__PURE__ */ f(w, {
+		...V,
+		ownerState: $,
+		ref: c,
+		sx: [{
+			pl: Q,
+			py: 1
+		}, ...t(B)],
+		children: /* @__PURE__ */ p(v, {
+			direction: "row",
+			spacing: 2,
+			sx: { alignItems: "flex-start" },
+			children: [/* @__PURE__ */ f(o, {
+				variant: "circular",
+				width: I,
+				height: I
+			}), /* @__PURE__ */ p(m, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ p(v, {
+						direction: "row",
+						spacing: 2,
+						sx: {
+							alignItems: "center",
+							mb: 1
+						},
+						children: [/* @__PURE__ */ f(o, {
+							width: 120,
+							height: 20
+						}), /* @__PURE__ */ f(o, {
+							width: 80,
+							height: 16
+						})]
+					}),
+					/* @__PURE__ */ f(o, {
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ f(o, {
+						width: "85%",
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ f(o, {
+						width: "70%",
+						height: 16,
+						sx: { mb: 2 }
+					}),
+					/* @__PURE__ */ p(v, {
+						direction: "row",
+						spacing: 1,
+						sx: { alignItems: "center" },
+						children: [
+							/* @__PURE__ */ f(o, { preset: "icon-button" }),
+							/* @__PURE__ */ f(o, {
+								width: 20,
+								height: 16
+							}),
+							/* @__PURE__ */ f(o, { width: 60 }),
+							/* @__PURE__ */ f(o, { width: 80 })
+						]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ p(w, {
+		...V,
+		ownerState: $,
+		ref: c,
+		sx: [{
+			pl: Q,
+			py: 1
+		}, ...t(B)],
+		children: [/* @__PURE__ */ p(v, {
+			direction: "row",
+			spacing: 2,
+			sx: { alignItems: "flex-start" },
+			children: [/* @__PURE__ */ f(s, {
+				src: D,
+				name: E,
+				size: I
+			}), /* @__PURE__ */ p(m, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ f(y, {
+						variant: "subtitle1",
+						children: E
+					}),
+					/* @__PURE__ */ f(y, {
+						variant: "body1",
+						children: te
+					}),
+					/* @__PURE__ */ f(y, {
+						variant: "caption",
+						children: ce
+					}),
+					/* @__PURE__ */ p(v, {
+						direction: "row",
+						spacing: 1,
+						sx: { alignItems: "center" },
+						children: [
+							/* @__PURE__ */ f(_, {
+								"aria-label": q ? "Unlike comment" : "Like comment",
+								"aria-pressed": q,
+								onClick: ae,
+								sx: { color: q ? "error.main" : "text.secondary" },
+								children: f(q ? i : a, {})
+							}),
+							G > 0 && /* @__PURE__ */ f(y, {
+								variant: "caption",
+								children: G
+							}),
+							/* @__PURE__ */ f(h, {
+								startIcon: /* @__PURE__ */ f(C, {}),
+								onClick: oe,
+								variant: "text",
+								children: "Reply"
+							}),
+							Z && F && /* @__PURE__ */ p(h, {
+								"aria-controls": U,
+								"aria-expanded": Y,
+								startIcon: f(Y ? S : r, {}),
+								onClick: se,
+								variant: "text",
+								children: [
+									X,
+									" ",
+									X === 1 ? "reply" : "replies"
+								]
+							})
+						]
+					}),
+					z && /* @__PURE__ */ f(m, { children: z })
+				]
+			})]
+		}), Z && F && /* @__PURE__ */ f(g, {
+			id: U,
+			in: Y,
+			children: /* @__PURE__ */ f(m, {
+				sx: { mt: 2 },
+				children: j.map((e, t) => /* @__PURE__ */ f(T, {
+					...e,
+					level: L + 1,
+					maxLevel: R,
+					onLike: M ?? e.onLike,
+					onReply: N ?? e.onReply,
+					onToggleReplies: P ?? e.onToggleReplies,
+					showReplies: F,
+					avatarSize: Math.max(32, I - 8)
+				}, e.commentId ?? `reply-${t}`))
+			})
+		})]
+	});
+});
+T.displayName = "SCommentMessage";
+//#endregion
+export { T as t };

package/dist/s-copyable-text/s-copyable-text.js

@@ -1,26 +1,26 @@
 import { toSxArray as e } from "../utils/sx.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Check as i, ContentCopy as a } from "@mui/icons-material";
-import { Box as o, IconButton as s, Paper as c, Typography as l, styled as u, useThemeProps as d } from "@mui/material";
-import f from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import { n, t as r } from "../ContentCopy-Hlh3azVb.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, IconButton as c, Paper as l, Typography as u, styled as d, useThemeProps as f } from "@mui/material";
 //#region lib/s-copyable-text/s-copyable-text.tsx
-var p = u(c, {
+var p = d(l, {
 	name: "SCopyableText",
 	slot: "Root"
 })({});
 function m(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var h = t.forwardRef(function(c, u) {
-	let h = d({
-		props: c,
+var h = i.forwardRef(function(l, d) {
+	let h = f({
+		props: l,
 		name: "SCopyableText"
-	}), { children: g, copiedText: _ = "Copied", copyText: v = "Copy text", onCopyError: y, onCopySuccess: b, slotProps: x, slots: S, sx: C, ...w } = h, [T, E] = t.useState(!1), D = t.useRef(void 0), O = {
+	}), { children: g, copiedText: _ = "Copied", copyText: v = "Copy text", onCopyError: y, onCopySuccess: b, slotProps: x, slots: S, sx: C, ...w } = h, [T, E] = i.useState(!1), D = i.useRef(void 0), O = {
 		...h,
 		copied: T
-	}, k = S?.content ?? o, A = S?.text ?? l, j = S?.button ?? s, M = m(x?.content, O), N = m(x?.text, O), P = m(x?.button, O), F = f(S?.content, M ?? {}, O), I = f(S?.text, N ?? {}, O), { onClick: L, sx: R, ...z } = f(S?.button, P ?? {}, O), { sx: B, ...V } = F, { sx: H, ...U } = I;
-	t.useEffect(() => () => clearTimeout(D.current), []);
+	}, k = S?.content ?? s, A = S?.text ?? u, j = S?.button ?? c, M = m(x?.content, O), N = m(x?.text, O), P = m(x?.button, O), F = t(S?.content, M ?? {}, O), I = t(S?.text, N ?? {}, O), { onClick: L, sx: R, ...z } = t(S?.button, P ?? {}, O), { sx: B, ...V } = F, { sx: H, ...U } = I;
+	i.useEffect(() => () => clearTimeout(D.current), []);
 	let W = async (e) => {
 		if (L?.(e), !e.defaultPrevented) try {
 			await navigator.clipboard.writeText(g), E(!0), clearTimeout(D.current), D.current = setTimeout(() => E(!1), 2e3), b?.(g);
@@ -28,19 +28,19 @@ var h = t.forwardRef(function(c, u) {
 			y?.(e);
 		}
 	};
-	return /* @__PURE__ */ n(p, {
+	return /* @__PURE__ */ a(p, {
 		...w,
 		ownerState: O,
-		ref: u,
+		ref: d,
 		sx: [{
 			border: "1px dashed",
 			borderColor: "divider",
 			p: 2
 		}, ...e(C)],
-		children: /* @__PURE__ */ r(k, {
+		children: /* @__PURE__ */ o(k, {
 			...V,
 			sx: [{ position: "relative" }, ...e(B)],
-			children: [/* @__PURE__ */ n(j, {
+			children: [/* @__PURE__ */ a(j, {
 				...z,
 				"aria-label": T ? _ : v,
 				onClick: W,
@@ -52,8 +52,8 @@ var h = t.forwardRef(function(c, u) {
 					transform: "translateY(-50%)",
 					zIndex: 1
 				}, ...e(R)],
-				children: n(T ? i : a, {})
-			}), /* @__PURE__ */ n(A, {
+				children: a(T ? n : r, {})
+			}), /* @__PURE__ */ a(A, {
 				variant: "body1",
 				...U,
 				sx: [{

package/dist/s-countdown/s-count-box.js

@@ -1,10 +1,10 @@
 import { toSxArray as e } from "../utils/sx.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Box as i, Fade as a, Slide as o, Typography as s, styled as c, useThemeProps as l } from "@mui/material";
-import u from "@mui/utils/appendOwnerState";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, Fade as o, Slide as s, Typography as c, styled as l, useThemeProps as u } from "@mui/material";
 //#region lib/s-countdown/s-count-box.tsx
-var d = c(i, {
+var d = l(a, {
 	name: "SCountBox",
 	slot: "Root"
 })({});
@@ -41,15 +41,15 @@ function p(e) {
 		}
 	};
 }
-var m = t.forwardRef(function(t, c) {
-	let m = l({
-		props: t,
+var m = n.forwardRef(function(n, l) {
+	let m = u({
+		props: n,
 		name: "SCountBox"
 	}), { animation: h = "none", color: g = "inherit", digit: _, digitFormat: v = "default", label: y, separator: b, size: x = "medium", slotProps: S, slots: C, sx: w, ...T } = m, E = {
 		...m,
 		color: g,
 		size: x
-	}, D = C?.content ?? i, O = C?.digit ?? s, k = C?.label ?? s, A = C?.separator ?? s, j = f(S?.content, E), M = f(S?.digit, E), N = f(S?.label, E), P = f(S?.separator, E), F = u(C?.content, j ?? {}, E), I = u(C?.digit, M ?? {}, E), L = u(C?.label, N ?? {}, E), R = u(C?.separator, P ?? {}, E), { sx: z, ...B } = F, { sx: V, ...H } = I, { sx: U, ...W } = L, { sx: G, ...K } = R, q = p(x), J = v === "padded" ? _.toString().padStart(2, "0") : _.toString(), Y = /* @__PURE__ */ n(O, {
+	}, D = C?.content ?? a, O = C?.digit ?? c, k = C?.label ?? c, A = C?.separator ?? c, j = f(S?.content, E), M = f(S?.digit, E), N = f(S?.label, E), P = f(S?.separator, E), F = t(C?.content, j ?? {}, E), I = t(C?.digit, M ?? {}, E), L = t(C?.label, N ?? {}, E), R = t(C?.separator, P ?? {}, E), { sx: z, ...B } = F, { sx: V, ...H } = I, { sx: U, ...W } = L, { sx: G, ...K } = R, q = p(x), J = v === "padded" ? _.toString().padStart(2, "0") : _.toString(), Y = /* @__PURE__ */ r(O, {
 		component: "span",
 		variant: "h3",
 		...H,
@@ -60,25 +60,25 @@ var m = t.forwardRef(function(t, c) {
 			...q.digit
 		}, ...e(V)],
 		children: J
-	}), X = h === "fade" ? /* @__PURE__ */ n(a, {
+	}), X = h === "fade" ? /* @__PURE__ */ r(o, {
 		in: !0,
 		timeout: 300,
-		children: /* @__PURE__ */ n(i, { children: Y })
-	}, J) : h === "slide" ? /* @__PURE__ */ n(o, {
+		children: /* @__PURE__ */ r(a, { children: Y })
+	}, J) : h === "slide" ? /* @__PURE__ */ r(s, {
 		in: !0,
 		direction: "up",
 		timeout: 300,
-		children: /* @__PURE__ */ n(i, { children: Y })
+		children: /* @__PURE__ */ r(a, { children: Y })
 	}, J) : Y;
-	return /* @__PURE__ */ r(d, {
+	return /* @__PURE__ */ i(d, {
 		...T,
 		ownerState: E,
-		ref: c,
+		ref: l,
 		sx: [{
 			alignItems: "center",
 			display: "flex"
 		}, ...e(w)],
-		children: [/* @__PURE__ */ r(D, {
+		children: [/* @__PURE__ */ i(D, {
 			...B,
 			sx: [{
 				alignItems: "center",
@@ -87,7 +87,7 @@ var m = t.forwardRef(function(t, c) {
 				minWidth: "fit-content",
 				textAlign: "center"
 			}, ...e(z)],
-			children: [X, /* @__PURE__ */ n(k, {
+			children: [X, /* @__PURE__ */ r(k, {
 				component: "span",
 				...W,
 				sx: [{
@@ -100,7 +100,7 @@ var m = t.forwardRef(function(t, c) {
 				}, ...e(U)],
 				children: y
 			})]
-		}), b == null ? null : /* @__PURE__ */ n(A, {
+		}), b == null ? null : /* @__PURE__ */ r(A, {
 			variant: "h3",
 			...K,
 			sx: [{

package/dist/s-data-table/index.js

@@ -1,2 +1,2 @@
-import { SDataTable as e } from "./s-data-table.js";
+import { t as e } from "../s-data-table-D4V58HFR.js";
 export { e as SDataTable, e as default };