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

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as o, useId as V, useMemo as T } from "react";
-import { P as w, f as D, T as E, g as k } from "../RPLayout-897cb09d.js";
+import { P as w, f as D, T as E, g as k } from "../RPLayout-5892502c.js";
 import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
 import { RotateProvider as y } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as io } from "../RPLayout-897cb09d.js";
+import { R as to } from "../RPLayout-5892502c.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";
@@ -34,16 +34,15 @@ import "../clsx-0c6e471a.js";
 import "../contexts/ToolbarComponentContext.js";
 import "../contexts/ToolComponentContext.js";
 import "./ui/Button.js";
-import "../SearchCloseButton-ddb9877e.js";
+import "../SearchCloseButton-cbf182aa.js";
 import "./ui/Input.js";
 import "./ui/Checkbox.js";
 import "./icons/LoaderIcon.js";
 import "../contexts/IconContext.js";
 import "./ui/RPTooltip.js";
-import "../Popover-1faa77f6.js";
 import "../contexts/ViewportContext.js";
-import "../contexts/IconToolContext.js";
 import "./ui/DropDown.js";
+import "../contexts/IconToolContext.js";
 import "./layout/toolbar/MenuItem.js";
 import "./layout/toolbar/MenuSeparator.js";
 import "../utils/dateFormatter.js";
@@ -57,5 +56,5 @@ import "../utils/hooks/useDebounce.js";
 import "./ui/PasswordModal.js";
 import "../utils/calculatePage.js";
 export {
-  io as RPPages
+  to as RPPages
 };

package/dist/components/layout/LayoutContainer.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
-import "react";
-import { L as _ } from "../../RPLayout-897cb09d.js";
+import { L as _ } from "../../RPLayout-5892502c.js";
 import "../../contexts/ThemeContext.js";
+import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -33,22 +33,22 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
-import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
-import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
+import "../../contexts/IconToolContext.js";
 import "./toolbar/MenuItem.js";
 import "./toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
 import "./toolbar/PropertyItem.js";
 import "../../contexts/OtherToolContext.js";
 import "./toolbar/RotateTool.js";
+import "../../utils/withRef.js";
 export {
   _ as LayoutContainer
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as D } from "../../RPLayout-897cb09d.js";
+import { a as D } from "../../RPLayout-5892502c.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

package/dist/components/layout/RPLayout.js

@@ -3,7 +3,7 @@ import "react";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";
 import "../../contexts/ViewportContext.js";
-import { b as $ } from "../../RPLayout-897cb09d.js";
+import { b as _ } from "../../RPLayout-5892502c.js";
 import "../../contexts/OtherToolContext.js";
 import "./WrapperLayout.js";
 import "../../contexts/RPDocumentContext.js";
@@ -34,22 +34,21 @@ import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
-import "../../SearchCloseButton-ddb9877e.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
 import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../../contexts/ToolbarComponentContext.js";
-import "../../Popover-1faa77f6.js";
+import "../ui/DropDown.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/ToolComponentContext.js";
-import "../ui/DropDown.js";
 import "./toolbar/MenuItem.js";
 import "./toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
 import "./toolbar/PropertyItem.js";
 import "./toolbar/RotateTool.js";
 export {
-  $ as RPLayout
+  _ as RPLayout
 };

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { V as x } from "../../../RPLayout-897cb09d.js";
+import { V as x } from "../../../RPLayout-5892502c.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { Q as b } from "../../../RPLayout-897cb09d.js";
+import { Q as b } from "../../../RPLayout-5892502c.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { U as t } from "../../../RPLayout-897cb09d.js";
+import { U as a } from "../../../RPLayout-5892502c.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
 export {
-  t as Thumbnails
+  a as Thumbnails
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { G as _ } from "../../../RPLayout-897cb09d.js";
+import { G as Z } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
@@ -34,21 +34,20 @@ import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
+import "../../../contexts/IconToolContext.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/OtherToolContext.js";
 import "./RotateTool.js";
 import "./PropertyItem.js";
 export {
-  _ as DocumentDialog
+  Z as DocumentDialog
 };

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

@@ -1,23 +1,27 @@
-import { jsx as t, Fragment as i, jsxs as c } from "react/jsx-runtime";
-import { MenuItem as p } from "./MenuItem.js";
-import { InfoIcon as u } from "../../icons/InfoIcon.js";
-import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
+import { jsxs as n, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { MenuItem as u } from "./MenuItem.js";
+import { InfoIcon as s } from "../../icons/InfoIcon.js";
+import { useOtherToolContext as l } from "../../../contexts/OtherToolContext.js";
 import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as l } from "../../../contexts/IconContext.js";
-import f from "../../ui/RPTooltip.js";
-import { useLocalizationContext as P } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as x } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as C } from "../../../contexts/ToolComponentContext.js";
-const I = () => {
-  const { documentPropertiesIcon: e } = l(), { documentPropertiesIcon: r } = x();
-  return e || r || /* @__PURE__ */ t(u, {});
-}, k = () => {
-  const { setActiveDocumentProperties: e } = s(), { documentProperties: r = !0 } = d(), { documentProperties: n = !0 } = C(), { localeMessages: o } = P();
-  return !r || !n ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(p, { onClick: () => e((m) => !m), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
-    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(I, {}) }),
-    o == null ? void 0 : o.documentPropertiesLabel
-  ] }) }) });
+import { useIconContext as f } from "../../../contexts/IconContext.js";
+import P from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as C } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+const a = () => {
+  const { documentPropertiesIcon: e } = f(), { documentPropertiesIcon: r } = C();
+  return e || r || /* @__PURE__ */ t(s, {});
+}, F = () => {
+  const { setActiveDocumentProperties: e } = l(), { documentProperties: r = !0 } = d(), { documentProperties: m = !0, scrollModeTool: i } = I(), { localeMessages: o } = x();
+  return !r || !m ? null : /* @__PURE__ */ n(p, { children: [
+    i && /* @__PURE__ */ t(T, {}),
+    /* @__PURE__ */ t(u, { onClick: () => e((c) => !c), children: /* @__PURE__ */ n(P, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(a, {}) }),
+      o == null ? void 0 : o.documentPropertiesLabel
+    ] }) })
+  ] });
 };
 export {
-  k as DocumentProperties
+  F as DocumentProperties
 };

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

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { H as w } from "../../../RPLayout-897cb09d.js";
+import { H as w } from "../../../RPLayout-5892502c.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-7279fb4e.js";
+import { I as o } from "../../../index-00f8683a.js";
 import { c } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const n = {
   "rp-menu-item": "_rp-menu-item_cu12j_1"

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-7279fb4e.js";
+import { S as a } from "../../../index-00f8683a.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../index-7279fb4e.js";
+import "../../../index-00f8683a.js";
 import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as $ } from "../../../RPLayout-897cb09d.js";
+import { M as _ } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -34,16 +34,15 @@ import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
+import "../../../contexts/IconToolContext.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
@@ -51,5 +50,5 @@ import "../../../contexts/OtherToolContext.js";
 import "./RotateTool.js";
 import "../../icons/GoToDownIcon.js";
 export {
-  $ as MostPageTool
+  _ as MostPageTool
 };

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as q } from "../../../RPLayout-897cb09d.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-7279fb4e.js";
+import "../../../index-00f8683a.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { l as d } from "../../../RPLayout-897cb09d.js";
+import { l as d } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { I } from "../../../RPLayout-897cb09d.js";
+import { I } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "react";
-import { N as b } from "../../../RPLayout-897cb09d.js";
+import { N as b } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../utils/withRef.js";
 import "../../../contexts/ToolComponentContext.js";
 export {
   b as RPToolbar

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { m as b } from "../../../RPLayout-897cb09d.js";
+import { m as b } from "../../../RPLayout-5892502c.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-7279fb4e.js";
+import { G as p } from "../../../index-00f8683a.js";
 import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";

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

@@ -1,58 +1,56 @@
 import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-7279fb4e.js";
-import { MenuSeparator as L } from "./MenuSeparator.js";
+import { G as C } from "../../../index-00f8683a.js";
 import { MenuItem as m } from "./MenuItem.js";
-import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
-import { PageScrollingIcon as T } from "../../icons/PageScrollingIcon.js";
-import { VerticalScrollingIcon as s } from "../../icons/VerticalScrollingIcon.js";
-import { HorizontalScrollingIcon as N } from "../../icons/HorizontalScrollingIcon.js";
-import { useScrollModeContext as G } from "../../../contexts/ScrollModeContext.js";
-import { ViewMode as O, ScrollMode as l } from "../../../utils/types.js";
+import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
+import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as T } from "../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as s } from "../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as N } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as G, ScrollMode as l } from "../../../utils/types.js";
 import { CheckIcon as p } from "../../icons/CheckIcon.js";
-import { useViewModeContext as R } from "../../../contexts/ViewModeContext.js";
-import { useMemo as x } from "react";
+import { useViewModeContext as O } from "../../../contexts/ViewModeContext.js";
+import { useMemo as R } from "react";
 import { useIconContext as d } from "../../../contexts/IconContext.js";
 import u from "../../ui/RPTooltip.js";
-import { useLocalizationContext as v } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
-const A = () => {
-  const { pageScrollIcon: t } = d(), { pageScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(T, {});
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as v } from "../../../contexts/ToolComponentContext.js";
+const z = () => {
+  const { pageScrollIcon: n } = d(), { pageScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(h, {});
+}, A = () => {
+  const { verticalScrollIcon: n } = d(), { verticalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(T, {});
 }, g = () => {
-  const { verticalScrollIcon: t } = d(), { verticalScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(s, {});
-}, _ = () => {
-  const { horizontalScrollIcon: t } = d(), { horizontalScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(N, {});
-}, Q = () => {
-  const { scrollModeTool: t = !0 } = h(), { scrollModeTool: n = !0 } = z(), { viewMode: I } = R(), { scrollMode: e, setScrollMode: i } = G(), { localeMessages: o } = v(), S = x(() => I === O.DUAL_PAGE, [I]);
-  return !t || !n ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ r(m, { onClick: () => i(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(A, {}) }),
+  const { horizontalScrollIcon: n } = d(), { horizontalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(s, {});
+}, J = () => {
+  const { scrollModeTool: n = !0 } = L(), { scrollModeTool: t = !0 } = v(), { viewMode: S } = O(), { scrollMode: i, setScrollMode: e } = N(), { localeMessages: o } = x(), a = R(() => S === G.DUAL_PAGE, [S]);
+  return !n || !t ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ r(m, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(z, {}) }),
       o == null ? void 0 : o.pageScrollingLabel,
-      e === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      i === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ r(m, { onClick: () => i(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
+    /* @__PURE__ */ r(m, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(A, {}) }),
       o == null ? void 0 : o.verticalScrollingLabel,
-      e === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      i === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ r(
       m,
       {
-        disabled: S,
-        onClick: () => i(l.HORIZONTAL_SCROLLING),
+        disabled: a,
+        onClick: () => e(l.HORIZONTAL_SCROLLING),
         children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
-          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(_, {}) }),
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
           o == null ? void 0 : o.horizontalLabel,
-          e === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+          i === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
         ] })
       }
-    ),
-    /* @__PURE__ */ r(L, {})
+    )
   ] }) });
 };
 export {
-  Q as ScrollModeTool
+  J as ScrollModeTool
 };

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/CloseIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { S as a } from "../../../SearchCloseButton-ddb9877e.js";
+import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
 export {
   a as SearchCloseButton
 };

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

@@ -3,8 +3,8 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { J as s } from "../../../RPLayout-897cb09d.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import { J as s } from "../../../RPLayout-5892502c.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 export {
   s as SearchResultNavigator
 };

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

@@ -3,12 +3,12 @@ import "../../ui/Button.js";
 import "../../icons/SearchIcon.js";
 import "react";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as oo } from "../../../RPLayout-897cb09d.js";
+import { S as $ } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -50,7 +50,6 @@ import "./PropertyItem.js";
 import "../../../contexts/OtherToolContext.js";
 import "../../icons/InfoIcon.js";
 import "./RotateTool.js";
-import "../../../Popover-1faa77f6.js";
 export {
-  oo as SearchTool
+  $ as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-7279fb4e.js";
+import { G as a } from "../../../index-00f8683a.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { h as a } from "../../../RPLayout-897cb09d.js";
+import { h as a } from "../../../RPLayout-5892502c.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { W as Z } from "../../../RPLayout-897cb09d.js";
+import { W as Y } from "../../../RPLayout-5892502c.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -32,16 +32,15 @@ import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
+import "../../../contexts/IconToolContext.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -49,5 +48,5 @@ import "./PropertyItem.js";
 import "../../../contexts/OtherToolContext.js";
 import "./RotateTool.js";
 export {
-  Z as ToolbarCustom
+  Y as ToolbarCustom
 };

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
-import { G as P } from "../../../index-7279fb4e.js";
+import { G as P } from "../../../index-00f8683a.js";
 import { MenuSeparator as T } from "./MenuSeparator.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as z } from "../../../RPLayout-897cb09d.js";
+import { Z as A } from "../../../RPLayout-5892502c.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-7279fb4e.js";
+import "../../../index-00f8683a.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
@@ -22,8 +22,9 @@ import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../../contexts/PagesRotateContext.js";
+import "../../../clsx-0c6e471a.js";
 import "../../../contexts/IconToolContext.js";
 import "../../../contexts/ToolComponentContext.js";
 export {
-  z as ZoomTool
+  A as ZoomTool
 };

package/dist/components/layout/toolbar/tools/FileDownloadTool.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
 import { UIButton as l } from "../../../ui/Button.js";
-import { c as d } from "../../../../RPLayout-897cb09d.js";
+import { c as d } from "../../../../RPLayout-5892502c.js";
 import m from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
 const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), a = ({ icon: t }) => {