@react-pdf-kit/viewer 2.8.0-beta.5 → 2.8.0-beta.7

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

@@ -1,12 +1,14 @@
 import { Queue } from '../utils/Queue';
 import { FC } from 'react';
 import { PDFPageProxy } from 'pdfjs-dist';
+import { RenderTask } from 'pdfjs-dist/types/src/display/api';
 import { RenderOptions } from '../utils/types';
 interface RenderData {
     page: PDFPageProxy;
     canvasElem: HTMLCanvasElement;
     options?: RenderOptions;
     onLoaded?: () => void;
+    onRenderTask?: (task: RenderTask | null) => void;
 }
 export declare const RenderQueueContext: import('react').Context<Queue<RenderData> | null>;
 export declare const RenderQueueProvider: FC<{

package/dist/types/locales/de_DE.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "Groß-/Kleinschreibung beachten",
   "searchWholeWordsLabel": "Ganze Wörter",
   "searchWholeWordsTooltip": "Exakte Wörter suchen (Groß-/Kleinschreibung ignorieren)",
+  "searchLoadingMessage": "Suche läuft",
+  "searchNoResultsMessage": "Keine Treffer gefunden",
+  "searchResultsMessage": "{current} von {total} Treffern",
   "previousPageTooltip": "Vorherige Seite",
   "currentPageTooltip": "Aktuelle Seite",
   "nextPageTooltip": "Nächste Seite",

package/dist/types/locales/en_US.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "Search case sensitive text",
   "searchWholeWordsLabel": "Whole Words",
   "searchWholeWordsTooltip": "Search exact and case insensitive word(s)",
+  "searchLoadingMessage": "Searching",
+  "searchNoResultsMessage": "No matches found",
+  "searchResultsMessage": "{current} of {total} matches",
   "previousPageTooltip": "Previous page",
   "currentPageTooltip": "Current page",
   "nextPageTooltip": "Next page",

package/dist/types/locales/it_IT.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "Cerca testo con distinzione maiuscole/minuscole",
   "searchWholeWordsLabel": "Parola intera",
   "searchWholeWordsTooltip": "Cerca esatte parole senza distinzione maiuscole/minuscole",
+  "searchLoadingMessage": "Ricerca in corso",
+  "searchNoResultsMessage": "Nessuna corrispondenza trovata",
+  "searchResultsMessage": "{current} di {total} corrispondenze",
   "previousPageTooltip": "Pagina precedente",
   "currentPageTooltip": "Pagina corrente",
   "nextPageTooltip": "Pagina successiva",

package/dist/types/locales/pt_PT.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "Pesquisar texto com distinção de maiúsculas/minúsculas",
   "searchWholeWordsLabel": "Palavra inteira",
   "searchWholeWordsTooltip": "Pesquisar palavras exatas sem distinção de maiúsculas/minúsculas",
+  "searchLoadingMessage": "A pesquisar",
+  "searchNoResultsMessage": "Nenhuma correspondência encontrada",
+  "searchResultsMessage": "{current} de {total} correspondências",
   "previousPageTooltip": "Página anterior",
   "currentPageTooltip": "Página atual",
   "nextPageTooltip": "Próxima página",

package/dist/types/locales/th_TH.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "ค้นหาข้อความที่มีการแยกตัวพิมพ์ใหญ่/พิมพ์เล็ก",
   "searchWholeWordsLabel": "ทั้งคำ",
   "searchWholeWordsTooltip": "ค้นหาคำที่ตรงตัวไม่มีการแยกตัวพิมพ์ใหญ่/พิมพ์เล็ก",
+  "searchLoadingMessage": "กำลังค้นหา",
+  "searchNoResultsMessage": "ไม่พบผลการค้นหา",
+  "searchResultsMessage": "ผลการค้นหาที่ {current} จาก {total}",
   "previousPageTooltip": "หน้าก่อนหน้า",
   "currentPageTooltip": "หน้าปัจจุบัน",
   "nextPageTooltip": "หน้าถัดไป",

package/dist/types/locales/zh_CN.json.d.ts

@@ -9,6 +9,9 @@ declare const _default: {
   "searchMatchCaseTooltip": "搜索区分大小写",
   "searchWholeWordsLabel": "全字匹配",
   "searchWholeWordsTooltip": "搜索完全匹配",
+  "searchLoadingMessage": "正在搜索",
+  "searchNoResultsMessage": "未找到匹配项",
+  "searchResultsMessage": "第 {current} 条，共 {total} 条匹配",
   "previousPageTooltip": "上一页",
   "currentPageTooltip": "当前页",
   "nextPageTooltip": "下一页",

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

@@ -10,6 +10,7 @@ export declare class Queue<T> {
     enqueue(id: string, data: T, priority?: number): void;
     dequeue(): QueueItem<T> | undefined;
     removeQueue(id: string): boolean;
+    removeQueues(id: string | RegExp): number;
     changePagePriority(id: string | RegExp, newPriority: number): boolean;
     peekAll(): QueueItem<T>[];
     isEmpty(): boolean;

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

@@ -3,3 +3,11 @@ export declare const THUMBNAIL_MIN_WIDTH = 200;
 export declare const SCROLL_BAR_WIDTH = 20;
 export declare const MIN_ZOOM_SCALE = 25;
 export declare const MAX_ZOOM_SCALE = 1000;
+export declare const ZOOM_STEP_PERCENT = 25;
+export declare const ZOOM_DEBOUNCE_MS = 400;
+export declare const ZOOM_SAFETY_TIMEOUT_MS = 1000;
+export declare const MAX_CANVAS_DIM = 32767;
+export declare const MAX_CANVAS_PIXELS = 33554432;
+export declare const SAFARI_MAX_CANVAS_PIXELS = 16777216;
+export declare const IOS_MAX_CANVAS_PIXELS = 5242880;
+export declare const CANVAS_AREA_CAP_FACTOR = 200;

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

@@ -1 +1,14 @@
-export declare const usePinch: (container: HTMLDivElement | null) => void;
+import { ZoomOrigin } from './useZoomOrigin';
+export type PinchZoomGesture = 'touch' | 'wheel';
+export interface PinchZoomMetadata {
+    gesture?: PinchZoomGesture;
+    previousScale: number;
+    nextScale: number;
+    origin?: ZoomOrigin;
+}
+interface UsePinchOptions {
+    onBeforeZoom?: (metadata: PinchZoomMetadata) => void;
+    onPinchEnd?: () => void;
+}
+export declare const usePinch: (container: HTMLDivElement | null, options?: UsePinchOptions) => void;
+export {};

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

@@ -0,0 +1,4 @@
+export type ZoomOrigin = [number, number];
+export declare const getZoomOriginFromClientPoint: (element: HTMLElement | null, clientX: number, clientY: number) => ZoomOrigin | null;
+export declare const getZoomCenterOrigin: (element: HTMLElement | null) => ZoomOrigin | undefined;
+export declare const useZoomOrigin: (element: HTMLElement | null) => () => ZoomOrigin | undefined;

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

@@ -86,6 +86,9 @@ export type Localization = {
     searchMatchCaseTooltip?: string;
     searchWholeWordsLabel?: string;
     searchWholeWordsTooltip?: string;
+    searchLoadingMessage?: string;
+    searchNoResultsMessage?: string;
+    searchResultsMessage?: string;
     previousPageTooltip?: string;
     currentPageTooltip?: string;
     nextPageTooltip?: string;
@@ -400,6 +403,7 @@ export declare enum ThemeVariables {
     INPUT_BORDER_RADIUS = "--rp-input-border-radius",
     INPUT_BACKGROUND_COLOR = "--rp-input-background-color",
     INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color",
+    SEARCH_INPUT_BORDER_COLOR = "--rp-search-input-border-color",
     PAGES_BACKGROUND_COLOR = "--rp-pages-background-color",
     PAGE_SHADOW = "--rp-page-shadow",
     PAGE_OUTLINE = "--rp-page-outline",
@@ -434,6 +438,7 @@ export declare enum ThemeVariables {
     MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size",
     PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background",
     PRINT_PROGRESS_COLOR = "--rp-print-progress-color",
+    PRINT_PROGRESS_CANCEL_BUTTON_BORDER_COLOR = "--rp-print-progress-cancel-button-border-color",
     DROP_ZONE_BORDER = "--rp-drop-zone-border",
     DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color",
     DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size",
@@ -550,9 +555,20 @@ export interface DimensionPagesContextType {
 export interface ZoomContextType {
     zoomLevel: number | ZoomLevel;
     currentZoom: number;
+    targetZoom: number;
+    isZooming: boolean;
+    zoomOrigin: [number, number] | null;
+    zoomGesture: 'touch' | 'wheel' | 'toolbar' | null;
+    previousTargetZoom: number | null;
+    zoomTo: (zoomLevel: number | ZoomLevel, options?: {
+        immediate?: boolean;
+        origin?: [number, number];
+        gesture?: 'touch' | 'wheel' | 'toolbar';
+        previousTargetZoom?: number;
+    }) => void;
     setZoomLevel: (callback: number | ZoomLevel | ((prev: number) => number | ZoomLevel)) => void;
 }
-export type ZoomProps = Omit<ZoomContextType, 'currentZoom'>;
+export type ZoomProps = Pick<ZoomContextType, 'zoomLevel' | 'setZoomLevel'>;
 export type InitialStateContextType = {
     interactiveForm?: boolean;
 } & ZoomProviderProps & PageProviderProps & ViewModeInitialProps & ScrollModeInitialProps & RotateProviderProps;

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

@@ -1,2 +1,4 @@
 export declare const isZoomOutDisabled: (currentZoom: number) => boolean;
 export declare const isZoomInDisabled: (currentZoom: number) => boolean;
+export declare const getNextZoomInLevel: (currentZoomPercent: number) => number;
+export declare const getNextZoomOutLevel: (currentZoomPercent: number) => number;

package/dist/utils/Queue.js

@@ -6,6 +6,7 @@ var e = class {
 		this._triggerEnqueue = e;
 	}
 	enqueue(e, t, n = 0) {
+		this.removeQueue(e);
 		let r = {
 			id: e,
 			data: t,
@@ -20,6 +21,10 @@ var e = class {
 		let t = this._items.findIndex((t) => t.id === e);
 		return t === -1 ? !1 : (this._items.splice(t, 1), !0);
 	}
+	removeQueues(e) {
+		let t = new RegExp(e), n = this._items.length;
+		return this._items = this._items.filter((e) => !t.test(e.id)), n - this._items.length;
+	}
 	changePagePriority(e, t) {
 		let n = this._items.find((t) => new RegExp(e).test(t.id));
 		return n ? (this.removeQueue(n.id), this.enqueue(n.id, n.data, t), !0) : !1;

package/dist/utils/constants.js

@@ -1,4 +1,4 @@
 //#region lib/utils/constants.ts
-var e = 4, t = 200, n = 20, r = 25, i = 1e3;
+var e = 4, t = 200, n = 20, r = 25, i = 1e3, a = 25, o = 400, s = 1e3, c = 32767, l = 33554432, u = 16777216, d = 5242880, f = 200;
 //#endregion
-export { i as MAX_ZOOM_SCALE, r as MIN_ZOOM_SCALE, e as PAGE_PADDING, n as SCROLL_BAR_WIDTH, t as THUMBNAIL_MIN_WIDTH };
+export { f as CANVAS_AREA_CAP_FACTOR, d as IOS_MAX_CANVAS_PIXELS, c as MAX_CANVAS_DIM, l as MAX_CANVAS_PIXELS, i as MAX_ZOOM_SCALE, r as MIN_ZOOM_SCALE, e as PAGE_PADDING, u as SAFARI_MAX_CANVAS_PIXELS, n as SCROLL_BAR_WIDTH, t as THUMBNAIL_MIN_WIDTH, o as ZOOM_DEBOUNCE_MS, s as ZOOM_SAFETY_TIMEOUT_MS, a as ZOOM_STEP_PERCENT };

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-05-26T12:45:11.134Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-07-10T06:52:37.170Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,

package/dist/utils/hooks/useLocalization.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE-DwUvXUWH.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE-C1OrwQKj.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
 //#region lib/utils/hooks/useLocalization.ts
 var l = (l) => {

package/dist/utils/hooks/usePaginate.js

@@ -1,2 +1,2 @@
-import { i as e } from "../../PaginationContext-Cwf8sCpK.js";
+import { i as e } from "../../PaginationContext-B3qzCYJu.js";
 export { e as usePaginate };

package/dist/utils/hooks/usePinch.js

@@ -1,66 +1,112 @@
-import { useDebounce as e } from "./useDebounce.js";
+import { MAX_ZOOM_SCALE as e } from "../constants.js";
 import { useZoomContext as t } from "../../contexts/ZoomContext.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { getZoomOriginFromClientPoint as n } from "./useZoomOrigin.js";
+import { useCallback as r, useEffect as i, useRef as a } from "react";
 //#region lib/utils/hooks/usePinch.ts
-var o = (o) => {
-	let { currentZoom: s, setZoomLevel: c } = t(), [l, u] = a(0), d = e(l, 100), [f, p] = a(!1), m = i(null), h = n((e) => {
-		u(e ? (e) => e + 3 : (e) => e - 3);
-	}, []), g = n((e) => {
-		e.ctrlKey && (e.preventDefault(), h(e.deltaY < 0));
-	}, [h]);
-	r(() => {
-		if (d) {
-			let e = Math.round(s * 100 + d);
-			u(0), c(e > 25 ? e : 25);
+var o = () => 35 / (window.devicePixelRatio || 1), s = (s, c = {}) => {
+	let { targetZoom: l, zoomTo: u } = t(), { onBeforeZoom: d, onPinchEnd: f } = c, p = a(null), m = a(!1), h = a(1), g = a(1), _ = a(!1), v = a(!1), y = a(), b = a(l), x = a(null);
+	i(() => {
+		b.current = l;
+	}, [l]);
+	let S = r((e, t, n) => {
+		if (t === 1) return 1;
+		let r = n.current;
+		(r > 1 && t < 1 || r < 1 && t > 1) && (n.current = 1);
+		let i = Math.floor(e * t * n.current * 100) / (100 * e);
+		return n.current = t / i, i;
+	}, []), C = r((t, n, r) => {
+		let i = b.current || 1, a = 25 / 100, o = e / 100;
+		if (i >= o && t > 1 || i <= a && t < 1) return;
+		let s = Math.max(a, Math.min(o, Math.round(i * t * 100) / 100));
+		Math.abs(s - i) < 1e-10 || (d?.({
+			gesture: r,
+			previousScale: i,
+			nextScale: s,
+			origin: n
+		}), b.current = s, u(s * 100, {
+			origin: n,
+			gesture: r,
+			previousTargetZoom: i
+		}));
+	}, [d, u]), w = r((e, t) => n(s, e, t) ?? void 0, [s]), T = r(() => {
+		v.current || (_.current = !0, clearTimeout(y.current), y.current = setTimeout(() => {
+			_.current = !1;
+		}, 100));
+	}, []), E = r((e) => {
+		if (!e.ctrlKey) {
+			v.current = !1;
+			return;
 		}
-	}, [d]);
-	let _ = (e, t) => {
-		let n = e.clientX - t.clientX, r = e.clientY - t.clientY;
-		return Math.sqrt(n * n + r * r);
-	}, v = n((e) => {
-		!f || e.touches.length !== 2 || (m.current = _(e.touches[0], e.touches[1]), e.preventDefault());
-	}, [f]), y = n(() => {
-		m.current = null;
-	}, []), b = n((e) => {
-		if (!f || e.touches.length !== 2 || m.current === null) return;
-		let t = _(e.touches[0], e.touches[1]), n = t - m.current;
-		Math.abs(n) > 5 && (h(n > 0), m.current = t, e.preventDefault());
-	}, [h, f]), x = () => {
-		document.activeElement instanceof HTMLElement && document.activeElement.blur();
-	};
-	r(() => {
-		if (f) {
-			document.body.style.touchAction = "pan-x pan-y";
+		if (v.current = !0, e.preventDefault(), _.current) return;
+		let t = Math.exp(-e.deltaY / 100);
+		C(S(b.current || 1, t, g), w(e.clientX, e.clientY), "wheel");
+	}, [
+		S,
+		w,
+		C
+	]), D = (e) => Array.from(e.touches).sort((e, t) => e.identifier - t.identifier), O = r(() => {
+		!s || x.current || (x.current = {
+			touchAction: s.style.touchAction,
+			webkitUserSelect: s.style.webkitUserSelect,
+			overscrollBehavior: s.style.overscrollBehavior,
+			webkitOverflowScrolling: s.style.getPropertyValue("-webkit-overflow-scrolling")
+		}, s.style.touchAction = "none", s.style.webkitUserSelect = "none", s.style.overscrollBehavior = "contain", s.style.setProperty("-webkit-overflow-scrolling", "auto"));
+	}, [s]), k = r(() => {
+		!s || !x.current || (s.style.touchAction = x.current.touchAction, s.style.webkitUserSelect = x.current.webkitUserSelect, s.style.overscrollBehavior = x.current.overscrollBehavior, x.current.webkitOverflowScrolling ? s.style.setProperty("-webkit-overflow-scrolling", x.current.webkitOverflowScrolling) : s.style.removeProperty("-webkit-overflow-scrolling"), x.current = null);
+	}, [s]), A = r(() => {
+		p.current = null, m.current = !1, h.current = 1, k(), f?.();
+	}, [f, k]), j = r((e) => {
+		if (e.touches.length !== 2) {
+			A();
 			return;
 		}
-		document.body.style.touchAction = "";
-	}, [f]), r(() => {
-		let e = () => {
-			let e = document.activeElement;
-			p(!!e?.closest("[data-rp=\"container\"]"));
-		};
-		return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
-			window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
-		};
-	}, []), r(() => {
-		if (!o) return;
-		let e = (e) => {
-			o.contains(e.target) || x();
-		};
-		return document.addEventListener("scroll", e), () => {
-			document.removeEventListener("scroll", e);
-		};
-	}, [o]), r(() => {
-		if (o) return o.addEventListener("wheel", g, { passive: !1 }), o.addEventListener("touchstart", v, { passive: !1 }), o.addEventListener("touchmove", b, { passive: !1 }), o.addEventListener("touchend", y, { passive: !1 }), () => {
-			o.removeEventListener("wheel", g), o.removeEventListener("touchstart", v), o.removeEventListener("touchmove", b), o.removeEventListener("touchend", y);
+		O(), e.preventDefault(), e.stopPropagation();
+		let [t, n] = D(e);
+		p.current = {
+			touch0ScreenX: t.screenX,
+			touch0ScreenY: t.screenY,
+			touch1ScreenX: n.screenX,
+			touch1ScreenY: n.screenY
+		}, m.current = !1;
+	}, [O, A]), M = r((e) => {
+		let t = p.current;
+		if (!t || e.touches.length !== 2) {
+			A();
+			return;
+		}
+		e.preventDefault(), e.stopPropagation();
+		let [n, r] = D(e), i = t.touch1ScreenX - t.touch0ScreenX, a = t.touch1ScreenY - t.touch0ScreenY, s = r.screenX - n.screenX, c = r.screenY - n.screenY, l = Math.hypot(i, a) || 1, u = Math.hypot(s, c) || 1;
+		if (!m.current && Math.abs(l - u) <= o()) return;
+		if (t.touch0ScreenX = n.screenX, t.touch0ScreenY = n.screenY, t.touch1ScreenX = r.screenX, t.touch1ScreenY = r.screenY, !m.current) {
+			m.current = !0;
+			return;
+		}
+		let d = u / l;
+		C(S(b.current || 1, d, h), w((n.clientX + r.clientX) / 2, (n.clientY + r.clientY) / 2), "touch");
+	}, [
+		S,
+		w,
+		A,
+		C
+	]), N = r((e) => {
+		e.touches.length >= 2 || (A(), g.current = 1);
+	}, [A]), P = r(() => {
+		A(), g.current = 1;
+	}, [A]);
+	i(() => {
+		if (s) return s.addEventListener("wheel", E, { passive: !1 }), s.addEventListener("scroll", T, { passive: !0 }), s.addEventListener("touchstart", j, { passive: !1 }), s.addEventListener("touchmove", M, { passive: !1 }), s.addEventListener("touchend", N, { passive: !1 }), s.addEventListener("touchcancel", P, { passive: !1 }), () => {
+			k(), s.removeEventListener("wheel", E), s.removeEventListener("scroll", T), s.removeEventListener("touchstart", j), s.removeEventListener("touchmove", M), s.removeEventListener("touchend", N), s.removeEventListener("touchcancel", P), clearTimeout(y.current);
 		};
 	}, [
-		o,
-		g,
-		v,
-		b,
-		y
+		s,
+		T,
+		P,
+		N,
+		M,
+		j,
+		E,
+		k
 	]);
 };
 //#endregion
-export { o as usePinch };
+export { s as usePinch };

package/dist/utils/hooks/usePresentPage.js

@@ -4,19 +4,19 @@ import { useDebounce as n } from "./useDebounce.js";
 import { useDimensionPagesContext as r } from "../../contexts/DimensionPagesContext.js";
 import { useSmoothScrollContext as i } from "../../contexts/SmoothScrollContext.js";
 import { getGridDimension as a, getPositionFromPage as o } from "../calculatePage.js";
-import { r as s } from "../../PaginationContext-Cwf8sCpK.js";
+import { r as s } from "../../PaginationContext-B3qzCYJu.js";
 import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 //#region lib/utils/hooks/usePresentPage.ts
 var p = (p, m, h, g) => {
-	let _ = d(), { contentRef: v } = t(), { heights: y, widths: b } = r(), { setFocusedPage: x } = s(), S = d(x);
-	S.current = x;
-	let [C, w] = f([]), { targetScrollPage: T } = i(), E = n(C, 0, 500), D = u(() => {
+	let _ = d(), v = d(), { contentRef: y } = t(), { heights: b, widths: x } = r(), { setFocusedPage: S } = s(), C = d(S);
+	C.current = S;
+	let [w, T] = f([]), { targetScrollPage: E } = i(), D = n(w, 0, 500), O = u(() => {
 		let t = g === e.DUAL_PAGE_WITH_COVER, { rowsHeight: n, columnsWidth: r } = a({
-			heights: y,
-			widths: b
+			heights: b,
+			widths: x
 		}, p, t);
-		return y.map((e, i) => {
-			let a = b[i], s = o(i + 1, p, t), c = r.slice(0, s.columnIndex).reduce((e, t) => e + t, 0), l = n.slice(0, s.rowIndex).reduce((e, t) => e + t, 0), u = c + a, d = l + e;
+		return b.map((e, i) => {
+			let a = x[i], s = o(i + 1, p, t), c = r.slice(0, s.columnIndex).reduce((e, t) => e + t, 0), l = n.slice(0, s.rowIndex).reduce((e, t) => e + t, 0), u = c + a, d = l + e;
 			return {
 				pageNumber: i + 1,
 				...s,
@@ -29,18 +29,22 @@ var p = (p, m, h, g) => {
 			};
 		});
 	}, [
-		y,
 		b,
+		x,
 		p,
 		m,
 		g
 	]);
 	l(() => {
-		E.length > 0 && !T.current && S.current(E[0].pageNumber), E[0]?.ratio && E.some((e) => e.pageNumber === T.current) && setTimeout(() => {
-			T.current = void 0;
-		}, 500);
-	}, [E]);
-	let O = c((e) => {
+		D.length > 0 && !E.current && C.current(D[0].pageNumber);
+		let e = D[0]?.ratio, t = E.current;
+		e && D.some((e) => e.pageNumber === t) && (clearTimeout(v.current), v.current = setTimeout(() => {
+			E.current === t && (E.current = void 0);
+		}, 500));
+	}, [D]), l(() => () => {
+		clearTimeout(v.current);
+	}, []);
+	let k = c((e) => {
 		_.current && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
 			let t = e.target, n = {
 				startTop: t.scrollTop,
@@ -48,7 +52,7 @@ var p = (p, m, h, g) => {
 				endTop: t.scrollTop + t.clientHeight,
 				endLeft: t.scrollLeft + t.clientWidth
 			};
-			w(D.filter((e) => {
+			T(O.filter((e) => {
 				let t = e.endX >= n.startLeft && e.endY >= n.startTop, r = e.startX <= n.endLeft && e.startY <= n.endTop;
 				return t && r;
 			}).map((e) => {
@@ -59,12 +63,12 @@ var p = (p, m, h, g) => {
 				};
 			}).sort((e, t) => t.ratio - e.ratio));
 		});
-	}, [v, D]);
+	}, [y, O]);
 	l(() => {
-		if (h) return h?.addEventListener("scroll", O), () => {
-			h?.removeEventListener("scroll", O);
+		if (h) return h?.addEventListener("scroll", k), () => {
+			h?.removeEventListener("scroll", k);
 		};
-	}, [h, O]);
+	}, [h, k]);
 };
 //#endregion
 export { p as usePresentPage };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,2 +1,2 @@
-import { a as e } from "../../PaginationContext-Cwf8sCpK.js";
+import { a as e } from "../../PaginationContext-B3qzCYJu.js";
 export { e as useScrollToPage };

package/dist/utils/hooks/useSearch.js

@@ -9,7 +9,7 @@ import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js
 import { useDimensionPagesContext as l } from "../../contexts/DimensionPagesContext.js";
 import { useSmoothScrollContext as u } from "../../contexts/SmoothScrollContext.js";
 import { getScrollDistance as d } from "../getScrollDistance.js";
-import { r as f } from "../../PaginationContext-Cwf8sCpK.js";
+import { r as f } from "../../PaginationContext-B3qzCYJu.js";
 import { findMatches as p } from "../highlight.js";
 import { getWordPositionInPage as m } from "../getWordPositionInPage.js";
 import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";

package/dist/utils/hooks/useZoomOrigin.js

@@ -0,0 +1,37 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region lib/utils/hooks/useZoomOrigin.ts
+var r = (e, t, n) => Math.max(t, Math.min(e, n)), i = (e) => Number.isFinite(e.left) && Number.isFinite(e.top) && Number.isFinite(e.width) && Number.isFinite(e.height) && e.width > 0 && e.height > 0, a = (e, t, n) => {
+	if (!e || !Number.isFinite(t) || !Number.isFinite(n)) return null;
+	let a = e.getBoundingClientRect();
+	return i(a) ? [r(t - a.left, 0, a.width), r(n - a.top, 0, a.height)] : null;
+}, o = (e) => {
+	if (!e) return;
+	let t = e.getBoundingClientRect();
+	if (!i(t)) return;
+	let { width: n, height: r } = t;
+	return [n / 2, r / 2];
+}, s = (s) => {
+	let c = n(null), l = e((e, t) => a(s, e, t), [s]);
+	return t(() => {
+		if (!s) {
+			c.current = null;
+			return;
+		}
+		let e = (e) => {
+			c.current = l(e.clientX, e.clientY);
+		}, t = (e) => {
+			c.current = l(e.clientX, e.clientY);
+		};
+		return s.addEventListener("pointermove", e, { passive: !0 }), s.addEventListener("mousemove", t, { passive: !0 }), () => {
+			s.removeEventListener("pointermove", e), s.removeEventListener("mousemove", t);
+		};
+	}, [s, l]), e(() => {
+		if (!s) return;
+		let e = s.getBoundingClientRect();
+		if (!i(e)) return;
+		let { width: t, height: n } = e, a = c.current;
+		return a ? [r(a[0], 0, t), r(a[1], 0, n)] : o(s);
+	}, [s]);
+};
+//#endregion
+export { o as getZoomCenterOrigin, a as getZoomOriginFromClientPoint, s as useZoomOrigin };

package/dist/utils/renderPage.js

@@ -1,21 +1,28 @@
-import { AnnotationMode as e } from "pdfjs-dist";
+import { IOS_MAX_CANVAS_PIXELS as e, MAX_CANVAS_DIM as t, MAX_CANVAS_PIXELS as n, SAFARI_MAX_CANVAS_PIXELS as r } from "./constants.js";
+import { AnnotationMode as i } from "pdfjs-dist";
 //#region lib/utils/renderPage.ts
-var t = (t, n, r = {}) => {
-	let { scale: i = 1, rotate: a = 0, renderForms: o = !1, interactiveForm: s = !0 } = r, c = n.getContext("2d", { desynchronized: !1 }), l = window.devicePixelRatio, u = t.getViewport({
-		scale: i,
+var a = () => {
+	let t = navigator.userAgent, i = /iPad|iPhone|iPod/.test(t) && !window.MSStream, a = /^((?!chrome|android).)*safari/i.test(t);
+	return i ? e : a ? r : n;
+}, o = (e, n) => {
+	let r = window.devicePixelRatio || 1, i = Math.max(e * n, 1), o = Math.min(a(), i * 200), s = Math.sqrt(o / i), c = t / Math.max(e, 1), l = t / Math.max(n, 1), u = Math.min(r, s, c, l);
+	return Number.isFinite(u) && u > 0 ? u : 1;
+}, s = (e, t, n = {}) => {
+	let { scale: r = 1, rotate: a = 0, renderForms: s = !1, interactiveForm: c = !0 } = n, l = t.getContext("2d", { desynchronized: !1 }), u = e.getViewport({
+		scale: r,
 		rotation: a
-	}), d = t.getViewport({
-		scale: i * l,
+	}), d = o(u.width, u.height), f = e.getViewport({
+		scale: r * d,
 		rotation: a
 	});
-	n.width = d.width, n.height = d.height, n.style.width = `${Math.floor(u.width)}px`, n.style.height = `${Math.floor(u.height)}px`;
-	let f = o ? e.ENABLE_FORMS : void 0;
-	return s || (f = e.ENABLE), t.render({
-		canvas: n,
-		canvasContext: c,
-		viewport: d,
-		annotationMode: f
+	t.width = Math.floor(f.width), t.height = Math.floor(f.height), t.style.width = `${Math.floor(u.width)}px`, t.style.height = `${Math.floor(u.height)}px`;
+	let p = s ? i.ENABLE_FORMS : void 0;
+	return c || (p = i.ENABLE), e.render({
+		canvas: t,
+		canvasContext: l,
+		viewport: f,
+		annotationMode: p
 	});
 };
 //#endregion
-export { t as renderPage };
+export { s as renderPage };