themelia-ui 1.0.0

package/dist/command-CVX7k9YB.js

@@ -0,0 +1,126 @@
+import "./css/command.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { a as t, c as n, i as r, l as i, t as a } from "./dialog-CwOfwsHr.js";
+import { n as o, t as s } from "./input-group-D0KxyK9W.js";
+import { CheckIcon as c, SearchIcon as l } from "lucide-react";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Command as p } from "cmdk";
+//#region src/components/base/command/command.strings.ts
+var m = {
+	title: "Command palette",
+	description: "Search for a command to run",
+	empty: "No results."
+}, h = {
+	root: "command-module__root___4-MY7",
+	inputWrapper: "command-module__inputWrapper___Wciam",
+	inputGroup: "command-module__inputGroup___sXjUe",
+	input: "command-module__input___jlKnj",
+	searchIcon: "command-module__searchIcon___yEICj",
+	list: "command-module__list___fhqL2",
+	empty: "command-module__empty___Ia645",
+	group: "command-module__group___NN7fJ",
+	item: "command-module__item___lChRs",
+	separator: "command-module__separator___8Eo4k",
+	check: "command-module__check___V5v-M",
+	shortcut: "command-module__shortcut___cVWHk",
+	dialogContent: "command-module__dialogContent___hEg3-"
+}, g = u.createContext(null);
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ d(p, {
+		"data-slot": "command",
+		className: e(h.root, t),
+		...n
+	});
+}
+function v({ title: o, description: s, strings: c, commandProps: l, children: p, className: v, showCloseButton: y = !1, ...b }) {
+	let x = u.useRef(null), S = {
+		...m,
+		...c,
+		...o ? { title: o } : null,
+		...s ? { description: s } : null
+	};
+	return /* @__PURE__ */ d(a, {
+		...b,
+		children: /* @__PURE__ */ f(r, {
+			className: e(h.dialogContent, v),
+			showCloseButton: y,
+			"aria-label": S.title,
+			initialFocusRef: x,
+			children: [/* @__PURE__ */ f(n, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ d(i, { children: S.title }), /* @__PURE__ */ d(t, { children: S.description })]
+			}), /* @__PURE__ */ d(g.Provider, {
+				value: x,
+				children: /* @__PURE__ */ d(_, {
+					...l,
+					children: p
+				})
+			})]
+		})
+	});
+}
+function y({ className: t, ...n }) {
+	let r = u.useContext(g), { ref: i, ...a } = n, c = u.useRef(null);
+	return u.useImperativeHandle(r, () => c.current), u.useImperativeHandle(i, () => c.current), /* @__PURE__ */ d("div", {
+		"data-slot": "command-input-wrapper",
+		className: h.inputWrapper,
+		children: /* @__PURE__ */ f(s, {
+			className: h.inputGroup,
+			children: [/* @__PURE__ */ d(p.Input, {
+				...a,
+				ref: c,
+				"data-slot": "command-input",
+				className: e(h.input, t)
+			}), /* @__PURE__ */ d(o, { children: /* @__PURE__ */ d(l, {
+				className: h.searchIcon,
+				"data-sized": ""
+			}) })]
+		})
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ d(p.List, {
+		"data-slot": "command-list",
+		className: e(h.list, t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ d(p.Empty, {
+		"data-slot": "command-empty",
+		className: e(h.empty, t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ d(p.Group, {
+		"data-slot": "command-group",
+		className: e(h.group, t),
+		...n
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ d(p.Separator, {
+		"data-slot": "command-separator",
+		className: e(h.separator, t),
+		...n
+	});
+}
+function w({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ f(p.Item, {
+		"data-slot": "command-item",
+		className: e(h.item, t),
+		...r,
+		children: [n, /* @__PURE__ */ d(c, { className: h.check })]
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ d("span", {
+		"data-slot": "command-shortcut",
+		className: e(h.shortcut, t),
+		...n
+	});
+}
+//#endregion
+export { y as a, C as c, S as i, T as l, v as n, w as o, x as r, b as s, _ as t, m as u };

package/dist/command-stmM9WWi.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./dialog-BNVm-pF4.cjs"),n=require("./input-group-BOAOqzrn.cjs");let r=require("lucide-react"),i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("cmdk"),s=require("clsx");var c={title:`Command palette`,description:`Search for a command to run`,empty:`No results.`},l={root:`command-module__root___4-MY7`,inputWrapper:`command-module__inputWrapper___Wciam`,inputGroup:`command-module__inputGroup___sXjUe`,input:`command-module__input___jlKnj`,searchIcon:`command-module__searchIcon___yEICj`,list:`command-module__list___fhqL2`,empty:`command-module__empty___Ia645`,group:`command-module__group___NN7fJ`,item:`command-module__item___lChRs`,separator:`command-module__separator___8Eo4k`,check:`command-module__check___V5v-M`,shortcut:`command-module__shortcut___cVWHk`,dialogContent:`command-module__dialogContent___hEg3-`},u=i.createContext(null);function d({className:e,...t}){return(0,a.jsx)(o.Command,{"data-slot":`command`,className:(0,s.clsx)(l.root,e),...t})}function f({title:e,description:n,strings:r,commandProps:o,children:f,className:p,showCloseButton:m=!1,...h}){let g=i.useRef(null),_={...c,...r,...e?{title:e}:null,...n?{description:n}:null};return(0,a.jsx)(t.t,{...h,children:(0,a.jsxs)(t.i,{className:(0,s.clsx)(l.dialogContent,p),showCloseButton:m,"aria-label":_.title,initialFocusRef:g,children:[(0,a.jsxs)(t.c,{className:`sr-only`,children:[(0,a.jsx)(t.l,{children:_.title}),(0,a.jsx)(t.a,{children:_.description})]}),(0,a.jsx)(u.Provider,{value:g,children:(0,a.jsx)(d,{...o,children:f})})]})})}function p({className:e,...t}){let c=i.useContext(u),{ref:d,...f}=t,p=i.useRef(null);return i.useImperativeHandle(c,()=>p.current),i.useImperativeHandle(d,()=>p.current),(0,a.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:l.inputWrapper,children:(0,a.jsxs)(n.t,{className:l.inputGroup,children:[(0,a.jsx)(o.Command.Input,{...f,ref:p,"data-slot":`command-input`,className:(0,s.clsx)(l.input,e)}),(0,a.jsx)(n.n,{children:(0,a.jsx)(r.SearchIcon,{className:l.searchIcon,"data-sized":``})})]})})}function m({className:e,...t}){return(0,a.jsx)(o.Command.List,{"data-slot":`command-list`,className:(0,s.clsx)(l.list,e),...t})}function h({className:e,...t}){return(0,a.jsx)(o.Command.Empty,{"data-slot":`command-empty`,className:(0,s.clsx)(l.empty,e),...t})}function g({className:e,...t}){return(0,a.jsx)(o.Command.Group,{"data-slot":`command-group`,className:(0,s.clsx)(l.group,e),...t})}function _({className:e,...t}){return(0,a.jsx)(o.Command.Separator,{"data-slot":`command-separator`,className:(0,s.clsx)(l.separator,e),...t})}function v({className:e,children:t,...n}){return(0,a.jsxs)(o.Command.Item,{"data-slot":`command-item`,className:(0,s.clsx)(l.item,e),...n,children:[t,(0,a.jsx)(r.CheckIcon,{className:l.check})]})}function y({className:e,...t}){return(0,a.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,s.clsx)(l.shortcut,e),...t})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return c}});

package/dist/comments-DBw1Y6dX.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./feedback-lBKIc2cQ.cjs"),n=require("./buttons-CQc0AVpb.cjs"),r=require("./tooltip-oXbyn0gC.cjs"),i=require("./display-BPuD0OAo.cjs"),a=require("./structure-C4IX5OuO.cjs"),o=require("./primitives-Bcjsjg7A.cjs"),s=require("./badge-CSoXP1oV.cjs"),c=require("./avatar-BbLcyt_E.cjs"),l=require("./popover-1YaYvaYu.cjs"),u=require("./spinner-Bc_A0cRc.cjs"),d=require("./overlays-SoQf4DDt.cjs"),f=require("./mentions-DVk3k6V4.cjs"),p=require("./rich-text-editor-Cws3YEgp.cjs");let m=require("lucide-react"),h=require("react"),g=require("react/jsx-runtime"),_=require("clsx");function v(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 y={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`,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`,attachmentFallback:`Attachment`,attachmentRemoveLabel:`Remove attachment`,attachmentUploadingLabel:`Uploading…`,attachmentFailedLabel:`Upload failed`,attachmentRetryLabel:`Retry`,attachmentDownloadLabel:`Download`,formatTooLarge:e=>`Files must be under ${v(e)}.`,formatTooMany:e=>`You can attach at most ${e}.`,addReactionLabel:`Add reaction`},b={root:`comments-module__root___WXYKm`,header:`comments-module__header___nvvJk`,body:`comments-module__body___A-pcE`,timeline:`comments-module__timeline___S1twx`,item:`comments-module__item___8x4z4`,itemRow:`comments-module__itemRow___3z9E1`,itemAvatar:`comments-module__itemAvatar___05yGL`,itemBody:`comments-module__itemBody___ZbEgR`,itemMeta:`comments-module__itemMeta___UbWan`,itemPin:`comments-module__itemPin___PdXkA`,itemContent:`comments-module__itemContent___mk4B9`,itemChips:`comments-module__itemChips___-xCyT`,itemActions:`comments-module__itemActions___NjjMQ`,reaction:`comments-module__reaction___pI3Es`,reactionEmoji:`comments-module__reactionEmoji___WIUjV`,repliesToggle:`comments-module__repliesToggle___QLnRv`,replies:`comments-module__replies___q6FPS`,composer:`comments-module__composer___w8SQi`,composerEditor:`comments-module__composerEditor___Y9IKX`,eyebrow:`comments-module__eyebrow___-hmXT`,eyebrowClose:`comments-module__eyebrowClose___uqdS6`,chip:`comments-module__chip___CRRCp`,chipIcon:`comments-module__chipIcon___qCfTK`,chipLink:`comments-module__chipLink___lvDDC`,chipLabel:`comments-module__chipLabel___cUE1i`,chipName:`comments-module__chipName___GJClz`,chipMeta:`comments-module__chipMeta___tFBBB`,chipProgress:`comments-module__chipProgress___UIXjx`,chipProgressFill:`comments-module__chipProgressFill___wmYmP`,chipRetry:`comments-module__chipRetry___0chpE`,chipRemove:`comments-module__chipRemove___pW7li`,plain:`comments-module__plain___qvZs5`,richBlocks:`comments-module__richBlocks___PTONh`,richList:`comments-module__richList___iN-RO`,richListOrdered:`comments-module__richListOrdered___PptYS`,richQuote:`comments-module__richQuote___it23C`,richCite:`comments-module__richCite___GurIn`,richDelimiter:`comments-module__richDelimiter___fDsw1`},x={image:m.ImageIcon,document:m.FileTextIcon,file:m.FileIcon,unknown:m.PaperclipIcon};function S(e){return e?e.startsWith(`image/`)?`image`:e===`application/pdf`||e.startsWith(`text/`)?`document`:`file`:`unknown`}function C({mimeType:e,className:t}){let n=x[S(e)];return(0,g.jsx)(n,{className:t})}function w({attachment:t,editable:r=!1,onRemove:i,onRetry:a,accessors:s,strings:c,className:l}){let d={...y,...c},f=s?.getMediaUrl?.(t)??t.url,p=s?.getMediaName?.(t)??t.name??d.attachmentFallback,h=t.status===`uploading`,v=t.status===`failed`,x=h?(0,g.jsxs)(o.H,{size:`xs`,className:b.chipMeta,children:[d.attachmentUploadingLabel,typeof t.progress==`number`&&(0,g.jsxs)(g.Fragment,{children:[` `,(0,g.jsx)(o.T,{value:Math.round(t.progress),scaled:!0,size:`xs`,type:`secondary`})]})]}):v?(0,g.jsx)(o.H,{size:`xs`,className:b.chipMeta,children:t.error??d.attachmentFailedLabel}):typeof t.size==`number`?(0,g.jsx)(o.S,{value:t.size,size:`xs`,className:b.chipMeta}):null,S=(0,g.jsxs)(`span`,{className:b.chipLabel,children:[(0,g.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,type:v?`error`:`main`,truncate:!0,children:p}),x]}),w=!!f&&!h&&!v;return(0,g.jsxs)(`div`,{"data-slot":`comment-attachment`,"data-status":t.status,className:(0,_.clsx)(`comment-attachment-chip--component`,b.chip,l),children:[h?(0,g.jsx)(u.t,{}):(0,g.jsx)(C,{mimeType:t.mimeType,className:b.chipIcon}),w?(0,g.jsx)(`a`,{href:f,target:`_blank`,rel:`noreferrer noopener`,"aria-label":d.attachmentDownloadLabel,className:b.chipLink,children:S}):S,h&&typeof t.progress==`number`&&(0,g.jsx)(`div`,{className:b.chipProgress,children:(0,g.jsx)(`div`,{className:b.chipProgressFill,style:{width:`${Math.min(100,Math.max(0,t.progress))}%`}})}),v&&!!a&&(0,g.jsx)(n.c,{type:`button`,tone:`destructive`,buttonStyle:`ghost`,onClick:()=>a(t.id),className:b.chipRetry,children:d.attachmentRetryLabel}),r&&!!i&&(0,g.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>i(t.id),"aria-label":d.attachmentRemoveLabel,title:d.attachmentRemoveLabel,className:b.chipRemove,children:(0,g.jsx)(m.XIcon,{})})]})}function T(){return typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():`attachment-${Date.now()}-${Math.random().toString(36).slice(2)}`}function E(e={}){let{onUpload:t,maxSize:n,maxFiles:r,disabled:i,initialAttachments:a,onValueChange:o,onReject:s}=e,[c,l]=(0,h.useState)(()=>a?[...a]:[]),u=(0,h.useRef)(new Map),d=(0,h.useRef)(new Map),f=(0,h.useRef)(o),p=(0,h.useRef)(s);(0,h.useEffect)(()=>{f.current=o,p.current=s});let m=(0,h.useCallback)((e,t)=>{l(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),g=(0,h.useCallback)(e=>l([...e]),[]),_=(0,h.useCallback)((e,n)=>{if(!t)return;let r=new AbortController;u.current.set(e,r),m(e,{status:`uploading`,progress:0,error:void 0}),t({file:n,onProgress:t=>m(e,{progress:t}),signal:r.signal}).then(t=>{u.current.delete(e),m(e,{...t,id:e,status:`uploaded`,progress:100,error:void 0})}).catch(t=>{u.current.delete(e),!r.signal.aborted&&m(e,{status:`failed`,error:t instanceof Error?t.message:void 0})})},[t,m]),v=(0,h.useCallback)(e=>{if(i||!t)return;let a=Array.from(e);a.length!==0&&l(e=>{let t=[...e],i=e=>p.current?.(e);for(let e of a){if(typeof r==`number`&&t.length>=r){i({code:`too-many`,file:e,limit:r});break}if(typeof n==`number`&&e.size>n){i({code:`too-large`,file:e,limit:n});continue}let a=T();d.current.set(a,e),t.push({id:a,name:e.name,size:e.size,mimeType:e.type,status:`uploading`,progress:0}),queueMicrotask(()=>_(a,e))}return t})},[_,i,r,n,t]),y=(0,h.useCallback)(e=>{u.current.get(e)?.abort(),u.current.delete(e),d.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),b=(0,h.useCallback)(e=>{let t=d.current.get(e);t&&_(e,t)},[_]),x=(0,h.useCallback)(()=>{for(let e of u.current.values())e.abort();u.current.clear(),d.current.clear(),l([])},[]);return(0,h.useEffect)(()=>{f.current?.(c)},[c]),(0,h.useEffect)(()=>{let e=u.current;return()=>{for(let t of e.values())t.abort()}},[]),{attachments:c,uploadedAttachments:(0,h.useMemo)(()=>c.filter(e=>e.status===`uploaded`||!e.status),[c]),isUploading:(0,h.useMemo)(()=>c.some(e=>e.status===`uploading`),[c]),addFiles:v,removeAttachment:y,retryAttachment:b,setAttachments:g,reset:x}}function D(e){return typeof e==`string`&&e.replace(/<[^>]*>/g,``).trim().length>0}function O({label:t,closeLabel:r,onClose:i}){return(0,g.jsxs)(`div`,{className:b.eyebrow,children:[(0,g.jsx)(e.i,{children:t}),!!i&&(0,g.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:i,"aria-label":r,className:b.eyebrowClose,children:(0,g.jsx)(m.XIcon,{})})]})}function k({context:t,canComment:r=!0,submitting:o=!1,errors:s,resetKey:c=0,onSubmit:d,onCancel:v,editingComment:x,replyingTo:S,strings:C,resources:T,onResourceSearch:k,attachments:A,maxAttachments:j,allowAttachments:M=!0,initialValues:N,autoFocus:P=!1,inlineSubmit:F=!1,placeholder:I,className:L,ref:R}){let z={...y,...C},B=(0,h.useRef)(null),V=(0,h.useRef)(null),[H,U]=(0,h.useState)(N?.content??``),[W,G]=(0,h.useState)(null),K=f.t({resources:T,onResourceSearch:k,editorRef:B}),[q,J]=(0,h.useState)(null),Y=E({...A,maxFiles:j??A?.maxFiles,initialAttachments:N?.attachments,onReject:e=>{J(e),A?.onReject?.(e)}}),X=!!x,Z=!X&&!!S,Q=(0,h.useCallback)(()=>{B.current?.clear(),U(``),K.reset(),Y.reset(),G(null),J(null)},[]);(0,h.useEffect)(()=>{Q()},[t.id,t.type,c]),(0,h.useEffect)(()=>{x&&(B.current?.setHTML(x.content??``),U(x.content??``),K.setMentions(x.references??[]),Y.setAttachments((x.attachments??[]).filter(e=>!!e)))},[x?.id]),(0,h.useEffect)(()=>{s?.content&&G(s.content)},[s]),(0,h.useImperativeHandle)(R,()=>({focus:()=>B.current?.focus(),clear:Q,setBody:e=>{B.current?.setHTML(e),U(e)}}),[Q]);let $=(0,h.useCallback)(e=>{U(e);let t=f.d(e),n=t.map(e=>e.id).join(`|`);K.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)})},[K]),ee=(0,h.useCallback)(e=>{if(e?.preventDefault(),o||Y.isUploading)return;let n=B.current?.getHTML()??H;if(!D(n)){G(z.invalidContent);return}G(null),d({content:n,commentableId:t.id,commentableType:t.type,moduleKey:t.moduleKey,contentType:`html`,references:K.mentions,attachments:Y.uploadedAttachments,replyToId:S?.commentId??N?.replyToId,editingId:x?.id})},[H,t,z.invalidContent,x?.id,N?.replyToId,K.mentions,d,S?.commentId,o,Y.isUploading,Y.uploadedAttachments]),te=(0,h.useMemo)(()=>{let e=[];return T&&Object.keys(T).length>0&&e.push({id:`reference`,icon:m.AtSignIcon,label:z.composerReferenceLabel,onClick:()=>K.setPickerOpen(!0)}),M&&A?.onUpload&&!A.disabled&&e.push({id:`attachment`,icon:m.PaperclipIcon,label:z.composerAttachmentLabel,onClick:()=>V.current?.click()}),e},[M,A?.disabled,A?.onUpload,z.composerAttachmentLabel,z.composerReferenceLabel,K,T]);if(!r)return null;let ne=o?z.composerSubmitting:X?z.composerSave:z.composerSubmit,re=(0,g.jsxs)(n.c,{type:`button`,onClick:()=>ee(),disabled:o||Y.isUploading,children:[o?(0,g.jsx)(u.t,{}):(0,g.jsx)(m.SendIcon,{}),ne]}),ie=F===!1||X||Z,ae=q?q.code===`too-large`?z.formatTooLarge(q.limit):z.formatTooMany(q.limit):null,oe=X?(0,g.jsx)(O,{label:z.composerEditingEyebrow,closeLabel:z.composerCancel,onClose:v}):Z?(0,g.jsx)(O,{label:z.formatReplyingEyebrow(S.authorName??z.fallbackAuthor),closeLabel:z.composerCancel,onClose:v}):null;return(0,g.jsxs)(`form`,{onSubmit:ee,className:(0,_.clsx)(`comment-composer--component`,b.composer,L),children:[oe,(0,g.jsx)(`input`,{ref:V,type:`file`,multiple:!0,hidden:!0,accept:A?.accept,onChange:e=>{e.target.files&&Y.addFiles(e.target.files),e.target.value=``}}),!K.triggerActive&&(0,g.jsxs)(l.t,{open:K.pickerOpen,onOpenChange:K.setPickerOpen,children:[(0,g.jsx)(l.c,{render:(0,g.jsx)(i.d,{render:(0,g.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-hidden":!0})})}),(0,g.jsx)(f.i,{open:K.pickerOpen,activeKind:K.activeKind,setActiveKind:K.setActiveKind,kinds:K.kinds,resources:T,suggestionsByKind:K.suggestionsByKind,query:K.query,setQuery:K.setQuery,suggestions:K.suggestions,loading:K.isLoading,onSelect:K.pickSuggestion})]}),(0,g.jsxs)(`div`,{className:b.composerEditor,children:[(0,g.jsx)(p.t,{ref:B,compact:!0,value:H,onValueChange:$,placeholder:I??z.composerPlaceholder,strings:{editorLabel:I??z.composerPlaceholder},autoFocus:P||X||Z,hideSourceToggle:!0,extraToolbarItems:te,toolbarTrailing:ie?void 0:re,footerSlot:Y.attachments.length>0?(0,g.jsx)(a.o,{direction:`horizontal`,wrap:!0,align:`center`,gap:`sm`,children:Y.attachments.map(e=>(0,g.jsx)(w,{attachment:e,editable:!0,onRemove:Y.removeAttachment,onRetry:Y.retryAttachment,strings:C},e.id))}):void 0,onCaretChange:K.handleCaretChange}),(0,g.jsx)(f.r,{open:K.triggerActive&&K.pickerOpen,activeKind:K.activeKind,setActiveKind:K.setActiveKind,onManualKindChange:()=>K.setManualKindOverride(!0),kinds:K.kinds,resources:T,query:K.query,suggestions:K.suggestions,suggestionsByKind:K.suggestionsByKind,loading:K.isLoading,onSelect:K.pickSuggestion})]}),!!W&&(0,g.jsx)(e.o,{size:`xs`,type:`error`,children:W}),!!ae&&(0,g.jsx)(e.o,{size:`xs`,type:`error`,children:ae}),ie&&(0,g.jsxs)(a.o,{direction:`horizontal`,align:`center`,justify:`end`,gap:`md`,children:[!!v&&(0,g.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,onClick:v,disabled:o,children:z.composerCancel}),re]})]})}function A(e){return e.replace(/<[^>]*>/g,``).trim()}function j(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 M({block:t,copy:n}){let r=t.data??{};switch(t.type){case`paragraph`:{let t=String(r.text??``).trim();return t?(0,g.jsx)(e.t,{html:t}):null}case`header`:{let t=A(String(r.text??``));if(!t)return null;let n=Math.min(Math.max(Number(r.level??3),1),6);return(0,g.jsx)(e.a,{level:n,children:t})}case`list`:{let t=(Array.isArray(r.items)?r.items:[]).map(e=>A(String(e??``))).filter(e=>e.length>0);if(t.length===0)return null;let n=r.style===`ordered`;return(0,g.jsx)(n?`ol`:`ul`,{className:(0,_.clsx)(b.richList,n&&b.richListOrdered),children:t.map((t,n)=>(0,g.jsx)(`li`,{children:(0,g.jsx)(e.o,{tag:`span`,children:t})},`${t}-${n}`))})}case`quote`:{let t=String(r.text??``).trim();if(!t)return null;let i=A(String(r.caption??``));return(0,g.jsxs)(`blockquote`,{className:b.richQuote,children:[(0,g.jsx)(e.t,{html:t,type:`secondary`}),i.length>0&&(0,g.jsx)(`cite`,{className:b.richCite,children:(0,g.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:n.formatQuoteAttribution(i)})})]})}case`delimiter`:return(0,g.jsx)(`div`,{"aria-hidden":!0,className:b.richDelimiter});default:{let t=A(String(r.text??``));return t?(0,g.jsx)(e.o,{className:b.plain,children:t}):null}}}function N({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,g.jsx)(e.o,{className:b.plain,children:j(t)})}return r.length===0?null:(0,g.jsx)(`div`,{className:b.richBlocks,children:r.map((e,t)=>(0,g.jsx)(h.Fragment,{children:(0,g.jsx)(M,{block:e,copy:n})},e.id??`${e.type}-${t}`))})}function P({comment:t,resources:n,renderReference:r,sanitizer:i,strings:a,className:o}){let s={...y,...a},c=(0,_.clsx)(`comment-content--component`,o),l=t.contentType??`text`;return l===`rich`?(0,g.jsx)(`div`,{className:c,children:(0,g.jsx)(N,{raw:t.content,copy:s})}):l===`html`?(0,g.jsx)(`div`,{className:c,children:(0,g.jsx)(f.l,{html:t.content??``,mentions:t.references,resources:n,renderMention:r,sanitizer:i})}):(0,g.jsx)(e.o,{className:(0,_.clsx)(c,b.plain),children:j(t.content)})}var F=`active`;function I(e){let t=e.replace(/_/g,` `);return t.charAt(0).toUpperCase()+t.slice(1)}function L({comment:t,replies:i,canModerate:l,onDelete:u,onAttachmentRemove:f,onEdit:p,onPinToggle:v,onReact:x,onReply:S,allowReactions:C=!0,allowReplies:T=!0,sanitizer:E,strings:D,getMediaUrl:O,getMediaName:k,getStatusLabel:A,resources:j,renderAttachment:M,renderReference:N,className:R}){let z={...y,...D},B=t.user?.name??z.fallbackAuthor,V=t.status&&t.status!==F?A?.(t.status)??I(t.status):null,H=t.canDelete??l===!0,U=t.canEdit??l===!0,W=(0,h.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]),G=(0,h.useMemo)(()=>(t.attachments??[]).filter(e=>!!e&&typeof e==`object`),[t.attachments]),K=C?t.reactions??[]:[],q=d.i(),[J,Y]=(0,h.useState)(null),X=(0,h.useCallback)(e=>{Y(e),q.show()},[q]),[Z,Q]=(0,h.useState)(!1),$=i?.length??0;return(0,g.jsxs)(`article`,{"data-slot":`comment`,"data-comment-id":t.id,"data-pinned":t.isPinned||void 0,className:(0,_.clsx)(`comment-item--component`,b.item,R),children:[(0,g.jsxs)(a.o,{direction:`horizontal`,align:`start`,gap:`lg`,className:b.itemRow,children:[(0,g.jsxs)(c.r,{className:b.itemAvatar,children:[!!t.user?.avatar&&(0,g.jsx)(c.c,{src:t.user.avatar,alt:B}),(0,g.jsx)(c.a,{children:o.I(B)})]}),(0,g.jsxs)(`div`,{className:b.itemBody,children:[(0,g.jsxs)(a.o,{direction:`horizontal`,align:`baseline`,gap:`md`,wrap:!0,className:b.itemMeta,children:[(0,g.jsx)(e.o,{tag:`span`,weight:`semibold`,truncate:!0,children:B}),t.isPinned&&(0,g.jsxs)(r.t,{children:[(0,g.jsx)(r.i,{render:(0,g.jsx)(`span`,{className:b.itemPin}),children:(0,g.jsx)(m.PinIcon,{"aria-label":z.pinned})}),(0,g.jsx)(r.n,{children:z.pinned})]}),(0,g.jsx)(o.h,{value:t.createdAt,size:`xs`,type:`secondary`}),t.isEdited&&(0,g.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:z.edited}),!!V&&(0,g.jsx)(s.t,{tone:`neutral`,children:V})]}),(0,g.jsx)(`div`,{className:b.itemContent,children:(0,g.jsx)(P,{comment:t,resources:j,renderReference:N,sanitizer:E})}),W.length>0&&(0,g.jsx)(`div`,{className:b.itemChips,children:W.map(e=>(0,g.jsx)(s.t,{tone:`neutral`,children:e},e))}),G.length>0&&(0,g.jsx)(`div`,{className:b.itemChips,children:G.map(e=>{if(M)return(0,g.jsx)(`div`,{children:M(e)},e.id??e.name);let t=!!f&&!!e.id&&H;return(0,g.jsx)(w,{attachment:e,editable:t,onRemove:t?()=>X(e.id):void 0,accessors:{getMediaUrl:O,getMediaName:k},strings:D},e.id??e.name)})}),K.length>0&&(0,g.jsx)(`div`,{className:b.itemChips,children:K.map(e=>(0,g.jsxs)(`button`,{type:`button`,"data-mine":e.mine||void 0,onClick:()=>t.id&&x?.(t.id,e.emoji),title:e.users?.join(`, `),className:b.reaction,children:[(0,g.jsx)(`span`,{"aria-hidden":!0,className:b.reactionEmoji,children:e.emoji}),(0,g.jsx)(o.w,{value:e.count,size:`xs`,type:`inherit`})]},e.emoji))}),$>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:()=>Q(e=>!e),className:b.repliesToggle,children:Z?z.hideRepliesLabel:z.formatShowReplies($)}),Z&&(0,g.jsx)(`div`,{className:b.replies,children:i?.map(e=>(0,g.jsx)(L,{comment:e,canModerate:l,onDelete:u,onAttachmentRemove:f,onEdit:p,onPinToggle:v,onReact:x,onReply:S,allowReactions:C,allowReplies:T,sanitizer:E,strings:D,getMediaUrl:O,getMediaName:k,getStatusLabel:A,resources:j,renderAttachment:M,renderReference:N},e.id))})]})]}),(0,g.jsxs)(`div`,{className:b.itemActions,children:[T&&!!S&&(0,g.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>t.id&&S(t.id),"aria-label":z.replyLabel,title:z.replyLabel,children:(0,g.jsx)(m.CornerDownRightIcon,{})}),C&&!!x&&(0,g.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>t.id&&x(t.id,`👍`),"aria-label":z.addReactionLabel,title:z.addReactionLabel,children:(0,g.jsx)(m.SmileIcon,{})}),!!v&&l&&(0,g.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>v(t),"aria-label":t.isPinned?z.unpinLabel:z.pinLabel,title:t.isPinned?z.unpinLabel:z.pinLabel,children:(0,g.jsx)(m.PinIcon,{})}),U&&!!p&&!!t.id&&(0,g.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>p(t),"aria-label":z.editLabel,title:z.editLabel,children:(0,g.jsx)(m.PencilIcon,{})}),H&&!!u&&!!t.id&&(0,g.jsx)(n.c,{tone:`destructive`,buttonStyle:`ghost`,iconOnly:!0,onClick:()=>u(t.id),"aria-label":z.deleteLabel,title:z.deleteLabel,children:(0,g.jsx)(m.Trash2Icon,{})})]})]}),!!f&&(0,g.jsx)(d.t,{...q.overlayProps,destructive:!0,title:z.confirmRemoveAttachmentTitle,description:z.confirmRemoveAttachmentDescription,strings:{confirm:z.attachmentRemoveLabel},onConfirm:()=>{J&&t.id&&f(t.id,J)}})]})}function R({comments:e,canModerate:n,onDelete:r,onAttachmentRemove:i,onEdit:a,onPinToggle:o,onReact:s,onReply:c,allowReactions:l,allowReplies:u,sanitizer:d,strings:f,getMediaUrl:p,getMediaName:v,getStatusLabel:x,resources:S,renderItem:C,renderAttachment:w,renderReference:T,emptySlot:E,className:D}){let O={...y,...f},{roots:k,repliesByParent:A}=(0,h.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,g.jsx)(g.Fragment,{children:E??(0,g.jsx)(t.p,{padding:`sm`,media:(0,g.jsx)(m.MessageCircleIcon,{}),mediaVariant:`icon`,title:O.empty,description:O.emptyHint})}):(0,g.jsx)(`div`,{"data-slot":`comment-timeline`,className:(0,_.clsx)(`comment-timeline--component`,b.timeline,D),children:k.map((e,t)=>{let m=(0,g.jsx)(L,{comment:e,replies:u===!1?void 0:A.get(e.id??``),canModerate:n,onDelete:r,onAttachmentRemove:i,onEdit:a,onPinToggle:o,onReact:s,onReply:c,allowReactions:l,allowReplies:u,sanitizer:d,strings:f,getMediaUrl:p,getMediaName:v,getStatusLabel:x,resources:S,renderAttachment:w,renderReference:T});return(0,g.jsx)(`div`,{children:C?C({comment:e,canModerate:n??!1,onDelete:r,onAttachmentRemove:i,onEdit:a,defaultItem:m}):m},e.id??`comment-${t}`)})})}function z(e={}){let{onSubmit:t,onUpdate:n,onDelete:r,onAfterMutate:i,onError:a}=e,[o,s]=(0,h.useState)({kind:`idle`}),[c,l]=(0,h.useState)(!1),[u,d]=(0,h.useState)({}),[f,p]=(0,h.useState)(0),m=(0,h.useRef)(!1),g=(0,h.useCallback)(e=>{m.current=e,l(e)},[]),_=(0,h.useCallback)(()=>{p(e=>e+1),s({kind:`idle`}),d({}),g(!1)},[g]),v=(0,h.useMemo)(()=>({setErrors:d,reset:_,setSubmitting:g}),[_,g]),y=(0,h.useCallback)(e=>{try{a?.(e)}catch{}},[a]);return{composerMode:o,isSubmitting:c,formErrors:u,resetKey:f,startReply:(0,h.useCallback)(e=>{e.id&&(d({}),s({kind:`replying`,commentId:e.id,authorName:e.user?.name}))},[]),startEdit:(0,h.useCallback)(e=>{e.id&&(d({}),s({kind:`editing`,comment:e}))},[]),cancelComposerMode:(0,h.useCallback)(()=>_(),[_]),submit:(0,h.useCallback)(async e=>{if(m.current)return;let r=o.kind===`editing`?o.comment:null;if(!(r?n:t))return;let a=r?{...e,editingId:r.id}:o.kind===`replying`?{...e,replyToId:o.commentId}:e;g(!0),d({});try{r&&n?await n(r.id,a,v):t&&await t(a,v),i?.(r?`update`:`create`,a)}catch(e){y(e)}finally{g(!1)}},[o,v,i,t,n,y,g]),deleteComment:(0,h.useCallback)(async e=>{if(!(!r||!e))try{await r(e),i?.(`delete`,{commentId:e})}catch(e){y(e)}},[i,r,y]),resetComposer:_,helpers:v}}function B(t){let{context:n,comments:r,canComment:i=!0,canModerate:o=!1,composerPosition:s=`top`,maxAttachments:c,allowAttachments:l=!0,allowReactions:u=!0,allowReplies:f=!0,bare:p=!1,confirmDelete:m=!0,className:v,strings:x}=t,S={...y,...x},C=t.title??S.title,w=z({onSubmit:t.onSubmit,onUpdate:t.onUpdate,onDelete:t.onDelete,onAfterMutate:t.onAfterMutate,onError:t.onError}),T=d.i(),[E,D]=(0,h.useState)(null),O=(0,h.useCallback)(e=>{if(!m){w.deleteComment(e);return}D(e),T.show()},[m,T,w]),{startReply:A}=w,{onReply:j}=t,M=(0,h.useCallback)(e=>{let t=r.find(t=>t.id===e);t&&A(t),j?.(e)},[r,j,A]),N=w.composerMode.kind===`editing`?w.composerMode.comment:void 0,P=w.composerMode.kind===`replying`?{commentId:w.composerMode.commentId,authorName:w.composerMode.authorName}:void 0,F=t.composerSlot??(i?(0,g.jsx)(k,{context:n,canComment:i,submitting:w.isSubmitting,errors:w.formErrors,resetKey:w.resetKey,editingComment:N,replyingTo:P,onCancel:w.composerMode.kind===`idle`?void 0:w.cancelComposerMode,onSubmit:w.submit,strings:x,resources:t.resources,onResourceSearch:t.onResourceSearch,attachments:t.attachments,maxAttachments:c,allowAttachments:l}):null),I=(0,g.jsx)(R,{comments:r,canModerate:o,onDelete:t.onDelete?O:void 0,onAttachmentRemove:t.onAttachmentRemove,onEdit:i&&t.onUpdate?w.startEdit:void 0,onPinToggle:t.onPinToggle,onReact:t.onReact,onReply:i&&f?M:void 0,allowReactions:u,allowReplies:f,sanitizer:t.sanitizer,strings:x,getMediaUrl:t.getMediaUrl,getMediaName:t.getMediaName,getStatusLabel:t.getStatusLabel,resources:t.resources,renderItem:t.renderItem,renderAttachment:t.renderAttachment,renderReference:t.renderReference,emptySlot:t.emptySlot}),L=(0,g.jsxs)(a.o,{gap:`xl`,className:b.body,children:[t.headerSlot,s===`top`&&F,I,s===`bottom`&&F,t.footerSlot]}),B=!!(m&&t.onDelete)&&(0,g.jsx)(d.t,{...T.overlayProps,destructive:!0,title:S.confirmDeleteTitle,description:S.confirmDeleteDescription,strings:{confirm:S.confirmDeleteLabel},onAsyncConfirm:async()=>{E&&await w.deleteComment(E)},onError:t.onError});return p?(0,g.jsxs)(g.Fragment,{children:[L,B]}):(0,g.jsxs)(`section`,{"data-slot":`comments`,"aria-label":typeof C==`string`?C:void 0,className:(0,_.clsx)(`comments--component`,b.root,v),children:[C!==!1&&!!(C||S.subtitle)&&(0,g.jsxs)(a.o,{gap:`xs`,className:b.header,children:[!!C&&(0,g.jsx)(e.o,{weight:`semibold`,children:C}),!!S.subtitle&&(0,g.jsx)(e.o,{type:`secondary`,children:S.subtitle})]}),L,B]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return B}});