themelia-react-ui 2.0.1 → 2.0.2

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

@@ -1,28 +1,28 @@
 "use client";
-import { a as e, o as t } from "./ui-provider-1D_NSYzO.js";
+import { a as e, o as t } from "./ui-provider-C_U0Xma4.js";
 import { interpolateString as n, useStrings as r } from "./lib/strings.js";
-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 i } from "./utils-BRhFDwuU.js";
+import { n as a, t as o } from "./buttons-DPZekJFu.js";
+import { c as s, o as c, t as l } from "./typography-UTnveOEy.js";
+import { i as u, n as d, r as f, t as p } from "./tooltip-yiRJUFjp.js";
+import { t as m } from "./structure-BmisBK-3.js";
+import { i as h } from "./tone-recipes-BPsRAvhu.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 { i as _, t as v } from "./overlays-DNWmZrJ4.js";
+import { t as y } from "./interaction-recipes-XR9ZpVYL.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 { t as S } from "./rich-text-GOUyKQ-s.js";
+import { g as C, i as w } from "./primitives-BFK08r9M.js";
+import { n as ee, t as T } from "./number-DbV1Dija.js";
+import { i as E } from "./date-DCrsDTZc.js";
+import { i as D, n as O, s as te } from "./avatar-DAPlDvhJ.js";
+import { t as k } from "./badge-HpFqoqSY.js";
+import { n as A } from "./field-affordance-recipes-DZhnIL_Y.js";
+import { c as ne, o as re } from "./popover-7_m66eYW.js";
+import { s as j } from "./data-display-DT_khPl_.js";
+import { t as ie } from "./rich-text-editor-cRLC-eBK.js";
+import { l as M, n as ae, o as oe, r as N, t as se } from "./mentions-utuUvH1K.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";
@@ -183,8 +183,8 @@ function Q(e = {}) {
 function ye(e) {
 	return e.mimeType?.startsWith("image/") ? q : e.mimeType === "application/pdf" || e.mimeType?.startsWith("text/") ? de : e.mimeType ? K : pe;
 }
-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, {
+var be = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: a, accessors: c, strings: u, compact: d = !1, className: f }) => {
+	let p = r(X, u), m = c?.getMediaUrl?.(e) ?? e.url, _ = c?.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__ */ G(U, { children: [" ", /* @__PURE__ */ W(ee, {
@@ -210,7 +210,7 @@ var be = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: a, accessors:
 		"aria-hidden": !0
 	}), D = /* @__PURE__ */ G("span", {
 		className: "inline-flex min-w-0 items-baseline gap-space-sm",
-		children: [/* @__PURE__ */ W(c, {
+		children: [/* @__PURE__ */ W(s, {
 			tag: "span",
 			size: "xs",
 			weight: "medium",
@@ -244,7 +244,7 @@ var be = ({ attachment: e, editable: t = !1, onRemove: n, onRetry: a, accessors:
 				size: "sm",
 				onClick: () => a(e.id),
 				className: "shrink-0 text-destructive decoration-destructive/30 hover:decoration-destructive/60",
-				children: /* @__PURE__ */ W(c, {
+				children: /* @__PURE__ */ W(s, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
@@ -390,7 +390,7 @@ function Se(e = {}) {
 function Ce(e) {
 	return !e || typeof e != "string" ? !1 : e.replace(/<[^>]*>/g, "").trim().length > 0;
 }
-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) {
+var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors: r, resetKey: i = 0, onSubmit: o, onCancel: c, editingComment: l, replyingTo: u, strings: d, resources: f, onResourceSearch: p, attachments: h, maxAttachments: g, allowAttachments: _, 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: E,
@@ -410,7 +410,7 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 		strings: C,
 		onError: P
 	}), L = () => {
-		I.reset(), P(null), s?.();
+		I.reset(), P(null), c?.();
 	};
 	ce(S, () => ({
 		focus: () => O.current?.focus(),
@@ -457,11 +457,11 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 	}, 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 ? L : void 0
+		onClose: c ? L : void 0
 	}) : J ? /* @__PURE__ */ W(we, {
 		label: Te(C.composerReplyingEyebrow, u.authorName),
 		closeLabel: C.composerCancel,
-		onClose: s ? L : void 0
+		onClose: c ? L : void 0
 	}) : null, ge = B(() => {
 		let e = [];
 		return w && Object.keys(w).length > 0 && e.push({
@@ -490,7 +490,7 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 		disabled: n || I.isUploading,
 		icon: n ? fe : void 0,
 		children: me
-	}), Y = q || J || s ? /* @__PURE__ */ W(a, {
+	}), Y = q || J || c ? /* @__PURE__ */ W(a, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -577,7 +577,7 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 					},
 					placeholder: x ?? C.composerPlaceholder,
 					strings: { editorLabel: x ?? C.composerPlaceholder },
-					minHeight: "3rem",
+					bodyHeight: "field",
 					autoFocus: y || q || J,
 					extraToolbarItems: ge,
 					toolbarTrailing: Q,
@@ -603,14 +603,14 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 					}
 				})]
 			}),
-			oe && /* @__PURE__ */ W(c, {
+			oe && /* @__PURE__ */ W(s, {
 				role: "alert",
 				size: "xs",
 				type: "error",
 				className: "comment-composer--attachment-error",
 				children: oe
 			}),
-			A && /* @__PURE__ */ W(c, {
+			A && /* @__PURE__ */ W(s, {
 				size: "xs",
 				type: "error",
 				children: A
@@ -629,7 +629,7 @@ var $ = I(function({ context: e, canComment: t = !0, submitting: n = !1, errors:
 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", {
+		children: [/* @__PURE__ */ W(c, { children: e }), n ? /* @__PURE__ */ W("button", {
 			type: "button",
 			onClick: n,
 			className: i(A.target, A.focus, A.toggle),
@@ -674,6 +674,7 @@ function De(e) {
 	if (a === "html") return /* @__PURE__ */ W("div", {
 		className: "comment-content--component",
 		children: /* @__PURE__ */ W(oe, {
+			className: "text-inherit",
 			html: t.content ?? "",
 			mentions: t.references,
 			resources: n,
@@ -682,7 +683,8 @@ function De(e) {
 		})
 	});
 	let o = je(t.content ?? "");
-	return /* @__PURE__ */ W(c, {
+	return /* @__PURE__ */ W(s, {
+		type: "inherit",
 		className: "comment-content--component whitespace-pre-line",
 		children: o
 	});
@@ -691,14 +693,16 @@ 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__ */ W(c, {
+		return !t || !Array.isArray(t.blocks) || t.blocks.length === 0 ? null : /* @__PURE__ */ W(s, {
 			tag: "div",
+			type: "inherit",
 			className: x,
 			children: t.blocks.map((e, t) => /* @__PURE__ */ W(P, { children: ke(e) }, e.id ?? `${e.type}-${t}`))
 		});
 	} catch {
 		let t = je(e);
-		return /* @__PURE__ */ W(c, {
+		return /* @__PURE__ */ W(s, {
+			type: "inherit",
 			className: "whitespace-pre-line",
 			children: t
 		});
@@ -719,11 +723,13 @@ function ke(e) {
 		}
 		case "list": {
 			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, {
+			return e.length === 0 ? null : t.style === "ordered" ? /* @__PURE__ */ W("ol", { children: e.map((e, t) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(s, {
 				tag: "span",
+				type: "inherit",
 				children: e
-			}) }, `${e}-${t}`)) }) : /* @__PURE__ */ W("ul", { children: e.map((e) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(c, {
+			}) }, `${e}-${t}`)) }) : /* @__PURE__ */ W("ul", { children: e.map((e) => /* @__PURE__ */ W("li", { children: /* @__PURE__ */ W(s, {
 				tag: "span",
+				type: "inherit",
 				children: e
 			}) }, e)) });
 		}
@@ -739,11 +745,10 @@ function ke(e) {
 					type: "secondary"
 				}), n.length > 0 && /* @__PURE__ */ W("cite", {
 					className: "mt-1 block not-italic",
-					children: /* @__PURE__ */ G(c, {
+					children: /* @__PURE__ */ G(s, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
-						className: "opacity-80",
 						children: ["— ", n]
 					})
 				})]
@@ -778,7 +783,7 @@ function je(e) {
 }
 //#endregion
 //#region src/components/features/comments/partials/comment-item.tsx
-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 }) {
+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: c, 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: w,
@@ -788,11 +793,11 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 		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) => {
+	}, [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 && !!c && !!e.id, Se = !!J && !!r && !!e.id, Ce = Y || Q || ye || xe || Se, $ = _(), [we, Te] = H(null), Ee = R((e) => {
 		Te(e), $.show();
 	}, [$]), 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"),
+		className: i("comment-item--component group relative overflow-hidden rounded-radius border transition-colors", "border-border/60 bg-card text-card-foreground px-surface pt-surface", Ce ? "pb-surface-xs" : "pb-surface"),
 		"data-comment-id": e.id,
 		children: [/* @__PURE__ */ G(m, {
 			direction: "horizontal",
@@ -800,7 +805,7 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 			gap: "lg",
 			className: "min-w-0",
 			children: [/* @__PURE__ */ G(O, {
-				className: "mt-0.5 size-avatar shrink-0",
+				className: "size-avatar shrink-0",
 				children: [!!z && /* @__PURE__ */ W(te, {
 					src: z,
 					alt: L
@@ -812,60 +817,64 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 				className: "comment-item--body min-w-0 flex-1",
 				children: [
 					/* @__PURE__ */ G(m, {
-						direction: "horizontal",
-						align: "baseline",
-						gap: "md",
-						className: "min-w-0",
-						children: [
-							/* @__PURE__ */ W(c, {
-								tag: "span",
-								weight: "semibold",
-								className: "truncate",
-								children: L
-							}),
-							!!K && /* @__PURE__ */ W(f, {
-								delayDuration: 0,
-								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__ */ W(d, {
-									side: "top",
-									className: "text-xs",
-									children: M.pinned
-								})] })
-							}),
-							/* @__PURE__ */ W(E, {
-								value: e.createdAt,
-								formatRelativeTime: I,
-								size: "xs",
-								className: "shrink-0 tabular-nums"
-							}),
-							!!de && /* @__PURE__ */ W(c, {
-								tag: "span",
-								size: "xs",
-								type: "secondary",
-								className: "shrink-0",
-								children: M.edited
-							}),
-							!!q && !!fe && /* @__PURE__ */ W(k, {
-								size: "sm",
-								tone: "secondary",
-								className: "self-center",
-								children: fe
+						gap: "xs",
+						className: "comment-item--message min-w-0",
+						children: [/* @__PURE__ */ G(m, {
+							direction: "horizontal",
+							align: "baseline",
+							gap: "md",
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ W(s, {
+									tag: "span",
+									type: "inherit",
+									weight: "semibold",
+									className: "truncate",
+									children: L
+								}),
+								!!K && /* @__PURE__ */ W(f, {
+									delayDuration: 0,
+									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__ */ W(d, {
+										side: "top",
+										className: "text-xs",
+										children: M.pinned
+									})] })
+								}),
+								/* @__PURE__ */ W(E, {
+									value: e.createdAt,
+									formatRelativeTime: I,
+									size: "xs",
+									className: "shrink-0 tabular-nums"
+								}),
+								!!de && /* @__PURE__ */ W(s, {
+									tag: "span",
+									size: "xs",
+									type: "secondary",
+									className: "shrink-0",
+									children: M.edited
+								}),
+								!!q && !!fe && /* @__PURE__ */ W(k, {
+									size: "sm",
+									tone: "secondary",
+									className: "self-center",
+									children: fe
+								})
+							]
+						}), /* @__PURE__ */ W("div", {
+							className: "leading-relaxed",
+							children: /* @__PURE__ */ W(De, {
+								comment: e,
+								resources: re,
+								renderReference: ie,
+								sanitizer: x
 							})
-						]
-					}),
-					/* @__PURE__ */ W("div", {
-						className: "mt-1 leading-relaxed",
-						children: /* @__PURE__ */ W(De, {
-							comment: e,
-							resources: re,
-							renderReference: ie,
-							sanitizer: x
-						})
+						})]
 					}),
 					V.length > 0 && /* @__PURE__ */ W("div", {
 						className: "mt-space-md flex flex-wrap gap-space-sm",
@@ -911,8 +920,8 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 							children: /* @__PURE__ */ G(k, {
 								size: "sm",
 								tone: t.mine ? "info" : "secondary",
-								className: "cursor-pointer transition-colors hover:opacity-90",
-								children: [/* @__PURE__ */ W(c, {
+								className: "cursor-pointer transition-colors",
+								children: [/* @__PURE__ */ W(s, {
 									tag: "span",
 									size: "inherit",
 									lineHeight: "none",
@@ -972,7 +981,7 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 								buttonStyle: "ghost",
 								title: M.editLabel,
 								"aria-label": M.editLabel,
-								onClick: () => s(e),
+								onClick: () => c(e),
 								children: /* @__PURE__ */ W(me, { className: "size-icon-md" })
 							}),
 							Se && /* @__PURE__ */ W(a, {
@@ -1042,7 +1051,7 @@ var Me = "?", Ne = (e) => e?.url, Pe = (e) => e?.name, Fe = (e) => e.charAt(0).t
 //#endregion
 //#region src/components/features/comments/comments.tsx
 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({
+	let n = e(), r = t.composerPosition ?? n.composerPosition ?? "top", a = t.maxAttachments ?? 5, o = t.allowAttachments ?? !0, c = t.allowReactions ?? !0, l = t.allowReplies ?? !0, u = t.canComment ?? !1, d = t.canModerate ?? !1, f = t.onPinToggle, p = t.resources, h = t.attachments, g = 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,
@@ -1093,7 +1102,7 @@ function Re(t) {
 		onPinToggle: f,
 		onReact: t.onReact,
 		onReply: u && l ? O : void 0,
-		allowReactions: s,
+		allowReactions: c,
 		allowReplies: l,
 		sanitizer: t.sanitizer,
 		strings: t.strings,
@@ -1130,10 +1139,10 @@ function Re(t) {
 			!(y === !1 || !y && !g.subtitle) && /* @__PURE__ */ G(m, {
 				gap: "normal",
 				className: "comments--header",
-				children: [!!y && /* @__PURE__ */ W(c, {
+				children: [!!y && /* @__PURE__ */ W(s, {
 					weight: "semibold",
 					children: y
-				}), !!g.subtitle && /* @__PURE__ */ W(c, {
+				}), !!g.subtitle && /* @__PURE__ */ W(s, {
 					type: "secondary",
 					children: g.subtitle
 				})]
@@ -1156,4 +1165,4 @@ function Re(t) {
 //#endregion
 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-BpDuCUUu.js.map
+//# sourceMappingURL=comments-BYYlTA8E.js.map