@solostylist/ui-kit 1.0.202 → 1.0.204

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

@@ -1,123 +1,4 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { useId as N, useState as v, useEffect as R } from "react";
-import { Box as i, Stack as n, Typography as a, IconButton as O, Button as k, Collapse as Q } from "@mui/material";
-import { SAvatar as U } from "../s-avatar/s-avatar.js";
-import { SSkeleton as e } from "../s-skeleton/s-skeleton.js";
-import { g as X } from "../utils-D1UMIV0b.js";
-import { F as Y } from "../Favorite-Bz_HcMgN.js";
-import { c as I } from "../createSvgIcon-BkbeLOhM.js";
-import { E as Z } from "../ExpandMore-C7yRQv1-.js";
-const _ = I(/* @__PURE__ */ t.jsx("path", {
-  d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
-}), "ExpandLess"), tt = I(/* @__PURE__ */ t.jsx("path", {
-  d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05"
-}), "FavoriteBorder"), et = I(/* @__PURE__ */ t.jsx("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"), F = ({
-  id: T,
-  userName: w,
-  userAvatar: A,
-  commentContent: H,
-  datetime: P,
-  likes: o = 0,
-  isLiked: c = !1,
-  replies: u = [],
-  totalReplies: V,
-  onLike: x,
-  onReply: l,
-  onToggleReplies: y,
-  showReplies: d = !0,
-  avatarSize: r = 48,
-  level: C = 0,
-  maxLevel: L = 3,
-  loading: W = !1,
-  children: b,
-  sx: M = {}
-}) => {
-  const $ = N(), h = T ?? $, [S, m] = v(o), [j, p] = v(c), [g, q] = v(!1), z = () => {
-    j ? (m((s) => Math.max(0, s - 1)), p(!1)) : (m((s) => s + 1), p(!0)), x && x(h);
-  }, D = () => {
-    l && l(h);
-  }, G = () => {
-    q(!g), y && y(h);
-  }, J = X(P), f = V ?? u.length, E = f > 0, B = Math.min(C, L) * 2;
-  return R(() => {
-    m(o);
-  }, [o]), R(() => {
-    p(c);
-  }, [c]), W ? /* @__PURE__ */ t.jsx(i, { sx: { pl: B, py: 1, ...M }, children: /* @__PURE__ */ t.jsxs(n, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-    /* @__PURE__ */ t.jsx(e, { component: "rounded-avatar", width: r, height: r }),
-    /* @__PURE__ */ t.jsxs(i, { sx: { flex: 1 }, children: [
-      /* @__PURE__ */ t.jsxs(n, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-        /* @__PURE__ */ t.jsx(e, { variant: "text", width: 120, height: 20 }),
-        /* @__PURE__ */ t.jsx(e, { variant: "text", width: 80, height: 16 })
-      ] }),
-      /* @__PURE__ */ t.jsx(e, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
-      /* @__PURE__ */ t.jsx(e, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
-      /* @__PURE__ */ t.jsx(e, { variant: "text", width: "70%", height: 16, sx: { mb: 2 } }),
-      /* @__PURE__ */ t.jsxs(n, { direction: "row", spacing: 1, alignItems: "center", children: [
-        /* @__PURE__ */ t.jsx(e, { component: "icon-button" }),
-        /* @__PURE__ */ t.jsx(e, { variant: "text", width: 20, height: 16 }),
-        /* @__PURE__ */ t.jsx(e, { variant: "text", width: 60, height: 32 }),
-        /* @__PURE__ */ t.jsx(e, { variant: "text", width: 80, height: 32 })
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ t.jsxs(i, { sx: { pl: B, py: 1, ...M }, children: [
-    /* @__PURE__ */ t.jsxs(n, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ t.jsx(U, { avatar: A, name: w, size: r }),
-      /* @__PURE__ */ t.jsxs(i, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ t.jsxs(n, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ t.jsx(a, { variant: "subtitle2", fontWeight: "600", children: w }),
-          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(a, { variant: "caption", children: J }) })
-        ] }),
-        /* @__PURE__ */ t.jsx(a, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: H }),
-        /* @__PURE__ */ t.jsxs(n, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ t.jsx(
-            O,
-            {
-              onClick: z,
-              sx: {
-                color: j ? "error.main" : "text.secondary"
-              },
-              children: j ? /* @__PURE__ */ t.jsx(Y, {}) : /* @__PURE__ */ t.jsx(tt, {})
-            }
-          ),
-          S > 0 && /* @__PURE__ */ t.jsx(a, { variant: "caption", children: S }),
-          /* @__PURE__ */ t.jsx(k, { startIcon: /* @__PURE__ */ t.jsx(et, {}), onClick: D, variant: "text", children: "Reply" }),
-          E && d && /* @__PURE__ */ t.jsxs(
-            k,
-            {
-              startIcon: g ? /* @__PURE__ */ t.jsx(_, {}) : /* @__PURE__ */ t.jsx(Z, {}),
-              onClick: G,
-              variant: "text",
-              children: [
-                f,
-                " ",
-                f === 1 ? "reply" : "replies"
-              ]
-            }
-          )
-        ] }),
-        b && /* @__PURE__ */ t.jsx(i, { sx: { mt: 2 }, children: b })
-      ] })
-    ] }),
-    E && d && /* @__PURE__ */ t.jsx(Q, { in: g, children: /* @__PURE__ */ t.jsx(i, { sx: { mt: 2 }, children: u.map((s, K) => /* @__PURE__ */ t.jsx(
-      F,
-      {
-        ...s,
-        level: C + 1,
-        maxLevel: L,
-        onLike: x,
-        onReply: l,
-        showReplies: d,
-        avatarSize: Math.max(32, r - 8)
-      },
-      s.id ?? `reply-${K}`
-    )) }) })
-  ] });
-};
-F.displayName = "SCommentMessage";
-export {
-  F as SCommentMessage,
-  F as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-comment-message-D3XTOm1L.js";
+export { e as SCommentMessage, e as default };

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

@@ -0,0 +1,195 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { t as n } from "./ExpandMore-3GurpYw-.js";
+import { t as r } from "./Favorite-gVQqn0Cm.js";
+import { SAvatar as i } from "./s-avatar/s-avatar.js";
+import { i as a } from "./utils-Cj6R-BZe.js";
+import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
+import { useEffect as s, useId as c, useState as l } from "react";
+import { Box as u, Button as d, Collapse as f, IconButton as p, Stack as m, Typography as h } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/ExpandLess.js
+var g = e(), _ = t(/* @__PURE__ */ (0, g.jsx)("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), v = t(/* @__PURE__ */ (0, g.jsx)("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }), "FavoriteBorder"), y = t(/* @__PURE__ */ (0, g.jsx)("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"), b = ({ id: e, userName: t, userAvatar: x, commentContent: S, datetime: C, likes: w = 0, isLiked: T = !1, replies: E = [], totalReplies: D, onLike: O, onReply: k, onToggleReplies: A, showReplies: j = !0, avatarSize: M = 48, level: N = 0, maxLevel: P = 3, loading: F = !1, children: I, sx: L = {} }) => {
+	let R = c(), z = e ?? R, [B, V] = l(w), [H, U] = l(T), [W, G] = l(!1), K = () => {
+		H ? (V((e) => Math.max(0, e - 1)), U(!1)) : (V((e) => e + 1), U(!0)), O && O(z);
+	}, q = () => {
+		k && k(z);
+	}, J = () => {
+		G(!W), A && A(z);
+	}, Y = a(C), X = D ?? E.length, Z = X > 0, Q = Math.min(N, P) * 2;
+	return s(() => {
+		V(w);
+	}, [w]), s(() => {
+		U(T);
+	}, [T]), F ? /* @__PURE__ */ (0, g.jsx)(u, {
+		sx: {
+			pl: Q,
+			py: 1,
+			...L
+		},
+		children: /* @__PURE__ */ (0, g.jsxs)(m, {
+			direction: "row",
+			spacing: 2,
+			alignItems: "flex-start",
+			children: [/* @__PURE__ */ (0, g.jsx)(o, {
+				component: "rounded-avatar",
+				width: M,
+				height: M
+			}), /* @__PURE__ */ (0, g.jsxs)(u, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						alignItems: "center",
+						spacing: 2,
+						mb: 1,
+						children: [/* @__PURE__ */ (0, g.jsx)(o, {
+							variant: "text",
+							width: 120,
+							height: 20
+						}), /* @__PURE__ */ (0, g.jsx)(o, {
+							variant: "text",
+							width: 80,
+							height: 16
+						})]
+					}),
+					/* @__PURE__ */ (0, g.jsx)(o, {
+						variant: "text",
+						width: "100%",
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ (0, g.jsx)(o, {
+						variant: "text",
+						width: "85%",
+						height: 16,
+						sx: { mb: .5 }
+					}),
+					/* @__PURE__ */ (0, g.jsx)(o, {
+						variant: "text",
+						width: "70%",
+						height: 16,
+						sx: { mb: 2 }
+					}),
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						spacing: 1,
+						alignItems: "center",
+						children: [
+							/* @__PURE__ */ (0, g.jsx)(o, { component: "icon-button" }),
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 20,
+								height: 16
+							}),
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 60,
+								height: 32
+							}),
+							/* @__PURE__ */ (0, g.jsx)(o, {
+								variant: "text",
+								width: 80,
+								height: 32
+							})
+						]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ (0, g.jsxs)(u, {
+		sx: {
+			pl: Q,
+			py: 1,
+			...L
+		},
+		children: [/* @__PURE__ */ (0, g.jsxs)(m, {
+			direction: "row",
+			spacing: 2,
+			alignItems: "flex-start",
+			children: [/* @__PURE__ */ (0, g.jsx)(i, {
+				avatar: x,
+				name: t,
+				size: M
+			}), /* @__PURE__ */ (0, g.jsxs)(u, {
+				sx: { flex: 1 },
+				children: [
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						alignItems: "center",
+						spacing: 2,
+						mb: 1,
+						children: [/* @__PURE__ */ (0, g.jsx)(h, {
+							variant: "subtitle2",
+							fontWeight: "600",
+							children: t
+						}), /* @__PURE__ */ (0, g.jsx)("div", { children: /* @__PURE__ */ (0, g.jsx)(h, {
+							variant: "caption",
+							children: Y
+						}) })]
+					}),
+					/* @__PURE__ */ (0, g.jsx)(h, {
+						variant: "body2",
+						sx: {
+							mb: 2,
+							lineHeight: 1.6
+						},
+						children: S
+					}),
+					/* @__PURE__ */ (0, g.jsxs)(m, {
+						direction: "row",
+						spacing: 1,
+						alignItems: "center",
+						children: [
+							/* @__PURE__ */ (0, g.jsx)(p, {
+								onClick: K,
+								sx: { color: H ? "error.main" : "text.secondary" },
+								children: H ? /* @__PURE__ */ (0, g.jsx)(r, {}) : /* @__PURE__ */ (0, g.jsx)(v, {})
+							}),
+							B > 0 && /* @__PURE__ */ (0, g.jsx)(h, {
+								variant: "caption",
+								children: B
+							}),
+							/* @__PURE__ */ (0, g.jsx)(d, {
+								startIcon: /* @__PURE__ */ (0, g.jsx)(y, {}),
+								onClick: q,
+								variant: "text",
+								children: "Reply"
+							}),
+							Z && j && /* @__PURE__ */ (0, g.jsxs)(d, {
+								startIcon: W ? /* @__PURE__ */ (0, g.jsx)(_, {}) : /* @__PURE__ */ (0, g.jsx)(n, {}),
+								onClick: J,
+								variant: "text",
+								children: [
+									X,
+									" ",
+									X === 1 ? "reply" : "replies"
+								]
+							})
+						]
+					}),
+					I && /* @__PURE__ */ (0, g.jsx)(u, {
+						sx: { mt: 2 },
+						children: I
+					})
+				]
+			})]
+		}), Z && j && /* @__PURE__ */ (0, g.jsx)(f, {
+			in: W,
+			children: /* @__PURE__ */ (0, g.jsx)(u, {
+				sx: { mt: 2 },
+				children: E.map((e, t) => /* @__PURE__ */ (0, g.jsx)(b, {
+					...e,
+					level: N + 1,
+					maxLevel: P,
+					onLike: O,
+					onReply: k,
+					showReplies: j,
+					avatarSize: Math.max(32, M - 8)
+				}, e.id ?? `reply-${t}`))
+			})
+		})]
+	});
+};
+b.displayName = "SCommentMessage";
+//#endregion
+export { b as t };

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

@@ -1,4 +1,4 @@
-import { SCopyableText as o } from "./s-copyable-text.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { SCopyableText as e } from "./s-copyable-text.js";
+export { e as default };

package/dist/s-copyable-text/s-copyable-text.d.ts

@@ -12,9 +12,6 @@ export interface SCopyableTextProps {
     /** Props to pass to the Paper component container */
     paperProps?: PaperProps;
 }
-/**
- * A text display component with built-in copy-to-clipboard functionality and visual feedback.
- */
 export declare const SCopyableText: {
     ({ text, typographyProps, onCopied, paperProps }: SCopyableTextProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

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

@@ -1,55 +1,51 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import { useState as l } from "react";
-import { Paper as p, Box as d, IconButton as x, Typography as m } from "@mui/material";
-import { C as u, a as h } from "../ContentCopy-D4SuJd86.js";
-const f = ({ text: r, typographyProps: e, onCopied: a, paperProps: i }) => {
-  const [t, s] = l(!1), n = async () => {
-    if (r)
-      try {
-        await navigator.clipboard.writeText(r), s(!0), setTimeout(() => s(!1), 2e3), a?.();
-      } catch (c) {
-        console.error("Failed to copy text:", c);
-      }
-  };
-  return r ? /* @__PURE__ */ o.jsx(p, { sx: { p: 2, border: "1px dashed", borderColor: "divider" }, ...i, children: /* @__PURE__ */ o.jsxs(d, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ o.jsx(
-      x,
-      {
-        onClick: n,
-        sx: {
-          position: "absolute",
-          top: "50%",
-          transform: "translateY(-50%)",
-          right: 0,
-          zIndex: 1,
-          // Ensure button appears above text
-          color: t ? "success.main" : "inherit"
-          // Green when copied
-        },
-        children: t ? /* @__PURE__ */ o.jsx(u, {}) : /* @__PURE__ */ o.jsx(h, {})
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      m,
-      {
-        variant: "body1",
-        sx: {
-          whiteSpace: "pre-wrap",
-          // Preserve whitespace and line breaks
-          wordBreak: "break-word",
-          // Handle long words gracefully
-          ...e?.sx
-          // Allow custom styling override
-        },
-        color: "text.secondary",
-        ...e,
-        children: r
-      }
-    )
-  ] }) }) : null;
-};
-f.displayName = "SCopyableText";
-export {
-  f as SCopyableText,
-  f as default
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { n as t, t as n } from "../ContentCopy-D1OlBB-D.js";
+import { useState as r } from "react";
+import { Box as i, IconButton as a, Paper as o, Typography as s } from "@mui/material";
+//#region lib/s-copyable-text/s-copyable-text.tsx
+var c = e(), l = ({ text: e, typographyProps: l, onCopied: u, paperProps: d }) => {
+	let [f, p] = r(!1), m = async () => {
+		if (e) try {
+			await navigator.clipboard.writeText(e), p(!0), setTimeout(() => p(!1), 2e3), u?.();
+		} catch (e) {
+			console.error("Failed to copy text:", e);
+		}
+	};
+	return e ? /* @__PURE__ */ (0, c.jsx)(o, {
+		sx: {
+			p: 2,
+			border: "1px dashed",
+			borderColor: "divider"
+		},
+		...d,
+		children: /* @__PURE__ */ (0, c.jsxs)(i, {
+			sx: { position: "relative" },
+			children: [/* @__PURE__ */ (0, c.jsx)(a, {
+				onClick: m,
+				sx: {
+					position: "absolute",
+					top: "50%",
+					transform: "translateY(-50%)",
+					right: 0,
+					zIndex: 1,
+					color: f ? "success.main" : "inherit"
+				},
+				children: f ? /* @__PURE__ */ (0, c.jsx)(t, {}) : /* @__PURE__ */ (0, c.jsx)(n, {})
+			}), /* @__PURE__ */ (0, c.jsx)(s, {
+				variant: "body1",
+				sx: {
+					whiteSpace: "pre-wrap",
+					wordBreak: "break-word",
+					...l?.sx
+				},
+				color: "text.secondary",
+				...l,
+				children: e
+			})]
+		})
+	}) : null;
 };
+l.displayName = "SCopyableText";
+//#endregion
+export { l as SCopyableText, l as default };

package/dist/s-countdown/index.js

@@ -1,6 +1,5 @@
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { SCountBox as e } from "./s-count-box.js";
 import { SCountdown as t } from "./s-count-down.js";
-import { SCountBox as x } from "./s-count-box.js";
-export {
-  x as SCountBox,
-  t as SCountdown
-};
+export { e as SCountBox, t as SCountdown };

package/dist/s-countdown/s-count-box.d.ts

@@ -29,9 +29,6 @@ export interface SCountBoxProps {
     /** Whether this count box is hidden */
     hidden?: boolean;
 }
-/**
- * An individual count box component that displays a single time unit with optional animations.
- */
 export declare const SCountBox: {
     ({ digit, title, size, color, animation, sx, digitSx, titleSx, showSeparator, separator, digitFormat, hidden, }: SCountBoxProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;