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

package/dist/{ToolbarLayout.module-9d258526.js → ToolbarLayout.module-082ff242.js}

@@ -1,8 +1,8 @@
-import { jsx as a, Fragment as pe, jsxs as H } from "react/jsx-runtime";
+import { jsx as a, Fragment as he, jsxs as H } from "react/jsx-runtime";
 import * as X from "react";
-import { useRef as W, useEffect as A, useCallback as N, useState as q, useMemo as F, createContext as $e, useContext as qe, useImperativeHandle as on, createElement as Ve, PureComponent as oo, Component as ro, memo as rn, forwardRef as io } from "react";
+import { useRef as k, useEffect as z, useCallback as O, useState as $, useMemo as F, createContext as $e, useContext as qe, useImperativeHandle as on, createElement as Ve, PureComponent as oo, Component as ro, memo as rn, forwardRef as io } from "react";
 import { ChevronUpIcon as Ze } from "./components/icons/ChevronUpIcon.js";
-import { UIButton as ge } from "./components/ui/Button.js";
+import { UIButton as we } from "./components/ui/Button.js";
 import { UIInput as an } from "./components/ui/Input.js";
 import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Dt, SelectionMode as ao, ErrorType as so } from "./utils/types.js";
 import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
@@ -21,9 +21,9 @@ import { useFullScreenContext as fo } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
 import { findMatches as mo, resetDivs as go, highlightMatches as vo, isMatchEntireWord as wo } from "./utils/highlight.js";
-import { useLayoutContainer as _e } from "./contexts/LayoutContainerContext.js";
+import { useLayoutContainer as be } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as Ge } from "./contexts/DimensionPagesContext.js";
-import { useLocalizationContext as he } from "./contexts/LocalizationContext.js";
+import { useLocalizationContext as fe } from "./contexts/LocalizationContext.js";
 import { useHighlightContext as _o } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
 import { useDownloadContext as bo } from "./contexts/DownloadContext.js";
@@ -35,23 +35,23 @@ import { renderPage as Co } from "./utils/renderPage.js";
 import { useGlobalCurrentPage as Po } from "./contexts/GlobalCurrentPage.js";
 import { useLoaderContext as _t } from "./contexts/LoaderContext.js";
 import { useToolComponentContext as Ne } from "./contexts/ToolComponentContext.js";
-import { useIconToolContext as be } from "./contexts/IconToolContext.js";
+import { useIconToolContext as Te } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as yo } from "./contexts/OtherToolContext.js";
 import "./components/RPConfig.js";
 import { ThumbnailIcon as xo } from "./components/icons/Thumbnail.js";
-import { c as se } from "./clsx-0c6e471a.js";
+import { c as ce } from "./clsx-0c6e471a.js";
 import { LoaderIcon as ln } from "./components/icons/LoaderIcon.js";
 import { Container as So } from "./components/layout/Container.js";
 import { useViewportContext as Oe, ViewportProvider as Io } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as Te, ToolbarComponentProvider as Ro } from "./contexts/ToolbarComponentContext.js";
+import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Ro } from "./contexts/ToolbarComponentContext.js";
 import { RPSplitter as Lo } from "./components/layout/sidebar/RPSplitter.js";
 import { WrapperLayout as Eo } from "./components/layout/WrapperLayout.js";
-import { c as we, L as No } from "./LayoutWrapper-a871c161.js";
+import { c as _e, L as No } from "./LayoutWrapper-a871c161.js";
 import { useThemeContext as Oo } from "./contexts/ThemeContext.js";
 import { RPDropFileZone as Do } from "./components/RPDropFileZone.js";
 import { c as te, S as At } from "./SearchCloseButton-cbf182aa.js";
 import { UICheckbox as zt } from "./components/ui/Checkbox.js";
-import { useIconContext as Ce, IconProvider as Ao } from "./contexts/IconContext.js";
+import { useIconContext as Pe, IconProvider as Ao } from "./contexts/IconContext.js";
 import Q from "./components/ui/RPTooltip.js";
 import { UIDropDown as dn } from "./components/ui/DropDown.js";
 import "./ZoomTool.module-6c5eabbb.js";
@@ -101,13 +101,13 @@ import { SearchIcon as gn } from "./components/icons/SearchIcon.js";
 import { ClearIcon as Lr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Wt } from "./components/icons/InfoIcon.js";
 import './assets/ToolbarLayout.css';const vn = () => {
-  const { viewMode: t } = Me(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = le(), c = W(), { columnCount: l } = sn(), { widths: d, heights: f } = Ge(), m = W(e), P = W(t), h = W(l), { targetScrollPage: T } = cn();
-  A(() => {
+  const { viewMode: t } = Me(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = de(), c = k(), { columnCount: l } = sn(), { widths: d, heights: f } = Ge(), m = k(e), P = k(t), p = k(l), { targetScrollPage: T } = cn();
+  z(() => {
     n != null && n.scrollToItem && (c.current = n);
-  }, [n]), A(() => {
+  }, [n]), z(() => {
     m.current = e, P.current = t;
   }, [e, t]);
-  const C = N(
+  const C = O(
     (v, y) => {
       if (!o)
         return;
@@ -121,26 +121,26 @@ import './assets/ToolbarLayout.css';const vn = () => {
           (s) => it(o, u, s)
         );
       }
-      const p = {
+      const h = {
         left: 0,
         top: 0
       };
       return o == null ? void 0 : o.scrollTo({
-        ...p,
+        ...h,
         behavior: y
       });
     },
     [o, d, it]
   );
-  return A(() => {
+  return z(() => {
     m.current = e, P.current = t;
-  }, [e, t]), A(() => {
-    h.current = l;
-  }, [l]), { scrollToPage: N(
+  }, [e, t]), z(() => {
+    p.current = l;
+  }, [l]), { scrollToPage: O(
     (v, y = "smooth") => {
       i(v);
       const g = v - 1;
-      let p = g, u = 0;
+      let h = g, u = 0;
       if (P.current === Re.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
         C(v, y);
         return;
@@ -153,33 +153,33 @@ import './assets/ToolbarLayout.css';const vn = () => {
         return;
       const s = r;
       y === "smooth" && (T.current = v);
-      const { columnsWidth: _, rowsHeight: w } = bt(
+      const { columnsWidth: w, rowsHeight: _ } = bt(
         { widths: d, heights: f },
         l
       );
       if (m.current === ne.HORIZONTAL_SCROLLING) {
         u = g;
-        const S = ze(_, u), I = {
-          left: Math.floor(S),
+        const I = ze(w, u), S = {
+          left: Math.floor(I),
           top: 0
         };
         return s.scrollTo({
-          ...I,
+          ...S,
           behavior: y
         });
       }
       if (P.current === Re.DUAL_PAGE) {
-        u = g % 2, p = Math.floor(g / 2);
-        const I = ze(_, u), E = ze(w, p), D = {
-          left: Math.floor(I),
-          top: Math.floor(E)
+        u = g % 2, h = Math.floor(g / 2);
+        const S = ze(w, u), N = ze(_, h), D = {
+          left: Math.floor(S),
+          top: Math.floor(N)
         };
         return s.scrollTo({
           ...D,
           behavior: y
         });
       }
-      const x = ze(w, p), R = {
+      const x = ze(_, h), R = {
         left: 0,
         top: Math.floor(x)
       };
@@ -199,34 +199,34 @@ import './assets/ToolbarLayout.css';const vn = () => {
     ]
   ) };
 }, Er = (t = 1) => {
-  const [e, n] = q(t), [r, o] = q(0), { scrollToPage: i } = vn(), c = W(1), { viewMode: l } = Me(), { scrollMode: d } = Ee(), { widths: f } = Ge(), { pagesRef: m } = _e(), P = Tt(e, 100), h = N(
-    (p) => {
-      if (!/^[0-9]*$/g.test(p.toString()) || !p)
+  const [e, n] = $(t), [r, o] = $(0), { scrollToPage: i } = vn(), c = k(1), { viewMode: l } = Me(), { scrollMode: d } = Ee(), { widths: f } = Ge(), { pagesRef: m } = be(), P = Tt(e, 100), p = O(
+    (h) => {
+      if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: c.current };
-      const s = +p;
-      return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +p });
+      const s = +h;
+      return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +h });
     },
     [r]
-  ), T = N(h, [h]), C = N(
-    (p) => {
-      const u = h(p);
+  ), T = O(p, [p]), C = O(
+    (h) => {
+      const u = p(h);
       return u.success && i(u.currentPage), u;
     },
-    [h, i]
-  ), b = N((p) => {
-    const u = p % 2 === 1;
+    [p, i]
+  ), b = O((h) => {
+    const u = h % 2 === 1;
     if (!m || u)
       return !1;
-    const s = u ? f[p] : f[p - 1], _ = u ? f[p + 1] : f[p];
-    return l === Re.DUAL_PAGE && s + _ < m.clientWidth;
-  }, [l, f, m, r]), v = N(() => {
-    let p = e - 1;
-    b(p) && (p = e - 2), C(p);
-  }, [C, e, l, d, b]), y = F(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), g = N(() => {
+    const s = u ? f[h] : f[h - 1], w = u ? f[h + 1] : f[h];
+    return l === Re.DUAL_PAGE && s + w < m.clientWidth;
+  }, [l, f, m, r]), v = O(() => {
+    let h = e - 1;
+    b(h) && (h = e - 2), C(h);
+  }, [C, e, l, d, b]), y = F(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), g = O(() => {
     if (y)
       return;
-    let p = e + 1;
-    b(p) && (p = e + 2), C(p);
+    let h = e + 1;
+    b(h) && (h = e + 2), C(h);
   }, [C, e, b, l, d, y]);
   return {
     focusedPage: P,
@@ -249,14 +249,14 @@ import './assets/ToolbarLayout.css';const vn = () => {
   },
   nextPage: () => {
   }
-}), le = () => {
+}), de = () => {
   const t = qe(wn);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && sr.error("Please use this hooks inside children component of RPProvider"), t;
 }, Ks = ({ children: t }) => {
   const { pdf: e } = oe(), { setCurrentPage: n } = Po(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: f } = Er();
-  return A(() => {
+  return z(() => {
     e != null && e.numPages && (c(e.numPages), i(1));
-  }, [e, c, i]), A(() => {
+  }, [e, c, i]), z(() => {
     n(r);
   }, [r, n]), /* @__PURE__ */ a(
     wn.Provider,
@@ -275,19 +275,19 @@ import './assets/ToolbarLayout.css';const vn = () => {
   );
 };
 const Nr = () => {
-  const { pdf: t, pages: e } = oe(), [n, r] = q({
+  const { pdf: t, pages: e } = oe(), [n, r] = $({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, i] = q(!1), [c, l] = q(!1), [d, f] = q(null), m = W(!1);
-  A(() => {
+  }), [o, i] = $(!1), [c, l] = $(!1), [d, f] = $(null), m = k(!1);
+  z(() => {
     m.current;
   }, [m]);
-  const P = N(() => {
+  const P = O(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
-    const p = document.querySelector(".rp-print-zone");
-    p && p.remove();
-  }, []), h = N(() => {
+    const h = document.querySelector(".rp-print-zone");
+    h && h.remove();
+  }, []), p = O(() => {
     m.current = !1, i(!1), l(!1), f(null), r({
       loadedPages: 0,
       totalPages: 0,
@@ -296,119 +296,119 @@ const Nr = () => {
   }, []), T = () => {
     m.current = !0;
   }, C = async ({
-    scratchCanvas: p,
+    scratchCanvas: h,
     pdfDocument: u,
     pageNumber: s,
-    viewerPdfPage: _,
-    printResolution: w,
+    viewerPdfPage: w,
+    printResolution: _,
     optionalContentConfigPromise: x,
     printAnnotationStoragePromise: R
   }) => {
     if (m.current) {
-      h();
+      p();
       return;
     }
-    const S = w / Wo.PDF;
-    p.width = Math.floor(_.width * S), p.height = Math.floor(_.height * S);
-    const I = p.getContext("2d");
-    I.save(), I.fillStyle = "rgb(255, 255, 255)", I.fillRect(0, 0, p.width, p.height), I.restore();
-    const [E, D] = await Promise.all([
+    const I = _ / Wo.PDF;
+    h.width = Math.floor(w.width * I), h.height = Math.floor(w.height * I);
+    const S = h.getContext("2d");
+    S.save(), S.fillStyle = "rgb(255, 255, 255)", S.fillRect(0, 0, h.width, h.height), S.restore();
+    const [N, D] = await Promise.all([
       u.getPage(s),
       R
     ]);
     if (m.current) {
-      h();
+      p();
       return;
     }
-    const z = {
-      canvasContext: I,
-      transform: [S, 0, 0, S, 0, 0],
-      viewport: E.getViewport({ scale: 1, rotation: _.rotation }),
+    const M = {
+      canvasContext: S,
+      transform: [I, 0, 0, I, 0, 0],
+      viewport: N.getViewport({ scale: 1, rotation: w.rotation }),
       intent: "print",
       annotationMode: Ho.ENABLE_STORAGE,
       optionalContentConfigPromise: x,
       printAnnotationStorage: D
     };
     try {
-      return E.render(z).promise;
-    } catch (L) {
-      throw L instanceof $o || console.error(L), L;
+      return N.render(M).promise;
+    } catch (A) {
+      throw A instanceof $o || console.error(A), A;
     }
-  }, b = N(() => {
-    const p = window.print;
+  }, b = O(() => {
+    const h = window.print;
     return new Promise((u) => {
       const s = (x) => {
         setTimeout(() => {
-          p.call(window), setTimeout(() => x(), 20);
+          h.call(window), setTimeout(() => x(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         s(u);
         return;
       }
-      const w = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(u), w.disconnect());
+      const _ = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(u), _.disconnect());
       });
-      w.observe(document.body, { childList: !0, subtree: !0 });
+      _.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), v = async (p) => {
+  }, []), v = async (h) => {
     const u = document.createElement("img"), s = document.createElement("div");
-    return s.classList.add("rp-print-page"), await new Promise((_, w) => {
-      p.toBlob((x) => {
+    return s.classList.add("rp-print-page"), await new Promise((w, _) => {
+      h.toBlob((x) => {
         x ? (u.src = URL.createObjectURL(x), u.onload = () => {
-          URL.revokeObjectURL(u.src), _();
-        }, u.onerror = w) : w(new Error("Failed to create blob"));
+          URL.revokeObjectURL(u.src), w();
+        }, u.onerror = _) : _(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(u), s;
-  }, y = (p, u) => {
+  }, y = (h, u) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    const _ = document.createElement("style"), w = u.get(1);
-    if (w) {
-      const { width: x, height: R } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
-      _.innerHTML = `@page { size: ${x}px ${R}px }`;
+    const w = document.createElement("style"), _ = u.get(1);
+    if (_) {
+      const { width: x, height: R } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
+      w.innerHTML = `@page { size: ${x}px ${R}px }`;
     }
-    return s.appendChild(_), s.append(...p), s;
-  }, g = N(async () => {
+    return s.appendChild(w), s.append(...h), s;
+  }, g = O(async () => {
     if (!t)
       return;
-    h();
-    const p = document.createElement("canvas"), u = [];
+    p();
+    const h = document.createElement("canvas"), u = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const _ = t.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
+      const w = t.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), x = e.size;
-      for (const [S, I] of e) {
+      for (const [I, S] of e) {
         if (m.current) {
-          h();
+          p();
           return;
         }
-        const E = I.page.getViewport({ scale: 1 });
+        const N = S.page.getViewport({ scale: 1 });
         if (await C({
-          scratchCanvas: p,
+          scratchCanvas: h,
           pdfDocument: t,
-          pageNumber: S,
-          viewerPdfPage: E,
+          pageNumber: I,
+          viewerPdfPage: N,
           printResolution: 150,
-          optionalContentConfigPromise: _,
-          printAnnotationStoragePromise: w
+          optionalContentConfigPromise: w,
+          printAnnotationStoragePromise: _
         }), m.current) {
-          h();
+          p();
           return;
         }
-        const D = await v(p);
+        const D = await v(h);
         u.push(D);
-        const z = parseFloat((u.length / x * 100).toFixed(2));
+        const M = parseFloat((u.length / x * 100).toFixed(2));
         r({
-          loadedPages: S,
+          loadedPages: I,
           totalPages: x,
-          percentage: z
+          percentage: M
         });
       }
       if (m.current) {
-        h();
+        p();
         return;
       }
       const R = y(u, e);
@@ -416,17 +416,17 @@ const Nr = () => {
     } catch (s) {
       l(!0), s instanceof Error && f(s);
     } finally {
-      p.height = 0, p.width = 0;
+      h.height = 0, h.width = 0;
     }
   }, [t, e, m]);
-  return A(() => {
-    const p = () => {
-      h(), P();
+  return z(() => {
+    const h = () => {
+      p(), P();
     };
-    return window.addEventListener("afterprint", p, !0), () => {
-      window.removeEventListener("afterprint", p, !0);
+    return window.addEventListener("afterprint", h, !0), () => {
+      window.removeEventListener("afterprint", h, !0);
     };
-  }, [P, h]), {
+  }, [P, p]), {
     print: g,
     cancel: T,
     progress: n,
@@ -452,23 +452,23 @@ const Nr = () => {
     }
   }
 }), Zs = ({ children: t }) => {
-  const [e, n] = q(null), [r, o] = q(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Nr(), P = N((v) => {
+  const [e, n] = $(null), [r, o] = $(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Nr(), P = O((v) => {
     v && typeof v == "function" && o(() => v);
-  }, []), h = (v) => {
+  }, []), p = (v) => {
     m && v(m);
-  }, T = N(
+  }, T = O(
     (v) => {
       n(() => v);
     },
     [l, e]
   );
-  A(() => {
+  z(() => {
     d && r && C();
-  }, [d, r]), A(() => {
-    f && h((v) => {
+  }, [d, r]), z(() => {
+    f && p((v) => {
       console.error(v);
     });
-  }, [f]), A(() => {
+  }, [f]), z(() => {
     l && e && e(l);
   }, [l, e]);
   const C = () => {
@@ -478,7 +478,7 @@ const Nr = () => {
     cancel: c,
     setOnProgress: T,
     setOnComplete: P,
-    setOnError: h,
+    setOnError: p,
     progress: l
   };
   return /* @__PURE__ */ a(_n.Provider, { value: b, children: t });
@@ -488,14 +488,14 @@ const Nr = () => {
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, Or = () => {
-  const [t, e] = q({}), { pages: n } = oe(), r = F(() => Object.keys(t).length, [t]), o = N(
+  const [t, e] = $({}), { pages: n } = oe(), r = F(() => Object.keys(t).length, [t]), o = O(
     (c) => {
       if (!n.size)
         return;
       const l = c > n.size ? n.size : c, f = Array.from(n.values()).slice(0, l).map((m) => {
-        const { thumbnailViewport: P, scale: h } = ar(m.page, m.defaultRotation);
+        const { thumbnailViewport: P, scale: p } = ar(m.page, m.defaultRotation);
         return {
-          scale: h,
+          scale: p,
           page: m.page,
           loading: !0,
           viewport: P,
@@ -506,10 +506,10 @@ const Nr = () => {
     },
     [n]
   );
-  A(() => {
+  z(() => {
     o(10);
   }, [o]);
-  const i = N(
+  const i = O(
     (c) => {
       if (!n)
         return;
@@ -542,7 +542,7 @@ const Nr = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Or(), [c, l] = q(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Or(), [c, l] = $(e);
   return /* @__PURE__ */ a(
     bn.Provider,
     {
@@ -551,100 +551,111 @@ const Nr = () => {
     }
   );
 }, Dr = (t = {}, e = "") => {
-  const [n, r] = q(e), [o, i] = q(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = Ge(), m = W(!n), { currentZoom: P } = wt(), [h, T] = q([]), { setFocusedPage: C } = le(), { columnCount: b } = Me(), { pageRotate: v } = Je(), [y, g] = q(0), { pageScrollElementRef: p, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ee(), { pagesRef: _ } = _e(), [w, x] = q(null), R = W({}), S = F(() => y === 0 ? null : h[y - 1], [y, h]), I = F(() => h.length, [h]);
-  A(() => {
-    if (!S || !l)
-      return;
-    const L = u || p;
-    if (!L || !_)
-      return;
-    const O = l.get(S.page);
-    if (s === ne.PAGE_SCROLLING && C(S.page), !O)
-      return;
-    let M = 0, $ = 0;
-    if (s === ne.VERTICAL_SCROLLING) {
-      const J = S.page - 1, ee = b, re = J % ee, ve = Math.floor(J / ee);
-      M = ze(f, ve), $ = ze(d, re);
-    }
-    s === ne.HORIZONTAL_SCROLLING && ($ = d.slice(0, S.page - 1).reduce((J, ee) => J + ee, 0));
-    const k = {
-      height: f[S.page - 1],
-      width: d[S.page - 1]
-    }, B = {
-      top: k.height / 2,
-      left: k.width / 2
-    }, Z = v[S.page], { leftInPage: U, topInPage: ie } = ir(
-      k,
-      B,
-      S.rect,
-      P,
-      Z
-    ), G = $ + U, K = M + ie, Y = {
-      left: Math.max(G, 0),
-      top: Math.max(K, 0)
-    };
-    L.scrollTo({
-      ...Y,
-      behavior: "smooth"
+  const [n, r] = $(e), [o, i] = $(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = Ge(), m = k(!n), { currentZoom: P } = wt(), [p, T] = $([]), { setFocusedPage: C } = de(), { columnCount: b } = Me(), { pageRotate: v } = Je(), [y, g] = $(0), { pageScrollElementRef: h, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ee(), { pagesRef: w } = be(), [_, x] = $(null), R = k({}), I = F(() => y === 0 ? null : p[y - 1], [y, p]), S = F(() => p.length, [p]), N = O(
+    (L) => {
+      if (L === 0)
+        return;
+      const E = p[L - 1];
+      if (!E || !l)
+        return;
+      const q = u || h;
+      if (!q || !w)
+        return;
+      const W = l.get(E.page);
+      if (s === ne.PAGE_SCROLLING && C(E.page), !W)
+        return;
+      let U = 0, j = 0;
+      if (s === ne.VERTICAL_SCROLLING) {
+        const J = E.page - 1, ue = b, ie = J % ue, me = Math.floor(J / ue);
+        U = ze(f, me), j = ze(d, ie);
+      }
+      s === ne.HORIZONTAL_SCROLLING && (j = d.slice(0, E.page - 1).reduce((J, ue) => J + ue, 0));
+      const V = {
+        height: f[E.page - 1],
+        width: d[E.page - 1]
+      }, ee = v[E.page], { leftInPage: G, topInPage: Z } = ir(
+        V,
+        w,
+        E.rect,
+        P,
+        ee
+      ), Y = j + G, re = U + Z, ae = {
+        left: Math.max(Y, 0),
+        top: Math.max(re, 0)
+      };
+      q.scrollTo({
+        ...ae,
+        behavior: "smooth"
+      });
+    },
+    [
+      l,
+      C,
+      d,
+      f,
+      s,
+      u,
+      h,
+      w,
+      p
+    ]
+  );
+  z(() => {
+    y === 1 && N(y);
+  }, [y]);
+  const D = O(() => {
+    g((L) => {
+      let E;
+      return S ? L + 1 > S ? E = 1 : E = L + 1 : E = 0, E !== 1 && N(E), E;
     });
-  }, [
-    l,
-    C,
-    d,
-    f,
-    S,
-    s,
-    u,
-    p,
-    _
-  ]);
-  const E = N(() => {
-    g((L) => I ? L + 1 > I ? 1 : L + 1 : 0);
-  }, [I]), D = N(() => {
-    g((L) => I ? L - 1 <= 0 ? I : L - 1 : 0);
-  }, [I]), z = N(async (L) => {
+  }, [S, N]), M = O(() => {
+    g((L) => {
+      let E;
+      return S ? L - 1 <= 0 ? E = S : E = L - 1 : E = 0, E !== 1 && N(E), E;
+    });
+  }, [S, N]), A = O(async (L) => {
     if (!L)
       return {};
-    const O = L.numPages, M = {};
-    for (let $ = 1; $ <= O; $++) {
+    const E = L.numPages, q = {};
+    for (let W = 1; W <= E; W++) {
       if (m.current)
         throw "close pop over";
-      const k = await L.getPage($);
-      M[$.toString()] = await k.getTextContent();
+      const U = await L.getPage(W);
+      q[W.toString()] = await U.getTextContent();
     }
-    return M;
+    return q;
   }, []);
-  return A(() => {
+  return z(() => {
     if (!n) {
       m.current = !0, T([]), g(0);
       return;
     }
-    m.current = !1, i(!0), T([]), g(0), z(c).then((L) => {
+    m.current = !1, i(!0), T([]), g(0), A(c).then((L) => {
       R.current = L;
-      const M = Object.keys(L).reduce(($, k) => {
-        const B = mo(
+      const q = Object.keys(L).reduce((W, U) => {
+        const j = mo(
           [n],
-          L[k],
-          Number(k) - 1,
+          L[U],
+          Number(U) - 1,
           t
-        ).map((Z, U) => ({ ...Z, page: Number(k), pageMatchIdx: U }));
-        return [...$, ...B];
+        ).map((V, ee) => ({ ...V, page: Number(U), pageMatchIdx: ee }));
+        return [...W, ...j];
       }, []);
-      T(M), g(M.length ? 1 : 0);
+      T(q), g(q.length ? 1 : 0);
     }).catch(() => {
       T([]), g(0);
     }).finally(() => i(!1));
-  }, [n, z, c, t]), {
+  }, [n, A, c, t]), {
     search: n,
     setSearch: r,
     loading: o,
-    matches: h,
-    totalMatches: I,
+    matches: p,
+    totalMatches: S,
     currentMatchPosition: y,
-    currentMatch: S,
-    nextMatch: E,
-    prevMatch: D,
-    currentMatchElement: w,
+    currentMatch: I,
+    nextMatch: D,
+    prevMatch: M,
+    currentMatchElement: _,
     setCurrentMatchElement: x
   };
 }, Cn = $e({
@@ -669,7 +680,7 @@ const Nr = () => {
   children: t,
   initialSearch: e
 }) => {
-  const [n, r] = q({}), {
+  const [n, r] = $({}), {
     loading: o,
     setSearch: i,
     totalMatches: c,
@@ -678,7 +689,7 @@ const Nr = () => {
     search: f,
     matches: m,
     nextMatch: P,
-    prevMatch: h,
+    prevMatch: p,
     currentMatchElement: T,
     setCurrentMatchElement: C
   } = Dr(n, e);
@@ -694,7 +705,7 @@ const Nr = () => {
         currentMatchPosition: l,
         currentMatch: d,
         nextMatch: P,
-        prevMatch: h,
+        prevMatch: p,
         search: f,
         matches: m,
         currentMatchElement: T,
@@ -704,9 +715,9 @@ const Nr = () => {
     }
   );
 }, yt = () => qe(Cn), Pn = $e(null), Ys = ({ children: t }) => {
-  const e = W(!1), [n, r] = q([]), o = N((d) => {
+  const e = k(!1), [n, r] = $([]), o = O((d) => {
     r((f) => [...f, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
-  }, []), i = F(() => new To(o), [o]), { focusedPage: c } = le(), l = N((d) => (e.current = !0, Co(
+  }, []), i = F(() => new To(o), [o]), { focusedPage: c } = de(), l = O((d) => (e.current = !0, Co(
     d.data.page,
     d.data.canvasElem,
     d.data.options
@@ -715,9 +726,9 @@ const Nr = () => {
   }).finally(() => {
     d.data.onLoaded && d.data.onLoaded();
   })), []);
-  return A(() => {
+  return z(() => {
     c && (i.changePagePriority(`^page-${c}`, 0), i.changePagePriority(`^thumbnail-${c}`, 1));
-  }, [c]), A(() => {
+  }, [c]), z(() => {
     if (i.isEmpty() || e.current)
       return;
     const d = () => {
@@ -733,7 +744,7 @@ const Nr = () => {
   if (!t)
     throw new Error("RenderQueue not found");
   return t;
-}, ae = {
+}, se = {
   "rp-pages": "_rp-pages_1fvmx_1",
   "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1fvmx_6",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1fvmx_11",
@@ -749,20 +760,20 @@ const Nr = () => {
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
 }, Ar = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = W(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = W(), { currentZoom: d } = wt(), f = yn(), m = W(`page-${e}`);
-  return A(() => {
+  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = k(), { currentZoom: d } = wt(), f = yn(), m = k(`page-${e}`);
+  return z(() => {
     if (!i || d === 0)
       return;
     const P = i.get(e);
     if (o.current && P) {
-      const h = o.current;
-      h.hidden = !0;
+      const p = o.current;
+      p.hidden = !0;
       const T = l.current;
       T && T.cancel(), r && r(), f.enqueue(
         m.current,
         {
           page: P.page,
-          canvasElem: h,
+          canvasElem: p,
           options: {
             scale: d,
             rotate: c[e],
@@ -777,33 +788,33 @@ const Nr = () => {
       f.removeQueue(m.current);
     };
   }, [i, e, c, d, r, n, f]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
-}, zr = "_selecting_1uik2_10", Mr = "_markedContent_1uik2_33", fe = {
-  "rp-text-layer": "_rp-text-layer_1uik2_1",
+}, zr = "_selecting_ppr5g_10", Mr = "_markedContent_ppr5g_33", ge = {
+  "rp-text-layer": "_rp-text-layer_ppr5g_1",
   selecting: zr,
   markedContent: Mr,
-  "rp-text-layer-text": "_rp-text-layer-text_1uik2_52"
+  "rp-text-layer-text": "_rp-text-layer-text_ppr5g_52"
 }, Fr = (t) => {
-  const { pageNumber: e } = t, { pages: n } = oe(), r = W(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = yt(), [l, d] = q(
+  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = yt(), [l, d] = $(
     []
-  ), f = W(), m = W(), P = W([]), h = F(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), T = N(
-    (p, u, s = !1) => {
-      if (s && go(p, u), !h.length) {
+  ), f = k(), m = k(), P = k([]), p = F(() => o.filter((h) => h.pageIndex === e - 1), [o, e]), T = O(
+    (h, u, s = !1) => {
+      if (s && go(h, u), !p.length) {
         P.current = [], d([]);
         return;
       }
-      const _ = vo(h, p, u);
-      d(_);
+      const w = vo(p, h, u);
+      d(w);
     },
-    [h]
-  ), C = W(), b = W(!1), v = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
-  A(() => ((() => {
+    [p]
+  ), C = k(), b = k(!1), v = O(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  z(() => ((() => {
     if (C.current)
       return;
     C.current = new AbortController();
     const { signal: u } = C.current, s = () => {
-      v().forEach((w) => {
-        const x = w.querySelector(".endOfContent");
-        x && (w.appendChild(x), x.style.width = "", x.style.height = "", w.classList.remove(fe.selecting));
+      v().forEach((_) => {
+        const x = _.querySelector(".endOfContent");
+        x && (_.appendChild(x), x.style.width = "", x.style.height = "", _.classList.remove(ge.selecting));
       });
     };
     document.addEventListener(
@@ -831,40 +842,40 @@ const Nr = () => {
       },
       { signal: u }
     );
-    let _ = null;
+    let w = null;
     document.addEventListener(
       "selectionchange",
       () => {
-        var z, L;
-        const w = document.getSelection();
-        if (!w)
+        var M, A;
+        const _ = document.getSelection();
+        if (!_)
           return;
-        if (w.rangeCount === 0) {
+        if (_.rangeCount === 0) {
           s();
           return;
         }
         const x = /* @__PURE__ */ new Set();
-        for (let O = 0; O < w.rangeCount; O++) {
-          const M = w.getRangeAt(O);
-          v().forEach(($) => {
-            M.intersectsNode($) && !x.has($) && x.add($);
+        for (let L = 0; L < _.rangeCount; L++) {
+          const E = _.getRangeAt(L);
+          v().forEach((q) => {
+            E.intersectsNode(q) && !x.has(q) && x.add(q);
           });
         }
-        v().forEach((O) => {
-          if (x.has(O))
-            O.classList.add(fe.selecting);
+        v().forEach((L) => {
+          if (x.has(L))
+            L.classList.add(ge.selecting);
           else {
-            const M = O.querySelector(".endOfContent");
-            M && (O.appendChild(M), M.style.width = "", M.style.height = "", O.classList.remove(fe.selecting));
+            const E = L.querySelector(".endOfContent");
+            E && (L.appendChild(E), E.style.width = "", E.style.height = "", L.classList.remove(ge.selecting));
           }
         });
-        const R = w.getRangeAt(0);
-        let I = _ && (R.compareBoundaryPoints(Range.END_TO_END, _) === 0 || R.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? R.startContainer : R.endContainer;
-        I.nodeType === Node.TEXT_NODE && (I = I.parentNode);
-        const E = (z = I.parentElement) == null ? void 0 : z.closest(
-          fe["rp-text-layer"]
-        ), D = E == null ? void 0 : E.querySelector(".endOfContent");
-        D && E && (D.style.width = E.style.width, D.style.height = E.style.height, (L = I.parentElement) == null || L.insertBefore(D, I.nextSibling)), _ = R.cloneRange();
+        const R = _.getRangeAt(0);
+        let S = w && (R.compareBoundaryPoints(Range.END_TO_END, w) === 0 || R.compareBoundaryPoints(Range.START_TO_END, w) === 0) ? R.startContainer : R.endContainer;
+        S.nodeType === Node.TEXT_NODE && (S = S.parentNode);
+        const N = (M = S.parentElement) == null ? void 0 : M.closest(
+          ge["rp-text-layer"]
+        ), D = N == null ? void 0 : N.querySelector(".endOfContent");
+        D && N && (D.style.width = N.style.width, D.style.height = N.style.height, (A = S.parentElement) == null || A.insertBefore(D, S.nextSibling)), w = R.cloneRange();
       },
       { signal: u }
     );
@@ -872,55 +883,55 @@ const Nr = () => {
     var u;
     (u = C.current) == null || u.abort(), C.current = void 0;
   }), [v]);
-  const y = N(() => {
-    r.current && r.current.classList.add(fe.selecting);
-  }, []), g = N(() => {
-    r.current && r.current.classList.remove(fe.selecting);
+  const y = O(() => {
+    r.current && r.current.classList.add(ge.selecting);
+  }, []), g = O(() => {
+    r.current && r.current.classList.remove(ge.selecting);
   }, []);
-  return A(() => {
+  return z(() => {
     if (P.current.forEach((s) => {
       s.classList.remove("selected");
     }), !l.length || !i || i.pageIndex !== e - 1)
       return;
-    const p = h.findIndex(
+    const h = p.findIndex(
       (s) => JSON.stringify(s) === JSON.stringify(i)
     );
-    if (p === -1)
+    if (h === -1)
       return;
-    const u = l.filter((s) => s.index === p);
+    const u = l.filter((s) => s.index === h);
     u.length && (P.current = u.map((s) => s.element), c(u[0].element), u.forEach((s) => {
       s.element.classList.add("selected");
     }));
-  }, [i, l, h]), A(() => {
-    const p = n.get(e);
-    if (!p || !r.current)
+  }, [i, l, p]), z(() => {
+    const h = n.get(e);
+    if (!h || !r.current)
       return;
     const u = r.current;
-    return f.current && f.current.cancel(), p.page.getTextContent().then((s) => {
-      const _ = p.page.getViewport({ scale: 1 });
+    return f.current && f.current.cancel(), h.page.getTextContent().then((s) => {
+      const w = h.page.getViewport({ scale: 1 });
       return f.current = new ko.TextLayer({
-        viewport: _,
+        viewport: w,
         textContentSource: s,
         container: u
       }), m.current = s, u && (u.innerText = ""), f.current.render();
     }).then(() => {
       var x, R;
-      [].slice.call(u.children).forEach((S) => {
-        S.classList.add(fe["rp-text-layer-text"]), S.setAttribute("data-rp", "rp-text-layer-text");
+      [].slice.call(u.children).forEach((I) => {
+        I.classList.add(ge["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const _ = (x = f.current) == null ? void 0 : x.textDivs;
-      _ && m.current && T(m.current, _);
-      const w = document.createElement("div");
-      w.className = "endOfContent", (R = r.current) == null || R.appendChild(w);
+      const w = (x = f.current) == null ? void 0 : x.textDivs;
+      w && m.current && T(m.current, w);
+      const _ = document.createElement("div");
+      _.className = "endOfContent", (R = r.current) == null || R.appendChild(_);
     }).catch(() => {
     }), () => {
       var s;
       (s = f.current) == null || s.cancel();
     };
-  }, [n, e]), A(() => {
+  }, [n, e]), z(() => {
     var s;
-    [].slice.call(r.current.children).forEach((_) => {
-      _.classList.add(fe["rp-text-layer-text"]);
+    [].slice.call(r.current.children).forEach((w) => {
+      w.classList.add(ge["rp-text-layer-text"]);
     });
     const u = (s = f.current) == null ? void 0 : s.textDivs;
     u && m.current && T(m.current, u, !0);
@@ -929,7 +940,7 @@ const Nr = () => {
     {
       "data-rp-text-layer": !0,
       "data-rp": `page-${e}-textLayer`,
-      className: fe["rp-text-layer"],
+      className: ge["rp-text-layer"],
       ref: r,
       onMouseDown: y,
       onMouseUp: g
@@ -940,24 +951,24 @@ const Nr = () => {
 };
 let Wr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Hr = (t) => {
-  const { pageNumber: e } = t, n = W(null), { pages: r, pdf: o } = oe(), i = W(), [c, l] = q(), { setFocusedPage: d, goToPage: f } = le(), { scrollMode: m } = Ee(), { print: P } = tt(), { download: h } = Gn(), T = F(() => r.get(e), [r, e]), C = F(() => T == null ? void 0 : T.page.getViewport(), [T]);
-  A(() => {
+  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = $(), { setFocusedPage: d, goToPage: f } = de(), { scrollMode: m } = Ee(), { print: P } = tt(), { download: p } = Gn(), T = F(() => r.get(e), [r, e]), C = F(() => T == null ? void 0 : T.page.getViewport(), [T]);
+  z(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
-  }, [o]), A(() => {
+  }, [o]), z(() => {
     T && T.page.getAnnotations().then((v) => {
       i.current = void 0, l(v), n.current && (n.current.innerText = "");
     });
   }, [T]);
-  const b = N(
+  const b = O(
     (v) => {
       !c || !o || (Uo(v), Vo(v, o, c).then((y) => {
-        var g, p;
-        ((g = y == null ? void 0 : y.data) == null ? void 0 : g.action) === "Print" ? P() : ((p = y == null ? void 0 : y.data) == null ? void 0 : p.action) === "SaveAs" && h();
+        var g, h;
+        ((g = y == null ? void 0 : y.data) == null ? void 0 : g.action) === "Print" ? P() : ((h = y == null ? void 0 : y.data) == null ? void 0 : h.action) === "SaveAs" && p();
       }), m === ne.PAGE_SCROLLING ? Ft(v, c, o, (y) => d(y.pageIndex + 1)) : Ft(v, c, o, (y) => f(y.pageIndex + 1)));
     },
-    [o, c, f, d, m, P, h]
+    [o, c, f, d, m, P, p]
   );
-  return A(() => {
+  return z(() => {
     if (!T || !c)
       return;
     const v = T.page.getViewport();
@@ -981,7 +992,7 @@ const Hr = (t) => {
     }
     const g = new AbortController();
     return (async () => {
-      var _;
+      var w;
       i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new qo({
         div: n.current,
         accessibilityManager: void 0,
@@ -994,7 +1005,7 @@ const Hr = (t) => {
       const u = await (o == null ? void 0 : o.hasJSActions()), s = await (o == null ? void 0 : o.getFieldObjects());
       if (g.signal.aborted)
         throw "abort";
-      return (_ = i.current) == null ? void 0 : _.render({
+      return (w = i.current) == null ? void 0 : w.render({
         annotations: c,
         annotationStorage: o == null ? void 0 : o.annotationStorage,
         hasJSActions: u,
@@ -1028,92 +1039,92 @@ const Hr = (t) => {
 }, $r = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, qr = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = q(), { pages: o } = oe(), { highlightKeywords: i } = _o(), c = !0, l = W(null), [d, f] = q(null), [m, P] = q([]);
-  A(() => {
+  const [n, r] = $(), { pages: o } = oe(), { highlightKeywords: i } = _o(), c = !0, l = k(null), [d, f] = $(null), [m, P] = $([]);
+  z(() => {
     l.current && f(l.current.parentElement);
-  }, [l]), A(() => {
+  }, [l]), z(() => {
     (async () => {
-      const p = o.get(t);
-      if (!p || !l.current)
+      const h = o.get(t);
+      if (!h || !l.current)
         return;
-      const u = await p.page.getTextContent();
+      const u = await h.page.getTextContent();
       r(u);
     })();
   }, [o, t]);
-  const h = F(() => i ? i.map((g) => {
-    var p, u;
+  const p = F(() => i ? i.map((g) => {
+    var h, u;
     return {
-      ...Zo(g.keyword, (p = g.options) == null ? void 0 : p.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
+      ...Zo(g.keyword, (h = g.options) == null ? void 0 : h.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
       color: g.highlightColor
     };
   }) : [], [i]);
-  function T(g, p) {
+  function T(g, h) {
     if (!g)
       return;
-    const u = `[data-rp="page-${p}-textLayer"]`;
+    const u = `[data-rp="page-${h}-textLayer"]`;
     return new Promise((s) => {
-      const _ = g.querySelector(u);
-      if (_) {
-        s(_);
+      const w = g.querySelector(u);
+      if (w) {
+        s(w);
         return;
       }
       new MutationObserver((x, R) => {
-        const S = g.querySelector(u);
-        S && (s(S), R.disconnect());
+        const I = g.querySelector(u);
+        I && (s(I), R.disconnect());
       }).observe(g, { childList: !0, subtree: !0 });
     });
   }
   function C(g) {
-    return new Promise((p) => {
+    return new Promise((h) => {
       const u = g.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (u.length) {
-        p(Array.from(u));
+        h(Array.from(u));
         return;
       }
-      new MutationObserver((_, w) => {
+      new MutationObserver((w, _) => {
         const x = g.querySelectorAll(
           ".rp-text-layer-text"
         );
-        x.length && (p(Array.from(x)), w.disconnect());
+        x.length && (h(Array.from(x)), _.disconnect());
       }).observe(g, { childList: !0, subtree: !0 });
     });
   }
-  const b = (g, p, u, s) => {
-    var B;
-    const _ = document.createRange(), w = u.firstChild;
-    if (!w || w.nodeType !== Node.TEXT_NODE)
+  const b = (g, h, u, s) => {
+    var U;
+    const w = document.createRange(), _ = u.firstChild;
+    if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const x = ((B = w.textContent) == null ? void 0 : B.length) ?? 0, R = s[0].charIdxInSpan, S = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
-    if (R > x || S + 1 > x)
+    const x = ((U = _.textContent) == null ? void 0 : U.length) ?? 0, R = s[0].charIdxInSpan, I = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
+    if (R > x || I + 1 > x)
       return null;
-    _.setStart(w, R), _.setEnd(w, S + 1);
-    const I = document.createElement("span");
-    I.style.width = "auto", _.surroundContents(I);
-    const E = I.getBoundingClientRect(), D = g.getBoundingClientRect(), z = D.height, L = D.width, O = 100 * (E.left - D.left) / L, M = 100 * (E.top - D.top) / z, $ = 100 * E.height / z, k = 100 * E.width / L;
-    return Qo(I), {
-      keywordStr: p,
-      left: O,
-      top: M,
-      height: $,
-      width: k,
-      pageHeight: z,
-      pageWidth: L
+    w.setStart(_, R), w.setEnd(_, I + 1);
+    const S = document.createElement("span");
+    S.style.width = "auto", w.surroundContents(S);
+    const N = S.getBoundingClientRect(), D = g.getBoundingClientRect(), M = D.height, A = D.width, L = 100 * (N.left - D.left) / A, E = 100 * (N.top - D.top) / M, q = 100 * N.height / M, W = 100 * N.width / A;
+    return Qo(S), {
+      keywordStr: h,
+      left: L,
+      top: E,
+      height: q,
+      width: W,
+      pageHeight: M,
+      pageWidth: A
     };
   };
-  async function v(g, p) {
+  async function v(g, h) {
     const u = await T(d, g);
     if (!u)
       return;
     const s = await C(u);
     if (s.length) {
-      const _ = s.map((x) => x.tagName === "BR" ? " " : x.textContent).reduce(
-        (x, R, S) => x.concat(
-          R.split("").map((I, E) => ({
-            char: I,
-            charIdxInSpan: E,
-            spanIdx: S
+      const w = s.map((x) => x.tagName === "BR" ? " " : x.textContent).reduce(
+        (x, R, I) => x.concat(
+          R.split("").map((S, N) => ({
+            char: S,
+            charIdxInSpan: N,
+            spanIdx: I
           }))
         ),
         [
@@ -1123,57 +1134,57 @@ const Hr = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), w = y(u, p, s, _);
-      P(w);
+      ).slice(1), _ = y(u, h, s, w);
+      P(_);
     }
   }
-  const y = (g, p, u, s) => {
-    const _ = p.length;
-    if (!s.length || !_)
+  const y = (g, h, u, s) => {
+    const w = h.length;
+    if (!s.length || !w)
       return [];
-    const w = [], x = s.map((R) => R.char).join("");
-    return h.forEach((R) => {
-      const { keyword: S, regExp: I, wholeWords: E, color: D } = R, z = S;
-      if (!z.trim())
+    const _ = [], x = s.map((R) => R.char).join("");
+    return p.forEach((R) => {
+      const { keyword: I, regExp: S, wholeWords: N, color: D } = R, M = I;
+      if (!M.trim())
         return;
-      const L = I.flags.indexOf("g") === -1 ? new RegExp(I, `${I.flags}g`) : I;
-      let O;
-      const M = [];
-      for (; (O = L.exec(x)) !== null; )
-        E && !wo(x, O.index, O[0].length) || M.push({
-          keyword: L,
-          startIndex: O.index,
-          endIndex: L.lastIndex
+      const A = S.flags.indexOf("g") === -1 ? new RegExp(S, `${S.flags}g`) : S;
+      let L;
+      const E = [];
+      for (; (L = A.exec(x)) !== null; )
+        N && !wo(x, L.index, L[0].length) || E.push({
+          keyword: A,
+          startIndex: L.index,
+          endIndex: A.lastIndex
         });
-      const $ = M.map((k) => ({
-        keyword: k.keyword,
-        indexes: s.slice(k.startIndex, k.endIndex),
+      const q = E.map((W) => ({
+        keyword: W.keyword,
+        indexes: s.slice(W.startIndex, W.endIndex),
         color: D
       }));
-      for (const k of $) {
-        const B = k.indexes.reduce(
-          (Z, U) => (Z[U.spanIdx] = (Z[U.spanIdx] || []).concat([U]), Z),
+      for (const W of q) {
+        const U = W.indexes.reduce(
+          (j, V) => (j[V.spanIdx] = (j[V.spanIdx] || []).concat([V]), j),
           {}
         );
-        for (const Z of Object.values(B))
-          if (Z.length !== 1 || Z[0].char.trim() !== "") {
-            const U = Z, ie = u[U[0].spanIdx], G = b(
+        for (const j of Object.values(U))
+          if (j.length !== 1 || j[0].char.trim() !== "") {
+            const V = j, ee = u[V[0].spanIdx], G = b(
               g,
-              z,
-              ie,
-              U
+              M,
+              ee,
+              V
             );
             if (G) {
-              const { left: K, top: Y } = G;
-              if (w.find((ee) => ee.left === K && ee.top === Y))
+              const { left: Z, top: Y } = G;
+              if (_.find((ae) => ae.left === Z && ae.top === Y))
                 continue;
-              w.push({ ...G, highlightColor: k.color });
+              _.push({ ...G, highlightColor: W.color });
             }
           }
       }
-    }), w.sort(Xo), w;
+    }), _.sort(Xo), _;
   };
-  return A(() => {
+  return z(() => {
     (async () => {
       if (!i || i.length === 0) {
         P([]);
@@ -1181,11 +1192,11 @@ const Hr = (t) => {
       }
       try {
         await v(t, i);
-      } catch (p) {
-        console.error(p);
+      } catch (h) {
+        console.error(h);
       }
     })();
-  }, [c, i, t, n, e]), /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((g, p) => /* @__PURE__ */ a(
+  }, [c, i, t, n, e]), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((g, h) => /* @__PURE__ */ a(
     "div",
     {
       className: $r["rp-text-highlight"],
@@ -1197,16 +1208,16 @@ const Hr = (t) => {
         backgroundColor: g.highlightColor
       }
     },
-    p
+    h
   )) }) });
 }, xt = et((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = uo(), { currentZoom: d } = wt(), { LoaderImageComponent: f } = _t(), m = W(i.get(n)), [P, h] = q(!1), T = W(null), [C, b] = q({
+  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = uo(), { currentZoom: d } = wt(), { LoaderImageComponent: f } = _t(), m = k(i.get(n)), [P, p] = $(!1), T = k(null), [C, b] = $({
     width: 0,
     height: 0
   });
   on(e, () => T.current);
   const v = F(() => m.current ? c[n] : 0, [n, c]);
-  A(() => {
+  z(() => {
     if (i && (m.current = i.get(n), m.current)) {
       const u = m.current.page.getViewport({
         scale: d,
@@ -1225,10 +1236,10 @@ const Hr = (t) => {
       default:
         return "center";
     }
-  }, [v, C]), g = N(() => {
-    h(!0);
-  }, []), p = N(() => {
-    h(!1);
+  }, [v, C]), g = O(() => {
+    p(!0);
+  }, []), h = O(() => {
+    p(!1);
   }, []);
   return /* @__PURE__ */ a(
     "div",
@@ -1253,7 +1264,7 @@ const Hr = (t) => {
           },
           className: st["rp-page"],
           children: [
-            /* @__PURE__ */ a(Ar, { onLoading: g, onLoaded: p, pageNumber: n }),
+            /* @__PURE__ */ a(Ar, { onLoading: g, onLoaded: h, pageNumber: n }),
             P && f && /* @__PURE__ */ a("div", { className: st["rp-loader-wrapper"], children: /* @__PURE__ */ a(f, {}) }),
             /* @__PURE__ */ a(Yo, { pageNumber: n }),
             l && /* @__PURE__ */ a(Fr, { pageNumber: n }),
@@ -1368,7 +1379,7 @@ var Zr = 150, Xr = function(e) {
 }, Be = null, je = null, Ke = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet());
 function Qr(t) {
-  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, h = t.getRowStartIndexForOffset, T = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, v = t.validateProps;
+  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, T = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, v = t.validateProps;
   return e = /* @__PURE__ */ function(y) {
     Gr(g, y);
     function g(u) {
@@ -1381,72 +1392,72 @@ function Qr(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ct(function(_, w, x, R, S, I, E, D) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ct(function(w, _, x, R, I, S, N, D) {
         return s.props.onItemsRendered({
-          overscanColumnStartIndex: _,
-          overscanColumnStopIndex: w,
+          overscanColumnStartIndex: w,
+          overscanColumnStopIndex: _,
           overscanRowStartIndex: x,
           overscanRowStopIndex: R,
-          visibleColumnStartIndex: S,
-          visibleColumnStopIndex: I,
-          visibleRowStartIndex: E,
+          visibleColumnStartIndex: I,
+          visibleColumnStopIndex: S,
+          visibleRowStartIndex: N,
           visibleRowStopIndex: D
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = ct(function(_, w, x, R, S) {
+      }), s._callOnScroll = void 0, s._callOnScroll = ct(function(w, _, x, R, I) {
         return s.props.onScroll({
           horizontalScrollDirection: x,
-          scrollLeft: _,
-          scrollTop: w,
+          scrollLeft: w,
+          scrollTop: _,
           verticalScrollDirection: R,
-          scrollUpdateWasRequested: S
+          scrollUpdateWasRequested: I
         });
-      }), s._getItemStyle = void 0, s._getItemStyle = function(_, w) {
-        var x = s.props, R = x.columnWidth, S = x.direction, I = x.rowHeight, E = s._getItemStyleCache(b && R, b && S, b && I), D = _ + ":" + w, z;
-        if (E.hasOwnProperty(D))
-          z = E[D];
+      }), s._getItemStyle = void 0, s._getItemStyle = function(w, _) {
+        var x = s.props, R = x.columnWidth, I = x.direction, S = x.rowHeight, N = s._getItemStyleCache(b && R, b && I, b && S), D = w + ":" + _, M;
+        if (N.hasOwnProperty(D))
+          M = N[D];
         else {
-          var L = n(s.props, w, s._instanceProps), O = S === "rtl";
-          E[D] = z = {
+          var A = n(s.props, _, s._instanceProps), L = I === "rtl";
+          N[D] = M = {
             position: "absolute",
-            left: O ? void 0 : L,
-            right: O ? L : void 0,
-            top: P(s.props, _, s._instanceProps),
-            height: m(s.props, _, s._instanceProps),
-            width: i(s.props, w, s._instanceProps)
+            left: L ? void 0 : A,
+            right: L ? A : void 0,
+            top: P(s.props, w, s._instanceProps),
+            height: m(s.props, w, s._instanceProps),
+            width: i(s.props, _, s._instanceProps)
           };
         }
-        return z;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ct(function(_, w, x) {
+        return M;
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ct(function(w, _, x) {
         return {};
-      }), s._onScroll = function(_) {
-        var w = _.currentTarget, x = w.clientHeight, R = w.clientWidth, S = w.scrollLeft, I = w.scrollTop, E = w.scrollHeight, D = w.scrollWidth;
-        s.setState(function(z) {
-          if (z.scrollLeft === S && z.scrollTop === I)
+      }), s._onScroll = function(w) {
+        var _ = w.currentTarget, x = _.clientHeight, R = _.clientWidth, I = _.scrollLeft, S = _.scrollTop, N = _.scrollHeight, D = _.scrollWidth;
+        s.setState(function(M) {
+          if (M.scrollLeft === I && M.scrollTop === S)
             return null;
-          var L = s.props.direction, O = S;
-          if (L === "rtl")
+          var A = s.props.direction, L = I;
+          if (A === "rtl")
             switch (Vt()) {
               case "negative":
-                O = -S;
+                L = -I;
                 break;
               case "positive-descending":
-                O = D - R - S;
+                L = D - R - I;
                 break;
             }
-          O = Math.max(0, Math.min(O, D - R));
-          var M = Math.max(0, Math.min(I, E - x));
+          L = Math.max(0, Math.min(L, D - R));
+          var E = Math.max(0, Math.min(S, N - x));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: z.scrollLeft < S ? "forward" : "backward",
-            scrollLeft: O,
-            scrollTop: M,
-            verticalScrollDirection: z.scrollTop < I ? "forward" : "backward",
+            horizontalScrollDirection: M.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: L,
+            scrollTop: E,
+            verticalScrollDirection: M.scrollTop < S ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
-      }, s._outerRefSetter = function(_) {
-        var w = s.props.outerRef;
-        s._outerRef = _, typeof w == "function" ? w(_) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = _);
+      }, s._outerRefSetter = function(w) {
+        var _ = s.props.outerRef;
+        s._outerRef = w, typeof _ == "function" ? _(w) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = w);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && Ut(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = jr(s._resetIsScrolling, Zr);
       }, s._resetIsScrolling = function() {
@@ -1457,122 +1468,122 @@ function Qr(t) {
         });
       }, s;
     }
-    g.getDerivedStateFromProps = function(s, _) {
-      return Yr(s, _), v(s), null;
+    g.getDerivedStateFromProps = function(s, w) {
+      return Yr(s, w), v(s), null;
     };
-    var p = g.prototype;
-    return p.scrollTo = function(s) {
-      var _ = s.scrollLeft, w = s.scrollTop;
-      _ !== void 0 && (_ = Math.max(0, _)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(x) {
-        return _ === void 0 && (_ = x.scrollLeft), w === void 0 && (w = x.scrollTop), x.scrollLeft === _ && x.scrollTop === w ? null : {
-          horizontalScrollDirection: x.scrollLeft < _ ? "forward" : "backward",
-          scrollLeft: _,
-          scrollTop: w,
+    var h = g.prototype;
+    return h.scrollTo = function(s) {
+      var w = s.scrollLeft, _ = s.scrollTop;
+      w !== void 0 && (w = Math.max(0, w)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(x) {
+        return w === void 0 && (w = x.scrollLeft), _ === void 0 && (_ = x.scrollTop), x.scrollLeft === w && x.scrollTop === _ ? null : {
+          horizontalScrollDirection: x.scrollLeft < w ? "forward" : "backward",
+          scrollLeft: w,
+          scrollTop: _,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: x.scrollTop < w ? "forward" : "backward"
+          verticalScrollDirection: x.scrollTop < _ ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, p.scrollToItem = function(s) {
-      var _ = s.align, w = _ === void 0 ? "auto" : _, x = s.columnIndex, R = s.rowIndex, S = this.props, I = S.columnCount, E = S.height, D = S.rowCount, z = S.width, L = this.state, O = L.scrollLeft, M = L.scrollTop, $ = Kr();
-      x !== void 0 && (x = Math.max(0, Math.min(x, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, D - 1)));
-      var k = c(this.props, this._instanceProps), B = l(this.props, this._instanceProps), Z = B > z ? $ : 0, U = k > E ? $ : 0;
+    }, h.scrollToItem = function(s) {
+      var w = s.align, _ = w === void 0 ? "auto" : w, x = s.columnIndex, R = s.rowIndex, I = this.props, S = I.columnCount, N = I.height, D = I.rowCount, M = I.width, A = this.state, L = A.scrollLeft, E = A.scrollTop, q = Kr();
+      x !== void 0 && (x = Math.max(0, Math.min(x, S - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, D - 1)));
+      var W = c(this.props, this._instanceProps), U = l(this.props, this._instanceProps), j = U > M ? q : 0, V = W > N ? q : 0;
       this.scrollTo({
-        scrollLeft: x !== void 0 ? d(this.props, x, w, O, this._instanceProps, U) : O,
-        scrollTop: R !== void 0 ? f(this.props, R, w, M, this._instanceProps, Z) : M
+        scrollLeft: x !== void 0 ? d(this.props, x, _, L, this._instanceProps, V) : L,
+        scrollTop: R !== void 0 ? f(this.props, R, _, E, this._instanceProps, j) : E
       });
-    }, p.componentDidMount = function() {
-      var s = this.props, _ = s.initialScrollLeft, w = s.initialScrollTop;
+    }, h.componentDidMount = function() {
+      var s = this.props, w = s.initialScrollLeft, _ = s.initialScrollTop;
       if (this._outerRef != null) {
         var x = this._outerRef;
-        typeof _ == "number" && (x.scrollLeft = _), typeof w == "number" && (x.scrollTop = w);
+        typeof w == "number" && (x.scrollLeft = w), typeof _ == "number" && (x.scrollTop = _);
       }
       this._callPropsCallbacks();
-    }, p.componentDidUpdate = function() {
-      var s = this.props.direction, _ = this.state, w = _.scrollLeft, x = _.scrollTop, R = _.scrollUpdateWasRequested;
+    }, h.componentDidUpdate = function() {
+      var s = this.props.direction, w = this.state, _ = w.scrollLeft, x = w.scrollTop, R = w.scrollUpdateWasRequested;
       if (R && this._outerRef != null) {
-        var S = this._outerRef;
+        var I = this._outerRef;
         if (s === "rtl")
           switch (Vt()) {
             case "negative":
-              S.scrollLeft = -w;
+              I.scrollLeft = -_;
               break;
             case "positive-ascending":
-              S.scrollLeft = w;
+              I.scrollLeft = _;
               break;
             default:
-              var I = S.clientWidth, E = S.scrollWidth;
-              S.scrollLeft = E - I - w;
+              var S = I.clientWidth, N = I.scrollWidth;
+              I.scrollLeft = N - S - _;
               break;
           }
         else
-          S.scrollLeft = Math.max(0, w);
-        S.scrollTop = Math.max(0, x);
+          I.scrollLeft = Math.max(0, _);
+        I.scrollTop = Math.max(0, x);
       }
       this._callPropsCallbacks();
-    }, p.componentWillUnmount = function() {
+    }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Ut(this._resetIsScrollingTimeoutId);
-    }, p.render = function() {
-      var s = this.props, _ = s.children, w = s.className, x = s.columnCount, R = s.direction, S = s.height, I = s.innerRef, E = s.innerElementType, D = s.innerTagName, z = s.itemData, L = s.itemKey, O = L === void 0 ? Xr : L, M = s.outerElementType, $ = s.outerTagName, k = s.rowCount, B = s.style, Z = s.useIsScrolling, U = s.width, ie = this.state.isScrolling, G = this._getHorizontalRangeToRender(), K = G[0], Y = G[1], J = this._getVerticalRangeToRender(), ee = J[0], re = J[1], ve = [];
-      if (x > 0 && k)
-        for (var de = ee; de <= re; de++)
-          for (var Pe = K; Pe <= Y; Pe++)
-            ve.push(Ve(_, {
-              columnIndex: Pe,
-              data: z,
-              isScrolling: Z ? ie : void 0,
-              key: O({
-                columnIndex: Pe,
-                data: z,
-                rowIndex: de
+    }, h.render = function() {
+      var s = this.props, w = s.children, _ = s.className, x = s.columnCount, R = s.direction, I = s.height, S = s.innerRef, N = s.innerElementType, D = s.innerTagName, M = s.itemData, A = s.itemKey, L = A === void 0 ? Xr : A, E = s.outerElementType, q = s.outerTagName, W = s.rowCount, U = s.style, j = s.useIsScrolling, V = s.width, ee = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], Y = G[1], re = this._getVerticalRangeToRender(), ae = re[0], J = re[1], ue = [];
+      if (x > 0 && W)
+        for (var ie = ae; ie <= J; ie++)
+          for (var me = Z; me <= Y; me++)
+            ue.push(Ve(w, {
+              columnIndex: me,
+              data: M,
+              isScrolling: j ? ee : void 0,
+              key: L({
+                columnIndex: me,
+                data: M,
+                rowIndex: ie
               }),
-              rowIndex: de,
-              style: this._getItemStyle(de, Pe)
+              rowIndex: ie,
+              style: this._getItemStyle(ie, me)
             }));
       var Fe = c(this.props, this._instanceProps), nt = l(this.props, this._instanceProps);
-      return Ve(M || $ || "div", {
-        className: w,
+      return Ve(E || q || "div", {
+        className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: ft({
           position: "relative",
-          height: S,
-          width: U,
+          height: I,
+          width: V,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
-        }, B)
-      }, Ve(E || D || "div", {
-        children: ve,
-        ref: I,
+        }, U)
+      }, Ve(N || D || "div", {
+        children: ue,
+        ref: S,
         style: {
           height: Fe,
-          pointerEvents: ie ? "none" : void 0,
+          pointerEvents: ee ? "none" : void 0,
           width: nt
         }
       }));
-    }, p._callPropsCallbacks = function() {
-      var s = this.props, _ = s.columnCount, w = s.onItemsRendered, x = s.onScroll, R = s.rowCount;
-      if (typeof w == "function" && _ > 0 && R > 0) {
-        var S = this._getHorizontalRangeToRender(), I = S[0], E = S[1], D = S[2], z = S[3], L = this._getVerticalRangeToRender(), O = L[0], M = L[1], $ = L[2], k = L[3];
-        this._callOnItemsRendered(I, E, O, M, D, z, $, k);
+    }, h._callPropsCallbacks = function() {
+      var s = this.props, w = s.columnCount, _ = s.onItemsRendered, x = s.onScroll, R = s.rowCount;
+      if (typeof _ == "function" && w > 0 && R > 0) {
+        var I = this._getHorizontalRangeToRender(), S = I[0], N = I[1], D = I[2], M = I[3], A = this._getVerticalRangeToRender(), L = A[0], E = A[1], q = A[2], W = A[3];
+        this._callOnItemsRendered(S, N, L, E, D, M, q, W);
       }
       if (typeof x == "function") {
-        var B = this.state, Z = B.horizontalScrollDirection, U = B.scrollLeft, ie = B.scrollTop, G = B.scrollUpdateWasRequested, K = B.verticalScrollDirection;
-        this._callOnScroll(U, ie, Z, K, G);
+        var U = this.state, j = U.horizontalScrollDirection, V = U.scrollLeft, ee = U.scrollTop, G = U.scrollUpdateWasRequested, Z = U.verticalScrollDirection;
+        this._callOnScroll(V, ee, j, Z, G);
       }
-    }, p._getHorizontalRangeToRender = function() {
-      var s = this.props, _ = s.columnCount, w = s.overscanColumnCount, x = s.overscanColumnsCount, R = s.overscanCount, S = s.rowCount, I = this.state, E = I.horizontalScrollDirection, D = I.isScrolling, z = I.scrollLeft, L = w || x || R || 1;
-      if (_ === 0 || S === 0)
+    }, h._getHorizontalRangeToRender = function() {
+      var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, x = s.overscanColumnsCount, R = s.overscanCount, I = s.rowCount, S = this.state, N = S.horizontalScrollDirection, D = S.isScrolling, M = S.scrollLeft, A = _ || x || R || 1;
+      if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var O = r(this.props, z, this._instanceProps), M = o(this.props, O, z, this._instanceProps), $ = !D || E === "backward" ? Math.max(1, L) : 1, k = !D || E === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, O - $), Math.max(0, Math.min(_ - 1, M + k)), O, M];
-    }, p._getVerticalRangeToRender = function() {
-      var s = this.props, _ = s.columnCount, w = s.overscanCount, x = s.overscanRowCount, R = s.overscanRowsCount, S = s.rowCount, I = this.state, E = I.isScrolling, D = I.verticalScrollDirection, z = I.scrollTop, L = x || R || w || 1;
-      if (_ === 0 || S === 0)
+      var L = r(this.props, M, this._instanceProps), E = o(this.props, L, M, this._instanceProps), q = !D || N === "backward" ? Math.max(1, A) : 1, W = !D || N === "forward" ? Math.max(1, A) : 1;
+      return [Math.max(0, L - q), Math.max(0, Math.min(w - 1, E + W)), L, E];
+    }, h._getVerticalRangeToRender = function() {
+      var s = this.props, w = s.columnCount, _ = s.overscanCount, x = s.overscanRowCount, R = s.overscanRowsCount, I = s.rowCount, S = this.state, N = S.isScrolling, D = S.verticalScrollDirection, M = S.scrollTop, A = x || R || _ || 1;
+      if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var O = h(this.props, z, this._instanceProps), M = T(this.props, O, z, this._instanceProps), $ = !E || D === "backward" ? Math.max(1, L) : 1, k = !E || D === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, O - $), Math.max(0, Math.min(S - 1, M + k)), O, M];
+      var L = p(this.props, M, this._instanceProps), E = T(this.props, L, M, this._instanceProps), q = !N || D === "backward" ? Math.max(1, A) : 1, W = !N || D === "forward" ? Math.max(1, A) : 1;
+      return [Math.max(0, L - q), Math.max(0, Math.min(I - 1, E + W)), L, E];
     }, g;
   }(oo), e.defaultProps = {
     direction: "ltr",
@@ -1581,9 +1592,9 @@ function Qr(t) {
   }, e;
 }
 var Yr = function(e, n) {
-  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, h = n.instance;
+  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof f == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && je && !je.has(h) && (je.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(h) && (Ke.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof f == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && je && !je.has(p) && (je.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(p) && (Ke.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (o) {
       case "ltr":
@@ -1613,7 +1624,7 @@ var Yr = function(e, n) {
   }
   var f = r - c - 1, m = f * i;
   return l + m;
-}, me = function(e, n, r, o) {
+}, ve = function(e, n, r, o) {
   var i, c, l;
   if (e === "column" ? (i = o.columnMetadataMap, c = n.columnWidth, l = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, c = n.rowHeight, l = o.lastMeasuredRowIndex), r > l) {
     var d = 0;
@@ -1638,39 +1649,39 @@ var Yr = function(e, n) {
   return l >= o ? In(e, n, r, c, 0, o) : Jr(e, n, r, Math.max(0, c), o);
 }, In = function(e, n, r, o, i, c) {
   for (; i <= o; ) {
-    var l = i + Math.floor((o - i) / 2), d = me(e, n, l, r).offset;
+    var l = i + Math.floor((o - i) / 2), d = ve(e, n, l, r).offset;
     if (d === c)
       return l;
     d < c ? i = l + 1 : d > c && (o = l - 1);
   }
   return i > 0 ? i - 1 : 0;
 }, Jr = function(e, n, r, o, i) {
-  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && me(e, n, o, r).offset < i; )
+  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && ve(e, n, o, r).offset < i; )
     o += l, l *= 2;
   return In(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
 }, Kt = function(e, n, r, o, i, c, l) {
-  var d = e === "column" ? n.width : n.height, f = me(e, n, r, c), m = e === "column" ? Sn(n, c) : xn(n, c), P = Math.max(0, Math.min(m - d, f.offset)), h = Math.max(0, f.offset - d + l + f.size);
-  switch (o === "smart" && (i >= h - d && i <= P + d ? o = "auto" : o = "center"), o) {
+  var d = e === "column" ? n.width : n.height, f = ve(e, n, r, c), m = e === "column" ? Sn(n, c) : xn(n, c), P = Math.max(0, Math.min(m - d, f.offset)), p = Math.max(0, f.offset - d + l + f.size);
+  switch (o === "smart" && (i >= p - d && i <= P + d ? o = "auto" : o = "center"), o) {
     case "start":
       return P;
     case "end":
-      return h;
+      return p;
     case "center":
-      return Math.round(h + (P - h) / 2);
+      return Math.round(p + (P - p) / 2);
     case "auto":
     default:
-      return i >= h && i <= P ? i : h > P || i < h ? h : P;
+      return i >= p && i <= P ? i : p > P || i < p ? p : P;
   }
 }, ei = /* @__PURE__ */ Qr({
   getColumnOffset: function(e, n, r) {
-    return me("column", e, n, r).offset;
+    return ve("column", e, n, r).offset;
   },
   getColumnStartIndexForOffset: function(e, n, r) {
     return jt("column", e, r, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.columnCount, c = e.width, l = me("column", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
-      m++, f += me("column", e, m, o).size;
+    for (var i = e.columnCount, c = e.width, l = ve("column", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ve("column", e, m, o).size;
     return m;
   },
   getColumnWidth: function(e, n, r) {
@@ -1685,7 +1696,7 @@ var Yr = function(e, n) {
     return Kt("row", e, n, r, o, i, c);
   },
   getRowOffset: function(e, n, r) {
-    return me("row", e, n, r).offset;
+    return ve("row", e, n, r).offset;
   },
   getRowHeight: function(e, n, r) {
     return r.rowMetadataMap[n].size;
@@ -1694,8 +1705,8 @@ var Yr = function(e, n) {
     return jt("row", e, r, n);
   },
   getRowStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.rowCount, c = e.height, l = me("row", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
-      m++, f += me("row", e, m, o).size;
+    for (var i = e.rowCount, c = e.height, l = ve("row", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ve("row", e, m, o).size;
     return m;
   },
   initInstanceProps: function(e, n) {
@@ -1750,28 +1761,28 @@ function oi(t, e) {
 }
 const ri = () => {
   const { viewMode: t } = Me(), { scrollMode: e } = Ee(), { setColumnCount: n } = sn(), { virtualScrollableElementRef: r } = Ye(), o = Ge(), i = F(() => o.heights.length, [o.heights]), c = F(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = F(() => o.widths.reduce((v, y, g) => {
-    const p = g % c;
-    return (!v[p] || y > v[p]) && (v[p] = y), v;
-  }, []), [o.widths, c]), d = N(
+    const h = g % c;
+    return (!v[h] || y > v[h]) && (v[h] = y), v;
+  }, []), [o.widths, c]), d = O(
     (b) => {
       const v = b % l.length;
       return l[v] || 0;
     },
     [l]
-  ), f = N(
+  ), f = O(
     (b) => {
       const v = Array.from({ length: c }, (y, g) => {
-        const p = b * c + g;
-        return o.heights[p] || 0;
+        const h = b * c + g;
+        return o.heights[h] || 0;
       });
       return Math.max(...v);
     },
     [o.heights, c]
   );
-  A(() => {
+  z(() => {
     n(c);
   }, [c, n]);
-  const m = F(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = F(() => o.heights.reduce((b, v) => b + v, 0) / o.heights.length || 0, [o]), h = F(() => o.widths.reduce((b, v) => b + v, 0) / o.widths.length || 0, [o]), T = F(() => {
+  const m = F(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = F(() => o.heights.reduce((b, v) => b + v, 0) / o.heights.length || 0, [o]), p = F(() => o.widths.reduce((b, v) => b + v, 0) / o.widths.length || 0, [o]), T = F(() => {
     const { rowsHeight: b, columnsWidth: v } = bt(o, c);
     return {
       rowsHeight: b,
@@ -1788,15 +1799,15 @@ const ri = () => {
     columnWidth: d,
     pageDimension: o,
     estimatedRowHeight: P,
-    estimatedColumnWidth: h,
+    estimatedColumnWidth: p,
     gridDimension: T,
     totalDimension: C
   };
 };
-let ce;
-typeof window < "u" ? ce = window : typeof self < "u" ? ce = self : ce = global;
+let le;
+typeof window < "u" ? le = window : typeof self < "u" ? le = self : le = global;
 let gt = null, vt = null;
-const Xt = 20, dt = ce.clearTimeout, Qt = ce.setTimeout, ut = ce.cancelAnimationFrame || ce.mozCancelAnimationFrame || ce.webkitCancelAnimationFrame, Yt = ce.requestAnimationFrame || ce.mozRequestAnimationFrame || ce.webkitRequestAnimationFrame;
+const Xt = 20, dt = le.clearTimeout, Qt = le.setTimeout, ut = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, Yt = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
 ut == null || Yt == null ? (gt = dt, vt = function(e) {
   return Qt(e, Xt);
 }) : (gt = function([e, n]) {
@@ -1814,8 +1825,8 @@ function ii(t) {
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     c = function(y) {
-      const g = y.__resizeTriggers__, p = g.firstElementChild, u = g.lastElementChild, s = p.firstElementChild;
-      u.scrollLeft = u.scrollWidth, u.scrollTop = u.scrollHeight, s.style.width = p.offsetWidth + 1 + "px", s.style.height = p.offsetHeight + 1 + "px", p.scrollLeft = p.scrollWidth, p.scrollTop = p.scrollHeight;
+      const g = y.__resizeTriggers__, h = g.firstElementChild, u = g.lastElementChild, s = h.firstElementChild;
+      u.scrollLeft = u.scrollWidth, u.scrollTop = u.scrollHeight, s.style.width = h.offsetWidth + 1 + "px", s.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
     }, i = function(y) {
       return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
     }, l = function(y) {
@@ -1828,53 +1839,53 @@ function ii(t) {
         }));
       });
     };
-    let h = !1, T = "";
+    let p = !1, T = "";
     r = "animationstart";
     const C = "Webkit Moz O ms".split(" ");
     let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
     {
       const y = document.createElement("fakeelement");
-      if (y.style.animationName !== void 0 && (h = !0), h === !1) {
+      if (y.style.animationName !== void 0 && (p = !0), p === !1) {
         for (let g = 0; g < C.length; g++)
           if (y.style[C[g] + "AnimationName"] !== void 0) {
-            v = C[g], T = "-" + v.toLowerCase() + "-", r = b[g], h = !0;
+            v = C[g], T = "-" + v.toLowerCase() + "-", r = b[g], p = !0;
             break;
           }
       }
     }
     n = "resizeanim", e = "@" + T + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = T + "animation: 1ms " + n + "; ";
   }
-  const f = function(h) {
-    if (!h.getElementById("detectElementResize")) {
-      const T = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = h.head || h.getElementsByTagName("head")[0], b = h.createElement("style");
-      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = T : b.appendChild(h.createTextNode(T)), C.appendChild(b);
+  const f = function(p) {
+    if (!p.getElementById("detectElementResize")) {
+      const T = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = p.head || p.getElementsByTagName("head")[0], b = p.createElement("style");
+      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = T : b.appendChild(p.createTextNode(T)), C.appendChild(b);
     }
   };
   return {
-    addResizeListener: function(h, T) {
+    addResizeListener: function(p, T) {
       if (d)
-        h.attachEvent("onresize", T);
+        p.attachEvent("onresize", T);
       else {
-        if (!h.__resizeTriggers__) {
-          const C = h.ownerDocument, b = ce.getComputedStyle(h);
-          b && b.position === "static" && (h.style.position = "relative"), f(C), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
+        if (!p.__resizeTriggers__) {
+          const C = p.ownerDocument, b = le.getComputedStyle(p);
+          b && b.position === "static" && (p.style.position = "relative"), f(C), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
           const v = C.createElement("div");
           v.className = "expand-trigger", v.appendChild(C.createElement("div"));
           const y = C.createElement("div");
-          y.className = "contract-trigger", h.__resizeTriggers__.appendChild(v), h.__resizeTriggers__.appendChild(y), h.appendChild(h.__resizeTriggers__), c(h), h.addEventListener("scroll", l, !0), r && (h.__resizeTriggers__.__animationListener__ = function(p) {
-            p.animationName === n && c(h);
-          }, h.__resizeTriggers__.addEventListener(r, h.__resizeTriggers__.__animationListener__));
+          y.className = "contract-trigger", p.__resizeTriggers__.appendChild(v), p.__resizeTriggers__.appendChild(y), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", l, !0), r && (p.__resizeTriggers__.__animationListener__ = function(h) {
+            h.animationName === n && c(p);
+          }, p.__resizeTriggers__.addEventListener(r, p.__resizeTriggers__.__animationListener__));
         }
-        h.__resizeListeners__.push(T);
+        p.__resizeListeners__.push(T);
       }
     },
-    removeResizeListener: function(h, T) {
+    removeResizeListener: function(p, T) {
       if (d)
-        h.detachEvent("onresize", T);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(T), 1), !h.__resizeListeners__.length) {
-        h.removeEventListener("scroll", l, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(r, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
+        p.detachEvent("onresize", T);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(T), 1), !p.__resizeListeners__.length) {
+        p.removeEventListener("scroll", l, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(r, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
         try {
-          h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
         } catch {
         }
       }
@@ -1896,16 +1907,16 @@ class ai extends ro {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - f, h = m.width - c - l, T = this._parentNode.offsetHeight - d - f, C = this._parentNode.offsetWidth - c - l;
-        (!n && (this.state.height !== T || this.state.scaledHeight !== P) || !r && (this.state.width !== C || this.state.scaledWidth !== h)) && (this.setState({
+        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - f, p = m.width - c - l, T = this._parentNode.offsetHeight - d - f, C = this._parentNode.offsetWidth - c - l;
+        (!n && (this.state.height !== T || this.state.scaledHeight !== P) || !r && (this.state.width !== C || this.state.scaledWidth !== p)) && (this.setState({
           height: T,
           width: C,
           scaledHeight: P,
-          scaledWidth: h
+          scaledWidth: p
         }), typeof o == "function" && o({
           height: T,
           scaledHeight: P,
-          scaledWidth: h,
+          scaledWidth: p,
           width: C
         }));
       }
@@ -1942,7 +1953,7 @@ class ai extends ro {
       tagName: m = "div",
       ...P
     } = this.props, {
-      height: h,
+      height: p,
       scaledHeight: T,
       scaledWidth: C,
       width: b
@@ -1950,7 +1961,7 @@ class ai extends ro {
       overflow: "visible"
     }, y = {};
     let g = !1;
-    return o || (h === 0 && (g = !0), v.height = 0, y.height = h, y.scaledHeight = T), i || (b === 0 && (g = !0), v.width = 0, y.width = b, y.scaledWidth = C), c && (g = !1), Ve(m, {
+    return o || (p === 0 && (g = !0), v.height = 0, y.height = p, y.scaledHeight = T), i || (b === 0 && (g = !0), v.width = 0, y.width = b, y.scaledWidth = C), c && (g = !1), Ve(m, {
       ref: this._setRef,
       style: {
         ...v,
@@ -1961,7 +1972,7 @@ class ai extends ro {
   }
 }
 const si = rn(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = le(), o = F(() => {
+  const { focusedPage: n, totalPages: r } = de(), o = F(() => {
     const l = [], d = Math.ceil(n / 2) * 2 - 1;
     if (l.push(d), d + 1 <= r) {
       const f = d + 1;
@@ -1987,7 +1998,7 @@ const si = rn(({ widths: t, heights: e }) => {
   }, [t, e, o]), c = F(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
   return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((l, d) => /* @__PURE__ */ a(xt, { style: i[d], pageNumber: l }, l)) });
 }), ci = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = le(), r = F(() => ({
+  const { focusedPage: n } = de(), r = F(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
@@ -2003,29 +2014,29 @@ const si = rn(({ widths: t, heights: e }) => {
     }
   );
 }, li = (t, e, n) => {
-  const r = W(), { contentRef: o } = _e(), { heights: i, widths: c } = Ge(), { setFocusedPage: l } = le(), [d, f] = q([]), { targetScrollPage: m } = cn(), P = Tt(d, 0, 500), h = F(() => {
+  const r = k(), { contentRef: o } = be(), { heights: i, widths: c } = Ge(), { setFocusedPage: l } = de(), [d, f] = $([]), { targetScrollPage: m } = cn(), P = Tt(d, 0, 500), p = F(() => {
     const { rowsHeight: C, columnsWidth: b } = bt({ heights: i, widths: c }, t);
     return i.map((v, y) => {
-      const g = c[y], p = Jo(y + 1, t), u = b.slice(0, p.columnIndex).reduce((x, R) => x + R, 0), s = C.slice(0, p.rowIndex).reduce((x, R) => x + R, 0), _ = u + g, w = s + v;
+      const g = c[y], h = Jo(y + 1, t), u = b.slice(0, h.columnIndex).reduce((x, R) => x + R, 0), s = C.slice(0, h.rowIndex).reduce((x, R) => x + R, 0), w = u + g, _ = s + v;
       return {
         pageNumber: y + 1,
-        ...p,
+        ...h,
         width: g,
         height: v,
         startX: u,
         startY: s,
-        endX: _,
-        endY: w
+        endX: w,
+        endY: _
       };
     });
   }, [i, c, t, e]);
-  A(() => {
+  z(() => {
     var b;
     P.length > 0 && !m.current && l(P[0].pageNumber), ((b = P[0]) == null ? void 0 : b.ratio) && P.some((v) => v.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
   }, [P, l]);
-  const T = N(
+  const T = O(
     (C) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
         const b = C.target, v = {
@@ -2033,22 +2044,22 @@ const si = rn(({ widths: t, heights: e }) => {
           startLeft: b.scrollLeft,
           endTop: b.scrollTop + b.clientHeight,
           endLeft: b.scrollLeft + b.clientWidth
-        }, y = h.filter((g) => {
-          const p = g.endX >= v.startLeft && g.endY >= v.startTop, u = g.startX <= v.endLeft && g.startY <= v.endTop;
-          return p && u;
+        }, y = p.filter((g) => {
+          const h = g.endX >= v.startLeft && g.endY >= v.startTop, u = g.startX <= v.endLeft && g.startY <= v.endTop;
+          return h && u;
         }).map((g) => {
-          const p = v.startLeft > g.startX ? v.startLeft : g.startX, u = v.startTop > g.startY ? v.startTop : g.startY, s = v.endLeft < g.endX ? v.endLeft : g.endX, _ = v.endTop < g.endY ? v.endTop : g.endY, w = s - p, x = _ - u, S = +(w * x / (g.width * g.height) * 100).toFixed(2);
+          const h = v.startLeft > g.startX ? v.startLeft : g.startX, u = v.startTop > g.startY ? v.startTop : g.startY, s = v.endLeft < g.endX ? v.endLeft : g.endX, w = v.endTop < g.endY ? v.endTop : g.endY, _ = s - h, x = w - u, I = +(_ * x / (g.width * g.height) * 100).toFixed(2);
           return {
             pageNumber: g.pageNumber,
-            ratio: S
+            ratio: I
           };
-        }).sort((g, p) => p.ratio - g.ratio);
+        }).sort((g, h) => h.ratio - g.ratio);
         f(y);
       });
     },
-    [o, h]
+    [o, p]
   );
-  A(() => {
+  z(() => {
     if (n)
       return n == null || n.addEventListener("scroll", T), () => {
         n == null || n.removeEventListener("scroll", T);
@@ -2061,10 +2072,10 @@ const si = rn(({ widths: t, heights: e }) => {
     {
       ref: e,
       ...c,
-      className: se(
-        we["rp-theme-variables"],
-        we["rp-container"],
-        f ? we["rp-dark-mode"] : "",
+      className: ce(
+        _e["rp-theme-variables"],
+        _e["rp-container"],
+        f ? _e["rp-dark-mode"] : "",
         i
       ),
       style: {
@@ -2080,147 +2091,147 @@ const si = rn(({ widths: t, heights: e }) => {
   const o = er(e, t, n.columnCount);
   return /* @__PURE__ */ a(xt, { style: r, pageNumber: o }, o);
 }, oi), Js = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = ho(), { pagesRef: r, setPagesRef: o, setContentRef: i } = _e(), { scrollToPage: c } = vn(), {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = ho(), { pagesRef: r, setPagesRef: o, setContentRef: i } = be(), { scrollToPage: c } = vn(), {
     virtualScrollRef: l,
     getVirtualScrollRef: d,
     getPageScrollElementRef: f,
     getVirtualScrollableElementRef: m,
     setTotalInnerDimensions: P,
-    virtualScrollableElementRef: h,
+    virtualScrollableElementRef: p,
     totalInnerDimensions: T,
     pageScrollElementRef: C
-  } = Ye(), b = W(!0), { nextPage: v, prevPage: y, setFocusedPage: g, focusedPage: p } = le(), { scrollMode: u } = Ee(), { viewMode: s } = Me(), _ = W(null), { loading: w, error: x } = oe(), { passwordRequired: R } = co(), { LoaderImageComponent: S } = _t(), I = W(
+  } = Ye(), b = k(!0), { nextPage: v, prevPage: y, setFocusedPage: g, focusedPage: h } = de(), { scrollMode: u } = Ee(), { viewMode: s } = Me(), w = k(null), { loading: _, error: x } = oe(), { passwordRequired: R } = co(), { LoaderImageComponent: I } = _t(), S = k(
     T
-  ), E = W({
+  ), N = k({
     viewMode: s,
     scrollMode: u
-  }), D = W(!1), z = W(), { isFullScreen: L } = fo(), {
-    pageDimension: O,
-    rowCount: M,
-    rowHeight: $,
-    columnCount: k,
-    columnWidth: B,
-    estimatedColumnWidth: Z,
-    estimatedRowHeight: U,
-    totalDimension: ie
-  } = ri(), G = Tt(T, 100), K = W();
-  li(k, M, h);
-  const Y = W({
+  }), D = k(!1), M = k(), { isFullScreen: A } = fo(), {
+    pageDimension: L,
+    rowCount: E,
+    rowHeight: q,
+    columnCount: W,
+    columnWidth: U,
+    estimatedColumnWidth: j,
+    estimatedRowHeight: V,
+    totalDimension: ee
+  } = ri(), G = Tt(T, 100), Z = k();
+  li(W, E, p);
+  const Y = k({
     scrollTop: 0,
     scrollLeft: 0
   });
   or(r);
-  const { isPressed: J } = tr(), { selectionMode: ee } = po(), { initializeGrabScroll: re, resetGrabState: ve } = nr({
-    isPressed: J
-  }), de = F(() => ee === ao.HAND, [ee]), Pe = F(() => ({
-    columnCount: k
-  }), [k]), Fe = N(
-    (V) => {
-      const j = document.activeElement !== r;
-      !L && j || (["ArrowUp", "ArrowLeft"].includes(V.key) ? (V.preventDefault(), y()) : ["ArrowDown", "ArrowRight"].includes(V.key) && (V.preventDefault(), v()));
+  const { isPressed: re } = tr(), { selectionMode: ae } = po(), { initializeGrabScroll: J, resetGrabState: ue } = nr({
+    isPressed: re
+  }), ie = F(() => ae === ao.HAND, [ae]), me = F(() => ({
+    columnCount: W
+  }), [W]), Fe = O(
+    (B) => {
+      const K = document.activeElement !== r;
+      !A && K || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), y()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), v()));
     },
-    [v, y, L, u]
+    [v, y, A, u]
   );
-  A(() => (window.addEventListener("keydown", Fe), () => {
+  z(() => (window.addEventListener("keydown", Fe), () => {
     window.removeEventListener("keydown", Fe);
-  }), [Fe]), A(() => {
-    if (_.current && (_.current.style.position = "relative"), !!l)
-      for (let V = 0; V < M; V++)
-        for (let j = 0; j < k; j++)
+  }), [Fe]), z(() => {
+    if (w.current && (w.current.style.position = "relative"), !!l)
+      for (let B = 0; B < E; B++)
+        for (let K = 0; K < W; K++)
           l.resetAfterIndices({
-            columnIndex: j,
-            rowIndex: V,
+            columnIndex: K,
+            rowIndex: B,
             shouldForceUpdate: !0
           });
-  }, [M, k, O, l]);
-  const nt = N(
-    (V, j) => {
-      if (!h)
+  }, [E, W, L, l]);
+  const nt = O(
+    (B, K) => {
+      if (!p)
         return { scrollTop: 0, scrollLeft: 0 };
-      const ye = Y.current.scrollTop > j, xe = Y.current.scrollLeft > V;
+      const ye = Y.current.scrollTop > K, xe = Y.current.scrollLeft > B;
       return ye || xe ? Y.current : {
-        scrollTop: h.scrollTop,
-        scrollLeft: h.scrollLeft
+        scrollTop: p.scrollTop,
+        scrollLeft: p.scrollLeft
       };
     },
-    [h]
-  ), Et = N(
-    (V, j) => {
-      if (E.current.viewMode !== s || E.current.scrollMode !== u) {
-        K.current && clearTimeout(K.current), D.current = !0, c(p, "auto"), K.current = setTimeout(() => {
+    [p]
+  ), Et = O(
+    (B, K) => {
+      if (N.current.viewMode !== s || N.current.scrollMode !== u) {
+        Z.current && clearTimeout(Z.current), D.current = !0, c(h, "auto"), Z.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            E.current = { viewMode: s, scrollMode: u };
+            N.current = { viewMode: s, scrollMode: u };
           });
         }, 100);
         return;
       }
-      const xe = V.scrollTop, ot = V.scrollLeft;
-      if (!j.height || !j.width)
+      const xe = B.scrollTop, ot = B.scrollLeft;
+      if (!K.height || !K.width)
         return;
       D.current = !0;
-      const { height: Se, width: rt } = j, { height: Nt, width: Ot } = I.current;
+      const { height: Se, width: rt } = K, { height: Nt, width: Ot } = S.current;
       if (Nt === Se && Ot === rt)
         return;
       const Jn = xe / Nt * Se, eo = ot / Ot * rt, to = Math.round(Math.min(Jn, Se)) || 0, no = Math.round(Math.min(eo, rt)) || 0;
-      z.current = setTimeout(() => {
+      M.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          h == null || h.scrollTo({
+          p == null || p.scrollTo({
             top: to,
             left: no,
             behavior: "auto"
           });
         });
-      }, 0), I.current = {
-        height: j.height,
-        width: j.width
+      }, 0), S.current = {
+        height: K.height,
+        width: K.width
       };
     },
-    [h, s, u, c]
+    [p, s, u, c]
   );
-  A(() => {
-    clearTimeout(z.current);
-    const V = Array.from({ length: M }).reduce(
-      (xe, ot, Se) => xe + $(Se),
+  z(() => {
+    clearTimeout(M.current);
+    const B = Array.from({ length: E }).reduce(
+      (xe, ot, Se) => xe + q(Se),
       0
-    ), j = Array.from({ length: k }).reduce(
-      (xe, ot, Se) => xe + B(Se),
+    ), K = Array.from({ length: W }).reduce(
+      (xe, ot, Se) => xe + U(Se),
       0
-    ), ye = nt(j, V);
-    Y.current = ye, Et(ye, { height: V, width: j }), P({
-      height: V,
-      width: j
+    ), ye = nt(K, B);
+    Y.current = ye, Et(ye, { height: B, width: K }), P({
+      height: B,
+      width: K
     });
-  }, [O, M, k, Et]);
-  const Xn = N(
-    (V) => {
+  }, [L, E, W, Et]);
+  const Xn = O(
+    (B) => {
       Y.current = {
-        scrollTop: V.scrollTop,
-        scrollLeft: V.scrollLeft
+        scrollTop: B.scrollTop,
+        scrollLeft: B.scrollLeft
       };
     },
-    [h]
+    [p]
   );
-  A(() => () => {
-    K.current && clearTimeout(K.current);
+  z(() => () => {
+    Z.current && clearTimeout(Z.current);
   }, []);
-  const Qn = F(() => se(ae["rp-pages-container"], {
-    [ae["rp-cursor-grab"]]: de && !J,
-    [ae["rp-cursor-grabbing"]]: de && J
-  }), [de, J]), Yn = N(
-    (V) => {
-      if (de && V) {
-        const j = se(ae["rp-pages"]), ye = document.querySelector(`.${j}`);
-        re(ye);
+  const Qn = F(() => ce(se["rp-pages-container"], {
+    [se["rp-cursor-grab"]]: ie && !re,
+    [se["rp-cursor-grabbing"]]: ie && re
+  }), [ie, re]), Yn = O(
+    (B) => {
+      if (ie && B) {
+        const K = ce(se["rp-pages"]), ye = document.querySelector(`.${K}`);
+        J(ye);
       }
     },
-    [de, re, ae]
+    [ie, J, se]
   );
-  return A(() => {
-    w && ve();
-  }, [w]), A(() => {
+  return z(() => {
+    _ && ue();
+  }, [_]), z(() => {
     if (!(G.height === 0 || !b.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== p && C && g(t), b.current = !1;
+        t !== h && C && g(t), b.current = !1;
         return;
       }
       c(t, "auto"), g(t), b.current = !1;
@@ -2231,7 +2242,7 @@ const si = rn(({ widths: t, heights: e }) => {
     C,
     g,
     G
-  ]), /* @__PURE__ */ H(pe, { children: [
+  ]), /* @__PURE__ */ H(he, { children: [
     /* @__PURE__ */ a(No, { ref: i, children: /* @__PURE__ */ a(
       Rn,
       {
@@ -2239,46 +2250,46 @@ const si = rn(({ widths: t, heights: e }) => {
         ref: o,
         tabIndex: -1,
         className: Qn,
-        children: /* @__PURE__ */ a(ai, { style: { minHeight: "50px" }, children: ({ width: V, height: j }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Yn, style: { width: V, height: j }, children: u === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(ai, { style: { minHeight: "50px" }, children: ({ width: B, height: K }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Yn, style: { width: B, height: K }, children: u === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
           "div",
           {
             ref: f,
-            style: { width: V, height: j },
-            className: se(ae["rp-pages"], ae["rp-page-scrolling-wrapper"]),
-            children: s === Re.DUAL_PAGE ? /* @__PURE__ */ a(si, { widths: B, heights: $ }) : /* @__PURE__ */ a(ci, { widths: B, heights: $ })
+            style: { width: B, height: K },
+            className: ce(se["rp-pages"], se["rp-page-scrolling-wrapper"]),
+            children: s === Re.DUAL_PAGE ? /* @__PURE__ */ a(si, { widths: U, heights: q }) : /* @__PURE__ */ a(ci, { widths: U, heights: q })
           }
-        ) : U ? /* @__PURE__ */ a(
+        ) : V ? /* @__PURE__ */ a(
           ei,
           {
             ref: d,
-            itemData: Pe,
+            itemData: me,
             outerRef: m,
-            innerRef: _,
+            innerRef: w,
             onScroll: Xn,
-            columnCount: k,
-            columnWidth: B,
-            rowHeight: $,
-            height: j,
-            width: V,
-            estimatedColumnWidth: Z,
-            estimatedRowHeight: U,
-            rowCount: M,
-            className: se(
-              ae["rp-pages"],
-              u === ne.HORIZONTAL_SCROLLING ? ae["rp-pages-horizontal-scroll"] : ""
+            columnCount: W,
+            columnWidth: U,
+            rowHeight: q,
+            height: K,
+            width: B,
+            estimatedColumnWidth: j,
+            estimatedRowHeight: V,
+            rowCount: E,
+            className: ce(
+              se["rp-pages"],
+              u === ne.HORIZONTAL_SCROLLING ? se["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
-              "--rp-page-height": `${ie.height}px`,
-              "--rp-page-width": `${ie.width}px`,
-              "--rp-row-count": `${M}`,
-              "--rp-column-count": `${k}`
+              "--rp-page-height": `${ee.height}px`,
+              "--rp-page-width": `${ee.width}px`,
+              "--rp-row-count": `${E}`,
+              "--rp-column-count": `${W}`
             },
             children: di
           }
-        ) : !w && !x ? /* @__PURE__ */ a(
+        ) : !_ && !x ? /* @__PURE__ */ a(
           "div",
           {
-            className: ae["rp-loader"],
+            className: se["rp-loader"],
             style: {
               display: "flex",
               justifyContent: "center",
@@ -2286,9 +2297,9 @@ const si = rn(({ widths: t, heights: e }) => {
               height: "100%",
               width: "100%"
             },
-            children: S && /* @__PURE__ */ a(S, {})
+            children: I && /* @__PURE__ */ a(I, {})
           }
-        ) : x === so.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: ae["rp-not-supported"], children: /* @__PURE__ */ H("div", { className: ae["rp-not-supported-content"], children: [
+        ) : x === so.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: se["rp-not-supported"], children: /* @__PURE__ */ H("div", { className: se["rp-not-supported-content"], children: [
           "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
           /* @__PURE__ */ a("div", { children: /* @__PURE__ */ H("ul", { children: [
             /* @__PURE__ */ a("li", { children: "Chrome 110+" }),
@@ -2314,30 +2325,30 @@ const si = rn(({ widths: t, heights: e }) => {
   "rp-page-input": "_rp-page-input_1gck0_6",
   "rp-total-page": "_rp-total-page_1gck0_18"
 }, ui = () => {
-  const { prevIcon: t } = Ce(), { prevIcon: e } = be();
+  const { prevIcon: t } = Pe(), { prevIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(Ze, {});
 }, pi = () => {
-  const { nextIcon: t } = Ce(), { nextIcon: e } = be();
+  const { nextIcon: t } = Pe(), { nextIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(Ze, { style: { transform: "rotate(180deg" } });
 }, hi = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = le(), [c, l] = q(t.toString()), { pageNavigationTool: d = !0 } = Te(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = Me(), { scrollMode: h } = Ee(), { localeMessages: T } = he();
-  A(() => {
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = de(), [c, l] = $(t.toString()), { pageNavigationTool: d = !0 } = Ce(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = Me(), { scrollMode: p } = Ee(), { localeMessages: T } = fe();
+  z(() => {
     l(t.toString());
   }, [t]);
-  const C = N((p) => {
-    const u = p.target.value;
+  const C = O((h) => {
+    const u = h.target.value;
     l(u);
-  }, []), b = N(async () => {
-    const p = i(c);
-    p.success || l(p.currentPage.toString());
-  }, [i, c, e]), v = N(() => {
+  }, []), b = O(async () => {
+    const h = i(c);
+    h.success || l(h.currentPage.toString());
+  }, [i, c, e]), v = O(() => {
     l(t.toString());
-  }, [t]), y = N(
-    (p) => {
-      p.key === "Enter" && b();
+  }, [t]), y = O(
+    (h) => {
+      h.key === "Enter" && b();
     },
     [b]
-  ), g = F(() => P === Re.DUAL_PAGE && h === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, h]);
+  ), g = F(() => P === Re.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, p]);
   return !d || !f ? null : typeof d != "boolean" ? /* @__PURE__ */ a(
     d,
     {
@@ -2360,7 +2371,7 @@ const si = rn(({ widths: t, heights: e }) => {
     }
   ) : /* @__PURE__ */ H("div", { className: pt["rp-paginate"], children: [
     !m && /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.previousPageTooltip, children: /* @__PURE__ */ a(
-      ge,
+      we,
       {
         onClick: o,
         "aria-label": T == null ? void 0 : T.previousPageTooltip,
@@ -2385,7 +2396,7 @@ const si = rn(({ widths: t, heights: e }) => {
       e
     ] }),
     !m && /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.nextPageTooltip, children: /* @__PURE__ */ a(
-      ge,
+      we,
       {
         onClick: r,
         "aria-label": T == null ? void 0 : T.nextPageTooltip,
@@ -2395,7 +2406,7 @@ const si = rn(({ widths: t, heights: e }) => {
     ) })
   ] });
 };
-var St = "Dialog", [Ln, ec] = dr(St), [fi, ue] = Ln(St), En = (t) => {
+var St = "Dialog", [Ln, ec] = dr(St), [fi, pe] = Ln(St), En = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2428,7 +2439,7 @@ var St = "Dialog", [Ln, ec] = dr(St), [fi, ue] = Ln(St), En = (t) => {
 En.displayName = St;
 var Nn = "DialogTrigger", mi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Nn, n), i = Ct(e, o.triggerRef);
+    const { __scopeDialog: n, ...r } = t, o = pe(Nn, n), i = Ct(e, o.triggerRef);
     return /* @__PURE__ */ a(
       Ue.button,
       {
@@ -2448,20 +2459,20 @@ mi.displayName = Nn;
 var It = "DialogPortal", [gi, On] = Ln(It, {
   forceMount: void 0
 }), Dn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = ue(It, e);
+  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = pe(It, e);
   return /* @__PURE__ */ a(gi, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(Pt, { present: n || i.open, children: /* @__PURE__ */ a(_r, { asChild: !0, container: o, children: c }) })) });
 };
 Dn.displayName = It;
 var Qe = "DialogOverlay", An = X.forwardRef(
   (t, e) => {
-    const n = On(Qe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = ue(Qe, t.__scopeDialog);
+    const n = On(Qe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Qe, t.__scopeDialog);
     return i.modal ? /* @__PURE__ */ a(Pt, { present: r || i.open, children: /* @__PURE__ */ a(vi, { ...o, ref: e }) }) : null;
   }
 );
 An.displayName = Qe;
 var vi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Qe, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(Qe, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -2478,14 +2489,14 @@ var vi = X.forwardRef(
   }
 ), Le = "DialogContent", zn = X.forwardRef(
   (t, e) => {
-    const n = On(Le, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = ue(Le, t.__scopeDialog);
+    const n = On(Le, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Le, t.__scopeDialog);
     return /* @__PURE__ */ a(Pt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(wi, { ...o, ref: e }) : /* @__PURE__ */ a(_i, { ...o, ref: e }) });
   }
 );
 zn.displayName = Le;
 var wi = X.forwardRef(
   (t, e) => {
-    const n = ue(Le, t.__scopeDialog), r = X.useRef(null), o = Ct(e, n.contentRef, r);
+    const n = pe(Le, t.__scopeDialog), r = X.useRef(null), o = Ct(e, n.contentRef, r);
     return X.useEffect(() => {
       const i = r.current;
       if (i)
@@ -2514,7 +2525,7 @@ var wi = X.forwardRef(
   }
 ), _i = X.forwardRef(
   (t, e) => {
-    const n = ue(Le, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
+    const n = pe(Le, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
     return /* @__PURE__ */ a(
       Mn,
       {
@@ -2537,8 +2548,8 @@ var wi = X.forwardRef(
   }
 ), Mn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = ue(Le, n), d = X.useRef(null), f = Ct(e, d);
-    return vr(), /* @__PURE__ */ H(pe, { children: [
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = pe(Le, n), d = X.useRef(null), f = Ct(e, d);
+    return vr(), /* @__PURE__ */ H(he, { children: [
       /* @__PURE__ */ a(
         wr,
         {
@@ -2562,7 +2573,7 @@ var wi = X.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ H(pe, { children: [
+      /* @__PURE__ */ H(he, { children: [
         /* @__PURE__ */ a(Ti, { titleId: l.titleId }),
         /* @__PURE__ */ a(Pi, { contentRef: d, descriptionId: l.descriptionId })
       ] })
@@ -2570,21 +2581,21 @@ var wi = X.forwardRef(
   }
 ), Rt = "DialogTitle", Fn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Rt, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(Rt, n);
     return /* @__PURE__ */ a(Ue.h2, { id: o.titleId, ...r, ref: e });
   }
 );
 Fn.displayName = Rt;
 var kn = "DialogDescription", bi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(kn, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(kn, n);
     return /* @__PURE__ */ a(Ue.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
 bi.displayName = kn;
 var Wn = "DialogClose", Hn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Wn, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(Wn, n);
     return /* @__PURE__ */ a(
       Ue.button,
       {
@@ -2630,7 +2641,7 @@ const Ie = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Ei = () => {
-  const { pdfProperties: t } = oe(), { container: e } = _e(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = yo(), { localeMessages: o } = he(), i = F(() => {
+  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = yo(), { localeMessages: o } = fe(), i = F(() => {
     if (!t)
       return [];
     const {
@@ -2640,7 +2651,7 @@ const Ie = {
       author: f,
       subject: m,
       createdOn: P,
-      creator: h,
+      creator: p,
       keywords: T,
       modifiedOn: C,
       pdfProducer: b,
@@ -2655,7 +2666,7 @@ const Ie = {
       { label: o == null ? void 0 : o.propertiesAuthorLabel, value: f },
       { label: o == null ? void 0 : o.propertiesSubjectLabel, value: m },
       { label: o == null ? void 0 : o.propertiesKeywordLabel, value: T },
-      { label: o == null ? void 0 : o.propertiesCreatorLabel, value: h },
+      { label: o == null ? void 0 : o.propertiesCreatorLabel, value: p },
       {
         label: o == null ? void 0 : o.propertiesCreateOnLabel,
         value: P ? Mt(P) : ""
@@ -2688,29 +2699,29 @@ const Ie = {
     const c = n || i;
     return c.endsWith(Jt) ? c : `${c}${Jt}`;
   };
-  return { download: N(async () => {
+  return { download: O(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const i = document.createElement("a");
     i.href = await Di(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, Un = () => {
-  const { downloadIcon: t } = Ce(), { downloadIcon: e } = be();
+  const { downloadIcon: t } = Pe(), { downloadIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(xr, {});
-}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ai = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Vn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Un, {}) }) }), zi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Vn, { className: "rp-menu-item", localeMessages: e, children: [
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ai = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Vn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Un, {}) }) }), zi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Vn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Un, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), Bn = () => {
-  const { download: t } = Gn(), { downloadTool: e = !0 } = Te(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = he(), i = o == null ? void 0 : o.downloadFileTooltip;
+  const { download: t } = Gn(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = fe(), i = o == null ? void 0 : o.downloadFileTooltip;
   return !e || !n ? null : r ? /* @__PURE__ */ a(zi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Ai, { download: t, localeMessages: o });
 }, jn = () => {
-  const { printIcon: t } = Ce(), { printIcon: e } = be();
+  const { printIcon: t } = Pe(), { printIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(Sr, {});
-}, Kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Mi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Kn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(jn, {}) }) }), Fi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Kn, { className: "rp-menu-item", localeMessages: e, children: [
+}, Kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Mi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Kn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(jn, {}) }) }), Fi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Kn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(jn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Zn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Te(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = he(), m = f == null ? void 0 : f.printTooltip;
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Ce(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = fe(), m = f == null ? void 0 : f.printTooltip;
   return !c || !l ? null : d ? /* @__PURE__ */ a(Fi, { print: t, localeMessages: f }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
     c,
     {
@@ -2735,15 +2746,15 @@ const Ie = {
 }, ki = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Wi = () => {
-  const { goToFirstPageIcon: t } = Ce(), { goToFirstPageIcon: e } = be();
+  const { goToFirstPageIcon: t } = Pe(), { goToFirstPageIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(mn, { className: ki["rp-go-to-Top"] });
 }, Hi = () => {
-  const { goToLastPageIcon: t } = Ce(), { goToLastPageIcon: e } = be();
+  const { goToLastPageIcon: t } = Pe(), { goToLastPageIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(mn, {});
 }, en = { width: "100%" }, $i = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = le(), { jumpNavigationTool: r = !0 } = Te(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = he(), c = F(() => n === 1, [n]), l = F(() => n === e, [n, e]), d = N(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = de(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = fe(), c = F(() => n === 1, [n]), l = F(() => n === e, [n, e]), d = O(() => {
     t(1);
-  }, [t]), f = N(() => {
+  }, [t]), f = O(() => {
     t(e);
   }, [t, e]);
   return !r || !o ? null : /* @__PURE__ */ H(hn, { children: [
@@ -2758,7 +2769,7 @@ const Ie = {
     /* @__PURE__ */ a(un, {})
   ] });
 }, qi = () => {
-  const [t, e] = q(!1), { container: n, pagesRef: r } = _e(), { isSmallScreen: o } = Oe(), {
+  const [t, e] = $(!1), { container: n, pagesRef: r } = be(), { isSmallScreen: o } = Oe(), {
     openFileTool: i,
     downloadTool: c,
     documentProperties: l,
@@ -2766,28 +2777,28 @@ const Ie = {
     rotateTool: f,
     selectionModeTool: m,
     jumpNavigationTool: P,
-    printTool: h,
+    printTool: p,
     fullscreenTool: T,
     viewModeTool: C
-  } = Te(), {
+  } = Ce(), {
     openFileTool: b,
     downloadTool: v,
     documentProperties: y,
     scrollModeTool: g,
-    rotateTool: p,
+    rotateTool: h,
     selectionModeTool: u,
     jumpNavigationTool: s,
-    printTool: _,
-    fullscreenTool: w,
+    printTool: w,
+    fullscreenTool: _,
     viewModeTool: x
-  } = Ne(), { localeMessages: R } = he(), [S, I] = q(0), E = W(
-    new ResizeObserver((L) => {
-      I(L[0].contentRect.height);
+  } = Ne(), { localeMessages: R } = fe(), [I, S] = $(0), N = k(
+    new ResizeObserver((A) => {
+      S(A[0].contentRect.height);
     })
-  ), D = F(() => P || f || m || d || l || C || o && (i || c || h || T), [
+  ), D = F(() => P || f || m || d || l || C || o && (i || c || p || T), [
     i,
     c,
-    h,
+    p,
     T,
     l,
     d,
@@ -2795,33 +2806,33 @@ const Ie = {
     m,
     P,
     o
-  ]), z = F(() => s || p || u || g || y || x || o && (b || v || _ || w), [
+  ]), M = F(() => s || h || u || g || y || x || o && (b || v || w || _), [
     b,
     v,
-    _,
     w,
+    _,
     y,
     g,
-    p,
+    h,
     u,
     s,
     o
   ]);
-  return A(() => (r && E.current.observe(r), () => {
-    E.current.disconnect();
-  }), [r]), !D || !z ? null : /* @__PURE__ */ H(pe, { children: [
+  return z(() => (r && N.current.observe(r), () => {
+    N.current.disconnect();
+  }), [r]), !D || !M ? null : /* @__PURE__ */ H(he, { children: [
     /* @__PURE__ */ a(
       dn,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(ge, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(lr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(we, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(lr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ H(
           "div",
           {
-            style: { maxHeight: `${S}px`, overflow: "auto" },
+            style: { maxHeight: `${I}px`, overflow: "auto" },
             className: Ni["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
@@ -2847,9 +2858,9 @@ const Ie = {
   ] });
 }, Gi = () => {
   const { isSmallScreen: t } = Oe();
-  return /* @__PURE__ */ H(pe, { children: [
+  return /* @__PURE__ */ H(he, { children: [
     /* @__PURE__ */ a(cr, {}),
-    !t && /* @__PURE__ */ H(pe, { children: [
+    !t && /* @__PURE__ */ H(he, { children: [
       /* @__PURE__ */ a(pn, {}),
       /* @__PURE__ */ a(Bn, {}),
       /* @__PURE__ */ a(Zn, {}),
@@ -2858,14 +2869,14 @@ const Ie = {
     /* @__PURE__ */ a(qi, {})
   ] });
 }, tn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = yt(), { localeMessages: r } = he();
-  return /* @__PURE__ */ H(pe, { children: [
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = yt(), { localeMessages: r } = fe();
+  return /* @__PURE__ */ H(he, { children: [
     /* @__PURE__ */ a(
       Q,
       {
         content: r == null ? void 0 : r.searchPrevTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(ge, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ a(
           Ze,
           {
             className: te["rp-search-tool-input-icon"],
@@ -2879,7 +2890,7 @@ const Ie = {
       {
         content: r == null ? void 0 : r.searchNextTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(ge, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ a(
           Ze,
           {
             style: { transform: "rotate(180deg" },
@@ -2891,93 +2902,93 @@ const Ie = {
     )
   ] });
 }, Ui = () => {
-  const { searchIcon: t } = Ce(), { searchIcon: e } = be();
+  const { searchIcon: t } = Pe(), { searchIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(gn, {});
 }, Vi = ({ icon: t }) => {
-  const { container: e } = _e(), [n, r] = q(!1), { pdf: o } = oe(), [i, c] = q(null), {
+  const { container: e } = be(), [n, r] = $(!1), { pdf: o } = oe(), [i, c] = $(null), {
     searchOptions: l,
     setSearchOptions: d,
     loading: f,
     setSearch: m,
     totalMatches: P,
-    currentMatchPosition: h,
+    currentMatchPosition: p,
     nextMatch: T,
     prevMatch: C,
     search: b
-  } = yt(), { searchTool: v = !0 } = Te(), { searchTool: y = !0 } = Ne(), [g, p] = q(b), { localeMessages: u } = he(), { isSmallScreen: s } = Oe(), [_, w] = q(null), [x, R] = q(!1), S = N(() => {
+  } = yt(), { searchTool: v = !0 } = Ce(), { searchTool: y = !0 } = Ne(), [g, h] = $(b), { localeMessages: u } = fe(), { isSmallScreen: s } = Oe(), [w, _] = $(null), [x, R] = $(!1), I = O(() => {
     r(!0);
-  }, []), I = N(() => {
-    m(""), p(""), r(!1);
-  }, [m]), E = (G) => {
-    const K = G.key === "Enter", Y = G.key === " ";
-    (K || Y) && I();
-  }, D = N(
+  }, []), S = O(() => {
+    m(""), h(""), r(!1);
+  }, [m]), N = (G) => {
+    const Z = G.key === "Enter", Y = G.key === " ";
+    (Z || Y) && S();
+  }, D = O(
     (G) => {
-      G.key === "Escape" && n && I();
+      G.key === "Escape" && n && S();
     },
     [n]
-  ), z = N(
+  ), M = O(
     (G) => {
       G.shiftKey && G.key === "Enter" ? C() : G.key === "Enter" && b !== g ? m(g) : G.key === "Enter" && T();
     },
     [g, C, T, m, b]
   );
-  A(() => {
-    p(b);
-  }, [b]), A(() => {
+  z(() => {
+    h(b);
+  }, [b]), z(() => {
     b && o && R(!0);
-  }, [b, o]), A(() => {
-    b && b.trim() !== "" && (p(b), m(b));
-  }, []), A(() => (window.addEventListener("keydown", D), () => {
+  }, [b, o]), z(() => {
+    b && b.trim() !== "" && (h(b), m(b));
+  }, []), z(() => (window.addEventListener("keydown", D), () => {
     window.removeEventListener("keydown", D);
-  }), [D]), A(() => {
+  }), [D]), z(() => {
     i && setTimeout(() => {
       i.focus();
     }, 0);
   }, [i]);
-  const L = N((G) => {
-    p(G.target.value);
-  }, []), O = N(() => {
-    p(""), m("");
-  }, [m]), M = F(() => `${h} / ${P}`, [h, P]), { wholeWords: $, matchCase: k } = F(() => l, [l]), B = N(
+  const A = O((G) => {
+    h(G.target.value);
+  }, []), L = O(() => {
+    h(""), m("");
+  }, [m]), E = F(() => `${p} / ${P}`, [p, P]), { wholeWords: q, matchCase: W } = F(() => l, [l]), U = O(
     (G) => {
-      d((K) => ({ ...K, matchCase: G }));
+      d((Z) => ({ ...Z, matchCase: G }));
     },
     [d]
-  ), Z = N(
+  ), j = O(
     (G) => {
-      d((K) => ({ ...K, wholeWords: G }));
+      d((Z) => ({ ...Z, wholeWords: G }));
     },
     [d]
   );
-  A(() => {
-    o && x && I();
-  }, [o, I]);
-  const U = F(() => (_ == null ? void 0 : _.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [_]), ie = N(
+  z(() => {
+    o && x && S();
+  }, [o, S]);
+  const V = F(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), ee = O(
     (G) => {
       if (G.key === "Tab") {
-        const K = document.activeElement;
+        const Z = document.activeElement;
         let Y = 0;
-        U.forEach((re, ve) => {
-          re === K && (Y = ve);
+        V.forEach((J, ue) => {
+          J === Z && (Y = ue);
         });
-        let J = Y + 1;
-        G.shiftKey && (J = Y - 1);
-        const ee = U[J];
-        if (ee)
-          ee.focus();
-        else if (J > U.length - 1) {
-          const re = U[0];
-          re && re.focus();
+        let re = Y + 1;
+        G.shiftKey && (re = Y - 1);
+        const ae = V[re];
+        if (ae)
+          ae.focus();
+        else if (re > V.length - 1) {
+          const J = V[0];
+          J && J.focus();
         } else {
-          const re = U[U.length - 1];
-          re && re.focus();
+          const J = V[V.length - 1];
+          J && J.focus();
         }
       }
     },
-    [U]
+    [V]
   );
-  return !v || !y ? null : /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a(
+  return !v || !y ? null : /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(
     dn,
     {
       open: n,
@@ -2987,10 +2998,10 @@ const Ie = {
       tabIndex: 0,
       avoidCollisions: !1,
       triggerComponent: /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchButtonTooltip, children: /* @__PURE__ */ a(
-        ge,
+        we,
         {
           active: n,
-          onClick: S,
+          onClick: I,
           "aria-label": u == null ? void 0 : u.searchButtonTooltip,
           children: t || /* @__PURE__ */ a(Ui, {})
         }
@@ -2998,10 +3009,10 @@ const Ie = {
       children: /* @__PURE__ */ H(
         "div",
         {
-          ref: w,
+          ref: _,
           className: te["rp-search-tool-content"],
           tabIndex: 0,
-          onKeyDown: ie,
+          onKeyDown: ee,
           children: [
             /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-wrapper"], children: [
               /* @__PURE__ */ H("div", { className: te["rp-search-tool-input"], children: [
@@ -3009,8 +3020,8 @@ const Ie = {
                   an,
                   {
                     value: g,
-                    onKeyDown: z,
-                    onChange: L,
+                    onKeyDown: M,
+                    onChange: A,
                     icon: /* @__PURE__ */ a(gn, {}),
                     placeholder: u == null ? void 0 : u.searchInputPlaceholder,
                     className: te["rp-search-input"],
@@ -3018,11 +3029,11 @@ const Ie = {
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!g && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ a(Lr, {}) })
+                    children: !!g && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: L, children: /* @__PURE__ */ a(Lr, {}) })
                   }
                 ) }),
-                f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(ln, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: M }),
-                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(At, { onKeyPress: E, handleClose: I }) })
+                f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(ln, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: E }),
+                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(At, { onKeyPress: N, handleClose: S }) })
               ] }),
               /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-checkboxes"], children: [
                 s && /* @__PURE__ */ a(tn, {}),
@@ -3031,8 +3042,8 @@ const Ie = {
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: k,
-                    onChange: B,
+                    value: W,
+                    onChange: U,
                     children: u == null ? void 0 : u.searchMatchCaseLabel
                   }
                 ),
@@ -3042,8 +3053,8 @@ const Ie = {
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: $,
-                    onChange: Z,
+                    value: q,
+                    onChange: j,
                     children: u == null ? void 0 : u.searchWholeWordsLabel
                   }
                 ),
@@ -3052,7 +3063,7 @@ const Ie = {
             ] }),
             !s && /* @__PURE__ */ H("div", { className: te["rp-search-tool-controls"], children: [
               /* @__PURE__ */ a(tn, {}),
-              /* @__PURE__ */ a(At, { onKeyPress: E, handleClose: I })
+              /* @__PURE__ */ a(At, { onKeyPress: N, handleClose: S })
             ] })
           ]
         }
@@ -3068,23 +3079,23 @@ const Ie = {
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
   loading: Bi
 }, ji = ({ percentage: t }) => {
-  const { cancel: e } = tt(), { localeMessages: n } = he();
-  return t < 1 ? null : /* @__PURE__ */ a("div", { className: se(Ae["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: se(Ae["rp-loading-modal"]), children: [
-    /* @__PURE__ */ H("div", { className: se(Ae["rp-loading-title"]), children: [
+  const { cancel: e } = tt(), { localeMessages: n } = fe();
+  return t < 1 ? null : /* @__PURE__ */ a("div", { className: ce(Ae["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: ce(Ae["rp-loading-modal"]), children: [
+    /* @__PURE__ */ H("div", { className: ce(Ae["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ a("div", { className: se(Ae["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: ce(Ae["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
-        className: se(Ae["rp-loading-progress"]),
+        className: ce(Ae["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ a("button", { className: se(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ a("button", { className: ce(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Ki = et((t, e) => {
-  const { showPrintProgress: n = !0 } = Te(), { showPrintProgress: r = !0 } = Ne(), { progress: o } = tt(), { isSmallScreen: i } = Oe(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
+  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Ne(), { progress: o } = tt(), { isSmallScreen: i } = Oe(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
     if (!(!n || !r || !c))
       return /* @__PURE__ */ a(ji, { percentage: c });
   };
@@ -3110,26 +3121,26 @@ const Ie = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Zi = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = le(), { pageRotate: i } = Je(), c = W(null), l = yn(), { pages: d } = oe(), [f, m] = q(null), P = W(!1), h = W(), T = F(() => n ? We["rp-thumbnail-active"] : "", [n]), C = F(() => ({
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = de(), { pageRotate: i } = Je(), c = k(null), l = yn(), { pages: d } = oe(), [f, m] = $(null), P = k(!1), p = k(), T = F(() => n ? We["rp-thumbnail-active"] : "", [n]), C = F(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
-  }), [r]), b = N(() => {
+  }), [r]), b = O(() => {
     e && o(e);
   }, [o, e]);
-  return A(() => {
+  return z(() => {
     const v = d.get(e);
-    h.current === v || (m(null), h.current = v);
-  }, [d, e]), A(() => {
+    p.current === v || (m(null), p.current = v);
+  }, [d, e]), z(() => {
     const v = d.get(e);
     if (!c.current || !e || !v || f)
       return;
     const y = new IntersectionObserver((g) => {
-      g.forEach((p) => {
+      g.forEach((h) => {
         if (P.current) {
           P.current = !1, l.removeQueue(`thumbnail-${e}`);
           return;
         }
-        if (p.isIntersecting) {
+        if (h.isIntersecting) {
           const u = document.createElement("canvas");
           P.current = !0, l.enqueue(
             `thumbnail-${e}`,
@@ -3143,8 +3154,8 @@ const Ie = {
                 u.toBlob((s) => {
                   if (!s)
                     return;
-                  const _ = URL.createObjectURL(s);
-                  m(_);
+                  const w = URL.createObjectURL(s);
+                  m(w);
                 });
               }
             },
@@ -3170,7 +3181,7 @@ const Ie = {
             style: {
               transform: `rotate(${i[e || 0]}deg)`
             },
-            className: se(T, We["rp-thumbnail"]),
+            className: ce(T, We["rp-thumbnail"]),
             children: f ? /* @__PURE__ */ a(
               "img",
               {
@@ -3203,15 +3214,15 @@ const Ie = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Xi);
 }, Yi = et((t, e) => {
-  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = le(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Tn(), m = W(null), P = W(1);
+  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = de(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Tn(), m = k(null), P = k(1);
   on(e, () => m.current);
-  const h = F(() => Object.values(c), [c]), T = N(() => {
+  const p = F(() => Object.values(c), [c]), T = O(() => {
     const C = d + 1;
     C <= i && l(C);
   }, [l, i, d]);
-  return A(() => {
+  return z(() => {
     o > d && i > d ? f(o) : n && P.current !== o && (Qi(m.current, o), P.current = o);
-  }, [o, d, f, n, h]), Mo(m.current, T), /* @__PURE__ */ a("div", { ref: m, className: nn["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: nn["rp-thumbnails"], children: n ? h.map((C, b) => {
+  }, [o, d, f, n, p]), Mo(m.current, T), /* @__PURE__ */ a("div", { ref: m, className: nn["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: nn["rp-thumbnails"], children: n ? p.map((C, b) => {
     var v, y;
     return /* @__PURE__ */ a(
       Zi,
@@ -3226,13 +3237,13 @@ const Ie = {
     );
   }) : null }) });
 }), Ji = () => {
-  const { thumbnailIcon: t } = Ce(), { thumbnailIcon: e } = be();
+  const { thumbnailIcon: t } = Pe(), { thumbnailIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(xo, {});
 }, ea = () => {
-  const { active: t, setActive: e } = Tn(), [n, r] = q(Fo), o = W(null), i = W(null), { thumbnailTool: c, sidebarEnable: l } = Te(), { localeMessages: d } = he(), f = N(() => {
+  const { active: t, setActive: e } = Tn(), [n, r] = $(Fo), o = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Ce(), { localeMessages: d } = fe(), f = O(() => {
     e((P) => !P);
   }, []), m = F(() => typeof c != "boolean" && c ? /* @__PURE__ */ a(c, { onClick: f, active: t }) : c ? /* @__PURE__ */ a(Q, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ a(
-    ge,
+    we,
     {
       onClick: f,
       active: t,
@@ -3240,7 +3251,7 @@ const Ie = {
       children: /* @__PURE__ */ a(Ji, {})
     }
   ) }) : null, [c, t, f, d]);
-  return /* @__PURE__ */ a(pe, { children: l && /* @__PURE__ */ H(
+  return /* @__PURE__ */ a(he, { children: l && /* @__PURE__ */ H(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -3281,22 +3292,22 @@ const Ie = {
     onLoaded: d,
     cleanupOnLoaded: f,
     onLayoutWidthChange: m
-  } = t, [P, h] = q(null), { setContainer: T, setContentRef: C } = _e(), { loading: b } = oe(), { LoaderImageComponent: v } = _t();
-  return A(() => (d && d(), () => {
+  } = t, [P, p] = $(null), { setContainer: T, setContentRef: C } = be(), { loading: b } = oe(), { LoaderImageComponent: v } = _t();
+  return z(() => (d && d(), () => {
     f && f();
   }), [d, f]), // TODO: deprecated in v2.0.0, remove later ~
   /* @__PURE__ */ a(Rn, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Io, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Ro, { slots: r, children: /* @__PURE__ */ a(Ao, { icons: o, children: /* @__PURE__ */ H(So, { getContainerRef: T, style: i, className: c, children: [
     /* @__PURE__ */ H(Eo, { children: [
-      /* @__PURE__ */ H("div", { className: we["rp-layout"], children: [
+      /* @__PURE__ */ H("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ a(
           Ki,
           {
-            ref: h
+            ref: p
           }
         ),
-        /* @__PURE__ */ H("div", { className: we["rp-content"], children: [
-          /* @__PURE__ */ a("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ a(ea, {}) }),
-          /* @__PURE__ */ a("div", { ref: C, className: we["rp-pages"], children: n })
+        /* @__PURE__ */ H("div", { className: _e["rp-content"], children: [
+          /* @__PURE__ */ a("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ a(ea, {}) }),
+          /* @__PURE__ */ a("div", { ref: C, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ a(Do, {})
@@ -3304,7 +3315,7 @@ const Ie = {
     b ? /* @__PURE__ */ a(
       "div",
       {
-        className: we["rp-loader"],
+        className: _e["rp-loader"],
         style: {
           position: "absolute",
           top: 0,
@@ -3385,7 +3396,7 @@ export {
   vn as r,
   Er as s,
   wn as t,
-  le as u,
+  de as u,
   Nr as v,
   _n as w,
   Or as x,