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

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-26T18:15:26.427Z"), 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 };

package/dist/utils/types.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";
 //#region lib/utils/types.ts
 var o = /* @__PURE__ */ function(e) {
 	return e[e.Text = 1] = "Text", e[e.Link = 2] = "Link", e[e.FreeText = 3] = "FreeText", e[e.Line = 4] = "Line", e[e.Square = 5] = "Square", e[e.Circle = 6] = "Circle", e[e.Polygon = 7] = "Polygon", e[e.Polyline = 8] = "Polyline", e[e.Highlight = 9] = "Highlight", e[e.Underline = 10] = "Underline", e[e.Squiggly = 11] = "Squiggly", e[e.StrikeOut = 12] = "StrikeOut", e[e.Stamp = 13] = "Stamp", e[e.Caret = 14] = "Caret", e[e.Ink = 15] = "Ink", e[e.Popup = 16] = "Popup", e[e.FileAttachment = 17] = "FileAttachment", e[e.Widget = 20] = "Widget", e;
@@ -13,7 +13,7 @@ var o = /* @__PURE__ */ function(e) {
 }({}), d = /* @__PURE__ */ function(e) {
 	return e.SINGLE_PAGE = "Single", e.DUAL_PAGE = "Dual", e.DUAL_PAGE_WITH_COVER = "DualWithCover", e;
 }({}), f = /* @__PURE__ */ function(e) {
-	return e.FONT_FAMILY = "--rp-font-family", e.PRIMARY_COLOR = "--rp-primary-color", e.BORDER_RADIUS = "--rp-border-radius", e.TEXT_COLOR = "--rp-text-color", e.OUTLINE_COLOR = "--rp-outline-color", e.FONT_SIZE = "--rp-font-size", e.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", e.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", e.ICON_DISABLED = "--rp-icon-disabled", e.ICON_FONT_SIZE = "--rp-icon-font-size", e.TOOLBAR_BACKGROUND = "--rp-toolbar-background", e.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", e.TOOLBAR_PADDING = "--rp-toolbar-padding", e.TOOLBAR_GAP = "--rp-toolbar-gap", e.TOOLBAR_SIZE = "--rp-toolbar-size", e.SIDEBAR_WIDTH = "--rp-sidebar-width", e.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", e.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", e.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", e.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", e.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", e.BUTTON_PADDING = "--rp-button-padding", e.INPUT_PADDING = "--rp-input-padding", e.INPUT_BORDER_RADIUS = "--rp-input-border-radius", e.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", e.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", e.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", e.PAGE_SHADOW = "--rp-page-shadow", e.PAGE_OUTLINE = "--rp-page-outline", e.PAGE_OUTLINE_OFFSET = "--rp-page-outline-offset", e.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", e.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", e.DROPDOWN_PADDING = "--rp-dropdown-padding", e.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", e.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", e.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", e.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", e.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", e.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", e.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", e.POPOVER_FONT_SIZE = "--rp-popover-font-size", e.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", e.POPOVER_COLOR = "--rp-popover-color", e.POPOVER_BORDER_COLOR = "--rp-popover-border-color", e.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", e.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", e.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", e.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", e.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", e.PROPERTY_ITEM_GAP = "--rp-property-item-gap", e.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", e.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", e.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", e.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", e.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", e.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", e.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", e.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", e.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", e.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", e.DROP_ZONE_BORDER = "--rp-drop-zone-border", e.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", e.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", e.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", e.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", e.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", e.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", e.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", e.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", e.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", e.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", e.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", e.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", e.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", e.TOOLTIP_PADDING = "--rp-tooltip-padding", e.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", e.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", e.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", e.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", e.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", e.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", e.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", e.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", e.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", e.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", e.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", e.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", e.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", e.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", e.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", e.SKIP_LINK_COLOR = "--rp-skip-link-color", e.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", e.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", e;
+	return e.FONT_FAMILY = "--rp-font-family", e.PRIMARY_COLOR = "--rp-primary-color", e.BORDER_RADIUS = "--rp-border-radius", e.TEXT_COLOR = "--rp-text-color", e.OUTLINE_COLOR = "--rp-outline-color", e.FONT_SIZE = "--rp-font-size", e.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", e.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", e.ICON_DISABLED = "--rp-icon-disabled", e.ICON_FONT_SIZE = "--rp-icon-font-size", e.TOOLBAR_BACKGROUND = "--rp-toolbar-background", e.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", e.TOOLBAR_PADDING = "--rp-toolbar-padding", e.TOOLBAR_GAP = "--rp-toolbar-gap", e.TOOLBAR_SIZE = "--rp-toolbar-size", e.SIDEBAR_WIDTH = "--rp-sidebar-width", e.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", e.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", e.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", e.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", e.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", e.BUTTON_PADDING = "--rp-button-padding", e.INPUT_PADDING = "--rp-input-padding", e.INPUT_BORDER_RADIUS = "--rp-input-border-radius", e.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", e.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", e.SEARCH_INPUT_BORDER_COLOR = "--rp-search-input-border-color", e.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", e.PAGE_SHADOW = "--rp-page-shadow", e.PAGE_OUTLINE = "--rp-page-outline", e.PAGE_OUTLINE_OFFSET = "--rp-page-outline-offset", e.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", e.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", e.DROPDOWN_PADDING = "--rp-dropdown-padding", e.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", e.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", e.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", e.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", e.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", e.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", e.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", e.POPOVER_FONT_SIZE = "--rp-popover-font-size", e.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", e.POPOVER_COLOR = "--rp-popover-color", e.POPOVER_BORDER_COLOR = "--rp-popover-border-color", e.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", e.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", e.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", e.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", e.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", e.PROPERTY_ITEM_GAP = "--rp-property-item-gap", e.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", e.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", e.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", e.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", e.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", e.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", e.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", e.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", e.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", e.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", e.PRINT_PROGRESS_CANCEL_BUTTON_BORDER_COLOR = "--rp-print-progress-cancel-button-border-color", e.DROP_ZONE_BORDER = "--rp-drop-zone-border", e.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", e.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", e.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", e.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", e.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", e.CHECKBOX_INDICATOR_COLOR = "--rp-checkbox-indicator-color", e.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", e.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", e.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", e.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", e.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", e.TOOLTIP_FONT_COLOR = "--rp-tooltip-font-color", e.TOOLTIP_FONT_SIZE = "--rp-tooltip-font-size", e.TOOLTIP_PADDING = "--rp-tooltip-padding", e.PASSWORD_MODAL_BACKGROUND_COLOR = "--rp-password-background-color", e.PASSWORD_MODAL_TITLE_FONT_COLOR = "--rp-password-title-font-color", e.PASSWORD_MODAL_CONTENT_FONT_COLOR = "--rp-password-content-font-color", e.PASSWORD_MODAL_INPUT_PLACEHOLDER_COLOR = "--rp-password-input-placeholder-color", e.PASSWORD_MODAL_INPUT_BORDER_COLOR = "--rp-password-input-border-color", e.PASSWORD_MODAL_INPUT_FONT_COLOR = "--rp-password-input-font-color", e.PASSWORD_MODAL_BUTTON_FONT_COLOR = "--rp-password-button-font-color", e.PASSWORD_MODAL_BUTTON_BACKGROUND_COLOR = "--rp-password-button-background-color", e.PASSWORD_MODAL_BUTTON_BORDER_COLOR = "--rp-password-button-border-color", e.PASSWORD_MODAL_BORDER_COLOR = "--rp-password-border-color", e.CONTAINER_FOCUS_OUTLINE_WIDTH = "--rp-container-focus-outline-width", e.CONTAINER_FOCUS_OUTLINE_COLOR = "--rp-container-focus-outline-color", e.CONTAINER_FOCUS_OUTLINE_OFFSET = "--rp-container-focus-outline-offset", e.BUTTON_BORDER_RADIUS = "--rp-button-border-radius", e.SKIP_LINK_FONT_SIZE = "--rp-skip-link-font-size", e.SKIP_LINK_COLOR = "--rp-skip-link-color", e.SKIP_LINK_BACKGROUND_COLOR = "--rp-skip-link-background-color", e.SKIP_LINK_BORDER_COLOR = "--rp-skip-link-border-color", e;
 }({}), p = /* @__PURE__ */ function(e) {
 	return e.PAGE_SCROLLING = "PAGE", e.VERTICAL_SCROLLING = "VERTICAL", e.HORIZONTAL_SCROLLING = "HORIZONTAL", e;
 }({}), m = /* @__PURE__ */ function(e) {

package/dist/utils/zoom.js

@@ -1,5 +1,11 @@
 import { MAX_ZOOM_SCALE as e } from "./constants.js";
 //#region lib/utils/zoom.ts
-var t = (e) => e * 100 <= 25, n = (t) => t * 100 >= e;
+var t = (e) => e * 100 <= 25, n = (t) => t * 100 >= e, r = (t) => {
+	let n = Math.floor(t / 25) * 25;
+	return Math.min(n + 25, e);
+}, i = (e) => {
+	let t = Math.ceil(e / 25) * 25;
+	return Math.max(t - 25, 25);
+};
 //#endregion
-export { n as isZoomInDisabled, t as isZoomOutDisabled };
+export { r as getNextZoomInLevel, i as getNextZoomOutLevel, n as isZoomInDisabled, t as isZoomOutDisabled };

package/package.json

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

package/dist/MenuItem-BJDWfzAw.js

@@ -1,15 +0,0 @@
-import { t as e } from "./clsx-B7LyVm5O.js";
-import { r as t } from "./dist-CKteKPPA.js";
-import { jsx as n } from "react/jsx-runtime";
-import './assets/MenuItem.css';//#region lib/components/layout/toolbar/MenuItem.module.css
-var r = { "rp-menu-item": "_rp-menu-item_cu12j_1" }, i = (i) => {
-	let { children: a, className: o, ...s } = i;
-	return /* @__PURE__ */ n(t, {
-		...s,
-		tabIndex: 0,
-		className: e(r["rp-menu-item"], o),
-		children: a
-	});
-};
-//#endregion
-export { i as t };

package/dist/RPLayout.module-Vc3h4xxS.js

@@ -1,14 +0,0 @@
-import './assets/RPLayout.css';//#region lib/components/layout/RPLayout.module.css
-var e = {
-	"rp-layout": "_rp-layout_1yzm4_1",
-	"rp-layout-wrapper": "_rp-layout-wrapper_1yzm4_5",
-	"rp-content": "_rp-content_1yzm4_11",
-	"rp-sidebar": "_rp-sidebar_1yzm4_18",
-	"rp-pages": "_rp-pages_1yzm4_23",
-	"rp-container": "_rp-container_1yzm4_29",
-	"rp-loader": "_rp-loader_1yzm4_33",
-	"rp-theme-variables": "_rp-theme-variables_1yzm4_37",
-	"rp-dark-mode": "_rp-dark-mode_1yzm4_156"
-};
-//#endregion
-export { e as t };

package/dist/RPPage-C_r8aeTc.js

@@ -1,91 +0,0 @@
-import { useDocumentContext as e } from "./contexts/RPDocumentContext.js";
-import { useZoomContext as t } from "./contexts/ZoomContext.js";
-import { usePagesRotateContext as n } from "./contexts/PagesRotateContext.js";
-import { useLayerContext as r } from "./contexts/LayerContext.js";
-import { useLoaderContext as i } from "./contexts/LoaderContext.js";
-import { CanvasLayer as a } from "./components/page/CanvasLayer.js";
-import { t as o } from "./TextLayer-DWGFN9SF.js";
-import { t as s } from "./AnnotationLayer-CAIvKf_O.js";
-import { t as c } from "./TextHighlightLayer-BSVgBxR3.js";
-import { CustomElement as l } from "./components/page/CustomElement.js";
-import { withRef as u } from "./utils/withRef.js";
-import { useCallback as d, useEffect as f, useImperativeHandle as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import './assets/RPPage.css';//#region lib/components/page/RPPage.module.css
-var y = {
-	"rp-page-wrapper": "_rp-page-wrapper_krysr_1",
-	"rp-page": "_rp-page_krysr_1",
-	"rp-loader-wrapper": "_rp-loader-wrapper_krysr_17"
-}, b = u((u, b) => {
-	let { pageNumber: x, style: S, ...C } = u, { pages: w } = e(), { pageRotate: T } = n(), { textLayer: E } = r(), { currentZoom: D } = t(), { LoaderImageComponent: O } = i(), k = h(w.get(x)), [A, j] = g(!1), M = h(null), [N, P] = g({
-		width: 0,
-		height: 0
-	});
-	p(b, () => M.current);
-	let F = m(() => k.current ? T[x] : 0, [x, T]);
-	f(() => {
-		w && (k.current = w.get(x), k.current && P(k.current.page.getViewport({
-			scale: D,
-			rotation: F
-		})));
-	}, [
-		w,
-		x,
-		F,
-		D
-	]);
-	let I = m(() => {
-		switch (F) {
-			case 90: return `${N.width / 2}px ${N.width / 2}px`;
-			case -90:
-			case 270: return `${N.height / 2}px ${N.height / 2}px`;
-			default: return "center";
-		}
-	}, [F, N]), L = d(() => {
-		j(!0);
-	}, []), R = d(() => {
-		j(!1);
-	}, []);
-	return /* @__PURE__ */ _("div", {
-		ref: M,
-		id: `page-${x}`,
-		"data-rp": `page-${x}`,
-		...C,
-		style: {
-			...S,
-			"--rp-rotate": `${F}deg`,
-			"--rp-page-rotate-translate": `${I}`,
-			"--user-unit": N.userUnit || 1,
-			"--scale-factor": D,
-			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
-		},
-		className: y["rp-page-wrapper"],
-		children: /* @__PURE__ */ v("div", {
-			style: {
-				width: `${N.width}px`,
-				height: `${N.height}px`
-			},
-			className: y["rp-page"],
-			children: [
-				/* @__PURE__ */ _(a, {
-					onLoading: L,
-					onLoaded: R,
-					pageNumber: x
-				}),
-				A && O && /* @__PURE__ */ _("div", {
-					className: y["rp-loader-wrapper"],
-					children: /* @__PURE__ */ _(O, {})
-				}),
-				/* @__PURE__ */ _(l, { pageNumber: x }),
-				E && /* @__PURE__ */ _(o, { pageNumber: x }),
-				/* @__PURE__ */ _(c, {
-					pageNumber: x,
-					viewport: N
-				}),
-				/* @__PURE__ */ _(s, { pageNumber: x })
-			]
-		})
-	});
-});
-//#endregion
-export { b as t };

package/dist/SearchTool.module-DUkVXfOn.js

@@ -1,16 +0,0 @@
-import './assets/SearchTool.css';//#region lib/components/layout/toolbar/SearchTool.module.css
-var e = {
-	"rp-search-tool-content": "_rp-search-tool-content_t0ih3_1",
-	"rp-search-tool-input": "_rp-search-tool-input_t0ih3_10",
-	"rp-search-tool-input-icon": "_rp-search-tool-input-icon_t0ih3_17",
-	"rp-search-tool-controls": "_rp-search-tool-controls_t0ih3_27",
-	"rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_t0ih3_35",
-	"rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_t0ih3_41",
-	"rp-search-tool-input-clear": "_rp-search-tool-input-clear_t0ih3_46",
-	"rp-search-input": "_rp-search-input_t0ih3_60",
-	"rp-search-icon-info": "_rp-search-icon-info_t0ih3_66",
-	"rp-search-loader-icon": "_rp-search-loader-icon_t0ih3_75",
-	"rp-search-tool-result-navigator": "_rp-search-tool-result-navigator_t0ih3_80"
-};
-//#endregion
-export { e as t };

package/dist/assets/RPPage.css

@@ -1 +0,0 @@
-._rp-page-wrapper_krysr_1{justify-content:center;align-items:center;display:flex}._rp-page_krysr_1{box-shadow:var(--rp-page-shadow,0px 2px 12px 0px #00000026);outline:var(--rp-page-outline,none);outline-offset:var(--rp-page-outline-offset,0);position:relative}._rp-loader-wrapper_krysr_17{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}