@pdf-viewer/react 1.9.0-beta.6 → 1.9.0-rc.0

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

@@ -1,142 +1,30 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { useState as L, useRef as B, useCallback as s, useMemo as z, useEffect as X } from "react";
-import { useZoomContext as $ } from "../../../contexts/ZoomContext.js";
-import { ChevronUpIcon as q } from "../../icons/ChevronUpIcon.js";
-import { ZoomInIcon as J } from "../../icons/ZoomInIcon.js";
-import { ZoomOutIcon as K } from "../../icons/ZoomOutIcon.js";
-import { UIButton as C } from "../../ui/Button.js";
-import { u as Q, i as c } from "../../../ToolbarLayout.module-88476995.js";
-import { UIDropDown as Y } from "../../ui/DropDown.js";
-import { useLayoutContainer as M } from "../../../contexts/LayoutContainerContext.js";
-import { G as A } from "../../../index-49b9a615.js";
-import { MenuItem as d } from "./MenuItem.js";
-import { MenuSeparator as oo } from "./MenuSeparator.js";
-import { useToolbarComponentContext as to } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as S } from "../../../contexts/IconContext.js";
-import { PAGE_PADDING as P } from "../../../utils/constants.js";
-import { useViewportContext as no } from "../../../contexts/ViewportContext.js";
-import I from "../../ui/RPTooltip.js";
-import { ZoomLevel as x } from "../../../utils/types.js";
-import { getZoomLevel as ro } from "../../../utils/getZoomLevel.js";
-import { useLocalizationContext as eo } from "../../../contexts/LocalizationContext.js";
-import { useDocumentContext as io } from "../../../contexts/RPDocumentContext.js";
-import { useViewModeContext as mo } from "../../../contexts/ViewModeContext.js";
-import { usePagesRotateContext as co } from "../../../contexts/PagesRotateContext.js";
-import { c as po } from "../../../clsx-0c6e471a.js";
-import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as uo } from "../../../contexts/ToolComponentContext.js";
-const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], fo = () => {
-  const { zoomInIcon: e } = S(), { zoomInIcon: r } = D();
-  return e || r || /* @__PURE__ */ t(J, {});
-}, ho = () => {
-  const { zoomOutIcon: e } = S(), { zoomOutIcon: r } = D();
-  return e || r || /* @__PURE__ */ t(K, {});
-}, Ro = () => {
-  const { zoomLevel: e, setZoomLevel: r } = $(), { container: N, pagesRef: i } = M(), { zoomTool: f = !0 } = to(), { zoomTool: h = !0 } = uo(), { focusedPage: a } = Q(), { pageRotate: Z } = co(), { pages: b } = io(), { isSmallScreen: W } = no(), { localeMessages: o } = eo(), { viewMode: g } = mo(), [k, E] = L(0), [O, H] = L(!1), v = B(
-    new ResizeObserver((n) => {
-      E(n[0].contentRect.height);
-    })
-  ), y = s(() => {
-    r((n) => {
-      const p = Math.floor(n / 25) * 25;
-      return Math.min(p + 25, T);
-    });
-  }, [r]), G = s(() => {
-    r((n) => {
-      const p = Math.ceil(n / 25) * 25;
-      return Math.min(p - 25, T);
-    });
-  }, [r]), _ = z(() => e <= lo, [e]), U = z(() => e >= T, [e]), m = z(() => {
-    const n = b.get(a);
-    return n ? n.page.getViewport({ scale: 1, rotation: Z[a] }) : null;
-  }, [b, a, Z]), w = s(
-    (n) => {
-      const p = ((m == null ? void 0 : m.width) || 0) + 2 * P, F = ((m == null ? void 0 : m.height) || 0) + 2 * P, R = (i == null ? void 0 : i.clientWidth) || 0, V = (i == null ? void 0 : i.clientHeight) || 0, j = ro(
-        n,
-        R,
-        V,
-        p,
-        F,
-        g
-      );
-      r(j);
-    },
-    [r, m, i]
-  ), l = s(
-    (n) => {
-      typeof n == "number" ? r(n) : w(n);
-    },
-    [r, w]
-  );
-  return X(() => (i && v.current.observe(i), () => {
-    v.current.disconnect();
-  }), [i]), !f || !h ? null : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: e, setZoomLevel: r }) : typeof h == "function" ? /* @__PURE__ */ t(h, { zoomLevel: e, setZoomLevel: r }) : /* @__PURE__ */ u("div", { className: c["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ t(I, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
-      C,
-      {
-        disabled: _,
-        onClick: G,
-        "aria-label": o == null ? void 0 : o.zoomOutTooltip,
-        children: /* @__PURE__ */ t(ho, {})
-      }
-    ) }),
-    !W && /* @__PURE__ */ t(
-      Y,
-      {
-        container: N,
-        open: O,
-        onOpenChange: H,
-        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(I, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ u(
-          C,
-          {
-            className: po(
-              c["rp-current-zoom-wrapper"],
-              O && c.active
-            ),
-            "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
-            children: [
-              /* @__PURE__ */ t("span", { className: c["rp-current-zoom-text"], children: e }),
-              /* @__PURE__ */ t("span", { className: c["rp-current-zoom-text"], children: "%" }),
-              /* @__PURE__ */ t(q, { className: c["rp-current-zoom-icon"] })
-            ]
-          }
-        ) }) }),
-        style: { minWidth: "200px" },
-        align: "center",
-        side: "bottom",
-        avoidCollisions: !1,
-        children: /* @__PURE__ */ u(
-          "div",
-          {
-            style: { maxHeight: `${k}px`, overflow: "auto" },
-            className: c["rp-zoom-dropdown-content"],
-            children: [
-              /* @__PURE__ */ u(A, { children: [
-                /* @__PURE__ */ t(d, { onClick: () => l(x.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-                /* @__PURE__ */ t(d, { onClick: () => l(x.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-                /* @__PURE__ */ t(d, { onClick: () => l(x.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
-              ] }),
-              /* @__PURE__ */ t(oo, {}),
-              /* @__PURE__ */ t(A, { children: so.map((n) => /* @__PURE__ */ u(d, { onClick: () => l(n), children: [
-                n,
-                " %"
-              ] }, n)) })
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
-      C,
-      {
-        disabled: U,
-        onClick: y,
-        "aria-label": o == null ? void 0 : o.zoomInTooltip,
-        children: /* @__PURE__ */ t(fo, {})
-      }
-    ) })
-  ] });
-};
+import "react/jsx-runtime";
+import "react";
+import "../../../contexts/ZoomContext.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../ui/Button.js";
+import { Z as A } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../ui/DropDown.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../index-f4a9ae4d.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/IconContext.js";
+import "../../../utils/constants.js";
+import "../../../contexts/ViewportContext.js";
+import "../../ui/RPTooltip.js";
+import "../../../utils/types.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  Ro as ZoomTool
+  A as ZoomTool
 };

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

@@ -1,7 +1,7 @@
 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 { a as d } from "../../../../ToolbarLayout.module-88476995.js";
+import { b as d } from "../../../../ToolbarLayout.module-201969d2.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 }) => {

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

@@ -1,6 +1,6 @@
-import { jsxs as u, Fragment as P, jsx as g } from "react/jsx-runtime";
+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, h as p } from "../../../../ToolbarLayout.module-88476995.js";
+import { u as x, j as p } from "../../../../ToolbarLayout.module-201969d2.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";
@@ -17,17 +17,17 @@ const k = () => {
     t.success || e(t.currentPage.toString());
   }, [c, r, s]), f = o(() => {
     e(n.toString());
-  }, [n]), h = o(
+  }, [n]), P = o(
     (t) => {
       t.key === "Enter" && i();
     },
     [i]
   );
-  return /* @__PURE__ */ u(P, { children: [
+  return /* @__PURE__ */ u(h, { children: [
     /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
       E,
       {
-        onKeyDown: h,
+        onKeyDown: P,
         onBlur: f,
         onChange: m,
         value: r,

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 "../../../../ToolbarLayout.module-88476995.js";
+import { u as s } from "../../../../ToolbarLayout.module-201969d2.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,26 +33,25 @@ 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 "../../WrapperLayout.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 "../../../../contexts/ToolbarComponentContext.js";
-import "../../../../contexts/ViewportContext.js";
 import h from "../../../ui/RPTooltip.js";
-import "../../../../MenuItem.module-bc11d0d3.js";
-import "../../../../DropDown.module-a78567cb.js";
+import "../../../ui/DropDown.js";
+import "../MenuItem.js";
+import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
-import "../../../../PropertyItem.module-db0150cc.js";
-import "../../../../MenuSeparator.module-89b2ff7f.js";
-import "../../../../RotateTool.module-03987eba.js";
-import "../../../../SearchTool.module-016f3a8d.js";
-import "../../../../Checkbox.module-3edaacbb.js";
-import "../../../icons/LoaderIcon.js";
-import "../../../../RPSplitter.module-13d612c4.js";
-import "../../../../Container.module-f8b5c306.js";
-import "../../../../WrapperLayout.module-147bc943.js";
-import "../../../../RPTheme.module-bd9038da.js";
-import "../../../../contexts/ThemeContext.js";
-const Mo = ({ icon: m }) => {
+import "../PropertyItem.js";
+import "../RotateTool.js";
+const Lo = ({ 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,
@@ -65,5 +64,5 @@ const Mo = ({ icon: m }) => {
   ) }) });
 };
 export {
-  Mo as NextPageTool
+  Lo 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 "../../../../ToolbarLayout.module-88476995.js";
+import { u as a } from "../../../../ToolbarLayout.module-201969d2.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,13 +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 { b as m } from "../../../../ToolbarLayout.module-88476995.js";
+import { c as m } from "../../../../ToolbarLayout.module-201969d2.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 }), d = ({ icon: o }) => {
+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 {
-  d 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 { g as h } from "../../../../ToolbarLayout.module-88476995.js";
+import { i as h } from "../../../../ToolbarLayout.module-201969d2.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,11 +1,11 @@
 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 { useState as k, useRef as G, useMemo as N, useCallback as z, useEffect as S } from "react";
+import { useZoomContext as W } from "../../../../contexts/ZoomContext.js";
 import { UIButton as E } from "../../../ui/Button.js";
-import { u as y, i } from "../../../../ToolbarLayout.module-88476995.js";
+import { u as y, k as i } from "../../../../ToolbarLayout.module-201969d2.js";
 import { UIDropDown as F } from "../../../ui/DropDown.js";
 import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
-import { G as C } from "../../../../index-49b9a615.js";
+import { G as C } from "../../../../index-f4a9ae4d.js";
 import { MenuItem as l } from "../MenuItem.js";
 import { MenuSeparator as U } from "../MenuSeparator.js";
 import { PAGE_PADDING as g } from "../../../../utils/constants.js";
@@ -18,11 +18,11 @@ 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 } = R(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
+  const { zoomLevel: v, setZoomLevel: m } = W(), { container: L, pagesRef: r } = R(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = k(0), f = G(
     new ResizeObserver((t) => {
       w(t[0].contentRect.height);
     })
-  ), n = S(() => {
+  ), n = N(() => {
     const t = d.get(h);
     return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
   }, [d, h, a]), x = z(
@@ -44,7 +44,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
     },
     [m, x]
   );
-  return W(() => (r && f.current.observe(r), () => {
+  return S(() => (r && f.current.observe(r), () => {
     f.current.disconnect();
   }), [r]), /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
     F,

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

@@ -2,7 +2,7 @@ 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 { j as t } from "../../../../../ToolbarLayout.module-88476995.js";
+import { l as t, S as y, m as C, Z as R, n as v } from "../../../../../ToolbarLayout.module-201969d2.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";
@@ -26,43 +26,37 @@ import "../../../../../contexts/SmoothScrollContext.js";
 import "../../../../../contexts/ElementPageContext.js";
 import "../../../../../contexts/PagesRotateContext.js";
 import "../../../../../contexts/LoaderContext.js";
-import { useToolComponentContext as y } from "../../../../../contexts/ToolComponentContext.js";
-import { useIconToolContext as C } from "../../../../../contexts/IconToolContext.js";
+import { useToolComponentContext as x } from "../../../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as I } from "../../../../../contexts/IconToolContext.js";
 import "../../../../../contexts/OtherToolContext.js";
 import "../../../../RPConfig.js";
-import { Paginate as R } from "../../Paginate.js";
-import { RPToolbarEnd as v } from "../../RPToolbarEnd.js";
-import { ZoomTool as x } from "../../ZoomTool.js";
-import { SearchTool as I } from "../../SearchTool.js";
-import "../../../../../contexts/ToolbarComponentContext.js";
+import "../../../Container.js";
 import { useViewportContext as T } from "../../../../../contexts/ViewportContext.js";
+import "../../../../../contexts/ToolbarComponentContext.js";
+import "../../../WrapperLayout.js";
+import "../../../../../contexts/ThemeContext.js";
+import "../../../../RPDropFileZone.js";
 import "../../../../ui/Button.js";
-import "../../../../../RPSplitter.module-13d612c4.js";
-import "../../../../../contexts/IconContext.js";
 import "../../../../ui/RPTooltip.js";
-import "../../../../../Container.module-f8b5c306.js";
-import "../../../../../WrapperLayout.module-147bc943.js";
-import "../../../../../RPTheme.module-bd9038da.js";
-import "../../../../../contexts/ThemeContext.js";
 import "../../../../ui/Input.js";
-import "../../../../../DropDown.module-a78567cb.js";
-import "../../../../../MenuItem.module-bc11d0d3.js";
-import "../../../../../MenuSeparator.module-89b2ff7f.js";
-const xo = (u) => {
-  const { icons: i, slots: m } = u, { setIcons: p } = C(), { setSlots: e } = y(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = T(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+import "../../../../ui/DropDown.js";
+import "../../MenuItem.js";
+import "../../MenuSeparator.js";
+const So = (u) => {
+  const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return f(() => {
     p((r) => ({ ...r, ...i })), a(!0);
-  }, [i, p, s, a]), f(() => {
-    e((r) => ({ ...r, ...m })), n(!0);
-  }, [m, e, l, n]), !s || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: S(), children: [
+  }, [i, p, e, a]), f(() => {
+    s((r) => ({ ...r, ...m })), n(!0);
+  }, [m, 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(I, {}),
-      /* @__PURE__ */ o(R, {})
+      /* @__PURE__ */ o(y, {}),
+      /* @__PURE__ */ o(C, {})
     ] }),
-    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(x, {}) }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
     /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
   ] }) });
 };
 export {
-  xo as RPHorizontalBar
+  So as RPHorizontalBar
 };

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 { F as io } from "../../ToolbarLayout.module-88476995.js";
+import { F as to } from "../../ToolbarLayout.module-201969d2.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -31,29 +31,28 @@ import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
 import "../RPConfig.js";
+import "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../layout/WrapperLayout.js";
+import "../../contexts/ThemeContext.js";
+import "../RPDropFileZone.js";
 import "../ui/Button.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
+import "../ui/Checkbox.js";
+import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ViewportContext.js";
 import "../ui/RPTooltip.js";
-import "../../MenuItem.module-bc11d0d3.js";
-import "../../DropDown.module-a78567cb.js";
+import "../ui/DropDown.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
-import "../../PropertyItem.module-db0150cc.js";
-import "../../MenuSeparator.module-89b2ff7f.js";
-import "../../RotateTool.module-03987eba.js";
-import "../../SearchTool.module-016f3a8d.js";
-import "../../Checkbox.module-3edaacbb.js";
-import "../icons/LoaderIcon.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../Container.module-f8b5c306.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../RPTheme.module-bd9038da.js";
-import "../../contexts/ThemeContext.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../layout/toolbar/RotateTool.js";
 import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  io as AnnotationLayer
+  to 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 { D as $ } from "../../ToolbarLayout.module-88476995.js";
+import { D as _ } from "../../ToolbarLayout.module-201969d2.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -30,26 +30,25 @@ import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
 import "../RPConfig.js";
+import "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../layout/WrapperLayout.js";
+import "../../contexts/ThemeContext.js";
+import "../RPDropFileZone.js";
 import "../ui/Button.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
+import "../ui/Checkbox.js";
+import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ViewportContext.js";
 import "../ui/RPTooltip.js";
-import "../../MenuItem.module-bc11d0d3.js";
-import "../../DropDown.module-a78567cb.js";
+import "../ui/DropDown.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
-import "../../PropertyItem.module-db0150cc.js";
-import "../../MenuSeparator.module-89b2ff7f.js";
-import "../../RotateTool.module-03987eba.js";
-import "../../SearchTool.module-016f3a8d.js";
-import "../../Checkbox.module-3edaacbb.js";
-import "../icons/LoaderIcon.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../Container.module-f8b5c306.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../RPTheme.module-bd9038da.js";
-import "../../contexts/ThemeContext.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../layout/toolbar/RotateTool.js";
 export {
-  $ as CanvasLayer
+  _ as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { J as p } from "../../ToolbarLayout.module-88476995.js";
+import { J as p } from "../../ToolbarLayout.module-201969d2.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { H as ro } from "../../ToolbarLayout.module-88476995.js";
+import { H as oo } from "../../ToolbarLayout.module-201969d2.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -30,28 +30,27 @@ import "../../contexts/ToolComponentContext.js";
 import "../../contexts/IconToolContext.js";
 import "../../contexts/OtherToolContext.js";
 import "../RPConfig.js";
+import "../layout/Container.js";
+import "../../contexts/ViewportContext.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "../layout/WrapperLayout.js";
+import "../../contexts/ThemeContext.js";
+import "../RPDropFileZone.js";
 import "../ui/Button.js";
+import "../../SearchCloseButton-cbf182aa.js";
 import "../ui/Input.js";
+import "../ui/Checkbox.js";
+import "../icons/LoaderIcon.js";
 import "../../contexts/IconContext.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "../../contexts/ViewportContext.js";
 import "../ui/RPTooltip.js";
-import "../../MenuItem.module-bc11d0d3.js";
-import "../../DropDown.module-a78567cb.js";
+import "../ui/DropDown.js";
+import "../layout/toolbar/MenuItem.js";
+import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
-import "../../PropertyItem.module-db0150cc.js";
-import "../../MenuSeparator.module-89b2ff7f.js";
-import "../../RotateTool.module-03987eba.js";
-import "../../SearchTool.module-016f3a8d.js";
-import "../../Checkbox.module-3edaacbb.js";
-import "../icons/LoaderIcon.js";
-import "../../RPSplitter.module-13d612c4.js";
-import "../../Container.module-f8b5c306.js";
-import "../../WrapperLayout.module-147bc943.js";
-import "../../RPTheme.module-bd9038da.js";
-import "../../contexts/ThemeContext.js";
+import "../layout/toolbar/PropertyItem.js";
+import "../layout/toolbar/RotateTool.js";
 import "./CustomElement.js";
 import "../../utils/withRef.js";
 export {
-  ro as RPPage
+  oo as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { K as m } from "../../ToolbarLayout.module-88476995.js";
+import { K as m } from "../../ToolbarLayout.module-201969d2.js";
 export {
   m as SinglePage
 };