themelia-react-ui 2.0.5 → 3.0.0

package/dist/comments-Dmpp0YIc.js

@@ -1,1169 +0,0 @@
-"use client";
-import { l as e, u as t } from "./ui-provider-C-74NVLc.js";
-import { interpolateString as n, useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-B6kKb8jB.js";
-import { n as a, t as o } from "./buttons-BedGfygC.js";
-import { c as s, o as c, t as l } from "./typography-BQnine1k.js";
-import { i as u, n as d, r as f, t as p } from "./tooltip-8wz5S_Zr.js";
-import { t as m } from "./structure-DuxKl954.js";
-import { i as h } from "./tone-recipes-BPsRAvhu.js";
-import { t as g } from "./row-recipes-DL8n7t_b.js";
-import { n as _ } from "./composition.recipes-COdiFhxB.js";
-import { i as v, t as y } from "./overlays-BSgCtM2v.js";
-import { t as b } from "./interaction-recipes-XR9ZpVYL.js";
-import { t as x } from "./sanitize-html-DsQmI48u.js";
-import { t as S } from "./content-typography-CnwgMJ37.js";
-import { t as C } from "./rich-text-Dth5E882.js";
-import { g as w, i as T } from "./primitives-ByWgGUgt.js";
-import { n as E, t as D } from "./number-CRU3kGuk.js";
-import { i as O } from "./date-Cq8ioE4o.js";
-import { i as k, n as A, s as ee } from "./avatar-CeZaFmNH.js";
-import { t as j } from "./badge-xIiV_E7f.js";
-import { n as M } from "./field-affordance-recipes-DWcNcOjh.js";
-import { c as te, o as N } from "./popover-B85RenIl.js";
-import { s as P } from "./data-display-BdgCAw8T.js";
-import { t as F } from "./rich-text-editor-C1fOjBTd.js";
-import { l as ne, n as re, o as I, r as ie, t as ae } from "./mentions-0_4nWuI-.js";
-import { Fragment as L, createElement as R, forwardRef as z, memo as B, useCallback as V, useEffect as H, useImperativeHandle as oe, useMemo as U, useRef as W, useState as G } from "react";
-import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { AtSign as Y, CornerDownRight as se, File as ce, FileText as X, Image as Z, Loader2 as le, MessageCircle as Q, Paperclip as ue, Pencil as de, Pin as fe, Smile as pe, Trash2 as me, X as he } from "lucide-react";
-//#region src/components/features/comments/comments.strings.ts
-var $ = {
-	title: "Comments",
-	subtitle: "",
-	empty: "No comments yet.",
-	emptyHint: "Start the conversation — your team will see it instantly.",
-	composerPlaceholder: "Write a comment…",
-	composerSubmit: "Post comment",
-	composerSubmitting: "Posting…",
-	composerSave: "Save changes",
-	invalidContent: "Comment cannot be empty.",
-	composerCancel: "Cancel",
-	composerEditingEyebrow: "Editing comment",
-	composerReplyingEyebrow: "Replying to {{name}}",
-	composerAttachmentLabel: "Attach file",
-	composerReferenceLabel: "Mention or link",
-	composerReferenceMenuTitle: "Insert reference",
-	composerReferenceSearchPlaceholder: "Search…",
-	composerReferenceEmpty: "No matches.",
-	composerReferenceLoading: "Searching…",
-	fallbackAuthor: "Anonymous",
-	pinned: "Pinned",
-	edited: "edited",
-	deleteLabel: "Delete",
-	editLabel: "Edit",
-	replyLabel: "Reply",
-	pinLabel: "Pin",
-	unpinLabel: "Unpin",
-	moreActionsLabel: "More actions",
-	confirmDeleteLabel: "Delete comment",
-	confirmDeleteTitle: "Delete this comment?",
-	confirmRemoveAttachmentTitle: "Remove this attachment?",
-	confirmRemoveAttachmentDescription: "The file is detached from the comment for everyone. This cannot be undone.",
-	confirmDeleteDescription: "The comment and its replies are removed for everyone. This cannot be undone.",
-	attachmentFallback: "Attachment",
-	attachmentRemoveLabel: "Remove attachment",
-	attachmentUploadingLabel: "Uploading…",
-	attachmentFailedLabel: "Upload failed",
-	attachmentTooLargeError: "File is too large.",
-	attachmentTooManyError: "Too many attachments.",
-	attachmentRetryLabel: "Retry",
-	attachmentDownloadLabel: "Download",
-	addReactionLabel: "Add reaction",
-	reactionLabel: "Reaction {{emoji}}: {{count}}",
-	showRepliesLabel: "Show replies",
-	hideRepliesLabel: "Hide replies"
-};
-//#endregion
-//#region src/components/features/comments/comments-provider.tsx
-function ge(e) {
-	return r($, e);
-}
-function _e(e) {
-	let n = t();
-	return U(() => ({
-		getMediaUrl: e?.getMediaUrl,
-		getMediaName: e?.getMediaName,
-		getStatusLabel: e?.getStatusLabel,
-		formatRelativeTime: e?.formatRelativeTime ?? n.formatRelativeTime
-	}), [e, n.formatRelativeTime]);
-}
-//#endregion
-//#region src/components/features/comments/hooks/use-comments.ts
-function ve(e = {}) {
-	let { onSubmit: t, onUpdate: n, onDelete: r, onAfterMutate: i, onError: a } = e, [o, s] = G({ kind: "idle" }), [c, l] = G(!1), u = W(!1), [d, f] = G({}), [p, m] = G(0), h = V((e) => {
-		u.current = e, l(e);
-	}, []), g = V(() => {
-		m((e) => e + 1), s({ kind: "idle" }), f({}), h(!1);
-	}, [h]), _ = U(() => ({
-		setErrors: f,
-		reset: g,
-		setSubmitting: h
-	}), [g, h]), v = V((e) => {
-		try {
-			a?.(e);
-		} catch {}
-	}, [a]);
-	return {
-		composerMode: o,
-		isSubmitting: c,
-		formErrors: d,
-		resetKey: p,
-		startReply: V((e) => {
-			e.id && (f({}), s({
-				kind: "replying",
-				commentId: e.id,
-				authorName: e.user?.name
-			}));
-		}, []),
-		startEdit: V((e) => {
-			e.id && (f({}), s({
-				kind: "editing",
-				comment: e
-			}));
-		}, []),
-		cancelComposerMode: V(() => {
-			g();
-		}, [g]),
-		submit: V(async (e) => {
-			if (o.kind === "editing" && o.comment.id) {
-				if (!n || u.current) return;
-				let t = {
-					...e,
-					editingId: o.comment.id
-				};
-				h(!0), f({});
-				try {
-					await n(o.comment.id, t, _), i?.("update", t);
-				} catch (e) {
-					v(e);
-				} finally {
-					h(!1);
-				}
-				return;
-			}
-			if (!t || u.current) return;
-			let r = o.kind === "replying" ? {
-				...e,
-				replyToId: o.commentId
-			} : e;
-			h(!0), f({});
-			try {
-				await t(r, _), i?.("create", r);
-			} catch (e) {
-				v(e);
-			} finally {
-				h(!1);
-			}
-		}, [
-			o,
-			_,
-			i,
-			t,
-			n,
-			v,
-			h
-		]),
-		deleteComment: V(async (e) => {
-			if (r && e) try {
-				await r(e), i?.("delete", { commentId: e });
-			} catch (e) {
-				v(e);
-			}
-		}, [
-			i,
-			r,
-			v
-		]),
-		resetComposer: g,
-		helpers: _
-	};
-}
-//#endregion
-//#region src/components/features/comments/partials/comment-attachment-chip.tsx
-function ye(e) {
-	return e.mimeType?.startsWith("image/") ? Z : e.mimeType === "application/pdf" || e.mimeType?.startsWith("text/") ? X : e.mimeType ? ce : ue;
-}
-var be = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: a, accessors: c, strings: u, compact: d = !1, className: f }) => {
-	let p = r($, u), m = c?.getMediaUrl?.(e) ?? e.url, _ = c?.getMediaName?.(e) ?? e.name ?? p.attachmentFallback, v = ye(e), y = e.status === "uploading", x = e.status === "failed", S = y ? /* @__PURE__ */ J(w, {
-		size: "xs",
-		className: "shrink-0",
-		children: [p.attachmentUploadingLabel, typeof e.progress == "number" ? /* @__PURE__ */ J(K, { children: [" ", /* @__PURE__ */ q(E, {
-			value: Math.round(e.progress),
-			scaled: !0,
-			size: "xs",
-			align: "left",
-			type: "secondary"
-		})] }) : null]
-	}) : x ? /* @__PURE__ */ q(w, {
-		size: "xs",
-		className: "shrink-0",
-		children: e.error ?? p.attachmentFailedLabel
-	}) : typeof e.size == "number" ? /* @__PURE__ */ q(T, {
-		value: e.size,
-		size: "xs",
-		className: "shrink-0"
-	}) : null, C = i("comment-attachment-chip--component", "relative inline-flex min-w-0 max-w-[20rem] items-center gap-space-sm rounded-radius", "ring-1 ring-inset transition-colors", d ? "px-control-xs" : "px-control-sm", g.compact, x ? `${h.destructive.tint} ${h.destructive.halo}` : `bg-muted ring-border/60 ${b.rowHover}`, f), D = y ? /* @__PURE__ */ q(le, {
-		className: i("shrink-0 animate-spin text-muted-foreground", "size-icon-md"),
-		"aria-hidden": !0
-	}) : /* @__PURE__ */ q(v, {
-		className: i("shrink-0", "size-icon-md", x ? "text-destructive" : "text-muted-foreground"),
-		"aria-hidden": !0
-	}), O = /* @__PURE__ */ J("span", {
-		className: "inline-flex min-w-0 items-baseline gap-space-sm",
-		children: [/* @__PURE__ */ q(s, {
-			tag: "span",
-			size: "xs",
-			weight: "medium",
-			className: i("truncate", x && "text-destructive"),
-			children: _
-		}), S]
-	});
-	return /* @__PURE__ */ J("div", {
-		className: C,
-		children: [
-			D,
-			m && !y && !x ? /* @__PURE__ */ q(l, {
-				href: m,
-				size: "inherit",
-				underline: !1,
-				target: "_blank",
-				rel: "noreferrer noopener",
-				className: "inline-flex min-w-0 flex-1 items-baseline gap-space-sm hover:underline",
-				"aria-label": p.attachmentDownloadLabel,
-				children: O
-			}) : O,
-			y && typeof e.progress == "number" && /* @__PURE__ */ q("div", {
-				className: i(h.primary.line, "absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full"),
-				children: /* @__PURE__ */ q("div", {
-					className: "bg-primary h-full transition-[width]",
-					style: { width: `${Math.min(100, Math.max(0, e.progress))}%` }
-				})
-			}),
-			x && a && /* @__PURE__ */ q(o, {
-				type: "button",
-				size: "sm",
-				onClick: () => a(e.id),
-				className: "shrink-0 text-destructive decoration-destructive/30 hover:decoration-destructive/60",
-				children: /* @__PURE__ */ q(s, {
-					tag: "span",
-					size: "xs",
-					weight: "medium",
-					className: "text-inherit",
-					children: p.attachmentRetryLabel
-				})
-			}),
-			t && n && /* @__PURE__ */ q("button", {
-				type: "button",
-				onClick: () => n(e.id),
-				className: i(M.target, M.focus, M.toggle),
-				"aria-label": p.attachmentRemoveLabel,
-				title: p.attachmentRemoveLabel,
-				children: /* @__PURE__ */ q(he, {
-					className: M.icon,
-					"aria-hidden": "true"
-				})
-			})
-		]
-	});
-}, xe = {
-	attachmentTooLargeError: $.attachmentTooLargeError,
-	attachmentTooManyError: $.attachmentTooManyError,
-	attachmentFailedLabel: $.attachmentFailedLabel
-};
-function Se(e = {}) {
-	let { onUpload: t, maxSize: n, maxFiles: i, disabled: a, initialAttachments: o, onValueChange: s, onError: c, strings: l } = e, u = r(xe, l), [d, f] = G(() => o ? [...o] : []), p = W(/* @__PURE__ */ new Map()), m = W(/* @__PURE__ */ new Map()), h = W(d), g = V((e) => {
-		let t = [...e];
-		h.current = t, f(t);
-	}, []), _ = W(s);
-	_.current = s;
-	let v = V((e, t) => {
-		g(h.current.map((n) => n.id === e ? {
-			...n,
-			...t
-		} : n));
-	}, [g]), y = V((e) => {
-		g(e);
-	}, [g]), b = V((e, n) => {
-		if (!t || !m.current.has(e)) return;
-		let r = new AbortController();
-		p.current.set(e, { controller: r }), v(e, {
-			status: "uploading",
-			progress: 0,
-			error: void 0
-		}), t({
-			file: n,
-			onProgress: (t) => {
-				r.signal.aborted || v(e, { progress: t });
-			},
-			signal: r.signal
-		}).then((t) => {
-			r.signal.aborted || (p.current.delete(e), v(e, {
-				...t,
-				id: e,
-				status: "uploaded",
-				progress: 100,
-				error: void 0
-			}));
-		}).catch((t) => {
-			if (p.current.delete(e), r.signal.aborted) return;
-			let n = t instanceof Error ? t.message : u.attachmentFailedLabel;
-			v(e, {
-				status: "failed",
-				error: n
-			}), c?.(n);
-		});
-	}, [
-		c,
-		t,
-		u.attachmentFailedLabel,
-		v
-	]), x = V((e) => {
-		if (a || !t) return;
-		let r = Array.from(e);
-		if (r.length === 0) return;
-		let o = [...h.current], s = [];
-		for (let e of r) {
-			if (typeof i == "number" && o.length >= i) {
-				c?.(u.attachmentTooManyError);
-				break;
-			}
-			if (typeof n == "number" && e.size > n) {
-				c?.(u.attachmentTooLargeError);
-				continue;
-			}
-			let t = typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `att-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-			m.current.set(t, e), o.push({
-				id: t,
-				name: e.name,
-				size: e.size,
-				mimeType: e.type,
-				status: "uploading",
-				progress: 0
-			}), s.push({
-				id: t,
-				file: e
-			});
-		}
-		g(o);
-		for (let { id: e, file: t } of s) queueMicrotask(() => b(e, t));
-	}, [
-		b,
-		g,
-		a,
-		i,
-		n,
-		c,
-		t,
-		u.attachmentTooLargeError,
-		u.attachmentTooManyError
-	]), S = V((e) => {
-		let t = p.current.get(e);
-		t && (t.controller.abort(), p.current.delete(e)), m.current.delete(e), g(h.current.filter((t) => t.id !== e));
-	}, [g]), C = V((e) => {
-		let t = m.current.get(e);
-		t && b(e, t);
-	}, [b]), w = V(() => {
-		for (let e of p.current.values()) e.controller.abort();
-		p.current.clear(), m.current.clear(), g([]);
-	}, [g]);
-	return H(() => {
-		_.current?.(d);
-	}, [d]), H(() => {
-		let e = p.current, t = m.current;
-		return () => {
-			for (let t of e.values()) t.controller.abort();
-			t.clear();
-		};
-	}, []), {
-		attachments: d,
-		uploadedAttachments: U(() => d.filter((e) => e.status === "uploaded" || !e.status), [d]),
-		isUploading: U(() => d.some((e) => e.status === "uploading"), [d]),
-		addFiles: x,
-		removeAttachment: S,
-		retryAttachment: C,
-		setAttachments: y,
-		reset: w
-	};
-}
-//#endregion
-//#region src/components/features/comments/partials/comment-composer.tsx
-function Ce(e) {
-	return !e || typeof e != "string" ? !1 : e.replace(/<[^>]*>/g, "").trim().length > 0;
-}
-var we = z(function({ context: e, canComment: t = !0, submitting: n = !1, errors: r, resetKey: i = 0, onSubmit: o, onCancel: c, editingComment: l, replyingTo: u, strings: d, resources: f, onResourceSearch: p, attachments: h, maxAttachments: g, allowAttachments: v, initialValues: y, autoFocus: b = !1, inlineSubmit: x = !0, placeholder: S }, C) {
-	let w = ge(d), T = f, E = p, D = v ?? !0, O = h?.maxFiles ?? g ?? 5, k = U(() => ({
-		...h,
-		maxFiles: O,
-		disabled: h?.disabled === !0 || !D
-	}), [
-		D,
-		h,
-		O
-	]), A = W(null), [ee, j] = G(() => y?.content ?? l?.content ?? ""), [M, P] = G(null), [I, L] = G(null), R = ne({
-		resources: T,
-		onResourceSearch: E,
-		editorRef: A,
-		initialMentions: y?.references ?? l?.references
-	}), z = Se({
-		...k,
-		initialAttachments: y?.attachments ?? void 0,
-		strings: w,
-		onError: L
-	}), B = () => {
-		z.reset(), L(null), c?.();
-	};
-	oe(C, () => ({
-		focus: () => A.current?.focus(),
-		clear: () => {
-			A.current?.clear(), R.reset(), z.reset(), P(null), L(null);
-		},
-		setBody: (e) => {
-			A.current?.setHTML(e);
-		}
-	}), [z, R]), H(() => {
-		A.current?.setHTML(y?.content ?? ""), R.setMentions(y?.references ?? []), z.reset(), z.setAttachments(y?.attachments ?? []), P(null), L(null);
-	}, [
-		e.id,
-		e.type,
-		i
-	]), H(() => {
-		if (!l) return;
-		A.current?.setHTML(l.content ?? ""), R.setMentions(l.references ?? []);
-		let e = (l.attachments ?? []).filter((e) => !!e);
-		z.reset(), z.setAttachments(e), L(null);
-	}, [l?.id]), H(() => {
-		r?.content && P(r.content);
-	}, [r]);
-	let V = (t) => {
-		if (t?.preventDefault(), n || z.isUploading) return;
-		let r = A.current?.getHTML() ?? ee;
-		if (!Ce(r)) {
-			P(w.invalidContent);
-			return;
-		}
-		P(null), o({
-			content: r,
-			commentableId: e.id,
-			commentableType: e.type,
-			moduleKey: e.moduleKey,
-			contentType: "html",
-			references: R.mentions,
-			attachments: z.uploadedAttachments,
-			replyToId: u?.commentId ?? y?.replyToId,
-			editingId: l?.id
-		});
-	}, K = W(null), se = () => K.current?.click(), ce = (e) => {
-		e?.length && (L(null), z.addFiles(e));
-	}, X = z.attachments.length > 0, Z = !!l, Q = !Z && !!u, de = n ? w.composerSubmitting : Z ? w.composerSave : w.composerSubmit, fe = Z ? /* @__PURE__ */ q(Te, {
-		label: w.composerEditingEyebrow,
-		closeLabel: w.composerCancel,
-		onClose: c ? B : void 0
-	}) : Q ? /* @__PURE__ */ q(Te, {
-		label: Ee(w.composerReplyingEyebrow, u.authorName),
-		closeLabel: w.composerCancel,
-		onClose: c ? B : void 0
-	}) : null, pe = U(() => {
-		let e = [];
-		return T && Object.keys(T).length > 0 && e.push({
-			id: "reference",
-			icon: Y,
-			label: w.composerReferenceLabel,
-			onClick: () => R.setPickerOpen(!0)
-		}), k?.onUpload && !k.disabled && e.push({
-			id: "attachment",
-			icon: ue,
-			label: w.composerAttachmentLabel,
-			onClick: se
-		}), e;
-	}, [
-		T,
-		k?.onUpload,
-		k?.disabled,
-		w.composerReferenceLabel,
-		w.composerAttachmentLabel
-	]);
-	if (!t) return null;
-	let me = /* @__PURE__ */ q(a, {
-		tone: "primary",
-		type: "button",
-		onClick: () => V(),
-		disabled: n || z.isUploading,
-		icon: n ? le : void 0,
-		children: de
-	}), he = Z || Q || c ? /* @__PURE__ */ q(a, {
-		type: "button",
-		tone: "secondary",
-		buttonStyle: "ghost",
-		onClick: B,
-		disabled: n,
-		children: w.composerCancel
-	}) : null, $ = X ? /* @__PURE__ */ q(m, {
-		direction: "horizontal",
-		wrap: !0,
-		align: "center",
-		gap: "sm",
-		children: z.attachments.map((e) => /* @__PURE__ */ q(be, {
-			attachment: e,
-			editable: !0,
-			onRemove: (e) => {
-				L(null), z.removeAttachment(e);
-			},
-			onRetry: (e) => {
-				L(null), z.retryAttachment(e);
-			},
-			strings: d
-		}, e.id))
-	}) : null, _e = X ? $ : null, ve = x !== !1 && !Z && !Q ? me : null, ye = x === !1 || Z || Q;
-	return /* @__PURE__ */ J(m, {
-		render: /* @__PURE__ */ q("form", {}),
-		gap: "md",
-		onSubmit: V,
-		className: "comment-composer--component",
-		children: [
-			fe,
-			/* @__PURE__ */ q("input", {
-				ref: K,
-				type: "file",
-				multiple: !0,
-				hidden: !0,
-				accept: k?.accept,
-				onChange: (e) => {
-					ce(e.target.files), e.target.value = "";
-				}
-			}),
-			!R.triggerActive && /* @__PURE__ */ J(N, {
-				open: R.pickerOpen,
-				onOpenChange: R.setPickerOpen,
-				children: [/* @__PURE__ */ q(te, { render: /* @__PURE__ */ q(a, {
-					type: "button",
-					tone: "secondary",
-					buttonStyle: "ghost",
-					className: "sr-only",
-					tabIndex: -1,
-					children: w.composerReferenceLabel
-				}) }), /* @__PURE__ */ q(ie, {
-					open: R.pickerOpen,
-					activeKind: R.activeKind,
-					setActiveKind: (e) => {
-						R.setActiveKind(e), R.setManualKindOverride(!0);
-					},
-					kinds: R.kinds,
-					resources: T,
-					query: R.query,
-					setQuery: R.setQuery,
-					suggestions: R.suggestions,
-					loading: R.isLoading,
-					onSelect: R.pickSuggestion,
-					strings: {
-						title: w.composerReferenceMenuTitle,
-						searchPlaceholder: w.composerReferenceSearchPlaceholder,
-						empty: w.composerReferenceEmpty,
-						loading: w.composerReferenceLoading
-					}
-				})]
-			}),
-			/* @__PURE__ */ J("div", {
-				className: "comment-composer--editor relative",
-				children: [/* @__PURE__ */ q(F, {
-					ref: A,
-					value: ee,
-					onValueChange: (e) => {
-						j(e);
-						let t = ae(e), n = R.mentions;
-						if (n.map((e) => e.id).join("|") !== t.map((e) => e.id).join("|")) {
-							let e = new Map(n.map((e) => [e.id, e])), r = t.map((t) => e.get(t.id) ?? t);
-							R.setMentions(r);
-						}
-					},
-					placeholder: S ?? w.composerPlaceholder,
-					strings: { editorLabel: S ?? w.composerPlaceholder },
-					bodyHeight: "field",
-					autoFocus: b || Z || Q,
-					extraToolbarItems: pe,
-					toolbarTrailing: ve,
-					footerSlot: _e,
-					onCaretChange: R.handleCaretChange
-				}), /* @__PURE__ */ q(re, {
-					open: R.triggerActive && R.pickerOpen,
-					activeKind: R.activeKind,
-					setActiveKind: (e) => {
-						R.setActiveKind(e), R.setManualKindOverride(!0);
-					},
-					kinds: R.kinds,
-					resources: T,
-					query: R.query,
-					suggestions: R.suggestions,
-					suggestionsByKind: R.suggestionsByKind,
-					loading: R.isLoading,
-					onSelect: R.pickSuggestion,
-					strings: {
-						title: w.composerReferenceMenuTitle,
-						empty: w.composerReferenceEmpty,
-						loading: w.composerReferenceLoading
-					}
-				})]
-			}),
-			I && /* @__PURE__ */ q(s, {
-				role: "alert",
-				size: "xs",
-				type: "error",
-				className: "comment-composer--attachment-error",
-				children: I
-			}),
-			M && /* @__PURE__ */ q(s, {
-				size: "xs",
-				type: "error",
-				children: M
-			}),
-			ye && /* @__PURE__ */ J(m, {
-				direction: "horizontal",
-				align: "center",
-				justify: "end",
-				gap: _.commands,
-				className: "comment-composer--footer-actions",
-				children: [he, me]
-			})
-		]
-	});
-});
-function Te({ label: e, closeLabel: t, onClose: n }) {
-	return /* @__PURE__ */ J("div", {
-		className: i("comment-composer--eyebrow bg-muted/30 ring-border/60 flex min-w-0 items-center justify-between gap-space-sm rounded-radius px-row-x ring-1 ring-inset", g.compact),
-		children: [/* @__PURE__ */ q(c, { children: e }), n ? /* @__PURE__ */ q("button", {
-			type: "button",
-			onClick: n,
-			className: i(M.target, M.focus, M.toggle),
-			"aria-label": t,
-			children: /* @__PURE__ */ q(he, {
-				className: M.icon,
-				"aria-hidden": "true"
-			})
-		}) : null]
-	});
-}
-function Ee(e, t) {
-	return n(e, { name: t }, { missing: "empty" });
-}
-//#endregion
-//#region src/components/features/comments/partials/comment-empty.tsx
-var De = ({ strings: e, icon: t, className: n }) => {
-	let r = ge(e);
-	return /* @__PURE__ */ q(P, {
-		title: r.empty,
-		description: r.emptyHint || !1,
-		media: t ?? /* @__PURE__ */ q(Q, {
-			className: "size-icon",
-			"aria-hidden": "true"
-		}),
-		mediaVariant: "icon-soft",
-		padding: "md",
-		className: i("comment-empty--component", n)
-	});
-};
-//#endregion
-//#region src/components/features/comments/partials/comment-content.tsx
-function Oe(e) {
-	let { comment: t, resources: n, renderReference: r, sanitizer: i } = e, a = t.contentType ?? t.content_type ?? "text";
-	if (a === "rich") {
-		let e = ke(t.content);
-		return e ? /* @__PURE__ */ q("div", {
-			className: "comment-content--component",
-			children: e
-		}) : null;
-	}
-	if (a === "html") return /* @__PURE__ */ q("div", {
-		className: "comment-content--component",
-		children: /* @__PURE__ */ q(I, {
-			className: "text-inherit",
-			html: t.content ?? "",
-			mentions: t.references,
-			resources: n,
-			renderMention: r,
-			sanitizer: i
-		})
-	});
-	let o = Me(t.content ?? "");
-	return /* @__PURE__ */ q(s, {
-		type: "inherit",
-		className: "comment-content--component whitespace-pre-line",
-		children: o
-	});
-}
-function ke(e) {
-	if (!e) return null;
-	try {
-		let t = JSON.parse(e);
-		return !t || !Array.isArray(t.blocks) || t.blocks.length === 0 ? null : /* @__PURE__ */ q(s, {
-			tag: "div",
-			type: "inherit",
-			className: S,
-			children: t.blocks.map((e, t) => /* @__PURE__ */ q(L, { children: Ae(e) }, e.id ?? `${e.type}-${t}`))
-		});
-	} catch {
-		let t = Me(e);
-		return /* @__PURE__ */ q(s, {
-			type: "inherit",
-			className: "whitespace-pre-line",
-			children: t
-		});
-	}
-}
-function Ae(e) {
-	let t = e.data ?? {};
-	switch (e.type) {
-		case "paragraph": {
-			let e = String(t.text ?? "").trim();
-			if (!e) return null;
-			let n = x(e);
-			return n ? /* @__PURE__ */ q("p", { dangerouslySetInnerHTML: { __html: n } }) : null;
-		}
-		case "header": {
-			let e = je(String(t.text ?? "")), n = Number(t.level ?? 3);
-			return e ? R(`h${Math.min(Math.max(n, 1), 6)}`, null, e) : null;
-		}
-		case "list": {
-			let e = (Array.isArray(t.items) ? t.items : []).map((e) => je(String(e ?? ""))).filter((e) => e.length > 0);
-			return e.length === 0 ? null : t.style === "ordered" ? /* @__PURE__ */ q("ol", { children: e.map((e, t) => /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(s, {
-				tag: "span",
-				type: "inherit",
-				children: e
-			}) }, `${e}-${t}`)) }) : /* @__PURE__ */ q("ul", { children: e.map((e) => /* @__PURE__ */ q("li", { children: /* @__PURE__ */ q(s, {
-				tag: "span",
-				type: "inherit",
-				children: e
-			}) }, e)) });
-		}
-		case "quote": {
-			let e = String(t.text ?? "").trim();
-			if (!e) return null;
-			let n = je(String(t.caption ?? ""));
-			return /* @__PURE__ */ J("blockquote", {
-				className: "italic",
-				children: [/* @__PURE__ */ q(C, {
-					tag: "div",
-					html: e,
-					type: "secondary"
-				}), n.length > 0 && /* @__PURE__ */ q("cite", {
-					className: "mt-1 block not-italic",
-					children: /* @__PURE__ */ J(s, {
-						tag: "span",
-						size: "xs",
-						type: "secondary",
-						children: ["— ", n]
-					})
-				})]
-			});
-		}
-		case "delimiter": return /* @__PURE__ */ q("hr", {
-			className: "border-dashed",
-			"aria-hidden": "true"
-		});
-		default: {
-			let e = je(String(t.text ?? ""));
-			return e ? /* @__PURE__ */ q("p", {
-				className: "whitespace-pre-line",
-				children: e
-			}) : null;
-		}
-	}
-}
-function je(e) {
-	return e.replace(/<[^>]*>/g, "").trim();
-}
-function Me(e) {
-	if (typeof e != "string") return "";
-	let t = e.trim();
-	if (t === "") return "";
-	if (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;
-}
-//#endregion
-//#region src/components/features/comments/partials/comment-item.tsx
-var Ne = "?", Pe = (e) => e?.url, Fe = (e) => e?.name, Ie = (e) => e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "), Le = B(function({ comment: e, canModerate: t, onDelete: r, onAttachmentRemove: o, onEdit: c, onPinToggle: l, onReact: h, onReply: g, allowReactions: _, allowReplies: b, sanitizer: x, strings: S, getMediaUrl: C, getMediaName: w, getStatusLabel: T, formatRelativeTime: E, resources: te, renderAttachment: N, renderReference: P }) {
-	let F = ge(S), ne = _ ?? !0, re = b ?? !0, I = _e({
-		getMediaUrl: C,
-		getMediaName: w,
-		getStatusLabel: T,
-		formatRelativeTime: E
-	}), ie = I.getMediaUrl ?? Pe, ae = I.getMediaName ?? Fe, L = I.getStatusLabel ?? Ie, R = I.formatRelativeTime, z = e.user?.name ?? F.fallbackAuthor, B = e.user?.avatar ?? void 0, H = U(() => {
-		if (!z) return Ne;
-		let e = z.trim();
-		return e === "" ? Ne : e.charAt(0).toUpperCase();
-	}, [z]), oe = U(() => Array.isArray(e.tagsArray) ? e.tagsArray.filter((e) => typeof e == "string") : e.tagsArray && typeof e.tagsArray == "object" ? Object.values(e.tagsArray).filter((e) => typeof e == "string") : [], [e.tagsArray]), W = U(() => (e.attachments ?? []).filter((e) => !!e && typeof e == "object"), [e.attachments]), K = ne ? e.reactions ?? [] : [], Y = e.isPinned === !0, ce = e.isEdited === !0, X = e.status && e.status !== "active", Z = X && e.status ? L(e.status) : null, le = e.canDelete === !0 || t === !0, Q = e.canEdit === !0 || t === !0, ue = !!re && !!g && !!e.id, he = !!ne && !!h && !!e.id, ve = !!l && !!t, ye = !!Q && !!c && !!e.id, xe = !!le && !!r && !!e.id, Se = ue || he || ve || ye || xe, Ce = v(), [we, Te] = G(null), Ee = V((e) => {
-		Te(e), Ce.show();
-	}, [Ce]), De = W.length > 0;
-	return /* @__PURE__ */ J("article", {
-		className: i("comment-item--component group relative overflow-hidden rounded-surface border transition-colors", "border-border/60 bg-card text-card-foreground px-surface pt-surface", Se ? "pb-surface-xs" : "pb-surface"),
-		"data-comment-id": e.id,
-		children: [/* @__PURE__ */ J(m, {
-			direction: "horizontal",
-			align: "start",
-			gap: "lg",
-			className: "min-w-0",
-			children: [/* @__PURE__ */ J(A, {
-				className: "size-avatar shrink-0",
-				children: [!!B && /* @__PURE__ */ q(ee, {
-					src: B,
-					alt: z
-				}), /* @__PURE__ */ q(k, {
-					className: "bg-muted text-muted-foreground text-xs font-medium",
-					children: H
-				})]
-			}), /* @__PURE__ */ J("div", {
-				className: "comment-item--body min-w-0 flex-1",
-				children: [
-					/* @__PURE__ */ J(m, {
-						gap: "xs",
-						className: "comment-item--message min-w-0",
-						children: [/* @__PURE__ */ J(m, {
-							direction: "horizontal",
-							align: "baseline",
-							gap: "md",
-							className: "min-w-0",
-							children: [
-								/* @__PURE__ */ q(s, {
-									tag: "span",
-									type: "inherit",
-									weight: "semibold",
-									className: "truncate",
-									children: z
-								}),
-								!!Y && /* @__PURE__ */ q(f, {
-									delayDuration: 0,
-									children: /* @__PURE__ */ J(p, { children: [/* @__PURE__ */ q(u, {
-										render: /* @__PURE__ */ q("span", { className: "inline-flex shrink-0 self-center" }),
-										children: /* @__PURE__ */ q(fe, {
-											className: "text-muted-foreground size-icon-sm",
-											"aria-hidden": !0
-										})
-									}), /* @__PURE__ */ q(d, {
-										side: "top",
-										className: "text-xs",
-										children: F.pinned
-									})] })
-								}),
-								/* @__PURE__ */ q(O, {
-									value: e.createdAt,
-									formatRelativeTime: R,
-									size: "xs",
-									className: "shrink-0 tabular-nums"
-								}),
-								!!ce && /* @__PURE__ */ q(s, {
-									tag: "span",
-									size: "xs",
-									type: "secondary",
-									className: "shrink-0",
-									children: F.edited
-								}),
-								!!X && !!Z && /* @__PURE__ */ q(j, {
-									size: "sm",
-									tone: "secondary",
-									className: "self-center",
-									children: Z
-								})
-							]
-						}), /* @__PURE__ */ q("div", {
-							className: "leading-relaxed",
-							children: /* @__PURE__ */ q(Oe, {
-								comment: e,
-								resources: te,
-								renderReference: P,
-								sanitizer: x
-							})
-						})]
-					}),
-					oe.length > 0 && /* @__PURE__ */ q("div", {
-						className: "mt-space-md flex flex-wrap gap-space-sm",
-						children: oe.map((e) => /* @__PURE__ */ q(j, {
-							size: "sm",
-							tone: "secondary",
-							children: e
-						}, e))
-					}),
-					De && /* @__PURE__ */ q("div", {
-						className: "mt-space-md flex flex-wrap gap-space-sm",
-						children: W.map((e) => {
-							if (N) return /* @__PURE__ */ q("div", { children: N(e) }, e.id ?? e.name);
-							let t = !!o && !!e.id && le;
-							return /* @__PURE__ */ q(be, {
-								attachment: e,
-								editable: t,
-								onRemove: t ? () => Ee(e.id) : void 0,
-								accessors: {
-									getMediaUrl: ie,
-									getMediaName: ae
-								},
-								strings: S
-							}, e.id ?? e.name);
-						})
-					}),
-					K.length > 0 && /* @__PURE__ */ q(m, {
-						direction: "horizontal",
-						wrap: !0,
-						align: "center",
-						gap: "xs",
-						className: "mt-space-md",
-						children: K.map((t) => /* @__PURE__ */ q("button", {
-							type: "button",
-							"aria-label": n(F.reactionLabel ?? $.reactionLabel, {
-								emoji: t.emoji,
-								count: t.count
-							}),
-							"aria-pressed": t.mine ?? !1,
-							onClick: () => h && e.id ? h(e.id, t.emoji) : void 0,
-							title: t.users?.join(", "),
-							className: i(M.inline, M.focus),
-							children: /* @__PURE__ */ J(j, {
-								size: "sm",
-								tone: t.mine ? "info" : "secondary",
-								className: "cursor-pointer transition-colors",
-								children: [/* @__PURE__ */ q(s, {
-									tag: "span",
-									size: "inherit",
-									lineHeight: "none",
-									className: "text-inherit",
-									"aria-hidden": !0,
-									children: t.emoji
-								}), /* @__PURE__ */ q(D, {
-									value: t.count,
-									size: "inherit",
-									align: "left",
-									className: "tabular-nums text-current"
-								})]
-							})
-						}, t.emoji))
-					}),
-					Se && /* @__PURE__ */ J("div", {
-						className: i("comment-item--actions relative mt-space-xs ms-auto w-fit max-w-full flex-wrap opacity-100 transition-opacity", "group-hover:opacity-100 focus-within:opacity-100", "inline-flex items-center gap-space-2xs"),
-						children: [
-							ue && /* @__PURE__ */ q(a, {
-								type: "button",
-								size: "sm",
-								iconOnly: !0,
-								tone: "secondary",
-								buttonStyle: "ghost",
-								onClick: () => e.id && g(e.id),
-								title: F.replyLabel,
-								"aria-label": F.replyLabel,
-								children: /* @__PURE__ */ q(se, { className: "size-icon-md" })
-							}),
-							he && /* @__PURE__ */ q(a, {
-								type: "button",
-								size: "sm",
-								iconOnly: !0,
-								tone: "secondary",
-								buttonStyle: "ghost",
-								onClick: () => e.id && h(e.id, "👍"),
-								title: F.addReactionLabel,
-								"aria-label": F.addReactionLabel,
-								children: /* @__PURE__ */ q(pe, { className: "size-icon-md" })
-							}),
-							ve && /* @__PURE__ */ q(a, {
-								type: "button",
-								size: "sm",
-								iconOnly: !0,
-								tone: "secondary",
-								buttonStyle: "ghost",
-								onClick: () => l(e),
-								title: Y ? F.unpinLabel : F.pinLabel,
-								"aria-label": Y ? F.unpinLabel : F.pinLabel,
-								children: /* @__PURE__ */ q(fe, { className: i("size-icon-md", Y && "text-foreground") })
-							}),
-							ye && /* @__PURE__ */ q(a, {
-								type: "button",
-								size: "sm",
-								iconOnly: !0,
-								tone: "secondary",
-								buttonStyle: "ghost",
-								title: F.editLabel,
-								"aria-label": F.editLabel,
-								onClick: () => c(e),
-								children: /* @__PURE__ */ q(de, { className: "size-icon-md" })
-							}),
-							xe && /* @__PURE__ */ q(a, {
-								type: "button",
-								size: "sm",
-								iconOnly: !0,
-								tone: "secondary",
-								buttonStyle: "ghost",
-								className: "hover:text-destructive",
-								onClick: () => r(e.id),
-								title: F.deleteLabel,
-								"aria-label": F.deleteLabel,
-								children: /* @__PURE__ */ q(me, { className: "size-icon-md" })
-							})
-						]
-					})
-				]
-			})]
-		}), !!o && /* @__PURE__ */ q(y, {
-			...Ce.overlayProps,
-			destructive: !0,
-			title: F.confirmRemoveAttachmentTitle,
-			description: F.confirmRemoveAttachmentDescription,
-			strings: { confirm: F.attachmentRemoveLabel },
-			onConfirm: () => {
-				we && e.id && o(e.id, we);
-			}
-		})]
-	});
-}), Re = function({ comments: e, canModerate: t, onDelete: n, onAttachmentRemove: r, onEdit: i, onPinToggle: a, onReact: o, onReply: s, allowReactions: c, allowReplies: l, sanitizer: u, strings: d, getMediaUrl: f, getMediaName: p, getStatusLabel: h, formatRelativeTime: g, resources: _, renderItem: v, renderAttachment: y, renderReference: b, emptySlot: x }) {
-	return e.length ? /* @__PURE__ */ q(m, {
-		gap: "sm",
-		className: "comment-timeline--component",
-		children: e.map((e, m) => {
-			let x = /* @__PURE__ */ q(Le, {
-				comment: e,
-				canModerate: t,
-				onDelete: n,
-				onAttachmentRemove: r,
-				onEdit: i,
-				onPinToggle: a,
-				onReact: o,
-				onReply: s,
-				allowReactions: c,
-				allowReplies: l,
-				sanitizer: u,
-				strings: d,
-				getMediaUrl: f,
-				getMediaName: p,
-				getStatusLabel: h,
-				formatRelativeTime: g,
-				resources: _,
-				renderAttachment: y,
-				renderReference: b
-			});
-			return v ? /* @__PURE__ */ q("div", { children: v({
-				comment: e,
-				canModerate: t ?? !1,
-				onDelete: n,
-				onAttachmentRemove: r,
-				onEdit: i,
-				defaultItem: x
-			}) }, e.id ?? `comment-${m}`) : /* @__PURE__ */ q("div", { children: x }, e.id ?? `comment-${m}`);
-		})
-	}) : /* @__PURE__ */ q(K, { children: x ?? /* @__PURE__ */ q(De, { strings: d }) });
-};
-//#endregion
-//#region src/components/features/comments/comments.tsx
-function ze(t) {
-	let n = e(), r = t.composerPosition ?? n.composerPosition ?? "top", a = t.maxAttachments ?? 5, o = t.allowAttachments ?? !0, c = t.allowReactions ?? !0, l = t.allowReplies ?? !0, u = t.canComment ?? !1, d = t.canModerate ?? !1, f = t.onPinToggle, p = t.resources, h = t.attachments, g = ge(t.strings), _ = t.title === void 0 ? g.title : t.title, b = t.confirmDelete ?? !0, x = v(), [S, C] = G(null), w = ve({
-		onSubmit: t.onSubmit,
-		onUpdate: t.onUpdate,
-		onDelete: t.onDelete,
-		onAfterMutate: t.onAfterMutate,
-		onError: t.onError
-	}), T = V((e) => {
-		if (!b) {
-			w.deleteComment(e);
-			return;
-		}
-		C(e), x.show();
-	}, [
-		b,
-		w,
-		x
-	]), E = w.startReply, D = t.comments, O = t.onReply, k = V((e) => {
-		let t = D.find((t) => t.id === e);
-		t && E(t), O?.(e);
-	}, [
-		D,
-		O,
-		E
-	]), A = w.composerMode.kind === "editing" ? w.composerMode.comment : void 0, ee = w.composerMode.kind === "replying" ? {
-		commentId: w.composerMode.commentId,
-		authorName: w.composerMode.authorName
-	} : void 0, j = t.composerSlot ?? (u ? /* @__PURE__ */ q(we, {
-		context: t.context,
-		canComment: u,
-		submitting: w.isSubmitting,
-		errors: w.formErrors,
-		resetKey: w.resetKey,
-		editingComment: A,
-		replyingTo: ee,
-		onCancel: w.composerMode.kind === "idle" ? void 0 : w.cancelComposerMode,
-		onSubmit: w.submit,
-		strings: t.strings,
-		resources: p,
-		onResourceSearch: t.onResourceSearch,
-		attachments: h,
-		maxAttachments: a,
-		allowAttachments: o
-	}) : null), M = /* @__PURE__ */ q(Re, {
-		comments: t.comments,
-		canModerate: d,
-		onDelete: t.onDelete ? T : void 0,
-		onAttachmentRemove: t.onAttachmentRemove,
-		onEdit: u && t.onUpdate ? w.startEdit : void 0,
-		onPinToggle: f,
-		onReact: t.onReact,
-		onReply: u && l ? k : void 0,
-		allowReactions: c,
-		allowReplies: l,
-		sanitizer: t.sanitizer,
-		strings: t.strings,
-		getMediaUrl: t.getMediaUrl,
-		getMediaName: t.getMediaName,
-		getStatusLabel: t.getStatusLabel,
-		formatRelativeTime: t.formatRelativeTime,
-		resources: p,
-		renderItem: t.renderItem,
-		renderAttachment: t.renderAttachment,
-		renderReference: t.renderReference,
-		emptySlot: t.emptySlot ?? /* @__PURE__ */ q(De, { strings: t.strings })
-	}), te = j ? /* @__PURE__ */ q("div", { children: j }) : null, N = /* @__PURE__ */ J(m, {
-		gap: "xl",
-		className: "comments--body",
-		children: [
-			t.headerSlot,
-			r === "top" && te,
-			M,
-			r === "bottom" && te,
-			t.footerSlot
-		]
-	});
-	if (t.bare) return N;
-	let P = typeof _ == "string" ? _ : void 0;
-	return /* @__PURE__ */ J(m, {
-		render: /* @__PURE__ */ q("section", {}),
-		gap: "lg",
-		"data-component": "comments",
-		"data-slot": "comments",
-		className: i("comments--component", t.className),
-		"aria-label": P,
-		children: [
-			!(_ === !1 || !_ && !g.subtitle) && /* @__PURE__ */ J(m, {
-				gap: "normal",
-				className: "comments--header",
-				children: [!!_ && /* @__PURE__ */ q(s, {
-					weight: "semibold",
-					children: _
-				}), !!g.subtitle && /* @__PURE__ */ q(s, {
-					type: "secondary",
-					children: g.subtitle
-				})]
-			}),
-			N,
-			!!(b && t.onDelete) && /* @__PURE__ */ q(y, {
-				...x.overlayProps,
-				destructive: !0,
-				title: g.confirmDeleteTitle,
-				description: g.confirmDeleteDescription,
-				strings: { confirm: g.confirmDeleteLabel },
-				onAsyncConfirm: async () => {
-					S && await w.deleteComment(S);
-				},
-				onError: t.onError
-			})
-		]
-	});
-}
-//#endregion
-export { De as a, Se as c, _e as d, ge as f, Oe as i, be as l, Re as n, we as o, $ as p, Le as r, Ee as s, ze as t, ve as u };
-
-//# sourceMappingURL=comments-Dmpp0YIc.js.map