@pdf-viewer/react 1.17.0-rc.1 → 1.18.0-beta.0

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

@@ -3,11 +3,11 @@ import { MenuItem as f } from "./MenuItem.js";
 import { InfoIcon as s } from "../../icons/InfoIcon.js";
 import d from "../../ui/RPTooltip.js";
 import { MenuSeparator as i } from "./MenuSeparator.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-3bf64864.js";
 import "react";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 const F = ({

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

@@ -1,12 +1,12 @@
 import { jsxs as u, Fragment as R, jsx as t } from "react/jsx-runtime";
 import { useState as k, useRef as z, useMemo as P, useEffect as j } from "react";
-import { r as H, D as L } from "../../../ToolbarLayout.module-df04508a.js";
+import { s as H, D as L } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
 import { ThreeDotIcon as U } from "../../icons/ThreeDotIcon.js";
 import { UIButton as y } from "../../ui/Button.js";
 import { UIDropDown as B } from "../../ui/DropDown.js";
 import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
-import { G as W } from "../../../index-f563c6f0.js";
+import { G as W } from "../../../index-3bf64864.js";
 import { MenuSeparator as M } from "./MenuSeparator.js";
 import E from "../../ui/RPTooltip.js";
 import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
@@ -86,12 +86,12 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
@@ -111,11 +111,12 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../utils/hooks/useLocalization.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
@@ -146,8 +147,8 @@ import "../../icons/ZoomOutIcon.js";
 import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
-const Wt = (b) => {
-  const { children: S, icons: o, slots: r, slotTop: v, slotBottom: s } = b, {
+const Et = (b) => {
+  const { children: S, icons: o, slots: r, slotTop: s, slotBottom: v } = b, {
     openFileTool: e = !0,
     downloadTool: m = !0,
     printTool: p = !0,
@@ -194,7 +195,7 @@ const Wt = (b) => {
             className: H["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              v,
+              s,
               c && /* @__PURE__ */ u(W, { children: [
                 /* @__PURE__ */ t(A, { icon: o == null ? void 0 : o.openFileIcon, isToolVisible: r == null ? void 0 : r.openFileTool }),
                 /* @__PURE__ */ t(q, { icon: o == null ? void 0 : o.downloadIcon, isToolVisible: r == null ? void 0 : r.downloadTool }),
@@ -258,7 +259,7 @@ const Wt = (b) => {
                   isToolVisible: r == null ? void 0 : r.documentProperties
                 }
               ),
-              s,
+              v,
               S
             ]
           }
@@ -269,5 +270,5 @@ const Wt = (b) => {
   ] }) : "";
 };
 export {
-  Wt as RPMoreOptions
+  Et as RPMoreOptions
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { $ as Cr } from "../../../ToolbarLayout.module-df04508a.js";
+import { $ as Dr } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/ToolComponentContext.js";
@@ -72,19 +72,19 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../ui/RPTooltip.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-3bf64864.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -102,6 +102,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -137,5 +138,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Cr as RPToolbar
+  Dr as RPToolbar
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { j as Cr } from "../../../ToolbarLayout.module-df04508a.js";
+import { j as Dr } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 import "../../icons/FileUploadDefaultIcon.js";
@@ -12,10 +12,10 @@ import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "./MenuItem.js";
-import "../../../index-f563c6f0.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-3bf64864.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../utils/hooks/useLoadPdf.js";
@@ -85,7 +85,7 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
@@ -108,6 +108,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "../../icons/ThreeDotIcon.js";
@@ -137,5 +138,5 @@ import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/FullScreenIcon.js";
 export {
-  Cr as RPToolbarEnd
+  Dr as RPToolbarEnd
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as C, jsxs as i } from "react/jsx-runtime";
-import { G as u } from "../../../index-f563c6f0.js";
+import { G as u } from "../../../index-3bf64864.js";
 import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as n } from "./MenuItem.js";
 import { c as f } from "../../../RotateTool.module-67946714.js";
@@ -12,9 +12,9 @@ import { useLocalizationContext as T } from "../../../contexts/LocalizationConte
 import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
 import "react";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../contexts/RotationContext.js";
 import "../../../utils/appConsole.js";

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as L, jsxs as i } from "react/jsx-runtime";
-import { G as f } from "../../../index-f563c6f0.js";
+import { G as f } from "../../../index-3bf64864.js";
 import { MenuItem as p } from "./MenuItem.js";
 import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
 import { PageScrollingIcon as T } from "../../icons/PageScrollingIcon.js";
@@ -15,9 +15,9 @@ import d from "../../ui/RPTooltip.js";
 import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
 import { useIconToolContext as S } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as A } from "../../../contexts/ToolComponentContext.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../contexts/InitialStateContext.js";

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

@@ -5,9 +5,9 @@ import "../../icons/CloseIcon.js";
 import "../../../contexts/LocalizationContext.js";
 import { S as x } from "../../../SearchCloseButton-08d57275.js";
 import "react";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";

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

@@ -3,12 +3,12 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { _ as Co } from "../../../ToolbarLayout.module-df04508a.js";
+import { _ as Do } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "react";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
@@ -77,13 +77,13 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-3bf64864.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -101,6 +101,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -137,5 +138,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Co as SearchResultNavigator
+  Do as SearchResultNavigator
 };

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as Er } from "../../../ToolbarLayout.module-df04508a.js";
+import { S as Fr } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -48,7 +48,7 @@ import "../../../contexts/ToolbarComponentContext.js";
 import "../../../RPSplitter-f6acf13b.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
@@ -61,7 +61,7 @@ import "../../../RotateTool.module-67946714.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "../../icons/CloseIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -98,12 +98,13 @@ import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-f563c6f0.js";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-3bf64864.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
@@ -137,5 +138,5 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 export {
-  Er as SearchTool
+  Fr as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-f563c6f0.js";
+import { G as a } from "../../../index-3bf64864.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";
@@ -14,9 +14,9 @@ import { useLocalizationContext as C } from "../../../contexts/LocalizationConte
 import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
 import "react";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../th_TH-d1686d95.js";
 import "../../../utils/appConsole.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { e as u } from "../../../ToolbarLayout.module-df04508a.js";
+import { e as u } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
 import { UIButton as h } from "../../ui/Button.js";
 import l from "../../ui/RPTooltip.js";
@@ -72,18 +72,18 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-f563c6f0.js";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-3bf64864.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -101,6 +101,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -136,12 +137,12 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 import "../../../utils/hooks/useLocalization.js";
-const Wt = () => {
+const Xt = () => {
   const { active: t, setActive: e } = u(), { thumbnailIcon: p } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, n = () => {
     e(!t);
   };
   return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: n, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: n, active: t, "aria-label": m, children: p || /* @__PURE__ */ o(a, {}) }) }) }) : null;
 };
 export {
-  Wt as ThumbnailTool
+  Xt as ThumbnailTool
 };

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

@@ -1,6 +1,6 @@
-import { jsxs as i, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
 import { useRef as d, useState as N } from "react";
-import { e as T, c as x, o as t, p as C, q as R } from "../../../ToolbarLayout.module-df04508a.js";
+import { e as T, c as x, p as t, q as C, r as R } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -41,7 +41,7 @@ import { R as I } from "../../../RPSplitter-f6acf13b.js";
 import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../ui/Button.js";
 import "../../../SearchCloseButton-08d57275.js";
@@ -90,6 +90,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -98,10 +99,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
-import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-3bf64864.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -136,13 +137,13 @@ import "../../../utils/hooks/useLocalization.js";
 import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-const po = (h) => {
-  const { children: u, toolbar: b } = h, e = d(null), { active: n } = T(), { showPrintProgress: f } = D(), { progress: g, showDefaultProgress: v } = x(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, w] = N(W), P = v ?? f;
-  return /* @__PURE__ */ i(a, { children: [
+const eo = (h) => {
+  const { children: u, toolbar: b } = h, a = d(null), { active: n } = T(), { showPrintProgress: f } = D(), { progress: g, showDefaultProgress: w } = x(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(W), v = w ?? f;
+  return /* @__PURE__ */ i(e, { children: [
     /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
-      m && /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
+      m && /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
       /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
-        /* @__PURE__ */ r(a, { children: p && /* @__PURE__ */ i(a, { children: [
+        /* @__PURE__ */ r(e, { children: p && /* @__PURE__ */ i(e, { children: [
           /* @__PURE__ */ r(
             "div",
             {
@@ -159,12 +160,12 @@ const po = (h) => {
               className: `${t["rp-thumbnails-wrapper"]} ${n ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               style: { "--rp-thumbnail-width": `${c}px` },
               children: [
-                /* @__PURE__ */ r(C, { show: n, ref: e, width: c }),
+                /* @__PURE__ */ r(C, { show: n, ref: a, width: c }),
                 /* @__PURE__ */ r(
                   I,
                   {
-                    onWidthChange: w,
-                    thumbnailRef: e,
+                    onWidthChange: P,
+                    thumbnailRef: a,
                     leftSidebarRef: l,
                     isRPLayout: !0
                   }
@@ -185,9 +186,9 @@ const po = (h) => {
         )
       ] })
     ] }),
-    P && s ? /* @__PURE__ */ r(R, { percentage: s }) : null
+    v && s ? /* @__PURE__ */ r(R, { percentage: s }) : null
   ] });
 };
 export {
-  po as ToolbarCustom
+  eo as ToolbarCustom
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
-import { useRef as s, useState as g } from "react";
-import { e as P, c as v, o as t, p as w, q as N } from "../../../ToolbarLayout.module-df04508a.js";
+import { useRef as s, useState as P } from "react";
+import { e as g, c as w, p as t, q as v, r as N } from "../../../ToolbarLayout.module-3f4e0f88.js";
 import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -41,7 +41,7 @@ import { THUMBNAIL_MIN_WIDTH as x } from "../../../utils/constants.js";
 import { R as T } from "../../../RPSplitter-f6acf13b.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../ui/Button.js";
 import "../../../SearchCloseButton-08d57275.js";
@@ -92,6 +92,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -100,10 +101,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
-import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-3bf64864.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -140,27 +141,27 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "./ThumbnailTool.js";
 const ao = (l) => {
-  const { children: c } = l, i = s(null), { active: m } = P(), { showPrintProgress: d } = R(), { progress: h, showDefaultProgress: u } = v(), { percentage: p } = h || {}, a = s(null), [e, b] = g(x), f = u ?? d;
+  const { children: c } = l, i = s(null), { active: m } = g(), { showPrintProgress: d } = R(), { progress: h, showDefaultProgress: u } = w(), { percentage: p } = h || {}, e = s(null), [a, b] = P(x), f = u ?? d;
   return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
-      /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }) }),
+      /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }) }),
       /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
         /* @__PURE__ */ o(n, { children: [
-          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: a, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(D, {}) }),
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: e, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(D, {}) }),
           /* @__PURE__ */ o(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              style: { "--rp-thumbnail-width": `${e}px` },
+              style: { "--rp-thumbnail-width": `${a}px` },
               className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               children: [
-                /* @__PURE__ */ r(w, { show: m, ref: i, width: e }),
+                /* @__PURE__ */ r(v, { show: m, ref: i, width: a }),
                 /* @__PURE__ */ r(
                   T,
                   {
                     onWidthChange: b,
                     thumbnailRef: i,
-                    leftSidebarRef: a,
+                    leftSidebarRef: e,
                     isRPLayout: !0
                   }
                 )

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

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { ToolbarDefault as i } from "./ToolbarDefault.js";
 import { ToolbarCustom as p } from "./ToolbarCustom.js";
 import "react";
-import "../../../ToolbarLayout.module-df04508a.js";
+import "../../../ToolbarLayout.module-3f4e0f88.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
@@ -74,19 +74,19 @@ import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-import "../../../LayoutWrapper-0470458a.js";
+import "../../../LayoutWrapper-60db8675.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../ui/RPTooltip.js";
-import "../../../index-35c7f4a2.js";
+import "../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../floating-ui.react-dom-d22a10b4.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-f563c6f0.js";
+import "../../../index-3bf64864.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
@@ -104,6 +104,7 @@ import "../../../utils/hooks/useGrabScroll.js";
 import "../../../utils/hooks/usePinch.js";
 import "../../ui/PasswordModal.js";
 import "../../../utils/hooks/useCopyText.js";
+import "../../../utils/hooks/useTextSelection.js";
 import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
@@ -141,10 +142,10 @@ import "../../icons/ClearIcon.js";
 import "./tools/defaults/RPHorizontalBar.js";
 import "./tools/defaults/RPVerticalBar.js";
 import "./ThumbnailTool.js";
-const Pr = (m) => {
+const Qr = (m) => {
   const { children: r, toolbar: o } = m;
   return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
 };
 export {
-  Pr as ToolbarLayout
+  Qr as ToolbarLayout
 };