@react-pdf-kit/viewer 2.4.0-beta.6 → 2.5.0-beta.0

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-11f3cd64.js";
-import { u as L } from "../../../../../PaginationContext-443adec1.js";
+import { u as L } from "../../../../../PaginationContext-ec777f80.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-443adec1.js";
+import { u as j } from "../../PaginationContext-ec777f80.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

@@ -27,7 +27,7 @@ import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-443adec1.js";
+import "../../PaginationContext-ec777f80.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";

package/dist/components/page/CustomElement.js

@@ -32,6 +32,7 @@ import "../../utils/getScrollDistance.js";
 import "../../contexts/ScrollModeContext.js";
 import "../../utils/getElementPositionInPage.js";
 import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/SmoothScrollContext.js";
 const a = ({ child: t }) => {
   const r = u(null);
   return c(() => {
@@ -41,7 +42,7 @@ const a = ({ child: t }) => {
       (o = r.current) == null || o.removeChild(t);
     };
   }, [t]), /* @__PURE__ */ m("div", { ref: r });
-}, X = ({ pageNumber: t }) => {
+}, Y = ({ pageNumber: t }) => {
   const { elementList: r } = f(), i = u(null), o = l(() => {
     var e;
     return (e = r[t]) == null ? void 0 : e.map((p, n) => p instanceof HTMLElement ? /* @__PURE__ */ m(a, { child: p }, n) : /* @__PURE__ */ m("div", { children: p }, n));
@@ -49,5 +50,5 @@ const a = ({ child: t }) => {
   return o ? /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("div", { ref: i, "data-rp": `page-${t}-customElement`, children: o.map((e) => e) }) }) : null;
 };
 export {
-  X as CustomElement
+  Y as CustomElement
 };

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-443adec1.js";
+import { u as l } from "../../PaginationContext-ec777f80.js";
 import { RPPage as f } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.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-443adec1.js";
+import { u as y } from "../../PaginationContext-ec777f80.js";
 import { RPPage as I } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.js";

package/dist/components/page/RPPage.js

@@ -26,7 +26,7 @@ import "../../utils/formatFileSize.js";
 import "../../contexts/RenderQueueProvider.js";
 import "../../utils/Queue.js";
 import "../../utils/renderPage.js";
-import "../../PaginationContext-443adec1.js";
+import "../../PaginationContext-ec777f80.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-443adec1.js";
+import { u as n } from "../../PaginationContext-ec777f80.js";
 import { RPPage as s } from "./RPPage.js";
 import "../../utils/types.js";
 import "../../de_DE-8145915f.js";

package/dist/components/page/TextLayer.js

@@ -29,7 +29,7 @@ import "../../contexts/RotationContext.js";
 import "../../contexts/GlobalCurrentPage.js";
 import "../../contexts/EventCallbackContext.js";
 import "../../utils/hooks/useDebounce.js";
-import "../../PaginationContext-443adec1.js";
+import "../../PaginationContext-ec777f80.js";
 import "../../contexts/VirtualGridContext.js";
 import "../../utils/smoothScrollTo.js";
 import "../../contexts/DimensionPagesContext.js";

package/dist/contexts/ElementPageContext.js

@@ -1,17 +1,18 @@
-import { jsx as z } from "react/jsx-runtime";
-import { createContext as H, useState as N, useCallback as d, useContext as U, useRef as W, useMemo as q } from "react";
-import { ScrollMode as g, LicenseType as B } from "../utils/types.js";
-import { useDimensionPagesContext as J } from "./DimensionPagesContext.js";
-import { usePagesRotateContext as K } from "./PagesRotateContext.js";
-import { useLicenseContext as Q } from "./LicenseContext.js";
-import { useZoomContext as X } from "./ZoomContext.js";
+import { jsx as H } from "react/jsx-runtime";
+import { createContext as N, useState as U, useCallback as d, useContext as W, useRef as q, useMemo as J } from "react";
+import { ScrollMode as w, LicenseType as K } from "../utils/types.js";
+import { useDimensionPagesContext as Q } from "./DimensionPagesContext.js";
+import { usePagesRotateContext as X } from "./PagesRotateContext.js";
+import { useLicenseContext as Y } from "./LicenseContext.js";
+import { useZoomContext as $ } from "./ZoomContext.js";
 import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as x } from "../utils/const.js";
-import { getScrollDistance as w } from "../utils/getScrollDistance.js";
-import { useLayoutContainer as Y } from "./LayoutContainerContext.js";
-import { useScrollModeContext as $ } from "./ScrollModeContext.js";
-import { getElementPagePosition as ee } from "../utils/getElementPositionInPage.js";
-import { useViewModeContext as te } from "./ViewModeContext.js";
-import { useVirtualScrollContext as oe } from "./VirtualScrollContext.js";
+import { getScrollDistance as R } from "../utils/getScrollDistance.js";
+import { useLayoutContainer as ee } from "./LayoutContainerContext.js";
+import { useScrollModeContext as te } from "./ScrollModeContext.js";
+import { getElementPagePosition as oe } from "../utils/getElementPositionInPage.js";
+import { useViewModeContext as ne } from "./ViewModeContext.js";
+import { useVirtualScrollContext as re } from "./VirtualScrollContext.js";
+import { useSmoothScrollContext as se } from "./SmoothScrollContext.js";
 import "../de_DE-8145915f.js";
 import "../utils/appConsole.js";
 import "./RPDocumentContext.js";
@@ -31,79 +32,79 @@ import "../utils/hooks/useLicense.js";
 import "../utils/getZoomLevel.js";
 import "./GlobalCurrentPage.js";
 import "../utils/hooks/useDebounce.js";
-const S = H(void 0), Ve = ({ children: l }) => {
-  const [s, m] = N({}), { widths: t, heights: r } = J(), { pagesRef: c } = Y(), { scrollMode: C } = $(), { pageRotate: u } = K(), { currentZoom: a } = X(), { columnCount: R } = te(), { pageScrollElementRef: I, virtualScrollableElementRef: T } = oe(), M = d(
-    (e, i, o = { behavior: "smooth" }) => {
-      var v;
-      const n = T || I;
-      if (!c || !n)
+const I = N(void 0), ke = ({ children: m }) => {
+  const [i, l] = U({}), { widths: t, heights: n } = Q(), { pagesRef: c } = ee(), { scrollMode: C } = te(), { pageRotate: u } = X(), { currentZoom: a } = $(), { columnCount: T } = ne(), { pageScrollElementRef: M, virtualScrollableElementRef: A } = re(), { scrollBehavior: v } = se(), O = d(
+    (e, r, o) => {
+      var g;
+      const s = o ?? { behavior: v }, L = A || M;
+      if (!c || !L)
         return;
-      const L = (v = s[e]) == null ? void 0 : v[i];
-      if (!L)
+      const p = (g = i[e]) == null ? void 0 : g[r];
+      if (!p)
         return;
-      let p = 0, P = 0;
-      if (C === g.VERTICAL_SCROLLING) {
-        const f = e - 1, E = R, j = f % E, k = Math.floor(f / E);
-        p = w(r, k), P = w(t, j);
+      let S = 0, P = 0;
+      if (C === w.VERTICAL_SCROLLING) {
+        const f = e - 1, E = T, z = f % E, B = Math.floor(f / E);
+        S = R(n, B), P = R(t, z);
       }
-      C === g.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((f, E) => f + E, 0));
-      const _ = {
-        height: r[e - 1],
+      C === w.HORIZONTAL_SCROLLING && (P = t.slice(0, e - 1).reduce((f, E) => f + E, 0));
+      const G = {
+        height: n[e - 1],
         width: t[e - 1]
-      }, D = u[e], { left: G, top: Z } = ee(
-        _,
+      }, Z = u[e], { left: V, top: b } = oe(
+        G,
         c,
-        L,
-        D,
+        p,
+        Z,
         a
-      ), V = P + G, b = p + Z, F = {
-        left: Math.max(V, 0),
-        top: Math.max(b, 0)
+      ), F = P + V, j = S + b, k = {
+        left: Math.max(F, 0),
+        top: Math.max(j, 0)
       };
-      n.scrollTo({
-        ...F,
-        behavior: o.behavior
+      L.scrollTo({
+        ...k,
+        behavior: s.behavior
       });
     },
-    [s, r, t, c, u, a, C]
-  ), A = d(
-    (e, i) => {
-      m((o) => {
-        const n = { width: t[e - 1], height: r[e - 1] };
+    [i, n, t, c, u, a, C, v]
+  ), y = d(
+    (e, r) => {
+      l((o) => {
+        const s = { width: t[e - 1], height: n[e - 1] };
         return {
           ...o,
-          [e]: i(
+          [e]: r(
             o[e],
-            n,
+            s,
             u[e],
             a * 100
           )
         };
       });
     },
-    [t, r, a, u]
-  ), O = d((e) => {
-    m((i) => {
-      const o = { ...i };
+    [t, n, a, u]
+  ), _ = d((e) => {
+    l((r) => {
+      const o = { ...r };
       return delete o[e], o;
     });
-  }, []), y = d((e, i) => {
-    m((o) => {
-      const n = { ...o };
-      return n[e] = n[e].filter((L, p) => p !== i), n;
+  }, []), D = d((e, r) => {
+    l((o) => {
+      const s = { ...o };
+      return s[e] = s[e].filter((L, p) => p !== r), s;
     });
   }, []);
-  return /* @__PURE__ */ z(
-    S.Provider,
+  return /* @__PURE__ */ H(
+    I.Provider,
     {
-      value: { updateElement: A, clearElements: O, removeElement: y, elementList: s, scrollToElement: M },
-      children: l
+      value: { updateElement: y, clearElements: _, removeElement: D, elementList: i, scrollToElement: O },
+      children: m
     }
   );
 }, h = () => {
-}, be = () => {
-  const l = U(S), { type: s, validating: m } = Q(), t = W(0), r = q(() => {
-    if (m !== !1)
+}, ze = () => {
+  const m = W(I), { type: i, validating: l } = Y(), t = q(0), n = J(() => {
+    if (l !== !1)
       return {
         updateElement: h,
         clearElements: h,
@@ -111,7 +112,7 @@ const S = H(void 0), Ve = ({ children: l }) => {
         elementList: {},
         scrollToElement: h
       };
-    if (!(s !== B.Developer))
+    if (!(i !== K.Developer))
       return {
         updateElement: () => {
           t.current === 0 && (console.error(x), t.current++);
@@ -127,13 +128,13 @@ const S = H(void 0), Ve = ({ children: l }) => {
           t.current === 0 && (console.error(x), t.current++);
         }
       };
-  }, [s, m]);
-  if (!l)
+  }, [i, l]);
+  if (!m)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
-  return r || l;
+  return n || m;
 };
 export {
-  S as ElementPageContext,
-  Ve as ElementPageProvider,
-  be as useElementPageContext
+  I as ElementPageContext,
+  ke as ElementPageProvider,
+  ze as useElementPageContext
 };

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c as J, P as K, u as L } from "../PaginationContext-443adec1.js";
+import { c as J, P as K, u as L } from "../PaginationContext-ec777f80.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-443adec1.js";
+import { u as y } from "../PaginationContext-ec777f80.js";
 import "pdfjs-dist";
 import "../utils/types.js";
 import "../de_DE-8145915f.js";

package/dist/contexts/SearchContext.js

@@ -28,7 +28,7 @@ import "./RotationContext.js";
 import "./GlobalCurrentPage.js";
 import "./EventCallbackContext.js";
 import "../utils/hooks/useDebounce.js";
-import "../PaginationContext-443adec1.js";
+import "../PaginationContext-ec777f80.js";
 import "./VirtualGridContext.js";
 import "../utils/smoothScrollTo.js";
 import "./DimensionPagesContext.js";

package/dist/contexts/SmoothScrollContext.js

@@ -1,12 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createContext as c, useRef as l, useContext as n } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as c, useRef as n, useContext as s } from "react";
 const o = c({
-  targetScrollPage: { current: void 0 }
-}), m = ({ children: t }) => {
-  const r = l();
-  return /* @__PURE__ */ e(o.Provider, { value: { targetScrollPage: r }, children: t });
-}, u = () => n(o);
+  targetScrollPage: { current: void 0 },
+  scrollBehavior: "smooth"
+}), a = ({
+  children: t,
+  scrollBehavior: r = "smooth"
+}) => {
+  const e = n();
+  return /* @__PURE__ */ l(o.Provider, { value: { targetScrollPage: e, scrollBehavior: r }, children: t });
+}, u = () => s(o);
 export {
-  m as SmoothScrollProvider,
+  a as SmoothScrollProvider,
   u as useSmoothScrollContext
 };

package/dist/main.js

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

package/dist/types/contexts/SmoothScrollContext.d.ts

@@ -1,8 +1,10 @@
 interface SmoothScrollContextType {
     targetScrollPage: React.MutableRefObject<number | undefined>;
+    scrollBehavior: 'smooth' | 'auto';
 }
-export declare const SmoothScrollProvider: ({ children }: {
+export declare const SmoothScrollProvider: ({ children, scrollBehavior }: {
     children: React.ReactNode;
+    scrollBehavior?: "smooth" | "auto";
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useSmoothScrollContext: () => SmoothScrollContextType;
 export {};

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

@@ -513,6 +513,7 @@ export interface RPControllerProps extends PropsWithChildren, DarkModeProviderPr
     downloadFilename?: string;
     initialSelectionMode?: SelectionMode;
     interactiveForm?: boolean;
+    scrollBehavior?: 'smooth' | 'auto';
 }
 export interface RPConfigProps extends Omit<ConfigContextType, 'workerUrlAdded'>, RPThemeContextType, PropsWithChildren {
     workerUrl?: string;

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as E, useCallback as y, useEffect as b } from "react";
 import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-8145915f.js";
-const A = /* @__PURE__ */ new Date("2026-04-21T03:07:28.218Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-04-22T13:39:38.437Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as J } from "../../PaginationContext-443adec1.js";
+import { b as J } from "../../PaginationContext-ec777f80.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";

package/dist/utils/hooks/usePresentPage.js

@@ -2,7 +2,7 @@ import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback a
 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-443adec1.js";
+import { u as q } from "../../PaginationContext-ec777f80.js";
 import { useDebounce as G } from "./useDebounce.js";
 import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
 import { ViewMode as V } from "../types.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as H } from "../../PaginationContext-443adec1.js";
+import { a as H } from "../../PaginationContext-ec777f80.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";

package/dist/utils/hooks/useSearch.js

@@ -1,17 +1,18 @@
-import { useState as C, useRef as b, useMemo as H, useCallback as I, useEffect as z } from "react";
-import { ScrollMode as N, ViewMode as rt } from "../types.js";
-import { findMatches as nt } from "../highlight.js";
-import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollContext.js";
-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-443adec1.js";
-import { useViewModeContext as pt } from "../../contexts/ViewModeContext.js";
-import { useDimensionPagesContext as ut } from "../../contexts/DimensionPagesContext.js";
-import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";
+import { useState as C, useRef as b, useMemo as z, useCallback as S, useEffect as B } from "react";
+import { ScrollMode as N, ViewMode as nt } from "../types.js";
+import { findMatches as st } from "../highlight.js";
+import { useVirtualScrollContext as ct } from "../../contexts/VirtualScrollContext.js";
+import { useScrollModeContext as it } from "../../contexts/ScrollModeContext.js";
+import { useDocumentContext as at } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as mt } from "../../contexts/ZoomContext.js";
+import { u as lt } from "../../PaginationContext-ec777f80.js";
+import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
+import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
+import { useLayoutContainer as ft } from "../../contexts/LayoutContainerContext.js";
 import { getScrollDistance as F } from "../getScrollDistance.js";
-import { getWordPositionInPage as ft } from "../getWordPositionInPage.js";
-import { usePagesRotateContext as gt } from "../../contexts/PagesRotateContext.js";
+import { getWordPositionInPage as gt } from "../getWordPositionInPage.js";
+import { usePagesRotateContext as ht } from "../../contexts/PagesRotateContext.js";
+import { useSmoothScrollContext as dt } from "../../contexts/SmoothScrollContext.js";
 import "../../de_DE-8145915f.js";
 import "../charators.js";
 import "react/jsx-runtime";
@@ -34,58 +35,57 @@ import "../../contexts/EventCallbackContext.js";
 import "./useDebounce.js";
 import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
-import "../../contexts/SmoothScrollContext.js";
 import "../calculatePage.js";
-const $t = (O = {}, U = "") => {
-  const [p, q] = C(U), [B, y] = C(!1), { pdf: _, pages: S } = it(), { widths: f, heights: R } = ut(), w = b(!p), { currentZoom: A } = at(), [s, g] = C([]), { setFocusedPage: D } = mt(), { columnCount: G, viewMode: V } = pt(), { pageRotate: v } = gt(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = st(), { scrollMode: h } = ct(), { pagesRef: L } = lt(), J = b({}), m = b(0), K = H(() => c === 0 ? null : s[c - 1], [c, s]), a = H(() => s.length, [s]), u = I(
+const ee = (O = {}, U = "") => {
+  const [l, q] = C(U), [J, y] = C(!1), { pdf: _, pages: I } = at(), { widths: f, heights: R } = pt(), w = b(!l), { currentZoom: A } = mt(), [s, g] = C([]), { setFocusedPage: D } = lt(), { columnCount: G, viewMode: V } = ut(), { pageRotate: v } = ht(), [c, i] = C(0), { pageScrollElementRef: W, virtualScrollableElementRef: Z } = ct(), { scrollMode: h } = it(), { pagesRef: L } = ft(), { scrollBehavior: j } = dt(), K = b({}), m = b(0), Q = z(() => c === 0 ? null : s[c - 1], [c, s]), a = z(() => s.length, [s]), u = S(
     (e) => {
       if (e === 0)
         return;
       const t = s[e - 1];
-      if (!t || !S)
+      if (!t || !I)
         return;
       const o = Z || W;
       if (!o || !L)
         return;
-      const r = S.get(t.page);
+      const r = I.get(t.page);
       if (h === N.PAGE_SCROLLING && D(t.page), !r)
         return;
-      let n = 0, l = 0;
+      let n = 0, p = 0;
       if (h === N.VERTICAL_SCROLLING) {
         const d = t.page - 1, M = G;
         let x, P;
-        if (V === rt.DUAL_PAGE_WITH_COVER)
+        if (V === nt.DUAL_PAGE_WITH_COVER)
           if (t.page === 1)
             x = 0, P = 0;
           else {
-            const k = t.page - 2;
-            x = k % 2, P = Math.floor(k / 2) + 1;
+            const H = t.page - 2;
+            x = H % 2, P = Math.floor(H / 2) + 1;
           }
         else
           x = d % M, P = Math.floor(d / M);
-        n = F(R, P), l = F(f, x);
+        n = F(R, P), p = F(f, x);
       }
-      h === N.HORIZONTAL_SCROLLING && (l = f.slice(0, t.page - 1).reduce((d, M) => d + M, 0));
+      h === N.HORIZONTAL_SCROLLING && (p = f.slice(0, t.page - 1).reduce((d, M) => d + M, 0));
       const E = {
         height: R[t.page - 1],
         width: f[t.page - 1]
-      }, T = v[t.page], { leftInPage: Y, topInPage: $ } = ft(
+      }, T = v[t.page], { leftInPage: $, topInPage: tt } = gt(
         E,
         L,
         t.rect,
         A,
         T
-      ), tt = l + Y, et = n + $, ot = {
-        left: Math.max(tt, 0),
-        top: Math.max(et, 0)
+      ), et = p + $, ot = n + tt, rt = {
+        left: Math.max(et, 0),
+        top: Math.max(ot, 0)
       };
       o.scrollTo({
-        ...ot,
-        behavior: "smooth"
+        ...rt,
+        behavior: j
       });
     },
     [
-      S,
+      I,
       D,
       f,
       R,
@@ -97,23 +97,24 @@ const $t = (O = {}, U = "") => {
       L,
       s,
       A,
-      v
+      v,
+      j
     ]
   );
-  z(() => {
+  B(() => {
     c && u(c);
   }, [c]);
-  const Q = I(() => {
+  const X = S(() => {
     i((e) => {
       let t;
       return a ? e + 1 > a ? t = 1 : t = e + 1 : t = 0, m.current = t, t;
     }), m.current === 1 && u(m.current);
-  }, [a, u]), X = I(() => {
+  }, [a, u]), Y = S(() => {
     i((e) => {
       let t;
       return a ? e - 1 <= 0 ? t = a : t = e - 1 : t = 0, m.current = t, t;
     }), m.current === 1 && u(m.current);
-  }, [a, u]), j = I(async (e) => {
+  }, [a, u]), k = S(async (e) => {
     if (!e)
       return {};
     const t = e.numPages, o = {};
@@ -125,39 +126,39 @@ const $t = (O = {}, U = "") => {
     }
     return o;
   }, []);
-  return z(() => {
-    if (!p) {
+  return B(() => {
+    if (!l) {
       w.current = !0, g([]), i(0);
       return;
     }
-    w.current = !1, y(!0), g([]), i(0), j(_).then((e) => {
-      J.current = e;
+    w.current = !1, y(!0), g([]), i(0), k(_).then((e) => {
+      K.current = e;
       const o = Object.keys(e).reduce((r, n) => {
-        const l = nt(
-          [p],
+        const p = st(
+          [l],
           e[n],
           Number(n) - 1,
           O
         ).map((E, T) => ({ ...E, page: Number(n), pageMatchIdx: T }));
-        return [...r, ...l];
+        return [...r, ...p];
       }, []);
       g(o), i(o.length ? 1 : 0);
     }).catch(() => {
       g([]), i(0);
     }).finally(() => y(!1));
-  }, [p, j, _, O]), {
-    search: p,
+  }, [l, k, _, O]), {
+    search: l,
     setSearch: q,
-    loading: B,
+    loading: J,
     matches: s,
     totalMatches: a,
     currentMatchPosition: c,
-    currentMatch: K,
-    nextMatch: Q,
-    prevMatch: X,
+    currentMatch: Q,
+    nextMatch: X,
+    prevMatch: Y,
     setCurrentMatchPosition: i
   };
 };
 export {
-  $t as useSearch
+  ee as useSearch
 };

package/package.json

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