@stll/folio-react 0.6.0 → 0.8.0

package/dist/{CommentsSidebar-_utmEkA9.js → CommentsSidebar-Byn5lyrt.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-CwHTsxBN.js";
+import { d as containedHandler } from "./renderAsync-BtWYvQMT.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";
@@ -124,16 +124,16 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		comments.length
 	]);
 	useEffect(() => {
-		const scrollEl = editorContainerRef?.current;
-		if (!scrollEl) return;
+		const scrollEl_0 = editorContainerRef?.current;
+		if (!scrollEl_0) return;
 		const resizeObserver = new ResizeObserver(updateSidebarLeft);
-		resizeObserver.observe(scrollEl);
+		resizeObserver.observe(scrollEl_0);
 		const handleScroll = () => updateSidebarLeft();
-		scrollEl.addEventListener("scroll", handleScroll, { passive: true });
+		scrollEl_0.addEventListener("scroll", handleScroll, { passive: true });
 		window.addEventListener("resize", handleScroll);
 		return () => {
 			resizeObserver.disconnect();
-			scrollEl.removeEventListener("scroll", handleScroll);
+			scrollEl_0.removeEventListener("scroll", handleScroll);
 			window.removeEventListener("resize", handleScroll);
 		};
 	}, [editorContainerRef, updateSidebarLeft]);
@@ -145,12 +145,12 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 	}), [comments, showResolved]);
 	const repliesByParent = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
-		for (const c of comments) {
-			const parentId = getCommentParentId(c);
-			if (parentId !== null && parentId !== void 0) {
-				const arr = map.get(parentId);
-				if (arr) arr.push(c);
-				else map.set(parentId, [c]);
+		for (const c_0 of comments) {
+			const parentId_0 = getCommentParentId(c_0);
+			if (parentId_0 !== null && parentId_0 !== void 0) {
+				const arr = map.get(parentId_0);
+				if (arr) arr.push(c_0);
+				else map.set(parentId_0, [c_0]);
 			}
 		}
 		return map;
@@ -227,15 +227,15 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		activeCommentId
 	]);
 	useEffect(() => {
-		const container = editorContainerRef?.current;
-		if (!container) return;
-		const pagesEl = container.querySelector(".paged-editor__pages");
-		if (!pagesEl) return;
+		const container_0 = editorContainerRef?.current;
+		if (!container_0) return;
+		const pagesEl_0 = container_0.querySelector(".paged-editor__pages");
+		if (!pagesEl_0) return;
 		const handleDocClick = (e) => {
 			const target = e.target;
 			if (!(target instanceof Element)) return;
 			if (sidebarRef.current?.contains(target)) return;
-			if (pagesEl.contains(target)) {
+			if (pagesEl_0.contains(target)) {
 				const commentEl = closestHtmlElement(target, "[data-comment-id]");
 				if (commentEl?.dataset["commentId"]) {
 					setExpandedCard(`comment-${commentEl.dataset["commentId"]}`);
@@ -246,30 +246,30 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			setExpandedCard(null);
 			setMenuOpenFor(null);
 		};
-		container.addEventListener("click", handleDocClick);
-		return () => container.removeEventListener("click", handleDocClick);
+		container_0.addEventListener("click", handleDocClick);
+		return () => container_0.removeEventListener("click", handleDocClick);
 	}, [editorContainerRef, onCommentClick]);
 	useEffect(() => {
-		const container = editorContainerRef?.current;
-		if (!container) return;
+		const container_1 = editorContainerRef?.current;
+		if (!container_1) return;
 		const timerQuick = setTimeout(updateCardPositions, 50);
 		const timerFull = setTimeout(() => {
 			updateCardPositions();
 			setInitialPositionsDone(true);
 		}, 400);
-		const resizeObserver = new ResizeObserver(() => {
+		const resizeObserver_0 = new ResizeObserver(() => {
 			requestAnimationFrame(updateCardPositions);
 		});
-		resizeObserver.observe(container);
+		resizeObserver_0.observe(container_1);
 		return () => {
 			clearTimeout(timerQuick);
 			clearTimeout(timerFull);
-			resizeObserver.disconnect();
+			resizeObserver_0.disconnect();
 		};
 	}, [updateCardPositions, editorContainerRef]);
 	useEffect(() => {
-		const container = editorContainerRef?.current;
-		if (!container) return;
+		const container_2 = editorContainerRef?.current;
+		if (!container_2) return;
 		let rafId = null;
 		const scheduleUpdate = () => {
 			if (rafId !== null) return;
@@ -278,10 +278,10 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 				updateCardPositions();
 			});
 		};
-		container.addEventListener("scroll", scheduleUpdate, { passive: true });
+		container_2.addEventListener("scroll", scheduleUpdate, { passive: true });
 		return () => {
 			if (rafId !== null) cancelAnimationFrame(rafId);
-			container.removeEventListener("scroll", scheduleUpdate);
+			container_2.removeEventListener("scroll", scheduleUpdate);
 		};
 	}, [editorContainerRef, updateCardPositions]);
 	useEffect(() => {
@@ -295,20 +295,20 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 	useEffect(() => {
 		const targets = [];
 		if (expandedCard) {
-			const el = cardRefs.current.get(expandedCard);
-			if (el) targets.push(el);
+			const el_0 = cardRefs.current.get(expandedCard);
+			if (el_0) targets.push(el_0);
 		}
 		const addEl = cardRefs.current.get("new-comment-input");
 		if (addEl) targets.push(addEl);
 		if (targets.length === 0) return;
-		let rafId;
+		let rafId_0;
 		const observer = new ResizeObserver(() => {
-			cancelAnimationFrame(rafId);
-			rafId = requestAnimationFrame(updateCardPositions);
+			cancelAnimationFrame(rafId_0);
+			rafId_0 = requestAnimationFrame(updateCardPositions);
 		});
-		for (const el of targets) observer.observe(el);
+		for (const el_1 of targets) observer.observe(el_1);
 		return () => {
-			cancelAnimationFrame(rafId);
+			cancelAnimationFrame(rafId_0);
 			observer.disconnect();
 		};
 	}, [expandedCard, updateCardPositions]);
@@ -321,11 +321,11 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		if (activeCommentId === null) return;
 		setExpandedCard(`comment-${activeCommentId}`);
 	}, [activeCommentId]);
-	const handleCardClick = (cardId, commentId) => {
-		const nextExpandedCard = expandedCard === cardId ? null : cardId;
+	const handleCardClick = (cardId_0, commentId_0) => {
+		const nextExpandedCard = expandedCard === cardId_0 ? null : cardId_0;
 		setExpandedCard(nextExpandedCard);
 		setMenuOpenFor(null);
-		if (commentId !== void 0) onCommentClick?.(nextExpandedCard === null && activeCommentId === commentId ? null : commentId);
+		if (commentId_0 !== void 0) onCommentClick?.(nextExpandedCard === null && activeCommentId === commentId_0 ? null : commentId_0);
 	};
 	const hasPositions = cardPositions.size > 0;
 	const avatarStyle = (name, size = 28) => ({
@@ -353,9 +353,9 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		fontWeight: 500,
 		fontFamily: "inherit"
 	});
-	const cardContainerStyle = (cardId, isExpanded, yPos) => {
-		const isKnown = knownCardsRef.current.has(cardId);
-		if (yPos !== void 0) knownCardsRef.current.add(cardId);
+	const cardContainerStyle = (cardId_1, isExpanded, yPos) => {
+		const isKnown = knownCardsRef.current.has(cardId_1);
+		if (yPos !== void 0) knownCardsRef.current.add(cardId_1);
 		const isNewCard = !isKnown && yPos !== void 0;
 		const noPosition = hasPositions && yPos === void 0;
 		const positionStyle = (() => {
@@ -389,13 +389,13 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			transition
 		};
 	};
-	const renderReplies = (replies, isExpanded) => {
+	const renderReplies = (replies, isExpanded_0) => {
 		if (replies.length === 0) return null;
 		return /* @__PURE__ */ jsxs("div", {
 			style: { marginTop: 8 },
-			children: [(isExpanded ? replies : replies.slice(-1)).map((reply) => /* @__PURE__ */ jsxs("div", {
+			children: [(isExpanded_0 ? replies : replies.slice(-1)).map((reply) => /* @__PURE__ */ jsxs("div", {
 				style: {
-					marginBottom: isExpanded ? 6 : 0,
+					marginBottom: isExpanded_0 ? 6 : 0,
 					paddingTop: 6,
 					borderTop: "1px solid var(--doc-border)"
 				},
@@ -434,7 +434,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						color: "var(--doc-text)",
 						lineHeight: "17px",
 						marginTop: 4,
-						...!isExpanded ? {
+						...!isExpanded_0 ? {
 							overflow: "hidden",
 							display: "-webkit-box",
 							WebkitLineClamp: 2,
@@ -443,7 +443,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 					},
 					children: getCommentText(reply.content)
 				})]
-			}, reply.id)), !isExpanded && replies.length > 1 && /* @__PURE__ */ jsx("div", {
+			}, reply.id)), !isExpanded_0 && replies.length > 1 && /* @__PURE__ */ jsx("div", {
 				style: {
 					fontSize: 11,
 					color: "var(--doc-text-muted)",
@@ -454,25 +454,25 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		});
 	};
 	const renderReplySection = (replyKey, submitFn) => /* @__PURE__ */ jsx("div", {
-		onClick: (e) => e.stopPropagation(),
+		onClick: (e_0) => e_0.stopPropagation(),
 		role: "presentation",
-		onKeyDown: (e) => e.stopPropagation(),
+		onKeyDown: (e_1) => e_1.stopPropagation(),
 		style: { marginTop: 8 },
 		children: replyingTo === replyKey ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("input", {
-			ref: (el) => el?.focus({ preventScroll: true }),
+			ref: (el_2) => el_2?.focus({ preventScroll: true }),
 			type: "text",
 			value: replyText,
-			onChange: (e) => setReplyText(e.target.value),
-			onMouseDown: (e) => e.stopPropagation(),
-			onKeyDown: (e) => {
-				e.stopPropagation();
-				if (e.key === "Enter") {
-					e.preventDefault();
+			onChange: (e_2) => setReplyText(e_2.target.value),
+			onMouseDown: (e_3) => e_3.stopPropagation(),
+			onKeyDown: (e_4) => {
+				e_4.stopPropagation();
+				if (e_4.key === "Enter") {
+					e_4.preventDefault();
 					if (replyText.trim() && submitFn) submitFn(replyKey, replyText.trim());
 					setReplyText("");
 					setReplyingTo(null);
 				}
-				if (e.key === "Escape") {
+				if (e_4.key === "Escape") {
 					setReplyingTo(null);
 					setReplyText("");
 				}
@@ -498,8 +498,8 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			},
 			children: [/* @__PURE__ */ jsx("button", {
 				type: "button",
-				onClick: (e) => {
-					e.stopPropagation();
+				onClick: (e_5) => {
+					e_5.stopPropagation();
 					setReplyingTo(null);
 					setReplyText("");
 				},
@@ -507,8 +507,8 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 				children: t("comments.cancel")
 			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
-				onClick: (e) => {
-					e.stopPropagation();
+				onClick: (e_6) => {
+					e_6.stopPropagation();
 					if (replyText.trim() && submitFn) submitFn(replyKey, replyText.trim());
 					setReplyText("");
 					setReplyingTo(null);
@@ -519,9 +519,9 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			})]
 		})] }) : /* @__PURE__ */ jsx("input", {
 			readOnly: true,
-			onMouseDown: (e) => e.stopPropagation(),
-			onClick: (e) => {
-				e.stopPropagation();
+			onMouseDown: (e_7) => e_7.stopPropagation(),
+			onClick: (e_8) => {
+				e_8.stopPropagation();
 				setReplyingTo(replyKey);
 			},
 			placeholder: t("comments.replyPlaceholder"),
@@ -539,30 +539,27 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			}
 		})
 	});
-	const renderCommentCard = (comment) => {
-		const replies = getReplies(comment.id);
-		const cardId = `comment-${comment.id}`;
-		const isExpanded = expandedCard === cardId;
-		const isActive = activeCommentId === comment.id;
-		const yPos = cardPositions.get(cardId) ?? lastKnownCardPositionsRef.current.get(cardId);
-		const cardRef = { get current() {
-			return cardRefs.current.get(cardId) ?? null;
-		} };
+	const renderCommentCard = (comment_0) => {
+		const replies_0 = getReplies(comment_0.id);
+		const cardId_2 = `comment-${comment_0.id}`;
+		const isExpanded_1 = expandedCard === cardId_2;
+		const isActive = activeCommentId === comment_0.id;
+		const yPos_0 = cardPositions.get(cardId_2) ?? lastKnownCardPositionsRef.current.get(cardId_2);
 		return /* @__PURE__ */ jsxs("div", {
-			ref: (el) => {
-				if (el) cardRefs.current.set(cardId, el);
-				else cardRefs.current.delete(cardId);
+			ref: (el_3) => {
+				if (el_3) cardRefs.current.set(cardId_2, el_3);
+				else cardRefs.current.delete(cardId_2);
 			},
-			"data-comment-id": comment.id,
+			"data-comment-id": comment_0.id,
 			className: "docx-comment-card",
-			onClick: containedHandler(cardRef, () => handleCardClick(cardId, comment.id)),
-			onKeyDown: (e) => {
-				if (e.key === "Enter" || e.key === " ") handleCardClick(cardId, comment.id);
+			onClick: containedHandler(() => handleCardClick(cardId_2, comment_0.id)),
+			onKeyDown: (e_9) => {
+				if (e_9.key === "Enter" || e_9.key === " ") handleCardClick(cardId_2, comment_0.id);
 			},
-			onMouseDown: containedHandler(cardRef, (e) => e.stopPropagation()),
+			onMouseDown: containedHandler((e_10) => e_10.stopPropagation()),
 			style: {
-				...cardContainerStyle(cardId, isExpanded, yPos),
-				opacity: comment.done ? .6 : 1,
+				...cardContainerStyle(cardId_2, isExpanded_1, yPos_0),
+				opacity: comment_0.done ? .6 : 1,
 				outline: isActive ? "2px solid var(--doc-primary, var(--primary))" : "none",
 				outlineOffset: 2
 			},
@@ -575,8 +572,8 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 					},
 					children: [
 						/* @__PURE__ */ jsx("div", {
-							style: avatarStyle(comment.author || "U"),
-							children: getInitials(comment.author || "U")
+							style: avatarStyle(comment_0.author || "U"),
+							children: getInitials(comment_0.author || "U")
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							style: {
@@ -589,16 +586,16 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 									fontWeight: 600,
 									color: "var(--doc-text)"
 								},
-								children: comment.author || "Unknown"
+								children: comment_0.author || "Unknown"
 							}), /* @__PURE__ */ jsx("div", {
 								style: {
 									fontSize: 10,
 									color: "var(--doc-text-muted)"
 								},
-								children: formatDate(comment.date, locale)
+								children: formatDate(comment_0.date, locale)
 							})]
 						}),
-						isExpanded && /* @__PURE__ */ jsxs("div", {
+						isExpanded_1 && /* @__PURE__ */ jsxs("div", {
 							style: {
 								display: "flex",
 								gap: 2,
@@ -608,9 +605,9 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 							children: [
 								/* @__PURE__ */ jsx("button", {
 									type: "button",
-									onClick: (e) => {
-										e.stopPropagation();
-										onCommentResolve?.(comment.id);
+									onClick: (e_11) => {
+										e_11.stopPropagation();
+										onCommentResolve?.(comment_0.id);
 									},
 									title: "Resolve",
 									style: ICON_BUTTON_STYLE,
@@ -618,18 +615,18 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 								}),
 								/* @__PURE__ */ jsx("button", {
 									type: "button",
-									onClick: (e) => {
-										e.stopPropagation();
-										setMenuOpenFor(menuOpenFor === cardId ? null : cardId);
+									onClick: (e_12) => {
+										e_12.stopPropagation();
+										setMenuOpenFor(menuOpenFor === cardId_2 ? null : cardId_2);
 									},
 									title: "More options",
 									style: ICON_BUTTON_STYLE,
 									children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: 16 })
 								}),
-								menuOpenFor === cardId && /* @__PURE__ */ jsx("div", {
-									onClick: (e) => e.stopPropagation(),
-									onKeyDown: (e) => e.stopPropagation(),
-									onMouseDown: (e) => e.stopPropagation(),
+								menuOpenFor === cardId_2 && /* @__PURE__ */ jsx("div", {
+									onClick: (e_13) => e_13.stopPropagation(),
+									onKeyDown: (e_14) => e_14.stopPropagation(),
+									onMouseDown: (e_15) => e_15.stopPropagation(),
 									role: "menu",
 									tabIndex: -1,
 									style: {
@@ -647,7 +644,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 										type: "button",
 										onClick: () => {
 											setMenuOpenFor(null);
-											onCommentDelete?.(comment.id);
+											onCommentDelete?.(comment_0.id);
 										},
 										style: {
 											display: "block",
@@ -661,19 +658,19 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 											cursor: "pointer",
 											fontFamily: "inherit"
 										},
-										onMouseOver: (e) => {
-											e.currentTarget.style.backgroundColor = "var(--doc-primary-light)";
+										onMouseOver: (e_16) => {
+											e_16.currentTarget.style.backgroundColor = "var(--doc-primary-light)";
 										},
-										onFocus: (e) => {
-											e.currentTarget.style.backgroundColor = "var(--doc-primary-light)";
+										onFocus: (e_17) => {
+											e_17.currentTarget.style.backgroundColor = "var(--doc-primary-light)";
 										},
-										onMouseOut: (e) => {
-											e.currentTarget.style.backgroundColor = "transparent";
+										onMouseOut: (e_18) => {
+											e_18.currentTarget.style.backgroundColor = "transparent";
 										},
-										onBlur: (e) => {
-											e.currentTarget.style.backgroundColor = "transparent";
+										onBlur: (e_19) => {
+											e_19.currentTarget.style.backgroundColor = "transparent";
 										},
-										children: "Delete"
+										children: t("delete")
 									})
 								})
 							]
@@ -687,12 +684,12 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						lineHeight: "17px",
 						marginTop: 5
 					},
-					children: getCommentText(comment.content)
+					children: getCommentText(comment_0.content)
 				}),
-				renderReplies(replies, isExpanded),
-				isExpanded && !comment.done && renderReplySection(comment.id, onCommentReply)
+				renderReplies(replies_0, isExpanded_1),
+				isExpanded_1 && !comment_0.done && renderReplySection(comment_0.id, onCommentReply)
 			]
-		}, comment.id);
+		}, comment_0.id);
 	};
 	return /* @__PURE__ */ jsx("aside", {
 		ref: sidebarRef,
@@ -713,22 +710,22 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			pointerEvents: initialPositionsDone || cardPositions.size > 0 ? "auto" : "none",
 			transition: "opacity 0.15s ease"
 		},
-		onMouseDown: containedHandler(sidebarRef, (e) => e.stopPropagation()),
+		onMouseDown: containedHandler((e_20) => e_20.stopPropagation()),
 		children: /* @__PURE__ */ jsxs("div", {
 			style: { position: "relative" },
 			children: [
 				isAddingComment && /* @__PURE__ */ jsxs("div", {
-					ref: (el) => {
-						if (el) cardRefs.current.set("new-comment-input", el);
+					ref: (el_4) => {
+						if (el_4) cardRefs.current.set("new-comment-input", el_4);
 						else cardRefs.current.delete("new-comment-input");
 					},
 					style: {
 						...(() => {
-							const yPos = cardPositions.get("new-comment-input");
+							const yPos_1 = cardPositions.get("new-comment-input");
 							if (!hasPositions) return { marginBottom: 8 };
-							if (yPos !== void 0) return {
+							if (yPos_1 !== void 0) return {
 								position: "absolute",
-								top: yPos,
+								top: yPos_1,
 								left: 0,
 								right: 0
 							};
@@ -746,17 +743,17 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						zIndex: 50
 					},
 					children: [/* @__PURE__ */ jsx("textarea", {
-						ref: (el) => el?.focus({ preventScroll: true }),
+						ref: (el_5) => el_5?.focus({ preventScroll: true }),
 						value: newCommentText,
-						onChange: (e) => setNewCommentText(e.target.value),
-						onMouseDown: (e) => e.stopPropagation(),
-						onKeyDown: (e) => {
-							e.stopPropagation();
-							if (e.key === "Enter" && !e.shiftKey) {
-								e.preventDefault();
+						onChange: (e_21) => setNewCommentText(e_21.target.value),
+						onMouseDown: (e_22) => e_22.stopPropagation(),
+						onKeyDown: (e_23) => {
+							e_23.stopPropagation();
+							if (e_23.key === "Enter" && !e_23.shiftKey) {
+								e_23.preventDefault();
 								handleNewCommentSubmit();
 							}
-							if (e.key === "Escape") {
+							if (e_23.key === "Escape") {
 								onCancelAddComment?.();
 								setNewCommentText("");
 							}
@@ -786,8 +783,8 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						},
 						children: [/* @__PURE__ */ jsx("button", {
 							type: "button",
-							onClick: (e) => {
-								e.stopPropagation();
+							onClick: (e_24) => {
+								e_24.stopPropagation();
 								onCancelAddComment?.();
 								setNewCommentText("");
 							},
@@ -795,8 +792,8 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 							children: t("comments.cancel")
 						}), /* @__PURE__ */ jsx("button", {
 							type: "button",
-							onClick: (e) => {
-								e.stopPropagation();
+							onClick: (e_25) => {
+								e_25.stopPropagation();
 								handleNewCommentSubmit();
 							},
 							disabled: !newCommentText.trim(),
@@ -805,7 +802,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						})]
 					})]
 				}),
-				visibleComments.map((comment) => renderCommentCard(comment)),
+				visibleComments.map((comment_1) => renderCommentCard(comment_1)),
 				visibleComments.length === 0 && !isAddingComment && /* @__PURE__ */ jsx("div", {
 					style: {
 						padding: "24px 16px",

package/dist/{FindReplaceDialog-DLdBekSR.js → FindReplaceDialog-CqKK82nE.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { o as useFolioUI } from "./useFindReplace-BPBpMWS9.js";
+import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "lucide-react";
 import { useTranslations } from "use-intl";
@@ -123,12 +123,12 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 			if (onClearHighlights) onClearHighlights();
 			return;
 		}
-		const searchResult = onFind(searchText, {
+		const searchResult_0 = onFind(searchText, {
 			matchCase,
 			matchWholeWord
 		});
-		setResult(searchResult);
-		if (searchResult?.matches && onHighlightMatches) onHighlightMatches(searchResult.matches);
+		setResult(searchResult_0);
+		if (searchResult_0?.matches && onHighlightMatches) onHighlightMatches(searchResult_0.matches);
 		else if (onClearHighlights) onClearHighlights();
 	}, [
 		searchText,
@@ -194,10 +194,10 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 			return;
 		}
 		if (onFindPrevious()) {
-			const newIndex = result.currentIndex === 0 ? result.totalCount - 1 : result.currentIndex - 1;
+			const newIndex_0 = result.currentIndex === 0 ? result.totalCount - 1 : result.currentIndex - 1;
 			setResult({
 				...result,
-				currentIndex: newIndex
+				currentIndex: newIndex_0
 			});
 		}
 	}, [
@@ -206,13 +206,13 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 		performSearch,
 		onFindPrevious
 	]);
-	const handleSearchKeyDown = useCallback((e) => {
-		if (e.key === "Enter") {
-			e.preventDefault();
+	const handleSearchKeyDown = useCallback((e_0) => {
+		if (e_0.key === "Enter") {
+			e_0.preventDefault();
 			const action = getFindEnterAction({
 				searchText,
 				result,
-				shiftKey: e.shiftKey
+				shiftKey: e_0.shiftKey
 			});
 			if (action === "search") {
 				performSearch();
@@ -223,7 +223,7 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 				return;
 			}
 			handleFindNext();
-		} else if (e.key === "Escape") onClose();
+		} else if (e_0.key === "Escape") onClose();
 	}, [
 		searchText,
 		result,
@@ -232,11 +232,18 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 		handleFindNext,
 		onClose
 	]);
-	const handleOverlayClick = useCallback((e) => {
-		if (e.target === e.currentTarget) {}
+	const handleSearchBlur = useCallback(() => {
+		if (searchText.trim() && !result) performSearch();
+	}, [
+		performSearch,
+		result,
+		searchText
+	]);
+	const handleOverlayClick = useCallback((e_1) => {
+		if (e_1.target === e_1.currentTarget) {}
 	}, []);
-	const handleDialogKeyDown = useCallback((e) => {
-		if (e.key === "Escape") onClose();
+	const handleDialogKeyDown = useCallback((e_2) => {
+		if (e_2.key === "Escape") onClose();
 	}, [onClose]);
 	if (!isOpen) return null;
 	const hasMatches = result && result.totalCount > 0;
@@ -295,9 +302,7 @@ function FindReplaceDialog({ isOpen, onClose, onFind, onFindNext, onFindPrevious
 								value: searchText,
 								onChange: handleSearchChange,
 								onKeyDown: handleSearchKeyDown,
-								onBlur: () => {
-									if (searchText.trim() && !result) performSearch();
-								},
+								onBlur: handleSearchBlur,
 								placeholder: t("findReplace.findPlaceholder"),
 								"aria-label": t("findReplace.findText")
 							}),