@stll/folio-react 0.28.0 → 0.30.0

package/README.md

@@ -45,6 +45,38 @@ export function Editor({ docx }: { docx: ArrayBuffer }) {
 The editor renders to the DOM; under SSR, load it from a client-only/dynamic
 import.
 
+## Read-only review views
+
+```tsx
+<DocxEditor
+  documentBuffer={docx}
+  readOnly
+  reviewDisplayMode="final"
+  showCommentHighlights={false}
+/>
+```
+
+`reviewDisplayMode` accepts `all-markup` (the default), `final` (all pending
+changes accepted for display), or `original` (all pending changes rejected for
+display). It controls the displayed text, formatting, numbering, table rows,
+pagination and search. The controlled prop updates the view without reparsing.
+Omit it to let the editor's review selector control the view.
+
+Projected views (`final`, `original`, and Simple Markup in the review selector)
+are read-only: typing and replacement are refused. Switch to `all-markup` to
+edit. `ref.current.getReadOnlyReason()` returns `review-display-mode`,
+`host-read-only`, `viewing-mode`, or `null` when editing is allowed.
+`onReadonlyEditAttempt(reason)` receives the exported `EditorReadOnlyReason`
+when a user attempts an edit.
+
+`showCommentHighlights` defaults to `true` and independently hides comment
+highlights in `all-markup`. Highlights are always hidden in `final` and
+`original`. Neither prop changes the document, revisions or comments: saving
+or exporting DOCX preserves the same authored document in every view. The
+Vue `DocxEditor` exposes the same props. `ReviewDisplayMode` is exported by
+both adapters and folio-core; core's `reviewDisplayModeToDisplayMode` selects
+the existing `markupView` layout configuration (`final` uses `no-markup`).
+
 ## Exports
 
 | Import                         | What it is                                                                                                                                              |
@@ -75,3 +107,5 @@ original license and copyright are preserved in [`NOTICE.md`](./NOTICE.md).
 ## License
 
 [Apache-2.0](./LICENSE)
+
+See [document search](../../docs/document-search.md) for highlighting, navigation, and result callbacks.

package/dist/{CommentsSidebar-mv0x1JQX.js → CommentsSidebar-6K9GbqAA.js}

@@ -1,10 +1,12 @@
-import { f as containedHandler, u as useDrawerFocus } from "./renderAsync-Bh7xudNL.js";
+import { f as containedHandler, u as useDrawerFocus } from "./renderAsync-D6N8PUZ_.js";
 import { useCallback, useEffect, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";
 import { scrollEditorTo } from "@stll/folio-core/paged-layout/editorScrollRoot";
 import { closestHtmlElement, queryHtmlElement } from "@stll/folio-core/utils/domGuards";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { sliceText } from "@stll/folio-core/utils/sliceText";
+import { getFindParagraphText } from "@stll/folio-core/utils/findReplace";
 import { PANEL_METRICS } from "@stll/folio-core/panel-layout";
 import { commentAnchorSelector } from "@stll/folio-core/render-dom/commentAnchorAttributes";
 //#region src/components/CommentsSidebar.tsx
@@ -18,11 +20,11 @@ import { commentAnchorSelector } from "@stll/folio-core/render-dom/commentAnchor
 * Tracked changes are rendered purely inline (Word-style) and do not appear
 * in this sidebar.
 */
-/** Extract plain text from a Comment's paragraph content */
-function getCommentText(paragraphs) {
-	if (!paragraphs?.length) return "";
-	return paragraphs.flatMap((p) => p.content.filter((c) => c.type === "run").flatMap((r) => "content" in r ? r.content : []).filter((c) => c.type === "text").map((t) => "text" in t ? t.text : "")).join("");
-}
+const renderCommentText = (comment) => comment.content.map((paragraph, index) => /* @__PURE__ */ jsx("span", {
+	"data-find-comment-id": comment.id,
+	"data-find-comment-paragraph": index,
+	children: getFindParagraphText(paragraph)
+}, index));
 function formatDate(dateStr, locale) {
 	if (!dateStr) return "";
 	const d = new Date(dateStr);
@@ -35,7 +37,15 @@ function formatDate(dateStr, locale) {
 	}).format(d);
 }
 function getInitials(name) {
-	return name.split(/\s+/u).map((w) => w[0]).join("").toUpperCase().slice(0, 2);
+	return sliceText({
+		text: name.split(/\s+/u).map((word) => sliceText({
+			text: word,
+			units: "graphemes",
+			end: 1
+		})).join("").toUpperCase(),
+		units: "graphemes",
+		end: 2
+	});
 }
 function getCommentParentId(comment) {
 	return comment.parentId;
@@ -99,13 +109,13 @@ const CANCEL_BUTTON_STYLE = {
 	fontWeight: 500,
 	fontFamily: "inherit"
 };
-const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions, surface = "column", onDismiss }) => {
+const CommentsSidebar = ({ comments, onCommentClick, activeCommentId, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions, surface = "column", onDismiss }) => {
 	const t = useTranslations("folio");
 	const locale = useLocale();
 	const [replyingTo, setReplyingTo] = useState(null);
 	const [replyText, setReplyText] = useState("");
 	const [newCommentText, setNewCommentText] = useState("");
-	const [expandedCard, setExpandedCard] = useState(activeCommentId === null ? null : `comment-${activeCommentId}`);
+	const expandedCard = activeCommentId === null ? null : `comment-${activeCommentId}`;
 	const [menuOpenFor, setMenuOpenFor] = useState(null);
 	const [{ positions: cardPositions, knownCards }, setCardGeometry] = useState(() => ({
 		positions: /* @__PURE__ */ new Map(),
@@ -295,12 +305,11 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			if (pagesEl_0.contains(target)) {
 				const commentEl = closestHtmlElement(target, "[data-comment-id]");
 				if (commentEl?.dataset["commentId"]) {
-					setExpandedCard(`comment-${commentEl.dataset["commentId"]}`);
-					onCommentClick?.(Number(commentEl.dataset["commentId"]));
+					onCommentClick(Number(commentEl.dataset["commentId"]));
 					return;
 				}
 			}
-			setExpandedCard(null);
+			onCommentClick(null);
 			setMenuOpenFor(null);
 		};
 		container_0.addEventListener("click", handleDocClick);
@@ -378,17 +387,11 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			if (onAddComment?.(newCommentText.trim()) !== false) setNewCommentText("");
 		}
 	};
-	const [previousActiveCommentId, setPreviousActiveCommentId] = useState(activeCommentId);
-	if (previousActiveCommentId !== activeCommentId) {
-		setPreviousActiveCommentId(activeCommentId);
-		if (activeCommentId !== null) setExpandedCard(`comment-${activeCommentId}`);
-	}
 	const handleCardClick = (cardId_1, commentId_0) => {
 		const nextExpandedCard = expandedCard === cardId_1 ? null : cardId_1;
-		setExpandedCard(nextExpandedCard);
 		setMenuOpenFor(null);
-		if (commentId_0 !== void 0) onCommentClick?.(nextExpandedCard === null && activeCommentId === commentId_0 ? null : commentId_0);
-		if (isDrawer && commentId_0 !== void 0 && nextExpandedCard !== null) revealAnchor(cardId_1);
+		onCommentClick(nextExpandedCard === null ? null : commentId_0);
+		if (isDrawer && nextExpandedCard !== null) revealAnchor(cardId_1);
 	};
 	const revealAnchor = (cardId_2) => {
 		const scrollEl_1 = editorContainerRef?.current;
@@ -511,7 +514,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 							WebkitBoxOrient: "vertical"
 						} : {}
 					},
-					children: getCommentText(reply.content)
+					children: renderCommentText(reply)
 				})]
 			}, reply.id)), !isExpanded_0 && replies.length > 1 && /* @__PURE__ */ jsx("div", {
 				style: {
@@ -756,7 +759,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 						lineHeight: "17px",
 						marginTop: 5
 					},
-					children: getCommentText(comment_0.content)
+					children: renderCommentText(comment_0)
 				}),
 				renderReplies(replies_0, isExpanded_1),
 				isExpanded_1 && !comment_0.done && renderReplySection(comment_0.id, onCommentReply)
@@ -787,6 +790,7 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		},
 		onMouseDown: containedHandler((e_20) => e_20.stopPropagation()),
 		children: /* @__PURE__ */ jsxs("div", {
+			"data-folio-scroll": isDrawer ? "" : void 0,
 			style: isDrawer ? {
 				position: "sticky",
 				top: 0,

package/dist/{FindReplaceDialog-LlVMe3EW.js → FindReplaceDialog-C3njN6OI.js}

@@ -1,11 +1,13 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { c } from "react-compiler-runtime";
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "lucide-react";
 import { useTranslations } from "use-intl";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { replaceEligibility } from "@stll/folio-core/utils/findReplace";
 import "@stll/folio-core/managers/FindReplaceManager";
+import { createFindQueryKey } from "@stll/folio-core/utils/findSearchKey";
 //#region src/components/dialogs/findReplaceDialogLayout.ts
 const FIND_REPLACE_DIALOG_TOP = "var(--folio-find-replace-top, 7rem)";
 const FIND_REPLACE_DIALOG_LEFT = "var(--folio-find-replace-left, 5.5rem)";
@@ -78,11 +80,6 @@ function FindReplaceDialog(props) {
 	} else t2 = $[7];
 	return t2;
 }
-const getFindQueryKey = (text, { matchCase, matchWholeWord }) => JSON.stringify([
-	text,
-	matchCase,
-	matchWholeWord
-]);
 const getQueryResult = (state, queryKey) => {
 	switch (state.status) {
 		case "cleared": return null;
@@ -90,12 +87,16 @@ const getQueryResult = (state, queryKey) => {
 		default: return state;
 	}
 };
-function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrevious, onHighlightMatches, onClearHighlights, initialSearchText = "", currentResult, className, style, matchCase, matchWholeWord, onMatchCaseChange, onMatchWholeWordChange }) {
+function FindReplaceDialogForm({ isOpen, onClose, onFind, onQueryChange, onFindNext, onFindPrevious, onReplace, onReplaceAll, replaceMode = false, readOnly = false, onHighlightMatches, onClearHighlights, initialSearchText = "", currentSearch, className, style, matchCase, matchWholeWord, onMatchCaseChange, onMatchWholeWordChange }) {
 	const id = React.useId();
 	const t = useTranslations("folio");
 	const { Button, Input, Checkbox } = useFolioUI();
 	const [searchText, setSearchText] = useState(initialSearchText);
-	const queryKey = getFindQueryKey(searchText, {
+	const [replaceText, setReplaceText] = useState("");
+	const [replacementSummary, setReplacementSummary] = useState(null);
+	const currentResult = currentSearch === null ? null : currentSearch?.result;
+	const currentQueryKey = currentSearch?.queryKey;
+	const queryKey = createFindQueryKey(searchText, {
 		matchCase,
 		matchWholeWord
 	});
@@ -103,13 +104,24 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 	const [previousCurrentResult, setPreviousCurrentResult] = useState(currentResult);
 	if (currentResult !== previousCurrentResult) {
 		setPreviousCurrentResult(currentResult);
-		if (findResult.status === "ready" && findResult.queryKey === queryKey && currentResult !== void 0) setFindResult(currentResult ? {
+		if (findResult.status === "ready" && findResult.queryKey === queryKey && currentQueryKey === queryKey && currentResult !== void 0) setFindResult(currentResult ? {
 			status: "ready",
 			queryKey,
 			result: currentResult
 		} : { status: "cleared" });
 	}
-	const result = getQueryResult(findResult, queryKey);
+	const result = currentResult !== void 0 && currentQueryKey !== queryKey ? null : getQueryResult(findResult, queryKey);
+	useLayoutEffect(() => {
+		onQueryChange?.(searchText, {
+			matchCase,
+			matchWholeWord
+		});
+	}, [
+		onQueryChange,
+		searchText,
+		matchCase,
+		matchWholeWord
+	]);
 	const searchInputRef = useRef(null);
 	useEffect(() => {
 		const timeout = setTimeout(() => {
@@ -130,7 +142,7 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		const searchResult = onFind(text, options);
 		setFindResult(searchResult ? {
 			status: "ready",
-			queryKey: getFindQueryKey(text, options),
+			queryKey: createFindQueryKey(text, options),
 			result: searchResult
 		} : { status: "cleared" });
 		if (searchResult?.matches && onHighlightMatches) onHighlightMatches(searchResult.matches);
@@ -166,17 +178,44 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		matchWholeWord
 	]);
 	const handleMatchCaseChange = useCallback((value) => {
+		setReplacementSummary(null);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(searchText, {
+			matchCase: value,
+			matchWholeWord
+		});
 		onMatchCaseChange(value);
-	}, [onMatchCaseChange, setFindResult]);
+	}, [
+		onMatchCaseChange,
+		onQueryChange,
+		searchText,
+		matchWholeWord,
+		setFindResult
+	]);
 	const handleMatchWholeWordChange = useCallback((value_0) => {
+		setReplacementSummary(null);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(searchText, {
+			matchCase,
+			matchWholeWord: value_0
+		});
 		onMatchWholeWordChange(value_0);
-	}, [onMatchWholeWordChange, setFindResult]);
+	}, [
+		onMatchWholeWordChange,
+		onQueryChange,
+		searchText,
+		matchCase,
+		setFindResult
+	]);
 	const handleSearchChange = useCallback((e) => {
 		const text_0 = e.target.value;
+		setReplacementSummary(null);
 		setSearchText(text_0);
 		setFindResult({ status: "cleared" });
+		onQueryChange?.(text_0, {
+			matchCase,
+			matchWholeWord
+		});
 		if (!text_0.trim()) {
 			onFind(text_0, {
 				matchCase,
@@ -186,6 +225,7 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 		}
 	}, [
 		onFind,
+		onQueryChange,
 		matchCase,
 		matchWholeWord,
 		onClearHighlights,
@@ -283,12 +323,41 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 	const handleOverlayClick = useCallback((e_1) => {
 		if (e_1.target === e_1.currentTarget) {}
 	}, []);
+	const handleReplacementChange = useCallback((event) => {
+		setReplaceText(event.target.value);
+		setReplacementSummary(null);
+	}, []);
+	const handleReplaceCurrent = useCallback(() => {
+		setReplacementSummary(null);
+		if (onReplace(replaceText)) performSearch();
+	}, [
+		onReplace,
+		replaceText,
+		performSearch
+	]);
+	const handleReplaceAll = useCallback(() => {
+		const summary = onReplaceAll(searchText, replaceText, {
+			matchCase,
+			matchWholeWord
+		});
+		performSearch();
+		setReplacementSummary(summary);
+	}, [
+		onReplaceAll,
+		searchText,
+		replaceText,
+		matchCase,
+		matchWholeWord,
+		performSearch
+	]);
 	const handleDialogKeyDown = useCallback((e_2) => {
 		if (e_2.key === "Escape") onClose();
 	}, [onClose]);
 	if (!isOpen) return null;
 	const hasMatches = result && result.totalCount > 0;
 	const noMatches = result && result.totalCount === 0 && searchText.trim();
+	const currentMatch = result?.matches.at(result.currentIndex);
+	const canReplaceCurrent = !readOnly && currentMatch !== void 0 && replaceEligibility(currentMatch).status === "allowed";
 	const overlayStyle = getFindReplaceOverlayStyle(style);
 	const titleId = `${id}-find-replace-dialog-title`;
 	const findTextId = `${id}-find-text`;
@@ -380,6 +449,39 @@ function FindReplaceDialogForm({ isOpen, onClose, onFind, onFindNext, onFindPrev
 						className: "text-destructive ms-20 text-xs",
 						children: t("findReplace.noResults")
 					}),
+					replaceMode && /* @__PURE__ */ jsxs("div", {
+						className: "ms-20 flex flex-col gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								value: replaceText,
+								onChange: handleReplacementChange,
+								"aria-label": t("findReplace.replaceText"),
+								placeholder: t("findReplace.replacePlaceholder"),
+								disabled: readOnly
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ jsx(Button, {
+									disabled: !canReplaceCurrent,
+									onClick: handleReplaceCurrent,
+									children: t("findReplace.replaceCurrent")
+								}), /* @__PURE__ */ jsx(Button, {
+									disabled: readOnly || !hasMatches,
+									onClick: handleReplaceAll,
+									children: t("findReplace.replaceAll")
+								})]
+							}),
+							replacementSummary && /* @__PURE__ */ jsx("div", {
+								role: "status",
+								"aria-live": "polite",
+								className: "text-muted-foreground text-xs",
+								children: t("findReplace.replaceAllSummary", {
+									replacedCount: String(replacementSummary.replacedCount),
+									skippedCount: String(replacementSummary.skippedCount)
+								})
+							})
+						]
+					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "ms-20 flex flex-wrap items-center gap-x-4 gap-y-2",
 						children: [/* @__PURE__ */ jsxs("label", {

package/dist/{FootnotePropertiesDialog-D73t3LNP.js → FootnotePropertiesDialog-BEs7N62_.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{ImagePositionDialog-Cwt6R8iM.js → ImagePositionDialog-Oap9knQ-.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{ImagePropertiesDialog-GNZLBFLB.js → ImagePropertiesDialog-lLMKHv0u.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{InsertSymbolDialog-CeEhkEvc.js → InsertSymbolDialog-Drm40-9j.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/{PageSetupDialog-DD6IEZAo.js → PageSetupDialog-DTWCdPkX.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{SetNumberingValueDialog-CDQGDvP1.js → SetNumberingValueDialog-twVIZMLc.js}

@@ -1,4 +1,4 @@
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { a as DIALOG_LABEL_CLASS, c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{TablePropertiesDialog-Vu0HXQz6.js → TablePropertiesDialog-uSTmyEcu.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/compat/eigenpal.d.ts

@@ -1,4 +1,4 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-BVAgBXCL.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-EOS7mrGK.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 //#region src/compat/eigenpal.d.ts

package/dist/compat/eigenpal.js

@@ -1,4 +1,4 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-Bh7xudNL.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-D6N8PUZ_.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/{dialogs-BENP66Ly.d.ts → dialogs-CMAVdDEV.d.ts}

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from "react";
 import { EndnoteProperties, FootnoteProperties, SectionProperties } from "@stll/folio-core/types/document";
+import { FindMatch as FindMatch$1, FindOptions as FindOptions$1, FindResult as FindResult$1, ReplaceAllSummary } from "@stll/folio-core/utils/findReplace";
 import { TablePropertiesCommand } from "@stll/folio-core/utils/tableOperations";
-import { FindMatch, FindOptions, FindResult } from "@stll/folio-core/utils/findReplace";
 import { Watermark } from "@stll/folio-core/watermark";
 //#region src/components/dialogs/FindReplaceDialog.d.ts
 /**
@@ -13,25 +13,31 @@ type FindReplaceDialogProps = {
   /** Callback when dialog is closed */
   onClose: () => void;
   /** Callback when searching for text */
-  onFind: (searchText: string, options: FindOptions) => FindResult | null;
+  onFind: (searchText: string, options: FindOptions$1) => FindResult$1 | null;
+  /** Publish edits immediately, before the delayed search. */
+  onQueryChange?: (searchText: string, options: FindOptions$1) => void;
   /** Callback when navigating to next match */
-  onFindNext: () => FindMatch | null;
+  onFindNext: () => FindMatch$1 | null;
   /** Callback when navigating to previous match */
-  onFindPrevious: () => FindMatch | null;
+  onFindPrevious: () => FindMatch$1 | null;
   /** Callback when replacing current match */
   onReplace: (replaceText: string) => boolean;
   /** Callback when replacing all matches */
-  onReplaceAll: (searchText: string, replaceText: string, options: FindOptions) => number;
+  onReplaceAll: (searchText: string, replaceText: string, options: FindOptions$1) => ReplaceAllSummary;
+  readOnly?: boolean;
   /** Callback to highlight matches in document */
-  onHighlightMatches?: (matches: FindMatch[]) => void;
+  onHighlightMatches?: (matches: FindMatch$1[]) => void;
   /** Callback to clear highlights */
   onClearHighlights?: () => void;
   /** Initial search text (e.g., from selected text) */
   initialSearchText?: string;
   /** Whether to start in replace mode */
   replaceMode?: boolean;
-  /** Current match result (from external state) */
-  currentResult?: FindResult | null;
+  /** External result paired with the query that produced it. */
+  currentSearch?: {
+    queryKey: string;
+    result: FindResult$1;
+  } | null;
   /** Additional CSS class */
   className?: string;
   /** Additional inline styles */

package/dist/{dialogs-De-oslzU.js → dialogs-DGrcp10A.js}

@@ -1,4 +1,4 @@
-import { r as useFolioUI } from "./folio-ui-rCHqCEG6.js";
+import { r as useFolioUI } from "./folio-ui-ruRywxeb.js";
 import { a as DIALOG_LABEL_CLASS, c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/dialogs.d.ts

@@ -1,2 +1,2 @@
-import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-BENP66Ly.js";
+import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-CMAVdDEV.js";
 export { FindReplaceDialog, type FindReplaceDialogProps, FootnotePropertiesDialog, type FootnotePropertiesDialogProps, type HyperlinkBookmarkOption, HyperlinkDialog, type HyperlinkDialogData, type HyperlinkDialogProps, type ImagePositionData, ImagePositionDialog, type ImagePositionDialogProps, type ImagePropertiesData, ImagePropertiesDialog, type ImagePropertiesDialogProps, InsertImageDialog, type InsertImageDialogData, type InsertImageDialogProps, InsertSymbolDialog, type InsertSymbolDialogProps, InsertTableDialog, type InsertTableDialogData, type InsertTableDialogProps, type InsertTableStyleOption, PageSetupDialog, type PageSetupDialogProps, PasteSpecialDialog, type PasteSpecialDialogProps, type PasteSpecialMode, SplitCellDialog, type SplitCellDialogData, type SplitCellDialogProps, type TableProperties, TablePropertiesDialog, type TablePropertiesDialogProps, WatermarkDialog, type WatermarkDialogProps };

package/dist/dialogs.js

@@ -1,9 +1,9 @@
-import { t as FindReplaceDialog } from "./FindReplaceDialog-LlVMe3EW.js";
-import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-D73t3LNP.js";
-import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-De-oslzU.js";
-import { t as ImagePositionDialog } from "./ImagePositionDialog-Cwt6R8iM.js";
-import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-GNZLBFLB.js";
-import { t as InsertSymbolDialog } from "./InsertSymbolDialog-CeEhkEvc.js";
-import { t as PageSetupDialog } from "./PageSetupDialog-DD6IEZAo.js";
-import { t as TablePropertiesDialog } from "./TablePropertiesDialog-Vu0HXQz6.js";
+import { t as FindReplaceDialog } from "./FindReplaceDialog-C3njN6OI.js";
+import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-BEs7N62_.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-DGrcp10A.js";
+import { t as ImagePositionDialog } from "./ImagePositionDialog-Oap9knQ-.js";
+import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-lLMKHv0u.js";
+import { t as InsertSymbolDialog } from "./InsertSymbolDialog-Drm40-9j.js";
+import { t as PageSetupDialog } from "./PageSetupDialog-DTWCdPkX.js";
+import { t as TablePropertiesDialog } from "./TablePropertiesDialog-uSTmyEcu.js";
 export { FindReplaceDialog, FootnotePropertiesDialog, HyperlinkDialog, ImagePositionDialog, ImagePropertiesDialog, InsertImageDialog, InsertSymbolDialog, InsertTableDialog, PageSetupDialog, PasteSpecialDialog, SplitCellDialog, TablePropertiesDialog, WatermarkDialog };

package/dist/{folio-ui-rCHqCEG6.js → folio-ui-ruRywxeb.js}

@@ -4,6 +4,7 @@ import { useTranslations } from "use-intl";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox } from "@base-ui/react/checkbox";
 import { Popover } from "@base-ui/react/popover";
+import { sliceText } from "@stll/folio-core/utils/sliceText";
 import { Dialog } from "@base-ui/react/dialog";
 import { Input } from "@base-ui/react/input";
 import { Menu } from "@base-ui/react/menu";
@@ -210,7 +211,11 @@ function ColorSwatch(t0) {
 const toISODate = (value) => {
 	if (value === null) return "";
 	if (value instanceof Date) return `${value.getFullYear().toString().padStart(4, "0")}-${(value.getMonth() + 1).toString().padStart(2, "0")}-${value.getDate().toString().padStart(2, "0")}`;
-	return value.length >= 10 ? value.slice(0, 10) : value;
+	return value.length >= 10 ? sliceText({
+		text: value,
+		units: "codeUnits",
+		end: 10
+	}) : value;
 };
 function DefaultDatePickerPopover({ value, onChange, defaultOpen = false }) {
 	return /* @__PURE__ */ jsx("input", {

package/dist/index.d.ts

@@ -1,9 +1,11 @@
-import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-BVAgBXCL.js";
-import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-BENP66Ly.js";
+import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-EOS7mrGK.js";
+import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-CMAVdDEV.js";
 import React, { CSSProperties, ReactNode, RefObject } from "react";
 import { CreateEmptyDocumentOptions, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 import { FolioAIBlock, FolioAIBlockAnchor, FolioAIBlockKind, FolioAIBlockPreviewRun, FolioAIComment, FolioAIEditAppliedOperation, FolioAIEditApplyMode, FolioAIEditApplyResult, FolioAIEditOperation, FolioAIEditReviewMeta, FolioAIEditSeverity, FolioAIEditSkipReason, FolioAIEditSkippedOperation, FolioAIEditSnapshot, FolioAISignatureParty, WordDiffSegment, applyFolioAIEditOperations, createFolioAIEditSnapshot, diffWordSegments, hashFolioAIBlockText, normalizeFolioAIBlockText } from "@stll/folio-core/ai-edits";
 import { KeyboardShortcutScope, KeyboardShortcutScope as KeyboardShortcutScope$1 } from "@stll/folio-core/managers/editorShortcuts";
+import { EditorReadOnlyReason } from "@stll/folio-core/managers/EditorModeManager";
+import { ReviewDisplayMode } from "@stll/folio-core/managers/reviewDisplayMode";
 import { DocxCompatibility } from "@stll/folio-core/docx/compatibility";
 import { insertImageFromFile, insertPageBreakInView, insertTableInView, insertTableOfContentsInView } from "@stll/folio-core/prosemirror";
 import { FolioSuggestion, SuggestionAppliedAs, SuggestionKind } from "@stll/folio-core/prosemirror/commands/comments";
@@ -13,6 +15,7 @@ import { Document } from "@stll/folio-core/types/document";
 import { ScrollToParaIdOptions } from "@stll/folio-core/paged-layout/paragraphFlash";
 import { BlockRect } from "@stll/folio-core/paged-layout/blockGeometry";
 import { OutlineDepth } from "@stll/folio-core/utils/outlineDepth";
+import { FindMatch, FindOptions, FindResult, ReplaceAllSummary, ReplaceEligibility } from "@stll/folio-core/utils/findReplace";
 import { PictureWatermark, TextWatermark, Watermark, getDocumentWatermark, setDocumentWatermark } from "@stll/folio-core/watermark";
 import { DocumentStyleCatalog, DocumentStyleCatalogEntry, ExtractDocumentStyleSetOptions, extractDocumentStyleSet, extractDocumentStyleSetFromDocx, inspectDocumentStyles, inspectDocumentStylesFromDocx } from "@stll/folio-core/style-sets/extract";
 import { STELLA_STYLE_SET_NAME, createStellaStyleDocumentPreset, createStellaStyleSet } from "@stll/folio-core/style-sets/stellaStyle";
@@ -201,4 +204,4 @@ type AutocompleteCaretOverlayProps = {
 };
 declare const AutocompleteCaretOverlay: ({ caret, text, isStreaming }: AutocompleteCaretOverlayProps) => React.JSX.Element | null;
 //#endregion
-export { type AIBarStatus, type AIChatMode, type AICitation, type AICitationRange, type AICitationSource, type AIGenerateInput, type AISuggestion, type AISuggestionApplyMode, type AISuggestionPreset, type AISuggestionSeverity, type AISuggestionStatus, type AcceptAutocompleteResult, type AnonymizationMatch, type AnonymizationTerm, type ApplyResult, AutocompleteCaretOverlay, type AutocompleteCaretOverlayProps, type AutocompleteCaretRect, type AutocompleteSuggestionPluginOptions, type AutocompleteSuggestionState, type AutocompleteSuggestionStatus, type AutocompleteTriggerCheck, type AutocompleteTriggerOptions, type AutocompleteTriggerSkipReason, type BlockRect, type ColorPreset, type CreateEmptyDocumentOptions, DEFAULT_AI_SUGGESTION_PRESETS, DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, DOCUMENT_PRESET_VERSION, DOCUMENT_STYLE_SET_VERSION, type DeriveBlockIdInput, type DirectiveKind, type DirectiveRange, type Document, type DocumentPreset, type DocumentStyleCatalog, type DocumentStyleCatalogEntry, type DocumentStyleSet, type DocxCompatibility, DocxEditor, type DocxEditorApplyDocumentOperationsOptions, type DocxEditorCollaboration, type DocxEditorHandle, type DocxEditorProps, type DocxEditorRef, type EditorHandle, type EditorMode, type ExtractDocumentStyleSetOptions, FindReplaceDialog, type FindReplaceDialogProps, type FolioAIBlock, type FolioAIBlockAnchor, type FolioAIBlockKind, type FolioAIBlockPreviewRun, type FolioAIComment, type FolioAIEditAppliedOperation, type FolioAIEditApplyMode, type FolioAIEditApplyResult, type FolioAIEditOperation, type FolioAIEditReviewMeta, type FolioAIEditSeverity, type FolioAIEditSkipReason, type FolioAIEditSkippedOperation, type FolioAIEditSnapshot, type FolioAISignatureParty, type FolioBlockId, type FolioButtonProps, type FolioSuggestion, type FolioUIComponents, FolioUIProvider, type FontDefinition, type FontOption, FootnotePropertiesDialog, type FootnotePropertiesDialogProps, FormattingBar, type FormattingBarProps, type HighlightPassageOptions, type HighlightPassageResult, type HyperlinkBookmarkOption, HyperlinkDialog, type HyperlinkDialogData, type HyperlinkDialogProps, type ImageMeta, type ImagePositionData, ImagePositionDialog, type ImagePositionDialogProps, type ImagePropertiesData, ImagePropertiesDialog, type ImagePropertiesDialogProps, type ImageRef, InsertImageDialog, type InsertImageDialogData, type InsertImageDialogProps, InsertSymbolDialog, type InsertSymbolDialogProps, InsertTableDialog, type InsertTableDialogData, type InsertTableDialogProps, type InsertTableStyleOption, type KeyboardShortcutScope, type MarkdownOptions, type MarkdownResult, type OutlineDepth, type OutlineItem, PageSetupDialog, type PageSetupDialogProps, PasteSpecialDialog, type PasteSpecialDialogProps, type PasteSpecialMode, type PictureWatermark, type PositionalText, type RenderAsyncOptions, type ResolvedAnchor, STELLA_STYLE_SET_NAME, type ScrollToParaIdOptions, SplitCellDialog, type SplitCellDialogData, type SplitCellDialogProps, type SuggestionAppliedAs, type SuggestionKind, type TableProperties, TablePropertiesDialog, type TablePropertiesDialogProps, type TemplatePreviewHiddenRange, type TemplatePreviewSpan, type TemplatePreviewValue, type TemplatePreviewValues, type TemplateSlashMenuKeyAction, type TemplateSlashMenuState, type TextWatermark, type UseWheelZoomOptions, type UseWheelZoomReturn, type Watermark, WatermarkDialog, type WatermarkDialogProps, type WordDiffSegment, ZOOM_PRESETS, ZoomControl, type ZoomControlProps, type ZoomLevel, acceptAutocompleteSuggestion, acceptAutocompleteWord, anonymizationDecorationsKey, appendAutocompleteToken, applyFolioAIEditOperations, applySuggestions, autocompleteSuggestionKey, autocompleteSuggestionPlugin, buildPositionalText, clampZoom, clearAutocompleteSuggestion, clearTemplateSlashMenu, consumeTemplateSlashQuery, createAICitationDecorationsPlugin, createDocx, createEmptyDocument, createFolioAIEditSnapshot, createStellaStyleDocumentPreset, createStellaStyleSet, deriveBlockId, diffWordSegments, extractDocumentStyleSet, extractDocumentStyleSetFromDocx, finishAutocompleteSuggestion, formatZoom, fromMarkdown, getAnonymizationMatches, getAutocompleteSuggestion, getDocumentWatermark, getFolioCaretViewportRect, getFolioParaIdFromBlockId, getFolioSelectionViewportRect, getTemplateDirectives, getTemplateSlashMenu, hashFolioAIBlockText, insertImageFromFile, insertPageBreakInView, insertTableInView, insertTableOfContentsInView, inspectDocumentStyles, inspectDocumentStylesFromDocx, isFolioBlockId, isSequentialFolioBlockId, isSuggestionStale, normalizeFolioAIBlockText, parseZoom, renderAsync, resetTemplateSlashQuery, resolveSuggestionAnchor, scanDirectives, scrollFolioPositionIntoView, setAICitationsMeta, setAISuggestionsMeta, setActiveCitationMeta, setAnonymizationTermsMeta, setDocumentWatermark, setFocusedSuggestionMeta, setTemplatePreviewValues, shouldTriggerAutocomplete, startAutocompleteSuggestion, templateSlashMenuKey, toMarkdown, toMarkdownResult, useWheelZoom };
+export { type AIBarStatus, type AIChatMode, type AICitation, type AICitationRange, type AICitationSource, type AIGenerateInput, type AISuggestion, type AISuggestionApplyMode, type AISuggestionPreset, type AISuggestionSeverity, type AISuggestionStatus, type AcceptAutocompleteResult, type AnonymizationMatch, type AnonymizationTerm, type ApplyResult, AutocompleteCaretOverlay, type AutocompleteCaretOverlayProps, type AutocompleteCaretRect, type AutocompleteSuggestionPluginOptions, type AutocompleteSuggestionState, type AutocompleteSuggestionStatus, type AutocompleteTriggerCheck, type AutocompleteTriggerOptions, type AutocompleteTriggerSkipReason, type BlockRect, type ColorPreset, type CreateEmptyDocumentOptions, DEFAULT_AI_SUGGESTION_PRESETS, DEFAULT_AUTOCOMPLETE_DEAD_ZONE_NODES, DOCUMENT_PRESET_VERSION, DOCUMENT_STYLE_SET_VERSION, type DeriveBlockIdInput, type DirectiveKind, type DirectiveRange, type Document, type DocumentPreset, type DocumentStyleCatalog, type DocumentStyleCatalogEntry, type DocumentStyleSet, type DocxCompatibility, DocxEditor, type DocxEditorApplyDocumentOperationsOptions, type DocxEditorCollaboration, type DocxEditorHandle, type DocxEditorProps, type DocxEditorRef, type EditorHandle, type EditorMode, type EditorReadOnlyReason, type ExtractDocumentStyleSetOptions, type FindMatch, type FindOptions, FindReplaceDialog, type FindReplaceDialogProps, type FindResult, type FolioAIBlock, type FolioAIBlockAnchor, type FolioAIBlockKind, type FolioAIBlockPreviewRun, type FolioAIComment, type FolioAIEditAppliedOperation, type FolioAIEditApplyMode, type FolioAIEditApplyResult, type FolioAIEditOperation, type FolioAIEditReviewMeta, type FolioAIEditSeverity, type FolioAIEditSkipReason, type FolioAIEditSkippedOperation, type FolioAIEditSnapshot, type FolioAISignatureParty, type FolioBlockId, type FolioButtonProps, type FolioSuggestion, type FolioUIComponents, FolioUIProvider, type FontDefinition, type FontOption, FootnotePropertiesDialog, type FootnotePropertiesDialogProps, FormattingBar, type FormattingBarProps, type HighlightPassageOptions, type HighlightPassageResult, type HyperlinkBookmarkOption, HyperlinkDialog, type HyperlinkDialogData, type HyperlinkDialogProps, type ImageMeta, type ImagePositionData, ImagePositionDialog, type ImagePositionDialogProps, type ImagePropertiesData, ImagePropertiesDialog, type ImagePropertiesDialogProps, type ImageRef, InsertImageDialog, type InsertImageDialogData, type InsertImageDialogProps, InsertSymbolDialog, type InsertSymbolDialogProps, InsertTableDialog, type InsertTableDialogData, type InsertTableDialogProps, type InsertTableStyleOption, type KeyboardShortcutScope, type MarkdownOptions, type MarkdownResult, type OutlineDepth, type OutlineItem, PageSetupDialog, type PageSetupDialogProps, PasteSpecialDialog, type PasteSpecialDialogProps, type PasteSpecialMode, type PictureWatermark, type PositionalText, type RenderAsyncOptions, type ReplaceAllSummary, type ReplaceEligibility, type ResolvedAnchor, type ReviewDisplayMode, STELLA_STYLE_SET_NAME, type ScrollToParaIdOptions, SplitCellDialog, type SplitCellDialogData, type SplitCellDialogProps, type SuggestionAppliedAs, type SuggestionKind, type TableProperties, TablePropertiesDialog, type TablePropertiesDialogProps, type TemplatePreviewHiddenRange, type TemplatePreviewSpan, type TemplatePreviewValue, type TemplatePreviewValues, type TemplateSlashMenuKeyAction, type TemplateSlashMenuState, type TextWatermark, type UseWheelZoomOptions, type UseWheelZoomReturn, type Watermark, WatermarkDialog, type WatermarkDialogProps, type WordDiffSegment, ZOOM_PRESETS, ZoomControl, type ZoomControlProps, type ZoomLevel, acceptAutocompleteSuggestion, acceptAutocompleteWord, anonymizationDecorationsKey, appendAutocompleteToken, applyFolioAIEditOperations, applySuggestions, autocompleteSuggestionKey, autocompleteSuggestionPlugin, buildPositionalText, clampZoom, clearAutocompleteSuggestion, clearTemplateSlashMenu, consumeTemplateSlashQuery, createAICitationDecorationsPlugin, createDocx, createEmptyDocument, createFolioAIEditSnapshot, createStellaStyleDocumentPreset, createStellaStyleSet, deriveBlockId, diffWordSegments, extractDocumentStyleSet, extractDocumentStyleSetFromDocx, finishAutocompleteSuggestion, formatZoom, fromMarkdown, getAnonymizationMatches, getAutocompleteSuggestion, getDocumentWatermark, getFolioCaretViewportRect, getFolioParaIdFromBlockId, getFolioSelectionViewportRect, getTemplateDirectives, getTemplateSlashMenu, hashFolioAIBlockText, insertImageFromFile, insertPageBreakInView, insertTableInView, insertTableOfContentsInView, inspectDocumentStyles, inspectDocumentStylesFromDocx, isFolioBlockId, isSequentialFolioBlockId, isSuggestionStale, normalizeFolioAIBlockText, parseZoom, renderAsync, resetTemplateSlashQuery, resolveSuggestionAnchor, scanDirectives, scrollFolioPositionIntoView, setAICitationsMeta, setAISuggestionsMeta, setActiveCitationMeta, setAnonymizationTermsMeta, setDocumentWatermark, setFocusedSuggestionMeta, setTemplatePreviewValues, shouldTriggerAutocomplete, startAutocompleteSuggestion, templateSlashMenuKey, toMarkdown, toMarkdownResult, useWheelZoom };