@pdf-viewer/react 1.6.0-beta.2 → 1.6.0-beta.3

package/dist/{RPDefaultLayout-db184803.js → RPDefaultLayout-f579f051.js}

@@ -1,17 +1,17 @@
 import { jsx as i, Fragment as _e, jsxs as A } from "react/jsx-runtime";
 import * as U from "react";
-import { useRef as W, useEffect as F, useCallback as L, useState as H, createContext as Ke, useContext as Xe, useMemo as M, forwardRef as We, useImperativeHandle as dn, createElement as Ge, PureComponent as tr, Component as nr, memo as rr } from "react";
+import { useRef as W, useEffect as F, useCallback as L, useState as H, createContext as Xe, useContext as Ye, useMemo as M, forwardRef as We, useImperativeHandle as dn, createElement as Ve, PureComponent as tr, Component as nr, memo as rr } from "react";
 import { ChevronUpIcon as Me } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ne } from "./components/ui/Button.js";
 import { UIInput as un } from "./components/ui/Input.js";
 import { useScrollModeContext as Oe } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as X } from "./contexts/RPDocumentContext.js";
 import { useDarkModeContext as or } from "./contexts/DarkModeContext.js";
-import { ViewMode as Ze, ScrollMode as ee, AnnotationSubType as Ft, SelectionMode as ir, ZoomLevel as at } from "./utils/types.js";
-import { useRotationContext as Ye } from "./contexts/RotationContext.js";
+import { ViewMode as Be, ScrollMode as ee, AnnotationSubType as Ft, SelectionMode as ir, ZoomLevel as at } from "./utils/types.js";
+import { useRotationContext as Je } from "./contexts/RotationContext.js";
 import { useLayerContext as ar } from "./contexts/LayerContext.js";
-import { useZoomContext as Je } from "./contexts/ZoomContext.js";
-import { useViewModeContext as Qe } from "./contexts/ViewModeContext.js";
+import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
+import { useViewModeContext as He } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as pn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as sr } from "./contexts/SelectionModeContext.js";
@@ -60,9 +60,9 @@ import { FileUploadTool as vn } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as Gr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as Vr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as _n } from "./components/ui/DropDown.js";
-import { e as Ur, a as yt, P as He, c as ke, g as xt, i as qr, k as Zr, f as Br } from "./index-1cb41342.js";
+import { e as Ur, a as yt, P as $e, c as ke, g as xt, i as qr, k as Zr, f as Br } from "./index-1cb41342.js";
 import { D as jr, u as ct } from "./index-aa2d3884.js";
-import { a as Kr, u as Xr, F as Yr, b as Jr, G as Be } from "./index-7279fb4e.js";
+import { a as Kr, u as Xr, F as Yr, b as Jr, G as je } from "./index-7279fb4e.js";
 import { h as Qr } from "./component-1da194e8.js";
 import { CloseIcon as eo } from "./components/icons/CloseIcon.js";
 import { dateFormatter as Ht } from "./utils/dateFormatter.js";
@@ -70,42 +70,43 @@ import { PropertyItem as to } from "./components/layout/toolbar/PropertyItem.js"
 import { useOtherToolContext as no, OtherToolProvider as ro } from "./contexts/OtherToolContext.js";
 import { DocumentProperties as oo } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as io } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as ao } from "./components/layout/toolbar/ScrollModeTool.js";
+import { ViewModeTool as ao } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as so } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as It } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as so } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as co } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as ve } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as co } from "./components/icons/PrintDefaultIcon.js";
+import { PrintDefaultTool as lo } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as wn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as bn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as lo } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as uo } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as po } from "./components/icons/ZoomOutIcon.js";
+import { SelectionModeTool as uo } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as po } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as ho } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as $t } from "./utils/constants.js";
-import { getZoomLevel as ho } from "./utils/getZoomLevel.js";
-import { SearchIcon as mo } from "./components/icons/SearchIcon.js";
+import { getZoomLevel as mo } from "./utils/getZoomLevel.js";
+import { SearchIcon as fo } from "./components/icons/SearchIcon.js";
 import { c as K, S as Gt } from "./SearchCloseButton-959cc1ed.js";
 import { UICheckbox as Vt } from "./components/ui/Checkbox.js";
-import { ClearIcon as fo } from "./components/icons/ClearIcon.js";
+import { ClearIcon as go } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Ut } from "./components/icons/InfoIcon.js";
-import './assets/RPDefaultLayout.css';const $e = (e, t) => e.reduce((n, o, r) => r < t ? n + o : n, 0), Cn = () => {
-  const { viewMode: e } = Qe(), { scrollMode: t } = Oe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = oe(), c = W(), { columnCount: s } = pn(), { widths: d, heights: u } = tt(), p = W(t), m = W(e), h = W(s), { targetScrollPage: v } = fn();
+import './assets/RPDefaultLayout.css';const Ge = (e, t) => e.reduce((n, o, r) => r < t ? n + o : n, 0), Cn = () => {
+  const { viewMode: e } = He(), { scrollMode: t } = Oe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = oe(), c = W(), { columnCount: s } = pn(), { widths: d, heights: u } = tt(), p = W(t), f = W(e), h = W(s), { targetScrollPage: g } = fn();
   F(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), F(() => {
-    p.current = t, m.current = e;
+    p.current = t, f.current = e;
   }, [t, e]);
-  const b = L(
-    (g, C) => {
+  const P = L(
+    (v, S) => {
       if (!r)
         return;
-      const f = Math.ceil(g / 2) * 2 - 1;
-      if (g === f + 1) {
-        const T = {
-          left: d[f],
+      const m = Math.ceil(v / 2) * 2 - 1;
+      if (v === m + 1) {
+        const C = {
+          left: d[m],
           top: 0
         };
         return new Promise(
-          (l) => st(r, T, l)
+          (l) => st(r, C, l)
         );
       }
       const w = {
@@ -114,104 +115,104 @@ import './assets/RPDefaultLayout.css';const $e = (e, t) => e.reduce((n, o, r) =>
       };
       return r == null ? void 0 : r.scrollTo({
         ...w,
-        behavior: C
+        behavior: S
       });
     },
     [r, d, st]
   );
   return F(() => {
-    p.current = t, m.current = e;
+    p.current = t, f.current = e;
   }, [t, e]), F(() => {
     h.current = s;
   }, [s]), { scrollToPage: L(
-    (g, C = "smooth") => {
-      a(g);
-      const f = g - 1;
-      let w = f, T = 0;
-      if (m.current === Ze.DUAL_PAGE && p.current === ee.PAGE_SCROLLING) {
-        b(g, C);
+    (v, S = "smooth") => {
+      a(v);
+      const m = v - 1;
+      let w = m, C = 0;
+      if (f.current === Be.DUAL_PAGE && p.current === ee.PAGE_SCROLLING) {
+        P(v, S);
         return;
       }
       if (p.current === ee.PAGE_SCROLLING) {
-        a(g);
+        a(v);
         return;
       }
       if (!c.current || !o)
         return;
       const l = o;
-      if (v.current = g, p.current === ee.HORIZONTAL_SCROLLING) {
-        T = f;
+      if (g.current = v, p.current === ee.HORIZONTAL_SCROLLING) {
+        C = m;
         const y = {
-          left: $e(d, T),
+          left: Ge(d, C),
           top: 0
         };
         return l.scrollTo({
           ...y,
-          behavior: C
+          behavior: S
         });
       }
-      if (m.current === Ze.DUAL_PAGE) {
-        T = f % 2, w = Math.floor(f / 2);
+      if (f.current === Be.DUAL_PAGE) {
+        C = m % 2, w = Math.floor(m / 2);
         const y = {
-          left: $e(d, T),
-          top: $e(u, w)
+          left: Ge(d, C),
+          top: Ge(u, w)
         };
         return l.scrollTo({
           ...y,
-          behavior: C
+          behavior: S
         });
       }
-      const P = {
+      const T = {
         left: 0,
-        top: $e(u, w)
+        top: Ge(u, w)
       };
       return l.scrollTo({
-        ...P,
-        behavior: C
+        ...T,
+        behavior: S
       });
     },
     [
       o,
       s,
-      b,
+      P,
       a,
       st,
       u,
       d
     ]
   ) };
-}, go = (e = 1) => {
-  const [t, n] = H(e), [o, r] = H(0), { scrollToPage: a } = Cn(), c = W(1), { viewMode: s } = Qe(), { scrollMode: d } = Oe(), u = St(t, 100), p = L(
-    (S) => {
-      if (!/^[0-9]*$/g.test(S.toString()) || !S)
+}, vo = (e = 1) => {
+  const [t, n] = H(e), [o, r] = H(0), { scrollToPage: a } = Cn(), c = W(1), { viewMode: s } = He(), { scrollMode: d } = Oe(), u = St(t, 100), p = L(
+    (b) => {
+      if (!/^[0-9]*$/g.test(b.toString()) || !b)
         return { success: !1, currentPage: c.current };
-      const C = +S;
-      return C < 0 || C > o ? { success: !1, currentPage: c.current } : (n(C), c.current = C, { success: !0, currentPage: +S });
+      const S = +b;
+      return S < 0 || S > o ? { success: !1, currentPage: c.current } : (n(S), c.current = S, { success: !0, currentPage: +b });
     },
     [o]
-  ), m = L(p, [p]), h = L(
-    (S) => {
-      const g = p(S);
-      return g.success && a(g.currentPage), g;
+  ), f = L(p, [p]), h = L(
+    (b) => {
+      const v = p(b);
+      return v.success && a(v.currentPage), v;
     },
     [p, a]
-  ), v = L(() => {
-    let S = t - 1;
-    h(S);
-  }, [h, t, s, d]), b = L(() => {
-    let S = t + 1;
-    h(S);
+  ), g = L(() => {
+    let b = t - 1;
+    h(b);
+  }, [h, t, s, d]), P = L(() => {
+    let b = t + 1;
+    h(b);
   }, [h, t, s, d]);
   return {
     focusedPage: u,
     totalPages: o,
-    setFocusedPage: m,
+    setFocusedPage: f,
     setTotalPages: r,
-    nextPage: b,
-    prevPage: v,
+    nextPage: P,
+    prevPage: g,
     goToPage: h
   };
-}, Tn = Ke({
+}, Tn = Xe({
   focusedPage: 0,
   setFocusedPage: (e) => {
   },
@@ -224,10 +225,10 @@ import './assets/RPDefaultLayout.css';const $e = (e, t) => e.reduce((n, o, r) =>
   nextPage: () => {
   }
 }), oe = () => {
-  const e = Xe(Tn);
+  const e = Ye(Tn);
   return typeof (e == null ? void 0 : e.focusedPage) > "u" && $r.error("Please use this hooks inside children component of RPProvider"), e;
-}, ys = ({ children: e }) => {
-  const { pdf: t } = X(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: c, nextPage: s, prevPage: d } = go();
+}, Is = ({ children: e }) => {
+  const { pdf: t } = X(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: c, nextPage: s, prevPage: d } = vo();
   return F(() => {
     t != null && t.numPages && (a(t.numPages), r(1));
   }, [t, a, r]), /* @__PURE__ */ i(
@@ -246,7 +247,7 @@ import './assets/RPDefaultLayout.css';const $e = (e, t) => e.reduce((n, o, r) =>
     }
   );
 };
-const vo = () => {
+const _o = () => {
   const { pdf: e, pages: t } = X(), [n, o] = H({
     loadedPages: 0,
     totalPages: 0,
@@ -255,7 +256,7 @@ const vo = () => {
   F(() => {
     p.current;
   }, [p]);
-  const m = L(() => {
+  const f = L(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const w = document.querySelector(".rp-print-zone");
     w && w.remove();
@@ -265,13 +266,13 @@ const vo = () => {
       totalPages: 0,
       percentage: 0
     });
-  }, []), v = () => {
+  }, []), g = () => {
     p.current = !0;
-  }, b = async ({
+  }, P = async ({
     scratchCanvas: w,
-    pdfDocument: T,
+    pdfDocument: C,
     pageNumber: l,
-    viewerPdfPage: P,
+    viewerPdfPage: T,
     printResolution: _,
     optionalContentConfigPromise: y,
     printAnnotationStoragePromise: E
@@ -281,11 +282,11 @@ const vo = () => {
       return;
     }
     const I = _ / pr.PDF;
-    w.width = Math.floor(P.width * I), w.height = Math.floor(P.height * I);
+    w.width = Math.floor(T.width * I), w.height = Math.floor(T.height * I);
     const N = w.getContext("2d");
     N.save(), N.fillStyle = "rgb(255, 255, 255)", N.fillRect(0, 0, w.width, w.height), N.restore();
     const [R, z] = await Promise.all([
-      T.getPage(l),
+      C.getPage(l),
       E
     ]);
     if (p.current) {
@@ -295,7 +296,7 @@ const vo = () => {
     const O = {
       canvasContext: N,
       transform: [I, 0, 0, I, 0, 0],
-      viewport: R.getViewport({ scale: 1, rotation: P.rotation }),
+      viewport: R.getViewport({ scale: 1, rotation: T.rotation }),
       intent: "print",
       annotationMode: hr.ENABLE_STORAGE,
       optionalContentConfigPromise: y,
@@ -306,50 +307,50 @@ const vo = () => {
     } catch (D) {
       throw D instanceof mr || console.error(D), D;
     }
-  }, S = L(() => {
+  }, b = L(() => {
     const w = window.print;
-    return new Promise((T) => {
+    return new Promise((C) => {
       const l = (y) => {
         setTimeout(() => {
           w.call(window), setTimeout(() => y(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
-        l(T);
+        l(C);
         return;
       }
       const _ = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (l(T), _.disconnect());
+        document.querySelector(".rp-print-zone") && (l(C), _.disconnect());
       });
       _.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), g = async (w) => {
-    const T = document.createElement("img"), l = document.createElement("div");
-    return l.classList.add("rp-print-page"), await new Promise((P, _) => {
+  }, []), v = async (w) => {
+    const C = document.createElement("img"), l = document.createElement("div");
+    return l.classList.add("rp-print-page"), await new Promise((T, _) => {
       w.toBlob((y) => {
-        y ? (T.src = URL.createObjectURL(y), T.onload = () => {
-          URL.revokeObjectURL(T.src), P();
-        }, T.onerror = _) : _(new Error("Failed to create blob"));
+        y ? (C.src = URL.createObjectURL(y), C.onload = () => {
+          URL.revokeObjectURL(C.src), T();
+        }, C.onerror = _) : _(new Error("Failed to create blob"));
       });
     }).catch(() => {
-    }), l.appendChild(T), l;
-  }, C = (w, T) => {
+    }), l.appendChild(C), l;
+  }, S = (w, C) => {
     const l = document.createElement("div");
     l.classList.add("rp-print-zone");
-    const P = document.createElement("style"), _ = T.get(1);
+    const T = document.createElement("style"), _ = C.get(1);
     if (_) {
       const { width: y, height: E } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
-      P.innerHTML = `@page { size: ${y}px ${E}px }`;
+      T.innerHTML = `@page { size: ${y}px ${E}px }`;
     }
-    return l.appendChild(P), l.append(...w), l;
-  }, f = L(async () => {
+    return l.appendChild(T), l.append(...w), l;
+  }, m = L(async () => {
     if (!e)
       return;
     h();
-    const w = document.createElement("canvas"), T = [];
+    const w = document.createElement("canvas"), C = [];
     try {
       e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const P = e.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
+      const T = e.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
         e.annotationStorage.print ?? void 0
       ), y = t.size;
       for (const [I, N] of t) {
@@ -358,21 +359,21 @@ const vo = () => {
           return;
         }
         const R = N.page.getViewport({ scale: 1 });
-        if (await b({
+        if (await P({
           scratchCanvas: w,
           pdfDocument: e,
           pageNumber: I,
           viewerPdfPage: R,
           printResolution: 150,
-          optionalContentConfigPromise: P,
+          optionalContentConfigPromise: T,
           printAnnotationStoragePromise: _
         }), p.current) {
           h();
           return;
         }
-        const z = await g(w);
-        T.push(z);
-        const O = parseFloat((T.length / y * 100).toFixed(2));
+        const z = await v(w);
+        C.push(z);
+        const O = parseFloat((C.length / y * 100).toFixed(2));
         o({
           loadedPages: I,
           totalPages: y,
@@ -383,8 +384,8 @@ const vo = () => {
         h();
         return;
       }
-      const E = C(T, t);
-      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await S();
+      const E = S(C, t);
+      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await b();
     } catch (l) {
       s(!0), l instanceof Error && u(l);
     } finally {
@@ -393,20 +394,20 @@ const vo = () => {
   }, [e, t, p]);
   return F(() => {
     const w = () => {
-      h(), m();
+      h(), f();
     };
     return window.addEventListener("afterprint", w, !0), () => {
       window.removeEventListener("afterprint", w, !0);
     };
-  }, [m, h]), {
-    print: f,
-    cancel: v,
+  }, [f, h]), {
+    print: m,
+    cancel: g,
     progress: n,
     isComplete: r,
     isError: c,
     error: d
   };
-}, Pn = Ke({
+}, Pn = Xe({
   print: () => {
   },
   cancel: () => {
@@ -423,78 +424,78 @@ const vo = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), xs = ({ children: e }) => {
-  const [t, n] = H(null), [o, r] = H(null), { print: a, cancel: c, progress: s, isComplete: d, isError: u, error: p } = vo(), m = L((g) => {
-    g && typeof g == "function" && r(() => g);
-  }, []), h = (g) => {
-    p && g(p);
-  }, v = L(
-    (g) => {
-      n(() => g);
+}), Ls = ({ children: e }) => {
+  const [t, n] = H(null), [o, r] = H(null), { print: a, cancel: c, progress: s, isComplete: d, isError: u, error: p } = _o(), f = L((v) => {
+    v && typeof v == "function" && r(() => v);
+  }, []), h = (v) => {
+    p && v(p);
+  }, g = L(
+    (v) => {
+      n(() => v);
     },
     [s, t]
   );
   F(() => {
-    d && o && b();
+    d && o && P();
   }, [d, o]), F(() => {
-    u && h((g) => {
-      console.error(g);
+    u && h((v) => {
+      console.error(v);
     });
   }, [u]), F(() => {
     s && t && t(s);
   }, [s, t]);
-  const b = () => {
+  const P = () => {
     o && (o(), r(null));
-  }, S = {
+  }, b = {
     print: a,
     cancel: c,
-    setOnProgress: v,
-    setOnComplete: m,
+    setOnProgress: g,
+    setOnComplete: f,
     setOnError: h,
     progress: s
   };
-  return /* @__PURE__ */ i(Pn.Provider, { value: S, children: e });
+  return /* @__PURE__ */ i(Pn.Provider, { value: b, children: e });
 }, nt = () => {
-  const e = Xe(Pn);
+  const e = Ye(Pn);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, _o = () => {
-  const [e, t] = H({}), { pages: n } = X(), { rotate: o } = Ye(), r = M(() => Object.keys(e).length, [e]), a = L(
+}, wo = () => {
+  const [e, t] = H({}), { pages: n } = X(), { rotate: o } = Je(), r = M(() => Object.keys(e).length, [e]), a = L(
     (s) => {
       if (!n.size || s > n.size)
         return;
-      const d = Array.from(n.values()).slice(0, s).map((m) => {
-        const { thumbnailViewport: h, scale: v } = Wt(m.page, o);
+      const d = Array.from(n.values()).slice(0, s).map((f) => {
+        const { thumbnailViewport: h, scale: g } = Wt(f.page, o);
         return {
-          scale: v,
-          page: m.page,
+          scale: g,
+          page: f.page,
           loading: !0,
           viewport: h
         };
-      }), u = d.reduce((m, h) => (m[h.page.pageNumber] = h, m), {});
+      }), u = d.reduce((f, h) => (f[h.page.pageNumber] = h, f), {});
       t(u);
       const p = [];
-      for (const m of d) {
-        const h = document.createElement("canvas"), v = _t(m.page, h, {
-          scale: m.scale,
+      for (const f of d) {
+        const h = document.createElement("canvas"), g = _t(f.page, h, {
+          scale: f.scale,
           rotate: o
         }).promise.then(() => {
-          const b = h.toDataURL();
+          const P = h.toDataURL();
           return {
-            ...m,
-            thumbnailSrc: b,
+            ...f,
+            thumbnailSrc: P,
             loading: !1
           };
         });
-        p.push(v);
+        p.push(g);
       }
-      Promise.all(p).then((m) => {
-        const h = m.reduce(
-          (v, b) => (v[b.page.pageNumber] = b, v),
+      Promise.all(p).then((f) => {
+        const h = f.reduce(
+          (g, P) => (g[P.page.pageNumber] = P, g),
           {}
         );
-        t((v) => ({ ...v, ...h }));
+        t((g) => ({ ...g, ...h }));
       }).catch(() => {
       });
     },
@@ -521,22 +522,22 @@ const vo = () => {
       }));
       const u = document.createElement("canvas");
       _t(d.page, u, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
-        const p = u.toDataURL(), { thumbnailViewport: m, scale: h } = Wt(d.page, o);
+        const p = u.toDataURL(), { thumbnailViewport: f, scale: h } = Wt(d.page, o);
         return {
           scale: h,
           thumbnailSrc: p,
           page: d.page,
           loading: !1,
-          viewport: m
+          viewport: f
         };
       }).then((p) => {
-        t((m) => ({ ...m, [s]: p }));
+        t((f) => ({ ...f, [s]: p }));
       });
     },
     [n, o]
   );
   return { thumbnailPages: e, addPage: c, addToPage: a, thumbnailLength: r };
-}, Sn = Ke({
+}, Sn = Xe({
   thumbnailPages: {},
   addPage: (e) => {
   },
@@ -546,11 +547,11 @@ const vo = () => {
   setActive: (e) => {
   },
   active: !1
-}), yn = () => Xe(Sn), Is = ({
+}), yn = () => Ye(Sn), Rs = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = _o(), [c, s] = H(t);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = wo(), [c, s] = H(t);
   return /* @__PURE__ */ i(
     Sn.Provider,
     {
@@ -558,21 +559,21 @@ const vo = () => {
       children: e
     }
   );
-}, wo = (e = {}, t = "") => {
-  const [n, o] = H(t), [r, a] = H(!1), { pdf: c, pages: s } = X(), d = tt(), u = W(!n), { currentZoom: p } = Je(), [m, h] = H([]), { setFocusedPage: v } = oe(), [b, S] = H(0), { pageScrollElementRef: g, virtualScrollableElementRef: C } = et(), { scrollMode: f } = Oe(), { pagesRef: w } = we(), [T, l] = H(null), P = W({}), _ = M(() => b === 0 ? null : m[b - 1], [b, m]), y = M(() => m.length, [m]);
+}, bo = (e = {}, t = "") => {
+  const [n, o] = H(t), [r, a] = H(!1), { pdf: c, pages: s } = X(), d = tt(), u = W(!n), { currentZoom: p } = Qe(), [f, h] = H([]), { setFocusedPage: g } = oe(), [P, b] = H(0), { pageScrollElementRef: v, virtualScrollableElementRef: S } = et(), { scrollMode: m } = Oe(), { pagesRef: w } = we(), [C, l] = H(null), T = W({}), _ = M(() => P === 0 ? null : f[P - 1], [P, f]), y = M(() => f.length, [f]);
   F(() => {
     if (!_ || !s)
       return;
-    const R = C || g;
+    const R = S || v;
     if (!R || !w)
       return;
     const z = s.get(_.page), O = w.clientHeight / 2, D = w.clientWidth / 2;
     let x = 0, k = 0;
-    f === ee.PAGE_SCROLLING && v(_.page), f === ee.VERTICAL_SCROLLING && (x = d.heights.slice(0, _.page - 1).reduce((q, B) => q + B, 0)), f === ee.HORIZONTAL_SCROLLING && (k = d.widths.slice(0, _.page - 1).reduce((q, B) => q + B, 0));
+    m === ee.PAGE_SCROLLING && g(_.page), m === ee.VERTICAL_SCROLLING && (x = d.heights.slice(0, _.page - 1).reduce((q, B) => q + B, 0)), m === ee.HORIZONTAL_SCROLLING && (k = d.widths.slice(0, _.page - 1).reduce((q, B) => q + B, 0));
     let $;
     if (!z)
       return;
-    const j = P.current[_.page], Y = z.page.getViewport({ scale: 1 });
+    const j = T.current[_.page], Y = z.page.getViewport({ scale: 1 });
     $ = new Tt.TextLayer({
       viewport: Y,
       textContentSource: j,
@@ -590,18 +591,18 @@ const vo = () => {
     });
   }, [
     s,
-    v,
+    g,
     d,
     _,
-    f,
-    C,
-    g,
+    m,
+    S,
+    v,
     w
   ]);
   const E = L(() => {
-    S((R) => y ? R + 1 > y ? 1 : R + 1 : 0);
+    b((R) => y ? R + 1 > y ? 1 : R + 1 : 0);
   }, [y]), I = L(() => {
-    S((R) => y ? R - 1 <= 0 ? y : R - 1 : 0);
+    b((R) => y ? R - 1 <= 0 ? y : R - 1 : 0);
   }, [y]), N = L(async (R) => {
     if (!R)
       return {};
@@ -616,11 +617,11 @@ const vo = () => {
   }, []);
   return F(() => {
     if (!n) {
-      u.current = !0, h([]), S(0);
+      u.current = !0, h([]), b(0);
       return;
     }
-    u.current = !1, a(!0), h([]), S(0), N(c).then((R) => {
-      P.current = R;
+    u.current = !1, a(!0), h([]), b(0), N(c).then((R) => {
+      T.current = R;
       const O = Object.keys(R).reduce((D, x) => {
         const k = dr(
           [n],
@@ -630,24 +631,24 @@ const vo = () => {
         ).map(($, j) => ({ ...$, page: Number(x), pageMatchIdx: j }));
         return [...D, ...k];
       }, []);
-      h(O), S(O.length ? 1 : 0);
+      h(O), b(O.length ? 1 : 0);
     }).catch(() => {
-      h([]), S(0);
+      h([]), b(0);
     }).finally(() => a(!1));
   }, [n, N, c, e]), {
     search: n,
     setSearch: o,
     loading: r,
-    matches: m,
+    matches: f,
     totalMatches: y,
-    currentMatchPosition: b,
+    currentMatchPosition: P,
     currentMatch: _,
     nextMatch: E,
     prevMatch: I,
-    currentMatchElement: T,
+    currentMatchElement: C,
     setCurrentMatchElement: l
   };
-}, xn = Ke({
+}, xn = Xe({
   search: "",
   setSearch: (e) => {
   },
@@ -665,7 +666,7 @@ const vo = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Ls = ({
+}), Es = ({
   children: e,
   initialSearch: t
 }) => {
@@ -677,11 +678,11 @@ const vo = () => {
     currentMatch: d,
     search: u,
     matches: p,
-    nextMatch: m,
+    nextMatch: f,
     prevMatch: h,
-    currentMatchElement: v,
-    setCurrentMatchElement: b
-  } = wo(n, t);
+    currentMatchElement: g,
+    setCurrentMatchElement: P
+  } = bo(n, t);
   return /* @__PURE__ */ i(
     xn.Provider,
     {
@@ -693,17 +694,17 @@ const vo = () => {
         totalMatches: c,
         currentMatchPosition: s,
         currentMatch: d,
-        nextMatch: m,
+        nextMatch: f,
         prevMatch: h,
         search: u,
         matches: p,
-        currentMatchElement: v,
-        setCurrentMatchElement: b
+        currentMatchElement: g,
+        setCurrentMatchElement: P
       },
       children: e
     }
   );
-}, Lt = () => Xe(xn), de = {
+}, Lt = () => Ye(xn), de = {
   "rp-pages": "_rp-pages_1776r_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1776r_7",
   "rp-pages-container": "_rp-pages-container_1776r_11",
@@ -716,8 +717,8 @@ const vo = () => {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, bo = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = W(null), { pages: a } = X(), { rotate: c } = Ye(), s = W(), { currentZoom: d } = Je();
+}, Co = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = W(null), { pages: a } = X(), { rotate: c } = Je(), s = W(), { currentZoom: d } = Qe();
   return F(() => {
     if (!a || d === 0)
       return;
@@ -725,8 +726,8 @@ const vo = () => {
     if (r.current && u) {
       const p = r.current;
       p.hidden = !0;
-      const m = s.current;
-      m && m.cancel(), o && o(), s.current = _t(u.page, p, {
+      const f = s.current;
+      f && f.cancel(), o && o(), s.current = _t(u.page, p, {
         scale: d,
         rotate: c,
         renderForms: !0
@@ -742,31 +743,31 @@ const vo = () => {
       (p = s.current) == null || p.cancel();
     };
   }, [a, t, c, d, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
-}, Co = "_selecting_1x8te_9", To = "_endOfContent_1x8te_24", ze = {
+}, To = "_selecting_1x8te_9", Po = "_endOfContent_1x8te_24", ze = {
   "rp-text-layer": "_rp-text-layer_1x8te_1",
-  selecting: Co,
-  endOfContent: To,
+  selecting: To,
+  endOfContent: Po,
   "rp-text-layer-text": "_rp-text-layer-text_1x8te_38"
-}, Po = (e) => {
+}, So = (e) => {
   const { pageNumber: t } = e, { pages: n } = X(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: c } = Lt(), [s, d] = H(
     []
-  ), u = W(), p = W(), m = W(), h = M(() => r.filter((w) => w.pageIndex === t - 1), [r, t]), v = L(
-    (w, T, l = !1) => {
-      if (l && mn(w, T), !h.length) {
-        m.current = void 0, d([]);
+  ), u = W(), p = W(), f = W(), h = M(() => r.filter((w) => w.pageIndex === t - 1), [r, t]), g = L(
+    (w, C, l = !1) => {
+      if (l && mn(w, C), !h.length) {
+        f.current = void 0, d([]);
         return;
       }
-      const P = hn(h, w, T);
-      d(P);
+      const T = hn(h, w, C);
+      d(T);
     },
     [h]
-  ), b = W(), S = W(!1), g = L(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), P = W(), b = W(!1), v = L(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   F(() => ((() => {
-    if (b.current)
+    if (P.current)
       return;
-    b.current = new AbortController();
-    const { signal: T } = b.current, l = () => {
-      g().forEach((_) => {
+    P.current = new AbortController();
+    const { signal: C } = P.current, l = () => {
+      v().forEach((_) => {
         const y = _.querySelector(".endOfContent");
         y && (_.appendChild(y), y.style.width = "", y.style.height = "", _.classList.remove(ze.selecting));
       });
@@ -774,29 +775,29 @@ const vo = () => {
     document.addEventListener(
       "pointerdown",
       () => {
-        S.current = !0;
+        b.current = !0;
       },
-      { signal: T }
+      { signal: C }
     ), document.addEventListener(
       "pointerup",
       () => {
-        S.current = !1, l();
+        b.current = !1, l();
       },
-      { signal: T }
+      { signal: C }
     ), window.addEventListener(
       "blur",
       () => {
-        S.current = !1, l();
+        b.current = !1, l();
       },
-      { signal: T }
+      { signal: C }
     ), document.addEventListener(
       "keyup",
       () => {
-        S.current || l();
+        b.current || l();
       },
-      { signal: T }
+      { signal: C }
     );
-    let P = null;
+    let T = null;
     document.addEventListener(
       "selectionchange",
       () => {
@@ -811,11 +812,11 @@ const vo = () => {
         const y = /* @__PURE__ */ new Set();
         for (let x = 0; x < _.rangeCount; x++) {
           const k = _.getRangeAt(x);
-          g().forEach(($) => {
+          v().forEach(($) => {
             k.intersectsNode($) && !y.has($) && y.add($);
           });
         }
-        g().forEach((x) => {
+        v().forEach((x) => {
           if (y.has(x))
             x.classList.add("selecting");
           else {
@@ -824,54 +825,54 @@ const vo = () => {
           }
         });
         const E = _.getRangeAt(0);
-        let N = P && (E.compareBoundaryPoints(Range.END_TO_END, P) === 0 || E.compareBoundaryPoints(Range.START_TO_END, P) === 0) ? E.startContainer : E.endContainer;
+        let N = T && (E.compareBoundaryPoints(Range.END_TO_END, T) === 0 || E.compareBoundaryPoints(Range.START_TO_END, T) === 0) ? E.startContainer : E.endContainer;
         N.nodeType === Node.TEXT_NODE && (N = N.parentNode);
         const R = (O = N.parentElement) == null ? void 0 : O.closest(
           ze["rp-text-layer"]
         ), z = R == null ? void 0 : R.querySelector(".endOfContent");
-        z && R && (z.style.width = R.style.width, z.style.height = R.style.height, (D = N.parentElement) == null || D.insertBefore(z, N.nextSibling)), P = E.cloneRange();
+        z && R && (z.style.width = R.style.width, z.style.height = R.style.height, (D = N.parentElement) == null || D.insertBefore(z, N.nextSibling)), T = E.cloneRange();
       },
-      { signal: T }
+      { signal: C }
     );
   })(), () => {
-    var T;
-    (T = b.current) == null || T.abort(), b.current = void 0;
-  }), [g]);
-  const C = L(() => {
+    var C;
+    (C = P.current) == null || C.abort(), P.current = void 0;
+  }), [v]);
+  const S = L(() => {
     o.current && o.current.classList.add("selecting");
-  }, []), f = L(() => {
+  }, []), m = L(() => {
     o.current && o.current.classList.remove("selecting");
   }, []);
   return F(() => {
     var l;
-    if ((l = m.current) == null || l.classList.remove("selected"), !s.length || !a || a.pageIndex !== t - 1)
+    if ((l = f.current) == null || l.classList.remove("selected"), !s.length || !a || a.pageIndex !== t - 1)
       return;
     const w = h.findIndex(
-      (P) => JSON.stringify(P) === JSON.stringify(a)
+      (T) => JSON.stringify(T) === JSON.stringify(a)
     );
     if (w === -1)
       return;
-    const T = s.find((P) => P.index === w);
-    T && (m.current = T.element, c(T.element), T.element.classList.add("selected"));
+    const C = s.find((T) => T.index === w);
+    C && (f.current = C.element, c(C.element), C.element.classList.add("selected"));
   }, [a, s, h]), F(() => {
     const w = n.get(t);
     if (!w || !o.current)
       return;
-    const T = o.current;
+    const C = o.current;
     return u.current && u.current.cancel(), w.page.getTextContent().then((l) => {
-      const P = w.page.getViewport({ scale: 1 });
+      const T = w.page.getViewport({ scale: 1 });
       return u.current = new Tt.TextLayer({
-        viewport: P,
+        viewport: T,
         textContentSource: l,
-        container: T
-      }), p.current = l, T && (T.innerText = ""), u.current.render();
+        container: C
+      }), p.current = l, C && (C.innerText = ""), u.current.render();
     }).then(() => {
       var y, E;
-      [].slice.call(T.children).forEach((I) => {
+      [].slice.call(C.children).forEach((I) => {
         I.classList.add(ze["rp-text-layer-text"]);
       });
-      const P = (y = u.current) == null ? void 0 : y.textDivs;
-      P && p.current && v(p.current, P);
+      const T = (y = u.current) == null ? void 0 : y.textDivs;
+      T && p.current && g(p.current, T);
       const _ = document.createElement("div");
       _.className = "endOfContent", (E = o.current) == null || E.appendChild(_);
     }).catch(() => {
@@ -881,115 +882,115 @@ const vo = () => {
     };
   }, [n, t]), F(() => {
     var l;
-    [].slice.call(o.current.children).forEach((P) => {
-      P.classList.add(ze["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((T) => {
+      T.classList.add(ze["rp-text-layer-text"]);
     });
-    const T = (l = u.current) == null ? void 0 : l.textDivs;
-    T && p.current && v(p.current, T, !0);
-  }, [v]), /* @__PURE__ */ i(
+    const C = (l = u.current) == null ? void 0 : l.textDivs;
+    C && p.current && g(p.current, C, !0);
+  }, [g]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-textLayer`,
       className: ze["rp-text-layer"],
       ref: o,
-      onMouseDown: C,
-      onMouseUp: f
+      onMouseDown: S,
+      onMouseUp: m
     }
   );
-}, So = {
+}, yo = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 };
-let yo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const xo = (e) => {
-  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = X(), a = W(), [c, s] = H(), { setFocusedPage: d, goToPage: u } = oe(), { scrollMode: p } = Oe(), { print: m } = nt(), { download: h } = Un(), v = M(() => o.get(t), [o, t]), b = M(() => v == null ? void 0 : v.page.getViewport(), [v]);
+let xo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Io = (e) => {
+  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = X(), a = W(), [c, s] = H(), { setFocusedPage: d, goToPage: u } = oe(), { scrollMode: p } = Oe(), { print: f } = nt(), { download: h } = Un(), g = M(() => o.get(t), [o, t]), P = M(() => g == null ? void 0 : g.page.getViewport(), [g]);
   F(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), F(() => {
-    v && v.page.getAnnotations().then((g) => {
-      a.current = void 0, s(g), n.current && (n.current.innerText = "");
+    g && g.page.getAnnotations().then((v) => {
+      a.current = void 0, s(v), n.current && (n.current.innerText = "");
     });
-  }, [v]);
-  const S = L(
-    (g) => {
-      !c || !r || (Rr(g), Er(g, r, c).then((C) => {
-        var f, w;
-        ((f = C == null ? void 0 : C.data) == null ? void 0 : f.action) === "Print" ? m() : ((w = C == null ? void 0 : C.data) == null ? void 0 : w.action) === "SaveAs" && h();
-      }), p === ee.PAGE_SCROLLING ? kt(g, c, r, (C) => d(C.pageIndex + 1)) : kt(g, c, r, (C) => u(C.pageIndex + 1)));
+  }, [g]);
+  const b = L(
+    (v) => {
+      !c || !r || (Rr(v), Er(v, r, c).then((S) => {
+        var m, w;
+        ((m = S == null ? void 0 : S.data) == null ? void 0 : m.action) === "Print" ? f() : ((w = S == null ? void 0 : S.data) == null ? void 0 : w.action) === "SaveAs" && h();
+      }), p === ee.PAGE_SCROLLING ? kt(v, c, r, (S) => d(S.pageIndex + 1)) : kt(v, c, r, (S) => u(S.pageIndex + 1)));
     },
-    [r, c, u, d, p, m, h]
+    [r, c, u, d, p, f, h]
   );
   return F(() => {
-    if (!v || !c)
+    if (!g || !c)
       return;
-    const g = v.page.getViewport();
+    const v = g.page.getViewport();
     if (a.current) {
       a.current.update({
-        viewport: g.clone({ dontFlip: !0 })
+        viewport: v.clone({ dontFlip: !0 })
       });
       return;
     }
-    const C = /* @__PURE__ */ new Map([]);
-    for (const T of c) {
-      const { annotationType: l } = T;
+    const S = /* @__PURE__ */ new Map([]);
+    for (const C of c) {
+      const { annotationType: l } = C;
       switch (l) {
         case Ft.Link:
-          Or(T);
+          Or(C);
           break;
         case Ft.Widget:
-          Nr(T, g, C);
+          Nr(C, v, S);
           break;
       }
     }
-    const f = new AbortController();
+    const m = new AbortController();
     return (async () => {
-      var P;
+      var T;
       a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new fr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: v.page,
-        viewport: g.clone({ dontFlip: !0 })
-      }), n.current && Mt(n.current, S);
-      const T = await (r == null ? void 0 : r.hasJSActions()), l = await (r == null ? void 0 : r.getFieldObjects());
-      if (f.signal.aborted)
+        page: g.page,
+        viewport: v.clone({ dontFlip: !0 })
+      }), n.current && Mt(n.current, b);
+      const C = await (r == null ? void 0 : r.hasJSActions()), l = await (r == null ? void 0 : r.getFieldObjects());
+      if (m.signal.aborted)
         throw "abort";
-      return (P = a.current) == null ? void 0 : P.render({
+      return (T = a.current) == null ? void 0 : T.render({
         annotations: c,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
-        hasJSActions: T,
+        hasJSActions: C,
         fieldObjects: l,
         div: n.current,
-        viewport: g.clone({ dontFlip: !0 }),
-        page: v.page,
-        imageResourcesPath: yo,
+        viewport: v.clone({ dontFlip: !0 }),
+        page: g.page,
+        imageResourcesPath: xo,
         renderForms: !0,
         linkService: new Lr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Dr(n.current, S);
-    }).catch((T) => {
-      if (T !== "abort")
-        throw T;
+      n.current && Dr(n.current, b);
+    }).catch((C) => {
+      if (C !== "abort")
+        throw C;
     }), () => {
-      f.abort("clear"), n.current && Mt(n.current, S);
+      m.abort("clear"), n.current && Mt(n.current, b);
     };
-  }, [r, c, S]), /* @__PURE__ */ i(
+  }, [r, c, b]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
-      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
-      className: So["rp-annotation-layer"],
+      style: { width: `${P == null ? void 0 : P.width}px`, height: `${P == null ? void 0 : P.height}px` },
+      className: yo["rp-annotation-layer"],
       ref: n
     }
   );
 }, dt = {
   "rp-text-highlight-layer": "_rp-text-highlight-layer_1fxd3_1",
   "rp-text-highlight-layer-text": "_rp-text-highlight-layer-text_1fxd3_14"
-}, Io = ({ pageNumber: e }) => {
+}, Lo = ({ pageNumber: e }) => {
   const t = W(null), n = W(), o = W(), { pages: r } = X(), { highlightMatches: a } = gr(), c = M(() => a.filter((u) => u.pageIndex === e - 1), [a]), s = L(
     (d, u, p = !1) => {
       p && mn(d, u), ur(c, d, u);
@@ -1002,19 +1003,19 @@ const xo = (e) => {
       return;
     const u = t.current;
     return n.current && n.current.cancel(), d.page.getTextContent().then((p) => {
-      const m = d.page.getViewport({ scale: 1 });
+      const f = d.page.getViewport({ scale: 1 });
       return n.current = new Tt.TextLayer({
-        viewport: m,
+        viewport: f,
         textContentSource: p,
         container: u
       }), o.current = p, u && (u.innerText = ""), n.current.render();
     }).then(() => {
       var h;
-      [].slice.call(u.children).forEach((v) => {
-        v.classList.add(dt["rp-text-highlight-layer-text"]);
+      [].slice.call(u.children).forEach((g) => {
+        g.classList.add(dt["rp-text-highlight-layer-text"]);
       });
-      const m = (h = n.current) == null ? void 0 : h.textDivs;
-      m && o.current && s(o.current, m);
+      const f = (h = n.current) == null ? void 0 : h.textDivs;
+      f && o.current && s(o.current, f);
     }).catch(() => {
     }), () => {
       var p;
@@ -1022,8 +1023,8 @@ const xo = (e) => {
     };
   }, [r, e]), F(() => {
     var p;
-    [].slice.call(t.current.children).forEach((m) => {
-      m.classList.add(dt["rp-text-highlight-layer-text"]);
+    [].slice.call(t.current.children).forEach((f) => {
+      f.classList.add(dt["rp-text-highlight-layer-text"]);
     });
     const u = (p = n.current) == null ? void 0 : p.textDivs;
     u && o.current && s(o.current, u, !0);
@@ -1036,30 +1037,30 @@ const xo = (e) => {
     }
   ) });
 }, Rt = We((e, t) => {
-  const { pageNumber: n, style: o, ...r } = e, { pages: a } = X(), { rotate: c } = Ye(), { textLayer: s } = ar(), { currentZoom: d } = Je(), u = W(a.get(n)), [p, m] = H(!1), h = W(null), [v, b] = H({
+  const { pageNumber: n, style: o, ...r } = e, { pages: a } = X(), { rotate: c } = Je(), { textLayer: s } = ar(), { currentZoom: d } = Qe(), u = W(a.get(n)), [p, f] = H(!1), h = W(null), [g, P] = H({
     width: 0,
     height: 0
   });
   dn(t, () => h.current), F(() => {
     if (a && (u.current = a.get(n), u.current)) {
-      const f = u.current.page.getViewport({ scale: d, rotation: c });
-      b(f);
+      const m = u.current.page.getViewport({ scale: d, rotation: c });
+      P(m);
     }
   }, [a, n, c, d]);
-  const S = M(() => {
+  const b = M(() => {
     switch (c) {
       case 90:
-        return `${v.width / 2}px ${v.width / 2}px`;
+        return `${g.width / 2}px ${g.width / 2}px`;
       case -90:
       case 270:
-        return `${v.height / 2}px ${v.height / 2}px`;
+        return `${g.height / 2}px ${g.height / 2}px`;
       default:
         return "center";
     }
-  }, [c, v]), g = L(() => {
-    m(!0);
-  }, []), C = L(() => {
-    m(!1);
+  }, [c, g]), v = L(() => {
+    f(!0);
+  }, []), S = L(() => {
+    f(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
@@ -1071,7 +1072,7 @@ const xo = (e) => {
       style: {
         ...o,
         "--rp-rotate": `${c}deg`,
-        "--rp-page-rotate-translate": `${S}`,
+        "--rp-page-rotate-translate": `${b}`,
         "--scale-factor": d
       },
       className: lt["rp-page-wrapper"],
@@ -1079,16 +1080,16 @@ const xo = (e) => {
         "div",
         {
           style: {
-            width: `${v.width}px`,
-            height: `${v.height}px`
+            width: `${g.width}px`,
+            height: `${g.height}px`
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(bo, { onLoading: g, onLoaded: C, pageNumber: n }),
+            /* @__PURE__ */ i(Co, { onLoading: v, onLoaded: S, pageNumber: n }),
             p && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Pt, {}) }),
-            s && /* @__PURE__ */ i(Po, { pageNumber: n }),
-            /* @__PURE__ */ i(Io, { pageNumber: n }),
-            /* @__PURE__ */ i(xo, { pageNumber: n })
+            s && /* @__PURE__ */ i(So, { pageNumber: n }),
+            /* @__PURE__ */ i(Lo, { pageNumber: n }),
+            /* @__PURE__ */ i(Io, { pageNumber: n })
           ]
         }
       )
@@ -1105,25 +1106,25 @@ function wt(e, t) {
     return n.__proto__ = o, n;
   }, wt(e, t);
 }
-function Lo(e, t) {
+function Ro(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
 var Zt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Ro(e, t) {
+function Eo(e, t) {
   return !!(e === t || Zt(e) && Zt(t));
 }
-function Eo(e, t) {
+function No(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Ro(e[n], t[n]))
+    if (!Eo(e[n], t[n]))
       return !1;
   return !0;
 }
 function ut(e, t) {
-  t === void 0 && (t = Eo);
+  t === void 0 && (t = No);
   var n, o = [], r, a = !1;
   function c() {
     for (var s = [], d = 0; d < arguments.length; d++)
@@ -1144,7 +1145,7 @@ function Bt(e, t) {
     }
   return n;
 }
-var No = typeof performance == "object" && typeof performance.now == "function", jt = No ? function() {
+var Oo = typeof performance == "object" && typeof performance.now == "function", jt = Oo ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1152,7 +1153,7 @@ var No = typeof performance == "object" && typeof performance.now == "function",
 function Kt(e) {
   cancelAnimationFrame(e.id);
 }
-function Oo(e, t) {
+function Do(e, t) {
   var n = jt();
   function o() {
     jt() - n >= t ? e.call(null) : r.id = requestAnimationFrame(o);
@@ -1163,7 +1164,7 @@ function Oo(e, t) {
   return r;
 }
 var pt = -1;
-function Do(e) {
+function zo(e) {
   if (e === void 0 && (e = !1), pt === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), pt = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -1180,20 +1181,20 @@ function Xt(e) {
   }
   return Re;
 }
-var zo = 150, Ao = function(t) {
+var Ao = 150, Fo = function(t) {
   var n = t.columnIndex;
   t.data;
   var o = t.rowIndex;
   return o + ":" + n;
-}, Ve = null, Ue = null, qe = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ve = /* @__PURE__ */ new WeakSet(), Ue = /* @__PURE__ */ new WeakSet(), qe = /* @__PURE__ */ new WeakSet());
-function Fo(e) {
-  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, d = e.getOffsetForColumnAndAlignment, u = e.getOffsetForRowAndAlignment, p = e.getRowHeight, m = e.getRowOffset, h = e.getRowStartIndexForOffset, v = e.getRowStopIndexForStartIndex, b = e.initInstanceProps, S = e.shouldResetStyleCacheOnItemSizeChange, g = e.validateProps;
-  return t = /* @__PURE__ */ function(C) {
-    Lo(f, C);
-    function f(T) {
+}, Ue = null, qe = null, Ze = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ue = /* @__PURE__ */ new WeakSet(), qe = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet());
+function ko(e) {
+  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, d = e.getOffsetForColumnAndAlignment, u = e.getOffsetForRowAndAlignment, p = e.getRowHeight, f = e.getRowOffset, h = e.getRowStartIndexForOffset, g = e.getRowStopIndexForStartIndex, P = e.initInstanceProps, b = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
+  return t = /* @__PURE__ */ function(S) {
+    Ro(m, S);
+    function m(C) {
       var l;
-      return l = C.call(this, T) || this, l._instanceProps = b(l.props, qt(l)), l._resetIsScrollingTimeoutId = null, l._outerRef = void 0, l.state = {
+      return l = S.call(this, C) || this, l._instanceProps = P(l.props, qt(l)), l._resetIsScrollingTimeoutId = null, l._outerRef = void 0, l.state = {
         instance: qt(l),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1201,9 +1202,9 @@ function Fo(e) {
         scrollTop: typeof l.props.initialScrollTop == "number" ? l.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, l._callOnItemsRendered = void 0, l._callOnItemsRendered = ut(function(P, _, y, E, I, N, R, z) {
+      }, l._callOnItemsRendered = void 0, l._callOnItemsRendered = ut(function(T, _, y, E, I, N, R, z) {
         return l.props.onItemsRendered({
-          overscanColumnStartIndex: P,
+          overscanColumnStartIndex: T,
           overscanColumnStopIndex: _,
           overscanRowStartIndex: y,
           overscanRowStopIndex: E,
@@ -1212,16 +1213,16 @@ function Fo(e) {
           visibleRowStartIndex: R,
           visibleRowStopIndex: z
         });
-      }), l._callOnScroll = void 0, l._callOnScroll = ut(function(P, _, y, E, I) {
+      }), l._callOnScroll = void 0, l._callOnScroll = ut(function(T, _, y, E, I) {
         return l.props.onScroll({
           horizontalScrollDirection: y,
-          scrollLeft: P,
+          scrollLeft: T,
           scrollTop: _,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: I
         });
-      }), l._getItemStyle = void 0, l._getItemStyle = function(P, _) {
-        var y = l.props, E = y.columnWidth, I = y.direction, N = y.rowHeight, R = l._getItemStyleCache(S && E, S && I, S && N), z = P + ":" + _, O;
+      }), l._getItemStyle = void 0, l._getItemStyle = function(T, _) {
+        var y = l.props, E = y.columnWidth, I = y.direction, N = y.rowHeight, R = l._getItemStyleCache(b && E, b && I, b && N), z = T + ":" + _, O;
         if (R.hasOwnProperty(z))
           O = R[z];
         else {
@@ -1230,16 +1231,16 @@ function Fo(e) {
             position: "absolute",
             left: x ? void 0 : D,
             right: x ? D : void 0,
-            top: m(l.props, P, l._instanceProps),
-            height: p(l.props, P, l._instanceProps),
+            top: f(l.props, T, l._instanceProps),
+            height: p(l.props, T, l._instanceProps),
             width: a(l.props, _, l._instanceProps)
           };
         }
         return O;
-      }, l._getItemStyleCache = void 0, l._getItemStyleCache = ut(function(P, _, y) {
+      }, l._getItemStyleCache = void 0, l._getItemStyleCache = ut(function(T, _, y) {
         return {};
-      }), l._onScroll = function(P) {
-        var _ = P.currentTarget, y = _.clientHeight, E = _.clientWidth, I = _.scrollLeft, N = _.scrollTop, R = _.scrollHeight, z = _.scrollWidth;
+      }), l._onScroll = function(T) {
+        var _ = T.currentTarget, y = _.clientHeight, E = _.clientWidth, I = _.scrollLeft, N = _.scrollTop, R = _.scrollHeight, z = _.scrollWidth;
         l.setState(function(O) {
           if (O.scrollLeft === I && O.scrollTop === N)
             return null;
@@ -1264,11 +1265,11 @@ function Fo(e) {
             scrollUpdateWasRequested: !1
           };
         }, l._resetIsScrollingDebounced);
-      }, l._outerRefSetter = function(P) {
+      }, l._outerRefSetter = function(T) {
         var _ = l.props.outerRef;
-        l._outerRef = P, typeof _ == "function" ? _(P) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = P);
+        l._outerRef = T, typeof _ == "function" ? _(T) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = T);
       }, l._resetIsScrollingDebounced = function() {
-        l._resetIsScrollingTimeoutId !== null && Kt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Oo(l._resetIsScrolling, zo);
+        l._resetIsScrollingTimeoutId !== null && Kt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Do(l._resetIsScrolling, Ao);
       }, l._resetIsScrolling = function() {
         l._resetIsScrollingTimeoutId = null, l.setState({
           isScrolling: !1
@@ -1277,23 +1278,23 @@ function Fo(e) {
         });
       }, l;
     }
-    f.getDerivedStateFromProps = function(l, P) {
-      return ko(l, P), g(l), null;
+    m.getDerivedStateFromProps = function(l, T) {
+      return Mo(l, T), v(l), null;
     };
-    var w = f.prototype;
+    var w = m.prototype;
     return w.scrollTo = function(l) {
-      var P = l.scrollLeft, _ = l.scrollTop;
-      P !== void 0 && (P = Math.max(0, P)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(y) {
-        return P === void 0 && (P = y.scrollLeft), _ === void 0 && (_ = y.scrollTop), y.scrollLeft === P && y.scrollTop === _ ? null : {
-          horizontalScrollDirection: y.scrollLeft < P ? "forward" : "backward",
-          scrollLeft: P,
+      var T = l.scrollLeft, _ = l.scrollTop;
+      T !== void 0 && (T = Math.max(0, T)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(y) {
+        return T === void 0 && (T = y.scrollLeft), _ === void 0 && (_ = y.scrollTop), y.scrollLeft === T && y.scrollTop === _ ? null : {
+          horizontalScrollDirection: y.scrollLeft < T ? "forward" : "backward",
+          scrollLeft: T,
           scrollTop: _,
           scrollUpdateWasRequested: !0,
           verticalScrollDirection: y.scrollTop < _ ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, w.scrollToItem = function(l) {
-      var P = l.align, _ = P === void 0 ? "auto" : P, y = l.columnIndex, E = l.rowIndex, I = this.props, N = I.columnCount, R = I.height, z = I.rowCount, O = I.width, D = this.state, x = D.scrollLeft, k = D.scrollTop, $ = Do();
+      var T = l.align, _ = T === void 0 ? "auto" : T, y = l.columnIndex, E = l.rowIndex, I = this.props, N = I.columnCount, R = I.height, z = I.rowCount, O = I.width, D = this.state, x = D.scrollLeft, k = D.scrollTop, $ = zo();
       y !== void 0 && (y = Math.max(0, Math.min(y, N - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
       var j = c(this.props, this._instanceProps), Y = s(this.props, this._instanceProps), q = Y > O ? $ : 0, B = j > R ? $ : 0;
       this.scrollTo({
@@ -1301,14 +1302,14 @@ function Fo(e) {
         scrollTop: E !== void 0 ? u(this.props, E, _, k, this._instanceProps, q) : k
       });
     }, w.componentDidMount = function() {
-      var l = this.props, P = l.initialScrollLeft, _ = l.initialScrollTop;
+      var l = this.props, T = l.initialScrollLeft, _ = l.initialScrollTop;
       if (this._outerRef != null) {
         var y = this._outerRef;
-        typeof P == "number" && (y.scrollLeft = P), typeof _ == "number" && (y.scrollTop = _);
+        typeof T == "number" && (y.scrollLeft = T), typeof _ == "number" && (y.scrollTop = _);
       }
       this._callPropsCallbacks();
     }, w.componentDidUpdate = function() {
-      var l = this.props.direction, P = this.state, _ = P.scrollLeft, y = P.scrollTop, E = P.scrollUpdateWasRequested;
+      var l = this.props.direction, T = this.state, _ = T.scrollLeft, y = T.scrollTop, E = T.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var I = this._outerRef;
         if (l === "rtl")
@@ -1332,11 +1333,11 @@ function Fo(e) {
     }, w.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Kt(this._resetIsScrollingTimeoutId);
     }, w.render = function() {
-      var l = this.props, P = l.children, _ = l.className, y = l.columnCount, E = l.direction, I = l.height, N = l.innerRef, R = l.innerElementType, z = l.innerTagName, O = l.itemData, D = l.itemKey, x = D === void 0 ? Ao : D, k = l.outerElementType, $ = l.outerTagName, j = l.rowCount, Y = l.style, q = l.useIsScrolling, B = l.width, ie = this.state.isScrolling, pe = this._getHorizontalRangeToRender(), J = pe[0], ae = pe[1], Q = this._getVerticalRangeToRender(), Ie = Q[0], Ce = Q[1], Le = [];
+      var l = this.props, T = l.children, _ = l.className, y = l.columnCount, E = l.direction, I = l.height, N = l.innerRef, R = l.innerElementType, z = l.innerTagName, O = l.itemData, D = l.itemKey, x = D === void 0 ? Fo : D, k = l.outerElementType, $ = l.outerTagName, j = l.rowCount, Y = l.style, q = l.useIsScrolling, B = l.width, ie = this.state.isScrolling, pe = this._getHorizontalRangeToRender(), J = pe[0], ae = pe[1], Q = this._getVerticalRangeToRender(), Ie = Q[0], Ce = Q[1], Le = [];
       if (y > 0 && j)
         for (var le = Ie; le <= Ce; le++)
           for (var he = J; he <= ae; he++)
-            Le.push(Ge(P, {
+            Le.push(Ve(T, {
               columnIndex: he,
               data: O,
               isScrolling: q ? ie : void 0,
@@ -1349,7 +1350,7 @@ function Fo(e) {
               style: this._getItemStyle(le, he)
             }));
       var De = c(this.props, this._instanceProps), rt = s(this.props, this._instanceProps);
-      return Ge(k || $ || "div", {
+      return Ve(k || $ || "div", {
         className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -1362,7 +1363,7 @@ function Fo(e) {
           willChange: "transform",
           direction: E
         }, Y)
-      }, Ge(R || z || "div", {
+      }, Ve(R || z || "div", {
         children: Le,
         ref: N,
         style: {
@@ -1372,8 +1373,8 @@ function Fo(e) {
         }
       }));
     }, w._callPropsCallbacks = function() {
-      var l = this.props, P = l.columnCount, _ = l.onItemsRendered, y = l.onScroll, E = l.rowCount;
-      if (typeof _ == "function" && P > 0 && E > 0) {
+      var l = this.props, T = l.columnCount, _ = l.onItemsRendered, y = l.onScroll, E = l.rowCount;
+      if (typeof _ == "function" && T > 0 && E > 0) {
         var I = this._getHorizontalRangeToRender(), N = I[0], R = I[1], z = I[2], O = I[3], D = this._getVerticalRangeToRender(), x = D[0], k = D[1], $ = D[2], j = D[3];
         this._callOnItemsRendered(N, R, x, k, z, O, $, j);
       }
@@ -1382,28 +1383,28 @@ function Fo(e) {
         this._callOnScroll(B, ie, q, J, pe);
       }
     }, w._getHorizontalRangeToRender = function() {
-      var l = this.props, P = l.columnCount, _ = l.overscanColumnCount, y = l.overscanColumnsCount, E = l.overscanCount, I = l.rowCount, N = this.state, R = N.horizontalScrollDirection, z = N.isScrolling, O = N.scrollLeft, D = _ || y || E || 1;
-      if (P === 0 || I === 0)
+      var l = this.props, T = l.columnCount, _ = l.overscanColumnCount, y = l.overscanColumnsCount, E = l.overscanCount, I = l.rowCount, N = this.state, R = N.horizontalScrollDirection, z = N.isScrolling, O = N.scrollLeft, D = _ || y || E || 1;
+      if (T === 0 || I === 0)
         return [0, 0, 0, 0];
       var x = o(this.props, O, this._instanceProps), k = r(this.props, x, O, this._instanceProps), $ = !z || R === "backward" ? Math.max(1, D) : 1, j = !z || R === "forward" ? Math.max(1, D) : 1;
-      return [Math.max(0, x - $), Math.max(0, Math.min(P - 1, k + j)), x, k];
+      return [Math.max(0, x - $), Math.max(0, Math.min(T - 1, k + j)), x, k];
     }, w._getVerticalRangeToRender = function() {
-      var l = this.props, P = l.columnCount, _ = l.overscanCount, y = l.overscanRowCount, E = l.overscanRowsCount, I = l.rowCount, N = this.state, R = N.isScrolling, z = N.verticalScrollDirection, O = N.scrollTop, D = y || E || _ || 1;
-      if (P === 0 || I === 0)
+      var l = this.props, T = l.columnCount, _ = l.overscanCount, y = l.overscanRowCount, E = l.overscanRowsCount, I = l.rowCount, N = this.state, R = N.isScrolling, z = N.verticalScrollDirection, O = N.scrollTop, D = y || E || _ || 1;
+      if (T === 0 || I === 0)
         return [0, 0, 0, 0];
-      var x = h(this.props, O, this._instanceProps), k = v(this.props, x, O, this._instanceProps), $ = !R || z === "backward" ? Math.max(1, D) : 1, j = !R || z === "forward" ? Math.max(1, D) : 1;
+      var x = h(this.props, O, this._instanceProps), k = g(this.props, x, O, this._instanceProps), $ = !R || z === "backward" ? Math.max(1, D) : 1, j = !R || z === "forward" ? Math.max(1, D) : 1;
       return [Math.max(0, x - $), Math.max(0, Math.min(I - 1, k + j)), x, k];
-    }, f;
+    }, m;
   }(tr), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, t;
 }
-var ko = function(t, n) {
-  var o = t.children, r = t.direction, a = t.height, c = t.innerTagName, s = t.outerTagName, d = t.overscanColumnsCount, u = t.overscanCount, p = t.overscanRowsCount, m = t.width, h = n.instance;
+var Mo = function(t, n) {
+  var o = t.children, r = t.direction, a = t.height, c = t.innerTagName, s = t.outerTagName, d = t.overscanColumnsCount, u = t.overscanCount, p = t.overscanRowsCount, f = t.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof u == "number" && Ve && !Ve.has(h) && (Ve.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof p == "number") && Ue && !Ue.has(h) && (Ue.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || s != null) && qe && !qe.has(h) && (qe.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof u == "number" && Ue && !Ue.has(h) && (Ue.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof p == "number") && qe && !qe.has(h) && (qe.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || s != null) && Ze && !Ze.has(h) && (Ze.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1412,8 +1413,8 @@ var ko = function(t, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
-    if (typeof m != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (m === null ? "null" : typeof m) + '" was specified.'));
+    if (typeof f != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (f === null ? "null" : typeof f) + '" was specified.'));
     if (typeof a != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
@@ -1442,11 +1443,11 @@ var ko = function(t, n) {
       d = u.offset + u.size;
     }
     for (var p = s + 1; p <= o; p++) {
-      var m = c(p);
+      var f = c(p);
       a[p] = {
         offset: d,
-        size: m
-      }, d += m;
+        size: f
+      }, d += f;
     }
     t === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
@@ -1455,7 +1456,7 @@ var ko = function(t, n) {
   var a, c;
   t === "column" ? (a = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
   var s = c > 0 ? a[c].offset : 0;
-  return s >= r ? Rn(t, n, o, c, 0, r) : Mo(t, n, o, Math.max(0, c), r);
+  return s >= r ? Rn(t, n, o, c, 0, r) : Wo(t, n, o, Math.max(0, c), r);
 }, Rn = function(t, n, o, r, a, c) {
   for (; a <= r; ) {
     var s = a + Math.floor((r - a) / 2), d = me(t, n, s, o).offset;
@@ -1464,24 +1465,24 @@ var ko = function(t, n) {
     d < c ? a = s + 1 : d > c && (r = s - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, Mo = function(t, n, o, r, a) {
+}, Wo = function(t, n, o, r, a) {
   for (var c = t === "column" ? n.columnCount : n.rowCount, s = 1; r < c && me(t, n, r, o).offset < a; )
     r += s, s *= 2;
   return Rn(t, n, o, Math.min(r, c - 1), Math.floor(r / 2), a);
 }, Qt = function(t, n, o, r, a, c, s) {
-  var d = t === "column" ? n.width : n.height, u = me(t, n, o, c), p = t === "column" ? Ln(n, c) : In(n, c), m = Math.max(0, Math.min(p - d, u.offset)), h = Math.max(0, u.offset - d + s + u.size);
-  switch (r === "smart" && (a >= h - d && a <= m + d ? r = "auto" : r = "center"), r) {
+  var d = t === "column" ? n.width : n.height, u = me(t, n, o, c), p = t === "column" ? Ln(n, c) : In(n, c), f = Math.max(0, Math.min(p - d, u.offset)), h = Math.max(0, u.offset - d + s + u.size);
+  switch (r === "smart" && (a >= h - d && a <= f + d ? r = "auto" : r = "center"), r) {
     case "start":
-      return m;
+      return f;
     case "end":
       return h;
     case "center":
-      return Math.round(h + (m - h) / 2);
+      return Math.round(h + (f - h) / 2);
     case "auto":
     default:
-      return a >= h && a <= m ? a : h > m || a < h ? h : m;
+      return a >= h && a <= f ? a : h > f || a < h ? h : f;
   }
-}, Wo = /* @__PURE__ */ Fo({
+}, Ho = /* @__PURE__ */ ko({
   getColumnOffset: function(t, n, o) {
     return me("column", t, n, o).offset;
   },
@@ -1538,8 +1539,8 @@ var ko = function(t, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(s) {
-      var d = s.columnIndex, u = s.rowIndex, p = s.shouldForceUpdate, m = p === void 0 ? !0 : p;
-      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof u == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, u - 1)), n._getItemStyleCache(-1), m && n.forceUpdate();
+      var d = s.columnIndex, u = s.rowIndex, p = s.shouldForceUpdate, f = p === void 0 ? !0 : p;
+      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof u == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, u - 1)), n._getItemStyleCache(-1), f && n.forceUpdate();
     }, c;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1563,30 +1564,30 @@ function en(e, t) {
       return !0;
   return !1;
 }
-var Ho = ["style"], $o = ["style"];
-function Go(e, t) {
-  var n = e.style, o = Bt(e, Ho), r = t.style, a = Bt(t, $o);
+var $o = ["style"], Go = ["style"];
+function Vo(e, t) {
+  var n = e.style, o = Bt(e, $o), r = t.style, a = Bt(t, Go);
   return !en(n, r) && !en(o, a);
 }
-const Vo = () => {
-  const { viewMode: e } = Qe(), { scrollMode: t } = Oe(), { setColumnCount: n } = pn(), { virtualScrollableElementRef: o } = et(), r = tt(), a = L(
-    (v) => r.widths[v] || 0,
+const Uo = () => {
+  const { viewMode: e } = He(), { scrollMode: t } = Oe(), { setColumnCount: n } = pn(), { virtualScrollableElementRef: o } = et(), r = tt(), a = L(
+    (g) => r.widths[g] || 0,
     [r.widths]
   ), c = L(
-    (v) => r.heights[v] || 0,
+    (g) => r.heights[g] || 0,
     [r.heights]
-  ), s = M(() => r.heights.length, [r.heights]), d = M(() => Math.max(...r.widths), [r.widths]), u = M(() => t === ee.HORIZONTAL_SCROLLING ? s : e === Ze.DUAL_PAGE ? 2 : 1, [e, t, t, s, o, d]);
+  ), s = M(() => r.heights.length, [r.heights]), d = M(() => Math.max(...r.widths), [r.widths]), u = M(() => t === ee.HORIZONTAL_SCROLLING ? s : e === Be.DUAL_PAGE ? 2 : 1, [e, t, t, s, o, d]);
   F(() => {
     n(u);
   }, [u, n]);
-  const p = M(() => t === ee.HORIZONTAL_SCROLLING || t === ee.PAGE_SCROLLING ? 1 : Math.round(s / u), [u, s, t]), m = M(() => r.heights.reduce((v, b) => v + b, 0) / r.heights.length || 0, [r]), h = M(() => r.widths.reduce((v, b) => v + b, 0) / r.heights.length || 0, [r]);
+  const p = M(() => t === ee.HORIZONTAL_SCROLLING || t === ee.PAGE_SCROLLING ? 1 : Math.round(s / u), [u, s, t]), f = M(() => r.heights.reduce((g, P) => g + P, 0) / r.heights.length || 0, [r]), h = M(() => r.widths.reduce((g, P) => g + P, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: p,
     rowHeight: c,
     columnCount: u,
     columnWidth: a,
     pageDimension: r,
-    estimatedRowHeight: m,
+    estimatedRowHeight: f,
     estimatedColumnWidth: h
   };
 };
@@ -1606,69 +1607,69 @@ mt == null || rn == null ? (bt = ht, Ct = function(t) {
   }, tn);
   return [n, o];
 });
-function Uo(e) {
+function qo(e) {
   let t, n, o, r, a, c, s;
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
-    c = function(C) {
-      const f = C.__resizeTriggers__, w = f.firstElementChild, T = f.lastElementChild, l = w.firstElementChild;
-      T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight, l.style.width = w.offsetWidth + 1 + "px", l.style.height = w.offsetHeight + 1 + "px", w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight;
-    }, a = function(C) {
-      return C.offsetWidth !== C.__resizeLast__.width || C.offsetHeight !== C.__resizeLast__.height;
-    }, s = function(C) {
-      if (C.target.className && typeof C.target.className.indexOf == "function" && C.target.className.indexOf("contract-trigger") < 0 && C.target.className.indexOf("expand-trigger") < 0)
+    c = function(S) {
+      const m = S.__resizeTriggers__, w = m.firstElementChild, C = m.lastElementChild, l = w.firstElementChild;
+      C.scrollLeft = C.scrollWidth, C.scrollTop = C.scrollHeight, l.style.width = w.offsetWidth + 1 + "px", l.style.height = w.offsetHeight + 1 + "px", w.scrollLeft = w.scrollWidth, w.scrollTop = w.scrollHeight;
+    }, a = function(S) {
+      return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
+    }, s = function(S) {
+      if (S.target.className && typeof S.target.className.indexOf == "function" && S.target.className.indexOf("contract-trigger") < 0 && S.target.className.indexOf("expand-trigger") < 0)
         return;
-      const f = this;
+      const m = this;
       c(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
-        a(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(l) {
-          l.call(f, C);
+        a(m) && (m.__resizeLast__.width = m.offsetWidth, m.__resizeLast__.height = m.offsetHeight, m.__resizeListeners__.forEach(function(l) {
+          l.call(m, S);
         }));
       });
     };
-    let h = !1, v = "";
+    let h = !1, g = "";
     o = "animationstart";
-    const b = "Webkit Moz O ms".split(" ");
-    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), g = "";
+    const P = "Webkit Moz O ms".split(" ");
+    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
     {
-      const C = document.createElement("fakeelement");
-      if (C.style.animationName !== void 0 && (h = !0), h === !1) {
-        for (let f = 0; f < b.length; f++)
-          if (C.style[b[f] + "AnimationName"] !== void 0) {
-            g = b[f], v = "-" + g.toLowerCase() + "-", o = S[f], h = !0;
+      const S = document.createElement("fakeelement");
+      if (S.style.animationName !== void 0 && (h = !0), h === !1) {
+        for (let m = 0; m < P.length; m++)
+          if (S.style[P[m] + "AnimationName"] !== void 0) {
+            v = P[m], g = "-" + v.toLowerCase() + "-", o = b[m], h = !0;
             break;
           }
       }
     }
-    n = "resizeanim", t = "@" + v + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = v + "animation: 1ms " + n + "; ";
+    n = "resizeanim", t = "@" + g + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = g + "animation: 1ms " + n + "; ";
   }
   const u = function(h) {
     if (!h.getElementById("detectElementResize")) {
-      const v = (t || "") + ".resize-triggers { " + (r || "") + '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%; }', b = h.head || h.getElementsByTagName("head")[0], S = h.createElement("style");
-      S.id = "detectElementResize", S.type = "text/css", e != null && S.setAttribute("nonce", e), S.styleSheet ? S.styleSheet.cssText = v : S.appendChild(h.createTextNode(v)), b.appendChild(S);
+      const g = (t || "") + ".resize-triggers { " + (r || "") + '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%; }', P = h.head || h.getElementsByTagName("head")[0], b = h.createElement("style");
+      b.id = "detectElementResize", b.type = "text/css", e != null && b.setAttribute("nonce", e), b.styleSheet ? b.styleSheet.cssText = g : b.appendChild(h.createTextNode(g)), P.appendChild(b);
     }
   };
   return {
-    addResizeListener: function(h, v) {
+    addResizeListener: function(h, g) {
       if (d)
-        h.attachEvent("onresize", v);
+        h.attachEvent("onresize", g);
       else {
         if (!h.__resizeTriggers__) {
-          const b = h.ownerDocument, S = re.getComputedStyle(h);
-          S && S.position === "static" && (h.style.position = "relative"), u(b), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = b.createElement("div")).className = "resize-triggers";
-          const g = b.createElement("div");
-          g.className = "expand-trigger", g.appendChild(b.createElement("div"));
-          const C = b.createElement("div");
-          C.className = "contract-trigger", h.__resizeTriggers__.appendChild(g), h.__resizeTriggers__.appendChild(C), h.appendChild(h.__resizeTriggers__), c(h), h.addEventListener("scroll", s, !0), o && (h.__resizeTriggers__.__animationListener__ = function(w) {
+          const P = h.ownerDocument, b = re.getComputedStyle(h);
+          b && b.position === "static" && (h.style.position = "relative"), u(P), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
+          const v = P.createElement("div");
+          v.className = "expand-trigger", v.appendChild(P.createElement("div"));
+          const S = P.createElement("div");
+          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(v), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), c(h), h.addEventListener("scroll", s, !0), o && (h.__resizeTriggers__.__animationListener__ = function(w) {
             w.animationName === n && c(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        h.__resizeListeners__.push(v);
+        h.__resizeListeners__.push(g);
       }
     },
-    removeResizeListener: function(h, v) {
+    removeResizeListener: function(h, g) {
       if (d)
-        h.detachEvent("onresize", v);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(v), 1), !h.__resizeListeners__.length) {
+        h.detachEvent("onresize", g);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(g), 1), !h.__resizeListeners__.length) {
         h.removeEventListener("scroll", s, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
           h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
@@ -1678,7 +1679,7 @@ function Uo(e) {
     }
   };
 }
-class qo extends nr {
+class Zo extends nr {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1693,17 +1694,17 @@ class qo extends nr {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), u = parseFloat(a.paddingBottom || "0"), p = this._parentNode.getBoundingClientRect(), m = p.height - d - u, h = p.width - c - s, v = this._parentNode.offsetHeight - d - u, b = this._parentNode.offsetWidth - c - s;
-        (!n && (this.state.height !== v || this.state.scaledHeight !== m) || !o && (this.state.width !== b || this.state.scaledWidth !== h)) && (this.setState({
-          height: v,
-          width: b,
-          scaledHeight: m,
+        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), u = parseFloat(a.paddingBottom || "0"), p = this._parentNode.getBoundingClientRect(), f = p.height - d - u, h = p.width - c - s, g = this._parentNode.offsetHeight - d - u, P = this._parentNode.offsetWidth - c - s;
+        (!n && (this.state.height !== g || this.state.scaledHeight !== f) || !o && (this.state.width !== P || this.state.scaledWidth !== h)) && (this.setState({
+          height: g,
+          width: P,
+          scaledHeight: f,
           scaledWidth: h
         }), typeof r == "function" && r({
-          height: v,
-          scaledHeight: m,
+          height: g,
+          scaledHeight: f,
           scaledWidth: h,
-          width: b
+          width: P
         }));
       }
     }, this._setRef = (n) => {
@@ -1719,7 +1720,7 @@ class qo extends nr {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Uo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = qo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1737,27 +1738,27 @@ class qo extends nr {
       onResize: d,
       style: u = {},
       tagName: p = "div",
-      ...m
+      ...f
     } = this.props, {
       height: h,
-      scaledHeight: v,
-      scaledWidth: b,
-      width: S
-    } = this.state, g = {
+      scaledHeight: g,
+      scaledWidth: P,
+      width: b
+    } = this.state, v = {
       overflow: "visible"
-    }, C = {};
-    let f = !1;
-    return r || (h === 0 && (f = !0), g.height = 0, C.height = h, C.scaledHeight = v), a || (S === 0 && (f = !0), g.width = 0, C.width = S, C.scaledWidth = b), c && (f = !1), Ge(p, {
+    }, S = {};
+    let m = !1;
+    return r || (h === 0 && (m = !0), v.height = 0, S.height = h, S.scaledHeight = g), a || (b === 0 && (m = !0), v.width = 0, S.width = b, S.scaledWidth = P), c && (m = !1), Ve(p, {
       ref: this._setRef,
       style: {
-        ...g,
+        ...v,
         ...u
       },
-      ...m
-    }, !f && t(C));
+      ...f
+    }, !m && t(S));
   }
 }
-const Zo = ({ widths: e, heights: t }) => {
+const Bo = ({ widths: e, heights: t }) => {
   const { focusedPage: n, totalPages: o } = oe(), r = M(() => {
     const s = [], d = Math.ceil(n / 2) * 2 - 1;
     if (s.push(d), d + 1 < o) {
@@ -1781,7 +1782,7 @@ const Zo = ({ widths: e, heights: t }) => {
     }
   ], [e, t, r]), c = M(() => a.reduce((s, d) => s + Number(d.width || 0), 0), [a]);
   return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: r.map((s, d) => /* @__PURE__ */ i(Rt, { style: a[d], pageNumber: s }, s)) });
-}, Bo = ({ widths: e, heights: t }) => {
+}, jo = ({ widths: e, heights: t }) => {
   const { focusedPage: n } = oe(), o = M(() => ({
     position: "absolute",
     width: e(n - 1),
@@ -1797,72 +1798,72 @@ const Zo = ({ widths: e, heights: t }) => {
       children: /* @__PURE__ */ i(Rt, { style: o, pageNumber: n }, n)
     }
   );
-}, jo = (e, t, n) => {
-  const o = W(), { contentRef: r } = we(), { heights: a, widths: c } = tt(), { setFocusedPage: s } = oe(), [d, u] = H([]), { targetScrollPage: p } = fn(), m = St(d, 0, 500), h = M(() => a.map((b, S) => {
-    const g = c[S], C = Wr(S + 1, e), f = g * C.columnIndex, w = b * C.rowIndex, T = f + g, l = w + b;
+}, Ko = (e, t, n) => {
+  const o = W(), { contentRef: r } = we(), { heights: a, widths: c } = tt(), { setFocusedPage: s } = oe(), [d, u] = H([]), { targetScrollPage: p } = fn(), f = St(d, 0, 500), h = M(() => a.map((P, b) => {
+    const v = c[b], S = Wr(b + 1, e), m = v * S.columnIndex, w = P * S.rowIndex, C = m + v, l = w + P;
     return {
-      pageNumber: S + 1,
-      ...C,
-      width: g,
-      height: b,
-      startX: f,
+      pageNumber: b + 1,
+      ...S,
+      width: v,
+      height: P,
+      startX: m,
       startY: w,
-      endX: T,
+      endX: C,
       endY: l
     };
   }), [a, c, e, t]);
   F(() => {
-    var S;
-    m.length > 0 && !p.current && s(m[0].pageNumber);
-    let b = (S = m[0]) == null ? void 0 : S.ratio;
-    b && m.filter((g) => Math.round(g.ratio) === Math.round(b)).some((g) => g.pageNumber === p.current) && (p.current = void 0);
-  }, [m, s]);
-  const v = L(
-    (b) => {
+    var b;
+    f.length > 0 && !p.current && s(f[0].pageNumber);
+    let P = (b = f[0]) == null ? void 0 : b.ratio;
+    P && f.filter((v) => Math.round(v.ratio) === Math.round(P)).some((v) => v.pageNumber === p.current) && (p.current = void 0);
+  }, [f, s]);
+  const g = L(
+    (P) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const S = b.target, g = {
-          startTop: S.scrollTop,
-          startLeft: S.scrollLeft,
-          endTop: S.scrollTop + S.clientHeight,
-          endLeft: S.scrollLeft + S.clientWidth
-        }, C = h.filter((f) => {
-          const w = f.endX >= g.startLeft && f.endY >= g.startTop, T = f.startX <= g.endLeft && f.startY <= g.endTop;
-          return w && T;
-        }).map((f) => {
-          const w = g.startLeft > f.startX ? g.startLeft : f.startX, T = g.startTop > f.startY ? g.startTop : f.startY, l = g.endLeft < f.endX ? g.endLeft : f.endX, P = g.endTop < f.endY ? g.endTop : f.endY, _ = l - w, y = P - T, I = +(_ * y / (f.width * f.height) * 100).toFixed(2);
+        const b = P.target, v = {
+          startTop: b.scrollTop,
+          startLeft: b.scrollLeft,
+          endTop: b.scrollTop + b.clientHeight,
+          endLeft: b.scrollLeft + b.clientWidth
+        }, S = h.filter((m) => {
+          const w = m.endX >= v.startLeft && m.endY >= v.startTop, C = m.startX <= v.endLeft && m.startY <= v.endTop;
+          return w && C;
+        }).map((m) => {
+          const w = v.startLeft > m.startX ? v.startLeft : m.startX, C = v.startTop > m.startY ? v.startTop : m.startY, l = v.endLeft < m.endX ? v.endLeft : m.endX, T = v.endTop < m.endY ? v.endTop : m.endY, _ = l - w, y = T - C, I = +(_ * y / (m.width * m.height) * 100).toFixed(2);
           return {
-            pageNumber: f.pageNumber,
+            pageNumber: m.pageNumber,
             ratio: I
           };
-        }).sort((f, w) => w.ratio - f.ratio);
-        u(C);
+        }).sort((m, w) => w.ratio - m.ratio);
+        u(S);
       });
     },
     [r, h]
   );
   F(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", v), () => {
-        n == null || n.removeEventListener("scroll", v);
+      return n == null || n.addEventListener("scroll", g), () => {
+        n == null || n.removeEventListener("scroll", g);
       };
-  }, [n, v]);
-}, Ko = rr(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
+  }, [n, g]);
+}, Xo = rr(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
   const r = Hr(t, e, n.columnCount);
   return /* @__PURE__ */ i(Rt, { style: o, pageNumber: r }, r);
-}, Go), Rs = () => {
+}, Vo), Ns = () => {
   const { initialPage: e = 1, initialScrollMode: t, instanceId: n } = cr(), { pagesRef: o, setPagesRef: r } = we(), { scrollToPage: a } = Cn(), {
     virtualScrollRef: c,
     getVirtualScrollRef: s,
     getPageScrollElementRef: d,
     getVirtualScrollableElementRef: u,
     setTotalInnerDimensions: p,
-    virtualScrollableElementRef: m,
+    virtualScrollableElementRef: f,
     totalInnerDimensions: h,
-    pageScrollElementRef: v
-  } = et(), b = W(!0), { nextPage: S, prevPage: g, setFocusedPage: C, focusedPage: f } = oe(), { scrollMode: w } = Oe(), { viewMode: T } = Qe(), l = W(null), { loading: P } = X(), { LoaderImageComponent: _ } = gn(), y = W(
+    pageScrollElementRef: g
+  } = et(), P = W(!0), { nextPage: b, prevPage: v, setFocusedPage: S, focusedPage: m } = oe(), { scrollMode: w } = Oe(), { viewMode: C } = He(), l = W(null), { loading: T } = X(), { LoaderImageComponent: _ } = gn(), y = W(
     h
   ), E = W({
-    viewMode: T,
+    viewMode: C,
     scrollMode: w
   }), I = W(!1), N = W(), { isFullScreen: R } = lr(), {
     pageDimension: z,
@@ -1872,8 +1873,8 @@ const Zo = ({ widths: e, heights: t }) => {
     columnWidth: k,
     estimatedColumnWidth: $,
     estimatedRowHeight: j
-  } = Vo(), Y = St(h, 100), q = W();
-  jo(x, O, m);
+  } = Uo(), Y = St(h, 100), q = W();
+  Ko(x, O, f);
   const B = W({
     scrollTop: 0,
     scrollLeft: 0
@@ -1886,9 +1887,9 @@ const Zo = ({ widths: e, heights: t }) => {
   }), [x]), Ce = L(
     (G) => {
       const V = document.activeElement !== o;
-      !R && V || (["ArrowUp", "ArrowLeft"].includes(G.key) ? (G.preventDefault(), g()) : ["ArrowDown", "ArrowRight"].includes(G.key) && (G.preventDefault(), S()));
+      !R && V || (["ArrowUp", "ArrowLeft"].includes(G.key) ? (G.preventDefault(), v()) : ["ArrowDown", "ArrowRight"].includes(G.key) && (G.preventDefault(), b()));
     },
-    [S, g, R, w]
+    [b, v, R, w]
   );
   F(() => (window.addEventListener("keydown", Ce), () => {
     window.removeEventListener("keydown", Ce);
@@ -1904,21 +1905,21 @@ const Zo = ({ widths: e, heights: t }) => {
   }, [O, x, z, c]);
   const Le = L(
     (G, V) => {
-      if (!m)
+      if (!f)
         return { scrollTop: 0, scrollLeft: 0 };
       const Te = B.current.scrollTop > V, Pe = B.current.scrollLeft > G;
       return Te || Pe ? B.current : {
-        scrollTop: m.scrollTop,
-        scrollLeft: m.scrollLeft
+        scrollTop: f.scrollTop,
+        scrollLeft: f.scrollLeft
       };
     },
-    [m]
+    [f]
   ), le = L(
     (G, V) => {
-      if (E.current.viewMode !== T || E.current.scrollMode !== w) {
-        q.current && clearTimeout(q.current), I.current = !0, a(f, "auto"), q.current = setTimeout(() => {
+      if (E.current.viewMode !== C || E.current.scrollMode !== w) {
+        q.current && clearTimeout(q.current), I.current = !0, a(m, "auto"), q.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            E.current = { viewMode: T, scrollMode: w };
+            E.current = { viewMode: C, scrollMode: w };
           });
         }, 100);
         return;
@@ -1943,7 +1944,7 @@ const Zo = ({ widths: e, heights: t }) => {
         width: V.width
       };
     },
-    [c, T, w, a]
+    [c, C, w, a]
   );
   F(() => {
     clearTimeout(N.current);
@@ -1966,7 +1967,7 @@ const Zo = ({ widths: e, heights: t }) => {
         scrollLeft: G.scrollLeft
       };
     },
-    [m]
+    [f]
   );
   F(() => () => {
     q.current && clearTimeout(q.current);
@@ -1984,31 +1985,31 @@ const Zo = ({ widths: e, heights: t }) => {
     [Q, J, de]
   );
   return F(() => {
-    P && ae();
-  }, [P]), F(() => {
-    if (!(Y.height === 0 || !b.current)) {
+    T && ae();
+  }, [T]), F(() => {
+    if (!(Y.height === 0 || !P.current)) {
       if (t === ee.PAGE_SCROLLING) {
-        e !== f && v && C(e), b.current = !1;
+        e !== m && g && S(e), P.current = !1;
         return;
       }
-      a(e, "auto"), C(e), b.current = !1;
+      a(e, "auto"), S(e), P.current = !1;
     }
   }, [
     a,
     t,
-    v,
-    C,
+    g,
+    S,
     Y
-  ]), /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: De, children: /* @__PURE__ */ i(qo, { style: { minHeight: "50px" }, children: ({ width: G, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: rt, style: { width: G, height: V }, children: w === ee.PAGE_SCROLLING ? /* @__PURE__ */ i(
+  ]), /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: De, children: /* @__PURE__ */ i(Zo, { style: { minHeight: "50px" }, children: ({ width: G, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: rt, style: { width: G, height: V }, children: w === ee.PAGE_SCROLLING ? /* @__PURE__ */ i(
     "div",
     {
       ref: d,
       style: { width: G, height: V },
       className: te(de["rp-pages"], de["rp-page-scrolling-wrapper"]),
-      children: T === Ze.DUAL_PAGE ? /* @__PURE__ */ i(Zo, { widths: k, heights: D }) : /* @__PURE__ */ i(Bo, { widths: k, heights: D })
+      children: C === Be.DUAL_PAGE ? /* @__PURE__ */ i(Bo, { widths: k, heights: D }) : /* @__PURE__ */ i(jo, { widths: k, heights: D })
     }
   ) : $ ? /* @__PURE__ */ i(
-    Wo,
+    Ho,
     {
       ref: s,
       itemData: Ie,
@@ -2027,9 +2028,9 @@ const Zo = ({ widths: e, heights: t }) => {
         de["rp-pages"],
         w === ee.HORIZONTAL_SCROLLING ? de["rp-pages-horizontal-scroll"] : ""
       ),
-      children: Ko
+      children: Xo
     }
-  ) : P ? null : /* @__PURE__ */ i(
+  ) : T ? null : /* @__PURE__ */ i(
     "div",
     {
       className: de["rp-loader"],
@@ -2053,28 +2054,28 @@ const Zo = ({ widths: e, heights: t }) => {
   "rp-paginate": "_rp-paginate_1y9vo_1",
   "rp-page-input": "_rp-page-input_1y9vo_6",
   "rp-total-page": "_rp-total-page_1y9vo_11"
-}, Xo = () => {
+}, Yo = () => {
   const { prevIcon: e } = ue();
   return e || /* @__PURE__ */ i(Me, {});
-}, Yo = () => {
+}, Jo = () => {
   const { nextIcon: e } = ue();
   return e || /* @__PURE__ */ i(Me, { style: { transform: "rotate(180deg" } });
-}, Jo = () => {
+}, Qo = () => {
   const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = oe(), [c, s] = H(e.toString()), { pageNavigationTool: d = !0 } = fe(), { isSmallScreen: u } = be(), { localeMessages: p } = se();
   F(() => {
     s(e.toString());
   }, [e]);
-  const m = L((S) => {
-    const g = S.target.value;
-    s(g);
+  const f = L((b) => {
+    const v = b.target.value;
+    s(v);
   }, []), h = L(async () => {
-    const S = a(c);
-    S.success || s(S.currentPage.toString());
-  }, [a, c, t]), v = L(() => {
+    const b = a(c);
+    b.success || s(b.currentPage.toString());
+  }, [a, c, t]), g = L(() => {
     s(e.toString());
-  }, [e]), b = L(
-    (S) => {
-      S.key === "Enter" && h();
+  }, [e]), P = L(
+    (b) => {
+      b.key === "Enter" && h();
     },
     [h]
   );
@@ -2095,15 +2096,15 @@ const Zo = ({ widths: e, heights: t }) => {
         onClick: r,
         "aria-label": p == null ? void 0 : p.previousPageTooltip,
         "aria-disabled": e === 1,
-        children: /* @__PURE__ */ i(Xo, {})
+        children: /* @__PURE__ */ i(Yo, {})
       }
     ) }),
     /* @__PURE__ */ i(Z, { content: p == null ? void 0 : p.currentPageTooltip, children: /* @__PURE__ */ i(
       un,
       {
-        onKeyDown: b,
-        onBlur: v,
-        onChange: m,
+        onKeyDown: P,
+        onBlur: g,
+        onChange: f,
         value: c,
         className: ft["rp-page-input"]
       }
@@ -2118,12 +2119,12 @@ const Zo = ({ widths: e, heights: t }) => {
         onClick: o,
         "aria-label": p == null ? void 0 : p.nextPageTooltip,
         "aria-disabled": e === t,
-        children: /* @__PURE__ */ i(Yo, {})
+        children: /* @__PURE__ */ i(Jo, {})
       }
     ) })
   ] }) : null;
 };
-var Et = "Dialog", [En, Es] = Ur(Et), [Qo, ce] = En(Et), Nn = (e) => {
+var Et = "Dialog", [En, Os] = Ur(Et), [ei, ce] = En(Et), Nn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -2137,7 +2138,7 @@ var Et = "Dialog", [En, Es] = Ur(Et), [Qo, ce] = En(Et), Nn = (e) => {
     onChange: a
   });
   return /* @__PURE__ */ i(
-    Qo,
+    ei,
     {
       scope: t,
       triggerRef: s,
@@ -2147,18 +2148,18 @@ var Et = "Dialog", [En, Es] = Ur(Et), [Qo, ce] = En(Et), Nn = (e) => {
       descriptionId: ct(),
       open: u,
       onOpenChange: p,
-      onOpenToggle: U.useCallback(() => p((m) => !m), [p]),
+      onOpenToggle: U.useCallback(() => p((f) => !f), [p]),
       modal: c,
       children: n
     }
   );
 };
 Nn.displayName = Et;
-var On = "DialogTrigger", ei = U.forwardRef(
+var On = "DialogTrigger", ti = U.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(On, n), a = yt(t, r.triggerRef);
     return /* @__PURE__ */ i(
-      He.button,
+      $e.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -2172,29 +2173,29 @@ var On = "DialogTrigger", ei = U.forwardRef(
     );
   }
 );
-ei.displayName = On;
-var Nt = "DialogPortal", [ti, Dn] = En(Nt, {
+ti.displayName = On;
+var Nt = "DialogPortal", [ni, Dn] = En(Nt, {
   forceMount: void 0
 }), zn = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = ce(Nt, t);
-  return /* @__PURE__ */ i(ti, { scope: t, forceMount: n, children: U.Children.map(o, (c) => /* @__PURE__ */ i(xt, { present: n || a.open, children: /* @__PURE__ */ i(Jr, { asChild: !0, container: r, children: c }) })) });
+  return /* @__PURE__ */ i(ni, { scope: t, forceMount: n, children: U.Children.map(o, (c) => /* @__PURE__ */ i(xt, { present: n || a.open, children: /* @__PURE__ */ i(Jr, { asChild: !0, container: r, children: c }) })) });
 };
 zn.displayName = Nt;
-var je = "DialogOverlay", An = U.forwardRef(
+var Ke = "DialogOverlay", An = U.forwardRef(
   (e, t) => {
-    const n = Dn(je, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = ce(je, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(xt, { present: o || a.open, children: /* @__PURE__ */ i(ni, { ...r, ref: t }) }) : null;
+    const n = Dn(Ke, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = ce(Ke, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i(xt, { present: o || a.open, children: /* @__PURE__ */ i(ri, { ...r, ref: t }) }) : null;
   }
 );
-An.displayName = je;
-var ni = U.forwardRef(
+An.displayName = Ke;
+var ri = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = ce(je, n);
+    const { __scopeDialog: n, ...o } = e, r = ce(Ke, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ i(Kr, { as: qr, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
-        He.div,
+        $e.div,
         {
           "data-state": Dt(r.open),
           ...o,
@@ -2207,11 +2208,11 @@ var ni = U.forwardRef(
 ), xe = "DialogContent", Fn = U.forwardRef(
   (e, t) => {
     const n = Dn(xe, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = ce(xe, e.__scopeDialog);
-    return /* @__PURE__ */ i(xt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ri, { ...r, ref: t }) : /* @__PURE__ */ i(oi, { ...r, ref: t }) });
+    return /* @__PURE__ */ i(xt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(oi, { ...r, ref: t }) : /* @__PURE__ */ i(ii, { ...r, ref: t }) });
   }
 );
 Fn.displayName = xe;
-var ri = U.forwardRef(
+var oi = U.forwardRef(
   (e, t) => {
     const n = ce(xe, e.__scopeDialog), o = U.useRef(null), r = yt(t, n.contentRef, o);
     return U.useEffect(() => {
@@ -2240,7 +2241,7 @@ var ri = U.forwardRef(
       }
     );
   }
-), oi = U.forwardRef(
+), ii = U.forwardRef(
   (e, t) => {
     const n = ce(xe, e.__scopeDialog), o = U.useRef(!1), r = U.useRef(!1);
     return /* @__PURE__ */ i(
@@ -2291,30 +2292,30 @@ var ri = U.forwardRef(
         }
       ),
       /* @__PURE__ */ A(_e, { children: [
-        /* @__PURE__ */ i(ai, { titleId: s.titleId }),
-        /* @__PURE__ */ i(ci, { contentRef: d, descriptionId: s.descriptionId })
+        /* @__PURE__ */ i(si, { titleId: s.titleId }),
+        /* @__PURE__ */ i(li, { contentRef: d, descriptionId: s.descriptionId })
       ] })
     ] });
   }
 ), Ot = "DialogTitle", Mn = U.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Ot, n);
-    return /* @__PURE__ */ i(He.h2, { id: r.titleId, ...o, ref: t });
+    return /* @__PURE__ */ i($e.h2, { id: r.titleId, ...o, ref: t });
   }
 );
 Mn.displayName = Ot;
-var Wn = "DialogDescription", ii = U.forwardRef(
+var Wn = "DialogDescription", ai = U.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Wn, n);
-    return /* @__PURE__ */ i(He.p, { id: r.descriptionId, ...o, ref: t });
+    return /* @__PURE__ */ i($e.p, { id: r.descriptionId, ...o, ref: t });
   }
 );
-ii.displayName = Wn;
+ai.displayName = Wn;
 var Hn = "DialogClose", $n = U.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Hn, n);
     return /* @__PURE__ */ i(
-      He.button,
+      $e.button,
       {
         type: "button",
         ...o,
@@ -2328,11 +2329,11 @@ $n.displayName = Hn;
 function Dt(e) {
   return e ? "open" : "closed";
 }
-var Gn = "DialogTitleWarning", [Ns, Vn] = Zr(Gn, {
+var Gn = "DialogTitleWarning", [Ds, Vn] = Zr(Gn, {
   contentName: xe,
   titleName: Ot,
   docsSlug: "dialog"
-}), ai = ({ titleId: e }) => {
+}), si = ({ titleId: e }) => {
   const t = Vn(Gn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -2341,14 +2342,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return U.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, si = "DialogDescriptionWarning", ci = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Vn(si).contentName}}.`;
+}, ci = "DialogDescriptionWarning", li = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Vn(ci).contentName}}.`;
   return U.useEffect(() => {
     var a;
     const r = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, li = Nn, di = zn, ui = An, pi = Fn, hi = Mn, mi = $n;
+}, di = Nn, ui = zn, pi = An, hi = Fn, mi = Mn, fi = $n;
 const ye = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2357,7 +2358,7 @@ const ye = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, fi = () => {
+}, gi = () => {
   const { pdfProperties: e } = X(), { container: t } = we(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = no(), { localeMessages: r } = se(), a = M(() => {
     if (!e)
       return [];
@@ -2367,13 +2368,13 @@ const ye = {
       title: d,
       author: u,
       subject: p,
-      createdOn: m,
+      createdOn: f,
       creator: h,
-      keywords: v,
-      modifiedOn: b,
-      pdfProducer: S,
-      pdfVersion: g,
-      pageCount: C
+      keywords: g,
+      modifiedOn: P,
+      pdfProducer: b,
+      pdfVersion: v,
+      pageCount: S
     } = e;
     return [
       { label: r == null ? void 0 : r.propertiesFilenameLabel, value: s },
@@ -2382,35 +2383,35 @@ const ye = {
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: u },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: p },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: v },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: g },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: m ? Ht(m) : ""
+        value: f ? Ht(f) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: b ? Ht(b) : ""
+        value: P ? Ht(P) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
-      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: g },
-      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: C }
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: b },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: v },
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
   }, [e, r]);
-  return /* @__PURE__ */ i(li, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(di, { container: t, children: /* @__PURE__ */ A("div", { className: ye["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(ui, { className: ye["rp-dialog-overlay"] }),
-    /* @__PURE__ */ A(pi, { className: ye["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(hi, { className: ye["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+  return /* @__PURE__ */ i(di, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(ui, { container: t, children: /* @__PURE__ */ A("div", { className: ye["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(pi, { className: ye["rp-dialog-overlay"] }),
+    /* @__PURE__ */ A(hi, { className: ye["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(mi, { className: ye["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
       /* @__PURE__ */ i("div", { className: ye["rp-document-properties"], children: a.map((c, s) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: ye["rp-properties-divider"] }) : /* @__PURE__ */ i(to, { label: c.label, value: c.value }) }, s)) }),
-      /* @__PURE__ */ i(mi, { asChild: !0, className: ye["rp-dialog-close"], children: /* @__PURE__ */ i(eo, {}) })
+      /* @__PURE__ */ i(fi, { asChild: !0, className: ye["rp-dialog-close"], children: /* @__PURE__ */ i(eo, {}) })
     ] })
   ] }) }) });
-}, gi = {
+}, vi = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, on = ".pdf", vi = (e) => URL.createObjectURL(e), _i = async (e) => {
+}, on = ".pdf", _i = (e) => URL.createObjectURL(e), wi = async (e) => {
   const n = await (await fetch(e)).blob();
-  return vi(n);
+  return _i(n);
 }, Un = () => {
   const { filename: e, pdfSrc: t } = X(), { downloadFilename: n } = vr(), o = (a) => {
     const c = n || a;
@@ -2420,26 +2421,26 @@ const ye = {
     if (!e || !t)
       throw new Error("There is no PDF source to download");
     const a = document.createElement("a");
-    a.href = await _i(t), a.download = o(e), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+    a.href = await wi(t), a.download = o(e), document.body.appendChild(a), a.click(), document.body.removeChild(a);
   }, [e, t]) };
 }, qn = () => {
   const { downloadIcon: e } = ue();
-  return e || /* @__PURE__ */ i(so, {});
-}, Zn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.downloadFileTooltip, children: e }), wi = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(Zn, { localeMessages: t, children: /* @__PURE__ */ i(ne, { onClick: e, "aria-label": t == null ? void 0 : t.downloadFileTooltip, children: /* @__PURE__ */ i(qn, {}) }) }), bi = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(ve, { onClick: e, children: /* @__PURE__ */ A(Zn, { className: "rp-menu-item", localeMessages: t, children: [
+  return e || /* @__PURE__ */ i(co, {});
+}, Zn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.downloadFileTooltip, children: e }), bi = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(Zn, { localeMessages: t, children: /* @__PURE__ */ i(ne, { onClick: e, "aria-label": t == null ? void 0 : t.downloadFileTooltip, children: /* @__PURE__ */ i(qn, {}) }) }), Ci = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(ve, { onClick: e, children: /* @__PURE__ */ A(Zn, { className: "rp-menu-item", localeMessages: t, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(qn, {}) }),
   t == null ? void 0 : t.downloadFileLabel
 ] }) }), Bn = () => {
   const { download: e } = Un(), { downloadTool: t = !0 } = fe(), { isSmallScreen: n } = be(), { localeMessages: o } = se();
-  return t ? n ? /* @__PURE__ */ i(bi, { download: e, localeMessages: o }) : typeof t == "function" ? /* @__PURE__ */ i(t, { download: e }) : t ? /* @__PURE__ */ i(wi, { download: e, localeMessages: o }) : null : null;
+  return t ? n ? /* @__PURE__ */ i(Ci, { download: e, localeMessages: o }) : typeof t == "function" ? /* @__PURE__ */ i(t, { download: e }) : t ? /* @__PURE__ */ i(bi, { download: e, localeMessages: o }) : null : null;
 }, jn = () => {
   const { printIcon: e } = ue();
-  return e || /* @__PURE__ */ i(co, {});
-}, Kn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.printTooltip, children: e }), Ci = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(Kn, { localeMessages: t, children: /* @__PURE__ */ i(ne, { onClick: e, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ i(jn, {}) }) }), Ti = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(ve, { onClick: e, children: /* @__PURE__ */ A(Kn, { className: "rp-menu-item", localeMessages: t, children: [
+  return e || /* @__PURE__ */ i(lo, {});
+}, Kn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: t, content: n == null ? void 0 : n.printTooltip, children: e }), Ti = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(Kn, { localeMessages: t, children: /* @__PURE__ */ i(ne, { onClick: e, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ i(jn, {}) }) }), Pi = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(ve, { onClick: e, children: /* @__PURE__ */ A(Kn, { className: "rp-menu-item", localeMessages: t, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(jn, {}) }),
   t == null ? void 0 : t.printLabel
 ] }) }), Xn = () => {
   const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = nt(), { printTool: c = !0 } = fe(), { isSmallScreen: s } = be(), { localeMessages: d } = se();
-  return c ? s ? /* @__PURE__ */ i(Ti, { print: e, localeMessages: d }) : typeof c == "function" ? /* @__PURE__ */ i(
+  return c ? s ? /* @__PURE__ */ i(Pi, { print: e, localeMessages: d }) : typeof c == "function" ? /* @__PURE__ */ i(
     c,
     {
       print: e,
@@ -2449,33 +2450,33 @@ const ye = {
       setOnComplete: o,
       progress: a
     }
-  ) : c ? /* @__PURE__ */ i(Ci, { print: e, localeMessages: d }) : null : null;
-}, Pi = {
+  ) : c ? /* @__PURE__ */ i(Ti, { print: e, localeMessages: d }) : null : null;
+}, Si = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Si = () => {
-  const { goToFirstPageIcon: e } = ue();
-  return e || /* @__PURE__ */ i(bn, { className: Pi["rp-go-to-Top"] });
 }, yi = () => {
+  const { goToFirstPageIcon: e } = ue();
+  return e || /* @__PURE__ */ i(bn, { className: Si["rp-go-to-Top"] });
+}, xi = () => {
   const { goToLastPageIcon: e } = ue();
   return e || /* @__PURE__ */ i(bn, {});
-}, an = { width: "100%" }, xi = () => {
+}, an = { width: "100%" }, Ii = () => {
   const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: o = !0 } = fe(), { localeMessages: r } = se(), a = M(() => n === 1, [n]), c = M(() => n === t, [n, t]), s = L(() => {
     e(1);
   }, [e]), d = L(() => {
     e(t);
   }, [e, t]);
-  return o ? /* @__PURE__ */ A(Be, { children: [
+  return o ? /* @__PURE__ */ A(je, { children: [
     /* @__PURE__ */ i(ve, { onClick: s, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.firstPageTooltip, style: an, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Si, {}) }),
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(yi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(ve, { onClick: d, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.lastPageTooltip, style: an, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": c, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(yi, {}) }),
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(xi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(It, {})
   ] }) : null;
-}, Ii = () => {
+}, Li = () => {
   const { container: e } = we(), { isSmallScreen: t } = be(), {
     openFileTool: n,
     downloadTool: o,
@@ -2486,11 +2487,11 @@ const ye = {
     jumpNavigationTool: d,
     printTool: u,
     fullscreenTool: p
-  } = fe(), { localeMessages: m } = se();
+  } = fe(), { localeMessages: f } = se();
   return M(() => {
-    const v = d || c || s || a || r;
-    let b = !1;
-    return t && (b = !(!n && !o && !u && !p)), v || b;
+    const g = d || c || s || a || r;
+    let P = !1;
+    return t && (P = !(!n && !o && !u && !p)), g || P;
   }, [
     n,
     o,
@@ -2505,26 +2506,27 @@ const ye = {
       _n,
       {
         container: e,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(ne, { "aria-label": m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(Vr, {}) }) }) }),
-        children: /* @__PURE__ */ A("div", { className: gi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          t && /* @__PURE__ */ A(Be, { children: [
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(ne, { "aria-label": f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(Vr, {}) }) }) }),
+        children: /* @__PURE__ */ A("div", { className: vi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+          t && /* @__PURE__ */ A(je, { children: [
             /* @__PURE__ */ i(vn, {}),
             /* @__PURE__ */ i(Bn, {}),
             /* @__PURE__ */ i(Xn, {}),
             /* @__PURE__ */ i(wn, {}),
             /* @__PURE__ */ i(It, {})
           ] }),
-          /* @__PURE__ */ i(xi, {}),
+          /* @__PURE__ */ i(Ii, {}),
           /* @__PURE__ */ i(io, {}),
-          /* @__PURE__ */ i(lo, {}),
+          /* @__PURE__ */ i(uo, {}),
           /* @__PURE__ */ i(ao, {}),
+          /* @__PURE__ */ i(so, {}),
           /* @__PURE__ */ i(oo, {})
         ] })
       }
     ),
-    /* @__PURE__ */ i(fi, {})
+    /* @__PURE__ */ i(gi, {})
   ] }) : null;
-}, Li = () => {
+}, Ri = () => {
   const { isSmallScreen: e } = be();
   return /* @__PURE__ */ A(_e, { children: [
     /* @__PURE__ */ i(Gr, {}),
@@ -2534,7 +2536,7 @@ const ye = {
       /* @__PURE__ */ i(Xn, {}),
       /* @__PURE__ */ i(wn, {})
     ] }),
-    /* @__PURE__ */ i(Ii, {})
+    /* @__PURE__ */ i(Li, {})
   ] });
 }, Ee = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2542,46 +2544,53 @@ const ye = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
   "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
-}, Ri = 25, gt = 1e3, Ei = [50, 75, 100, 125, 150, 200, 300, 400], Ni = () => {
+}, Ei = 25, gt = 1e3, Ni = [50, 75, 100, 125, 150, 200, 300, 400], Oi = () => {
   const { zoomInIcon: e } = ue();
-  return e || /* @__PURE__ */ i(uo, {});
-}, Oi = () => {
-  const { zoomOutIcon: e } = ue();
   return e || /* @__PURE__ */ i(po, {});
 }, Di = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Je(), { container: n, contentRef: o } = we(), { zoomTool: r = !0 } = fe(), { focusedPage: a } = oe(), { rotate: c } = Ye(), { pages: s } = X(), { isSmallScreen: d } = be(), { localeMessages: u } = se(), p = L(() => {
-    t((C) => {
-      const f = Math.floor(C / 25) * 25;
-      return Math.min(f + 25, gt);
+  const { zoomOutIcon: e } = ue();
+  return e || /* @__PURE__ */ i(ho, {});
+}, zi = () => {
+  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = we(), { zoomTool: r = !0 } = fe(), { focusedPage: a } = oe(), { rotate: c } = Je(), { pages: s } = X(), { isSmallScreen: d } = be(), { localeMessages: u } = se(), { viewMode: p } = He(), f = L(() => {
+    t((m) => {
+      const w = Math.floor(m / 25) * 25;
+      return Math.min(w + 25, gt);
     });
-  }, [t]), m = L(() => {
-    t((C) => {
-      const f = Math.ceil(C / 25) * 25;
-      return Math.min(f - 25, gt);
+  }, [t]), h = L(() => {
+    t((m) => {
+      const w = Math.ceil(m / 25) * 25;
+      return Math.min(w - 25, gt);
     });
-  }, [t]), h = M(() => e === Ri, [e]), v = M(() => e === gt, [e]), b = M(() => {
-    var C;
-    return (C = s.get(a)) == null ? void 0 : C.page.getViewport({ scale: 1, rotation: c });
-  }, [s, a, c]), S = L(
-    (C) => {
-      const f = ((b == null ? void 0 : b.width) || 0) + 2 * $t, w = ((b == null ? void 0 : b.height) || 0) + 2 * $t, T = (o == null ? void 0 : o.clientWidth) || 0, l = (o == null ? void 0 : o.clientHeight) || 0, P = ho(C, T, l, f, w);
-      t(P);
+  }, [t]), g = M(() => e === Ei, [e]), P = M(() => e === gt, [e]), b = M(() => {
+    var m;
+    return (m = s.get(a)) == null ? void 0 : m.page.getViewport({ scale: 1, rotation: c });
+  }, [s, a, c]), v = L(
+    (m) => {
+      const w = ((b == null ? void 0 : b.width) || 0) + 2 * $t, C = ((b == null ? void 0 : b.height) || 0) + 2 * $t, l = (o == null ? void 0 : o.clientWidth) || 0, T = (o == null ? void 0 : o.clientHeight) || 0, _ = mo(
+        m,
+        l,
+        T,
+        w,
+        C,
+        p
+      );
+      t(_);
     },
     [t, b]
-  ), g = L(
-    (C) => {
-      typeof C == "number" ? t(C) : S(C);
+  ), S = L(
+    (m) => {
+      typeof m == "number" ? t(m) : v(m);
     },
-    [t, S]
+    [t, v]
   );
   return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: e, setZoomLevel: t }) : r ? /* @__PURE__ */ A("div", { className: Ee["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
       ne,
       {
-        disabled: h,
-        onClick: m,
+        disabled: g,
+        onClick: h,
         "aria-label": u == null ? void 0 : u.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Oi, {})
+        children: /* @__PURE__ */ i(Di, {})
       }
     ) }),
     !d && /* @__PURE__ */ i(
@@ -2603,26 +2612,26 @@ const ye = {
         style: { minWidth: "200px" },
         align: "center",
         children: /* @__PURE__ */ A("div", { className: Ee["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ A(Be, { children: [
-            /* @__PURE__ */ i(ve, { onClick: () => g(at.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
-            /* @__PURE__ */ i(ve, { onClick: () => g(at.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
-            /* @__PURE__ */ i(ve, { onClick: () => g(at.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
+          /* @__PURE__ */ A(je, { children: [
+            /* @__PURE__ */ i(ve, { onClick: () => S(at.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
+            /* @__PURE__ */ i(ve, { onClick: () => S(at.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
+            /* @__PURE__ */ i(ve, { onClick: () => S(at.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
           ] }),
           /* @__PURE__ */ i(It, {}),
-          /* @__PURE__ */ i(Be, { children: Ei.map((C) => /* @__PURE__ */ A(ve, { onClick: () => g(C), children: [
-            C,
+          /* @__PURE__ */ i(je, { children: Ni.map((m) => /* @__PURE__ */ A(ve, { onClick: () => S(m), children: [
+            m,
             " %"
-          ] }, C)) })
+          ] }, m)) })
         ] })
       }
     ),
     /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ i(
       ne,
       {
-        disabled: v,
-        onClick: p,
+        disabled: P,
+        onClick: f,
         "aria-label": u == null ? void 0 : u.zoomInTooltip,
-        children: /* @__PURE__ */ i(Ni, {})
+        children: /* @__PURE__ */ i(Oi, {})
       }
     ) })
   ] }) : null;
@@ -2651,23 +2660,23 @@ const ye = {
   ] });
 }, cn = () => {
   const { searchIcon: e } = ue();
-  return e || /* @__PURE__ */ i(mo, {});
-}, zi = () => {
+  return e || /* @__PURE__ */ i(fo, {});
+}, Ai = () => {
   const { container: e } = we(), [t, n] = H(!1), { pdf: o } = X(), [r, a] = H(null), {
     searchOptions: c,
     setSearchOptions: s,
     loading: d,
     setSearch: u,
     totalMatches: p,
-    currentMatchPosition: m,
+    currentMatchPosition: f,
     nextMatch: h,
-    prevMatch: v,
-    search: b
-  } = Lt(), { searchTool: S = !0 } = fe(), [g, C] = H(b), { localeMessages: f } = se(), { isSmallScreen: w } = be(), T = L(() => {
+    prevMatch: g,
+    search: P
+  } = Lt(), { searchTool: b = !0 } = fe(), [v, S] = H(P), { localeMessages: m } = se(), { isSmallScreen: w } = be(), C = L(() => {
     n(!0);
   }, []), l = L(() => {
-    u(""), C(""), n(!1);
-  }, [u]), P = (x) => {
+    u(""), S(""), n(!1);
+  }, [u]), T = (x) => {
     const k = x.key === "Enter", $ = x.key === " ";
     (k || $) && l();
   }, _ = L(
@@ -2677,9 +2686,9 @@ const ye = {
     [t]
   ), y = L(
     (x) => {
-      x.shiftKey && x.key === "Enter" ? v() : x.key === "Enter" && b !== g ? u(g) : x.key === "Enter" && h();
+      x.shiftKey && x.key === "Enter" ? g() : x.key === "Enter" && P !== v ? u(v) : x.key === "Enter" && h();
     },
-    [g, v, h, u, b]
+    [v, g, h, u, P]
   );
   F(() => (window.addEventListener("keydown", _), () => {
     window.removeEventListener("keydown", _);
@@ -2687,10 +2696,10 @@ const ye = {
     r && r.focus();
   }, [r]);
   const E = L((x) => {
-    C(x.target.value);
+    S(x.target.value);
   }, []), I = L(() => {
-    C(""), u("");
-  }, [u]), N = M(() => `${m} / ${p}`, [m, p]), { wholeWords: R, matchCase: z } = M(() => c, [c]), O = L(
+    S(""), u("");
+  }, [u]), N = M(() => `${f} / ${p}`, [f, p]), { wholeWords: R, matchCase: z } = M(() => c, [c]), O = L(
     (x) => {
       s((k) => ({ ...k, matchCase: x }));
     },
@@ -2703,55 +2712,55 @@ const ye = {
   );
   return F(() => {
     l();
-  }, [o, l]), S ? /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ i(
+  }, [o, l]), b ? /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ i(
     Ar,
     {
       open: t,
       container: e,
-      triggerComponent: /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(ne, { onClick: T, "aria-label": f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(cn, {}) }) }),
+      triggerComponent: /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.searchButtonTooltip, children: /* @__PURE__ */ i(ne, { onClick: C, "aria-label": m == null ? void 0 : m.searchButtonTooltip, children: /* @__PURE__ */ i(cn, {}) }) }),
       children: /* @__PURE__ */ A("div", { className: K["rp-search-tool-content"], children: [
         /* @__PURE__ */ A("div", { className: K["rp-search-tool-input-wrapper"], children: [
           /* @__PURE__ */ A("div", { className: K["rp-search-tool-input"], children: [
-            /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.searchInputTooltip, children: /* @__PURE__ */ i(
               un,
               {
-                value: g,
+                value: v,
                 onKeyDown: y,
                 onChange: E,
                 icon: /* @__PURE__ */ i(cn, {}),
-                placeholder: f == null ? void 0 : f.searchInputPlaceholder,
+                placeholder: m == null ? void 0 : m.searchInputPlaceholder,
                 className: K["rp-search-input"],
                 ref: a,
-                children: !!g && /* @__PURE__ */ i("span", { className: K["rp-search-tool-input-clear"], onClick: I, children: /* @__PURE__ */ i(fo, {}) })
+                children: !!v && /* @__PURE__ */ i("span", { className: K["rp-search-tool-input-clear"], onClick: I, children: /* @__PURE__ */ i(go, {}) })
               }
             ) }),
             d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Pt, { className: K["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: N }),
-            w && /* @__PURE__ */ i("div", { className: K["rp-search-tool-controls"], children: /* @__PURE__ */ i(Gt, { onKeyPress: P, handleClose: l }) })
+            w && /* @__PURE__ */ i("div", { className: K["rp-search-tool-controls"], children: /* @__PURE__ */ i(Gt, { onKeyPress: T, handleClose: l }) })
           ] }),
           /* @__PURE__ */ A("div", { className: K["rp-search-tool-input-checkboxes"], children: [
             w && /* @__PURE__ */ i(sn, {}),
-            /* @__PURE__ */ i(Vt, { name: "matchCase", value: z, onChange: O, children: f == null ? void 0 : f.searchMatchCaseLabel }),
-            !w && /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Ut, {}) }) }),
-            /* @__PURE__ */ i(Vt, { name: "wholeWord", value: R, onChange: D, children: f == null ? void 0 : f.searchWholeWordsLabel }),
-            !w && /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Ut, {}) }) })
+            /* @__PURE__ */ i(Vt, { name: "matchCase", value: z, onChange: O, children: m == null ? void 0 : m.searchMatchCaseLabel }),
+            !w && /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Ut, {}) }) }),
+            /* @__PURE__ */ i(Vt, { name: "wholeWord", value: R, onChange: D, children: m == null ? void 0 : m.searchWholeWordsLabel }),
+            !w && /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: K["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Ut, {}) }) })
           ] })
         ] }),
         !w && /* @__PURE__ */ A("div", { className: K["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(sn, {}),
-          /* @__PURE__ */ i(Gt, { onKeyPress: P, handleClose: l })
+          /* @__PURE__ */ i(Gt, { onKeyPress: T, handleClose: l })
         ] })
       ] })
     }
   ) }) : null;
-}, Ai = "_loading_vpexk_1", Ne = {
+}, Fi = "_loading_vpexk_1", Ne = {
   "rp-loading-overlay": "_rp-loading-overlay_vpexk_1",
   "rp-loading-modal": "_rp-loading-modal_vpexk_14",
   "rp-loading-title": "_rp-loading-title_vpexk_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_vpexk_35",
   "rp-loading-progress": "_rp-loading-progress_vpexk_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_vpexk_55",
-  loading: Ai
-}, Fi = ({ percentage: e }) => {
+  loading: Fi
+}, ki = ({ percentage: e }) => {
   const { cancel: t } = nt(), { localeMessages: n } = se();
   return e < 1 ? null : /* @__PURE__ */ i("div", { className: te(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ A("div", { className: te(Ne["rp-loading-modal"]), children: [
     /* @__PURE__ */ A("div", { className: te(Ne["rp-loading-title"]), children: [
@@ -2767,18 +2776,18 @@ const ye = {
     ) }),
     /* @__PURE__ */ i("button", { className: te(Ne["rp-loading-cancel-button"]), onClick: t, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, ki = We((e, t) => {
+}, Mi = We((e, t) => {
   const { showPrintProgress: n } = fe(), { progress: o } = nt(), { isSmallScreen: r } = be(), { percentage: a } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ A("div", { children: [
     /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: t, className: Ae["rp-toolbar-content"], children: /* @__PURE__ */ A("div", { className: Ae["rp-toolbar-wrapper"], style: c(), children: [
       /* @__PURE__ */ A("div", { "data-rp": "topBarLeft", className: Ae["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(zi, {}),
-        /* @__PURE__ */ i(Jo, {})
+        /* @__PURE__ */ i(Ai, {}),
+        /* @__PURE__ */ i(Qo, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Ae["rp-toolbar-middle"], children: /* @__PURE__ */ i(Di, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Ae["rp-toolbar-end"], children: /* @__PURE__ */ i(Li, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Ae["rp-toolbar-middle"], children: /* @__PURE__ */ i(zi, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Ae["rp-toolbar-end"], children: /* @__PURE__ */ i(Ri, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(Fi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(ki, { percentage: a }) : null
   ] });
 }), vt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
@@ -2791,7 +2800,7 @@ const ye = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, Mi = (e) => {
+}, Wi = (e) => {
   const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: a } = oe(), c = M(() => o ? Fe["rp-thumbnail-active"] : "", [o]), s = M(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
@@ -2831,36 +2840,36 @@ const ye = {
 }, ln = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Wi = 16, Hi = (e, t) => {
+}, Hi = 16, $i = (e, t) => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
-  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Wi);
-}, $i = We((e, t) => {
+  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Hi);
+}, Gi = We((e, t) => {
   const { show: n } = e, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: a, addPage: c, thumbnailLength: s, addToPage: d } = yn(), u = W(null), p = W(1);
   dn(t, () => u.current);
-  const m = M(() => Object.values(a), [a]), h = L(() => {
-    const v = s + 1;
-    v <= r && c(v);
+  const f = M(() => Object.values(a), [a]), h = L(() => {
+    const g = s + 1;
+    g <= r && c(g);
   }, [c, r, s]);
   return F(() => {
-    o > s ? d(o) : n && p.current !== o && (Hi(u.current, o), p.current = o);
-  }, [o, s, d, n, m]), wr(u.current, h), /* @__PURE__ */ i("div", { ref: u, className: ln["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? m.map((v, b) => {
-    var S, g;
+    o > s ? d(o) : n && p.current !== o && ($i(u.current, o), p.current = o);
+  }, [o, s, d, n, f]), wr(u.current, h), /* @__PURE__ */ i("div", { ref: u, className: ln["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? f.map((g, P) => {
+    var b, v;
     return /* @__PURE__ */ i(
-      Mi,
+      Wi,
       {
-        isFocused: o === ((S = v.page) == null ? void 0 : S.pageNumber),
-        pageNumber: (g = v.page) == null ? void 0 : g.pageNumber,
-        thumbnailSrc: v.thumbnailSrc,
-        loading: v.loading,
-        viewport: v.viewport
+        isFocused: o === ((b = g.page) == null ? void 0 : b.pageNumber),
+        pageNumber: (v = g.page) == null ? void 0 : v.pageNumber,
+        thumbnailSrc: g.thumbnailSrc,
+        loading: g.loading,
+        viewport: g.viewport
       },
-      b
+      P
     );
   }) : null }) });
-}), Gi = () => {
+}), Vi = () => {
   const { thumbnailIcon: e } = ue();
   return e || /* @__PURE__ */ i(_r, {});
-}, Vi = () => {
+}, Ui = () => {
   const { active: e, setActive: t } = yn(), [n, o] = H(200), r = W(null), { thumbnailTool: a, sidebarEnable: c } = fe(), { localeMessages: s } = se(), d = L(() => {
     t((p) => !p);
   }, []), u = M(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: e }) : a ? /* @__PURE__ */ i(Z, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
@@ -2869,7 +2878,7 @@ const ye = {
       onClick: d,
       active: e,
       "aria-label": s == null ? void 0 : s.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Gi, {})
+      children: /* @__PURE__ */ i(Vi, {})
     }
   ) }) : null, [a, e, d, s]);
   return /* @__PURE__ */ i(_e, { children: c && /* @__PURE__ */ A(
@@ -2887,7 +2896,7 @@ const ye = {
             hidden: !e,
             className: vt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i($i, { show: e, ref: r }),
+              /* @__PURE__ */ i(Gi, { show: e, ref: r }),
               /* @__PURE__ */ i(br, { onWidthChange: o, thumbnailRef: r })
             ]
           }
@@ -2896,14 +2905,14 @@ const ye = {
     }
   ) });
 }, ge = {
-  "rp-layout": "_rp-layout_12d1x_1",
-  "rp-content": "_rp-content_12d1x_5",
-  "rp-pages": "_rp-pages_12d1x_11",
-  "rp-container": "_rp-container_12d1x_16",
-  "rp-loader": "_rp-loader_12d1x_52",
-  "rp-theme-variables": "_rp-theme-variables_12d1x_56",
-  "rp-dark-mode": "_rp-dark-mode_12d1x_147"
-}, Ui = We(
+  "rp-layout": "_rp-layout_vutcr_1",
+  "rp-content": "_rp-content_vutcr_5",
+  "rp-pages": "_rp-pages_vutcr_11",
+  "rp-container": "_rp-container_vutcr_16",
+  "rp-loader": "_rp-loader_vutcr_52",
+  "rp-theme-variables": "_rp-theme-variables_vutcr_56",
+  "rp-dark-mode": "_rp-dark-mode_vutcr_151"
+}, qi = We(
   (e, t) => {
     const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: c, customDarkVariables: s } = Ir(), { darkMode: d } = or();
     return /* @__PURE__ */ i(
@@ -2926,7 +2935,7 @@ const ye = {
       }
     );
   }
-), Os = We((e, t) => {
+), zs = We((e, t) => {
   const {
     children: n,
     slots: o,
@@ -2937,21 +2946,21 @@ const ye = {
     onLoaded: d,
     cleanupOnLoaded: u,
     onLayoutWidthChange: p
-  } = e, [m, h] = H(null), { setContainer: v, setContentRef: b } = we(), { loading: S } = X(), { LoaderImageComponent: g } = gn();
+  } = e, [f, h] = H(null), { setContainer: g, setContentRef: P } = we(), { loading: b } = X(), { LoaderImageComponent: v } = gn();
   return F(() => (d && d(), () => {
     u && u();
-  }), [d, u]), /* @__PURE__ */ i(Ui, { toolbarRef: m, ref: t, children: /* @__PURE__ */ i(xr, { mobileWidth: s, onLayoutWidthChange: p, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(Tr, { icons: r, children: /* @__PURE__ */ A(Pr, { getContainerRef: v, style: a, className: c, children: [
+  }), [d, u]), /* @__PURE__ */ i(qi, { toolbarRef: f, ref: t, children: /* @__PURE__ */ i(xr, { mobileWidth: s, onLayoutWidthChange: p, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(Tr, { icons: r, children: /* @__PURE__ */ A(Pr, { getContainerRef: g, style: a, className: c, children: [
     /* @__PURE__ */ A(Sr, { children: [
       /* @__PURE__ */ A("div", { className: ge["rp-layout"], children: [
-        /* @__PURE__ */ i(ki, { ref: h }),
+        /* @__PURE__ */ i(Mi, { ref: h }),
         /* @__PURE__ */ A("div", { className: ge["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: ge["rp-sidebar"], children: /* @__PURE__ */ i(Vi, {}) }),
-          /* @__PURE__ */ i("div", { ref: b, className: ge["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { className: ge["rp-sidebar"], children: /* @__PURE__ */ i(Ui, {}) }),
+          /* @__PURE__ */ i("div", { ref: P, className: ge["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(yr, {})
     ] }),
-    S ? /* @__PURE__ */ i(
+    b ? /* @__PURE__ */ i(
       "div",
       {
         className: ge["rp-loader"],
@@ -2974,7 +2983,7 @@ const ye = {
               height: "100%",
               width: "100%"
             },
-            children: g && /* @__PURE__ */ i(g, {})
+            children: v && /* @__PURE__ */ i(v, {})
           }
         )
       }
@@ -2982,49 +2991,49 @@ const ye = {
   ] }) }) }) }) });
 });
 export {
-  xo as A,
+  Io as A,
   sn as B,
-  bo as C,
-  Zo as D,
-  zi as E,
+  Co as C,
+  Bo as D,
+  Ai as E,
   Bn as F,
-  ki as G,
-  Mi as H,
-  $i as I,
-  Vi as J,
-  Ui as K,
-  Fi as L,
-  xi as M,
-  Ii as O,
-  ys as P,
-  Rs as R,
-  Ls as S,
-  Is as T,
-  Di as Z,
-  xs as a,
-  Os as b,
+  Mi as G,
+  Wi as H,
+  Gi as I,
+  Ui as J,
+  qi as K,
+  ki as L,
+  Ii as M,
+  Li as O,
+  Is as P,
+  Ns as R,
+  Es as S,
+  Rs as T,
+  zi as Z,
+  Ls as a,
+  zs as b,
   Un as c,
   nt as d,
   Lt as e,
   Cn as f,
-  go as g,
+  vo as g,
   Tn as h,
-  vo as i,
+  _o as i,
   Pn as j,
-  _o as k,
+  wo as k,
   Sn as l,
   yn as m,
-  wo as n,
+  bo as n,
   xn as o,
-  Po as p,
-  Io as q,
+  So as p,
+  Lo as q,
   Rt as r,
-  Vo as s,
-  Bo as t,
+  Uo as s,
+  jo as t,
   oe as u,
-  jo as v,
-  Jo as w,
-  fi as x,
+  Ko as v,
+  Qo as w,
+  gi as x,
   Xn as y,
-  Li as z
+  Ri as z
 };