@pdf-viewer/react 1.6.0 → 1.7.0-beta.0

package/dist/components/RPController.js

@@ -1,73 +1,74 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as o, useId as I, useMemo as T } from "react";
-import { P as D, S as V, T as k, a as x } from "../RPDefaultLayout-6173dbb0.js";
-import { DarkModeProvider as F } from "../contexts/DarkModeContext.js";
-import { ScrollMode as b, SelectionMode as w } from "../utils/types.js";
+import { useState as i, useId as V, useMemo as T } from "react";
+import { P as w, S as D, T as k, a as x } from "../RPDefaultLayout-8c323c9f.js";
+import { DarkModeProvider as E } 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";
-import { LayerProvider as z } from "../contexts/LayerContext.js";
-import { ZoomProvider as E } from "../contexts/ZoomContext.js";
-import { ViewModeProvider as G } from "../contexts/ViewModeContext.js";
-import { ScrollModeProvider as Z } from "../contexts/ScrollModeContext.js";
-import { VirtualScrollProvider as _ } from "../contexts/VirtualScrollContext.js";
+import { LayerProvider as _ } from "../contexts/LayerContext.js";
+import { ZoomProvider as z } from "../contexts/ZoomContext.js";
+import { ViewModeProvider as A } from "../contexts/ViewModeContext.js";
+import { ScrollModeProvider as N } from "../contexts/ScrollModeContext.js";
+import { VirtualScrollProvider as Z } from "../contexts/VirtualScrollContext.js";
 import { VirtualGridProvider as j } from "../contexts/VirtualGridContext.js";
-import { SelectionModeProvider as A } from "../contexts/SelectionModeContext.js";
-import { InitialStateProvider as H } from "../contexts/InitialStateContext.js";
-import { FullScreenProvider as N } from "../contexts/FullScreenContext.js";
-import { FileInputProvider as O } from "../contexts/FileInputContext.js";
-import { DropFileZoneProvider as U } from "../contexts/DropFileZoneContext.js";
-import { LayoutContainerContext as W } from "../contexts/LayoutContainerContext.js";
-import { DimensionPagesProvider as X } from "../contexts/DimensionPagesContext.js";
-import { LocalizationProvider as $ } from "../contexts/LocalizationContext.js";
-import { HighlightProvider as q } from "../contexts/HighlightContext.js";
-import { useWatermark as B } from "../utils/hooks/useWatermark.js";
-import { DownloadProvider as J } from "../contexts/DownloadContext.js";
-import { SmoothScrollProvider as K } from "../contexts/SmoothScrollContext.js";
-const Cr = (n) => {
+import { SelectionModeProvider as H } from "../contexts/SelectionModeContext.js";
+import { InitialStateProvider as O } from "../contexts/InitialStateContext.js";
+import { FullScreenProvider as U } from "../contexts/FullScreenContext.js";
+import { FileInputProvider as W } from "../contexts/FileInputContext.js";
+import { DropFileZoneProvider as X } from "../contexts/DropFileZoneContext.js";
+import { LayoutContainerContext as $ } from "../contexts/LayoutContainerContext.js";
+import { DimensionPagesProvider as q } from "../contexts/DimensionPagesContext.js";
+import { LocalizationProvider as B } from "../contexts/LocalizationContext.js";
+import { HighlightProvider as J } from "../contexts/HighlightContext.js";
+import { useWatermark as K } from "../utils/hooks/useWatermark.js";
+import { DownloadProvider as Q } from "../contexts/DownloadContext.js";
+import { SmoothScrollProvider as Y } from "../contexts/SmoothScrollContext.js";
+const Ir = (n) => {
   const {
     children: l,
     darkMode: d = !1,
-    onDarkModeChange: m,
-    initialRotation: a = 0,
+    onDarkModeChange: a,
+    initialRotation: m = 0,
     textLayer: c = !0,
     initialPage: f = 1,
-    // initialViewMode = ViewMode.SINGLE_PAGE,
-    initialThumbnailsVisible: h = !1,
+    initialViewMode: h = F.SINGLE_PAGE,
+    initialThumbnailsVisible: P = !1,
     initialSearch: p,
-    initialScale: P,
-    initialScrollMode: s = b.VERTICAL_SCROLLING,
-    locale: v = "en_US",
+    initialScale: s,
+    initialScrollMode: v = G.VERTICAL_SCROLLING,
+    locale: S = "en_US",
     localization: u,
-    downloadFilename: S
-  } = n, [M, R] = o(null), [i, g] = o(null), [C, L] = o(null), e = I(), t = T(() => `rp-instance-${e.replace(/:/g, "-")}`, [e]);
-  return B(t), /* @__PURE__ */ r(
-    H,
+    downloadFilename: M
+  } = n, [R, g] = i(null), [o, C] = i(null), [L, I] = i(null), e = V(), t = T(() => `rp-instance-${e.replace(/:/g, "-")}`, [e]);
+  return K(t), /* @__PURE__ */ r(
+    O,
     {
       instanceId: t,
-      initialScale: P,
+      initialScale: s,
       initialPage: f,
-      initialScrollMode: s,
-      initialRotation: a,
-      children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r($, { locale: v, localization: u, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { initialSelectionMode: w.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(z, { textLayer: c, children: /* @__PURE__ */ r(
-        W.Provider,
+      initialScrollMode: v,
+      initialRotation: m,
+      initialViewMode: h,
+      children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(B, { locale: S, localization: u, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(H, { initialSelectionMode: b.TEXT, children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(_, { textLayer: c, children: /* @__PURE__ */ r(
+        $.Provider,
         {
           value: {
-            container: M,
-            contentRef: i,
-            pagesRef: C,
-            setContainer: R,
-            setContentRef: g,
-            setPagesRef: L
+            container: R,
+            contentRef: o,
+            pagesRef: L,
+            setContainer: g,
+            setContentRef: C,
+            setPagesRef: I
           },
-          children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(
-            F,
+          children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
+            E,
             {
               darkMode: d,
-              onDarkModeChange: m,
-              children: /* @__PURE__ */ r(V, { initialSearch: p, children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(
+              onDarkModeChange: a,
+              children: /* @__PURE__ */ r(D, { initialSearch: p, children: /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
                 k,
                 {
-                  initialThumbnailsVisible: h,
-                  children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(N, { elementRef: i, children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(J, { downloadFilename: S, children: /* @__PURE__ */ r(O, { children: l }) }) }) }) })
+                  initialThumbnailsVisible: P,
+                  children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(U, { elementRef: o, children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(Q, { downloadFilename: M, children: /* @__PURE__ */ r(W, { children: l }) }) }) }) })
                 }
               ) }) })
             }
@@ -78,5 +79,5 @@ const Cr = (n) => {
   );
 };
 export {
-  Cr as RPController
+  Ir as RPController
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as L } from "../RPDefaultLayout-6173dbb0.js";
+import { R as L } from "../RPDefaultLayout-8c323c9f.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/RPProvider.js

@@ -4,7 +4,7 @@ import { DocumentProvider as s } from "../contexts/RPDocumentContext.js";
 import { DocumentPasswordProvider as l } from "../contexts/DocumentPasswordContext.js";
 import { RPController as P } from "./RPController.js";
 import { LoaderProvider as f } from "../contexts/LoaderContext.js";
-import "../RPDefaultLayout-6173dbb0.js";
+import "../RPDefaultLayout-8c323c9f.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";

package/dist/components/layout/LayoutContainer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
 import "react";
-import { K as E } from "../../RPDefaultLayout-6173dbb0.js";
+import { K as E } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/ThemeContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as x } from "../../RPDefaultLayout-6173dbb0.js";
+import { b as x } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

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 { J as s } from "../../../RPDefaultLayout-6173dbb0.js";
+import { J as s } from "../../../RPDefaultLayout-8c323c9f.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 { H as a } from "../../../RPDefaultLayout-6173dbb0.js";
+import { H as a } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as t } from "../../../RPDefaultLayout-6173dbb0.js";
+import { I as t } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { x as J } from "../../../RPDefaultLayout-6173dbb0.js";
+import { x as J } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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 { F as f } from "../../../RPDefaultLayout-6173dbb0.js";
+import { F as f } from "../../../RPDefaultLayout-8c323c9f.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -4,7 +4,7 @@ import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as I } from "../../../RPDefaultLayout-6173dbb0.js";
+import { M as I } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,10 +3,11 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as n } from "../../../RPDefaultLayout-6173dbb0.js";
+import { O as q } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
+import "./ViewModeTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
@@ -19,5 +20,5 @@ import "../../../contexts/ToolbarComponentContext.js";
 import "react";
 import "../../../contexts/LocalizationContext.js";
 export {
-  n as OtherTool
+  q as OtherTool
 };

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 { w } from "../../../RPDefaultLayout-6173dbb0.js";
+import { w } from "../../../RPDefaultLayout-8c323c9f.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 { y as s } from "../../../RPDefaultLayout-6173dbb0.js";
+import { y as s } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { G as a } from "../../../RPDefaultLayout-6173dbb0.js";
+import { G as a } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { z as b } from "../../../RPDefaultLayout-6173dbb0.js";
+import { z as b } from "../../../RPDefaultLayout-8c323c9f.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { B as s } from "../../../RPDefaultLayout-6173dbb0.js";
+import { B as s } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 export {
   s as SearchResultNavigator

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { E as P } from "../../../RPDefaultLayout-6173dbb0.js";
+import { E as P } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";

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

@@ -1,30 +1,31 @@
-import { jsx as e, Fragment as a, jsxs as o } from "react/jsx-runtime";
-import { G as u } from "../../../index-7279fb4e.js";
-import { MenuSeparator as p } from "./MenuSeparator.js";
+import { jsx as e, Fragment as u, jsxs as o } from "react/jsx-runtime";
+import { G as p } from "../../../index-7279fb4e.js";
+import { MenuSeparator as d } from "./MenuSeparator.js";
 import { MenuItem as t } from "./MenuItem.js";
-import { DualPageIcon as d } from "../../icons/SinglePageIcon.js";
-import { SinglePageIcon as f } from "../../icons/DualPageIcon.js";
-import { useViewModeContext as g } from "../../../contexts/ViewModeContext.js";
-import { ScrollMode as M, ViewMode as i } from "../../../utils/types.js";
+import { DualPageIcon as f } from "../../icons/SinglePageIcon.js";
+import { SinglePageIcon as g } from "../../icons/DualPageIcon.js";
+import { useViewModeContext as M } from "../../../contexts/ViewModeContext.js";
+import { ScrollMode as h, ViewMode as i } from "../../../utils/types.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";
-import { useScrollModeContext as h } from "../../../contexts/ScrollModeContext.js";
-import { useMemo as I } from "react";
-const S = () => /* @__PURE__ */ e(f, {}), N = () => /* @__PURE__ */ e(d, {}), O = () => {
-  const { viewMode: r, setDualPage: m, setSinglePage: c } = g(), { scrollMode: n } = h(), s = I(() => [M.HORIZONTAL_SCROLLING].includes(n), [n]);
-  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ o(u, { children: [
+import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
+import { useScrollModeContext as S } from "../../../contexts/ScrollModeContext.js";
+import { useMemo as C } from "react";
+const N = () => /* @__PURE__ */ e(g, {}), x = () => /* @__PURE__ */ e(f, {}), V = () => {
+  const { viewMode: r, setDualPage: m, setSinglePage: c } = M(), { viewModeTool: s } = I(), { scrollMode: n } = S(), a = C(() => [h.HORIZONTAL_SCROLLING].includes(n), [n]);
+  return s ? /* @__PURE__ */ e(u, { children: /* @__PURE__ */ o(p, { children: [
     /* @__PURE__ */ o(t, { onClick: c, children: [
-      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(S, {}) }),
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(N, {}) }),
       "Single page",
       r === i.SINGLE_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
     ] }),
-    /* @__PURE__ */ o(t, { disabled: s, onClick: m, children: [
-      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(N, {}) }),
+    /* @__PURE__ */ o(t, { disabled: a, onClick: m, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(x, {}) }),
       "Dual page",
       r === i.DUAL_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
     ] }),
-    /* @__PURE__ */ e(p, {})
-  ] }) });
+    /* @__PURE__ */ e(d, {})
+  ] }) }) : null;
 };
 export {
-  O as ViewModeTool
+  V as ViewModeTool
 };

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

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as w } from "../../../RPDefaultLayout-6173dbb0.js";
+import { Z as w } from "../../../RPDefaultLayout-8c323c9f.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-7279fb4e.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { A as I } from "../../RPDefaultLayout-6173dbb0.js";
+import { A as I } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as F } from "../../RPDefaultLayout-6173dbb0.js";
+import { C as F } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-6173dbb0.js";
+import { D as p } from "../../RPDefaultLayout-8c323c9f.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { r as E } from "../../RPDefaultLayout-6173dbb0.js";
+import { r as E } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as i } from "../../RPDefaultLayout-6173dbb0.js";
+import { t as i } from "../../RPDefaultLayout-8c323c9f.js";
 export {
   i as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { q as E } from "../../RPDefaultLayout-6173dbb0.js";
+import { q as E } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { p as F } from "../../RPDefaultLayout-6173dbb0.js";
+import { p as F } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as i } from "../../RPDefaultLayout-6173dbb0.js";
+import { L as i } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as e, P as m, u as p } from "../RPDefaultLayout-6173dbb0.js";
+import { h as e, P as m, u as p } from "../RPDefaultLayout-8c323c9f.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 export {

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { j as e, a as n, d as a } from "../RPDefaultLayout-6173dbb0.js";
+import { j as e, a as n, d as a } from "../RPDefaultLayout-8c323c9f.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { o as a, S as s, e as S } from "../RPDefaultLayout-6173dbb0.js";
+import { o as a, S as s, e as S } from "../RPDefaultLayout-8c323c9f.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as i, T as r, m as e } from "../RPDefaultLayout-6173dbb0.js";
+import { l as i, T as r, m as e } from "../RPDefaultLayout-8c323c9f.js";
 export {
   i as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ToolbarComponentContext.js

@@ -8,7 +8,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  // viewModeTool: true,
+  viewModeTool: !0,
   scrollModeTool: !0,
   printTool: !0,
   showPrintProgress: !0,
@@ -23,7 +23,7 @@ const e = l({
   openFileTool: !0,
   dropFileZone: !0,
   downloadTool: !0,
-  // viewModeTool: true,
+  viewModeTool: !0,
   scrollModeTool: !0,
   printTool: !0,
   thumbnailTool: !0,

package/dist/contexts/ViewModeContext.js

@@ -1,27 +1,28 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createContext as m, useContext as a, useState as d, useCallback as r, useMemo as P } from "react";
-import { appConsole as C } from "../utils/appConsole.js";
-import { ViewMode as t } from "../utils/types.js";
-const s = m({
+import { createContext as m, useContext as d, useState as P, useCallback as i, useMemo as C } from "react";
+import { appConsole as p } from "../utils/appConsole.js";
+import { ViewMode as e } from "../utils/types.js";
+import { useInitialStateContext as f } from "./InitialStateContext.js";
+const r = m({
   columnCount: 1,
   setSinglePage: () => {
   },
   setDualPage: () => {
   },
-  viewMode: t.SINGLE_PAGE
-}), g = () => {
-  const e = a(s);
-  return typeof e.columnCount > "u" && C.error("Please use this hooks inside children component of RPProvider"), e;
-}, v = ({ children: e }) => {
-  const [o, n] = d(1), i = r(() => {
+  viewMode: e.SINGLE_PAGE
+}), w = () => {
+  const o = d(r);
+  return typeof o.columnCount > "u" && p.error("Please use this hooks inside children component of RPProvider"), o;
+}, g = ({ children: o }) => {
+  const { initialViewMode: s = e.SINGLE_PAGE } = f(), [t, n] = P(s === e.SINGLE_PAGE ? 1 : 2), u = i(() => {
     n(1);
-  }, []), u = r(() => {
+  }, []), c = i(() => {
     n(2);
-  }, []), c = P(() => o === 1 ? t.SINGLE_PAGE : t.DUAL_PAGE, [o]);
-  return /* @__PURE__ */ l(s.Provider, { value: { columnCount: o, setSinglePage: i, setDualPage: u, viewMode: c }, children: e });
+  }, []), a = C(() => t === 1 ? e.SINGLE_PAGE : e.DUAL_PAGE, [t]);
+  return /* @__PURE__ */ l(r.Provider, { value: { columnCount: t, setSinglePage: u, setDualPage: c, viewMode: a }, children: o });
 };
 export {
-  s as ViewModeContext,
-  v as ViewModeProvider,
-  g as useViewModeContext
+  r as ViewModeContext,
+  g as ViewModeProvider,
+  w as useViewModeContext
 };

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-6173dbb0.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-8c323c9f.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/components/layout/toolbar/ViewModeTool.d.ts

@@ -1 +1 @@
-export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element;
+export declare const ViewModeTool: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/utils/types.d.ts

@@ -329,6 +329,7 @@ export interface RPSlots {
     dropFileZone?: boolean | React.ReactNode | React.ComponentType;
     downloadTool?: boolean | FC<DownloadToolProps>;
     zoomTool?: boolean | FC<ZoomProps>;
+    viewModeTool?: boolean;
     scrollModeTool?: boolean;
     thumbnailTool?: boolean | FC<ThumbnailToolProps>;
     pageNavigationTool?: boolean | FC<PageNavigationToolProps>;
@@ -483,7 +484,7 @@ export interface RPProviderProps extends PropsWithChildren, LoadPDFOptions, RPCo
     characterMap?: CharacterMap;
 }
 export type LocalizationMap = Record<string, Localization>;
-export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ScrollModeProps {
+export interface RPControllerProps extends PropsWithChildren, DarkModeProviderProps, RotateProviderProps, LayerProviderProps, ZoomProviderProps, PageProviderProps, ViewModeProps, ScrollModeProps {
     initialSearch?: string;
     initialThumbnailsVisible?: boolean;
     locale?: string;
@@ -516,7 +517,7 @@ export interface ZoomContextType {
 export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
 export type InitialStateContextType = {
     instanceId: string;
-} & ZoomProviderProps & PageProviderProps & ScrollModeProps & RotateProviderProps;
+} & ZoomProviderProps & PageProviderProps & ViewModeProps & ScrollModeProps & RotateProviderProps;
 export interface ZoomProviderProps {
     initialScale?: number | ZoomLevel;
 }

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { c as E } from "../../RPDefaultLayout-6173dbb0.js";
+import { c as E } from "../../RPDefaultLayout-8c323c9f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as g, useCallback as h, useEffect as A } from "react";
 import { appConsole as c } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-05-26T08:41:06.647Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-05-26T16:25:26.122Z"), l = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${l}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${l}`,
   expired: `Your license key has expired. ${l}`,