@solostylist/ui-kit 1.0.175 → 1.0.176

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

@@ -1,9 +1,9 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as u } from "react";
-import { useColorScheme as g, Box as b, IconButton as k } from "@mui/material";
-import { Prism as m } from "react-syntax-highlighter";
-import { C as f, a as w } from "../ContentCopy-7nFBtjhs.js";
-const v = {
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import { useState as g } from "react";
+import { useColorScheme as p, Box as k, IconButton as u } from "@mui/material";
+import { Prism as b } from "react-syntax-highlighter";
+import { C as m, a as f } from "../ContentCopy-2xxDThyB.js";
+const w = {
   'code[class*="language-"]': {
     background: "hsl(220, 13%, 18%)",
     color: "hsl(220, 14%, 71%)",
@@ -503,7 +503,7 @@ const v = {
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(220, 14%, 71%)"
   }
-}, y = {
+}, v = {
   'code[class*="language-"]': {
     background: "hsl(230, 1%, 98%)",
     color: "hsl(230, 8%, 24%)",
@@ -991,45 +991,45 @@ const v = {
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, l = ({
-  code: o,
-  language: a = "typescript",
-  showLineNumbers: i = !0,
-  showCopyButton: s = !0,
-  customStyle: c,
-  onCopied: r
+}, x = ({
+  code: e,
+  language: n = "typescript",
+  showLineNumbers: t = !0,
+  showCopyButton: a = !0,
+  customStyle: i,
+  onCopied: s
 }) => {
-  const [n, t] = u(!1), { mode: h } = g(), d = async () => {
-    if (o)
+  const [r, l] = g(!1), { mode: c } = p(), h = async () => {
+    if (e)
       try {
-        await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 2e3), r == null || r();
-      } catch (p) {
-        console.error("Failed to copy code:", p);
+        await navigator.clipboard.writeText(e), l(!0), setTimeout(() => l(!1), 2e3), s?.();
+      } catch (d) {
+        console.error("Failed to copy code:", d);
       }
   };
-  return o ? /* @__PURE__ */ e.jsxs(b, { sx: { position: "relative", width: "100%" }, children: [
-    s && /* @__PURE__ */ e.jsx(
-      k,
+  return e ? /* @__PURE__ */ o.jsxs(k, { sx: { position: "relative", width: "100%" }, children: [
+    a && /* @__PURE__ */ o.jsx(
+      u,
       {
-        onClick: d,
+        onClick: h,
         size: "small",
         sx: {
           position: "absolute",
           top: 8,
           right: 8,
           zIndex: 1,
-          color: n ? "success.main" : "text.primary",
+          color: r ? "success.main" : "text.primary",
           backdropFilter: "blur(8px)"
         },
-        children: n ? /* @__PURE__ */ e.jsx(f, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(w, { fontSize: "small" })
+        children: r ? /* @__PURE__ */ o.jsx(m, { fontSize: "small" }) : /* @__PURE__ */ o.jsx(f, { fontSize: "small" })
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      m,
+    /* @__PURE__ */ o.jsx(
+      b,
       {
-        language: a,
-        style: h === "dark" ? v : y,
-        showLineNumbers: i,
+        language: n,
+        style: c === "dark" ? w : v,
+        showLineNumbers: t,
         customStyle: {
           margin: 0,
           borderRadius: "var(--s-shape-borderRadius)",
@@ -1037,25 +1037,17 @@ const v = {
           backgroundColor: "var(--s-palette-background-paper)",
           border: "1px solid",
           borderColor: "var(--s-palette-divider)",
-          ...c
+          ...i
         },
         wrapLines: !0,
         wrapLongLines: !0,
-        children: o
+        children: e
       }
     )
   ] }) : null;
 };
-l.displayName = "SCodeBlock";
-try {
-  l.displayName = "SCodeBlock", l.__docgenInfo = { description: "A code block component with syntax highlighting and built-in copy-to-clipboard functionality.", displayName: "SCodeBlock", props: { code: { defaultValue: null, description: "The code content to display and copy", name: "code", required: !0, type: { name: "string" } }, language: { defaultValue: { value: "typescript" }, description: "Programming language for syntax highlighting", name: "language", required: !1, type: { name: "string" } }, showLineNumbers: { defaultValue: { value: "true" }, description: "Whether to show line numbers", name: "showLineNumbers", required: !1, type: { name: "boolean" } }, showCopyButton: { defaultValue: { value: "true" }, description: "Whether to show copy button", name: "showCopyButton", required: !1, type: { name: "boolean" } }, customStyle: { defaultValue: null, description: "Custom style for the code block", name: "customStyle", required: !1, type: { name: "CSSProperties" } }, onCopied: { defaultValue: null, description: "Callback function triggered after code is successfully copied", name: "onCopied", required: !1, type: { name: "(() => void)" } } } };
-} catch {
-}
-try {
-  scodeblock.displayName = "scodeblock", scodeblock.__docgenInfo = { description: "A code block component with syntax highlighting and built-in copy-to-clipboard functionality.", displayName: "scodeblock", props: { code: { defaultValue: null, description: "The code content to display and copy", name: "code", required: !0, type: { name: "string" } }, language: { defaultValue: { value: "typescript" }, description: "Programming language for syntax highlighting", name: "language", required: !1, type: { name: "string" } }, showLineNumbers: { defaultValue: { value: "true" }, description: "Whether to show line numbers", name: "showLineNumbers", required: !1, type: { name: "boolean" } }, showCopyButton: { defaultValue: { value: "true" }, description: "Whether to show copy button", name: "showCopyButton", required: !1, type: { name: "boolean" } }, customStyle: { defaultValue: null, description: "Custom style for the code block", name: "customStyle", required: !1, type: { name: "CSSProperties" } }, onCopied: { defaultValue: null, description: "Callback function triggered after code is successfully copied", name: "onCopied", required: !1, type: { name: "(() => void)" } } } };
-} catch {
-}
+x.displayName = "SCodeBlock";
 export {
-  l as SCodeBlock,
-  l as default
+  x as SCodeBlock,
+  x as default
 };

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

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -1,131 +1,127 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as M, useEffect as _ } from "react";
-import { Box as d, Stack as m, Typography as h, IconButton as U, Button as N, Collapse as H } from "@mui/material";
-import { SAvatar as Y } from "../s-avatar/s-avatar.js";
-import { SSkeleton as t } from "../s-skeleton/s-skeleton.js";
-import { F as G } from "../Favorite-DS5Gpq2s.js";
-import { c as C } from "../createSvgIcon-DxwgGAVe.js";
-import { E as J } from "../ExpandMore-DTWX_mHf.js";
-const K = C(/* @__PURE__ */ e.jsx("path", {
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { useState as S, useEffect as R } from "react";
+import { Box as c, Stack as x, Typography as g, IconButton as G, Button as F, Collapse as J } from "@mui/material";
+import { SSkeleton as e } from "../s-skeleton/s-skeleton.js";
+import { SAvatar as K } from "../s-avatar/s-avatar.js";
+import { F as N } from "../Favorite-wp65zwWq.js";
+import { c as C } from "../createSvgIcon-BKymXuBG.js";
+import { E as O } from "../ExpandMore-DIGPB4Mj.js";
+const Q = C(/* @__PURE__ */ t.jsx("path", {
   d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
-}), "ExpandLess"), O = C(/* @__PURE__ */ e.jsx("path", {
+}), "ExpandLess"), U = C(/* @__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"), Q = C(/* @__PURE__ */ e.jsx("path", {
+}), "FavoriteBorder"), X = C(/* @__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"), X = (a) => {
-  const u = /* @__PURE__ */ new Date(), g = typeof a == "string" ? new Date(a) : a, v = u.getTime() - g.getTime(), p = Math.floor(v / 1e3), i = Math.floor(p / 60), s = Math.floor(i / 60), n = Math.floor(s / 24), c = Math.floor(n / 7), r = Math.floor(n / 30), o = Math.floor(n / 365);
-  return p < 60 ? "just now" : i < 60 ? i === 1 ? "1 minute ago" : `${i} minutes ago` : s < 24 ? s === 1 ? "1 hour ago" : `${s} hours ago` : n < 7 ? n === 1 ? "1 day ago" : `${n} days ago` : c < 4 ? c === 1 ? "1 week ago" : `${c} weeks ago` : r < 12 ? r === 1 ? "1 month ago" : `${r} months ago` : o === 1 ? "1 year ago" : `${o} years ago`;
-}, x = ({
-  id: a = Date.now(),
-  userName: u,
-  userAvatar: g,
-  commentContent: v,
-  datetime: p,
-  likes: i = 0,
-  isLiked: s = !1,
-  replies: n = [],
-  totalReplies: c,
-  onLike: r,
-  onReply: o,
-  onToggleReplies: q,
-  showReplies: y = !0,
+}), "Reply"), Z = (o) => {
+  const d = /* @__PURE__ */ new Date(), j = typeof o == "string" ? new Date(o) : o, p = d.getTime() - j.getTime(), m = Math.floor(p / 1e3), n = Math.floor(m / 60), i = Math.floor(n / 60), s = Math.floor(i / 24), h = Math.floor(s / 7), a = Math.floor(s / 30), r = Math.floor(s / 365);
+  return m < 60 ? "just now" : n < 60 ? n === 1 ? "1 minute ago" : `${n} minutes ago` : i < 24 ? i === 1 ? "1 hour ago" : `${i} hours ago` : s < 7 ? s === 1 ? "1 day ago" : `${s} days ago` : h < 4 ? h === 1 ? "1 week ago" : `${h} weeks ago` : a < 12 ? a === 1 ? "1 month ago" : `${a} months ago` : r === 1 ? "1 year ago" : `${r} years ago`;
+}, T = ({
+  id: o = Date.now(),
+  userName: d,
+  userAvatar: j,
+  commentContent: p,
+  datetime: m,
+  likes: n = 0,
+  isLiked: i = !1,
+  replies: s = [],
+  totalReplies: h,
+  onLike: a,
+  onReply: r,
+  onToggleReplies: L,
+  showReplies: u = !0,
   avatarSize: f = 48,
-  level: S = 0,
-  maxLevel: V = 3,
-  loading: $ = !1,
-  children: L,
-  sx: R = {}
+  level: b = 0,
+  maxLevel: z = 3,
+  loading: H = !1,
+  children: k,
+  sx: $ = {}
 }) => {
-  const [z, j] = M(i), [w, b] = M(s), [I, E] = M(!1), A = () => {
-    w ? (j((l) => Math.max(0, l - 1)), b(!1)) : (j((l) => l + 1), b(!0)), r && r(a);
-  }, B = () => {
-    o && o(a);
-  }, W = () => {
-    E(!I), q && q(a);
-  }, F = X(p), k = c ?? n.length, D = k > 0, T = Math.min(S, V) * 2;
-  return _(() => {
-    j(i);
-  }, [i]), _(() => {
-    b(s);
-  }, [s]), $ ? /* @__PURE__ */ e.jsx(d, { sx: { pl: T, py: 1, ...R }, children: /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-    /* @__PURE__ */ e.jsx(t, { component: "rounded-avatar", width: f, height: f }),
-    /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
-      /* @__PURE__ */ e.jsxs(m, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-        /* @__PURE__ */ e.jsx(t, { variant: "text", width: 120, height: 20 }),
-        /* @__PURE__ */ e.jsx(t, { variant: "text", width: 80, height: 16 })
+  const [E, v] = S(n), [w, I] = S(i), [M, W] = S(!1), A = () => {
+    w ? (v((l) => Math.max(0, l - 1)), I(!1)) : (v((l) => l + 1), I(!0)), a && a(o);
+  }, P = () => {
+    r && r(o);
+  }, V = () => {
+    W(!M), L && L(o);
+  }, Y = Z(m), y = h ?? s.length, B = y > 0, D = Math.min(b, z) * 2;
+  return R(() => {
+    v(n);
+  }, [n]), R(() => {
+    I(i);
+  }, [i]), H ? /* @__PURE__ */ t.jsx(c, { sx: { pl: D, py: 1, ...$ }, children: /* @__PURE__ */ t.jsxs(x, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+    /* @__PURE__ */ t.jsx(e, { component: "rounded-avatar", width: f, height: f }),
+    /* @__PURE__ */ t.jsxs(c, { sx: { flex: 1 }, children: [
+      /* @__PURE__ */ t.jsxs(x, { 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__ */ e.jsx(t, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
-      /* @__PURE__ */ e.jsx(t, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
-      /* @__PURE__ */ e.jsx(t, { variant: "text", width: "70%", height: 16, sx: { mb: 2 } }),
-      /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 1, alignItems: "center", children: [
-        /* @__PURE__ */ e.jsx(t, { component: "icon-button" }),
-        /* @__PURE__ */ e.jsx(t, { variant: "text", width: 20, height: 16 }),
-        /* @__PURE__ */ e.jsx(t, { variant: "text", width: 60, height: 32 }),
-        /* @__PURE__ */ e.jsx(t, { variant: "text", width: 80, height: 32 })
+      /* @__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(x, { 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__ */ e.jsxs(d, { sx: { pl: T, py: 1, ...R }, children: [
-    /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e.jsx(Y, { avatar: g, name: u, size: f }),
-      /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ e.jsxs(m, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
-          /* @__PURE__ */ e.jsx(h, { variant: "subtitle2", fontWeight: "600", children: u }),
-          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { variant: "caption", children: F }) })
+  ] }) }) : /* @__PURE__ */ t.jsxs(c, { sx: { pl: D, py: 1, ...$ }, children: [
+    /* @__PURE__ */ t.jsxs(x, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ t.jsx(K, { avatar: j, name: d, size: f }),
+      /* @__PURE__ */ t.jsxs(c, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ t.jsxs(x, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+          /* @__PURE__ */ t.jsx(g, { variant: "subtitle2", fontWeight: "600", children: d }),
+          /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(g, { variant: "caption", children: Y }) })
         ] }),
-        /* @__PURE__ */ e.jsx(h, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: v }),
-        /* @__PURE__ */ e.jsxs(m, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ e.jsx(
-            U,
+        /* @__PURE__ */ t.jsx(g, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: p }),
+        /* @__PURE__ */ t.jsxs(x, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ t.jsx(
+            G,
             {
               size: "small",
               onClick: A,
               sx: {
                 color: w ? "error.main" : "text.secondary"
               },
-              children: w ? /* @__PURE__ */ e.jsx(G, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(O, { fontSize: "small" })
+              children: w ? /* @__PURE__ */ t.jsx(N, { fontSize: "small" }) : /* @__PURE__ */ t.jsx(U, { fontSize: "small" })
             }
           ),
-          z > 0 && /* @__PURE__ */ e.jsx(h, { variant: "caption", children: z }),
-          /* @__PURE__ */ e.jsx(N, { size: "small", startIcon: /* @__PURE__ */ e.jsx(Q, { fontSize: "small" }), onClick: B, variant: "text", children: "Reply" }),
-          D && y && /* @__PURE__ */ e.jsxs(
-            N,
+          E > 0 && /* @__PURE__ */ t.jsx(g, { variant: "caption", children: E }),
+          /* @__PURE__ */ t.jsx(F, { size: "small", startIcon: /* @__PURE__ */ t.jsx(X, { fontSize: "small" }), onClick: P, variant: "text", children: "Reply" }),
+          B && u && /* @__PURE__ */ t.jsxs(
+            F,
             {
               size: "small",
-              startIcon: I ? /* @__PURE__ */ e.jsx(K, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(J, { fontSize: "small" }),
-              onClick: W,
+              startIcon: M ? /* @__PURE__ */ t.jsx(Q, { fontSize: "small" }) : /* @__PURE__ */ t.jsx(O, { fontSize: "small" }),
+              onClick: V,
               variant: "text",
               children: [
-                k,
+                y,
                 " ",
-                k === 1 ? "reply" : "replies"
+                y === 1 ? "reply" : "replies"
               ]
             }
           )
         ] }),
-        L && /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: L })
+        k && /* @__PURE__ */ t.jsx(c, { sx: { mt: 2 }, children: k })
       ] })
     ] }),
-    D && y && /* @__PURE__ */ e.jsx(H, { in: I, children: /* @__PURE__ */ e.jsx(d, { sx: { mt: 2 }, children: n.map((l, P) => /* @__PURE__ */ e.jsx(
-      x,
+    B && u && /* @__PURE__ */ t.jsx(J, { in: M, children: /* @__PURE__ */ t.jsx(c, { sx: { mt: 2 }, children: s.map((l, q) => /* @__PURE__ */ t.jsx(
+      T,
       {
         ...l,
-        level: S + 1,
-        maxLevel: V,
-        onLike: r,
-        onReply: o,
-        showReplies: y,
+        level: b + 1,
+        maxLevel: z,
+        onLike: a,
+        onReply: r,
+        showReplies: u,
         avatarSize: Math.max(32, f - 8)
       },
-      l.id || `reply-${P}`
+      l.id || `reply-${q}`
     )) }) })
   ] });
 };
-x.displayName = "SCommentMessage";
-try {
-  x.displayName = "SCommentMessage", x.__docgenInfo = { description: "A comprehensive comment message component with avatar display, user information, relative timestamps, like functionality, and nested reply support.", displayName: "SCommentMessage", props: { id: { defaultValue: { value: "Date.now()" }, description: "Unique identifier for the comment", name: "id", required: !1, type: { name: "string | number" } }, userName: { defaultValue: null, description: "Name of the user who posted the comment", name: "userName", required: !0, type: { name: "string" } }, userAvatar: { defaultValue: null, description: "URL of the user avatar image", name: "userAvatar", required: !1, type: { name: "string" } }, commentContent: { defaultValue: null, description: "The text content of the comment", name: "commentContent", required: !0, type: { name: "string" } }, datetime: { defaultValue: null, description: "Date/time when the comment was posted", name: "datetime", required: !0, type: { name: "string | Date" } }, likes: { defaultValue: { value: "0" }, description: "Number of likes the comment has received", name: "likes", required: !1, type: { name: "number" } }, isLiked: { defaultValue: { value: "false" }, description: "Whether the current user has liked this comment", name: "isLiked", required: !1, type: { name: "boolean" } }, replies: { defaultValue: { value: "[]" }, description: "Array of reply comments", name: "replies", required: !1, type: { name: "SCommentMessageProps[]" } }, totalReplies: { defaultValue: null, description: "Total count of replies to display", name: "totalReplies", required: !1, type: { name: "number" } }, onLike: { defaultValue: null, description: "Callback function triggered when the like button is clicked", name: "onLike", required: !1, type: { name: "((commentId: string | number) => void)" } }, onReply: { defaultValue: null, description: "Callback function triggered when the reply button is clicked", name: "onReply", required: !1, type: { name: "((commentId: string | number, parentId?: string | number) => void)" } }, onToggleReplies: { defaultValue: null, description: "Callback function triggered when the expand/collapse replies button is clicked", name: "onToggleReplies", required: !1, type: { name: "((commentId: string | number) => void)" } }, showReplies: { defaultValue: { value: "true" }, description: "Whether to show replies and the expand/collapse functionality", name: "showReplies", required: !1, type: { name: "boolean" } }, avatarSize: { defaultValue: { value: "48" }, description: "Size of the avatar in pixels", name: "avatarSize", required: !1, type: { name: "number" } }, level: { defaultValue: { value: "0" }, description: "Current nesting level of the comment", name: "level", required: !1, type: { name: "number" } }, maxLevel: { defaultValue: { value: "3" }, description: "Maximum nesting level allowed before stopping further indentation", name: "maxLevel", required: !1, type: { name: "number" } }, loading: { defaultValue: { value: "false" }, description: "Whether to show skeleton loading state instead of content", name: "loading", required: !1, type: { name: "boolean" } }, children: { defaultValue: null, description: "Custom content to display below the comment actions", name: "children", required: !1, type: { name: "ReactNode" } }, sx: { defaultValue: { value: "{}" }, description: "Material-UI sx prop for custom styling", name: "sx", required: !1, type: { name: "SxProps" } } } };
-} catch {
-}
+T.displayName = "SCommentMessage";
 export {
-  x as SCommentMessage,
-  x as default
+  T as SCommentMessage,
+  T as default
 };

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

@@ -1,21 +1,21 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as c } from "react";
-import { Paper as d, Box as u, IconButton as y, Typography as f } from "@mui/material";
-import { C as m, a as x } from "../ContentCopy-7nFBtjhs.js";
-const r = ({ text: e, typographyProps: o, onCopied: a, paperProps: s }) => {
-  const [p, n] = c(!1), i = async () => {
-    if (e)
+import { j as e } 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-2xxDThyB.js";
+const f = ({ text: o, typographyProps: r, onCopied: a, paperProps: i }) => {
+  const [t, s] = l(!1), n = async () => {
+    if (o)
       try {
-        await navigator.clipboard.writeText(e), n(!0), setTimeout(() => n(!1), 2e3), a == null || a();
-      } catch (l) {
-        console.error("Failed to copy text:", l);
+        await navigator.clipboard.writeText(o), s(!0), setTimeout(() => s(!1), 2e3), a?.();
+      } catch (c) {
+        console.error("Failed to copy text:", c);
       }
   };
-  return e ? /* @__PURE__ */ t.jsx(d, { sx: { p: 2, border: "1px dashed", borderColor: "divider" }, ...s, children: /* @__PURE__ */ t.jsxs(u, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ t.jsx(
-      y,
+  return o ? /* @__PURE__ */ e.jsx(p, { sx: { p: 2, border: "1px dashed", borderColor: "divider" }, ...i, children: /* @__PURE__ */ e.jsxs(d, { sx: { position: "relative" }, children: [
+    /* @__PURE__ */ e.jsx(
+      x,
       {
-        onClick: i,
+        onClick: n,
         size: "small",
         sx: {
           position: "absolute",
@@ -24,14 +24,14 @@ const r = ({ text: e, typographyProps: o, onCopied: a, paperProps: s }) => {
           right: 0,
           zIndex: 1,
           // Ensure button appears above text
-          color: p ? "success.main" : "inherit"
+          color: t ? "success.main" : "inherit"
           // Green when copied
         },
-        children: p ? /* @__PURE__ */ t.jsx(m, {}) : /* @__PURE__ */ t.jsx(x, {})
+        children: t ? /* @__PURE__ */ e.jsx(u, {}) : /* @__PURE__ */ e.jsx(h, {})
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      f,
+    /* @__PURE__ */ e.jsx(
+      m,
       {
         variant: "body1",
         sx: {
@@ -39,26 +39,18 @@ const r = ({ text: e, typographyProps: o, onCopied: a, paperProps: s }) => {
           // Preserve whitespace and line breaks
           wordBreak: "break-word",
           // Handle long words gracefully
-          ...o == null ? void 0 : o.sx
+          ...r?.sx
           // Allow custom styling override
         },
         color: "text.secondary",
-        ...o,
-        children: e
+        ...r,
+        children: o
       }
     )
   ] }) }) : null;
 };
-r.displayName = "SCopyableText";
-try {
-  r.displayName = "SCopyableText", r.__docgenInfo = { description: "A text display component with built-in copy-to-clipboard functionality and visual feedback.", displayName: "SCopyableText", props: { text: { defaultValue: null, description: "The text content to display and copy", name: "text", required: !1, type: { name: "string" } }, typographyProps: { defaultValue: null, description: "Props to pass to the Typography component for styling", name: "typographyProps", required: !1, type: { name: "TypographyProps" } }, onCopied: { defaultValue: null, description: "Callback function triggered after text is successfully copied", name: "onCopied", required: !1, type: { name: "(() => void)" } }, paperProps: { defaultValue: null, description: "Props to pass to the Paper component container", name: "paperProps", required: !1, type: { name: "PaperProps" } } } };
-} catch {
-}
-try {
-  scopyabletext.displayName = "scopyabletext", scopyabletext.__docgenInfo = { description: "A text display component with built-in copy-to-clipboard functionality and visual feedback.", displayName: "scopyabletext", props: { text: { defaultValue: null, description: "The text content to display and copy", name: "text", required: !1, type: { name: "string" } }, typographyProps: { defaultValue: null, description: "Props to pass to the Typography component for styling", name: "typographyProps", required: !1, type: { name: "TypographyProps" } }, onCopied: { defaultValue: null, description: "Callback function triggered after text is successfully copied", name: "onCopied", required: !1, type: { name: "(() => void)" } }, paperProps: { defaultValue: null, description: "Props to pass to the Paper component container", name: "paperProps", required: !1, type: { name: "PaperProps" } } } };
-} catch {
-}
+f.displayName = "SCopyableText";
 export {
-  r as SCopyableText,
-  r as default
+  f as SCopyableText,
+  f as default
 };

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

@@ -1,23 +1,23 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { Typography as l, Fade as b, Slide as z } from "@mui/material";
-import { SFlexBox as m } from "../s-flex-box/s-flex-box.js";
-const r = ({
-  digit: t = 0,
-  title: p = "",
-  size: c = "medium",
-  color: o = "inherit",
-  animation: u = "none",
-  sx: f,
-  digitSx: h,
-  titleSx: v,
-  showSeparator: g = !1,
-  separator: x = ":",
-  digitFormat: y = "default",
-  hidden: S = !1
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { Typography as r, Fade as H, Slide as v } from "@mui/material";
+import { SFlexBox as c } from "../s-flex-box/s-flex-box.js";
+const B = ({
+  digit: d = 0,
+  title: m = "",
+  size: x = "medium",
+  color: l = "inherit",
+  animation: o = "none",
+  sx: g,
+  digitSx: f,
+  titleSx: p,
+  showSeparator: h = !1,
+  separator: u = ":",
+  digitFormat: S = "default",
+  hidden: j = !1
 }) => {
-  if (S) return null;
-  const V = (d) => y === "padded" ? d.toString().padStart(2, "0") : d.toString(), a = (() => {
-    switch (c) {
+  if (j) return null;
+  const y = (a) => S === "padded" ? a.toString().padStart(2, "0") : a.toString(), e = (() => {
+    switch (x) {
       case "small":
         return {
           digit: { fontSize: "1.5rem", lineHeight: 1.2 },
@@ -34,22 +34,22 @@ const r = ({
           title: { fontSize: "0.875rem", letterSpacing: "0.08em" }
         };
     }
-  })(), i = V(t), n = /* @__PURE__ */ e.jsx(
-    l,
+  })(), i = y(d), n = /* @__PURE__ */ t.jsx(
+    r,
     {
       variant: "h3",
       component: "span",
       sx: {
         fontWeight: 700,
-        color: o === "inherit" ? "text.primary" : `${o}.main`,
+        color: l === "inherit" ? "text.primary" : `${l}.main`,
         width: "70px",
-        ...a.digit,
-        ...h
+        ...e.digit,
+        ...f
       },
       children: i
     }
-  ), q = /* @__PURE__ */ e.jsx(
-    l,
+  ), z = /* @__PURE__ */ t.jsx(
+    r,
     {
       component: "span",
       sx: {
@@ -58,55 +58,47 @@ const r = ({
         textTransform: "uppercase",
         display: "block",
         mt: 0.5,
-        ...a.title,
-        ...v
+        ...e.title,
+        ...p
       },
-      children: p
+      children: m
     }
-  ), s = /* @__PURE__ */ e.jsxs(
-    m,
+  ), s = /* @__PURE__ */ t.jsxs(
+    c,
     {
       flexDirection: "column",
       alignItems: "center",
       sx: {
         textAlign: "center",
         minWidth: "fit-content",
-        ...f
+        ...g
       },
       children: [
-        u === "fade" ? /* @__PURE__ */ e.jsx(b, { in: !0, timeout: 300, children: /* @__PURE__ */ e.jsx("div", { children: n }) }, i) : u === "slide" ? /* @__PURE__ */ e.jsx(z, { in: !0, direction: "up", timeout: 300, children: /* @__PURE__ */ e.jsx("div", { children: n }) }, i) : n,
-        q
+        o === "fade" ? /* @__PURE__ */ t.jsx(H, { in: !0, timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i) : o === "slide" ? /* @__PURE__ */ t.jsx(v, { in: !0, direction: "up", timeout: 300, children: /* @__PURE__ */ t.jsx("div", { children: n }) }, i) : n,
+        z
       ]
     }
   );
-  return g ? /* @__PURE__ */ e.jsxs(m, { alignItems: "center", children: [
+  return h ? /* @__PURE__ */ t.jsxs(c, { alignItems: "center", children: [
     s,
-    /* @__PURE__ */ e.jsx(
-      l,
+    /* @__PURE__ */ t.jsx(
+      r,
       {
         variant: "h3",
         sx: {
           color: "text.secondary",
-          ...a.digit,
+          ...e.digit,
           lineHeight: 1,
           alignSelf: "flex-start",
           mt: 0.5
         },
-        children: x
+        children: u
       }
     )
   ] }) : s;
 };
-r.displayName = "SCountBox";
-try {
-  r.displayName = "SCountBox", r.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "SCountBox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
-try {
-  scountbox.displayName = "scountbox", scountbox.__docgenInfo = { description: "An individual count box component that displays a single time unit with optional animations.", displayName: "scountbox", props: { digit: { defaultValue: { value: "0" }, description: "The numeric value to display", name: "digit", required: !1, type: { name: "number" } }, title: { defaultValue: { value: "" }, description: "The label/title for this time unit", name: "title", required: !1, type: { name: "string" } }, size: { defaultValue: { value: "medium" }, description: "Size variant for the count box", name: "size", required: !1, type: { name: "enum", value: [{ value: '"small"' }, { value: '"medium"' }, { value: '"large"' }] } }, color: { defaultValue: { value: "inherit" }, description: "Color variant for the count box", name: "color", required: !1, type: { name: "enum", value: [{ value: '"inherit"' }, { value: '"primary"' }, { value: '"secondary"' }, { value: '"success"' }, { value: '"error"' }, { value: '"info"' }, { value: '"warning"' }] } }, animation: { defaultValue: { value: "none" }, description: "Animation type for value changes", name: "animation", required: !1, type: { name: "enum", value: [{ value: '"none"' }, { value: '"fade"' }, { value: '"slide"' }] } }, sx: { defaultValue: null, description: "Custom styling", name: "sx", required: !1, type: { name: "SxProps<Theme>" } }, digitSx: { defaultValue: null, description: "Custom digit styling", name: "digitSx", required: !1, type: { name: "SxProps<Theme>" } }, titleSx: { defaultValue: null, description: "Custom title styling", name: "titleSx", required: !1, type: { name: "SxProps<Theme>" } }, showSeparator: { defaultValue: { value: "false" }, description: "Show separator after this box", name: "showSeparator", required: !1, type: { name: "boolean" } }, separator: { defaultValue: { value: ":" }, description: "Custom separator element", name: "separator", required: !1, type: { name: "ReactNode" } }, digitFormat: { defaultValue: { value: "default" }, description: "Format for displaying the digit (e.g., '00' for zero-padding)", name: "digitFormat", required: !1, type: { name: "enum", value: [{ value: '"default"' }, { value: '"padded"' }] } }, hidden: { defaultValue: { value: "false" }, description: "Whether this count box is hidden", name: "hidden", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
+B.displayName = "SCountBox";
 export {
-  r as SCountBox,
-  r as default
+  B as SCountBox,
+  B as default
 };