@pdf-viewer/react 1.9.0-beta.0 → 1.9.0-beta.2

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as o, useId as V, useMemo as T } from "react";
-import { P as w, f as D, T as E, g as k } from "../RPLayout-3ef4e136.js";
+import { P as w, f as D, T as E, g as k } from "../RPLayout-81cd4970.js";
 import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as F, ScrollMode as G, SelectionMode as b } from "../utils/types.js";
 import { RotateProvider as y } from "../contexts/RotationContext.js";

package/dist/components/RPDropFileZone.js

@@ -1,38 +1,39 @@
-import { jsxs as t, Fragment as p, jsx as o } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { c as f } from "../clsx-0c6e471a.js";
-import { useDropFileZoneContext as D } from "../contexts/DropFileZoneContext.js";
-import { LightPdfIcon as u } from "./icons/LightPdfIcon.js";
-import { DarkPdfIcon as g } from "./icons/DarkPdfIcon.js";
-import { useDarkModeContext as h } from "../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as v } from "../contexts/ToolbarComponentContext.js";
-import { useLocalizationContext as x } from "../contexts/LocalizationContext.js";
-import '../assets/RPDropFileZone.css';const a = {
+import { jsxs as p, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { c as D } from "../clsx-0c6e471a.js";
+import { useDropFileZoneContext as g } from "../contexts/DropFileZoneContext.js";
+import { LightPdfIcon as h } from "./icons/LightPdfIcon.js";
+import { DarkPdfIcon as C } from "./icons/DarkPdfIcon.js";
+import { useDarkModeContext as x } from "../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as F } from "../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as v } from "../contexts/LocalizationContext.js";
+import { useToolComponentContext as z } from "../contexts/ToolComponentContext.js";
+import '../assets/RPDropFileZone.css';const s = {
   "rp-drop-zone": "_rp-drop-zone_1sc50_1",
   "rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
-}, z = {}, y = () => {
-  const { dragging: s, handleDragLeave: i, handleDrop: d } = D(), { darkMode: n } = h(), { dropFileZone: r } = v(), { localeMessages: e } = x();
-  if (typeof r == "boolean" && !r)
-    return;
-  const c = m((l) => {
-    l.preventDefault();
+}, Z = {}, N = () => {
+  const { dragging: a, handleDragLeave: l, handleDrop: d } = g(), { darkMode: t } = x(), { dropFileZone: r = !0 } = F(), { dropFileZone: e = !0 } = z(), { localeMessages: n } = v(), m = u((f) => {
+    f.preventDefault();
   }, []);
-  return s ? /* @__PURE__ */ t(p, { children: [
-    /* @__PURE__ */ o("div", { className: f(a["rp-drop-zone"], n ? z["rp-dark-mode"] : ""), children: r && typeof r == "function" ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ t(p, { children: [
-      /* @__PURE__ */ o("div", { children: n ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(u, {}) }),
-      /* @__PURE__ */ o("p", { children: e == null ? void 0 : e.dragDropFileMessage })
-    ] }) }),
+  if (!r || !e || !a)
+    return null;
+  const c = () => typeof r == "function" ? /* @__PURE__ */ o(r, {}) : typeof e == "function" ? /* @__PURE__ */ o(e, {}) : /* @__PURE__ */ p(i, { children: [
+    /* @__PURE__ */ o("div", { children: t ? /* @__PURE__ */ o(C, {}) : /* @__PURE__ */ o(h, {}) }),
+    /* @__PURE__ */ o("p", { children: n == null ? void 0 : n.dragDropFileMessage })
+  ] });
+  return /* @__PURE__ */ p(i, { children: [
+    /* @__PURE__ */ o("div", { className: D(s["rp-drop-zone"], t ? Z["rp-dark-mode"] : ""), children: /* @__PURE__ */ o(c, {}) }),
     /* @__PURE__ */ o(
       "div",
       {
-        className: a["rp-drop-zone-transparent"],
-        onDragOver: c,
-        onDragLeave: i,
+        className: s["rp-drop-zone-transparent"],
+        onDragOver: m,
+        onDragLeave: l,
         onDrop: d
       }
     )
-  ] }) : null;
+  ] });
 };
 export {
-  y as RPDropFileZone
+  N as RPDropFileZone
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as $ } from "../RPLayout-3ef4e136.js";
+import { R as io } from "../RPLayout-81cd4970.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";
@@ -32,6 +32,7 @@ import "../contexts/ThemeContext.js";
 import "./RPDropFileZone.js";
 import "../clsx-0c6e471a.js";
 import "../contexts/ToolbarComponentContext.js";
+import "../contexts/ToolComponentContext.js";
 import "./ui/Button.js";
 import "../SearchCloseButton-ddb9877e.js";
 import "./ui/Input.js";
@@ -41,9 +42,14 @@ import "../contexts/IconContext.js";
 import "./ui/RPTooltip.js";
 import "../Popover-1faa77f6.js";
 import "../contexts/ViewportContext.js";
+import "../contexts/IconToolContext.js";
 import "./ui/DropDown.js";
 import "./layout/toolbar/MenuItem.js";
 import "./layout/toolbar/MenuSeparator.js";
+import "../utils/dateFormatter.js";
+import "./layout/toolbar/PropertyItem.js";
+import "../contexts/OtherToolContext.js";
+import "./layout/toolbar/RotateTool.js";
 import "../utils/hooks/useMousePressed.js";
 import "../utils/hooks/useGrabScroll.js";
 import "../utils/hooks/usePinch.js";
@@ -51,5 +57,5 @@ import "../utils/hooks/useDebounce.js";
 import "./ui/PasswordModal.js";
 import "../utils/calculatePage.js";
 export {
-  $ as RPPages
+  io as RPPages
 };

package/dist/components/layout/LayoutContainer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
 import "react";
-import { L as U } from "../../RPLayout-3ef4e136.js";
+import { L as _ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/ThemeContext.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
@@ -31,6 +31,7 @@ import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../../contexts/ToolComponentContext.js";
 import "../ui/Button.js";
 import "../../SearchCloseButton-ddb9877e.js";
 import "../ui/Input.js";
@@ -40,9 +41,14 @@ import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
 import "../../Popover-1faa77f6.js";
 import "../../contexts/ViewportContext.js";
+import "../../contexts/IconToolContext.js";
 import "../ui/DropDown.js";
 import "./toolbar/MenuItem.js";
 import "./toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "./toolbar/PropertyItem.js";
+import "../../contexts/OtherToolContext.js";
+import "./toolbar/RotateTool.js";
 export {
-  U as LayoutContainer
+  _ as LayoutContainer
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as D } from "../../RPLayout-3ef4e136.js";
+import { a as D } from "../../RPLayout-81cd4970.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

package/dist/components/layout/RPLayout.js

@@ -3,7 +3,7 @@ import "react";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";
 import "../../contexts/ViewportContext.js";
-import { b as W } from "../../RPLayout-3ef4e136.js";
+import { b as $ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/OtherToolContext.js";
 import "./WrapperLayout.js";
 import "../../contexts/RPDocumentContext.js";
@@ -33,7 +33,6 @@ import "../../contexts/LoaderContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
-import "../../contexts/ToolbarComponentContext.js";
 import "../ui/Button.js";
 import "../../SearchCloseButton-ddb9877e.js";
 import "../ui/Input.js";
@@ -41,10 +40,16 @@ import "../ui/Checkbox.js";
 import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
 import "../ui/RPTooltip.js";
+import "../../contexts/ToolbarComponentContext.js";
 import "../../Popover-1faa77f6.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/ToolComponentContext.js";
 import "../ui/DropDown.js";
 import "./toolbar/MenuItem.js";
 import "./toolbar/MenuSeparator.js";
+import "../../utils/dateFormatter.js";
+import "./toolbar/PropertyItem.js";
+import "./toolbar/RotateTool.js";
 export {
-  W as RPLayout
+  $ as RPLayout
 };

package/dist/components/layout/WrapperLayout.js

@@ -1,12 +1,13 @@
-import { jsx as e, Fragment as p } from "react/jsx-runtime";
+import { jsx as r, Fragment as n } from "react/jsx-runtime";
 import { useDropFileZoneContext as a } from "../../contexts/DropFileZoneContext.js";
-import { useToolbarComponentContext as n } from "../../contexts/ToolbarComponentContext.js";
-import '../../assets/WrapperLayout.css';const s = {
+import { useToolbarComponentContext as s } from "../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as l } from "../../contexts/ToolComponentContext.js";
+import '../../assets/WrapperLayout.css';const m = {
   "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
-}, c = ({ children: o }) => {
-  const { handleDragEnter: t } = a(), { dropFileZone: r } = n();
-  return typeof r == "boolean" && !r ? /* @__PURE__ */ e(p, { children: o }) : /* @__PURE__ */ e("div", { className: s["rp-wrapper-layout"], onDragEnter: t, children: o });
+}, y = ({ children: o }) => {
+  const { handleDragEnter: p } = a(), { dropFileZone: e } = s(), { dropFileZone: t } = l();
+  return typeof e == "boolean" && !e ? /* @__PURE__ */ r(n, { children: o }) : typeof t == "boolean" && !t ? /* @__PURE__ */ r(n, { children: o }) : /* @__PURE__ */ r("div", { className: m["rp-wrapper-layout"], onDragEnter: p, children: o });
 };
 export {
-  c as WrapperLayout
+  y as WrapperLayout
 };

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

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { U as s } from "../../../RPLayout-3ef4e136.js";
+import { V as x } from "../../../RPLayout-81cd4970.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/IconToolContext.js";
 export {
-  s as RPSidebar
+  x as RPSidebar
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as b } from "../../../RPLayout-3ef4e136.js";
+import { Q as b } from "../../../RPLayout-81cd4970.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { Q as t } from "../../../RPLayout-3ef4e136.js";
+import { U as t } from "../../../RPLayout-81cd4970.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,25 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useCallback as d } from "react";
-import { MoonIcon as u } from "../../icons/MoonIcon.js";
+import { useCallback as u } from "react";
+import { MoonIcon as f } from "../../icons/MoonIcon.js";
 import { SunIcon as a } from "../../icons/SunIcon.js";
-import { UIButton as f } from "../../ui/Button.js";
-import { useDarkModeContext as h } from "../../../contexts/DarkModeContext.js";
+import { UIButton as s } from "../../ui/Button.js";
+import { useDarkModeContext as I } from "../../../contexts/DarkModeContext.js";
 import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
-import c from "../../ui/RPTooltip.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
+import m from "../../ui/RPTooltip.js";
 import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
-const s = () => {
-  const { lightModeIcon: t } = m();
-  return t || /* @__PURE__ */ o(u, {});
-}, I = () => {
-  const { darkModeIcon: t } = m();
-  return t || /* @__PURE__ */ o(a, {});
-}, y = () => {
-  const { darkMode: t, setDarkMode: r } = h(), { themeSwitcher: e = !0 } = k(), { localeMessages: n } = C(), i = t ? n == null ? void 0 : n.themeEnableLightTooltip : n == null ? void 0 : n.themeEnableDarkTooltip, l = d(() => {
-    r((p) => !p);
-  }, [r]);
-  return typeof e != "boolean" ? /* @__PURE__ */ o(c, { content: i, children: /* @__PURE__ */ o(e, { darkMode: t, setDarkMode: r }) }) : e ? /* @__PURE__ */ o(c, { content: i, children: /* @__PURE__ */ o(f, { onClick: l, "aria-label": i, children: t ? /* @__PURE__ */ o(I, {}) : /* @__PURE__ */ o(s, {}) }) }) : null;
+import { useIconToolContext as d } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
+const M = () => {
+  const { lightModeIcon: t } = l(), { lightModeIcon: n } = d();
+  return t || n || /* @__PURE__ */ o(f, {});
+}, x = () => {
+  const { darkModeIcon: t } = l(), { darkModeIcon: n } = d();
+  return t || n || /* @__PURE__ */ o(a, {});
+}, P = () => {
+  const { darkMode: t, setDarkMode: n } = I(), { themeSwitcher: c = !0 } = k(), { themeSwitcher: i = !0 } = T(), { localeMessages: e } = C(), r = t ? e == null ? void 0 : e.themeEnableLightTooltip : e == null ? void 0 : e.themeEnableDarkTooltip, p = u(() => {
+    n((h) => !h);
+  }, [n]);
+  return !c || !i ? null : typeof c == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(c, { darkMode: t, setDarkMode: n }) }) : typeof i == "function" ? /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(i, { darkMode: t, setDarkMode: n }) }) : /* @__PURE__ */ o(m, { content: r, children: /* @__PURE__ */ o(s, { onClick: p, "aria-label": r, children: t ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(M, {}) }) });
 };
 export {
-  y as DarkModeTool
+  P as DarkModeTool
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as X } from "../../../RPLayout-3ef4e136.js";
+import { G as _ } from "../../../RPLayout-81cd4970.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
@@ -32,6 +32,7 @@ import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 import "../../ui/Input.js";
@@ -41,11 +42,13 @@ import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
-import "./PropertyItem.js";
 import "../../../contexts/OtherToolContext.js";
+import "./RotateTool.js";
+import "./PropertyItem.js";
 export {
-  X as DocumentDialog
+  _ as DocumentDialog
 };

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

@@ -1,21 +1,23 @@
-import { jsx as t, Fragment as m, jsxs as i } from "react/jsx-runtime";
-import { MenuItem as c } from "./MenuItem.js";
-import { InfoIcon as p } from "../../icons/InfoIcon.js";
-import { useOtherToolContext as u } from "../../../contexts/OtherToolContext.js";
-import { useToolbarComponentContext as s } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as f } from "../../../contexts/IconContext.js";
-import l from "../../ui/RPTooltip.js";
-import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
-const x = () => {
-  const { documentPropertiesIcon: r } = f();
-  return r || /* @__PURE__ */ t(p, {});
-}, j = () => {
-  const { setActiveDocumentProperties: r } = u(), { documentProperties: e } = s(), { localeMessages: o } = d();
-  return e ? /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(c, { onClick: () => r((n) => !n), children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
-    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
+import { jsx as t, Fragment as i, jsxs as c } from "react/jsx-runtime";
+import { MenuItem as p } from "./MenuItem.js";
+import { InfoIcon as u } from "../../icons/InfoIcon.js";
+import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
+import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
+import f from "../../ui/RPTooltip.js";
+import { useLocalizationContext as P } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as x } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as C } from "../../../contexts/ToolComponentContext.js";
+const I = () => {
+  const { documentPropertiesIcon: e } = l(), { documentPropertiesIcon: r } = x();
+  return e || r || /* @__PURE__ */ t(u, {});
+}, k = () => {
+  const { setActiveDocumentProperties: e } = s(), { documentProperties: r = !0 } = d(), { documentProperties: n = !0 } = C(), { localeMessages: o } = P();
+  return !r || !n ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(p, { onClick: () => e((m) => !m), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(I, {}) }),
     o == null ? void 0 : o.documentPropertiesLabel
-  ] }) }) }) : null;
+  ] }) }) });
 };
 export {
-  j as DocumentProperties
+  k as DocumentProperties
 };

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

@@ -3,11 +3,13 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as f } from "../../../RPLayout-3ef4e136.js";
+import { H as w } from "../../../RPLayout-81cd4970.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  f as FileDownloadTool
+  w as FileDownloadTool
 };

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

@@ -1,23 +1,25 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as e } from "../../icons/FileUploadDefaultIcon.js";
-import { useToolbarComponentContext as u } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as c } from "../../../contexts/IconContext.js";
-import { UIButton as f } from "../../ui/Button.js";
-import { MenuItem as F } from "./MenuItem.js";
-import { useViewportContext as d } from "../../../contexts/ViewportContext.js";
-import { useOpenFileContext as C } from "../../../contexts/FileInputContext.js";
-import T from "../../ui/RPTooltip.js";
-import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
-const p = () => {
-  const { openFileIcon: n } = c();
-  return n || /* @__PURE__ */ t(e, {});
-}, l = ({ children: n, className: o, localeMessages: i }) => /* @__PURE__ */ t(T, { className: o, content: i == null ? void 0 : i.openLocalFileTooltip, children: n }), h = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(F, { onClick: n, children: /* @__PURE__ */ m(l, { className: "rp-menu-item", localeMessages: o, children: [
-  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(p, {}) }),
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as f } from "../../icons/FileUploadDefaultIcon.js";
+import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as T } from "../../../contexts/IconContext.js";
+import { UIButton as d } from "../../ui/Button.js";
+import { MenuItem as C } from "./MenuItem.js";
+import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
+import { useOpenFileContext as h } from "../../../contexts/FileInputContext.js";
+import p from "../../ui/RPTooltip.js";
+import { useLocalizationContext as I } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as L } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as U } from "../../../contexts/ToolComponentContext.js";
+const l = () => {
+  const { openFileIcon: t } = T(), { openFileIcon: o } = L();
+  return t || o || /* @__PURE__ */ n(f, {});
+}, m = ({ children: t, className: o, localeMessages: i }) => /* @__PURE__ */ n(p, { className: o, content: i == null ? void 0 : i.openLocalFileTooltip, children: t }), b = ({ onFileChange: t, localeMessages: o }) => /* @__PURE__ */ n(C, { onClick: t, children: /* @__PURE__ */ u(m, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(l, {}) }),
   o == null ? void 0 : o.openLocalFileLabel
-] }) }), U = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(f, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ t(p, {}) }) }), w = () => {
-  const { openFileTool: n = !0 } = u(), { openFile: o } = C(), { isSmallScreen: i } = d(), { localeMessages: r } = x();
-  return n ? i ? /* @__PURE__ */ t(h, { onFileChange: o, localeMessages: r }) : typeof n == "function" ? /* @__PURE__ */ t(n, { openFile: o }) : n ? /* @__PURE__ */ t(U, { onFileChange: o, localeMessages: r }) : null : null;
+] }) }), O = ({ onFileChange: t, localeMessages: o }) => /* @__PURE__ */ n(m, { localeMessages: o, children: /* @__PURE__ */ n(d, { onClick: t, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ n(l, {}) }) }), V = () => {
+  const { openFileTool: t = !0 } = F(), { openFileTool: o = !0 } = U(), { openFile: i } = h(), { isSmallScreen: c } = x(), { localeMessages: r } = I(), e = r == null ? void 0 : r.openLocalFileTooltip;
+  return !t || !o ? null : c ? /* @__PURE__ */ n(b, { onFileChange: i, localeMessages: r }) : typeof t == "function" ? /* @__PURE__ */ n(p, { content: e, children: /* @__PURE__ */ n(t, { openFile: i }) }) : typeof o == "function" ? /* @__PURE__ */ n(p, { content: e, children: /* @__PURE__ */ n(o, { openFile: i }) }) : /* @__PURE__ */ n(O, { onFileChange: i, localeMessages: r });
 };
 export {
-  w as FileUploadTool
+  V as FileUploadTool
 };

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

@@ -1,50 +1,59 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { useFullScreenContext as f } from "../../../contexts/FullScreenContext.js";
-import { UIButton as p } from "../../ui/Button.js";
-import { FullScreenIcon as i } from "../../icons/FullScreenIcon.js";
-import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as d } from "../../../contexts/IconContext.js";
-import { useViewportContext as C } from "../../../contexts/ViewportContext.js";
-import { MenuItem as F } from "./MenuItem.js";
-import T from "../../ui/RPTooltip.js";
-import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
-const s = () => {
-  const { fullScreenIcon: r } = d();
-  return r || /* @__PURE__ */ n(i, {});
-}, c = ({ children: r, className: t, localeMessages: o }) => /* @__PURE__ */ n(T, { className: t, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), I = ({
-  toggleFullScreen: r,
-  isSupported: t,
+import { jsx as n, jsxs as S } from "react/jsx-runtime";
+import { useFullScreenContext as T } from "../../../contexts/FullScreenContext.js";
+import { UIButton as d } from "../../ui/Button.js";
+import { FullScreenIcon as m } from "../../icons/FullScreenIcon.js";
+import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as C } from "../../../contexts/IconContext.js";
+import { useViewportContext as F } from "../../../contexts/ViewportContext.js";
+import { MenuItem as I } from "./MenuItem.js";
+import i from "../../ui/RPTooltip.js";
+import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+const j = () => {
+  const { fullScreenIcon: t } = C(), { fullScreenIcon: r } = s();
+  return t || r || /* @__PURE__ */ n(m, {});
+}, f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ n(i, { className: r, content: o == null ? void 0 : o.fullScreenTooltip, children: t }), k = ({
+  toggleFullScreen: t,
+  isSupported: r,
   localeMessages: o
-}) => /* @__PURE__ */ n(F, { onClick: r, disabled: !t, children: /* @__PURE__ */ m(c, { className: "rp-menu-item", localeMessages: o, children: [
-  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(i, {}) }),
+}) => /* @__PURE__ */ n(I, { onClick: t, disabled: !r, children: /* @__PURE__ */ S(f, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(m, {}) }),
   o == null ? void 0 : o.fullScreenTooltip
-] }) }), L = () => {
-  const { isFullScreen: r, toggleFullScreen: t, isSupported: o } = f(), { fullscreenTool: e } = S(), { isSmallScreen: u } = C(), { localeMessages: l } = x();
-  return e ? u ? /* @__PURE__ */ n(
-    I,
+] }) }), V = () => {
+  const { isFullScreen: t, toggleFullScreen: r, isSupported: o } = T(), { fullscreenTool: l = !0 } = x(), { fullscreenTool: c = !0 } = b(), { isSmallScreen: p } = F(), { localeMessages: e } = h(), u = e == null ? void 0 : e.fullScreenTooltip;
+  return !l || !c ? null : p ? /* @__PURE__ */ n(
+    k,
     {
-      isFullScreen: r,
-      toggleFullScreen: t,
+      isFullScreen: t,
+      toggleFullScreen: r,
       isSupported: o,
-      localeMessages: l
+      localeMessages: e
     }
-  ) : typeof e == "function" ? /* @__PURE__ */ n(
-    e,
+  ) : typeof l == "function" ? /* @__PURE__ */ n(i, { content: u, children: /* @__PURE__ */ n(
+    l,
     {
-      isFullScreen: r,
-      toggleFullScreen: t,
+      isFullScreen: t,
+      toggleFullScreen: r,
       isSupported: o
     }
-  ) : /* @__PURE__ */ n(c, { localeMessages: l, children: /* @__PURE__ */ n(
-    p,
+  ) }) : typeof c == "function" ? /* @__PURE__ */ n(i, { content: u, children: /* @__PURE__ */ n(
+    c,
+    {
+      isFullScreen: t,
+      toggleFullScreen: r,
+      isSupported: o
+    }
+  ) }) : /* @__PURE__ */ n(f, { localeMessages: e, children: /* @__PURE__ */ n(
+    d,
     {
       disabled: !o,
-      onClick: t,
-      "aria-label": r ? "Exit full screen" : "Enter full screen",
-      children: /* @__PURE__ */ n(s, {})
+      onClick: r,
+      "aria-label": t ? "Exit full screen" : "Enter full screen",
+      children: /* @__PURE__ */ n(j, {})
     }
-  ) }) : null;
+  ) });
 };
 export {
-  L as FullScreenTool
+  V as FullScreenTool
 };

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

@@ -4,7 +4,7 @@ import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as V } from "../../../RPLayout-3ef4e136.js";
+import { M as $ } from "../../../RPLayout-81cd4970.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -32,6 +32,7 @@ import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 import "../../ui/Input.js";
@@ -41,9 +42,14 @@ import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
 import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "./RotateTool.js";
 import "../../icons/GoToDownIcon.js";
 export {
-  V as MostPageTool
+  $ as MostPageTool
 };

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

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as n } from "../../../RPLayout-3ef4e136.js";
+import { O as q } from "../../../RPLayout-81cd4970.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";
@@ -18,6 +18,7 @@ import "./SelectionModeTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "react";
 import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  n as OtherTool
+  q as OtherTool
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { B as b } from "../../../RPLayout-3ef4e136.js";
+import { l as d } from "../../../RPLayout-81cd4970.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
@@ -12,6 +12,8 @@ import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../utils/types.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  b as Paginate
+  d as Paginate
 };