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

package/dist/Input-DGJSVFE8.js

@@ -0,0 +1,39 @@
+import { t as e } from "./clsx-B7LyVm5O.js";
+import { withRef as t } from "./utils/withRef.js";
+import { useId as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import './assets/Input.css';//#region lib/components/ui/Input.module.css
+var a = {
+	"rp-input": "_rp-input_d52xg_1",
+	"rp-input-wrapper": "_rp-input-wrapper_d52xg_28",
+	"rp-input-label": "_rp-input-label_d52xg_32",
+	"rp-input-icon": "_rp-input-icon_d52xg_44"
+}, o = t((t, o) => {
+	let { className: s, icon: c, children: l, id: u, label: d, ...f } = t, p = n(), m = u || p, h = f.role || (f.type === "text" || !f.type ? "textbox" : void 0);
+	return /* @__PURE__ */ i("div", {
+		className: a["rp-input-wrapper"],
+		children: [
+			d ? /* @__PURE__ */ r("label", {
+				htmlFor: m,
+				className: a["rp-input-label"],
+				children: d
+			}) : null,
+			/* @__PURE__ */ r("input", {
+				...f,
+				id: m,
+				role: h,
+				"data-icon": !!c,
+				ref: o,
+				className: e(s, a["rp-input"], "ignore-hover")
+			}),
+			c && /* @__PURE__ */ r("span", {
+				className: a["rp-input-icon"],
+				"aria-hidden": "true",
+				children: c
+			}),
+			l
+		]
+	});
+});
+//#endregion
+export { o as t };

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

@@ -1,5 +1,5 @@
-import { usePrintContext as e } from "./contexts/PrintContext.js";
-import { useLocalizationContext as t } from "./contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "./contexts/LocalizationContext.js";
+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 = {
@@ -11,7 +11,7 @@ import './assets/LoadingIndicator.css';var a = {
 	"rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
 	loading: "_loading_wazy2_1"
 }, o = ({ percentage: o }) => {
-	let { cancel: s } = e(), { localeMessages: c } = t();
+	let { cancel: s } = t(), { localeMessages: c } = e();
 	return o < 1 ? null : /* @__PURE__ */ r("div", {
 		className: n(a["rp-loading-overlay"]),
 		children: /* @__PURE__ */ i("div", {

package/dist/{PasswordModal-BDHdSpxf.js → PasswordModal-CA6x2l7v.js}

@@ -5,15 +5,16 @@ 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
 var o = {
-	"rp-password-overlay": "_rp-password-overlay_18s56_1",
-	"rp-password-modal": "_rp-password-modal_18s56_13",
-	"rp-password-title": "_rp-password-title_18s56_27",
-	"rp-password-content": "_rp-password-content_18s56_35",
-	"rp-password-form": "_rp-password-form_18s56_41",
-	"rp-password-input": "_rp-password-input_18s56_45",
-	"rp-password-input-invalid": "_rp-password-input-invalid_18s56_62",
-	"rp-password-message-invalid": "_rp-password-message-invalid_18s56_66",
-	"rp-password-submit-button": "_rp-password-submit-button_18s56_72"
+	"rp-password-overlay": "_rp-password-overlay_1cd0u_1",
+	"rp-password-modal": "_rp-password-modal_1cd0u_13",
+	"rp-password-title": "_rp-password-title_1cd0u_27",
+	"rp-password-content": "_rp-password-content_1cd0u_35",
+	"rp-password-form": "_rp-password-form_1cd0u_41",
+	"rp-password-label": "_rp-password-label_1cd0u_45",
+	"rp-password-input": "_rp-password-input_1cd0u_57",
+	"rp-password-input-invalid": "_rp-password-input-invalid_1cd0u_74",
+	"rp-password-message-invalid": "_rp-password-message-invalid_1cd0u_78",
+	"rp-password-submit-button": "_rp-password-submit-button_1cd0u_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);
@@ -34,6 +35,7 @@ var o = {
 					children: l?.passwordModalTitle
 				}),
 				/* @__PURE__ */ i("div", {
+					id: "password-modal-message",
 					className: n(o["rp-password-content"]),
 					children: l?.passwordModalMessage
 				}),
@@ -41,24 +43,33 @@ var o = {
 					onSubmit: m,
 					children: [/* @__PURE__ */ a("div", {
 						className: n(o["rp-password-form"]),
-						children: [/* @__PURE__ */ i("input", {
-							type: "password",
-							value: s,
-							onChange: p,
-							className: n(o["rp-password-input"], f && o["rp-password-input-invalid"]),
-							placeholder: l?.passwordPlaceholder,
-							autoComplete: "off",
-							"aria-label": l?.passwordPlaceholder,
-							"aria-required": "true",
-							"aria-invalid": f,
-							"aria-describedby": f ? "password-error" : void 0
-						}), /* @__PURE__ */ i("div", {
-							id: "password-error",
-							className: n(o["rp-password-message-invalid"]),
-							role: "alert",
-							"aria-live": "polite",
-							children: f && /* @__PURE__ */ i("span", { children: l?.passwordError })
-						})]
+						children: [
+							/* @__PURE__ */ i("label", {
+								htmlFor: "rp-password-input",
+								className: o["rp-password-label"],
+								children: l?.passwordPlaceholder || "Password"
+							}),
+							/* @__PURE__ */ i("input", {
+								type: "password",
+								id: "rp-password-input",
+								name: "rp-password-input",
+								value: s,
+								onChange: p,
+								className: n(o["rp-password-input"], f && o["rp-password-input-invalid"]),
+								placeholder: l?.passwordPlaceholder,
+								autoComplete: "off",
+								"aria-required": "true",
+								"aria-invalid": f,
+								"aria-describedby": f ? "password-modal-message password-error" : "password-modal-message"
+							}),
+							/* @__PURE__ */ i("div", {
+								id: "password-error",
+								className: n(o["rp-password-message-invalid"]),
+								role: "alert",
+								"aria-live": "polite",
+								children: f && /* @__PURE__ */ i("span", { children: l?.passwordError })
+							})
+						]
 					}), /* @__PURE__ */ i("button", {
 						type: "submit",
 						disabled: h,

package/dist/{RPDropFileZone-BunRfzst.js → RPDropFileZone-D1C3ouep.js}

@@ -1,6 +1,6 @@
 import { useDarkModeContext as e } from "./contexts/DarkModeContext.js";
-import { useDropFileZoneContext as t } from "./contexts/DropFileZoneContext.js";
-import { useLocalizationContext as n } from "./contexts/LocalizationContext.js";
+import { useLocalizationContext as t } from "./contexts/LocalizationContext.js";
+import { useDropFileZoneContext as n } from "./contexts/DropFileZoneContext.js";
 import { t as r } from "./clsx-B7LyVm5O.js";
 import { t as i } from "./LightPdfIcon-DL8MYtWQ.js";
 import { t as a } from "./DarkPdfIcon-B5ehd9CV.js";
@@ -12,7 +12,7 @@ var d = {
 	"rp-drop-zone": "_rp-drop-zone_1sc50_1",
 	"rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
 }, f = {}, p = () => {
-	let { dragging: p, handleDragLeave: m, handleDrop: h } = t(), { darkMode: g } = e(), { localeMessages: _ } = n(), { DropFileZoneLayout: v, DropFileZoneTool: y, DropFileZoneToolbar: b } = o(), x = [
+	let { dragging: p, handleDragLeave: m, handleDrop: h } = n(), { darkMode: g } = e(), { localeMessages: _ } = t(), { DropFileZoneLayout: v, DropFileZoneTool: y, DropFileZoneToolbar: b } = o(), x = [
 		v,
 		y,
 		b

package/dist/{RPPages-V5CNUXFD.js → RPPages-CQsmCbyj.js}

@@ -22,7 +22,7 @@ import { SinglePage as ie } from "./components/page/SinglePage.js";
 import { useMousePressed as ae } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as oe } from "./utils/hooks/useGrabScroll.js";
 import { usePinch as se } from "./utils/hooks/usePinch.js";
-import { t as b } from "./PasswordModal-BDHdSpxf.js";
+import { t as b } from "./PasswordModal-CA6x2l7v.js";
 import { usePresentPage as x } from "./utils/hooks/usePresentPage.js";
 import { LayoutContainer as ce } from "./components/layout/LayoutContainer.js";
 import { LayoutWrapper as le } from "./components/layout/LayoutWrapper.js";

package/dist/assets/Input.css

@@ -1 +1 @@
-._rp-input_5b7ag_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_5b7ag_1::placeholder{color:var(--rp-input-placeholder-color)}._rp-input_5b7ag_1[data-icon=true]{padding-left:calc(1rem + 14px)}._rp-input_5b7ag_1:focus,._rp-input_5b7ag_1:focus-visible{border-color:var(--rp-outline-color,var(--rp-primary-color))}._rp-input-wrapper_5b7ag_28{position:relative}._rp-input-icon_5b7ag_32{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_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}

package/dist/assets/PasswordModal.css

@@ -1 +1 @@
-._rp-password-overlay_18s56_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_18s56_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_18s56_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_18s56_35{font-size:14px;font-family:var(--rp-font-family);color:var(--rp-password-content-font-color)}._rp-password-form_18s56_41{margin-top:32px}._rp-password-input_18s56_45{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_18s56_45::placeholder{color:var(--rp-password-input-placeholder-color)}._rp-password-input-invalid_18s56_62{border-color:#ff2f61}._rp-password-message-invalid_18s56_66{color:#ff2f61;height:20px;margin-top:4px}._rp-password-submit-button_18s56_72{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_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}

package/dist/assets/style.js

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

package/dist/components/RPController.js

@@ -16,12 +16,12 @@ import { DarkModeProvider as h } from "../contexts/DarkModeContext.js";
 import { LayerProvider as g } from "../contexts/LayerContext.js";
 import { SelectionModeProvider as _ } from "../contexts/SelectionModeContext.js";
 import { FullScreenProvider as v } from "../contexts/FullScreenContext.js";
-import { FileInputProvider as y } from "../contexts/FileInputContext.js";
-import { PrintProvider as b } from "../contexts/PrintContext.js";
-import { DropFileZoneProvider as x } from "../contexts/DropFileZoneContext.js";
-import { ThumbnailProvider as S } from "../contexts/ThumbnailsContext.js";
-import { SearchProvider as C } from "../contexts/SearchContext.js";
-import { LocalizationProvider as w } from "../contexts/LocalizationContext.js";
+import { LocalizationProvider as y } from "../contexts/LocalizationContext.js";
+import { FileInputProvider as b } from "../contexts/FileInputContext.js";
+import { PrintProvider as x } from "../contexts/PrintContext.js";
+import { DropFileZoneProvider as S } from "../contexts/DropFileZoneContext.js";
+import { ThumbnailProvider as C } from "../contexts/ThumbnailsContext.js";
+import { SearchProvider as w } from "../contexts/SearchContext.js";
 import { HighlightProvider as T } from "../contexts/HighlightContext.js";
 import { t as E } from "../useWatermark-CvAAf66v.js";
 import { DownloadProvider as D } from "../contexts/DownloadContext.js";
@@ -42,7 +42,7 @@ var M = (M) => {
 		interactiveForm: J,
 		children: /* @__PURE__ */ j(p, {
 			scrollBehavior: Y,
-			children: /* @__PURE__ */ j(w, {
+			children: /* @__PURE__ */ j(y, {
 				locale: W,
 				localization: G,
 				children: /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j(ee, { children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(_, {
@@ -61,15 +61,15 @@ var M = (M) => {
 							children: /* @__PURE__ */ j(l, { children: /* @__PURE__ */ j(u, { children: /* @__PURE__ */ j(f, { children: /* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, {
 								darkMode: P,
 								onDarkModeChange: F,
-								children: /* @__PURE__ */ j(C, {
+								children: /* @__PURE__ */ j(w, {
 									initialSearch: V,
-									children: /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(S, {
+									children: /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(C, {
 										initialThumbnailsVisible: B,
-										children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(v, {
+										children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(S, { children: /* @__PURE__ */ j(v, {
 											elementRef: Q,
-											children: /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(D, {
+											children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(D, {
 												downloadFilename: K,
-												children: /* @__PURE__ */ j(y, { children: N })
+												children: /* @__PURE__ */ j(b, { children: N })
 											}) })
 										}) }) })
 									}) }) }) })

package/dist/components/RPDropFileZone.js

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

package/dist/components/RPPages.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../RPPages-V5CNUXFD.js";
+import { t as e } from "../RPPages-CQsmCbyj.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-9n_QpMZt.js";
+import { t as l } from "../style-DKH7g1Kh.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/layout/RPDefaultLayout.js

@@ -11,7 +11,7 @@ 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-BunRfzst.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";

package/dist/components/layout/RPLayout.js

@@ -7,7 +7,7 @@ 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-BunRfzst.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";

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

@@ -1,8 +1,8 @@
 "use client";
 import "../../../utils/constants.js";
-import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
-import { useThumbnailContext as t } from "../../../contexts/ThumbnailsContext.js";
-import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+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 { useIconContext as a } from "../../../contexts/IconContext.js";
@@ -17,7 +17,7 @@ var v = () => {
 	let { thumbnailIcon: e } = a(), { thumbnailIcon: t } = r();
 	return e || t || /* @__PURE__ */ g(s, {});
 }, y = () => {
-	let { active: r, setActive: a } = t(), [s, y] = m(200), b = p(null), x = p(null), { thumbnailTool: S, sidebarEnable: C } = e(), { localeMessages: w } = n(), T = d(() => {
+	let { active: r, setActive: a } = n(), [s, y] = m(200), b = p(null), x = p(null), { thumbnailTool: S, sidebarEnable: C } = t(), { localeMessages: w } = e(), T = d(() => {
 		a((e) => !e);
 	}, []), E = f(() => typeof S != "boolean" && S ? /* @__PURE__ */ g(S, {
 		onClick: T,

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

@@ -1,7 +1,7 @@
 import { useDarkModeContext as e } from "../../../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.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 { t as a } from "../../../Button-jStpvb3T.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
@@ -18,7 +18,7 @@ var f = () => {
 	let { darkModeIcon: e } = o(), { darkModeIcon: t } = i();
 	return e || t || /* @__PURE__ */ d(l, {});
 }, m = () => {
-	let { darkMode: i, setDarkMode: o } = e(), { themeSwitcher: c = !0 } = t(), { themeSwitcher: l = !0 } = n(), { localeMessages: m } = r(), h = i ? m?.themeEnableLightTooltip : m?.themeEnableDarkTooltip, g = u(() => {
+	let { darkMode: i, setDarkMode: o } = e(), { themeSwitcher: c = !0 } = n(), { themeSwitcher: l = !0 } = r(), { localeMessages: m } = t(), h = i ? m?.themeEnableLightTooltip : m?.themeEnableDarkTooltip, g = u(() => {
 		o((e) => !e);
 	}, [o]);
 	return !c || !l ? null : typeof c == "function" ? /* @__PURE__ */ d(s, {

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

@@ -1,6 +1,6 @@
-import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as t } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { useOtherToolContext as i } from "../../../contexts/OtherToolContext.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
@@ -14,7 +14,7 @@ var p = () => {
 	let { documentPropertiesIcon: e } = a(), { documentPropertiesIcon: t } = r();
 	return e || t || /* @__PURE__ */ d(c, {});
 }, m = () => {
-	let { setActiveDocumentProperties: r } = i(), { documentProperties: a = !0 } = e(), { documentProperties: c = !0, scrollModeTool: m } = t(), { localeMessages: h } = n();
+	let { setActiveDocumentProperties: r } = i(), { documentProperties: a = !0 } = t(), { documentProperties: c = !0, scrollModeTool: m } = n(), { localeMessages: h } = e();
 	return !a || !c ? null : /* @__PURE__ */ f(u, { children: [m && /* @__PURE__ */ d(l, {}), /* @__PURE__ */ d(s, {
 		onClick: () => r((e) => !e),
 		children: /* @__PURE__ */ f(o, {

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

@@ -1,6 +1,6 @@
-import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as t } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+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";
@@ -36,7 +36,7 @@ var p = () => {
 		}), t?.downloadFileLabel]
 	})
 }), _ = () => {
-	let { download: r } = i(), { downloadTool: a = !0 } = e(), { downloadTool: o = !0 } = t(), { isSmallScreen: l } = s(), { localeMessages: u } = n(), f = u?.downloadFileTooltip;
+	let { download: r } = i(), { downloadTool: a = !0 } = t(), { downloadTool: o = !0 } = n(), { isSmallScreen: l } = s(), { localeMessages: u } = e(), f = u?.downloadFileTooltip;
 	return !a || !o ? null : l ? /* @__PURE__ */ d(g, {
 		download: r,
 		localeMessages: u

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

@@ -1,7 +1,7 @@
-import { useOpenFileContext as e } from "../../../contexts/FileInputContext.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+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 { useIconContext as o } from "../../../contexts/IconContext.js";
@@ -36,7 +36,7 @@ var p = () => {
 		children: /* @__PURE__ */ d(p, {})
 	})
 }), _ = () => {
-	let { openFileTool: i = !0 } = t(), { openFileTool: a = !0 } = n(), { openFile: o } = e(), { isSmallScreen: l } = s(), { localeMessages: u } = r(), f = u?.openLocalFileTooltip;
+	let { openFileTool: i = !0 } = n(), { openFileTool: a = !0 } = r(), { openFile: o } = t(), { isSmallScreen: l } = s(), { localeMessages: u } = e(), f = u?.openLocalFileTooltip;
 	return !i || !a ? null : l ? /* @__PURE__ */ d(h, {
 		onFileChange: o,
 		localeMessages: u

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

@@ -1,7 +1,7 @@
 import { useFullScreenContext as e } from "../../../contexts/FullScreenContext.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.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 { t as a } from "../../../Button-jStpvb3T.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
@@ -30,7 +30,7 @@ var p = () => {
 		}), n?.fullScreenTooltip]
 	})
 }), g = () => {
-	let { isFullScreen: i, toggleFullScreen: o, isSupported: l } = e(), { fullscreenTool: u = !0 } = t(), { fullscreenTool: f = !0 } = n(), { isSmallScreen: g } = s(), { localeMessages: _ } = r(), v = _?.fullScreenTooltip;
+	let { isFullScreen: i, toggleFullScreen: o, isSupported: l } = e(), { fullscreenTool: u = !0 } = n(), { fullscreenTool: f = !0 } = r(), { isSmallScreen: g } = s(), { localeMessages: _ } = t(), v = _?.fullScreenTooltip;
 	return !u || !f ? null : g ? /* @__PURE__ */ d(h, {
 		isFullScreen: i,
 		toggleFullScreen: o,

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

@@ -1,7 +1,7 @@
 import { r as e } from "../../../PaginationContext--n91mIJ4.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.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";
@@ -20,7 +20,7 @@ var g = () => {
 	let { goToLastPageIcon: e } = a(), { goToLastPageIcon: t } = i();
 	return e || t || /* @__PURE__ */ m(u, {});
 }, v = { width: "100%" }, y = () => {
-	let { goToPage: i, totalPages: a, focusedPage: u } = e(), { jumpNavigationTool: d = !0 } = t(), { jumpNavigationTool: y = !0 } = n(), { localeMessages: b } = r(), x = p(() => u === 1, [u]), S = p(() => u === a, [u, a]), C = f(() => {
+	let { goToPage: i, totalPages: a, focusedPage: u } = e(), { jumpNavigationTool: d = !0 } = n(), { jumpNavigationTool: y = !0 } = r(), { localeMessages: b } = t(), x = p(() => u === 1, [u]), S = p(() => u === a, [u, a]), C = f(() => {
 		i(1);
 	}, [i]), w = f(() => {
 		i(a);

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

@@ -1,7 +1,7 @@
 import { useLayoutContainer as e } from "../../../contexts/LayoutContainerContext.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as ee } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as te } from "../../../contexts/LocalizationContext.js";
+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 { useViewportContext as r } from "../../../contexts/ViewportContext.js";
 import { t as i } from "../../../RPTooltip-ZZoFqP7C.js";
@@ -25,7 +25,7 @@ import { useEffect as x, useMemo as S, useRef as C, useState as w } from "react"
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/OtherTool.tsx
 var O = () => {
-	let [O, k] = w(!1), { container: A, pagesRef: j } = e(), { isSmallScreen: M } = r(), { openFileTool: N, downloadTool: P, documentProperties: F, scrollModeTool: I, rotateTool: L, selectionModeTool: R, jumpNavigationTool: z, printTool: B, fullscreenTool: V, viewModeTool: H } = t(), { openFileTool: U, downloadTool: W, documentProperties: G, scrollModeTool: K, rotateTool: q, selectionModeTool: J, jumpNavigationTool: Y, printTool: X, fullscreenTool: Z, viewModeTool: ne } = ee(), { localeMessages: Q } = te(), [re, ie] = w(0), $ = C(new ResizeObserver((e) => {
+	let [O, k] = w(!1), { container: A, pagesRef: j } = e(), { isSmallScreen: M } = r(), { openFileTool: N, downloadTool: P, documentProperties: F, scrollModeTool: I, rotateTool: L, selectionModeTool: R, jumpNavigationTool: z, printTool: B, fullscreenTool: V, viewModeTool: H } = ee(), { openFileTool: U, downloadTool: W, documentProperties: G, scrollModeTool: K, rotateTool: q, selectionModeTool: J, jumpNavigationTool: Y, printTool: X, fullscreenTool: Z, viewModeTool: ne } = te(), { localeMessages: Q } = t(), [re, ie] = w(0), $ = C(new ResizeObserver((e) => {
 		ie(e[0].contentRect.height);
 	})), ae = S(() => z || L || R || I || F || H || M && (N || P || B || V), [
 		N,

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

@@ -2,13 +2,13 @@ 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 { useToolbarComponentContext as a } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as o } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as s } from "../../../contexts/LocalizationContext.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-Bb_-ljl1.js";
+import { t as d } from "../../../Input-DGJSVFE8.js";
 import { t as f } from "../../../Paginate.module-B0GMw-MB.js";
 import { useIconContext as p } from "../../../contexts/IconContext.js";
 import { useViewportContext as m } from "../../../contexts/ViewportContext.js";
@@ -23,7 +23,7 @@ var S = () => {
 	let { nextIcon: e } = p(), { nextIcon: t } = c();
 	return e || t || /* @__PURE__ */ b(l, { style: { transform: "rotate(180deg" } });
 }, w = () => {
-	let { focusedPage: c, totalPages: l, setFocusedPage: p, nextPage: w, prevPage: T, goToPage: E } = i(), [D, O] = y(c.toString()), { pageNavigationTool: k = !0 } = a(), { pageNavigationTool: A = !0 } = o(), { isSmallScreen: j } = m(), { viewMode: M } = r(), { scrollMode: N } = n(), { localeMessages: P } = s();
+	let { focusedPage: c, totalPages: l, setFocusedPage: p, nextPage: w, prevPage: T, goToPage: E } = i(), [D, O] = y(c.toString()), { pageNavigationTool: k = !0 } = o(), { pageNavigationTool: A = !0 } = s(), { isSmallScreen: j } = m(), { viewMode: M } = r(), { scrollMode: N } = n(), { localeMessages: P } = a();
 	_(() => {
 		O(c.toString());
 	}, [c]);
@@ -69,6 +69,7 @@ var S = () => {
 					className: f["rp-page-input"],
 					id: "page-input",
 					name: "page-input",
+					label: P?.currentPageTooltip || "Current page",
 					"aria-label": P?.currentPageTooltip,
 					"aria-valuemin": 1,
 					"aria-valuemax": l,

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

@@ -1,7 +1,7 @@
-import { usePrintContext as e } from "../../../contexts/PrintContext.js";
-import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+import { usePrintContext as t } from "../../../contexts/PrintContext.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 { useIconContext as o } from "../../../contexts/IconContext.js";
@@ -36,7 +36,7 @@ var p = () => {
 		}), t?.printLabel]
 	})
 }), _ = () => {
-	let { print: i, cancel: a, setOnProgress: o, setOnComplete: l, setOnError: u, progress: f, showDefaultProgress: p } = e(), { printTool: m = !0 } = t(), { printTool: _ = !0 } = n(), { isSmallScreen: v } = s(), { localeMessages: y } = r(), b = y?.printTooltip;
+	let { print: i, cancel: a, setOnProgress: o, setOnComplete: l, setOnError: u, progress: f, showDefaultProgress: p } = t(), { printTool: m = !0 } = n(), { printTool: _ = !0 } = r(), { isSmallScreen: v } = s(), { localeMessages: y } = e(), b = y?.printTooltip;
 	return !m || !_ ? null : v ? /* @__PURE__ */ d(g, {
 		print: i,
 		localeMessages: y

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

@@ -8,7 +8,7 @@ import { Paginate as o } from "./Paginate.js";
 import { RPToolbarEnd as s } from "./RPToolbarEnd.js";
 import { ZoomTool as c } from "./ZoomTool.js";
 import { SearchTool as l } from "./SearchTool.js";
-import { t as u } from "../../../LoadingIndicator-MWrbKa6X.js";
+import { t as u } from "../../../LoadingIndicator-DiWoWs4Y.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/RPToolbar.tsx
 var p = r((r, p) => {

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

@@ -1,6 +1,6 @@
-import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as t } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { useIconContext as i } from "../../../contexts/IconContext.js";
 import { t as a } from "../../../RPTooltip-ZZoFqP7C.js";
@@ -19,7 +19,7 @@ var h = () => {
 	let { rotateCounterClockwiseIcon: e } = i(), { rotateCounterClockwiseIcon: t } = r();
 	return e || t || /* @__PURE__ */ p(l, { className: u["rp-rotate-counterclockwise"] });
 }, _ = () => {
-	let { handleRotateClockwise: r, handleRotateCounterclockwise: i } = d(), { rotateTool: l = !0 } = e(), { rotateTool: u = !0 } = t(), { localeMessages: _ } = n();
+	let { handleRotateClockwise: r, handleRotateCounterclockwise: i } = d(), { rotateTool: l = !0 } = t(), { rotateTool: u = !0 } = n(), { localeMessages: _ } = e();
 	return !l || !u ? null : /* @__PURE__ */ p(f, { children: /* @__PURE__ */ m(o, { children: [
 		/* @__PURE__ */ p(s, {
 			onClick: r,

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

@@ -1,9 +1,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 { useToolbarComponentContext as i } from "../../../contexts/ToolbarComponentContext.js";
-import { useToolComponentContext as a } from "../../../contexts/ToolComponentContext.js";
-import { useLocalizationContext as o } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as i } from "../../../contexts/LocalizationContext.js";
+import { useToolbarComponentContext as a } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as o } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
 import { useIconContext as c } from "../../../contexts/IconContext.js";
 import { t as l } from "../../../RPTooltip-ZZoFqP7C.js";
@@ -26,7 +26,7 @@ var b = () => {
 	let { horizontalScrollIcon: e } = c(), { horizontalScrollIcon: t } = s();
 	return e || t || /* @__PURE__ */ v(h, {});
 }, C = () => {
-	let { scrollModeTool: s = !0 } = i(), { scrollModeTool: c = !0 } = a(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = o(), w = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
+	let { scrollModeTool: s = !0 } = a(), { scrollModeTool: c = !0 } = o(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = i(), w = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
 	return !s || !c ? null : /* @__PURE__ */ v(_, { children: /* @__PURE__ */ y(u, { children: [
 		/* @__PURE__ */ v(d, {
 			onClick: () => h(e.PAGE_SCROLLING),

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

@@ -1,5 +1,5 @@
-import { useSearchContext as e } from "../../../contexts/SearchContext.js";
-import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as e } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as t } from "../../../contexts/SearchContext.js";
 import { ChevronUpIcon as n } from "../../icons/ChevronUpIcon.js";
 import { t as r } from "../../../Button-jStpvb3T.js";
 import { t as i } from "../../../RPTooltip-ZZoFqP7C.js";
@@ -7,7 +7,7 @@ import { t as a } from "../../../SearchTool.module-DUkVXfOn.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/SearchResultNavigator.tsx
 var l = () => {
-	let { totalMatches: l, nextMatch: u, prevMatch: d } = e(), { localeMessages: f } = t(), p = !l || l === 0;
+	let { totalMatches: l, nextMatch: u, prevMatch: d } = t(), { localeMessages: f } = e(), p = !l || l === 0;
 	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(i, {
 		content: f?.searchPrevTooltip,
 		className: a["rp-search-tool-result-navigator"],