@nice2dev/social 1.1.7 → 1.1.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nice2dev/social — Changelog
 
+## 1.1.9
+
+No changes in this release.
+
+## 1.1.8
+
+No changes in this release.
+
 ## 1.1.7
 
 ### Patch Changes

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(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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),U=l.forwardRef(function(u,M){const{comments:m,currentUserId:n,onSubmit:o,onEdit:_,onDelete:g,onReact:r,readOnly:b=!1,maxDepth:$=4,reactions:S=["👍","❤️","😂","😮","😢"],placeholder:N="Write a comment…",className:k,style:w}=u,[x,s]=l.useState(""),[h,v]=l.useState(null),[t,i]=l.useState(""),[c,a]=l.useState(null),[y,E]=l.useState(""),L=new Map;for(const d of m){const A=d.parentId??"__root__";L.has(A)||L.set(A,[]),L.get(A).push(d)}const R=l.useCallback(()=>{!x.trim()||!o||(o(x.trim()),s(""))},[x,o]),P=l.useCallback(()=>{!t.trim()||!o||!h||(o(t.trim(),h),i(""),v(null))},[t,h,o]),C=l.useCallback(()=>{!c||!y.trim()||!_||(_(c,y.trim()),a(null),E(""))},[c,y,_]),I=(d,A)=>{const F=n&&d.authorId===n,p=L.get(d.id)??[];return e.jsxs("div",{className:"nice-comments__item",style:{marginLeft:A*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=>E(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)),A<$&&e.jsx("button",{onClick:()=>{v(d.id),i("")},children:"Reply"}),F&&_&&e.jsx("button",{onClick:()=>{a(d.id),E(d.content)},children:"Edit"}),F&&g&&e.jsx("button",{onClick:()=>g(d.id),children:"Delete"})]}),h===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"})]}),p.map(j=>I(j,A+1))]},d.id)},D=L.get("__root__")??[];return e.jsxs("div",{ref:M,className:`nice-comments ${k??""}`,style:w,children:[!b&&e.jsxs("div",{className:"nice-comments__new",children:[e.jsx("textarea",{value:x,onChange:d=>s(d.target.value),placeholder:N}),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=>I(d,0))]})}),z={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%)"},O=({shape:T,filled:u=!0})=>e.jsx("span",{"aria-hidden":"true",className:`nice-social-shape nice-social-shape--${T}`,style:{display:"inline-block",width:"1em",height:"1em",verticalAlign:"-0.125em",background:"currentColor",clipPath:z[T],opacity:u?1:.35}}),B=l.forwardRef(function(u,M){const{value:m,max:n=5,mode:o="stars",aggregation:_,onChange:g,readOnly:r=!1,size:b="md",showValue:$=!1,label:S,emojiSet:N=["😢","😕","😐","🙂","😍"],className:k,style:w}=u,[x,s]=l.useState(null),h=x!==null?x+1:m??0,v=l.useCallback(c=>{r||!g||g(c+1)},[r,g]),t=()=>{const c=[];for(let a=0;a<n;a++){const y=a<h;let E;o==="emoji"?E=N[a]??N[N.length-1]:o==="hearts"?E=e.jsx(O,{shape:"heart",filled:y}):o==="thumbs"?E=y?"👍":"👎":E=e.jsx(O,{shape:"star",filled:y}),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:E},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=>g==null?void 0:g(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:M,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(),$&&o!=="numeric"&&e.jsxs("span",{className:"nice-ratings__value",children:[h," / ",n]})]}),_&&e.jsxs("div",{className:"nice-ratings__aggregation",children:[e.jsx("span",{className:"nice-ratings__avg",children:_.average.toFixed(1)}),e.jsxs("span",{className:"nice-ratings__count",children:["(",_.count," ratings)"]}),_.distribution&&e.jsx("div",{className:"nice-ratings__distribution",children:Object.entries(_.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:`${_.count?a/_.count*100:0}%`}})}),e.jsx("span",{children:a})]},c))})]})]})}),K=l.forwardRef(function(u,M){const{stats:m,userState:n,onLike:o,onShare:_,onBookmark:g,direction:r="horizontal",size:b="md",showCounts:$=!0,showLabels:S=!1,className:N,style:k}=u,w=l.useCallback(s=>s>=1e6?(s/1e6).toFixed(1)+"M":s>=1e3?(s/1e3).toFixed(1)+"K":s.toString(),[]),x=[{key:"like",shape:"heart",label:"Like",count:m.likes,isActive:(n==null?void 0:n.liked)??!1,onClick:o},{key:"share",shape:"share",label:"Share",count:m.shares,isActive:(n==null?void 0:n.shared)??!1,onClick:_},{key:"bookmark",shape:"star",label:"Bookmark",count:m.bookmarks,isActive:(n==null?void 0:n.bookmarked)??!1,onClick:g}];return e.jsx("div",{ref:M,className:`nice-social-panel nice-social-panel--${r} nice-social-panel--${b} ${N??""}`,style:k,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,"aria-label":s.label,"aria-pressed":s.isActive,children:[e.jsx("span",{className:"nice-social-panel__icon",children:e.jsx(O,{shape:s.shape,filled:s.isActive||s.shape==="share"})}),S&&e.jsx("span",{className:"nice-social-panel__label",children:s.label}),$&&e.jsx("span",{className:"nice-social-panel__count",children:w(s.count)})]},s.key))})}),H=l.forwardRef(function(u,M){const{tags:m,onTagClick:n,minFontSize:o=12,maxFontSize:_=36,sortBy:g="weight",maxTags:r,selectedIds:b,className:$,style:S}=u,N=l.useMemo(()=>{let s=[...m];if(g==="weight")s.sort((h,v)=>v.weight-h.weight);else if(g==="alphabetical")s.sort((h,v)=>h.label.localeCompare(v.label));else for(let h=s.length-1;h>0;h--){const v=Math.floor(Math.random()*(h+1));[s[h],s[v]]=[s[v],s[h]]}return r&&s.length>r&&(s=s.slice(0,r)),s},[m,g,r]),{minW:k,maxW:w}=l.useMemo(()=>{if(N.length===0)return{minW:0,maxW:1};const s=N.map(h=>h.weight);return{minW:Math.min(...s),maxW:Math.max(...s)}},[N]),x=s=>{if(w===k)return(o+_)/2;const h=(s-k)/(w-k);return o+h*(_-o)};return e.jsx("div",{ref:M,className:`nice-tag-cloud ${$??""}`,style:S,children:N.length===0?e.jsx("p",{className:"nice-tag-cloud__empty",children:"No tags."}):N.map(s=>{const h=b==null?void 0:b.includes(s.id),v=x(s.weight);return e.jsx("span",{className:`nice-tag-cloud__tag ${h?"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)})})}),q={online:"#22c55e",away:"#eab308",busy:"#ef4444",offline:"#9ca3af"},V=l.forwardRef(function(u,M){const{users:m,onUserClick:n,onAction:o,actions:_=[],searchable:g=!1,statusFilter:r,showStatus:b=!0,layout:$="list",groupByRole:S=!1,className:N,style:k}=u,[w,x]=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]),h=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--${$}`,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:q[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})]}),_.length>0&&e.jsx("div",{className:"nice-user-list__actions",children:_.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:M,className:`nice-user-list nice-user-list--${$} ${N??""}`,style:k,children:[g&&e.jsx("input",{type:"text",value:w,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(h).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 Y(T){if(!T)return"";let u=T;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}const G=l.forwardRef(function(u,M){const{pages:m,selectedPageId:n,onSelectPage:o,onSavePage:_,onDeletePage:g,onCreatePage:r,editable:b=!1,searchable:$=!0,renderHtml:S=!1,sidebarWidth:N=260,className:k,style:w}=u,[x,s]=l.useState(""),[h,v]=l.useState(!1),[t,i]=l.useState(""),[c,a]=l.useState(""),[y,E]=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 p=new Map;for(const f of m)p.set(f.id,{...f,children:[]});const j=[];for(const f of p.values())f.parentId&&p.has(f.parentId)?p.get(f.parentId).children.push(f):j.push(f);return j},[m]),C=l.useMemo(()=>m.find(p=>p.id===n),[m,n]),I=l.useMemo(()=>{if(!x.trim())return P;const p=x.toLowerCase(),j=new Set(m.filter(f=>f.title.toLowerCase().includes(p)).map(f=>f.id));return m.filter(f=>j.has(f.id))},[P,m,x]),D=l.useCallback(()=>{C&&(i(C.title),a(C.content??""),v(!0))},[C]),d=l.useCallback(()=>{!C||!_||(_(C.id,c,t),v(!1))},[C,c,t,_]),A=l.useCallback(()=>{!y.trim()||!r||(r(n??null,y.trim()),E(""),R(!1))},[y,n,r]),F=(p,j=0)=>{var f;return e.jsxs("div",{children:[e.jsx("div",{className:`nice-wiki__page-item ${p.id===n?"nice-wiki__page-item--active":""}`,style:{paddingLeft:12+j*16},onClick:()=>o==null?void 0:o(p),role:"button",tabIndex:0,onKeyDown:W=>{W.key==="Enter"&&(o==null||o(p))},children:p.title}),(f=p.children)==null?void 0:f.map(W=>F(W,j+1))]},p.id)};return e.jsxs("div",{ref:M,className:`nice-wiki ${k??""}`,style:{display:"flex",...w},children:[e.jsxs("div",{className:"nice-wiki__sidebar",style:{width:N,minWidth:N},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:p=>E(p.target.value),placeholder:"New page title"}),e.jsx("button",{onClick:A,disabled:!y.trim(),children:"Create"})]}),$&&e.jsx("input",{type:"text",className:"nice-wiki__search",value:x,onChange:p=>s(p.target.value),placeholder:"Search pages…"}),e.jsx("div",{className:"nice-wiki__tree",children:I.length===0?e.jsx("p",{className:"nice-wiki__empty",children:"No pages."}):I.map(p=>F(p))})]}),e.jsx("div",{className:"nice-wiki__content",children:C?h?e.jsxs("div",{className:"nice-wiki__editor",children:[e.jsx("input",{type:"text",className:"nice-wiki__edit-title",value:t,onChange:p=>i(p.target.value)}),e.jsx("textarea",{className:"nice-wiki__edit-body",value:c,onChange:p=>a(p.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"}),g&&e.jsx("button",{onClick:()=>g(C.id),children:"Delete"})]})]}),S?e.jsx("div",{className:"nice-wiki__viewer-body",dangerouslySetInnerHTML:{__html:Y(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."})})]})}),J={comment:"var(--nice-color-primary, #3b82f6)",like:"var(--nice-color-error, #ef4444)",share:"var(--nice-color-info, #0ea5e9)",create:"var(--nice-color-success, #22c55e)",update:"var(--nice-color-warning, #f59e0b)",delete:"var(--nice-color-error, #ef4444)",join:"var(--nice-color-success, #22c55e)",leave:"var(--nice-text-muted, #6b7280)",upload:"var(--nice-color-accent, #8b5cf6)",mention:"var(--nice-color-primary, #3b82f6)",custom:"var(--nice-text-muted, #6b7280)"},Q=l.forwardRef(function(u,M){const{events:m,onEventClick:n,groupByDate:o=!0,typeFilter:_,showFilters:g=!1,maxEvents:r,onLoadMore:b,hasMore:$=!1,className:S,style:N}=u,[k,w]=l.useState(new Set),x=_??(k.size>0?Array.from(k):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]),h=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:M,className:`nice-activity-feed ${S??""}`,style:N,children:[g&&!_&&e.jsxs("div",{className:"nice-activity-feed__filters",children:[v.map(i=>e.jsx("button",{className:`nice-activity-feed__filter-chip ${k.has(i)?"nice-activity-feed__filter-chip--active":""}`,onClick:()=>t(i),children: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."}):h.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 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:J[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")),$&&b&&e.jsx("button",{className:"nice-activity-feed__load-more",onClick:b,children:"Load more"})]})});exports.NiceActivityFeed=Q;exports.NiceComments=U;exports.NiceRatings=B;exports.NiceSocialPanel=K;exports.NiceTagCloud=H;exports.NiceUserList=V;exports.NiceWiki=G;

package/dist/index.mjs

@@ -1,46 +1,46 @@
-import { jsxs as c, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as R, useState as $, useCallback as D, useMemo as F } from "react";
-const ee = R(
-  function(p, I) {
+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,
-      currentUserId: a,
+      currentUserId: s,
       onSubmit: o,
       onEdit: _,
-      onDelete: g,
+      onDelete: N,
       onReact: r,
       readOnly: w = !1,
-      maxDepth: T = 4,
-      reactions: E = ["👍", "❤️", "😂", "😮", "😢"],
+      maxDepth: E = 4,
+      reactions: $ = ["👍", "❤️", "😂", "😮", "😢"],
       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();
+      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 P = d.parentId ?? "__root__";
-      A.has(P) || A.set(P, []), A.get(P).push(d);
+      const M = d.parentId ?? "__root__";
+      F.has(M) || F.set(M, []), F.get(M).push(d);
     }
     const j = D(() => {
       !v.trim() || !o || (o(v.trim()), i(""));
     }, [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: P * 24 }, children: [
-        /* @__PURE__ */ c("div", { className: "nice-comments__header", children: [
+      !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)" })
         ] }),
-        l === d.id ? /* @__PURE__ */ c("div", { className: "nice-comments__edit-form", children: [
-          /* @__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" })
+        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__ */ c(
+        !d.isDeleted && d.reactions && /* @__PURE__ */ e("div", { className: "nice-comments__reactions", children: Object.entries(d.reactions).map(([y, f]) => /* @__PURE__ */ l(
           "button",
           {
             className: "nice-comments__reaction",
@@ -53,45 +53,45 @@ const ee = R(
           },
           y
         )) }),
-        !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(
+        !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(
             "button",
             {
               onClick: () => {
-                N(d.id), t("");
+                g(d.id), t("");
               },
               children: "Reply"
             }
           ),
-          U && _ && /* @__PURE__ */ e(
+          R && _ && /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
-                s(d.id), L(d.content);
+                n(d.id), I(d.content);
               },
               children: "Edit"
             }
           ),
-          U && g && /* @__PURE__ */ e("button", { onClick: () => g(d.id), children: "Delete" })
+          R && N && /* @__PURE__ */ e("button", { onClick: () => N(d.id), children: "Delete" })
         ] }),
-        h === d.id && /* @__PURE__ */ c("div", { className: "nice-comments__reply-form", children: [
+        h === d.id && /* @__PURE__ */ l("div", { className: "nice-comments__reply-form", children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              value: n,
+              value: a,
               onChange: (y) => t(y.target.value),
               placeholder: "Write a reply…"
             }
           ),
-          /* @__PURE__ */ e("button", { onClick: z, disabled: !n.trim(), children: "Send" }),
-          /* @__PURE__ */ e("button", { onClick: () => N(null), children: "Cancel" })
+          /* @__PURE__ */ e("button", { onClick: z, disabled: !a.trim(), children: "Send" }),
+          /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Cancel" })
         ] }),
-        u.map((y) => W(y, P + 1))
+        p.map((y) => O(y, M + 1))
       ] }, d.id);
-    }, 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: [
+    }, 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: [
         /* @__PURE__ */ e(
           "textarea",
           {
@@ -102,173 +102,194 @@ const ee = R(
         ),
         /* @__PURE__ */ e("button", { onClick: j, disabled: !v.trim(), children: "Post" })
       ] }),
-      O.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: "No comments yet." }) : O.map((d) => W(d, 0))
+      U.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-comments__empty", children: "No comments yet." }) : U.map((d) => O(d, 0))
     ] });
   }
-), V = "☆", Y = "★", q = "♡", G = "♥", ie = R(
-  function(p, I) {
+), V = {
+  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
+}) => /* @__PURE__ */ e(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: `nice-social-shape nice-social-shape--${A}`,
+    style: {
+      display: "inline-block",
+      width: "1em",
+      height: "1em",
+      verticalAlign: "-0.125em",
+      background: "currentColor",
+      clipPath: V[A],
+      opacity: u ? 1 : 0.35
+    }
+  }
+), Z = W(
+  function(u, T) {
     const {
       value: m,
-      max: a = 5,
+      max: s = 5,
       mode: o = "stars",
       aggregation: _,
-      onChange: g,
+      onChange: N,
       readOnly: r = !1,
       size: w = "md",
-      showValue: T = !1,
-      label: E,
+      showValue: E = !1,
+      label: $,
       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);
+      style: x
+    } = u, [v, i] = L(null), h = v !== null ? v + 1 : m ?? 0, g = D(
+      (c) => {
+        r || !N || N(c + 1);
       },
-      [r, g]
-    ), n = () => {
-      const l = [];
-      for (let s = 0; s < a; s++) {
-        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(
+      [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(
           /* @__PURE__ */ e(
             "span",
             {
               className: `nice-ratings__symbol ${k ? "nice-ratings__symbol--active" : ""}`,
-              onClick: () => N(s),
-              onMouseEnter: () => !r && i(s),
+              onClick: () => g(n),
+              onMouseEnter: () => !r && i(n),
               onMouseLeave: () => !r && i(null),
               role: r ? void 0 : "button",
               tabIndex: r ? void 0 : 0,
-              onKeyDown: (A) => {
-                (A.key === "Enter" || A.key === " ") && N(s);
+              onKeyDown: (F) => {
+                (F.key === "Enter" || F.key === " ") && g(n);
               },
-              children: L
+              children: I
             },
-            s
+            n
           )
         );
       }
-      return l;
-    }, t = () => /* @__PURE__ */ c("div", { className: "nice-ratings__numeric", children: [
+      return c;
+    }, t = () => /* @__PURE__ */ l("div", { className: "nice-ratings__numeric", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "number",
           min: 0,
-          max: a,
+          max: s,
           step: 0.5,
           value: m ?? 0,
-          onChange: (l) => g == null ? void 0 : g(parseFloat(l.target.value) || 0),
+          onChange: (c) => N == null ? void 0 : N(parseFloat(c.target.value) || 0),
           readOnly: r,
           className: "nice-ratings__numeric-input"
         }
       ),
-      /* @__PURE__ */ c("span", { className: "nice-ratings__numeric-max", children: [
+      /* @__PURE__ */ l("span", { className: "nice-ratings__numeric-max", children: [
         "/ ",
-        a
+        s
       ] })
     ] });
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: I,
+        ref: T,
         className: `nice-ratings nice-ratings--${w} nice-ratings--${o} ${r ? "nice-ratings--readonly" : ""} ${C ?? ""}`,
-        style: S,
+        style: x,
         children: [
-          E && /* @__PURE__ */ e("span", { className: "nice-ratings__label", children: E }),
-          /* @__PURE__ */ c("div", { className: "nice-ratings__body", children: [
-            o === "numeric" ? t() : n(),
-            T && o !== "numeric" && /* @__PURE__ */ c("span", { className: "nice-ratings__value", 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,
               " / ",
-              a
+              s
             ] })
           ] }),
-          _ && /* @__PURE__ */ c("div", { className: "nice-ratings__aggregation", children: [
+          _ && /* @__PURE__ */ l("div", { className: "nice-ratings__aggregation", children: [
             /* @__PURE__ */ e("span", { className: "nice-ratings__avg", children: _.average.toFixed(1) }),
-            /* @__PURE__ */ c("span", { className: "nice-ratings__count", children: [
+            /* @__PURE__ */ l("span", { className: "nice-ratings__count", children: [
               "(",
               _.count,
               " ratings)"
             ] }),
-            _.distribution && /* @__PURE__ */ e("div", { className: "nice-ratings__distribution", children: Object.entries(_.distribution).sort(([l], [s]) => +s - +l).map(([l, s]) => /* @__PURE__ */ c("div", { className: "nice-ratings__distribution-row", children: [
-              /* @__PURE__ */ e("span", { children: l }),
+            _.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 }),
               /* @__PURE__ */ e("div", { className: "nice-ratings__bar", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "nice-ratings__bar-fill",
                   style: {
-                    width: `${_.count ? s / _.count * 100 : 0}%`
+                    width: `${_.count ? n / _.count * 100 : 0}%`
                   }
                 }
               ) }),
-              /* @__PURE__ */ e("span", { children: s })
-            ] }, l)) })
+              /* @__PURE__ */ e("span", { children: n })
+            ] }, c)) })
           ] })
         ]
       }
     );
   }
-), te = R(
-  function(p, I) {
+), ee = W(
+  function(u, T) {
     const {
       stats: m,
-      userState: a,
+      userState: s,
       onLike: o,
       onShare: _,
-      onBookmark: g,
+      onBookmark: N,
       direction: r = "horizontal",
       size: w = "md",
-      showCounts: T = !0,
-      showLabels: E = !1,
+      showCounts: E = !0,
+      showLabels: $ = !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 = [
+    } = u, x = D((i) => i >= 1e6 ? (i / 1e6).toFixed(1) + "M" : i >= 1e3 ? (i / 1e3).toFixed(1) + "K" : i.toString(), []), v = [
       {
         key: "like",
-        icon: "♡",
-        activeIcon: "♥",
+        shape: "heart",
         label: "Like",
         count: m.likes,
-        isActive: (a == null ? void 0 : a.liked) ?? !1,
+        isActive: (s == null ? void 0 : s.liked) ?? !1,
         onClick: o
       },
       {
         key: "share",
-        icon: "↗",
-        activeIcon: "↗",
+        shape: "share",
         label: "Share",
         count: m.shares,
-        isActive: (a == null ? void 0 : a.shared) ?? !1,
+        isActive: (s == null ? void 0 : s.shared) ?? !1,
         onClick: _
       },
       {
         key: "bookmark",
-        icon: "☆",
-        activeIcon: "★",
+        shape: "star",
         label: "Bookmark",
         count: m.bookmarks,
-        isActive: (a == null ? void 0 : a.bookmarked) ?? !1,
-        onClick: g
+        isActive: (s == null ? void 0 : s.bookmarked) ?? !1,
+        onClick: N
       }
     ];
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: I,
+        ref: T,
         className: `nice-social-panel nice-social-panel--${r} nice-social-panel--${w} ${b ?? ""}`,
         style: C,
-        children: v.map((i) => /* @__PURE__ */ c(
+        children: v.map((i) => /* @__PURE__ */ l(
           "button",
           {
             className: `nice-social-panel__btn nice-social-panel__btn--${i.key} ${i.isActive ? "nice-social-panel__btn--active" : ""}`,
             onClick: i.onClick,
             title: i.label,
+            "aria-label": i.label,
+            "aria-pressed": i.isActive,
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-social-panel__icon", children: i.isActive ? i.activeIcon : i.icon }),
-              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) })
+              /* @__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) })
             ]
           },
           i.key
@@ -276,57 +297,57 @@ const ee = R(
       }
     );
   }
-), ne = R(
-  function(p, I) {
+), ie = W(
+  function(u, T) {
     const {
       tags: m,
-      onTagClick: a,
+      onTagClick: s,
       minFontSize: o = 12,
       maxFontSize: _ = 36,
-      sortBy: g = "weight",
+      sortBy: N = "weight",
       maxTags: r,
       selectedIds: w,
-      className: T,
-      style: E
-    } = p, b = F(() => {
+      className: E,
+      style: $
+    } = u, b = P(() => {
       let i = [...m];
-      if (g === "weight")
-        i.sort((h, N) => N.weight - h.weight);
-      else if (g === "alphabetical")
-        i.sort((h, N) => h.label.localeCompare(N.label));
+      if (N === "weight")
+        i.sort((h, g) => g.weight - h.weight);
+      else if (N === "alphabetical")
+        i.sort((h, g) => h.label.localeCompare(g.label));
       else
         for (let h = i.length - 1; h > 0; h--) {
-          const N = Math.floor(Math.random() * (h + 1));
-          [i[h], i[N]] = [i[N], i[h]];
+          const g = Math.floor(Math.random() * (h + 1));
+          [i[h], i[g]] = [i[g], i[h]];
         }
       return r && i.length > r && (i = i.slice(0, r)), i;
-    }, [m, g, r]), { minW: C, maxW: S } = F(() => {
+    }, [m, N, r]), { minW: C, maxW: x } = P(() => {
       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) };
     }, [b]), v = (i) => {
-      if (S === C)
+      if (x === C)
         return (o + _) / 2;
-      const h = (i - C) / (S - C);
+      const h = (i - C) / (x - C);
       return o + h * (_ - o);
     };
-    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("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(
         "span",
         {
           className: `nice-tag-cloud__tag ${h ? "nice-tag-cloud__tag--selected" : ""}`,
           style: {
-            fontSize: N,
+            fontSize: g,
             color: i.color,
-            cursor: a ? "pointer" : void 0
+            cursor: s ? "pointer" : void 0
           },
-          onClick: () => a == null ? void 0 : a(i),
-          role: a ? "button" : void 0,
-          tabIndex: a ? 0 : void 0,
-          onKeyDown: (n) => {
-            (n.key === "Enter" || n.key === " ") && a && a(i);
+          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);
           },
           title: `${i.label} (${i.weight})`,
           children: i.label
@@ -335,79 +356,79 @@ const ee = R(
       );
     }) });
   }
-), J = {
+), q = {
   online: "#22c55e",
   away: "#eab308",
   busy: "#ef4444",
   offline: "#9ca3af"
-}, ae = R(
-  function(p, I) {
+}, te = W(
+  function(u, T) {
     const {
       users: m,
-      onUserClick: a,
+      onUserClick: s,
       onAction: o,
       actions: _ = [],
-      searchable: g = !1,
+      searchable: N = !1,
       statusFilter: r,
       showStatus: w = !0,
-      layout: T = "list",
-      groupByRole: E = !1,
+      layout: E = "list",
+      groupByRole: $ = !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))), S.trim()) {
-        const t = S.toLowerCase();
-        n = n.filter(
-          (l) => {
-            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));
+    } = 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));
           }
         );
       }
-      return n;
-    }, [m, r, S]), h = F(() => {
-      if (!E)
+      return a;
+    }, [m, r, x]), h = P(() => {
+      if (!$)
         return { "": i };
-      const n = {};
+      const a = {};
       for (const t of i) {
-        const l = t.role ?? "Other";
-        n[l] || (n[l] = []), n[l].push(t);
+        const c = t.role ?? "Other";
+        a[c] || (a[c] = []), a[c].push(t);
       }
-      return n;
-    }, [i, E]), N = (n) => /* @__PURE__ */ c(
+      return a;
+    }, [i, $]), g = (a) => /* @__PURE__ */ l(
       "div",
       {
-        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,
+        className: `nice-user-list__item nice-user-list__item--${E}`,
+        onClick: () => s == null ? void 0 : s(a),
+        role: s ? "button" : void 0,
+        tabIndex: s ? 0 : void 0,
         onKeyDown: (t) => {
-          t.key === "Enter" && a && a(n);
+          t.key === "Enter" && s && s(a);
         },
         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() }),
-            w && n.status && /* @__PURE__ */ e(
+          /* @__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(
               "span",
               {
                 className: "nice-user-list__status-dot",
-                style: { backgroundColor: J[n.status] },
-                title: n.status
+                style: { backgroundColor: q[a.status] },
+                title: a.status
               }
             )
           ] }),
-          /* @__PURE__ */ c("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 })
+          /* @__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 })
           ] }),
           _.length > 0 && /* @__PURE__ */ e("div", { className: "nice-user-list__actions", children: _.map((t) => /* @__PURE__ */ e(
             "button",
             {
               className: "nice-user-list__action-btn",
-              onClick: (l) => {
-                l.stopPropagation(), o == null || o(n, t);
+              onClick: (c) => {
+                c.stopPropagation(), o == null || o(a, t);
               },
               children: t
             },
@@ -415,247 +436,243 @@ const ee = R(
           )) })
         ]
       },
-      n.id
+      a.id
     );
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: I,
-        className: `nice-user-list nice-user-list--${T} ${b ?? ""}`,
+        ref: T,
+        className: `nice-user-list nice-user-list--${E} ${b ?? ""}`,
         style: C,
         children: [
-          g && /* @__PURE__ */ e(
+          N && /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: S,
-              onChange: (n) => v(n.target.value),
+              value: x,
+              onChange: (a) => v(a.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: [
-            E && n && /* @__PURE__ */ c("h4", { className: "nice-user-list__group-title", children: [
-              n,
+          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,
               " (",
               t.length,
               ")"
             ] }),
-            t.map(N)
-          ] }, n))
+            t.map(g)
+          ] }, a))
         ]
       }
     );
   }
 );
-function Q(M) {
-  if (!M)
+function Y(A) {
+  if (!A)
     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;
+  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;
 }
-const se = R(function(p, I) {
+const ae = W(function(u, T) {
   const {
     pages: m,
-    selectedPageId: a,
+    selectedPageId: s,
     onSelectPage: o,
     onSavePage: _,
-    onDeletePage: g,
+    onDeletePage: N,
     onCreatePage: r,
     editable: w = !1,
-    searchable: T = !0,
-    renderHtml: E = !1,
+    searchable: E = !0,
+    renderHtml: $ = !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(() => {
+    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 u = /* @__PURE__ */ new Map();
+    const p = /* @__PURE__ */ new Map();
     for (const f of m)
-      u.set(f.id, { ...f, children: [] });
+      p.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);
+    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]), x = F(
-    () => m.find((u) => u.id === a),
-    [m, a]
-  ), W = F(() => {
+  }, [m]), S = P(
+    () => m.find((p) => p.id === s),
+    [m, s]
+  ), O = P(() => {
     if (!v.trim())
       return z;
-    const u = v.toLowerCase(), y = new Set(
-      m.filter((f) => f.title.toLowerCase().includes(u)).map((f) => f.id)
+    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]), 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) => {
+  }, [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__ */ c("div", { children: [
+    return /* @__PURE__ */ l("div", { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: `nice-wiki__page-item ${u.id === a ? "nice-wiki__page-item--active" : ""}`,
+          className: `nice-wiki__page-item ${p.id === s ? "nice-wiki__page-item--active" : ""}`,
           style: { paddingLeft: 12 + y * 16 },
-          onClick: () => o == null ? void 0 : o(u),
+          onClick: () => o == null ? void 0 : o(p),
           role: "button",
           tabIndex: 0,
           onKeyDown: (B) => {
-            B.key === "Enter" && (o == null || o(u));
+            B.key === "Enter" && (o == null || o(p));
           },
-          children: u.title
+          children: p.title
         }
       ),
-      (f = u.children) == null ? void 0 : f.map((B) => U(B, y + 1))
-    ] }, u.id);
+      (f = p.children) == null ? void 0 : f.map((B) => R(B, y + 1))
+    ] }, p.id);
   };
-  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: [
+  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(!A), title: "New page", children: "+" })
+        w && r && /* @__PURE__ */ e("button", { onClick: () => j(!F), title: "New page", children: "+" })
       ] }),
-      A && /* @__PURE__ */ c("div", { className: "nice-wiki__new-page", children: [
+      F && /* @__PURE__ */ l("div", { className: "nice-wiki__new-page", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "text",
             value: k,
-            onChange: (u) => L(u.target.value),
+            onChange: (p) => I(p.target.value),
             placeholder: "New page title"
           }
         ),
-        /* @__PURE__ */ e("button", { onClick: P, disabled: !k.trim(), children: "Create" })
+        /* @__PURE__ */ e("button", { onClick: M, disabled: !k.trim(), children: "Create" })
       ] }),
-      T && /* @__PURE__ */ e(
+      E && /* @__PURE__ */ e(
         "input",
         {
           type: "text",
           className: "nice-wiki__search",
           value: v,
-          onChange: (u) => i(u.target.value),
+          onChange: (p) => i(p.target.value),
           placeholder: "Search pages…"
         }
       ),
-      /* @__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__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: x ? h ? /* @__PURE__ */ c("div", { className: "nice-wiki__editor", children: [
+    /* @__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: n,
-          onChange: (u) => t(u.target.value)
+          value: a,
+          onChange: (p) => t(p.target.value)
         }
       ),
       /* @__PURE__ */ e(
         "textarea",
         {
           className: "nice-wiki__edit-body",
-          value: l,
-          onChange: (u) => s(u.target.value),
+          value: c,
+          onChange: (p) => n(p.target.value),
           rows: 20
         }
       ),
-      /* @__PURE__ */ c("div", { className: "nice-wiki__edit-actions", children: [
+      /* @__PURE__ */ l("div", { className: "nice-wiki__edit-actions", children: [
         /* @__PURE__ */ e("button", { onClick: d, children: "Save" }),
-        /* @__PURE__ */ e("button", { onClick: () => N(!1), children: "Cancel" })
+        /* @__PURE__ */ e("button", { onClick: () => g(!1), children: "Cancel" })
       ] })
-    ] }) : /* @__PURE__ */ c("div", { className: "nice-wiki__viewer", children: [
-      /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-header", children: [
-        /* @__PURE__ */ e("h2", { children: x.title }),
-        /* @__PURE__ */ c("div", { className: "nice-wiki__viewer-meta", children: [
-          x.lastEditedBy && /* @__PURE__ */ c("span", { children: [
+    ] }) : /* @__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 ",
-            x.lastEditedBy
+            S.lastEditedBy
           ] }),
-          x.lastEditedAt && /* @__PURE__ */ c("span", { children: [
+          S.lastEditedAt && /* @__PURE__ */ l("span", { children: [
             " on ",
-            x.lastEditedAt
+            S.lastEditedAt
           ] })
         ] }),
-        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" })
+        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" })
         ] })
       ] }),
-      E ? /* @__PURE__ */ e(
+      $ ? /* @__PURE__ */ e(
         "div",
         {
           className: "nice-wiki__viewer-body",
-          dangerouslySetInnerHTML: { __html: Q(x.content ?? "") }
+          dangerouslySetInnerHTML: { __html: Y(S.content ?? "") }
         }
-      ) : /* @__PURE__ */ e("div", { className: "nice-wiki__viewer-body", children: x.content ?? /* @__PURE__ */ e("em", { children: "No 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." }) })
   ] });
-}), K = {
-  comment: "💬",
-  like: "❤️",
-  share: "↗️",
-  create: "✨",
-  update: "✏️",
-  delete: "🗑️",
-  join: "👋",
-  leave: "🚪",
-  upload: "📎",
-  mention: "@",
-  custom: "📌"
-}, ce = R(
-  function(p, I) {
+}), G = {
+  comment: "var(--nice-color-primary, #3b82f6)",
+  like: "var(--nice-color-error, #ef4444)",
+  share: "var(--nice-color-info, #0ea5e9)",
+  create: "var(--nice-color-success, #22c55e)",
+  update: "var(--nice-color-warning, #f59e0b)",
+  delete: "var(--nice-color-error, #ef4444)",
+  join: "var(--nice-color-success, #22c55e)",
+  leave: "var(--nice-text-muted, #6b7280)",
+  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,
-      onEventClick: a,
+      onEventClick: s,
       groupByDate: o = !0,
       typeFilter: _,
-      showFilters: g = !1,
+      showFilters: N = !1,
       maxEvents: r,
       onLoadMore: w,
-      hasMore: T = !1,
-      className: E,
+      hasMore: E = !1,
+      className: $,
       style: b
-    } = p, [C, S] = $(/* @__PURE__ */ new Set()), v = _ ?? (C.size > 0 ? Array.from(C) : void 0), i = F(() => {
+    } = 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 l = new Set(v);
-        t = t.filter((s) => l.has(s.type));
+        const c = new Set(v);
+        t = t.filter((n) => c.has(n.type));
       }
       return r && (t = t.slice(0, r)), t;
-    }, [m, v, r]), h = F(() => {
+    }, [m, v, r]), h = P(() => {
       if (!o)
         return [{ label: "", events: i }];
       const t = /* @__PURE__ */ new Map();
-      for (const l of i) {
-        const s = l.timestamp.slice(0, 10);
-        t.has(s) || t.set(s, []), t.get(s).push(l);
+      for (const c of i) {
+        const n = c.timestamp.slice(0, 10);
+        t.has(n) || t.set(n, []), t.get(n).push(c);
       }
-      return Array.from(t.entries()).map(([l, s]) => ({ label: l, events: s }));
-    }, [i, o]), N = F(() => {
-      const t = new Set(m.map((l) => l.type));
+      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).sort();
-    }, [m]), n = (t) => {
-      S((l) => {
-        const s = new Set(l);
-        return s.has(t) ? s.delete(t) : s.add(t), s;
+    }, [m]), a = (t) => {
+      x((c) => {
+        const n = new Set(c);
+        return n.has(t) ? n.delete(t) : n.add(t), n;
       });
     };
-    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(
+    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(
           "button",
           {
             className: `nice-activity-feed__filter-chip ${C.has(t) ? "nice-activity-feed__filter-chip--active" : ""}`,
-            onClick: () => n(t),
-            children: [
-              K[t],
-              " ",
-              t
-            ]
+            onClick: () => a(t),
+            children: t
           },
           t
         )),
@@ -663,60 +680,76 @@ const se = R(function(p, I) {
           "button",
           {
             className: "nice-activity-feed__filter-clear",
-            onClick: () => S(/* @__PURE__ */ new Set()),
+            onClick: () => x(/* @__PURE__ */ new Set()),
             children: "Clear"
           }
         )
       ] }),
-      i.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-activity-feed__empty", children: "No activity." }) : h.map(({ label: t, events: l }) => /* @__PURE__ */ c("div", { className: "nice-activity-feed__group", children: [
+      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 }),
-        l.map((s) => /* @__PURE__ */ c(
+        c.map((n) => /* @__PURE__ */ l(
           "div",
           {
             className: "nice-activity-feed__event",
-            onClick: () => a == null ? void 0 : a(s),
-            role: a ? "button" : void 0,
-            tabIndex: a ? 0 : void 0,
+            onClick: () => s == null ? void 0 : s(n),
+            role: s ? "button" : void 0,
+            tabIndex: s ? 0 : void 0,
             onKeyDown: (k) => {
-              k.key === "Enter" && a && a(s);
+              k.key === "Enter" && s && s(n);
             },
             children: [
-              /* @__PURE__ */ e("span", { className: "nice-activity-feed__icon", children: K[s.type] }),
-              /* @__PURE__ */ c("div", { className: "nice-activity-feed__body", children: [
-                s.actorAvatarUrl && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: `nice-activity-feed__icon nice-activity-feed__icon--${n.type}`,
+                  title: n.type,
+                  "aria-hidden": "true",
+                  style: {
+                    display: "inline-block",
+                    width: 10,
+                    height: 10,
+                    marginTop: 4,
+                    flexShrink: 0,
+                    borderRadius: "50%",
+                    background: G[n.type]
+                  }
+                }
+              ),
+              /* @__PURE__ */ l("div", { className: "nice-activity-feed__body", children: [
+                n.actorAvatarUrl && /* @__PURE__ */ e(
                   "img",
                   {
-                    src: s.actorAvatarUrl,
+                    src: n.actorAvatarUrl,
                     alt: "",
                     className: "nice-activity-feed__avatar"
                   }
                 ),
-                /* @__PURE__ */ c("span", { className: "nice-activity-feed__message", children: [
-                  /* @__PURE__ */ e("strong", { children: s.actorName }),
+                /* @__PURE__ */ l("span", { className: "nice-activity-feed__message", children: [
+                  /* @__PURE__ */ e("strong", { children: n.actorName }),
                   " ",
-                  s.message,
-                  s.targetLabel && /* @__PURE__ */ c(H, { children: [
+                  n.message,
+                  n.targetLabel && /* @__PURE__ */ l(H, { children: [
                     " ",
-                    /* @__PURE__ */ e("em", { children: s.targetLabel })
+                    /* @__PURE__ */ e("em", { children: n.targetLabel })
                   ] })
                 ] }),
-                /* @__PURE__ */ e("time", { className: "nice-activity-feed__time", children: s.timestamp })
+                /* @__PURE__ */ e("time", { className: "nice-activity-feed__time", children: n.timestamp })
               ] })
             ]
           },
-          s.id
+          n.id
         ))
       ] }, t || "__all")),
-      T && w && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: w, children: "Load more" })
+      E && w && /* @__PURE__ */ e("button", { className: "nice-activity-feed__load-more", onClick: w, children: "Load more" })
     ] });
   }
 );
 export {
-  ce as NiceActivityFeed,
-  ee as NiceComments,
-  ie as NiceRatings,
-  te as NiceSocialPanel,
-  ne as NiceTagCloud,
-  ae as NiceUserList,
-  se as NiceWiki
+  ne as NiceActivityFeed,
+  X as NiceComments,
+  Z as NiceRatings,
+  ee as NiceSocialPanel,
+  ie as NiceTagCloud,
+  te as NiceUserList,
+  ae as NiceWiki
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/social",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "Nice2Dev Social — Comments, ratings, activity feed, tag cloud, social panel, user list, wiki for React",
   "type": "module",
   "main": "dist/index.cjs",