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

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

@@ -2,7 +2,7 @@ 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 "../../../../RPLayout-3ef4e136.js";
+import { u as s } from "../../../../RPLayout-81cd4970.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -33,6 +33,7 @@ import "../../../RPConfig.js";
 import "../../../../contexts/ThemeContext.js";
 import "../../../RPDropFileZone.js";
 import "../../../../contexts/ToolbarComponentContext.js";
+import "../../../../contexts/ToolComponentContext.js";
 import "../../../../SearchCloseButton-ddb9877e.js";
 import "../../../ui/Input.js";
 import "../../../ui/Checkbox.js";
@@ -41,10 +42,15 @@ import "../../../../contexts/IconContext.js";
 import h from "../../../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";
-const so = ({ icon: m }) => {
+import "../../../../utils/dateFormatter.js";
+import "../PropertyItem.js";
+import "../../../../contexts/OtherToolContext.js";
+import "../RotateTool.js";
+const ho = ({ 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,
@@ -57,5 +63,5 @@ const so = ({ icon: m }) => {
   ) }) });
 };
 export {
-  so as NextPageTool
+  ho as NextPageTool
 };

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

@@ -1,7 +1,7 @@
 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 "../../../../RPLayout-3ef4e136.js";
+import { u as a } from "../../../../RPLayout-81cd4970.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
 const h = ({ icon: t }) => {

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

@@ -1,17 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import { PrintDefaultTool as i } from "../../../icons/PrintDefaultIcon.js";
-import { useIconContext as p } from "../../../../contexts/IconContext.js";
-import { UIButton as m } from "../../../ui/Button.js";
-import { d as c } from "../../../../RPLayout-3ef4e136.js";
+import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { d as m } from "../../../../RPLayout-81cd4970.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
-import u from "../../../ui/RPTooltip.js";
-const P = () => {
-  const { printIcon: o } = p();
-  return o || /* @__PURE__ */ r(i, {});
-}, T = ({ children: o, className: n, localeMessages: t }) => /* @__PURE__ */ r(u, { className: n, content: t == null ? void 0 : t.printTooltip, children: o }), j = ({ icon: o }) => {
-  const { print: n } = c(), { localeMessages: t } = f();
-  return /* @__PURE__ */ r(T, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(P, {}) }) });
+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 {
-  j as PrintTool
+  h as PrintTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { h } from "../../../../RPLayout-3ef4e136.js";
+import { h } from "../../../../RPLayout-81cd4970.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

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

@@ -1,83 +1,82 @@
-import { jsx as e, Fragment as G, jsxs as l } from "react/jsx-runtime";
-import { useState as N, useRef as S, useMemo as W, useCallback as g, useEffect as k } from "react";
-import { useZoomContext as y } from "../../../../contexts/ZoomContext.js";
+import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
+import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
+import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
 import { UIButton as E } from "../../../ui/Button.js";
-import { u as F, j as m } from "../../../../RPLayout-3ef4e136.js";
-import { UIDropDown as j } from "../../../ui/DropDown.js";
-import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
-import { G as v } from "../../../../index-7279fb4e.js";
-import { MenuItem as p } from "../MenuItem.js";
-import { MenuSeparator as U } from "../MenuSeparator.js";
-import { useToolbarComponentContext as _ } from "../../../../contexts/ToolbarComponentContext.js";
-import { PAGE_PADDING as L } from "../../../../utils/constants.js";
-import O from "../../../ui/RPTooltip.js";
-import { ZoomLevel as u } from "../../../../utils/types.js";
-import { getZoomLevel as V } from "../../../../utils/getZoomLevel.js";
-import { useLocalizationContext as B } from "../../../../contexts/LocalizationContext.js";
-import { useDocumentContext as $ } from "../../../../contexts/RPDocumentContext.js";
-import { useViewModeContext as q } from "../../../../contexts/ViewModeContext.js";
-import { useRotationContext as J } from "../../../../contexts/RotationContext.js";
-import { ChevronDownIcon as K } from "../../../icons/ChevronDownIcon.js";
-const Q = [50, 75, 100, 125, 150, 200, 300, 400], Co = ({ icon: a }) => {
-  const { zoomLevel: h, setZoomLevel: i } = y(), { container: T, pagesRef: r } = R(), { zoomTool: s = !0 } = _(), { focusedPage: d } = F(), { rotate: f } = J(), { pages: x } = $(), { localeMessages: o } = B(), { viewMode: b } = q(), [P, Z] = N(0), z = S(
+import { u as y, j as i } from "../../../../RPLayout-81cd4970.js";
+import { UIDropDown as F } from "../../../ui/DropDown.js";
+import { useLayoutContainer as j } from "../../../../contexts/LayoutContainerContext.js";
+import { G as C } from "../../../../index-7279fb4e.js";
+import { MenuItem as l } from "../MenuItem.js";
+import { MenuSeparator as R } from "../MenuSeparator.js";
+import { PAGE_PADDING as g } from "../../../../utils/constants.js";
+import U from "../../../ui/RPTooltip.js";
+import { ZoomLevel as s } from "../../../../utils/types.js";
+import { getZoomLevel as _ } from "../../../../utils/getZoomLevel.js";
+import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
+import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.js";
+import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
+import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
+import { ChevronDownIcon as q } from "../../../icons/ChevronDownIcon.js";
+const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
+  const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = j(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
     new ResizeObserver((t) => {
-      Z(t[0].contentRect.height);
+      w(t[0].contentRect.height);
     })
-  ), n = W(() => {
-    const t = x.get(d);
-    return t ? t.page.getViewport({ scale: 1, rotation: f + t.defaultRotation }) : null;
-  }, [x, d, f]), C = g(
+  ), n = S(() => {
+    const t = d.get(h);
+    return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
+  }, [d, h, a]), x = z(
     (t) => {
-      const w = ((n == null ? void 0 : n.width) || 0) + 2 * L, A = ((n == null ? void 0 : n.height) || 0) + 2 * L, D = (r == null ? void 0 : r.clientWidth) || 0, H = (r == null ? void 0 : r.clientHeight) || 0, I = V(
+      const A = ((n == null ? void 0 : n.width) || 0) + 2 * g, D = ((n == null ? void 0 : n.height) || 0) + 2 * g, H = (r == null ? void 0 : r.clientWidth) || 0, I = (r == null ? void 0 : r.clientHeight) || 0, T = _(
         t,
-        D,
         H,
-        w,
+        I,
         A,
-        b
+        D,
+        P
       );
-      i(I);
+      m(T);
     },
-    [i, n, r]
-  ), c = g(
+    [m, n, r]
+  ), c = z(
     (t) => {
-      typeof t == "number" ? i(t) : C(t);
+      typeof t == "number" ? m(t) : x(t);
     },
-    [i, C]
+    [m, x]
   );
-  return k(() => (r && z.current.observe(r), () => {
-    z.current.disconnect();
-  }), [r]), typeof s != "boolean" ? /* @__PURE__ */ e(s, { zoomLevel: h, setZoomLevel: i }) : s ? /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-    j,
+  return W(() => (r && f.current.observe(r), () => {
+    f.current.disconnect();
+  }), [r]), /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+    F,
     {
-      container: T,
-      triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(O, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ l(
+      container: L,
+      triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(U, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
         E,
         {
-          className: m["rp-current-zoom-wrapper"],
+          className: i["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
           children: [
-            /* @__PURE__ */ e("span", { className: m["rp-current-zoom-text"], children: h }),
-            /* @__PURE__ */ e("span", { className: m["rp-current-zoom-text"], children: "%" }),
-            /* @__PURE__ */ e("div", { className: m["rp-zoom-level-icon"], children: a || /* @__PURE__ */ e(K, {}) })
+            /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
+            /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: "%" }),
+            /* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: u || /* @__PURE__ */ e(q, {}) })
           ]
         }
       ) }) }),
       style: { minWidth: "200px" },
       align: "center",
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ p(
         "div",
         {
-          style: { maxHeight: `${P}px`, overflow: "auto" },
-          className: m["rp-zoom-dropdown-content"],
+          style: { maxHeight: `${b}px`, overflow: "auto" },
+          className: i["rp-zoom-dropdown-content"],
           children: [
-            /* @__PURE__ */ l(v, { children: [
-              /* @__PURE__ */ e(p, { onClick: () => c(u.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-              /* @__PURE__ */ e(p, { onClick: () => c(u.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-              /* @__PURE__ */ e(p, { onClick: () => c(u.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            /* @__PURE__ */ p(C, { children: [
+              /* @__PURE__ */ e(l, { onClick: () => c(s.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
             ] }),
-            /* @__PURE__ */ e(U, {}),
-            /* @__PURE__ */ e(v, { children: Q.map((t) => /* @__PURE__ */ l(p, { onClick: () => c(t), children: [
+            /* @__PURE__ */ e(R, {}),
+            /* @__PURE__ */ e(C, { children: J.map((t) => /* @__PURE__ */ p(l, { onClick: () => c(t), children: [
               t,
               " %"
             ] }, t)) })
@@ -85,8 +84,8 @@ const Q = [50, 75, 100, 125, 150, 200, 300, 400], Co = ({ icon: a }) => {
         }
       )
     }
-  ) }) : null;
+  ) });
 };
 export {
-  Co as ZoomLevelTool
+  fo as ZoomLevelTool
 };

package/dist/components/layout/toolbar/tools/defaults/LeftSidebarDefaultTools.js

@@ -0,0 +1,16 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as m, useEffect as u } from "react";
+import { useIconToolContext as d } from "../../../../../contexts/IconToolContext.js";
+import { useToolComponentContext as p } from "../../../../../contexts/ToolComponentContext.js";
+import { ThumbnailTool as I } from "../../ThumbnailTool.js";
+const C = (a) => {
+  const { icons: t, slots: s } = a, { setIcons: e } = d(), { setSlots: n } = p(), [r, l] = m(!1), [c, i] = m(!1);
+  return u(() => {
+    e((o) => ({ ...o, ...t })), l(!0);
+  }, [t, e, r, l]), u(() => {
+    n((o) => ({ ...o, ...s })), i(!0);
+  }, [s, n, c, i]), !r || !c ? null : /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(I, {}) });
+};
+export {
+  C as LeftSidebarDefaultTools
+};

package/dist/components/layout/toolbar/tools/defaults/TopbarDefaultTools.js

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { useState as d, useEffect as f } from "react";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../contexts/DocumentPasswordContext.js";
+import { k as t, S as T, l as y, Z as C, m as b } from "../../../../../RPLayout-81cd4970.js";
+import "../../../../../contexts/DarkModeContext.js";
+import "../../../../../contexts/RotationContext.js";
+import "../../../../../contexts/LayerContext.js";
+import "../../../../../contexts/ZoomContext.js";
+import "../../../../../contexts/ViewModeContext.js";
+import "../../../../../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/LocalizationContext.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/LoaderContext.js";
+import "../../../../RPConfig.js";
+import "../../../../../contexts/ThemeContext.js";
+import "../../../../RPDropFileZone.js";
+import "../../../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
+import "../../../../ui/Button.js";
+import "../../../../ui/RPTooltip.js";
+import "../../../../ui/Input.js";
+import "../../../../ui/DropDown.js";
+import "../../MenuItem.js";
+import "../../MenuSeparator.js";
+import { useIconToolContext as x } from "../../../../../contexts/IconToolContext.js";
+import { useViewportContext as I } from "../../../../../contexts/ViewportContext.js";
+const co = (u) => {
+  const { icons: i, slots: p } = u, { setIcons: m } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return f(() => {
+    m((r) => ({ ...r, ...i })), a(!0);
+  }, [i, m, e, a]), f(() => {
+    s((r) => ({ ...r, ...p })), n(!0);
+  }, [p, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
+    /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
+      /* @__PURE__ */ o(T, {}),
+      /* @__PURE__ */ o(y, {})
+    ] }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(C, {}) }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(b, {}) })
+  ] }) });
+};
+export {
+  co as TopbarDefaultTools
+};

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { A as X } from "../../RPLayout-3ef4e136.js";
+import { A as ro } from "../../RPLayout-81cd4970.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -31,6 +31,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";
@@ -40,12 +41,17 @@ 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 "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  X as AnnotationLayer
+  ro as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as U } from "../../RPLayout-3ef4e136.js";
+import { C as _ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,6 +30,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";
@@ -39,10 +40,15 @@ 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/renderPage.js";
 export {
-  U as CanvasLayer
+  _ as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPLayout-3ef4e136.js";
+import { D as p } from "../../RPLayout-81cd4970.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { w as U } from "../../RPLayout-3ef4e136.js";
+import { z as _ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -30,6 +30,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";
@@ -39,10 +40,15 @@ 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 "./CustomElement.js";
 export {
-  U as RPPage
+  _ as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m } from "../../RPLayout-3ef4e136.js";
+import { E as m } from "../../RPLayout-81cd4970.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { v as V } from "../../RPLayout-3ef4e136.js";
+import { y as $ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,6 +30,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";
@@ -39,11 +40,16 @@ 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 "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  V as TextHighlightLayer
+  $ as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { t as V } from "../../RPLayout-3ef4e136.js";
+import { x as $ } from "../../RPLayout-81cd4970.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,6 +30,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";
@@ -39,11 +40,16 @@ 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 "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  V as TextLayer
+  $ as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { J as i } from "../../RPLayout-3ef4e136.js";
+import { K as i } from "../../RPLayout-81cd4970.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/DropFileZoneContext.js

@@ -1,9 +1,10 @@
-import { jsx as D } from "react/jsx-runtime";
-import { createContext as x, useContext as C, useState as P, useCallback as r } from "react";
+import { jsx as C } from "react/jsx-runtime";
+import { createContext as x, useContext as P, useState as F, useCallback as r } from "react";
 import { useDocumentContext as h } from "./RPDocumentContext.js";
-import { useToolbarComponentContext as F } from "./ToolbarComponentContext.js";
+import { useToolbarComponentContext as T } from "./ToolbarComponentContext.js";
 import { useDocumentPasswordContext as v } from "./DocumentPasswordContext.js";
-const p = x({
+import { useToolComponentContext as L } from "./ToolComponentContext.js";
+const i = x({
   dragging: !1,
   handleDragLeave: () => {
   },
@@ -11,43 +12,41 @@ const p = x({
   },
   handleDrop: () => {
   }
-}), w = () => C(p), E = ({ children: i }) => {
-  const [c, o] = P(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: s } = F(), {
-    setPassword: f
-  } = v(), u = r(
+}), R = () => P(i), S = ({ children: c }) => {
+  const [f, t] = F(!1), { setFilename: n, setPdfSrc: a } = h(), { openFileTool: s } = T(), { openFileTool: l } = L(), { setPassword: u } = v(), m = r(
     (e) => {
-      var l;
-      e.preventDefault(), e.stopPropagation(), o(!1);
-      const t = (l = e.dataTransfer) == null ? void 0 : l.files[0];
-      if (!t || t.type !== "application/pdf")
+      var p;
+      e.preventDefault(), e.stopPropagation(), t(!1);
+      const o = (p = e.dataTransfer) == null ? void 0 : p.files[0];
+      if (!o || o.type !== "application/pdf")
         return;
-      const m = URL.createObjectURL(t);
-      n(t.name), a(m), f("");
+      const D = URL.createObjectURL(o);
+      n(o.name), a(D), u("");
     },
     [n, a]
-  ), g = r(
+  ), d = r(
     (e) => {
-      e.preventDefault(), e.stopPropagation(), s && o(!0);
+      e.preventDefault(), e.stopPropagation(), !(!s || !l) && t(!0);
     },
-    [s]
-  ), d = r((e) => {
-    e.preventDefault(), e.stopPropagation(), o(!1);
+    [s, l]
+  ), g = r((e) => {
+    e.preventDefault(), e.stopPropagation(), t(!1);
   }, []);
-  return /* @__PURE__ */ D(
-    p.Provider,
+  return /* @__PURE__ */ C(
+    i.Provider,
     {
       value: {
-        dragging: c,
-        handleDragLeave: d,
-        handleDragEnter: g,
-        handleDrop: u
+        dragging: f,
+        handleDragLeave: g,
+        handleDragEnter: d,
+        handleDrop: m
       },
-      children: i
+      children: c
     }
   );
 };
 export {
-  p as DropFileZoneContext,
-  E as DropFileZoneProvider,
-  w as useDropFileZoneContext
+  i as DropFileZoneContext,
+  S as DropFileZoneProvider,
+  R as useDropFileZoneContext
 };

package/dist/contexts/IconToolContext.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as s, useContext as c, useState as i } from "react";
+const u = () => {
+  throw new Error("setIcons is not initialized yet");
+}, o = s({ setIcons: u }), x = () => c(o), a = ({ children: t }) => {
+  const [e, n] = i({});
+  return /* @__PURE__ */ r(o.Provider, { value: { ...e, setIcons: n }, children: t });
+};
+export {
+  o as IconToolContext,
+  a as IconToolProvider,
+  x as useIconToolContext
+};

package/dist/contexts/PaginationContext.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import { m, P as e, u as p } from "../RPLayout-3ef4e136.js";
+import { p, P as e, u as m } from "../RPLayout-81cd4970.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 export {
-  m as PaginationContext,
+  p as PaginationContext,
   e as PaginationProvider,
-  p as usePaginationContext
+  m as usePaginationContext
 };