@react-pdf-kit/viewer 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/{ToolbarLayout.module-0aa7a2aa.js → ToolbarLayout.module-8d56d12b.js}

@@ -1,6 +1,6 @@
 import { jsx as i, Fragment as pe, jsxs as W } from "react/jsx-runtime";
 import * as X from "react";
-import { useRef as M, useEffect as z, useCallback as N, useState as H, useMemo as k, createContext as Ve, useContext as Be, useImperativeHandle as pn, createElement as Ke, PureComponent as lo, Component as uo, memo as hn, Fragment as po, forwardRef as ho } from "react";
+import { useRef as M, useEffect as z, useCallback as N, useState as H, useMemo as F, createContext as Ve, useContext as Be, useImperativeHandle as pn, createElement as Ke, PureComponent as lo, Component as uo, memo as hn, Fragment as po, forwardRef as ho } from "react";
 import { ChevronUpIcon as Ue } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ce } from "./components/ui/Button.js";
 import { UIInput as fn } from "./components/ui/Input.js";
@@ -226,7 +226,7 @@ const Cn = () => {
   }, [d, m, g, r]), b = N(() => {
     let h = e - 1;
     T(h) && (h = e - 2), P(h);
-  }, [P, e, d, s, T]), y = k(() => d === Oe.DUAL_PAGE && s === re.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, s]), p = N(() => {
+  }, [P, e, d, s, T]), y = F(() => d === Oe.DUAL_PAGE && s === re.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, s]), p = N(() => {
     if (y)
       return;
     let h = e + 1;
@@ -335,8 +335,8 @@ const Cn = () => {
     };
     try {
       return A.render(R).promise;
-    } catch (F) {
-      throw F instanceof ko || console.error(F), F;
+    } catch (k) {
+      throw k instanceof ko || console.error(k), k;
     }
   }, y = N(() => {
     const l = window.print;
@@ -405,8 +405,8 @@ const Cn = () => {
             P();
             return;
           }
-          const F = await p(_);
-          I.push(F);
+          const k = await p(_);
+          I.push(k);
           const $ = parseFloat((I.length / O * 100).toFixed(2));
           r({
             loadedPages: A,
@@ -464,34 +464,37 @@ const Cn = () => {
 }), vc = ({ children: t }) => {
   const [e, n] = H(null), [r, o] = H(null), { print: a, cancel: c, progress: d, isComplete: s, isError: m, error: g, showDefaultProgress: C } = qr(), u = N((y) => {
     y && typeof y == "function" && o(() => y);
-  }, []), v = (y) => {
-    g && y(g);
-  }, P = N(
+  }, []), v = N(
     (y) => {
-      n(() => y);
+      g && y(g);
     },
-    [d, e]
-  );
+    [g]
+  ), P = N((y) => {
+    n(() => y);
+  }, []), T = N(() => {
+    r && (r(), o(null));
+  }, [r]);
   z(() => {
     s && r && T();
-  }, [s, r]), z(() => {
+  }, [s, r, T]), z(() => {
     m && v((y) => {
       console.error(y);
     });
   }, [m]), z(() => {
     d && e && e(d);
   }, [d, e]);
-  const T = () => {
-    r && (r(), o(null));
-  }, b = {
-    print: a,
-    cancel: c,
-    setOnProgress: P,
-    setOnComplete: u,
-    setOnError: v,
-    progress: d,
-    showDefaultProgress: C
-  };
+  const b = F(
+    () => ({
+      print: a,
+      cancel: c,
+      setOnProgress: P,
+      setOnComplete: u,
+      setOnError: v,
+      progress: d,
+      showDefaultProgress: C
+    }),
+    [a, c, P, u, v, d, C]
+  );
   return /* @__PURE__ */ i(yn.Provider, { value: b, children: t });
 }, it = () => {
   const t = Be(yn);
@@ -499,7 +502,7 @@ const Cn = () => {
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, Gr = () => {
-  const [t, e] = H({}), { pages: n } = oe(), r = k(() => Object.keys(t).length, [t]), o = N(
+  const [t, e] = H({}), { pages: n } = oe(), r = F(() => Object.keys(t).length, [t]), o = N(
     (c) => {
       if (!n.size)
         return;
@@ -562,15 +565,15 @@ const Cn = () => {
     }
   );
 }, Ur = (t = {}, e = "") => {
-  const [n, r] = H(e), [o, a] = H(!1), { pdf: c, pages: d } = oe(), { widths: s, heights: m } = je(), g = M(!n), { currentZoom: C } = tt(), [u, v] = H([]), { setFocusedPage: P } = ue(), { columnCount: T } = He(), { pageRotate: b } = ot(), [y, p] = H(0), { pageScrollElementRef: h, virtualScrollableElementRef: f } = nt(), { scrollMode: l } = ze(), { pagesRef: w } = be(), _ = M({}), I = M(0), x = k(() => y === 0 ? null : u[y - 1], [y, u]), S = k(() => u.length, [u]), L = N(
+  const [n, r] = H(e), [o, a] = H(!1), { pdf: c, pages: d } = oe(), { widths: s, heights: m } = je(), g = M(!n), { currentZoom: C } = tt(), [u, v] = H([]), { setFocusedPage: P } = ue(), { columnCount: T } = He(), { pageRotate: b } = ot(), [y, p] = H(0), { pageScrollElementRef: h, virtualScrollableElementRef: f } = nt(), { scrollMode: l } = ze(), { pagesRef: w } = be(), _ = M({}), I = M(0), x = F(() => y === 0 ? null : u[y - 1], [y, u]), S = F(() => u.length, [u]), L = N(
     (E) => {
       if (E === 0)
         return;
       const R = u[E - 1];
       if (!R || !d)
         return;
-      const F = f || h;
-      if (!F || !w)
+      const k = f || h;
+      if (!k || !w)
         return;
       const $ = d.get(R.page);
       if (l === re.PAGE_SCROLLING && P(R.page), !$)
@@ -594,7 +597,7 @@ const Cn = () => {
         left: Math.max(Q, 0),
         top: Math.max(J, 0)
       };
-      F.scrollTo({
+      k.scrollTo({
         ...te,
         behavior: "smooth"
       });
@@ -627,14 +630,14 @@ const Cn = () => {
   }, [S, L]), A = N(async (E) => {
     if (!E)
       return {};
-    const R = E.numPages, F = {};
+    const R = E.numPages, k = {};
     for (let $ = 1; $ <= R; $++) {
       if (g.current)
         throw "close pop over";
       const q = await E.getPage($);
-      F[$.toString()] = await q.getTextContent();
+      k[$.toString()] = await q.getTextContent();
     }
-    return F;
+    return k;
   }, []);
   return z(() => {
     if (!n) {
@@ -643,7 +646,7 @@ const Cn = () => {
     }
     g.current = !1, a(!0), v([]), p(0), A(c).then((E) => {
       _.current = E;
-      const F = Object.keys(E).reduce(($, q) => {
+      const k = Object.keys(E).reduce(($, q) => {
         const G = Co(
           [n],
           E[q],
@@ -652,7 +655,7 @@ const Cn = () => {
         ).map((j, V) => ({ ...j, page: Number(q), pageMatchIdx: V }));
         return [...$, ...G];
       }, []);
-      v(F), p(F.length ? 1 : 0);
+      v(k), p(k.length ? 1 : 0);
     }).catch(() => {
       v([]), p(0);
     }).finally(() => a(!1));
@@ -723,7 +726,7 @@ const Cn = () => {
 }, Ot = () => Be(xn), Rn = Ve(null), bc = ({ children: t }) => {
   const e = M(!1), [n, r] = H([]), o = N((s) => {
     r((m) => [...m, { id: s.page.pageNumber.toString(), data: s, priority: 0 }]);
-  }, []), a = k(() => new Ro(o), [o]), { focusedPage: c } = ue(), d = N((s) => (e.current = !0, Lo(
+  }, []), a = F(() => new Ro(o), [o]), { focusedPage: c } = ue(), d = N((s) => (e.current = !0, Lo(
     s.data.page,
     s.data.canvasElem,
     s.data.options
@@ -803,7 +806,7 @@ const Cn = () => {
 }, Zr = (t) => {
   const { pageNumber: e } = t, { pages: n } = oe(), r = M(null), { matches: o, currentMatch: a } = Ot(), [c, d] = H(
     []
-  ), s = M(), m = M(), g = M([]), C = k(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), u = N(
+  ), s = M(), m = M(), g = M([]), C = F(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), u = N(
     (p, h, f = !1) => {
       if (f && Po(p, h), !C.length) {
         g.current = [], d([]);
@@ -864,8 +867,8 @@ const Cn = () => {
         const _ = /* @__PURE__ */ new Set();
         for (let E = 0; E < w.rangeCount; E++) {
           const R = w.getRangeAt(E);
-          T().forEach((F) => {
-            R.intersectsNode(F) && !_.has(F) && _.add(F);
+          T().forEach((k) => {
+            R.intersectsNode(k) && !_.has(k) && _.add(k);
           });
         }
         T().forEach((E) => {
@@ -958,7 +961,7 @@ const Cn = () => {
 };
 let Xr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Qr = (t) => {
-  const { pageNumber: e } = t, n = M(null), { pages: r, pdf: o } = oe(), { interactiveForm: a } = yt(), c = M(), [d, s] = H(), { goToPage: m } = ue(), { scrollMode: g } = ze(), { print: C } = it(), { download: u } = Zn(), v = k(() => r.get(e), [r, e]), P = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
+  const { pageNumber: e } = t, n = M(null), { pages: r, pdf: o } = oe(), { interactiveForm: a } = yt(), c = M(), [d, s] = H(), { goToPage: m } = ue(), { scrollMode: g } = ze(), { print: C } = it(), { download: u } = Zn(), v = F(() => r.get(e), [r, e]), P = F(() => v == null ? void 0 : v.page.getViewport(), [v]);
   z(() => {
     c.current && (c.current.div.replaceChildren(), c.current = void 0);
   }, [o]), z(() => {
@@ -1060,7 +1063,7 @@ const Qr = (t) => {
       r(f);
     })();
   }, [o, t]);
-  const u = k(() => a ? a.map((p) => {
+  const u = F(() => a ? a.map((p) => {
     var h, f;
     return {
       ...nr(p.keyword, (h = p.options) == null ? void 0 : h.matchCase, (f = p.options) == null ? void 0 : f.wholeWords),
@@ -1111,11 +1114,11 @@ const Qr = (t) => {
     w.setStart(_, x), w.setEnd(_, S + 1);
     const L = document.createElement("span");
     L.style.width = "auto", w.surroundContents(L);
-    const O = L.getBoundingClientRect(), D = p.getBoundingClientRect(), A = D.height, E = D.width, R = 100 * (O.left - D.left) / E, F = 100 * (O.top - D.top) / A, $ = 100 * O.height / A, q = 100 * O.width / E;
+    const O = L.getBoundingClientRect(), D = p.getBoundingClientRect(), A = D.height, E = D.width, R = 100 * (O.left - D.left) / E, k = 100 * (O.top - D.top) / A, $ = 100 * O.height / A, q = 100 * O.width / E;
     return rr(L), {
       keywordStr: h,
       left: R,
-      top: F,
+      top: k,
       height: $,
       width: q,
       pageHeight: A,
@@ -1158,14 +1161,14 @@ const Qr = (t) => {
         return;
       const E = L.flags.indexOf("g") === -1 ? new RegExp(L, `${L.flags}g`) : L;
       let R;
-      const F = [];
+      const k = [];
       for (; (R = E.exec(I)) !== null; )
-        O && !Io(I, R.index, R[0].length) || F.push({
+        O && !Io(I, R.index, R[0].length) || k.push({
           keyword: E,
           startIndex: R.index,
           endIndex: E.lastIndex
         });
-      const $ = F.map((q) => ({
+      const $ = k.map((q) => ({
         keyword: q.keyword,
         indexes: l.slice(q.startIndex, q.endIndex),
         color: D
@@ -1225,7 +1228,7 @@ const Qr = (t) => {
     height: 0
   });
   pn(e, () => v.current);
-  const b = k(() => g.current ? c[n] : 0, [n, c]);
+  const b = F(() => g.current ? c[n] : 0, [n, c]);
   z(() => {
     if (a && (g.current = a.get(n), g.current)) {
       const f = g.current.page.getViewport({
@@ -1235,7 +1238,7 @@ const Qr = (t) => {
       T(f);
     }
   }, [a, n, b, s]);
-  const y = k(() => {
+  const y = F(() => {
     switch (b) {
       case 90:
         return `${P.width / 2}px ${P.width / 2}px`;
@@ -1456,12 +1459,12 @@ function ci(t) {
                 break;
             }
           R = Math.max(0, Math.min(R, D - x));
-          var F = Math.max(0, Math.min(L, O - I));
+          var k = Math.max(0, Math.min(L, O - I));
           return {
             isScrolling: !0,
             horizontalScrollDirection: A.scrollLeft < S ? "forward" : "backward",
             scrollLeft: R,
-            scrollTop: F,
+            scrollTop: k,
             verticalScrollDirection: A.scrollTop < L ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
@@ -1495,12 +1498,12 @@ function ci(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, h.scrollToItem = function(l) {
-      var w = l.align, _ = w === void 0 ? "auto" : w, I = l.columnIndex, x = l.rowIndex, S = this.props, L = S.columnCount, O = S.height, D = S.rowCount, A = S.width, E = this.state, R = E.scrollLeft, F = E.scrollTop, $ = ii();
+      var w = l.align, _ = w === void 0 ? "auto" : w, I = l.columnIndex, x = l.rowIndex, S = this.props, L = S.columnCount, O = S.height, D = S.rowCount, A = S.width, E = this.state, R = E.scrollLeft, k = E.scrollTop, $ = ii();
       I !== void 0 && (I = Math.max(0, Math.min(I, L - 1))), x !== void 0 && (x = Math.max(0, Math.min(x, D - 1)));
       var q = c(this.props, this._instanceProps), G = d(this.props, this._instanceProps), j = G > A ? $ : 0, V = q > O ? $ : 0;
       this.scrollTo({
         scrollLeft: I !== void 0 ? s(this.props, I, _, R, this._instanceProps, V) : R,
-        scrollTop: x !== void 0 ? m(this.props, x, _, F, this._instanceProps, j) : F
+        scrollTop: x !== void 0 ? m(this.props, x, _, k, this._instanceProps, j) : k
       });
     }, h.componentDidMount = function() {
       var l = this.props, w = l.initialScrollLeft, _ = l.initialScrollTop;
@@ -1534,7 +1537,7 @@ function ci(t) {
     }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Yt(this._resetIsScrollingTimeoutId);
     }, h.render = function() {
-      var l = this.props, w = l.children, _ = l.className, I = l.columnCount, x = l.direction, S = l.height, L = l.innerRef, O = l.innerElementType, D = l.innerTagName, A = l.itemData, E = l.itemKey, R = E === void 0 ? si : E, F = l.outerElementType, $ = l.outerTagName, q = l.rowCount, G = l.style, j = l.useIsScrolling, V = l.width, ie = this.state.isScrolling, U = this._getHorizontalRangeToRender(), Q = U[0], J = U[1], te = this._getVerticalRangeToRender(), ee = te[0], Y = te[1], ve = [];
+      var l = this.props, w = l.children, _ = l.className, I = l.columnCount, x = l.direction, S = l.height, L = l.innerRef, O = l.innerElementType, D = l.innerTagName, A = l.itemData, E = l.itemKey, R = E === void 0 ? si : E, k = l.outerElementType, $ = l.outerTagName, q = l.rowCount, G = l.style, j = l.useIsScrolling, V = l.width, ie = this.state.isScrolling, U = this._getHorizontalRangeToRender(), Q = U[0], J = U[1], te = this._getVerticalRangeToRender(), ee = te[0], Y = te[1], ve = [];
       if (I > 0 && q)
         for (var fe = ee; fe <= Y; fe++)
           for (var Se = Q; Se <= J; Se++)
@@ -1551,7 +1554,7 @@ function ci(t) {
               style: this._getItemStyle(fe, Se)
             }));
       var xe = c(this.props, this._instanceProps), st = d(this.props, this._instanceProps);
-      return Ke(F || $ || "div", {
+      return Ke(k || $ || "div", {
         className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -1576,8 +1579,8 @@ function ci(t) {
     }, h._callPropsCallbacks = function() {
       var l = this.props, w = l.columnCount, _ = l.onItemsRendered, I = l.onScroll, x = l.rowCount;
       if (typeof _ == "function" && w > 0 && x > 0) {
-        var S = this._getHorizontalRangeToRender(), L = S[0], O = S[1], D = S[2], A = S[3], E = this._getVerticalRangeToRender(), R = E[0], F = E[1], $ = E[2], q = E[3];
-        this._callOnItemsRendered(L, O, R, F, D, A, $, q);
+        var S = this._getHorizontalRangeToRender(), L = S[0], O = S[1], D = S[2], A = S[3], E = this._getVerticalRangeToRender(), R = E[0], k = E[1], $ = E[2], q = E[3];
+        this._callOnItemsRendered(L, O, R, k, D, A, $, q);
       }
       if (typeof I == "function") {
         var G = this.state, j = G.horizontalScrollDirection, V = G.scrollLeft, ie = G.scrollTop, U = G.scrollUpdateWasRequested, Q = G.verticalScrollDirection;
@@ -1587,14 +1590,14 @@ function ci(t) {
       var l = this.props, w = l.columnCount, _ = l.overscanColumnCount, I = l.overscanColumnsCount, x = l.overscanCount, S = l.rowCount, L = this.state, O = L.horizontalScrollDirection, D = L.isScrolling, A = L.scrollLeft, E = _ || I || x || 1;
       if (w === 0 || S === 0)
         return [0, 0, 0, 0];
-      var R = r(this.props, A, this._instanceProps), F = o(this.props, R, A, this._instanceProps), $ = !D || O === "backward" ? Math.max(1, E) : 1, q = !D || O === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - $), Math.max(0, Math.min(w - 1, F + q)), R, F];
+      var R = r(this.props, A, this._instanceProps), k = o(this.props, R, A, this._instanceProps), $ = !D || O === "backward" ? Math.max(1, E) : 1, q = !D || O === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, R - $), Math.max(0, Math.min(w - 1, k + q)), R, k];
     }, h._getVerticalRangeToRender = function() {
       var l = this.props, w = l.columnCount, _ = l.overscanCount, I = l.overscanRowCount, x = l.overscanRowsCount, S = l.rowCount, L = this.state, O = L.isScrolling, D = L.verticalScrollDirection, A = L.scrollTop, E = I || x || _ || 1;
       if (w === 0 || S === 0)
         return [0, 0, 0, 0];
-      var R = u(this.props, A, this._instanceProps), F = v(this.props, R, A, this._instanceProps), $ = !O || D === "backward" ? Math.max(1, E) : 1, q = !O || D === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - $), Math.max(0, Math.min(S - 1, F + q)), R, F];
+      var R = u(this.props, A, this._instanceProps), k = v(this.props, R, A, this._instanceProps), $ = !O || D === "backward" ? Math.max(1, E) : 1, q = !O || D === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, R - $), Math.max(0, Math.min(S - 1, k + q)), R, k];
     }, p;
   }(lo), e.defaultProps = {
     direction: "ltr",
@@ -1771,7 +1774,7 @@ function fi(t, e) {
   return !on(n, o) && !on(r, a);
 }
 const mi = () => {
-  const { viewMode: t } = He(), { scrollMode: e } = ze(), { setColumnCount: n } = mn(), { virtualScrollableElementRef: r } = nt(), o = je(), a = k(() => o.heights.length, [o.heights]), c = k(() => e === re.HORIZONTAL_SCROLLING ? a : t === Oe.DUAL_PAGE ? 2 : 1, [t, e, e, a, r]), d = k(() => o.widths.reduce((b, y, p) => {
+  const { viewMode: t } = He(), { scrollMode: e } = ze(), { setColumnCount: n } = mn(), { virtualScrollableElementRef: r } = nt(), o = je(), a = F(() => o.heights.length, [o.heights]), c = F(() => e === re.HORIZONTAL_SCROLLING ? a : t === Oe.DUAL_PAGE ? 2 : 1, [t, e, e, a, r]), d = F(() => o.widths.reduce((b, y, p) => {
     const h = p % c;
     return (!b[h] || y > b[h]) && (b[h] = y), b;
   }, []), [o.widths, c]), s = N(
@@ -1793,13 +1796,13 @@ const mi = () => {
   z(() => {
     n(c);
   }, [c, n]);
-  const g = k(() => e === re.HORIZONTAL_SCROLLING || e === re.PAGE_SCROLLING ? 1 : Math.round(a / c), [c, a, e]), C = k(() => o.heights.reduce((T, b) => T + b, 0) / o.heights.length || 0, [o]), u = k(() => o.widths.reduce((T, b) => T + b, 0) / o.widths.length || 0, [o]), v = k(() => {
+  const g = F(() => e === re.HORIZONTAL_SCROLLING || e === re.PAGE_SCROLLING ? 1 : Math.round(a / c), [c, a, e]), C = F(() => o.heights.reduce((T, b) => T + b, 0) / o.heights.length || 0, [o]), u = F(() => o.widths.reduce((T, b) => T + b, 0) / o.widths.length || 0, [o]), v = F(() => {
     const { rowsHeight: T, columnsWidth: b } = Rt(o, c);
     return {
       rowsHeight: T,
       columnsWidth: b
     };
-  }, [o, c]), P = k(() => ({
+  }, [o, c]), P = F(() => ({
     width: v.columnsWidth.reduce((T, b) => T + b, 0),
     height: v.rowsHeight.reduce((T, b) => T + b, 0)
   }), [v]);
@@ -1988,14 +1991,14 @@ class vi extends uo {
   }
 }
 const wi = hn(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = ue(), o = k(() => {
+  const { focusedPage: n, totalPages: r } = ue(), o = F(() => {
     const d = [], s = Math.ceil(n / 2) * 2 - 1;
     if (d.push(s), s + 1 <= r) {
       const m = s + 1;
       d.push(m);
     }
     return d;
-  }, [n, r]), a = k(() => {
+  }, [n, r]), a = F(() => {
     const d = n % 2 === 1 ? n - 1 : n - 2, s = Math.floor(d / 2), m = e(s), g = t(d), C = t(d + 1);
     return [
       {
@@ -2011,14 +2014,14 @@ const wi = hn(({ widths: t, heights: e }) => {
         height: m
       }
     ];
-  }, [t, e, o]), c = k(() => a.reduce((d, s) => d + Number(s.width || 0), 0), [a]);
+  }, [t, e, o]), c = F(() => a.reduce((d, s) => d + Number(s.width || 0), 0), [a]);
   return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: o.map((d, s) => /* @__PURE__ */ i(Dt, { style: a[s], pageNumber: d }, d)) });
 }), _i = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = ue(), r = k(() => ({
+  const { focusedPage: n } = ue(), r = F(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
-  }), [t, e, n]), o = k(() => t(n - 1), [t]);
+  }), [t, e, n]), o = F(() => t(n - 1), [t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2030,7 +2033,7 @@ const wi = hn(({ widths: t, heights: e }) => {
     }
   );
 }, bi = (t, e, n) => {
-  const r = M(), { contentRef: o } = be(), { heights: a, widths: c } = je(), { setFocusedPage: d } = ue(), [s, m] = H([]), { targetScrollPage: g } = gn(), C = Lt(s, 0, 500), u = k(() => {
+  const r = M(), { contentRef: o } = be(), { heights: a, widths: c } = je(), { setFocusedPage: d } = ue(), [s, m] = H([]), { targetScrollPage: g } = gn(), C = Lt(s, 0, 500), u = F(() => {
     const { rowsHeight: P, columnsWidth: T } = Rt({ heights: a, widths: c }, t);
     return a.map((b, y) => {
       const p = c[y], h = ar(y + 1, t), f = T.slice(0, h.columnIndex).reduce((I, x) => I + x, 0), l = P.slice(0, h.rowIndex).reduce((I, x) => I + x, 0), w = f + p, _ = l + b;
@@ -2124,7 +2127,7 @@ const wi = hn(({ widths: t, heights: e }) => {
     viewMode: w,
     scrollMode: l
   }), A = M(!1), E = M(), { isFullScreen: R } = To(), {
-    pageDimension: F,
+    pageDimension: k,
     rowCount: $,
     rowHeight: q,
     columnCount: G,
@@ -2141,7 +2144,7 @@ const wi = hn(({ widths: t, heights: e }) => {
   dr(o);
   const { isPressed: Y } = cr(), { selectionMode: ve } = bo(), { initializeGrabScroll: fe, resetGrabState: Se } = lr({
     isPressed: Y
-  }), xe = k(() => ve === mo.HAND, [ve]), st = k(() => ({
+  }), xe = F(() => ve === mo.HAND, [ve]), st = F(() => ({
     columnCount: G
   }), [G]), ct = N(
     (B) => {
@@ -2161,7 +2164,7 @@ const wi = hn(({ widths: t, heights: e }) => {
             rowIndex: B,
             shouldForceUpdate: !0
           });
-  }, [$, G, F, s]);
+  }, [$, G, k, s]);
   const to = N(
     (B, Z) => {
       if (!v)
@@ -2219,7 +2222,7 @@ const wi = hn(({ widths: t, heights: e }) => {
       height: B,
       width: Z
     });
-  }, [F, $, G, kt]);
+  }, [k, $, G, kt]);
   const no = N(
     (B) => {
       ee.current = {
@@ -2237,7 +2240,7 @@ const wi = hn(({ widths: t, heights: e }) => {
   }, [v, T, J]), z(() => () => {
     te.current && clearTimeout(te.current);
   }, []);
-  const oo = k(() => ae(se["rp-pages-container"], {
+  const oo = F(() => ae(se["rp-pages-container"], {
     [se["rp-cursor-grab"]]: xe && !Y,
     [se["rp-cursor-grabbing"]]: xe && Y
   }), [xe, Y]), ro = N(
@@ -2375,7 +2378,7 @@ const wi = hn(({ widths: t, heights: e }) => {
       h.key === "Enter" && T();
     },
     [T]
-  ), p = k(() => C === Oe.DUAL_PAGE && u === re.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, C, u]);
+  ), p = F(() => C === Oe.DUAL_PAGE && u === re.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, C, u]);
   return !s || !m ? null : typeof s != "boolean" ? /* @__PURE__ */ i(
     s,
     {
@@ -2669,7 +2672,7 @@ const Ne = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, qi = () => {
-  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = No(), { localeMessages: o } = de(), a = k(() => {
+  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = No(), { localeMessages: o } = de(), a = F(() => {
     if (!t)
       return [];
     const {
@@ -2782,7 +2785,7 @@ const Ne = {
   const { goToLastPageIcon: t } = ge(), { goToLastPageIcon: e } = me();
   return t || e || /* @__PURE__ */ i(bn, {});
 }, ln = { width: "100%" }, Ji = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ue(), { jumpNavigationTool: r = !0 } = Te(), { jumpNavigationTool: o = !0 } = ye(), { localeMessages: a } = de(), c = k(() => n === 1, [n]), d = k(() => n === e, [n, e]), s = N(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = ue(), { jumpNavigationTool: r = !0 } = Te(), { jumpNavigationTool: o = !0 } = ye(), { localeMessages: a } = de(), c = F(() => n === 1, [n]), d = F(() => n === e, [n, e]), s = N(() => {
     t(1);
   }, [t]), m = N(() => {
     t(e);
@@ -2825,7 +2828,7 @@ const Ne = {
     new ResizeObserver((E) => {
       L(E[0].contentRect.height);
     })
-  ), D = k(() => C || m || g || s || d || P || o && (a || c || u || v), [
+  ), D = F(() => C || m || g || s || d || P || o && (a || c || u || v), [
     a,
     c,
     u,
@@ -2836,7 +2839,7 @@ const Ne = {
     g,
     C,
     o
-  ]), A = k(() => l || h || f || p || y || I || o && (T || b || w || _), [
+  ]), A = F(() => l || h || f || p || y || I || o && (T || b || w || _), [
     T,
     b,
     w,
@@ -2907,7 +2910,7 @@ const Ne = {
   "rp-current-zoom-text": "_rp-current-zoom-text_1yldl_24",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_1yldl_28"
 }, oa = ({ zoomLevel: t, className: e }) => {
-  const { localeMessages: n } = de(), r = k(() => {
+  const { localeMessages: n } = de(), r = F(() => {
     switch (t) {
       case Me.ACTUAL:
         return n == null ? void 0 : n.zoomActualSize;
@@ -2943,7 +2946,7 @@ const Ne = {
       const p = Math.ceil(n * 100 / 25) * 25;
       return Math.min(p - 25, Gt);
     });
-  }, [e, n]), b = k(() => Wr(n), [n]), y = k(() => Mr(n), [n]);
+  }, [e, n]), b = F(() => Wr(n), [n]), y = F(() => Mr(n), [n]);
   return z(() => (o && v.current.observe(o), () => {
     v.current.disconnect();
   }), [o]), !a || !c ? null : typeof a == "function" ? /* @__PURE__ */ i(a, { zoomLevel: t, setZoomLevel: e }) : typeof c == "function" ? /* @__PURE__ */ i(c, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ W("div", { className: Fe["rp-zoom-wrapper"], children: [
@@ -3099,7 +3102,7 @@ const Ne = {
     h(U.target.value);
   }, []), R = N(() => {
     h(""), g("");
-  }, [g]), F = k(() => `${u} / ${C}`, [u, C]), { wholeWords: $, matchCase: q } = k(() => d, [d]), G = N(
+  }, [g]), k = F(() => `${u} / ${C}`, [u, C]), { wholeWords: $, matchCase: q } = F(() => d, [d]), G = N(
     (U) => {
       s((Q) => ({ ...Q, matchCase: U }));
     },
@@ -3113,7 +3116,7 @@ const Ne = {
   z(() => {
     o && I && L();
   }, [o, L]);
-  const V = k(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), ie = N(
+  const V = F(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), ie = N(
     (U) => {
       if (U.key === "Tab") {
         const Q = document.activeElement;
@@ -3181,7 +3184,7 @@ const Ne = {
                     children: !!p && /* @__PURE__ */ i("span", { className: ne["rp-search-tool-input-clear"], onClick: R, children: /* @__PURE__ */ i(Hr, {}) })
                   }
                 ) }),
-                m ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(vn, { className: ne["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: F }),
+                m ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(vn, { className: ne["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: k }),
                 l && /* @__PURE__ */ i("div", { className: ne["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: O, handleClose: L }) })
               ] }),
               /* @__PURE__ */ W("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
@@ -3270,7 +3273,7 @@ const Ne = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, ha = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ue(), { pageRotate: a } = ot(), c = M(null), d = Ln(), { pages: s } = oe(), [m, g] = H(null), C = M(!1), u = M(), v = k(() => n ? qe["rp-thumbnail-active"] : "", [n]), P = k(() => ({
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ue(), { pageRotate: a } = ot(), c = M(null), d = Ln(), { pages: s } = oe(), [m, g] = H(null), C = M(!1), u = M(), v = F(() => n ? qe["rp-thumbnail-active"] : "", [n]), P = F(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), T = N(() => {
@@ -3365,7 +3368,7 @@ const Ne = {
 }, ga = rt((t, e) => {
   const { show: n, width: r } = t, { focusedPage: o, totalPages: a } = ue(), { thumbnailPages: c, addPage: d, thumbnailLength: s, addToPage: m } = Sn(), g = M(null), C = M(1);
   pn(e, () => g.current);
-  const u = k(() => Object.values(c), [c]), v = N(() => {
+  const u = F(() => Object.values(c), [c]), v = N(() => {
     const P = s + 1;
     P <= a && d(P);
   }, [d, a, s]);
@@ -3391,7 +3394,7 @@ const Ne = {
 }, wa = () => {
   const { active: t, setActive: e } = Sn(), [n, r] = H(Qo), o = M(null), a = M(null), { thumbnailTool: c, sidebarEnable: d } = Te(), { localeMessages: s } = de(), m = N(() => {
     e((C) => !C);
-  }, []), g = k(() => typeof c != "boolean" && c ? /* @__PURE__ */ i(c, { onClick: m, active: t }) : c ? /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), g = F(() => typeof c != "boolean" && c ? /* @__PURE__ */ i(c, { onClick: m, active: t }) : c ? /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
     ce,
     {
       onClick: m,

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as i, useId as k, useMemo as w } from "react";
-import { k as D, l as E, m as F, T as G, n as b } from "../ToolbarLayout.module-0aa7a2aa.js";
+import { k as D, l as E, m as F, T as G, n as b } from "../ToolbarLayout.module-8d56d12b.js";
 import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
 import { ViewMode as y, ScrollMode as _, SelectionMode as z } from "../utils/types.js";
 import { RotateProvider as A } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as Dr } from "../ToolbarLayout.module-0aa7a2aa.js";
+import { R as Dr } from "../ToolbarLayout.module-8d56d12b.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/RPProvider.js

@@ -22,7 +22,7 @@ import "../utils/hooks/usePdfProperties.js";
 import "../utils/convertPdfDate.js";
 import "../utils/formatFileSize.js";
 import "../utils/appConsole.js";
-import "../ToolbarLayout.module-0aa7a2aa.js";
+import "../ToolbarLayout.module-8d56d12b.js";
 import "./icons/ChevronUpIcon.js";
 import "./ui/Button.js";
 import "../clsx-0c6e471a.js";

package/dist/components/layout/LayoutContainer.js

@@ -5,7 +5,7 @@ import "../../contexts/ThemeContext.js";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { L as Er } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { L as Er } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as Bt } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { a as Bt } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../LayoutWrapper-6224491f.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";

package/dist/components/layout/RPLayout.js

@@ -9,7 +9,7 @@ import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
 import { RPDropFileZone as b } from "../RPDropFileZone.js";
 import { c as j } from "../../LayoutWrapper-6224491f.js";
 import { useLoaderContext as v } from "../../contexts/LoaderContext.js";
-import { L as w } from "../../ToolbarLayout.module-0aa7a2aa.js";
+import { L as w } from "../../ToolbarLayout.module-8d56d12b.js";
 import "../../clsx-0c6e471a.js";
 import "./toolbar/ToolbarDefault.js";
 import "../../contexts/ToolbarComponentContext.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 { a0 as Co } from "../../../ToolbarLayout.module-0aa7a2aa.js";
+import { a0 as Co } from "../../../ToolbarLayout.module-8d56d12b.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 { $ as Do } from "../../../ToolbarLayout.module-0aa7a2aa.js";
+import { $ as Do } from "../../../ToolbarLayout.module-8d56d12b.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 Eo } from "../../../ToolbarLayout.module-0aa7a2aa.js";
+import { p as Eo } from "../../../ToolbarLayout.module-8d56d12b.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 import "../../../utils/withRef.js";
 import "../../icons/ChevronUpIcon.js";