themelia-ui 2.0.0 → 3.0.0

package/dist/{comments-CIZ1L-DR.js → comments-CAnDlyXO.js}

@@ -1,27 +1,26 @@
-import "./css/comments.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { a as t, o as n, r, t as i } from "./typography-B8Iurhy1.js";
-import { p as a } from "./feedback-BmquisO3.js";
-import { t as o } from "./ui-provider-BzyJxcKH.js";
-import { c as s } from "./buttons-Corm-KHK.js";
-import { i as c, n as l, t as u } from "./tooltip-B82dN7Oy.js";
-import { i as d, n as f } from "./action-menu-DqQX1_H8.js";
-import { d as p } from "./display-DVhYS75K.js";
-import { o as m } from "./structure-D0WGQAP3.js";
-import { H as h, I as g, S as _, T as v, h as y, s as b, v as x, w as S } from "./primitives-B2aeaudR.js";
-import { t as C } from "./badge-D34FkKLD.js";
-import { a as w, c as ee, r as T } from "./avatar-2v-o_zEv.js";
-import { c as E, r as D, t as O } from "./popover-Dt8IXXKy.js";
-import { t as k } from "./spinner-Bv-2R-7S.js";
-import { i as te, t as ne } from "./overlays-CaBkEKRc.js";
-import { f as A, i as j, o as M, s as re, t as N } from "./mentions-BU1sDupC.js";
-import { n as ie } from "./rich-text-editor-CVo4FB26.js";
-import { AtSignIcon as ae, FileIcon as oe, FileTextIcon as P, ImageIcon as F, MessageCircleIcon as I, MoreHorizontalIcon as se, PaperclipIcon as L, PencilIcon as R, PinIcon as ce, SendIcon as le, SmilePlusIcon as z, Trash2Icon as ue, XIcon as B } from "lucide-react";
-import { Fragment as de, cloneElement as fe, createContext as V, useCallback as H, useContext as pe, useEffect as U, useId as me, useImperativeHandle as he, useLayoutEffect as ge, useMemo as W, useRef as G, useState as K } from "react";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { format as _e } from "date-fns";
+import { a as t, o as n, r, t as i } from "./typography-BkxEiwQ1.js";
+import { p as a } from "./feedback-DRerHGuV.js";
+import { t as o } from "./ui-provider-Cmoq6i_D.js";
+import { c as s } from "./buttons-CqXKWty3.js";
+import { i as c, n as l, t as u } from "./tooltip-t1VQQ2tZ.js";
+import { i as d, n as f } from "./action-menu-BNLURfMK.js";
+import { d as p, l as m } from "./display-B3Q17h5z.js";
+import { o as h } from "./structure-D0WGQAP3.js";
+import { H as g, I as _, S as v, T as y, h as b, s as x, v as S, w as C } from "./primitives-D0bdDozz.js";
+import { t as w } from "./badge-CxOuTfVr.js";
+import { a as ee, c as T, r as E } from "./avatar-CS7zow2q.js";
+import { c as D, r as O, t as k } from "./popover-DriLnIFc.js";
+import { t as te } from "./spinner-CUAVFecI.js";
+import { i as ne, t as re } from "./overlays-DvVoS3td.js";
+import { f as A, i as j, o as ie, s as M, t as ae } from "./mentions-BbsEHlcH.js";
+import { n as oe } from "./rich-text-editor-BQXFe9oN.js";
+import { AtSignIcon as se, FileIcon as N, FileTextIcon as P, ImageIcon as F, MessageCircleIcon as I, MoreHorizontalIcon as L, PaperclipIcon as ce, PencilIcon as le, PinIcon as ue, SendIcon as de, SmilePlusIcon as R, Trash2Icon as fe, XIcon as pe } from "lucide-react";
+import { Fragment as me, cloneElement as he, createContext as z, useCallback as B, useContext as ge, useEffect as V, useId as _e, useImperativeHandle as ve, useLayoutEffect as ye, useMemo as H, useRef as U, useState as W } from "react";
+import { Fragment as be, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { format as xe } from "date-fns";
 //#region src/components/features/comments/comments.strings.ts
-function ve(e) {
+function Se(e) {
 	if (e < 1024) return `${e} B`;
 	let t = [
 		"KB",
@@ -31,7 +30,7 @@ function ve(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
 	return `${n >= 10 ? Math.round(n) : n.toFixed(1)} ${t[r]}`;
 }
-var ye = {
+var q = {
 	formatQuoteAttribution: (e) => `\u2014 ${e}`,
 	title: "Comments",
 	subtitle: "",
@@ -78,11 +77,11 @@ var ye = {
 	attachmentDownloadLabel: "Download",
 	formatShowMoreAttachments: (e) => `Show ${e} more`,
 	showFewerAttachmentsLabel: "Show fewer",
-	formatTooLarge: (e) => `Files must be under ${ve(e)}.`,
+	formatTooLarge: (e) => `Files must be under ${Se(e)}.`,
 	formatTooMany: (e) => `You can attach at most ${e}.`,
 	addReactionLabel: "Add reaction",
 	reactionPickerLabel: "Choose a reaction"
-}, X = {
+}, J = {
 	root: "comments__root___nS80E",
 	header: "comments__header___yeqdu",
 	body: "comments__body___KBLx1",
@@ -122,8 +121,8 @@ var ye = {
 	composerEditor: "comments__composerEditor___pLdab",
 	eyebrow: "comments__eyebrow___4YXC8",
 	chip: "comments__chip___Y_2YZ",
-	chipIcon: "comments__chipIcon___6BLpd",
 	chipLink: "comments__chipLink___XVe41",
+	chipIcon: "comments__chipIcon___6BLpd",
 	chipLabel: "comments__chipLabel___jKkyE",
 	chipMeta: "comments__chipMeta___vASR1",
 	chipProgress: "comments__chipProgress___c7f2Z",
@@ -137,85 +136,85 @@ var ye = {
 	richQuote: "comments__richQuote___1JvHv",
 	richCite: "comments__richCite___z_LI2",
 	richDelimiter: "comments__richDelimiter___QOyH7"
-}, be = {
+}, Y = {
 	image: F,
 	document: P,
-	file: oe,
-	unknown: L
+	file: N,
+	unknown: ce
 };
-function xe(e) {
+function Ce(e) {
 	return e ? e.startsWith("image/") ? "image" : e === "application/pdf" || e.startsWith("text/") ? "document" : "file" : "unknown";
 }
-function Se({ mimeType: e, className: t }) {
-	let n = be[xe(e)];
-	return /* @__PURE__ */ J(n, { className: t });
+function we({ mimeType: e, className: t }) {
+	let n = Y[Ce(e)];
+	return /* @__PURE__ */ G(n, { className: t });
 }
-function Ce({ attachment: t, editable: r = !1, onRemove: i, onRetry: a, accessors: o, strings: c, className: l }) {
+function Te({ attachment: t, editable: r = !1, onRemove: i, onRetry: a, accessors: o, strings: c, className: l }) {
 	let u = {
-		...ye,
+		...q,
 		...c
-	}, d = o?.getMediaUrl?.(t) ?? t.url, f = o?.getMediaName?.(t) ?? t.name ?? u.attachmentFallback, p = t.status === "uploading", m = t.status === "failed", g = p ? /* @__PURE__ */ Y(h, {
+	}, d = o?.getMediaUrl?.(t) ?? t.url, f = o?.getMediaName?.(t) ?? t.name ?? u.attachmentFallback, p = t.status === "uploading", m = t.status === "failed", h = p ? /* @__PURE__ */ K(g, {
 		size: "xs",
-		className: X.chipMeta,
-		children: [u.attachmentUploadingLabel, typeof t.progress == "number" && /* @__PURE__ */ Y(q, { children: [" ", /* @__PURE__ */ J(v, {
+		className: J.chipMeta,
+		children: [u.attachmentUploadingLabel, typeof t.progress == "number" && /* @__PURE__ */ K(be, { children: [" ", /* @__PURE__ */ G(y, {
 			value: Math.round(t.progress),
 			scaled: !0,
 			size: "xs",
 			type: "secondary"
 		})] })]
-	}) : m ? /* @__PURE__ */ J(h, {
+	}) : m ? /* @__PURE__ */ G(g, {
 		size: "xs",
-		className: X.chipMeta,
+		className: J.chipMeta,
 		children: t.error ?? u.attachmentFailedLabel
-	}) : typeof t.size == "number" ? /* @__PURE__ */ J(_, {
+	}) : typeof t.size == "number" ? /* @__PURE__ */ G(v, {
 		value: t.size,
 		size: "xs",
 		type: "secondary",
-		className: X.chipMeta
-	}) : null, y = /* @__PURE__ */ Y("span", {
-		className: X.chipLabel,
-		children: [/* @__PURE__ */ J(n, {
+		className: J.chipMeta
+	}) : null, _ = /* @__PURE__ */ K("span", {
+		className: J.chipLabel,
+		children: [/* @__PURE__ */ G(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
 			type: m ? "error" : "main",
 			truncate: !0,
 			children: f
-		}), g]
+		}), h]
 	}), b = !!d && !p && !m;
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ K("div", {
 		"data-slot": "comment-attachment",
 		"data-status": t.status,
-		className: e("comment-attachment-chip--component", X.chip, l),
+		className: e("comment-attachment-chip--component", J.chip, l),
 		children: [
-			p ? /* @__PURE__ */ J(k, {}) : /* @__PURE__ */ J(Se, {
+			p ? /* @__PURE__ */ G(te, {}) : /* @__PURE__ */ G(we, {
 				mimeType: t.mimeType,
-				className: X.chipIcon
+				className: J.chipIcon
 			}),
-			b ? /* @__PURE__ */ J("a", {
+			b ? /* @__PURE__ */ G("a", {
 				href: d,
 				target: "_blank",
 				rel: "noreferrer noopener",
 				"aria-label": u.attachmentDownloadLabel,
-				className: X.chipLink,
-				children: y
-			}) : y,
-			p && typeof t.progress == "number" && /* @__PURE__ */ J("div", {
-				className: X.chipProgress,
-				children: /* @__PURE__ */ J("div", {
-					className: X.chipProgressFill,
+				className: J.chipLink,
+				children: _
+			}) : _,
+			p && typeof t.progress == "number" && /* @__PURE__ */ G("div", {
+				className: J.chipProgress,
+				children: /* @__PURE__ */ G("div", {
+					className: J.chipProgressFill,
 					style: { width: `${Math.min(100, Math.max(0, t.progress))}%` }
 				})
 			}),
-			m && !!a && /* @__PURE__ */ J(s, {
+			m && !!a && /* @__PURE__ */ G(s, {
 				type: "button",
 				tone: "destructive",
 				buttonStyle: "ghost",
 				onClick: () => a(t.id),
-				className: X.chipRetry,
+				className: J.chipRetry,
 				children: u.attachmentRetryLabel
 			}),
-			r && !!i && /* @__PURE__ */ J(s, {
+			r && !!i && /* @__PURE__ */ G(s, {
 				type: "button",
 				tone: "neutral",
 				buttonStyle: "ghost",
@@ -223,30 +222,30 @@ function Ce({ attachment: t, editable: r = !1, onRemove: i, onRetry: a, accessor
 				onClick: () => i(t.id),
 				"aria-label": u.attachmentRemoveLabel,
 				title: u.attachmentRemoveLabel,
-				className: X.chipRemove,
-				children: /* @__PURE__ */ J(B, {})
+				className: J.chipRemove,
+				children: /* @__PURE__ */ G(pe, {})
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/comments/use-attachment-upload.ts
-function we() {
+function Ee() {
 	return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `attachment-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function Te(e = {}) {
-	let { onUpload: t, maxSize: n, maxFiles: r, disabled: i, initialAttachments: a, onValueChange: o, onReject: s } = e, [c, l] = K(() => a ? [...a] : []), u = G(c), d = G(/* @__PURE__ */ new Map()), f = G(/* @__PURE__ */ new Map()), p = G(o), m = G(s);
-	U(() => {
+function De(e = {}) {
+	let { onUpload: t, maxSize: n, maxFiles: r, disabled: i, initialAttachments: a, onValueChange: o, onReject: s } = e, [c, l] = W(() => a ? [...a] : []), u = U(c), d = U(/* @__PURE__ */ new Map()), f = U(/* @__PURE__ */ new Map()), p = U(o), m = U(s);
+	V(() => {
 		p.current = o, m.current = s;
 	});
-	let h = H((e) => {
+	let h = B((e) => {
 		u.current = e, l(e);
-	}, []), g = H((e, t) => {
+	}, []), g = B((e, t) => {
 		h(u.current.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, [h]), _ = H((e) => h([...e]), [h]), v = H((e, n) => {
+	}, [h]), _ = B((e) => h([...e]), [h]), v = B((e, n) => {
 		if (!t || d.current.has(e)) return;
 		let r = new AbortController();
 		d.current.set(e, r), g(e, {
@@ -271,7 +270,7 @@ function Te(e = {}) {
 				error: t instanceof Error ? t.message : void 0
 			});
 		});
-	}, [t, g]), y = H((e) => {
+	}, [t, g]), y = B((e) => {
 		if (i || !t) return;
 		let a = Array.from(e);
 		if (a.length === 0) return;
@@ -293,7 +292,7 @@ function Te(e = {}) {
 				});
 				continue;
 			}
-			let t = we();
+			let t = Ee();
 			f.current.set(t, e), o.push({
 				id: t,
 				name: e.name,
@@ -311,33 +310,33 @@ function Te(e = {}) {
 		t,
 		h
 	]);
-	U(() => {
+	V(() => {
 		for (let e of c) {
 			if (e.status !== "uploading" || d.current.has(e.id)) continue;
 			let t = f.current.get(e.id);
 			t && v(e.id, t);
 		}
 	}, [c, v]);
-	let b = H((e) => {
+	let b = B((e) => {
 		d.current.get(e)?.abort(), d.current.delete(e), f.current.delete(e), h(u.current.filter((t) => t.id !== e));
-	}, [h]), x = H((e) => {
+	}, [h]), x = B((e) => {
 		let t = f.current.get(e);
 		t && v(e, t);
-	}, [v]), S = H(() => {
+	}, [v]), S = B(() => {
 		for (let e of d.current.values()) e.abort();
 		d.current.clear(), f.current.clear(), h([]);
 	}, [h]);
-	return U(() => {
+	return V(() => {
 		p.current?.(c);
-	}, [c]), U(() => {
+	}, [c]), V(() => {
 		let e = d.current;
 		return () => {
 			for (let t of e.values()) t.abort();
 		};
 	}, []), {
 		attachments: c,
-		uploadedAttachments: W(() => c.filter((e) => e.status === "uploaded" || !e.status), [c]),
-		isUploading: W(() => c.some((e) => e.status === "uploading"), [c]),
+		uploadedAttachments: H(() => c.filter((e) => e.status === "uploaded" || !e.status), [c]),
+		isUploading: H(() => c.some((e) => e.status === "uploading"), [c]),
 		addFiles: y,
 		removeAttachment: b,
 		retryAttachment: x,
@@ -347,13 +346,13 @@ function Te(e = {}) {
 }
 //#endregion
 //#region src/components/features/comments/comment-composer.tsx
-function Ee(e) {
+function Oe(e) {
 	return typeof e == "string" && e.replace(/<[^>]*>/g, "").trim().length > 0;
 }
-function De({ label: e }) {
-	return /* @__PURE__ */ J("div", {
-		className: X.eyebrow,
-		children: /* @__PURE__ */ J(n, {
+function X({ label: e }) {
+	return /* @__PURE__ */ G("div", {
+		className: J.eyebrow,
+		children: /* @__PURE__ */ G(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -362,64 +361,64 @@ function De({ label: e }) {
 		})
 	});
 }
-function Z({ context: t, canComment: r = !0, submitting: i = !1, errors: a, resetKey: o = 0, onSubmit: c, onCancel: l, editingComment: u, replyingTo: d, strings: f, resources: h, onResourceSearch: g, attachments: _, maxAttachments: v, allowAttachments: y = !0, initialValues: b, autoFocus: x = !1, inlineSubmit: S = !1, placeholder: C, className: w, ref: ee }) {
+function Z({ context: t, canComment: r = !0, submitting: i = !1, errors: a, resetKey: o = 0, onSubmit: c, onCancel: l, editingComment: u, replyingTo: d, strings: f, resources: m, onResourceSearch: g, attachments: _, maxAttachments: v, allowAttachments: y = !0, initialValues: b, autoFocus: x = !1, inlineSubmit: S = !1, placeholder: C, className: w, ref: ee }) {
 	let T = {
-		...ye,
+		...q,
 		...f
-	}, D = G(null), te = G(null), [ne, A] = K(b?.content ?? ""), [oe, P] = K(null), F = N({
-		resources: h,
+	}, E = U(null), O = U(null), [ne, re] = W(b?.content ?? ""), [A, N] = W(null), P = ae({
+		resources: m,
 		onResourceSearch: g,
-		editorRef: D
-	}), [I, se] = K(null), R = Te({
+		editorRef: E
+	}), [F, I] = W(null), L = De({
 		..._,
 		maxFiles: v ?? _?.maxFiles,
 		initialAttachments: b?.attachments,
 		onReject: (e) => {
-			se(e), _?.onReject?.(e);
+			I(e), _?.onReject?.(e);
 		}
-	}), ce = !!u, z = !ce && !!d, ue = H(() => {
-		D.current?.clear(), A(""), F.reset(), R.reset(), P(null), se(null);
+	}), le = !!u, ue = !le && !!d, R = B(() => {
+		E.current?.clear(), re(""), P.reset(), L.reset(), N(null), I(null);
 	}, []);
-	U(() => {
-		ue();
+	V(() => {
+		R();
 	}, [
 		t.id,
 		t.type,
 		o
-	]), U(() => {
-		u && (D.current?.setHTML(u.content ?? ""), A(u.content ?? ""), F.setMentions(u.references ?? []), R.setAttachments((u.attachments ?? []).filter((e) => !!e)));
-	}, [u?.id]), U(() => {
-		a?.content && P(a.content);
-	}, [a]), he(ee, () => ({
-		focus: () => D.current?.focus(),
-		clear: ue,
+	]), V(() => {
+		u && (E.current?.setHTML(u.content ?? ""), re(u.content ?? ""), P.setMentions(u.references ?? []), L.setAttachments((u.attachments ?? []).filter((e) => !!e)));
+	}, [u?.id]), V(() => {
+		a?.content && N(a.content);
+	}, [a]), ve(ee, () => ({
+		focus: () => E.current?.focus(),
+		clear: R,
 		setBody: (e) => {
-			D.current?.setHTML(e), A(e);
+			E.current?.setHTML(e), re(e);
 		}
-	}), [ue]);
-	let B = H((e) => {
-		A(e);
+	}), [R]);
+	let fe = B((e) => {
+		re(e);
 		let t = j(e), n = t.map((e) => e.id).join("|");
-		F.setMentions((e) => {
+		P.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);
 		});
-	}, [F]), de = H((e) => {
-		if (e?.preventDefault(), i || R.isUploading) return;
-		let n = D.current?.getHTML() ?? ne;
-		if (!Ee(n)) {
-			P(T.invalidContent);
+	}, [P]), pe = B((e) => {
+		if (e?.preventDefault(), i || L.isUploading) return;
+		let n = E.current?.getHTML() ?? ne;
+		if (!Oe(n)) {
+			N(T.invalidContent);
 			return;
 		}
-		P(null), c({
+		N(null), c({
 			content: n,
 			commentableId: t.id,
 			commentableType: t.type,
 			moduleKey: t.moduleKey,
 			contentType: "html",
-			references: F.mentions,
-			attachments: R.uploadedAttachments,
+			references: P.mentions,
+			attachments: L.uploadedAttachments,
 			replyToId: d?.commentId ?? b?.replyToId,
 			editingId: u?.id
 		});
@@ -429,24 +428,24 @@ function Z({ context: t, canComment: r = !0, submitting: i = !1, errors: a, rese
 		T.invalidContent,
 		u?.id,
 		b?.replyToId,
-		F.mentions,
+		P.mentions,
 		c,
 		d?.commentId,
 		i,
-		R.isUploading,
-		R.uploadedAttachments
-	]), fe = W(() => {
+		L.isUploading,
+		L.uploadedAttachments
+	]), me = H(() => {
 		let e = [];
-		return h && Object.keys(h).length > 0 && e.push({
+		return m && Object.keys(m).length > 0 && e.push({
 			id: "reference",
-			icon: ae,
+			icon: se,
 			label: T.composerReferenceLabel,
-			onClick: () => F.setPickerOpen(!0)
+			onClick: () => P.setPickerOpen(!0)
 		}), y && _?.onUpload && !_.disabled && e.push({
 			id: "attachment",
-			icon: L,
+			icon: ce,
 			label: T.composerAttachmentLabel,
-			onClick: () => te.current?.click()
+			onClick: () => O.current?.click()
 		}), e;
 	}, [
 		y,
@@ -454,128 +453,128 @@ function Z({ context: t, canComment: r = !0, submitting: i = !1, errors: a, rese
 		_?.onUpload,
 		T.composerAttachmentLabel,
 		T.composerReferenceLabel,
-		F,
-		h
+		P,
+		m
 	]);
 	if (!r) return null;
-	let V = i ? T.composerSubmitting : ce ? T.composerSave : z ? T.composerReply : T.composerSubmit, pe = /* @__PURE__ */ Y(s, {
+	let he = i ? T.composerSubmitting : le ? T.composerSave : ue ? T.composerReply : T.composerSubmit, z = /* @__PURE__ */ K(s, {
 		type: "button",
-		onClick: () => de(),
-		disabled: i || R.isUploading,
-		children: [J(i ? k : le, {}), V]
-	}), me = S === !1 || ce || z, ge = I ? I.code === "too-large" ? T.formatTooLarge(I.limit) : T.formatTooMany(I.limit) : null, q = ce ? /* @__PURE__ */ J(De, { label: T.composerEditingEyebrow }) : z ? /* @__PURE__ */ J(De, { label: T.formatReplyingEyebrow(d.authorName ?? T.fallbackAuthor) }) : null;
-	return /* @__PURE__ */ Y("form", {
-		onSubmit: de,
-		className: e("comment-composer--component", X.composer, w),
+		onClick: () => pe(),
+		disabled: i || L.isUploading,
+		children: [G(i ? te : de, {}), he]
+	}), ge = S === !1 || le || ue, _e = F ? F.code === "too-large" ? T.formatTooLarge(F.limit) : T.formatTooMany(F.limit) : null, ye = le ? /* @__PURE__ */ G(X, { label: T.composerEditingEyebrow }) : ue ? /* @__PURE__ */ G(X, { label: T.formatReplyingEyebrow(d.authorName ?? T.fallbackAuthor) }) : null;
+	return /* @__PURE__ */ K("form", {
+		onSubmit: pe,
+		className: e("comment-composer--component", J.composer, w),
 		children: [
-			q,
-			/* @__PURE__ */ J("input", {
-				ref: te,
+			ye,
+			/* @__PURE__ */ G("input", {
+				ref: O,
 				type: "file",
 				multiple: !0,
 				hidden: !0,
 				accept: _?.accept,
 				onChange: (e) => {
-					e.target.files && R.addFiles(e.target.files), e.target.value = "";
+					e.target.files && L.addFiles(e.target.files), e.target.value = "";
 				}
 			}),
-			!F.triggerActive && /* @__PURE__ */ Y(O, {
-				open: F.pickerOpen,
-				onOpenChange: F.setPickerOpen,
-				children: [/* @__PURE__ */ J(E, { render: /* @__PURE__ */ J(p, { render: /* @__PURE__ */ J("button", {
+			!P.triggerActive && /* @__PURE__ */ K(k, {
+				open: P.pickerOpen,
+				onOpenChange: P.setPickerOpen,
+				children: [/* @__PURE__ */ G(D, { render: /* @__PURE__ */ G(p, { render: /* @__PURE__ */ G("button", {
 					type: "button",
 					tabIndex: -1,
 					"aria-hidden": !0
-				}) }) }), /* @__PURE__ */ J(re, {
-					open: F.pickerOpen,
-					activeKind: F.activeKind,
-					setActiveKind: F.setActiveKind,
-					kinds: F.kinds,
-					resources: h,
-					suggestionsByKind: F.suggestionsByKind,
-					query: F.query,
-					setQuery: F.setQuery,
-					suggestions: F.suggestions,
-					loading: F.isLoading,
-					onSelect: F.pickSuggestion
+				}) }) }), /* @__PURE__ */ G(M, {
+					open: P.pickerOpen,
+					activeKind: P.activeKind,
+					setActiveKind: P.setActiveKind,
+					kinds: P.kinds,
+					resources: m,
+					suggestionsByKind: P.suggestionsByKind,
+					query: P.query,
+					setQuery: P.setQuery,
+					suggestions: P.suggestions,
+					loading: P.isLoading,
+					onSelect: P.pickSuggestion
 				})]
 			}),
-			/* @__PURE__ */ Y("div", {
-				className: X.composerEditor,
-				children: [/* @__PURE__ */ J(ie, {
-					ref: D,
+			/* @__PURE__ */ K("div", {
+				className: J.composerEditor,
+				children: [/* @__PURE__ */ G(oe, {
+					ref: E,
 					compact: !0,
 					value: ne,
-					onValueChange: B,
+					onValueChange: fe,
 					placeholder: C ?? T.composerPlaceholder,
 					strings: { editorLabel: C ?? T.composerPlaceholder },
-					autoFocus: x || ce || z,
+					autoFocus: x || le || ue,
 					hideSourceToggle: !0,
-					extraToolbarItems: fe,
-					toolbarTrailing: me ? void 0 : pe,
-					footerSlot: R.attachments.length > 0 ? /* @__PURE__ */ J(m, {
+					extraToolbarItems: me,
+					toolbarTrailing: ge ? void 0 : z,
+					footerSlot: L.attachments.length > 0 ? /* @__PURE__ */ G(h, {
 						direction: "horizontal",
 						wrap: !0,
 						align: "center",
 						gap: "sm",
-						children: R.attachments.map((e) => /* @__PURE__ */ J(Ce, {
+						children: L.attachments.map((e) => /* @__PURE__ */ G(Te, {
 							attachment: e,
 							editable: !0,
-							onRemove: R.removeAttachment,
-							onRetry: R.retryAttachment,
+							onRemove: L.removeAttachment,
+							onRetry: L.retryAttachment,
 							strings: f
 						}, e.id))
 					}) : void 0,
-					onCaretChange: F.handleCaretChange
-				}), /* @__PURE__ */ J(M, {
-					onDismiss: () => F.setPickerOpen(!1),
-					open: F.triggerActive && F.pickerOpen,
-					activeKind: F.activeKind,
-					setActiveKind: F.setActiveKind,
-					onManualKindChange: () => F.setManualKindOverride(!0),
-					kinds: F.kinds,
-					resources: h,
-					query: F.query,
-					suggestions: F.suggestions,
-					suggestionsByKind: F.suggestionsByKind,
-					loading: F.isLoading,
-					onSelect: F.pickSuggestion
+					onCaretChange: P.handleCaretChange
+				}), /* @__PURE__ */ G(ie, {
+					onDismiss: () => P.setPickerOpen(!1),
+					open: P.triggerActive && P.pickerOpen,
+					activeKind: P.activeKind,
+					setActiveKind: P.setActiveKind,
+					onManualKindChange: () => P.setManualKindOverride(!0),
+					kinds: P.kinds,
+					resources: m,
+					query: P.query,
+					suggestions: P.suggestions,
+					suggestionsByKind: P.suggestionsByKind,
+					loading: P.isLoading,
+					onSelect: P.pickSuggestion
 				})]
 			}),
-			!!oe && /* @__PURE__ */ J(n, {
+			!!A && /* @__PURE__ */ G(n, {
 				size: "xs",
 				type: "error",
 				role: "alert",
 				"aria-live": "polite",
-				children: oe
+				children: A
 			}),
-			!!ge && /* @__PURE__ */ J(n, {
+			!!_e && /* @__PURE__ */ G(n, {
 				size: "xs",
 				type: "error",
 				role: "alert",
 				"aria-live": "polite",
-				children: ge
+				children: _e
 			}),
-			me && /* @__PURE__ */ Y(m, {
+			ge && /* @__PURE__ */ K(h, {
 				direction: "horizontal",
 				align: "center",
 				justify: "end",
 				gap: "md",
-				children: [!!l && /* @__PURE__ */ J(s, {
+				children: [!!l && /* @__PURE__ */ G(s, {
 					type: "button",
 					tone: "neutral",
 					buttonStyle: "ghost",
 					onClick: l,
 					disabled: i,
 					children: T.composerCancel
-				}), pe]
+				}), z]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/features/comments/comment-thread-context.ts
-var Oe = V(/* @__PURE__ */ new Map()), ke = V(0), Ae = V({});
+var ke = z(/* @__PURE__ */ new Map()), Ae = z(0), je = z({});
 //#endregion
 //#region src/components/features/comments/comment-content.tsx
 function Q(e) {
@@ -591,18 +590,18 @@ function $(e) {
 	} catch {}
 	return t.startsWith("\"") && t.endsWith("\"") ? t.slice(1, -1) : t;
 }
-function je({ block: r, copy: a }) {
+function Me({ block: r, copy: a }) {
 	let o = r.data ?? {};
 	switch (r.type) {
 		case "paragraph": {
 			let e = String(o.text ?? "").trim();
-			return e ? /* @__PURE__ */ J(i, { html: e }) : null;
+			return e ? /* @__PURE__ */ G(i, { html: e }) : null;
 		}
 		case "header": {
 			let e = Q(String(o.text ?? ""));
 			if (!e) return null;
 			let n = Math.min(Math.max(Number(o.level ?? 3), 1), 6);
-			return /* @__PURE__ */ J(t, {
+			return /* @__PURE__ */ G(t, {
 				level: n,
 				children: e
 			});
@@ -611,9 +610,9 @@ function je({ block: r, copy: a }) {
 			let t = (Array.isArray(o.items) ? o.items : []).map((e) => Q(String(e ?? ""))).filter((e) => e.length > 0);
 			if (t.length === 0) return null;
 			let r = o.style === "ordered";
-			return /* @__PURE__ */ J(r ? "ol" : "ul", {
-				className: e(X.richList, r && X.richListOrdered),
-				children: t.map((e, t) => /* @__PURE__ */ J("li", { children: /* @__PURE__ */ J(n, {
+			return /* @__PURE__ */ G(r ? "ol" : "ul", {
+				className: e(J.richList, r && J.richListOrdered),
+				children: t.map((e, t) => /* @__PURE__ */ G("li", { children: /* @__PURE__ */ G(n, {
 					tag: "span",
 					children: e
 				}) }, `${e}-${t}`))
@@ -623,14 +622,14 @@ function je({ block: r, copy: a }) {
 			let e = String(o.text ?? "").trim();
 			if (!e) return null;
 			let t = Q(String(o.caption ?? ""));
-			return /* @__PURE__ */ Y("blockquote", {
-				className: X.richQuote,
-				children: [/* @__PURE__ */ J(i, {
+			return /* @__PURE__ */ K("blockquote", {
+				className: J.richQuote,
+				children: [/* @__PURE__ */ G(i, {
 					html: e,
 					type: "secondary"
-				}), t.length > 0 && /* @__PURE__ */ J("cite", {
-					className: X.richCite,
-					children: /* @__PURE__ */ J(n, {
+				}), t.length > 0 && /* @__PURE__ */ G("cite", {
+					className: J.richCite,
+					children: /* @__PURE__ */ G(n, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -639,89 +638,89 @@ function je({ block: r, copy: a }) {
 				})]
 			});
 		}
-		case "delimiter": return /* @__PURE__ */ J("div", {
+		case "delimiter": return /* @__PURE__ */ G("div", {
 			"aria-hidden": !0,
-			className: X.richDelimiter
+			className: J.richDelimiter
 		});
 		default: {
 			let e = Q(String(o.text ?? ""));
-			return e ? /* @__PURE__ */ J(n, {
-				className: X.plain,
+			return e ? /* @__PURE__ */ G(n, {
+				className: J.plain,
 				children: e
 			}) : null;
 		}
 	}
 }
-function Me({ raw: e, copy: t }) {
+function Ne({ raw: e, copy: t }) {
 	if (!e) return null;
 	let r;
 	try {
 		let t = JSON.parse(e);
 		r = Array.isArray(t?.blocks) ? t.blocks : [];
 	} catch {
-		return /* @__PURE__ */ J(n, {
-			className: X.plain,
+		return /* @__PURE__ */ G(n, {
+			className: J.plain,
 			children: $(e)
 		});
 	}
-	return r.length === 0 ? null : /* @__PURE__ */ J("div", {
-		className: X.richBlocks,
-		children: r.map((e, n) => /* @__PURE__ */ J(de, { children: /* @__PURE__ */ J(je, {
+	return r.length === 0 ? null : /* @__PURE__ */ G("div", {
+		className: J.richBlocks,
+		children: r.map((e, n) => /* @__PURE__ */ G(me, { children: /* @__PURE__ */ G(Me, {
 			block: e,
 			copy: t
 		}) }, e.id ?? `${e.type}-${n}`))
 	});
 }
-function Ne({ comment: t, resources: r, renderReference: i, sanitizer: a, strings: o, className: s }) {
+function Pe({ comment: t, resources: r, renderReference: i, sanitizer: a, strings: o, className: s }) {
 	let c = {
-		...ye,
+		...q,
 		...o
 	}, l = e("comment-content--component", s), u = t.contentType ?? "text";
-	return u === "rich" ? /* @__PURE__ */ J("div", {
+	return u === "rich" ? /* @__PURE__ */ G("div", {
 		className: l,
-		children: /* @__PURE__ */ J(Me, {
+		children: /* @__PURE__ */ G(Ne, {
 			raw: t.content,
 			copy: c
 		})
-	}) : u === "html" ? /* @__PURE__ */ J("div", {
+	}) : u === "html" ? /* @__PURE__ */ G("div", {
 		className: l,
-		children: /* @__PURE__ */ J(A, {
+		children: /* @__PURE__ */ G(A, {
 			html: t.content ?? "",
 			mentions: t.references,
 			resources: r,
 			renderMention: i,
 			sanitizer: a
 		})
-	}) : /* @__PURE__ */ J(n, {
-		className: e(l, X.plain),
+	}) : /* @__PURE__ */ G(n, {
+		className: e(l, J.plain),
 		children: $(t.content)
 	});
 }
 //#endregion
 //#region src/components/features/comments/comment-item.tsx
-var Pe = "active", Fe = 2, Ie = ["👍"];
-function Le(e) {
+var Fe = "active", Ie = 2, Le = ["👍"];
+function Re(e) {
 	let t = e.replace(/_/g, " ");
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function Re(e) {
-	let { format: t, locale: n } = o(), r = x(e);
-	return r ? {
-		iso: r.toISOString(),
-		label: _e(r, `${t} HH:mm`, { locale: n })
+function ze(e) {
+	let { format: t, locale: n, timeFormat: r } = o(), i = S(e);
+	return i ? {
+		iso: i.toISOString(),
+		label: xe(i, `${t} ${r ?? "HH:mm"}`, { locale: n })
 	} : null;
 }
-function ze({ children: t, className: i, buttonRef: a, ...o }) {
-	return /* @__PURE__ */ J(r, {
-		render: /* @__PURE__ */ J("button", {
+function Be({ children: t, className: i, buttonRef: a, ...o }) {
+	return /* @__PURE__ */ G(r, {
+		render: /* @__PURE__ */ G("button", {
 			type: "button",
 			ref: a
 		}),
 		variant: "subtle",
 		"data-hit-area": !0,
-		className: e(X.quietAction, i),
+		className: e(J.quietAction, i),
 		...o,
-		children: /* @__PURE__ */ J(n, {
+		children: /* @__PURE__ */ G(n, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -730,66 +729,66 @@ function ze({ children: t, className: i, buttonRef: a, ...o }) {
 		})
 	});
 }
-function Be({ choices: e, reactions: t, onPick: n, copy: r }) {
-	let [i, a] = K(!1);
+function Ve({ choices: e, reactions: t, onPick: n, copy: r }) {
+	let [i, a] = W(!1);
 	if (e.length <= 1) {
-		let [t = Ie[0]] = e;
-		return /* @__PURE__ */ J("button", {
+		let [t = Le[0]] = e;
+		return /* @__PURE__ */ G("button", {
 			type: "button",
 			"aria-label": r.addReactionLabel,
 			title: r.addReactionLabel,
 			onClick: () => n(t),
-			className: X.reactionAdd,
-			children: /* @__PURE__ */ J(z, { "aria-hidden": !0 })
+			className: J.reactionAdd,
+			children: /* @__PURE__ */ G(R, { "aria-hidden": !0 })
 		});
 	}
-	return /* @__PURE__ */ Y(O, {
+	return /* @__PURE__ */ K(k, {
 		open: i,
 		onOpenChange: a,
-		children: [/* @__PURE__ */ J(E, {
-			render: /* @__PURE__ */ J("button", {
+		children: [/* @__PURE__ */ G(D, {
+			render: /* @__PURE__ */ G("button", {
 				type: "button",
 				"aria-label": r.addReactionLabel,
 				title: r.addReactionLabel,
-				className: X.reactionAdd
+				className: J.reactionAdd
 			}),
-			children: /* @__PURE__ */ J(z, { "aria-hidden": !0 })
-		}), /* @__PURE__ */ J(D, {
+			children: /* @__PURE__ */ G(R, { "aria-hidden": !0 })
+		}), /* @__PURE__ */ G(O, {
 			width: "auto",
 			side: "top",
 			align: "start",
 			inset: "flush",
 			"aria-label": r.reactionPickerLabel,
-			className: X.reactionPicker,
+			className: J.reactionPicker,
 			children: e.map((e) => {
 				let r = t.some((t) => t.emoji === e && t.mine);
-				return /* @__PURE__ */ J("button", {
+				return /* @__PURE__ */ G("button", {
 					type: "button",
 					"aria-pressed": r,
 					"data-mine": r || void 0,
 					onClick: () => {
 						n(e), a(!1);
 					},
-					className: X.reactionChoice,
+					className: J.reactionChoice,
 					children: e
 				}, e);
 			})
 		})]
 	});
 }
-function Ve({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentRemove: o, onEdit: s, onPinToggle: p, onReact: m, onReply: h, allowReactions: _ = !0, allowReplies: v = !0, commentActions: x, maxVisibleReplies: E = 3, clampLines: D = 6, maxVisibleAttachments: O = 3, reactionChoices: k = Ie, sanitizer: A, strings: j, getMediaUrl: M, getMediaName: re, getStatusLabel: N, resources: ie, renderAttachment: ae, renderReference: oe, className: P }) {
-	let F = {
-		...ye,
-		...j
-	}, I = pe(ke), L = pe(Ae), le = pe(Oe), z = v ? r ?? le.get(t.id ?? "") ?? [] : [], B = t.user?.name ?? F.fallbackAuthor, de = t.status && t.status !== Pe ? N?.(t.status) ?? Le(t.status) : null, V = Re(t.createdAt), he = Re(t.updatedAt), _e = t.canDelete ?? i === !0, ve = t.canEdit ?? i === !0, be = W(() => {
+function He({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentRemove: o, onEdit: s, onPinToggle: p, onReact: m, onReply: h, allowReactions: g = !0, allowReplies: v = !0, commentActions: y, maxVisibleReplies: S = 3, clampLines: D = 6, maxVisibleAttachments: O = 3, reactionChoices: k = Le, sanitizer: te, strings: A, getMediaUrl: j, getMediaName: ie, getStatusLabel: M, resources: ae, renderAttachment: oe, renderReference: se, className: N }) {
+	let P = {
+		...q,
+		...A
+	}, F = ge(Ae), I = ge(je), ce = ge(ke), de = v ? r ?? ce.get(t.id ?? "") ?? [] : [], R = t.user?.name ?? P.fallbackAuthor, pe = t.status && t.status !== Fe ? M?.(t.status) ?? Re(t.status) : null, me = ze(t.createdAt), z = ze(t.updatedAt), ve = t.canDelete ?? i === !0, xe = t.canEdit ?? i === !0, Se = H(() => {
 		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]), xe = W(() => (t.attachments ?? []).filter((e) => !!e && typeof e == "object"), [t.attachments]), Se = _ ? t.reactions ?? [] : [], we = te(), [Te, Ee] = K(null), De = H((e) => {
-		Ee(e), we.show();
-	}, [we]), Z = !!t.id && !!L.composer && L.replyingToId === t.id, Q = !!t.id && !!L.composer && L.editingId === t.id, $ = z.length, [je, Me] = K(!1), [He, Ue] = K(!1), [We, Ge] = K(Z);
-	We !== Z && (Ge(Z), Z && $ > 0 && Me(!0));
-	let Ke = je ? Math.max(0, $ - (E > 0 && !He ? E : $)) : 0, qe = je ? z.slice(Ke) : [], Je = me(), Ye = Z ? L.composer : null, Xe = Ye ? "composer" : qe.length > 0 ? "reply" : Ke > 0 ? "earlier" : "toggle", Ze = $ > 0 || !!Ye, Qe = G(null), $e = me(), [et, tt] = K(!1), [nt, rt] = K(!1), it = D > 0, at = it && nt && !et;
-	ge(() => {
+	}, [t.tagsArray]), Y = H(() => (t.attachments ?? []).filter((e) => !!e && typeof e == "object"), [t.attachments]), Ce = g ? t.reactions ?? [] : [], we = ne(), [Ee, De] = W(null), Oe = B((e) => {
+		De(e), we.show();
+	}, [we]), X = !!t.id && !!I.composer && I.replyingToId === t.id, Z = !!t.id && !!I.composer && I.editingId === t.id, Q = de.length, [$, Me] = W(!1), [Ne, Ue] = W(!1), [We, Ge] = W(X);
+	We !== X && (Ge(X), X && Q > 0 && Me(!0));
+	let Ke = $ ? Math.max(0, Q - (S > 0 && !Ne ? S : Q)) : 0, qe = $ ? de.slice(Ke) : [], Je = _e(), Ye = X ? I.composer : null, Xe = Ye ? "composer" : qe.length > 0 ? "reply" : Ke > 0 ? "earlier" : "toggle", Ze = Q > 0 || !!Ye, Qe = U(null), $e = _e(), [et, tt] = W(!1), [nt, rt] = W(!1), it = D > 0, at = it && nt && !et;
+	ye(() => {
 		let e = Qe.current;
 		if (!e || !it) {
 			rt(!1);
@@ -797,7 +796,7 @@ function Ve({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentR
 		}
 		let t = () => {
 			let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5;
-			n && rt(e.scrollHeight > (D + Fe) * n + 1);
+			n && rt(e.scrollHeight > (D + Ie) * n + 1);
 		};
 		if (t(), typeof ResizeObserver > "u") return;
 		let n = new ResizeObserver(t);
@@ -806,38 +805,38 @@ function Ve({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentR
 		it,
 		D,
 		t.content,
-		Q
+		Z
 	]);
-	let [ot, st] = K(!1), ct = O > 0 && xe.length > O + 1, lt = ct && !ot ? xe.slice(0, O) : xe, ut = xe.length - lt.length, dt = G(null), ft = G(null), pt = G(!1), mt = G(!1);
-	U(() => {
+	let [ot, st] = W(!1), ct = O > 0 && Y.length > O + 1, lt = ct && !ot ? Y.slice(0, O) : Y, ut = Y.length - lt.length, dt = U(null), ft = U(null), pt = U(!1), mt = U(!1);
+	V(() => {
 		let e = !document.activeElement || document.activeElement === document.body;
-		pt.current && !Z && e && dt.current?.focus(), mt.current && !Q && e && ft.current?.querySelector("button")?.focus(), pt.current = Z, mt.current = Q;
-	}, [Q, Z]);
+		pt.current && !X && e && dt.current?.focus(), mt.current && !Z && e && ft.current?.querySelector("button")?.focus(), pt.current = X, mt.current = Z;
+	}, [Z, X]);
 	let ht = [
 		{
 			id: "pin",
-			label: t.isPinned ? F.unpinLabel : F.pinLabel,
-			icon: ce,
+			label: t.isPinned ? P.unpinLabel : P.pinLabel,
+			icon: ue,
 			visible: !!p && i === !0,
 			onClick: () => p?.(t)
 		},
 		{
 			id: "edit",
-			label: F.editLabel,
-			icon: R,
-			visible: ve && !!s && !!t.id,
+			label: P.editLabel,
+			icon: le,
+			visible: xe && !!s && !!t.id,
 			onClick: () => s?.(t)
 		},
-		...d(x, t),
+		...d(y, t),
 		{
 			id: "delete",
-			label: F.deleteLabel,
-			icon: ue,
+			label: P.deleteLabel,
+			icon: fe,
 			tone: "destructive",
-			visible: _e && !!a && !!t.id,
+			visible: ve && !!a && !!t.id,
 			onClick: () => a?.(t.id)
 		}
-	], gt = _ && !!m && !!t.id, _t = v && !!h && !!t.id, vt = Se.length > 0 || gt || _t, yt = {
+	], gt = g && !!m && !!t.id, _t = v && !!h && !!t.id, vt = Ce.length > 0 || gt || _t, yt = {
 		canModerate: i,
 		onDelete: a,
 		onAttachmentRemove: o,
@@ -845,281 +844,281 @@ function Ve({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentR
 		onPinToggle: p,
 		onReact: m,
 		onReply: h,
-		allowReactions: _,
+		allowReactions: g,
 		allowReplies: v,
-		commentActions: x,
-		maxVisibleReplies: E,
+		commentActions: y,
+		maxVisibleReplies: S,
 		clampLines: D,
 		maxVisibleAttachments: O,
 		reactionChoices: k,
-		sanitizer: A,
-		strings: j,
-		getMediaUrl: M,
-		getMediaName: re,
-		getStatusLabel: N,
-		resources: ie,
-		renderAttachment: ae,
-		renderReference: oe
+		sanitizer: te,
+		strings: A,
+		getMediaUrl: j,
+		getMediaName: ie,
+		getStatusLabel: M,
+		resources: ae,
+		renderAttachment: oe,
+		renderReference: se
 	}, bt = `${$e}-author`;
-	return /* @__PURE__ */ Y("article", {
+	return /* @__PURE__ */ K("article", {
 		"data-slot": "comment",
 		"data-comment-id": t.id,
-		"data-depth": I,
+		"data-depth": F,
 		"data-pinned": t.isPinned || void 0,
-		"data-status": de ? t.status : void 0,
+		"data-status": pe ? t.status : void 0,
 		"data-thread": Ze || void 0,
-		"data-editing": Q || void 0,
+		"data-editing": Z || void 0,
 		"aria-labelledby": bt,
-		className: e("comment-item--component", X.item, P),
+		className: e("comment-item--component", J.item, N),
 		children: [
-			t.isPinned && /* @__PURE__ */ Y("div", {
-				className: X.itemContext,
-				children: [/* @__PURE__ */ J(ce, {
+			t.isPinned && /* @__PURE__ */ K("div", {
+				className: J.itemContext,
+				children: [/* @__PURE__ */ G(ue, {
 					"aria-hidden": !0,
-					className: X.itemContextIcon
-				}), /* @__PURE__ */ J(n, {
+					className: J.itemContextIcon
+				}), /* @__PURE__ */ G(n, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
 					type: "secondary",
-					children: F.pinned
+					children: P.pinned
 				})]
 			}),
-			/* @__PURE__ */ J("div", {
-				className: X.itemGutter,
-				children: /* @__PURE__ */ Y(T, {
+			/* @__PURE__ */ G("div", {
+				className: J.itemGutter,
+				children: /* @__PURE__ */ K(E, {
 					"aria-hidden": !0,
-					size: I > 0 ? "sm" : "default",
-					children: [!!t.user?.avatar && /* @__PURE__ */ J(ee, {
+					size: F > 0 ? "sm" : "default",
+					children: [!!t.user?.avatar && /* @__PURE__ */ G(T, {
 						src: t.user.avatar,
-						alt: B
-					}), /* @__PURE__ */ J(w, { children: g(B) })]
+						alt: R
+					}), /* @__PURE__ */ G(ee, { children: _(R) })]
 				})
 			}),
-			/* @__PURE__ */ J("div", {
-				className: X.itemMain,
-				children: Q ? /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(n, {
+			/* @__PURE__ */ G("div", {
+				className: J.itemMain,
+				children: Z ? /* @__PURE__ */ K(be, { children: [/* @__PURE__ */ G(n, {
 					tag: "span",
 					id: bt,
 					weight: "semibold",
-					className: X.itemEditingAuthor,
-					children: B
-				}), L.composer] }) : /* @__PURE__ */ Y(q, { children: [
-					/* @__PURE__ */ Y("div", {
-						className: X.itemBubbleRow,
-						children: [/* @__PURE__ */ Y("div", {
-							className: X.itemBubble,
+					className: J.itemEditingAuthor,
+					children: R
+				}), I.composer] }) : /* @__PURE__ */ K(be, { children: [
+					/* @__PURE__ */ K("div", {
+						className: J.itemBubbleRow,
+						children: [/* @__PURE__ */ K("div", {
+							className: J.itemBubble,
 							children: [
-								/* @__PURE__ */ Y("div", {
-									className: X.itemHeader,
+								/* @__PURE__ */ K("div", {
+									className: J.itemHeader,
 									children: [
-										/* @__PURE__ */ J(n, {
+										/* @__PURE__ */ G(n, {
 											tag: "span",
 											id: bt,
 											weight: "semibold",
-											className: X.itemAuthor,
-											children: B
+											className: J.itemAuthor,
+											children: R
 										}),
-										!!de && /* @__PURE__ */ J(C, {
+										!!pe && /* @__PURE__ */ G(w, {
 											tone: "neutral",
 											variant: "outline",
-											children: de
+											children: pe
 										}),
-										(V || t.isEdited) && /* @__PURE__ */ Y("span", {
-											className: X.itemMeta,
-											children: [V && /* @__PURE__ */ J("time", {
-												dateTime: V.iso,
-												className: X.itemTime,
-												children: /* @__PURE__ */ J(y, {
+										(me || t.isEdited) && /* @__PURE__ */ K("span", {
+											className: J.itemMeta,
+											children: [me && /* @__PURE__ */ G("time", {
+												dateTime: me.iso,
+												className: J.itemTime,
+												children: /* @__PURE__ */ G(b, {
 													value: t.createdAt,
 													size: "xs",
 													type: "secondary",
-													title: V.label
+													title: me.label
 												})
-											}), t.isEdited && /* @__PURE__ */ J(n, {
+											}), t.isEdited && /* @__PURE__ */ G(n, {
 												tag: "span",
 												size: "xs",
 												type: "secondary",
-												title: he?.label,
-												className: X.itemEdited,
-												children: F.edited
+												title: z?.label,
+												className: J.itemEdited,
+												children: P.edited
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ J("div", {
+								/* @__PURE__ */ G("div", {
 									ref: Qe,
 									id: $e,
 									"data-clamped": at || void 0,
 									style: at ? { maxHeight: `${D}lh` } : void 0,
-									className: X.itemContent,
-									children: /* @__PURE__ */ J(Ne, {
+									className: J.itemContent,
+									children: /* @__PURE__ */ G(Pe, {
 										comment: t,
-										resources: ie,
-										renderReference: oe,
-										sanitizer: A,
-										strings: j
+										resources: ae,
+										renderReference: se,
+										sanitizer: te,
+										strings: A
 									})
 								}),
-								it && nt && /* @__PURE__ */ J(ze, {
+								it && nt && /* @__PURE__ */ G(Be, {
 									"aria-expanded": et,
 									"aria-controls": $e,
 									onClick: () => tt((e) => !e),
-									className: X.itemMore,
-									children: et ? F.seeLessLabel : F.seeMoreLabel
+									className: J.itemMore,
+									children: et ? P.seeLessLabel : P.seeMoreLabel
 								})
 							]
-						}), /* @__PURE__ */ J("div", {
+						}), /* @__PURE__ */ G("div", {
 							ref: ft,
-							className: X.itemMenu,
-							children: /* @__PURE__ */ J(f, {
-								icon: se,
-								strings: { trigger: F.actionsLabel },
+							className: J.itemMenu,
+							children: /* @__PURE__ */ G(f, {
+								icon: L,
+								strings: { trigger: P.actionsLabel },
 								actions: ht
 							})
 						})]
 					}),
-					(xe.length > 0 || be.length > 0) && /* @__PURE__ */ Y("div", {
-						className: X.itemChips,
+					(Y.length > 0 || Se.length > 0) && /* @__PURE__ */ K("div", {
+						className: J.itemChips,
 						children: [
 							lt.map((e) => {
-								if (ae) return /* @__PURE__ */ J("div", { children: ae(e) }, e.id ?? e.name);
-								let t = !!o && !!e.id && _e;
-								return /* @__PURE__ */ J(Ce, {
+								if (oe) return /* @__PURE__ */ G("div", { children: oe(e) }, e.id ?? e.name);
+								let t = !!o && !!e.id && ve;
+								return /* @__PURE__ */ G(Te, {
 									attachment: e,
 									editable: t,
-									onRemove: t ? () => De(e.id) : void 0,
+									onRemove: t ? () => Oe(e.id) : void 0,
 									accessors: {
-										getMediaUrl: M,
-										getMediaName: re
+										getMediaUrl: j,
+										getMediaName: ie
 									},
-									strings: j
+									strings: A
 								}, e.id ?? e.name);
 							}),
-							be.map((e) => /* @__PURE__ */ J(C, {
+							Se.map((e) => /* @__PURE__ */ G(w, {
 								tone: "neutral",
 								variant: "outline",
 								children: e
 							}, e)),
-							ct && /* @__PURE__ */ J(ze, {
+							ct && /* @__PURE__ */ G(Be, {
 								"aria-expanded": ot,
 								onClick: () => st((e) => !e),
-								children: ot ? F.showFewerAttachmentsLabel : F.formatShowMoreAttachments(ut)
+								children: ot ? P.showFewerAttachmentsLabel : P.formatShowMoreAttachments(ut)
 							})
 						]
 					}),
-					vt && /* @__PURE__ */ Y("div", {
-						className: X.itemActions,
+					vt && /* @__PURE__ */ K("div", {
+						className: J.itemActions,
 						children: [
-							Se.map((e) => {
-								let n = /* @__PURE__ */ J("button", {
+							Ce.map((e) => {
+								let n = /* @__PURE__ */ G("button", {
 									type: "button",
 									"data-mine": e.mine || void 0,
 									disabled: !gt,
 									"aria-pressed": e.mine === !0,
 									onClick: () => t.id && m?.(t.id, e.emoji),
 									title: gt ? void 0 : e.users?.join(", "),
-									className: X.reaction
-								}), r = /* @__PURE__ */ Y(q, { children: [
-									/* @__PURE__ */ J("span", {
-										className: X.reactionEmoji,
+									className: J.reaction
+								}), r = /* @__PURE__ */ K(be, { children: [
+									/* @__PURE__ */ G("span", {
+										className: J.reactionEmoji,
 										children: e.emoji
 									}),
 									" ",
-									/* @__PURE__ */ J(S, {
+									/* @__PURE__ */ G(C, {
 										value: e.count,
 										size: "xs",
 										type: "inherit"
 									})
 								] });
-								return gt && e.users?.length ? /* @__PURE__ */ Y(u, { children: [/* @__PURE__ */ J(c, {
+								return gt && e.users?.length ? /* @__PURE__ */ K(u, { children: [/* @__PURE__ */ G(c, {
 									render: n,
 									children: r
-								}), /* @__PURE__ */ J(l, { children: /* @__PURE__ */ J(b, {
+								}), /* @__PURE__ */ G(l, { children: /* @__PURE__ */ G(x, {
 									items: e.users,
 									max: 10,
 									size: "xs",
 									type: "inherit"
-								}) })] }, e.emoji) : fe(n, { key: e.emoji }, r);
+								}) })] }, e.emoji) : he(n, { key: e.emoji }, r);
 							}),
-							gt && /* @__PURE__ */ J(Be, {
+							gt && /* @__PURE__ */ G(Ve, {
 								choices: k,
-								reactions: Se,
+								reactions: Ce,
 								onPick: (e) => m(t.id, e),
-								copy: F
+								copy: P
 							}),
-							_t && /* @__PURE__ */ J(ze, {
+							_t && /* @__PURE__ */ G(Be, {
 								buttonRef: dt,
 								onClick: () => h(t.id),
-								className: X.itemReply,
-								children: F.replyLabel
+								className: J.itemReply,
+								children: P.replyLabel
 							})
 						]
 					})
 				] })
 			}),
-			Ze && /* @__PURE__ */ Y("div", {
-				className: X.itemThread,
+			Ze && /* @__PURE__ */ K("div", {
+				className: J.itemThread,
 				children: [
-					$ > 0 && /* @__PURE__ */ J("div", {
-						className: X.threadEntry,
+					Q > 0 && /* @__PURE__ */ G("div", {
+						className: J.threadEntry,
 						"data-entry": "toggle",
 						"data-last": Xe === "toggle" || void 0,
-						children: /* @__PURE__ */ J(ze, {
-							"aria-expanded": je,
-							"aria-controls": je ? Je : void 0,
+						children: /* @__PURE__ */ G(Be, {
+							"aria-expanded": $,
+							"aria-controls": $ ? Je : void 0,
 							onClick: () => {
 								Me((e) => !e), Ue(!1);
 							},
-							className: X.repliesToggle,
-							children: je ? F.hideRepliesLabel : F.formatShowReplies($)
+							className: J.repliesToggle,
+							children: $ ? P.hideRepliesLabel : P.formatShowReplies(Q)
 						})
 					}),
-					Ke > 0 && /* @__PURE__ */ J("div", {
-						className: X.threadEntry,
+					Ke > 0 && /* @__PURE__ */ G("div", {
+						className: J.threadEntry,
 						"data-entry": "toggle",
 						"data-last": Xe === "earlier" || void 0,
-						children: /* @__PURE__ */ J(ze, {
+						children: /* @__PURE__ */ G(Be, {
 							"aria-controls": Je,
 							onClick: () => Ue(!0),
-							className: X.repliesToggle,
-							children: F.formatShowEarlierReplies(Ke)
+							className: J.repliesToggle,
+							children: P.formatShowEarlierReplies(Ke)
 						})
 					}),
-					qe.length > 0 && /* @__PURE__ */ J("ul", {
+					qe.length > 0 && /* @__PURE__ */ G("ul", {
 						id: Je,
 						role: "list",
-						"aria-label": F.formatRepliesLabel(B),
-						className: X.replies,
-						children: /* @__PURE__ */ J(ke.Provider, {
-							value: I + 1,
-							children: qe.map((e, t) => /* @__PURE__ */ J("li", {
-								className: X.threadEntry,
+						"aria-label": P.formatRepliesLabel(R),
+						className: J.replies,
+						children: /* @__PURE__ */ G(Ae.Provider, {
+							value: F + 1,
+							children: qe.map((e, t) => /* @__PURE__ */ G("li", {
+								className: J.threadEntry,
 								"data-entry": "reply",
 								"data-last": Xe === "reply" && t === qe.length - 1 || void 0,
-								children: /* @__PURE__ */ J(Ve, {
+								children: /* @__PURE__ */ G(He, {
 									comment: e,
 									...yt
 								})
 							}, e.id ?? `reply-${t}`))
 						})
 					}),
-					Ye && /* @__PURE__ */ J("div", {
-						className: X.threadEntry,
+					Ye && /* @__PURE__ */ G("div", {
+						className: J.threadEntry,
 						"data-entry": "composer",
 						"data-last": !0,
 						children: Ye
 					})
 				]
 			}),
-			!!o && /* @__PURE__ */ J(ne, {
+			!!o && /* @__PURE__ */ G(re, {
 				...we.overlayProps,
 				destructive: !0,
-				title: F.confirmRemoveAttachmentTitle,
-				description: F.confirmRemoveAttachmentDescription,
-				strings: { confirm: F.attachmentRemoveLabel },
+				title: P.confirmRemoveAttachmentTitle,
+				description: P.confirmRemoveAttachmentDescription,
+				strings: { confirm: P.attachmentRemoveLabel },
 				onConfirm: () => {
-					Te && t.id && o(t.id, Te);
+					Ee && t.id && o(t.id, Ee);
 				}
 			})
 		]
@@ -1127,11 +1126,11 @@ function Ve({ comment: t, replies: r, canModerate: i, onDelete: a, onAttachmentR
 }
 //#endregion
 //#region src/components/features/comments/comment-timeline.tsx
-function He({ comments: t, canModerate: n, onDelete: r, onAttachmentRemove: i, onEdit: o, onPinToggle: s, onReact: c, onReply: l, allowReactions: u, allowReplies: d, commentActions: f, maxVisibleReplies: p, clampLines: m, maxVisibleAttachments: h, reactionChoices: g, sanitizer: _, strings: v, getMediaUrl: y, getMediaName: b, getStatusLabel: x, resources: S, renderItem: C, renderAttachment: w, renderReference: ee, emptySlot: T, className: E }) {
+function Ue({ comments: t, canModerate: n, onDelete: r, onAttachmentRemove: i, onEdit: o, onPinToggle: s, onReact: c, onReply: l, allowReactions: u, allowReplies: d, commentActions: f, maxVisibleReplies: p, clampLines: m, maxVisibleAttachments: h, reactionChoices: g, sanitizer: _, strings: v, getMediaUrl: y, getMediaName: b, getStatusLabel: x, resources: S, renderItem: C, renderAttachment: w, renderReference: ee, emptySlot: T, className: E }) {
 	let D = {
-		...ye,
+		...q,
 		...v
-	}, { roots: O, repliesByParent: k } = W(() => {
+	}, { roots: O, repliesByParent: k } = H(() => {
 		let e = new Set(t.map((e) => e.id).filter(Boolean)), n = /* @__PURE__ */ new Map(), r = [];
 		for (let i of t) if (i.replyToId && e.has(i.replyToId)) {
 			let e = n.get(i.replyToId) ?? [];
@@ -1142,20 +1141,20 @@ function He({ comments: t, canModerate: n, onDelete: r, onAttachmentRemove: i, o
 			repliesByParent: n
 		};
 	}, [t]);
-	return t.length === 0 ? /* @__PURE__ */ J(q, { children: T ?? /* @__PURE__ */ J(a, {
+	return t.length === 0 ? /* @__PURE__ */ G(be, { children: T ?? /* @__PURE__ */ G(a, {
 		padding: "sm",
-		media: /* @__PURE__ */ J(I, {}),
+		media: /* @__PURE__ */ G(I, {}),
 		mediaVariant: "icon",
 		title: D.empty,
 		description: D.emptyHint
-	}) }) : /* @__PURE__ */ J(Oe.Provider, {
+	}) }) : /* @__PURE__ */ G(ke.Provider, {
 		value: k,
-		children: /* @__PURE__ */ J("ul", {
+		children: /* @__PURE__ */ G("ul", {
 			role: "list",
 			"data-slot": "comment-timeline",
-			className: e("comment-timeline--component", X.timeline, E),
+			className: e("comment-timeline--component", J.timeline, E),
 			children: O.map((e, t) => {
-				let a = /* @__PURE__ */ J(Ve, {
+				let a = /* @__PURE__ */ G(He, {
 					comment: e,
 					replies: d === !1 ? void 0 : k.get(e.id ?? ""),
 					canModerate: n,
@@ -1181,8 +1180,8 @@ function He({ comments: t, canModerate: n, onDelete: r, onAttachmentRemove: i, o
 					renderAttachment: w,
 					renderReference: ee
 				});
-				return /* @__PURE__ */ J("li", {
-					className: X.timelineEntry,
+				return /* @__PURE__ */ G("li", {
+					className: J.timelineEntry,
 					children: C ? C({
 						comment: e,
 						canModerate: n ?? !1,
@@ -1198,20 +1197,20 @@ function He({ comments: t, canModerate: n, onDelete: r, onAttachmentRemove: i, o
 }
 //#endregion
 //#region src/components/features/comments/use-comments.ts
-function Ue(e = {}) {
-	let { onSubmit: t, onUpdate: n, onDelete: r, onAfterMutate: i, onError: a, scopeKey: o } = e, [s, c] = K({ kind: "idle" }), [l, u] = K(!1), [d, f] = K({}), [p, m] = K(0), h = G(!1), g = G(o), _ = G(0), v = G(0), y = H((e) => {
+function We(e = {}) {
+	let { onSubmit: t, onUpdate: n, onDelete: r, onAfterMutate: i, onError: a, scopeKey: o } = e, [s, c] = W({ kind: "idle" }), [l, u] = W(!1), [d, f] = W({}), [p, m] = W(0), h = U(!1), g = U(o), _ = U(0), v = U(0), y = B((e) => {
 		h.current = e, u(e);
-	}, []), b = H(() => {
+	}, []), b = B(() => {
 		m((e) => e + 1), c({ kind: "idle" }), f({});
-	}, []), x = W(() => ({
+	}, []), x = H(() => ({
 		setErrors: f,
 		reset: b,
 		setSubmitting: y
 	}), [b, y]);
-	U(() => {
+	V(() => {
 		g.current !== o && (g.current = o, _.current += 1, v.current += 1, h.current = !1, u(!1), b());
 	}, [b, o]);
-	let S = H((e) => {
+	let S = B((e) => {
 		try {
 			a?.(e);
 		} catch {}
@@ -1221,21 +1220,21 @@ function Ue(e = {}) {
 		isSubmitting: l,
 		formErrors: d,
 		resetKey: p,
-		startReply: H((e) => {
+		startReply: B((e) => {
 			e.id && (f({}), c({
 				kind: "replying",
 				commentId: e.id,
 				authorName: e.user?.name
 			}));
 		}, []),
-		startEdit: H((e) => {
+		startEdit: B((e) => {
 			e.id && (f({}), c({
 				kind: "editing",
 				comment: e
 			}));
 		}, []),
-		cancelComposerMode: H(() => b(), [b]),
-		submit: H(async (e) => {
+		cancelComposerMode: B(() => b(), [b]),
+		submit: B(async (e) => {
 			if (h.current) return;
 			let r = _.current, a = v.current + 1;
 			v.current = a;
@@ -1275,7 +1274,7 @@ function Ue(e = {}) {
 			b,
 			y
 		]),
-		deleteComment: H(async (e) => {
+		deleteComment: B(async (e) => {
 			if (!(!r || !e)) try {
 				await r(e), i?.("delete", { commentId: e });
 			} catch (e) {
@@ -1292,52 +1291,52 @@ function Ue(e = {}) {
 }
 //#endregion
 //#region src/components/features/comments/comments.tsx
-function We(t) {
-	let { context: r, comments: i, canComment: a = !0, canModerate: o = !1, composerPosition: s = "top", maxAttachments: c, allowAttachments: l = !0, allowReactions: u = !0, allowReplies: d = !0, bare: f = !1, confirmDelete: p = !0, className: h, strings: g } = t, _ = {
-		...ye,
+function Ge(t) {
+	let { context: n, comments: r, canComment: i = !0, canModerate: a = !1, composerPosition: o = "top", maxAttachments: s, allowAttachments: c = !0, allowReactions: l = !0, allowReplies: u = !0, bare: d = !1, confirmDelete: f = !0, className: p, strings: g } = t, _ = {
+		...q,
 		...g
-	}, v = t.title ?? _.title, y = `${r.type}\u0000${r.id}\u0000${r.moduleKey ?? ""}`, b = G(y), x = {
+	}, v = t.title ?? _.title, y = `${n.type}\u0000${n.id}\u0000${n.moduleKey ?? ""}`, b = U(y), x = {
 		onSubmit: t.onSubmit,
 		onUpdate: t.onUpdate,
 		onDelete: t.onDelete,
 		onAfterMutate: t.onAfterMutate,
 		onError: t.onError,
 		scopeKey: y
-	}, S = Ue(x), C = Ue(x), w = te(), [ee, T] = K(null);
-	U(() => {
+	}, S = We(x), C = We(x), w = ne(), [ee, T] = W(null);
+	V(() => {
 		b.current !== y && (b.current = y, T(null), w.hide());
 	}, [y, w]);
-	let E = H((e) => {
-		if (!p) {
+	let E = B((e) => {
+		if (!f) {
 			S.deleteComment(e);
 			return;
 		}
 		T(e), w.show();
 	}, [
-		p,
+		f,
 		w,
 		S
-	]), { startReply: D, cancelComposerMode: O } = C, { onReply: k } = t, A = H((e) => {
-		let t = i.find((t) => t.id === e);
+	]), { startReply: D, cancelComposerMode: O } = C, { onReply: k } = t, te = B((e) => {
+		let t = r.find((t) => t.id === e);
 		t && D(t), k?.(e);
 	}, [
-		i,
+		r,
 		k,
 		D
-	]), j = C.composerMode, M = j.kind === "editing" ? j.comment : void 0, re = j.kind === "replying" ? {
-		commentId: j.commentId,
-		authorName: j.authorName
-	} : void 0, N = M?.id ?? re?.commentId;
-	U(() => {
-		N && !i.some((e) => e.id === N) && O();
+	]), A = C.composerMode, j = A.kind === "editing" ? A.comment : void 0, ie = A.kind === "replying" ? {
+		commentId: A.commentId,
+		authorName: A.authorName
+	} : void 0, M = j?.id ?? ie?.commentId;
+	V(() => {
+		M && !r.some((e) => e.id === M) && O();
 	}, [
 		O,
-		i,
-		N
+		r,
+		M
 	]);
-	let ie = t.composerSlot ?? (a ? /* @__PURE__ */ J(Z, {
-		context: r,
-		canComment: a,
+	let ae = t.composerSlot ?? (i ? /* @__PURE__ */ G(Z, {
+		context: n,
+		canComment: i,
 		submitting: S.isSubmitting,
 		errors: S.formErrors,
 		resetKey: S.resetKey,
@@ -1346,41 +1345,41 @@ function We(t) {
 		resources: t.resources,
 		onResourceSearch: t.onResourceSearch,
 		attachments: t.attachments,
-		maxAttachments: c,
-		allowAttachments: l
-	}) : null), ae = {
-		composer: a && N ? /* @__PURE__ */ J(Z, {
-			context: r,
-			canComment: a,
+		maxAttachments: s,
+		allowAttachments: c
+	}) : null), oe = {
+		composer: i && M ? /* @__PURE__ */ G(Z, {
+			context: n,
+			canComment: i,
 			submitting: C.isSubmitting,
 			errors: C.formErrors,
 			resetKey: C.resetKey,
-			editingComment: M,
-			replyingTo: re,
+			editingComment: j,
+			replyingTo: ie,
 			onCancel: C.cancelComposerMode,
 			onSubmit: C.submit,
-			placeholder: M ? _.editPlaceholder : _.replyPlaceholder,
+			placeholder: j ? _.editPlaceholder : _.replyPlaceholder,
 			strings: g,
 			resources: t.resources,
 			onResourceSearch: t.onResourceSearch,
 			attachments: t.attachments,
-			maxAttachments: c,
-			allowAttachments: l,
-			className: X.inlineComposer
-		}, `${j.kind}:${N}`) : void 0,
-		editingId: M?.id,
-		replyingToId: re?.commentId
-	}, oe = /* @__PURE__ */ J(He, {
-		comments: i,
-		canModerate: o,
+			maxAttachments: s,
+			allowAttachments: c,
+			className: J.inlineComposer
+		}, `${A.kind}:${M}`) : void 0,
+		editingId: j?.id,
+		replyingToId: ie?.commentId
+	}, se = /* @__PURE__ */ G(Ue, {
+		comments: r,
+		canModerate: a,
 		onDelete: t.onDelete ? E : void 0,
 		onAttachmentRemove: t.onAttachmentRemove,
-		onEdit: a && t.onUpdate ? C.startEdit : void 0,
+		onEdit: i && t.onUpdate ? C.startEdit : void 0,
 		onPinToggle: t.onPinToggle,
 		onReact: t.onReact,
-		onReply: a && d ? A : void 0,
-		allowReactions: u,
-		allowReplies: d,
+		onReply: i && u ? te : void 0,
+		allowReactions: l,
+		allowReplies: u,
 		commentActions: t.commentActions,
 		maxVisibleReplies: t.maxVisibleReplies,
 		clampLines: t.clampLines,
@@ -1396,20 +1395,20 @@ function We(t) {
 		renderAttachment: t.renderAttachment,
 		renderReference: t.renderReference,
 		emptySlot: t.emptySlot
-	}), P = /* @__PURE__ */ Y(m, {
+	}), N = /* @__PURE__ */ K(h, {
 		gap: "xl",
-		className: X.body,
+		className: J.body,
 		children: [
 			t.headerSlot,
-			s === "top" && ie,
-			/* @__PURE__ */ J(Ae.Provider, {
-				value: ae,
-				children: oe
+			o === "top" && ae,
+			/* @__PURE__ */ G(je.Provider, {
+				value: oe,
+				children: se
 			}),
-			s === "bottom" && ie,
+			o === "bottom" && ae,
 			t.footerSlot
 		]
-	}), F = !!(p && t.onDelete) && /* @__PURE__ */ J(ne, {
+	}), P = !!(f && t.onDelete) && /* @__PURE__ */ G(re, {
 		...w.overlayProps,
 		destructive: !0,
 		title: _.confirmDeleteTitle,
@@ -1420,26 +1419,20 @@ function We(t) {
 		},
 		onError: t.onError
 	});
-	return f ? /* @__PURE__ */ Y(q, { children: [P, F] }) : /* @__PURE__ */ Y("section", {
+	return d ? /* @__PURE__ */ K(be, { children: [N, P] }) : /* @__PURE__ */ K("section", {
 		"data-slot": "comments",
 		"aria-label": typeof v == "string" ? v : void 0,
-		className: e("comments--component", X.root, h),
+		className: e("comments--component", J.root, p),
 		children: [
-			v !== !1 && !!(v || _.subtitle) && /* @__PURE__ */ Y(m, {
-				gap: "xs",
-				className: X.header,
-				children: [!!v && /* @__PURE__ */ J(n, {
-					weight: "semibold",
-					children: v
-				}), !!_.subtitle && /* @__PURE__ */ J(n, {
-					type: "secondary",
-					children: _.subtitle
-				})]
+			v !== !1 && !!(v || _.subtitle) && /* @__PURE__ */ G(m, {
+				title: v || void 0,
+				description: _.subtitle || void 0,
+				className: J.header
 			}),
-			P,
-			F
+			N,
+			P
 		]
 	});
 }
 //#endregion
-export { Ne as a, Ce as c, Ve as i, ye as l, Ue as n, Z as o, He as r, Te as s, We as t };
+export { Pe as a, Te as c, He as i, q as l, We as n, Z as o, Ue as r, De as s, Ge as t };