@xignature/docx-editor 1.0.0

package/dist/chunk-625UL7ND.mjs

@@ -0,0 +1,928 @@
+import {
+  useTranslation
+} from "./chunk-OG6X5JJA.mjs";
+
+// src/react/components/dialogs/FindReplaceDialog.tsx
+import { useState as useState2, useEffect, useCallback as useCallback2, useRef } from "react";
+
+// src/react/components/dialogs/findReplaceUtils.ts
+function createDefaultFindOptions() {
+  return {
+    matchCase: false,
+    matchWholeWord: false,
+    useRegex: false
+  };
+}
+function escapeRegexString(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function createSearchPattern(searchText, options) {
+  if (!searchText) return null;
+  try {
+    let pattern;
+    if (options.useRegex) {
+      pattern = searchText;
+    } else {
+      pattern = escapeRegexString(searchText);
+    }
+    if (options.matchWholeWord) {
+      pattern = `\\b${pattern}\\b`;
+    }
+    const flags = options.matchCase ? "g" : "gi";
+    return new RegExp(pattern, flags);
+  } catch {
+    return null;
+  }
+}
+function findAllMatches(content, searchText, options) {
+  if (!content || !searchText) {
+    return [];
+  }
+  const matches = [];
+  let searchFor = searchText;
+  if (!options.matchCase) {
+    searchFor = searchText.toLowerCase();
+  }
+  const escapeRegex = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  let pattern;
+  if (options.matchWholeWord) {
+    pattern = `\\b${escapeRegex(searchFor)}\\b`;
+  } else {
+    pattern = escapeRegex(searchFor);
+  }
+  const flags = options.matchCase ? "g" : "gi";
+  const regex = new RegExp(pattern, flags);
+  let match;
+  while ((match = regex.exec(content)) !== null) {
+    matches.push({
+      start: match.index,
+      end: match.index + match[0].length
+    });
+    if (match[0].length === 0) {
+      regex.lastIndex++;
+    }
+  }
+  return matches;
+}
+function replaceAllInContent(content, searchText, replaceText, options) {
+  const pattern = createSearchPattern(searchText, options);
+  if (!pattern) return content;
+  return content.replace(pattern, replaceText);
+}
+function replaceFirstInContent(content, searchText, replaceText, options, startIndex = 0) {
+  const matches = findAllMatches(content, searchText, options);
+  const match = matches.find((m) => m.start >= startIndex) || matches[0];
+  if (!match) {
+    return { content, replaced: false, matchStart: -1, matchEnd: -1 };
+  }
+  const newContent = content.substring(0, match.start) + replaceText + content.substring(match.end);
+  return {
+    content: newContent,
+    replaced: true,
+    matchStart: match.start,
+    matchEnd: match.start + replaceText.length
+  };
+}
+function getMatchCountText(result) {
+  if (!result) return "";
+  if (result.totalCount === 0) return "No results";
+  if (result.totalCount === 1) return "1 match";
+  return `${result.currentIndex + 1} of ${result.totalCount} matches`;
+}
+function isEmptySearch(searchText) {
+  return !searchText || searchText.trim() === "";
+}
+function getDefaultHighlightOptions() {
+  return {
+    currentMatchColor: "#FFFF00",
+    otherMatchColor: "#FFFFAA"
+  };
+}
+function getRunText(run) {
+  if (!run || !run.content) return "";
+  let text = "";
+  for (const item of run.content) {
+    if (item.type === "text") {
+      text += item.text || "";
+    } else if (item.type === "tab") {
+      text += "	";
+    } else if (item.type === "break" && item.breakType === "textWrapping") {
+      text += "\n";
+    }
+  }
+  return text;
+}
+function getParagraphPlainText(paragraph) {
+  if (!paragraph || !paragraph.content) return "";
+  let text = "";
+  for (const item of paragraph.content) {
+    if (item.type === "run") {
+      text += getRunText(item);
+    } else if (item.type === "hyperlink") {
+      for (const child of item.children || []) {
+        if (child.type === "run") {
+          text += getRunText(child);
+        }
+      }
+    }
+  }
+  return text;
+}
+function findInDocument(document, searchText, options) {
+  if (!document || !searchText) return [];
+  const matches = [];
+  const body = document.package?.document || document.package?.document;
+  if (!body || !body.content) return matches;
+  let paragraphIndex = 0;
+  for (const block of body.content) {
+    if (block.type === "paragraph") {
+      const paragraphMatches = findInParagraph(block, searchText, options, paragraphIndex);
+      matches.push(...paragraphMatches);
+      paragraphIndex++;
+    } else if (block.type === "table") {
+      for (const row of block.rows || []) {
+        for (const cell of row.cells || []) {
+          for (const cellContent of cell.content || []) {
+            if (cellContent.type === "paragraph") {
+            }
+          }
+        }
+      }
+    }
+  }
+  return matches;
+}
+function findInParagraph(paragraph, searchText, options, paragraphIndex) {
+  const matches = [];
+  const paragraphText = getParagraphPlainText(paragraph);
+  if (!paragraphText) return matches;
+  const textMatches = findAllMatches(paragraphText, searchText, options);
+  for (const match of textMatches) {
+    const contentInfo = findContentAtOffset(paragraph, match.start);
+    matches.push({
+      paragraphIndex,
+      contentIndex: contentInfo.contentIndex,
+      startOffset: contentInfo.offsetInContent,
+      endOffset: contentInfo.offsetInContent + (match.end - match.start),
+      text: paragraphText.substring(match.start, match.end)
+    });
+  }
+  return matches;
+}
+function findContentAtOffset(paragraph, offset) {
+  if (!paragraph || !paragraph.content) {
+    return { contentIndex: 0, runIndex: 0, offsetInContent: offset };
+  }
+  let currentOffset = 0;
+  let contentIndex = 0;
+  for (const item of paragraph.content) {
+    let itemText = "";
+    if (item.type === "run") {
+      itemText = getRunText(item);
+    } else if (item.type === "hyperlink") {
+      for (const child of item.children || []) {
+        if (child.type === "run") {
+          itemText += getRunText(child);
+        }
+      }
+    }
+    const itemLength = itemText.length;
+    if (currentOffset + itemLength > offset) {
+      return {
+        contentIndex,
+        runIndex: contentIndex,
+        offsetInContent: offset - currentOffset
+      };
+    }
+    currentOffset += itemLength;
+    contentIndex++;
+  }
+  return {
+    contentIndex: Math.max(0, paragraph.content.length - 1),
+    runIndex: Math.max(0, paragraph.content.length - 1),
+    offsetInContent: 0
+  };
+}
+function scrollToMatch(containerElement, match) {
+  if (!containerElement || !match) return;
+  const paragraphElement = containerElement.querySelector(
+    `[data-paragraph-index="${match.paragraphIndex}"]`
+  );
+  if (paragraphElement) {
+    paragraphElement.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+}
+
+// src/react/components/dialogs/useFindReplace.ts
+import { useState, useCallback } from "react";
+function useFindReplace(hookOptions) {
+  const [state, setState] = useState({
+    isOpen: false,
+    searchText: "",
+    replaceText: "",
+    options: createDefaultFindOptions(),
+    matches: [],
+    currentIndex: 0,
+    replaceMode: hookOptions?.initialReplaceMode ?? false
+  });
+  const openFind = useCallback((selectedText) => {
+    setState((prev) => ({
+      ...prev,
+      isOpen: true,
+      replaceMode: false,
+      searchText: selectedText || prev.searchText,
+      matches: [],
+      currentIndex: 0
+    }));
+  }, []);
+  const openReplace = useCallback((selectedText) => {
+    setState((prev) => ({
+      ...prev,
+      isOpen: true,
+      replaceMode: true,
+      searchText: selectedText || prev.searchText,
+      matches: [],
+      currentIndex: 0
+    }));
+  }, []);
+  const close = useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      isOpen: false
+    }));
+  }, []);
+  const toggle = useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      isOpen: !prev.isOpen
+    }));
+  }, []);
+  const setSearchText = useCallback((text) => {
+    setState((prev) => ({
+      ...prev,
+      searchText: text
+    }));
+  }, []);
+  const setReplaceText = useCallback((text) => {
+    setState((prev) => ({
+      ...prev,
+      replaceText: text
+    }));
+  }, []);
+  const setOptions = useCallback((options) => {
+    setState((prev) => ({
+      ...prev,
+      options: { ...prev.options, ...options }
+    }));
+  }, []);
+  const setMatches = useCallback(
+    (matches, currentIndex = 0) => {
+      const newIndex = Math.max(0, Math.min(currentIndex, matches.length - 1));
+      setState((prev) => ({
+        ...prev,
+        matches,
+        currentIndex: matches.length > 0 ? newIndex : 0
+      }));
+      hookOptions?.onMatchesChange?.(matches);
+      if (matches.length > 0) {
+        hookOptions?.onCurrentMatchChange?.(matches[newIndex], newIndex);
+      } else {
+        hookOptions?.onCurrentMatchChange?.(null, -1);
+      }
+    },
+    [hookOptions]
+  );
+  const goToNextMatch = useCallback(() => {
+    let newIndex = 0;
+    setState((prev) => {
+      if (prev.matches.length === 0) return prev;
+      newIndex = (prev.currentIndex + 1) % prev.matches.length;
+      return { ...prev, currentIndex: newIndex };
+    });
+    return newIndex;
+  }, []);
+  const goToPreviousMatch = useCallback(() => {
+    let newIndex = 0;
+    setState((prev) => {
+      if (prev.matches.length === 0) return prev;
+      newIndex = prev.currentIndex === 0 ? prev.matches.length - 1 : prev.currentIndex - 1;
+      return { ...prev, currentIndex: newIndex };
+    });
+    return newIndex;
+  }, []);
+  const goToMatch = useCallback((index) => {
+    setState((prev) => {
+      if (prev.matches.length === 0 || index < 0 || index >= prev.matches.length) {
+        return prev;
+      }
+      return { ...prev, currentIndex: index };
+    });
+  }, []);
+  const getCurrentMatch = useCallback(() => {
+    if (state.matches.length === 0) return null;
+    return state.matches[state.currentIndex] || null;
+  }, [state.matches, state.currentIndex]);
+  const hasMatches = useCallback(() => state.matches.length > 0, [state.matches.length]);
+  return {
+    state,
+    openFind,
+    openReplace,
+    close,
+    toggle,
+    setSearchText,
+    setReplaceText,
+    setOptions,
+    setMatches,
+    goToNextMatch,
+    goToPreviousMatch,
+    goToMatch,
+    getCurrentMatch,
+    hasMatches
+  };
+}
+
+// src/react/components/dialogs/FindReplaceDialog.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DIALOG_OVERLAY_STYLE = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  backgroundColor: "transparent",
+  display: "flex",
+  alignItems: "flex-start",
+  justifyContent: "flex-end",
+  zIndex: 1e4,
+  pointerEvents: "none"
+};
+var DIALOG_CONTENT_STYLE = {
+  backgroundColor: "white",
+  borderRadius: "4px",
+  boxShadow: "0 4px 20px rgba(0, 0, 0, 0.2)",
+  minWidth: "360px",
+  maxWidth: "440px",
+  width: "100%",
+  margin: "60px 20px 20px 20px",
+  pointerEvents: "auto"
+};
+var DIALOG_HEADER_STYLE = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  padding: "12px 16px",
+  borderBottom: "1px solid var(--doc-border)",
+  backgroundColor: "var(--doc-bg-subtle)",
+  borderTopLeftRadius: "4px",
+  borderTopRightRadius: "4px"
+};
+var DIALOG_TITLE_STYLE = {
+  margin: 0,
+  fontSize: "14px",
+  fontWeight: 600,
+  color: "var(--doc-text)"
+};
+var CLOSE_BUTTON_STYLE = {
+  background: "none",
+  border: "none",
+  fontSize: "18px",
+  cursor: "pointer",
+  color: "var(--doc-text-muted)",
+  padding: "2px 6px",
+  lineHeight: 1
+};
+var DIALOG_BODY_STYLE = {
+  padding: "16px"
+};
+var ROW_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: "8px",
+  marginBottom: "12px"
+};
+var LABEL_STYLE = {
+  width: "60px",
+  fontSize: "13px",
+  color: "var(--doc-text)",
+  flexShrink: 0
+};
+var INPUT_STYLE = {
+  flex: 1,
+  padding: "8px 10px",
+  border: "1px solid var(--doc-border-input)",
+  borderRadius: "3px",
+  fontSize: "13px",
+  boxSizing: "border-box",
+  outline: "none"
+};
+var INPUT_FOCUS_STYLE = {
+  ...INPUT_STYLE,
+  borderColor: "var(--doc-link)",
+  boxShadow: "0 0 0 2px rgba(5, 99, 193, 0.1)"
+};
+var BUTTON_CONTAINER_STYLE = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "6px",
+  marginLeft: "8px"
+};
+var BUTTON_BASE_STYLE = {
+  padding: "6px 12px",
+  borderRadius: "3px",
+  fontSize: "12px",
+  fontWeight: 500,
+  cursor: "pointer",
+  border: "1px solid var(--doc-border-input)",
+  backgroundColor: "var(--doc-bg-input)",
+  color: "var(--doc-text)",
+  minWidth: "80px",
+  textAlign: "center"
+};
+var BUTTON_DISABLED_STYLE = {
+  ...BUTTON_BASE_STYLE,
+  backgroundColor: "var(--doc-bg-hover)",
+  color: "var(--doc-text-placeholder)",
+  cursor: "not-allowed"
+};
+var NAV_BUTTON_STYLE = {
+  padding: "6px 10px",
+  borderRadius: "3px",
+  fontSize: "14px",
+  cursor: "pointer",
+  border: "1px solid var(--doc-border-input)",
+  backgroundColor: "var(--doc-bg-input)",
+  color: "var(--doc-text)"
+};
+var NAV_BUTTON_DISABLED_STYLE = {
+  ...NAV_BUTTON_STYLE,
+  color: "var(--doc-border-input)",
+  cursor: "not-allowed"
+};
+var OPTIONS_CONTAINER_STYLE = {
+  display: "flex",
+  gap: "16px",
+  marginTop: "4px",
+  marginLeft: "68px"
+};
+var CHECKBOX_LABEL_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: "6px",
+  fontSize: "12px",
+  color: "var(--doc-text-muted)",
+  cursor: "pointer"
+};
+var CHECKBOX_STYLE = {
+  width: "14px",
+  height: "14px",
+  cursor: "pointer"
+};
+var STATUS_STYLE = {
+  marginLeft: "68px",
+  fontSize: "12px",
+  color: "var(--doc-text-muted)",
+  marginBottom: "8px"
+};
+var NO_RESULTS_STYLE = {
+  ...STATUS_STYLE,
+  color: "var(--doc-error)"
+};
+var ChevronUpIcon = ({ style }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style,
+    children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+  }
+);
+var ChevronDownIcon = ({ style }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style,
+    children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+  }
+);
+function FindReplaceDialog({
+  isOpen,
+  onClose,
+  onFind,
+  onFindNext,
+  onFindPrevious,
+  onReplace,
+  onReplaceAll,
+  onHighlightMatches,
+  onClearHighlights,
+  initialSearchText = "",
+  replaceMode = false,
+  currentResult,
+  className,
+  style
+}) {
+  const { t } = useTranslation();
+  const [searchText, setSearchText] = useState2("");
+  const [replaceText, setReplaceText] = useState2("");
+  const [showReplace, setShowReplace] = useState2(replaceMode);
+  const [matchCase, setMatchCase] = useState2(false);
+  const [matchWholeWord, setMatchWholeWord] = useState2(false);
+  const [result, setResult] = useState2(null);
+  const [searchFocused, setSearchFocused] = useState2(false);
+  const [replaceFocused, setReplaceFocused] = useState2(false);
+  const searchInputRef = useRef(null);
+  const replaceInputRef = useRef(null);
+  useEffect(() => {
+    if (currentResult !== void 0) {
+      setResult(currentResult);
+    }
+  }, [currentResult]);
+  useEffect(() => {
+    if (isOpen) {
+      setSearchText(initialSearchText);
+      setReplaceText("");
+      setShowReplace(replaceMode);
+      setResult(null);
+      setTimeout(() => {
+        searchInputRef.current?.focus();
+        searchInputRef.current?.select();
+      }, 100);
+      if (initialSearchText) {
+        const searchResult = onFind(initialSearchText, { matchCase, matchWholeWord });
+        setResult(searchResult);
+        if (searchResult?.matches && onHighlightMatches) {
+          onHighlightMatches(searchResult.matches);
+        }
+      }
+    } else {
+      if (onClearHighlights) {
+        onClearHighlights();
+      }
+    }
+  }, [isOpen, initialSearchText, replaceMode]);
+  const performSearch = useCallback2(() => {
+    if (!searchText.trim()) {
+      setResult(null);
+      if (onClearHighlights) {
+        onClearHighlights();
+      }
+      return;
+    }
+    const searchResult = onFind(searchText, { matchCase, matchWholeWord });
+    setResult(searchResult);
+    if (searchResult?.matches && onHighlightMatches) {
+      onHighlightMatches(searchResult.matches);
+    } else if (onClearHighlights) {
+      onClearHighlights();
+    }
+  }, [searchText, matchCase, matchWholeWord, onFind, onHighlightMatches, onClearHighlights]);
+  useEffect(() => {
+    if (isOpen && searchText.trim()) {
+      performSearch();
+    }
+  }, [matchCase, matchWholeWord]);
+  const handleSearchChange = useCallback2((e) => {
+    setSearchText(e.target.value);
+  }, []);
+  const handleSearchKeyDown = useCallback2(
+    (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        if (e.shiftKey) {
+          handleFindPrevious();
+        } else {
+          if (!result) {
+            performSearch();
+          } else {
+            handleFindNext();
+          }
+        }
+      } else if (e.key === "Escape") {
+        onClose();
+      }
+    },
+    [result, performSearch, onClose]
+  );
+  const handleReplaceKeyDown = useCallback2(
+    (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        handleReplace();
+      } else if (e.key === "Escape") {
+        onClose();
+      }
+    },
+    [onClose]
+  );
+  const handleFindNext = useCallback2(() => {
+    if (!searchText.trim()) {
+      performSearch();
+      return;
+    }
+    if (!result) {
+      performSearch();
+      return;
+    }
+    const match = onFindNext();
+    if (match && result) {
+      const newIndex = (result.currentIndex + 1) % result.totalCount;
+      setResult({
+        ...result,
+        currentIndex: newIndex
+      });
+    }
+  }, [searchText, result, performSearch, onFindNext]);
+  const handleFindPrevious = useCallback2(() => {
+    if (!searchText.trim()) {
+      performSearch();
+      return;
+    }
+    if (!result) {
+      performSearch();
+      return;
+    }
+    const match = onFindPrevious();
+    if (match && result) {
+      const newIndex = result.currentIndex === 0 ? result.totalCount - 1 : result.currentIndex - 1;
+      setResult({
+        ...result,
+        currentIndex: newIndex
+      });
+    }
+  }, [searchText, result, performSearch, onFindPrevious]);
+  const handleReplace = useCallback2(() => {
+    if (!result || result.totalCount === 0) return;
+    const success = onReplace(replaceText);
+    if (success) {
+      const newResult = onFind(searchText, { matchCase, matchWholeWord });
+      setResult(newResult);
+      if (newResult?.matches && onHighlightMatches) {
+        onHighlightMatches(newResult.matches);
+      }
+    }
+  }, [
+    result,
+    replaceText,
+    searchText,
+    matchCase,
+    matchWholeWord,
+    onReplace,
+    onFind,
+    onHighlightMatches
+  ]);
+  const handleReplaceAll = useCallback2(() => {
+    if (!searchText.trim()) return;
+    const count = onReplaceAll(searchText, replaceText, { matchCase, matchWholeWord });
+    if (count > 0) {
+      setResult({
+        matches: [],
+        totalCount: 0,
+        currentIndex: -1
+      });
+      if (onClearHighlights) {
+        onClearHighlights();
+      }
+    }
+  }, [searchText, replaceText, matchCase, matchWholeWord, onReplaceAll, onClearHighlights]);
+  const toggleReplaceMode = useCallback2(() => {
+    setShowReplace((prev) => {
+      const newValue = !prev;
+      if (newValue) {
+        setTimeout(() => replaceInputRef.current?.focus(), 100);
+      }
+      return newValue;
+    });
+  }, []);
+  const handleOverlayClick = useCallback2((e) => {
+    if (e.target === e.currentTarget) {
+    }
+  }, []);
+  const handleDialogKeyDown = useCallback2(
+    (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      }
+    },
+    [onClose]
+  );
+  if (!isOpen) {
+    return null;
+  }
+  const hasMatches = result && result.totalCount > 0;
+  const noMatches = result && result.totalCount === 0 && searchText.trim();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `docx-find-replace-dialog-overlay ${className || ""}`,
+      style: { ...DIALOG_OVERLAY_STYLE, ...style },
+      onClick: handleOverlayClick,
+      onKeyDown: handleDialogKeyDown,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "docx-find-replace-dialog",
+          "data-testid": "find-replace-dialog",
+          style: DIALOG_CONTENT_STYLE,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-labelledby": "find-replace-dialog-title",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "docx-find-replace-dialog-header", style: DIALOG_HEADER_STYLE, children: [
+              /* @__PURE__ */ jsx("h2", { id: "find-replace-dialog-title", style: DIALOG_TITLE_STYLE, children: showReplace ? t("dialogs.findReplace.titleFindReplace") : t("dialogs.findReplace.titleFind") }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "docx-find-replace-dialog-close",
+                  style: CLOSE_BUTTON_STYLE,
+                  onClick: onClose,
+                  "aria-label": t("common.closeDialog"),
+                  children: "\xD7"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "docx-find-replace-dialog-body", style: DIALOG_BODY_STYLE, children: [
+              /* @__PURE__ */ jsxs("div", { className: "docx-find-replace-dialog-row", style: ROW_STYLE, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "find-text", style: LABEL_STYLE, children: t("dialogs.findReplace.findLabel") }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: searchInputRef,
+                    id: "find-text",
+                    type: "text",
+                    className: "docx-find-replace-dialog-input",
+                    style: searchFocused ? INPUT_FOCUS_STYLE : INPUT_STYLE,
+                    value: searchText,
+                    onChange: handleSearchChange,
+                    onKeyDown: handleSearchKeyDown,
+                    onFocus: () => setSearchFocused(true),
+                    onBlur: () => {
+                      setSearchFocused(false);
+                      if (searchText.trim() && !result) {
+                        performSearch();
+                      }
+                    },
+                    placeholder: t("dialogs.findReplace.findPlaceholder"),
+                    "aria-label": t("dialogs.findReplace.findAriaLabel")
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "4px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "docx-find-replace-dialog-nav",
+                      style: hasMatches ? NAV_BUTTON_STYLE : NAV_BUTTON_DISABLED_STYLE,
+                      onClick: handleFindPrevious,
+                      disabled: !hasMatches,
+                      "aria-label": t("dialogs.findReplace.findPrevious"),
+                      title: t("dialogs.findReplace.findPreviousTitle"),
+                      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "docx-find-replace-dialog-nav",
+                      style: hasMatches ? NAV_BUTTON_STYLE : NAV_BUTTON_DISABLED_STYLE,
+                      onClick: handleFindNext,
+                      disabled: !hasMatches,
+                      "aria-label": t("dialogs.findReplace.findNext"),
+                      title: t("dialogs.findReplace.findNextTitle"),
+                      children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+                    }
+                  )
+                ] })
+              ] }),
+              hasMatches && /* @__PURE__ */ jsx("div", { className: "docx-find-replace-dialog-status", style: STATUS_STYLE, children: t("dialogs.findReplace.matchCount", {
+                current: result.currentIndex + 1,
+                total: result.totalCount
+              }) }),
+              noMatches && /* @__PURE__ */ jsx("div", { className: "docx-find-replace-dialog-status", style: NO_RESULTS_STYLE, children: t("dialogs.findReplace.noResults") }),
+              showReplace && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "docx-find-replace-dialog-row", style: ROW_STYLE, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "replace-text", style: LABEL_STYLE, children: t("dialogs.findReplace.replaceLabel") }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: replaceInputRef,
+                    id: "replace-text",
+                    type: "text",
+                    className: "docx-find-replace-dialog-input",
+                    style: replaceFocused ? INPUT_FOCUS_STYLE : INPUT_STYLE,
+                    value: replaceText,
+                    onChange: (e) => setReplaceText(e.target.value),
+                    onKeyDown: handleReplaceKeyDown,
+                    onFocus: () => setReplaceFocused(true),
+                    onBlur: () => setReplaceFocused(false),
+                    placeholder: t("dialogs.findReplace.replacePlaceholder"),
+                    "aria-label": t("dialogs.findReplace.replaceAriaLabel")
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { style: BUTTON_CONTAINER_STYLE, children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "docx-find-replace-dialog-button",
+                      style: hasMatches ? BUTTON_BASE_STYLE : BUTTON_DISABLED_STYLE,
+                      onClick: handleReplace,
+                      disabled: !hasMatches,
+                      title: t("dialogs.findReplace.replaceCurrentTitle"),
+                      children: t("dialogs.findReplace.replaceButton")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "docx-find-replace-dialog-button",
+                      style: hasMatches ? BUTTON_BASE_STYLE : BUTTON_DISABLED_STYLE,
+                      onClick: handleReplaceAll,
+                      disabled: !hasMatches,
+                      title: t("dialogs.findReplace.replaceAllTitle"),
+                      children: t("dialogs.findReplace.replaceAllButton")
+                    }
+                  )
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsxs("div", { className: "docx-find-replace-dialog-options", style: OPTIONS_CONTAINER_STYLE, children: [
+                /* @__PURE__ */ jsxs("label", { className: "docx-find-replace-dialog-option", style: CHECKBOX_LABEL_STYLE, children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      style: CHECKBOX_STYLE,
+                      checked: matchCase,
+                      onChange: (e) => setMatchCase(e.target.checked)
+                    }
+                  ),
+                  t("dialogs.findReplace.matchCase")
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: "docx-find-replace-dialog-option", style: CHECKBOX_LABEL_STYLE, children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      style: CHECKBOX_STYLE,
+                      checked: matchWholeWord,
+                      onChange: (e) => setMatchWholeWord(e.target.checked)
+                    }
+                  ),
+                  t("dialogs.findReplace.wholeWords")
+                ] }),
+                !showReplace && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: {
+                      ...CHECKBOX_LABEL_STYLE,
+                      background: "none",
+                      border: "none",
+                      cursor: "pointer",
+                      color: "var(--doc-link)",
+                      padding: 0
+                    },
+                    onClick: toggleReplaceMode,
+                    children: t("dialogs.findReplace.toggleReplace")
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+var FindReplaceDialog_default = FindReplaceDialog;
+
+export {
+  createDefaultFindOptions,
+  escapeRegexString,
+  createSearchPattern,
+  findAllMatches,
+  replaceAllInContent,
+  replaceFirstInContent,
+  getMatchCountText,
+  isEmptySearch,
+  getDefaultHighlightOptions,
+  findInDocument,
+  findInParagraph,
+  scrollToMatch,
+  useFindReplace,
+  FindReplaceDialog,
+  FindReplaceDialog_default
+};