@pdf-viewer/react 0.5.0-beta.3 → 0.6.0-beta.0

package/dist/assets/RPTooltip.css

@@ -1 +1 @@
-._tooltipContent_svqcc_1{border-radius:4px;padding:.5rem;animation:_fadeIn_svqcc_1 .2s ease-in-out;z-index:1000}._tooltipContent_svqcc_1 p{color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;bottom:125%;left:50%;line-height:1.4;background-color:var(--rp-tooltip-background-color)}@keyframes _fadeIn_svqcc_1{0%{opacity:0}to{opacity:1}}
+._tooltipContent_1i9ed_1{border-radius:4px;padding:8px;background-color:var(--rp-tooltip-background-color);z-index:1000}._tooltipArrow_1i9ed_8{fill:var(--rp-tooltip-background-color)}._tooltipContent_1i9ed_1 span{color:#fff;font-size:14px}@keyframes _fadeIn_1i9ed_1{0%{opacity:0}to{opacity:1}}

package/dist/components/RPController.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { H as R } from "../RPLayout-c0d9e10f.js";
+import { H as R } from "../RPLayout-33766f73.js";
 import "../contexts/DarkModeContext.js";
 import "../utils/types.js";
 import "../contexts/RotateContext.js";

package/dist/components/RPViewer.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as u } from "../RPLayout-c0d9e10f.js";
+import { R as u } from "../RPLayout-33766f73.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";

package/dist/components/layout/RPLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as P } from "../../RPLayout-c0d9e10f.js";
+import { a as P } from "../../RPLayout-33766f73.js";
 import "../../Container-337e1b18.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { G as f } from "../../../RPLayout-c0d9e10f.js";
+import { G as f } from "../../../RPLayout-33766f73.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { w as a } from "../../../RPLayout-c0d9e10f.js";
+import { w as a } from "../../../RPLayout-33766f73.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPLayout-c0d9e10f.js";
+import { E as t } from "../../../RPLayout-33766f73.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,24 +1,27 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { MoonIcon as l } from "../../icons/MoonIcon.js";
-import { SunIcon as s } from "../../icons/SunIcon.js";
-import { UIButton as p } from "../../ui/Button.js";
-import { useDarkModeContext as d } from "../../../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as a } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as c } from "../../../contexts/IconContext.js";
-import u from "../../ui/RPTooltip.js";
-const f = () => {
-  const { lightModeIcon: o } = c();
-  return o || /* @__PURE__ */ t(l, {});
-}, h = () => {
-  const { darkModeIcon: o } = c();
-  return o || /* @__PURE__ */ t(s, {});
-}, S = () => {
-  const { darkMode: o, setDarkMode: e } = d(), { themeSwitcher: n = !0 } = a(), i = m(() => {
-    e((r) => !r);
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useCallback as d } from "react";
+import { MoonIcon as p } from "../../icons/MoonIcon.js";
+import { SunIcon as a } from "../../icons/SunIcon.js";
+import { UIButton as u } from "../../ui/Button.js";
+import { useDarkModeContext as f } from "../../../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as i } from "../../../contexts/IconContext.js";
+import c from "../../ui/RPTooltip.js";
+const k = () => {
+  const { lightModeIcon: o } = i();
+  return o || /* @__PURE__ */ t(p, {});
+}, M = () => {
+  const { darkModeIcon: o } = i();
+  return o || /* @__PURE__ */ t(a, {});
+}, w = () => {
+  const { darkMode: o, setDarkMode: e } = f(), { themeSwitcher: n = !0 } = h(), r = `Enable ${o ? "dark" : "light"} theme`, m = d(() => {
+    e((l) => !l);
   }, [e]);
-  return typeof n != "boolean" ? /* @__PURE__ */ t(n, { darkMode: o, setDarkMode: e }) : n ? /* @__PURE__ */ t(u, { content: `Enable ${o ? "dark" : "light"} theme`, children: /* @__PURE__ */ t(p, { onClick: i, children: o ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(f, {}) }) }) : null;
+  return typeof n != "boolean" ? /* @__PURE__ */ s(c, { content: r, children: [
+    /* @__PURE__ */ t(n, { darkMode: o, setDarkMode: e }),
+    " "
+  ] }) : n ? /* @__PURE__ */ t(c, { content: r, children: /* @__PURE__ */ t(u, { onClick: m, children: o ? /* @__PURE__ */ t(M, {}) : /* @__PURE__ */ t(k, {}) }) }) : null;
 };
 export {
-  S as DarkModeTool
+  w as DarkModeTool
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { n as j } from "../../../RPLayout-c0d9e10f.js";
+import { n as j } from "../../../RPLayout-33766f73.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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

@@ -10,7 +10,7 @@ const f = () => {
   return e || /* @__PURE__ */ o(i, {});
 }, D = () => {
   const { setActiveDocumentProperties: e } = s(), { documentProperties: t } = p();
-  return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(l, { content: "View document properties", children: /* @__PURE__ */ m(c, { onClick: () => e((r) => !r), children: [
+  return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(c, { onClick: () => e((r) => !r), children: /* @__PURE__ */ m(l, { className: "rp-menu-item", content: "View document properties", children: [
     /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
     "Document properties"
   ] }) }) }) : null;

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

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as d } from "../../../RPLayout-c0d9e10f.js";
+import { F as d } from "../../../RPLayout-33766f73.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -7,13 +7,16 @@ import { MenuItem as f } from "./MenuItem.js";
 import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
 import { useOpenFileContext as a } from "../../../contexts/FileInputContext.js";
 import d from "../../ui/RPTooltip.js";
-const t = ({ children: o }) => /* @__PURE__ */ e(d, { content: "Open local file", children: o }), l = () => {
+const t = () => {
   const { fileUploadIcon: o } = m();
   return o || /* @__PURE__ */ e(p, {});
-}, C = ({ onFileChange: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ r(f, { onClick: o, children: [
-  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(l, {}) }),
+}, l = ({
+  children: o,
+  className: n
+}) => /* @__PURE__ */ e(d, { className: n, content: "Open local file", children: o }), C = ({ onFileChange: o }) => /* @__PURE__ */ e(f, { onClick: o, children: /* @__PURE__ */ r(l, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
   "Open Local File"
-] }) }), F = ({ onFileChange: o }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(l, {}) }) }), D = () => {
+] }) }), F = ({ onFileChange: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(t, {}) }) }), D = () => {
   const { openFileTool: o = !0 } = c(), { onFileChange: n } = a(), { isSmallScreen: i } = u();
   return o ? i ? /* @__PURE__ */ e(C, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { onClick: n }) : o ? /* @__PURE__ */ e(F, { onFileChange: n }) : null : null;
 };

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

@@ -10,10 +10,10 @@ import F from "../../ui/RPTooltip.js";
 const a = () => {
   const { fullScreenIcon: o } = p();
   return o || /* @__PURE__ */ e(t, {});
-}, c = ({ children: o }) => /* @__PURE__ */ e(F, { content: "Full screen", children: o }), C = ({ toggleFullScreen: o, isSupported: l }) => /* @__PURE__ */ e(c, { children: /* @__PURE__ */ u(d, { onClick: o, disabled: !l, children: [
+}, c = ({ children: o, className: l }) => /* @__PURE__ */ e(F, { className: l, content: "Full screen", children: o }), C = ({ toggleFullScreen: o, isSupported: l }) => /* @__PURE__ */ e(d, { onClick: o, disabled: !l, children: /* @__PURE__ */ u(c, { className: "rp-menu-item", children: [
   /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
   "Full screen"
-] }) }), v = () => {
+] }) }), N = () => {
   const { isFullScreen: o, toggleFullScreen: l, isSupported: n } = s(), { fullscreenTool: r } = f(), { isSmallScreen: i } = S();
   return r ? i ? /* @__PURE__ */ e(
     C,
@@ -40,5 +40,5 @@ const a = () => {
   ) }) : null;
 };
 export {
-  v as FullScreenTool
+  N as FullScreenTool
 };

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

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-8049287f.js";
+import { I as o } from "../../../index-316854c1.js";
 import { c as n } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const c = {
-  "rp-menu-item": "_rp-menu-item_ogr6y_1"
+  "rp-menu-item": "_rp-menu-item_gqbz3_1"
 }, l = (e) => {
-  const { children: m, className: r, ...s } = e;
-  return /* @__PURE__ */ t(o, { ...s, tabIndex: 0, className: n(c["rp-menu-item"], r), children: m });
+  const { children: m, className: s, ...r } = e;
+  return /* @__PURE__ */ t(o, { ...r, tabIndex: 0, className: n(c["rp-menu-item"], s), children: m });
 };
 export {
   l as MenuItem

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-8049287f.js";
+import { S as a } from "../../../index-316854c1.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../../index-8049287f.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
-import { M as k } from "../../../RPLayout-c0d9e10f.js";
+import { M as k } from "../../../RPLayout-33766f73.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "react";

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPLayout-c0d9e10f.js";
+import { O as k } from "../../../RPLayout-33766f73.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-8049287f.js";
+import "../../../index-316854c1.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";

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 { m as s } from "../../../RPLayout-c0d9e10f.js";
+import { m as s } from "../../../RPLayout-33766f73.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { r as n } from "../../../RPLayout-c0d9e10f.js";
+import { r as n } from "../../../RPLayout-33766f73.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as a } from "../../../RPLayout-c0d9e10f.js";
+import { v as a } from "../../../RPLayout-33766f73.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { s } from "../../../RPLayout-c0d9e10f.js";
+import { s } from "../../../RPLayout-33766f73.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,28 +1,28 @@
-import { jsx as o, Fragment as a, jsxs as e } from "react/jsx-runtime";
-import { G as m } from "../../../index-8049287f.js";
+import { jsx as o, Fragment as m, jsxs as t } from "react/jsx-runtime";
+import { G as a } from "../../../index-316854c1.js";
 import { ClockwiseIcon as n } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as r } from "./MenuItem.js";
 import { MenuSeparator as u } from "./MenuSeparator.js";
 import { useRotate as p } from "../../../utils/hooks/useRotate.js";
 import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as i } from "../../../contexts/IconContext.js";
+import { useIconContext as s } from "../../../contexts/IconContext.js";
 import c from "../../ui/RPTooltip.js";
 import '../../../assets/RotateTool.css';const k = {
   "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1s164_1"
 }, d = () => {
-  const { rotateClockwiseIcon: t } = i();
-  return t || /* @__PURE__ */ o(n, {});
+  const { rotateClockwiseIcon: e } = s();
+  return e || /* @__PURE__ */ o(n, {});
 }, f = () => {
-  const { rotateCounterClockwiseIcon: t } = i();
-  return t || /* @__PURE__ */ o(n, { className: k["rp-rotate-counterclockwise"] });
+  const { rotateCounterClockwiseIcon: e } = s();
+  return e || /* @__PURE__ */ o(n, { className: k["rp-rotate-counterclockwise"] });
 }, v = () => {
-  const { handleRotateClockwise: t, handleRotateCounterclockwise: s } = p(), { rotateTool: l } = C();
-  return l ? /* @__PURE__ */ o(a, { children: /* @__PURE__ */ e(m, { children: [
-    /* @__PURE__ */ o(c, { content: "Rotate clockwise", children: /* @__PURE__ */ e(r, { onClick: t, children: [
+  const { handleRotateClockwise: e, handleRotateCounterclockwise: i } = p(), { rotateTool: l } = C();
+  return l ? /* @__PURE__ */ o(m, { children: /* @__PURE__ */ t(a, { children: [
+    /* @__PURE__ */ o(r, { onClick: e, children: /* @__PURE__ */ t(c, { className: "rp-menu-item", content: "Rotate clockwise", children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(d, {}) }),
       "Rotate clockwise"
     ] }) }),
-    /* @__PURE__ */ o(c, { content: "Rotate counterclockwise", children: /* @__PURE__ */ e(r, { onClick: s, children: [
+    /* @__PURE__ */ o(r, { onClick: i, children: /* @__PURE__ */ t(c, { className: "rp-menu-item", content: "Rotate counterclockwise", children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
       "Rotate counterclockwise"
     ] }) }),

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

@@ -1,5 +1,5 @@
-import { jsx as o, Fragment as d, jsxs as n } from "react/jsx-runtime";
-import { G as u } from "../../../index-8049287f.js";
+import { jsx as o, Fragment as u, jsxs as n } from "react/jsx-runtime";
+import { G as d } from "../../../index-316854c1.js";
 import { MenuSeparator as I } from "./MenuSeparator.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
@@ -7,9 +7,9 @@ import { PageScrollingIcon as g } from "../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as h } from "../../icons/VerticalScrollingIcon.js";
 import { HorizontalScrollingIcon as C } from "../../icons/HorizontalScrollingIcon.js";
 import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
-import { ViewMode as S, ScrollMode as e } from "../../../utils/types.js";
+import { ViewMode as N, ScrollMode as e } from "../../../utils/types.js";
 import { CheckIcon as i } from "../../icons/CheckIcon.js";
-import { useViewModeContext as N } from "../../../contexts/ViewModeContext.js";
+import { useViewModeContext as S } from "../../../contexts/ViewModeContext.js";
 import { useMemo as M } from "react";
 import { useIconContext as s } from "../../../contexts/IconContext.js";
 import m from "../../ui/RPTooltip.js";
@@ -23,30 +23,30 @@ const G = () => {
   const { horizontalScrollIcon: r } = s();
   return r || /* @__PURE__ */ o(C, {});
 }, D = () => {
-  const { scrollModeTool: r } = f(), { viewMode: a } = N(), { scrollMode: l, setScrollMode: t } = L(), p = M(() => a === S.DUAL_PAGE, [a]);
-  return r ? /* @__PURE__ */ o(d, { children: /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ o(m, { content: "Enable page scrolling", children: /* @__PURE__ */ n(c, { onClick: () => t(e.PAGE_SCROLLING), children: [
+  const { scrollModeTool: r } = f(), { viewMode: a } = S(), { scrollMode: l, setScrollMode: t } = L(), p = M(() => a === N.DUAL_PAGE, [a]);
+  return r ? /* @__PURE__ */ o(u, { children: /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ o(c, { onClick: () => t(e.PAGE_SCROLLING), children: /* @__PURE__ */ n(m, { className: "rp-menu-item", content: "Enable page scrolling", children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
       "Page scrolling",
       l === e.PAGE_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ o(m, { content: "Enable vertical scrolling", children: /* @__PURE__ */ n(c, { onClick: () => t(e.VERTICAL_SCROLLING), children: [
+    /* @__PURE__ */ o(c, { onClick: () => t(e.VERTICAL_SCROLLING), children: /* @__PURE__ */ n(m, { className: "rp-menu-item", content: "Enable vertical scrolling", children: [
       /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(R, {}) }),
       "Vertical scrolling",
       l === e.VERTICAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ o(m, { content: "Enable horizontal scrolling", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ o(
       c,
       {
         disabled: p,
         onClick: () => t(e.HORIZONTAL_SCROLLING),
-        children: [
+        children: /* @__PURE__ */ n(m, { className: "rp-menu-item", content: "Enable horizontal scrolling", children: [
           /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(O, {}) }),
           "Horizontal scrolling",
           l === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ o(i, { className: "rp-menu-item-right" }) : null
-        ]
+        ] })
       }
-    ) }),
+    ),
     /* @__PURE__ */ o(I, {})
   ] }) }) : null;
 };

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

@@ -4,7 +4,7 @@ import "../../icons/SearchIcon.js";
 import "react";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { t as z } from "../../../RPLayout-c0d9e10f.js";
+import { t as z } from "../../../RPLayout-33766f73.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";

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

@@ -1,5 +1,5 @@
-import { jsx as o, Fragment as d, jsxs as n } from "react/jsx-runtime";
-import { G as a } from "../../../index-8049287f.js";
+import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
+import { G as d } from "../../../index-316854c1.js";
 import { TextSelectionDefaultIcon as p } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as u } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as c } from "../../icons/CheckIcon.js";
@@ -11,25 +11,25 @@ import { useSelectionModeContext as h } from "../../../contexts/SelectionModeCon
 import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
 import m from "../../ui/RPTooltip.js";
 const M = () => {
-  const { textSelectionIcon: e } = s();
-  return e || /* @__PURE__ */ o(p, {});
+  const { textSelectionIcon: o } = s();
+  return o || /* @__PURE__ */ e(p, {});
 }, T = () => {
-  const { handModeIcon: e } = s();
-  return e || /* @__PURE__ */ o(u, {});
+  const { handModeIcon: o } = s();
+  return o || /* @__PURE__ */ e(u, {});
 }, A = () => {
-  const { selectionModeTool: e } = x(), { selectionMode: r, setSelectionMode: l } = h();
-  return e ? /* @__PURE__ */ o(d, { children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ o(m, { content: "Enable text selection tool", children: /* @__PURE__ */ n(i, { onClick: () => l(t.TEXT), children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(M, {}) }),
+  const { selectionModeTool: o } = x(), { selectionMode: r, setSelectionMode: l } = h();
+  return o ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ e(i, { onClick: () => l(t.TEXT), children: /* @__PURE__ */ n(m, { className: "rp-menu-item", content: "Enable text selection tool", children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(M, {}) }),
       "Text selection tool",
-      r === t.TEXT ? /* @__PURE__ */ o(c, { className: "rp-menu-item-right" }) : null
+      r === t.TEXT ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ o(m, { content: "Enable hand tool", children: /* @__PURE__ */ n(i, { onClick: () => l(t.HAND), children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(T, {}) }),
+    /* @__PURE__ */ e(i, { onClick: () => l(t.HAND), children: /* @__PURE__ */ n(m, { className: "rp-menu-item", content: "Enable hand tool", children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(T, {}) }),
       "Hand tool",
-      r === t.HAND ? /* @__PURE__ */ o(c, { className: "rp-menu-item-right" }) : null
+      r === t.HAND ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ o(f, {})
+    /* @__PURE__ */ e(f, {})
   ] }) }) : null;
 };
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as u, jsxs as o } from "react/jsx-runtime";
-import { G as p } from "../../../index-8049287f.js";
+import { G as p } from "../../../index-316854c1.js";
 import { MenuSeparator as d } from "./MenuSeparator.js";
 import { MenuItem as t } from "./MenuItem.js";
 import { DualPageIcon as f } from "../../icons/SinglePageIcon.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as B } from "../../../RPLayout-c0d9e10f.js";
+import { Z as B } from "../../../RPLayout-33766f73.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-8049287f.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as k } from "../../RPLayout-c0d9e10f.js";
+import { A as k } from "../../RPLayout-33766f73.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as b } from "../../RPLayout-c0d9e10f.js";
+import { C as b } from "../../RPLayout-33766f73.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPLayout-c0d9e10f.js";
+import { D as p } from "../../RPLayout-33766f73.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { h as d } from "../../RPLayout-c0d9e10f.js";
+import { h as d } from "../../RPLayout-33766f73.js";
 import "../../contexts/RPDocumentContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { l as m } from "../../RPLayout-c0d9e10f.js";
+import { l as m } from "../../RPLayout-33766f73.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { T as g } from "../../RPLayout-c0d9e10f.js";
+import { T as g } from "../../RPLayout-33766f73.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";

package/dist/components/ui/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as q, jsxs as M } from "react/jsx-runtime";
 import * as i from "react";
-import { u as A, c as B, a as K, b as z } from "../../index-2b077daa.js";
+import { a as A, c as B, b as K, d as z } from "../../index-71898eb9.js";
 import "react-dom";
 import { CheckIcon as X } from "../icons/CheckIcon.js";
 import '../../assets/Checkbox.css';function S(e, t) {

package/dist/components/ui/DropDown.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as p, C as _ } from "../../index-8049287f.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-316854c1.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import '../../assets/DropDown.css';const F = "_slideDownAndFade_1000s_1", w = "_slideLeftAndFade_1000s_1", m = "_slideUpAndFade_1000s_1", f = "_slideRightAndFade_1000s_1", g = {
   "rp-dropdown-content": "_rp-dropdown-content_1000s_1",

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPLayout-c0d9e10f.js";
+import { L as p } from "../../RPLayout-33766f73.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default