@nice2dev/social 0.1.0 → 1.0.2

package/CHANGELOG.md

@@ -1,4 +1,24 @@
-# Changelog
+# @nice2dev/social — Changelog
+
+## [0.2.0] — 2026-03-25
+
+### Added (FAZA 7.6)
+
+- **CommentThread** — threaded comments with replies, reactions, timestamps
+- **RatingStars** — star rating with half-star support
+- **ActivityFeed** — activity timeline with filters
+- **TagCloud** — weighted tag cloud with click filtering
+- **UserList** — user list with search, roles, status indicators
+- **WikiEditor** — collaborative wiki with Markdown support
+- **UserProfile** — profile card with avatar, stats, actions
+- **FollowButton** — follow/unfollow with count
+- 7 unit tests
+
+---
+
+## [0.1.0] — 2025-06-01
+
+Initial beta scaffolding.
 
 All notable changes to **@nice2dev/social** will be documented in this file.
 

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),O=l.forwardRef(function(T,E){const{comments:m,currentUserId:n,onSubmit:o,onEdit:h,onDelete:p,onReact:r,readOnly:y=!1,maxDepth:S=4,reactions:C=["👍","❤️","😂","😮","😢"],placeholder:j="Write a comment…",className:b,style:k}=T,[x,s]=l.useState(""),[u,f]=l.useState(null),[t,i]=l.useState(""),[c,a]=l.useState(null),[g,M]=l.useState(""),L=new Map;for(const d of m){const I=d.parentId??"__root__";L.has(I)||L.set(I,[]),L.get(I).push(d)}const R=l.useCallback(()=>{!x.trim()||!o||(o(x.trim()),s(""))},[x,o]),P=l.useCallback(()=>{!t.trim()||!o||!u||(o(t.trim(),u),i(""),f(null))},[t,u,o]),w=l.useCallback(()=>{!c||!g.trim()||!h||(h(c,g.trim()),a(null),M(""))},[c,g,h]),$=(d,I)=>{const F=n&&d.authorId===n,_=L.get(d.id)??[];return e.jsxs("div",{className:"nice-comments__item",style:{marginLeft:I*24},children:[e.jsxs("div",{className:"nice-comments__header",children:[d.authorAvatarUrl&&e.jsx("img",{src:d.authorAvatarUrl,alt:"",className:"nice-comments__avatar"}),e.jsx("strong",{className:"nice-comments__author",children:d.authorName}),e.jsx("time",{className:"nice-comments__time",children:d.createdAt}),d.isEdited&&e.jsx("span",{className:"nice-comments__edited",children:"(edited)"})]}),c===d.id?e.jsxs("div",{className:"nice-comments__edit-form",children:[e.jsx("textarea",{value:g,onChange:N=>M(N.target.value)}),e.jsx("button",{onClick:w,children:"Save"}),e.jsx("button",{onClick:()=>a(null),children:"Cancel"})]}):e.jsx("p",{className:"nice-comments__content",children:d.isDeleted?e.jsx("em",{children:"Comment deleted"}):d.content}),!d.isDeleted&&d.reactions&&e.jsx("div",{className:"nice-comments__reactions",children:Object.entries(d.reactions).map(([N,v])=>e.jsxs("button",{className:"nice-comments__reaction",onClick:()=>r==null?void 0:r(d.id,N),children:[N," ",v]},N))}),!d.isDeleted&&!y&&e.jsxs("div",{className:"nice-comments__actions",children:[r&&C.map(N=>e.jsx("button",{onClick:()=>r(d.id,N),title:N,children:N},N)),I<S&&e.jsx("button",{onClick:()=>{f(d.id),i("")},children:"Reply"}),F&&h&&e.jsx("button",{onClick:()=>{a(d.id),M(d.content)},children:"Edit"}),F&&p&&e.jsx("button",{onClick:()=>p(d.id),children:"Delete"})]}),u===d.id&&e.jsxs("div",{className:"nice-comments__reply-form",children:[e.jsx("textarea",{value:t,onChange:N=>i(N.target.value),placeholder:"Write a reply…"}),e.jsx("button",{onClick:P,disabled:!t.trim(),children:"Send"}),e.jsx("button",{onClick:()=>f(null),children:"Cancel"})]}),_.map(N=>$(N,I+1))]},d.id)},D=L.get("__root__")??[];return e.jsxs("div",{ref:E,className:`nice-comments ${b??""}`,style:k,children:[!y&&e.jsxs("div",{className:"nice-comments__new",children:[e.jsx("textarea",{value:x,onChange:d=>s(d.target.value),placeholder:j}),e.jsx("button",{onClick:R,disabled:!x.trim(),children:"Post"})]}),D.length===0?e.jsx("p",{className:"nice-comments__empty",children:"No comments yet."}):D.map(d=>$(d,0))]})}),z="☆",B="★",K="♡",H="♥",q=l.forwardRef(function(T,E){const{value:m,max:n=5,mode:o="stars",aggregation:h,onChange:p,readOnly:r=!1,size:y="md",showValue:S=!1,label:C,emojiSet:j=["😢","😕","😐","🙂","😍"],className:b,style:k}=T,[x,s]=l.useState(null),u=x!==null?x+1:m??0,f=l.useCallback(c=>{r||!p||p(c+1)},[r,p]),t=()=>{const c=[];for(let a=0;a<n;a++){const g=a<u;let M;o==="emoji"?M=j[a]??j[j.length-1]:o==="hearts"?M=g?H:K:o==="thumbs"?M=g?"👍":"👎":M=g?B:z,c.push(e.jsx("span",{className:`nice-ratings__symbol ${g?"nice-ratings__symbol--active":""}`,onClick:()=>f(a),onMouseEnter:()=>!r&&s(a),onMouseLeave:()=>!r&&s(null),role:r?void 0:"button",tabIndex:r?void 0:0,onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&f(a)},children:M},a))}return c},i=()=>e.jsxs("div",{className:"nice-ratings__numeric",children:[e.jsx("input",{type:"number",min:0,max:n,step:.5,value:m??0,onChange:c=>p==null?void 0:p(parseFloat(c.target.value)||0),readOnly:r,className:"nice-ratings__numeric-input"}),e.jsxs("span",{className:"nice-ratings__numeric-max",children:["/ ",n]})]});return e.jsxs("div",{ref:E,className:`nice-ratings nice-ratings--${y} nice-ratings--${o} ${r?"nice-ratings--readonly":""} ${b??""}`,style:k,children:[C&&e.jsx("span",{className:"nice-ratings__label",children:C}),e.jsxs("div",{className:"nice-ratings__body",children:[o==="numeric"?i():t(),S&&o!=="numeric"&&e.jsxs("span",{className:"nice-ratings__value",children:[u," / ",n]})]}),h&&e.jsxs("div",{className:"nice-ratings__aggregation",children:[e.jsx("span",{className:"nice-ratings__avg",children:h.average.toFixed(1)}),e.jsxs("span",{className:"nice-ratings__count",children:["(",h.count," ratings)"]}),h.distribution&&e.jsx("div",{className:"nice-ratings__distribution",children:Object.entries(h.distribution).sort(([c],[a])=>+a-+c).map(([c,a])=>e.jsxs("div",{className:"nice-ratings__distribution-row",children:[e.jsx("span",{children:c}),e.jsx("div",{className:"nice-ratings__bar",children:e.jsx("div",{className:"nice-ratings__bar-fill",style:{width:`${h.count?a/h.count*100:0}%`}})}),e.jsx("span",{children:a})]},c))})]})]})}),V=l.forwardRef(function(T,E){const{stats:m,userState:n,onLike:o,onShare:h,onBookmark:p,direction:r="horizontal",size:y="md",showCounts:S=!0,showLabels:C=!1,className:j,style:b}=T,k=l.useCallback(s=>s>=1e6?(s/1e6).toFixed(1)+"M":s>=1e3?(s/1e3).toFixed(1)+"K":s.toString(),[]),x=[{key:"like",icon:"♡",activeIcon:"♥",label:"Like",count:m.likes,isActive:(n==null?void 0:n.liked)??!1,onClick:o},{key:"share",icon:"↗",activeIcon:"↗",label:"Share",count:m.shares,isActive:(n==null?void 0:n.shared)??!1,onClick:h},{key:"bookmark",icon:"☆",activeIcon:"★",label:"Bookmark",count:m.bookmarks,isActive:(n==null?void 0:n.bookmarked)??!1,onClick:p}];return e.jsx("div",{ref:E,className:`nice-social-panel nice-social-panel--${r} nice-social-panel--${y} ${j??""}`,style:b,children:x.map(s=>e.jsxs("button",{className:`nice-social-panel__btn nice-social-panel__btn--${s.key} ${s.isActive?"nice-social-panel__btn--active":""}`,onClick:s.onClick,title:s.label,children:[e.jsx("span",{className:"nice-social-panel__icon",children:s.isActive?s.activeIcon:s.icon}),C&&e.jsx("span",{className:"nice-social-panel__label",children:s.label}),S&&e.jsx("span",{className:"nice-social-panel__count",children:k(s.count)})]},s.key))})}),Y=l.forwardRef(function(T,E){const{tags:m,onTagClick:n,minFontSize:o=12,maxFontSize:h=36,sortBy:p="weight",maxTags:r,selectedIds:y,className:S,style:C}=T,j=l.useMemo(()=>{let s=[...m];if(p==="weight")s.sort((u,f)=>f.weight-u.weight);else if(p==="alphabetical")s.sort((u,f)=>u.label.localeCompare(f.label));else for(let u=s.length-1;u>0;u--){const f=Math.floor(Math.random()*(u+1));[s[u],s[f]]=[s[f],s[u]]}return r&&s.length>r&&(s=s.slice(0,r)),s},[m,p,r]),{minW:b,maxW:k}=l.useMemo(()=>{if(j.length===0)return{minW:0,maxW:1};const s=j.map(u=>u.weight);return{minW:Math.min(...s),maxW:Math.max(...s)}},[j]),x=s=>{if(k===b)return(o+h)/2;const u=(s-b)/(k-b);return o+u*(h-o)};return e.jsx("div",{ref:E,className:`nice-tag-cloud ${S??""}`,style:C,children:j.length===0?e.jsx("p",{className:"nice-tag-cloud__empty",children:"No tags."}):j.map(s=>{const u=y==null?void 0:y.includes(s.id),f=x(s.weight);return e.jsx("span",{className:`nice-tag-cloud__tag ${u?"nice-tag-cloud__tag--selected":""}`,style:{fontSize:f,color:s.color,cursor:n?"pointer":void 0},onClick:()=>n==null?void 0:n(s),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&n&&n(s)},title:`${s.label} (${s.weight})`,children:s.label},s.id)})})}),G={online:"#22c55e",away:"#eab308",busy:"#ef4444",offline:"#9ca3af"},J=l.forwardRef(function(T,E){const{users:m,onUserClick:n,onAction:o,actions:h=[],searchable:p=!1,statusFilter:r,showStatus:y=!0,layout:S="list",groupByRole:C=!1,className:j,style:b}=T,[k,x]=l.useState(""),s=l.useMemo(()=>{let t=m;if(r&&r.length>0&&(t=t.filter(i=>i.status&&r.includes(i.status))),k.trim()){const i=k.toLowerCase();t=t.filter(c=>{var a,g;return c.name.toLowerCase().includes(i)||((a=c.email)==null?void 0:a.toLowerCase().includes(i))||((g=c.role)==null?void 0:g.toLowerCase().includes(i))})}return t},[m,r,k]),u=l.useMemo(()=>{if(!C)return{"":s};const t={};for(const i of s){const c=i.role??"Other";t[c]||(t[c]=[]),t[c].push(i)}return t},[s,C]),f=t=>e.jsxs("div",{className:`nice-user-list__item nice-user-list__item--${S}`,onClick:()=>n==null?void 0:n(t),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:i=>{i.key==="Enter"&&n&&n(t)},children:[e.jsxs("div",{className:"nice-user-list__avatar-wrap",children:[t.avatarUrl?e.jsx("img",{src:t.avatarUrl,alt:t.name,className:"nice-user-list__avatar"}):e.jsx("span",{className:"nice-user-list__avatar-placeholder",children:t.name.charAt(0).toUpperCase()}),y&&t.status&&e.jsx("span",{className:"nice-user-list__status-dot",style:{backgroundColor:G[t.status]},title:t.status})]}),e.jsxs("div",{className:"nice-user-list__info",children:[e.jsx("span",{className:"nice-user-list__name",children:t.name}),t.email&&e.jsx("span",{className:"nice-user-list__email",children:t.email}),t.role&&e.jsx("span",{className:"nice-user-list__role",children:t.role})]}),h.length>0&&e.jsx("div",{className:"nice-user-list__actions",children:h.map(i=>e.jsx("button",{className:"nice-user-list__action-btn",onClick:c=>{c.stopPropagation(),o==null||o(t,i)},children:i},i))})]},t.id);return e.jsxs("div",{ref:E,className:`nice-user-list nice-user-list--${S} ${j??""}`,style:b,children:[p&&e.jsx("input",{type:"text",value:k,onChange:t=>x(t.target.value),placeholder:"Search users…",className:"nice-user-list__search"}),s.length===0?e.jsx("p",{className:"nice-user-list__empty",children:"No users found."}):Object.entries(u).map(([t,i])=>e.jsxs("div",{className:"nice-user-list__group",children:[C&&t&&e.jsxs("h4",{className:"nice-user-list__group-title",children:[t," (",i.length,")"]}),i.map(f)]},t))]})}),Q=l.forwardRef(function(T,E){const{pages:m,selectedPageId:n,onSelectPage:o,onSavePage:h,onDeletePage:p,onCreatePage:r,editable:y=!1,searchable:S=!0,renderHtml:C=!1,sidebarWidth:j=260,className:b,style:k}=T,[x,s]=l.useState(""),[u,f]=l.useState(!1),[t,i]=l.useState(""),[c,a]=l.useState(""),[g,M]=l.useState(""),[L,R]=l.useState(!1),P=l.useMemo(()=>{if(m.some(v=>v.children&&v.children.length>0))return m.filter(v=>!v.parentId);const _=new Map;for(const v of m)_.set(v.id,{...v,children:[]});const N=[];for(const v of _.values())v.parentId&&_.has(v.parentId)?_.get(v.parentId).children.push(v):N.push(v);return N},[m]),w=l.useMemo(()=>m.find(_=>_.id===n),[m,n]),$=l.useMemo(()=>{if(!x.trim())return P;const _=x.toLowerCase(),N=new Set(m.filter(v=>v.title.toLowerCase().includes(_)).map(v=>v.id));return m.filter(v=>N.has(v.id))},[P,m,x]),D=l.useCallback(()=>{w&&(i(w.title),a(w.content??""),f(!0))},[w]),d=l.useCallback(()=>{!w||!h||(h(w.id,c,t),f(!1))},[w,c,t,h]),I=l.useCallback(()=>{!g.trim()||!r||(r(n??null,g.trim()),M(""),R(!1))},[g,n,r]),F=(_,N=0)=>{var v;return e.jsxs("div",{children:[e.jsx("div",{className:`nice-wiki__page-item ${_.id===n?"nice-wiki__page-item--active":""}`,style:{paddingLeft:12+N*16},onClick:()=>o==null?void 0:o(_),role:"button",tabIndex:0,onKeyDown:W=>{W.key==="Enter"&&(o==null||o(_))},children:_.title}),(v=_.children)==null?void 0:v.map(W=>F(W,N+1))]},_.id)};return e.jsxs("div",{ref:E,className:`nice-wiki ${b??""}`,style:{display:"flex",...k},children:[e.jsxs("div",{className:"nice-wiki__sidebar",style:{width:j,minWidth:j},children:[e.jsxs("div",{className:"nice-wiki__sidebar-header",children:[e.jsx("strong",{children:"Wiki"}),y&&r&&e.jsx("button",{onClick:()=>R(!L),title:"New page",children:"+"})]}),L&&e.jsxs("div",{className:"nice-wiki__new-page",children:[e.jsx("input",{type:"text",value:g,onChange:_=>M(_.target.value),placeholder:"New page title"}),e.jsx("button",{onClick:I,disabled:!g.trim(),children:"Create"})]}),S&&e.jsx("input",{type:"text",className:"nice-wiki__search",value:x,onChange:_=>s(_.target.value),placeholder:"Search pages…"}),e.jsx("div",{className:"nice-wiki__tree",children:$.length===0?e.jsx("p",{className:"nice-wiki__empty",children:"No pages."}):$.map(_=>F(_))})]}),e.jsx("div",{className:"nice-wiki__content",children:w?u?e.jsxs("div",{className:"nice-wiki__editor",children:[e.jsx("input",{type:"text",className:"nice-wiki__edit-title",value:t,onChange:_=>i(_.target.value)}),e.jsx("textarea",{className:"nice-wiki__edit-body",value:c,onChange:_=>a(_.target.value),rows:20}),e.jsxs("div",{className:"nice-wiki__edit-actions",children:[e.jsx("button",{onClick:d,children:"Save"}),e.jsx("button",{onClick:()=>f(!1),children:"Cancel"})]})]}):e.jsxs("div",{className:"nice-wiki__viewer",children:[e.jsxs("div",{className:"nice-wiki__viewer-header",children:[e.jsx("h2",{children:w.title}),e.jsxs("div",{className:"nice-wiki__viewer-meta",children:[w.lastEditedBy&&e.jsxs("span",{children:["Edited by ",w.lastEditedBy]}),w.lastEditedAt&&e.jsxs("span",{children:[" on ",w.lastEditedAt]})]}),y&&e.jsxs("div",{className:"nice-wiki__viewer-actions",children:[e.jsx("button",{onClick:D,children:"Edit"}),p&&e.jsx("button",{onClick:()=>p(w.id),children:"Delete"})]})]}),C?e.jsx("div",{className:"nice-wiki__viewer-body",dangerouslySetInnerHTML:{__html:w.content??""}}):e.jsx("div",{className:"nice-wiki__viewer-body",children:w.content??e.jsx("em",{children:"No content."})})]}):e.jsx("div",{className:"nice-wiki__placeholder",children:"Select a page from the sidebar."})})]})}),U={comment:"💬",like:"❤️",share:"↗️",create:"✨",update:"✏️",delete:"🗑️",join:"👋",leave:"🚪",upload:"📎",mention:"@",custom:"📌"},X=l.forwardRef(function(T,E){const{events:m,onEventClick:n,groupByDate:o=!0,typeFilter:h,showFilters:p=!1,maxEvents:r,onLoadMore:y,hasMore:S=!1,className:C,style:j}=T,[b,k]=l.useState(new Set),x=h??(b.size>0?Array.from(b):void 0),s=l.useMemo(()=>{let i=m;if(x&&x.length>0){const c=new Set(x);i=i.filter(a=>c.has(a.type))}return r&&(i=i.slice(0,r)),i},[m,x,r]),u=l.useMemo(()=>{if(!o)return[{label:"",events:s}];const i=new Map;for(const c of s){const a=c.timestamp.slice(0,10);i.has(a)||i.set(a,[]),i.get(a).push(c)}return Array.from(i.entries()).map(([c,a])=>({label:c,events:a}))},[s,o]),f=l.useMemo(()=>{const i=new Set(m.map(c=>c.type));return Array.from(i).sort()},[m]),t=i=>{k(c=>{const a=new Set(c);return a.has(i)?a.delete(i):a.add(i),a})};return e.jsxs("div",{ref:E,className:`nice-activity-feed ${C??""}`,style:j,children:[p&&!h&&e.jsxs("div",{className:"nice-activity-feed__filters",children:[f.map(i=>e.jsxs("button",{className:`nice-activity-feed__filter-chip ${b.has(i)?"nice-activity-feed__filter-chip--active":""}`,onClick:()=>t(i),children:[U[i]," ",i]},i)),b.size>0&&e.jsx("button",{className:"nice-activity-feed__filter-clear",onClick:()=>k(new Set),children:"Clear"})]}),s.length===0?e.jsx("p",{className:"nice-activity-feed__empty",children:"No activity."}):u.map(({label:i,events:c})=>e.jsxs("div",{className:"nice-activity-feed__group",children:[o&&i&&e.jsx("div",{className:"nice-activity-feed__date-label",children:i}),c.map(a=>e.jsxs("div",{className:"nice-activity-feed__event",onClick:()=>n==null?void 0:n(a),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:g=>{g.key==="Enter"&&n&&n(a)},children:[e.jsx("span",{className:"nice-activity-feed__icon",children:U[a.type]}),e.jsxs("div",{className:"nice-activity-feed__body",children:[a.actorAvatarUrl&&e.jsx("img",{src:a.actorAvatarUrl,alt:"",className:"nice-activity-feed__avatar"}),e.jsxs("span",{className:"nice-activity-feed__message",children:[e.jsx("strong",{children:a.actorName})," ",a.message,a.targetLabel&&e.jsxs(e.Fragment,{children:[" ",e.jsx("em",{children:a.targetLabel})]})]}),e.jsx("time",{className:"nice-activity-feed__time",children:a.timestamp})]})]},a.id))]},i||"__all")),S&&y&&e.jsx("button",{className:"nice-activity-feed__load-more",onClick:y,children:"Load more"})]})});exports.NiceActivityFeed=X;exports.NiceComments=O;exports.NiceRatings=q;exports.NiceSocialPanel=V;exports.NiceTagCloud=Y;exports.NiceUserList=J;exports.NiceWiki=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),O=l.forwardRef(function(x,E){const{comments:m,currentUserId:n,onSubmit:o,onEdit:h,onDelete:N,onReact:r,readOnly:b=!1,maxDepth:T=4,reactions:S=["👍","❤️","😂","😮","😢"],placeholder:g="Write a comment…",className:k,style:w}=x,[p,s]=l.useState(""),[u,v]=l.useState(null),[t,i]=l.useState(""),[c,a]=l.useState(null),[y,M]=l.useState(""),L=new Map;for(const d of m){const I=d.parentId??"__root__";L.has(I)||L.set(I,[]),L.get(I).push(d)}const R=l.useCallback(()=>{!p.trim()||!o||(o(p.trim()),s(""))},[p,o]),P=l.useCallback(()=>{!t.trim()||!o||!u||(o(t.trim(),u),i(""),v(null))},[t,u,o]),C=l.useCallback(()=>{!c||!y.trim()||!h||(h(c,y.trim()),a(null),M(""))},[c,y,h]),A=(d,I)=>{const F=n&&d.authorId===n,_=L.get(d.id)??[];return e.jsxs("div",{className:"nice-comments__item",style:{marginLeft:I*24},children:[e.jsxs("div",{className:"nice-comments__header",children:[d.authorAvatarUrl&&e.jsx("img",{src:d.authorAvatarUrl,alt:"",className:"nice-comments__avatar"}),e.jsx("strong",{className:"nice-comments__author",children:d.authorName}),e.jsx("time",{className:"nice-comments__time",children:d.createdAt}),d.isEdited&&e.jsx("span",{className:"nice-comments__edited",children:"(edited)"})]}),c===d.id?e.jsxs("div",{className:"nice-comments__edit-form",children:[e.jsx("textarea",{value:y,onChange:j=>M(j.target.value)}),e.jsx("button",{onClick:C,children:"Save"}),e.jsx("button",{onClick:()=>a(null),children:"Cancel"})]}):e.jsx("p",{className:"nice-comments__content",children:d.isDeleted?e.jsx("em",{children:"Comment deleted"}):d.content}),!d.isDeleted&&d.reactions&&e.jsx("div",{className:"nice-comments__reactions",children:Object.entries(d.reactions).map(([j,f])=>e.jsxs("button",{className:"nice-comments__reaction",onClick:()=>r==null?void 0:r(d.id,j),children:[j," ",f]},j))}),!d.isDeleted&&!b&&e.jsxs("div",{className:"nice-comments__actions",children:[r&&S.map(j=>e.jsx("button",{onClick:()=>r(d.id,j),title:j,children:j},j)),I<T&&e.jsx("button",{onClick:()=>{v(d.id),i("")},children:"Reply"}),F&&h&&e.jsx("button",{onClick:()=>{a(d.id),M(d.content)},children:"Edit"}),F&&N&&e.jsx("button",{onClick:()=>N(d.id),children:"Delete"})]}),u===d.id&&e.jsxs("div",{className:"nice-comments__reply-form",children:[e.jsx("textarea",{value:t,onChange:j=>i(j.target.value),placeholder:"Write a reply…"}),e.jsx("button",{onClick:P,disabled:!t.trim(),children:"Send"}),e.jsx("button",{onClick:()=>v(null),children:"Cancel"})]}),_.map(j=>A(j,I+1))]},d.id)},D=L.get("__root__")??[];return e.jsxs("div",{ref:E,className:`nice-comments ${k??""}`,style:w,children:[!b&&e.jsxs("div",{className:"nice-comments__new",children:[e.jsx("textarea",{value:p,onChange:d=>s(d.target.value),placeholder:g}),e.jsx("button",{onClick:R,disabled:!p.trim(),children:"Post"})]}),D.length===0?e.jsx("p",{className:"nice-comments__empty",children:"No comments yet."}):D.map(d=>A(d,0))]})}),z="☆",B="★",K="♡",H="♥",q=l.forwardRef(function(x,E){const{value:m,max:n=5,mode:o="stars",aggregation:h,onChange:N,readOnly:r=!1,size:b="md",showValue:T=!1,label:S,emojiSet:g=["😢","😕","😐","🙂","😍"],className:k,style:w}=x,[p,s]=l.useState(null),u=p!==null?p+1:m??0,v=l.useCallback(c=>{r||!N||N(c+1)},[r,N]),t=()=>{const c=[];for(let a=0;a<n;a++){const y=a<u;let M;o==="emoji"?M=g[a]??g[g.length-1]:o==="hearts"?M=y?H:K:o==="thumbs"?M=y?"👍":"👎":M=y?B:z,c.push(e.jsx("span",{className:`nice-ratings__symbol ${y?"nice-ratings__symbol--active":""}`,onClick:()=>v(a),onMouseEnter:()=>!r&&s(a),onMouseLeave:()=>!r&&s(null),role:r?void 0:"button",tabIndex:r?void 0:0,onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&v(a)},children:M},a))}return c},i=()=>e.jsxs("div",{className:"nice-ratings__numeric",children:[e.jsx("input",{type:"number",min:0,max:n,step:.5,value:m??0,onChange:c=>N==null?void 0:N(parseFloat(c.target.value)||0),readOnly:r,className:"nice-ratings__numeric-input"}),e.jsxs("span",{className:"nice-ratings__numeric-max",children:["/ ",n]})]});return e.jsxs("div",{ref:E,className:`nice-ratings nice-ratings--${b} nice-ratings--${o} ${r?"nice-ratings--readonly":""} ${k??""}`,style:w,children:[S&&e.jsx("span",{className:"nice-ratings__label",children:S}),e.jsxs("div",{className:"nice-ratings__body",children:[o==="numeric"?i():t(),T&&o!=="numeric"&&e.jsxs("span",{className:"nice-ratings__value",children:[u," / ",n]})]}),h&&e.jsxs("div",{className:"nice-ratings__aggregation",children:[e.jsx("span",{className:"nice-ratings__avg",children:h.average.toFixed(1)}),e.jsxs("span",{className:"nice-ratings__count",children:["(",h.count," ratings)"]}),h.distribution&&e.jsx("div",{className:"nice-ratings__distribution",children:Object.entries(h.distribution).sort(([c],[a])=>+a-+c).map(([c,a])=>e.jsxs("div",{className:"nice-ratings__distribution-row",children:[e.jsx("span",{children:c}),e.jsx("div",{className:"nice-ratings__bar",children:e.jsx("div",{className:"nice-ratings__bar-fill",style:{width:`${h.count?a/h.count*100:0}%`}})}),e.jsx("span",{children:a})]},c))})]})]})}),V=l.forwardRef(function(x,E){const{stats:m,userState:n,onLike:o,onShare:h,onBookmark:N,direction:r="horizontal",size:b="md",showCounts:T=!0,showLabels:S=!1,className:g,style:k}=x,w=l.useCallback(s=>s>=1e6?(s/1e6).toFixed(1)+"M":s>=1e3?(s/1e3).toFixed(1)+"K":s.toString(),[]),p=[{key:"like",icon:"♡",activeIcon:"♥",label:"Like",count:m.likes,isActive:(n==null?void 0:n.liked)??!1,onClick:o},{key:"share",icon:"↗",activeIcon:"↗",label:"Share",count:m.shares,isActive:(n==null?void 0:n.shared)??!1,onClick:h},{key:"bookmark",icon:"☆",activeIcon:"★",label:"Bookmark",count:m.bookmarks,isActive:(n==null?void 0:n.bookmarked)??!1,onClick:N}];return e.jsx("div",{ref:E,className:`nice-social-panel nice-social-panel--${r} nice-social-panel--${b} ${g??""}`,style:k,children:p.map(s=>e.jsxs("button",{className:`nice-social-panel__btn nice-social-panel__btn--${s.key} ${s.isActive?"nice-social-panel__btn--active":""}`,onClick:s.onClick,title:s.label,children:[e.jsx("span",{className:"nice-social-panel__icon",children:s.isActive?s.activeIcon:s.icon}),S&&e.jsx("span",{className:"nice-social-panel__label",children:s.label}),T&&e.jsx("span",{className:"nice-social-panel__count",children:w(s.count)})]},s.key))})}),Y=l.forwardRef(function(x,E){const{tags:m,onTagClick:n,minFontSize:o=12,maxFontSize:h=36,sortBy:N="weight",maxTags:r,selectedIds:b,className:T,style:S}=x,g=l.useMemo(()=>{let s=[...m];if(N==="weight")s.sort((u,v)=>v.weight-u.weight);else if(N==="alphabetical")s.sort((u,v)=>u.label.localeCompare(v.label));else for(let u=s.length-1;u>0;u--){const v=Math.floor(Math.random()*(u+1));[s[u],s[v]]=[s[v],s[u]]}return r&&s.length>r&&(s=s.slice(0,r)),s},[m,N,r]),{minW:k,maxW:w}=l.useMemo(()=>{if(g.length===0)return{minW:0,maxW:1};const s=g.map(u=>u.weight);return{minW:Math.min(...s),maxW:Math.max(...s)}},[g]),p=s=>{if(w===k)return(o+h)/2;const u=(s-k)/(w-k);return o+u*(h-o)};return e.jsx("div",{ref:E,className:`nice-tag-cloud ${T??""}`,style:S,children:g.length===0?e.jsx("p",{className:"nice-tag-cloud__empty",children:"No tags."}):g.map(s=>{const u=b==null?void 0:b.includes(s.id),v=p(s.weight);return e.jsx("span",{className:`nice-tag-cloud__tag ${u?"nice-tag-cloud__tag--selected":""}`,style:{fontSize:v,color:s.color,cursor:n?"pointer":void 0},onClick:()=>n==null?void 0:n(s),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&n&&n(s)},title:`${s.label} (${s.weight})`,children:s.label},s.id)})})}),G={online:"#22c55e",away:"#eab308",busy:"#ef4444",offline:"#9ca3af"},J=l.forwardRef(function(x,E){const{users:m,onUserClick:n,onAction:o,actions:h=[],searchable:N=!1,statusFilter:r,showStatus:b=!0,layout:T="list",groupByRole:S=!1,className:g,style:k}=x,[w,p]=l.useState(""),s=l.useMemo(()=>{let t=m;if(r&&r.length>0&&(t=t.filter(i=>i.status&&r.includes(i.status))),w.trim()){const i=w.toLowerCase();t=t.filter(c=>{var a,y;return c.name.toLowerCase().includes(i)||((a=c.email)==null?void 0:a.toLowerCase().includes(i))||((y=c.role)==null?void 0:y.toLowerCase().includes(i))})}return t},[m,r,w]),u=l.useMemo(()=>{if(!S)return{"":s};const t={};for(const i of s){const c=i.role??"Other";t[c]||(t[c]=[]),t[c].push(i)}return t},[s,S]),v=t=>e.jsxs("div",{className:`nice-user-list__item nice-user-list__item--${T}`,onClick:()=>n==null?void 0:n(t),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:i=>{i.key==="Enter"&&n&&n(t)},children:[e.jsxs("div",{className:"nice-user-list__avatar-wrap",children:[t.avatarUrl?e.jsx("img",{src:t.avatarUrl,alt:t.name,className:"nice-user-list__avatar"}):e.jsx("span",{className:"nice-user-list__avatar-placeholder",children:t.name.charAt(0).toUpperCase()}),b&&t.status&&e.jsx("span",{className:"nice-user-list__status-dot",style:{backgroundColor:G[t.status]},title:t.status})]}),e.jsxs("div",{className:"nice-user-list__info",children:[e.jsx("span",{className:"nice-user-list__name",children:t.name}),t.email&&e.jsx("span",{className:"nice-user-list__email",children:t.email}),t.role&&e.jsx("span",{className:"nice-user-list__role",children:t.role})]}),h.length>0&&e.jsx("div",{className:"nice-user-list__actions",children:h.map(i=>e.jsx("button",{className:"nice-user-list__action-btn",onClick:c=>{c.stopPropagation(),o==null||o(t,i)},children:i},i))})]},t.id);return e.jsxs("div",{ref:E,className:`nice-user-list nice-user-list--${T} ${g??""}`,style:k,children:[N&&e.jsx("input",{type:"text",value:w,onChange:t=>p(t.target.value),placeholder:"Search users…",className:"nice-user-list__search"}),s.length===0?e.jsx("p",{className:"nice-user-list__empty",children:"No users found."}):Object.entries(u).map(([t,i])=>e.jsxs("div",{className:"nice-user-list__group",children:[S&&t&&e.jsxs("h4",{className:"nice-user-list__group-title",children:[t," (",i.length,")"]}),i.map(v)]},t))]})});function Q($){if(!$)return"";let x=$;return x=x.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,""),x=x.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi,""),x=x.replace(/(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi,'$1=""'),x=x.replace(/(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi,'$1=""'),x=x.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi,""),x}const X=l.forwardRef(function(x,E){const{pages:m,selectedPageId:n,onSelectPage:o,onSavePage:h,onDeletePage:N,onCreatePage:r,editable:b=!1,searchable:T=!0,renderHtml:S=!1,sidebarWidth:g=260,className:k,style:w}=x,[p,s]=l.useState(""),[u,v]=l.useState(!1),[t,i]=l.useState(""),[c,a]=l.useState(""),[y,M]=l.useState(""),[L,R]=l.useState(!1),P=l.useMemo(()=>{if(m.some(f=>f.children&&f.children.length>0))return m.filter(f=>!f.parentId);const _=new Map;for(const f of m)_.set(f.id,{...f,children:[]});const j=[];for(const f of _.values())f.parentId&&_.has(f.parentId)?_.get(f.parentId).children.push(f):j.push(f);return j},[m]),C=l.useMemo(()=>m.find(_=>_.id===n),[m,n]),A=l.useMemo(()=>{if(!p.trim())return P;const _=p.toLowerCase(),j=new Set(m.filter(f=>f.title.toLowerCase().includes(_)).map(f=>f.id));return m.filter(f=>j.has(f.id))},[P,m,p]),D=l.useCallback(()=>{C&&(i(C.title),a(C.content??""),v(!0))},[C]),d=l.useCallback(()=>{!C||!h||(h(C.id,c,t),v(!1))},[C,c,t,h]),I=l.useCallback(()=>{!y.trim()||!r||(r(n??null,y.trim()),M(""),R(!1))},[y,n,r]),F=(_,j=0)=>{var f;return e.jsxs("div",{children:[e.jsx("div",{className:`nice-wiki__page-item ${_.id===n?"nice-wiki__page-item--active":""}`,style:{paddingLeft:12+j*16},onClick:()=>o==null?void 0:o(_),role:"button",tabIndex:0,onKeyDown:W=>{W.key==="Enter"&&(o==null||o(_))},children:_.title}),(f=_.children)==null?void 0:f.map(W=>F(W,j+1))]},_.id)};return e.jsxs("div",{ref:E,className:`nice-wiki ${k??""}`,style:{display:"flex",...w},children:[e.jsxs("div",{className:"nice-wiki__sidebar",style:{width:g,minWidth:g},children:[e.jsxs("div",{className:"nice-wiki__sidebar-header",children:[e.jsx("strong",{children:"Wiki"}),b&&r&&e.jsx("button",{onClick:()=>R(!L),title:"New page",children:"+"})]}),L&&e.jsxs("div",{className:"nice-wiki__new-page",children:[e.jsx("input",{type:"text",value:y,onChange:_=>M(_.target.value),placeholder:"New page title"}),e.jsx("button",{onClick:I,disabled:!y.trim(),children:"Create"})]}),T&&e.jsx("input",{type:"text",className:"nice-wiki__search",value:p,onChange:_=>s(_.target.value),placeholder:"Search pages…"}),e.jsx("div",{className:"nice-wiki__tree",children:A.length===0?e.jsx("p",{className:"nice-wiki__empty",children:"No pages."}):A.map(_=>F(_))})]}),e.jsx("div",{className:"nice-wiki__content",children:C?u?e.jsxs("div",{className:"nice-wiki__editor",children:[e.jsx("input",{type:"text",className:"nice-wiki__edit-title",value:t,onChange:_=>i(_.target.value)}),e.jsx("textarea",{className:"nice-wiki__edit-body",value:c,onChange:_=>a(_.target.value),rows:20}),e.jsxs("div",{className:"nice-wiki__edit-actions",children:[e.jsx("button",{onClick:d,children:"Save"}),e.jsx("button",{onClick:()=>v(!1),children:"Cancel"})]})]}):e.jsxs("div",{className:"nice-wiki__viewer",children:[e.jsxs("div",{className:"nice-wiki__viewer-header",children:[e.jsx("h2",{children:C.title}),e.jsxs("div",{className:"nice-wiki__viewer-meta",children:[C.lastEditedBy&&e.jsxs("span",{children:["Edited by ",C.lastEditedBy]}),C.lastEditedAt&&e.jsxs("span",{children:[" on ",C.lastEditedAt]})]}),b&&e.jsxs("div",{className:"nice-wiki__viewer-actions",children:[e.jsx("button",{onClick:D,children:"Edit"}),N&&e.jsx("button",{onClick:()=>N(C.id),children:"Delete"})]})]}),S?e.jsx("div",{className:"nice-wiki__viewer-body",dangerouslySetInnerHTML:{__html:Q(C.content??"")}}):e.jsx("div",{className:"nice-wiki__viewer-body",children:C.content??e.jsx("em",{children:"No content."})})]}):e.jsx("div",{className:"nice-wiki__placeholder",children:"Select a page from the sidebar."})})]})}),U={comment:"💬",like:"❤️",share:"↗️",create:"✨",update:"✏️",delete:"🗑️",join:"👋",leave:"🚪",upload:"📎",mention:"@",custom:"📌"},Z=l.forwardRef(function(x,E){const{events:m,onEventClick:n,groupByDate:o=!0,typeFilter:h,showFilters:N=!1,maxEvents:r,onLoadMore:b,hasMore:T=!1,className:S,style:g}=x,[k,w]=l.useState(new Set),p=h??(k.size>0?Array.from(k):void 0),s=l.useMemo(()=>{let i=m;if(p&&p.length>0){const c=new Set(p);i=i.filter(a=>c.has(a.type))}return r&&(i=i.slice(0,r)),i},[m,p,r]),u=l.useMemo(()=>{if(!o)return[{label:"",events:s}];const i=new Map;for(const c of s){const a=c.timestamp.slice(0,10);i.has(a)||i.set(a,[]),i.get(a).push(c)}return Array.from(i.entries()).map(([c,a])=>({label:c,events:a}))},[s,o]),v=l.useMemo(()=>{const i=new Set(m.map(c=>c.type));return Array.from(i).sort()},[m]),t=i=>{w(c=>{const a=new Set(c);return a.has(i)?a.delete(i):a.add(i),a})};return e.jsxs("div",{ref:E,className:`nice-activity-feed ${S??""}`,style:g,children:[N&&!h&&e.jsxs("div",{className:"nice-activity-feed__filters",children:[v.map(i=>e.jsxs("button",{className:`nice-activity-feed__filter-chip ${k.has(i)?"nice-activity-feed__filter-chip--active":""}`,onClick:()=>t(i),children:[U[i]," ",i]},i)),k.size>0&&e.jsx("button",{className:"nice-activity-feed__filter-clear",onClick:()=>w(new Set),children:"Clear"})]}),s.length===0?e.jsx("p",{className:"nice-activity-feed__empty",children:"No activity."}):u.map(({label:i,events:c})=>e.jsxs("div",{className:"nice-activity-feed__group",children:[o&&i&&e.jsx("div",{className:"nice-activity-feed__date-label",children:i}),c.map(a=>e.jsxs("div",{className:"nice-activity-feed__event",onClick:()=>n==null?void 0:n(a),role:n?"button":void 0,tabIndex:n?0:void 0,onKeyDown:y=>{y.key==="Enter"&&n&&n(a)},children:[e.jsx("span",{className:"nice-activity-feed__icon",children:U[a.type]}),e.jsxs("div",{className:"nice-activity-feed__body",children:[a.actorAvatarUrl&&e.jsx("img",{src:a.actorAvatarUrl,alt:"",className:"nice-activity-feed__avatar"}),e.jsxs("span",{className:"nice-activity-feed__message",children:[e.jsx("strong",{children:a.actorName})," ",a.message,a.targetLabel&&e.jsxs(e.Fragment,{children:[" ",e.jsx("em",{children:a.targetLabel})]})]}),e.jsx("time",{className:"nice-activity-feed__time",children:a.timestamp})]})]},a.id))]},i||"__all")),T&&b&&e.jsx("button",{className:"nice-activity-feed__load-more",onClick:b,children:"Load more"})]})});exports.NiceActivityFeed=Z;exports.NiceComments=O;exports.NiceRatings=q;exports.NiceSocialPanel=V;exports.NiceTagCloud=Y;exports.NiceUserList=J;exports.NiceWiki=X;

package/dist/index.mjs

@@ -1,33 +1,33 @@
 import { jsxs as c, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as D, useState as T, useCallback as P, useMemo as F } from "react";
-const Z = D(function(I, L) {
+import { forwardRef as R, useState as $, useCallback as D, useMemo as F } from "react";
+const ee = R(function(p, I) {
   const {
     comments: m,
     currentUserId: a,
     onSubmit: o,
     onEdit: _,
-    onDelete: N,
+    onDelete: g,
     onReact: r,
-    readOnly: k = !1,
-    maxDepth: E = 4,
-    reactions: x = ["👍", "❤️", "😂", "😮", "😢"],
-    placeholder: y = "Write a comment…",
-    className: w,
-    style: C
-  } = I, [v, i] = T(""), [h, f] = T(null), [n, t] = T(""), [l, s] = T(null), [b, $] = T(""), A = /* @__PURE__ */ new Map();
+    readOnly: w = !1,
+    maxDepth: T = 4,
+    reactions: E = ["👍", "❤️", "😂", "😮", "😢"],
+    placeholder: b = "Write a comment…",
+    className: C,
+    style: S
+  } = p, [v, i] = $(""), [h, N] = $(null), [n, t] = $(""), [l, s] = $(null), [k, L] = $(""), A = /* @__PURE__ */ new Map();
   for (const d of m) {
-    const M = d.parentId ?? "__root__";
-    A.has(M) || A.set(M, []), A.get(M).push(d);
+    const P = d.parentId ?? "__root__";
+    A.has(P) || A.set(P, []), A.get(P).push(d);
   }
-  const O = P(() => {
+  const j = D(() => {
     !v.trim() || !o || (o(v.trim()), i(""));
-  }, [v, o]), z = P(() => {
-    !n.trim() || !o || !h || (o(n.trim(), h), t(""), f(null));
-  }, [n, h, o]), S = P(() => {
-    !l || !b.trim() || !_ || (_(l, b.trim()), s(null), $(""));
-  }, [l, b, _]), W = (d, M) => {
+  }, [v, o]), z = D(() => {
+    !n.trim() || !o || !h || (o(n.trim(), h), t(""), N(null));
+  }, [n, h, o]), x = D(() => {
+    !l || !k.trim() || !_ || (_(l, k.trim()), s(null), L(""));
+  }, [l, k, _]), W = (d, P) => {
     const U = a && d.authorId === a, u = A.get(d.id) ?? [];
-    return /* @__PURE__ */ c("div", { className: "nice-comments__item", style: { marginLeft: M * 24 }, children: [
+    return /* @__PURE__ */ c("div", { className: "nice-comments__item", style: { marginLeft: P * 24 }, children: [
       /* @__PURE__ */ c("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 }),
@@ -35,97 +35,97 @@ const Z = D(function(I, L) {
         d.isEdited && /* @__PURE__ */ e("span", { className: "nice-comments__edited", children: "(edited)" })
       ] }),
       l === d.id ? /* @__PURE__ */ c("div", { className: "nice-comments__edit-form", children: [
-        /* @__PURE__ */ e("textarea", { value: b, onChange: (g) => $(g.target.value) }),
-        /* @__PURE__ */ e("button", { onClick: S, children: "Save" }),
+        /* @__PURE__ */ e("textarea", { value: k, onChange: (y) => L(y.target.value) }),
+        /* @__PURE__ */ e("button", { onClick: x, children: "Save" }),
         /* @__PURE__ */ e("button", { onClick: () => s(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(([g, p]) => /* @__PURE__ */ c(
+      !d.isDeleted && d.reactions && /* @__PURE__ */ e("div", { className: "nice-comments__reactions", children: Object.entries(d.reactions).map(([y, f]) => /* @__PURE__ */ c(
         "button",
         {
           className: "nice-comments__reaction",
-          onClick: () => r == null ? void 0 : r(d.id, g),
+          onClick: () => r == null ? void 0 : r(d.id, y),
           children: [
-            g,
+            y,
             " ",
-            p
+            f
           ]
         },
-        g
+        y
       )) }),
-      !d.isDeleted && !k && /* @__PURE__ */ c("div", { className: "nice-comments__actions", children: [
-        r && x.map((g) => /* @__PURE__ */ e("button", { onClick: () => r(d.id, g), title: g, children: g }, g)),
-        M < E && /* @__PURE__ */ e("button", { onClick: () => {
-          f(d.id), t("");
+      !d.isDeleted && !w && /* @__PURE__ */ c("div", { className: "nice-comments__actions", children: [
+        r && E.map((y) => /* @__PURE__ */ e("button", { onClick: () => r(d.id, y), title: y, children: y }, y)),
+        P < T && /* @__PURE__ */ e("button", { onClick: () => {
+          N(d.id), t("");
         }, children: "Reply" }),
         U && _ && /* @__PURE__ */ e("button", { onClick: () => {
-          s(d.id), $(d.content);
+          s(d.id), L(d.content);
         }, children: "Edit" }),
-        U && N && /* @__PURE__ */ e("button", { onClick: () => N(d.id), children: "Delete" })
+        U && g && /* @__PURE__ */ e("button", { onClick: () => g(d.id), children: "Delete" })
       ] }),
       h === d.id && /* @__PURE__ */ c("div", { className: "nice-comments__reply-form", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
             value: n,
-            onChange: (g) => t(g.target.value),
+            onChange: (y) => t(y.target.value),
             placeholder: "Write a reply…"
           }
         ),
         /* @__PURE__ */ e("button", { onClick: z, disabled: !n.trim(), children: "Send" }),
-        /* @__PURE__ */ e("button", { onClick: () => f(null), children: "Cancel" })
+        /* @__PURE__ */ e("button", { onClick: () => N(null), children: "Cancel" })
       ] }),
-      u.map((g) => W(g, M + 1))
+      u.map((y) => W(y, P + 1))
     ] }, d.id);
-  }, j = A.get("__root__") ?? [];
-  return /* @__PURE__ */ c("div", { ref: L, className: `nice-comments ${w ?? ""}`, style: C, children: [
-    !k && /* @__PURE__ */ c("div", { className: "nice-comments__new", children: [
+  }, O = A.get("__root__") ?? [];
+  return /* @__PURE__ */ c("div", { ref: I, className: `nice-comments ${C ?? ""}`, style: S, children: [
+    !w && /* @__PURE__ */ c("div", { className: "nice-comments__new", children: [
       /* @__PURE__ */ e(
         "textarea",
         {
           value: v,
           onChange: (d) => i(d.target.value),
-          placeholder: y
+          placeholder: b
         }
       ),
-      /* @__PURE__ */ e("button", { onClick: O, disabled: !v.trim(), children: "Post" })
+      /* @__PURE__ */ e("button", { onClick: j, disabled: !v.trim(), children: "Post" })
     ] }),
-    j.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: "No comments yet." }) : j.map((d) => W(d, 0))
+    O.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: "No comments yet." }) : O.map((d) => W(d, 0))
   ] });
-}), V = "☆", Y = "★", q = "♡", G = "♥", ee = D(function(I, L) {
+}), V = "☆", Y = "★", q = "♡", G = "♥", ie = R(function(p, I) {
   const {
     value: m,
     max: a = 5,
     mode: o = "stars",
     aggregation: _,
-    onChange: N,
+    onChange: g,
     readOnly: r = !1,
-    size: k = "md",
-    showValue: E = !1,
-    label: x,
-    emojiSet: y = ["😢", "😕", "😐", "🙂", "😍"],
-    className: w,
-    style: C
-  } = I, [v, i] = T(null), h = v !== null ? v + 1 : m ?? 0, f = P((l) => {
-    r || !N || N(l + 1);
-  }, [r, N]), n = () => {
+    size: w = "md",
+    showValue: T = !1,
+    label: E,
+    emojiSet: b = ["😢", "😕", "😐", "🙂", "😍"],
+    className: C,
+    style: S
+  } = p, [v, i] = $(null), h = v !== null ? v + 1 : m ?? 0, N = D((l) => {
+    r || !g || g(l + 1);
+  }, [r, g]), n = () => {
     const l = [];
     for (let s = 0; s < a; s++) {
-      const b = s < h;
-      let $;
-      o === "emoji" ? $ = y[s] ?? y[y.length - 1] : o === "hearts" ? $ = b ? G : q : o === "thumbs" ? $ = b ? "👍" : "👎" : $ = b ? Y : V, l.push(
+      const k = s < h;
+      let L;
+      o === "emoji" ? L = b[s] ?? b[b.length - 1] : o === "hearts" ? L = k ? G : q : o === "thumbs" ? L = k ? "👍" : "👎" : L = k ? Y : V, l.push(
         /* @__PURE__ */ e(
           "span",
           {
-            className: `nice-ratings__symbol ${b ? "nice-ratings__symbol--active" : ""}`,
-            onClick: () => f(s),
+            className: `nice-ratings__symbol ${k ? "nice-ratings__symbol--active" : ""}`,
+            onClick: () => N(s),
             onMouseEnter: () => !r && i(s),
             onMouseLeave: () => !r && i(null),
             role: r ? void 0 : "button",
             tabIndex: r ? void 0 : 0,
             onKeyDown: (A) => {
-              (A.key === "Enter" || A.key === " ") && f(s);
+              (A.key === "Enter" || A.key === " ") && N(s);
             },
-            children: $
+            children: L
           },
           s
         )
@@ -141,7 +141,7 @@ const Z = D(function(I, L) {
         max: a,
         step: 0.5,
         value: m ?? 0,
-        onChange: (l) => N == null ? void 0 : N(parseFloat(l.target.value) || 0),
+        onChange: (l) => g == null ? void 0 : g(parseFloat(l.target.value) || 0),
         readOnly: r,
         className: "nice-ratings__numeric-input"
       }
@@ -154,14 +154,14 @@ const Z = D(function(I, L) {
   return /* @__PURE__ */ c(
     "div",
     {
-      ref: L,
-      className: `nice-ratings nice-ratings--${k} nice-ratings--${o} ${r ? "nice-ratings--readonly" : ""} ${w ?? ""}`,
-      style: C,
+      ref: I,
+      className: `nice-ratings nice-ratings--${w} nice-ratings--${o} ${r ? "nice-ratings--readonly" : ""} ${C ?? ""}`,
+      style: S,
       children: [
-        x && /* @__PURE__ */ e("span", { className: "nice-ratings__label", children: x }),
+        E && /* @__PURE__ */ e("span", { className: "nice-ratings__label", children: E }),
         /* @__PURE__ */ c("div", { className: "nice-ratings__body", children: [
           o === "numeric" ? t() : n(),
-          E && o !== "numeric" && /* @__PURE__ */ c("span", { className: "nice-ratings__value", children: [
+          T && o !== "numeric" && /* @__PURE__ */ c("span", { className: "nice-ratings__value", children: [
             h,
             " / ",
             a
@@ -189,20 +189,20 @@ const Z = D(function(I, L) {
       ]
     }
   );
-}), ie = D(function(I, L) {
+}), te = R(function(p, I) {
   const {
     stats: m,
     userState: a,
     onLike: o,
     onShare: _,
-    onBookmark: N,
+    onBookmark: g,
     direction: r = "horizontal",
-    size: k = "md",
-    showCounts: E = !0,
-    showLabels: x = !1,
-    className: y,
-    style: w
-  } = I, C = P((i) => i >= 1e6 ? (i / 1e6).toFixed(1) + "M" : i >= 1e3 ? (i / 1e3).toFixed(1) + "K" : i.toString(), []), v = [
+    size: w = "md",
+    showCounts: T = !0,
+    showLabels: E = !1,
+    className: b,
+    style: C
+  } = p, S = D((i) => i >= 1e6 ? (i / 1e6).toFixed(1) + "M" : i >= 1e3 ? (i / 1e3).toFixed(1) + "K" : i.toString(), []), v = [
     {
       key: "like",
       icon: "♡",
@@ -228,15 +228,15 @@ const Z = D(function(I, L) {
       label: "Bookmark",
       count: m.bookmarks,
       isActive: (a == null ? void 0 : a.bookmarked) ?? !1,
-      onClick: N
+      onClick: g
     }
   ];
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: L,
-      className: `nice-social-panel nice-social-panel--${r} nice-social-panel--${k} ${y ?? ""}`,
-      style: w,
+      ref: I,
+      className: `nice-social-panel nice-social-panel--${r} nice-social-panel--${w} ${b ?? ""}`,
+      style: C,
       children: v.map((i) => /* @__PURE__ */ c(
         "button",
         {
@@ -245,54 +245,54 @@ const Z = D(function(I, L) {
           title: i.label,
           children: [
             /* @__PURE__ */ e("span", { className: "nice-social-panel__icon", children: i.isActive ? i.activeIcon : i.icon }),
-            x && /* @__PURE__ */ e("span", { className: "nice-social-panel__label", children: i.label }),
-            E && /* @__PURE__ */ e("span", { className: "nice-social-panel__count", children: C(i.count) })
+            E && /* @__PURE__ */ e("span", { className: "nice-social-panel__label", children: i.label }),
+            T && /* @__PURE__ */ e("span", { className: "nice-social-panel__count", children: S(i.count) })
           ]
         },
         i.key
       ))
     }
   );
-}), te = D(function(I, L) {
+}), ne = R(function(p, I) {
   const {
     tags: m,
     onTagClick: a,
     minFontSize: o = 12,
     maxFontSize: _ = 36,
-    sortBy: N = "weight",
+    sortBy: g = "weight",
     maxTags: r,
-    selectedIds: k,
-    className: E,
-    style: x
-  } = I, y = F(() => {
+    selectedIds: w,
+    className: T,
+    style: E
+  } = p, b = F(() => {
     let i = [...m];
-    if (N === "weight")
-      i.sort((h, f) => f.weight - h.weight);
-    else if (N === "alphabetical")
-      i.sort((h, f) => h.label.localeCompare(f.label));
+    if (g === "weight")
+      i.sort((h, N) => N.weight - h.weight);
+    else if (g === "alphabetical")
+      i.sort((h, N) => h.label.localeCompare(N.label));
     else
       for (let h = i.length - 1; h > 0; h--) {
-        const f = Math.floor(Math.random() * (h + 1));
-        [i[h], i[f]] = [i[f], i[h]];
+        const N = Math.floor(Math.random() * (h + 1));
+        [i[h], i[N]] = [i[N], i[h]];
       }
     return r && i.length > r && (i = i.slice(0, r)), i;
-  }, [m, N, r]), { minW: w, maxW: C } = F(() => {
-    if (y.length === 0) return { minW: 0, maxW: 1 };
-    const i = y.map((h) => h.weight);
+  }, [m, g, r]), { minW: C, maxW: S } = F(() => {
+    if (b.length === 0) return { minW: 0, maxW: 1 };
+    const i = b.map((h) => h.weight);
     return { minW: Math.min(...i), maxW: Math.max(...i) };
-  }, [y]), v = (i) => {
-    if (C === w) return (o + _) / 2;
-    const h = (i - w) / (C - w);
+  }, [b]), v = (i) => {
+    if (S === C) return (o + _) / 2;
+    const h = (i - C) / (S - C);
     return o + h * (_ - o);
   };
-  return /* @__PURE__ */ e("div", { ref: L, className: `nice-tag-cloud ${E ?? ""}`, style: x, children: y.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-tag-cloud__empty", children: "No tags." }) : y.map((i) => {
-    const h = k == null ? void 0 : k.includes(i.id), f = v(i.weight);
+  return /* @__PURE__ */ e("div", { ref: I, className: `nice-tag-cloud ${T ?? ""}`, style: E, 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), N = v(i.weight);
     return /* @__PURE__ */ e(
       "span",
       {
         className: `nice-tag-cloud__tag ${h ? "nice-tag-cloud__tag--selected" : ""}`,
         style: {
-          fontSize: f,
+          fontSize: N,
           color: i.color,
           cursor: a ? "pointer" : void 0
         },
@@ -313,43 +313,43 @@ const Z = D(function(I, L) {
   away: "#eab308",
   busy: "#ef4444",
   offline: "#9ca3af"
-}, ne = D(function(I, L) {
+}, ae = R(function(p, I) {
   const {
     users: m,
     onUserClick: a,
     onAction: o,
     actions: _ = [],
-    searchable: N = !1,
+    searchable: g = !1,
     statusFilter: r,
-    showStatus: k = !0,
-    layout: E = "list",
-    groupByRole: x = !1,
-    className: y,
-    style: w
-  } = I, [C, v] = T(""), i = F(() => {
+    showStatus: w = !0,
+    layout: T = "list",
+    groupByRole: E = !1,
+    className: b,
+    style: C
+  } = p, [S, v] = $(""), i = F(() => {
     let n = m;
-    if (r && r.length > 0 && (n = n.filter((t) => t.status && r.includes(t.status))), C.trim()) {
-      const t = C.toLowerCase();
+    if (r && r.length > 0 && (n = n.filter((t) => t.status && r.includes(t.status))), S.trim()) {
+      const t = S.toLowerCase();
       n = n.filter(
         (l) => {
-          var s, b;
-          return l.name.toLowerCase().includes(t) || ((s = l.email) == null ? void 0 : s.toLowerCase().includes(t)) || ((b = l.role) == null ? void 0 : b.toLowerCase().includes(t));
+          var s, k;
+          return l.name.toLowerCase().includes(t) || ((s = l.email) == null ? void 0 : s.toLowerCase().includes(t)) || ((k = l.role) == null ? void 0 : k.toLowerCase().includes(t));
         }
       );
     }
     return n;
-  }, [m, r, C]), h = F(() => {
-    if (!x) return { "": i };
+  }, [m, r, S]), h = F(() => {
+    if (!E) return { "": i };
     const n = {};
     for (const t of i) {
       const l = t.role ?? "Other";
       n[l] || (n[l] = []), n[l].push(t);
     }
     return n;
-  }, [i, x]), f = (n) => /* @__PURE__ */ c(
+  }, [i, E]), N = (n) => /* @__PURE__ */ c(
     "div",
     {
-      className: `nice-user-list__item nice-user-list__item--${E}`,
+      className: `nice-user-list__item nice-user-list__item--${T}`,
       onClick: () => a == null ? void 0 : a(n),
       role: a ? "button" : void 0,
       tabIndex: a ? 0 : void 0,
@@ -359,7 +359,7 @@ const Z = D(function(I, L) {
       children: [
         /* @__PURE__ */ c("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() }),
-          k && n.status && /* @__PURE__ */ e(
+          w && n.status && /* @__PURE__ */ e(
             "span",
             {
               className: "nice-user-list__status-dot",
@@ -388,68 +388,74 @@ const Z = D(function(I, L) {
     },
     n.id
   );
-  return /* @__PURE__ */ c("div", { ref: L, className: `nice-user-list nice-user-list--${E} ${y ?? ""}`, style: w, children: [
-    N && /* @__PURE__ */ e(
+  return /* @__PURE__ */ c("div", { ref: I, className: `nice-user-list nice-user-list--${T} ${b ?? ""}`, style: C, children: [
+    g && /* @__PURE__ */ e(
       "input",
       {
         type: "text",
-        value: C,
+        value: S,
         onChange: (n) => v(n.target.value),
         placeholder: "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(([n, t]) => /* @__PURE__ */ c("div", { className: "nice-user-list__group", children: [
-      x && n && /* @__PURE__ */ c("h4", { className: "nice-user-list__group-title", children: [
+      E && n && /* @__PURE__ */ c("h4", { className: "nice-user-list__group-title", children: [
         n,
         " (",
         t.length,
         ")"
       ] }),
-      t.map(f)
+      t.map(N)
     ] }, n))
   ] });
-}), ae = D(function(I, L) {
+});
+function Q(M) {
+  if (!M) return "";
+  let p = M;
+  return p = p.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), p = p.replace(/\s+on\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, ""), p = p.replace(/(href|src|action)\s*=\s*(?:"javascript:[^"]*"|'javascript:[^']*')/gi, '$1=""'), p = p.replace(/(href|src|action)\s*=\s*(?:"vbscript:[^"]*"|'vbscript:[^']*')/gi, '$1=""'), p = p.replace(/<\/?(iframe|object|embed|form)\b[^>]*>/gi, ""), p;
+}
+const se = R(function(p, I) {
   const {
     pages: m,
     selectedPageId: a,
     onSelectPage: o,
     onSavePage: _,
-    onDeletePage: N,
+    onDeletePage: g,
     onCreatePage: r,
-    editable: k = !1,
-    searchable: E = !0,
-    renderHtml: x = !1,
-    sidebarWidth: y = 260,
-    className: w,
-    style: C
-  } = I, [v, i] = T(""), [h, f] = T(!1), [n, t] = T(""), [l, s] = T(""), [b, $] = T(""), [A, O] = T(!1), z = F(() => {
-    if (m.some((p) => p.children && p.children.length > 0)) return m.filter((p) => !p.parentId);
+    editable: w = !1,
+    searchable: T = !0,
+    renderHtml: E = !1,
+    sidebarWidth: b = 260,
+    className: C,
+    style: S
+  } = p, [v, i] = $(""), [h, N] = $(!1), [n, t] = $(""), [l, s] = $(""), [k, L] = $(""), [A, j] = $(!1), z = F(() => {
+    if (m.some((f) => f.children && f.children.length > 0)) return m.filter((f) => !f.parentId);
     const u = /* @__PURE__ */ new Map();
-    for (const p of m)
-      u.set(p.id, { ...p, children: [] });
-    const g = [];
-    for (const p of u.values())
-      p.parentId && u.has(p.parentId) ? u.get(p.parentId).children.push(p) : g.push(p);
-    return g;
-  }, [m]), S = F(() => m.find((u) => u.id === a), [m, a]), W = F(() => {
+    for (const f of m)
+      u.set(f.id, { ...f, children: [] });
+    const y = [];
+    for (const f of u.values())
+      f.parentId && u.has(f.parentId) ? u.get(f.parentId).children.push(f) : y.push(f);
+    return y;
+  }, [m]), x = F(() => m.find((u) => u.id === a), [m, a]), W = F(() => {
     if (!v.trim()) return z;
-    const u = v.toLowerCase(), g = new Set(m.filter((p) => p.title.toLowerCase().includes(u)).map((p) => p.id));
-    return m.filter((p) => g.has(p.id));
-  }, [z, m, v]), j = P(() => {
-    S && (t(S.title), s(S.content ?? ""), f(!0));
-  }, [S]), d = P(() => {
-    !S || !_ || (_(S.id, l, n), f(!1));
-  }, [S, l, n, _]), M = P(() => {
-    !b.trim() || !r || (r(a ?? null, b.trim()), $(""), O(!1));
-  }, [b, a, r]), U = (u, g = 0) => {
-    var p;
+    const u = v.toLowerCase(), y = new Set(m.filter((f) => f.title.toLowerCase().includes(u)).map((f) => f.id));
+    return m.filter((f) => y.has(f.id));
+  }, [z, m, v]), O = D(() => {
+    x && (t(x.title), s(x.content ?? ""), N(!0));
+  }, [x]), d = D(() => {
+    !x || !_ || (_(x.id, l, n), N(!1));
+  }, [x, l, n, _]), P = D(() => {
+    !k.trim() || !r || (r(a ?? null, k.trim()), L(""), j(!1));
+  }, [k, a, r]), U = (u, y = 0) => {
+    var f;
     return /* @__PURE__ */ c("div", { children: [
       /* @__PURE__ */ e(
         "div",
         {
           className: `nice-wiki__page-item ${u.id === a ? "nice-wiki__page-item--active" : ""}`,
-          style: { paddingLeft: 12 + g * 16 },
+          style: { paddingLeft: 12 + y * 16 },
           onClick: () => o == null ? void 0 : o(u),
           role: "button",
           tabIndex: 0,
@@ -459,28 +465,28 @@ const Z = D(function(I, L) {
           children: u.title
         }
       ),
-      (p = u.children) == null ? void 0 : p.map((B) => U(B, g + 1))
+      (f = u.children) == null ? void 0 : f.map((B) => U(B, y + 1))
     ] }, u.id);
   };
-  return /* @__PURE__ */ c("div", { ref: L, className: `nice-wiki ${w ?? ""}`, style: { display: "flex", ...C }, children: [
-    /* @__PURE__ */ c("div", { className: "nice-wiki__sidebar", style: { width: y, minWidth: y }, children: [
+  return /* @__PURE__ */ c("div", { ref: I, className: `nice-wiki ${C ?? ""}`, style: { display: "flex", ...S }, children: [
+    /* @__PURE__ */ c("div", { className: "nice-wiki__sidebar", style: { width: b, minWidth: b }, children: [
       /* @__PURE__ */ c("div", { className: "nice-wiki__sidebar-header", children: [
         /* @__PURE__ */ e("strong", { children: "Wiki" }),
-        k && r && /* @__PURE__ */ e("button", { onClick: () => O(!A), title: "New page", children: "+" })
+        w && r && /* @__PURE__ */ e("button", { onClick: () => j(!A), title: "New page", children: "+" })
       ] }),
       A && /* @__PURE__ */ c("div", { className: "nice-wiki__new-page", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
-            value: b,
-            onChange: (u) => $(u.target.value),
+            value: k,
+            onChange: (u) => L(u.target.value),
             placeholder: "New page title"
           }
         ),
-        /* @__PURE__ */ e("button", { onClick: M, disabled: !b.trim(), children: "Create" })
+        /* @__PURE__ */ e("button", { onClick: P, disabled: !k.trim(), children: "Create" })
       ] }),
-      E && /* @__PURE__ */ e(
+      T && /* @__PURE__ */ e(
         "input",
         {
           type: "text",
@@ -492,7 +498,7 @@ const Z = D(function(I, L) {
       ),
       /* @__PURE__ */ e("div", { className: "nice-wiki__tree", children: W.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-wiki__empty", children: "No pages." }) : W.map((u) => U(u)) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "nice-wiki__content", children: S ? h ? /* @__PURE__ */ c("div", { className: "nice-wiki__editor", children: [
+    /* @__PURE__ */ e("div", { className: "nice-wiki__content", children: x ? h ? /* @__PURE__ */ c("div", { className: "nice-wiki__editor", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -513,33 +519,33 @@ const Z = D(function(I, L) {
       ),
       /* @__PURE__ */ c("div", { className: "nice-wiki__edit-actions", children: [
         /* @__PURE__ */ e("button", { onClick: d, children: "Save" }),
-        /* @__PURE__ */ e("button", { onClick: () => f(!1), children: "Cancel" })
+        /* @__PURE__ */ e("button", { onClick: () => N(!1), children: "Cancel" })
       ] })
     ] }) : /* @__PURE__ */ c("div", { className: "nice-wiki__viewer", children: [
       /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-header", children: [
-        /* @__PURE__ */ e("h2", { children: S.title }),
+        /* @__PURE__ */ e("h2", { children: x.title }),
         /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-meta", children: [
-          S.lastEditedBy && /* @__PURE__ */ c("span", { children: [
+          x.lastEditedBy && /* @__PURE__ */ c("span", { children: [
             "Edited by ",
-            S.lastEditedBy
+            x.lastEditedBy
           ] }),
-          S.lastEditedAt && /* @__PURE__ */ c("span", { children: [
+          x.lastEditedAt && /* @__PURE__ */ c("span", { children: [
             " on ",
-            S.lastEditedAt
+            x.lastEditedAt
           ] })
         ] }),
-        k && /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-actions", children: [
-          /* @__PURE__ */ e("button", { onClick: j, children: "Edit" }),
-          N && /* @__PURE__ */ e("button", { onClick: () => N(S.id), children: "Delete" })
+        w && /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-actions", children: [
+          /* @__PURE__ */ e("button", { onClick: O, children: "Edit" }),
+          g && /* @__PURE__ */ e("button", { onClick: () => g(x.id), children: "Delete" })
         ] })
       ] }),
-      x ? /* @__PURE__ */ e(
+      E ? /* @__PURE__ */ e(
         "div",
         {
           className: "nice-wiki__viewer-body",
-          dangerouslySetInnerHTML: { __html: S.content ?? "" }
+          dangerouslySetInnerHTML: { __html: Q(x.content ?? "") }
         }
-      ) : /* @__PURE__ */ e("div", { className: "nice-wiki__viewer-body", children: S.content ?? /* @__PURE__ */ e("em", { children: "No content." }) })
+      ) : /* @__PURE__ */ e("div", { className: "nice-wiki__viewer-body", children: x.content ?? /* @__PURE__ */ e("em", { children: "No content." }) })
     ] }) : /* @__PURE__ */ e("div", { className: "nice-wiki__placeholder", children: "Select a page from the sidebar." }) })
   ] });
 }), K = {
@@ -554,19 +560,19 @@ const Z = D(function(I, L) {
   upload: "📎",
   mention: "@",
   custom: "📌"
-}, se = D(function(I, L) {
+}, ce = R(function(p, I) {
   const {
     events: m,
     onEventClick: a,
     groupByDate: o = !0,
     typeFilter: _,
-    showFilters: N = !1,
+    showFilters: g = !1,
     maxEvents: r,
-    onLoadMore: k,
-    hasMore: E = !1,
-    className: x,
-    style: y
-  } = I, [w, C] = T(/* @__PURE__ */ new Set()), v = _ ?? (w.size > 0 ? Array.from(w) : void 0), i = F(() => {
+    onLoadMore: w,
+    hasMore: T = !1,
+    className: E,
+    style: b
+  } = p, [C, S] = $(/* @__PURE__ */ new Set()), v = _ ?? (C.size > 0 ? Array.from(C) : void 0), i = F(() => {
     let t = m;
     if (v && v.length > 0) {
       const l = new Set(v);
@@ -581,21 +587,21 @@ const Z = D(function(I, L) {
       t.has(s) || t.set(s, []), t.get(s).push(l);
     }
     return Array.from(t.entries()).map(([l, s]) => ({ label: l, events: s }));
-  }, [i, o]), f = F(() => {
+  }, [i, o]), N = F(() => {
     const t = new Set(m.map((l) => l.type));
     return Array.from(t).sort();
   }, [m]), n = (t) => {
-    C((l) => {
+    S((l) => {
       const s = new Set(l);
       return s.has(t) ? s.delete(t) : s.add(t), s;
     });
   };
-  return /* @__PURE__ */ c("div", { ref: L, className: `nice-activity-feed ${x ?? ""}`, style: y, children: [
-    N && !_ && /* @__PURE__ */ c("div", { className: "nice-activity-feed__filters", children: [
-      f.map((t) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ c("div", { ref: I, className: `nice-activity-feed ${E ?? ""}`, style: b, children: [
+    g && !_ && /* @__PURE__ */ c("div", { className: "nice-activity-feed__filters", children: [
+      N.map((t) => /* @__PURE__ */ c(
         "button",
         {
-          className: `nice-activity-feed__filter-chip ${w.has(t) ? "nice-activity-feed__filter-chip--active" : ""}`,
+          className: `nice-activity-feed__filter-chip ${C.has(t) ? "nice-activity-feed__filter-chip--active" : ""}`,
           onClick: () => n(t),
           children: [
             K[t],
@@ -605,11 +611,11 @@ const Z = D(function(I, L) {
         },
         t
       )),
-      w.size > 0 && /* @__PURE__ */ e(
+      C.size > 0 && /* @__PURE__ */ e(
         "button",
         {
           className: "nice-activity-feed__filter-clear",
-          onClick: () => C(/* @__PURE__ */ new Set()),
+          onClick: () => S(/* @__PURE__ */ new Set()),
           children: "Clear"
         }
       )
@@ -623,8 +629,8 @@ const Z = D(function(I, L) {
           onClick: () => a == null ? void 0 : a(s),
           role: a ? "button" : void 0,
           tabIndex: a ? 0 : void 0,
-          onKeyDown: (b) => {
-            b.key === "Enter" && a && a(s);
+          onKeyDown: (k) => {
+            k.key === "Enter" && a && a(s);
           },
           children: [
             /* @__PURE__ */ e("span", { className: "nice-activity-feed__icon", children: K[s.type] }),
@@ -646,15 +652,15 @@ const Z = D(function(I, L) {
         s.id
       ))
     ] }, t || "__all")),
-    E && k && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: k, children: "Load more" })
+    T && w && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: w, children: "Load more" })
   ] });
 });
 export {
-  se as NiceActivityFeed,
-  Z as NiceComments,
-  ee as NiceRatings,
-  ie as NiceSocialPanel,
-  te as NiceTagCloud,
-  ne as NiceUserList,
-  ae as NiceWiki
+  ce as NiceActivityFeed,
+  ee as NiceComments,
+  ie as NiceRatings,
+  te as NiceSocialPanel,
+  ne as NiceTagCloud,
+  ae as NiceUserList,
+  se as NiceWiki
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/social",
-  "version": "0.1.0",
+  "version": "1.0.2",
   "description": "Nice2Dev Social — Comments, ratings, activity feed, tag cloud, social panel, user list, wiki for React",
   "type": "module",
   "main": "dist/index.cjs",
@@ -46,6 +46,8 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^14.0.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.2.0",
@@ -53,6 +55,7 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.3.0",
     "vite": "^6.2.0",
-    "vite-plugin-dts": "^4.5.0"
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^4.1.0"
   }
 }