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

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

@@ -1,30 +1,30 @@
 import { ZoomLevel as e } from "../../../utils/types.js";
-import { MAX_ZOOM_SCALE as t } from "../../../utils/constants.js";
-import { useLayoutContainer as n } from "../../../contexts/LayoutContainerContext.js";
-import { useZoomContext as r } from "../../../contexts/ZoomContext.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 { t as s } from "../../../clsx-B7LyVm5O.js";
-import { useIconToolContext as c } from "../../../contexts/IconToolContext.js";
+import { useLayoutContainer as t } from "../../../contexts/LayoutContainerContext.js";
+import { useZoomContext as n } from "../../../contexts/ZoomContext.js";
+import { useLocalizationContext as r } from "../../../contexts/LocalizationContext.js";
+import { useToolbarComponentContext as i } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as a } from "../../../contexts/ToolComponentContext.js";
+import { t as o } from "../../../clsx-B7LyVm5O.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useZoomOrigin as c } from "../../../utils/hooks/useZoomOrigin.js";
 import { ChevronUpIcon as l } from "../../icons/ChevronUpIcon.js";
 import { t as u } from "../../../Button-BNlmxWrV.js";
 import { useIconContext as d } from "../../../contexts/IconContext.js";
 import { useViewportContext as f } from "../../../contexts/ViewportContext.js";
-import { t as p } from "../../../RPTooltip-ZZoFqP7C.js";
+import { t as p } from "../../../RPTooltip-COLVx-C_.js";
 import { n as m } from "../../../dist-CKteKPPA.js";
-import { t as h } from "../../../MenuItem-BJDWfzAw.js";
+import { t as h } from "../../../MenuItem-D-GflAAo.js";
 import { t as g } from "../../../DropDown-DikL-krI.js";
 import { t as _ } from "../../../MenuSeparator-D1H5l8Ej.js";
 import { ZoomInIcon as v } from "../../icons/ZoomInIcon.js";
 import { ZoomOutIcon as y } from "../../icons/ZoomOutIcon.js";
 import { t as b } from "../../../ZoomTool.module-BrIPy8pO.js";
 import { ZoomLevelDisplay as x } from "./tools/ZoomLevelDisplay.js";
-import { isZoomInDisabled as S, isZoomOutDisabled as C } from "../../../utils/zoom.js";
-import { useCallback as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { getNextZoomInLevel as S, getNextZoomOutLevel as C, isZoomInDisabled as w, isZoomOutDisabled as T } from "../../../utils/zoom.js";
+import { useCallback as E, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/ZoomTool.tsx
-var j = [
+var N = [
 	50,
 	75,
 	100,
@@ -33,61 +33,63 @@ var j = [
 	200,
 	300,
 	400
-], M = () => {
-	let { zoomInIcon: e } = d(), { zoomInIcon: t } = c();
-	return e || t || /* @__PURE__ */ k(v, {});
-}, N = () => {
-	let { zoomOutIcon: e } = d(), { zoomOutIcon: t } = c();
-	return e || t || /* @__PURE__ */ k(y, {});
-}, P = () => {
-	let { zoomLevel: c, setZoomLevel: d, currentZoom: v } = r(), { container: y, pagesRef: P } = n(), { zoomTool: F = !0 } = a(), { zoomTool: I = !0 } = o(), { isSmallScreen: L } = f(), { localeMessages: R } = i(), [z, B] = O(0), [V, H] = O(!1), U = D(new ResizeObserver((e) => {
-		B(e[0].contentRect.height);
-	})), W = w(() => {
-		d(() => {
-			let e = Math.floor(v * 100 / 25) * 25;
-			return Math.min(e + 25, t);
-		});
-	}, [d, v]), G = w(() => {
-		d(() => {
-			let e = Math.ceil(v * 100 / 25) * 25;
-			return Math.min(e - 25, t);
-		});
-	}, [d, v]), K = E(() => C(v), [v]), q = E(() => S(v), [v]);
-	return T(() => (P && U.current.observe(P), () => {
-		U.current.disconnect();
-	}), [P]), !F || !I ? null : typeof F == "function" ? /* @__PURE__ */ k(F, {
-		zoomLevel: c,
+], P = () => {
+	let { zoomInIcon: e } = d(), { zoomInIcon: t } = s();
+	return e || t || /* @__PURE__ */ j(v, {});
+}, F = () => {
+	let { zoomOutIcon: e } = d(), { zoomOutIcon: t } = s();
+	return e || t || /* @__PURE__ */ j(y, {});
+}, I = () => {
+	let { zoomLevel: s, setZoomLevel: d, targetZoom: v, zoomTo: y } = n(), { container: I, pagesRef: L } = t(), { zoomTool: R = !0 } = i(), { zoomTool: z = !0 } = a(), { isSmallScreen: B } = f(), { localeMessages: V } = r(), [H, U] = A(0), [W, G] = A(!1), K = k(new ResizeObserver((e) => {
+		U(e[0].contentRect.height);
+	})), q = c(L), J = E(() => {
+		y(S(v * 100), { origin: q() });
+	}, [
+		q,
+		v,
+		y
+	]), Y = E(() => {
+		y(C(v * 100), { origin: q() });
+	}, [
+		q,
+		v,
+		y
+	]), X = O(() => T(v), [v]), Z = O(() => w(v), [v]);
+	return D(() => (L && K.current.observe(L), () => {
+		K.current.disconnect();
+	}), [L]), !R || !z ? null : typeof R == "function" ? /* @__PURE__ */ j(R, {
+		zoomLevel: s,
 		setZoomLevel: d
-	}) : typeof I == "function" ? /* @__PURE__ */ k(I, {
-		zoomLevel: c,
+	}) : typeof z == "function" ? /* @__PURE__ */ j(z, {
+		zoomLevel: s,
 		setZoomLevel: d
-	}) : /* @__PURE__ */ A("div", {
+	}) : /* @__PURE__ */ M("div", {
 		className: b["rp-zoom-wrapper"],
 		children: [
-			/* @__PURE__ */ k(p, {
-				content: R?.zoomOutTooltip,
-				children: /* @__PURE__ */ k(u, {
-					disabled: K,
-					onClick: G,
-					"aria-label": R?.zoomOutTooltip,
-					children: /* @__PURE__ */ k(N, {})
+			/* @__PURE__ */ j(p, {
+				content: V?.zoomOutTooltip,
+				children: /* @__PURE__ */ j(u, {
+					disabled: X,
+					onClick: Y,
+					"aria-label": V?.zoomOutTooltip,
+					children: /* @__PURE__ */ j(F, {})
 				})
 			}),
-			!L && /* @__PURE__ */ k(g, {
-				container: y,
-				open: V,
-				onOpenChange: H,
-				triggerComponent: /* @__PURE__ */ k("div", {
+			!B && /* @__PURE__ */ j(g, {
+				container: I,
+				open: W,
+				onOpenChange: G,
+				triggerComponent: /* @__PURE__ */ j("div", {
 					role: "button",
-					children: /* @__PURE__ */ k(p, {
-						content: R?.zoomSelectTooltip,
-						children: /* @__PURE__ */ A(u, {
-							className: s(b["rp-current-zoom-wrapper"], V && b.active),
-							"aria-label": R?.zoomSelectTooltip,
-							children: [/* @__PURE__ */ k(x, {
-								zoomLevel: c,
+					children: /* @__PURE__ */ j(p, {
+						content: V?.zoomSelectTooltip,
+						children: /* @__PURE__ */ M(u, {
+							className: o(b["rp-current-zoom-wrapper"], W && b.active),
+							"aria-label": V?.zoomSelectTooltip,
+							children: [/* @__PURE__ */ j(x, {
+								zoomLevel: s,
 								className: b["rp-current-zoom-text"]
-							}), /* @__PURE__ */ k(l, { className: b["rp-current-zoom-icon"] })]
+							}), /* @__PURE__ */ j(l, { className: b["rp-current-zoom-icon"] })]
 						})
 					})
 				}),
@@ -95,46 +97,46 @@ var j = [
 				align: "center",
 				side: "bottom",
 				avoidCollisions: !1,
-				children: /* @__PURE__ */ A("div", {
+				children: /* @__PURE__ */ M("div", {
 					style: {
-						maxHeight: `${z}px`,
+						maxHeight: `${H}px`,
 						overflow: "auto"
 					},
 					className: b["rp-zoom-dropdown-content"],
 					children: [
-						/* @__PURE__ */ A(m, { children: [
-							/* @__PURE__ */ k(h, {
+						/* @__PURE__ */ M(m, { children: [
+							/* @__PURE__ */ j(h, {
 								onClick: () => d(e.ACTUAL),
-								children: R?.zoomActualSize
+								children: V?.zoomActualSize
 							}),
-							/* @__PURE__ */ k(h, {
+							/* @__PURE__ */ j(h, {
 								onClick: () => d(e.PAGE_FIT),
-								children: R?.zoomPageFit
+								children: V?.zoomPageFit
 							}),
-							/* @__PURE__ */ k(h, {
+							/* @__PURE__ */ j(h, {
 								onClick: () => d(e.PAGE_WIDTH),
-								children: R?.zoomPageWidth
+								children: V?.zoomPageWidth
 							})
 						] }),
-						/* @__PURE__ */ k(_, {}),
-						/* @__PURE__ */ k(m, { children: j.map((e) => /* @__PURE__ */ A(h, {
+						/* @__PURE__ */ j(_, {}),
+						/* @__PURE__ */ j(m, { children: N.map((e) => /* @__PURE__ */ M(h, {
 							onClick: () => d(e),
 							children: [e, " %"]
 						}, e)) })
 					]
 				})
 			}),
-			/* @__PURE__ */ k(p, {
-				content: R?.zoomInTooltip,
-				children: /* @__PURE__ */ k(u, {
-					disabled: q,
-					onClick: W,
-					"aria-label": R?.zoomInTooltip,
-					children: /* @__PURE__ */ k(M, {})
+			/* @__PURE__ */ j(p, {
+				content: V?.zoomInTooltip,
+				children: /* @__PURE__ */ j(u, {
+					disabled: Z,
+					onClick: J,
+					"aria-label": V?.zoomInTooltip,
+					children: /* @__PURE__ */ j(P, {})
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { P as ZoomTool };
+export { I as ZoomTool };

package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { useOtherToolContext as t } from "../../../../contexts/OtherToolContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { t as i } from "../../../../DocumentDialog-C9G7lVTh.js";
 import { InfoIcon as a } from "../../../icons/InfoIcon.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/components/layout/toolbar/tools/DualPageTool.js

@@ -1,7 +1,7 @@
 import { useViewModeContext as e } from "../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { DualPageIcon as i } from "../../../icons/DualPageIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/DualPageTool.tsx

package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js

@@ -1,2 +1,2 @@
-import { r as e } from "../../../../main-CKr9unOk.js";
+import { r as e } from "../../../../main-7sMXtgRg.js";
 export { e as DualPageWithCoverTool };

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

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { useFileDownload as t } from "../../../../utils/hooks/useFileDownload.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { FileDownloadDefaultIcon as i } from "../../../icons/FileDownloadDefaultIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/FileDownloadTool.tsx

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

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { useOpenFileContext as t } from "../../../../contexts/FileInputContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { FileUploadDefaultIcon as i } from "../../../icons/FileUploadDefaultIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/FileUploadTool.tsx

package/dist/components/layout/toolbar/tools/FirstPageTool.js

@@ -1,2 +1,2 @@
-import { n as e } from "../../../../main-CKr9unOk.js";
+import { n as e } from "../../../../main-7sMXtgRg.js";
 export { e as FirstPageTool };

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

@@ -1,7 +1,7 @@
 import { useFullScreenContext as e } from "../../../../contexts/FullScreenContext.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { FullScreenIcon as i } from "../../../icons/FullScreenIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/FullScreenTool.tsx

package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js

@@ -2,13 +2,13 @@ import { ScrollMode as e } from "../../../../utils/types.js";
 import { useScrollModeContext as t } from "../../../../contexts/ScrollModeContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { HorizontalScrollingIcon as a } from "../../../icons/HorizontalScrollingIcon.js";
 import { jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/HorizontalScrollingTool.tsx
 var s = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ o(i, {
 	className: t,
-	content: n?.horizontalTooltip,
+	content: n?.horizontalScrollingTooltip || n?.horizontalTooltip,
 	children: e
 }), c = ({ icon: i }) => {
 	let { setScrollMode: c } = t(), { localeMessages: l } = n();
@@ -16,7 +16,7 @@ var s = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ o(
 		localeMessages: l,
 		children: /* @__PURE__ */ o(r, {
 			onClick: () => c(e.HORIZONTAL_SCROLLING),
-			"aria-label": l?.horizontalTooltip,
+			"aria-label": l?.horizontalScrollingTooltip || l?.horizontalTooltip,
 			children: i || /* @__PURE__ */ o(a, {})
 		})
 	});

package/dist/components/layout/toolbar/tools/InputPageTool.js

@@ -1,8 +1,8 @@
-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 { t as n } from "../../../../Input-DjSWOjCI.js";
 import { t as r } from "../../../../Paginate.module-DhE7N8AA.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { useCallback as a, useEffect as o, useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/InputPageTool.tsx

package/dist/components/layout/toolbar/tools/LastPageTool.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../main-CKr9unOk.js";
+import { t as e } from "../../../../main-7sMXtgRg.js";
 export { e as LastPageTool };

package/dist/components/layout/toolbar/tools/NextPageTool.js

@@ -1,11 +1,11 @@
 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 { ChevronUpIcon as o } from "../../../icons/ChevronUpIcon.js";
 import { t as s } from "../../../../Button-BNlmxWrV.js";
-import { t as c } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as c } from "../../../../RPTooltip-COLVx-C_.js";
 import { useMemo as l } from "react";
 import { Fragment as u, jsx as d } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/NextPageTool.tsx

package/dist/components/layout/toolbar/tools/PageScrollingTool.js

@@ -2,7 +2,7 @@ import { ScrollMode as e } from "../../../../utils/types.js";
 import { useScrollModeContext as t } from "../../../../contexts/ScrollModeContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { PageScrollingIcon as a } from "../../../icons/PageScrollingIcon.js";
 import { jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/PageScrollingTool.tsx

package/dist/components/layout/toolbar/tools/PreviousPageTool.js

@@ -1,8 +1,8 @@
-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 { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/PreviousPageTool.tsx
 var s = ({ icon: s }) => {

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

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { usePrintContext as t } from "../../../../contexts/PrintContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { PrintDefaultTool as i } from "../../../icons/PrintDefaultIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/PrintTool.tsx

package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js

@@ -1,6 +1,6 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { t } from "../../../../Button-BNlmxWrV.js";
-import { t as n } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as n } from "../../../../RPTooltip-COLVx-C_.js";
 import { ClockwiseIcon as r } from "../../../icons/ClockwiseIcon.js";
 import { useRotate as i } from "../../../../utils/hooks/useRotate.js";
 import { jsx as a } from "react/jsx-runtime";

package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js

@@ -1,6 +1,6 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { t } from "../../../../Button-BNlmxWrV.js";
-import { t as n } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as n } from "../../../../RPTooltip-COLVx-C_.js";
 import { ClockwiseIcon as r } from "../../../icons/ClockwiseIcon.js";
 import { t as i } from "../../../../RotateTool.module-DH5yWbvM.js";
 import { useRotate as a } from "../../../../utils/hooks/useRotate.js";

package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js

@@ -2,7 +2,7 @@ import { SelectionMode as e } from "../../../../utils/types.js";
 import { useSelectionModeContext as t } from "../../../../contexts/SelectionModeContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { TextSelectionDefaultIcon as a } from "../../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as o } from "../../../icons/HandModeDefaultIcon.js";
 import { useCallback as s, useMemo as c } from "react";

package/dist/components/layout/toolbar/tools/SinglePageTool.js

@@ -1,7 +1,7 @@
 import { useViewModeContext as e } from "../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { SinglePageIcon as i } from "../../../icons/SinglePageIcon.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/SinglePageTool.tsx

package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js

@@ -1,7 +1,7 @@
 import { useDarkModeContext as e } from "../../../../contexts/DarkModeContext.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { MoonIcon as i } from "../../../icons/MoonIcon.js";
 import { SunIcon as a } from "../../../icons/SunIcon.js";
 import { useCallback as o } from "react";

package/dist/components/layout/toolbar/tools/ThumbnailTool.js

@@ -2,7 +2,7 @@
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { useThumbnailContext as t } from "../../../../contexts/ThumbnailsContext.js";
 import { t as n } from "../../../../Button-BNlmxWrV.js";
-import { t as r } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../RPTooltip-COLVx-C_.js";
 import { ThumbnailIcon as i } from "../../../icons/Thumbnail.js";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/ThumbnailTool.tsx

package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js

@@ -2,7 +2,7 @@ import { ScrollMode as e } from "../../../../utils/types.js";
 import { useScrollModeContext as t } from "../../../../contexts/ScrollModeContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { t as i } from "../../../../RPTooltip-COLVx-C_.js";
 import { VerticalScrollingIcon as a } from "../../../icons/VerticalScrollingIcon.js";
 import { jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/VerticalScrollingTool.tsx

package/dist/components/layout/toolbar/tools/ZoomInTool.js

@@ -1,30 +1,32 @@
-import { MAX_ZOOM_SCALE as e } from "../../../../utils/constants.js";
+import { useLayoutContainer as e } from "../../../../contexts/LayoutContainerContext.js";
 import { useZoomContext as t } from "../../../../contexts/ZoomContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
-import { ZoomInIcon as a } from "../../../icons/ZoomInIcon.js";
-import { isZoomInDisabled as o } from "../../../../utils/zoom.js";
-import { useCallback as s, useMemo as c } from "react";
-import { Fragment as l, jsx as u } from "react/jsx-runtime";
+import { useZoomOrigin as r } from "../../../../utils/hooks/useZoomOrigin.js";
+import { t as i } from "../../../../Button-BNlmxWrV.js";
+import { t as a } from "../../../../RPTooltip-COLVx-C_.js";
+import { ZoomInIcon as o } from "../../../icons/ZoomInIcon.js";
+import { getNextZoomInLevel as s, isZoomInDisabled as c } from "../../../../utils/zoom.js";
+import { useCallback as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/ZoomInTool.tsx
-var d = ({ icon: d }) => {
-	let { currentZoom: f, setZoomLevel: p } = t(), { localeMessages: m } = n(), h = s(() => {
-		p(() => {
-			let t = Math.floor(f * 100 / 25) * 25;
-			return Math.min(t + 25, e);
-		});
-	}, [p, f]), g = c(() => o(f), [f]);
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i, {
-		content: m?.zoomInTooltip,
-		children: /* @__PURE__ */ u(r, {
-			disabled: g,
-			onClick: h,
-			"aria-label": m?.zoomInTooltip,
-			"aria-disabled": g,
-			children: d || /* @__PURE__ */ u(a, { "aria-hidden": "true" })
+var p = ({ icon: p }) => {
+	let { targetZoom: m, zoomTo: h } = t(), { pagesRef: g } = e(), { localeMessages: _ } = n(), v = r(g), y = l(() => {
+		h(s(m * 100), { origin: v() });
+	}, [
+		v,
+		m,
+		h
+	]), b = u(() => c(m), [m]);
+	return /* @__PURE__ */ f(d, { children: /* @__PURE__ */ f(a, {
+		content: _?.zoomInTooltip,
+		children: /* @__PURE__ */ f(i, {
+			disabled: b,
+			onClick: y,
+			"aria-label": _?.zoomInTooltip,
+			"aria-disabled": b,
+			children: p || /* @__PURE__ */ f(o, { "aria-hidden": "true" })
 		})
 	}) });
 };
 //#endregion
-export { d as ZoomInTool };
+export { p as ZoomInTool };

package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js

@@ -14,7 +14,7 @@ var s = ({ zoomLevel: s, className: c }) => {
 	}, [s, l]);
 	return /* @__PURE__ */ a(i, { children: typeof s == "number" ? /* @__PURE__ */ o(n, { children: [/* @__PURE__ */ a("span", {
 		className: c,
-		children: s
+		children: Math.round(s)
 	}), /* @__PURE__ */ a("span", {
 		className: c,
 		children: "%"

package/dist/components/layout/toolbar/tools/ZoomLevelTool.js

@@ -3,9 +3,9 @@ import { useLayoutContainer as t } from "../../../../contexts/LayoutContainerCon
 import { useZoomContext as n } from "../../../../contexts/ZoomContext.js";
 import { useLocalizationContext as r } from "../../../../contexts/LocalizationContext.js";
 import { t as i } from "../../../../Button-BNlmxWrV.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 "../../../../DropDown-DikL-krI.js";
 import { t as l } from "../../../../MenuSeparator-D1H5l8Ej.js";
 import { t as u } from "../../../../ZoomTool.module-BrIPy8pO.js";

package/dist/components/layout/toolbar/tools/ZoomOutTool.js

@@ -1,30 +1,32 @@
-import { MAX_ZOOM_SCALE as e } from "../../../../utils/constants.js";
+import { useLayoutContainer as e } from "../../../../contexts/LayoutContainerContext.js";
 import { useZoomContext as t } from "../../../../contexts/ZoomContext.js";
 import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../Button-BNlmxWrV.js";
-import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
-import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
-import { isZoomOutDisabled as o } from "../../../../utils/zoom.js";
-import { useCallback as s, useMemo as c } from "react";
-import { Fragment as l, jsx as u } from "react/jsx-runtime";
+import { useZoomOrigin as r } from "../../../../utils/hooks/useZoomOrigin.js";
+import { t as i } from "../../../../Button-BNlmxWrV.js";
+import { t as a } from "../../../../RPTooltip-COLVx-C_.js";
+import { ZoomOutIcon as o } from "../../../icons/ZoomOutIcon.js";
+import { getNextZoomOutLevel as s, isZoomOutDisabled as c } from "../../../../utils/zoom.js";
+import { useCallback as l, useMemo as u } from "react";
+import { Fragment as d, jsx as f } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/ZoomOutTool.tsx
-var d = ({ icon: d }) => {
-	let { currentZoom: f, setZoomLevel: p } = t(), { localeMessages: m } = n(), h = c(() => o(f), [f]), g = s(() => {
-		p(() => {
-			let t = Math.ceil(f * 100 / 25) * 25;
-			return Math.min(t - 25, e);
-		});
-	}, [p, f]);
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i, {
-		content: m?.zoomOutTooltip,
-		children: /* @__PURE__ */ u(r, {
-			disabled: h,
-			onClick: g,
-			"aria-label": m?.zoomOutTooltip,
-			"aria-disabled": h,
-			children: d || /* @__PURE__ */ u(a, { "aria-hidden": "true" })
+var p = ({ icon: p }) => {
+	let { targetZoom: m, zoomTo: h } = t(), { pagesRef: g } = e(), { localeMessages: _ } = n(), v = r(g), y = u(() => c(m), [m]), b = l(() => {
+		h(s(m * 100), { origin: v() });
+	}, [
+		v,
+		m,
+		h
+	]);
+	return /* @__PURE__ */ f(d, { children: /* @__PURE__ */ f(a, {
+		content: _?.zoomOutTooltip,
+		children: /* @__PURE__ */ f(i, {
+			disabled: y,
+			onClick: b,
+			"aria-label": _?.zoomOutTooltip,
+			"aria-disabled": y,
+			children: p || /* @__PURE__ */ f(o, { "aria-hidden": "true" })
 		})
 	}) });
 };
 //#endregion
-export { d as ZoomOutTool };
+export { p as ZoomOutTool };

package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useOtherToolContext as t } from "../../../../../contexts/OtherToolContext.js";
-import { t as n } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as r } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as n } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as r } from "../../../../../MenuItem-D-GflAAo.js";
 import { InfoIcon as i } from "../../../../icons/InfoIcon.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/DocumentProperties.tsx