@react-pdf-kit/viewer 2.8.0-beta.1 → 2.8.0-beta.10

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

@@ -1,30 +1,32 @@
-import { MAX_ZOOM_SCALE as e } from "../../../../utils/constants.js";
+import { useLayoutContainer as e } from "../../../../contexts/LayoutContainerContext.js";
 import { useZoomContext as t } from "../../../../contexts/ZoomContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../Button-DBu3SaMk.js";
-import { t as i } from "../../../../RPTooltip-CXBVXusS.js";
-import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
-import { isZoomOutDisabled as o } from "../../../../utils/zoom.js";
-import { useCallback as s, useMemo as c } from "react";
-import { Fragment as l, jsx as u } from "react/jsx-runtime";
+import { useZoomOrigin as r } from "../../../../utils/hooks/useZoomOrigin.js";
+import { t as i } from "../../../../Button-DBu3SaMk.js";
+import { t as a } from "../../../../RPTooltip-QWwWh4HW.js";
+import { ZoomOutIcon as o } from "../../../icons/ZoomOutIcon.js";
+import { getNextZoomOutLevel as s, isZoomOutDisabled as c } from "../../../../utils/zoom.js";
+import { useCallback as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/ZoomOutTool.tsx
-var d = ({ icon: d }) => {
-	let { currentZoom: f, setZoomLevel: p } = t(), { localeMessages: m } = n(), h = c(() => o(f), [f]), g = s(() => {
-		p(() => {
-			let t = Math.ceil(f * 100 / 25) * 25;
-			return Math.min(t - 25, e);
-		});
-	}, [p, f]);
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i, {
-		content: m?.zoomOutTooltip,
-		children: /* @__PURE__ */ u(r, {
-			disabled: h,
-			onClick: g,
-			"aria-label": m?.zoomOutTooltip,
-			"aria-disabled": h,
-			children: d || /* @__PURE__ */ u(a, { "aria-hidden": "true" })
+var p = ({ icon: p }) => {
+	let { targetZoom: m, zoomTo: h } = t(), { pagesRef: g } = e(), { localeMessages: _ } = n(), v = r(g), y = u(() => c(m), [m]), b = l(() => {
+		h(s(m * 100), { origin: v() });
+	}, [
+		v,
+		m,
+		h
+	]);
+	return /* @__PURE__ */ f(d, { children: /* @__PURE__ */ f(a, {
+		content: _?.zoomOutTooltip,
+		children: /* @__PURE__ */ f(i, {
+			disabled: y,
+			onClick: b,
+			"aria-label": _?.zoomOutTooltip,
+			"aria-disabled": y,
+			children: p || /* @__PURE__ */ f(o, { "aria-hidden": "true" })
 		})
 	}) });
 };
 //#endregion
-export { d as ZoomOutTool };
+export { p as ZoomOutTool };

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

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useOtherToolContext as t } from "../../../../../contexts/OtherToolContext.js";
-import { t as n } from "../../../../../RPTooltip-CXBVXusS.js";
-import { t as r } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as n } from "../../../../../RPTooltip-QWwWh4HW.js";
+import { t as r } from "../../../../../MenuItem-lItnKNd5.js";
 import { InfoIcon as i } from "../../../../icons/InfoIcon.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/DocumentProperties.tsx

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

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useFileDownload as t } from "../../../../../utils/hooks/useFileDownload.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-CXBVXusS.js";
-import { t as i } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as r } from "../../../../../RPTooltip-QWwWh4HW.js";
+import { t as i } from "../../../../../MenuItem-lItnKNd5.js";
 import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FileDownloadTool.tsx

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

@@ -1,9 +1,9 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useOpenFileContext as t } from "../../../../../contexts/FileInputContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t as r } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { FileUploadDefaultIcon as i } from "../../../../icons/FileUploadDefaultIcon.js";
-import { t as a } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as a } from "../../../../../MenuItem-lItnKNd5.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FileUploadTool.tsx
 var c = (c) => {

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

@@ -1,8 +1,8 @@
 import { useFullScreenContext as e } from "../../../../../contexts/FullScreenContext.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-CXBVXusS.js";
-import { t as i } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as r } from "../../../../../RPTooltip-QWwWh4HW.js";
+import { t as i } from "../../../../../MenuItem-lItnKNd5.js";
 import { FullScreenIcon as a } from "../../../../icons/FullScreenIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FullScreenTool.tsx

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

@@ -1,8 +1,8 @@
-import { r as e } from "../../../../../PaginationContext-C5CJiEW-.js";
+import { r as e } from "../../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
-import { t as n } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t as n } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { n as r } from "../../../../../dist-VbpVNBs6.js";
-import { t as i } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as i } from "../../../../../MenuItem-lItnKNd5.js";
 import { t as a } from "../../../../../MenuSeparator-CaFxd8b5.js";
 import { GoToDownIcon as o } from "../../../../icons/GoToDownIcon.js";
 import { t as s } from "../../../../../MostPageTool.module-BRVv-sGz.js";

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

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { usePrintContext as t } from "../../../../../contexts/PrintContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-CXBVXusS.js";
-import { t as i } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as r } from "../../../../../RPTooltip-QWwWh4HW.js";
+import { t as i } from "../../../../../MenuItem-lItnKNd5.js";
 import { PrintDefaultTool as a } from "../../../../icons/PrintDefaultIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/PrintTool.tsx

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

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
-import { t } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { n } from "../../../../../dist-VbpVNBs6.js";
-import { t as r } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as r } from "../../../../../MenuItem-lItnKNd5.js";
 import { t as i } from "../../../../../MenuSeparator-CaFxd8b5.js";
 import { ClockwiseIcon as a } from "../../../../icons/ClockwiseIcon.js";
 import { t as o } from "../../../../../RotateTool.module-DH5yWbvM.js";

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

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t as a } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { n as o } from "../../../../../dist-VbpVNBs6.js";
-import { t as s } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as s } from "../../../../../MenuItem-lItnKNd5.js";
 import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
 import { PageScrollingIcon as l } from "../../../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as u } from "../../../../icons/VerticalScrollingIcon.js";
@@ -13,7 +13,7 @@ import { useMemo as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/ScrollModeTool.tsx
 var g = (g) => {
-	let { icons: _, isToolVisible: v = !0 } = g, { pageScrollIcon: y, verticalScrollIcon: b, horizontalScrollIcon: x } = _ ?? {}, { viewMode: S } = r(), { scrollMode: C, setScrollMode: w } = n(), { localeMessages: T } = i(), E = f(() => S === t.DUAL_PAGE || S === t.DUAL_PAGE_WITH_COVER, [S]);
+	let { icons: _, isToolVisible: v = !0 } = g, { pageScrollIcon: y, verticalScrollIcon: b, horizontalScrollIcon: x } = _ ?? {}, { viewMode: S } = r(), { scrollMode: C, setScrollMode: w } = n(), { localeMessages: T } = i(), E = T?.horizontalScrollingLabel || T?.horizontalLabel, D = T?.horizontalScrollingTooltip || T?.horizontalTooltip, O = f(() => S === t.DUAL_PAGE || S === t.DUAL_PAGE_WITH_COVER, [S]);
 	return v ? /* @__PURE__ */ m(p, { children: /* @__PURE__ */ h(o, { children: [
 		/* @__PURE__ */ m(s, {
 			onClick: () => w(e.PAGE_SCROLLING),
@@ -56,19 +56,19 @@ var g = (g) => {
 			})
 		}),
 		/* @__PURE__ */ m(s, {
-			disabled: E,
+			disabled: O,
 			onClick: () => w(e.HORIZONTAL_SCROLLING),
-			"aria-label": T?.horizontalTooltip,
+			"aria-label": D,
 			"aria-checked": C === e.HORIZONTAL_SCROLLING,
 			children: /* @__PURE__ */ h(a, {
 				className: "rp-menu-item",
-				content: T?.horizontalTooltip,
+				content: D,
 				children: [
 					/* @__PURE__ */ m("div", {
 						className: "rp-menu-item-left",
 						children: x || /* @__PURE__ */ m(d, { "aria-hidden": "true" })
 					}),
-					T?.horizontalLabel,
+					E,
 					C === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ m(c, {
 						className: "rp-menu-item-right",
 						"aria-hidden": "true"

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

@@ -1,9 +1,9 @@
 import { SelectionMode as e } from "../../../../../utils/types.js";
 import { useSelectionModeContext as t } from "../../../../../contexts/SelectionModeContext.js";
 import { useLocalizationContext as n } from "../../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t as r } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { n as i } from "../../../../../dist-VbpVNBs6.js";
-import { t as a } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as a } from "../../../../../MenuItem-lItnKNd5.js";
 import { t as o } from "../../../../../MenuSeparator-CaFxd8b5.js";
 import { CheckIcon as s } from "../../../../icons/CheckIcon.js";
 import { TextSelectionDefaultIcon as c } from "../../../../icons/TextSelectionDefaultIcon.js";

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

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-CXBVXusS.js";
+import { t as a } from "../../../../../RPTooltip-QWwWh4HW.js";
 import { n as o } from "../../../../../dist-VbpVNBs6.js";
-import { t as s } from "../../../../../MenuItem-9kCH_GQ0.js";
+import { t as s } from "../../../../../MenuItem-lItnKNd5.js";
 import { t as c } from "../../../../../MenuSeparator-CaFxd8b5.js";
 import { DualPageIcon as l } from "../../../../icons/DualPageIcon.js";
 import { DualPageWithCoverIcon as u } from "../../../../icons/DualPageWithCoverIcon.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../AnnotationLayer-C6UTOVmc.js";
+import { t as e } from "../../AnnotationLayer-CyOYh0Tw.js";
 export { e as AnnotationLayer };

package/dist/components/page/CanvasLayer.js

@@ -1,48 +1,2 @@
-import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
-import { useInitialStateContext as t } from "../../contexts/InitialStateContext.js";
-import { useZoomContext as n } from "../../contexts/ZoomContext.js";
-import { usePagesRotateContext as r } from "../../contexts/PagesRotateContext.js";
-import { useRenderQueue as i } from "../../contexts/RenderQueueProvider.js";
-import { useEffect as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region lib/components/page/CanvasLayer.tsx
-var c = (c) => {
-	let { pageNumber: l, onLoaded: u, onLoading: d } = c, f = o(null), { pages: p } = e(), { pageRotate: m } = r(), h = o(), { currentZoom: g } = n(), { interactiveForm: _ } = t(), v = i(), y = o(`page-${l}`);
-	return a(() => {
-		if (!p || g === 0) return;
-		let e = p.get(l);
-		if (f.current && e) {
-			let t = f.current;
-			t.hidden = !0;
-			let n = h.current;
-			n && n.cancel(), d && d(), v.enqueue(y.current, {
-				page: e.page,
-				canvasElem: t,
-				options: {
-					scale: g,
-					rotate: m[l],
-					renderForms: !0,
-					interactiveForm: _
-				},
-				onLoaded: u
-			}, 3);
-		}
-		return () => {
-			v.removeQueue(y.current);
-		};
-	}, [
-		p,
-		l,
-		m,
-		g,
-		d,
-		u,
-		v,
-		_
-	]), /* @__PURE__ */ s("canvas", {
-		"data-rp": `page-${l}-canvas`,
-		ref: f
-	});
-};
-//#endregion
-export { c as CanvasLayer };
+import { t as e } from "../../CanvasLayer-CJqCJ30J.js";
+export { e as CanvasLayer };

package/dist/components/page/DualPage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-C5CJiEW-.js";
-import { t } from "../../RPPage-BsDixmqF.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPage.tsx

package/dist/components/page/DualPageWithCover.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-C5CJiEW-.js";
-import { t } from "../../RPPage-BsDixmqF.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPageWithCover.tsx

package/dist/components/page/RPPage.js

@@ -1,2 +1,94 @@
-import { t as e } from "../../RPPage-BsDixmqF.js";
-export { e as RPPage };
+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 { withRef as a } from "../../utils/withRef.js";
+import { n as o, t as s } from "../../CanvasLayer-CJqCJ30J.js";
+import { t as c } from "../../TextLayer-D-V9kogG.js";
+import { t as l } from "../../AnnotationLayer-CyOYh0Tw.js";
+import { t as u } from "../../TextHighlightLayer-3vIZbRyL.js";
+import { CustomElement as d } from "./CustomElement.js";
+import { useCallback as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region lib/components/page/RPPage.tsx
+var b = a((a, b) => {
+	let { pageNumber: x, style: S, ...C } = a, { pages: w } = e(), { pageRotate: T } = n(), { textLayer: E } = r(), { currentZoom: D, targetZoom: O } = t(), { LoaderImageComponent: k } = i(), A = g(w.get(x)), [j, M] = _(!1), N = g(null), [P, F] = _({
+		width: 0,
+		height: 0
+	});
+	m(b, () => N.current);
+	let I = h(() => A.current ? T[x] ?? A.current.defaultRotation ?? 0 : 0, [x, T]);
+	p(() => {
+		w && (A.current = w.get(x), A.current && F(A.current.page.getViewport({
+			scale: 1,
+			rotation: I
+		})));
+	}, [
+		w,
+		x,
+		I
+	]);
+	let L = h(() => ({
+		width: P.width * (O || D || 1),
+		height: P.height * (O || D || 1)
+	}), [
+		P,
+		O,
+		D
+	]), R = h(() => {
+		switch (I) {
+			case 90: return `${L.width / 2}px ${L.width / 2}px`;
+			case -90:
+			case 270: return `${L.height / 2}px ${L.height / 2}px`;
+			default: return "center";
+		}
+	}, [I, L]), z = h(() => !D || !O ? 1 : O / D, [D, O]), B = f((e) => {
+		M(!e.hasRenderedBefore);
+	}, []), V = f(() => {
+		M(!1);
+	}, []);
+	return /* @__PURE__ */ v("div", {
+		ref: N,
+		id: `page-${x}`,
+		"data-rp": `page-${x}`,
+		...C,
+		style: {
+			...S,
+			"--rp-rotate": `${I}deg`,
+			"--rp-page-rotate-translate": `${R}`,
+			"--user-unit": P.userUnit || 1,
+			"--scale-factor": O || D,
+			"--rp-canvas-scale-ratio": z,
+			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
+		},
+		className: o["rp-page-wrapper"],
+		children: /* @__PURE__ */ y("div", {
+			style: {
+				width: `${L.width}px`,
+				height: `${L.height}px`
+			},
+			className: o["rp-page"],
+			children: [
+				/* @__PURE__ */ v(s, {
+					onLoading: B,
+					onLoaded: V,
+					pageNumber: x
+				}),
+				j && k && /* @__PURE__ */ v("div", {
+					className: o["rp-loader-wrapper"],
+					children: /* @__PURE__ */ v(k, {})
+				}),
+				/* @__PURE__ */ v(d, { pageNumber: x }),
+				E && /* @__PURE__ */ v(c, { pageNumber: x }),
+				/* @__PURE__ */ v(u, {
+					pageNumber: x,
+					viewport: P
+				}),
+				/* @__PURE__ */ v(l, { pageNumber: x })
+			]
+		})
+	});
+});
+//#endregion
+export { b as RPPage };

package/dist/components/page/SinglePage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-C5CJiEW-.js";
-import { t } from "../../RPPage-BsDixmqF.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/page/SinglePage.tsx

package/dist/components/page/TextHighlightLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextHighlightLayer-BSVgBxR3.js";
+import { t as e } from "../../TextHighlightLayer-3vIZbRyL.js";
 export { e as TextHighlightLayer };

package/dist/components/page/TextLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextLayer-DWGFN9SF.js";
+import { t as e } from "../../TextLayer-D-V9kogG.js";
 export { e as TextLayer };

package/dist/components/ui/LoadingIndicator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../LoadingIndicator-Bzzf28Xv.js";
+import { t as e } from "../../LoadingIndicator-0E8WHnSN.js";
 export { e as default };

package/dist/components/ui/PasswordModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../PasswordModal-BeLyLUsu.js";
+import { t as e } from "../../PasswordModal-CxHFn0pB.js";
 export { e as default };

package/dist/components/ui/RPTooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RPTooltip-CXBVXusS.js";
+import { t as e } from "../../RPTooltip-QWwWh4HW.js";
 export { e as default };

package/dist/contexts/DimensionPagesContext.js

@@ -3,48 +3,64 @@ import { useDocumentContext as t } from "./RPDocumentContext.js";
 import "../utils/constants.js";
 import { useZoomContext as n } from "./ZoomContext.js";
 import { usePagesRotateContext as r } from "./PagesRotateContext.js";
-import { createContext as i, useContext as a, useEffect as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region lib/contexts/DimensionPagesContext.tsx
-var l = i({
+var u = i({
 	widths: [],
 	heights: [],
 	setWidths: () => {},
 	setHeights: () => {}
-}), u = () => {
-	let t = a(l), { widths: n, heights: r } = t;
+}), d = () => {
+	let t = o(u), { widths: n, heights: r } = t;
 	if (n && r) {
 		let t = n.every((e) => typeof e == "number"), i = r.every((e) => typeof e == "number");
 		(!t || !i) && e.warn("Please use this hooks inside children component of RPProvider");
 	}
 	return t;
-}, d = ({ children: e }) => {
-	let [i, a] = s([]), [u, d] = s([]), { pages: f } = t(), { currentZoom: p } = n(), { pageRotate: m } = r();
-	return o(() => {
-		if (!f) return;
+}, f = ({ children: e }) => {
+	let [i, o] = c(null), [d, f] = c(null), { pages: p } = t(), { targetZoom: m } = n(), { pageRotate: h } = r(), g = s(() => {
+		if (!p || !m) return {
+			widths: [],
+			heights: []
+		};
 		let e = [], t = [];
-		for (let n of Array.from(f.values())) {
-			let r = m[n.page.pageNumber], i = n.page.getViewport({
-				scale: p,
+		for (let n of Array.from(p.values())) {
+			let r = h[n.page.pageNumber] ?? n.defaultRotation ?? 0, i = n.page.getViewport({
+				scale: 1,
 				rotation: r,
 				dontFlip: !0
 			});
-			e.push(i.width + 4), t.push(i.height + 4);
+			e.push(i.width * m + 4), t.push(i.height * m + 4);
 		}
-		a((t) => [...e]), d((e) => [...t]);
+		return {
+			widths: e,
+			heights: t
+		};
 	}, [
-		p,
 		m,
-		f
-	]), /* @__PURE__ */ c(l.Provider, {
+		h,
+		p
+	]), _ = i ?? g.widths, v = d ?? g.heights, y = a((e) => {
+		o((t) => {
+			let n = t ?? g.widths;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.widths]), b = a((e) => {
+		f((t) => {
+			let n = t ?? g.heights;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.heights]);
+	return /* @__PURE__ */ l(u.Provider, {
 		value: {
-			widths: i,
-			heights: u,
-			setWidths: a,
-			setHeights: d
+			widths: _,
+			heights: v,
+			setWidths: y,
+			setHeights: b
 		},
 		children: e
 	});
 };
 //#endregion
-export { d as DimensionPagesProvider, u as useDimensionPagesContext };
+export { f as DimensionPagesProvider, d as useDimensionPagesContext };