@react-pdf-kit/viewer 0.0.0-experimental.0

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

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { PageScrollingIcon as n } from "../../../icons/PageScrollingIcon.js";
+import { ScrollMode as l } from "../../../../utils/types.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../contexts/InitialStateContext.js";
+const f = ({
+  children: r,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.pageScrollingTooltip, children: r }), E = ({ icon: r }) => {
+  const { setScrollMode: i } = S(), { localeMessages: o } = c();
+  return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
+    p,
+    {
+      onClick: () => i(l.PAGE_SCROLLING),
+      "aria-label": o == null ? void 0 : o.pageScrollingTooltip,
+      children: r || /* @__PURE__ */ t(n, {})
+    }
+  ) });
+};
+export {
+  E as PageScrollingTool
+};

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

@@ -0,0 +1,62 @@
+import { jsx as r, Fragment as n } from "react/jsx-runtime";
+import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
+import { UIButton as a } from "../../../ui/Button.js";
+import { u as d } from "../../../../PaginationContext-9217cab4.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
+import c from "../../../ui/RPTooltip.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../contexts/ScrollModeContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/EventCallbackContext.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/VirtualScrollContext.js";
+import "../../../../contexts/VirtualGridContext.js";
+import "../../../../utils/smoothScrollTo.js";
+import "../../../../contexts/DimensionPagesContext.js";
+import "../../../../contexts/ZoomContext.js";
+import "../../../../utils/constants.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../contexts/PagesRotateContext.js";
+import "../../../../contexts/SmoothScrollContext.js";
+import "../../../../utils/getScrollDistance.js";
+import "../../../../utils/calculatePage.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+const po = ({ icon: i }) => {
+  const { focusedPage: p, prevPage: m } = d(), { localeMessages: o } = u(), t = p === 1;
+  return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(c, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
+    a,
+    {
+      onClick: m,
+      "aria-label": o == null ? void 0 : o.previousPageTooltip,
+      disabled: t,
+      "aria-disabled": t,
+      children: i || /* @__PURE__ */ r(e, { "aria-hidden": "true" })
+    }
+  ) }) });
+};
+export {
+  po as PreviousPageTool
+};

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

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { usePrintContext as n } from "../../../../contexts/PrintContext.js";
+import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
+import u from "../../../ui/RPTooltip.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+import "../../../../utils/hooks/usePrint.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+const T = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(u, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), N = ({ icon: o }) => {
+  const { print: i } = n(), { localeMessages: t } = f();
+  return /* @__PURE__ */ r(T, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, { "aria-hidden": "true" }) }) });
+};
+export {
+  N as PrintTool
+};

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

@@ -0,0 +1,47 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../utils/hooks/useLocalization.js";
+const k = ({
+  children: t,
+  className: r,
+  localeMessages: o
+}) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), K = ({ icon: t }) => {
+  const { handleRotateClockwise: r } = c(), { localeMessages: o } = C();
+  return /* @__PURE__ */ i(k, { localeMessages: o, children: /* @__PURE__ */ i(
+    p,
+    {
+      onClick: r,
+      "aria-label": (o == null ? void 0 : o.rotateClockwiseTooltip) || (o == null ? void 0 : o.rotateClockwiseLabel),
+      children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" })
+    }
+  ) });
+};
+export {
+  K as RotateClockwiseTool
+};

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

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+import { c as u } from "../../../../RotateTool.module-67946714.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../utils/hooks/useLocalization.js";
+const k = ({
+  children: t,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), K = ({ icon: t }) => {
+  const { handleRotateCounterclockwise: i } = c(), { localeMessages: o } = e();
+  return /* @__PURE__ */ r(k, { localeMessages: o, children: /* @__PURE__ */ r(
+    p,
+    {
+      onClick: i,
+      "aria-label": (o == null ? void 0 : o.rotateCounterclockwiseTooltip) || (o == null ? void 0 : o.rotateCounterclockwiseLabel),
+      children: t || /* @__PURE__ */ r(n, { className: u["rp-rotate-counterclockwise"], "aria-hidden": "true" })
+    }
+  ) });
+};
+export {
+  K as RotateCounterclockwiseTool
+};

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

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as i, useCallback as S } from "react";
+import { UIButton as u } from "../../../ui/Button.js";
+import a from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as s } from "../../../../contexts/LocalizationContext.js";
+import { useSelectionModeContext as x } from "../../../../contexts/SelectionModeContext.js";
+import { SelectionMode as r } from "../../../../utils/types.js";
+import { TextSelectionDefaultIcon as h } from "../../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as M } from "../../../icons/HandModeDefaultIcon.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../de_DE-a553b162.js";
+const v = ({ icons: d }) => {
+  const { textSelectionIcon: n, handModeIcon: m } = d ?? {}, { selectionMode: c, setSelectionMode: p } = x(), { localeMessages: o } = s(), t = i(() => c === r.TEXT, [c]), l = i(
+    () => t ? o == null ? void 0 : o.handToolTooltip : o == null ? void 0 : o.textSelectionTooltip,
+    [t, o]
+  ), f = S(() => {
+    p(t ? r.HAND : r.TEXT);
+  }, [t, p]), T = i(() => t ? m ?? /* @__PURE__ */ e(M, {}) : n ?? /* @__PURE__ */ e(h, {}), [t, n, m]);
+  return /* @__PURE__ */ e(a, { content: l, children: /* @__PURE__ */ e(
+    u,
+    {
+      onClick: f,
+      "aria-label": l,
+      "aria-pressed": t,
+      children: T
+    }
+  ) });
+};
+export {
+  v as SelectionModeSwitcherTool
+};

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

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
+import { useViewModeContext as e } from "../../../../contexts/ViewModeContext.js";
+import { useLocalizationContext as g } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/useLocalization.js";
+const l = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.singlePageTooltip, children: t }), R = ({ icon: t }) => {
+  const { setSinglePage: r } = e(), { localeMessages: o } = g();
+  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.singlePageTooltip, children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" }) }) });
+};
+export {
+  R as SinglePageTool
+};

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

@@ -0,0 +1,36 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import { MoonIcon as h } from "../../../icons/MoonIcon.js";
+import { SunIcon as c } from "../../../icons/SunIcon.js";
+import { UIButton as k } from "../../../ui/Button.js";
+import { useDarkModeContext as f } from "../../../../contexts/DarkModeContext.js";
+import { useLocalizationContext as I } from "../../../../contexts/LocalizationContext.js";
+import u from "../../../ui/RPTooltip.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+const y = ({ icons: o }) => {
+  const { darkMode: m, setDarkMode: i } = f(), { localeMessages: t } = I(), e = o == null ? void 0 : o.lightModeIcon, n = o == null ? void 0 : o.darkModeIcon, p = m ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, d = a(() => {
+    i((l) => !l);
+  }, [i]);
+  return /* @__PURE__ */ r(u, { content: p, children: /* @__PURE__ */ r(
+    k,
+    {
+      onClick: d,
+      "aria-label": p,
+      "aria-pressed": m,
+      children: m ? n ?? /* @__PURE__ */ r(c, {}) : e ?? /* @__PURE__ */ r(h, {})
+    }
+  ) });
+};
+export {
+  y as ThemeSwitcherTool
+};

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

@@ -0,0 +1,46 @@
+import { jsx as o, Fragment as n } from "react/jsx-runtime";
+import { useThumbnailContext as l } from "../../../../contexts/ThumbnailsContext.js";
+import { ThumbnailIcon as a } from "../../../icons/Thumbnail.js";
+import { UIButton as h } from "../../../ui/Button.js";
+import u from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../utils/hooks/useThumbnail.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/hooks/useLocalization.js";
+const K = ({ icon: r }) => {
+  const { active: i, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
+    m(!i);
+  };
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(u, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+    h,
+    {
+      onClick: p,
+      active: i,
+      "aria-label": t == null ? void 0 : t.thumbnailTooltip,
+      "aria-pressed": i,
+      children: r || /* @__PURE__ */ o(a, {})
+    }
+  ) }) });
+};
+export {
+  K as ThumbnailTool
+};

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

@@ -0,0 +1,37 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { VerticalScrollingIcon as l } from "../../../icons/VerticalScrollingIcon.js";
+import { ScrollMode as n } from "../../../../utils/types.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../contexts/InitialStateContext.js";
+const f = ({
+  children: r,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.verticalScrollingTooltip, children: r }), G = ({ icon: r }) => {
+  const { setScrollMode: i } = S(), { localeMessages: o } = c();
+  return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
+    p,
+    {
+      onClick: () => i(n.VERTICAL_SCROLLING),
+      "aria-label": o == null ? void 0 : o.verticalScrollingTooltip,
+      children: r || /* @__PURE__ */ t(l, {})
+    }
+  ) });
+};
+export {
+  G as VerticalScrollingTool
+};

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

@@ -0,0 +1,58 @@
+import { jsx as r, Fragment as l } from "react/jsx-runtime";
+import { useCallback as d, useMemo as a } from "react";
+import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
+import { UIButton as u } from "../../../ui/Button.js";
+import I from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
+import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
+import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
+import "../../../../utils/types.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/EventCallbackContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/hooks/useLocalization.js";
+const to = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
+    i(() => {
+      const e = Math.floor(t * 100 / 25) * 25;
+      return Math.min(e + 25, s);
+    });
+  }, [i, t]), p = a(() => h(t), [t]);
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    u,
+    {
+      disabled: p,
+      onClick: n,
+      "aria-label": o == null ? void 0 : o.zoomInTooltip,
+      "aria-disabled": p,
+      children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
+    }
+  ) }) });
+};
+export {
+  to as ZoomInTool
+};

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

@@ -0,0 +1,27 @@
+import { jsx as n, Fragment as p, jsxs as u } from "react/jsx-runtime";
+import { useMemo as e, Fragment as c } from "react";
+import { ZoomLevel as o } from "../../../../utils/types.js";
+import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+const a = ({ zoomLevel: t, className: i }) => {
+  const { localeMessages: r } = h(), m = e(() => {
+    switch (t) {
+      case o.ACTUAL:
+        return r == null ? void 0 : r.zoomActualSize;
+      case o.PAGE_FIT:
+        return r == null ? void 0 : r.zoomPageFit;
+      case o.PAGE_WIDTH:
+        return r == null ? void 0 : r.zoomPageWidth;
+    }
+    return t.toString();
+  }, [t, r]);
+  return /* @__PURE__ */ n(p, { children: typeof t == "number" ? /* @__PURE__ */ u(c, { children: [
+    /* @__PURE__ */ n("span", { className: i, children: t }),
+    /* @__PURE__ */ n("span", { className: i, children: "%" })
+  ] }) : /* @__PURE__ */ n("span", { className: i, children: m }) });
+};
+export {
+  a as ZoomLevelDisplay
+};

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

@@ -0,0 +1,133 @@
+import { jsx as r, Fragment as v, jsxs as p } from "react/jsx-runtime";
+import { useState as x, useRef as C, useEffect as A } from "react";
+import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
+import { UIButton as T } from "../../../ui/Button.js";
+import { c as n } from "../../../../ZoomTool.module-7082af8c.js";
+import { UIDropDown as b } from "../../../ui/DropDown.js";
+import { useLayoutContainer as P } from "../../../../contexts/LayoutContainerContext.js";
+import { G as u } from "../../../../index-4baea9b5.js";
+import { MenuItem as c } from "../MenuItem.js";
+import { MenuSeparator as k } from "../MenuSeparator.js";
+import I from "../../../ui/RPTooltip.js";
+import { ZoomLevel as i } from "../../../../utils/types.js";
+import { useLocalizationContext as w } from "../../../../contexts/LocalizationContext.js";
+import { ChevronDownIcon as D } from "../../../icons/ChevronDownIcon.js";
+import { ZoomLevelDisplay as G } from "./ZoomLevelDisplay.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../../de_DE-a553b162.js";
+import "../../../../utils/constants.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/EventCallbackContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../Combination-54a77a7a.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/hooks/useLocalization.js";
+const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: d }) => {
+  const { zoomLevel: m, setZoomLevel: e } = L(), { container: f, pagesRef: a } = P(), { localeMessages: o } = w(), [l, z] = x(0), h = C(
+    new ResizeObserver((t) => {
+      z(t[0].contentRect.height);
+    })
+  );
+  return A(() => (a && h.current.observe(a), () => {
+    h.current.disconnect();
+  }), [a]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
+    b,
+    {
+      container: f,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
+        T,
+        {
+          className: n["rp-current-zoom-wrapper"],
+          "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+          "aria-expanded": !1,
+          children: [
+            /* @__PURE__ */ r(
+              G,
+              {
+                zoomLevel: m,
+                className: n["rp-current-zoom-text"]
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: n["rp-zoom-level-icon"], "aria-hidden": "true", children: d || /* @__PURE__ */ r(D, {}) })
+          ]
+        }
+      ) }) }),
+      style: { minWidth: "200px" },
+      align: "center",
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          style: { maxHeight: `${l}px`, overflow: "auto" },
+          className: n["rp-zoom-dropdown-content"],
+          children: [
+            /* @__PURE__ */ p(u, { children: [
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => e(i.ACTUAL),
+                  "aria-label": o == null ? void 0 : o.zoomActualSize,
+                  "aria-checked": m === i.ACTUAL,
+                  children: o == null ? void 0 : o.zoomActualSize
+                }
+              ),
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => e(i.PAGE_FIT),
+                  "aria-label": o == null ? void 0 : o.zoomPageFit,
+                  "aria-checked": m === i.PAGE_FIT,
+                  children: o == null ? void 0 : o.zoomPageFit
+                }
+              ),
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => e(i.PAGE_WIDTH),
+                  "aria-label": o == null ? void 0 : o.zoomPageWidth,
+                  "aria-checked": m === i.PAGE_WIDTH,
+                  children: o == null ? void 0 : o.zoomPageWidth
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(k, {}),
+            /* @__PURE__ */ r(u, { children: S.map((t) => /* @__PURE__ */ p(
+              c,
+              {
+                onClick: () => e(t),
+                "aria-label": `${t}%`,
+                "aria-checked": m === t,
+                children: [
+                  t,
+                  " %"
+                ]
+              },
+              t
+            )) })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  Lo as ZoomLevelTool
+};