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

package/README.md

@@ -32,6 +32,10 @@
 - **Modern Browser Compatibility**: The React PDF Viewer components seamlessly across modern browsers, eliminating compatibility headaches.
 - **Active Development & Support**: With regular updates and a responsive support team, React PDF Kit evolves to meet developer needs.
 
+<p align="center">
+  <img src="https://github.com/user-attachments/assets/8803229a-2f59-48d1-aecc-628ae759862f" alt="React PDF Kit demo">
+</p>
+
 # 📜 Background
 
 As developers ourselves, we faced many issues such as browser incompatibility and customizability while trying to render a PDF document or working with PDF libraries. Having faced issues using PDF libraries, we want the solution to be flexible for React.js developers and teams. More importantly, the technical document must be easy to use!
@@ -47,7 +51,7 @@ As developers ourselves, we faced many issues such as browser incompatibility an
 - 📂 **Document Management Tools**, including features like downloading and printing.
 - 👁️ **Accessibility Support** to built-in support for ARIA attributes and tooltips, catering to diverse user bases.
 
-For the full feature set, visit [React PDF Kit Features](https://www.react-pdf-kit.dev/features?utm_source=github&utm_medium=referral).
+For the full feature set, visit [React PDF Kit Features](https://www.react-pdf-kit.dev/features).
 
 # :zap: Quick Start Guide
 
@@ -78,23 +82,13 @@ As newer PDF.js versions rely on more modern browser APIs, minimum supported bro
 
 React PDF Kit v2.0.0 defaults to PDF.js `5.4.530`.
 
-| Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
-| ------ | ------- | ---- | ------ | ---------- | -------------- |
-| 126+   | 126+    | 126+ | 18.4+  | 18.4+      | 126+           |
-
-<Aside>
-It's currently not recommended to use a PDF.js worker version beyond `5.4.530` because it will support fewer browser versions.
-</Aside>
-
-#### Using PDF.js 4.10.38
+| Configuration                                                                                                                                               | Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
+| ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ------- | ---- | ------ | ---------- | -------------- |
+| React PDF Kit v2                                                                                                                                            | 126+   | 126+    | 126+ | 18.4+  | 18.4+      | 126+           |
+| [React PDF Kit v2 + Polyfills](https://www.react-pdf-kit.dev/docs/usage-guide/legacy-browser-support.html#polyfills-library)                                | 119+   | 121+    | 119+ | 18.3+  | 18.3+      | 119+           |
+| [React PDF Kit v2 + Polyfills + Legacy PDF.js Worker](https://www.react-pdf-kit.dev/docs/usage-guide/legacy-browser-support.html#override-the-pdfjs-worker) | 101+   | 101+    | 101+ | 16.5+  | 16.5+      | 101+           |
 
-If you need broader browser compatibility, you can continue using PDF.js `4.10.38`, which supports:
-
-| Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
-| ------ | ------- | ---- | ------ | ---------- | -------------- |
-| 119+   | 115+    | 115+ | 17.4+  | 17.4+      | 126+           |
-
-To change the version of PDF.js used, refer to [Dependency Override](https://docs.react-pdf-kit.dev/usage-guide/overriding-dependency?utm_source=github&utm_medium=referral) guide.
+To change the version of PDF.js used, refer to [Dependency Override](https://www.react-pdf-kit.dev/docs/usage-guide/overriding-dependency) guide.
 
 ## 2. Install the Package
 
@@ -133,25 +127,33 @@ yarn add @react-pdf-kit/viewer
 pnpm add @react-pdf-kit/viewer
 ```
 
-For more information on how to use different package managers, please visit our [installation guide](https://docs.react-pdf-kit.dev/introduction/getting-started/#installation?utm_source=github&utm_medium=referral).
+For more information on how to use different package managers, please visit our [installation guide](https://www.react-pdf-kit.dev/docs/introduction/getting-started/#installation).
 
 ## 3. Import and Use the Component
 
 The following structure demonstrates how to build a React PDF viewer by importing and assembling components. This modular approach gives you the flexibility to customize the viewer as needed.
 
 ```tsx
-<RPConfig>                {/* Configuration license and pdfjs-dist worker */}
-  <RPTheme>               {/* Theme customization (optional) */}
-    <RPProvider>          {/* Viewer context provider */}
-      <RPLayout toolbar>  {/* Provide the default toolbar structure */}
-        <RPPages />       {/* Render the actual PDF content */}
+<RPConfig>
+  {' '}
+  {/* Configuration license and pdfjs-dist worker */}
+  <RPTheme>
+    {' '}
+    {/* Theme customization (optional) */}
+    <RPProvider>
+      {' '}
+      {/* Viewer context provider */}
+      <RPLayout toolbar>
+        {' '}
+        {/* Provide the default toolbar structure */}
+        <RPPages /> {/* Render the actual PDF content */}
       </RPLayout>
     </RPProvider>
   </RPTheme>
 </RPConfig>
 ```
 
-_Remark: For more information on each component, please refer to [Component](https://docs.react-pdf-kit.dev/components/overview?utm_source=github&utm_medium=referral)._
+_Remark: For more information on each component, please refer to [Component](https://www.react-pdf-kit.dev/docs/components/overview)._
 
 ### Basic Usage
 
@@ -176,7 +178,7 @@ const App = () => {
 export default App
 ```
 
-The PDF viewer will automatically adjust to fit its container's dimensions. You can control the size by setting the `style` prop on `RPLayout`. For more information on using React PDF, visit our [basic usage guide](https://docs.react-pdf-kit.dev/introduction/basic-usage?utm_source=github&utm_medium=referral)
+The PDF viewer will automatically adjust to fit its container's dimensions. You can control the size by setting the `style` prop on `RPLayout`. For more information on using React PDF, visit our [basic usage guide](https://www.react-pdf-kit.dev/docs/introduction/basic-usage)
 
 You may also check out our [Starter Toolkit](#pushpin-starter-toolkit) for examples to get you started.
 
@@ -186,6 +188,17 @@ To enhance React PDF Kit further, we offer built-in hooks and props that let you
 
 For detailed usage, refer to our [Documentation][reactpdf-docs].
 
+### 5. Localization
+
+React PDF Kit supports multiple languages out of the box. Pass a locale JSON file to `RPConfig` to translate all viewer text:
+
+```jsx
+import zhCN from './localization/zh_CN.json'
+;<RPConfig localization={zhCN}>{/* ... */}</RPConfig>
+```
+
+We ship locale files for English, Italian, Portuguese, Thai, and Chinese (Simplified). You can also create your own -- see the [Localization Guide](./localization/README.md) for the full list of translation keys and instructions on adding a new language. If you've created a locale we don't support yet, feel free to open a PR to share it with the community!
+
 # :pushpin: Starter Toolkit
 
 Here are some sample projects to get started on React PDF quickly:
@@ -215,7 +228,7 @@ Here are some sample projects to get started on React PDF quickly:
 
 # 📝 Changelog
 
-Check out our latest release [v2.0.0 (20 February 2026)](https://docs.react-pdf-kit.dev/introduction/changelog/#v200-20-february-2026?utm_source=github&utm_medium=referral)
+Check out our latest release [v2.7.3 (9 July 2026)](https://www.react-pdf-kit.dev/docs/introduction/changelog/#v273-9-July-2026)
 
 # :raising_hand: Need Help?
 
@@ -223,17 +236,18 @@ We are more than happy to help you. If you have any questions, run into any erro
 
 # :page_facing_up: License
 
-React PDF Kit is distributed under our proprietary license. Please refer to our [License page](https://www.react-pdf-kit.dev/license-agreement?utm_source=github&utm_medium=referral) file for more details.
+React PDF Kit is distributed under our proprietary license. Please refer to our [License page](https://www.react-pdf-kit.dev/license-agreement) file for more details.
 
-If you would like to use React PDF commercially, please purchase a license from [our website][reactpdf] or reach out to us directly at [https://www.react-pdf-kit.dev/contact-us](https://www.react-pdf-kit.dev/contact-us?utm_source=github&utm_medium=referral).
+If you would like to use React PDF commercially, please purchase a license from [our website][reactpdf] or reach out to us directly at [https://www.react-pdf-kit.dev/contact-us](https://www.react-pdf-kit.dev/contact-us).
 
 # Acknowledgement
 
 - [pdf.js](https://github.com/mozilla/pdf.js)
+- [node-forge](https://github.com/digitalbazaar/forge)
 - [Img Shields](https://shields.io)
 - [React.js](https://reactjs.org/)
 
-[reactpdf]: https://www.react-pdf-kit.dev/?utm_source=github&utm_medium=referral
-[reactpdf-docs]: https://docs.react-pdf-kit.dev/?utm_source=github&utm_medium=referral
+[reactpdf]: https://www.react-pdf-kit.dev/
+[reactpdf-docs]: https://www.react-pdf-kit.dev/docs/
 [npm]: https://www.npmjs.com/package/@react-pdf-kit/viewer
 [twitter]: https://www.x.com/ReactPDF

package/dist/{AnnotationLayer-CAIvKf_O.js → AnnotationLayer-CyOYh0Tw.js}

@@ -2,7 +2,7 @@ import { AnnotationSubType as e } from "./utils/types.js";
 import { useDocumentContext as t } from "./contexts/RPDocumentContext.js";
 import { useInitialStateContext as n } from "./contexts/InitialStateContext.js";
 import { useScrollModeContext as r } from "./contexts/ScrollModeContext.js";
-import { r as i } from "./PaginationContext-Cwf8sCpK.js";
+import { r as i } from "./PaginationContext-DIzsZhFd.js";
 import { usePrintContext as a } from "./contexts/PrintContext.js";
 import { SimpleLinkService as o } from "./utils/link_service.js";
 import { annotationEventsHandler as s, bindLayerEvents as c, enhanceLinkAccessibility as l, fixTabIndexAccessibility as u, handleAnnotationWidget as d, insertDateText as f, unbindLayerEvents as p } from "./utils/annotations.js";
@@ -11,7 +11,7 @@ import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState a
 import { AnnotationLayer as b } from "pdfjs-dist";
 import { jsx as x } from "react/jsx-runtime";
 import './assets/AnnotationLayer.css';//#region lib/components/page/AnnotationLayer.module.css
-var S = { "rp-annotation-layer": "_rp-annotation-layer_rwxfx_1" }, C = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", w = (w) => {
+var S = { "rp-annotation-layer": "_rp-annotation-layer_foiun_1" }, C = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/", w = (w) => {
 	let { pageNumber: T } = w, E = v(null), { pages: D, pdf: O } = t(), { interactiveForm: k } = n(), A = v(), [j, M] = y(), { goToPage: N } = i(), { scrollMode: P } = r(), { print: F } = a(), { download: I } = m(), L = v(null), R = _(() => D.get(T), [D, T]), z = _(() => R?.page.getViewport(), [R]);
 	g(() => {
 		A.current &&= (A.current.div.replaceChildren(), void 0);

package/dist/CanvasLayer-CJqCJ30J.js

@@ -0,0 +1,111 @@
+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 { useRenderedPagesCache as a } from "./contexts/RenderedPagesCache.js";
+import { useCallback as o, useEffect as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import './assets/CanvasLayer.css';//#region lib/components/page/RPPage.module.css
+var u = {
+	"rp-page-wrapper": "_rp-page-wrapper_1iuev_1",
+	"rp-page": "_rp-page_1iuev_1",
+	"rp-canvas-layer": "_rp-canvas-layer_1iuev_17",
+	"rp-loader-wrapper": "_rp-loader-wrapper_1iuev_40"
+}, d = (d) => {
+	let { pageNumber: f, onLoaded: p, onLoading: m } = d, h = c(null), g = c(null), _ = c(null), { pages: v } = e(), { pageRotate: y } = r(), { currentZoom: b, targetZoom: x, isZooming: S } = n(), { interactiveForm: C } = t(), { hasRenderedPage: w, markRenderedPage: T } = a(), E = i(), D = c(`page-${f}`), O = c(0), k = c(""), A = c(null), j = c(0), M = c(!1), N = o((e, t = !1) => {
+		e && (e.width = 0, e.height = 0, t && e.parentNode && e.parentNode.removeChild(e));
+	}, []), P = o((e = g.current) => {
+		if (!e) return;
+		let t = j.current, n = t ? (x || b || t || 1) / t : 1;
+		e.style.setProperty("--rp-canvas-scale-ratio", String(n));
+	}, [b, x]), F = o(() => {
+		let e = document.createElement("canvas");
+		return e.dataset.rp = `page-${f}-canvas`, e.style.opacity = "0", e.style.position = "absolute", e.style.inset = "0", P(e), e;
+	}, [f, P]), I = o(() => {
+		E.removeQueue(D.current), A.current &&= (A.current.cancel(), null);
+	}, [E]), L = o(() => {
+		_.current && !_.current.parentNode && (N(_.current), _.current = null);
+	}, [N]), R = o((e) => {
+		if (!M.current) return N(e), !1;
+		let t = h.current;
+		if (!t) return N(e), !1;
+		let n = g.current;
+		return n?.parentNode ? n.replaceWith(e) : t.appendChild(e), e.style.opacity = "1", g.current = e, N(n), !0;
+	}, [N]);
+	return s(() => (M.current = !0, () => {
+		M.current = !1, I(), N(_.current), N(g.current), _.current = null, g.current = null;
+	}), [I, N]), s(() => {
+		P();
+	}, [P]), s(() => {
+		D.current = `page-${f}`, k.current = "", j.current = 0, N(_.current, !0), N(g.current, !0), _.current = null, g.current = null;
+	}, [N, f]), s(() => {
+		S && (I(), L());
+	}, [
+		I,
+		L,
+		S
+	]), s(() => {
+		if (!v || b === 0 || S) return;
+		let e = v.get(f), t = h.current;
+		if (!e || !t) return;
+		let n = y[f] ?? e.defaultRotation ?? 0, r = `${f}:${b}:${n}:${C ? "forms" : "static"}`;
+		if (k.current === r) return;
+		let i = g.current, a = !!i && i.width > 0 && i.height > 0, o = O.current + 1;
+		O.current = o, I(), L(), m && !a && m({
+			renderKey: r,
+			hasRenderedBefore: w(r)
+		});
+		let s = F();
+		return _.current = s, E.enqueue(D.current, {
+			page: e.page,
+			canvasElem: s,
+			options: {
+				scale: b,
+				rotate: n,
+				renderForms: !0,
+				interactiveForm: C
+			},
+			onLoaded: () => {
+				if (O.current !== o || _.current !== s) {
+					N(s);
+					return;
+				}
+				if (j.current = b, P(s), !R(s)) {
+					_.current = null;
+					return;
+				}
+				_.current = null, k.current = r, T(r), A.current = null, p?.();
+			},
+			onRenderTask: (e) => {
+				O.current === o && (A.current = e);
+			}
+		}, 3), () => {
+			I(), _.current === s && (N(s), _.current = null);
+		};
+	}, [
+		I,
+		N,
+		L,
+		F,
+		b,
+		w,
+		C,
+		S,
+		T,
+		p,
+		m,
+		f,
+		y,
+		v,
+		E,
+		R,
+		P
+	]), /* @__PURE__ */ l("div", {
+		className: u["rp-canvas-layer"],
+		"data-rp": `page-${f}-canvasLayer`,
+		ref: h
+	});
+};
+//#endregion
+export { u as n, d as t };

package/dist/{LoadingIndicator-DiWoWs4Y.js → LoadingIndicator-B_Jsf8No.js}

@@ -3,13 +3,13 @@ import { usePrintContext as t } from "./contexts/PrintContext.js";
 import { t as n } from "./clsx-B7LyVm5O.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import './assets/LoadingIndicator.css';var a = {
-	"rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
-	"rp-loading-modal": "_rp-loading-modal_wazy2_14",
-	"rp-loading-title": "_rp-loading-title_wazy2_27",
-	"rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
-	"rp-loading-progress": "_rp-loading-progress_wazy2_35",
-	"rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-	loading: "_loading_wazy2_1"
+	"rp-loading-overlay": "_rp-loading-overlay_8gxoj_1",
+	"rp-loading-modal": "_rp-loading-modal_8gxoj_14",
+	"rp-loading-title": "_rp-loading-title_8gxoj_27",
+	"rp-loading-progress-bar": "_rp-loading-progress-bar_8gxoj_35",
+	"rp-loading-progress": "_rp-loading-progress_8gxoj_35",
+	"rp-loading-cancel-button": "_rp-loading-cancel-button_8gxoj_55",
+	loading: "_loading_8gxoj_1"
 }, o = ({ percentage: o }) => {
 	let { cancel: s } = t(), { localeMessages: c } = e();
 	return o < 1 ? null : /* @__PURE__ */ r("div", {

package/dist/MenuItem-D-GflAAo.js

@@ -0,0 +1,31 @@
+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_1q6of_1" }, i = (i) => {
+	let { children: a, className: o, disabled: s = !1, onClick: c, onSelect: l, ...u } = i, d = (e) => {
+		if (s) {
+			e?.preventDefault(), e?.stopPropagation();
+			return;
+		}
+		c?.(e);
+	}, f = (e) => {
+		if (s) {
+			e?.preventDefault(), e?.stopPropagation();
+			return;
+		}
+		l?.(e);
+	};
+	return /* @__PURE__ */ n(t, {
+		...u,
+		tabIndex: 0,
+		className: e(r["rp-menu-item"], o),
+		disabled: s,
+		"aria-disabled": s,
+		onClick: d,
+		onSelect: f,
+		children: a
+	});
+};
+//#endregion
+export { i as t };

package/dist/PaginationContext-DIzsZhFd.js

@@ -0,0 +1,194 @@
+import { ScrollMode as e, ViewMode as t } from "./utils/types.js";
+import { appConsole as n } from "./utils/appConsole.js";
+import { useDocumentContext as r } from "./contexts/RPDocumentContext.js";
+import { useInitialStateContext as i } from "./contexts/InitialStateContext.js";
+import { useScrollModeContext as a } from "./contexts/ScrollModeContext.js";
+import { useViewModeContext as o } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as s } from "./contexts/VirtualScrollContext.js";
+import { useLayoutContainer as c } from "./contexts/LayoutContainerContext.js";
+import { useGlobalCurrentPage as l } from "./contexts/GlobalCurrentPage.js";
+import { useDebounce as u } from "./utils/hooks/useDebounce.js";
+import { useDimensionPagesContext as d } from "./contexts/DimensionPagesContext.js";
+import { useSmoothScrollContext as f } from "./contexts/SmoothScrollContext.js";
+import { buildDocumentLayout as p, getScrollTargetForPage as m } from "./utils/documentLayout.js";
+import { createContext as h, useCallback as g, useContext as _, useEffect as v, useRef as y, useState as b } from "react";
+import { jsx as x } from "react/jsx-runtime";
+//#region lib/utils/hooks/useScrollToPage.ts
+var S = () => {
+	let { viewMode: t } = o(), { scrollMode: n } = a(), { virtualScrollableElementRef: r, pageScrollElementRef: i } = s(), { setFocusedPage: c } = T(), { widths: l, heights: u } = d(), h = y(n), _ = y(t), b = y({
+		widths: l,
+		heights: u
+	}), { targetScrollPage: x, scrollBehavior: S } = f(), C = y(null), w = y();
+	h.current = n, _.current = t, b.current = {
+		widths: l,
+		heights: u
+	};
+	let E = g(() => {
+		let t = h.current === e.PAGE_SCROLLING;
+		return (t ? i : r) ?? (t ? r : i);
+	}, [i, r]), D = g((t, n = S) => {
+		c(t), x.current = t, clearTimeout(w.current), w.current = setTimeout(() => {
+			x.current === t && (x.current = void 0);
+		}, 3e3);
+		let r = E();
+		if (!r) {
+			C.current = {
+				page: t,
+				behavior: n
+			};
+			return;
+		}
+		let { widths: i, heights: a } = b.current, o = m(p({
+			pageDimensions: {
+				widths: i,
+				heights: a
+			},
+			viewportWidth: r.clientWidth,
+			viewportHeight: r.clientHeight,
+			scrollMode: h.current,
+			viewMode: _.current,
+			focusedPage: t
+		}), t);
+		if (!o) {
+			C.current = {
+				page: t,
+				behavior: n
+			};
+			return;
+		}
+		C.current = null;
+		let s = () => {
+			r.scrollTo({
+				left: Math.floor(o.left),
+				top: Math.floor(o.top),
+				behavior: n
+			});
+		};
+		if (h.current === e.PAGE_SCROLLING) {
+			requestAnimationFrame(s);
+			return;
+		}
+		s();
+	}, [
+		E,
+		S,
+		c,
+		x
+	]);
+	return v(() => () => {
+		clearTimeout(w.current);
+	}, []), v(() => {
+		if (!E() || !C.current) return;
+		let { page: e, behavior: t } = C.current;
+		C.current = null, D(e, t);
+	}, [E, D]), { scrollToPage: D };
+}, C = (n = 1) => {
+	let [r, i] = b(n), [s, l] = b(0), { scrollToPage: f } = S(), p = y(n), { viewMode: m } = o(), { scrollMode: h } = a(), { widths: _ } = d(), { pagesRef: v } = c(), x = u(r, 100), C = g((e) => {
+		if (!/^[0-9]*$/g.test(e.toString()) || !e) return {
+			success: !1,
+			currentPage: p.current
+		};
+		let t = +e;
+		return t <= 0 || t > s ? {
+			success: !1,
+			currentPage: p.current
+		} : (i(t), p.current = t, {
+			success: !0,
+			currentPage: +e
+		});
+	}, [s]), w = g(C, [C]), T = g((e) => {
+		i(e), p.current = e;
+	}, []), E = g((e, t) => {
+		let n = C(e);
+		return n.success && f(n.currentPage, t), n;
+	}, [C, f]), D = g((e) => {
+		let n = e % 2 == 1;
+		if (!v || n) return !1;
+		let r = n ? _[e] : _[e - 1], i = n ? _[e + 1] : _[e];
+		return m === t.DUAL_PAGE && r + i < v.clientWidth;
+	}, [
+		m,
+		_,
+		v,
+		s
+	]), O = g((n) => m === t.DUAL_PAGE && h === e.PAGE_SCROLLING ? n >= s - 1 : n >= s, [
+		s,
+		m,
+		h
+	]), k = g(() => {
+		let e = p.current, t = e - 1;
+		D(t) && (t = e - 2), E(t);
+	}, [E, D]);
+	return {
+		focusedPage: x,
+		totalPages: s,
+		setFocusedPage: w,
+		resetPage: T,
+		setTotalPages: l,
+		nextPage: g(() => {
+			let e = p.current;
+			if (O(e)) return;
+			let t = e + 1;
+			D(t) && (t = e + 2), E(t);
+		}, [
+			E,
+			D,
+			O
+		]),
+		prevPage: k,
+		goToPage: E
+	};
+}, w = h({
+	focusedPage: 0,
+	setFocusedPage: (e) => {},
+	goToPage: (e, t) => ({
+		success: !!e,
+		currentPage: +e
+	}),
+	totalPages: 0,
+	setTotalPages: (e) => {},
+	prevPage: () => {},
+	nextPage: () => {}
+}), T = () => {
+	let e = _(w);
+	return e?.focusedPage === void 0 && n.error("Please use this hooks inside children component of RPProvider"), e;
+}, E = ({ children: e }) => {
+	let { pdf: t, pages: n } = r(), { setCurrentPage: a } = l(), { initialPage: o = 1 } = i(), { focusedPage: s, totalPages: c, setFocusedPage: u, resetPage: d, setTotalPages: f, goToPage: p, nextPage: m, prevPage: h } = C(o), g = y(!0);
+	return v(() => {
+		if (!t) {
+			g.current || (f(0), d(1));
+			return;
+		}
+		if (!t.numPages) return;
+		f(t.numPages);
+		let e = g.current ? o : 1;
+		d(Math.min(Math.max(e, 1), t.numPages)), g.current = !1;
+	}, [
+		t,
+		f,
+		d
+	]), v(() => {
+		!t || !n.size || (f(n.size), s > n.size && d(n.size));
+	}, [
+		t,
+		n,
+		s,
+		f,
+		d
+	]), v(() => {
+		a(s);
+	}, [s, a]), /* @__PURE__ */ x(w.Provider, {
+		value: {
+			focusedPage: s,
+			totalPages: c,
+			setFocusedPage: u,
+			setTotalPages: f,
+			nextPage: m,
+			prevPage: h,
+			goToPage: p
+		},
+		children: e
+	});
+};
+//#endregion
+export { S as a, C as i, E as n, T as r, w as t };

package/dist/{PasswordModal-CB9Rd2zJ.js → PasswordModal-S0leMhEd.js}

@@ -3,18 +3,18 @@ import { useLocalizationContext as t } from "./contexts/LocalizationContext.js";
 import { t as n } from "./clsx-B7LyVm5O.js";
 import { useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import './assets/PasswordModal.css';//#region lib/components/ui/PasswordModal.module.css
+import './assets/PasswordModal.css';//#region lib/components/ui/passwordModal.module.css
 var o = {
-	"rp-password-overlay": "_rp-password-overlay_9cdbk_1",
-	"rp-password-modal": "_rp-password-modal_9cdbk_13",
-	"rp-password-title": "_rp-password-title_9cdbk_27",
-	"rp-password-content": "_rp-password-content_9cdbk_35",
-	"rp-password-form": "_rp-password-form_9cdbk_41",
-	"rp-password-label": "_rp-password-label_9cdbk_45",
-	"rp-password-input": "_rp-password-input_9cdbk_57",
-	"rp-password-input-invalid": "_rp-password-input-invalid_9cdbk_74",
-	"rp-password-message-invalid": "_rp-password-message-invalid_9cdbk_78",
-	"rp-password-submit-button": "_rp-password-submit-button_9cdbk_84"
+	"rp-password-overlay": "_rp-password-overlay_1xibg_1",
+	"rp-password-modal": "_rp-password-modal_1xibg_13",
+	"rp-password-title": "_rp-password-title_1xibg_27",
+	"rp-password-content": "_rp-password-content_1xibg_35",
+	"rp-password-form": "_rp-password-form_1xibg_41",
+	"rp-password-label": "_rp-password-label_1xibg_45",
+	"rp-password-input": "_rp-password-input_1xibg_57",
+	"rp-password-input-invalid": "_rp-password-input-invalid_1xibg_74",
+	"rp-password-message-invalid": "_rp-password-message-invalid_1xibg_78",
+	"rp-password-submit-button": "_rp-password-submit-button_1xibg_84"
 }, s = () => {
 	let [s, c] = r(""), { localeMessages: l } = t(), { setPassword: u, setPasswordError: d, invalidPassword: f } = e(), p = (e) => {
 		c(e.target.value), f && d(void 0);

package/dist/RPLayout.module-BH5r8dDc.js

@@ -0,0 +1,14 @@
+import './assets/RPLayout.css';//#region lib/components/layout/RPLayout.module.css
+var e = {
+	"rp-layout": "_rp-layout_1h20a_1",
+	"rp-layout-wrapper": "_rp-layout-wrapper_1h20a_5",
+	"rp-content": "_rp-content_1h20a_11",
+	"rp-sidebar": "_rp-sidebar_1h20a_18",
+	"rp-pages": "_rp-pages_1h20a_23",
+	"rp-container": "_rp-container_1h20a_29",
+	"rp-loader": "_rp-loader_1h20a_33",
+	"rp-theme-variables": "_rp-theme-variables_1h20a_37",
+	"rp-dark-mode": "_rp-dark-mode_1h20a_158"
+};
+//#endregion
+export { e as t };