themelia-ui 2.0.0 → 3.0.0

package/dist/command-BSvB58XI.cjs

@@ -1 +0,0 @@
-const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./overlay-D1wEvshK.cjs"),n=require("./dialog-Bf7tBRkZ.cjs"),r=require("./input-group-Bnc24cRI.cjs");let i=require("lucide-react"),a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("cmdk"),c=require("clsx");var l={title:`Command palette`,description:`Search for a command to run`},u={root:`command__root___fv7RS`,inputWrapper:`command__inputWrapper___kIc1d`,inputGroup:`command__inputGroup___Ljgqh`,input:`command__input___pPRLQ`,searchIcon:`command__searchIcon___JkZYx`,list:`command__list___BjF_7`,empty:`command__empty___HpZx3`,group:`command__group___5tkqu`,item:`command__item___9PDjw`,separator:`command__separator___ujXd-`,check:`command__check___xTLn_`,shortcut:`command__shortcut___Cjxtx`,dialogContent:`command__dialogContent___dYJt0`},d=a.createContext(null);function f({className:e,...t}){return(0,o.jsx)(s.Command,{"data-slot":`command`,className:(0,c.clsx)(`command--component`,u.root,e),...t})}function p({title:e,description:r,strings:i,commandProps:s,children:p,className:m,showCloseButton:h=!1,...g}){let _=a.useRef(null),v={...l,...i,...e?{title:e}:null,...r?{description:r}:null};return(0,o.jsx)(t.t,{...g,children:(0,o.jsxs)(n.t,{className:(0,c.clsx)(`command-dialog--component`,u.dialogContent,m),showCloseButton:h,"aria-label":v.title,initialFocusRef:_,children:[(0,o.jsxs)(t.u,{className:`sr-only`,children:[(0,o.jsx)(t.s,{children:v.title}),(0,o.jsx)(t.o,{children:v.description})]}),(0,o.jsx)(d.Provider,{value:_,children:(0,o.jsx)(f,{...s,children:p})})]})})}function m({className:e,...t}){let n=a.useContext(d),{ref:l,...f}=t,p=a.useRef(null);return a.useImperativeHandle(n,()=>p.current),a.useImperativeHandle(l,()=>p.current),(0,o.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:u.inputWrapper,children:(0,o.jsxs)(r.t,{className:u.inputGroup,children:[(0,o.jsx)(s.Command.Input,{...f,ref:p,"data-slot":`command-input`,className:(0,c.clsx)(`command-input--component`,u.input,e)}),(0,o.jsx)(r.n,{children:(0,o.jsx)(i.SearchIcon,{className:u.searchIcon,"data-sized":``})})]})})}function h({className:e,...t}){return(0,o.jsx)(s.Command.List,{"data-slot":`command-list`,className:(0,c.clsx)(`command-list--component`,u.list,e),...t})}function g({className:e,...t}){return(0,o.jsx)(s.Command.Empty,{"data-slot":`command-empty`,className:(0,c.clsx)(`command-empty--component`,u.empty,e),...t})}function _(e){let t=e.closest(`[cmdk-list]`);if(!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect();r.top<n.top?t.scrollTop+=r.top-n.top:r.bottom>n.bottom&&(t.scrollTop+=r.bottom-n.bottom)}function v(e){e&&(e.scrollIntoView=()=>_(e))}function y(e,t){return n=>{v(n&&t?t(n):n),typeof e==`function`?e(n):e&&(e.current=n)}}var b=e=>e.querySelector(`[cmdk-group-heading]`);function x({className:e,ref:t,...n}){return(0,o.jsx)(s.Command.Group,{ref:y(t,b),"data-slot":`command-group`,className:(0,c.clsx)(`command-group--component`,u.group,e),...n})}function S({className:e,...t}){return(0,o.jsx)(s.Command.Separator,{"data-slot":`command-separator`,className:(0,c.clsx)(`command-separator--component`,u.separator,e),"aria-hidden":`true`,...t})}function C({className:e,children:t,ref:n,...r}){return(0,o.jsxs)(s.Command.Item,{ref:y(n),"data-slot":`command-item`,className:(0,c.clsx)(`command-item--component`,u.item,e),...r,children:[t,(0,o.jsx)(i.CheckIcon,{className:u.check})]})}function w({className:e,...t}){return(0,o.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,c.clsx)(`command-shortcut--component`,u.shortcut,e),...t})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return l}});

package/dist/comments-CVD4jB9V.cjs

@@ -1 +0,0 @@
-const e=require("./typography-LMez-POJ.cjs"),t=require("./feedback-Da53xAUT.cjs"),n=require("./ui-provider-B3v22pQY.cjs"),r=require("./buttons-CMsvnL6-.cjs"),i=require("./tooltip-Dewu4Ynm.cjs"),a=require("./action-menu-BFDQbOMx.cjs"),o=require("./display-BUiiuPS9.cjs"),s=require("./structure-CXTLV2t8.cjs"),c=require("./primitives-BP7kGVYZ.cjs"),l=require("./badge-BRX7GXRH.cjs"),u=require("./avatar-Cdw0zuGn.cjs"),d=require("./popover-BUebuMJK.cjs"),f=require("./spinner-ChYwza6q.cjs"),p=require("./overlays-BnWOasE6.cjs"),m=require("./mentions-DbQAE-Ug.cjs"),h=require("./rich-text-editor-CqqHeJDp.cjs");let g=require("lucide-react"),_=require("react"),v=require("react/jsx-runtime"),y=require("date-fns"),b=require("clsx");function x(e){if(e<1024)return`${e} B`;let t=[`KB`,`MB`,`GB`],n=e/1024,r=0;for(;n>=1024&&r<t.length-1;)n/=1024,r+=1;return`${n>=10?Math.round(n):n.toFixed(1)} ${t[r]}`}var S={formatQuoteAttribution:e=>`\u2014 ${e}`,title:`Comments`,subtitle:``,empty:`No comments yet.`,emptyHint:`Start the conversation — your team will see it straight away.`,composerPlaceholder:`Write a comment…`,composerSubmit:`Post comment`,composerSubmitting:`Posting…`,composerSave:`Save changes`,composerCancel:`Cancel`,invalidContent:`A comment cannot be empty.`,composerEditingEyebrow:`Editing comment`,formatReplyingEyebrow:e=>`Replying to ${e}`,composerAttachmentLabel:`Attach a file`,composerReferenceLabel:`Mention or link`,replyPlaceholder:`Write a reply…`,editPlaceholder:`Edit your comment…`,composerReply:`Post reply`,actionsLabel:`Comment actions`,fallbackAuthor:`Anonymous`,pinned:`Pinned`,edited:`edited`,deleteLabel:`Delete`,editLabel:`Edit`,replyLabel:`Reply`,pinLabel:`Pin`,unpinLabel:`Unpin`,confirmDeleteTitle:`Delete this comment?`,confirmDeleteDescription:`The comment and its replies are removed for everyone. This cannot be undone.`,confirmDeleteLabel:`Delete comment`,confirmRemoveAttachmentTitle:`Remove this attachment?`,confirmRemoveAttachmentDescription:`The file is detached from the comment for everyone. This cannot be undone.`,formatShowReplies:e=>`Show ${e} ${e===1?`reply`:`replies`}`,hideRepliesLabel:`Hide replies`,formatShowEarlierReplies:e=>`Show ${e} earlier ${e===1?`reply`:`replies`}`,formatRepliesLabel:e=>`Replies to ${e}`,seeMoreLabel:`See more`,seeLessLabel:`See less`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,formatShowMoreAttachments:e=>`Show ${e} more`,showFewerAttachmentsLabel:`Show fewer`,formatTooLarge:e=>`Files must be under ${x(e)}.`,formatTooMany:e=>`You can attach at most ${e}.`,addReactionLabel:`Add reaction`,reactionPickerLabel:`Choose a reaction`},C={root:`comments__root___nS80E`,header:`comments__header___yeqdu`,body:`comments__body___KBLx1`,timeline:`comments__timeline___h5yq5`,timelineEntry:`comments__timelineEntry___zA3yB`,item:`comments__item___H_ipv`,itemContext:`comments__itemContext___PW2zr`,itemContextIcon:`comments__itemContextIcon___w8AvK`,itemGutter:`comments__itemGutter____Uww7`,itemMain:`comments__itemMain___rcR1I`,itemBubbleRow:`comments__itemBubbleRow___1Mom9`,itemBubble:`comments__itemBubble___luVPl`,itemHeader:`comments__itemHeader___zL4w7`,itemAuthor:`comments__itemAuthor___wsDEI`,itemEditingAuthor:`comments__itemEditingAuthor___XAn52`,itemMeta:`comments__itemMeta___7_gB8`,itemTime:`comments__itemTime___ZNJyv`,itemEdited:`comments__itemEdited___uuiVR`,itemContent:`comments__itemContent___2cqap`,itemMore:`comments__itemMore___cIbOX`,itemMenu:`comments__itemMenu___v7EY7`,itemChips:`comments__itemChips___EoPWn`,itemActions:`comments__itemActions___N25dO`,itemReply:`comments__itemReply___sI-NS`,inlineComposer:`comments__inlineComposer___3uLnh`,quietAction:`comments__quietAction___BFgbj`,reaction:`comments__reaction___Kj_cN`,reactionAdd:`comments__reactionAdd___EuYnE`,reactionChoice:`comments__reactionChoice___prohP`,reactionEmoji:`comments__reactionEmoji___QI7p_`,reactionPicker:`comments__reactionPicker___HEz2t`,itemThread:`comments__itemThread___eE7fA`,replies:`comments__replies___0a2xW`,threadEntry:`comments__threadEntry___WOUPc`,repliesToggle:`comments__repliesToggle___HI6QA`,composer:`comments__composer___OLh6F`,composerEditor:`comments__composerEditor___pLdab`,eyebrow:`comments__eyebrow___4YXC8`,chip:`comments__chip___Y_2YZ`,chipIcon:`comments__chipIcon___6BLpd`,chipLink:`comments__chipLink___XVe41`,chipLabel:`comments__chipLabel___jKkyE`,chipMeta:`comments__chipMeta___vASR1`,chipProgress:`comments__chipProgress___c7f2Z`,chipProgressFill:`comments__chipProgressFill___B8kMU`,chipRetry:`comments__chipRetry___-oh8x`,chipRemove:`comments__chipRemove___IbhT1`,plain:`comments__plain___I_Zny`,richBlocks:`comments__richBlocks___s5v-T`,richList:`comments__richList___afZqS`,richListOrdered:`comments__richListOrdered___CC8EP`,richQuote:`comments__richQuote___1JvHv`,richCite:`comments__richCite___z_LI2`,richDelimiter:`comments__richDelimiter___QOyH7`},w={image:g.ImageIcon,document:g.FileTextIcon,file:g.FileIcon,unknown:g.PaperclipIcon};function T(e){return e?e.startsWith(`image/`)?`image`:e===`application/pdf`||e.startsWith(`text/`)?`document`:`file`:`unknown`}function E({mimeType:e,className:t}){let n=w[T(e)];return(0,v.jsx)(n,{className:t})}function D({attachment:t,editable:n=!1,onRemove:i,onRetry:a,accessors:o,strings:s,className:l}){let u={...S,...s},d=o?.getMediaUrl?.(t)??t.url,p=o?.getMediaName?.(t)??t.name??u.attachmentFallback,m=t.status===`uploading`,h=t.status===`failed`,_=m?(0,v.jsxs)(c.H,{size:`xs`,className:C.chipMeta,children:[u.attachmentUploadingLabel,typeof t.progress==`number`&&(0,v.jsxs)(v.Fragment,{children:[` `,(0,v.jsx)(c.T,{value:Math.round(t.progress),scaled:!0,size:`xs`,type:`secondary`})]})]}):h?(0,v.jsx)(c.H,{size:`xs`,className:C.chipMeta,children:t.error??u.attachmentFailedLabel}):typeof t.size==`number`?(0,v.jsx)(c.S,{value:t.size,size:`xs`,type:`secondary`,className:C.chipMeta}):null,y=(0,v.jsxs)(`span`,{className:C.chipLabel,children:[(0,v.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:h?`error`:`main`,truncate:!0,children:p}),_]}),x=!!d&&!m&&!h;return(0,v.jsxs)(`div`,{"data-slot":`comment-attachment`,"data-status":t.status,className:(0,b.clsx)(`comment-attachment-chip--component`,C.chip,l),children:[m?(0,v.jsx)(f.t,{}):(0,v.jsx)(E,{mimeType:t.mimeType,className:C.chipIcon}),x?(0,v.jsx)(`a`,{href:d,target:`_blank`,rel:`noreferrer noopener`,"aria-label":u.attachmentDownloadLabel,className:C.chipLink,children:y}):y,m&&typeof t.progress==`number`&&(0,v.jsx)(`div`,{className:C.chipProgress,children:(0,v.jsx)(`div`,{className:C.chipProgressFill,style:{width:`${Math.min(100,Math.max(0,t.progress))}%`}})}),h&&!!a&&(0,v.jsx)(r.c,{type:`button`,tone:`destructive`,buttonStyle:`ghost`,onClick:()=>a(t.id),className:C.chipRetry,children:u.attachmentRetryLabel}),n&&!!i&&(0,v.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>i(t.id),"aria-label":u.attachmentRemoveLabel,title:u.attachmentRemoveLabel,className:C.chipRemove,children:(0,v.jsx)(g.XIcon,{})})]})}function O(){return typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`attachment-${Date.now()}-${Math.random().toString(36).slice(2)}`}function k(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onValueChange:o,onReject:s}=e,[c,l]=(0,_.useState)(()=>a?[...a]:[]),u=(0,_.useRef)(c),d=(0,_.useRef)(new Map),f=(0,_.useRef)(new Map),p=(0,_.useRef)(o),m=(0,_.useRef)(s);(0,_.useEffect)(()=>{p.current=o,m.current=s});let h=(0,_.useCallback)(e=>{u.current=e,l(e)},[]),g=(0,_.useCallback)((e,t)=>{h(u.current.map(n=>n.id===e?{...n,...t}:n))},[h]),v=(0,_.useCallback)(e=>h([...e]),[h]),y=(0,_.useCallback)((e,n)=>{if(!t||d.current.has(e))return;let r=new AbortController;d.current.set(e,r),g(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>g(e,{progress:t}),signal:r.signal}).then(t=>{d.current.delete(e),g(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{d.current.delete(e),!r.signal.aborted&&g(e,{status:`failed`,error:t instanceof Error?t.message:void 0})})},[t,g]),b=(0,_.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);if(a.length===0)return;let o=[...u.current],s=e=>m.current?.(e);for(let e of a){if(typeof r==`number`&&o.length>=r){s({code:`too-many`,file:e,limit:r});break}if(typeof n==`number`&&e.size>n){s({code:`too-large`,file:e,limit:n});continue}let t=O();f.current.set(t,e),o.push({id:t,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0})}h(o)},[i,r,n,t,h]);(0,_.useEffect)(()=>{for(let e of c){if(e.status!==`uploading`||d.current.has(e.id))continue;let t=f.current.get(e.id);t&&y(e.id,t)}},[c,y]);let x=(0,_.useCallback)(e=>{d.current.get(e)?.abort(),d.current.delete(e),f.current.delete(e),h(u.current.filter(t=>t.id!==e))},[h]),S=(0,_.useCallback)(e=>{let t=f.current.get(e);t&&y(e,t)},[y]),C=(0,_.useCallback)(()=>{for(let e of d.current.values())e.abort();d.current.clear(),f.current.clear(),h([])},[h]);return(0,_.useEffect)(()=>{p.current?.(c)},[c]),(0,_.useEffect)(()=>{let e=d.current;return()=>{for(let t of e.values())t.abort()}},[]),{attachments:c,uploadedAttachments:(0,_.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,_.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:b,removeAttachment:x,retryAttachment:S,setAttachments:v,reset:C}}function ee(e){return typeof e==`string`&&e.replace(/<[^>]*>/g,``).trim().length>0}function A({label:t}){return(0,v.jsx)(`div`,{className:C.eyebrow,children:(0,v.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:`secondary`,children:t})})}function j({context:t,canComment:n=!0,submitting:i=!1,errors:a,resetKey:c=0,onSubmit:l,onCancel:u,editingComment:p,replyingTo:y,strings:x,resources:w,onResourceSearch:T,attachments:E,maxAttachments:O,allowAttachments:j=!0,initialValues:M,autoFocus:N=!1,inlineSubmit:te=!1,placeholder:P,className:F,ref:ne}){let I={...S,...x},L=(0,_.useRef)(null),R=(0,_.useRef)(null),[z,B]=(0,_.useState)(M?.content??``),[re,V]=(0,_.useState)(null),H=m.t({resources:w,onResourceSearch:T,editorRef:L}),[U,ie]=(0,_.useState)(null),W=k({...E,maxFiles:O??E?.maxFiles,initialAttachments:M?.attachments,onReject:e=>{ie(e),E?.onReject?.(e)}}),G=!!p,K=!G&&!!y,q=(0,_.useCallback)(()=>{L.current?.clear(),B(``),H.reset(),W.reset(),V(null),ie(null)},[]);(0,_.useEffect)(()=>{q()},[t.id,t.type,c]),(0,_.useEffect)(()=>{p&&(L.current?.setHTML(p.content??``),B(p.content??``),H.setMentions(p.references??[]),W.setAttachments((p.attachments??[]).filter(e=>!!e)))},[p?.id]),(0,_.useEffect)(()=>{a?.content&&V(a.content)},[a]),(0,_.useImperativeHandle)(ne,()=>({focus:()=>L.current?.focus(),clear:q,setBody:e=>{L.current?.setHTML(e),B(e)}}),[q]);let J=(0,_.useCallback)(e=>{B(e);let t=m.i(e),n=t.map(e=>e.id).join(`|`);H.setMentions(e=>{if(e.map(e=>e.id).join(`|`)===n)return e;let r=new Map(e.map(e=>[e.id,e]));return t.map(e=>r.get(e.id)??e)})},[H]),ae=(0,_.useCallback)(e=>{if(e?.preventDefault(),i||W.isUploading)return;let n=L.current?.getHTML()??z;if(!ee(n)){V(I.invalidContent);return}V(null),l({content:n,commentableId:t.id,commentableType:t.type,moduleKey:t.moduleKey,contentType:`html`,references:H.mentions,attachments:W.uploadedAttachments,replyToId:y?.commentId??M?.replyToId,editingId:p?.id})},[z,t,I.invalidContent,p?.id,M?.replyToId,H.mentions,l,y?.commentId,i,W.isUploading,W.uploadedAttachments]),oe=(0,_.useMemo)(()=>{let e=[];return w&&Object.keys(w).length>0&&e.push({id:`reference`,icon:g.AtSignIcon,label:I.composerReferenceLabel,onClick:()=>H.setPickerOpen(!0)}),j&&E?.onUpload&&!E.disabled&&e.push({id:`attachment`,icon:g.PaperclipIcon,label:I.composerAttachmentLabel,onClick:()=>R.current?.click()}),e},[j,E?.disabled,E?.onUpload,I.composerAttachmentLabel,I.composerReferenceLabel,H,w]);if(!n)return null;let Y=i?I.composerSubmitting:G?I.composerSave:K?I.composerReply:I.composerSubmit,se=(0,v.jsxs)(r.c,{type:`button`,onClick:()=>ae(),disabled:i||W.isUploading,children:[i?(0,v.jsx)(f.t,{}):(0,v.jsx)(g.SendIcon,{}),Y]}),X=te===!1||G||K,ce=U?U.code===`too-large`?I.formatTooLarge(U.limit):I.formatTooMany(U.limit):null,le=G?(0,v.jsx)(A,{label:I.composerEditingEyebrow}):K?(0,v.jsx)(A,{label:I.formatReplyingEyebrow(y.authorName??I.fallbackAuthor)}):null;return(0,v.jsxs)(`form`,{onSubmit:ae,className:(0,b.clsx)(`comment-composer--component`,C.composer,F),children:[le,(0,v.jsx)(`input`,{ref:R,type:`file`,multiple:!0,hidden:!0,accept:E?.accept,onChange:e=>{e.target.files&&W.addFiles(e.target.files),e.target.value=``}}),!H.triggerActive&&(0,v.jsxs)(d.t,{open:H.pickerOpen,onOpenChange:H.setPickerOpen,children:[(0,v.jsx)(d.c,{render:(0,v.jsx)(o.d,{render:(0,v.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-hidden":!0})})}),(0,v.jsx)(m.s,{open:H.pickerOpen,activeKind:H.activeKind,setActiveKind:H.setActiveKind,kinds:H.kinds,resources:w,suggestionsByKind:H.suggestionsByKind,query:H.query,setQuery:H.setQuery,suggestions:H.suggestions,loading:H.isLoading,onSelect:H.pickSuggestion})]}),(0,v.jsxs)(`div`,{className:C.composerEditor,children:[(0,v.jsx)(h.n,{ref:L,compact:!0,value:z,onValueChange:J,placeholder:P??I.composerPlaceholder,strings:{editorLabel:P??I.composerPlaceholder},autoFocus:N||G||K,hideSourceToggle:!0,extraToolbarItems:oe,toolbarTrailing:X?void 0:se,footerSlot:W.attachments.length>0?(0,v.jsx)(s.o,{direction:`horizontal`,wrap:!0,align:`center`,gap:`sm`,children:W.attachments.map(e=>(0,v.jsx)(D,{attachment:e,editable:!0,onRemove:W.removeAttachment,onRetry:W.retryAttachment,strings:x},e.id))}):void 0,onCaretChange:H.handleCaretChange}),(0,v.jsx)(m.o,{onDismiss:()=>H.setPickerOpen(!1),open:H.triggerActive&&H.pickerOpen,activeKind:H.activeKind,setActiveKind:H.setActiveKind,onManualKindChange:()=>H.setManualKindOverride(!0),kinds:H.kinds,resources:w,query:H.query,suggestions:H.suggestions,suggestionsByKind:H.suggestionsByKind,loading:H.isLoading,onSelect:H.pickSuggestion})]}),!!re&&(0,v.jsx)(e.o,{size:`xs`,type:`error`,role:`alert`,"aria-live":`polite`,children:re}),!!ce&&(0,v.jsx)(e.o,{size:`xs`,type:`error`,role:`alert`,"aria-live":`polite`,children:ce}),X&&(0,v.jsxs)(s.o,{direction:`horizontal`,align:`center`,justify:`end`,gap:`md`,children:[!!u&&(0,v.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:u,disabled:i,children:I.composerCancel}),se]})]})}var M=(0,_.createContext)(new Map),N=(0,_.createContext)(0),te=(0,_.createContext)({});function P(e){return e.replace(/<[^>]*>/g,``).trim()}function F(e){if(typeof e!=`string`)return``;let t=e.trim();if(t===``||t.startsWith(`{`)||t.startsWith(`[`))return t;try{let e=JSON.parse(t);if(typeof e==`string`)return e}catch{}return t.startsWith(`"`)&&t.endsWith(`"`)?t.slice(1,-1):t}function ne({block:t,copy:n}){let r=t.data??{};switch(t.type){case`paragraph`:{let t=String(r.text??``).trim();return t?(0,v.jsx)(e.t,{html:t}):null}case`header`:{let t=P(String(r.text??``));if(!t)return null;let n=Math.min(Math.max(Number(r.level??3),1),6);return(0,v.jsx)(e.a,{level:n,children:t})}case`list`:{let t=(Array.isArray(r.items)?r.items:[]).map(e=>P(String(e??``))).filter(e=>e.length>0);if(t.length===0)return null;let n=r.style===`ordered`;return(0,v.jsx)(n?`ol`:`ul`,{className:(0,b.clsx)(C.richList,n&&C.richListOrdered),children:t.map((t,n)=>(0,v.jsx)(`li`,{children:(0,v.jsx)(e.o,{tag:`span`,children:t})},`${t}-${n}`))})}case`quote`:{let t=String(r.text??``).trim();if(!t)return null;let i=P(String(r.caption??``));return(0,v.jsxs)(`blockquote`,{className:C.richQuote,children:[(0,v.jsx)(e.t,{html:t,type:`secondary`}),i.length>0&&(0,v.jsx)(`cite`,{className:C.richCite,children:(0,v.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:n.formatQuoteAttribution(i)})})]})}case`delimiter`:return(0,v.jsx)(`div`,{"aria-hidden":!0,className:C.richDelimiter});default:{let t=P(String(r.text??``));return t?(0,v.jsx)(e.o,{className:C.plain,children:t}):null}}}function I({raw:t,copy:n}){if(!t)return null;let r;try{let e=JSON.parse(t);r=Array.isArray(e?.blocks)?e.blocks:[]}catch{return(0,v.jsx)(e.o,{className:C.plain,children:F(t)})}return r.length===0?null:(0,v.jsx)(`div`,{className:C.richBlocks,children:r.map((e,t)=>(0,v.jsx)(_.Fragment,{children:(0,v.jsx)(ne,{block:e,copy:n})},e.id??`${e.type}-${t}`))})}function L({comment:t,resources:n,renderReference:r,sanitizer:i,strings:a,className:o}){let s={...S,...a},c=(0,b.clsx)(`comment-content--component`,o),l=t.contentType??`text`;return l===`rich`?(0,v.jsx)(`div`,{className:c,children:(0,v.jsx)(I,{raw:t.content,copy:s})}):l===`html`?(0,v.jsx)(`div`,{className:c,children:(0,v.jsx)(m.f,{html:t.content??``,mentions:t.references,resources:n,renderMention:r,sanitizer:i})}):(0,v.jsx)(e.o,{className:(0,b.clsx)(c,C.plain),children:F(t.content)})}var R=`active`,z=2,B=[`👍`];function re(e){let t=e.replace(/_/g,` `);return t.charAt(0).toUpperCase()+t.slice(1)}function V(e){let{format:t,locale:r}=n.t(),i=c.v(e);return i?{iso:i.toISOString(),label:(0,y.format)(i,`${t} HH:mm`,{locale:r})}:null}function H({children:t,className:n,buttonRef:r,...i}){return(0,v.jsx)(e.r,{render:(0,v.jsx)(`button`,{type:`button`,ref:r}),variant:`subtle`,"data-hit-area":!0,className:(0,b.clsx)(C.quietAction,n),...i,children:(0,v.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:`inherit`,children:t})})}function U({choices:e,reactions:t,onPick:n,copy:r}){let[i,a]=(0,_.useState)(!1);if(e.length<=1){let[t=B[0]]=e;return(0,v.jsx)(`button`,{type:`button`,"aria-label":r.addReactionLabel,title:r.addReactionLabel,onClick:()=>n(t),className:C.reactionAdd,children:(0,v.jsx)(g.SmilePlusIcon,{"aria-hidden":!0})})}return(0,v.jsxs)(d.t,{open:i,onOpenChange:a,children:[(0,v.jsx)(d.c,{render:(0,v.jsx)(`button`,{type:`button`,"aria-label":r.addReactionLabel,title:r.addReactionLabel,className:C.reactionAdd}),children:(0,v.jsx)(g.SmilePlusIcon,{"aria-hidden":!0})}),(0,v.jsx)(d.r,{width:`auto`,side:`top`,align:`start`,inset:`flush`,"aria-label":r.reactionPickerLabel,className:C.reactionPicker,children:e.map(e=>{let r=t.some(t=>t.emoji===e&&t.mine);return(0,v.jsx)(`button`,{type:`button`,"aria-pressed":r,"data-mine":r||void 0,onClick:()=>{n(e),a(!1)},className:C.reactionChoice,children:e},e)})})]})}function ie({comment:t,replies:n,canModerate:r,onDelete:o,onAttachmentRemove:s,onEdit:d,onPinToggle:f,onReact:m,onReply:h,allowReactions:y=!0,allowReplies:x=!0,commentActions:w,maxVisibleReplies:T=3,clampLines:E=6,maxVisibleAttachments:O=3,reactionChoices:k=B,sanitizer:ee,strings:A,getMediaUrl:j,getMediaName:P,getStatusLabel:F,resources:ne,renderAttachment:I,renderReference:W,className:G}){let K={...S,...A},q=(0,_.useContext)(N),J=(0,_.useContext)(te),ae=(0,_.useContext)(M),oe=x?n??ae.get(t.id??``)??[]:[],Y=t.user?.name??K.fallbackAuthor,se=t.status&&t.status!==R?F?.(t.status)??re(t.status):null,X=V(t.createdAt),ce=V(t.updatedAt),le=t.canDelete??r===!0,ue=t.canEdit??r===!0,de=(0,_.useMemo)(()=>{let e=t.tagsArray;return Array.isArray(e)?e.filter(e=>typeof e==`string`):e&&typeof e==`object`?Object.values(e).filter(e=>typeof e==`string`):[]},[t.tagsArray]),fe=(0,_.useMemo)(()=>(t.attachments??[]).filter(e=>!!e&&typeof e==`object`),[t.attachments]),pe=y?t.reactions??[]:[],me=p.i(),[he,ge]=(0,_.useState)(null),_e=(0,_.useCallback)(e=>{ge(e),me.show()},[me]),Z=!!t.id&&!!J.composer&&J.replyingToId===t.id,Q=!!t.id&&!!J.composer&&J.editingId===t.id,$=oe.length,[ve,ye]=(0,_.useState)(!1),[be,xe]=(0,_.useState)(!1),[Se,Ce]=(0,_.useState)(Z);Se!==Z&&(Ce(Z),Z&&$>0&&ye(!0));let we=ve?Math.max(0,$-(T>0&&!be?T:$)):0,Te=ve?oe.slice(we):[],Ee=(0,_.useId)(),De=Z?J.composer:null,Oe=De?`composer`:Te.length>0?`reply`:we>0?`earlier`:`toggle`,ke=$>0||!!De,Ae=(0,_.useRef)(null),je=(0,_.useId)(),[Me,Ne]=(0,_.useState)(!1),[Pe,Fe]=(0,_.useState)(!1),Ie=E>0,Le=Ie&&Pe&&!Me;(0,_.useLayoutEffect)(()=>{let e=Ae.current;if(!e||!Ie){Fe(!1);return}let t=()=>{let t=getComputedStyle(e),n=parseFloat(t.lineHeight)||parseFloat(t.fontSize)*1.5;n&&Fe(e.scrollHeight>(E+z)*n+1)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return n.observe(e),e.firstElementChild&&n.observe(e.firstElementChild),()=>n.disconnect()},[Ie,E,t.content,Q]);let[Re,ze]=(0,_.useState)(!1),Be=O>0&&fe.length>O+1,Ve=Be&&!Re?fe.slice(0,O):fe,He=fe.length-Ve.length,Ue=(0,_.useRef)(null),We=(0,_.useRef)(null),Ge=(0,_.useRef)(!1),Ke=(0,_.useRef)(!1);(0,_.useEffect)(()=>{let e=!document.activeElement||document.activeElement===document.body;Ge.current&&!Z&&e&&Ue.current?.focus(),Ke.current&&!Q&&e&&We.current?.querySelector(`button`)?.focus(),Ge.current=Z,Ke.current=Q},[Q,Z]);let qe=[{id:`pin`,label:t.isPinned?K.unpinLabel:K.pinLabel,icon:g.PinIcon,visible:!!f&&r===!0,onClick:()=>f?.(t)},{id:`edit`,label:K.editLabel,icon:g.PencilIcon,visible:ue&&!!d&&!!t.id,onClick:()=>d?.(t)},...a.i(w,t),{id:`delete`,label:K.deleteLabel,icon:g.Trash2Icon,tone:`destructive`,visible:le&&!!o&&!!t.id,onClick:()=>o?.(t.id)}],Je=y&&!!m&&!!t.id,Ye=x&&!!h&&!!t.id,Xe=pe.length>0||Je||Ye,Ze={canModerate:r,onDelete:o,onAttachmentRemove:s,onEdit:d,onPinToggle:f,onReact:m,onReply:h,allowReactions:y,allowReplies:x,commentActions:w,maxVisibleReplies:T,clampLines:E,maxVisibleAttachments:O,reactionChoices:k,sanitizer:ee,strings:A,getMediaUrl:j,getMediaName:P,getStatusLabel:F,resources:ne,renderAttachment:I,renderReference:W},Qe=`${je}-author`;return(0,v.jsxs)(`article`,{"data-slot":`comment`,"data-comment-id":t.id,"data-depth":q,"data-pinned":t.isPinned||void 0,"data-status":se?t.status:void 0,"data-thread":ke||void 0,"data-editing":Q||void 0,"aria-labelledby":Qe,className:(0,b.clsx)(`comment-item--component`,C.item,G),children:[t.isPinned&&(0,v.jsxs)(`div`,{className:C.itemContext,children:[(0,v.jsx)(g.PinIcon,{"aria-hidden":!0,className:C.itemContextIcon}),(0,v.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:`secondary`,children:K.pinned})]}),(0,v.jsx)(`div`,{className:C.itemGutter,children:(0,v.jsxs)(u.r,{"aria-hidden":!0,size:q>0?`sm`:`default`,children:[!!t.user?.avatar&&(0,v.jsx)(u.c,{src:t.user.avatar,alt:Y}),(0,v.jsx)(u.a,{children:c.I(Y)})]})}),(0,v.jsx)(`div`,{className:C.itemMain,children:Q?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(e.o,{tag:`span`,id:Qe,weight:`semibold`,className:C.itemEditingAuthor,children:Y}),J.composer]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(`div`,{className:C.itemBubbleRow,children:[(0,v.jsxs)(`div`,{className:C.itemBubble,children:[(0,v.jsxs)(`div`,{className:C.itemHeader,children:[(0,v.jsx)(e.o,{tag:`span`,id:Qe,weight:`semibold`,className:C.itemAuthor,children:Y}),!!se&&(0,v.jsx)(l.t,{tone:`neutral`,variant:`outline`,children:se}),(X||t.isEdited)&&(0,v.jsxs)(`span`,{className:C.itemMeta,children:[X&&(0,v.jsx)(`time`,{dateTime:X.iso,className:C.itemTime,children:(0,v.jsx)(c.h,{value:t.createdAt,size:`xs`,type:`secondary`,title:X.label})}),t.isEdited&&(0,v.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,title:ce?.label,className:C.itemEdited,children:K.edited})]})]}),(0,v.jsx)(`div`,{ref:Ae,id:je,"data-clamped":Le||void 0,style:Le?{maxHeight:`${E}lh`}:void 0,className:C.itemContent,children:(0,v.jsx)(L,{comment:t,resources:ne,renderReference:W,sanitizer:ee,strings:A})}),Ie&&Pe&&(0,v.jsx)(H,{"aria-expanded":Me,"aria-controls":je,onClick:()=>Ne(e=>!e),className:C.itemMore,children:Me?K.seeLessLabel:K.seeMoreLabel})]}),(0,v.jsx)(`div`,{ref:We,className:C.itemMenu,children:(0,v.jsx)(a.n,{icon:g.MoreHorizontalIcon,strings:{trigger:K.actionsLabel},actions:qe})})]}),(fe.length>0||de.length>0)&&(0,v.jsxs)(`div`,{className:C.itemChips,children:[Ve.map(e=>{if(I)return(0,v.jsx)(`div`,{children:I(e)},e.id??e.name);let t=!!s&&!!e.id&&le;return(0,v.jsx)(D,{attachment:e,editable:t,onRemove:t?()=>_e(e.id):void 0,accessors:{getMediaUrl:j,getMediaName:P},strings:A},e.id??e.name)}),de.map(e=>(0,v.jsx)(l.t,{tone:`neutral`,variant:`outline`,children:e},e)),Be&&(0,v.jsx)(H,{"aria-expanded":Re,onClick:()=>ze(e=>!e),children:Re?K.showFewerAttachmentsLabel:K.formatShowMoreAttachments(He)})]}),Xe&&(0,v.jsxs)(`div`,{className:C.itemActions,children:[pe.map(e=>{let n=(0,v.jsx)(`button`,{type:`button`,"data-mine":e.mine||void 0,disabled:!Je,"aria-pressed":e.mine===!0,onClick:()=>t.id&&m?.(t.id,e.emoji),title:Je?void 0:e.users?.join(`, `),className:C.reaction}),r=(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`span`,{className:C.reactionEmoji,children:e.emoji}),` `,(0,v.jsx)(c.w,{value:e.count,size:`xs`,type:`inherit`})]});return Je&&e.users?.length?(0,v.jsxs)(i.t,{children:[(0,v.jsx)(i.i,{render:n,children:r}),(0,v.jsx)(i.n,{children:(0,v.jsx)(c.s,{items:e.users,max:10,size:`xs`,type:`inherit`})})]},e.emoji):(0,_.cloneElement)(n,{key:e.emoji},r)}),Je&&(0,v.jsx)(U,{choices:k,reactions:pe,onPick:e=>m(t.id,e),copy:K}),Ye&&(0,v.jsx)(H,{buttonRef:Ue,onClick:()=>h(t.id),className:C.itemReply,children:K.replyLabel})]})]})}),ke&&(0,v.jsxs)(`div`,{className:C.itemThread,children:[$>0&&(0,v.jsx)(`div`,{className:C.threadEntry,"data-entry":`toggle`,"data-last":Oe===`toggle`||void 0,children:(0,v.jsx)(H,{"aria-expanded":ve,"aria-controls":ve?Ee:void 0,onClick:()=>{ye(e=>!e),xe(!1)},className:C.repliesToggle,children:ve?K.hideRepliesLabel:K.formatShowReplies($)})}),we>0&&(0,v.jsx)(`div`,{className:C.threadEntry,"data-entry":`toggle`,"data-last":Oe===`earlier`||void 0,children:(0,v.jsx)(H,{"aria-controls":Ee,onClick:()=>xe(!0),className:C.repliesToggle,children:K.formatShowEarlierReplies(we)})}),Te.length>0&&(0,v.jsx)(`ul`,{id:Ee,role:`list`,"aria-label":K.formatRepliesLabel(Y),className:C.replies,children:(0,v.jsx)(N.Provider,{value:q+1,children:Te.map((e,t)=>(0,v.jsx)(`li`,{className:C.threadEntry,"data-entry":`reply`,"data-last":Oe===`reply`&&t===Te.length-1||void 0,children:(0,v.jsx)(ie,{comment:e,...Ze})},e.id??`reply-${t}`))})}),De&&(0,v.jsx)(`div`,{className:C.threadEntry,"data-entry":`composer`,"data-last":!0,children:De})]}),!!s&&(0,v.jsx)(p.t,{...me.overlayProps,destructive:!0,title:K.confirmRemoveAttachmentTitle,description:K.confirmRemoveAttachmentDescription,strings:{confirm:K.attachmentRemoveLabel},onConfirm:()=>{he&&t.id&&s(t.id,he)}})]})}function W({comments:e,canModerate:n,onDelete:r,onAttachmentRemove:i,onEdit:a,onPinToggle:o,onReact:s,onReply:c,allowReactions:l,allowReplies:u,commentActions:d,maxVisibleReplies:f,clampLines:p,maxVisibleAttachments:m,reactionChoices:h,sanitizer:y,strings:x,getMediaUrl:w,getMediaName:T,getStatusLabel:E,resources:D,renderItem:O,renderAttachment:k,renderReference:ee,emptySlot:A,className:j}){let N={...S,...x},{roots:te,repliesByParent:P}=(0,_.useMemo)(()=>{let t=new Set(e.map(e=>e.id).filter(Boolean)),n=new Map,r=[];for(let i of e)if(i.replyToId&&t.has(i.replyToId)){let e=n.get(i.replyToId)??[];e.push(i),n.set(i.replyToId,e)}else r.push(i);return{roots:r,repliesByParent:n}},[e]);return e.length===0?(0,v.jsx)(v.Fragment,{children:A??(0,v.jsx)(t.p,{padding:`sm`,media:(0,v.jsx)(g.MessageCircleIcon,{}),mediaVariant:`icon`,title:N.empty,description:N.emptyHint})}):(0,v.jsx)(M.Provider,{value:P,children:(0,v.jsx)(`ul`,{role:`list`,"data-slot":`comment-timeline`,className:(0,b.clsx)(`comment-timeline--component`,C.timeline,j),children:te.map((e,t)=>{let g=(0,v.jsx)(ie,{comment:e,replies:u===!1?void 0:P.get(e.id??``),canModerate:n,onDelete:r,onAttachmentRemove:i,onEdit:a,onPinToggle:o,onReact:s,onReply:c,allowReactions:l,allowReplies:u,commentActions:d,maxVisibleReplies:f,clampLines:p,maxVisibleAttachments:m,reactionChoices:h,sanitizer:y,strings:x,getMediaUrl:w,getMediaName:T,getStatusLabel:E,resources:D,renderAttachment:k,renderReference:ee});return(0,v.jsx)(`li`,{className:C.timelineEntry,children:O?O({comment:e,canModerate:n??!1,onDelete:r,onAttachmentRemove:i,onEdit:a,defaultItem:g}):g},e.id??`comment-${t}`)})})})}function G(e={}){let{onSubmit:t,onUpdate:n,onDelete:r,onAfterMutate:i,onError:a,scopeKey:o}=e,[s,c]=(0,_.useState)({kind:`idle`}),[l,u]=(0,_.useState)(!1),[d,f]=(0,_.useState)({}),[p,m]=(0,_.useState)(0),h=(0,_.useRef)(!1),g=(0,_.useRef)(o),v=(0,_.useRef)(0),y=(0,_.useRef)(0),b=(0,_.useCallback)(e=>{h.current=e,u(e)},[]),x=(0,_.useCallback)(()=>{m(e=>e+1),c({kind:`idle`}),f({})},[]),S=(0,_.useMemo)(()=>({setErrors:f,reset:x,setSubmitting:b}),[x,b]);(0,_.useEffect)(()=>{g.current!==o&&(g.current=o,v.current+=1,y.current+=1,h.current=!1,u(!1),x())},[x,o]);let C=(0,_.useCallback)(e=>{try{a?.(e)}catch{}},[a]);return{composerMode:s,isSubmitting:l,formErrors:d,resetKey:p,startReply:(0,_.useCallback)(e=>{e.id&&(f({}),c({kind:`replying`,commentId:e.id,authorName:e.user?.name}))},[]),startEdit:(0,_.useCallback)(e=>{e.id&&(f({}),c({kind:`editing`,comment:e}))},[]),cancelComposerMode:(0,_.useCallback)(()=>x(),[x]),submit:(0,_.useCallback)(async e=>{if(h.current)return;let r=v.current,a=y.current+1;y.current=a;let o=()=>v.current===r&&y.current===a,c={setErrors:e=>{o()&&f(e)},reset:()=>{o()&&x()},setSubmitting:e=>{o()&&b(e)}},l=s.kind===`editing`?s.comment:null;if(!(l?n:t))return;let u=l?{...e,editingId:l.id}:s.kind===`replying`?{...e,replyToId:s.commentId}:e;b(!0),f({});try{l&&n?await n(l.id,u,c):t&&await t(u,c),i?.(l?`update`:`create`,u)}catch(e){C(e)}finally{o()&&b(!1)}},[s,i,t,n,C,x,b]),deleteComment:(0,_.useCallback)(async e=>{if(!(!r||!e))try{await r(e),i?.(`delete`,{commentId:e})}catch(e){C(e)}},[i,r,C]),resetComposer:x,helpers:S}}function K(t){let{context:n,comments:r,canComment:i=!0,canModerate:a=!1,composerPosition:o=`top`,maxAttachments:c,allowAttachments:l=!0,allowReactions:u=!0,allowReplies:d=!0,bare:f=!1,confirmDelete:m=!0,className:h,strings:g}=t,y={...S,...g},x=t.title??y.title,w=`${n.type}\u0000${n.id}\u0000${n.moduleKey??``}`,T=(0,_.useRef)(w),E={onSubmit:t.onSubmit,onUpdate:t.onUpdate,onDelete:t.onDelete,onAfterMutate:t.onAfterMutate,onError:t.onError,scopeKey:w},D=G(E),O=G(E),k=p.i(),[ee,A]=(0,_.useState)(null);(0,_.useEffect)(()=>{T.current!==w&&(T.current=w,A(null),k.hide())},[w,k]);let M=(0,_.useCallback)(e=>{if(!m){D.deleteComment(e);return}A(e),k.show()},[m,k,D]),{startReply:N,cancelComposerMode:P}=O,{onReply:F}=t,ne=(0,_.useCallback)(e=>{let t=r.find(t=>t.id===e);t&&N(t),F?.(e)},[r,F,N]),I=O.composerMode,L=I.kind===`editing`?I.comment:void 0,R=I.kind===`replying`?{commentId:I.commentId,authorName:I.authorName}:void 0,z=L?.id??R?.commentId;(0,_.useEffect)(()=>{z&&!r.some(e=>e.id===z)&&P()},[P,r,z]);let B=t.composerSlot??(i?(0,v.jsx)(j,{context:n,canComment:i,submitting:D.isSubmitting,errors:D.formErrors,resetKey:D.resetKey,onSubmit:D.submit,strings:g,resources:t.resources,onResourceSearch:t.onResourceSearch,attachments:t.attachments,maxAttachments:c,allowAttachments:l}):null),re={composer:i&&z?(0,v.jsx)(j,{context:n,canComment:i,submitting:O.isSubmitting,errors:O.formErrors,resetKey:O.resetKey,editingComment:L,replyingTo:R,onCancel:O.cancelComposerMode,onSubmit:O.submit,placeholder:L?y.editPlaceholder:y.replyPlaceholder,strings:g,resources:t.resources,onResourceSearch:t.onResourceSearch,attachments:t.attachments,maxAttachments:c,allowAttachments:l,className:C.inlineComposer},`${I.kind}:${z}`):void 0,editingId:L?.id,replyingToId:R?.commentId},V=(0,v.jsx)(W,{comments:r,canModerate:a,onDelete:t.onDelete?M:void 0,onAttachmentRemove:t.onAttachmentRemove,onEdit:i&&t.onUpdate?O.startEdit:void 0,onPinToggle:t.onPinToggle,onReact:t.onReact,onReply:i&&d?ne:void 0,allowReactions:u,allowReplies:d,commentActions:t.commentActions,maxVisibleReplies:t.maxVisibleReplies,clampLines:t.clampLines,maxVisibleAttachments:t.maxVisibleAttachments,reactionChoices:t.reactionChoices,sanitizer:t.sanitizer,strings:g,getMediaUrl:t.getMediaUrl,getMediaName:t.getMediaName,getStatusLabel:t.getStatusLabel,resources:t.resources,renderItem:t.renderItem,renderAttachment:t.renderAttachment,renderReference:t.renderReference,emptySlot:t.emptySlot}),H=(0,v.jsxs)(s.o,{gap:`xl`,className:C.body,children:[t.headerSlot,o===`top`&&B,(0,v.jsx)(te.Provider,{value:re,children:V}),o===`bottom`&&B,t.footerSlot]}),U=!!(m&&t.onDelete)&&(0,v.jsx)(p.t,{...k.overlayProps,destructive:!0,title:y.confirmDeleteTitle,description:y.confirmDeleteDescription,strings:{confirm:y.confirmDeleteLabel},onAsyncConfirm:async()=>{ee&&await D.deleteComment(ee)},onError:t.onError});return f?(0,v.jsxs)(v.Fragment,{children:[H,U]}):(0,v.jsxs)(`section`,{"data-slot":`comments`,"aria-label":typeof x==`string`?x:void 0,className:(0,b.clsx)(`comments--component`,C.root,h),children:[x!==!1&&!!(x||y.subtitle)&&(0,v.jsxs)(s.o,{gap:`xs`,className:C.header,children:[!!x&&(0,v.jsx)(e.o,{weight:`semibold`,children:x}),!!y.subtitle&&(0,v.jsx)(e.o,{type:`secondary`,children:y.subtitle})]}),H,U]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return K}});

package/dist/components/admin/patterns/access/admin.strings.d.cts

@@ -1,18 +0,0 @@
-/** Copy owned by the admin blocks. Counts are functions, so a translation controls pluralisation. */
-export interface CredentialListStrings {
-    title: string;
-    addLabel: string;
-    rowMenuLabel: string;
-    copyLabel: string;
-    deleteLabel: string;
-    emptyMessage: string;
-}
-export declare const defaultCredentialListStrings: CredentialListStrings;
-export interface RolePermissionsStrings {
-    editLabel: string;
-    formatMemberCount: (count: number) => string;
-    /** Announces a granted permission; the glyph beside it is decorative. */
-    granted: string;
-    notGranted: string;
-}
-export declare const defaultRolePermissionsStrings: RolePermissionsStrings;

package/dist/components/admin/patterns/access/credential-list.d.cts

@@ -1,30 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { CredentialListStrings } from './admin.strings.cjs';
-export interface Credential {
-    id: string;
-    /** What the key is for — "Production", "CI". */
-    name: string;
-    /** Written to the clipboard. */
-    value: string;
-    /** Drawn in the row. Pass a masked form when the secret must not be on screen. */
-    displayValue?: string;
-    icon?: ReactNode;
-    disabled?: boolean;
-}
-export interface CredentialListProps extends Omit<ComponentProps<"div">, "children" | "title" | "onCopy"> {
-    items: Credential[];
-    title?: ReactNode;
-    /** Uncontrolled. */
-    defaultOpen?: boolean;
-    /** Controlled. */
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Omit to hide the add action. */
-    onAdd?: () => void;
-    /** Omit to hide the delete entry. The confirmation belongs to the caller. */
-    onDelete?: (id: string, item: Credential) => void;
-    /** Fires after the value reaches the clipboard — for analytics. */
-    onCopy?: (id: string, item: Credential) => void;
-    strings?: Partial<CredentialListStrings>;
-}
-export declare function CredentialList({ items, title, defaultOpen, open, onOpenChange, onAdd, onDelete, onCopy, strings, className, ...props }: CredentialListProps): import("react").JSX.Element;

package/dist/components/admin/patterns/access/index.d.cts

@@ -1,8 +0,0 @@
-/**
- * Admin blocks for a settings area. None fetches, navigates or confirms a destructive
- * action: callbacks and slots keep those at the call site.
- */
-export { CredentialList, type CredentialListProps, type Credential, } from './credential-list.cjs';
-export { RolePermissions, type RolePermissionsProps, type Permission, type PermissionGroup, } from './role-permissions.cjs';
-export { SensitiveAction, type SensitiveActionProps } from './sensitive-action.cjs';
-export { defaultCredentialListStrings, defaultRolePermissionsStrings, type CredentialListStrings, type RolePermissionsStrings, } from './admin.strings.cjs';

package/dist/components/admin/patterns/access/role-permissions.d.cts

@@ -1,22 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { RolePermissionsStrings } from './admin.strings.cjs';
-export interface Permission {
-    label: string;
-    /** Whether the role holds it. */
-    granted: boolean;
-}
-export interface PermissionGroup {
-    /** The area these permissions cover — "Billing", "Members". */
-    name: string;
-    permissions: Permission[];
-}
-export interface RolePermissionsProps extends Omit<ComponentProps<"div">, "children"> {
-    roleName: ReactNode;
-    description?: ReactNode;
-    memberCount?: number;
-    groups: PermissionGroup[];
-    /** Omit to hide the edit action. */
-    onEdit?: () => void;
-    strings?: Partial<RolePermissionsStrings>;
-}
-export declare function RolePermissions({ roleName, description, memberCount, groups, onEdit, strings, className, ...props }: RolePermissionsProps): import("react").JSX.Element;

package/dist/components/admin/patterns/access/sensitive-action.d.cts

@@ -1,10 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { ContentBlock, IconBadge } from '../../../base/display/index.cjs';
-export interface SensitiveActionProps extends Omit<ComponentProps<typeof ContentBlock>, "children" | "icon"> {
-    /** The control that performs it — usually a destructive Button. */
-    action?: ReactNode;
-    /** What will happen, stated before it does. Rendered as a note, not an error. */
-    confirmation?: ReactNode;
-    icon?: ComponentProps<typeof IconBadge>["icon"];
-}
-export declare function SensitiveAction({ title, description, action, confirmation, icon, className, ...props }: SensitiveActionProps): import("react").JSX.Element;

package/dist/components/admin/patterns/commerce/account.d.cts

@@ -1,70 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { LucideIcon } from 'lucide-react';
-import { ContentBlock } from '../../../base/display/index.cjs';
-import { AddressStrings, InventoryStrings, PaymentMethodStrings, SubscriptionStrings } from './commerce.strings.cjs';
-import { AddressKind, PaymentBrand } from './commerce.types.cjs';
-export interface AddressCardProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    kind?: AddressKind;
-    name: string;
-    line1: string;
-    line2?: string;
-    city: string;
-    /** State, province, or region. */
-    region?: string;
-    postalCode?: string;
-    country: string;
-    phone?: string;
-    /** Marks this as the account's default for its kind. */
-    isDefault?: boolean;
-    onEdit?: () => void;
-    onRemove?: () => void;
-    onMakeDefault?: () => void;
-    strings?: Partial<AddressStrings>;
-}
-export declare function AddressCard({ kind, name, line1, line2, city, region, postalCode, country, phone, isDefault, onEdit, onRemove, onMakeDefault, strings, className, ...props }: AddressCardProps): import("react").JSX.Element;
-export interface PaymentMethodCardProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    brand: PaymentBrand;
-    /** The last four digits — the only part of a card number this component accepts. */
-    last4: string;
-    /** `MM/YY`. */
-    expiry?: string;
-    holderName?: string;
-    isDefault?: boolean;
-    /** Carries no value: this never holds a payment method to hand back. */
-    onChange?: () => void;
-    strings?: Partial<PaymentMethodStrings>;
-}
-export declare function PaymentMethodCard({ brand, last4, expiry, holderName, isDefault, onChange, strings, className, ...props }: PaymentMethodCardProps): import("react").JSX.Element;
-export interface SubscriptionPerk {
-    label: string;
-    icon?: LucideIcon;
-}
-export interface SubscriptionSummaryProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    planName: string;
-    /** Already formatted, including its currency. */
-    price: string;
-    /** How often it recurs — "monthly", "per year". */
-    cycle: string;
-    /** Already formatted. */
-    nextBillingDate: string;
-    status?: ReactNode;
-    perks?: SubscriptionPerk[];
-    onManage?: () => void;
-    onUpgrade?: () => void;
-    strings?: Partial<SubscriptionStrings>;
-}
-export declare function SubscriptionSummary({ planName, price, cycle, nextBillingDate, status, perks, onManage, onUpgrade, strings, className, ...props }: SubscriptionSummaryProps): import("react").JSX.Element;
-export interface InventoryLevelProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    productName: string;
-    /** The chosen option, when the product has any. */
-    variant?: string;
-    stock: number;
-    /** Below this, the level reads as low rather than healthy. */
-    reorderLevel: number;
-    /** The gauge's upper bound. */
-    maxStock: number;
-    /** Already formatted. */
-    lastRestocked?: string;
-    strings?: Partial<InventoryStrings>;
-}
-export declare function InventoryLevel({ productName, variant, stock, reorderLevel, maxStock, lastRestocked, strings, className, ...props }: InventoryLevelProps): import("react").JSX.Element;

package/dist/components/admin/patterns/commerce/address-lines.d.cts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { OrderAddress } from './commerce.types.cjs';
-export interface AddressLinesProps extends Omit<ComponentProps<"address">, "children"> {
-    address: OrderAddress;
-    /** Sets the recipient in the card's own weight, for a surface that leads on the name. */
-    prominent?: boolean;
-}
-export declare function AddressLines({ address, prominent, className, ...props }: AddressLinesProps): import("react").JSX.Element;

package/dist/components/admin/patterns/commerce/booking.d.cts

@@ -1,36 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { ContentBlock } from '../../../base/display/index.cjs';
-export interface Booking {
-    id: string;
-    /** A Date, an ISO string, or a timestamp — DateBlock owns the formatting. */
-    date: Date | string | number;
-    /** What was booked. */
-    service: string;
-    customer: string;
-    /** Already formatted — "14:00". */
-    time: string;
-    /** Already formatted, including its currency. */
-    amount: string;
-}
-export interface UpcomingBookingsProps extends Omit<ComponentProps<"div">, "children"> {
-    /** Soonest first. This does not sort them — the order shown is the order given. */
-    bookings: Booking[];
-    /** Draws each date as a compact rounded tile. Appointment times stay beside the service. */
-    boxedDate?: boolean;
-}
-export declare function UpcomingBookings({ bookings, boxedDate, className, ...props }: UpcomingBookingsProps): import("react").JSX.Element;
-export interface BookingDetail {
-    id: string;
-    label: ReactNode;
-    value: ReactNode;
-    /** Spans the row and sits on its own ground — for a note or an address. */
-    fullWidth?: boolean;
-}
-export interface BookingCardProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    /** A chip, usually — the booking's state. */
-    status?: ReactNode;
-    details: BookingDetail[];
-    actionLabel?: ReactNode;
-    onAction?: () => void;
-}
-export declare function BookingCard({ status, details, actionLabel, onAction, className, ...props }: BookingCardProps): import("react").JSX.Element;

package/dist/components/admin/patterns/commerce/cart.d.cts

@@ -1,91 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { ContentBlock } from '../../../base/display/index.cjs';
-import { CartStrings, CodeEntryStrings, DiscountStackStrings, TaxBreakdownStrings } from './commerce.strings.cjs';
-export interface CartLine {
-    id: string;
-    title: string;
-    /** The chosen option — "Large / Blue". */
-    variantTitle?: string;
-    quantity: number;
-    /** Already formatted, including its currency. */
-    price: string;
-    imageSrc?: string;
-    imageAlt?: string;
-}
-export interface CartSummaryProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    items: CartLine[];
-    /** Every amount is already formatted — this block totals nothing itself. */
-    subtotal?: string;
-    tax?: string;
-    shipping?: string;
-    /** Rendered as a deduction, with the sign rewritten. */
-    discount?: string;
-    total: string;
-    onCheckout?: () => void;
-    strings?: Partial<CartStrings>;
-}
-export declare function CartSummary({ items, subtotal, tax, shipping, discount, total, onCheckout, strings, className, ...props }: CartSummaryProps): import("react").JSX.Element;
-export interface TaxLine {
-    id?: string;
-    label: string;
-    /** The rate as written — "20%", "7.5%". Sits quietly beside the label. */
-    rate?: string;
-    amount: string;
-}
-export interface TaxBreakdownProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    subtotal: string;
-    taxes: TaxLine[];
-    /** The rollup. Only worth drawing when there is more than one line to roll up. */
-    totalTax?: string;
-    total: string;
-    strings?: Partial<TaxBreakdownStrings>;
-}
-export declare function TaxBreakdown({ subtotal, taxes, totalTax, total, strings, className, ...props }: TaxBreakdownProps): import("react").JSX.Element;
-export interface Discount {
-    id?: string;
-    label: string;
-    /**
-     * What kind of discount it is — "Code", "Automatic", "Volume".
-     *
-     * Rendered as a quiet qualifier beside the label, not as a chip. A Badge here was the
-     * first thing tried and it failed contrast at 3.45:1 in the dark theme: a chip is drawn
-     * to sit on a card, and the ledger it lands in has its own tinted ground under it.
-     */
-    kind?: ReactNode;
-    amount: string;
-}
-export interface DiscountStackProps extends Omit<ComponentProps<typeof ContentBlock>, "children"> {
-    /** In the order they stack, because order changes the arithmetic. */
-    discounts: Discount[];
-    totalSavings: string;
-    strings?: Partial<DiscountStackStrings>;
-}
-export declare function DiscountStack({ discounts, totalSavings, strings, className, ...props }: DiscountStackProps): import("react").JSX.Element;
-/**
- * CodeEntry — a discount code or a gift card.
- *
- * These were two components, and they were the same component twice: a title, a field, a
- * button, and an applied state. The only real difference is that a gift card holds a
- * BALANCE — money that may outlast this order — where a discount either applies or does
- * not. That is one optional prop, not a second component.
- *
- * `kind` picks the preset: the icon, the default copy, and whether the code is upper-cased
- * on submit. Gift card codes are printed in capitals and nobody types them that way.
- */
-export type CodeEntryKind = "discount" | "gift";
-export interface CodeEntryProps extends Omit<ComponentProps<typeof ContentBlock>, "children" | "onSubmit"> {
-    kind?: CodeEntryKind;
-    /** The code in force. Present switches the card to its applied state. */
-    appliedCode?: string;
-    /** What it took off, already formatted. */
-    appliedDiscount?: string;
-    /** What is left on the card, already formatted. Gift cards only. */
-    balance?: string;
-    /** A rejection message, shown under the field. */
-    error?: string;
-    loading?: boolean;
-    onApply?: (code: string) => void;
-    onRemove?: () => void;
-    strings?: Partial<CodeEntryStrings>;
-}
-export declare function CodeEntry({ kind, appliedCode, appliedDiscount, balance, error, loading, onApply, onRemove, strings, className, ...props }: CodeEntryProps): import("react").JSX.Element;

package/dist/components/admin/patterns/commerce/commerce.strings.d.cts

@@ -1,233 +0,0 @@
-/**
- * Copy owned by the commerce blocks: one dictionary for the domain, so shared words match.
- * Counts are functions, so a translation controls pluralisation.
- */
-export interface CartStrings {
-    title: string;
-    subtotal: string;
-    tax: string;
-    shipping: string;
-    discount: string;
-    total: string;
-    checkout: string;
-    formatQuantity: (quantity: number) => string;
-}
-export declare const defaultCartStrings: CartStrings;
-export interface TaxBreakdownStrings {
-    title: string;
-    subtotal: string;
-    totalTax: string;
-    total: string;
-}
-export declare const defaultTaxBreakdownStrings: TaxBreakdownStrings;
-/**
- * Copy for `CodeEntry`, which serves both a discount code and a gift card.
- *
- * Two presets rather than two components: the wording differs because redeeming a gift
- * card is a balance lookup before it is an application, but the interaction is identical.
- */
-export interface CodeEntryStrings {
-    title: string;
-    /** Under the title. Empty for the discount case, which needs no explaining. */
-    helperText?: string;
-    /** The field shows no visible label, so this is its only accessible name. */
-    fieldLabel: string;
-    placeholder: string;
-    apply: string;
-    remove: string;
-    applied: string;
-    /** What is left on a gift card. Unused by the discount preset. */
-    balance: string;
-}
-export declare const defaultDiscountCodeStrings: CodeEntryStrings;
-export declare const defaultGiftCodeStrings: CodeEntryStrings;
-export interface DiscountStackStrings {
-    title: string;
-    totalSavings: string;
-}
-export declare const defaultDiscountStackStrings: DiscountStackStrings;
-export interface InvoiceStrings {
-    title: string;
-    billFrom: string;
-    billTo: string;
-    issued: string;
-    due: string;
-    amountDue: string;
-    item: string;
-    quantity: string;
-    price: string;
-    amount: string;
-    subtotal: string;
-    tax: string;
-    total: string;
-    paid: string;
-    pending: string;
-    overdue: string;
-    formatLineCount: (count: number) => string;
-}
-export declare const defaultInvoiceStrings: InvoiceStrings;
-export interface OrderStatusStrings {
-    title: string;
-    statusLabel: string;
-    latestEvent: string;
-    nextStep: string;
-    eta: string;
-    /** The disclosure over the full event list — it takes the count, which is the reason to open it. */
-    formatHistory: (count: number) => string;
-    pending: string;
-    paid: string;
-    fulfilled: string;
-    shipped: string;
-    delivered: string;
-    cancelled: string;
-}
-export declare const defaultOrderStatusStrings: OrderStatusStrings;
-export interface ShipmentStrings {
-    title: string;
-    carrier: string;
-    trackingNumber: string;
-    pending: string;
-    inTransit: string;
-    delivered: string;
-    delayed: string;
-}
-export declare const defaultShipmentStrings: ShipmentStrings;
-export interface RefundStrings {
-    title: string;
-    amount: string;
-    reason: string;
-    method: string;
-    eta: string;
-    requested: string;
-    approved: string;
-    processing: string;
-    completed: string;
-}
-export declare const defaultRefundStrings: RefundStrings;
-export interface AddressStrings {
-    defaultBadge: string;
-    edit: string;
-    remove: string;
-    makeDefault: string;
-    shipping: string;
-    billing: string;
-    pickup: string;
-}
-export declare const defaultAddressStrings: AddressStrings;
-export interface PaymentMethodStrings {
-    title: string;
-    defaultBadge: string;
-    expires: string;
-    change: string;
-    /** Names the card without reading the number aloud. */
-    formatCard: (brand: string, last4: string) => string;
-}
-export declare const defaultPaymentMethodStrings: PaymentMethodStrings;
-export interface SubscriptionStrings {
-    title: string;
-    plan: string;
-    nextBilling: string;
-    included: string;
-    manage: string;
-    upgrade: string;
-}
-export declare const defaultSubscriptionStrings: SubscriptionStrings;
-export interface InventoryStrings {
-    inStock: string;
-    lowStock: string;
-    outOfStock: string;
-    reorderAt: string;
-    lastRestocked: string;
-    /** Names the gauge, which otherwise states the level by width alone. */
-    formatLevel: (stock: number, max: number) => string;
-}
-export declare const defaultInventoryStrings: InventoryStrings;
-export interface LoyaltyStrings {
-    title: string;
-    balanceLabel: string;
-    pointsAvailable: string;
-    /** Over the movement list — without it the rows hang under a balance they only relate to. */
-    activityLabel: string;
-    redeem: string;
-}
-export declare const defaultLoyaltyStrings: LoyaltyStrings;
-export interface VendorStrings {
-    tabOverview: string;
-    tabStats: string;
-    totalEarnings: string;
-    message: string;
-    hire: string;
-    /** Names the tick, which otherwise states the fact by shape alone. */
-    verified: string;
-}
-export declare const defaultVendorStrings: VendorStrings;
-export interface SeoStrings {
-    title: string;
-    edit: string;
-    noTitle: string;
-    noDescription: string;
-    noPermalink: string;
-    checks: Record<"title" | "description" | "permalink" | "slug" | "url" | "keyword", string>;
-    status: Record<"good" | "review" | "missing", string>;
-    formatScore: (score: number) => string;
-    /** "62 / 60" — the measured length against its cap. */
-    formatMeasure: (actual: number, max: number) => string;
-    /** Inside a check's ring. A locale that writes percentages differently overrides it. */
-    formatPercent: (percent: number) => string;
-}
-export declare const defaultSeoStrings: SeoStrings;
-export interface InventorySectionStrings {
-    title: string;
-    description: string;
-    sections: Record<"identity" | "tracking" | "location" | "shipping" | "customs" | "tags", string>;
-    fields: Record<"sku" | "barcode" | "trackQuantity" | "available" | "committed" | "incoming" | "lowStockThreshold" | "inventoryPolicy" | "binLocation" | "requiresShipping" | "weight" | "countryOfOrigin" | "hsCode" | "tags", string>;
-    placeholders: Partial<Record<string, string>>;
-    hints: Partial<Record<string, string>>;
-    policy: Record<"deny" | "continue", string>;
-    summary: Record<"available" | "committed" | "incoming" | "threshold", string>;
-}
-export declare const defaultInventorySectionStrings: InventorySectionStrings;
-export interface OrderHeaderStrings {
-    /** Precedes the order's own reference — "#1036". */
-    formatOrderNumber: (orderNumber: string) => string;
-    /** Joins when the order was placed to where it came from. */
-    formatOrigin: (placedAt: string, source: string) => string;
-}
-export declare const defaultOrderHeaderStrings: OrderHeaderStrings;
-/** Shared by every surface that names a fulfillment or payment state. */
-export interface OrderStatusVocabulary {
-    fulfillment: Record<"unfulfilled" | "partiallyFulfilled" | "fulfilled" | "scheduled" | "onHold" | "cancelled", string>;
-    payment: Record<"pending" | "authorized" | "paid" | "partiallyRefunded" | "refunded" | "voided", string>;
-}
-export declare const defaultOrderStatusVocabulary: OrderStatusVocabulary;
-export interface FulfillmentGroupStrings {
-    /** Names the group by state and size — "Unfulfilled (3)". */
-    formatHeading: (status: string, count: number) => string;
-    /** Reads the price column aloud — "€50.00 each, 1 of them". */
-    formatUnitPrice: (unitPrice: string, quantity: number) => string;
-}
-export declare const defaultFulfillmentGroupStrings: FulfillmentGroupStrings;
-export interface OrderSummaryStrings {
-    title: string;
-}
-export declare const defaultOrderSummaryStrings: OrderSummaryStrings;
-export interface TransactionStrings {
-    title: string;
-    kind: Record<"authorization" | "capture" | "sale" | "refund" | "void" | "chargeback", string>;
-    status: Record<"success" | "pending" | "failure", string>;
-    reference: string;
-    empty: string;
-}
-export declare const defaultTransactionStrings: TransactionStrings;
-export interface OrderCustomerStrings {
-    title: string;
-    shippingAddress: string;
-    billingAddress: string;
-    editShipping: string;
-    editBilling: string;
-    /** Shown in place of a repeated address. */
-    sameAsShipping: string;
-    noAddress: string;
-    formatOrderCount: (count: number) => string;
-}
-export declare const defaultOrderCustomerStrings: OrderCustomerStrings;