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

package/dist/{ToolbarLayout.module-201969d2.js → ToolbarLayout.module-cd89d275.js}

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as pe, jsxs as W } from "react/jsx-runtime";
 import * as Q from "react";
-import { useRef as H, useEffect as A, useCallback as E, useState as $, useMemo as k, createContext as Ge, useContext as Ve, useImperativeHandle as ln, createElement as je, PureComponent as oo, Component as ro, memo as dn, forwardRef as io } from "react";
+import { useRef as H, useEffect as D, useCallback as E, useState as $, useMemo as k, createContext as Ge, useContext as Ve, useImperativeHandle as ln, createElement as je, PureComponent as oo, Component as ro, memo as dn, forwardRef as io } from "react";
 import { ChevronUpIcon as qe } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ae } from "./components/ui/Button.js";
 import { UIInput as un } from "./components/ui/Input.js";
@@ -100,9 +100,9 @@ import { ClearIcon as Rr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Vt } from "./components/icons/InfoIcon.js";
 import './assets/ToolbarLayout.css';const _n = () => {
   const { viewMode: t } = De(), { scrollMode: e } = ze(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = tt(), { setFocusedPage: i } = ie(), c = H(), { columnCount: l } = pn(), { widths: d, heights: m } = Ue(), u = H(e), C = H(t), f = H(l), { targetScrollPage: v } = hn();
-  A(() => {
+  D(() => {
     n != null && n.scrollToItem && (c.current = n);
-  }, [n]), A(() => {
+  }, [n]), D(() => {
     u.current = e, C.current = t;
   }, [e, t]);
   const P = E(
@@ -130,9 +130,9 @@ import './assets/ToolbarLayout.css';const _n = () => {
     },
     [o, d, lt]
   );
-  return A(() => {
+  return D(() => {
     u.current = e, C.current = t;
-  }, [e, t]), A(() => {
+  }, [e, t]), D(() => {
     f.current = l;
   }, [l]), { scrollToPage: E(
     (b, y = "smooth") => {
@@ -247,7 +247,7 @@ import './assets/ToolbarLayout.css';const _n = () => {
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && ir.error("Please use this hooks inside children component of RPProvider"), t;
 }, Xs = ({ children: t }) => {
   const { pdf: e } = ee(), { focusedPage: n, totalPages: r, setFocusedPage: o, setTotalPages: i, goToPage: c, nextPage: l, prevPage: d } = Lr();
-  return A(() => {
+  return D(() => {
     e != null && e.numPages && (i(e.numPages), o(1));
   }, [e, i, o]), /* @__PURE__ */ a(
     bn.Provider,
@@ -271,7 +271,7 @@ const Er = () => {
     totalPages: 0,
     percentage: 0
   }), [o, i] = $(!1), [c, l] = $(!1), [d, m] = $(null), u = H(!1);
-  A(() => {
+  D(() => {
     u.current;
   }, [u]);
   const C = E(() => {
@@ -410,7 +410,7 @@ const Er = () => {
       h.height = 0, h.width = 0;
     }
   }, [t, e, u]);
-  return A(() => {
+  return D(() => {
     const h = () => {
       f(), C();
     };
@@ -453,13 +453,13 @@ const Er = () => {
     },
     [l, e]
   );
-  A(() => {
+  D(() => {
     d && r && P();
-  }, [d, r]), A(() => {
+  }, [d, r]), D(() => {
     m && f((b) => {
       console.error(b);
     });
-  }, [m]), A(() => {
+  }, [m]), D(() => {
     l && e && e(l);
   }, [l, e]);
   const P = () => {
@@ -497,7 +497,7 @@ const Er = () => {
     },
     [n]
   );
-  A(() => {
+  D(() => {
     o(10);
   }, [o]);
   const i = E(
@@ -543,7 +543,7 @@ const Er = () => {
   );
 }, Or = (t = {}, e = "") => {
   const [n, r] = $(e), [o, i] = $(!1), { pdf: c, pages: l } = ee(), { widths: d, heights: m } = Ue(), u = H(!n), { currentZoom: C } = et(), [f, v] = $([]), { setFocusedPage: P } = ie(), { columnCount: I } = De(), { pageRotate: b } = Be(), [y, g] = $(0), { pageScrollElementRef: h, virtualScrollableElementRef: p } = tt(), { scrollMode: s } = ze(), { pagesRef: _ } = ve(), [w, T] = $(null), S = H({}), x = k(() => y === 0 ? null : f[y - 1], [y, f]), R = k(() => f.length, [f]);
-  A(() => {
+  D(() => {
     if (!x || !l)
       return;
     const L = p || h;
@@ -552,10 +552,10 @@ const Er = () => {
     const O = l.get(x.page);
     if (s === ne.PAGE_SCROLLING && P(x.page), !O)
       return;
-    let D = 0, q = 0;
+    let A = 0, q = 0;
     if (s === ne.VERTICAL_SCROLLING) {
       const Y = x.page - 1, J = I, Me = Y % J, _e = Math.floor(Y / J);
-      D = ke(m, _e), q = ke(d, Me);
+      A = ke(m, _e), q = ke(d, Me);
     }
     s === ne.HORIZONTAL_SCROLLING && (q = d.slice(0, x.page - 1).reduce((Y, J) => Y + J, 0));
     const G = {
@@ -570,7 +570,7 @@ const Er = () => {
       x.rect,
       C,
       j
-    ), X = q + M, oe = D + B, ce = {
+    ), X = q + M, oe = A + B, ce = {
       left: Math.max(X, 0),
       top: Math.max(oe, 0)
     };
@@ -596,23 +596,23 @@ const Er = () => {
   }, [R]), F = E(async (L) => {
     if (!L)
       return {};
-    const O = L.numPages, D = {};
+    const O = L.numPages, A = {};
     for (let q = 1; q <= O; q++) {
       if (u.current)
         throw "close pop over";
       const G = await L.getPage(q);
-      D[q.toString()] = await G.getTextContent();
+      A[q.toString()] = await G.getTextContent();
     }
-    return D;
+    return A;
   }, []);
-  return A(() => {
+  return D(() => {
     if (!n) {
       u.current = !0, v([]), g(0);
       return;
     }
     u.current = !1, i(!0), v([]), g(0), F(c).then((L) => {
       S.current = L;
-      const D = Object.keys(L).reduce((q, G) => {
+      const A = Object.keys(L).reduce((q, G) => {
         const V = fo(
           [n],
           L[G],
@@ -621,7 +621,7 @@ const Er = () => {
         ).map((j, M) => ({ ...j, page: Number(G), pageMatchIdx: M }));
         return [...q, ...V];
       }, []);
-      v(D), g(D.length ? 1 : 0);
+      v(A), g(A.length ? 1 : 0);
     }).catch(() => {
       v([]), g(0);
     }).finally(() => i(!1));
@@ -706,9 +706,9 @@ const Er = () => {
   }).finally(() => {
     d.data.onLoaded && d.data.onLoaded();
   })), []);
-  return A(() => {
+  return D(() => {
     c && (i.changePagePriority(`^page-${c}`, 0), i.changePagePriority(`^thumbnail-${c}`, 1));
-  }, [c]), A(() => {
+  }, [c]), D(() => {
     if (i.isEmpty() || e.current)
       return;
     const d = () => {
@@ -739,7 +739,7 @@ const Er = () => {
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
 }, zr = (t) => {
   const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = H(null), { pages: i } = ee(), { pageRotate: c } = Be(), l = H(), { currentZoom: d } = et(), m = xn(), u = H(`page-${e}`);
-  return A(() => {
+  return D(() => {
     if (!i || d === 0)
       return;
     const C = i.get(e);
@@ -784,7 +784,7 @@ const Er = () => {
     },
     [f]
   ), P = H(), I = H(!1), b = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
-  A(() => ((() => {
+  D(() => ((() => {
     if (P.current)
       return;
     P.current = new AbortController();
@@ -833,17 +833,17 @@ const Er = () => {
         }
         const T = /* @__PURE__ */ new Set();
         for (let O = 0; O < w.rangeCount; O++) {
-          const D = w.getRangeAt(O);
+          const A = w.getRangeAt(O);
           b().forEach((q) => {
-            D.intersectsNode(q) && !T.has(q) && T.add(q);
+            A.intersectsNode(q) && !T.has(q) && T.add(q);
           });
         }
         b().forEach((O) => {
           if (T.has(O))
             O.classList.add(me.selecting);
           else {
-            const D = O.querySelector(".endOfContent");
-            D && (O.appendChild(D), D.style.width = "", D.style.height = "", O.classList.remove(me.selecting));
+            const A = O.querySelector(".endOfContent");
+            A && (O.appendChild(A), A.style.width = "", A.style.height = "", O.classList.remove(me.selecting));
           }
         });
         const S = w.getRangeAt(0);
@@ -865,7 +865,7 @@ const Er = () => {
   }, []), g = E(() => {
     r.current && r.current.classList.remove(me.selecting);
   }, []);
-  return A(() => {
+  return D(() => {
     if (C.current.forEach((s) => {
       s.classList.remove("selected");
     }), !l.length || !i || i.pageIndex !== e - 1)
@@ -879,7 +879,7 @@ const Er = () => {
     p.length && (C.current = p.map((s) => s.element), c(p[0].element), p.forEach((s) => {
       s.element.classList.add("selected");
     }));
-  }, [i, l, f]), A(() => {
+  }, [i, l, f]), D(() => {
     const h = n.get(e);
     if (!h || !r.current)
       return;
@@ -905,7 +905,7 @@ const Er = () => {
       var s;
       (s = m.current) == null || s.cancel();
     };
-  }, [n, e]), A(() => {
+  }, [n, e]), D(() => {
     var s;
     [].slice.call(r.current.children).forEach((_) => {
       _.classList.add(me["rp-text-layer-text"]);
@@ -928,9 +928,9 @@ const Er = () => {
 let kr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Mr = (t) => {
   const { pageNumber: e } = t, n = H(null), { pages: r, pdf: o } = ee(), i = H(), [c, l] = $(), { setFocusedPage: d, goToPage: m } = ie(), { scrollMode: u } = ze(), { print: C } = ot(), { download: f } = Un(), v = k(() => r.get(e), [r, e]), P = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
-  A(() => {
+  D(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
-  }, [o]), A(() => {
+  }, [o]), D(() => {
     v && v.page.getAnnotations().then((b) => {
       i.current = void 0, l(b), n.current && (n.current.innerText = "");
     });
@@ -944,7 +944,7 @@ const Mr = (t) => {
     },
     [o, c, m, d, u, C, f]
   );
-  return A(() => {
+  return D(() => {
     if (!v || !c)
       return;
     const b = v.page.getViewport();
@@ -1016,9 +1016,9 @@ const Mr = (t) => {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Hr = ({ pageNumber: t, viewport: e }) => {
   const [n, r] = $(), { pages: o } = ee(), { highlightKeywords: i } = wo(), c = !0, l = H(null), [d, m] = $(null), [u, C] = $([]);
-  A(() => {
+  D(() => {
     l.current && m(l.current.parentElement);
-  }, [l]), A(() => {
+  }, [l]), D(() => {
     (async () => {
       const h = o.get(t);
       if (!h || !l.current)
@@ -1078,11 +1078,11 @@ const Mr = (t) => {
     _.setStart(w, S), _.setEnd(w, x + 1);
     const R = document.createElement("span");
     R.style.width = "auto", _.surroundContents(R);
-    const N = R.getBoundingClientRect(), z = g.getBoundingClientRect(), F = z.height, L = z.width, O = 100 * (N.left - z.left) / L, D = 100 * (N.top - z.top) / F, q = 100 * N.height / F, G = 100 * N.width / L;
+    const N = R.getBoundingClientRect(), z = g.getBoundingClientRect(), F = z.height, L = z.width, O = 100 * (N.left - z.left) / L, A = 100 * (N.top - z.top) / F, q = 100 * N.height / F, G = 100 * N.width / L;
     return Ko(R), {
       keywordStr: h,
       left: O,
-      top: D,
+      top: A,
       height: q,
       width: G,
       pageHeight: F,
@@ -1125,14 +1125,14 @@ const Mr = (t) => {
         return;
       const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
       let O;
-      const D = [];
+      const A = [];
       for (; (O = L.exec(T)) !== null; )
-        N && !vo(T, O.index, O[0].length) || D.push({
+        N && !vo(T, O.index, O[0].length) || A.push({
           keyword: L,
           startIndex: O.index,
           endIndex: L.lastIndex
         });
-      const q = D.map((G) => ({
+      const q = A.map((G) => ({
         keyword: G.keyword,
         indexes: s.slice(G.startIndex, G.endIndex),
         color: z
@@ -1160,7 +1160,7 @@ const Mr = (t) => {
       }
     }), w.sort(jo), w;
   };
-  return A(() => {
+  return D(() => {
     (async () => {
       if (!(!i || i.length === 0))
         try {
@@ -1190,7 +1190,7 @@ const Mr = (t) => {
   });
   ln(e, () => f.current);
   const I = k(() => m.current ? c[n] : 0, [n, c]);
-  A(() => {
+  D(() => {
     if (i && (m.current = i.get(n), m.current)) {
       const h = m.current.page.getViewport({
         scale: d,
@@ -1418,12 +1418,12 @@ function Kr(t) {
                 break;
             }
           O = Math.max(0, Math.min(O, z - S));
-          var D = Math.max(0, Math.min(R, N - T));
+          var A = Math.max(0, Math.min(R, N - T));
           return {
             isScrolling: !0,
             horizontalScrollDirection: F.scrollLeft < x ? "forward" : "backward",
             scrollLeft: O,
-            scrollTop: D,
+            scrollTop: A,
             verticalScrollDirection: F.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
@@ -1457,12 +1457,12 @@ function Kr(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, h.scrollToItem = function(s) {
-      var _ = s.align, w = _ === void 0 ? "auto" : _, T = s.columnIndex, S = s.rowIndex, x = this.props, R = x.columnCount, N = x.height, z = x.rowCount, F = x.width, L = this.state, O = L.scrollLeft, D = L.scrollTop, q = Br();
+      var _ = s.align, w = _ === void 0 ? "auto" : _, T = s.columnIndex, S = s.rowIndex, x = this.props, R = x.columnCount, N = x.height, z = x.rowCount, F = x.width, L = this.state, O = L.scrollLeft, A = L.scrollTop, q = Br();
       T !== void 0 && (T = Math.max(0, Math.min(T, R - 1))), S !== void 0 && (S = Math.max(0, Math.min(S, z - 1)));
       var G = c(this.props, this._instanceProps), V = l(this.props, this._instanceProps), j = V > F ? q : 0, M = G > N ? q : 0;
       this.scrollTo({
         scrollLeft: T !== void 0 ? d(this.props, T, w, O, this._instanceProps, M) : O,
-        scrollTop: S !== void 0 ? m(this.props, S, w, D, this._instanceProps, j) : D
+        scrollTop: S !== void 0 ? m(this.props, S, w, A, this._instanceProps, j) : A
       });
     }, h.componentDidMount = function() {
       var s = this.props, _ = s.initialScrollLeft, w = s.initialScrollTop;
@@ -1496,7 +1496,7 @@ function Kr(t) {
     }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Kt(this._resetIsScrollingTimeoutId);
     }, h.render = function() {
-      var s = this.props, _ = s.children, w = s.className, T = s.columnCount, S = s.direction, x = s.height, R = s.innerRef, N = s.innerElementType, z = s.innerTagName, F = s.itemData, L = s.itemKey, O = L === void 0 ? jr : L, D = s.outerElementType, q = s.outerTagName, G = s.rowCount, V = s.style, j = s.useIsScrolling, M = s.width, B = this.state.isScrolling, X = this._getHorizontalRangeToRender(), oe = X[0], ce = X[1], Y = this._getVerticalRangeToRender(), J = Y[0], Me = Y[1], _e = [];
+      var s = this.props, _ = s.children, w = s.className, T = s.columnCount, S = s.direction, x = s.height, R = s.innerRef, N = s.innerElementType, z = s.innerTagName, F = s.itemData, L = s.itemKey, O = L === void 0 ? jr : L, A = s.outerElementType, q = s.outerTagName, G = s.rowCount, V = s.style, j = s.useIsScrolling, M = s.width, B = this.state.isScrolling, X = this._getHorizontalRangeToRender(), oe = X[0], ce = X[1], Y = this._getVerticalRangeToRender(), J = Y[0], Me = Y[1], _e = [];
       if (T > 0 && G)
         for (var Ie = J; Ie <= Me; Ie++)
           for (var be = oe; be <= ce; be++)
@@ -1513,7 +1513,7 @@ function Kr(t) {
               style: this._getItemStyle(Ie, be)
             }));
       var rt = c(this.props, this._instanceProps), it = l(this.props, this._instanceProps);
-      return je(D || q || "div", {
+      return je(A || q || "div", {
         className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -1538,8 +1538,8 @@ function Kr(t) {
     }, h._callPropsCallbacks = function() {
       var s = this.props, _ = s.columnCount, w = s.onItemsRendered, T = s.onScroll, S = s.rowCount;
       if (typeof w == "function" && _ > 0 && S > 0) {
-        var x = this._getHorizontalRangeToRender(), R = x[0], N = x[1], z = x[2], F = x[3], L = this._getVerticalRangeToRender(), O = L[0], D = L[1], q = L[2], G = L[3];
-        this._callOnItemsRendered(R, N, O, D, z, F, q, G);
+        var x = this._getHorizontalRangeToRender(), R = x[0], N = x[1], z = x[2], F = x[3], L = this._getVerticalRangeToRender(), O = L[0], A = L[1], q = L[2], G = L[3];
+        this._callOnItemsRendered(R, N, O, A, z, F, q, G);
       }
       if (typeof T == "function") {
         var V = this.state, j = V.horizontalScrollDirection, M = V.scrollLeft, B = V.scrollTop, X = V.scrollUpdateWasRequested, oe = V.verticalScrollDirection;
@@ -1549,14 +1549,14 @@ function Kr(t) {
       var s = this.props, _ = s.columnCount, w = s.overscanColumnCount, T = s.overscanColumnsCount, S = s.overscanCount, x = s.rowCount, R = this.state, N = R.horizontalScrollDirection, z = R.isScrolling, F = R.scrollLeft, L = w || T || S || 1;
       if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
-      var O = r(this.props, F, this._instanceProps), D = o(this.props, O, F, this._instanceProps), q = !z || N === "backward" ? Math.max(1, L) : 1, G = !z || N === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, O - q), Math.max(0, Math.min(_ - 1, D + G)), O, D];
+      var O = r(this.props, F, this._instanceProps), A = o(this.props, O, F, this._instanceProps), q = !z || N === "backward" ? Math.max(1, L) : 1, G = !z || N === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - q), Math.max(0, Math.min(_ - 1, A + G)), O, A];
     }, h._getVerticalRangeToRender = function() {
       var s = this.props, _ = s.columnCount, w = s.overscanCount, T = s.overscanRowCount, S = s.overscanRowsCount, x = s.rowCount, R = this.state, N = R.isScrolling, z = R.verticalScrollDirection, F = R.scrollTop, L = T || S || w || 1;
       if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
-      var O = f(this.props, F, this._instanceProps), D = v(this.props, O, F, this._instanceProps), q = !N || z === "backward" ? Math.max(1, L) : 1, G = !N || z === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, O - q), Math.max(0, Math.min(x - 1, D + G)), O, D];
+      var O = f(this.props, F, this._instanceProps), A = v(this.props, O, F, this._instanceProps), q = !N || z === "backward" ? Math.max(1, L) : 1, G = !N || z === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - q), Math.max(0, Math.min(x - 1, A + G)), O, A];
     }, g;
   }(oo), e.defaultProps = {
     direction: "ltr",
@@ -1752,7 +1752,7 @@ const ni = () => {
     },
     [o.heights, c]
   );
-  A(() => {
+  D(() => {
     n(c);
   }, [c, n]);
   const u = k(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), C = k(() => o.heights.reduce((v, P) => v + P, 0) / o.heights.length || 0, [o]), f = k(() => o.widths.reduce((v, P) => v + P, 0) / o.heights.length || 0, [o]);
@@ -1989,7 +1989,7 @@ const ii = dn(({ widths: t, heights: e }) => {
       endY: s
     };
   }), [i, c, t, e]);
-  A(() => {
+  D(() => {
     var I;
     C.length > 0 && !u.current && l(C[0].pageNumber), ((I = C[0]) == null ? void 0 : I.ratio) && C.some((b) => b.pageNumber === u.current) && setTimeout(() => {
       u.current = void 0;
@@ -2018,7 +2018,7 @@ const ii = dn(({ widths: t, heights: e }) => {
     },
     [o, f]
   );
-  A(() => {
+  D(() => {
     if (n)
       return n == null || n.addEventListener("scroll", v), () => {
         n == null || n.removeEventListener("scroll", v);
@@ -2076,12 +2076,12 @@ const ii = dn(({ widths: t, heights: e }) => {
     pageDimension: F,
     rowCount: L,
     rowHeight: O,
-    columnCount: D,
+    columnCount: A,
     columnWidth: q,
     estimatedColumnWidth: G,
     estimatedRowHeight: V
   } = ni(), j = xt(f, 100), M = H();
-  si(D, L, C);
+  si(A, L, C);
   const B = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2090,26 +2090,26 @@ const ii = dn(({ widths: t, heights: e }) => {
   const { isPressed: X } = Qo(), { selectionMode: oe } = uo(), { initializeGrabScroll: ce, resetGrabState: Y } = Yo({
     isPressed: X
   }), J = k(() => oe === ao.HAND, [oe]), Me = k(() => ({
-    columnCount: D
-  }), [D]), _e = E(
+    columnCount: A
+  }), [A]), _e = E(
     (U) => {
       const Z = document.activeElement !== r;
       !z && Z || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), I()));
     },
     [I, b, z, h]
   );
-  A(() => (window.addEventListener("keydown", _e), () => {
+  D(() => (window.addEventListener("keydown", _e), () => {
     window.removeEventListener("keydown", _e);
-  }), [_e]), A(() => {
+  }), [_e]), D(() => {
     if (s.current && (s.current.style.position = "relative"), !!c)
       for (let U = 0; U < L; U++)
-        for (let Z = 0; Z < D; Z++)
+        for (let Z = 0; Z < A; Z++)
           c.resetAfterIndices({
             columnIndex: Z,
             rowIndex: U,
             shouldForceUpdate: !0
           });
-  }, [L, D, F, c]);
+  }, [L, A, F, c]);
   const Ie = E(
     (U, Z) => {
       if (!C)
@@ -2153,12 +2153,12 @@ const ii = dn(({ widths: t, heights: e }) => {
     },
     [c, p, h, i]
   );
-  A(() => {
+  D(() => {
     clearTimeout(N.current);
     const U = Array.from({ length: L }).reduce(
       (Se, at, Re) => Se + O(Re),
       0
-    ), Z = Array.from({ length: D }).reduce(
+    ), Z = Array.from({ length: A }).reduce(
       (Se, at, Re) => Se + q(Re),
       0
     ), xe = Ie(Z, U);
@@ -2166,7 +2166,7 @@ const ii = dn(({ widths: t, heights: e }) => {
       height: U,
       width: Z
     });
-  }, [F, L, D, be]);
+  }, [F, L, A, be]);
   const rt = E(
     (U) => {
       B.current = {
@@ -2176,7 +2176,7 @@ const ii = dn(({ widths: t, heights: e }) => {
     },
     [C]
   );
-  A(() => () => {
+  D(() => () => {
     M.current && clearTimeout(M.current);
   }, []);
   const it = k(() => re(ue["rp-pages-container"], {
@@ -2191,9 +2191,9 @@ const ii = dn(({ widths: t, heights: e }) => {
     },
     [J, ce, ue]
   );
-  return A(() => {
+  return D(() => {
     _ && Y();
-  }, [_]), A(() => {
+  }, [_]), D(() => {
     if (!(j.height === 0 || !P.current)) {
       if (e === ne.PAGE_SCROLLING) {
         t !== g && v && y(t), P.current = !1;
@@ -2224,7 +2224,7 @@ const ii = dn(({ widths: t, heights: e }) => {
         outerRef: m,
         innerRef: s,
         onScroll: rt,
-        columnCount: D,
+        columnCount: A,
         columnWidth: q,
         rowHeight: O,
         height: Z,
@@ -2272,7 +2272,7 @@ const ii = dn(({ widths: t, heights: e }) => {
   return t || e || /* @__PURE__ */ a(qe, { style: { transform: "rotate(180deg" } });
 }, ui = () => {
   const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = ie(), [c, l] = $(t.toString()), { pageNavigationTool: d = !0 } = we(), { pageNavigationTool: m = !0 } = Pe(), { isSmallScreen: u } = ye(), { viewMode: C } = De(), { scrollMode: f } = ze(), { localeMessages: v } = le();
-  A(() => {
+  D(() => {
     l(t.toString());
   }, [t]);
   const P = E((h) => {
@@ -2758,7 +2758,7 @@ const Le = {
     s,
     o
   ]);
-  return A(() => (r && N.current.observe(r), () => {
+  return D(() => (r && N.current.observe(r), () => {
     N.current.disconnect();
   }), [r]), !z || !F ? null : /* @__PURE__ */ W(pe, { children: [
     /* @__PURE__ */ a(
@@ -2859,7 +2859,7 @@ const Le = {
     },
     [e, _]
   );
-  return A(() => (r && b.current.observe(r), () => {
+  return D(() => (r && b.current.observe(r), () => {
     b.current.disconnect();
   }), [r]), !o || !i ? null : typeof o == "function" ? /* @__PURE__ */ a(o, { zoomLevel: t, setZoomLevel: e }) : typeof i == "function" ? /* @__PURE__ */ a(i, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ W("div", { className: Ee["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ a(K, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ a(
@@ -2992,9 +2992,11 @@ const Le = {
     },
     [g, P, v, u, I]
   );
-  A(() => (window.addEventListener("keydown", R), () => {
+  D(() => {
+    h(I);
+  }, [I]), D(() => (window.addEventListener("keydown", R), () => {
     window.removeEventListener("keydown", R);
-  }), [R]), A(() => {
+  }), [R]), D(() => {
     i && setTimeout(() => {
       i.focus();
     }, 0);
@@ -3003,7 +3005,7 @@ const Le = {
     h(M.target.value);
   }, []), F = E(() => {
     h(""), u("");
-  }, [u]), L = k(() => `${f} / ${C}`, [f, C]), { wholeWords: O, matchCase: D } = k(() => l, [l]), q = E(
+  }, [u]), L = k(() => `${f} / ${C}`, [f, C]), { wholeWords: O, matchCase: A } = k(() => l, [l]), q = E(
     (M) => {
       d((B) => ({ ...B, matchCase: M }));
     },
@@ -3014,7 +3016,7 @@ const Le = {
     },
     [d]
   );
-  A(() => {
+  D(() => {
     S();
   }, [o, S]);
   const V = k(() => (_ == null ? void 0 : _.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [_]), j = E(
@@ -3095,7 +3097,7 @@ const Le = {
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: D,
+                    value: A,
                     onChange: q,
                     children: p == null ? void 0 : p.searchMatchCaseLabel
                   }
@@ -3181,10 +3183,10 @@ const Le = {
   }), [r]), I = E(() => {
     e && o(e);
   }, [o, e]);
-  return A(() => {
+  return D(() => {
     const b = d.get(e);
     f.current === b || (u(null), f.current = b);
-  }, [d, e]), A(() => {
+  }, [d, e]), D(() => {
     const b = d.get(e);
     if (!c.current || !e || !b || m)
       return;
@@ -3274,7 +3276,7 @@ const Le = {
     const v = l + 1;
     v <= o && c(v);
   }, [c, o, l]);
-  return A(() => {
+  return D(() => {
     r > l ? d(r) : n && u.current !== r && (ta(m.current, r), u.current = r);
   }, [r, l, d, n, C]), Do(m.current, f), /* @__PURE__ */ a("div", { ref: m, className: cn["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: cn["rp-thumbnails"], children: n ? C.map((v, P) => {
     var I, b;
@@ -3340,7 +3342,7 @@ const Le = {
     cleanupOnLoaded: m,
     onLayoutWidthChange: u
   } = t, [C, f] = $(null), { setContainer: v, setContentRef: P } = ve(), { loading: I } = ee(), { LoaderImageComponent: b } = fn();
-  return A(() => (d && d(), () => {
+  return D(() => (d && d(), () => {
     m && m();
   }), [d, m]), // TODO: deprecated in v2.0.0, remove later ~
   /* @__PURE__ */ a(En, { toolbarRef: C, ref: e, children: /* @__PURE__ */ a(xo, { mobileWidth: l, onLayoutWidthChange: u, children: /* @__PURE__ */ a(So, { slots: r, children: /* @__PURE__ */ a(No, { icons: o, children: /* @__PURE__ */ a(Po, { children: /* @__PURE__ */ W(Io, { getContainerRef: v, style: i, className: c, children: [

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e, useId as V, useMemo as T } from "react";
-import { P as w, f as D, g as E, T as k, h as x } from "../ToolbarLayout.module-201969d2.js";
+import { P as w, f as D, g as E, T as k, h as x } from "../ToolbarLayout.module-cd89d275.js";
 import { DarkModeProvider as F } from "../contexts/DarkModeContext.js";
 import { ViewMode as G, ScrollMode as b, SelectionMode as y } from "../utils/types.js";
 import { RotateProvider as _ } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as ao } from "../ToolbarLayout.module-201969d2.js";
+import { R as ao } from "../ToolbarLayout.module-cd89d275.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/layout/LayoutContainer.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
-import { L as oo } from "../../ToolbarLayout.module-201969d2.js";
+import { L as oo } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/ThemeContext.js";
 import "react";
 import "../../contexts/RPDocumentContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as D } from "../../ToolbarLayout.module-201969d2.js";
+import { a as D } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

package/dist/components/layout/RPLayout.js

@@ -7,7 +7,7 @@ import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
 import { WrapperLayout as g } from "./WrapperLayout.js";
 import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { L as b, e as j } from "../../ToolbarLayout.module-201969d2.js";
+import { L as b, e as j } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.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 { _ as x } from "../../../ToolbarLayout.module-201969d2.js";
+import { _ as x } from "../../../ToolbarLayout.module-cd89d275.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 { Y as $ } from "../../../ToolbarLayout.module-201969d2.js";
+import { Y as $ } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { p as a } from "../../../ToolbarLayout.module-201969d2.js";
+import { p as a } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 import "../../../utils/withRef.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as $ } from "../../../ToolbarLayout.module-201969d2.js";
+import { N as $ } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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 { O as w } from "../../../ToolbarLayout.module-201969d2.js";
+import { O as w } from "../../../ToolbarLayout.module-cd89d275.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -4,7 +4,7 @@ import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { U as oo } from "../../../ToolbarLayout.module-201969d2.js";
+import { U as oo } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { V as n } from "../../../ToolbarLayout.module-201969d2.js";
+import { V as n } from "../../../ToolbarLayout.module-cd89d275.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.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 h } from "../../../ToolbarLayout.module-201969d2.js";
+import { m as h } from "../../../ToolbarLayout.module-cd89d275.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 { Q as P } from "../../../ToolbarLayout.module-201969d2.js";
+import { Q as P } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { X as b } from "../../../ToolbarLayout.module-201969d2.js";
+import { X as b } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/ToolComponentContext.js";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { n } from "../../../ToolbarLayout.module-201969d2.js";
+import { n } from "../../../ToolbarLayout.module-cd89d275.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { W as s } from "../../../ToolbarLayout.module-201969d2.js";
+import { W as s } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../SearchCloseButton-cbf182aa.js";
 export {
   s 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 ro } from "../../../ToolbarLayout.module-201969d2.js";
+import { S as ro } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { i as a } from "../../../ToolbarLayout.module-201969d2.js";
+import { i as a } from "../../../ToolbarLayout.module-cd89d275.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 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, o, p as g, q as x } from "../../../ToolbarLayout.module-201969d2.js";
+import { i as v, c as C, o, p as g, q as x } from "../../../ToolbarLayout.module-cd89d275.js";
 import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";

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

@@ -1,6 +1,6 @@
 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, o as t, p as b, q as f } from "../../../ToolbarLayout.module-201969d2.js";
+import { i as h, c as u, o as t, p as b, q as f } from "../../../ToolbarLayout.module-cd89d275.js";
 import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";

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

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as A } from "../../../ToolbarLayout.module-201969d2.js";
+import { Z as A } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-f4a9ae4d.js";

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-201969d2.js";
+import { b as d } from "../../../../ToolbarLayout.module-cd89d275.js";
 import m from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
 const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {

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

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as 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-201969d2.js";
+import { u as x, j as p } from "../../../../ToolbarLayout.module-cd89d275.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";

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-201969d2.js";
+import { u as s } from "../../../../ToolbarLayout.module-cd89d275.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";

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-201969d2.js";
+import { u as a } from "../../../../ToolbarLayout.module-cd89d275.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-201969d2.js";
+import { c as m } from "../../../../ToolbarLayout.module-cd89d275.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-201969d2.js";
+import { i as h } from "../../../../ToolbarLayout.module-cd89d275.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

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

@@ -2,7 +2,7 @@ import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
 import { useState as k, useRef as G, useMemo as N, useCallback as z, useEffect as S } from "react";
 import { useZoomContext as W } from "../../../../contexts/ZoomContext.js";
 import { UIButton as E } from "../../../ui/Button.js";
-import { u as y, k as i } from "../../../../ToolbarLayout.module-201969d2.js";
+import { u as y, k as i } from "../../../../ToolbarLayout.module-cd89d275.js";
 import { UIDropDown as F } from "../../../ui/DropDown.js";
 import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
 import { G as C } from "../../../../index-f4a9ae4d.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 { l as t, S as y, m as C, Z as R, n as v } from "../../../../../ToolbarLayout.module-201969d2.js";
+import { l as t, S as y, m as C, Z as R, n as v } from "../../../../../ToolbarLayout.module-cd89d275.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { F as to } from "../../ToolbarLayout.module-201969d2.js";
+import { F as to } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as _ } from "../../ToolbarLayout.module-201969d2.js";
+import { D as _ } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

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

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { H as oo } from "../../ToolbarLayout.module-201969d2.js";
+import { H as oo } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { K as m } from "../../ToolbarLayout.module-201969d2.js";
+import { K as m } from "../../ToolbarLayout.module-cd89d275.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 { G as rr } from "../../ToolbarLayout.module-201969d2.js";
+import { G as rr } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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 { E as rr } from "../../ToolbarLayout.module-201969d2.js";
+import { E as rr } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { q as i } from "../../ToolbarLayout.module-201969d2.js";
+import { q as i } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as e, P as m, u as p } from "../ToolbarLayout.module-201969d2.js";
+import { t as e, P as m, u as p } from "../ToolbarLayout.module-cd89d275.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 export {

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { w as e, h as n, c as s } from "../ToolbarLayout.module-201969d2.js";
+import { w as e, h as n, c as s } from "../ToolbarLayout.module-cd89d275.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 { B as m, g as p, C as d } from "../ToolbarLayout.module-201969d2.js";
+import { B as m, g as p, C as d } from "../ToolbarLayout.module-cd89d275.js";
 export {
   m as RenderQueueContext,
   p as RenderQueueProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { A as a, f as s, d as c } from "../ToolbarLayout.module-201969d2.js";
+import { A as a, f as s, d as c } from "../ToolbarLayout.module-cd89d275.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { y as m, T as r, i as e } from "../ToolbarLayout.module-201969d2.js";
+import { y as m, T as r, i as e } from "../ToolbarLayout.module-cd89d275.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-201969d2.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-cd89d275.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/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 _ } from "../../ToolbarLayout.module-201969d2.js";
+import { b as _ } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

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-09-26T03:04:36.686Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-09-26T03:31:52.187Z"), 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}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { s as oo } from "../../ToolbarLayout.module-201969d2.js";
+import { s as oo } from "../../ToolbarLayout.module-cd89d275.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { M as rr } from "../../ToolbarLayout.module-201969d2.js";
+import { M as rr } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { v as $ } from "../../ToolbarLayout.module-201969d2.js";
+import { v as $ } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { r as ro } from "../../ToolbarLayout.module-201969d2.js";
+import { r as ro } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { z as mr } from "../../ToolbarLayout.module-201969d2.js";
+import { z as mr } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { x as $ } from "../../ToolbarLayout.module-201969d2.js";
+import { x as $ } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { I as $ } from "../../ToolbarLayout.module-201969d2.js";
+import { I as $ } from "../../ToolbarLayout.module-cd89d275.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.9.0",
+  "version": "1.9.1-rc.0",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",