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

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-C8T5x1fE.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-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";
-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-CmXHTAqF.js";
+import { t as e } from "../RPPages-BQw330_L.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-C8T5x1fE.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-B7LyVm5O.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

@@ -4,7 +4,7 @@ import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.j
 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 { 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";
@@ -13,7 +13,7 @@ import { RPSidebar as u } from "./sidebar/RPSidebar.js";
 import { t as d } from "../../Container-BxNZX82X.js";
 import { t as f } from "../../WrapperLayout-Dcd9l9xH.js";
 import { t as p } from "../../RPDropFileZone-D1C3ouep.js";
-import { t as m } from "../../SkipLink-CdcjClGB.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

package/dist/components/layout/RPLayout.js

@@ -3,14 +3,14 @@ import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
 import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
 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 { 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-BxNZX82X.js";
 import { t as c } from "../../WrapperLayout-Dcd9l9xH.js";
 import { t as l } from "../../RPDropFileZone-D1C3ouep.js";
 import { LayoutDropFileZoneProvider as u } from "../../contexts/LayoutDropFileZoneContext.js";
-import { t as d } from "../../SkipLink-CdcjClGB.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";

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-BNlmxWrV.js";
 import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { t as o } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as o } from "../../../RPTooltip-COLVx-C_.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-DnAsrttK.js";
+import { t as u } from "../../../Thumbnails-DKG6I7pb.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-CzclS3h_.js";
+import { t as e } from "../../../Thumbnail-C6zkvwcs.js";
 export { e as Thumbnail };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../Thumbnails-DnAsrttK.js";
+import { t as e } from "../../../Thumbnails-DKG6I7pb.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-BNlmxWrV.js";
 import { useIconContext as o } from "../../../contexts/IconContext.js";
-import { t as s } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as s } from "../../../RPTooltip-COLVx-C_.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-ZZoFqP7C.js";
-import { t as s } from "../../../MenuItem-BJDWfzAw.js";
+import { t as o } from "../../../RPTooltip-COLVx-C_.js";
+import { t as s } from "../../../MenuItem-D-GflAAo.js";
 import { InfoIcon as c } from "../../icons/InfoIcon.js";
 import { t as l } from "../../../MenuSeparator-D1H5l8Ej.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-BNlmxWrV.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-COLVx-C_.js";
+import { t as l } from "../../../MenuItem-D-GflAAo.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-BNlmxWrV.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-COLVx-C_.js";
 import { FileUploadDefaultIcon as l } from "../../icons/FileUploadDefaultIcon.js";
-import { t as u } from "../../../MenuItem-BJDWfzAw.js";
+import { t as u } from "../../../MenuItem-D-GflAAo.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, {})

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

@@ -6,8 +6,8 @@ import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { t as a } from "../../../Button-BNlmxWrV.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-COLVx-C_.js";
+import { t as l } from "../../../MenuItem-D-GflAAo.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
@@ -18,12 +18,12 @@ var p = () => {
 	className: t,
 	content: n?.fullScreenTooltip,
 	children: e
-}), h = ({ toggleFullScreen: e, isSupported: t, localeMessages: n }) => /* @__PURE__ */ d(l, {
-	onClick: e,
-	disabled: !t,
-	children: /* @__PURE__ */ f(m, {
+}), h = ({ toggleFullScreen: e, isSupported: t, localeMessages: n }) => /* @__PURE__ */ d(m, {
+	localeMessages: n,
+	children: /* @__PURE__ */ f(l, {
+		onClick: e,
+		disabled: !t,
 		className: "rp-menu-item",
-		localeMessages: n,
 		children: [/* @__PURE__ */ d("div", {
 			className: "rp-menu-item-left",
 			children: /* @__PURE__ */ d(u, {})
@@ -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-D-GflAAo.js";
 export { e as MenuItem };

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

@@ -1,12 +1,12 @@
-import { r as e } from "../../../PaginationContext-Cwf8sCpK.js";
+import { r as e } from "../../../PaginationContext-DIzsZhFd.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 { t as o } from "../../../RPTooltip-COLVx-C_.js";
 import { n as s } from "../../../dist-CKteKPPA.js";
-import { t as c } from "../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../MenuItem-D-GflAAo.js";
 import { t as l } from "../../../MenuSeparator-D1H5l8Ej.js";
 import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
 import { t as d } from "../../../MostPageTool.module-BRVv-sGz.js";
@@ -26,34 +26,28 @@ var g = () => {
 		i(a);
 	}, [i, a]);
 	return !d || !y ? null : /* @__PURE__ */ h(s, { children: [
-		/* @__PURE__ */ m(c, {
-			onClick: C,
-			children: /* @__PURE__ */ m(o, {
-				content: b?.firstPageTooltip,
-				style: v,
-				children: /* @__PURE__ */ h("div", {
-					className: "rp-menu-item",
-					"aria-disabled": x,
-					children: [/* @__PURE__ */ m("div", {
-						className: "rp-menu-item-left",
-						children: /* @__PURE__ */ m(g, {})
-					}), /* @__PURE__ */ m("span", { children: b?.firstPageLabel })]
-				})
+		/* @__PURE__ */ m(o, {
+			content: b?.firstPageTooltip,
+			style: v,
+			children: /* @__PURE__ */ h(c, {
+				onClick: C,
+				disabled: x,
+				children: [/* @__PURE__ */ m("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ m(g, {})
+				}), /* @__PURE__ */ m("span", { children: b?.firstPageLabel })]
 			})
 		}),
-		/* @__PURE__ */ m(c, {
-			onClick: w,
-			children: /* @__PURE__ */ m(o, {
-				content: b?.lastPageTooltip,
-				style: v,
-				children: /* @__PURE__ */ h("div", {
-					className: "rp-menu-item",
-					"aria-disabled": S,
-					children: [/* @__PURE__ */ m("div", {
-						className: "rp-menu-item-left",
-						children: /* @__PURE__ */ m(_, {})
-					}), /* @__PURE__ */ m("span", { children: b?.lastPageLabel })]
-				})
+		/* @__PURE__ */ m(o, {
+			content: b?.lastPageTooltip,
+			style: v,
+			children: /* @__PURE__ */ h(c, {
+				onClick: w,
+				disabled: S,
+				children: [/* @__PURE__ */ m("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ m(_, {})
+				}), /* @__PURE__ */ m("span", { children: b?.lastPageLabel })]
 			})
 		}),
 		/* @__PURE__ */ m(l, {})

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

@@ -4,7 +4,7 @@ import { useToolbarComponentContext as ee } from "../../../contexts/ToolbarCompo
 import { useToolComponentContext as te } from "../../../contexts/ToolComponentContext.js";
 import { t as n } from "../../../Button-BNlmxWrV.js";
 import { useViewportContext as r } from "../../../contexts/ViewportContext.js";
-import { t as i } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../RPTooltip-COLVx-C_.js";
 import { n as a } from "../../../dist-CKteKPPA.js";
 import { FileUploadTool as o } from "./FileUploadTool.js";
 import { ThreeDotIcon as s } from "../../icons/ThreeDotIcon.js";

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

@@ -1,7 +1,7 @@
 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-Cwf8sCpK.js";
+import { r as i } from "../../../PaginationContext-DIzsZhFd.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";
@@ -12,7 +12,7 @@ import { t as d } from "../../../Input-DjSWOjCI.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-COLVx-C_.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

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

@@ -6,8 +6,8 @@ import { useIconToolContext as i } from "../../../contexts/IconToolContext.js";
 import { t as a } from "../../../Button-BNlmxWrV.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-COLVx-C_.js";
+import { t as l } from "../../../MenuItem-D-GflAAo.js";
 import { PrintDefaultTool as u } from "../../icons/PrintDefaultIcon.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/PrintTool.tsx
@@ -25,11 +25,11 @@ var p = () => {
 		"aria-label": t?.printTooltip,
 		children: /* @__PURE__ */ d(p, {})
 	})
-}), g = ({ print: e, localeMessages: t }) => /* @__PURE__ */ d(l, {
-	onClick: e,
-	children: /* @__PURE__ */ f(m, {
+}), g = ({ print: 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/RPMenuItem.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../RPTooltip-ZZoFqP7C.js";
-import { t } from "../../../MenuItem-BJDWfzAw.js";
+import { t as e } from "../../../RPTooltip-COLVx-C_.js";
+import { t } from "../../../MenuItem-D-GflAAo.js";
 import { InfoIcon as n } from "../../icons/InfoIcon.js";
 import { t as r } from "../../../MenuSeparator-D1H5l8Ej.js";
 import "react";

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

@@ -2,7 +2,7 @@ import { useLayoutContainer as e } from "../../../contexts/LayoutContainerContex
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../Button-BNlmxWrV.js";
 import { useViewportContext as r } from "../../../contexts/ViewportContext.js";
-import { t as i } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../RPTooltip-COLVx-C_.js";
 import { n as a } from "../../../dist-CKteKPPA.js";
 import { ThreeDotIcon as o } from "../../icons/ThreeDotIcon.js";
 import { t as s } from "../../../DropDown-DikL-krI.js";

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-DiWoWs4Y.js";
+import { t as u } from "../../../LoadingIndicator-B_Jsf8No.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

@@ -3,9 +3,9 @@ import { useToolbarComponentContext as t } from "../../../contexts/ToolbarCompon
 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";
+import { t as a } from "../../../RPTooltip-COLVx-C_.js";
 import { n as o } from "../../../dist-CKteKPPA.js";
-import { t as s } from "../../../MenuItem-BJDWfzAw.js";
+import { t as s } from "../../../MenuItem-D-GflAAo.js";
 import { t as c } from "../../../MenuSeparator-D1H5l8Ej.js";
 import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
 import { t as u } from "../../../RotateTool.module-DH5yWbvM.js";
@@ -21,22 +21,22 @@ var h = () => {
 }, _ = () => {
 	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,
-			children: /* @__PURE__ */ m(a, {
+		/* @__PURE__ */ p(a, {
+			content: _?.rotateClockwiseTooltip,
+			children: /* @__PURE__ */ m(s, {
+				onClick: r,
 				className: "rp-menu-item",
-				content: _?.rotateClockwiseTooltip,
 				children: [/* @__PURE__ */ p("div", {
 					className: "rp-menu-item-left",
 					children: /* @__PURE__ */ p(h, {})
 				}), _?.rotateClockwiseLabel]
 			})
 		}),
-		/* @__PURE__ */ p(s, {
-			onClick: i,
-			children: /* @__PURE__ */ m(a, {
+		/* @__PURE__ */ p(a, {
+			content: _?.rotateCounterclockwiseTooltip,
+			children: /* @__PURE__ */ m(s, {
+				onClick: i,
 				className: "rp-menu-item",
-				content: _?.rotateCounterclockwiseTooltip,
 				children: [/* @__PURE__ */ p("div", {
 					className: "rp-menu-item-left",
 					children: /* @__PURE__ */ p(g, {})