@react-pdf-kit/viewer 2.2.1-rc.1 → 2.2.1-rc.2

package/dist/{PaginationContext-bf510f3e.js → PaginationContext-15f88187.js}

@@ -17,9 +17,9 @@ import { getGridDimension as Y } from "./utils/calculatePage.js";
 import { useDebounce as tt } from "./utils/hooks/useDebounce.js";
 import { useLayoutContainer as et } from "./contexts/LayoutContainerContext.js";
 const ot = () => {
-  const { viewMode: o } = W(), { scrollMode: e } = O(), { virtualScrollRef: i, virtualScrollableElementRef: s, pageScrollElementRef: a } = K(), { setFocusedPage: x } = st(), f = L(), { columnCount: r } = Q(), { widths: c, heights: g } = b(), l = L(e), C = L(o), m = L(r), { targetScrollPage: A } = X();
+  const { viewMode: o } = W(), { scrollMode: e } = O(), { virtualScrollRef: i, virtualScrollableElementRef: s, pageScrollElementRef: a } = K(), { setFocusedPage: x } = st(), m = L(), { columnCount: r } = Q(), { widths: n, heights: g } = b(), l = L(e), C = L(o), P = L(r), { targetScrollPage: A } = X();
   G(() => {
-    i != null && i.scrollToItem && (f.current = i);
+    i != null && i.scrollToItem && (m.current = i);
   }, [i]), G(() => {
     l.current = e, C.current = o;
   }, [e, o]);
@@ -27,14 +27,14 @@ const ot = () => {
     (u, d) => {
       if (!a)
         return;
-      const P = Math.ceil(u / 2) * 2 - 1;
-      if (u === P + 1) {
+      const f = Math.ceil(u / 2) * 2 - 1;
+      if (u === f + 1) {
         const t = {
-          left: c[P],
+          left: n[f],
           top: 0
         };
         return new Promise(
-          (n) => F(a, t, n)
+          (c) => F(a, t, c)
         );
       }
       const T = {
@@ -46,17 +46,17 @@ const ot = () => {
         behavior: d
       });
     },
-    [a, c, F]
+    [a, n, F]
   );
   return G(() => {
     l.current = e, C.current = o;
   }, [e, o]), G(() => {
-    m.current = r;
+    P.current = r;
   }, [r]), { scrollToPage: h(
     (u, d = "smooth") => {
       x(u);
-      const P = u - 1;
-      let T = P, t = 0;
+      const f = u - 1;
+      let T = f, t = 0;
       if (C.current === I.DUAL_PAGE && l.current === E.PAGE_SCROLLING) {
         S(u, d);
         return;
@@ -65,32 +65,32 @@ const ot = () => {
         x(u);
         return;
       }
-      if (!f.current || !s)
+      if (!m.current || !s)
         return;
-      const n = s;
+      const c = s;
       d === "smooth" && (A.current = u);
       const { columnsWidth: p, rowsHeight: R } = Y(
-        { widths: c, heights: g },
+        { widths: n, heights: g },
         r
       );
       if (l.current === E.HORIZONTAL_SCROLLING) {
-        t = P;
+        t = f;
         const N = D(p, t), _ = {
           left: Math.floor(N),
           top: 0
         };
-        return n.scrollTo({
+        return c.scrollTo({
           ..._,
           behavior: d
         });
       }
       if (C.current === I.DUAL_PAGE) {
-        t = P % 2, T = Math.floor(P / 2);
+        t = f % 2, T = Math.floor(f / 2);
         const _ = D(p, t), k = D(R, T), z = {
           left: Math.floor(_),
           top: Math.floor(k)
         };
-        return n.scrollTo({
+        return c.scrollTo({
           ...z,
           behavior: d
         });
@@ -99,7 +99,7 @@ const ot = () => {
         left: 0,
         top: Math.floor(U)
       };
-      return n.scrollTo({
+      return c.scrollTo({
         ...V,
         behavior: d
       });
@@ -111,44 +111,44 @@ const ot = () => {
       x,
       F,
       g,
-      c
+      n
     ]
   ) };
 }, rt = (o = 1) => {
-  const [e, i] = w(o), [s, a] = w(0), { scrollToPage: x } = ot(), f = L(o), { viewMode: r } = W(), { scrollMode: c } = O(), { widths: g } = b(), { pagesRef: l } = et(), C = tt(e, 100), m = h(
+  const [e, i] = w(o), [s, a] = w(0), { scrollToPage: x } = ot(), m = L(o), { viewMode: r } = W(), { scrollMode: n } = O(), { widths: g } = b(), { pagesRef: l } = et(), C = tt(e, 100), P = h(
     (t) => {
       if (!/^[0-9]*$/g.test(t.toString()) || !t)
-        return { success: !1, currentPage: f.current };
+        return { success: !1, currentPage: m.current };
       const p = +t;
-      return p < 0 || p > s ? { success: !1, currentPage: f.current } : (i(p), f.current = p, { success: !0, currentPage: +t });
+      return p < 0 || p > s ? { success: !1, currentPage: m.current } : (i(p), m.current = p, { success: !0, currentPage: +t });
     },
     [s]
-  ), A = h(m, [m]), S = h((t) => {
-    i(t), f.current = t;
+  ), A = h(P, [P]), S = h((t) => {
+    i(t), m.current = t;
   }, []), M = h(
     (t) => {
-      const n = m(t);
-      return n.success && x(n.currentPage), n;
+      const c = P(t);
+      return c.success && x(c.currentPage), c;
     },
-    [m, x]
+    [P, x]
   ), u = h(
     (t) => {
-      const n = t % 2 === 1;
-      if (!l || n)
+      const c = t % 2 === 1;
+      if (!l || c)
         return !1;
-      const p = n ? g[t] : g[t - 1], R = n ? g[t + 1] : g[t];
+      const p = c ? g[t] : g[t - 1], R = c ? g[t + 1] : g[t];
       return r === I.DUAL_PAGE && p + R < l.clientWidth;
     },
     [r, g, l, s]
   ), d = h(() => {
     let t = e - 1;
     u(t) && (t = e - 2), M(t);
-  }, [M, e, r, c, u]), P = y(() => r === I.DUAL_PAGE && c === E.PAGE_SCROLLING ? e === s - 1 : e === s, [e, s, r, c]), T = h(() => {
-    if (P)
+  }, [M, e, r, n, u]), f = y(() => r === I.DUAL_PAGE && n === E.PAGE_SCROLLING ? e === s - 1 : e === s, [e, s, r, n]), T = h(() => {
+    if (f)
       return;
     let t = e + 1;
     u(t) && (t = e + 2), M(t);
-  }, [M, e, u, r, c, P]);
+  }, [M, e, u, r, n, f]);
   return {
     focusedPage: C,
     totalPages: s,
@@ -178,20 +178,24 @@ const ot = () => {
   const { pdf: e } = $(), { setCurrentPage: i } = B(), { initialPage: s = 1 } = J(), {
     focusedPage: a,
     totalPages: x,
-    setFocusedPage: f,
+    setFocusedPage: m,
     resetPage: r,
-    setTotalPages: c,
+    setTotalPages: n,
     goToPage: g,
     nextPage: l,
     prevPage: C
-  } = rt(s), m = L(!0);
+  } = rt(s), P = L(!0);
   return G(() => {
-    if (!(e != null && e.numPages))
+    if (!e) {
+      P.current || (n(0), r(1));
       return;
-    c(e.numPages);
-    const A = m.current ? s : 1, S = Math.min(Math.max(A, 1), e.numPages);
-    r(S), m.current = !1;
-  }, [e, c, r]), G(() => {
+    }
+    if (!e.numPages)
+      return;
+    n(e.numPages);
+    const A = P.current ? s : 1, S = Math.min(Math.max(A, 1), e.numPages);
+    r(S), P.current = !1;
+  }, [e, n, r]), G(() => {
     i(a);
   }, [a, i]), /* @__PURE__ */ H(
     v.Provider,
@@ -199,8 +203,8 @@ const ot = () => {
       value: {
         focusedPage: a,
         totalPages: x,
-        setFocusedPage: f,
-        setTotalPages: c,
+        setFocusedPage: m,
+        setTotalPages: n,
         nextPage: l,
         prevPage: C,
         goToPage: g

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { P as w } from "../PaginationContext-bf510f3e.js";
+import { P as w } from "../PaginationContext-15f88187.js";
 import { DarkModeProvider as D } from "../contexts/DarkModeContext.js";
 import { ViewMode as E, ScrollMode as F, SelectionMode as G } from "../utils/types.js";
 import { RotateProvider as I } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -3,7 +3,7 @@ import { createElement as de, PureComponent as ct, Component as ut, memo as dt,
 import { RPPage as Te } from "./page/RPPage.js";
 import { useVirtualReactWindow as mt } from "../utils/hooks/useVirtualReactWindow.js";
 import { useVirtualScrollContext as pt } from "../contexts/VirtualScrollContext.js";
-import { a as ht, u as gt } from "../PaginationContext-bf510f3e.js";
+import { a as ht, u as gt } from "../PaginationContext-15f88187.js";
 import { useDocumentContext as vt } from "../contexts/RPDocumentContext.js";
 import { useViewModeContext as _t } from "../contexts/ViewModeContext.js";
 import { useScrollModeContext as wt } from "../contexts/ScrollModeContext.js";

package/dist/components/RPProvider.js

@@ -22,7 +22,7 @@ import "../utils/hooks/usePdfProperties.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
 import "../utils/appConsole.js";
-import "../PaginationContext-bf510f3e.js";
+import "../PaginationContext-15f88187.js";
 import "../contexts/ScrollModeContext.js";
 import "../contexts/InitialStateContext.js";
 import "../contexts/GlobalCurrentPage.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -22,7 +22,7 @@ import "../../clsx-0c6e471a.js";
 import "../../utils/withRef.js";
 import "../ui/Input.js";
 import "../../Paginate.module-4eef00aa.js";
-import "../../PaginationContext-bf510f3e.js";
+import "../../PaginationContext-15f88187.js";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";

package/dist/components/layout/RPLayout.js

@@ -18,7 +18,7 @@ import "../../ToolbarLayout.module-6e339802.js";
 import "./sidebar/Thumbnails.js";
 import "./sidebar/Thumbnail.js";
 import "../icons/LoaderIcon.js";
-import "../../PaginationContext-bf510f3e.js";
+import "../../PaginationContext-15f88187.js";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";
 import "../../contexts/ScrollModeContext.js";

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

@@ -16,7 +16,7 @@ import "../../../utils/withRef.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "./Thumbnail.js";
 import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../utils/types.js";
 import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";

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

@@ -2,7 +2,7 @@ import { jsxs as k, jsx as r } from "react/jsx-runtime";
 import { useRef as h, useState as N, useMemo as _, useCallback as S, useEffect as w } from "react";
 import { c as I } from "../../../clsx-0c6e471a.js";
 import { LoaderIcon as L } from "../../icons/LoaderIcon.js";
-import { u as j } from "../../../PaginationContext-bf510f3e.js";
+import { u as j } from "../../../PaginationContext-15f88187.js";
 import { usePagesRotateContext as q } from "../../../contexts/PagesRotateContext.js";
 import { useRenderQueue as D } from "../../../contexts/RenderQueueProvider.js";
 import { useDocumentContext as M } from "../../../contexts/RPDocumentContext.js";

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

@@ -3,7 +3,7 @@ import { useRef as b, useImperativeHandle as v, useMemo as N, useCallback as x,
 import { Thumbnail as k } from "./Thumbnail.js";
 import { useThumbnailContext as y } from "../../../contexts/ThumbnailsContext.js";
 import { useInfiniteScroll as C } from "../../../utils/hooks/useInfiniteScroll.js";
-import { u as I } from "../../../PaginationContext-bf510f3e.js";
+import { u as I } from "../../../PaginationContext-15f88187.js";
 import { withRef as S } from "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";

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

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { G as C } from "../../../index-535ad364.js";
 import { MenuItem as p } from "./MenuItem.js";
-import { u as x } from "../../../PaginationContext-bf510f3e.js";
+import { u as x } from "../../../PaginationContext-15f88187.js";
 import { useMemo as e, useCallback as a } from "react";
 import { MenuSeparator as L } from "./MenuSeparator.js";
 import { GoToDownIcon as l } from "../../icons/GoToDownIcon.js";

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

@@ -77,7 +77,7 @@ import "../../../utils/hooks/usePrint.js";
 import "../../../contexts/FullScreenContext.js";
 import "../../../utils/hooks/useFullScreen.js";
 import "../../icons/FullScreenIcon.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../contexts/VirtualScrollContext.js";

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

@@ -4,7 +4,7 @@ import { ChevronUpIcon as b } from "../../icons/ChevronUpIcon.js";
 import { UIButton as h } from "../../ui/Button.js";
 import { UIInput as V } from "../../ui/Input.js";
 import { c as g } from "../../../Paginate.module-4eef00aa.js";
-import { u as A } from "../../../PaginationContext-bf510f3e.js";
+import { u as A } from "../../../PaginationContext-15f88187.js";
 import { useIconContext as S } from "../../../contexts/IconContext.js";
 import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
 import { useViewportContext as G } from "../../../contexts/ViewportContext.js";

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

@@ -59,7 +59,7 @@ import "../../icons/FullScreenIcon.js";
 import "../../../contexts/FullScreenContext.js";
 import "../../../utils/hooks/useFullScreen.js";
 import "../../../MostPageTool.module-13578ad6.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../contexts/InitialStateContext.js";
 import "../../../contexts/GlobalCurrentPage.js";

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

@@ -16,7 +16,7 @@ import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
 import "../../ui/Input.js";
 import "../../../Paginate.module-4eef00aa.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../utils/types.js";
 import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";

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

@@ -73,7 +73,7 @@ import "../../icons/PageScrollingIcon.js";
 import "../../icons/VerticalScrollingIcon.js";
 import "../../icons/HorizontalScrollingIcon.js";
 import "./MostPageTool.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../contexts/VirtualScrollContext.js";

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

@@ -41,7 +41,7 @@ import "../../../contexts/RotationContext.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../contexts/VirtualGridContext.js";
 import "../../../utils/smoothScrollTo.js";
 import "../../../contexts/DimensionPagesContext.js";

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

@@ -52,7 +52,7 @@ import "../../../utils/formatFileSize.js";
 import "../../../contexts/GlobalCurrentPage.js";
 import "../../../contexts/EventCallbackContext.js";
 import "../../../utils/hooks/useDebounce.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../contexts/VirtualGridContext.js";
 import "../../../utils/smoothScrollTo.js";
 import "../../../contexts/DimensionPagesContext.js";

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

@@ -11,7 +11,7 @@ import { R as W } from "../../../RPSplitter-f6acf13b.js";
 import "../sidebar/Thumbnail.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../utils/types.js";
 import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";

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

@@ -13,7 +13,7 @@ import { THUMBNAIL_MIN_WIDTH as D } from "../../../utils/constants.js";
 import "../sidebar/Thumbnail.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../utils/types.js";
 import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";

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

@@ -7,7 +7,7 @@ import "../sidebar/Thumbnails.js";
 import "../sidebar/Thumbnail.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-bf510f3e.js";
+import "../../../PaginationContext-15f88187.js";
 import "../../../utils/types.js";
 import "../../../de_DE-a553b162.js";
 import "../../../contexts/ScrollModeContext.js";

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

@@ -5,7 +5,7 @@ import { DualPageWithCoverIcon as n } from "../../../icons/DualPageWithCoverIcon
 import "react";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
-import "../../../../PaginationContext-bf510f3e.js";
+import "../../../../PaginationContext-15f88187.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";

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

@@ -4,7 +4,7 @@ import n from "../../../ui/RPTooltip.js";
 import { UIButton as a } from "../../../ui/Button.js";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
-import { u as f } from "../../../../PaginationContext-bf510f3e.js";
+import { u as f } from "../../../../PaginationContext-15f88187.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
 import { useState as h, useEffect as x, useCallback as n } from "react";
-import { u as S } from "../../../../PaginationContext-bf510f3e.js";
+import { u as S } from "../../../../PaginationContext-15f88187.js";
 import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as C } from "../../../ui/Input.js";

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

@@ -4,7 +4,7 @@ import a from "../../../ui/RPTooltip.js";
 import { UIButton as P } from "../../../ui/Button.js";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
-import { u as T } from "../../../../PaginationContext-bf510f3e.js";
+import { u as T } from "../../../../PaginationContext-15f88187.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";

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

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as d } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../PaginationContext-bf510f3e.js";
+import { u as s } from "../../../../PaginationContext-15f88187.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import { useViewModeContext as g } from "../../../../contexts/ViewModeContext.js";

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

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as n } from "react/jsx-runtime";
 import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as a } from "../../../ui/Button.js";
-import { u as d } from "../../../../PaginationContext-bf510f3e.js";
+import { u as d } from "../../../../PaginationContext-15f88187.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import c from "../../../ui/RPTooltip.js";
 import "../../../../clsx-0c6e471a.js";

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -49,7 +49,7 @@ import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/GlobalCurrentPage.js";
 import "../../../../../contexts/EventCallbackContext.js";
 import "../../../../../utils/hooks/useDebounce.js";
-import "../../../../../PaginationContext-bf510f3e.js";
+import "../../../../../PaginationContext-15f88187.js";
 import "../../../../../contexts/VirtualGridContext.js";
 import "../../../../../utils/smoothScrollTo.js";
 import "../../../../../contexts/DimensionPagesContext.js";

package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js

@@ -3,7 +3,7 @@ import { MenuItem as a } from "../../MenuItem.js";
 import l from "../../../../ui/RPTooltip.js";
 import { c as C } from "../../../../../MostPageTool.module-13578ad6.js";
 import { G } from "../../../../../index-535ad364.js";
-import { u as L } from "../../../../../PaginationContext-bf510f3e.js";
+import { u as L } from "../../../../../PaginationContext-15f88187.js";
 import { useMemo as d, useCallback as c } from "react";
 import { MenuSeparator as N } from "../../MenuSeparator.js";
 import { GoToDownIcon as s } from "../../../../icons/GoToDownIcon.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,6 +1,6 @@
 import { jsx as P } from "react/jsx-runtime";
 import { useRef as b, useState as I, useMemo as S, useEffect as h, useCallback as R } from "react";
-import { u as j } from "../../PaginationContext-bf510f3e.js";
+import { u as j } from "../../PaginationContext-15f88187.js";
 import { usePrintContext as O } from "../../contexts/PrintContext.js";
 import { AnnotationLayer as $ } from "pdfjs-dist";
 import { SimpleLinkService as A } from "../../utils/link_service.js";

package/dist/components/page/CanvasLayer.js

@@ -26,7 +26,7 @@ import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-bf510f3e.js";
+import "../../PaginationContext-15f88187.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { memo as h, useMemo as e } from "react";
-import { u as l } from "../../PaginationContext-bf510f3e.js";
+import { u as l } from "../../PaginationContext-15f88187.js";
 import { RPPage as f } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";

package/dist/components/page/DualPageWithCover.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as b, useMemo as f } from "react";
-import { u as y } from "../../PaginationContext-bf510f3e.js";
+import { u as y } from "../../PaginationContext-15f88187.js";
 import { RPPage as I } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";

package/dist/components/page/RPPage.js

@@ -25,7 +25,7 @@ import "../../utils/formatFileSize.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-bf510f3e.js";
+import "../../PaginationContext-15f88187.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/InitialStateContext.js";
 import "../../contexts/GlobalCurrentPage.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useMemo as m } from "react";
-import { u as n } from "../../PaginationContext-bf510f3e.js";
+import { u as n } from "../../PaginationContext-15f88187.js";
 import { RPPage as s } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-a553b162.js";

package/dist/components/page/TextLayer.js

@@ -28,7 +28,7 @@ import "../../contexts/RotationContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
-import "../../PaginationContext-bf510f3e.js";
+import "../../PaginationContext-15f88187.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c as I, P as J, u as K } from "../PaginationContext-bf510f3e.js";
+import { c as I, P as J, u as K } from "../PaginationContext-15f88187.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.js";

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { createContext as l, useRef as g, useState as P, useCallback as s, useMemo as R, useEffect as a, useContext as h } from "react";
 import { Queue as v } from "../utils/Queue.js";
 import { renderPage as x } from "../utils/renderPage.js";
-import { u as y } from "../PaginationContext-bf510f3e.js";
+import { u as y } from "../PaginationContext-15f88187.js";
 import "pdfjs-dist";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";

package/dist/contexts/SearchContext.js

@@ -27,7 +27,7 @@ import "./RotationContext.js";
 import "./GlobalCurrentPage.js";
 import "./EventCallbackContext.js";
 import "../utils/hooks/useDebounce.js";
-import "../PaginationContext-bf510f3e.js";
+import "../PaginationContext-15f88187.js";
 import "./VirtualGridContext.js";
 import "../utils/smoothScrollTo.js";
 import "./DimensionPagesContext.js";

package/dist/main.js

@@ -7,7 +7,7 @@ import { RPTheme as Ht } from "./components/RPTheme.js";
 import { default as bt } from "./components/ui/RPTooltip.js";
 import { UIButton as zt } from "./components/ui/Button.js";
 import { useDarkModeContext as Ut } from "./contexts/DarkModeContext.js";
-import { u as Nt } from "./PaginationContext-bf510f3e.js";
+import { u as Nt } from "./PaginationContext-15f88187.js";
 import { useDocumentContext as jt } from "./contexts/RPDocumentContext.js";
 import { useRotationContext as At } from "./contexts/RotationContext.js";
 import { useViewModeContext as Jt } from "./contexts/ViewModeContext.js";

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as h, useCallback as E, useEffect as A } from "react";
 import { LicenseType as b } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const y = /* @__PURE__ */ new Date("2026-03-29T13:38:10.860Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
+const y = /* @__PURE__ */ new Date("2026-03-31T03:44:16.643Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", o = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/useLoadPdf.js

@@ -1,5 +1,5 @@
-import { useState as a, useRef as F, useEffect as v } from "react";
-import * as U from "pdfjs-dist";
+import { useState as d, useRef as F, useEffect as k } from "react";
+import * as h from "pdfjs-dist";
 import { ErrorType as j } from "../types.js";
 import { getThumbnailViewport as z } from "../getThumbnailViewport.js";
 import { useConfigContext as _ } from "../../contexts/ConfigContext.js";
@@ -7,37 +7,37 @@ import { useDocumentPasswordContext as B } from "../../contexts/DocumentPassword
 import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
-const Z = (m, s, h = {}) => {
-  const [n, q] = a(), { workerUrlAdded: S, wasmUrl: f } = _(), [D, T] = a(/* @__PURE__ */ new Map()), d = F(), [g, P] = a(0), [c, x] = a(!1), [N, O] = a(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: C, disableStream: V, rangeChunkSize: I } = h;
-  return v(() => {
+const Z = (m, s, q = {}) => {
+  const [n, S] = d(), { workerUrlAdded: T, wasmUrl: f } = _(), [D, x] = d(/* @__PURE__ */ new Map()), a = F(), [g, P] = d(0), [c, C] = d(!1), [N, O] = d(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: V, disableStream: I, rangeChunkSize: U } = q;
+  return k(() => {
     R && R(g);
-  }, [g, R]), v(() => {
-    if (!S || !m)
+  }, [g, R]), k(() => {
+    if (!T || !m)
       return;
-    P(0), d.current = Date.now();
-    const r = d.current, y = {
+    P(0), a.current = Date.now();
+    const r = a.current, v = {
       url: m,
       cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
       ...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
       ...u && { password: u },
-      ...C !== void 0 && { disableAutoFetch: C },
-      ...V !== void 0 && { disableStream: V },
-      ...I !== void 0 && { rangeChunkSize: I },
+      ...V !== void 0 && { disableAutoFetch: V },
+      ...I !== void 0 && { disableStream: I },
+      ...U !== void 0 && { rangeChunkSize: U },
       ...f && { wasmUrl: f },
-      verbosity: U.VerbosityLevel.ERRORS
+      verbosity: h.VerbosityLevel.ERRORS
     };
     try {
-      const e = U.getDocument(y);
+      const e = h.getDocument(v);
       e.onProgress = (o) => {
-        if (r === d.current) {
-          const { loaded: L, total: l } = o, k = l ? Math.min(100, Math.round(L / l * 100)) : 0;
-          P(k);
+        if (r === a.current) {
+          const { loaded: y, total: l } = o, L = l ? Math.min(100, Math.round(y / l * 100)) : 0;
+          P(L);
         }
-      }, x(!0);
-      const t = e.promise.then((o) => (r === d.current && (q(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
+      }, C(!0), S(void 0);
+      const t = e.promise.then((o) => (r === a.current && (S(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
         o instanceof Error && o.name === "PasswordException" ? (E(!0), p(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (E(!0), p("Incorrect password")) : i && i(o);
       }).finally(() => {
-        x(!1);
+        C(!1);
       });
       return () => {
         t.finally(() => {
@@ -47,29 +47,29 @@ const Z = (m, s, h = {}) => {
     } catch (e) {
       O(j.NOT_SUPPORTED), i && i(e);
     }
-  }, [m, S, f, u, i, b]), v(() => {
+  }, [m, T, f, u, i, b]), k(() => {
     if (w)
       return;
     const r = /* @__PURE__ */ new Map();
     if (!n || c) {
-      T(r);
+      x(r);
       return;
     }
-    const y = n.numPages, e = [];
-    for (let t = 1; t <= y; t++) {
+    const v = n.numPages, e = [];
+    for (let t = 1; t <= v; t++) {
       const o = n.getPage(t);
       e.push(o);
     }
     Promise.all(e).then((t) => {
       t.map((o) => {
-        const { thumbnailViewport: L, scale: l } = z(o), k = o.getViewport();
+        const { thumbnailViewport: y, scale: l } = z(o), L = o.getViewport();
         r.set(o.pageNumber, {
           page: o,
-          thumbnailViewport: L,
+          thumbnailViewport: y,
           thumbnailScale: l,
-          defaultRotation: k.rotation
+          defaultRotation: L.rotation
         });
-      }), T(r);
+      }), x(r);
     });
   }, [n, c, w]), {
     pdf: n,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as I } from "../../PaginationContext-bf510f3e.js";
+import { b as I } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";

package/dist/utils/hooks/usePresentPage.js

@@ -1,11 +1,11 @@
-import { useRef as x, useState as C, useMemo as D, useEffect as X, useCallback as F } from "react";
-import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as v } from "../../contexts/DimensionPagesContext.js";
-import { getGridDimension as A, getPositionFromPage as H } from "../calculatePage.js";
-import { u as _ } from "../../PaginationContext-bf510f3e.js";
-import { useDebounce as q } from "./useDebounce.js";
-import { useSmoothScrollContext as G } from "../../contexts/SmoothScrollContext.js";
-import { ViewMode as M } from "../types.js";
+import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback as N } from "react";
+import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as A } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as H, getPositionFromPage as _ } from "../calculatePage.js";
+import { u as q } from "../../PaginationContext-15f88187.js";
+import { useDebounce as G } from "./useDebounce.js";
+import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
+import { ViewMode as V } from "../types.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
 import "../../contexts/RPDocumentContext.js";
@@ -32,15 +32,17 @@ import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
-const Wt = (f, Y, n, W) => {
-  const P = x(), { contentRef: E } = N(), { heights: h, widths: l } = v(), { setFocusedPage: b } = _(), [S, R] = C([]), { targetScrollPage: L } = G(), i = q(S, 0, 500), I = D(() => {
-    const c = W === M.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = A({ heights: h, widths: l }, f, c);
+const bt = (f, R, e, W) => {
+  const P = Y(), { contentRef: S } = v(), { heights: h, widths: g } = A(), { setFocusedPage: b } = q(), I = Y(b);
+  I.current = b;
+  const [F, x] = C([]), { targetScrollPage: l } = M(), i = G(F, 0, 500), X = D(() => {
+    const c = W === V.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = H({ heights: h, widths: g }, f, c);
     return h.map((m, t) => {
-      const e = l[t], s = H(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + e, w = d + m;
+      const n = g[t], s = _(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + n, w = d + m;
       return {
         pageNumber: t + 1,
         ...s,
-        width: e,
+        width: n,
         height: m,
         startX: p,
         startY: d,
@@ -48,14 +50,14 @@ const Wt = (f, Y, n, W) => {
         endY: w
       };
     });
-  }, [h, l, f, Y, W]);
-  X(() => {
+  }, [h, g, f, R, W]);
+  E(() => {
     var r;
-    i.length > 0 && !L.current && b(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === L.current) && setTimeout(() => {
-      L.current = void 0;
+    i.length > 0 && !l.current && I.current(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === l.current) && setTimeout(() => {
+      l.current = void 0;
     }, 500);
-  }, [i, b]);
-  const g = F(
+  }, [i]);
+  const L = N(
     (c) => {
       P.current && cancelAnimationFrame(P.current), P.current = requestAnimationFrame(() => {
         const r = c.target, o = {
@@ -63,28 +65,28 @@ const Wt = (f, Y, n, W) => {
           startLeft: r.scrollLeft,
           endTop: r.scrollTop + r.clientHeight,
           endLeft: r.scrollLeft + r.clientWidth
-        }, m = I.filter((t) => {
-          const e = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
-          return e && s;
+        }, m = X.filter((t) => {
+          const n = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
+          return n && s;
         }).map((t) => {
-          const e = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - e, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
+          const n = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - n, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
           return {
             pageNumber: t.pageNumber,
             ratio: a
           };
-        }).sort((t, e) => e.ratio - t.ratio);
-        R(m);
+        }).sort((t, n) => n.ratio - t.ratio);
+        x(m);
       });
     },
-    [E, I]
+    [S, X]
   );
-  X(() => {
-    if (n)
-      return n == null || n.addEventListener("scroll", g), () => {
-        n == null || n.removeEventListener("scroll", g);
+  E(() => {
+    if (e)
+      return e == null || e.addEventListener("scroll", L), () => {
+        e == null || e.removeEventListener("scroll", L);
       };
-  }, [n, g]);
+  }, [e, L]);
 };
 export {
-  Wt as usePresentPage
+  bt as usePresentPage
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as G } from "../../PaginationContext-bf510f3e.js";
+import { a as G } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";

package/dist/utils/hooks/useSearch.js

@@ -5,7 +5,7 @@ import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollConte
 import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js";
 import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
 import { useZoomContext as at } from "../../contexts/ZoomContext.js";
-import { u as mt } from "../../PaginationContext-bf510f3e.js";
+import { u as mt } from "../../PaginationContext-15f88187.js";
 import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
 import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
 import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.2.1-rc.1",
+  "version": "2.2.1-rc.2",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [