@pdf-viewer/react 1.9.1 → 1.9.2-rc.0

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

@@ -1,8 +1,7 @@
-import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
-import { useRef as f } from "react";
-import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-cbc8e216.js";
-import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
-import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useState as x } from "react";
+import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-8210c0a6.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -18,6 +17,7 @@ import "../../../contexts/InitialStateContext.js";
 import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
@@ -35,6 +35,7 @@ import "../../RPConfig.js";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
 import "../WrapperLayout.js";
+import "../../../LayoutWrapper-e99afee2.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../ui/Button.js";
@@ -45,36 +46,50 @@ import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
+import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
 import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "./RotateTool.js";
-const Tr = (a) => {
-  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = N(), { active: n } = v(), { showPrintProgress: u } = T(), { progress: b } = C(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
-  return /* @__PURE__ */ p(e, { children: [
-    /* @__PURE__ */ p("div", { className: o["rp-toolbar-layout"], children: [
-      i && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: i == null ? void 0 : i.component }),
-      /* @__PURE__ */ p("div", { className: o["rp-content"], children: [
-        /* @__PURE__ */ p(e, { children: [
-          m && /* @__PURE__ */ t("div", { "data-rp": "sidebar", className: o["rp-sidebar-content"], children: m == null ? void 0 : m.component }),
-          /* @__PURE__ */ t(
+import { RPSplitter as y } from "../sidebar/RPSplitter.js";
+const Lt = (d) => {
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(R);
+  return /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
+      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
+        /* @__PURE__ */ o(n, { children: [
+          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
+          /* @__PURE__ */ o(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !n,
-              className: o["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ t(g, { show: n, ref: d })
+              hidden: !e,
+              className: i["rp-thumbnails-wrapper"],
+              style: { ...e && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  y,
+                  {
+                    onWidthChange: T,
+                    thumbnailRef: s,
+                    leftSidebarRef: l,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { ref: h, className: o["rp-pages"], children: c })
+        /* @__PURE__ */ t(n, { children: h })
       ] })
     ] }),
-    u && s ? /* @__PURE__ */ t(x, { percentage: s }) : null
+    b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
   ] });
 };
 export {
-  Tr as ToolbarCustom
+  Lt as ToolbarCustom
 };

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

@@ -1,8 +1,7 @@
-import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
-import { useRef as d } from "react";
-import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-cbc8e216.js";
-import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
-import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as o, Fragment as i, jsx as r } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { h as d, c as h, m as t, n as u, o as b } from "../../../ToolbarLayout.module-8210c0a6.js";
+import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -18,6 +17,7 @@ import "../../../contexts/InitialStateContext.js";
 import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
@@ -34,7 +34,9 @@ import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
+import "../sidebar/RPSplitter.js";
 import "../WrapperLayout.js";
+import "../../../LayoutWrapper-e99afee2.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../ui/Button.js";
@@ -48,32 +50,32 @@ import "../../ui/DropDown.js";
 import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
-import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
-const xr = (a) => {
-  const { children: e } = a, n = d(null), { setContentRef: s } = v(), { active: i } = h(), { showPrintProgress: c } = g(), { progress: l } = u(), { percentage: m } = l || {};
-  return /* @__PURE__ */ o(p, { children: [
+import { RPHorizontalBar as v } from "./tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as x } from "./tools/defaults/RPVerticalBar.js";
+const gr = (a) => {
+  const { children: e } = a, n = c(null), { active: m } = d(), { showPrintProgress: s } = f(), { progress: l } = h(), { percentage: p } = l || {};
+  return /* @__PURE__ */ o(i, { children: [
     /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
-      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
+      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(v, {}) }),
       /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
-        /* @__PURE__ */ o(p, { children: [
-          /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(C, {}) }),
+        /* @__PURE__ */ o(i, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(x, {}) }),
           /* @__PURE__ */ r(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !i,
+              hidden: !m,
               className: t["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ r(b, { show: i, ref: n })
+              children: /* @__PURE__ */ r(u, { show: m, ref: n })
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: e })
+        /* @__PURE__ */ r(i, { children: e })
       ] })
     ] }),
-    c && m ? /* @__PURE__ */ r(f, { percentage: m }) : null
+    s && p ? /* @__PURE__ */ r(b, { percentage: p }) : null
   ] });
 };
 export {
-  xr as ToolbarDefault
+  gr as ToolbarDefault
 };

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 { b as d } from "../../../../ToolbarLayout.module-cbc8e216.js";
+import { b as d } from "../../../../ToolbarLayout.module-8210c0a6.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,27 +1,27 @@
 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, j as p } from "../../../../ToolbarLayout.module-cbc8e216.js";
+import { u as x, i as p } from "../../../../ToolbarLayout.module-8210c0a6.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";
 const k = () => {
-  const { focusedPage: n, totalPages: s, goToPage: c } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
+  const { focusedPage: n, totalPages: s, goToPage: i } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
   S(() => {
     e(n.toString());
   }, [n]);
   const m = o((t) => {
     const l = t.target.value;
     e(l);
-  }, []), i = o(async () => {
-    const t = c(r);
+  }, []), c = o(async () => {
+    const t = i(r);
     t.success || e(t.currentPage.toString());
-  }, [c, r, s]), f = o(() => {
+  }, [i, r, s]), f = o(() => {
     e(n.toString());
   }, [n]), P = o(
     (t) => {
-      t.key === "Enter" && i();
+      t.key === "Enter" && c();
     },
-    [i]
+    [c]
   );
   return /* @__PURE__ */ u(h, { children: [
     /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(

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-cbc8e216.js";
+import { u as s } from "../../../../ToolbarLayout.module-8210c0a6.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -37,7 +37,9 @@ import "../../../RPConfig.js";
 import "../../Container.js";
 import "../../../../contexts/ViewportContext.js";
 import "../../../../contexts/ToolbarComponentContext.js";
+import "../../sidebar/RPSplitter.js";
 import "../../WrapperLayout.js";
+import "../../../../LayoutWrapper-e99afee2.js";
 import "../../../../contexts/ThemeContext.js";
 import "../../../RPDropFileZone.js";
 import "../../../../SearchCloseButton-cbf182aa.js";
@@ -53,7 +55,7 @@ import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
 import "../RotateTool.js";
-const To = ({ icon: m }) => {
+const wo = ({ 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,
@@ -66,5 +68,5 @@ const To = ({ icon: m }) => {
   ) }) });
 };
 export {
-  To as NextPageTool
+  wo 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-cbc8e216.js";
+import { u as a } from "../../../../ToolbarLayout.module-8210c0a6.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,7 +1,7 @@
 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 { c as m } from "../../../../ToolbarLayout.module-cbc8e216.js";
+import { c as m } from "../../../../ToolbarLayout.module-8210c0a6.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 }), h = ({ icon: o }) => {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { i as h } from "../../../../ToolbarLayout.module-cbc8e216.js";
+import { h } from "../../../../ToolbarLayout.module-8210c0a6.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/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 { k as t, S as y, l as C, m as R } from "../../../../../ToolbarLayout.module-cbc8e216.js";
+import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-8210c0a6.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";
@@ -34,7 +34,9 @@ import "../../../../RPConfig.js";
 import "../../../Container.js";
 import { useViewportContext as I } from "../../../../../contexts/ViewportContext.js";
 import "../../../../../contexts/ToolbarComponentContext.js";
+import "../../../sidebar/RPSplitter.js";
 import "../../../WrapperLayout.js";
+import "../../../../../LayoutWrapper-e99afee2.js";
 import "../../../../../contexts/ThemeContext.js";
 import "../../../../RPDropFileZone.js";
 import "../../../../ui/Button.js";
@@ -45,7 +47,7 @@ import "../../../../ui/DropDown.js";
 import "../../MenuItem.js";
 import "../../MenuSeparator.js";
 import { ZoomTool as T } from "../../ZoomTool.js";
-const Co = (u) => {
+const vo = (u) => {
   const { icons: i, slots: m } = u, { setIcons: p } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return f(() => {
     p((r) => ({ ...r, ...i })), a(!0);
@@ -61,5 +63,5 @@ const Co = (u) => {
   ] }) });
 };
 export {
-  Co as RPHorizontalBar
+  vo 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 { E as mo } from "../../ToolbarLayout.module-cbc8e216.js";
+import { D as ao } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -35,7 +35,9 @@ import "../RPConfig.js";
 import "../layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
 import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
@@ -56,5 +58,5 @@ import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  mo as AnnotationLayer
+  ao as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as rr } from "../../ToolbarLayout.module-cbc8e216.js";
+import { C as mr } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -34,7 +34,9 @@ import "../RPConfig.js";
 import "../layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
 import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
@@ -52,5 +54,5 @@ import "../../utils/dateFormatter.js";
 import "../layout/toolbar/PropertyItem.js";
 import "../layout/toolbar/RotateTool.js";
 export {
-  rr as CanvasLayer
+  mr as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as p } from "../../ToolbarLayout.module-cbc8e216.js";
+import { H as p } from "../../ToolbarLayout.module-8210c0a6.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { G as mo } from "../../ToolbarLayout.module-cbc8e216.js";
+import { F as to } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";
@@ -34,7 +34,9 @@ import "../RPConfig.js";
 import "../layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
 import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
@@ -54,5 +56,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./CustomElement.js";
 import "../../utils/withRef.js";
 export {
-  mo as RPPage
+  to as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { J as m } from "../../ToolbarLayout.module-cbc8e216.js";
+import { I as m } from "../../ToolbarLayout.module-8210c0a6.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { F as ir } from "../../ToolbarLayout.module-cbc8e216.js";
+import { E as mr } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -34,7 +34,9 @@ import "../RPConfig.js";
 import "../layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
 import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
@@ -54,5 +56,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  ir as TextHighlightLayer
+  mr as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as tr } from "../../ToolbarLayout.module-cbc8e216.js";
+import { B as pr } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -34,7 +34,9 @@ import "../RPConfig.js";
 import "../layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../layout/sidebar/RPSplitter.js";
 import "../layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../ui/Button.js";
@@ -54,5 +56,5 @@ import "../layout/toolbar/RotateTool.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  tr as TextLayer
+  pr as TextLayer
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { p as i } from "../../ToolbarLayout.module-cbc8e216.js";
+import { o as i } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/PaginationContext.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { s as p, P as e, u as s } from "../ToolbarLayout.module-cbc8e216.js";
+import { r as p, P as e, u as P } from "../ToolbarLayout.module-8210c0a6.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.js";
 export {
   p as PaginationContext,
   e as PaginationProvider,
-  s as usePaginationContext
+  P as usePaginationContext
 };

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as e, h as n, c as s } from "../ToolbarLayout.module-cbc8e216.js";
+import { t as e, g as n, c as s } from "../ToolbarLayout.module-8210c0a6.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-import { A as m, g as p, B as d } from "../ToolbarLayout.module-cbc8e216.js";
+import { z as m, f as p, A as d } from "../ToolbarLayout.module-8210c0a6.js";
 export {
   m as RenderQueueContext,
   p as RenderQueueProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a, f as s, d as c } from "../ToolbarLayout.module-cbc8e216.js";
+import { y as a, e as s, d as c } from "../ToolbarLayout.module-8210c0a6.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { x as m, T as r, i as e } from "../ToolbarLayout.module-cbc8e216.js";
+import { w as m, T as r, h as e } from "../ToolbarLayout.module-8210c0a6.js";
 export {
   m as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-cbc8e216.js";
+import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-8210c0a6.js";
 import { RPConfig as u } from "./components/RPConfig.js";
 import { RPLayout as P } from "./components/layout/RPLayout.js";
 import { RPController as C } from "./components/RPController.js";

package/dist/types/components/layout/LayoutWrapper.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    style?: React.CSSProperties;
+}
+export declare const LayoutWrapper: import('react').ForwardRefExoticComponent<Props & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> | ((props: Props & {
+    children?: import('react').ReactNode | undefined;
+} & {
+    ref?: import('react').Ref<HTMLDivElement> | undefined;
+}) => import('react').ReactNode);
+export {};

package/dist/types/components/layout/sidebar/RPSplitter.d.ts

@@ -2,6 +2,8 @@ import { FC, RefObject, Dispatch, SetStateAction } from 'react';
 interface Props {
     onWidthChange?: Dispatch<SetStateAction<number>>;
     thumbnailRef: RefObject<HTMLDivElement>;
+    leftSidebarRef: RefObject<HTMLDivElement>;
+    isRPLayout?: boolean;
 }
 export declare const RPSplitter: FC<Props>;
 export {};

package/dist/types/components/layout/sidebar/Thumbnails.d.ts

@@ -1,5 +1,6 @@
 interface Props {
     show: boolean;
+    width?: number;
 }
 export declare const Thumbnails: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>> | ((props: Props & {
     ref?: import('react').Ref<HTMLDivElement> | undefined;

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { b as oo } from "../../ToolbarLayout.module-cbc8e216.js";
+import { b as io } from "../../ToolbarLayout.module-8210c0a6.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -34,7 +34,9 @@ import "../../components/RPConfig.js";
 import "../../components/layout/Container.js";
 import "../../contexts/ViewportContext.js";
 import "../../contexts/ToolbarComponentContext.js";
+import "../../components/layout/sidebar/RPSplitter.js";
 import "../../components/layout/WrapperLayout.js";
+import "../../LayoutWrapper-e99afee2.js";
 import "../../contexts/ThemeContext.js";
 import "../../components/RPDropFileZone.js";
 import "../../components/ui/Button.js";
@@ -52,5 +54,5 @@ import "../dateFormatter.js";
 import "../../components/layout/toolbar/PropertyItem.js";
 import "../../components/layout/toolbar/RotateTool.js";
 export {
-  oo as useFileDownload
+  io as useFileDownload
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-10-03T12:47:51.103Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-10-06T07:44:47.999Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,