@solostylist/ui-kit 1.0.188 → 1.0.190

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

@@ -1,77 +1,78 @@
 import { j as s } from "../jsx-runtime-tc70JA_2.js";
-import { useRef as g, useState as d, useEffect as S } from "react";
-import { Box as l, Chip as m, Tooltip as v } from "@mui/material";
-const E = ({
-  chips: n,
+import { useRef as S, useState as m, useCallback as C, useEffect as E } from "react";
+import { Box as p, Chip as c, Tooltip as R } from "@mui/material";
+const v = ({
+  chips: t,
   overflow: r = !0,
-  onClick: c,
-  overflowText: h = "keywords"
+  onClick: h,
+  overflowText: d = "keywords"
 }) => {
-  const u = g(null), [C, b] = d([]), [w, y] = d([]), [x, W] = d(0), a = () => {
-    const t = u.current?.offsetWidth || 0;
-    let e = 0, i = 0;
-    for (let o = 0; o < n.length; o++) {
-      const f = p(n[o]);
-      if (e + f <= t)
-        e += f, i++;
+  const u = S(null), [b, w] = m([]), [y, W] = m([]), [x, j] = m(0), l = C((i) => {
+    const e = document.createElement("span");
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = i.trim(), document.body.appendChild(e);
+    const n = e.offsetWidth;
+    return document.body.removeChild(e), n + 16;
+  }, []), a = C(() => {
+    const i = u.current?.offsetWidth || 0;
+    let e = 0, n = 0;
+    for (let o = 0; o < t.length; o++) {
+      const f = l(t[o]);
+      if (e + f <= i)
+        e += f, n++;
       else
         break;
     }
-    if (i < n.length) {
-      const o = p(`+${n.length - i} ${h}`);
-      for (; e + o > t && i > 0; )
-        i--, e -= p(n[i]);
+    if (n < t.length) {
+      const o = l(`+${t.length - n} ${d}`);
+      for (; e + o > i && n > 0; )
+        n--, e -= l(t[n]);
     }
-    b(n.slice(0, i)), y(n.slice(i)), W(n.length - i);
-  }, p = (t) => {
-    const e = document.createElement("span");
-    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
-    const i = e.offsetWidth;
-    return document.body.removeChild(e), i + 16;
-  }, j = r ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
-  return S(() => {
+    w(t.slice(0, n)), W(t.slice(n)), j(t.length - n);
+  }, [t, d, l]), g = r ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
+  return E(() => {
     if (r)
       return a(), window.addEventListener("resize", a), () => {
         window.removeEventListener("resize", a);
       };
-  }, [n, r]), /* @__PURE__ */ s.jsxs(l, { ref: u, display: "flex", maxWidth: "100%", flexWrap: r ? "nowrap" : "wrap", ...j, children: [
-    (r ? C : n).map((t) => /* @__PURE__ */ s.jsx(
-      l,
+  }, [t, r, a]), /* @__PURE__ */ s.jsxs(p, { ref: u, display: "flex", maxWidth: "100%", flexWrap: r ? "nowrap" : "wrap", ...g, children: [
+    (r ? b : t).map((i) => /* @__PURE__ */ s.jsx(
+      p,
       {
         component: "span",
         textTransform: "lowercase",
         onClick: () => {
-          c?.(t);
+          h?.(i);
         },
         children: /* @__PURE__ */ s.jsx(
-          m,
+          c,
           {
-            label: t.trim(),
+            label: i.trim(),
             sx: {
               mr: 1,
               mb: 1,
               userSelect: "none",
-              cursor: c ? "pointer" : "default"
+              cursor: h ? "pointer" : "default"
             }
           }
         )
       },
-      t
+      i
     )),
     r && x > 0 && /* @__PURE__ */ s.jsx(
-      v,
+      R,
       {
         slotProps: {
           tooltip: { style: { padding: "0.5rem" } }
         },
         arrow: !0,
         placement: "top",
-        title: /* @__PURE__ */ s.jsx(l, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: w.map((t) => /* @__PURE__ */ s.jsx(m, { label: t.trim() }, t)) }),
-        children: /* @__PURE__ */ s.jsx(l, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
-          m,
+        title: /* @__PURE__ */ s.jsx(p, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: y.map((i) => /* @__PURE__ */ s.jsx(c, { label: i.trim() }, i)) }),
+        children: /* @__PURE__ */ s.jsx(p, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
+          c,
           {
-            label: `+${x} ${h}`,
+            label: `+${x} ${d}`,
             variant: "outlined",
+            color: "info",
             sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
           }
         ) })
@@ -79,8 +80,8 @@ const E = ({
     )
   ] });
 };
-E.displayName = "SChips";
+v.displayName = "SChips";
 export {
-  E as SChips,
-  E as default
+  v as SChips,
+  v as default
 };

package/dist/s-code-block/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-code-block/s-code-block.js

@@ -1012,7 +1012,6 @@ const w = {
       u,
       {
         onClick: h,
-        size: "small",
         sx: {
           position: "absolute",
           top: 8,
@@ -1021,7 +1020,7 @@ const w = {
           color: r ? "success.main" : "text.primary",
           backdropFilter: "blur(8px)"
         },
-        children: r ? /* @__PURE__ */ o.jsx(m, { fontSize: "small" }) : /* @__PURE__ */ o.jsx(f, { fontSize: "small" })
+        children: r ? /* @__PURE__ */ o.jsx(m, {}) : /* @__PURE__ */ o.jsx(f, {})
       }
     ),
     /* @__PURE__ */ o.jsx(

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,127 +1,125 @@
 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 { useId as K, useState as L, useEffect as T } from "react";
+import { Box as c, Stack as l, Typography as g, IconButton as N, Button as H, Collapse as O } 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-Cvjg7GqN.js";
-import { c as C } from "../createSvgIcon-DTNHY3_v.js";
-import { E as O } from "../ExpandMore-CTZrSZlF.js";
-const Q = C(/* @__PURE__ */ t.jsx("path", {
+import { SAvatar as Q } from "../s-avatar/s-avatar.js";
+import { F as U } from "../Favorite-Cvjg7GqN.js";
+import { c as b } from "../createSvgIcon-DTNHY3_v.js";
+import { E as X } from "../ExpandMore-CTZrSZlF.js";
+const Z = b(/* @__PURE__ */ t.jsx("path", {
   d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
-}), "ExpandLess"), U = C(/* @__PURE__ */ t.jsx("path", {
+}), "ExpandLess"), _ = b(/* @__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"), X = C(/* @__PURE__ */ t.jsx("path", {
+}), "FavoriteBorder"), tt = b(/* @__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"), 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(),
+}), "Reply"), et = (x) => {
+  const d = /* @__PURE__ */ new Date(), j = typeof x == "string" ? new Date(x) : x, p = d.getTime() - j.getTime(), f = Math.floor(p / 1e3), n = Math.floor(f / 60), i = Math.floor(n / 60), s = Math.floor(i / 24), h = Math.floor(s / 7), o = Math.floor(s / 30), r = Math.floor(s / 365);
+  return f < 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` : o < 12 ? o === 1 ? "1 month ago" : `${o} months ago` : r === 1 ? "1 year ago" : `${r} years ago`;
+}, W = ({
+  id: x,
   userName: d,
   userAvatar: j,
   commentContent: p,
-  datetime: m,
+  datetime: f,
   likes: n = 0,
   isLiked: i = !1,
   replies: s = [],
   totalReplies: h,
-  onLike: a,
+  onLike: o,
   onReply: r,
-  onToggleReplies: L,
+  onToggleReplies: S,
   showReplies: u = !0,
-  avatarSize: f = 48,
-  level: b = 0,
-  maxLevel: z = 3,
-  loading: H = !1,
-  children: k,
-  sx: $ = {}
+  avatarSize: m = 48,
+  level: k = 0,
+  maxLevel: $ = 3,
+  loading: A = !1,
+  children: E,
+  sx: B = {}
 }) => {
-  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 }),
+  const P = K(), v = x ?? P, [R, I] = L(n), [w, M] = L(i), [y, V] = L(!1), Y = () => {
+    w ? (I((a) => Math.max(0, a - 1)), M(!1)) : (I((a) => a + 1), M(!0)), o && o(v);
+  }, q = () => {
+    r && r(v);
+  }, z = () => {
+    V(!y), S && S(v);
+  }, G = et(f), C = h ?? s.length, D = C > 0, F = Math.min(k, $) * 2;
+  return T(() => {
+    I(n);
+  }, [n]), T(() => {
+    M(i);
+  }, [i]), A ? /* @__PURE__ */ t.jsx(c, { sx: { pl: F, py: 1, ...B }, children: /* @__PURE__ */ t.jsxs(l, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+    /* @__PURE__ */ t.jsx(e, { component: "rounded-avatar", width: m, height: m }),
     /* @__PURE__ */ t.jsxs(c, { sx: { flex: 1 }, children: [
-      /* @__PURE__ */ t.jsxs(x, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+      /* @__PURE__ */ t.jsxs(l, { 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(x, { direction: "row", spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ t.jsxs(l, { 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(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: { pl: F, py: 1, ...B }, children: [
+    /* @__PURE__ */ t.jsxs(l, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ t.jsx(Q, { avatar: j, name: d, size: m }),
       /* @__PURE__ */ t.jsxs(c, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ t.jsxs(x, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+        /* @__PURE__ */ t.jsxs(l, { 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__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(g, { variant: "caption", children: G }) })
         ] }),
         /* @__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.jsxs(l, { direction: "row", spacing: 1, alignItems: "center", children: [
           /* @__PURE__ */ t.jsx(
-            G,
+            N,
             {
-              size: "small",
-              onClick: A,
+              onClick: Y,
               sx: {
                 color: w ? "error.main" : "text.secondary"
               },
-              children: w ? /* @__PURE__ */ t.jsx(N, { fontSize: "small" }) : /* @__PURE__ */ t.jsx(U, { fontSize: "small" })
+              children: w ? /* @__PURE__ */ t.jsx(U, {}) : /* @__PURE__ */ t.jsx(_, {})
             }
           ),
-          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,
+          R > 0 && /* @__PURE__ */ t.jsx(g, { variant: "caption", children: R }),
+          /* @__PURE__ */ t.jsx(H, { startIcon: /* @__PURE__ */ t.jsx(tt, {}), onClick: q, variant: "text", children: "Reply" }),
+          D && u && /* @__PURE__ */ t.jsxs(
+            H,
             {
-              size: "small",
-              startIcon: M ? /* @__PURE__ */ t.jsx(Q, { fontSize: "small" }) : /* @__PURE__ */ t.jsx(O, { fontSize: "small" }),
-              onClick: V,
+              startIcon: y ? /* @__PURE__ */ t.jsx(Z, {}) : /* @__PURE__ */ t.jsx(X, {}),
+              onClick: z,
               variant: "text",
               children: [
-                y,
+                C,
                 " ",
-                y === 1 ? "reply" : "replies"
+                C === 1 ? "reply" : "replies"
               ]
             }
           )
         ] }),
-        k && /* @__PURE__ */ t.jsx(c, { sx: { mt: 2 }, children: k })
+        E && /* @__PURE__ */ t.jsx(c, { sx: { mt: 2 }, children: E })
       ] })
     ] }),
-    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,
+    D && u && /* @__PURE__ */ t.jsx(O, { in: y, children: /* @__PURE__ */ t.jsx(c, { sx: { mt: 2 }, children: s.map((a, J) => /* @__PURE__ */ t.jsx(
+      W,
       {
-        ...l,
-        level: b + 1,
-        maxLevel: z,
-        onLike: a,
+        ...a,
+        level: k + 1,
+        maxLevel: $,
+        onLike: o,
         onReply: r,
         showReplies: u,
-        avatarSize: Math.max(32, f - 8)
+        avatarSize: Math.max(32, m - 8)
       },
-      l.id || `reply-${q}`
+      a.id || `reply-${J}`
     )) }) })
   ] });
 };
-T.displayName = "SCommentMessage";
+W.displayName = "SCommentMessage";
 export {
-  T as SCommentMessage,
-  T as default
+  W as SCommentMessage,
+  W as default
 };

package/dist/s-copyable-text/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-countdown/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-data-table/package.json

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