@pdf-viewer/react 1.9.0-beta.4 → 1.9.0-beta.5

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

@@ -1,24 +1,117 @@
-import "react/jsx-runtime";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../ui/Button.js";
-import "../../ui/DropDown.js";
-import { O as q } from "../../../RPLayout-5892502c.js";
-import "./DocumentProperties.js";
-import "./RotateTool.js";
-import "./ViewModeTool.js";
-import "./ScrollModeTool.js";
-import "../../../contexts/ViewportContext.js";
-import "./FileUploadTool.js";
-import "../../../index-00f8683a.js";
-import "./MenuSeparator.js";
-import "./FullScreenTool.js";
-import "../../ui/RPTooltip.js";
-import "./SelectionModeTool.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "react";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsxs as n, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
+import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
+import { UIButton as V } from "../../ui/Button.js";
+import { UIDropDown as B } from "../../ui/DropDown.js";
+import { DocumentDialog as E } from "./DocumentDialog.js";
+import { n as $ } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { DocumentProperties as q } from "./DocumentProperties.js";
+import { RotateTool as A } from "./RotateTool.js";
+import { ViewModeTool as J } from "./ViewModeTool.js";
+import { ScrollModeTool as K } from "./ScrollModeTool.js";
+import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
+import { FileUploadTool as W } from "./FileUploadTool.js";
+import { G as X } from "../../../index-473557b1.js";
+import { MenuSeparator as Y } from "./MenuSeparator.js";
+import { FileDownloadTool as Z } from "./FileDownloadTool.js";
+import { PrintTool as _ } from "./PrintTool.js";
+import { FullScreenTool as oo } from "./FullScreenTool.js";
+import { MostPageTool as eo } from "./MostPageTool.js";
+import to from "../../ui/RPTooltip.js";
+import { SelectionModeTool as ro } from "./SelectionModeTool.js";
+import { useToolbarComponentContext as lo } from "../../../contexts/ToolbarComponentContext.js";
+import { useState as C, useRef as no, useMemo as F, useEffect as io } from "react";
+import { useLocalizationContext as so } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as mo } from "../../../contexts/ToolComponentContext.js";
+const Ho = () => {
+  const [P, S] = C(!1), { container: R, pagesRef: r } = G(), { isSmallScreen: t } = Q(), {
+    openFileTool: i,
+    downloadTool: s,
+    documentProperties: m,
+    scrollModeTool: p,
+    rotateTool: T,
+    selectionModeTool: c,
+    jumpNavigationTool: a,
+    printTool: d,
+    fullscreenTool: f,
+    viewModeTool: j
+  } = lo(), {
+    openFileTool: u,
+    downloadTool: h,
+    documentProperties: O,
+    scrollModeTool: w,
+    rotateTool: M,
+    selectionModeTool: v,
+    jumpNavigationTool: D,
+    printTool: b,
+    fullscreenTool: g,
+    viewModeTool: k
+  } = mo(), { localeMessages: e } = so(), [I, N] = C(0), x = no(
+    new ResizeObserver((l) => {
+      N(l[0].contentRect.height);
+    })
+  ), z = F(() => a || T || c || p || m || j || t && (i || s || d || f), [
+    i,
+    s,
+    d,
+    f,
+    m,
+    p,
+    T,
+    c,
+    a,
+    t
+  ]), H = F(() => D || M || v || w || O || k || t && (u || h || b || g), [
+    u,
+    h,
+    b,
+    g,
+    O,
+    w,
+    M,
+    v,
+    D,
+    t
+  ]);
+  return io(() => (r && x.current.observe(r), () => {
+    x.current.disconnect();
+  }), [r]), !z || !H ? null : /* @__PURE__ */ n(y, { children: [
+    /* @__PURE__ */ o(
+      B,
+      {
+        container: R,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(to, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            style: { maxHeight: `${I}px`, overflow: "auto" },
+            className: $["rp-other-tool-content"],
+            "data-rp": "moreOptionsDropdown",
+            children: [
+              t && /* @__PURE__ */ n(X, { children: [
+                /* @__PURE__ */ o(W, {}),
+                /* @__PURE__ */ o(Z, {}),
+                /* @__PURE__ */ o(_, {}),
+                /* @__PURE__ */ o(oo, {}),
+                /* @__PURE__ */ o(Y, {})
+              ] }),
+              /* @__PURE__ */ o(eo, {}),
+              /* @__PURE__ */ o(A, {}),
+              /* @__PURE__ */ o(ro, {}),
+              /* @__PURE__ */ o(J, {}),
+              /* @__PURE__ */ o(K, {}),
+              /* @__PURE__ */ o(q, {})
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(E, {})
+  ] });
+};
 export {
-  q as OtherTool
+  Ho as OtherTool
 };

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

@@ -1,19 +1,101 @@
-import "react/jsx-runtime";
-import "react";
-import "../../icons/ChevronUpIcon.js";
-import "../../ui/Button.js";
-import "../../ui/Input.js";
-import { l as d } from "../../../RPLayout-5892502c.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/types.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { useState as k, useEffect as D, useCallback as c, useMemo as L } from "react";
+import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
+import { UIButton as T } from "../../ui/Button.js";
+import { UIInput as V } from "../../ui/Input.js";
+import { u as A, g } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useIconContext as N } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
+import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
+import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
+const F = () => {
+  const { prevIcon: o } = N(), { prevIcon: n } = b();
+  return o || n || /* @__PURE__ */ e(S, {});
+}, q = () => {
+  const { nextIcon: o } = N(), { nextIcon: n } = b();
+  return o || n || /* @__PURE__ */ e(S, { style: { transform: "rotate(180deg" } });
+}, co = () => {
+  const { focusedPage: o, totalPages: n, setFocusedPage: f, nextPage: p, prevPage: l, goToPage: i } = A(), [u, a] = k(o.toString()), { pageNavigationTool: s = !0 } = B(), { pageNavigationTool: m = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
+  D(() => {
+    a(o.toString());
+  }, [o]);
+  const w = c((r) => {
+    const v = r.target.value;
+    a(v);
+  }, []), I = c(async () => {
+    const r = i(u);
+    r.success || a(r.currentPage.toString());
+  }, [i, u, n]), y = c(() => {
+    a(o.toString());
+  }, [o]), E = c(
+    (r) => {
+      r.key === "Enter" && I();
+    },
+    [I]
+  ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === n - 1 || o === n, [o, n, x, C]);
+  return !s || !m ? null : typeof s != "boolean" ? /* @__PURE__ */ e(
+    s,
+    {
+      total: n,
+      current: o,
+      nextPage: p,
+      prevPage: l,
+      goToPage: i,
+      changePage: f
+    }
+  ) : typeof m != "boolean" ? /* @__PURE__ */ e(
+    m,
+    {
+      total: n,
+      current: o,
+      nextPage: p,
+      prevPage: l,
+      goToPage: i,
+      changePage: f
+    }
+  ) : /* @__PURE__ */ h("div", { className: g["rp-paginate"], children: [
+    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ e(
+      T,
+      {
+        onClick: l,
+        "aria-label": t == null ? void 0 : t.previousPageTooltip,
+        "aria-disabled": o === 1,
+        children: /* @__PURE__ */ e(F, {})
+      }
+    ) }),
+    /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ e(
+      V,
+      {
+        onKeyDown: E,
+        onBlur: y,
+        onChange: w,
+        value: u,
+        className: g["rp-page-input"],
+        id: "page-input",
+        name: "page-input"
+      }
+    ) }),
+    /* @__PURE__ */ h("span", { className: g["rp-total-page"], children: [
+      "/",
+      n
+    ] }),
+    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ e(
+      T,
+      {
+        onClick: p,
+        "aria-label": t == null ? void 0 : t.nextPageTooltip,
+        "aria-disabled": U,
+        children: /* @__PURE__ */ e(q, {})
+      }
+    ) })
+  ] });
+};
 export {
-  d as Paginate
+  co as Paginate
 };

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

@@ -1,15 +1,45 @@
-import "react/jsx-runtime";
-import "../../icons/PrintDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import { I } from "../../../RPLayout-5892502c.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/LocalizationContext.js";
-import "./MenuItem.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { PrintDefaultTool as d } from "../../icons/PrintDefaultIcon.js";
+import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as h } from "../../../contexts/IconContext.js";
+import { UIButton as b } from "../../ui/Button.js";
+import { b as O } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useViewportContext as k } from "../../../contexts/ViewportContext.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { MenuItem as y } from "./MenuItem.js";
+import c from "../../ui/RPTooltip.js";
+import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as L } from "../../../contexts/ToolComponentContext.js";
+const l = () => {
+  const { printIcon: n } = h(), { printIcon: t } = D();
+  return n || t || /* @__PURE__ */ o(d, {});
+}, C = ({ children: n, className: t, localeMessages: r }) => /* @__PURE__ */ o(c, { className: t, content: r == null ? void 0 : r.printTooltip, children: n }), N = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(C, { localeMessages: t, children: /* @__PURE__ */ o(b, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ o(l, {}) }) }), S = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(y, { onClick: n, children: /* @__PURE__ */ x(C, { className: "rp-menu-item", localeMessages: t, children: [
+  /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(l, {}) }),
+  t == null ? void 0 : t.printLabel
+] }) }), H = () => {
+  const { print: n, cancel: t, setOnProgress: r, setOnComplete: u, setOnError: f, progress: T } = O(), { printTool: p = !0 } = I(), { printTool: m = !0 } = L(), { isSmallScreen: P } = k(), { localeMessages: i } = j(), e = i == null ? void 0 : i.printTooltip;
+  return !p || !m ? null : P ? /* @__PURE__ */ o(S, { print: n, localeMessages: i }) : typeof p == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
+    p,
+    {
+      print: n,
+      cancel: t,
+      setOnProgress: r,
+      setOnError: f,
+      setOnComplete: u,
+      progress: T
+    }
+  ) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
+    m,
+    {
+      print: n,
+      cancel: t,
+      setOnProgress: r,
+      setOnError: f,
+      setOnComplete: u,
+      progress: T
+    }
+  ) }) : /* @__PURE__ */ o(N, { print: n, localeMessages: i });
+};
 export {
-  I as PrintTool
+  H as PrintTool
 };

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

@@ -1,12 +1,9 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import '../../../assets/PropertyItem.css';const r = {
-  "rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
-  "rp-property-item-label": "_rp-property-item-label_jno3l_11",
-  "rp-property-item-value": "_rp-property-item-value_jno3l_15"
-}, a = ({ label: p, value: t }) => /* @__PURE__ */ l("div", { className: r["rp-property-item-wrapper"], children: [
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { c as r } from "../../../PropertyItem.module-db0150cc.js";
+const m = ({ label: p, value: s }) => /* @__PURE__ */ t("div", { className: r["rp-property-item-wrapper"], children: [
   /* @__PURE__ */ e("div", { className: r["rp-property-item-label"], children: p }),
-  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: t || "-" })
+  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: s || "-" })
 ] });
 export {
-  a as PropertyItem
+  m as PropertyItem
 };

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

@@ -1,9 +1,30 @@
-import "react/jsx-runtime";
-import { N as b } from "../../../RPLayout-5892502c.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../utils/withRef.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { b as p, i as r } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { Paginate as d } from "./Paginate.js";
+import { RPToolbarEnd as c } from "./RPToolbarEnd.js";
+import { ZoomTool as f } from "./ZoomTool.js";
+import { SearchTool as g } from "./SearchTool.js";
+import P from "../../ui/LoadingIndicator.js";
+import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+const j = () => {
+  const { showPrintProgress: s = !0 } = h(), { showPrintProgress: a = !0 } = b(), { progress: n } = p(), { isSmallScreen: i } = u(), { percentage: e } = n || {}, m = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
+    if (!(!s || !a || !e))
+      return /* @__PURE__ */ o(P, { percentage: e });
+  };
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ o("div", { "data-rp": "topBar", className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: m(), children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
+        /* @__PURE__ */ o(g, {}),
+        /* @__PURE__ */ o(d, {})
+      ] }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(f, {}) }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(c, {}) })
+    ] }) }),
+    /* @__PURE__ */ o(l, {})
+  ] });
+};
 export {
-  b as RPToolbar
+  j as RPToolbar
 };

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

@@ -1,9 +1,24 @@
-import "react/jsx-runtime";
-import "./FileUploadTool.js";
-import "./DarkModeTool.js";
-import { m as b } from "../../../RPLayout-5892502c.js";
-import "./FullScreenTool.js";
-import "../../../contexts/ViewportContext.js";
+import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { FileUploadTool as l } from "./FileUploadTool.js";
+import { DarkModeTool as e } from "./DarkModeTool.js";
+import { OtherTool as i } from "./OtherTool.js";
+import { FullScreenTool as n } from "./FullScreenTool.js";
+import { FileDownloadTool as p } from "./FileDownloadTool.js";
+import { PrintTool as f } from "./PrintTool.js";
+import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
+const S = () => {
+  const { isSmallScreen: t } = s();
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ o(e, {}),
+    !t && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ o(l, {}),
+      /* @__PURE__ */ o(p, {}),
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(n, {})
+    ] }),
+    /* @__PURE__ */ o(i, {})
+  ] });
+};
 export {
-  b as RPToolbarEnd
+  S as RPToolbarEnd
 };

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

@@ -1,31 +1,30 @@
-import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-00f8683a.js";
-import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
+import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
+import { G as p } from "../../../index-473557b1.js";
+import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as c } from "./MenuItem.js";
+import { c as f } from "../../../RotateTool.module-03987eba.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";
 import { useRotate as w } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
 import i from "../../ui/RPTooltip.js";
-import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
-import '../../../assets/RotateTool.css';const I = {
-  "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
-}, h = () => {
-  const { rotateClockwiseIcon: e } = m(), { rotateClockwiseIcon: r } = s();
-  return e || r || /* @__PURE__ */ t(l, {});
+import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+const h = () => {
+  const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, {});
 }, x = () => {
-  const { rotateCounterClockwiseIcon: e } = m(), { rotateCounterClockwiseIcon: r } = s();
-  return e || r || /* @__PURE__ */ t(l, { className: I["rp-rotate-counterclockwise"] });
-}, O = () => {
-  const { handleRotateClockwise: e, handleRotateCounterclockwise: r } = w(), { rotateTool: a = !0 } = f(), { rotateTool: u = !0 } = T(), { localeMessages: o } = d();
-  return !a || !u ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+  const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
+}, q = () => {
+  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
+  return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
       o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
       o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
@@ -33,5 +32,5 @@ import '../../../assets/RotateTool.css';const I = {
   ] }) });
 };
 export {
-  O as RotateTool
+  q as RotateTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-00f8683a.js";
+import { G as C } from "../../../index-473557b1.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
 import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";

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

@@ -1,9 +1,21 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/CloseIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
+import { jsx as t } from "react/jsx-runtime";
+import i from "../../ui/RPTooltip.js";
+import { UIButton as c } from "../../ui/Button.js";
+import { CloseIcon as m } from "../../icons/CloseIcon.js";
+import { useLocalizationContext as p } from "../../../contexts/LocalizationContext.js";
+import { c as e } from "../../../SearchTool.module-016f3a8d.js";
+const C = ({ onKeyPress: r, handleClose: n }) => {
+  const { localeMessages: o } = p();
+  return /* @__PURE__ */ t(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
+    c,
+    {
+      tabIndex: 0,
+      onKeyDown: r,
+      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
+      children: /* @__PURE__ */ t(m, { onClick: n, className: e["rp-search-tool-input-icon"] })
+    }
+  ) });
+};
 export {
-  a as SearchCloseButton
+  C as SearchCloseButton
 };

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

@@ -1,10 +1,44 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { J as s } from "../../../RPLayout-5892502c.js";
-import "../../../SearchCloseButton-cbf182aa.js";
+import { jsxs as m, Fragment as h, jsx as r } from "react/jsx-runtime";
+import i from "../../ui/RPTooltip.js";
+import { UIButton as n } from "../../ui/Button.js";
+import { ChevronUpIcon as c } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
+import { c as s } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { c as o } from "../../../SearchTool.module-016f3a8d.js";
+const C = () => {
+  const { totalMatches: a, nextMatch: e, prevMatch: p } = s(), { localeMessages: t } = l();
+  return /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ r(
+      i,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: p, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
+          c,
+          {
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !a
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ r(
+      i,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: e, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
+          c,
+          {
+            style: { transform: "rotate(180deg" },
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !a
+          }
+        ) })
+      }
+    )
+  ] });
+};
 export {
-  s as SearchResultNavigator
+  C as SearchResultNavigator
 };