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

package/dist/assets/TextLayer.css

@@ -1 +1 @@
-._rp-text-layer_1553j_1{color:#0000;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));position:absolute;inset:0}._rp-text-layer_1553j_1._selecting_1553j_14~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_1553j_1 br::selection{color:#0000;background-color:#0000}._rp-text-layer_1553j_1 :is(span,br):not(.highlight){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}._rp-text-layer_1553j_1>:not(._markedContent_1553j_37),._rp-text-layer_1553j_1 ._markedContent_1553j_37 span:not(._markedContent_1553j_37){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}._rp-text-layer_1553j_1 .endOfContent{bottom:0;z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}._rp-text-layer_1553j_1._selecting_1553j_14 .endOfContent{top:0}._rp-text-layer-text_1553j_61{transform-origin:0 0;white-space:pre;line-height:1;position:absolute;overflow:hidden}@-moz-document url-prefix(){._rp-text-layer-text_1553j_61{overflow:visible}}
+._rp-text-layer_7vzxr_1{color:#0000;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);z-index:1;pointer-events:auto;-webkit-user-select:text;user-select:text;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));position:absolute;inset:0}._rp-text-layer_7vzxr_1._selecting_7vzxr_18~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_7vzxr_1 br::selection{color:#0000;background-color:#0000}._rp-text-layer_7vzxr_1 :is(span,br):not(.highlight){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;-webkit-user-select:text;user-select:text;position:absolute}._rp-text-layer_7vzxr_1>:not(._markedContent_7vzxr_44),._rp-text-layer_7vzxr_1 ._markedContent_7vzxr_44 span:not(._markedContent_7vzxr_44){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}._rp-text-layer_7vzxr_1 .endOfContent{bottom:0;z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}._rp-text-layer_7vzxr_1._selecting_7vzxr_18 .endOfContent{top:0}._rp-text-layer-text_7vzxr_68{transform-origin:0 0;white-space:pre;line-height:1;position:absolute;overflow:hidden}@-moz-document url-prefix(){._rp-text-layer-text_7vzxr_68{overflow:visible}}

package/dist/assets/Thumbnail.css

@@ -1 +1 @@
-._rp-thumbnail-wrapper_czi7p_1{margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer;flex-direction:column;align-items:center;display:flex}._rp-thumbnail-text_czi7p_10{color:var(--rp-text-color);margin-top:8px;font-size:12px;font-weight:400}._rp-thumbnail_czi7p_1{display:flex;position:relative;box-shadow:0 2px 6px #00000026}._rp-thumbnail_czi7p_1:not(._rp-thumbnail-active_czi7p_23):not(:hover){padding:4px}._rp-thumbnail-active_czi7p_23,._rp-thumbnail_czi7p_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_czi7p_32{justify-content:center;align-items:center;display:flex}
+._rp-thumbnail-wrapper_drpd8_1{margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer;flex-direction:column;align-items:center;display:flex}._rp-thumbnail-wrapper_drpd8_1:focus-visible{outline:1px solid var(--rp-outline-color,-webkit-focus-ring-color);outline-offset:-1px}._rp-thumbnail-text_drpd8_15{color:var(--rp-text-color);margin-top:8px;font-size:12px;font-weight:400}._rp-thumbnail_drpd8_1{display:flex;position:relative;box-shadow:0 2px 6px #00000026}._rp-thumbnail_drpd8_1:not(._rp-thumbnail-active_drpd8_28):not(:hover){padding:4px}._rp-thumbnail-active_drpd8_28,._rp-thumbnail_drpd8_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_drpd8_37{justify-content:center;align-items:center;display:flex}

package/dist/assets/style.js

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

package/dist/components/RPController.js

@@ -3,53 +3,53 @@ import { InitialStateProvider as r } from "../contexts/InitialStateContext.js";
 import { ScrollModeProvider as i } from "../contexts/ScrollModeContext.js";
 import { ViewModeProvider as a } from "../contexts/ViewModeContext.js";
 import { VirtualScrollProvider as ee } from "../contexts/VirtualScrollContext.js";
-import { VirtualGridProvider as o } from "../contexts/VirtualGridContext.js";
-import { LayoutContainerContext as s } from "../contexts/LayoutContainerContext.js";
-import { RotateProvider as c } from "../contexts/RotationContext.js";
-import { GlobalCurrentPageProvider as l } from "../contexts/GlobalCurrentPage.js";
-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-C5CJiEW-.js";
-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 { 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";
-import { ElementPageProvider as O } from "../contexts/ElementPageContext.js";
-import { ElementThumbnailProvider as te } from "../contexts/ElementThumbnailContext.js";
-import { RenderQueueProvider as k } from "../contexts/RenderQueueProvider.js";
+import { LayoutContainerContext as o } from "../contexts/LayoutContainerContext.js";
+import { RotateProvider as s } from "../contexts/RotationContext.js";
+import { GlobalCurrentPageProvider as c } from "../contexts/GlobalCurrentPage.js";
+import { ZoomProvider as l } from "../contexts/ZoomContext.js";
+import { PagesRotateProvider as u } from "../contexts/PagesRotateContext.js";
+import { DimensionPagesProvider as d } from "../contexts/DimensionPagesContext.js";
+import { SmoothScrollProvider as f } from "../contexts/SmoothScrollContext.js";
+import { n as p } from "../PaginationContext-DIzsZhFd.js";
+import { DarkModeProvider as m } from "../contexts/DarkModeContext.js";
+import { LayerProvider as h } from "../contexts/LayerContext.js";
+import { SelectionModeProvider as g } from "../contexts/SelectionModeContext.js";
+import { FullScreenProvider as _ } from "../contexts/FullScreenContext.js";
+import { LocalizationProvider as v } from "../contexts/LocalizationContext.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 { HighlightProvider as w } from "../contexts/HighlightContext.js";
+import { t as T } from "../useWatermark-CvAAf66v.js";
+import { DownloadProvider as E } from "../contexts/DownloadContext.js";
+import { ElementPageProvider as D } from "../contexts/ElementPageContext.js";
+import { ElementThumbnailProvider as O } from "../contexts/ElementThumbnailContext.js";
+import { RenderQueueProvider as te } from "../contexts/RenderQueueProvider.js";
+import { RenderedPagesCacheProvider as k } from "../contexts/RenderedPagesCache.js";
 import { useState as A } from "react";
 import { jsx as j } from "react/jsx-runtime";
 //#region lib/components/RPController.tsx
 var M = (M) => {
 	let { children: N, darkMode: P = !1, onDarkModeChange: F, initialRotation: I = 0, textLayer: L = !0, initialPage: R = 1, initialViewMode: z = n.SINGLE_PAGE, initialThumbnailsVisible: B = !1, initialSearch: V, initialScale: H, initialScrollMode: U = e.VERTICAL_SCROLLING, locale: W = "en_US", localization: G, downloadFilename: K, initialSelectionMode: q = t.TEXT, interactiveForm: J = !0, scrollBehavior: Y = "smooth" } = M, [X, Z] = A(null), [Q, ne] = A(null), [$, re] = A(null);
-	return E($), /* @__PURE__ */ j(r, {
+	return T($), /* @__PURE__ */ j(r, {
 		initialScale: H,
 		initialPage: R,
 		initialScrollMode: U,
 		initialRotation: I,
 		initialViewMode: z,
 		interactiveForm: J,
-		children: /* @__PURE__ */ j(p, {
+		children: /* @__PURE__ */ j(f, {
 			scrollBehavior: Y,
-			children: /* @__PURE__ */ j(y, {
+			children: /* @__PURE__ */ j(v, {
 				locale: W,
 				localization: G,
-				children: /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j(ee, { children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(_, {
+				children: /* @__PURE__ */ j(ee, { children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(g, {
 					initialSelectionMode: q,
-					children: /* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(d, { children: /* @__PURE__ */ j(g, {
+					children: /* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(u, { children: /* @__PURE__ */ j(h, {
 						textLayer: L,
-						children: /* @__PURE__ */ j(s.Provider, {
+						children: /* @__PURE__ */ j(o.Provider, {
 							value: {
 								container: X,
 								contentRef: Q,
@@ -58,26 +58,26 @@ var M = (M) => {
 								setContentRef: ne,
 								setPagesRef: re
 							},
-							children: /* @__PURE__ */ j(l, { children: /* @__PURE__ */ j(u, { children: /* @__PURE__ */ j(f, { children: /* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, {
+							children: /* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(l, { children: /* @__PURE__ */ j(d, { children: /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j(m, {
 								darkMode: P,
 								onDarkModeChange: F,
-								children: /* @__PURE__ */ j(w, {
+								children: /* @__PURE__ */ j(C, {
 									initialSearch: V,
-									children: /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(C, {
+									children: /* @__PURE__ */ j(w, { children: /* @__PURE__ */ j(D, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(S, {
 										initialThumbnailsVisible: B,
-										children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(S, { children: /* @__PURE__ */ j(v, {
+										children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(_, {
 											elementRef: Q,
-											children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(D, {
+											children: /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(E, {
 												downloadFilename: K,
-												children: /* @__PURE__ */ j(b, { children: N })
+												children: /* @__PURE__ */ j(y, { children: N })
 											}) })
 										}) }) })
-									}) }) }) })
+									}) }) }) }) })
 								})
 							}) }) }) }) })
 						})
 					}) }) })
-				}) }) }) }) })
+				}) }) }) })
 			})
 		})
 	});

package/dist/components/RPPages.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../RPPages-Cf-FDd0a.js";
+import { t as e } from "../RPPages-cyO0Tn21.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-BPQRJJJ7.js";
+import { t as l } from "../style-CJtyyrJx.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/LayoutContainer.js

@@ -1,16 +1,16 @@
 import { useDarkModeContext as e } from "../../contexts/DarkModeContext.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";
+import { t as n } from "../../RPLayout.module-BH5r8dDc.js";
+import { useThemeContext as r } from "../../contexts/ThemeContext.js";
+import { withRef as i } from "../../utils/withRef.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/LayoutContainer.tsx
-var o = n((n, o) => {
-	let { children: s, toolbarRef: c, style: l, className: u, ...d } = n, { customVariables: f, customDarkVariables: p } = i(), { darkMode: m } = e();
+var o = i((i, o) => {
+	let { children: s, toolbarRef: c, style: l, className: u, ...d } = i, { customVariables: f, customDarkVariables: p } = r(), { darkMode: m } = e();
 	return /* @__PURE__ */ a("div", {
 		ref: o,
 		...d,
-		className: t(r["rp-theme-variables"], r["rp-container"], m ? r["rp-dark-mode"] : "", u),
+		className: t(n["rp-theme-variables"], n["rp-container"], m ? n["rp-dark-mode"] : "", u),
 		style: {
 			"--rp-toolbar-height": `${c?.clientHeight || 48}px`,
 			...f,

package/dist/components/layout/LayoutWrapper.js

@@ -1,12 +1,12 @@
-import { withRef as e } from "../../utils/withRef.js";
-import { t } from "../../RPLayout.module-Vc3h4xxS.js";
+import { t as e } from "../../RPLayout.module-BH5r8dDc.js";
+import { withRef as t } from "../../utils/withRef.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/components/layout/LayoutWrapper.tsx
-var r = e((e, r) => {
-	let { children: i, ...a } = e;
+var r = t((t, r) => {
+	let { children: i, ...a } = t;
 	return /* @__PURE__ */ n("div", {
 		ref: r,
-		className: t["rp-layout-wrapper"],
+		className: e["rp-layout-wrapper"],
 		...a,
 		children: i
 	});

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-BuamPhw4.js";
-import { t as d } from "../../WrapperLayout-Dcd9l9xH.js";
-import { t as f } from "../../RPDropFileZone-Bq1bzWmO.js";
-import { t as p } from "../../SkipLink-CdcjClGB.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-BH5r8dDc.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-Dj83gZdk.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-BuamPhw4.js";
-import { t as s } from "../../WrapperLayout-Dcd9l9xH.js";
-import { t as c } from "../../RPDropFileZone-Bq1bzWmO.js";
-import { LayoutDropFileZoneProvider as l } from "../../contexts/LayoutDropFileZoneContext.js";
-import { t as u } from "../../SkipLink-CdcjClGB.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-BH5r8dDc.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-Dj83gZdk.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-CdcjClGB.js";
+import { t as e } from "../../SkipLink-Dj83gZdk.js";
 export { e as SkipLink };

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

@@ -6,10 +6,10 @@ import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js
 import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
 import { t as i } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-CXBVXusS.js";
+import { t as o } from "../../../RPTooltip-QWwWh4HW.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-DyeBsQJT.js";
+import { t as u } from "../../../Thumbnails-BIuN8LZ8.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-BO3QHzxR.js";
+import { t as e } from "../../../Thumbnail-BXMk0OWF.js";
 export { e as Thumbnail };

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

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

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

@@ -5,7 +5,7 @@ import { useToolComponentContext as r } from "../../../contexts/ToolComponentCon
 import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { t as a } from "../../../Button-DBu3SaMk.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
-import { t as s } from "../../../RPTooltip-CXBVXusS.js";
+import { t as s } from "../../../RPTooltip-QWwWh4HW.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/DocumentProperties.js

@@ -4,8 +4,8 @@ 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-CXBVXusS.js";
-import { t as s } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as o } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as s } from "../../../MenuItem-lItnKNd5.js";
 import { InfoIcon as c } from "../../icons/InfoIcon.js";
 import { t as l } from "../../../MenuSeparator-CaFxd8b5.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
@@ -15,11 +15,11 @@ var p = () => {
 	return e || t || /* @__PURE__ */ d(c, {});
 }, m = () => {
 	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, {
+	return !a || !c ? null : /* @__PURE__ */ f(u, { children: [m && /* @__PURE__ */ d(l, {}), /* @__PURE__ */ d(o, {
+		content: h?.documentPropertiesTooltip,
+		children: /* @__PURE__ */ f(s, {
 			className: "rp-menu-item",
-			content: h?.documentPropertiesTooltip,
+			onClick: () => r((e) => !e),
 			children: [/* @__PURE__ */ d("div", {
 				className: "rp-menu-item-left",
 				children: /* @__PURE__ */ d(p, {})

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

@@ -6,8 +6,8 @@ import { useFileDownload as i } from "../../../utils/hooks/useFileDownload.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-CXBVXusS.js";
-import { t as l } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as c } from "../../../RPTooltip-QWwWh4HW.js";
+import { t as l } from "../../../MenuItem-lItnKNd5.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
@@ -25,11 +25,11 @@ var p = () => {
 		"aria-label": t?.downloadFileTooltip,
 		children: /* @__PURE__ */ d(p, {})
 	})
-}), g = ({ download: e, localeMessages: t }) => /* @__PURE__ */ d(l, {
-	onClick: e,
-	children: /* @__PURE__ */ f(m, {
+}), g = ({ download: e, localeMessages: t }) => /* @__PURE__ */ d(m, {
+	localeMessages: t,
+	children: /* @__PURE__ */ f(l, {
+		onClick: e,
 		className: "rp-menu-item",
-		localeMessages: t,
 		children: [/* @__PURE__ */ d("div", {
 			className: "rp-menu-item-left",
 			children: /* @__PURE__ */ d(p, {})

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

@@ -6,9 +6,9 @@ import { useIconToolContext as i } from "../../../contexts/IconToolContext.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-CXBVXusS.js";
+import { t as c } from "../../../RPTooltip-QWwWh4HW.js";
 import { FileUploadDefaultIcon as l } from "../../icons/FileUploadDefaultIcon.js";
-import { t as u } from "../../../MenuItem-9kCH_GQ0.js";
+import { t as u } from "../../../MenuItem-lItnKNd5.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/FileUploadTool.tsx
 var p = () => {
@@ -18,11 +18,11 @@ var p = () => {
 	className: t,
 	content: n?.openLocalFileTooltip,
 	children: e
-}), h = ({ onFileChange: e, localeMessages: t }) => /* @__PURE__ */ d(u, {
-	onClick: e,
-	children: /* @__PURE__ */ f(m, {
+}), h = ({ onFileChange: e, localeMessages: t }) => /* @__PURE__ */ d(m, {
+	localeMessages: t,
+	children: /* @__PURE__ */ f(u, {
 		className: "rp-menu-item",
-		localeMessages: t,
+		onClick: e,
 		children: [/* @__PURE__ */ d("div", {
 			className: "rp-menu-item-left",
 			children: /* @__PURE__ */ d(p, {})