@pdf-viewer/react 1.17.0-beta.1 → 1.17.0-beta.2

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { X as Cr } from "../../../ToolbarLayout.module-00eddd49.js";
+import { X as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -57,9 +57,9 @@ import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "../../../RotateTool.module-67946714.js";
 import "../../icons/GoToDownIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/hooks/useLoadPdf.js";
 import "../../../utils/types.js";

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 { Y as Dr } from "../../../ToolbarLayout.module-00eddd49.js";
+import { Y as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";
@@ -21,9 +21,9 @@ import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Input.js";
 import "../../../utils/types.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 { P as Fr } from "../../../ToolbarLayout.module-00eddd49.js";
+import { P as Fr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
@@ -79,12 +79,12 @@ import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
+import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.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 { W as Dr } from "../../../ToolbarLayout.module-00eddd49.js";
+import { W as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";
@@ -81,12 +81,12 @@ import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
+import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";

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-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.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-00eddd49.js";
+import { r as H, D as L } from "../../../ToolbarLayout.module-60ee3cc4.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-a48ec088.js";
+import { G as W } from "../../../index-f563c6f0.js";
 import { MenuSeparator as M } from "./MenuSeparator.js";
 import E from "../../ui/RPTooltip.js";
 import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
@@ -91,7 +91,7 @@ import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
@@ -115,7 +115,7 @@ import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../utils/hooks/useLocalization.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { $ as Cr } from "../../../ToolbarLayout.module-00eddd49.js";
+import { $ as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/ToolComponentContext.js";
@@ -76,15 +76,15 @@ import "../../../LayoutWrapper-3f4d0a19.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../ui/RPTooltip.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";

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-00eddd49.js";
+import { j as Cr } from "../../../ToolbarLayout.module-60ee3cc4.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-a48ec088.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-f563c6f0.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../utils/hooks/useLoadPdf.js";

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-a48ec088.js";
+import { G as u } from "../../../index-f563c6f0.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-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.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-a48ec088.js";
+import { G as f } from "../../../index-f563c6f0.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-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.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-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.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-00eddd49.js";
+import { _ as Co } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "react";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
@@ -83,7 +83,7 @@ import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";

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-00eddd49.js";
+import { S as Er } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -61,7 +61,7 @@ import "../../../RotateTool.module-67946714.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/withRef.js";
 import "../../icons/CloseIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -102,8 +102,8 @@ import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
+import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";

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-a48ec088.js";
+import { G as a } from "../../../index-f563c6f0.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-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.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-00eddd49.js";
+import { e as u } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
 import { UIButton as h } from "../../ui/Button.js";
 import l from "../../ui/RPTooltip.js";
@@ -77,13 +77,13 @@ import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
-import "../../../index-808ea7bf.js";
+import "../../../index-f563c6f0.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";

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

@@ -1,7 +1,7 @@
-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 c, useState as N } from "react";
-import { e as T, c as x, o, p as C, q as R } from "../../../ToolbarLayout.module-00eddd49.js";
-import { useToolbarComponentContext as y } from "../../../contexts/ToolbarComponentContext.js";
+import { e as T, c as x, o as t, p as C, q as R } from "../../../ToolbarLayout.module-60ee3cc4.js";
+import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -37,8 +37,8 @@ import "../../../contexts/ConfigContext.js";
 import "pdfjs-dist";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
-import { RPSplitter as D } from "../sidebar/RPSplitter.js";
-import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
+import { RPSplitter as I } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
@@ -98,10 +98,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
-import "../../../index-a48ec088.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-f563c6f0.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -137,18 +137,18 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 const po = (d) => {
-  const { children: h, toolbar: u } = d, n = c(null), { active: e } = T(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, t = u, m = t == null ? void 0 : t.topbar, p = t == null ? void 0 : t.leftSidebar, l = c(null), [v, P] = N(I), w = g ?? b;
-  return /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ i("div", { className: o["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: o["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
-      /* @__PURE__ */ i("div", { className: o["rp-content"], children: [
-        /* @__PURE__ */ r(a, { children: p && /* @__PURE__ */ i(a, { children: [
+  const { children: h, toolbar: u } = d, a = c(null), { active: n } = T(), { showPrintProgress: b } = D(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, o = u, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = c(null), [v, P] = N(W), w = g ?? b;
+  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 }) }),
+      /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ r(e, { children: p && /* @__PURE__ */ i(e, { children: [
           /* @__PURE__ */ r(
             "div",
             {
               "data-rp": "sidebar",
               ref: l,
-              className: o["rp-sidebar-content"],
+              className: t["rp-sidebar-content"],
               children: p == null ? void 0 : p.component
             }
           ),
@@ -156,16 +156,14 @@ const po = (d) => {
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !e,
-              className: o["rp-thumbnails-wrapper"],
-              style: { ...e && { position: "relative", display: "flex" } },
+              className: `${t["rp-thumbnails-wrapper"]} ${n ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               children: [
-                /* @__PURE__ */ r(C, { show: e, ref: n, width: v }),
+                /* @__PURE__ */ r(C, { show: n, ref: a, width: v }),
                 /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-                  D,
+                  I,
                   {
                     onWidthChange: P,
-                    thumbnailRef: n,
+                    thumbnailRef: a,
                     leftSidebarRef: l,
                     isRPLayout: !0
                   }
@@ -180,7 +178,7 @@ const po = (d) => {
             id: "rp-main-content",
             role: "main",
             "aria-label": "PDF document pages",
-            className: o["rp-pages"],
+            className: t["rp-pages"],
             children: h
           }
         )

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

@@ -1,7 +1,7 @@
 import { jsxs as o, Fragment as e, jsx as r } from "react/jsx-runtime";
 import { useRef as n, useState as g } from "react";
-import { e as v, c as P, o as t, p as N, q as w } from "../../../ToolbarLayout.module-00eddd49.js";
-import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
+import { e as P, c as v, o as t, p as w, q as N } from "../../../ToolbarLayout.module-60ee3cc4.js";
+import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -37,8 +37,8 @@ import "../../../contexts/ConfigContext.js";
 import "pdfjs-dist";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
-import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
-import { RPSplitter as T } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
+import { RPSplitter as x } from "../sidebar/RPSplitter.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
@@ -100,10 +100,10 @@ import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";
 import "../../icons/ThreeDotIcon.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
-import "../../../index-a48ec088.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../index-f563c6f0.js";
 import "../../icons/CloseIcon.js";
 import "./DocumentProperties.js";
 import "../../icons/InfoIcon.js";
@@ -140,7 +140,7 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "./ThumbnailTool.js";
 const ao = (s) => {
-  const { children: l } = s, m = n(null), { active: i } = v(), { showPrintProgress: c } = x(), { progress: d, showDefaultProgress: h } = P(), { percentage: p } = d || {}, a = n(null), [u, b] = g(R), f = h ?? c;
+  const { children: l } = s, i = n(null), { active: m } = P(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: p } = d || {}, a = n(null), [u, b] = g(T), f = h ?? c;
   return /* @__PURE__ */ o(e, { 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, {}) }) }),
@@ -151,16 +151,14 @@ const ao = (s) => {
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !i,
-              className: t["rp-thumbnails-wrapper"],
-              style: { ...i && { position: "relative", display: "flex" } },
+              className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               children: [
-                /* @__PURE__ */ r(N, { show: i, ref: m, width: u }),
+                /* @__PURE__ */ r(w, { show: m, ref: i, width: u }),
                 /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-                  T,
+                  x,
                   {
                     onWidthChange: b,
-                    thumbnailRef: m,
+                    thumbnailRef: i,
                     leftSidebarRef: a,
                     isRPLayout: !0
                   }
@@ -181,7 +179,7 @@ const ao = (s) => {
         )
       ] })
     ] }),
-    f && p ? /* @__PURE__ */ r(w, { percentage: p }) : null
+    f && p ? /* @__PURE__ */ r(N, { percentage: p }) : null
   ] });
 };
 export {

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-00eddd49.js";
+import "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
@@ -78,15 +78,15 @@ import "../../../LayoutWrapper-3f4d0a19.js";
 import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../ui/RPTooltip.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/DropDown.js";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
-import { G as f } from "../../../index-a48ec088.js";
+import { G as f } from "../../../index-f563c6f0.js";
 import { MenuSeparator as g } from "./MenuSeparator.js";
 import { MenuItem as i } from "./MenuItem.js";
 import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
@@ -16,9 +16,9 @@ import c from "../../ui/RPTooltip.js";
 import { useIconContext as u } from "../../../contexts/IconContext.js";
 import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../contexts/InitialStateContext.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 { i as Em } from "../../../ToolbarLayout.module-00eddd49.js";
+import { i as Em } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-a48ec088.js";
+import "../../../index-f563c6f0.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
@@ -86,7 +86,7 @@ import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
-import "../../../index-c9a2990a.js";
+import "../../../index-35c7f4a2.js";
 import "react-dom";
 import "../../icons/CheckIcon.js";
 import "../../../utils/dateFormatter.js";
@@ -108,7 +108,7 @@ import "../../../utils/getWordPositionInPage.js";
 import "../../../utils/smoothScrollTo.js";
 import "./FileUploadTool.js";
 import "../../icons/FileUploadDefaultIcon.js";
-import "../../../index-808ea7bf.js";
+import "../../../floating-ui.react-dom-6b2fe0df.js";
 import "./DarkModeTool.js";
 import "../../icons/MoonIcon.js";
 import "../../icons/SunIcon.js";