@react-pdf-kit/viewer 2.0.0-beta.9 → 2.0.0-rc.0

package/dist/components/layout/toolbar/SearchCloseButton.js

@@ -1,18 +1,32 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/CloseIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { S as x } from "../../../SearchCloseButton-08d57275.js";
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../ui/RPTooltip.js";
+import { UIButton as p } from "../../ui/Button.js";
+import { CloseIcon as n } from "../../icons/CloseIcon.js";
+import { useLocalizationContext as c } from "../../../contexts/LocalizationContext.js";
+import { c as e } from "../../../SearchTool.module-99f60dc7.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
+const z = ({ onKeyPress: r, handleClose: i }) => {
+  const { localeMessages: o } = c();
+  return /* @__PURE__ */ t(m, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
+    p,
+    {
+      tabIndex: 0,
+      onKeyDown: r,
+      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
+      children: /* @__PURE__ */ t(n, { onClick: i, className: e["rp-search-tool-input-icon"] })
+    }
+  ) });
+};
 export {
-  x as SearchCloseButton
+  z as SearchCloseButton
 };

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -1,21 +1,26 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { Y as Bo } from "../../../ToolbarLayout.module-8d56d12b.js";
-import "../../../SearchCloseButton-08d57275.js";
+import { jsxs as l, Fragment as d, jsx as r } from "react/jsx-runtime";
+import m from "../../ui/RPTooltip.js";
+import { UIButton as a } from "../../ui/Button.js";
+import { ChevronUpIcon as e } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as s } from "../../../contexts/SearchContext.js";
+import { c as i } from "../../../SearchTool.module-99f60dc7.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../th_TH-d627cd51.js";
-import "../../ui/Input.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/VirtualScrollContext.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../contexts/InitialStateContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -27,114 +32,78 @@ import "../../../contexts/DocumentPasswordContext.js";
 import "../../../utils/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../utils/hooks/useDarkMode.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
 import "../../../contexts/ZoomContext.js";
 import "../../../utils/constants.js";
 import "../../../utils/getZoomLevel.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/RotationContext.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/VirtualScrollContext.js";
+import "../../../PaginationContext-9217cab4.js";
 import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
+import "../../../utils/smoothScrollTo.js";
 import "../../../contexts/DimensionPagesContext.js";
 import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/HighlightContext.js";
-import "../../../utils/hooks/useHighlight.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-import "../../../contexts/DownloadContext.js";
 import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/ElementPageContext.js";
-import "../../../utils/const.js";
 import "../../../utils/getScrollDistance.js";
-import "../../../utils/getElementPositionInPage.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../icons/Thumbnail.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../sidebar/RPSplitter.js";
-import "../WrapperLayout.js";
-import "../../RPDropFileZone.js";
-import "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../ui/Checkbox.js";
-import "../../icons/CheckIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/DropDown.js";
-import "../../../index-3bf64864.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-67946714.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/link_service.js";
-import "../../../utils/annotations.js";
-import "../../../utils/sanitizeExternalUrl.js";
-import "../../page/searchHighlight.js";
-import "../../page/CustomElement.js";
 import "../../../utils/calculatePage.js";
-import "../../../utils/hooks/useMousePressed.js";
-import "../../../utils/hooks/useGrabScroll.js";
-import "../../../utils/hooks/usePinch.js";
-import "../../ui/PasswordModal.js";
-import "../../../utils/approximateFragtion.js";
-import "../../../utils/hooks/useCopyText.js";
 import "../../../utils/getWordPositionInPage.js";
-import "../../../utils/smoothScrollTo.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../icons/CloseIcon.js";
-import "./DocumentProperties.js";
-import "../../icons/InfoIcon.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/SinglePageIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../icons/PrintDefaultIcon.js";
-import "./FullScreenTool.js";
-import "../../icons/FullScreenIcon.js";
-import "../../icons/GoToDownIcon.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../utils/zoom.js";
-import "../../icons/SearchIcon.js";
-import "../../icons/ClearIcon.js";
+const ht = () => {
+  const { totalMatches: p, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = h(), o = !p || p === 0;
+  return /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
+          a,
+          {
+            tabIndex: 0,
+            onClick: c,
+            "aria-label": t == null ? void 0 : t.searchPrevTooltip,
+            disabled: o,
+            "aria-disabled": o,
+            children: /* @__PURE__ */ r(
+              e,
+              {
+                className: i["rp-search-tool-input-icon"],
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      m,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
+          a,
+          {
+            tabIndex: 0,
+            onClick: n,
+            "aria-label": t == null ? void 0 : t.searchNextTooltip,
+            disabled: o,
+            "aria-disabled": o,
+            children: /* @__PURE__ */ r(
+              e,
+              {
+                style: { transform: "rotate(180deg" },
+                className: i["rp-search-tool-input-icon"],
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
 export {
-  Bo as SearchResultNavigator
+  ht as SearchResultNavigator
 };

package/dist/components/layout/toolbar/SearchTool.js

@@ -1,140 +1,264 @@
-import "react/jsx-runtime";
-import "../../ui/Button.js";
-import "../../icons/SearchIcon.js";
-import "react";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../SearchCloseButton-08d57275.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/ClearIcon.js";
-import "../../icons/LoaderIcon.js";
-import { S as Dr } from "../../../ToolbarLayout.module-8d56d12b.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/DropFileZoneContext.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/HighlightContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../contexts/DownloadContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../contexts/ElementPageContext.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ThemeContext.js";
-import "../../../contexts/ConfigContext.js";
-import "pdfjs-dist";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../sidebar/RPSplitter.js";
-import "../WrapperLayout.js";
-import "../../RPDropFileZone.js";
-import "../../../LayoutWrapper-6224491f.js";
-import "../../ui/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../icons/InfoIcon.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-67946714.js";
+import { jsx as o, Fragment as at, jsxs as C } from "react/jsx-runtime";
+import { UIButton as ct } from "../../ui/Button.js";
+import { SearchIcon as A } from "../../icons/SearchIcon.js";
+import { useState as b, useCallback as i, useEffect as l, useMemo as W } from "react";
+import { useLayoutContainer as pt } from "../../../contexts/LayoutContainerContext.js";
+import { c as n } from "../../../SearchTool.module-99f60dc7.js";
+import { UIInput as mt } from "../../ui/Input.js";
+import { UICheckbox as $ } from "../../ui/Checkbox.js";
+import { ClearIcon as ht } from "../../icons/ClearIcon.js";
+import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
+import { useSearchContext as st } from "../../../contexts/SearchContext.js";
+import { useIconContext as dt } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
+import E from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
+import { InfoIcon as j } from "../../icons/InfoIcon.js";
+import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
+import { SearchResultNavigator as q } from "./SearchResultNavigator.js";
+import { SearchCloseButton as z } from "./SearchCloseButton.js";
+import { UIDropDown as bt } from "../../ui/DropDown.js";
+import { useIconToolContext as xt } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as St } from "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
-import "../../icons/CloseIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-c0faa594.js";
 import "react-dom";
+import "../../../index-655864a7.js";
 import "../../icons/CheckIcon.js";
-import "../../icons/ChevronUpIcon.js";
+import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/highlight.js";
 import "../../../utils/charators.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../../icons/Thumbnail.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/constants.js";
-import "../../../utils/link_service.js";
-import "../../../utils/annotations.js";
-import "../../../utils/sanitizeExternalUrl.js";
-import "../../page/searchHighlight.js";
-import "../../../utils/const.js";
-import "../../page/CustomElement.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/ScrollModeContext.js";
 import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/RotationContext.js";
 import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
 import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
 import "../../../utils/hooks/usePdfProperties.js";
 import "../../../utils/convertPdfDate.js";
 import "../../../utils/formatFileSize.js";
-import "../../../utils/getZoomLevel.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../utils/hooks/useLicense.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
 import "../../../utils/getScrollDistance.js";
-import "../../../utils/getElementPositionInPage.js";
 import "../../../utils/calculatePage.js";
-import "../../../utils/hooks/useMousePressed.js";
-import "../../../utils/hooks/useGrabScroll.js";
-import "../../../utils/hooks/usePinch.js";
-import "../../ui/PasswordModal.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../utils/approximateFragtion.js";
-import "../../../utils/hooks/useCopyText.js";
 import "../../../utils/getWordPositionInPage.js";
-import "../../../utils/smoothScrollTo.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-3bf64864.js";
-import "../../../floating-ui.react-dom-d22a10b4.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../../utils/hooks/useDarkMode.js";
-import "../../icons/ThreeDotIcon.js";
-import "./DocumentProperties.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/SinglePageIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../icons/PrintDefaultIcon.js";
-import "./FullScreenTool.js";
-import "../../icons/FullScreenIcon.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../icons/GoToDownIcon.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../utils/zoom.js";
-import "../../../utils/hooks/useHighlight.js";
-import "../../icons/LightPdfIcon.js";
-import "../../icons/DarkPdfIcon.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../icons/CloseIcon.js";
+import "../../../index-61f59539.js";
+import "../../../Combination-136ff99c.js";
+const yt = () => {
+  const { searchIcon: x } = dt(), { searchIcon: v } = xt();
+  return x || v || /* @__PURE__ */ o(A, {});
+}, jo = ({ icon: x }) => {
+  const { container: v } = pt(), [s, L] = b(!1), { pdf: S } = ut(), [k, F] = b(null), {
+    searchOptions: D,
+    setSearchOptions: y,
+    loading: H,
+    setSearch: c,
+    totalMatches: K,
+    currentMatchPosition: B,
+    nextMatch: O,
+    prevMatch: P,
+    search: e
+  } = st(), { searchTool: G = !0 } = ft(), { searchTool: J = !0 } = St(), [d, u] = b(e), { localeMessages: t } = It(), { isSmallScreen: f } = Ct(), [T, Q] = b(null), [X, Y] = b(!1), Z = i(() => {
+    L(!0);
+  }, []), h = i(() => {
+    c(""), u(""), L(!1);
+  }, [c]), R = (r) => {
+    const a = r.key === "Enter", I = r.key === " ";
+    (a || I) && h();
+  }, w = i(
+    (r) => {
+      r.key === "Escape" && s && h();
+    },
+    [s]
+  ), _ = i(
+    (r) => {
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== d ? c(d) : r.key === "Enter" && O();
+    },
+    [d, P, O, c, e]
+  );
+  l(() => {
+    u(e);
+  }, [e]), l(() => {
+    e && S && Y(!0);
+  }, [e, S]), l(() => {
+    e && e.trim() !== "" && (u(e), c(e));
+  }, []), l(() => (window.addEventListener("keydown", w), () => {
+    window.removeEventListener("keydown", w);
+  }), [w]), l(() => {
+    k && setTimeout(() => {
+      k.focus();
+    }, 0);
+  }, [k]);
+  const g = i((r) => {
+    u(r.target.value);
+  }, []), U = i(() => {
+    u(""), c("");
+  }, [c]), M = W(() => `${B} / ${K}`, [B, K]), { wholeWords: tt, matchCase: ot } = W(() => D, [D]), rt = i(
+    (r) => {
+      y((a) => ({ ...a, matchCase: r }));
+    },
+    [y]
+  ), et = i(
+    (r) => {
+      y((a) => ({ ...a, wholeWords: r }));
+    },
+    [y]
+  );
+  l(() => {
+    S && X && h();
+  }, [S, h]);
+  const p = W(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), nt = i(
+    (r) => {
+      if (r.key === "Tab") {
+        const a = document.activeElement;
+        let I = 0;
+        p.forEach((m, it) => {
+          m === a && (I = it);
+        });
+        let N = I + 1;
+        r.shiftKey && (N = I - 1);
+        const V = p[N];
+        if (V)
+          V.focus();
+        else if (N > p.length - 1) {
+          const m = p[0];
+          m && m.focus();
+        } else {
+          const m = p[p.length - 1];
+          m && m.focus();
+        }
+      }
+    },
+    [p]
+  );
+  return !G || !J ? null : /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(
+    bt,
+    {
+      open: s,
+      container: v,
+      side: "bottom",
+      align: "start",
+      tabIndex: 0,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
+        ct,
+        {
+          active: s,
+          onClick: Z,
+          "aria-label": t == null ? void 0 : t.searchButtonTooltip,
+          "aria-expanded": s,
+          "aria-haspopup": "dialog",
+          children: x || /* @__PURE__ */ o(yt, {})
+        }
+      ) }),
+      children: /* @__PURE__ */ C(
+        "div",
+        {
+          ref: Q,
+          className: n["rp-search-tool-content"],
+          tabIndex: 0,
+          onKeyDown: nt,
+          role: "dialog",
+          "aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
+          children: [
+            /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input"], children: [
+                /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
+                  mt,
+                  {
+                    value: d,
+                    onKeyDown: _,
+                    onChange: g,
+                    icon: /* @__PURE__ */ o(A, {}),
+                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
+                    className: n["rp-search-input"],
+                    ref: F,
+                    id: "search-input",
+                    name: "search-input",
+                    tabIndex: 0,
+                    "aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
+                    "aria-describedby": "search-results-count",
+                    children: !!d && /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: n["rp-search-tool-input-clear"],
+                        onClick: U,
+                        role: "button",
+                        tabIndex: 0,
+                        "aria-label": (t == null ? void 0 : t.searchCloseButtonTooltip) || "Clear search",
+                        onKeyDown: (r) => {
+                          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
+                        },
+                        children: /* @__PURE__ */ o(ht, {})
+                      }
+                    )
+                  }
+                ) }),
+                H ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(lt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: M }),
+                f && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h }) })
+              ] }),
+              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-checkboxes"], children: [
+                f && /* @__PURE__ */ o(q, {}),
+                /* @__PURE__ */ o(
+                  $,
+                  {
+                    tabIndex: 0,
+                    name: "matchCase",
+                    value: ot,
+                    onChange: rt,
+                    "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
+                    children: t == null ? void 0 : t.searchMatchCaseLabel
+                  }
+                ),
+                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
+                /* @__PURE__ */ o(
+                  $,
+                  {
+                    tabIndex: 0,
+                    name: "wholeWord",
+                    value: tt,
+                    onChange: et,
+                    "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
+                    children: t == null ? void 0 : t.searchWholeWordsLabel
+                  }
+                ),
+                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
+              ] })
+            ] }),
+            !f && /* @__PURE__ */ C("div", { className: n["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ o(q, {}),
+              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
 export {
-  Dr as SearchTool
+  jo as SearchTool
 };