@react-pdf-kit/viewer 2.7.0 → 2.7.1-rc.1

package/dist/assets/DocumentDialog.css

@@ -1 +1 @@
-._rp-dialog-wrapper_xb722_1{z-index:9999;position:fixed;inset:0}._rp-dialog-overlay_xb722_7{background:var(--rp-overlay-background-color);position:fixed;inset:0}._rp-document-dialog_xb722_13{background:var(--rp-dialog-background-color);border-radius:var(--rp-border-radius);border:none;max-width:420px;padding:16px;line-height:16px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}._rp-document-dialog_xb722_13:focus-visible{outline:none}@media screen and (width<=640px){._rp-document-dialog_xb722_13{width:85%}}._rp-dialog-title_xb722_35{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:12px;line-height:normal}._rp-dialog-close_xb722_44{font-size:var(--rp-property-close-icon-size);cursor:pointer;position:absolute;top:16px;right:11px}._rp-properties-divider_xb722_52{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}
+._rp-dialog-wrapper_39boz_1{z-index:9999;position:fixed;inset:0}._rp-dialog-overlay_39boz_7{background:var(--rp-overlay-background-color);position:fixed;inset:0}._rp-document-dialog_39boz_13{background:var(--rp-dialog-background-color);border-radius:var(--rp-border-radius);border:none;max-width:420px;padding:16px;line-height:1.5;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}._rp-document-dialog_39boz_13:focus-visible{outline:none}@media screen and (width<=640px){._rp-document-dialog_39boz_13{width:85%}}._rp-dialog-title_39boz_35{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:12px;line-height:normal}._rp-dialog-close_39boz_44{font-size:var(--rp-property-close-icon-size);cursor:pointer;position:absolute;top:16px;right:11px}._rp-properties-divider_39boz_52{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}

package/dist/assets/Input.css

@@ -1 +1 @@
-._rp-input_d52xg_1{font-family:var(--rp-font-family);border-width:1px;border-color:var(--rp-input-border-color,transparent);border-radius:var(--rp-input-border-radius);height:2rem;color:var(--rp-text-color);background:var(--rp-input-background-color);padding:var(--rp-input-padding);box-sizing:border-box;border-style:solid;outline:none}._rp-input_d52xg_1::placeholder{color:var(--rp-input-placeholder-color)}._rp-input_d52xg_1[data-icon=true]{padding-left:calc(1rem + 14px)}._rp-input_d52xg_1:focus,._rp-input_d52xg_1:focus-visible{border-color:var(--rp-outline-color,var(--rp-primary-color))}._rp-input-wrapper_d52xg_28{position:relative}._rp-input-label_d52xg_32{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._rp-input-icon_d52xg_44{color:var(--rp-input-placeholder-color);justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex;position:absolute;top:0;bottom:0}
+._rp-input_dun7b_1{font-family:var(--rp-font-family);border-width:1px;border-color:var(--rp-input-border-color,transparent);border-radius:var(--rp-input-border-radius);min-height:2rem;color:var(--rp-text-color);background:var(--rp-input-background-color);padding:var(--rp-input-padding);box-sizing:border-box;border-style:solid;outline:none}._rp-input_dun7b_1::placeholder{color:var(--rp-input-placeholder-color)}._rp-input_dun7b_1[data-icon=true]{padding-left:calc(1rem + 14px)}._rp-input_dun7b_1:focus,._rp-input_dun7b_1:focus-visible{border-color:var(--rp-outline-color,var(--rp-primary-color))}._rp-input-wrapper_dun7b_28{position:relative}._rp-input-label_dun7b_32{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._rp-input-icon_dun7b_44{color:var(--rp-input-placeholder-color);justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;display:flex;position:absolute;top:0;bottom:0}

package/dist/assets/Paginate.css

@@ -1 +1 @@
-._rp-paginate_1yinm_1{align-items:center;display:flex}._rp-page-input_1yinm_6{box-sizing:border-box;appearance:none;flex-shrink:0;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);margin:1px .25rem;padding:.25rem .5rem}._rp-page-input_1yinm_6::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._rp-page-input_1yinm_6::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._rp-page-input_1yinm_6[type=number]{-moz-appearance:textfield}._rp-total-page_1yinm_29{color:var(--rp-text-color);margin-right:4px;font-size:14px;font-weight:400}
+._rp-paginate_3amlb_1{align-items:center;display:flex}._rp-page-input_3amlb_6{box-sizing:border-box;appearance:none;flex-shrink:0;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);margin:1px .25rem;padding:.25rem .5rem}._rp-page-input_3amlb_6::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._rp-page-input_3amlb_6::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._rp-page-input_3amlb_6[type=number]{-moz-appearance:textfield}._rp-total-page_3amlb_29{color:var(--rp-text-color);margin-right:4px;font-size:14px;font-weight:400}._rp-sr-only_3amlb_36{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/dist/assets/PasswordModal.css

@@ -1 +1 @@
-._rp-password-overlay_1cd0u_1{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}._rp-password-modal_1cd0u_13{background:var(--rp-password-background-color);border:1px solid var(--rp-password-border-color);border-radius:8px;flex-direction:column;justify-content:start;max-width:360px;margin-left:10px;margin-right:10px;padding:24px;display:flex;box-shadow:0 2px 12px #00000026}._rp-password-title_1cd0u_27{font-family:var(--rp-font-family);color:var(--rp-password-title-font-color);margin-bottom:16px;font-size:16px;font-weight:500}._rp-password-content_1cd0u_35{font-size:14px;font-family:var(--rp-font-family);color:var(--rp-password-content-font-color)}._rp-password-form_1cd0u_41{margin-top:32px}._rp-password-label_1cd0u_45{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._rp-password-input_1cd0u_57{border:1px solid var(--rp-password-input-border-color);border-radius:var(--rp-input-border-radius);box-sizing:border-box;background-color:var(--rp-password-background-color);width:100%;height:32px;caret-color:var(--rp-password-input-color);color:var(--rp-password-input-font-color);padding:7.5px;font-size:14px}._rp-password-input_1cd0u_57::placeholder{color:var(--rp-password-input-placeholder-color)}._rp-password-input-invalid_1cd0u_74{border-color:#ff2f61}._rp-password-message-invalid_1cd0u_78{color:#ff2f61;height:20px;margin-top:4px}._rp-password-submit-button_1cd0u_84{text-align:center;border-radius:var(--rp-password-button-border-radius);background-color:var(--rp-password-button-background-color);width:100%;height:35px;color:var(--rp-password-button-font-color);cursor:pointer;font-family:var(--rp-font-family);border:1px solid var(--rp-password-button-border-color);justify-content:center;align-items:center;margin-top:8px;padding:8px;transition:background-color .2s;display:flex}
+._rp-password-overlay_9cdbk_1{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}._rp-password-modal_9cdbk_13{background:var(--rp-password-background-color);border:1px solid var(--rp-password-border-color);border-radius:8px;flex-direction:column;justify-content:start;max-width:360px;margin-left:10px;margin-right:10px;padding:24px;display:flex;box-shadow:0 2px 12px #00000026}._rp-password-title_9cdbk_27{font-family:var(--rp-font-family);color:var(--rp-password-title-font-color);margin-bottom:16px;font-size:16px;font-weight:500}._rp-password-content_9cdbk_35{font-size:14px;font-family:var(--rp-font-family);color:var(--rp-password-content-font-color)}._rp-password-form_9cdbk_41{margin-top:32px}._rp-password-label_9cdbk_45{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._rp-password-input_9cdbk_57{border:1px solid var(--rp-password-input-border-color);border-radius:var(--rp-input-border-radius);box-sizing:border-box;background-color:var(--rp-password-background-color);width:100%;min-height:32px;caret-color:var(--rp-password-input-color);color:var(--rp-password-input-font-color);padding:7.5px;font-size:14px}._rp-password-input_9cdbk_57::placeholder{color:var(--rp-password-input-placeholder-color)}._rp-password-input-invalid_9cdbk_74{border-color:#ff2f61}._rp-password-message-invalid_9cdbk_78{color:#ff2f61;min-height:20px;margin-top:4px}._rp-password-submit-button_9cdbk_84{text-align:center;border-radius:var(--rp-password-button-border-radius);background-color:var(--rp-password-button-background-color);width:100%;min-height:35px;color:var(--rp-password-button-font-color);cursor:pointer;font-family:var(--rp-font-family);border:1px solid var(--rp-password-button-border-color);justify-content:center;align-items:center;margin-top:8px;padding:8px;transition:background-color .2s;display:flex}

package/dist/assets/SkipLink.css

@@ -1 +1 @@
-._rp-skip-link_15qjp_1{z-index:10000;border:1px solid var(--rp-skip-link-border-color);border-radius:var(--rp-border-radius);background:var(--rp-skip-link-background-color);width:200px;height:36px;color:var(--rp-skip-link-color);font-size:var(--rp-skip-link-font-size);white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);justify-content:center;align-items:center;padding:0;font-weight:600;text-decoration:none;display:flex;position:absolute;top:6px;left:6px;overflow:hidden}._rp-skip-link_15qjp_1:focus{clip:auto;clip-path:none;overflow:visible}._rp-skip-link_15qjp_1:focus:not(:focus-visible),._rp-skip-link_15qjp_1:focus-visible{outline:none}._rp-skip-link_15qjp_1:hover{background:var(--rp-skip-link-border-color);border-color:var(--rp-skip-link-border-color)}
+._rp-skip-link_12ssl_1{z-index:10000;border:1px solid var(--rp-skip-link-border-color);border-radius:var(--rp-border-radius);background:var(--rp-skip-link-background-color);min-width:200px;min-height:36px;color:var(--rp-skip-link-color);font-size:var(--rp-skip-link-font-size);white-space:normal;text-align:center;clip:rect(0, 0, 0, 0);clip-path:inset(50%);justify-content:center;align-items:center;padding-inline:6px;font-weight:600;text-decoration:none;display:flex;position:absolute;top:6px;left:6px;overflow:hidden}._rp-skip-link_12ssl_1:focus{clip:auto;clip-path:none;overflow:visible}._rp-skip-link_12ssl_1:focus:not(:focus-visible),._rp-skip-link_12ssl_1:focus-visible{outline:none}._rp-skip-link_12ssl_1:hover{background:var(--rp-skip-link-border-color);border-color:var(--rp-skip-link-border-color)}

package/dist/assets/style.js

@@ -1,2 +1,2 @@
-import { t as e } from "../style-DKH7g1Kh.js";
+import { t as e } from "../style-C8T5x1fE.js";
 export { e as combinedCSS };

package/dist/{clsx-B7LyVm5O.js → clsx-DSGuh5YW.js}

@@ -1,4 +1,4 @@
-//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+//#region node_modules/clsx/dist/clsx.mjs
 function e(t) {
 	var n, r, i = "";
 	if (typeof t == "string" || typeof t == "number") i += t;

package/dist/components/RPController.js

@@ -11,7 +11,7 @@ import { ZoomProvider as u } from "../contexts/ZoomContext.js";
 import { PagesRotateProvider as d } from "../contexts/PagesRotateContext.js";
 import { DimensionPagesProvider as f } from "../contexts/DimensionPagesContext.js";
 import { SmoothScrollProvider as p } from "../contexts/SmoothScrollContext.js";
-import { n as m } from "../PaginationContext--n91mIJ4.js";
+import { n as m } from "../PaginationContext-Cwf8sCpK.js";
 import { DarkModeProvider as h } from "../contexts/DarkModeContext.js";
 import { LayerProvider as g } from "../contexts/LayerContext.js";
 import { SelectionModeProvider as _ } from "../contexts/SelectionModeContext.js";

package/dist/components/RPDropFileZone.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../RPDropFileZone-D1C3ouep.js";
+import { t as e } from "../RPDropFileZone-Bq1bzWmO.js";
 export { e as RPDropFileZone };

package/dist/components/RPPages.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../RPPages-CQsmCbyj.js";
+import { t as e } from "../RPPages-DeA52_rv.js";
 export { e as RPPages };

package/dist/components/RPProvider.js

@@ -8,7 +8,7 @@ import { LoaderProvider as a } from "../contexts/LoaderContext.js";
 import { IconToolProvider as o } from "../contexts/IconToolContext.js";
 import { OtherToolProvider as s } from "../contexts/OtherToolContext.js";
 import { useFlickerSelectText as c } from "../utils/hooks/useFlickerSelectText.js";
-import { t as l } from "../style-DKH7g1Kh.js";
+import { t as l } from "../style-C8T5x1fE.js";
 import { injectGlobalCSS as u } from "../libInjectCss.js";
 import { injectPrintCSS as d } from "../utils/injectPrintCSS.js";
 import { useEffect as f, useMemo as p, useRef as m } from "react";

package/dist/components/icons/LoaderIcon.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../LoaderIcon-D9YjinGf.js";
+import { t as e } from "../../LoaderIcon-B3ddfd0D.js";
 export { e as LoaderIcon };

package/dist/components/layout/Container.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Container-DTWaZzc7.js";
+import { t as e } from "../../Container-BuamPhw4.js";
 export { e as Container };

package/dist/components/layout/LayoutContainer.js

@@ -1,5 +1,5 @@
 import { useDarkModeContext as e } from "../../contexts/DarkModeContext.js";
-import { t } from "../../clsx-B7LyVm5O.js";
+import { t } from "../../clsx-DSGuh5YW.js";
 import { withRef as n } from "../../utils/withRef.js";
 import { t as r } from "../../RPLayout.module-Vc3h4xxS.js";
 import { useThemeContext as i } from "../../contexts/ThemeContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,74 +1,75 @@
 "use client";
 import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
 import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
-import { ToolbarComponentProvider as n } from "../../contexts/ToolbarComponentContext.js";
-import { useLoaderContext as r } from "../../contexts/LoaderContext.js";
-import { t as i } from "../../RPLayout.module-Vc3h4xxS.js";
-import { LayoutContainer as a } from "./LayoutContainer.js";
-import { IconProvider as o } from "../../contexts/IconContext.js";
-import { ViewportProvider as s } from "../../contexts/ViewportContext.js";
-import { RPToolbar as c } from "./toolbar/RPToolbar.js";
-import { RPSidebar as l } from "./sidebar/RPSidebar.js";
-import { t as u } from "../../Container-DTWaZzc7.js";
-import { t as d } from "../../WrapperLayout-Dcd9l9xH.js";
-import { t as f } from "../../RPDropFileZone-D1C3ouep.js";
-import { t as p } from "../../SkipLink-Bvbn3miT.js";
-import { forwardRef as m, useEffect as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useLocalizationContext as n } from "../../contexts/LocalizationContext.js";
+import { ToolbarComponentProvider as r } from "../../contexts/ToolbarComponentContext.js";
+import { useLoaderContext as i } from "../../contexts/LoaderContext.js";
+import { t as a } from "../../RPLayout.module-Vc3h4xxS.js";
+import { LayoutContainer as o } from "./LayoutContainer.js";
+import { IconProvider as s } from "../../contexts/IconContext.js";
+import { ViewportProvider as c } from "../../contexts/ViewportContext.js";
+import { RPToolbar as l } from "./toolbar/RPToolbar.js";
+import { RPSidebar as u } from "./sidebar/RPSidebar.js";
+import { t as d } from "../../Container-BuamPhw4.js";
+import { t as f } from "../../WrapperLayout-Dcd9l9xH.js";
+import { t as p } from "../../RPDropFileZone-Bq1bzWmO.js";
+import { t as m } from "../../SkipLink-CdcjClGB.js";
+import { forwardRef as h, useEffect as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region lib/components/layout/RPDefaultLayout.tsx
-var y = m((m, y) => {
-	let { children: b, slots: x, icons: S, style: C, className: w, mobileWidth: T, onLoaded: E, cleanupOnLoaded: D, onLayoutWidthChange: O } = m, [k, A] = g(null), { setContainer: j, setContentRef: M } = t(), { loading: N } = e(), { LoaderImageComponent: P } = r();
-	return h(() => (E && E(), () => {
-		D && D();
-	}), [E, D]), /* @__PURE__ */ _(a, {
-		toolbarRef: k,
-		ref: y,
-		children: /* @__PURE__ */ _(s, {
-			mobileWidth: T,
-			onLayoutWidthChange: O,
-			children: /* @__PURE__ */ _(n, {
-				slots: x,
-				children: /* @__PURE__ */ _(o, {
-					icons: S,
-					children: /* @__PURE__ */ v(u, {
-						getContainerRef: j,
-						style: C,
-						className: w,
+var b = h((h, b) => {
+	let { children: x, slots: S, icons: C, style: w, className: T, mobileWidth: E, onLoaded: D, cleanupOnLoaded: O, onLayoutWidthChange: k } = h, [A, j] = _(null), { setContainer: M, setContentRef: N } = t(), { loading: P } = e(), { LoaderImageComponent: F } = i(), { localeMessages: I } = n();
+	return g(() => (D && D(), () => {
+		O && O();
+	}), [D, O]), /* @__PURE__ */ v(o, {
+		toolbarRef: A,
+		ref: b,
+		children: /* @__PURE__ */ v(c, {
+			mobileWidth: E,
+			onLayoutWidthChange: k,
+			children: /* @__PURE__ */ v(r, {
+				slots: S,
+				children: /* @__PURE__ */ v(s, {
+					icons: C,
+					children: /* @__PURE__ */ y(d, {
+						getContainerRef: M,
+						style: w,
+						className: T,
 						children: [
-							/* @__PURE__ */ _(p, {
+							/* @__PURE__ */ v(m, {
 								href: "#rp-menu",
-								label: "Skip to Menu"
+								label: I?.skipToMenuLabel ?? "Skip to Menu"
 							}),
-							/* @__PURE__ */ _(p, {
+							/* @__PURE__ */ v(m, {
 								href: "#rp-main-content",
-								label: "Skip to Main Content"
+								label: I?.skipToMainContentLabel ?? "Skip to Main Content"
 							}),
-							/* @__PURE__ */ v(d, { children: [/* @__PURE__ */ v("div", {
-								className: i["rp-layout"],
-								children: [/* @__PURE__ */ _("header", { children: /* @__PURE__ */ _("nav", {
+							/* @__PURE__ */ y(f, { children: [/* @__PURE__ */ y("div", {
+								className: a["rp-layout"],
+								children: [/* @__PURE__ */ v("header", { children: /* @__PURE__ */ v("nav", {
 									id: "rp-menu",
 									role: "menu",
 									"aria-label": "PDF viewer toolbar",
-									children: /* @__PURE__ */ _(c, { ref: A })
-								}) }), /* @__PURE__ */ v("div", {
-									className: i["rp-content"],
-									children: [/* @__PURE__ */ _("aside", {
-										className: i["rp-sidebar"],
+									children: /* @__PURE__ */ v(l, { ref: j })
+								}) }), /* @__PURE__ */ y("div", {
+									className: a["rp-content"],
+									children: [/* @__PURE__ */ v("aside", {
+										className: a["rp-sidebar"],
 										role: "complementary",
 										"aria-label": "PDF viewer sidebar",
-										children: /* @__PURE__ */ _(l, {})
-									}), /* @__PURE__ */ _("main", {
+										children: /* @__PURE__ */ v(u, {})
+									}), /* @__PURE__ */ v("main", {
 										id: "rp-main-content",
-										ref: M,
-										className: i["rp-pages"],
+										ref: N,
+										className: a["rp-pages"],
 										role: "main",
 										"aria-label": "PDF document pages",
-										children: b
+										children: x
 									})]
 								})]
-							}), /* @__PURE__ */ _(f, {})] }),
-							N ? /* @__PURE__ */ _("div", {
-								className: i["rp-loader"],
+							}), /* @__PURE__ */ v(p, {})] }),
+							P ? /* @__PURE__ */ v("div", {
+								className: a["rp-loader"],
 								style: {
 									position: "absolute",
 									top: 0,
@@ -78,7 +79,7 @@ var y = m((m, y) => {
 									width: "100%",
 									height: "100%"
 								},
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ v("div", {
 									style: {
 										display: "flex",
 										justifyContent: "center",
@@ -86,7 +87,7 @@ var y = m((m, y) => {
 										height: "100%",
 										width: "100%"
 									},
-									children: P && /* @__PURE__ */ _(P, {})
+									children: F && /* @__PURE__ */ v(F, {})
 								})
 							}) : null
 						]
@@ -97,4 +98,4 @@ var y = m((m, y) => {
 	});
 });
 //#endregion
-export { y as RPDefaultLayout };
+export { b as RPDefaultLayout };

package/dist/components/layout/RPLayout.js

@@ -1,47 +1,48 @@
 "use client";
 import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
 import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
-import { useLoaderContext as n } from "../../contexts/LoaderContext.js";
-import { t as r } from "../../RPLayout.module-Vc3h4xxS.js";
-import { LayoutContainer as i } from "./LayoutContainer.js";
-import { ViewportProvider as a } from "../../contexts/ViewportContext.js";
-import { t as o } from "../../Container-DTWaZzc7.js";
-import { t as s } from "../../WrapperLayout-Dcd9l9xH.js";
-import { t as c } from "../../RPDropFileZone-D1C3ouep.js";
-import { LayoutDropFileZoneProvider as l } from "../../contexts/LayoutDropFileZoneContext.js";
-import { t as u } from "../../SkipLink-Bvbn3miT.js";
-import { ToolbarLayout as d } from "./toolbar/ToolbarLayout.js";
-import { useEffect as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useLocalizationContext as n } from "../../contexts/LocalizationContext.js";
+import { useLoaderContext as r } from "../../contexts/LoaderContext.js";
+import { t as i } from "../../RPLayout.module-Vc3h4xxS.js";
+import { LayoutContainer as a } from "./LayoutContainer.js";
+import { ViewportProvider as o } from "../../contexts/ViewportContext.js";
+import { t as s } from "../../Container-BuamPhw4.js";
+import { t as c } from "../../WrapperLayout-Dcd9l9xH.js";
+import { t as l } from "../../RPDropFileZone-Bq1bzWmO.js";
+import { LayoutDropFileZoneProvider as u } from "../../contexts/LayoutDropFileZoneContext.js";
+import { t as d } from "../../SkipLink-CdcjClGB.js";
+import { ToolbarLayout as f } from "./toolbar/ToolbarLayout.js";
+import { useEffect as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/layout/RPLayout.tsx
-var h = (h) => {
-	let { children: g, style: _, className: v, mobileWidth: y, onLoaded: b, cleanupOnLoaded: x, onLayoutWidthChange: S, toolbar: C, dropFileZone: w = !0 } = h, { setContainer: T } = t(), { loading: E } = e(), { LoaderImageComponent: D } = n();
-	return f(() => (b && b(), () => {
-		x && x();
-	}), [b, x]), /* @__PURE__ */ p(i, { children: /* @__PURE__ */ p(l, {
-		value: w,
-		children: /* @__PURE__ */ p(a, {
-			mobileWidth: y,
-			onLayoutWidthChange: S,
-			children: /* @__PURE__ */ m(o, {
-				getContainerRef: T,
-				style: _,
-				className: v,
+var g = (g) => {
+	let { children: _, style: v, className: y, mobileWidth: b, onLoaded: x, cleanupOnLoaded: S, onLayoutWidthChange: C, toolbar: w, dropFileZone: T = !0 } = g, { setContainer: E } = t(), { loading: D } = e(), { LoaderImageComponent: O } = r(), { localeMessages: k } = n();
+	return p(() => (x && x(), () => {
+		S && S();
+	}), [x, S]), /* @__PURE__ */ m(a, { children: /* @__PURE__ */ m(u, {
+		value: T,
+		children: /* @__PURE__ */ m(o, {
+			mobileWidth: b,
+			onLayoutWidthChange: C,
+			children: /* @__PURE__ */ h(s, {
+				getContainerRef: E,
+				style: v,
+				className: y,
 				children: [
-					/* @__PURE__ */ p(u, {
+					/* @__PURE__ */ m(d, {
 						href: "#rp-menu",
-						label: "Skip to Menu"
+						label: k?.skipToMenuLabel ?? "Skip to Menu"
 					}),
-					/* @__PURE__ */ p(u, {
+					/* @__PURE__ */ m(d, {
 						href: "#rp-main-content",
-						label: "Skip to Main Content"
+						label: k?.skipToMainContentLabel ?? "Skip to Main Content"
 					}),
-					/* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(d, {
-						toolbar: C,
-						children: g
-					}), /* @__PURE__ */ p(c, {})] }),
-					E ? /* @__PURE__ */ p("div", {
-						className: r["rp-loader"],
+					/* @__PURE__ */ h(c, { children: [/* @__PURE__ */ m(f, {
+						toolbar: w,
+						children: _
+					}), /* @__PURE__ */ m(l, {})] }),
+					D ? /* @__PURE__ */ m("div", {
+						className: i["rp-loader"],
 						style: {
 							position: "absolute",
 							top: 0,
@@ -51,7 +52,7 @@ var h = (h) => {
 							width: "100%",
 							height: "100%"
 						},
-						children: /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ m("div", {
 							style: {
 								display: "flex",
 								justifyContent: "center",
@@ -59,7 +60,7 @@ var h = (h) => {
 								height: "100%",
 								width: "100%"
 							},
-							children: D && /* @__PURE__ */ p(D, {})
+							children: O && /* @__PURE__ */ m(O, {})
 						})
 					}) : null
 				]
@@ -68,4 +69,4 @@ var h = (h) => {
 	}) });
 };
 //#endregion
-export { h as RPLayout };
+export { g as RPLayout };

package/dist/components/layout/SkipLink.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../SkipLink-Bvbn3miT.js";
+import { t as e } from "../../SkipLink-CdcjClGB.js";
 export { e as SkipLink };

package/dist/components/layout/sidebar/RPSidebar.js

@@ -4,12 +4,12 @@ import { useLocalizationContext as e } from "../../../contexts/LocalizationConte
 import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
-import { t as i } from "../../../Button-jStpvb3T.js";
+import { t as i } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as o } from "../../../RPTooltip-B4KrW-_f.js";
 import { ThumbnailIcon as s } from "../../icons/Thumbnail.js";
 import { n as c, t as l } from "../../../RPSplitter-C63X9M8w.js";
-import { t as u } from "../../../Thumbnails-ComClyJJ.js";
+import { t as u } from "../../../Thumbnails-Cbr54TOa.js";
 import { useCallback as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region lib/components/layout/sidebar/RPSidebar.tsx

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../Thumbnail-Dwo2-4Ki.js";
+import { t as e } from "../../../Thumbnail-DyRfHsAh.js";
 export { e as Thumbnail };

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../Thumbnails-ComClyJJ.js";
+import { t as e } from "../../../Thumbnails-Cbr54TOa.js";
 export { e as Thumbnails };

package/dist/components/layout/toolbar/DarkModeTool.js

@@ -3,9 +3,9 @@ import { useLocalizationContext as t } from "../../../contexts/LocalizationConte
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
-import { t as a } from "../../../Button-jStpvb3T.js";
+import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
-import { t as s } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as s } from "../../../RPTooltip-B4KrW-_f.js";
 import { MoonIcon as c } from "../../icons/MoonIcon.js";
 import { SunIcon as l } from "../../icons/SunIcon.js";
 import { useCallback as u } from "react";

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../DocumentDialog-DHAWcYIz.js";
+import { t as e } from "../../../DocumentDialog-cRr9sSSH.js";
 export { e as DocumentDialog };

package/dist/components/layout/toolbar/DocumentProperties.js

@@ -4,10 +4,10 @@ import { useToolComponentContext as n } from "../../../contexts/ToolComponentCon
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { useOtherToolContext as i } from "../../../contexts/OtherToolContext.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
-import { t as s } from "../../../MenuItem-BJDWfzAw.js";
+import { t as o } from "../../../RPTooltip-B4KrW-_f.js";
+import { t as s } from "../../../MenuItem-BP_RjUuW.js";
 import { InfoIcon as c } from "../../icons/InfoIcon.js";
-import { t as l } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { t as l } from "../../../MenuSeparator-Df2Dzzea.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/DocumentProperties.tsx
 var p = () => {

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -3,11 +3,11 @@ import { useToolbarComponentContext as t } from "../../../contexts/ToolbarCompon
 import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { useFileDownload as i } from "../../../utils/hooks/useFileDownload.js";
-import { t as a } from "../../../Button-jStpvb3T.js";
+import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
 import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import { t as c } from "../../../RPTooltip-ZZoFqP7C.js";
-import { t as l } from "../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../RPTooltip-B4KrW-_f.js";
+import { t as l } from "../../../MenuItem-BP_RjUuW.js";
 import { FileDownloadDefaultIcon as u } from "../../icons/FileDownloadDefaultIcon.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/FileDownloadTool.tsx

package/dist/components/layout/toolbar/FileUploadTool.js

@@ -3,12 +3,12 @@ import { useOpenFileContext as t } from "../../../contexts/FileInputContext.js";
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
-import { t as a } from "../../../Button-jStpvb3T.js";
+import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
 import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import { t as c } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as c } from "../../../RPTooltip-B4KrW-_f.js";
 import { FileUploadDefaultIcon as l } from "../../icons/FileUploadDefaultIcon.js";
-import { t as u } from "../../../MenuItem-BJDWfzAw.js";
+import { t as u } from "../../../MenuItem-BP_RjUuW.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/FileUploadTool.tsx
 var p = () => {

package/dist/components/layout/toolbar/FullScreenTool.js

@@ -3,11 +3,11 @@ import { useLocalizationContext as t } from "../../../contexts/LocalizationConte
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
-import { t as a } from "../../../Button-jStpvb3T.js";
+import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
 import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import { t as c } from "../../../RPTooltip-ZZoFqP7C.js";
-import { t as l } from "../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../RPTooltip-B4KrW-_f.js";
+import { t as l } from "../../../MenuItem-BP_RjUuW.js";
 import { FullScreenIcon as u } from "../../icons/FullScreenIcon.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/FullScreenTool.tsx
@@ -55,7 +55,8 @@ var p = () => {
 		children: /* @__PURE__ */ d(a, {
 			disabled: !l,
 			onClick: o,
-			"aria-label": i ? "Exit full screen" : "Enter full screen",
+			"aria-label": _?.fullScreenLabel,
+			"aria-pressed": i,
 			children: /* @__PURE__ */ d(p, {})
 		})
 	});

package/dist/components/layout/toolbar/MenuItem.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../MenuItem-BJDWfzAw.js";
+import { t as e } from "../../../MenuItem-BP_RjUuW.js";
 export { e as MenuItem };

package/dist/components/layout/toolbar/MenuSeparator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { t as e } from "../../../MenuSeparator-Df2Dzzea.js";
 export { e as MenuSeparator };

package/dist/components/layout/toolbar/MostPageTool.js

@@ -1,13 +1,13 @@
-import { r as e } from "../../../PaginationContext--n91mIJ4.js";
+import { r as e } from "../../../PaginationContext-Cwf8sCpK.js";
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
-import { n as s } from "../../../dist-CKteKPPA.js";
-import { t as c } from "../../../MenuItem-BJDWfzAw.js";
-import { t as l } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { t as o } from "../../../RPTooltip-B4KrW-_f.js";
+import { n as s } from "../../../dist-Ch2NetCM.js";
+import { t as c } from "../../../MenuItem-BP_RjUuW.js";
+import { t as l } from "../../../MenuSeparator-Df2Dzzea.js";
 import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
 import { t as d } from "../../../MostPageTool.module-BRVv-sGz.js";
 import { useCallback as f, useMemo as p } from "react";

package/dist/components/layout/toolbar/OtherTool.js

@@ -2,16 +2,16 @@ import { useLayoutContainer as e } from "../../../contexts/LayoutContainerContex
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as ee } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as te } from "../../../contexts/ToolComponentContext.js";
-import { t as n } from "../../../Button-jStpvb3T.js";
+import { t as n } from "../../../Button-DBu3SaMk.js";
 import { useViewportContext as r } from "../../../contexts/ViewportContext.js";
-import { t as i } from "../../../RPTooltip-ZZoFqP7C.js";
-import { n as a } from "../../../dist-CKteKPPA.js";
+import { t as i } from "../../../RPTooltip-B4KrW-_f.js";
+import { n as a } from "../../../dist-Ch2NetCM.js";
 import { FileUploadTool as o } from "./FileUploadTool.js";
 import { ThreeDotIcon as s } from "../../icons/ThreeDotIcon.js";
-import { t as c } from "../../../DropDown-DikL-krI.js";
-import { t as l } from "../../../DocumentDialog-DHAWcYIz.js";
+import { t as c } from "../../../DropDown-D6c4mnJL.js";
+import { t as l } from "../../../DocumentDialog-cRr9sSSH.js";
 import { t as u } from "../../../OtherTool.module-BQY9Nfqz.js";
-import { t as d } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { t as d } from "../../../MenuSeparator-Df2Dzzea.js";
 import { DocumentProperties as f } from "./DocumentProperties.js";
 import { RotateTool as p } from "./RotateTool.js";
 import { ViewModeTool as m } from "./ViewModeTool.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -1,18 +1,18 @@
 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 { r as i } from "../../../PaginationContext--n91mIJ4.js";
+import { r as i } from "../../../PaginationContext-Cwf8sCpK.js";
 import { useLocalizationContext as a } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as o } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as s } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as c } from "../../../contexts/IconToolContext.js";
 import { ChevronUpIcon as l } from "../../icons/ChevronUpIcon.js";
-import { t as u } from "../../../Button-jStpvb3T.js";
-import { t as d } from "../../../Input-DGJSVFE8.js";
-import { t as f } from "../../../Paginate.module-B0GMw-MB.js";
+import { t as u } from "../../../Button-DBu3SaMk.js";
+import { t as d } from "../../../Input-Dpo1Xfxe.js";
+import { t as f } from "../../../Paginate.module-DhE7N8AA.js";
 import { useIconContext as p } from "../../../contexts/IconContext.js";
 import { useViewportContext as m } from "../../../contexts/ViewportContext.js";
-import { t as h } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as h } from "../../../RPTooltip-B4KrW-_f.js";
 import { useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/Paginate.tsx
@@ -71,6 +71,7 @@ var S = () => {
 					name: "page-input",
 					label: P?.currentPageTooltip || "Current page",
 					"aria-label": P?.currentPageTooltip,
+					autoComplete: "off",
 					"aria-valuemin": 1,
 					"aria-valuemax": l,
 					"aria-valuenow": parseInt(D) || c,
@@ -81,8 +82,22 @@ var S = () => {
 			}),
 			/* @__PURE__ */ x("span", {
 				className: f["rp-total-page"],
+				"aria-hidden": "true",
 				children: ["/", l]
 			}),
+			/* @__PURE__ */ x("span", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				className: f["rp-sr-only"],
+				children: [
+					c,
+					" ",
+					P?.ofTotalPagesLabel ?? "of",
+					" ",
+					l
+				]
+			}),
 			!j && /* @__PURE__ */ b(h, {
 				content: P?.nextPageTooltip,
 				children: /* @__PURE__ */ b(u, {