@react-pdf-kit/viewer 2.0.0-beta.0

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

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ToolbarDefault as e } from "./ToolbarDefault.js";
+import { ToolbarCustom as l } from "./ToolbarCustom.js";
+const b = (a) => {
+  const { children: r, toolbar: o } = a;
+  return o && typeof o == "boolean" ? /* @__PURE__ */ t(e, { children: r }) : /* @__PURE__ */ t(l, { toolbar: o, children: r });
+};
+export {
+  b as ToolbarLayout
+};

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

@@ -0,0 +1,42 @@
+import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
+import { G as P } from "../../../index-f563c6f0.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+import { MenuItem as m } from "./MenuItem.js";
+import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
+import { SinglePageIcon as h } from "../../icons/DualPageIcon.js";
+import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
+import { ScrollMode as N, ViewMode as l } from "../../../utils/types.js";
+import { CheckIcon as c } from "../../icons/CheckIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
+import { useMemo as S } from "react";
+import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
+import u from "../../ui/RPTooltip.js";
+import { useIconContext as a } from "../../../contexts/IconContext.js";
+import { useIconToolContext as d } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as G } from "../../../contexts/ToolComponentContext.js";
+const b = () => {
+  const { singlePageIcon: n } = a(), { singlePageIcon: t } = d();
+  return n || t || /* @__PURE__ */ e(h, {});
+}, v = () => {
+  const { dualPageIcon: n } = a(), { dualPageIcon: t } = d();
+  return n || t || /* @__PURE__ */ e(C, {});
+}, J = () => {
+  const { viewMode: n, setDualPage: t, setSinglePage: p } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
+  return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ r(P, { children: [
+    /* @__PURE__ */ e(m, { onClick: p, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(b, {}) }),
+      o == null ? void 0 : o.singlePageLabel,
+      n === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ e(m, { disabled: g, onClick: t, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(v, {}) }),
+      o == null ? void 0 : o.dualPageLabel,
+      n === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ e(T, {})
+  ] }) });
+};
+export {
+  J as ViewModeTool
+};

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

@@ -0,0 +1,130 @@
+import { jsx as t, jsxs as c, Fragment as y } from "react/jsx-runtime";
+import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
+import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
+import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
+import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
+import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
+import { UIButton as z } from "../../ui/Button.js";
+import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
+import { UIDropDown as U } from "../../ui/DropDown.js";
+import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
+import { G as b } from "../../../index-f563c6f0.js";
+import { MenuItem as u } from "./MenuItem.js";
+import { MenuSeparator as B } from "./MenuSeparator.js";
+import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as O } from "../../../contexts/IconContext.js";
+import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
+import a from "../../ui/RPTooltip.js";
+import { ZoomLevel as p } from "../../../utils/types.js";
+import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
+import { c as q } from "../../../clsx-0c6e471a.js";
+import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
+const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
+  const { zoomInIcon: r } = O(), { zoomInIcon: n } = Z();
+  return r || n || /* @__PURE__ */ t(H, {});
+}, g = () => {
+  const { zoomOutIcon: r } = O(), { zoomOutIcon: n } = Z();
+  return r || n || /* @__PURE__ */ t(R, {});
+}, Oo = () => {
+  const { zoomLevel: r, setZoomLevel: n, currentZoom: i } = _(), { container: v, pagesRef: d } = j(), { zoomTool: l = !0 } = V(), { zoomTool: f = !0 } = J(), { isSmallScreen: A } = X(), { localeMessages: o } = $(), [w, L] = T(0), [s, S] = T(!1), C = D(
+    new ResizeObserver((m) => {
+      L(m[0].contentRect.height);
+    })
+  ), P = x(() => {
+    n(() => {
+      const m = Math.floor(i * 100 / 25) * 25;
+      return Math.min(m + 25, I);
+    });
+  }, [n, i]), N = x(() => {
+    n(() => {
+      const m = Math.ceil(i * 100 / 25) * 25;
+      return Math.min(m - 25, I);
+    });
+  }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
+  G(() => (d && C.current.observe(d), () => {
+    C.current.disconnect();
+  }), [d]);
+  const W = h(() => {
+    switch (r) {
+      case p.ACTUAL:
+        return o == null ? void 0 : o.zoomActualSize;
+      case p.PAGE_FIT:
+        return o == null ? void 0 : o.zoomPageFit;
+      case p.PAGE_WIDTH:
+        return o == null ? void 0 : o.zoomPageWidth;
+    }
+    return r;
+  }, [r, o]);
+  return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: k,
+        onClick: N,
+        "aria-label": o == null ? void 0 : o.zoomOutTooltip,
+        children: /* @__PURE__ */ t(g, {})
+      }
+    ) }),
+    !A && /* @__PURE__ */ t(
+      U,
+      {
+        container: v,
+        open: s,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ c(
+          z,
+          {
+            className: q(
+              e["rp-current-zoom-wrapper"],
+              s && e.active
+            ),
+            "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+            children: [
+              typeof r == "number" ? /* @__PURE__ */ c(y, { children: [
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: r }),
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
+              ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
+              /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
+            ]
+          }
+        ) }) }),
+        style: { minWidth: "200px" },
+        align: "center",
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            style: { maxHeight: `${w}px`, overflow: "auto" },
+            className: e["rp-zoom-dropdown-content"],
+            children: [
+              /* @__PURE__ */ c(b, { children: [
+                /* @__PURE__ */ t(u, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+              ] }),
+              /* @__PURE__ */ t(B, {}),
+              /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ c(u, { onClick: () => n(m), children: [
+                m,
+                " %"
+              ] }, m)) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: E,
+        onClick: P,
+        "aria-label": o == null ? void 0 : o.zoomInTooltip,
+        children: /* @__PURE__ */ t(Y, {})
+      }
+    ) })
+  ] });
+};
+export {
+  Oo as ZoomTool
+};

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

@@ -0,0 +1,28 @@
+import { jsxs as m, Fragment as e, jsx as t } from "react/jsx-runtime";
+import p from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
+import { InfoIcon as f } from "../../../icons/InfoIcon.js";
+import { UIButton as D } from "../../../ui/Button.js";
+import { D as P } from "../../../../ToolbarLayout.module-c588d36b.js";
+const d = ({
+  children: r,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ t(p, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), j = ({ icon: r }) => {
+  const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
+  return /* @__PURE__ */ m(e, { children: [
+    /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
+      D,
+      {
+        onClick: () => i((n) => !n),
+        "aria-label": o == null ? void 0 : o.documentPropertiesLabel,
+        children: r || /* @__PURE__ */ t(f, {})
+      }
+    ) }),
+    /* @__PURE__ */ t(P, {})
+  ] });
+};
+export {
+  j as DocumentPropertiesTool
+};

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

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
+import { UIButton as l } from "../../../ui/Button.js";
+import { b as d } from "../../../../ToolbarLayout.module-c588d36b.js";
+import m from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
+const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {
+  const { download: n } = d(), { localeMessages: o } = p();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(l, { onClick: n, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
+};
+export {
+  c as FileDownloadTool
+};

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

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as p } from "../../../icons/FileUploadDefaultIcon.js";
+import { UIButton as r } from "../../../ui/Button.js";
+import { useOpenFileContext as l } from "../../../../contexts/FileInputContext.js";
+import m from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), U = ({ icon: t }) => {
+  const { openFile: n } = l(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(r, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(p, {}) }) });
+};
+export {
+  U as FileUploadTool
+};

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

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFullScreenContext as i } from "../../../../contexts/FullScreenContext.js";
+import { UIButton as c } from "../../../ui/Button.js";
+import { FullScreenIcon as u } from "../../../icons/FullScreenIcon.js";
+import m from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
+const f = ({ children: r, className: l, localeMessages: o }) => /* @__PURE__ */ t(m, { className: l, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), C = ({ icon: r }) => {
+  const { isFullScreen: l, toggleFullScreen: o, isSupported: n } = i(), { localeMessages: e } = p();
+  return /* @__PURE__ */ t(f, { localeMessages: e, children: /* @__PURE__ */ t(
+    c,
+    {
+      disabled: !n,
+      onClick: o,
+      "aria-label": l ? "Exit full screen" : "Enter full screen",
+      children: r || /* @__PURE__ */ t(u, {})
+    }
+  ) });
+};
+export {
+  C as FullScreenTool
+};

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

@@ -0,0 +1,45 @@
+import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
+import { useState as d, useEffect as S, useCallback as o } from "react";
+import { u as x, i as p } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
+import y from "../../../ui/RPTooltip.js";
+import { UIInput as E } from "../../../ui/Input.js";
+const k = () => {
+  const { focusedPage: n, totalPages: s, goToPage: i } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
+  S(() => {
+    e(n.toString());
+  }, [n]);
+  const m = o((t) => {
+    const l = t.target.value;
+    e(l);
+  }, []), c = o(async () => {
+    const t = i(r);
+    t.success || e(t.currentPage.toString());
+  }, [i, r, s]), f = o(() => {
+    e(n.toString());
+  }, [n]), P = o(
+    (t) => {
+      t.key === "Enter" && c();
+    },
+    [c]
+  );
+  return /* @__PURE__ */ u(h, { children: [
+    /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
+      E,
+      {
+        onKeyDown: P,
+        onBlur: f,
+        onChange: m,
+        value: r,
+        className: p["rp-page-input"]
+      }
+    ) }),
+    /* @__PURE__ */ u("span", { className: p["rp-total-page"], children: [
+      "/",
+      s
+    ] })
+  ] });
+};
+export {
+  k as InputPageTool
+};

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

@@ -0,0 +1,72 @@
+import { jsx as i, Fragment as l } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
+import { UIButton as f } from "../../../ui/Button.js";
+import { u as s } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
+import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import "../../../../contexts/DarkModeContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/LayerContext.js";
+import "../../../../contexts/ZoomContext.js";
+import { useViewModeContext as g } from "../../../../contexts/ViewModeContext.js";
+import { useScrollModeContext as C } from "../../../../contexts/ScrollModeContext.js";
+import "../../../../contexts/VirtualScrollContext.js";
+import "../../../../contexts/VirtualGridContext.js";
+import "../../../../contexts/SelectionModeContext.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/FullScreenContext.js";
+import "../../../../contexts/FileInputContext.js";
+import "../../../../contexts/DropFileZoneContext.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/DimensionPagesContext.js";
+import "../../../../contexts/HighlightContext.js";
+import "../../../../contexts/LicenseContext.js";
+import "../../../../contexts/DownloadContext.js";
+import "../../../../contexts/SmoothScrollContext.js";
+import "../../../../contexts/ElementPageContext.js";
+import "../../../../contexts/PagesRotateContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/LoaderContext.js";
+import "../../../../contexts/ToolComponentContext.js";
+import "../../../../contexts/IconToolContext.js";
+import "../../../../contexts/OtherToolContext.js";
+import "../../../RPConfig.js";
+import "../../Container.js";
+import "../../../../contexts/ViewportContext.js";
+import "../../../../contexts/ToolbarComponentContext.js";
+import "../../sidebar/RPSplitter.js";
+import "../../WrapperLayout.js";
+import "../../../../LayoutWrapper-a871c161.js";
+import "../../../../contexts/ThemeContext.js";
+import "../../../RPDropFileZone.js";
+import "../../../../SearchCloseButton-cbf182aa.js";
+import "../../../ui/Input.js";
+import "../../../ui/Checkbox.js";
+import "../../../icons/LoaderIcon.js";
+import "../../../../contexts/IconContext.js";
+import h from "../../../ui/RPTooltip.js";
+import "../../../ui/DropDown.js";
+import "../../../../ZoomTool.module-6c5eabbb.js";
+import "../MenuItem.js";
+import "../MenuSeparator.js";
+import "../../../../utils/dateFormatter.js";
+import "../PropertyItem.js";
+import "../../../../RotateTool.module-03987eba.js";
+const wo = ({ icon: m }) => {
+  const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
+  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
+    f,
+    {
+      onClick: n,
+      "aria-label": o == null ? void 0 : o.nextPageTooltip,
+      "aria-disabled": a,
+      children: m || /* @__PURE__ */ i(c, { style: { transform: "rotate(180deg" } })
+    }
+  ) }) });
+};
+export {
+  wo as NextPageTool
+};

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

@@ -0,0 +1,21 @@
+import { jsx as r, Fragment as e } from "react/jsx-runtime";
+import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { u as a } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
+import P from "../../../ui/RPTooltip.js";
+const h = ({ icon: t }) => {
+  const { focusedPage: i, prevPage: n } = a(), { localeMessages: o } = u();
+  return /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
+    m,
+    {
+      onClick: n,
+      "aria-label": o == null ? void 0 : o.previousPageTooltip,
+      "aria-disabled": i === 1,
+      children: t || /* @__PURE__ */ r(p, {})
+    }
+  ) }) });
+};
+export {
+  h as PreviousPageTool
+};

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

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { c as m } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
+import T from "../../../ui/RPTooltip.js";
+const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {
+  const { print: i } = m(), { localeMessages: t } = f();
+  return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(n, {}) }) });
+};
+export {
+  h as PrintTool
+};

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

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import n from "../../../ui/RPTooltip.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { ClockwiseIcon as c } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as p } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+const l = ({
+  children: t,
+  className: r,
+  localeMessages: o
+}) => /* @__PURE__ */ i(n, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), T = ({ icon: t }) => {
+  const { handleRotateClockwise: r } = p(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: r, "aria-label": o == null ? void 0 : o.rotateClockwiseLabel, children: t || /* @__PURE__ */ i(c, {}) }) });
+};
+export {
+  T as RotateClockwiseTool
+};

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

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import c from "../../../ui/RPTooltip.js";
+import { UIButton as n } from "../../../ui/Button.js";
+import { ClockwiseIcon as e } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as m } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
+import { c as l } from "../../../../RotateTool.module-03987eba.js";
+const u = ({
+  children: t,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ r(c, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), T = ({ icon: t }) => {
+  const { handleRotateCounterclockwise: i } = m(), { localeMessages: o } = p();
+  return /* @__PURE__ */ r(u, { localeMessages: o, children: /* @__PURE__ */ r(
+    n,
+    {
+      onClick: i,
+      "aria-label": o == null ? void 0 : o.rotateCounterclockwiseLabel,
+      children: t || /* @__PURE__ */ r(e, { className: l["rp-rotate-counterclockwise"] })
+    }
+  ) });
+};
+export {
+  T as RotateCounterclockwiseTool
+};

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

@@ -0,0 +1,17 @@
+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";
+const S = ({ icons: o }) => {
+  const { darkMode: e, setDarkMode: n } = f(), { localeMessages: t } = I(), i = o == null ? void 0 : o.lightModeIcon, d = o == null ? void 0 : o.darkModeIcon, m = e ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, l = a(() => {
+    n((p) => !p);
+  }, [n]);
+  return /* @__PURE__ */ r(u, { content: m, children: /* @__PURE__ */ r(k, { onClick: l, "aria-label": m, children: e ? d ?? /* @__PURE__ */ r(c, {}) : i ?? /* @__PURE__ */ r(h, {}) }) });
+};
+export {
+  S as ThemeSwitcherTool
+};

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

@@ -0,0 +1,23 @@
+import { jsx as o, Fragment as l } from "react/jsx-runtime";
+import { h } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
+import { UIButton as u } from "../../../ui/Button.js";
+import a from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+const C = ({ icon: i }) => {
+  const { active: n, setActive: r } = h(), { localeMessages: t } = c(), m = () => {
+    r(!n);
+  };
+  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+    u,
+    {
+      onClick: m,
+      active: n,
+      "aria-label": t == null ? void 0 : t.thumbnailTooltip,
+      children: i || /* @__PURE__ */ o(p, {})
+    }
+  ) }) });
+};
+export {
+  C as ThumbnailTool
+};

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

@@ -0,0 +1,28 @@
+import { jsx as r, Fragment as c } from "react/jsx-runtime";
+import { useCallback as f, useMemo as d } from "react";
+import { useZoomContext as u } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as I } from "../../../icons/ZoomInIcon.js";
+import { UIButton as Z } from "../../../ui/Button.js";
+import a from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
+import { MAX_ZOOM_SCALE as i } from "../../../../utils/constants.js";
+const A = ({ icon: n }) => {
+  const { currentZoom: t, setZoomLevel: m } = u(), { localeMessages: o } = h(), e = f(() => {
+    m(() => {
+      const p = Math.floor(t * 100 / 25) * 25;
+      return Math.min(p + 25, i);
+    });
+  }, [m, t]), l = d(() => t >= i, [t]);
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    Z,
+    {
+      disabled: l,
+      onClick: e,
+      "aria-label": o == null ? void 0 : o.zoomInTooltip,
+      children: n || /* @__PURE__ */ r(I, {})
+    }
+  ) }) });
+};
+export {
+  A as ZoomInTool
+};

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

@@ -0,0 +1,65 @@
+import { jsx as r, Fragment as z, jsxs as i } from "react/jsx-runtime";
+import { useState as v, useRef as x, useEffect as C } from "react";
+import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
+import { UIButton as T } from "../../../ui/Button.js";
+import { c as e } from "../../../../ZoomTool.module-6c5eabbb.js";
+import { UIDropDown as w } from "../../../ui/DropDown.js";
+import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
+import { G as h } from "../../../../index-f563c6f0.js";
+import { MenuItem as m } from "../MenuItem.js";
+import { MenuSeparator as b } from "../MenuSeparator.js";
+import A from "../../../ui/RPTooltip.js";
+import { ZoomLevel as p } from "../../../../utils/types.js";
+import { useLocalizationContext as N } from "../../../../contexts/LocalizationContext.js";
+import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
+const R = [50, 75, 100, 125, 150, 200, 300, 400], _ = ({ icon: l }) => {
+  const { zoomLevel: u, setZoomLevel: n } = L(), { container: a, pagesRef: c } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
+    new ResizeObserver((t) => {
+      s(t[0].contentRect.height);
+    })
+  );
+  return C(() => (c && d.current.observe(c), () => {
+    d.current.disconnect();
+  }), [c]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+    w,
+    {
+      container: a,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ i(
+        T,
+        {
+          className: e["rp-current-zoom-wrapper"],
+          "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+          children: [
+            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: u }),
+            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: "%" }),
+            /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
+          ]
+        }
+      ) }) }),
+      style: { minWidth: "200px" },
+      align: "center",
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          style: { maxHeight: `${f}px`, overflow: "auto" },
+          className: e["rp-zoom-dropdown-content"],
+          children: [
+            /* @__PURE__ */ i(h, { children: [
+              /* @__PURE__ */ r(m, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            ] }),
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ i(m, { onClick: () => n(t), children: [
+              t,
+              " %"
+            ] }, t)) })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  _ as ZoomLevelTool
+};

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

@@ -0,0 +1,28 @@
+import { jsx as r, Fragment as c } from "react/jsx-runtime";
+import { useMemo as l, useCallback as p } from "react";
+import { useZoomContext as O } from "../../../../contexts/ZoomContext.js";
+import { UIButton as d } from "../../../ui/Button.js";
+import Z from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
+import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
+import { MIN_ZOOM_SCALE as h, MAX_ZOOM_SCALE as C } from "../../../../utils/constants.js";
+const A = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: n } = O(), { localeMessages: o } = f(), i = l(() => t <= h, [t]), e = p(() => {
+    n(() => {
+      const u = Math.ceil(t * 100 / 25) * 25;
+      return Math.min(u - 25, C);
+    });
+  }, [n, t]);
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
+    d,
+    {
+      disabled: i,
+      onClick: e,
+      "aria-label": o == null ? void 0 : o.zoomOutTooltip,
+      children: m || /* @__PURE__ */ r(a, {})
+    }
+  ) }) });
+};
+export {
+  A as ZoomOutTool
+};