@nice2dev/social 1.2.0 → 1.2.2

package/dist/index.mjs

@@ -1,178 +1,182 @@
-import { jsxs as l, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as W, useState as L, useCallback as D, useMemo as P } from "react";
-const X = W(
-  function(u, T) {
-    const {
-      comments: m,
+import { jsxs as r, jsx as e, Fragment as q } from "react/jsx-runtime";
+import { useNiceTranslation as U } from "@nice2dev/ui-core";
+import { forwardRef as O, useState as T, useCallback as W, useMemo as M } from "react";
+const ie = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      comments: h,
       currentUserId: s,
-      onSubmit: o,
-      onEdit: _,
-      onDelete: N,
-      onReact: r,
-      readOnly: w = !1,
-      maxDepth: E = 4,
-      reactions: $ = ["👍", "❤️", "😂", "😮", "😢"],
-      placeholder: b = "Write a comment…",
-      className: C,
-      style: x
-    } = u, [v, i] = L(""), [h, g] = L(null), [a, t] = L(""), [c, n] = L(null), [k, I] = L(""), F = /* @__PURE__ */ new Map();
-    for (const d of m) {
-      const M = d.parentId ?? "__root__";
-      F.has(M) || F.set(M, []), F.get(M).push(d);
+      onSubmit: d,
+      onEdit: p,
+      onDelete: y,
+      onReact: o,
+      readOnly: C = !1,
+      maxDepth: $ = 4,
+      reactions: E = ["👍", "❤️", "😂", "😮", "😢"],
+      placeholder: w = c("comments.writeAComment", "Write a comment…"),
+      className: x,
+      style: S
+    } = _, [g, i] = T(""), [u, N] = T(null), [n, t] = T(""), [l, a] = T(null), [k, F] = T(""), I = /* @__PURE__ */ new Map();
+    for (const m of h) {
+      const D = m.parentId ?? "__root__";
+      I.has(D) || I.set(D, []), I.get(D).push(m);
     }
-    const j = D(() => {
-      !v.trim() || !o || (o(v.trim()), i(""));
-    }, [v, o]), z = D(() => {
-      !a.trim() || !o || !h || (o(a.trim(), h), t(""), g(null));
-    }, [a, h, o]), S = D(() => {
-      !c || !k.trim() || !_ || (_(c, k.trim()), n(null), I(""));
-    }, [c, k, _]), O = (d, M) => {
-      const R = s && d.authorId === s, p = F.get(d.id) ?? [];
-      return /* @__PURE__ */ l("div", { className: "nice-comments__item", style: { marginLeft: M * 24 }, children: [
-        /* @__PURE__ */ l("div", { className: "nice-comments__header", children: [
-          d.authorAvatarUrl && /* @__PURE__ */ e("img", { src: d.authorAvatarUrl, alt: "", className: "nice-comments__avatar" }),
-          /* @__PURE__ */ e("strong", { className: "nice-comments__author", children: d.authorName }),
-          /* @__PURE__ */ e("time", { className: "nice-comments__time", children: d.createdAt }),
-          d.isEdited && /* @__PURE__ */ e("span", { className: "nice-comments__edited", children: "(edited)" })
+    const z = W(() => {
+      !g.trim() || !d || (d(g.trim()), i(""));
+    }, [g, d]), B = W(() => {
+      !n.trim() || !d || !u || (d(n.trim(), u), t(""), N(null));
+    }, [n, u, d]), A = W(() => {
+      !l || !k.trim() || !p || (p(l, k.trim()), a(null), F(""));
+    }, [l, k, p]), R = (m, D) => {
+      const j = s && m.authorId === s, v = I.get(m.id) ?? [];
+      return /* @__PURE__ */ r("div", { className: "nice-comments__item", style: { marginLeft: D * 24 }, children: [
+        /* @__PURE__ */ r("div", { className: "nice-comments__header", children: [
+          m.authorAvatarUrl && /* @__PURE__ */ e("img", { src: m.authorAvatarUrl, alt: "", className: "nice-comments__avatar" }),
+          /* @__PURE__ */ e("strong", { className: "nice-comments__author", children: m.authorName }),
+          /* @__PURE__ */ e("time", { className: "nice-comments__time", children: m.createdAt }),
+          m.isEdited && /* @__PURE__ */ e("span", { className: "nice-comments__edited", children: c("comments.edited", "(edited)") })
         ] }),
-        c === d.id ? /* @__PURE__ */ l("div", { className: "nice-comments__edit-form", children: [
-          /* @__PURE__ */ e("textarea", { value: k, onChange: (y) => I(y.target.value) }),
-          /* @__PURE__ */ e("button", { onClick: S, children: "Save" }),
-          /* @__PURE__ */ e("button", { onClick: () => n(null), children: "Cancel" })
-        ] }) : /* @__PURE__ */ e("p", { className: "nice-comments__content", children: d.isDeleted ? /* @__PURE__ */ e("em", { children: "Comment deleted" }) : d.content }),
-        !d.isDeleted && d.reactions && /* @__PURE__ */ e("div", { className: "nice-comments__reactions", children: Object.entries(d.reactions).map(([y, f]) => /* @__PURE__ */ l(
+        l === m.id ? /* @__PURE__ */ r("div", { className: "nice-comments__edit-form", children: [
+          /* @__PURE__ */ e("textarea", { value: k, onChange: (b) => F(b.target.value) }),
+          /* @__PURE__ */ e("button", { onClick: A, children: c("comments.save", "Save") }),
+          /* @__PURE__ */ e("button", { onClick: () => a(null), children: c("comments.cancel", "Cancel") })
+        ] }) : /* @__PURE__ */ e("p", { className: "nice-comments__content", children: m.isDeleted ? /* @__PURE__ */ e("em", { children: c("comments.commentDeleted", "Comment deleted") }) : m.content }),
+        !m.isDeleted && m.reactions && /* @__PURE__ */ e("div", { className: "nice-comments__reactions", children: Object.entries(m.reactions).map(([b, f]) => /* @__PURE__ */ r(
           "button",
           {
             className: "nice-comments__reaction",
-            onClick: () => r == null ? void 0 : r(d.id, y),
+            onClick: () => o == null ? void 0 : o(m.id, b),
             children: [
-              y,
+              b,
               " ",
               f
             ]
           },
-          y
+          b
         )) }),
-        !d.isDeleted && !w && /* @__PURE__ */ l("div", { className: "nice-comments__actions", children: [
-          r && $.map((y) => /* @__PURE__ */ e("button", { onClick: () => r(d.id, y), title: y, children: y }, y)),
-          M < E && /* @__PURE__ */ e(
+        !m.isDeleted && !C && /* @__PURE__ */ r("div", { className: "nice-comments__actions", children: [
+          o && E.map((b) => /* @__PURE__ */ e("button", { onClick: () => o(m.id, b), title: b, children: b }, b)),
+          D < $ && /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
-                g(d.id), t("");
+                N(m.id), t("");
               },
-              children: "Reply"
+              children: c("comments.reply", "Reply")
             }
           ),
-          R && _ && /* @__PURE__ */ e(
+          j && p && /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
-                n(d.id), I(d.content);
+                a(m.id), F(m.content);
               },
-              children: "Edit"
+              children: c("comments.edit", "Edit")
             }
           ),
-          R && N && /* @__PURE__ */ e("button", { onClick: () => N(d.id), children: "Delete" })
+          j && y && /* @__PURE__ */ e("button", { onClick: () => y(m.id), children: c("comments.delete", "Delete") })
         ] }),
-        h === d.id && /* @__PURE__ */ l("div", { className: "nice-comments__reply-form", children: [
+        u === m.id && /* @__PURE__ */ r("div", { className: "nice-comments__reply-form", children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              value: a,
-              onChange: (y) => t(y.target.value),
-              placeholder: "Write a reply…"
+              value: n,
+              onChange: (b) => t(b.target.value),
+              placeholder: c("comments.writeAReply", "Write a reply…")
             }
           ),
-          /* @__PURE__ */ e("button", { onClick: z, disabled: !a.trim(), children: "Send" }),
-          /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Cancel" })
+          /* @__PURE__ */ e("button", { onClick: B, disabled: !n.trim(), children: c("comments.send", "Send") }),
+          /* @__PURE__ */ e("button", { onClick: () => N(null), children: c("comments.cancel", "Cancel") })
         ] }),
-        p.map((y) => O(y, M + 1))
-      ] }, d.id);
-    }, U = F.get("__root__") ?? [];
-    return /* @__PURE__ */ l("div", { ref: T, className: `nice-comments ${C ?? ""}`, style: x, children: [
-      !w && /* @__PURE__ */ l("div", { className: "nice-comments__new", children: [
+        v.map((b) => R(b, D + 1))
+      ] }, m.id);
+    }, K = I.get("__root__") ?? [];
+    return /* @__PURE__ */ r("div", { ref: L, className: `nice-comments ${x ?? ""}`, style: S, children: [
+      !C && /* @__PURE__ */ r("div", { className: "nice-comments__new", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            value: v,
-            onChange: (d) => i(d.target.value),
-            placeholder: b
+            value: g,
+            onChange: (m) => i(m.target.value),
+            placeholder: w
           }
         ),
-        /* @__PURE__ */ e("button", { onClick: j, disabled: !v.trim(), children: "Post" })
+        /* @__PURE__ */ e("button", { onClick: z, disabled: !g.trim(), children: c("comments.post", "Post") })
       ] }),
-      U.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: "No comments yet." }) : U.map((d) => O(d, 0))
+      K.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: c("comments.noCommentsYet", "No comments yet.") }) : K.map((m) => R(m, 0))
     ] });
   }
-), V = {
+), Y = {
   star: "polygon(50% 2%, 62% 36%, 98% 37%, 69% 59%, 79% 94%, 50% 73%, 21% 94%, 31% 59%, 2% 37%, 38% 36%)",
   heart: "polygon(50% 92%, 12% 54%, 4% 40%, 4% 25%, 10% 13%, 22% 6%, 34% 6%, 44% 12%, 50% 21%, 56% 12%, 66% 6%, 78% 6%, 90% 13%, 96% 25%, 96% 40%, 88% 54%)",
-  share: "polygon(42% 8%, 92% 8%, 92% 58%, 75% 41%, 27% 89%, 11% 73%, 59% 25%)"
-}, K = ({
-  shape: A,
-  filled: u = !0
+  share: "polygon(42% 8%, 92% 8%, 92% 58%, 75% 41%, 27% 89%, 11% 73%, 59% 25%)",
+  // a thumbs-up: cuff on the left, fist with the thumb raised; thumb-down is it mirrored vertically
+  thumb: "polygon(6% 46%, 24% 46%, 24% 40%, 40% 36%, 50% 8%, 58% 6%, 64% 12%, 62% 36%, 88% 38%, 94% 46%, 90% 56%, 94% 64%, 90% 74%, 92% 82%, 86% 92%, 24% 92%, 24% 90%, 6% 90%)",
+  "thumb-down": "polygon(6% 54%, 24% 54%, 24% 60%, 40% 64%, 50% 92%, 58% 94%, 64% 88%, 62% 64%, 88% 62%, 94% 54%, 90% 44%, 94% 36%, 90% 26%, 92% 18%, 86% 8%, 24% 8%, 24% 10%, 6% 10%)"
+}, H = ({
+  shape: P,
+  filled: _ = !0
 }) => /* @__PURE__ */ e(
   "span",
   {
     "aria-hidden": "true",
-    className: `nice-social-shape nice-social-shape--${A}`,
+    className: `nice-social-shape nice-social-shape--${P}`,
     style: {
       display: "inline-block",
       width: "1em",
       height: "1em",
       verticalAlign: "-0.125em",
       background: "currentColor",
-      clipPath: V[A],
-      opacity: u ? 1 : 0.35
+      clipPath: Y[P],
+      opacity: _ ? 1 : 0.35
     }
   }
-), Z = W(
-  function(u, T) {
-    const {
-      value: m,
+), te = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      value: h,
       max: s = 5,
-      mode: o = "stars",
-      aggregation: _,
-      onChange: N,
-      readOnly: r = !1,
-      size: w = "md",
-      showValue: E = !1,
-      label: $,
-      emojiSet: b = ["😢", "😕", "😐", "🙂", "😍"],
-      className: C,
-      style: x
-    } = u, [v, i] = L(null), h = v !== null ? v + 1 : m ?? 0, g = D(
-      (c) => {
-        r || !N || N(c + 1);
+      mode: d = "stars",
+      aggregation: p,
+      onChange: y,
+      readOnly: o = !1,
+      size: C = "md",
+      showValue: $ = !1,
+      label: E,
+      emojiSet: w = ["😢", "😕", "😐", "🙂", "😍"],
+      className: x,
+      style: S
+    } = _, [g, i] = T(null), u = g !== null ? g + 1 : h ?? 0, N = W(
+      (l) => {
+        o || !y || y(l + 1);
       },
-      [r, N]
-    ), a = () => {
-      const c = [];
-      for (let n = 0; n < s; n++) {
-        const k = n < h;
-        let I;
-        o === "emoji" ? I = b[n] ?? b[b.length - 1] : o === "hearts" ? I = /* @__PURE__ */ e(K, { shape: "heart", filled: k }) : o === "thumbs" ? I = k ? "👍" : "👎" : I = /* @__PURE__ */ e(K, { shape: "star", filled: k }), c.push(
+      [o, y]
+    ), n = () => {
+      const l = [];
+      for (let a = 0; a < s; a++) {
+        const k = a < u;
+        let F;
+        d === "emoji" ? F = w[a] ?? w[w.length - 1] : d === "hearts" ? F = /* @__PURE__ */ e(H, { shape: "heart", filled: k }) : d === "thumbs" ? F = /* @__PURE__ */ e(H, { shape: k ? "thumb" : "thumb-down", filled: k }) : F = /* @__PURE__ */ e(H, { shape: "star", filled: k }), l.push(
           /* @__PURE__ */ e(
             "span",
             {
               className: `nice-ratings__symbol ${k ? "nice-ratings__symbol--active" : ""}`,
-              onClick: () => g(n),
-              onMouseEnter: () => !r && i(n),
-              onMouseLeave: () => !r && i(null),
-              role: r ? void 0 : "button",
-              tabIndex: r ? void 0 : 0,
-              onKeyDown: (F) => {
-                (F.key === "Enter" || F.key === " ") && g(n);
+              onClick: () => N(a),
+              onMouseEnter: () => !o && i(a),
+              onMouseLeave: () => !o && i(null),
+              role: o ? void 0 : "button",
+              tabIndex: o ? void 0 : 0,
+              onKeyDown: (I) => {
+                (I.key === "Enter" || I.key === " ") && N(a);
               },
-              children: I
+              children: F
             },
-            n
+            a
           )
         );
       }
-      return c;
-    }, t = () => /* @__PURE__ */ l("div", { className: "nice-ratings__numeric", children: [
+      return l;
+    }, t = () => /* @__PURE__ */ r("div", { className: "nice-ratings__numeric", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -180,105 +184,104 @@ const X = W(
           min: 0,
           max: s,
           step: 0.5,
-          value: m ?? 0,
-          onChange: (c) => N == null ? void 0 : N(parseFloat(c.target.value) || 0),
-          readOnly: r,
+          value: h ?? 0,
+          onChange: (l) => y == null ? void 0 : y(parseFloat(l.target.value) || 0),
+          readOnly: o,
           className: "nice-ratings__numeric-input"
         }
       ),
-      /* @__PURE__ */ l("span", { className: "nice-ratings__numeric-max", children: [
+      /* @__PURE__ */ r("span", { className: "nice-ratings__numeric-max", children: [
         "/ ",
         s
       ] })
     ] });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: T,
-        className: `nice-ratings nice-ratings--${w} nice-ratings--${o} ${r ? "nice-ratings--readonly" : ""} ${C ?? ""}`,
-        style: x,
+        ref: L,
+        className: `nice-ratings nice-ratings--${C} nice-ratings--${d} ${o ? "nice-ratings--readonly" : ""} ${x ?? ""}`,
+        style: S,
         children: [
-          $ && /* @__PURE__ */ e("span", { className: "nice-ratings__label", children: $ }),
-          /* @__PURE__ */ l("div", { className: "nice-ratings__body", children: [
-            o === "numeric" ? t() : a(),
-            E && o !== "numeric" && /* @__PURE__ */ l("span", { className: "nice-ratings__value", children: [
-              h,
+          E && /* @__PURE__ */ e("span", { className: "nice-ratings__label", children: E }),
+          /* @__PURE__ */ r("div", { className: "nice-ratings__body", children: [
+            d === "numeric" ? t() : n(),
+            $ && d !== "numeric" && /* @__PURE__ */ r("span", { className: "nice-ratings__value", children: [
+              u,
               " / ",
               s
             ] })
           ] }),
-          _ && /* @__PURE__ */ l("div", { className: "nice-ratings__aggregation", children: [
-            /* @__PURE__ */ e("span", { className: "nice-ratings__avg", children: _.average.toFixed(1) }),
-            /* @__PURE__ */ l("span", { className: "nice-ratings__count", children: [
-              "(",
-              _.count,
-              " ratings)"
-            ] }),
-            _.distribution && /* @__PURE__ */ e("div", { className: "nice-ratings__distribution", children: Object.entries(_.distribution).sort(([c], [n]) => +n - +c).map(([c, n]) => /* @__PURE__ */ l("div", { className: "nice-ratings__distribution-row", children: [
-              /* @__PURE__ */ e("span", { children: c }),
+          p && /* @__PURE__ */ r("div", { className: "nice-ratings__aggregation", children: [
+            /* @__PURE__ */ e("span", { className: "nice-ratings__avg", children: p.average.toFixed(1) }),
+            /* @__PURE__ */ e("span", { className: "nice-ratings__count", children: c("ratings.ratings", "({count} ratings)").replace(
+              "{count}",
+              String(p.count)
+            ) }),
+            p.distribution && /* @__PURE__ */ e("div", { className: "nice-ratings__distribution", children: Object.entries(p.distribution).sort(([l], [a]) => +a - +l).map(([l, a]) => /* @__PURE__ */ r("div", { className: "nice-ratings__distribution-row", children: [
+              /* @__PURE__ */ e("span", { children: l }),
               /* @__PURE__ */ e("div", { className: "nice-ratings__bar", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "nice-ratings__bar-fill",
                   style: {
-                    width: `${_.count ? n / _.count * 100 : 0}%`
+                    width: `${p.count ? a / p.count * 100 : 0}%`
                   }
                 }
               ) }),
-              /* @__PURE__ */ e("span", { children: n })
-            ] }, c)) })
+              /* @__PURE__ */ e("span", { children: a })
+            ] }, l)) })
           ] })
         ]
       }
     );
   }
-), ee = W(
-  function(u, T) {
-    const {
-      stats: m,
+), ne = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      stats: h,
       userState: s,
-      onLike: o,
-      onShare: _,
-      onBookmark: N,
-      direction: r = "horizontal",
-      size: w = "md",
-      showCounts: E = !0,
-      showLabels: $ = !1,
-      className: b,
-      style: C
-    } = u, x = D((i) => i >= 1e6 ? (i / 1e6).toFixed(1) + "M" : i >= 1e3 ? (i / 1e3).toFixed(1) + "K" : i.toString(), []), v = [
+      onLike: d,
+      onShare: p,
+      onBookmark: y,
+      direction: o = "horizontal",
+      size: C = "md",
+      showCounts: $ = !0,
+      showLabels: E = !1,
+      className: w,
+      style: x
+    } = _, S = W((i) => i >= 1e6 ? (i / 1e6).toFixed(1) + "M" : i >= 1e3 ? (i / 1e3).toFixed(1) + "K" : i.toString(), []), g = [
       {
         key: "like",
         shape: "heart",
-        label: "Like",
-        count: m.likes,
+        label: c("socialPanel.like", "Like"),
+        count: h.likes,
         isActive: (s == null ? void 0 : s.liked) ?? !1,
-        onClick: o
+        onClick: d
       },
       {
         key: "share",
         shape: "share",
-        label: "Share",
-        count: m.shares,
+        label: c("socialPanel.share", "Share"),
+        count: h.shares,
         isActive: (s == null ? void 0 : s.shared) ?? !1,
-        onClick: _
+        onClick: p
       },
       {
         key: "bookmark",
         shape: "star",
-        label: "Bookmark",
-        count: m.bookmarks,
+        label: c("socialPanel.bookmark", "Bookmark"),
+        count: h.bookmarks,
         isActive: (s == null ? void 0 : s.bookmarked) ?? !1,
-        onClick: N
+        onClick: y
       }
     ];
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: T,
-        className: `nice-social-panel nice-social-panel--${r} nice-social-panel--${w} ${b ?? ""}`,
-        style: C,
-        children: v.map((i) => /* @__PURE__ */ l(
+        ref: L,
+        className: `nice-social-panel nice-social-panel--${o} nice-social-panel--${C} ${w ?? ""}`,
+        style: x,
+        children: g.map((i) => /* @__PURE__ */ r(
           "button",
           {
             className: `nice-social-panel__btn nice-social-panel__btn--${i.key} ${i.isActive ? "nice-social-panel__btn--active" : ""}`,
@@ -287,9 +290,9 @@ const X = W(
             "aria-label": i.label,
             "aria-pressed": i.isActive,
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-social-panel__icon", children: /* @__PURE__ */ e(K, { shape: i.shape, filled: i.isActive || i.shape === "share" }) }),
-              $ && /* @__PURE__ */ e("span", { className: "nice-social-panel__label", children: i.label }),
-              E && /* @__PURE__ */ e("span", { className: "nice-social-panel__count", children: x(i.count) })
+              /* @__PURE__ */ e("span", { className: "nice-social-panel__icon", children: /* @__PURE__ */ e(H, { shape: i.shape, filled: i.isActive || i.shape === "share" }) }),
+              E && /* @__PURE__ */ e("span", { className: "nice-social-panel__label", children: i.label }),
+              $ && /* @__PURE__ */ e("span", { className: "nice-social-panel__count", children: S(i.count) })
             ]
           },
           i.key
@@ -297,57 +300,53 @@ const X = W(
       }
     );
   }
-), ie = W(
-  function(u, T) {
-    const {
-      tags: m,
+), ae = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      tags: h,
       onTagClick: s,
-      minFontSize: o = 12,
-      maxFontSize: _ = 36,
-      sortBy: N = "weight",
-      maxTags: r,
-      selectedIds: w,
-      className: E,
-      style: $
-    } = u, b = P(() => {
-      let i = [...m];
-      if (N === "weight")
-        i.sort((h, g) => g.weight - h.weight);
-      else if (N === "alphabetical")
-        i.sort((h, g) => h.label.localeCompare(g.label));
+      minFontSize: d = 12,
+      maxFontSize: p = 36,
+      sortBy: y = "weight",
+      maxTags: o,
+      selectedIds: C,
+      className: $,
+      style: E
+    } = _, w = M(() => {
+      let i = [...h];
+      if (y === "weight")
+        i.sort((u, N) => N.weight - u.weight);
+      else if (y === "alphabetical")
+        i.sort((u, N) => u.label.localeCompare(N.label));
       else
-        for (let h = i.length - 1; h > 0; h--) {
-          const g = Math.floor(Math.random() * (h + 1));
-          [i[h], i[g]] = [i[g], i[h]];
+        for (let u = i.length - 1; u > 0; u--) {
+          const N = Math.floor(Math.random() * (u + 1));
+          [i[u], i[N]] = [i[N], i[u]];
         }
-      return r && i.length > r && (i = i.slice(0, r)), i;
-    }, [m, N, r]), { minW: C, maxW: x } = P(() => {
-      if (b.length === 0)
+      return o && i.length > o && (i = i.slice(0, o)), i;
+    }, [h, y, o]), { minW: x, maxW: S } = M(() => {
+      if (w.length === 0)
         return { minW: 0, maxW: 1 };
-      const i = b.map((h) => h.weight);
+      const i = w.map((u) => u.weight);
       return { minW: Math.min(...i), maxW: Math.max(...i) };
-    }, [b]), v = (i) => {
-      if (x === C)
-        return (o + _) / 2;
-      const h = (i - C) / (x - C);
-      return o + h * (_ - o);
+    }, [w]), g = (i) => {
+      if (S === x)
+        return (d + p) / 2;
+      const u = (i - x) / (S - x);
+      return d + u * (p - d);
     };
-    return /* @__PURE__ */ e("div", { ref: T, className: `nice-tag-cloud ${E ?? ""}`, style: $, children: b.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-tag-cloud__empty", children: "No tags." }) : b.map((i) => {
-      const h = w == null ? void 0 : w.includes(i.id), g = v(i.weight);
+    return /* @__PURE__ */ e("div", { ref: L, className: `nice-tag-cloud ${$ ?? ""}`, style: E, children: w.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-tag-cloud__empty", children: c("tagCloud.noTags", "No tags.") }) : w.map((i) => {
+      const u = C == null ? void 0 : C.includes(i.id), N = g(i.weight);
       return /* @__PURE__ */ e(
         "span",
         {
-          className: `nice-tag-cloud__tag ${h ? "nice-tag-cloud__tag--selected" : ""}`,
-          style: {
-            fontSize: g,
-            color: i.color,
-            cursor: s ? "pointer" : void 0
-          },
+          className: `nice-tag-cloud__tag ${u ? "nice-tag-cloud__tag--selected" : ""}`,
+          style: { fontSize: N, color: i.color },
           onClick: () => s == null ? void 0 : s(i),
           role: s ? "button" : void 0,
           tabIndex: s ? 0 : void 0,
-          onKeyDown: (a) => {
-            (a.key === "Enter" || a.key === " ") && s && s(i);
+          onKeyDown: (n) => {
+            (n.key === "Enter" || n.key === " ") && s && s(i);
           },
           title: `${i.label} (${i.weight})`,
           children: i.label
@@ -356,79 +355,79 @@ const X = W(
       );
     }) });
   }
-), q = {
+), G = {
   online: "#22c55e",
   away: "#eab308",
   busy: "#ef4444",
   offline: "#9ca3af"
-}, te = W(
-  function(u, T) {
-    const {
-      users: m,
+}, se = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      users: h,
       onUserClick: s,
-      onAction: o,
-      actions: _ = [],
-      searchable: N = !1,
-      statusFilter: r,
-      showStatus: w = !0,
-      layout: E = "list",
-      groupByRole: $ = !1,
-      className: b,
-      style: C
-    } = u, [x, v] = L(""), i = P(() => {
-      let a = m;
-      if (r && r.length > 0 && (a = a.filter((t) => t.status && r.includes(t.status))), x.trim()) {
-        const t = x.toLowerCase();
-        a = a.filter(
-          (c) => {
-            var n, k;
-            return c.name.toLowerCase().includes(t) || ((n = c.email) == null ? void 0 : n.toLowerCase().includes(t)) || ((k = c.role) == null ? void 0 : k.toLowerCase().includes(t));
+      onAction: d,
+      actions: p = [],
+      searchable: y = !1,
+      statusFilter: o,
+      showStatus: C = !0,
+      layout: $ = "list",
+      groupByRole: E = !1,
+      className: w,
+      style: x
+    } = _, [S, g] = T(""), i = M(() => {
+      let n = h;
+      if (o && o.length > 0 && (n = n.filter((t) => t.status && o.includes(t.status))), S.trim()) {
+        const t = S.toLowerCase();
+        n = n.filter(
+          (l) => {
+            var a, k;
+            return l.name.toLowerCase().includes(t) || ((a = l.email) == null ? void 0 : a.toLowerCase().includes(t)) || ((k = l.role) == null ? void 0 : k.toLowerCase().includes(t));
           }
         );
       }
-      return a;
-    }, [m, r, x]), h = P(() => {
-      if (!$)
+      return n;
+    }, [h, o, S]), u = M(() => {
+      if (!E)
         return { "": i };
-      const a = {};
+      const n = {};
       for (const t of i) {
-        const c = t.role ?? "Other";
-        a[c] || (a[c] = []), a[c].push(t);
+        const l = t.role ?? "Other";
+        n[l] || (n[l] = []), n[l].push(t);
       }
-      return a;
-    }, [i, $]), g = (a) => /* @__PURE__ */ l(
+      return n;
+    }, [i, E]), N = (n) => /* @__PURE__ */ r(
       "div",
       {
-        className: `nice-user-list__item nice-user-list__item--${E}`,
-        onClick: () => s == null ? void 0 : s(a),
+        className: `nice-user-list__item nice-user-list__item--${$}`,
+        onClick: () => s == null ? void 0 : s(n),
         role: s ? "button" : void 0,
         tabIndex: s ? 0 : void 0,
         onKeyDown: (t) => {
-          t.key === "Enter" && s && s(a);
+          t.key === "Enter" && s && s(n);
         },
         children: [
-          /* @__PURE__ */ l("div", { className: "nice-user-list__avatar-wrap", children: [
-            a.avatarUrl ? /* @__PURE__ */ e("img", { src: a.avatarUrl, alt: a.name, className: "nice-user-list__avatar" }) : /* @__PURE__ */ e("span", { className: "nice-user-list__avatar-placeholder", children: a.name.charAt(0).toUpperCase() }),
-            w && a.status && /* @__PURE__ */ e(
+          /* @__PURE__ */ r("div", { className: "nice-user-list__avatar-wrap", children: [
+            n.avatarUrl ? /* @__PURE__ */ e("img", { src: n.avatarUrl, alt: n.name, className: "nice-user-list__avatar" }) : /* @__PURE__ */ e("span", { className: "nice-user-list__avatar-placeholder", children: n.name.charAt(0).toUpperCase() }),
+            C && n.status && /* @__PURE__ */ e(
               "span",
               {
                 className: "nice-user-list__status-dot",
-                style: { backgroundColor: q[a.status] },
-                title: a.status
+                style: { backgroundColor: G[n.status] },
+                title: n.status
               }
             )
           ] }),
-          /* @__PURE__ */ l("div", { className: "nice-user-list__info", children: [
-            /* @__PURE__ */ e("span", { className: "nice-user-list__name", children: a.name }),
-            a.email && /* @__PURE__ */ e("span", { className: "nice-user-list__email", children: a.email }),
-            a.role && /* @__PURE__ */ e("span", { className: "nice-user-list__role", children: a.role })
+          /* @__PURE__ */ r("div", { className: "nice-user-list__info", children: [
+            /* @__PURE__ */ e("span", { className: "nice-user-list__name", children: n.name }),
+            n.email && /* @__PURE__ */ e("span", { className: "nice-user-list__email", children: n.email }),
+            n.role && /* @__PURE__ */ e("span", { className: "nice-user-list__role", children: n.role })
           ] }),
-          _.length > 0 && /* @__PURE__ */ e("div", { className: "nice-user-list__actions", children: _.map((t) => /* @__PURE__ */ e(
+          p.length > 0 && /* @__PURE__ */ e("div", { className: "nice-user-list__actions", children: p.map((t) => /* @__PURE__ */ e(
             "button",
             {
               className: "nice-user-list__action-btn",
-              onClick: (c) => {
-                c.stopPropagation(), o == null || o(a, t);
+              onClick: (l) => {
+                l.stopPropagation(), d == null || d(n, t);
               },
               children: t
             },
@@ -436,186 +435,206 @@ const X = W(
           )) })
         ]
       },
-      a.id
+      n.id
     );
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: T,
-        className: `nice-user-list nice-user-list--${E} ${b ?? ""}`,
-        style: C,
+        ref: L,
+        className: `nice-user-list nice-user-list--${$} ${w ?? ""}`,
+        style: x,
         children: [
-          N && /* @__PURE__ */ e(
+          y && /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: x,
-              onChange: (a) => v(a.target.value),
-              placeholder: "Search users…",
+              value: S,
+              onChange: (n) => g(n.target.value),
+              placeholder: c("userList.searchUsers", "Search users…"),
               className: "nice-user-list__search"
             }
           ),
-          i.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-user-list__empty", children: "No users found." }) : Object.entries(h).map(([a, t]) => /* @__PURE__ */ l("div", { className: "nice-user-list__group", children: [
-            $ && a && /* @__PURE__ */ l("h4", { className: "nice-user-list__group-title", children: [
-              a,
+          i.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-user-list__empty", children: c("userList.noUsersFound", "No users found.") }) : Object.entries(u).map(([n, t]) => /* @__PURE__ */ r("div", { className: "nice-user-list__group", children: [
+            E && n && /* @__PURE__ */ r("h4", { className: "nice-user-list__group-title", children: [
+              n,
               " (",
               t.length,
               ")"
             ] }),
-            t.map(g)
-          ] }, a))
+            t.map(N)
+          ] }, n))
         ]
       }
     );
   }
 );
-function Y(A) {
-  if (!A)
+function J(P) {
+  if (!P)
     return "";
-  let u = A;
-  return u = u.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), u = u.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), u = u.replace(/(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi, '$1=""'), u = u.replace(/(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi, '$1=""'), u = u.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi, ""), u;
+  let _ = P;
+  return _ = _.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), _ = _.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), _ = _.replace(/(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi, '$1=""'), _ = _.replace(/(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi, '$1=""'), _ = _.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi, ""), _;
 }
-const ae = W(function(u, T) {
-  const {
-    pages: m,
-    selectedPageId: s,
-    onSelectPage: o,
-    onSavePage: _,
-    onDeletePage: N,
-    onCreatePage: r,
-    editable: w = !1,
-    searchable: E = !0,
-    renderHtml: $ = !1,
-    sidebarWidth: b = 260,
-    className: C,
-    style: x
-  } = u, [v, i] = L(""), [h, g] = L(!1), [a, t] = L(""), [c, n] = L(""), [k, I] = L(""), [F, j] = L(!1), z = P(() => {
-    if (m.some((f) => f.children && f.children.length > 0))
-      return m.filter((f) => !f.parentId);
-    const p = /* @__PURE__ */ new Map();
-    for (const f of m)
-      p.set(f.id, { ...f, children: [] });
-    const y = [];
-    for (const f of p.values())
-      f.parentId && p.has(f.parentId) ? p.get(f.parentId).children.push(f) : y.push(f);
-    return y;
-  }, [m]), S = P(
-    () => m.find((p) => p.id === s),
-    [m, s]
-  ), O = P(() => {
-    if (!v.trim())
-      return z;
-    const p = v.toLowerCase(), y = new Set(
-      m.filter((f) => f.title.toLowerCase().includes(p)).map((f) => f.id)
-    );
-    return m.filter((f) => y.has(f.id));
-  }, [z, m, v]), U = D(() => {
-    S && (t(S.title), n(S.content ?? ""), g(!0));
-  }, [S]), d = D(() => {
-    !S || !_ || (_(S.id, c, a), g(!1));
-  }, [S, c, a, _]), M = D(() => {
-    !k.trim() || !r || (r(s ?? null, k.trim()), I(""), j(!1));
-  }, [k, s, r]), R = (p, y = 0) => {
-    var f;
-    return /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: `nice-wiki__page-item ${p.id === s ? "nice-wiki__page-item--active" : ""}`,
-          style: { paddingLeft: 12 + y * 16 },
-          onClick: () => o == null ? void 0 : o(p),
-          role: "button",
-          tabIndex: 0,
-          onKeyDown: (B) => {
-            B.key === "Enter" && (o == null || o(p));
-          },
-          children: p.title
-        }
-      ),
-      (f = p.children) == null ? void 0 : f.map((B) => R(B, y + 1))
-    ] }, p.id);
-  };
-  return /* @__PURE__ */ l("div", { ref: T, className: `nice-wiki ${C ?? ""}`, style: { display: "flex", ...x }, children: [
-    /* @__PURE__ */ l("div", { className: "nice-wiki__sidebar", style: { width: b, minWidth: b }, children: [
-      /* @__PURE__ */ l("div", { className: "nice-wiki__sidebar-header", children: [
-        /* @__PURE__ */ e("strong", { children: "Wiki" }),
-        w && r && /* @__PURE__ */ e("button", { onClick: () => j(!F), title: "New page", children: "+" })
-      ] }),
-      F && /* @__PURE__ */ l("div", { className: "nice-wiki__new-page", children: [
+const ce = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      pages: h,
+      selectedPageId: s,
+      onSelectPage: d,
+      onSavePage: p,
+      onDeletePage: y,
+      onCreatePage: o,
+      editable: C = !1,
+      searchable: $ = !0,
+      renderHtml: E = !1,
+      sidebarWidth: w = 260,
+      className: x,
+      style: S
+    } = _, [g, i] = T(""), [u, N] = T(!1), [n, t] = T(""), [l, a] = T(""), [k, F] = T(""), [I, z] = T(!1), B = M(() => {
+      if (h.some((f) => f.children && f.children.length > 0))
+        return h.filter((f) => !f.parentId);
+      const v = /* @__PURE__ */ new Map();
+      for (const f of h)
+        v.set(f.id, { ...f, children: [] });
+      const b = [];
+      for (const f of v.values())
+        f.parentId && v.has(f.parentId) ? v.get(f.parentId).children.push(f) : b.push(f);
+      return b;
+    }, [h]), A = M(
+      () => h.find((v) => v.id === s),
+      [h, s]
+    ), R = M(() => {
+      if (!g.trim())
+        return B;
+      const v = g.toLowerCase(), b = new Set(
+        h.filter((f) => f.title.toLowerCase().includes(v)).map((f) => f.id)
+      );
+      return h.filter((f) => b.has(f.id));
+    }, [B, h, g]), K = W(() => {
+      A && (t(A.title), a(A.content ?? ""), N(!0));
+    }, [A]), m = W(() => {
+      !A || !p || (p(A.id, l, n), N(!1));
+    }, [A, l, n, p]), D = W(() => {
+      !k.trim() || !o || (o(s ?? null, k.trim()), F(""), z(!1));
+    }, [k, s, o]), j = (v, b = 0) => {
+      var f;
+      return /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e(
-          "input",
+          "div",
           {
-            type: "text",
-            value: k,
-            onChange: (p) => I(p.target.value),
-            placeholder: "New page title"
+            className: `nice-wiki__page-item ${v.id === s ? "nice-wiki__page-item--active" : ""}`,
+            style: { paddingLeft: 12 + b * 16 },
+            onClick: () => d == null ? void 0 : d(v),
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (V) => {
+              V.key === "Enter" && (d == null || d(v));
+            },
+            children: v.title
           }
         ),
-        /* @__PURE__ */ e("button", { onClick: M, disabled: !k.trim(), children: "Create" })
-      ] }),
-      E && /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          className: "nice-wiki__search",
-          value: v,
-          onChange: (p) => i(p.target.value),
-          placeholder: "Search pages…"
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "nice-wiki__tree", children: O.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-wiki__empty", children: "No pages." }) : O.map((p) => R(p)) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "nice-wiki__content", children: S ? h ? /* @__PURE__ */ l("div", { className: "nice-wiki__editor", children: [
-      /* @__PURE__ */ e(
-        "input",
-        {
-          type: "text",
-          className: "nice-wiki__edit-title",
-          value: a,
-          onChange: (p) => t(p.target.value)
-        }
-      ),
-      /* @__PURE__ */ e(
-        "textarea",
-        {
-          className: "nice-wiki__edit-body",
-          value: c,
-          onChange: (p) => n(p.target.value),
-          rows: 20
-        }
-      ),
-      /* @__PURE__ */ l("div", { className: "nice-wiki__edit-actions", children: [
-        /* @__PURE__ */ e("button", { onClick: d, children: "Save" }),
-        /* @__PURE__ */ e("button", { onClick: () => g(!1), children: "Cancel" })
-      ] })
-    ] }) : /* @__PURE__ */ l("div", { className: "nice-wiki__viewer", children: [
-      /* @__PURE__ */ l("div", { className: "nice-wiki__viewer-header", children: [
-        /* @__PURE__ */ e("h2", { children: S.title }),
-        /* @__PURE__ */ l("div", { className: "nice-wiki__viewer-meta", children: [
-          S.lastEditedBy && /* @__PURE__ */ l("span", { children: [
-            "Edited by ",
-            S.lastEditedBy
+        (f = v.children) == null ? void 0 : f.map((V) => j(V, b + 1))
+      ] }, v.id);
+    };
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: L,
+        className: `nice-wiki ${x ?? ""}`,
+        style: { display: "flex", ...S },
+        children: [
+          /* @__PURE__ */ r("div", { className: "nice-wiki__sidebar", style: { width: w, minWidth: w }, children: [
+            /* @__PURE__ */ r("div", { className: "nice-wiki__sidebar-header", children: [
+              /* @__PURE__ */ e("strong", { children: c("wiki.wiki", "Wiki") }),
+              C && o && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => z(!I),
+                  title: c("wiki.newPage", "New page"),
+                  children: "+"
+                }
+              )
+            ] }),
+            I && /* @__PURE__ */ r("div", { className: "nice-wiki__new-page", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: k,
+                  onChange: (v) => F(v.target.value),
+                  placeholder: c("wiki.newPageTitle", "New page title")
+                }
+              ),
+              /* @__PURE__ */ e("button", { onClick: D, disabled: !k.trim(), children: c("wiki.create", "Create") })
+            ] }),
+            $ && /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                className: "nice-wiki__search",
+                value: g,
+                onChange: (v) => i(v.target.value),
+                placeholder: c("wiki.searchPages", "Search pages…")
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "nice-wiki__tree", children: R.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-wiki__empty", children: c("wiki.noPages", "No pages.") }) : R.map((v) => j(v)) })
           ] }),
-          S.lastEditedAt && /* @__PURE__ */ l("span", { children: [
-            " on ",
-            S.lastEditedAt
-          ] })
-        ] }),
-        w && /* @__PURE__ */ l("div", { className: "nice-wiki__viewer-actions", children: [
-          /* @__PURE__ */ e("button", { onClick: U, children: "Edit" }),
-          N && /* @__PURE__ */ e("button", { onClick: () => N(S.id), children: "Delete" })
-        ] })
-      ] }),
-      $ ? /* @__PURE__ */ e(
-        "div",
-        {
-          className: "nice-wiki__viewer-body",
-          dangerouslySetInnerHTML: { __html: Y(S.content ?? "") }
-        }
-      ) : /* @__PURE__ */ e("div", { className: "nice-wiki__viewer-body", children: S.content ?? /* @__PURE__ */ e("em", { children: "No content." }) })
-    ] }) : /* @__PURE__ */ e("div", { className: "nice-wiki__placeholder", children: "Select a page from the sidebar." }) })
-  ] });
-}), G = {
+          /* @__PURE__ */ e("div", { className: "nice-wiki__content", children: A ? u ? /* @__PURE__ */ r("div", { className: "nice-wiki__editor", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                className: "nice-wiki__edit-title",
+                value: n,
+                onChange: (v) => t(v.target.value)
+              }
+            ),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                className: "nice-wiki__edit-body",
+                value: l,
+                onChange: (v) => a(v.target.value),
+                rows: 20
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: "nice-wiki__edit-actions", children: [
+              /* @__PURE__ */ e("button", { onClick: m, children: c("wiki.save", "Save") }),
+              /* @__PURE__ */ e("button", { onClick: () => N(!1), children: c("wiki.cancel", "Cancel") })
+            ] })
+          ] }) : /* @__PURE__ */ r("div", { className: "nice-wiki__viewer", children: [
+            /* @__PURE__ */ r("div", { className: "nice-wiki__viewer-header", children: [
+              /* @__PURE__ */ e("h2", { children: A.title }),
+              /* @__PURE__ */ r("div", { className: "nice-wiki__viewer-meta", children: [
+                A.lastEditedBy && /* @__PURE__ */ e("span", { children: c("wiki.editedBy", "Edited by {lastEditedBy}").replace(
+                  "{lastEditedBy}",
+                  String(A.lastEditedBy)
+                ) }),
+                A.lastEditedAt && /* @__PURE__ */ r("span", { children: [
+                  " ",
+                  c("wiki.on", "on {lastEditedAt}").replace(
+                    "{lastEditedAt}",
+                    String(A.lastEditedAt)
+                  )
+                ] })
+              ] }),
+              C && /* @__PURE__ */ r("div", { className: "nice-wiki__viewer-actions", children: [
+                /* @__PURE__ */ e("button", { onClick: K, children: c("wiki.edit", "Edit") }),
+                y && /* @__PURE__ */ e("button", { onClick: () => y(A.id), children: c("wiki.delete", "Delete") })
+              ] })
+            ] }),
+            E ? /* @__PURE__ */ e(
+              "div",
+              {
+                className: "nice-wiki__viewer-body",
+                dangerouslySetInnerHTML: { __html: J(A.content ?? "") }
+              }
+            ) : /* @__PURE__ */ e("div", { className: "nice-wiki__viewer-body", children: A.content ?? /* @__PURE__ */ e("em", { children: c("wiki.noContent", "No content.") }) })
+          ] }) : /* @__PURE__ */ e("div", { className: "nice-wiki__placeholder", children: c("wiki.selectAPageFromThe", "Select a page from the sidebar.") }) })
+        ]
+      }
+    );
+  }
+), Q = {
   comment: "var(--nice-color-primary, #3b82f6)",
   like: "var(--nice-color-error, #ef4444)",
   share: "var(--nice-color-info, #0ea5e9)",
@@ -627,129 +646,121 @@ const ae = W(function(u, T) {
   upload: "var(--nice-color-accent, #8b5cf6)",
   mention: "var(--nice-color-primary, #3b82f6)",
   custom: "var(--nice-text-muted, #6b7280)"
-}, ne = W(
-  function(u, T) {
-    const {
-      events: m,
+}, le = /* @__PURE__ */ O(
+  function(_, L) {
+    const { t: c } = U(), {
+      events: h,
       onEventClick: s,
-      groupByDate: o = !0,
-      typeFilter: _,
-      showFilters: N = !1,
-      maxEvents: r,
-      onLoadMore: w,
-      hasMore: E = !1,
-      className: $,
-      style: b
-    } = u, [C, x] = L(/* @__PURE__ */ new Set()), v = _ ?? (C.size > 0 ? Array.from(C) : void 0), i = P(() => {
-      let t = m;
-      if (v && v.length > 0) {
-        const c = new Set(v);
-        t = t.filter((n) => c.has(n.type));
+      groupByDate: d = !0,
+      typeFilter: p,
+      showFilters: y = !1,
+      maxEvents: o,
+      onLoadMore: C,
+      hasMore: $ = !1,
+      className: E,
+      style: w
+    } = _, [x, S] = T(/* @__PURE__ */ new Set()), g = p ?? (x.size > 0 ? Array.from(x) : void 0), i = M(() => {
+      let t = h;
+      if (g && g.length > 0) {
+        const l = new Set(g);
+        t = t.filter((a) => l.has(a.type));
       }
-      return r && (t = t.slice(0, r)), t;
-    }, [m, v, r]), h = P(() => {
-      if (!o)
+      return o && (t = t.slice(0, o)), t;
+    }, [h, g, o]), u = M(() => {
+      if (!d)
         return [{ label: "", events: i }];
       const t = /* @__PURE__ */ new Map();
-      for (const c of i) {
-        const n = c.timestamp.slice(0, 10);
-        t.has(n) || t.set(n, []), t.get(n).push(c);
+      for (const l of i) {
+        const a = l.timestamp.slice(0, 10);
+        t.has(a) || t.set(a, []), t.get(a).push(l);
       }
-      return Array.from(t.entries()).map(([c, n]) => ({ label: c, events: n }));
-    }, [i, o]), g = P(() => {
-      const t = new Set(m.map((c) => c.type));
+      return Array.from(t.entries()).map(([l, a]) => ({ label: l, events: a }));
+    }, [i, d]), N = M(() => {
+      const t = new Set(h.map((l) => l.type));
       return Array.from(t).sort();
-    }, [m]), a = (t) => {
-      x((c) => {
-        const n = new Set(c);
-        return n.has(t) ? n.delete(t) : n.add(t), n;
+    }, [h]), n = (t) => {
+      S((l) => {
+        const a = new Set(l);
+        return a.has(t) ? a.delete(t) : a.add(t), a;
       });
     };
-    return /* @__PURE__ */ l("div", { ref: T, className: `nice-activity-feed ${$ ?? ""}`, style: b, children: [
-      N && !_ && /* @__PURE__ */ l("div", { className: "nice-activity-feed__filters", children: [
-        g.map((t) => /* @__PURE__ */ e(
+    return /* @__PURE__ */ r("div", { ref: L, className: `nice-activity-feed ${E ?? ""}`, style: w, children: [
+      y && !p && /* @__PURE__ */ r("div", { className: "nice-activity-feed__filters", children: [
+        N.map((t) => /* @__PURE__ */ e(
           "button",
           {
-            className: `nice-activity-feed__filter-chip ${C.has(t) ? "nice-activity-feed__filter-chip--active" : ""}`,
-            onClick: () => a(t),
+            className: `nice-activity-feed__filter-chip ${x.has(t) ? "nice-activity-feed__filter-chip--active" : ""}`,
+            onClick: () => n(t),
             children: t
           },
           t
         )),
-        C.size > 0 && /* @__PURE__ */ e(
+        x.size > 0 && /* @__PURE__ */ e(
           "button",
           {
             className: "nice-activity-feed__filter-clear",
-            onClick: () => x(/* @__PURE__ */ new Set()),
-            children: "Clear"
+            onClick: () => S(/* @__PURE__ */ new Set()),
+            children: c("activityFeed.clear", "Clear")
           }
         )
       ] }),
-      i.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-activity-feed__empty", children: "No activity." }) : h.map(({ label: t, events: c }) => /* @__PURE__ */ l("div", { className: "nice-activity-feed__group", children: [
-        o && t && /* @__PURE__ */ e("div", { className: "nice-activity-feed__date-label", children: t }),
-        c.map((n) => /* @__PURE__ */ l(
+      i.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-activity-feed__empty", children: c("activityFeed.noActivity", "No activity.") }) : u.map(({ label: t, events: l }) => /* @__PURE__ */ r("div", { className: "nice-activity-feed__group", children: [
+        d && t && /* @__PURE__ */ e("div", { className: "nice-activity-feed__date-label", children: t }),
+        l.map((a) => /* @__PURE__ */ r(
           "div",
           {
             className: "nice-activity-feed__event",
-            onClick: () => s == null ? void 0 : s(n),
+            onClick: () => s == null ? void 0 : s(a),
             role: s ? "button" : void 0,
             tabIndex: s ? 0 : void 0,
             onKeyDown: (k) => {
-              k.key === "Enter" && s && s(n);
+              k.key === "Enter" && s && s(a);
             },
             children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `nice-activity-feed__icon nice-activity-feed__icon--${n.type}`,
-                  title: n.type,
+                  className: `nice-activity-feed__icon nice-activity-feed__icon--${a.type}`,
+                  title: a.type,
                   "aria-hidden": "true",
-                  style: {
-                    display: "inline-block",
-                    width: 10,
-                    height: 10,
-                    marginTop: 4,
-                    flexShrink: 0,
-                    borderRadius: "50%",
-                    background: G[n.type]
-                  }
+                  style: { background: Q[a.type] }
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "nice-activity-feed__body", children: [
-                n.actorAvatarUrl && /* @__PURE__ */ e(
+              /* @__PURE__ */ r("div", { className: "nice-activity-feed__body", children: [
+                a.actorAvatarUrl && /* @__PURE__ */ e(
                   "img",
                   {
-                    src: n.actorAvatarUrl,
+                    src: a.actorAvatarUrl,
                     alt: "",
                     className: "nice-activity-feed__avatar"
                   }
                 ),
-                /* @__PURE__ */ l("span", { className: "nice-activity-feed__message", children: [
-                  /* @__PURE__ */ e("strong", { children: n.actorName }),
+                /* @__PURE__ */ r("span", { className: "nice-activity-feed__message", children: [
+                  /* @__PURE__ */ e("strong", { children: a.actorName }),
                   " ",
-                  n.message,
-                  n.targetLabel && /* @__PURE__ */ l(H, { children: [
+                  a.message,
+                  a.targetLabel && /* @__PURE__ */ r(q, { children: [
                     " ",
-                    /* @__PURE__ */ e("em", { children: n.targetLabel })
+                    /* @__PURE__ */ e("em", { children: a.targetLabel })
                   ] })
                 ] }),
-                /* @__PURE__ */ e("time", { className: "nice-activity-feed__time", children: n.timestamp })
+                /* @__PURE__ */ e("time", { className: "nice-activity-feed__time", children: a.timestamp })
               ] })
             ]
           },
-          n.id
+          a.id
         ))
       ] }, t || "__all")),
-      E && w && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: w, children: "Load more" })
+      $ && C && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: C, children: c("activityFeed.loadMore", "Load more") })
     ] });
   }
 );
 export {
-  ne as NiceActivityFeed,
-  X as NiceComments,
-  Z as NiceRatings,
-  ee as NiceSocialPanel,
-  ie as NiceTagCloud,
-  te as NiceUserList,
-  ae as NiceWiki
+  le as NiceActivityFeed,
+  ie as NiceComments,
+  te as NiceRatings,
+  ne as NiceSocialPanel,
+  ae as NiceTagCloud,
+  se as NiceUserList,
+  ce as NiceWiki
 };