themelia-react-ui 1.0.2 → 2.0.1

package/dist/{comments-u5L0OGip.js → comments-BpDuCUUu.js}

@@ -1,29 +1,31 @@
 "use client";
-import { a as e, o as t } from "./ui-provider-DRPn3qNl.js";
+import { a as e, o as t } from "./ui-provider-1D_NSYzO.js";
 import { interpolateString as n, useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-BvH9PSmq.js";
-import { t as a } from "./buttons-D_6KJvEE.js";
-import { a as o, r as s, t as c } from "./typography-BxQgiZyw.js";
-import { a as l, c as u, o as d, s as f, t as p } from "./button-BZDasD04.js";
-import { t as m } from "./structure-CRdqVawd.js";
-import { t as h } from "./row-recipes-DL8n7t_b.js";
-import { i as g, t as _ } from "./overlays-DUbs1KEi.js";
-import { t as v } from "./sanitize-html-BG9FGe-j.js";
-import { t as y } from "./content-typography-CnwgMJ37.js";
-import { t as b } from "./rich-text-DlxDOtf4.js";
-import { g as x, i as S } from "./primitives-C7ff0QaI.js";
-import { n as C, t as w } from "./number-DasMFWEG.js";
-import { i as T } from "./date-DOKhJPu7.js";
-import { i as E, n as D, s as O } from "./avatar-Bu2HhitA.js";
-import { t as k } from "./badge-CzId1Wlm.js";
-import { t as A } from "./field-affordance-recipes-uKY4MsZ_.js";
-import { c as ee, o as te } from "./popover-CghIYdQf.js";
-import { l as ne } from "./data-display-Bihs9Ven.js";
-import { t as re } from "./rich-text-editor-BKyG7rWz.js";
-import { l as j, n as ie, o as M, r as ae, t as oe } from "./mentions-Cl0Kt_Pd.js";
-import { Fragment as N, createElement as se, forwardRef as P, memo as F, useCallback as I, useEffect as L, useImperativeHandle as R, useMemo as z, useRef as B, useState as V } from "react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { AtSign as ce, CornerDownRight as le, File as G, FileText as ue, Image as K, Loader2 as de, MessageCircle as q, Paperclip as fe, Pencil as J, Pin as Y, Send as pe, Smile as me, Trash2 as he, X as ge } from "lucide-react";
+import { t as i } from "./utils-l5LpDw2z.js";
+import { n as a, t as o } from "./buttons-SbIcm1HJ.js";
+import { a as s, s as c, t as l } from "./typography-DTRkE9zL.js";
+import { i as u, n as d, r as f, t as p } from "./tooltip-CsfgrfS7.js";
+import { t as m } from "./structure-DC2dygdA.js";
+import { r as h } from "./tone-recipes-CPoExcTE.js";
+import { t as g } from "./row-recipes-DL8n7t_b.js";
+import { i as _, t as v } from "./overlays-I0axtYA6.js";
+import { t as y } from "./interaction-recipes-CHr0dJUs.js";
+import { t as b } from "./sanitize-html-DsQmI48u.js";
+import { t as x } from "./content-typography-CnwgMJ37.js";
+import { t as S } from "./rich-text-DvGulsNJ.js";
+import { g as C, i as w } from "./primitives-B-CkiEMU.js";
+import { n as ee, t as T } from "./number-DMhe-Vsk.js";
+import { i as E } from "./date-BgK3bTdo.js";
+import { i as D, n as O, s as te } from "./avatar-BBnEJIx8.js";
+import { t as k } from "./badge-MrKVNzW9.js";
+import { n as A } from "./field-affordance-recipes-qQeIf4lG.js";
+import { c as ne, o as re } from "./popover-Di55PyAI.js";
+import { s as j } from "./data-display-DafIvCl5.js";
+import { t as ie } from "./rich-text-editor-sMU_Scqm.js";
+import { l as M, n as ae, o as oe, r as N, t as se } from "./mentions-D-uyCh01.js";
+import { Fragment as P, createElement as F, forwardRef as I, memo as L, useCallback as R, useEffect as z, useImperativeHandle as ce, useMemo as B, useRef as V, useState as H } from "react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { AtSign as le, CornerDownRight as ue, File as K, FileText as de, Image as q, Loader2 as fe, MessageCircle as J, Paperclip as pe, Pencil as me, Pin as he, Smile as ge, Trash2 as _e, X as Y } from "lucide-react";
 //#region src/components/features/comments/comments.strings.ts
 var X = {
 	title: "Comments",
@@ -76,9 +78,9 @@ var X = {
 function Z(e) {
 	return r(X, e);
 }
-function _e(e) {
+function ve(e) {
 	let n = t();
-	return z(() => ({
+	return B(() => ({
 		getMediaUrl: e?.getMediaUrl,
 		getMediaName: e?.getMediaName,
 		getStatusLabel: e?.getStatusLabel,
@@ -88,15 +90,15 @@ function _e(e) {
 //#endregion
 //#region src/components/features/comments/hooks/use-comments.ts
 function Q(e = {}) {
-	let { onSubmit: t, onUpdate: n, onDelete: r, onAfterMutate: i, onError: a } = e, [o, s] = V({ kind: "idle" }), [c, l] = V(!1), u = B(!1), [d, f] = V({}), [p, m] = V(0), h = I((e) => {
+	let { onSubmit: t, onUpdate: n, onDelete: r, onAfterMutate: i, onError: a } = e, [o, s] = H({ kind: "idle" }), [c, l] = H(!1), u = V(!1), [d, f] = H({}), [p, m] = H(0), h = R((e) => {
 		u.current = e, l(e);
-	}, []), g = I(() => {
+	}, []), g = R(() => {
 		m((e) => e + 1), s({ kind: "idle" }), f({}), h(!1);
-	}, [h]), _ = z(() => ({
+	}, [h]), _ = B(() => ({
 		setErrors: f,
 		reset: g,
 		setSubmitting: h
-	}), [g, h]), v = I((e) => {
+	}), [g, h]), v = R((e) => {
 		try {
 			a?.(e);
 		} catch {}
@@ -106,23 +108,23 @@ function Q(e = {}) {
 		isSubmitting: c,
 		formErrors: d,
 		resetKey: p,
-		startReply: I((e) => {
+		startReply: R((e) => {
 			e.id && (f({}), s({
 				kind: "replying",
 				commentId: e.id,
 				authorName: e.user?.name
 			}));
 		}, []),
-		startEdit: I((e) => {
+		startEdit: R((e) => {
 			e.id && (f({}), s({
 				kind: "editing",
 				comment: e
 			}));
 		}, []),
-		cancelComposerMode: I(() => {
+		cancelComposerMode: R(() => {
 			g();
 		}, [g]),
-		submit: I(async (e) => {
+		submit: R(async (e) => {
 			if (o.kind === "editing" && o.comment.id) {
 				if (!n || u.current) return;
 				let t = {
@@ -161,7 +163,7 @@ function Q(e = {}) {
 			v,
 			h
 		]),
-		deleteComment: I(async (e) => {
+		deleteComment: R(async (e) => {
 			if (r && e) try {
 				await r(e), i?.("delete", { commentId: e });
 			} catch (e) {
@@ -178,49 +180,49 @@ function Q(e = {}) {
 }
 //#endregion
 //#region src/components/features/comments/partials/comment-attachment-chip.tsx
-function ve(e) {
-	return e.mimeType?.startsWith("image/") ? K : e.mimeType === "application/pdf" || e.mimeType?.startsWith("text/") ? ue : e.mimeType ? G : fe;
+function ye(e) {
+	return e.mimeType?.startsWith("image/") ? q : e.mimeType === "application/pdf" || e.mimeType?.startsWith("text/") ? de : e.mimeType ? K : pe;
 }
-var ye = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: s, accessors: l, strings: u, compact: d = !1, className: f }) => {
-	let p = r(X, u), m = l?.getMediaUrl?.(e) ?? e.url, g = l?.getMediaName?.(e) ?? e.name ?? p.attachmentFallback, _ = ve(e), v = e.status === "uploading", y = e.status === "failed", b = v ? /* @__PURE__ */ W(x, {
+var be = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: a, accessors: s, strings: u, compact: d = !1, className: f }) => {
+	let p = r(X, u), m = s?.getMediaUrl?.(e) ?? e.url, _ = s?.getMediaName?.(e) ?? e.name ?? p.attachmentFallback, v = ye(e), b = e.status === "uploading", x = e.status === "failed", S = b ? /* @__PURE__ */ G(C, {
 		size: "xs",
 		className: "shrink-0",
-		children: [p.attachmentUploadingLabel, typeof e.progress == "number" ? /* @__PURE__ */ W(H, { children: [" ", /* @__PURE__ */ U(C, {
+		children: [p.attachmentUploadingLabel, typeof e.progress == "number" ? /* @__PURE__ */ G(U, { children: [" ", /* @__PURE__ */ W(ee, {
 			value: Math.round(e.progress),
 			scaled: !0,
 			size: "xs",
 			align: "left",
 			type: "secondary"
 		})] }) : null]
-	}) : y ? /* @__PURE__ */ U(x, {
+	}) : x ? /* @__PURE__ */ W(C, {
 		size: "xs",
 		className: "shrink-0",
 		children: e.error ?? p.attachmentFailedLabel
-	}) : typeof e.size == "number" ? /* @__PURE__ */ U(S, {
+	}) : typeof e.size == "number" ? /* @__PURE__ */ W(w, {
 		value: e.size,
 		size: "xs",
 		className: "shrink-0"
-	}) : null, w = 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", h.compact, y ? "bg-destructive/[0.04] ring-destructive/30 hover:bg-destructive/[0.08]" : "bg-foreground/[0.03] ring-border/60 hover:bg-foreground/[0.06]", f), T = v ? /* @__PURE__ */ U(de, {
+	}) : null, T = 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 ${y.rowHover}`, f), E = b ? /* @__PURE__ */ W(fe, {
 		className: i("shrink-0 animate-spin text-muted-foreground", "size-icon-md"),
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ U(_, {
-		className: i("shrink-0", "size-icon-md", y ? "text-destructive" : "text-muted-foreground"),
+	}) : /* @__PURE__ */ W(v, {
+		className: i("shrink-0", "size-icon-md", x ? "text-destructive" : "text-muted-foreground"),
 		"aria-hidden": !0
-	}), E = /* @__PURE__ */ W("span", {
+	}), D = /* @__PURE__ */ G("span", {
 		className: "inline-flex min-w-0 items-baseline gap-space-sm",
-		children: [/* @__PURE__ */ U(o, {
+		children: [/* @__PURE__ */ W(c, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
-			className: i("truncate", y && "text-destructive"),
-			children: g
-		}), b]
+			className: i("truncate", x && "text-destructive"),
+			children: _
+		}), S]
 	});
-	return /* @__PURE__ */ W("div", {
-		className: w,
+	return /* @__PURE__ */ G("div", {
+		className: T,
 		children: [
-			T,
-			m && !v && !y ? /* @__PURE__ */ U(c, {
+			E,
+			m && !b && !x ? /* @__PURE__ */ W(l, {
 				href: m,
 				size: "inherit",
 				underline: !1,
@@ -228,21 +230,21 @@ var ye = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: s, accessors:
 				rel: "noreferrer noopener",
 				className: "inline-flex min-w-0 flex-1 items-baseline gap-space-sm hover:underline",
 				"aria-label": p.attachmentDownloadLabel,
-				children: E
-			}) : E,
-			v && typeof e.progress == "number" && /* @__PURE__ */ U("div", {
-				className: "bg-primary/15 absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full",
-				children: /* @__PURE__ */ U("div", {
+				children: D
+			}) : D,
+			b && typeof e.progress == "number" && /* @__PURE__ */ W("div", {
+				className: i(h.primary.line, "absolute bottom-0 left-2 right-2 h-px overflow-hidden rounded-full"),
+				children: /* @__PURE__ */ W("div", {
 					className: "bg-primary h-full transition-[width]",
 					style: { width: `${Math.min(100, Math.max(0, e.progress))}%` }
 				})
 			}),
-			y && s && /* @__PURE__ */ U(a, {
+			x && a && /* @__PURE__ */ W(o, {
 				type: "button",
 				size: "sm",
-				onClick: () => s(e.id),
+				onClick: () => a(e.id),
 				className: "shrink-0 text-destructive decoration-destructive/30 hover:decoration-destructive/60",
-				children: /* @__PURE__ */ U(o, {
+				children: /* @__PURE__ */ W(c, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
@@ -250,38 +252,38 @@ var ye = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: s, accessors:
 					children: p.attachmentRetryLabel
 				})
 			}),
-			t && n && /* @__PURE__ */ U("button", {
+			t && n && /* @__PURE__ */ W("button", {
 				type: "button",
 				onClick: () => n(e.id),
 				className: i(A.target, A.focus, A.toggle),
 				"aria-label": p.attachmentRemoveLabel,
 				title: p.attachmentRemoveLabel,
-				children: /* @__PURE__ */ U(ge, {
+				children: /* @__PURE__ */ W(Y, {
 					className: A.icon,
 					"aria-hidden": "true"
 				})
 			})
 		]
 	});
-}, be = {
+}, xe = {
 	attachmentTooLargeError: X.attachmentTooLargeError,
 	attachmentTooManyError: X.attachmentTooManyError,
 	attachmentFailedLabel: X.attachmentFailedLabel
 };
-function xe(e = {}) {
-	let { onUpload: t, maxSize: n, maxFiles: i, disabled: a, initialAttachments: o, onValueChange: s, onError: c, strings: l } = e, u = r(be, l), [d, f] = V(() => o ? [...o] : []), p = B(/* @__PURE__ */ new Map()), m = B(/* @__PURE__ */ new Map()), h = B(d), g = I((e) => {
+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] = H(() => o ? [...o] : []), p = V(/* @__PURE__ */ new Map()), m = V(/* @__PURE__ */ new Map()), h = V(d), g = R((e) => {
 		let t = [...e];
 		h.current = t, f(t);
-	}, []), _ = B(s);
+	}, []), _ = V(s);
 	_.current = s;
-	let v = I((e, t) => {
+	let v = R((e, t) => {
 		g(h.current.map((n) => n.id === e ? {
 			...n,
 			...t
 		} : n));
-	}, [g]), y = I((e) => {
+	}, [g]), y = R((e) => {
 		g(e);
-	}, [g]), b = I((e, n) => {
+	}, [g]), b = R((e, n) => {
 		if (!t || !m.current.has(e)) return;
 		let r = new AbortController();
 		p.current.set(e, { controller: r }), v(e, {
@@ -315,7 +317,7 @@ function xe(e = {}) {
 		t,
 		u.attachmentFailedLabel,
 		v
-	]), x = I((e) => {
+	]), x = R((e) => {
 		if (a || !t) return;
 		let r = Array.from(e);
 		if (r.length === 0) return;
@@ -354,19 +356,19 @@ function xe(e = {}) {
 		t,
 		u.attachmentTooLargeError,
 		u.attachmentTooManyError
-	]), S = I((e) => {
+	]), S = R((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 = I((e) => {
+	}, [g]), C = R((e) => {
 		let t = m.current.get(e);
 		t && b(e, t);
-	}, [b]), w = I(() => {
+	}, [b]), w = R(() => {
 		for (let e of p.current.values()) e.controller.abort();
 		p.current.clear(), m.current.clear(), g([]);
 	}, [g]);
-	return L(() => {
+	return z(() => {
 		_.current?.(d);
-	}, [d]), L(() => {
+	}, [d]), z(() => {
 		let e = p.current, t = m.current;
 		return () => {
 			for (let t of e.values()) t.controller.abort();
@@ -374,8 +376,8 @@ function xe(e = {}) {
 		};
 	}, []), {
 		attachments: d,
-		uploadedAttachments: z(() => d.filter((e) => e.status === "uploaded" || !e.status), [d]),
-		isUploading: z(() => d.some((e) => e.status === "uploading"), [d]),
+		uploadedAttachments: B(() => d.filter((e) => e.status === "uploaded" || !e.status), [d]),
+		isUploading: B(() => d.some((e) => e.status === "uploading"), [d]),
 		addFiles: x,
 		removeAttachment: S,
 		retryAttachment: C,
@@ -385,61 +387,61 @@ function xe(e = {}) {
 }
 //#endregion
 //#region src/components/features/comments/partials/comment-composer.tsx
-function Se(e) {
+function Ce(e) {
 	return !e || typeof e != "string" ? !1 : e.replace(/<[^>]*>/g, "").trim().length > 0;
 }
-var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors: r, resetKey: i = 0, onSubmit: a, onCancel: s, editingComment: c, replyingTo: l, strings: u, resources: d, onResourceSearch: f, attachments: h, maxAttachments: g, allowAttachments: _, initialValues: v, autoFocus: y = !1, inlineSubmit: b = !0, placeholder: x }, S) {
-	let C = Z(u), w = d, T = f, E = _ ?? !0, D = h?.maxFiles ?? g ?? 5, O = z(() => ({
+var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors: r, resetKey: i = 0, onSubmit: o, onCancel: s, editingComment: l, replyingTo: u, strings: d, resources: f, onResourceSearch: p, attachments: h, maxAttachments: g, allowAttachments: _, initialValues: v, autoFocus: y = !1, inlineSubmit: b = !0, placeholder: x }, S) {
+	let C = Z(d), w = f, ee = p, T = _ ?? !0, E = h?.maxFiles ?? g ?? 5, D = B(() => ({
 		...h,
-		maxFiles: D,
-		disabled: h?.disabled === !0 || !E
+		maxFiles: E,
+		disabled: h?.disabled === !0 || !T
 	}), [
-		E,
+		T,
 		h,
-		D
-	]), k = B(null), [A, ne] = V(() => v?.content ?? c?.content ?? ""), [M, N] = V(null), [se, P] = V(null), F = j({
+		E
+	]), O = V(null), [te, k] = H(() => v?.content ?? l?.content ?? ""), [A, j] = H(null), [oe, P] = H(null), F = M({
 		resources: w,
-		onResourceSearch: T,
-		editorRef: k,
-		initialMentions: v?.references ?? c?.references
-	}), I = xe({
-		...O,
+		onResourceSearch: ee,
+		editorRef: O,
+		initialMentions: v?.references ?? l?.references
+	}), I = Se({
+		...D,
 		initialAttachments: v?.attachments ?? void 0,
 		strings: C,
 		onError: P
-	}), H = () => {
+	}), L = () => {
 		I.reset(), P(null), s?.();
 	};
-	R(S, () => ({
-		focus: () => k.current?.focus(),
+	ce(S, () => ({
+		focus: () => O.current?.focus(),
 		clear: () => {
-			k.current?.clear(), F.reset(), I.reset(), N(null), P(null);
+			O.current?.clear(), F.reset(), I.reset(), j(null), P(null);
 		},
 		setBody: (e) => {
-			k.current?.setHTML(e);
+			O.current?.setHTML(e);
 		}
-	}), [I, F]), L(() => {
-		k.current?.setHTML(v?.content ?? ""), F.setMentions(v?.references ?? []), I.reset(), I.setAttachments(v?.attachments ?? []), N(null), P(null);
+	}), [I, F]), z(() => {
+		O.current?.setHTML(v?.content ?? ""), F.setMentions(v?.references ?? []), I.reset(), I.setAttachments(v?.attachments ?? []), j(null), P(null);
 	}, [
 		e.id,
 		e.type,
 		i
-	]), L(() => {
-		if (!c) return;
-		k.current?.setHTML(c.content ?? ""), F.setMentions(c.references ?? []);
-		let e = (c.attachments ?? []).filter((e) => !!e);
+	]), z(() => {
+		if (!l) return;
+		O.current?.setHTML(l.content ?? ""), F.setMentions(l.references ?? []);
+		let e = (l.attachments ?? []).filter((e) => !!e);
 		I.reset(), I.setAttachments(e), P(null);
-	}, [c?.id]), L(() => {
-		r?.content && N(r.content);
+	}, [l?.id]), z(() => {
+		r?.content && j(r.content);
 	}, [r]);
-	let le = (t) => {
+	let R = (t) => {
 		if (t?.preventDefault(), n || I.isUploading) return;
-		let r = k.current?.getHTML() ?? A;
-		if (!Se(r)) {
-			N(C.invalidContent);
+		let r = O.current?.getHTML() ?? te;
+		if (!Ce(r)) {
+			j(C.invalidContent);
 			return;
 		}
-		N(null), a({
+		j(null), o({
 			content: r,
 			commentableId: e.id,
 			commentableType: e.type,
@@ -447,59 +449,60 @@ var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors
 			contentType: "html",
 			references: F.mentions,
 			attachments: I.uploadedAttachments,
-			replyToId: l?.commentId ?? v?.replyToId,
-			editingId: c?.id
+			replyToId: u?.commentId ?? v?.replyToId,
+			editingId: l?.id
 		});
-	}, G = B(null), ue = () => G.current?.click(), K = (e) => {
+	}, U = V(null), ue = () => U.current?.click(), K = (e) => {
 		e?.length && (P(null), I.addFiles(e));
-	}, q = I.attachments.length > 0, J = !!c, Y = !J && !!l, me = n ? C.composerSubmitting : J ? C.composerSave : C.composerSubmit, he = J ? /* @__PURE__ */ U($, {
+	}, de = I.attachments.length > 0, q = !!l, J = !q && !!u, me = n ? C.composerSubmitting : q ? C.composerSave : C.composerSubmit, he = q ? /* @__PURE__ */ W(we, {
 		label: C.composerEditingEyebrow,
 		closeLabel: C.composerCancel,
-		onClose: s ? H : void 0
-	}) : Y ? /* @__PURE__ */ U($, {
-		label: we(C.composerReplyingEyebrow, l.authorName),
+		onClose: s ? L : void 0
+	}) : J ? /* @__PURE__ */ W(we, {
+		label: Te(C.composerReplyingEyebrow, u.authorName),
 		closeLabel: C.composerCancel,
-		onClose: s ? H : void 0
-	}) : null, ge = z(() => {
+		onClose: s ? L : void 0
+	}) : null, ge = B(() => {
 		let e = [];
 		return w && Object.keys(w).length > 0 && e.push({
 			id: "reference",
-			icon: ce,
+			icon: le,
 			label: C.composerReferenceLabel,
 			onClick: () => F.setPickerOpen(!0)
-		}), O?.onUpload && !O.disabled && e.push({
+		}), D?.onUpload && !D.disabled && e.push({
 			id: "attachment",
-			icon: fe,
+			icon: pe,
 			label: C.composerAttachmentLabel,
 			onClick: ue
 		}), e;
 	}, [
 		w,
-		O?.onUpload,
-		O?.disabled,
+		D?.onUpload,
+		D?.disabled,
 		C.composerReferenceLabel,
 		C.composerAttachmentLabel
 	]);
 	if (!t) return null;
-	let X = /* @__PURE__ */ U(p, {
+	let _e = /* @__PURE__ */ W(a, {
+		tone: "primary",
 		type: "button",
-		onClick: () => le(),
+		onClick: () => R(),
 		disabled: n || I.isUploading,
-		icon: n ? de : pe,
+		icon: n ? fe : void 0,
 		children: me
-	}), _e = J || Y || s ? /* @__PURE__ */ U(p, {
+	}), Y = q || J || s ? /* @__PURE__ */ W(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
-		onClick: H,
+		onClick: L,
 		disabled: n,
 		children: C.composerCancel
-	}) : null, Q = q ? /* @__PURE__ */ U(m, {
+	}) : null, X = de ? /* @__PURE__ */ W(m, {
 		direction: "horizontal",
 		wrap: !0,
 		align: "center",
 		gap: "sm",
-		children: I.attachments.map((e) => /* @__PURE__ */ U(ye, {
+		children: I.attachments.map((e) => /* @__PURE__ */ W(be, {
 			attachment: e,
 			editable: !0,
 			onRemove: (e) => {
@@ -508,37 +511,37 @@ var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors
 			onRetry: (e) => {
 				P(null), I.retryAttachment(e);
 			},
-			strings: u
+			strings: d
 		}, e.id))
-	}) : null, ve = q ? Q : null, be = b !== !1 && !J && !Y ? X : null, Ce = b === !1 || J || Y;
-	return /* @__PURE__ */ W(m, {
-		render: /* @__PURE__ */ U("form", {}),
+	}) : null, ve = de ? X : null, Q = b !== !1 && !q && !J ? _e : null, ye = b === !1 || q || J;
+	return /* @__PURE__ */ G(m, {
+		render: /* @__PURE__ */ W("form", {}),
 		gap: "md",
-		onSubmit: le,
+		onSubmit: R,
 		className: "comment-composer--component",
 		children: [
 			he,
-			/* @__PURE__ */ U("input", {
-				ref: G,
+			/* @__PURE__ */ W("input", {
+				ref: U,
 				type: "file",
 				multiple: !0,
 				hidden: !0,
-				accept: O?.accept,
+				accept: D?.accept,
 				onChange: (e) => {
 					K(e.target.files), e.target.value = "";
 				}
 			}),
-			!F.triggerActive && /* @__PURE__ */ W(te, {
+			!F.triggerActive && /* @__PURE__ */ G(re, {
 				open: F.pickerOpen,
 				onOpenChange: F.setPickerOpen,
-				children: [/* @__PURE__ */ U(ee, { render: /* @__PURE__ */ U(p, {
+				children: [/* @__PURE__ */ W(ne, { render: /* @__PURE__ */ W(a, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					className: "sr-only",
 					tabIndex: -1,
 					children: C.composerReferenceLabel
-				}) }), /* @__PURE__ */ U(ae, {
+				}) }), /* @__PURE__ */ W(N, {
 					open: F.pickerOpen,
 					activeKind: F.activeKind,
 					setActiveKind: (e) => {
@@ -559,14 +562,14 @@ var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors
 					}
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "comment-composer--editor relative",
-				children: [/* @__PURE__ */ U(re, {
-					ref: k,
-					value: A,
+				children: [/* @__PURE__ */ W(ie, {
+					ref: O,
+					value: te,
 					onValueChange: (e) => {
-						ne(e);
-						let t = oe(e), n = F.mentions;
+						k(e);
+						let t = se(e), n = F.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);
 							F.setMentions(r);
@@ -575,12 +578,12 @@ var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors
 					placeholder: x ?? C.composerPlaceholder,
 					strings: { editorLabel: x ?? C.composerPlaceholder },
 					minHeight: "3rem",
-					autoFocus: y || J || Y,
+					autoFocus: y || q || J,
 					extraToolbarItems: ge,
-					toolbarTrailing: be,
+					toolbarTrailing: Q,
 					footerSlot: ve,
 					onCaretChange: F.handleCaretChange
-				}), /* @__PURE__ */ U(ie, {
+				}), /* @__PURE__ */ W(ae, {
 					open: F.triggerActive && F.pickerOpen,
 					activeKind: F.activeKind,
 					setActiveKind: (e) => {
@@ -600,55 +603,55 @@ var Ce = P(function({ context: e, canComment: t = !0, submitting: n = !1, errors
 					}
 				})]
 			}),
-			se && /* @__PURE__ */ U(o, {
+			oe && /* @__PURE__ */ W(c, {
 				role: "alert",
 				size: "xs",
 				type: "error",
 				className: "comment-composer--attachment-error",
-				children: se
+				children: oe
 			}),
-			M && /* @__PURE__ */ U(o, {
+			A && /* @__PURE__ */ W(c, {
 				size: "xs",
 				type: "error",
-				children: M
+				children: A
 			}),
-			Ce && /* @__PURE__ */ W(m, {
+			ye && /* @__PURE__ */ G(m, {
 				direction: "horizontal",
 				align: "center",
 				justify: "end",
 				gap: "md",
 				className: "comment-composer--footer-actions",
-				children: [_e, X]
+				children: [Y, _e]
 			})
 		]
 	});
 });
-function $({ label: e, closeLabel: t, onClose: n }) {
-	return /* @__PURE__ */ W("div", {
-		className: i("comment-composer--eyebrow bg-muted/40 ring-border/60 flex min-w-0 items-center justify-between gap-space-sm rounded-radius px-row-x ring-1 ring-inset", h.compact),
-		children: [/* @__PURE__ */ U(s, { children: e }), n ? /* @__PURE__ */ U("button", {
+function we({ label: e, closeLabel: t, onClose: n }) {
+	return /* @__PURE__ */ G("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__ */ W(s, { children: e }), n ? /* @__PURE__ */ W("button", {
 			type: "button",
 			onClick: n,
 			className: i(A.target, A.focus, A.toggle),
 			"aria-label": t,
-			children: /* @__PURE__ */ U(ge, {
+			children: /* @__PURE__ */ W(Y, {
 				className: A.icon,
 				"aria-hidden": "true"
 			})
 		}) : null]
 	});
 }
-function we(e, t) {
+function Te(e, t) {
 	return n(e, { name: t }, { missing: "empty" });
 }
 //#endregion
 //#region src/components/features/comments/partials/comment-empty.tsx
-var Te = ({ strings: e, icon: t, className: n }) => {
+var Ee = ({ strings: e, icon: t, className: n }) => {
 	let r = Z(e);
-	return /* @__PURE__ */ U(ne, {
+	return /* @__PURE__ */ W(j, {
 		title: r.empty,
 		description: r.emptyHint || !1,
-		media: t ?? /* @__PURE__ */ U(q, {
+		media: t ?? /* @__PURE__ */ W(J, {
 			className: "size-icon",
 			"aria-hidden": "true"
 		}),
@@ -659,18 +662,18 @@ var Te = ({ strings: e, icon: t, className: n }) => {
 };
 //#endregion
 //#region src/components/features/comments/partials/comment-content.tsx
-function Ee(e) {
+function De(e) {
 	let { comment: t, resources: n, renderReference: r, sanitizer: i } = e, a = t.contentType ?? t.content_type ?? "text";
 	if (a === "rich") {
-		let e = De(t.content);
-		return e ? /* @__PURE__ */ U("div", {
+		let e = Oe(t.content);
+		return e ? /* @__PURE__ */ W("div", {
 			className: "comment-content--component",
 			children: e
 		}) : null;
 	}
-	if (a === "html") return /* @__PURE__ */ U("div", {
+	if (a === "html") return /* @__PURE__ */ W("div", {
 		className: "comment-content--component",
-		children: /* @__PURE__ */ U(M, {
+		children: /* @__PURE__ */ W(oe, {
 			html: t.content ?? "",
 			mentions: t.references,
 			resources: n,
@@ -678,48 +681,48 @@ function Ee(e) {
 			sanitizer: i
 		})
 	});
-	let s = Ae(t.content ?? "");
-	return /* @__PURE__ */ U(o, {
+	let o = je(t.content ?? "");
+	return /* @__PURE__ */ W(c, {
 		className: "comment-content--component whitespace-pre-line",
-		children: s
+		children: o
 	});
 }
-function De(e) {
+function Oe(e) {
 	if (!e) return null;
 	try {
 		let t = JSON.parse(e);
-		return !t || !Array.isArray(t.blocks) || t.blocks.length === 0 ? null : /* @__PURE__ */ U(o, {
+		return !t || !Array.isArray(t.blocks) || t.blocks.length === 0 ? null : /* @__PURE__ */ W(c, {
 			tag: "div",
-			className: y,
-			children: t.blocks.map((e, t) => /* @__PURE__ */ U(N, { children: Oe(e) }, e.id ?? `${e.type}-${t}`))
+			className: x,
+			children: t.blocks.map((e, t) => /* @__PURE__ */ W(P, { children: ke(e) }, e.id ?? `${e.type}-${t}`))
 		});
 	} catch {
-		let t = Ae(e);
-		return /* @__PURE__ */ U(o, {
+		let t = je(e);
+		return /* @__PURE__ */ W(c, {
 			className: "whitespace-pre-line",
 			children: t
 		});
 	}
 }
-function Oe(e) {
+function ke(e) {
 	let t = e.data ?? {};
 	switch (e.type) {
 		case "paragraph": {
 			let e = String(t.text ?? "").trim();
 			if (!e) return null;
-			let n = v(e);
-			return n ? /* @__PURE__ */ U("p", { dangerouslySetInnerHTML: { __html: n } }) : null;
+			let n = b(e);
+			return n ? /* @__PURE__ */ W("p", { dangerouslySetInnerHTML: { __html: n } }) : null;
 		}
 		case "header": {
-			let e = ke(String(t.text ?? "")), n = Number(t.level ?? 3);
-			return e ? se(`h${Math.min(Math.max(n, 1), 6)}`, null, e) : null;
+			let e = Ae(String(t.text ?? "")), n = Number(t.level ?? 3);
+			return e ? F(`h${Math.min(Math.max(n, 1), 6)}`, null, e) : null;
 		}
 		case "list": {
-			let e = (Array.isArray(t.items) ? t.items : []).map((e) => ke(String(e ?? ""))).filter((e) => e.length > 0);
-			return e.length === 0 ? null : t.style === "ordered" ? /* @__PURE__ */ U("ol", { children: e.map((e, t) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(o, {
+			let e = (Array.isArray(t.items) ? t.items : []).map((e) => Ae(String(e ?? ""))).filter((e) => e.length > 0);
+			return e.length === 0 ? null : t.style === "ordered" ? /* @__PURE__ */ W("ol", { children: e.map((e, t) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(c, {
 				tag: "span",
 				children: e
-			}) }, `${e}-${t}`)) }) : /* @__PURE__ */ U("ul", { children: e.map((e) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ U(o, {
+			}) }, `${e}-${t}`)) }) : /* @__PURE__ */ W("ul", { children: e.map((e) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(c, {
 				tag: "span",
 				children: e
 			}) }, e)) });
@@ -727,16 +730,16 @@ function Oe(e) {
 		case "quote": {
 			let e = String(t.text ?? "").trim();
 			if (!e) return null;
-			let n = ke(String(t.caption ?? ""));
-			return /* @__PURE__ */ W("blockquote", {
+			let n = Ae(String(t.caption ?? ""));
+			return /* @__PURE__ */ G("blockquote", {
 				className: "italic",
-				children: [/* @__PURE__ */ U(b, {
+				children: [/* @__PURE__ */ W(S, {
 					tag: "div",
 					html: e,
 					type: "secondary"
-				}), n.length > 0 && /* @__PURE__ */ U("cite", {
+				}), n.length > 0 && /* @__PURE__ */ W("cite", {
 					className: "mt-1 block not-italic",
-					children: /* @__PURE__ */ W(o, {
+					children: /* @__PURE__ */ G(c, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -746,23 +749,23 @@ function Oe(e) {
 				})]
 			});
 		}
-		case "delimiter": return /* @__PURE__ */ U("hr", {
+		case "delimiter": return /* @__PURE__ */ W("hr", {
 			className: "border-dashed",
 			"aria-hidden": "true"
 		});
 		default: {
-			let e = ke(String(t.text ?? ""));
-			return e ? /* @__PURE__ */ U("p", {
+			let e = Ae(String(t.text ?? ""));
+			return e ? /* @__PURE__ */ W("p", {
 				className: "whitespace-pre-line",
 				children: e
 			}) : null;
 		}
 	}
 }
-function ke(e) {
+function Ae(e) {
 	return e.replace(/<[^>]*>/g, "").trim();
 }
-function Ae(e) {
+function je(e) {
 	if (typeof e != "string") return "";
 	let t = e.trim();
 	if (t === "") return "";
@@ -775,79 +778,79 @@ function Ae(e) {
 }
 //#endregion
 //#region src/components/features/comments/partials/comment-item.tsx
-var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "), Fe = F(function({ comment: e, canModerate: t, onDelete: r, onAttachmentRemove: a, onEdit: s, onPinToggle: c, onReact: h, onReply: v, allowReactions: y, allowReplies: b, sanitizer: x, strings: S, getMediaUrl: C, getMediaName: ee, getStatusLabel: te, formatRelativeTime: ne, resources: re, renderAttachment: j, renderReference: ie }) {
-	let M = Z(S), ae = y ?? !0, oe = b ?? !0, N = _e({
+var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " "), Ie = L(function({ comment: e, canModerate: t, onDelete: r, onAttachmentRemove: o, onEdit: s, onPinToggle: l, onReact: h, onReply: g, allowReactions: y, allowReplies: b, sanitizer: x, strings: S, getMediaUrl: C, getMediaName: w, getStatusLabel: ee, formatRelativeTime: ne, resources: re, renderAttachment: j, renderReference: ie }) {
+	let M = Z(S), ae = y ?? !0, oe = b ?? !0, N = ve({
 		getMediaUrl: C,
-		getMediaName: ee,
-		getStatusLabel: te,
+		getMediaName: w,
+		getStatusLabel: ee,
 		formatRelativeTime: ne
-	}), se = N.getMediaUrl ?? Me, P = N.getMediaName ?? Ne, F = N.getStatusLabel ?? Pe, L = N.formatRelativeTime, R = e.user?.name ?? M.fallbackAuthor, B = e.user?.avatar ?? void 0, H = z(() => {
-		if (!R) return je;
-		let e = R.trim();
-		return e === "" ? je : e.charAt(0).toUpperCase();
-	}, [R]), ce = z(() => 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]), G = z(() => (e.attachments ?? []).filter((e) => !!e && typeof e == "object"), [e.attachments]), ue = ae ? e.reactions ?? [] : [], K = e.isPinned === !0, de = e.isEdited === !0, q = e.status && e.status !== "active", fe = q && e.status ? F(e.status) : null, pe = e.canDelete === !0 || t === !0, ge = e.canEdit === !0 || t === !0, Q = !!oe && !!v && !!e.id, ve = !!ae && !!h && !!e.id, be = !!c && !!t, xe = !!ge && !!s && !!e.id, Se = !!pe && !!r && !!e.id, Ce = Q || ve || be || xe || Se, $ = g(), [we, Te] = V(null), De = I((e) => {
+	}), se = N.getMediaUrl ?? Ne, P = N.getMediaName ?? Pe, F = N.getStatusLabel ?? Fe, I = N.formatRelativeTime, L = e.user?.name ?? M.fallbackAuthor, z = e.user?.avatar ?? void 0, ce = B(() => {
+		if (!L) return Me;
+		let e = L.trim();
+		return e === "" ? Me : e.charAt(0).toUpperCase();
+	}, [L]), V = B(() => 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]), U = B(() => (e.attachments ?? []).filter((e) => !!e && typeof e == "object"), [e.attachments]), le = ae ? e.reactions ?? [] : [], K = e.isPinned === !0, de = e.isEdited === !0, q = e.status && e.status !== "active", fe = q && e.status ? F(e.status) : null, J = e.canDelete === !0 || t === !0, pe = e.canEdit === !0 || t === !0, Y = !!oe && !!g && !!e.id, Q = !!ae && !!h && !!e.id, ye = !!l && !!t, xe = !!pe && !!s && !!e.id, Se = !!J && !!r && !!e.id, Ce = Y || Q || ye || xe || Se, $ = _(), [we, Te] = H(null), Ee = R((e) => {
 		Te(e), $.show();
-	}, [$]), Oe = G.length > 0;
-	return /* @__PURE__ */ W("article", {
-		className: i("comment-item--component group relative overflow-hidden rounded-radius border transition-colors", "border-border/60 bg-card hover:bg-muted/30 p-surface"),
+	}, [$]), Oe = U.length > 0;
+	return /* @__PURE__ */ G("article", {
+		className: i("comment-item--component group relative overflow-hidden rounded-radius border transition-colors", "border-border/60 bg-card px-surface pt-surface", Ce ? "pb-surface-xs" : "pb-surface"),
 		"data-comment-id": e.id,
-		children: [/* @__PURE__ */ W(m, {
+		children: [/* @__PURE__ */ G(m, {
 			direction: "horizontal",
 			align: "start",
 			gap: "lg",
 			className: "min-w-0",
-			children: [/* @__PURE__ */ W(D, {
+			children: [/* @__PURE__ */ G(O, {
 				className: "mt-0.5 size-avatar shrink-0",
-				children: [!!B && /* @__PURE__ */ U(O, {
-					src: B,
-					alt: R
-				}), /* @__PURE__ */ U(E, {
+				children: [!!z && /* @__PURE__ */ W(te, {
+					src: z,
+					alt: L
+				}), /* @__PURE__ */ W(D, {
 					className: "bg-muted text-muted-foreground text-xs font-medium",
-					children: H
+					children: ce
 				})]
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "comment-item--body min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ W(m, {
+					/* @__PURE__ */ G(m, {
 						direction: "horizontal",
 						align: "baseline",
 						gap: "md",
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ U(o, {
+							/* @__PURE__ */ W(c, {
 								tag: "span",
 								weight: "semibold",
 								className: "truncate",
-								children: R
+								children: L
 							}),
-							!!K && /* @__PURE__ */ U(f, {
+							!!K && /* @__PURE__ */ W(f, {
 								delayDuration: 0,
-								children: /* @__PURE__ */ W(l, { children: [/* @__PURE__ */ U(u, {
-									render: /* @__PURE__ */ U("span", { className: "inline-flex shrink-0 self-center" }),
-									children: /* @__PURE__ */ U(Y, {
-										className: "text-warning-accent size-icon-sm",
+								children: /* @__PURE__ */ G(p, { children: [/* @__PURE__ */ W(u, {
+									render: /* @__PURE__ */ W("span", { className: "inline-flex shrink-0 self-center" }),
+									children: /* @__PURE__ */ W(he, {
+										className: "text-muted-foreground size-icon-sm",
 										"aria-hidden": !0
 									})
-								}), /* @__PURE__ */ U(d, {
+								}), /* @__PURE__ */ W(d, {
 									side: "top",
 									className: "text-xs",
 									children: M.pinned
 								})] })
 							}),
-							/* @__PURE__ */ U(T, {
+							/* @__PURE__ */ W(E, {
 								value: e.createdAt,
-								formatRelativeTime: L,
+								formatRelativeTime: I,
 								size: "xs",
 								className: "shrink-0 tabular-nums"
 							}),
-							!!de && /* @__PURE__ */ U(o, {
+							!!de && /* @__PURE__ */ W(c, {
 								tag: "span",
 								size: "xs",
 								type: "secondary",
 								className: "shrink-0",
 								children: M.edited
 							}),
-							!!q && !!fe && /* @__PURE__ */ U(k, {
+							!!q && !!fe && /* @__PURE__ */ W(k, {
 								size: "sm",
 								tone: "secondary",
 								className: "self-center",
@@ -855,32 +858,32 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 							})
 						]
 					}),
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ W("div", {
 						className: "mt-1 leading-relaxed",
-						children: /* @__PURE__ */ U(Ee, {
+						children: /* @__PURE__ */ W(De, {
 							comment: e,
 							resources: re,
 							renderReference: ie,
 							sanitizer: x
 						})
 					}),
-					ce.length > 0 && /* @__PURE__ */ U("div", {
+					V.length > 0 && /* @__PURE__ */ W("div", {
 						className: "mt-space-md flex flex-wrap gap-space-sm",
-						children: ce.map((e) => /* @__PURE__ */ U(k, {
+						children: V.map((e) => /* @__PURE__ */ W(k, {
 							size: "sm",
 							tone: "secondary",
 							children: e
 						}, e))
 					}),
-					Oe && /* @__PURE__ */ U("div", {
+					Oe && /* @__PURE__ */ W("div", {
 						className: "mt-space-md flex flex-wrap gap-space-sm",
-						children: G.map((e) => {
-							if (j) return /* @__PURE__ */ U("div", { children: j(e) }, e.id ?? e.name);
-							let t = !!a && !!e.id && pe;
-							return /* @__PURE__ */ U(ye, {
+						children: U.map((e) => {
+							if (j) return /* @__PURE__ */ W("div", { children: j(e) }, e.id ?? e.name);
+							let t = !!o && !!e.id && J;
+							return /* @__PURE__ */ W(be, {
 								attachment: e,
 								editable: t,
-								onRemove: t ? () => De(e.id) : void 0,
+								onRemove: t ? () => Ee(e.id) : void 0,
 								accessors: {
 									getMediaUrl: se,
 									getMediaName: P
@@ -889,13 +892,13 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 							}, e.id ?? e.name);
 						})
 					}),
-					ue.length > 0 && /* @__PURE__ */ U(m, {
+					le.length > 0 && /* @__PURE__ */ W(m, {
 						direction: "horizontal",
 						wrap: !0,
 						align: "center",
 						gap: "xs",
 						className: "mt-space-md",
-						children: ue.map((t) => /* @__PURE__ */ U("button", {
+						children: le.map((t) => /* @__PURE__ */ W("button", {
 							type: "button",
 							"aria-label": n(M.reactionLabel ?? X.reactionLabel, {
 								emoji: t.emoji,
@@ -905,18 +908,18 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 							onClick: () => h && e.id ? h(e.id, t.emoji) : void 0,
 							title: t.users?.join(", "),
 							className: i(A.inline, A.focus),
-							children: /* @__PURE__ */ W(k, {
+							children: /* @__PURE__ */ G(k, {
 								size: "sm",
-								tone: t.mine ? "primary" : "secondary",
+								tone: t.mine ? "info" : "secondary",
 								className: "cursor-pointer transition-colors hover:opacity-90",
-								children: [/* @__PURE__ */ U(o, {
+								children: [/* @__PURE__ */ W(c, {
 									tag: "span",
 									size: "inherit",
 									lineHeight: "none",
 									className: "text-inherit",
 									"aria-hidden": !0,
 									children: t.emoji
-								}), /* @__PURE__ */ U(w, {
+								}), /* @__PURE__ */ W(T, {
 									value: t.count,
 									size: "inherit",
 									align: "left",
@@ -925,21 +928,21 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 							})
 						}, t.emoji))
 					}),
-					Ce && /* @__PURE__ */ W("div", {
-						className: i("comment-item--actions relative mt-space-md 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 rounded-radius bg-card/95 shadow-sm ring-1 ring-border/70"),
+					Ce && /* @__PURE__ */ G("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: [
-							Q && /* @__PURE__ */ U(p, {
+							Y && /* @__PURE__ */ W(a, {
 								type: "button",
 								size: "sm",
 								iconOnly: !0,
 								tone: "secondary",
 								buttonStyle: "ghost",
-								onClick: () => e.id && v(e.id),
+								onClick: () => e.id && g(e.id),
 								title: M.replyLabel,
 								"aria-label": M.replyLabel,
-								children: /* @__PURE__ */ U(le, { className: "size-icon-md" })
+								children: /* @__PURE__ */ W(ue, { className: "size-icon-md" })
 							}),
-							ve && /* @__PURE__ */ U(p, {
+							Q && /* @__PURE__ */ W(a, {
 								type: "button",
 								size: "sm",
 								iconOnly: !0,
@@ -948,20 +951,20 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 								onClick: () => e.id && h(e.id, "👍"),
 								title: M.addReactionLabel,
 								"aria-label": M.addReactionLabel,
-								children: /* @__PURE__ */ U(me, { className: "size-icon-md" })
+								children: /* @__PURE__ */ W(ge, { className: "size-icon-md" })
 							}),
-							be && /* @__PURE__ */ U(p, {
+							ye && /* @__PURE__ */ W(a, {
 								type: "button",
 								size: "sm",
 								iconOnly: !0,
 								tone: "secondary",
 								buttonStyle: "ghost",
-								onClick: () => c(e),
+								onClick: () => l(e),
 								title: K ? M.unpinLabel : M.pinLabel,
 								"aria-label": K ? M.unpinLabel : M.pinLabel,
-								children: /* @__PURE__ */ U(Y, { className: i("size-icon-md", K && "text-warning-accent") })
+								children: /* @__PURE__ */ W(he, { className: i("size-icon-md", K && "text-foreground") })
 							}),
-							xe && /* @__PURE__ */ U(p, {
+							xe && /* @__PURE__ */ W(a, {
 								type: "button",
 								size: "sm",
 								iconOnly: !0,
@@ -970,41 +973,41 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 								title: M.editLabel,
 								"aria-label": M.editLabel,
 								onClick: () => s(e),
-								children: /* @__PURE__ */ U(J, { className: "size-icon-md" })
+								children: /* @__PURE__ */ W(me, { className: "size-icon-md" })
 							}),
-							Se && /* @__PURE__ */ U(p, {
+							Se && /* @__PURE__ */ W(a, {
 								type: "button",
 								size: "sm",
 								iconOnly: !0,
 								tone: "secondary",
 								buttonStyle: "ghost",
-								className: "hover:bg-destructive/10 hover:text-destructive",
+								className: "hover:text-destructive",
 								onClick: () => r(e.id),
 								title: M.deleteLabel,
 								"aria-label": M.deleteLabel,
-								children: /* @__PURE__ */ U(he, { className: "size-icon-md" })
+								children: /* @__PURE__ */ W(_e, { className: "size-icon-md" })
 							})
 						]
 					})
 				]
 			})]
-		}), !!a && /* @__PURE__ */ U(_, {
+		}), !!o && /* @__PURE__ */ W(v, {
 			...$.overlayProps,
 			destructive: !0,
 			title: M.confirmRemoveAttachmentTitle,
 			description: M.confirmRemoveAttachmentDescription,
 			strings: { confirm: M.attachmentRemoveLabel },
 			onConfirm: () => {
-				we && e.id && a(e.id, we);
+				we && e.id && o(e.id, we);
 			}
 		})]
 	});
-}), Ie = 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__ */ U(m, {
+}), Le = 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__ */ W(m, {
 		gap: "sm",
 		className: "comment-timeline--component",
 		children: e.map((e, m) => {
-			let x = /* @__PURE__ */ U(Fe, {
+			let x = /* @__PURE__ */ W(Ie, {
 				comment: e,
 				canModerate: t,
 				onDelete: n,
@@ -1025,27 +1028,27 @@ var je = "?", Me = (e) => e?.url, Ne = (e) => e?.name, Pe = (e) => e.charAt(0).t
 				renderAttachment: y,
 				renderReference: b
 			});
-			return v ? /* @__PURE__ */ U("div", { children: v({
+			return v ? /* @__PURE__ */ W("div", { children: v({
 				comment: e,
 				canModerate: t ?? !1,
 				onDelete: n,
 				onAttachmentRemove: r,
 				onEdit: i,
 				defaultItem: x
-			}) }, e.id ?? `comment-${m}`) : /* @__PURE__ */ U("div", { children: x }, e.id ?? `comment-${m}`);
+			}) }, e.id ?? `comment-${m}`) : /* @__PURE__ */ W("div", { children: x }, e.id ?? `comment-${m}`);
 		})
-	}) : /* @__PURE__ */ U(H, { children: x ?? /* @__PURE__ */ U(Te, { strings: d }) });
+	}) : /* @__PURE__ */ W(U, { children: x ?? /* @__PURE__ */ W(Ee, { strings: d }) });
 };
 //#endregion
 //#region src/components/features/comments/comments.tsx
-function Le(t) {
-	let n = e(), r = t.composerPosition ?? n.composerPosition ?? "top", a = t.maxAttachments ?? 5, s = 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, v = Z(t.strings), y = t.title === void 0 ? v.title : t.title, b = t.confirmDelete ?? !0, x = g(), [S, C] = V(null), w = Q({
+function Re(t) {
+	let n = e(), r = t.composerPosition ?? n.composerPosition ?? "top", a = t.maxAttachments ?? 5, o = t.allowAttachments ?? !0, s = 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 = Z(t.strings), y = t.title === void 0 ? g.title : t.title, b = t.confirmDelete ?? !0, x = _(), [S, C] = H(null), w = Q({
 		onSubmit: t.onSubmit,
 		onUpdate: t.onUpdate,
 		onDelete: t.onDelete,
 		onAfterMutate: t.onAfterMutate,
 		onError: t.onError
-	}), T = I((e) => {
+	}), ee = R((e) => {
 		if (!b) {
 			w.deleteComment(e);
 			return;
@@ -1055,24 +1058,24 @@ function Le(t) {
 		b,
 		w,
 		x
-	]), E = w.startReply, D = t.comments, O = t.onReply, k = I((e) => {
-		let t = D.find((t) => t.id === e);
-		t && E(t), O?.(e);
+	]), T = w.startReply, E = t.comments, D = t.onReply, O = R((e) => {
+		let t = E.find((t) => t.id === e);
+		t && T(t), D?.(e);
 	}, [
+		E,
 		D,
-		O,
-		E
-	]), A = w.composerMode.kind === "editing" ? w.composerMode.comment : void 0, ee = w.composerMode.kind === "replying" ? {
+		T
+	]), te = w.composerMode.kind === "editing" ? w.composerMode.comment : void 0, k = w.composerMode.kind === "replying" ? {
 		commentId: w.composerMode.commentId,
 		authorName: w.composerMode.authorName
-	} : void 0, te = t.composerSlot ?? (u ? /* @__PURE__ */ U(Ce, {
+	} : void 0, A = t.composerSlot ?? (u ? /* @__PURE__ */ W($, {
 		context: t.context,
 		canComment: u,
 		submitting: w.isSubmitting,
 		errors: w.formErrors,
 		resetKey: w.resetKey,
-		editingComment: A,
-		replyingTo: ee,
+		editingComment: te,
+		replyingTo: k,
 		onCancel: w.composerMode.kind === "idle" ? void 0 : w.cancelComposerMode,
 		onSubmit: w.submit,
 		strings: t.strings,
@@ -1080,17 +1083,17 @@ function Le(t) {
 		onResourceSearch: t.onResourceSearch,
 		attachments: h,
 		maxAttachments: a,
-		allowAttachments: s
-	}) : null), ne = /* @__PURE__ */ U(Ie, {
+		allowAttachments: o
+	}) : null), ne = /* @__PURE__ */ W(Le, {
 		comments: t.comments,
 		canModerate: d,
-		onDelete: t.onDelete ? T : void 0,
+		onDelete: t.onDelete ? ee : 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,
+		onReply: u && l ? O : void 0,
+		allowReactions: s,
 		allowReplies: l,
 		sanitizer: t.sanitizer,
 		strings: t.strings,
@@ -1102,8 +1105,8 @@ function Le(t) {
 		renderItem: t.renderItem,
 		renderAttachment: t.renderAttachment,
 		renderReference: t.renderReference,
-		emptySlot: t.emptySlot ?? /* @__PURE__ */ U(Te, { strings: t.strings })
-	}), re = te ? /* @__PURE__ */ U("div", { children: te }) : null, j = /* @__PURE__ */ W(m, {
+		emptySlot: t.emptySlot ?? /* @__PURE__ */ W(Ee, { strings: t.strings })
+	}), re = A ? /* @__PURE__ */ W("div", { children: A }) : null, j = /* @__PURE__ */ G(m, {
 		gap: "xl",
 		className: "comments--body",
 		children: [
@@ -1116,32 +1119,32 @@ function Le(t) {
 	});
 	if (t.bare) return j;
 	let ie = typeof y == "string" ? y : void 0;
-	return /* @__PURE__ */ W(m, {
-		render: /* @__PURE__ */ U("section", {}),
+	return /* @__PURE__ */ G(m, {
+		render: /* @__PURE__ */ W("section", {}),
 		gap: "lg",
 		"data-component": "comments",
 		"data-slot": "comments",
 		className: i("comments--component", t.className),
 		"aria-label": ie,
 		children: [
-			!(y === !1 || !y && !v.subtitle) && /* @__PURE__ */ W(m, {
+			!(y === !1 || !y && !g.subtitle) && /* @__PURE__ */ G(m, {
 				gap: "normal",
 				className: "comments--header",
-				children: [!!y && /* @__PURE__ */ U(o, {
+				children: [!!y && /* @__PURE__ */ W(c, {
 					weight: "semibold",
 					children: y
-				}), !!v.subtitle && /* @__PURE__ */ U(o, {
+				}), !!g.subtitle && /* @__PURE__ */ W(c, {
 					type: "secondary",
-					children: v.subtitle
+					children: g.subtitle
 				})]
 			}),
 			j,
-			!!(b && t.onDelete) && /* @__PURE__ */ U(_, {
+			!!(b && t.onDelete) && /* @__PURE__ */ W(v, {
 				...x.overlayProps,
 				destructive: !0,
-				title: v.confirmDeleteTitle,
-				description: v.confirmDeleteDescription,
-				strings: { confirm: v.confirmDeleteLabel },
+				title: g.confirmDeleteTitle,
+				description: g.confirmDeleteDescription,
+				strings: { confirm: g.confirmDeleteLabel },
 				onAsyncConfirm: async () => {
 					S && await w.deleteComment(S);
 				},
@@ -1151,6 +1154,6 @@ function Le(t) {
 	});
 }
 //#endregion
-export { Te as a, xe as c, _e as d, Z as f, Ee as i, ye as l, Ie as n, Ce as o, X as p, Fe as r, we as s, Le as t, Q as u };
+export { Ee as a, Se as c, ve as d, Z as f, De as i, be as l, Le as n, $ as o, X as p, Ie as r, Te as s, Re as t, Q as u };
 
-//# sourceMappingURL=comments-u5L0OGip.js.map
+//# sourceMappingURL=comments-BpDuCUUu.js.map