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

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

@@ -1,18 +1,18 @@
-import { jsx as a, Fragment as he, jsxs as H } from "react/jsx-runtime";
+import { jsx as a, Fragment as he, jsxs as $ } from "react/jsx-runtime";
 import * as X from "react";
-import { useRef as k, useEffect as z, useCallback as O, useState as $, useMemo as F, createContext as $e, useContext as qe, useImperativeHandle as on, createElement as Ve, PureComponent as oo, Component as ro, memo as rn, forwardRef as io } from "react";
+import { useRef as k, useEffect as z, useCallback as E, useState as q, useMemo as W, createContext as $e, useContext as qe, useImperativeHandle as on, createElement as Ve, PureComponent as oo, Component as ro, memo as rn, forwardRef as io } from "react";
 import { ChevronUpIcon as Ze } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as we } from "./components/ui/Button.js";
 import { UIInput as an } from "./components/ui/Input.js";
-import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Dt, SelectionMode as ao, ErrorType as so } from "./utils/types.js";
-import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
+import { ViewMode as Le, ScrollMode as ne, AnnotationSubType as Dt, SelectionMode as ao, ErrorType as so } from "./utils/types.js";
+import { useScrollModeContext as Ne } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as oe } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as co } from "./contexts/DocumentPasswordContext.js";
 import { useDarkModeContext as lo } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
 import { useLayerContext as uo } from "./contexts/LayerContext.js";
-import { useZoomContext as wt } from "./contexts/ZoomContext.js";
-import { useViewModeContext as Me } from "./contexts/ViewModeContext.js";
+import { useZoomContext as _t } from "./contexts/ZoomContext.js";
+import { useViewModeContext as Fe } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as Ye } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as sn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as po } from "./contexts/SelectionModeContext.js";
@@ -33,16 +33,16 @@ import { usePagesRotateContext as Je } from "./contexts/PagesRotateContext.js";
 import { Queue as To } from "./utils/Queue.js";
 import { renderPage as Co } from "./utils/renderPage.js";
 import { useGlobalCurrentPage as Po } from "./contexts/GlobalCurrentPage.js";
-import { useLoaderContext as _t } from "./contexts/LoaderContext.js";
-import { useToolComponentContext as Ne } from "./contexts/ToolComponentContext.js";
+import { useLoaderContext as bt } from "./contexts/LoaderContext.js";
+import { useToolComponentContext as Oe } from "./contexts/ToolComponentContext.js";
 import { useIconToolContext as Te } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as yo } from "./contexts/OtherToolContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as xo } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as So } from "./components/icons/Thumbnail.js";
 import { c as ce } from "./clsx-0c6e471a.js";
 import { LoaderIcon as ln } from "./components/icons/LoaderIcon.js";
-import { Container as So } from "./components/layout/Container.js";
-import { useViewportContext as Oe, ViewportProvider as Io } from "./contexts/ViewportContext.js";
+import { Container as Io } from "./components/layout/Container.js";
+import { useViewportContext as De, ViewportProvider as xo } from "./contexts/ViewportContext.js";
 import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Ro } from "./contexts/ToolbarComponentContext.js";
 import { RPSplitter as Lo } from "./components/layout/sidebar/RPSplitter.js";
 import { WrapperLayout as Eo } from "./components/layout/WrapperLayout.js";
@@ -69,56 +69,56 @@ import { SimpleLinkService as Go } from "./utils/link_service.js";
 import { annotationsEvents as Uo, annotationEventsHandler as Vo, handleClick as Ft, handleAnnotationWidget as Bo, handleAnnotationLink as jo, bindLayerEvents as Ko, unbindLayerEvents as kt } from "./utils/annotations.js";
 import { normalizeSingleKeyword as Zo, sortHighlightPosition as Xo, unwrap as Qo } from "./components/page/searchHighlight.js";
 import { CustomElement as Yo } from "./components/page/CustomElement.js";
-import { getGridDimension as bt, getPositionFromPage as Jo, getPageFromPosition as er } from "./utils/calculatePage.js";
+import { getGridDimension as Tt, getPositionFromPage as Jo, getPageFromPosition as er } from "./utils/calculatePage.js";
 import { useMousePressed as tr } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as nr } from "./utils/hooks/useGrabScroll.js";
 import { usePinch as or } from "./utils/hooks/usePinch.js";
-import { useDebounce as Tt } from "./utils/hooks/useDebounce.js";
+import { useDebounce as Ct } from "./utils/hooks/useDebounce.js";
 import rr from "./components/ui/PasswordModal.js";
-import { getScrollDistance as ze } from "./utils/getScrollDistance.js";
+import { getScrollDistance as Me } from "./utils/getScrollDistance.js";
 import { getWordPositionInPage as ir } from "./utils/getWordPositionInPage.js";
 import { getThumbnailViewport as ar } from "./utils/getThumbnailViewport.js";
-import { smoothScrollTo as it } from "./utils/smoothScrollTo.js";
+import { smoothScrollTo as at } from "./utils/smoothScrollTo.js";
 import { appConsole as sr } from "./utils/appConsole.js";
 import { FileUploadTool as pn } from "./components/layout/toolbar/FileUploadTool.js";
 import { DarkModeTool as cr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as lr } from "./components/icons/ThreeDotIcon.js";
-import { c as dr, u as Ct, P as Ue, b as He, d as Pt, i as ur, k as pr, a as hr } from "./index-48ca3f30.js";
-import { D as fr, d as at } from "./floating-ui.react-dom-88a86594.js";
-import { a as mr, h as gr, u as vr, F as wr, b as _r, G as hn } from "./index-4ba3ab9a.js";
+import { c as dr, u as Pt, P as Ue, a as He, b as yt, k as ur, e as pr, i as hr } from "./index-c9a2990a.js";
+import { D as fr, u as st } from "./index-808ea7bf.js";
+import { a as mr, h as gr, u as vr, F as wr, b as _r, G as hn } from "./index-a48ec088.js";
 import { CloseIcon as br } from "./components/icons/CloseIcon.js";
 import { DocumentProperties as Tr } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as Cr } from "./components/layout/toolbar/RotateTool.js";
 import { ViewModeTool as Pr } from "./components/layout/toolbar/ViewModeTool.js";
 import { ScrollModeTool as yr } from "./components/layout/toolbar/ScrollModeTool.js";
-import { FileDownloadDefaultIcon as xr } from "./components/icons/FileDownloadDefaultIcon.js";
-import { PrintDefaultTool as Sr } from "./components/icons/PrintDefaultIcon.js";
+import { FileDownloadDefaultIcon as Sr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { PrintDefaultTool as Ir } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as fn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as mn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Ir } from "./components/layout/toolbar/SelectionModeTool.js";
+import { SelectionModeTool as xr } from "./components/layout/toolbar/SelectionModeTool.js";
 import { ZoomTool as Rr } from "./components/layout/toolbar/ZoomTool.js";
 import { SearchIcon as gn } from "./components/icons/SearchIcon.js";
 import { ClearIcon as Lr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Wt } from "./components/icons/InfoIcon.js";
 import './assets/ToolbarLayout.css';const vn = () => {
-  const { viewMode: t } = Me(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = de(), c = k(), { columnCount: l } = sn(), { widths: d, heights: f } = Ge(), m = k(e), P = k(t), p = k(l), { targetScrollPage: T } = cn();
+  const { viewMode: t } = Fe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = de(), c = k(), { columnCount: l } = sn(), { widths: d, heights: f } = Ge(), m = k(e), C = k(t), p = k(l), { targetScrollPage: T } = cn();
   z(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), z(() => {
-    m.current = e, P.current = t;
+    m.current = e, C.current = t;
   }, [e, t]);
-  const C = O(
-    (v, y) => {
+  const P = E(
+    (g, S) => {
       if (!o)
         return;
-      const g = Math.ceil(v / 2) * 2 - 1;
-      if (v === g + 1) {
+      const v = Math.ceil(g / 2) * 2 - 1;
+      if (g === v + 1) {
         const u = {
-          left: d[g],
+          left: d[v],
           top: 0
         };
         return new Promise(
-          (s) => it(o, u, s)
+          (s) => at(o, u, s)
         );
       }
       const h = {
@@ -127,79 +127,79 @@ import './assets/ToolbarLayout.css';const vn = () => {
       };
       return o == null ? void 0 : o.scrollTo({
         ...h,
-        behavior: y
+        behavior: S
       });
     },
-    [o, d, it]
+    [o, d, at]
   );
   return z(() => {
-    m.current = e, P.current = t;
+    m.current = e, C.current = t;
   }, [e, t]), z(() => {
     p.current = l;
-  }, [l]), { scrollToPage: O(
-    (v, y = "smooth") => {
-      i(v);
-      const g = v - 1;
-      let h = g, u = 0;
-      if (P.current === Re.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
-        C(v, y);
+  }, [l]), { scrollToPage: E(
+    (g, S = "smooth") => {
+      i(g);
+      const v = g - 1;
+      let h = v, u = 0;
+      if (C.current === Le.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
+        P(g, S);
         return;
       }
       if (m.current === ne.PAGE_SCROLLING) {
-        i(v);
+        i(g);
         return;
       }
       if (!c.current || !r)
         return;
       const s = r;
-      y === "smooth" && (T.current = v);
-      const { columnsWidth: w, rowsHeight: _ } = bt(
+      S === "smooth" && (T.current = g);
+      const { columnsWidth: w, rowsHeight: _ } = Tt(
         { widths: d, heights: f },
         l
       );
       if (m.current === ne.HORIZONTAL_SCROLLING) {
-        u = g;
-        const I = ze(w, u), S = {
+        u = v;
+        const I = Me(w, u), R = {
           left: Math.floor(I),
           top: 0
         };
         return s.scrollTo({
-          ...S,
-          behavior: y
+          ...R,
+          behavior: S
         });
       }
-      if (P.current === Re.DUAL_PAGE) {
-        u = g % 2, h = Math.floor(g / 2);
-        const S = ze(w, u), N = ze(_, h), D = {
-          left: Math.floor(S),
-          top: Math.floor(N)
+      if (C.current === Le.DUAL_PAGE) {
+        u = v % 2, h = Math.floor(v / 2);
+        const R = Me(w, u), L = Me(_, h), N = {
+          left: Math.floor(R),
+          top: Math.floor(L)
         };
         return s.scrollTo({
-          ...D,
-          behavior: y
+          ...N,
+          behavior: S
         });
       }
-      const x = ze(_, h), R = {
+      const y = Me(_, h), x = {
         left: 0,
-        top: Math.floor(x)
+        top: Math.floor(y)
       };
       return s.scrollTo({
-        ...R,
-        behavior: y
+        ...x,
+        behavior: S
       });
     },
     [
       r,
       l,
-      C,
+      P,
       i,
-      it,
+      at,
       f,
       d
     ]
   ) };
 }, Er = (t = 1) => {
-  const [e, n] = $(t), [r, o] = $(0), { scrollToPage: i } = vn(), c = k(1), { viewMode: l } = Me(), { scrollMode: d } = Ee(), { widths: f } = Ge(), { pagesRef: m } = be(), P = Tt(e, 100), p = O(
+  const [e, n] = q(t), [r, o] = q(0), { scrollToPage: i } = vn(), c = k(1), { viewMode: l } = Fe(), { scrollMode: d } = Ne(), { widths: f } = Ge(), { pagesRef: m } = be(), C = Ct(e, 100), p = E(
     (h) => {
       if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: c.current };
@@ -207,35 +207,35 @@ import './assets/ToolbarLayout.css';const vn = () => {
       return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +h });
     },
     [r]
-  ), T = O(p, [p]), C = O(
+  ), T = E(p, [p]), P = E(
     (h) => {
       const u = p(h);
       return u.success && i(u.currentPage), u;
     },
     [p, i]
-  ), b = O((h) => {
+  ), b = E((h) => {
     const u = h % 2 === 1;
     if (!m || u)
       return !1;
     const s = u ? f[h] : f[h - 1], w = u ? f[h + 1] : f[h];
-    return l === Re.DUAL_PAGE && s + w < m.clientWidth;
-  }, [l, f, m, r]), v = O(() => {
+    return l === Le.DUAL_PAGE && s + w < m.clientWidth;
+  }, [l, f, m, r]), g = E(() => {
     let h = e - 1;
-    b(h) && (h = e - 2), C(h);
-  }, [C, e, l, d, b]), y = F(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), g = O(() => {
-    if (y)
+    b(h) && (h = e - 2), P(h);
+  }, [P, e, l, d, b]), S = W(() => l === Le.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), v = E(() => {
+    if (S)
       return;
     let h = e + 1;
-    b(h) && (h = e + 2), C(h);
-  }, [C, e, b, l, d, y]);
+    b(h) && (h = e + 2), P(h);
+  }, [P, e, b, l, d, S]);
   return {
-    focusedPage: P,
+    focusedPage: C,
     totalPages: r,
     setFocusedPage: T,
     setTotalPages: o,
-    nextPage: g,
-    prevPage: v,
-    goToPage: C
+    nextPage: v,
+    prevPage: g,
+    goToPage: P
   };
 }, wn = $e({
   focusedPage: 0,
@@ -252,7 +252,7 @@ import './assets/ToolbarLayout.css';const vn = () => {
 }), de = () => {
   const t = qe(wn);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && sr.error("Please use this hooks inside children component of RPProvider"), t;
-}, Ks = ({ children: t }) => {
+}, Zs = ({ children: t }) => {
   const { pdf: e } = oe(), { setCurrentPage: n } = Po(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: f } = Er();
   return z(() => {
     e != null && e.numPages && (c(e.numPages), i(1));
@@ -275,19 +275,19 @@ import './assets/ToolbarLayout.css';const vn = () => {
   );
 };
 const Nr = () => {
-  const { pdf: t, pages: e } = oe(), [n, r] = $({
+  const { pdf: t, pages: e } = oe(), [n, r] = q({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, i] = $(!1), [c, l] = $(!1), [d, f] = $(null), m = k(!1);
+  }), [o, i] = q(!1), [c, l] = q(!1), [d, f] = q(null), m = k(!1);
   z(() => {
     m.current;
   }, [m]);
-  const P = O(() => {
+  const C = E(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const h = document.querySelector(".rp-print-zone");
     h && h.remove();
-  }, []), p = O(() => {
+  }, []), p = E(() => {
     m.current = !1, i(!1), l(!1), f(null), r({
       loadedPages: 0,
       totalPages: 0,
@@ -295,14 +295,14 @@ const Nr = () => {
     });
   }, []), T = () => {
     m.current = !0;
-  }, C = async ({
+  }, P = async ({
     scratchCanvas: h,
     pdfDocument: u,
     pageNumber: s,
     viewerPdfPage: w,
     printResolution: _,
-    optionalContentConfigPromise: x,
-    printAnnotationStoragePromise: R
+    optionalContentConfigPromise: y,
+    printAnnotationStoragePromise: x
   }) => {
     if (m.current) {
       p();
@@ -310,36 +310,36 @@ const Nr = () => {
     }
     const I = _ / Wo.PDF;
     h.width = Math.floor(w.width * I), h.height = Math.floor(w.height * I);
-    const S = h.getContext("2d");
-    S.save(), S.fillStyle = "rgb(255, 255, 255)", S.fillRect(0, 0, h.width, h.height), S.restore();
-    const [N, D] = await Promise.all([
+    const R = h.getContext("2d");
+    R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, h.width, h.height), R.restore();
+    const [L, N] = await Promise.all([
       u.getPage(s),
-      R
+      x
     ]);
     if (m.current) {
       p();
       return;
     }
-    const M = {
-      canvasContext: S,
+    const F = {
+      canvasContext: R,
       transform: [I, 0, 0, I, 0, 0],
-      viewport: N.getViewport({ scale: 1, rotation: w.rotation }),
+      viewport: L.getViewport({ scale: 1, rotation: w.rotation }),
       intent: "print",
       annotationMode: Ho.ENABLE_STORAGE,
-      optionalContentConfigPromise: x,
-      printAnnotationStorage: D
+      optionalContentConfigPromise: y,
+      printAnnotationStorage: N
     };
     try {
-      return N.render(M).promise;
-    } catch (A) {
-      throw A instanceof $o || console.error(A), A;
+      return L.render(F).promise;
+    } catch (M) {
+      throw M instanceof $o || console.error(M), M;
     }
-  }, b = O(() => {
+  }, b = E(() => {
     const h = window.print;
     return new Promise((u) => {
-      const s = (x) => {
+      const s = (y) => {
         setTimeout(() => {
-          h.call(window), setTimeout(() => x(), 20);
+          h.call(window), setTimeout(() => y(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
@@ -351,26 +351,26 @@ const Nr = () => {
       });
       _.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), v = async (h) => {
+  }, []), g = async (h) => {
     const u = document.createElement("img"), s = document.createElement("div");
     return s.classList.add("rp-print-page"), await new Promise((w, _) => {
-      h.toBlob((x) => {
-        x ? (u.src = URL.createObjectURL(x), u.onload = () => {
+      h.toBlob((y) => {
+        y ? (u.src = URL.createObjectURL(y), u.onload = () => {
           URL.revokeObjectURL(u.src), w();
         }, u.onerror = _) : _(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(u), s;
-  }, y = (h, u) => {
+  }, S = (h, u) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
     const w = document.createElement("style"), _ = u.get(1);
     if (_) {
-      const { width: x, height: R } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
-      w.innerHTML = `@page { size: ${x}px ${R}px }`;
+      const { width: y, height: x } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
+      w.innerHTML = `@page { size: ${y}px ${x}px }`;
     }
     return s.appendChild(w), s.append(...h), s;
-  }, g = O(async () => {
+  }, v = E(async () => {
     if (!t)
       return;
     p();
@@ -379,18 +379,18 @@ const Nr = () => {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const w = t.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
         t.annotationStorage.print ?? void 0
-      ), x = e.size;
-      for (const [I, S] of e) {
+      ), y = e.size;
+      for (const [I, R] of e) {
         if (m.current) {
           p();
           return;
         }
-        const N = S.page.getViewport({ scale: 1 });
-        if (await C({
+        const L = R.page.getViewport({ scale: 1 });
+        if (await P({
           scratchCanvas: h,
           pdfDocument: t,
           pageNumber: I,
-          viewerPdfPage: N,
+          viewerPdfPage: L,
           printResolution: 150,
           optionalContentConfigPromise: w,
           printAnnotationStoragePromise: _
@@ -398,21 +398,21 @@ const Nr = () => {
           p();
           return;
         }
-        const D = await v(h);
-        u.push(D);
-        const M = parseFloat((u.length / x * 100).toFixed(2));
+        const N = await g(h);
+        u.push(N);
+        const F = parseFloat((u.length / y * 100).toFixed(2));
         r({
           loadedPages: I,
-          totalPages: x,
-          percentage: M
+          totalPages: y,
+          percentage: F
         });
       }
       if (m.current) {
         p();
         return;
       }
-      const R = y(u, e);
-      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await b();
+      const x = S(u, e);
+      document.body.appendChild(x), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await b();
     } catch (s) {
       l(!0), s instanceof Error && f(s);
     } finally {
@@ -421,13 +421,13 @@ const Nr = () => {
   }, [t, e, m]);
   return z(() => {
     const h = () => {
-      p(), P();
+      p(), C();
     };
     return window.addEventListener("afterprint", h, !0), () => {
       window.removeEventListener("afterprint", h, !0);
     };
-  }, [P, p]), {
-    print: g,
+  }, [C, p]), {
+    print: v,
     cancel: T,
     progress: n,
     isComplete: o,
@@ -451,33 +451,33 @@ const Nr = () => {
       console.error("Error in setOnError callback:", e);
     }
   }
-}), Zs = ({ children: t }) => {
-  const [e, n] = $(null), [r, o] = $(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Nr(), P = O((v) => {
-    v && typeof v == "function" && o(() => v);
-  }, []), p = (v) => {
-    m && v(m);
-  }, T = O(
-    (v) => {
-      n(() => v);
+}), Xs = ({ children: t }) => {
+  const [e, n] = q(null), [r, o] = q(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Nr(), C = E((g) => {
+    g && typeof g == "function" && o(() => g);
+  }, []), p = (g) => {
+    m && g(m);
+  }, T = E(
+    (g) => {
+      n(() => g);
     },
     [l, e]
   );
   z(() => {
-    d && r && C();
+    d && r && P();
   }, [d, r]), z(() => {
-    f && p((v) => {
-      console.error(v);
+    f && p((g) => {
+      console.error(g);
     });
   }, [f]), z(() => {
     l && e && e(l);
   }, [l, e]);
-  const C = () => {
+  const P = () => {
     r && (r(), o(null));
   }, b = {
     print: i,
     cancel: c,
     setOnProgress: T,
-    setOnComplete: P,
+    setOnComplete: C,
     setOnError: p,
     progress: l
   };
@@ -488,20 +488,20 @@ const Nr = () => {
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, Or = () => {
-  const [t, e] = $({}), { pages: n } = oe(), r = F(() => Object.keys(t).length, [t]), o = O(
+  const [t, e] = q({}), { pages: n } = oe(), r = W(() => Object.keys(t).length, [t]), o = E(
     (c) => {
       if (!n.size)
         return;
       const l = c > n.size ? n.size : c, f = Array.from(n.values()).slice(0, l).map((m) => {
-        const { thumbnailViewport: P, scale: p } = ar(m.page, m.defaultRotation);
+        const { thumbnailViewport: C, scale: p } = ar(m.page, m.defaultRotation);
         return {
           scale: p,
           page: m.page,
           loading: !0,
-          viewport: P,
+          viewport: C,
           defaultRotation: m.defaultRotation
         };
-      }).reduce((m, P) => (m[P.page.pageNumber] = P, m), {});
+      }).reduce((m, C) => (m[C.page.pageNumber] = C, m), {});
       e(f);
     },
     [n]
@@ -509,7 +509,7 @@ const Nr = () => {
   z(() => {
     o(10);
   }, [o]);
-  const i = O(
+  const i = E(
     (c) => {
       if (!n)
         return;
@@ -538,11 +538,11 @@ const Nr = () => {
   setActive: (t) => {
   },
   active: !1
-}), Tn = () => qe(bn), Xs = ({
+}), Tn = () => qe(bn), Qs = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Or(), [c, l] = $(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Or(), [c, l] = q(e);
   return /* @__PURE__ */ a(
     bn.Provider,
     {
@@ -551,46 +551,46 @@ const Nr = () => {
     }
   );
 }, Dr = (t = {}, e = "") => {
-  const [n, r] = $(e), [o, i] = $(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = Ge(), m = k(!n), { currentZoom: P } = wt(), [p, T] = $([]), { setFocusedPage: C } = de(), { columnCount: b } = Me(), { pageRotate: v } = Je(), [y, g] = $(0), { pageScrollElementRef: h, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ee(), { pagesRef: w } = be(), [_, x] = $(null), R = k({}), I = F(() => y === 0 ? null : p[y - 1], [y, p]), S = F(() => p.length, [p]), N = O(
-    (L) => {
-      if (L === 0)
+  const [n, r] = q(e), [o, i] = q(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = Ge(), m = k(!n), { currentZoom: C } = _t(), [p, T] = q([]), { setFocusedPage: P } = de(), { columnCount: b } = Fe(), { pageRotate: g } = Je(), [S, v] = q(0), { pageScrollElementRef: h, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ne(), { pagesRef: w } = be(), [_, y] = q(null), x = k({}), I = k(0), R = W(() => S === 0 ? null : p[S - 1], [S, p]), L = W(() => p.length, [p]), N = E(
+    (O) => {
+      if (O === 0)
         return;
-      const E = p[L - 1];
-      if (!E || !l)
+      const A = p[O - 1];
+      if (!A || !l)
         return;
-      const q = u || h;
-      if (!q || !w)
+      const H = u || h;
+      if (!H || !w)
         return;
-      const W = l.get(E.page);
-      if (s === ne.PAGE_SCROLLING && C(E.page), !W)
+      const U = l.get(A.page);
+      if (s === ne.PAGE_SCROLLING && P(A.page), !U)
         return;
-      let U = 0, j = 0;
+      let B = 0, V = 0;
       if (s === ne.VERTICAL_SCROLLING) {
-        const J = E.page - 1, ue = b, ie = J % ue, me = Math.floor(J / ue);
-        U = ze(f, me), j = ze(d, ie);
+        const ue = A.page - 1, J = b, me = ue % J, ye = Math.floor(ue / J);
+        B = Me(f, ye), V = Me(d, me);
       }
-      s === ne.HORIZONTAL_SCROLLING && (j = d.slice(0, E.page - 1).reduce((J, ue) => J + ue, 0));
-      const V = {
-        height: f[E.page - 1],
-        width: d[E.page - 1]
-      }, ee = v[E.page], { leftInPage: G, topInPage: Z } = ir(
-        V,
+      s === ne.HORIZONTAL_SCROLLING && (V = d.slice(0, A.page - 1).reduce((ue, J) => ue + J, 0));
+      const ee = {
+        height: f[A.page - 1],
+        width: d[A.page - 1]
+      }, G = g[A.page], { leftInPage: Z, topInPage: Y } = ir(
+        ee,
         w,
-        E.rect,
-        P,
-        ee
-      ), Y = j + G, re = U + Z, ae = {
-        left: Math.max(Y, 0),
-        top: Math.max(re, 0)
+        A.rect,
+        C,
+        G
+      ), re = V + Z, ae = B + Y, ie = {
+        left: Math.max(re, 0),
+        top: Math.max(ae, 0)
       };
-      q.scrollTo({
-        ...ae,
+      H.scrollTo({
+        ...ie,
         behavior: "smooth"
       });
     },
     [
       l,
-      C,
+      P,
       d,
       f,
       s,
@@ -601,62 +601,62 @@ const Nr = () => {
     ]
   );
   z(() => {
-    y === 1 && N(y);
-  }, [y]);
-  const D = O(() => {
-    g((L) => {
-      let E;
-      return S ? L + 1 > S ? E = 1 : E = L + 1 : E = 0, E !== 1 && N(E), E;
-    });
-  }, [S, N]), M = O(() => {
-    g((L) => {
-      let E;
-      return S ? L - 1 <= 0 ? E = S : E = L - 1 : E = 0, E !== 1 && N(E), E;
-    });
-  }, [S, N]), A = O(async (L) => {
-    if (!L)
+    S && N(S);
+  }, [S]);
+  const F = E(() => {
+    v((O) => {
+      let A;
+      return L ? O + 1 > L ? A = 1 : A = O + 1 : A = 0, I.current = A, A;
+    }), I.current === 1 && N(I.current);
+  }, [L, N]), M = E(() => {
+    v((O) => {
+      let A;
+      return L ? O - 1 <= 0 ? A = L : A = O - 1 : A = 0, I.current = A, A;
+    }), I.current === 1 && N(I.current);
+  }, [L, N]), D = E(async (O) => {
+    if (!O)
       return {};
-    const E = L.numPages, q = {};
-    for (let W = 1; W <= E; W++) {
+    const A = O.numPages, H = {};
+    for (let U = 1; U <= A; U++) {
       if (m.current)
         throw "close pop over";
-      const U = await L.getPage(W);
-      q[W.toString()] = await U.getTextContent();
+      const B = await O.getPage(U);
+      H[U.toString()] = await B.getTextContent();
     }
-    return q;
+    return H;
   }, []);
   return z(() => {
     if (!n) {
-      m.current = !0, T([]), g(0);
+      m.current = !0, T([]), v(0);
       return;
     }
-    m.current = !1, i(!0), T([]), g(0), A(c).then((L) => {
-      R.current = L;
-      const q = Object.keys(L).reduce((W, U) => {
-        const j = mo(
+    m.current = !1, i(!0), T([]), v(0), D(c).then((O) => {
+      x.current = O;
+      const H = Object.keys(O).reduce((U, B) => {
+        const V = mo(
           [n],
-          L[U],
-          Number(U) - 1,
+          O[B],
+          Number(B) - 1,
           t
-        ).map((V, ee) => ({ ...V, page: Number(U), pageMatchIdx: ee }));
-        return [...W, ...j];
+        ).map((ee, G) => ({ ...ee, page: Number(B), pageMatchIdx: G }));
+        return [...U, ...V];
       }, []);
-      T(q), g(q.length ? 1 : 0);
+      T(H), v(H.length ? 1 : 0);
     }).catch(() => {
-      T([]), g(0);
+      T([]), v(0);
     }).finally(() => i(!1));
-  }, [n, A, c, t]), {
+  }, [n, D, c, t]), {
     search: n,
     setSearch: r,
     loading: o,
     matches: p,
-    totalMatches: S,
-    currentMatchPosition: y,
-    currentMatch: I,
-    nextMatch: D,
+    totalMatches: L,
+    currentMatchPosition: S,
+    currentMatch: R,
+    nextMatch: F,
     prevMatch: M,
     currentMatchElement: _,
-    setCurrentMatchElement: x
+    setCurrentMatchElement: y
   };
 }, Cn = $e({
   search: "",
@@ -676,11 +676,11 @@ const Nr = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (t) => {
   }
-}), Qs = ({
+}), Ys = ({
   children: t,
   initialSearch: e
 }) => {
-  const [n, r] = $({}), {
+  const [n, r] = q({}), {
     loading: o,
     setSearch: i,
     totalMatches: c,
@@ -688,10 +688,10 @@ const Nr = () => {
     currentMatch: d,
     search: f,
     matches: m,
-    nextMatch: P,
+    nextMatch: C,
     prevMatch: p,
     currentMatchElement: T,
-    setCurrentMatchElement: C
+    setCurrentMatchElement: P
   } = Dr(n, e);
   return /* @__PURE__ */ a(
     Cn.Provider,
@@ -704,20 +704,20 @@ const Nr = () => {
         totalMatches: c,
         currentMatchPosition: l,
         currentMatch: d,
-        nextMatch: P,
+        nextMatch: C,
         prevMatch: p,
         search: f,
         matches: m,
         currentMatchElement: T,
-        setCurrentMatchElement: C
+        setCurrentMatchElement: P
       },
       children: t
     }
   );
-}, yt = () => qe(Cn), Pn = $e(null), Ys = ({ children: t }) => {
-  const e = k(!1), [n, r] = $([]), o = O((d) => {
+}, St = () => qe(Cn), Pn = $e(null), Js = ({ children: t }) => {
+  const e = k(!1), [n, r] = q([]), o = E((d) => {
     r((f) => [...f, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
-  }, []), i = F(() => new To(o), [o]), { focusedPage: c } = de(), l = O((d) => (e.current = !0, Co(
+  }, []), i = W(() => new To(o), [o]), { focusedPage: c } = de(), l = E((d) => (e.current = !0, Co(
     d.data.page,
     d.data.canvasElem,
     d.data.options
@@ -745,34 +745,34 @@ const Nr = () => {
     throw new Error("RenderQueue not found");
   return t;
 }, se = {
-  "rp-pages": "_rp-pages_1fvmx_1",
-  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1fvmx_6",
-  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1fvmx_11",
-  "rp-pages-container": "_rp-pages-container_1fvmx_15",
-  "rp-viewer": "_rp-viewer_1fvmx_57",
-  "rp-cursor-grab": "_rp-cursor-grab_1fvmx_62",
-  "rp-cursor-grabbing": "_rp-cursor-grabbing_1fvmx_70",
-  "rp-loader": "_rp-loader_1fvmx_78",
-  "rp-not-supported": "_rp-not-supported_1fvmx_86",
-  "rp-not-supported-content": "_rp-not-supported-content_1fvmx_102"
-}, st = {
-  "rp-page-wrapper": "_rp-page-wrapper_14ohm_1",
-  "rp-page": "_rp-page_14ohm_1",
-  "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
+  "rp-pages": "_rp-pages_u7m2r_1",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_u7m2r_6",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_u7m2r_11",
+  "rp-pages-container": "_rp-pages-container_u7m2r_15",
+  "rp-viewer": "_rp-viewer_u7m2r_57",
+  "rp-cursor-grab": "_rp-cursor-grab_u7m2r_62",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_u7m2r_70",
+  "rp-loader": "_rp-loader_u7m2r_78",
+  "rp-not-supported": "_rp-not-supported_u7m2r_86",
+  "rp-not-supported-content": "_rp-not-supported-content_u7m2r_102"
+}, ct = {
+  "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
+  "rp-page": "_rp-page_ii91u_1",
+  "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
 }, Ar = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = k(), { currentZoom: d } = wt(), f = yn(), m = k(`page-${e}`);
+  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = k(), { currentZoom: d } = _t(), f = yn(), m = k(`page-${e}`);
   return z(() => {
     if (!i || d === 0)
       return;
-    const P = i.get(e);
-    if (o.current && P) {
+    const C = i.get(e);
+    if (o.current && C) {
       const p = o.current;
       p.hidden = !0;
       const T = l.current;
       T && T.cancel(), r && r(), f.enqueue(
         m.current,
         {
-          page: P.page,
+          page: C.page,
           canvasElem: p,
           options: {
             scale: d,
@@ -794,27 +794,27 @@ const Nr = () => {
   markedContent: Mr,
   "rp-text-layer-text": "_rp-text-layer-text_ppr5g_52"
 }, Fr = (t) => {
-  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = yt(), [l, d] = $(
+  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = St(), [l, d] = q(
     []
-  ), f = k(), m = k(), P = k([]), p = F(() => o.filter((h) => h.pageIndex === e - 1), [o, e]), T = O(
+  ), f = k(), m = k(), C = k([]), p = W(() => o.filter((h) => h.pageIndex === e - 1), [o, e]), T = E(
     (h, u, s = !1) => {
       if (s && go(h, u), !p.length) {
-        P.current = [], d([]);
+        C.current = [], d([]);
         return;
       }
       const w = vo(p, h, u);
       d(w);
     },
     [p]
-  ), C = k(), b = k(!1), v = O(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), P = k(), b = k(!1), g = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   z(() => ((() => {
-    if (C.current)
+    if (P.current)
       return;
-    C.current = new AbortController();
-    const { signal: u } = C.current, s = () => {
-      v().forEach((_) => {
-        const x = _.querySelector(".endOfContent");
-        x && (_.appendChild(x), x.style.width = "", x.style.height = "", _.classList.remove(ge.selecting));
+    P.current = new AbortController();
+    const { signal: u } = P.current, s = () => {
+      g().forEach((_) => {
+        const y = _.querySelector(".endOfContent");
+        y && (_.appendChild(y), y.style.width = "", y.style.height = "", _.classList.remove(ge.selecting));
       });
     };
     document.addEventListener(
@@ -846,7 +846,7 @@ const Nr = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var M, A;
+        var F, M;
         const _ = document.getSelection();
         if (!_)
           return;
@@ -854,42 +854,42 @@ const Nr = () => {
           s();
           return;
         }
-        const x = /* @__PURE__ */ new Set();
-        for (let L = 0; L < _.rangeCount; L++) {
-          const E = _.getRangeAt(L);
-          v().forEach((q) => {
-            E.intersectsNode(q) && !x.has(q) && x.add(q);
+        const y = /* @__PURE__ */ new Set();
+        for (let D = 0; D < _.rangeCount; D++) {
+          const O = _.getRangeAt(D);
+          g().forEach((A) => {
+            O.intersectsNode(A) && !y.has(A) && y.add(A);
           });
         }
-        v().forEach((L) => {
-          if (x.has(L))
-            L.classList.add(ge.selecting);
+        g().forEach((D) => {
+          if (y.has(D))
+            D.classList.add(ge.selecting);
           else {
-            const E = L.querySelector(".endOfContent");
-            E && (L.appendChild(E), E.style.width = "", E.style.height = "", L.classList.remove(ge.selecting));
+            const O = D.querySelector(".endOfContent");
+            O && (D.appendChild(O), O.style.width = "", O.style.height = "", D.classList.remove(ge.selecting));
           }
         });
-        const R = _.getRangeAt(0);
-        let S = w && (R.compareBoundaryPoints(Range.END_TO_END, w) === 0 || R.compareBoundaryPoints(Range.START_TO_END, w) === 0) ? R.startContainer : R.endContainer;
-        S.nodeType === Node.TEXT_NODE && (S = S.parentNode);
-        const N = (M = S.parentElement) == null ? void 0 : M.closest(
+        const x = _.getRangeAt(0);
+        let R = w && (x.compareBoundaryPoints(Range.END_TO_END, w) === 0 || x.compareBoundaryPoints(Range.START_TO_END, w) === 0) ? x.startContainer : x.endContainer;
+        R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
+        const L = (F = R.parentElement) == null ? void 0 : F.closest(
           ge["rp-text-layer"]
-        ), D = N == null ? void 0 : N.querySelector(".endOfContent");
-        D && N && (D.style.width = N.style.width, D.style.height = N.style.height, (A = S.parentElement) == null || A.insertBefore(D, S.nextSibling)), w = R.cloneRange();
+        ), N = L == null ? void 0 : L.querySelector(".endOfContent");
+        N && L && (N.style.width = L.style.width, N.style.height = L.style.height, (M = R.parentElement) == null || M.insertBefore(N, R.nextSibling)), w = x.cloneRange();
       },
       { signal: u }
     );
   })(), () => {
     var u;
-    (u = C.current) == null || u.abort(), C.current = void 0;
-  }), [v]);
-  const y = O(() => {
+    (u = P.current) == null || u.abort(), P.current = void 0;
+  }), [g]);
+  const S = E(() => {
     r.current && r.current.classList.add(ge.selecting);
-  }, []), g = O(() => {
+  }, []), v = E(() => {
     r.current && r.current.classList.remove(ge.selecting);
   }, []);
   return z(() => {
-    if (P.current.forEach((s) => {
+    if (C.current.forEach((s) => {
       s.classList.remove("selected");
     }), !l.length || !i || i.pageIndex !== e - 1)
       return;
@@ -899,7 +899,7 @@ const Nr = () => {
     if (h === -1)
       return;
     const u = l.filter((s) => s.index === h);
-    u.length && (P.current = u.map((s) => s.element), c(u[0].element), u.forEach((s) => {
+    u.length && (C.current = u.map((s) => s.element), c(u[0].element), u.forEach((s) => {
       s.element.classList.add("selected");
     }));
   }, [i, l, p]), z(() => {
@@ -915,14 +915,14 @@ const Nr = () => {
         container: u
       }), m.current = s, u && (u.innerText = ""), f.current.render();
     }).then(() => {
-      var x, R;
+      var y, x;
       [].slice.call(u.children).forEach((I) => {
         I.classList.add(ge["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const w = (x = f.current) == null ? void 0 : x.textDivs;
+      const w = (y = f.current) == null ? void 0 : y.textDivs;
       w && m.current && T(m.current, w);
       const _ = document.createElement("div");
-      _.className = "endOfContent", (R = r.current) == null || R.appendChild(_);
+      _.className = "endOfContent", (x = r.current) == null || x.appendChild(_);
     }).catch(() => {
     }), () => {
       var s;
@@ -942,8 +942,8 @@ const Nr = () => {
       "data-rp": `page-${e}-textLayer`,
       className: ge["rp-text-layer"],
       ref: r,
-      onMouseDown: y,
-      onMouseUp: g
+      onMouseDown: S,
+      onMouseUp: v
     }
   );
 }, kr = {
@@ -951,34 +951,34 @@ const Nr = () => {
 };
 let Wr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Hr = (t) => {
-  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = $(), { setFocusedPage: d, goToPage: f } = de(), { scrollMode: m } = Ee(), { print: P } = tt(), { download: p } = Gn(), T = F(() => r.get(e), [r, e]), C = F(() => T == null ? void 0 : T.page.getViewport(), [T]);
+  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = q(), { setFocusedPage: d, goToPage: f } = de(), { scrollMode: m } = Ne(), { print: C } = tt(), { download: p } = Gn(), T = W(() => r.get(e), [r, e]), P = W(() => T == null ? void 0 : T.page.getViewport(), [T]);
   z(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
   }, [o]), z(() => {
-    T && T.page.getAnnotations().then((v) => {
-      i.current = void 0, l(v), n.current && (n.current.innerText = "");
+    T && T.page.getAnnotations().then((g) => {
+      i.current = void 0, l(g), n.current && (n.current.innerText = "");
     });
   }, [T]);
-  const b = O(
-    (v) => {
-      !c || !o || (Uo(v), Vo(v, o, c).then((y) => {
-        var g, h;
-        ((g = y == null ? void 0 : y.data) == null ? void 0 : g.action) === "Print" ? P() : ((h = y == null ? void 0 : y.data) == null ? void 0 : h.action) === "SaveAs" && p();
-      }), m === ne.PAGE_SCROLLING ? Ft(v, c, o, (y) => d(y.pageIndex + 1)) : Ft(v, c, o, (y) => f(y.pageIndex + 1)));
+  const b = E(
+    (g) => {
+      !c || !o || (Uo(g), Vo(g, o, c).then((S) => {
+        var v, h;
+        ((v = S == null ? void 0 : S.data) == null ? void 0 : v.action) === "Print" ? C() : ((h = S == null ? void 0 : S.data) == null ? void 0 : h.action) === "SaveAs" && p();
+      }), m === ne.PAGE_SCROLLING ? Ft(g, c, o, (S) => d(S.pageIndex + 1)) : Ft(g, c, o, (S) => f(S.pageIndex + 1)));
     },
-    [o, c, f, d, m, P, p]
+    [o, c, f, d, m, C, p]
   );
   return z(() => {
     if (!T || !c)
       return;
-    const v = T.page.getViewport();
+    const g = T.page.getViewport();
     if (i.current) {
       i.current.update({
-        viewport: v.clone({ dontFlip: !0 })
+        viewport: g.clone({ dontFlip: !0 })
       });
       return;
     }
-    const y = /* @__PURE__ */ new Map([]);
+    const S = /* @__PURE__ */ new Map([]);
     for (const u of c) {
       const { annotationType: s } = u;
       switch (s) {
@@ -986,11 +986,11 @@ const Hr = (t) => {
           jo(u);
           break;
         case Dt.Widget:
-          Bo(u, v, y);
+          Bo(u, g, S);
           break;
       }
     }
-    const g = new AbortController();
+    const v = new AbortController();
     return (async () => {
       var w;
       i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new qo({
@@ -1000,10 +1000,10 @@ const Hr = (t) => {
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
         page: T.page,
-        viewport: v.clone({ dontFlip: !0 })
+        viewport: g.clone({ dontFlip: !0 })
       }), n.current && kt(n.current, b);
       const u = await (o == null ? void 0 : o.hasJSActions()), s = await (o == null ? void 0 : o.getFieldObjects());
-      if (g.signal.aborted)
+      if (v.signal.aborted)
         throw "abort";
       return (w = i.current) == null ? void 0 : w.render({
         annotations: c,
@@ -1011,7 +1011,7 @@ const Hr = (t) => {
         hasJSActions: u,
         fieldObjects: s,
         div: n.current,
-        viewport: v.clone({ dontFlip: !0 }),
+        viewport: g.clone({ dontFlip: !0 }),
         page: T.page,
         imageResourcesPath: Wr,
         renderForms: !0,
@@ -1025,13 +1025,13 @@ const Hr = (t) => {
       if (u !== "abort")
         throw u;
     }), () => {
-      g.abort("clear"), n.current && kt(n.current, b);
+      v.abort("clear"), n.current && kt(n.current, b);
     };
   }, [o, c, b]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${C == null ? void 0 : C.width}px`, height: `${C == null ? void 0 : C.height}px` },
+      style: { width: `${P == null ? void 0 : P.width}px`, height: `${P == null ? void 0 : P.height}px` },
       className: kr["rp-annotation-layer"],
       ref: n
     }
@@ -1039,7 +1039,7 @@ const Hr = (t) => {
 }, $r = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, qr = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = $(), { pages: o } = oe(), { highlightKeywords: i } = _o(), c = !0, l = k(null), [d, f] = $(null), [m, P] = $([]);
+  const [n, r] = q(), { pages: o } = oe(), { highlightKeywords: i } = _o(), c = !0, l = k(null), [d, f] = q(null), [m, C] = q([]);
   z(() => {
     l.current && f(l.current.parentElement);
   }, [l]), z(() => {
@@ -1051,32 +1051,32 @@ const Hr = (t) => {
       r(u);
     })();
   }, [o, t]);
-  const p = F(() => i ? i.map((g) => {
+  const p = W(() => i ? i.map((v) => {
     var h, u;
     return {
-      ...Zo(g.keyword, (h = g.options) == null ? void 0 : h.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
-      color: g.highlightColor
+      ...Zo(v.keyword, (h = v.options) == null ? void 0 : h.matchCase, (u = v.options) == null ? void 0 : u.wholeWords),
+      color: v.highlightColor
     };
   }) : [], [i]);
-  function T(g, h) {
-    if (!g)
+  function T(v, h) {
+    if (!v)
       return;
     const u = `[data-rp="page-${h}-textLayer"]`;
     return new Promise((s) => {
-      const w = g.querySelector(u);
+      const w = v.querySelector(u);
       if (w) {
         s(w);
         return;
       }
-      new MutationObserver((x, R) => {
-        const I = g.querySelector(u);
-        I && (s(I), R.disconnect());
-      }).observe(g, { childList: !0, subtree: !0 });
+      new MutationObserver((y, x) => {
+        const I = v.querySelector(u);
+        I && (s(I), x.disconnect());
+      }).observe(v, { childList: !0, subtree: !0 });
     });
   }
-  function C(g) {
+  function P(v) {
     return new Promise((h) => {
-      const u = g.querySelectorAll(
+      const u = v.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (u.length) {
@@ -1084,46 +1084,46 @@ const Hr = (t) => {
         return;
       }
       new MutationObserver((w, _) => {
-        const x = g.querySelectorAll(
+        const y = v.querySelectorAll(
           ".rp-text-layer-text"
         );
-        x.length && (h(Array.from(x)), _.disconnect());
-      }).observe(g, { childList: !0, subtree: !0 });
+        y.length && (h(Array.from(y)), _.disconnect());
+      }).observe(v, { childList: !0, subtree: !0 });
     });
   }
-  const b = (g, h, u, s) => {
+  const b = (v, h, u, s) => {
     var U;
     const w = document.createRange(), _ = u.firstChild;
     if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const x = ((U = _.textContent) == null ? void 0 : U.length) ?? 0, R = s[0].charIdxInSpan, I = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
-    if (R > x || I + 1 > x)
+    const y = ((U = _.textContent) == null ? void 0 : U.length) ?? 0, x = s[0].charIdxInSpan, I = s.length === 1 ? x : s[s.length - 1].charIdxInSpan;
+    if (x > y || I + 1 > y)
       return null;
-    w.setStart(_, R), w.setEnd(_, I + 1);
-    const S = document.createElement("span");
-    S.style.width = "auto", w.surroundContents(S);
-    const N = S.getBoundingClientRect(), D = g.getBoundingClientRect(), M = D.height, A = D.width, L = 100 * (N.left - D.left) / A, E = 100 * (N.top - D.top) / M, q = 100 * N.height / M, W = 100 * N.width / A;
-    return Qo(S), {
+    w.setStart(_, x), w.setEnd(_, I + 1);
+    const R = document.createElement("span");
+    R.style.width = "auto", w.surroundContents(R);
+    const L = R.getBoundingClientRect(), N = v.getBoundingClientRect(), F = N.height, M = N.width, D = 100 * (L.left - N.left) / M, O = 100 * (L.top - N.top) / F, A = 100 * L.height / F, H = 100 * L.width / M;
+    return Qo(R), {
       keywordStr: h,
-      left: L,
-      top: E,
-      height: q,
-      width: W,
-      pageHeight: M,
-      pageWidth: A
+      left: D,
+      top: O,
+      height: A,
+      width: H,
+      pageHeight: F,
+      pageWidth: M
     };
   };
-  async function v(g, h) {
-    const u = await T(d, g);
+  async function g(v, h) {
+    const u = await T(d, v);
     if (!u)
       return;
-    const s = await C(u);
+    const s = await P(u);
     if (s.length) {
-      const w = s.map((x) => x.tagName === "BR" ? " " : x.textContent).reduce(
-        (x, R, I) => x.concat(
-          R.split("").map((S, N) => ({
-            char: S,
-            charIdxInSpan: N,
+      const w = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
+        (y, x, I) => y.concat(
+          x.split("").map((R, L) => ({
+            char: R,
+            charIdxInSpan: L,
             spanIdx: I
           }))
         ),
@@ -1134,43 +1134,43 @@ const Hr = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), _ = y(u, h, s, w);
-      P(_);
+      ).slice(1), _ = S(u, h, s, w);
+      C(_);
     }
   }
-  const y = (g, h, u, s) => {
+  const S = (v, h, u, s) => {
     const w = h.length;
     if (!s.length || !w)
       return [];
-    const _ = [], x = s.map((R) => R.char).join("");
-    return p.forEach((R) => {
-      const { keyword: I, regExp: S, wholeWords: N, color: D } = R, M = I;
-      if (!M.trim())
+    const _ = [], y = s.map((x) => x.char).join("");
+    return p.forEach((x) => {
+      const { keyword: I, regExp: R, wholeWords: L, color: N } = x, F = I;
+      if (!F.trim())
         return;
-      const A = S.flags.indexOf("g") === -1 ? new RegExp(S, `${S.flags}g`) : S;
-      let L;
-      const E = [];
-      for (; (L = A.exec(x)) !== null; )
-        N && !wo(x, L.index, L[0].length) || E.push({
-          keyword: A,
-          startIndex: L.index,
-          endIndex: A.lastIndex
+      const M = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
+      let D;
+      const O = [];
+      for (; (D = M.exec(y)) !== null; )
+        L && !wo(y, D.index, D[0].length) || O.push({
+          keyword: M,
+          startIndex: D.index,
+          endIndex: M.lastIndex
         });
-      const q = E.map((W) => ({
-        keyword: W.keyword,
-        indexes: s.slice(W.startIndex, W.endIndex),
-        color: D
+      const A = O.map((H) => ({
+        keyword: H.keyword,
+        indexes: s.slice(H.startIndex, H.endIndex),
+        color: N
       }));
-      for (const W of q) {
-        const U = W.indexes.reduce(
-          (j, V) => (j[V.spanIdx] = (j[V.spanIdx] || []).concat([V]), j),
+      for (const H of A) {
+        const U = H.indexes.reduce(
+          (B, V) => (B[V.spanIdx] = (B[V.spanIdx] || []).concat([V]), B),
           {}
         );
-        for (const j of Object.values(U))
-          if (j.length !== 1 || j[0].char.trim() !== "") {
-            const V = j, ee = u[V[0].spanIdx], G = b(
-              g,
-              M,
+        for (const B of Object.values(U))
+          if (B.length !== 1 || B[0].char.trim() !== "") {
+            const V = B, ee = u[V[0].spanIdx], G = b(
+              v,
+              F,
               ee,
               V
             );
@@ -1178,7 +1178,7 @@ const Hr = (t) => {
               const { left: Z, top: Y } = G;
               if (_.find((ae) => ae.left === Z && ae.top === Y))
                 continue;
-              _.push({ ...G, highlightColor: W.color });
+              _.push({ ...G, highlightColor: H.color });
             }
           }
       }
@@ -1187,58 +1187,58 @@ const Hr = (t) => {
   return z(() => {
     (async () => {
       if (!i || i.length === 0) {
-        P([]);
+        C([]);
         return;
       }
       try {
-        await v(t, i);
+        await g(t, i);
       } catch (h) {
         console.error(h);
       }
     })();
-  }, [c, i, t, n, e]), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((g, h) => /* @__PURE__ */ a(
+  }, [c, i, t, n, e]), /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((v, h) => /* @__PURE__ */ a(
     "div",
     {
       className: $r["rp-text-highlight"],
       style: {
-        top: `${g.top}%`,
-        left: `${g.left}%`,
-        width: `${g.width}%`,
-        height: `${g.height}%`,
-        backgroundColor: g.highlightColor
+        top: `${v.top}%`,
+        left: `${v.left}%`,
+        width: `${v.width}%`,
+        height: `${v.height}%`,
+        backgroundColor: v.highlightColor
       }
     },
     h
   )) }) });
-}, xt = et((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = uo(), { currentZoom: d } = wt(), { LoaderImageComponent: f } = _t(), m = k(i.get(n)), [P, p] = $(!1), T = k(null), [C, b] = $({
+}, It = et((t, e) => {
+  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = uo(), { currentZoom: d } = _t(), { LoaderImageComponent: f } = bt(), m = k(i.get(n)), [C, p] = q(!1), T = k(null), [P, b] = q({
     width: 0,
     height: 0
   });
   on(e, () => T.current);
-  const v = F(() => m.current ? c[n] : 0, [n, c]);
+  const g = W(() => m.current ? c[n] : 0, [n, c]);
   z(() => {
     if (i && (m.current = i.get(n), m.current)) {
       const u = m.current.page.getViewport({
         scale: d,
-        rotation: v
+        rotation: g
       });
       b(u);
     }
-  }, [i, n, v, d]);
-  const y = F(() => {
-    switch (v) {
+  }, [i, n, g, d]);
+  const S = W(() => {
+    switch (g) {
       case 90:
-        return `${C.width / 2}px ${C.width / 2}px`;
+        return `${P.width / 2}px ${P.width / 2}px`;
       case -90:
       case 270:
-        return `${C.height / 2}px ${C.height / 2}px`;
+        return `${P.height / 2}px ${P.height / 2}px`;
       default:
         return "center";
     }
-  }, [v, C]), g = O(() => {
+  }, [g, P]), v = E(() => {
     p(!0);
-  }, []), h = O(() => {
+  }, []), h = E(() => {
     p(!1);
   }, []);
   return /* @__PURE__ */ a(
@@ -1250,25 +1250,25 @@ const Hr = (t) => {
       ...o,
       style: {
         ...r,
-        "--rp-rotate": `${v}deg`,
-        "--rp-page-rotate-translate": `${y}`,
+        "--rp-rotate": `${g}deg`,
+        "--rp-page-rotate-translate": `${S}`,
         "--scale-factor": d
       },
-      className: st["rp-page-wrapper"],
-      children: /* @__PURE__ */ H(
+      className: ct["rp-page-wrapper"],
+      children: /* @__PURE__ */ $(
         "div",
         {
           style: {
-            width: `${C.width}px`,
-            height: `${C.height}px`
+            width: `${P.width}px`,
+            height: `${P.height}px`
           },
-          className: st["rp-page"],
+          className: ct["rp-page"],
           children: [
-            /* @__PURE__ */ a(Ar, { onLoading: g, onLoaded: h, pageNumber: n }),
-            P && f && /* @__PURE__ */ a("div", { className: st["rp-loader-wrapper"], children: /* @__PURE__ */ a(f, {}) }),
+            /* @__PURE__ */ a(Ar, { onLoading: v, onLoaded: h, pageNumber: n }),
+            C && f && /* @__PURE__ */ a("div", { className: ct["rp-loader-wrapper"], children: /* @__PURE__ */ a(f, {}) }),
             /* @__PURE__ */ a(Yo, { pageNumber: n }),
             l && /* @__PURE__ */ a(Fr, { pageNumber: n }),
-            /* @__PURE__ */ a(qr, { pageNumber: n, viewport: C }),
+            /* @__PURE__ */ a(qr, { pageNumber: n, viewport: P }),
             /* @__PURE__ */ a(Hr, { pageNumber: n })
           ]
         }
@@ -1276,28 +1276,28 @@ const Hr = (t) => {
     }
   );
 });
-function ft() {
-  return ft = Object.assign ? Object.assign.bind() : function(t) {
+function mt() {
+  return mt = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var r in n)
         ({}).hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
     return t;
-  }, ft.apply(null, arguments);
+  }, mt.apply(null, arguments);
 }
 function Ht(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function mt(t, e) {
-  return mt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+function gt(t, e) {
+  return gt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
     return n.__proto__ = r, n;
-  }, mt(t, e);
+  }, gt(t, e);
 }
 function Gr(t, e) {
-  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, mt(t, e);
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, gt(t, e);
 }
 var $t = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
@@ -1313,7 +1313,7 @@ function Vr(t, e) {
       return !1;
   return !0;
 }
-function ct(t, e) {
+function lt(t, e) {
   e === void 0 && (e = Vr);
   var n, r = [], o, i = !1;
   function c() {
@@ -1353,23 +1353,23 @@ function jr(t, e) {
   };
   return o;
 }
-var lt = -1;
+var dt = -1;
 function Kr(t) {
-  if (t === void 0 && (t = !1), lt === -1 || t) {
+  if (t === void 0 && (t = !1), dt === -1 || t) {
     var e = document.createElement("div"), n = e.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), lt = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), dt = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return lt;
+  return dt;
 }
-var De = null;
+var Ae = null;
 function Vt(t) {
-  if (t === void 0 && (t = !1), De === null || t) {
+  if (t === void 0 && (t = !1), Ae === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var r = document.createElement("div"), o = r.style;
-    return o.width = "100px", o.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? De = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? De = "negative" : De = "positive-ascending"), document.body.removeChild(e), De;
+    return o.width = "100px", o.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? Ae = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? Ae = "negative" : Ae = "positive-ascending"), document.body.removeChild(e), Ae;
   }
-  return De;
+  return Ae;
 }
 var Zr = 150, Xr = function(e) {
   var n = e.columnIndex;
@@ -1379,12 +1379,12 @@ var Zr = 150, Xr = function(e) {
 }, Be = null, je = null, Ke = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet());
 function Qr(t) {
-  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, T = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, v = t.validateProps;
-  return e = /* @__PURE__ */ function(y) {
-    Gr(g, y);
-    function g(u) {
+  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, C = t.getRowOffset, p = t.getRowStartIndexForOffset, T = t.getRowStopIndexForStartIndex, P = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, g = t.validateProps;
+  return e = /* @__PURE__ */ function(S) {
+    Gr(v, S);
+    function v(u) {
       var s;
-      return s = y.call(this, u) || this, s._instanceProps = C(s.props, Ht(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = S.call(this, u) || this, s._instanceProps = P(s.props, Ht(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: Ht(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1392,66 +1392,66 @@ function Qr(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ct(function(w, _, x, R, I, S, N, D) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = lt(function(w, _, y, x, I, R, L, N) {
         return s.props.onItemsRendered({
           overscanColumnStartIndex: w,
           overscanColumnStopIndex: _,
-          overscanRowStartIndex: x,
-          overscanRowStopIndex: R,
+          overscanRowStartIndex: y,
+          overscanRowStopIndex: x,
           visibleColumnStartIndex: I,
-          visibleColumnStopIndex: S,
-          visibleRowStartIndex: N,
-          visibleRowStopIndex: D
+          visibleColumnStopIndex: R,
+          visibleRowStartIndex: L,
+          visibleRowStopIndex: N
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = ct(function(w, _, x, R, I) {
+      }), s._callOnScroll = void 0, s._callOnScroll = lt(function(w, _, y, x, I) {
         return s.props.onScroll({
-          horizontalScrollDirection: x,
+          horizontalScrollDirection: y,
           scrollLeft: w,
           scrollTop: _,
-          verticalScrollDirection: R,
+          verticalScrollDirection: x,
           scrollUpdateWasRequested: I
         });
       }), s._getItemStyle = void 0, s._getItemStyle = function(w, _) {
-        var x = s.props, R = x.columnWidth, I = x.direction, S = x.rowHeight, N = s._getItemStyleCache(b && R, b && I, b && S), D = w + ":" + _, M;
-        if (N.hasOwnProperty(D))
-          M = N[D];
+        var y = s.props, x = y.columnWidth, I = y.direction, R = y.rowHeight, L = s._getItemStyleCache(b && x, b && I, b && R), N = w + ":" + _, F;
+        if (L.hasOwnProperty(N))
+          F = L[N];
         else {
-          var A = n(s.props, _, s._instanceProps), L = I === "rtl";
-          N[D] = M = {
+          var M = n(s.props, _, s._instanceProps), D = I === "rtl";
+          L[N] = F = {
             position: "absolute",
-            left: L ? void 0 : A,
-            right: L ? A : void 0,
-            top: P(s.props, w, s._instanceProps),
+            left: D ? void 0 : M,
+            right: D ? M : void 0,
+            top: C(s.props, w, s._instanceProps),
             height: m(s.props, w, s._instanceProps),
             width: i(s.props, _, s._instanceProps)
           };
         }
-        return M;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ct(function(w, _, x) {
+        return F;
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = lt(function(w, _, y) {
         return {};
       }), s._onScroll = function(w) {
-        var _ = w.currentTarget, x = _.clientHeight, R = _.clientWidth, I = _.scrollLeft, S = _.scrollTop, N = _.scrollHeight, D = _.scrollWidth;
-        s.setState(function(M) {
-          if (M.scrollLeft === I && M.scrollTop === S)
+        var _ = w.currentTarget, y = _.clientHeight, x = _.clientWidth, I = _.scrollLeft, R = _.scrollTop, L = _.scrollHeight, N = _.scrollWidth;
+        s.setState(function(F) {
+          if (F.scrollLeft === I && F.scrollTop === R)
             return null;
-          var A = s.props.direction, L = I;
-          if (A === "rtl")
+          var M = s.props.direction, D = I;
+          if (M === "rtl")
             switch (Vt()) {
               case "negative":
-                L = -I;
+                D = -I;
                 break;
               case "positive-descending":
-                L = D - R - I;
+                D = N - x - I;
                 break;
             }
-          L = Math.max(0, Math.min(L, D - R));
-          var E = Math.max(0, Math.min(S, N - x));
+          D = Math.max(0, Math.min(D, N - x));
+          var O = Math.max(0, Math.min(R, L - y));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: M.scrollLeft < I ? "forward" : "backward",
-            scrollLeft: L,
-            scrollTop: E,
-            verticalScrollDirection: M.scrollTop < S ? "forward" : "backward",
+            horizontalScrollDirection: F.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: D,
+            scrollTop: O,
+            verticalScrollDirection: F.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
@@ -1468,39 +1468,39 @@ function Qr(t) {
         });
       }, s;
     }
-    g.getDerivedStateFromProps = function(s, w) {
-      return Yr(s, w), v(s), null;
+    v.getDerivedStateFromProps = function(s, w) {
+      return Yr(s, w), g(s), null;
     };
-    var h = g.prototype;
+    var h = v.prototype;
     return h.scrollTo = function(s) {
       var w = s.scrollLeft, _ = s.scrollTop;
-      w !== void 0 && (w = Math.max(0, w)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(x) {
-        return w === void 0 && (w = x.scrollLeft), _ === void 0 && (_ = x.scrollTop), x.scrollLeft === w && x.scrollTop === _ ? null : {
-          horizontalScrollDirection: x.scrollLeft < w ? "forward" : "backward",
+      w !== void 0 && (w = Math.max(0, w)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(y) {
+        return w === void 0 && (w = y.scrollLeft), _ === void 0 && (_ = y.scrollTop), y.scrollLeft === w && y.scrollTop === _ ? null : {
+          horizontalScrollDirection: y.scrollLeft < w ? "forward" : "backward",
           scrollLeft: w,
           scrollTop: _,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: x.scrollTop < _ ? "forward" : "backward"
+          verticalScrollDirection: y.scrollTop < _ ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, h.scrollToItem = function(s) {
-      var w = s.align, _ = w === void 0 ? "auto" : w, x = s.columnIndex, R = s.rowIndex, I = this.props, S = I.columnCount, N = I.height, D = I.rowCount, M = I.width, A = this.state, L = A.scrollLeft, E = A.scrollTop, q = Kr();
-      x !== void 0 && (x = Math.max(0, Math.min(x, S - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, D - 1)));
-      var W = c(this.props, this._instanceProps), U = l(this.props, this._instanceProps), j = U > M ? q : 0, V = W > N ? q : 0;
+      var w = s.align, _ = w === void 0 ? "auto" : w, y = s.columnIndex, x = s.rowIndex, I = this.props, R = I.columnCount, L = I.height, N = I.rowCount, F = I.width, M = this.state, D = M.scrollLeft, O = M.scrollTop, A = Kr();
+      y !== void 0 && (y = Math.max(0, Math.min(y, R - 1))), x !== void 0 && (x = Math.max(0, Math.min(x, N - 1)));
+      var H = c(this.props, this._instanceProps), U = l(this.props, this._instanceProps), B = U > F ? A : 0, V = H > L ? A : 0;
       this.scrollTo({
-        scrollLeft: x !== void 0 ? d(this.props, x, _, L, this._instanceProps, V) : L,
-        scrollTop: R !== void 0 ? f(this.props, R, _, E, this._instanceProps, j) : E
+        scrollLeft: y !== void 0 ? d(this.props, y, _, D, this._instanceProps, V) : D,
+        scrollTop: x !== void 0 ? f(this.props, x, _, O, this._instanceProps, B) : O
       });
     }, h.componentDidMount = function() {
       var s = this.props, w = s.initialScrollLeft, _ = s.initialScrollTop;
       if (this._outerRef != null) {
-        var x = this._outerRef;
-        typeof w == "number" && (x.scrollLeft = w), typeof _ == "number" && (x.scrollTop = _);
+        var y = this._outerRef;
+        typeof w == "number" && (y.scrollLeft = w), typeof _ == "number" && (y.scrollTop = _);
       }
       this._callPropsCallbacks();
     }, h.componentDidUpdate = function() {
-      var s = this.props.direction, w = this.state, _ = w.scrollLeft, x = w.scrollTop, R = w.scrollUpdateWasRequested;
-      if (R && this._outerRef != null) {
+      var s = this.props.direction, w = this.state, _ = w.scrollLeft, y = w.scrollTop, x = w.scrollUpdateWasRequested;
+      if (x && this._outerRef != null) {
         var I = this._outerRef;
         if (s === "rtl")
           switch (Vt()) {
@@ -1511,80 +1511,80 @@ function Qr(t) {
               I.scrollLeft = _;
               break;
             default:
-              var S = I.clientWidth, N = I.scrollWidth;
-              I.scrollLeft = N - S - _;
+              var R = I.clientWidth, L = I.scrollWidth;
+              I.scrollLeft = L - R - _;
               break;
           }
         else
           I.scrollLeft = Math.max(0, _);
-        I.scrollTop = Math.max(0, x);
+        I.scrollTop = Math.max(0, y);
       }
       this._callPropsCallbacks();
     }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Ut(this._resetIsScrollingTimeoutId);
     }, h.render = function() {
-      var s = this.props, w = s.children, _ = s.className, x = s.columnCount, R = s.direction, I = s.height, S = s.innerRef, N = s.innerElementType, D = s.innerTagName, M = s.itemData, A = s.itemKey, L = A === void 0 ? Xr : A, E = s.outerElementType, q = s.outerTagName, W = s.rowCount, U = s.style, j = s.useIsScrolling, V = s.width, ee = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], Y = G[1], re = this._getVerticalRangeToRender(), ae = re[0], J = re[1], ue = [];
-      if (x > 0 && W)
-        for (var ie = ae; ie <= J; ie++)
+      var s = this.props, w = s.children, _ = s.className, y = s.columnCount, x = s.direction, I = s.height, R = s.innerRef, L = s.innerElementType, N = s.innerTagName, F = s.itemData, M = s.itemKey, D = M === void 0 ? Xr : M, O = s.outerElementType, A = s.outerTagName, H = s.rowCount, U = s.style, B = s.useIsScrolling, V = s.width, ee = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], Y = G[1], re = this._getVerticalRangeToRender(), ae = re[0], ie = re[1], ue = [];
+      if (y > 0 && H)
+        for (var J = ae; J <= ie; J++)
           for (var me = Z; me <= Y; me++)
             ue.push(Ve(w, {
               columnIndex: me,
-              data: M,
-              isScrolling: j ? ee : void 0,
-              key: L({
+              data: F,
+              isScrolling: B ? ee : void 0,
+              key: D({
                 columnIndex: me,
-                data: M,
-                rowIndex: ie
+                data: F,
+                rowIndex: J
               }),
-              rowIndex: ie,
-              style: this._getItemStyle(ie, me)
+              rowIndex: J,
+              style: this._getItemStyle(J, me)
             }));
-      var Fe = c(this.props, this._instanceProps), nt = l(this.props, this._instanceProps);
-      return Ve(E || q || "div", {
+      var ye = c(this.props, this._instanceProps), ot = l(this.props, this._instanceProps);
+      return Ve(O || A || "div", {
         className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: ft({
+        style: mt({
           position: "relative",
           height: I,
           width: V,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: R
+          direction: x
         }, U)
-      }, Ve(N || D || "div", {
+      }, Ve(L || N || "div", {
         children: ue,
-        ref: S,
+        ref: R,
         style: {
-          height: Fe,
+          height: ye,
           pointerEvents: ee ? "none" : void 0,
-          width: nt
+          width: ot
         }
       }));
     }, h._callPropsCallbacks = function() {
-      var s = this.props, w = s.columnCount, _ = s.onItemsRendered, x = s.onScroll, R = s.rowCount;
-      if (typeof _ == "function" && w > 0 && R > 0) {
-        var I = this._getHorizontalRangeToRender(), S = I[0], N = I[1], D = I[2], M = I[3], A = this._getVerticalRangeToRender(), L = A[0], E = A[1], q = A[2], W = A[3];
-        this._callOnItemsRendered(S, N, L, E, D, M, q, W);
+      var s = this.props, w = s.columnCount, _ = s.onItemsRendered, y = s.onScroll, x = s.rowCount;
+      if (typeof _ == "function" && w > 0 && x > 0) {
+        var I = this._getHorizontalRangeToRender(), R = I[0], L = I[1], N = I[2], F = I[3], M = this._getVerticalRangeToRender(), D = M[0], O = M[1], A = M[2], H = M[3];
+        this._callOnItemsRendered(R, L, D, O, N, F, A, H);
       }
-      if (typeof x == "function") {
-        var U = this.state, j = U.horizontalScrollDirection, V = U.scrollLeft, ee = U.scrollTop, G = U.scrollUpdateWasRequested, Z = U.verticalScrollDirection;
-        this._callOnScroll(V, ee, j, Z, G);
+      if (typeof y == "function") {
+        var U = this.state, B = U.horizontalScrollDirection, V = U.scrollLeft, ee = U.scrollTop, G = U.scrollUpdateWasRequested, Z = U.verticalScrollDirection;
+        this._callOnScroll(V, ee, B, Z, G);
       }
     }, h._getHorizontalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, x = s.overscanColumnsCount, R = s.overscanCount, I = s.rowCount, S = this.state, N = S.horizontalScrollDirection, D = S.isScrolling, M = S.scrollLeft, A = _ || x || R || 1;
+      var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, y = s.overscanColumnsCount, x = s.overscanCount, I = s.rowCount, R = this.state, L = R.horizontalScrollDirection, N = R.isScrolling, F = R.scrollLeft, M = _ || y || x || 1;
       if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var L = r(this.props, M, this._instanceProps), E = o(this.props, L, M, this._instanceProps), q = !D || N === "backward" ? Math.max(1, A) : 1, W = !D || N === "forward" ? Math.max(1, A) : 1;
-      return [Math.max(0, L - q), Math.max(0, Math.min(w - 1, E + W)), L, E];
+      var D = r(this.props, F, this._instanceProps), O = o(this.props, D, F, this._instanceProps), A = !N || L === "backward" ? Math.max(1, M) : 1, H = !N || L === "forward" ? Math.max(1, M) : 1;
+      return [Math.max(0, D - A), Math.max(0, Math.min(w - 1, O + H)), D, O];
     }, h._getVerticalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, _ = s.overscanCount, x = s.overscanRowCount, R = s.overscanRowsCount, I = s.rowCount, S = this.state, N = S.isScrolling, D = S.verticalScrollDirection, M = S.scrollTop, A = x || R || _ || 1;
+      var s = this.props, w = s.columnCount, _ = s.overscanCount, y = s.overscanRowCount, x = s.overscanRowsCount, I = s.rowCount, R = this.state, L = R.isScrolling, N = R.verticalScrollDirection, F = R.scrollTop, M = y || x || _ || 1;
       if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var L = p(this.props, M, this._instanceProps), E = T(this.props, L, M, this._instanceProps), q = !N || D === "backward" ? Math.max(1, A) : 1, W = !N || D === "forward" ? Math.max(1, A) : 1;
-      return [Math.max(0, L - q), Math.max(0, Math.min(I - 1, E + W)), L, E];
-    }, g;
+      var D = p(this.props, F, this._instanceProps), O = T(this.props, D, F, this._instanceProps), A = !L || N === "backward" ? Math.max(1, M) : 1, H = !L || N === "forward" ? Math.max(1, M) : 1;
+      return [Math.max(0, D - A), Math.max(0, Math.min(I - 1, O + H)), D, O];
+    }, v;
   }(oo), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1592,7 +1592,7 @@ function Qr(t) {
   }, e;
 }
 var Yr = function(e, n) {
-  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, p = n.instance;
+  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, C = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof f == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && je && !je.has(p) && (je.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(p) && (Ke.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
@@ -1603,12 +1603,12 @@ var Yr = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + o + '" was specified.'));
     }
-    if (typeof P != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (P === null ? "null" : typeof P) + '" was specified.'));
+    if (typeof C != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (C === null ? "null" : typeof C) + '" was specified.'));
     if (typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
-}, Bt = 50, xn = function(e, n) {
+}, Bt = 50, Sn = function(e, n) {
   var r = e.rowCount, o = n.rowMetadataMap, i = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, l = 0;
   if (c >= r && (c = r - 1), c >= 0) {
     var d = o[c];
@@ -1616,7 +1616,7 @@ var Yr = function(e, n) {
   }
   var f = r - c - 1, m = f * i;
   return l + m;
-}, Sn = function(e, n) {
+}, In = function(e, n) {
   var r = e.columnCount, o = n.columnMetadataMap, i = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, l = 0;
   if (c >= r && (c = r - 1), c >= 0) {
     var d = o[c];
@@ -1633,11 +1633,11 @@ var Yr = function(e, n) {
       d = f.offset + f.size;
     }
     for (var m = l + 1; m <= r; m++) {
-      var P = c(m);
+      var C = c(m);
       i[m] = {
         offset: d,
-        size: P
-      }, d += P;
+        size: C
+      }, d += C;
     }
     e === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
   }
@@ -1646,8 +1646,8 @@ var Yr = function(e, n) {
   var i, c;
   e === "column" ? (i = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
   var l = c > 0 ? i[c].offset : 0;
-  return l >= o ? In(e, n, r, c, 0, o) : Jr(e, n, r, Math.max(0, c), o);
-}, In = function(e, n, r, o, i, c) {
+  return l >= o ? xn(e, n, r, c, 0, o) : Jr(e, n, r, Math.max(0, c), o);
+}, xn = function(e, n, r, o, i, c) {
   for (; i <= o; ) {
     var l = i + Math.floor((o - i) / 2), d = ve(e, n, l, r).offset;
     if (d === c)
@@ -1658,19 +1658,19 @@ var Yr = function(e, n) {
 }, Jr = function(e, n, r, o, i) {
   for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && ve(e, n, o, r).offset < i; )
     o += l, l *= 2;
-  return In(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
+  return xn(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
 }, Kt = function(e, n, r, o, i, c, l) {
-  var d = e === "column" ? n.width : n.height, f = ve(e, n, r, c), m = e === "column" ? Sn(n, c) : xn(n, c), P = Math.max(0, Math.min(m - d, f.offset)), p = Math.max(0, f.offset - d + l + f.size);
-  switch (o === "smart" && (i >= p - d && i <= P + d ? o = "auto" : o = "center"), o) {
+  var d = e === "column" ? n.width : n.height, f = ve(e, n, r, c), m = e === "column" ? In(n, c) : Sn(n, c), C = Math.max(0, Math.min(m - d, f.offset)), p = Math.max(0, f.offset - d + l + f.size);
+  switch (o === "smart" && (i >= p - d && i <= C + d ? o = "auto" : o = "center"), o) {
     case "start":
-      return P;
+      return C;
     case "end":
       return p;
     case "center":
-      return Math.round(p + (P - p) / 2);
+      return Math.round(p + (C - p) / 2);
     case "auto":
     default:
-      return i >= p && i <= P ? i : p > P || i < p ? p : P;
+      return i >= p && i <= C ? i : p > C || i < p ? p : C;
   }
 }, ei = /* @__PURE__ */ Qr({
   getColumnOffset: function(e, n, r) {
@@ -1687,8 +1687,8 @@ var Yr = function(e, n) {
   getColumnWidth: function(e, n, r) {
     return r.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: xn,
-  getEstimatedTotalWidth: Sn,
+  getEstimatedTotalHeight: Sn,
+  getEstimatedTotalWidth: In,
   getOffsetForColumnAndAlignment: function(e, n, r, o, i, c) {
     return Kt("column", e, n, r, o, i, c);
   },
@@ -1729,8 +1729,8 @@ var Yr = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(l) {
-      var d = l.columnIndex, f = l.rowIndex, m = l.shouldForceUpdate, P = m === void 0 ? !0 : m;
-      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof f == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, f - 1)), n._getItemStyleCache(-1), P && n.forceUpdate();
+      var d = l.columnIndex, f = l.rowIndex, m = l.shouldForceUpdate, C = m === void 0 ? !0 : m;
+      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof f == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, f - 1)), n._getItemStyleCache(-1), C && n.forceUpdate();
     }, c;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1760,37 +1760,37 @@ function oi(t, e) {
   return !Zt(n, o) && !Zt(r, i);
 }
 const ri = () => {
-  const { viewMode: t } = Me(), { scrollMode: e } = Ee(), { setColumnCount: n } = sn(), { virtualScrollableElementRef: r } = Ye(), o = Ge(), i = F(() => o.heights.length, [o.heights]), c = F(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = F(() => o.widths.reduce((v, y, g) => {
-    const h = g % c;
-    return (!v[h] || y > v[h]) && (v[h] = y), v;
-  }, []), [o.widths, c]), d = O(
+  const { viewMode: t } = Fe(), { scrollMode: e } = Ne(), { setColumnCount: n } = sn(), { virtualScrollableElementRef: r } = Ye(), o = Ge(), i = W(() => o.heights.length, [o.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = W(() => o.widths.reduce((g, S, v) => {
+    const h = v % c;
+    return (!g[h] || S > g[h]) && (g[h] = S), g;
+  }, []), [o.widths, c]), d = E(
     (b) => {
-      const v = b % l.length;
-      return l[v] || 0;
+      const g = b % l.length;
+      return l[g] || 0;
     },
     [l]
-  ), f = O(
+  ), f = E(
     (b) => {
-      const v = Array.from({ length: c }, (y, g) => {
-        const h = b * c + g;
+      const g = Array.from({ length: c }, (S, v) => {
+        const h = b * c + v;
         return o.heights[h] || 0;
       });
-      return Math.max(...v);
+      return Math.max(...g);
     },
     [o.heights, c]
   );
   z(() => {
     n(c);
   }, [c, n]);
-  const m = F(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = F(() => o.heights.reduce((b, v) => b + v, 0) / o.heights.length || 0, [o]), p = F(() => o.widths.reduce((b, v) => b + v, 0) / o.widths.length || 0, [o]), T = F(() => {
-    const { rowsHeight: b, columnsWidth: v } = bt(o, c);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), C = W(() => o.heights.reduce((b, g) => b + g, 0) / o.heights.length || 0, [o]), p = W(() => o.widths.reduce((b, g) => b + g, 0) / o.widths.length || 0, [o]), T = W(() => {
+    const { rowsHeight: b, columnsWidth: g } = Tt(o, c);
     return {
       rowsHeight: b,
-      columnsWidth: v
+      columnsWidth: g
     };
-  }, [o, c]), C = F(() => ({
-    width: T.columnsWidth.reduce((b, v) => b + v, 0),
-    height: T.rowsHeight.reduce((b, v) => b + v, 0)
+  }, [o, c]), P = W(() => ({
+    width: T.columnsWidth.reduce((b, g) => b + g, 0),
+    height: T.rowsHeight.reduce((b, g) => b + g, 0)
   }), [T]);
   return {
     rowCount: m,
@@ -1798,25 +1798,25 @@ const ri = () => {
     columnCount: c,
     columnWidth: d,
     pageDimension: o,
-    estimatedRowHeight: P,
+    estimatedRowHeight: C,
     estimatedColumnWidth: p,
     gridDimension: T,
-    totalDimension: C
+    totalDimension: P
   };
 };
 let le;
 typeof window < "u" ? le = window : typeof self < "u" ? le = self : le = global;
-let gt = null, vt = null;
-const Xt = 20, dt = le.clearTimeout, Qt = le.setTimeout, ut = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, Yt = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
-ut == null || Yt == null ? (gt = dt, vt = function(e) {
+let vt = null, wt = null;
+const Xt = 20, ut = le.clearTimeout, Qt = le.setTimeout, pt = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, Yt = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
+pt == null || Yt == null ? (vt = ut, wt = function(e) {
   return Qt(e, Xt);
-}) : (gt = function([e, n]) {
-  ut(e), dt(n);
-}, vt = function(e) {
+}) : (vt = function([e, n]) {
+  pt(e), ut(n);
+}, wt = function(e) {
   const n = Yt(function() {
-    dt(r), e();
+    ut(r), e();
   }), r = Qt(function() {
-    ut(n), e();
+    pt(n), e();
   }, Xt);
   return [n, r];
 });
@@ -1824,31 +1824,31 @@ function ii(t) {
   let e, n, r, o, i, c, l;
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
-    c = function(y) {
-      const g = y.__resizeTriggers__, h = g.firstElementChild, u = g.lastElementChild, s = h.firstElementChild;
+    c = function(S) {
+      const v = S.__resizeTriggers__, h = v.firstElementChild, u = v.lastElementChild, s = h.firstElementChild;
       u.scrollLeft = u.scrollWidth, u.scrollTop = u.scrollHeight, s.style.width = h.offsetWidth + 1 + "px", s.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
-    }, i = function(y) {
-      return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
-    }, l = function(y) {
-      if (y.target.className && typeof y.target.className.indexOf == "function" && y.target.className.indexOf("contract-trigger") < 0 && y.target.className.indexOf("expand-trigger") < 0)
+    }, i = function(S) {
+      return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
+    }, l = 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 g = this;
-      c(this), this.__resizeRAF__ && gt(this.__resizeRAF__), this.__resizeRAF__ = vt(function() {
-        i(g) && (g.__resizeLast__.width = g.offsetWidth, g.__resizeLast__.height = g.offsetHeight, g.__resizeListeners__.forEach(function(s) {
-          s.call(g, y);
+      const v = this;
+      c(this), this.__resizeRAF__ && vt(this.__resizeRAF__), this.__resizeRAF__ = wt(function() {
+        i(v) && (v.__resizeLast__.width = v.offsetWidth, v.__resizeLast__.height = v.offsetHeight, v.__resizeListeners__.forEach(function(s) {
+          s.call(v, S);
         }));
       });
     };
     let p = !1, T = "";
     r = "animationstart";
-    const C = "Webkit Moz O ms".split(" ");
-    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
+    const P = "Webkit Moz O ms".split(" ");
+    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), g = "";
     {
-      const y = document.createElement("fakeelement");
-      if (y.style.animationName !== void 0 && (p = !0), p === !1) {
-        for (let g = 0; g < C.length; g++)
-          if (y.style[C[g] + "AnimationName"] !== void 0) {
-            v = C[g], T = "-" + v.toLowerCase() + "-", r = b[g], p = !0;
+      const S = document.createElement("fakeelement");
+      if (S.style.animationName !== void 0 && (p = !0), p === !1) {
+        for (let v = 0; v < P.length; v++)
+          if (S.style[P[v] + "AnimationName"] !== void 0) {
+            g = P[v], T = "-" + g.toLowerCase() + "-", r = b[v], p = !0;
             break;
           }
       }
@@ -1857,8 +1857,8 @@ function ii(t) {
   }
   const f = function(p) {
     if (!p.getElementById("detectElementResize")) {
-      const T = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = p.head || p.getElementsByTagName("head")[0], b = p.createElement("style");
-      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = T : b.appendChild(p.createTextNode(T)), C.appendChild(b);
+      const T = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = p.head || p.getElementsByTagName("head")[0], b = p.createElement("style");
+      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = T : b.appendChild(p.createTextNode(T)), P.appendChild(b);
     }
   };
   return {
@@ -1867,12 +1867,12 @@ function ii(t) {
         p.attachEvent("onresize", T);
       else {
         if (!p.__resizeTriggers__) {
-          const C = p.ownerDocument, b = le.getComputedStyle(p);
-          b && b.position === "static" && (p.style.position = "relative"), f(C), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
-          const v = C.createElement("div");
-          v.className = "expand-trigger", v.appendChild(C.createElement("div"));
-          const y = C.createElement("div");
-          y.className = "contract-trigger", p.__resizeTriggers__.appendChild(v), p.__resizeTriggers__.appendChild(y), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", l, !0), r && (p.__resizeTriggers__.__animationListener__ = function(h) {
+          const P = p.ownerDocument, b = le.getComputedStyle(p);
+          b && b.position === "static" && (p.style.position = "relative"), f(P), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
+          const g = P.createElement("div");
+          g.className = "expand-trigger", g.appendChild(P.createElement("div"));
+          const S = P.createElement("div");
+          S.className = "contract-trigger", p.__resizeTriggers__.appendChild(g), p.__resizeTriggers__.appendChild(S), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", l, !0), r && (p.__resizeTriggers__.__animationListener__ = function(h) {
             h.animationName === n && c(p);
           }, p.__resizeTriggers__.addEventListener(r, p.__resizeTriggers__.__animationListener__));
         }
@@ -1896,10 +1896,8 @@ class ai extends ro {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
-      scaledHeight: this.props.defaultHeight || 0,
-      scaledWidth: this.props.defaultWidth || 0,
       width: this.props.defaultWidth || 0
-    }, this._autoSizer = null, this._detectElementResize = null, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+    }, this._autoSizer = null, this._detectElementResize = null, this._didLogDeprecationWarning = !1, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
       this._timeoutId = null;
       const {
         disableHeight: n,
@@ -1907,18 +1905,27 @@ class ai extends ro {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - f, p = m.width - c - l, T = this._parentNode.offsetHeight - d - f, C = this._parentNode.offsetWidth - c - l;
-        (!n && (this.state.height !== T || this.state.scaledHeight !== P) || !r && (this.state.width !== C || this.state.scaledWidth !== p)) && (this.setState({
-          height: T,
-          width: C,
-          scaledHeight: P,
-          scaledWidth: p
-        }), typeof o == "function" && o({
-          height: T,
-          scaledHeight: P,
-          scaledWidth: p,
-          width: C
-        }));
+        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), C = m.height - d - f, p = m.width - c - l;
+        if (!n && this.state.height !== C || !r && this.state.width !== p) {
+          this.setState({
+            height: C,
+            width: p
+          });
+          const T = () => {
+            this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
+          };
+          typeof o == "function" && o({
+            height: C,
+            width: p,
+            // TODO Remove these params in the next major release
+            get scaledHeight() {
+              return T(), C;
+            },
+            get scaledWidth() {
+              return T(), p;
+            }
+          });
+        }
       }
     }, this._setRef = (n) => {
       this._autoSizer = n;
@@ -1951,36 +1958,34 @@ class ai extends ro {
       onResize: d,
       style: f = {},
       tagName: m = "div",
-      ...P
+      ...C
     } = this.props, {
       height: p,
-      scaledHeight: T,
-      scaledWidth: C,
-      width: b
-    } = this.state, v = {
+      width: T
+    } = this.state, P = {
       overflow: "visible"
-    }, y = {};
+    }, b = {};
     let g = !1;
-    return o || (p === 0 && (g = !0), v.height = 0, y.height = p, y.scaledHeight = T), i || (b === 0 && (g = !0), v.width = 0, y.width = b, y.scaledWidth = C), c && (g = !1), Ve(m, {
+    return o || (p === 0 && (g = !0), P.height = 0, b.height = p, b.scaledHeight = p), i || (T === 0 && (g = !0), P.width = 0, b.width = T, b.scaledWidth = T), c && (g = !1), Ve(m, {
       ref: this._setRef,
       style: {
-        ...v,
+        ...P,
         ...f
       },
-      ...P
-    }, !g && e(y));
+      ...C
+    }, !g && e(b));
   }
 }
 const si = rn(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = de(), o = F(() => {
+  const { focusedPage: n, totalPages: r } = de(), o = W(() => {
     const l = [], d = Math.ceil(n / 2) * 2 - 1;
     if (l.push(d), d + 1 <= r) {
       const f = d + 1;
       l.push(f);
     }
     return l;
-  }, [n, r]), i = F(() => {
-    const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), f = e(d), m = t(l), P = t(l + 1);
+  }, [n, r]), i = W(() => {
+    const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), f = e(d), m = t(l), C = t(l + 1);
     return [
       {
         position: "absolute",
@@ -1991,18 +1996,18 @@ const si = rn(({ widths: t, heights: e }) => {
       {
         position: "absolute",
         left: m,
-        width: P,
+        width: C,
         height: f
       }
     ];
-  }, [t, e, o]), c = F(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
-  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((l, d) => /* @__PURE__ */ a(xt, { style: i[d], pageNumber: l }, l)) });
+  }, [t, e, o]), c = W(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
+  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((l, d) => /* @__PURE__ */ a(It, { style: i[d], pageNumber: l }, l)) });
 }), ci = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = de(), r = F(() => ({
+  const { focusedPage: n } = de(), r = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
-  }), [t, e, n]), o = F(() => t(n - 1), [t]);
+  }), [t, e, n]), o = W(() => t(n - 1), [t]);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2010,19 +2015,19 @@ const si = rn(({ widths: t, heights: e }) => {
         width: o,
         position: "relative"
       },
-      children: /* @__PURE__ */ a(xt, { style: r, pageNumber: n }, n)
+      children: /* @__PURE__ */ a(It, { style: r, pageNumber: n }, n)
     }
   );
 }, li = (t, e, n) => {
-  const r = k(), { contentRef: o } = be(), { heights: i, widths: c } = Ge(), { setFocusedPage: l } = de(), [d, f] = $([]), { targetScrollPage: m } = cn(), P = Tt(d, 0, 500), p = F(() => {
-    const { rowsHeight: C, columnsWidth: b } = bt({ heights: i, widths: c }, t);
-    return i.map((v, y) => {
-      const g = c[y], h = Jo(y + 1, t), u = b.slice(0, h.columnIndex).reduce((x, R) => x + R, 0), s = C.slice(0, h.rowIndex).reduce((x, R) => x + R, 0), w = u + g, _ = s + v;
+  const r = k(), { contentRef: o } = be(), { heights: i, widths: c } = Ge(), { setFocusedPage: l } = de(), [d, f] = q([]), { targetScrollPage: m } = cn(), C = Ct(d, 0, 500), p = W(() => {
+    const { rowsHeight: P, columnsWidth: b } = Tt({ heights: i, widths: c }, t);
+    return i.map((g, S) => {
+      const v = c[S], h = Jo(S + 1, t), u = b.slice(0, h.columnIndex).reduce((y, x) => y + x, 0), s = P.slice(0, h.rowIndex).reduce((y, x) => y + x, 0), w = u + v, _ = s + g;
       return {
-        pageNumber: y + 1,
+        pageNumber: S + 1,
         ...h,
-        width: g,
-        height: v,
+        width: v,
+        height: g,
         startX: u,
         startY: s,
         endX: w,
@@ -2032,29 +2037,29 @@ const si = rn(({ widths: t, heights: e }) => {
   }, [i, c, t, e]);
   z(() => {
     var b;
-    P.length > 0 && !m.current && l(P[0].pageNumber), ((b = P[0]) == null ? void 0 : b.ratio) && P.some((v) => v.pageNumber === m.current) && setTimeout(() => {
+    C.length > 0 && !m.current && l(C[0].pageNumber), ((b = C[0]) == null ? void 0 : b.ratio) && C.some((g) => g.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [P, l]);
-  const T = O(
-    (C) => {
+  }, [C, l]);
+  const T = E(
+    (P) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        const b = C.target, v = {
+        const b = P.target, g = {
           startTop: b.scrollTop,
           startLeft: b.scrollLeft,
           endTop: b.scrollTop + b.clientHeight,
           endLeft: b.scrollLeft + b.clientWidth
-        }, y = p.filter((g) => {
-          const h = g.endX >= v.startLeft && g.endY >= v.startTop, u = g.startX <= v.endLeft && g.startY <= v.endTop;
+        }, S = p.filter((v) => {
+          const h = v.endX >= g.startLeft && v.endY >= g.startTop, u = v.startX <= g.endLeft && v.startY <= g.endTop;
           return h && u;
-        }).map((g) => {
-          const h = v.startLeft > g.startX ? v.startLeft : g.startX, u = v.startTop > g.startY ? v.startTop : g.startY, s = v.endLeft < g.endX ? v.endLeft : g.endX, w = v.endTop < g.endY ? v.endTop : g.endY, _ = s - h, x = w - u, I = +(_ * x / (g.width * g.height) * 100).toFixed(2);
+        }).map((v) => {
+          const h = g.startLeft > v.startX ? g.startLeft : v.startX, u = g.startTop > v.startY ? g.startTop : v.startY, s = g.endLeft < v.endX ? g.endLeft : v.endX, w = g.endTop < v.endY ? g.endTop : v.endY, _ = s - h, y = w - u, I = +(_ * y / (v.width * v.height) * 100).toFixed(2);
           return {
-            pageNumber: g.pageNumber,
+            pageNumber: v.pageNumber,
             ratio: I
           };
-        }).sort((g, h) => h.ratio - g.ratio);
-        f(y);
+        }).sort((v, h) => h.ratio - v.ratio);
+        f(S);
       });
     },
     [o, p]
@@ -2089,91 +2094,91 @@ const si = rn(({ widths: t, heights: e }) => {
   );
 }), di = rn(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
   const o = er(e, t, n.columnCount);
-  return /* @__PURE__ */ a(xt, { style: r, pageNumber: o }, o);
-}, oi), Js = () => {
+  return /* @__PURE__ */ a(It, { style: r, pageNumber: o }, o);
+}, oi), ec = () => {
   const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = ho(), { pagesRef: r, setPagesRef: o, setContentRef: i } = be(), { scrollToPage: c } = vn(), {
     virtualScrollRef: l,
     getVirtualScrollRef: d,
     getPageScrollElementRef: f,
     getVirtualScrollableElementRef: m,
-    setTotalInnerDimensions: P,
+    setTotalInnerDimensions: C,
     virtualScrollableElementRef: p,
     totalInnerDimensions: T,
-    pageScrollElementRef: C
-  } = Ye(), b = k(!0), { nextPage: v, prevPage: y, setFocusedPage: g, focusedPage: h } = de(), { scrollMode: u } = Ee(), { viewMode: s } = Me(), w = k(null), { loading: _, error: x } = oe(), { passwordRequired: R } = co(), { LoaderImageComponent: I } = _t(), S = k(
+    pageScrollElementRef: P
+  } = Ye(), b = k(!0), { nextPage: g, prevPage: S, setFocusedPage: v, focusedPage: h } = de(), { scrollMode: u } = Ne(), { viewMode: s } = Fe(), w = k(null), { loading: _, error: y } = oe(), { passwordRequired: x } = co(), { LoaderImageComponent: I } = bt(), R = k(
     T
-  ), N = k({
+  ), L = k({
     viewMode: s,
     scrollMode: u
-  }), D = k(!1), M = k(), { isFullScreen: A } = fo(), {
-    pageDimension: L,
-    rowCount: E,
-    rowHeight: q,
-    columnCount: W,
+  }), N = k(!1), F = k(), { isFullScreen: M } = fo(), {
+    pageDimension: D,
+    rowCount: O,
+    rowHeight: A,
+    columnCount: H,
     columnWidth: U,
-    estimatedColumnWidth: j,
+    estimatedColumnWidth: B,
     estimatedRowHeight: V,
     totalDimension: ee
-  } = ri(), G = Tt(T, 100), Z = k();
-  li(W, E, p);
+  } = ri(), G = Ct(T, 100), Z = k();
+  li(H, O, p);
   const Y = k({
     scrollTop: 0,
     scrollLeft: 0
   });
   or(r);
-  const { isPressed: re } = tr(), { selectionMode: ae } = po(), { initializeGrabScroll: J, resetGrabState: ue } = nr({
+  const { isPressed: re } = tr(), { selectionMode: ae } = po(), { initializeGrabScroll: ie, resetGrabState: ue } = nr({
     isPressed: re
-  }), ie = F(() => ae === ao.HAND, [ae]), me = F(() => ({
-    columnCount: W
-  }), [W]), Fe = O(
-    (B) => {
+  }), J = W(() => ae === ao.HAND, [ae]), me = W(() => ({
+    columnCount: H
+  }), [H]), ye = E(
+    (j) => {
       const K = document.activeElement !== r;
-      !A && K || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), y()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), v()));
+      !M && K || (["ArrowUp", "ArrowLeft"].includes(j.key) ? (j.preventDefault(), S()) : ["ArrowDown", "ArrowRight"].includes(j.key) && (j.preventDefault(), g()));
     },
-    [v, y, A, u]
+    [g, S, M, u]
   );
-  z(() => (window.addEventListener("keydown", Fe), () => {
-    window.removeEventListener("keydown", Fe);
-  }), [Fe]), z(() => {
+  z(() => (window.addEventListener("keydown", ye), () => {
+    window.removeEventListener("keydown", ye);
+  }), [ye]), z(() => {
     if (w.current && (w.current.style.position = "relative"), !!l)
-      for (let B = 0; B < E; B++)
-        for (let K = 0; K < W; K++)
+      for (let j = 0; j < O; j++)
+        for (let K = 0; K < H; K++)
           l.resetAfterIndices({
             columnIndex: K,
-            rowIndex: B,
+            rowIndex: j,
             shouldForceUpdate: !0
           });
-  }, [E, W, L, l]);
-  const nt = O(
-    (B, K) => {
+  }, [O, H, D, l]);
+  const ot = E(
+    (j, K) => {
       if (!p)
         return { scrollTop: 0, scrollLeft: 0 };
-      const ye = Y.current.scrollTop > K, xe = Y.current.scrollLeft > B;
-      return ye || xe ? Y.current : {
+      const Se = Y.current.scrollTop > K, Ie = Y.current.scrollLeft > j;
+      return Se || Ie ? Y.current : {
         scrollTop: p.scrollTop,
         scrollLeft: p.scrollLeft
       };
     },
     [p]
-  ), Et = O(
-    (B, K) => {
-      if (N.current.viewMode !== s || N.current.scrollMode !== u) {
-        Z.current && clearTimeout(Z.current), D.current = !0, c(h, "auto"), Z.current = setTimeout(() => {
+  ), Et = E(
+    (j, K) => {
+      if (L.current.viewMode !== s || L.current.scrollMode !== u) {
+        Z.current && clearTimeout(Z.current), N.current = !0, c(h, "auto"), Z.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            N.current = { viewMode: s, scrollMode: u };
+            L.current = { viewMode: s, scrollMode: u };
           });
         }, 100);
         return;
       }
-      const xe = B.scrollTop, ot = B.scrollLeft;
+      const Ie = j.scrollTop, rt = j.scrollLeft;
       if (!K.height || !K.width)
         return;
-      D.current = !0;
-      const { height: Se, width: rt } = K, { height: Nt, width: Ot } = S.current;
-      if (Nt === Se && Ot === rt)
+      N.current = !0;
+      const { height: xe, width: it } = K, { height: Nt, width: Ot } = R.current;
+      if (Nt === xe && Ot === it)
         return;
-      const Jn = xe / Nt * Se, eo = ot / Ot * rt, to = Math.round(Math.min(Jn, Se)) || 0, no = Math.round(Math.min(eo, rt)) || 0;
-      M.current = setTimeout(() => {
+      const Jn = Ie / Nt * xe, eo = rt / Ot * it, to = Math.round(Math.min(Jn, xe)) || 0, no = Math.round(Math.min(eo, it)) || 0;
+      F.current = setTimeout(() => {
         requestAnimationFrame(() => {
           p == null || p.scrollTo({
             top: to,
@@ -2181,7 +2186,7 @@ const si = rn(({ widths: t, heights: e }) => {
             behavior: "auto"
           });
         });
-      }, 0), S.current = {
+      }, 0), R.current = {
         height: K.height,
         width: K.width
       };
@@ -2189,24 +2194,24 @@ const si = rn(({ widths: t, heights: e }) => {
     [p, s, u, c]
   );
   z(() => {
-    clearTimeout(M.current);
-    const B = Array.from({ length: E }).reduce(
-      (xe, ot, Se) => xe + q(Se),
+    clearTimeout(F.current);
+    const j = Array.from({ length: O }).reduce(
+      (Ie, rt, xe) => Ie + A(xe),
       0
-    ), K = Array.from({ length: W }).reduce(
-      (xe, ot, Se) => xe + U(Se),
+    ), K = Array.from({ length: H }).reduce(
+      (Ie, rt, xe) => Ie + U(xe),
       0
-    ), ye = nt(K, B);
-    Y.current = ye, Et(ye, { height: B, width: K }), P({
-      height: B,
+    ), Se = ot(K, j);
+    Y.current = Se, Et(Se, { height: j, width: K }), C({
+      height: j,
       width: K
     });
-  }, [L, E, W, Et]);
-  const Xn = O(
-    (B) => {
+  }, [D, O, H, Et]);
+  const Xn = E(
+    (j) => {
       Y.current = {
-        scrollTop: B.scrollTop,
-        scrollLeft: B.scrollLeft
+        scrollTop: j.scrollTop,
+        scrollLeft: j.scrollLeft
       };
     },
     [p]
@@ -2214,35 +2219,35 @@ const si = rn(({ widths: t, heights: e }) => {
   z(() => () => {
     Z.current && clearTimeout(Z.current);
   }, []);
-  const Qn = F(() => ce(se["rp-pages-container"], {
-    [se["rp-cursor-grab"]]: ie && !re,
-    [se["rp-cursor-grabbing"]]: ie && re
-  }), [ie, re]), Yn = O(
-    (B) => {
-      if (ie && B) {
-        const K = ce(se["rp-pages"]), ye = document.querySelector(`.${K}`);
-        J(ye);
+  const Qn = W(() => ce(se["rp-pages-container"], {
+    [se["rp-cursor-grab"]]: J && !re,
+    [se["rp-cursor-grabbing"]]: J && re
+  }), [J, re]), Yn = E(
+    (j) => {
+      if (J && j) {
+        const K = ce(se["rp-pages"]), Se = document.querySelector(`.${K}`);
+        ie(Se);
       }
     },
-    [ie, J, se]
+    [J, ie, se]
   );
   return z(() => {
     _ && ue();
   }, [_]), z(() => {
     if (!(G.height === 0 || !b.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== h && C && g(t), b.current = !1;
+        t !== h && P && v(t), b.current = !1;
         return;
       }
-      c(t, "auto"), g(t), b.current = !1;
+      c(t, "auto"), v(t), b.current = !1;
     }
   }, [
     c,
     e,
-    C,
-    g,
+    P,
+    v,
     G
-  ]), /* @__PURE__ */ H(he, { children: [
+  ]), /* @__PURE__ */ $(he, { children: [
     /* @__PURE__ */ a(No, { ref: i, children: /* @__PURE__ */ a(
       Rn,
       {
@@ -2250,13 +2255,13 @@ const si = rn(({ widths: t, heights: e }) => {
         ref: o,
         tabIndex: -1,
         className: Qn,
-        children: /* @__PURE__ */ a(ai, { style: { minHeight: "50px" }, children: ({ width: B, height: K }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Yn, style: { width: B, height: K }, children: u === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(ai, { style: { minHeight: "50px" }, children: ({ width: j, height: K }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Yn, style: { width: j, height: K }, children: u === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
           "div",
           {
             ref: f,
-            style: { width: B, height: K },
+            style: { width: j, height: K },
             className: ce(se["rp-pages"], se["rp-page-scrolling-wrapper"]),
-            children: s === Re.DUAL_PAGE ? /* @__PURE__ */ a(si, { widths: U, heights: q }) : /* @__PURE__ */ a(ci, { widths: U, heights: q })
+            children: s === Le.DUAL_PAGE ? /* @__PURE__ */ a(si, { widths: U, heights: A }) : /* @__PURE__ */ a(ci, { widths: U, heights: A })
           }
         ) : V ? /* @__PURE__ */ a(
           ei,
@@ -2266,27 +2271,27 @@ const si = rn(({ widths: t, heights: e }) => {
             outerRef: m,
             innerRef: w,
             onScroll: Xn,
-            columnCount: W,
+            columnCount: H,
             columnWidth: U,
-            rowHeight: q,
+            rowHeight: A,
             height: K,
-            width: B,
-            estimatedColumnWidth: j,
+            width: j,
+            estimatedColumnWidth: B,
             estimatedRowHeight: V,
-            rowCount: E,
+            rowCount: O,
             className: ce(
               se["rp-pages"],
               u === ne.HORIZONTAL_SCROLLING ? se["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
-              "--rp-page-height": `${ee.height}px`,
-              "--rp-page-width": `${ee.width}px`,
-              "--rp-row-count": `${E}`,
-              "--rp-column-count": `${W}`
+              "--rp-pages-height": `${ee.height}px`,
+              "--rp-pages-width": `${ee.width}px`,
+              "--rp-row-count": `${O}`,
+              "--rp-column-count": `${H}`
             },
             children: di
           }
-        ) : !_ && !x ? /* @__PURE__ */ a(
+        ) : !_ && !y ? /* @__PURE__ */ a(
           "div",
           {
             className: se["rp-loader"],
@@ -2299,9 +2304,9 @@ const si = rn(({ widths: t, heights: e }) => {
             },
             children: I && /* @__PURE__ */ a(I, {})
           }
-        ) : x === so.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: se["rp-not-supported"], children: /* @__PURE__ */ H("div", { className: se["rp-not-supported-content"], children: [
+        ) : y === so.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: se["rp-not-supported"], children: /* @__PURE__ */ $("div", { className: se["rp-not-supported-content"], children: [
           "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
-          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ H("ul", { children: [
+          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ $("ul", { children: [
             /* @__PURE__ */ a("li", { children: "Chrome 110+" }),
             /* @__PURE__ */ a("li", { children: "Edge 115+" }),
             /* @__PURE__ */ a("li", { children: "Firefox 115+" }),
@@ -2312,7 +2317,7 @@ const si = rn(({ widths: t, heights: e }) => {
         ] }) }) : null }) })
       }
     ) }),
-    R && /* @__PURE__ */ a(rr, {})
+    x && /* @__PURE__ */ a(rr, {})
   ] });
 }, ke = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2320,7 +2325,7 @@ const si = rn(({ widths: t, heights: e }) => {
   "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
   "rp-toolbar-middle": "_rp-toolbar-middle_sz31z_39",
   "rp-toolbar-end": "_rp-toolbar-end_sz31z_46"
-}, pt = {
+}, ht = {
   "rp-paginate": "_rp-paginate_1gck0_1",
   "rp-page-input": "_rp-page-input_1gck0_6",
   "rp-total-page": "_rp-total-page_1gck0_18"
@@ -2331,24 +2336,24 @@ const si = rn(({ widths: t, heights: e }) => {
   const { nextIcon: t } = Pe(), { nextIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(Ze, { style: { transform: "rotate(180deg" } });
 }, hi = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = de(), [c, l] = $(t.toString()), { pageNavigationTool: d = !0 } = Ce(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = Me(), { scrollMode: p } = Ee(), { localeMessages: T } = fe();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = de(), [c, l] = q(t.toString()), { pageNavigationTool: d = !0 } = Ce(), { pageNavigationTool: f = !0 } = Oe(), { isSmallScreen: m } = De(), { viewMode: C } = Fe(), { scrollMode: p } = Ne(), { localeMessages: T } = fe();
   z(() => {
     l(t.toString());
   }, [t]);
-  const C = O((h) => {
+  const P = E((h) => {
     const u = h.target.value;
     l(u);
-  }, []), b = O(async () => {
+  }, []), b = E(async () => {
     const h = i(c);
     h.success || l(h.currentPage.toString());
-  }, [i, c, e]), v = O(() => {
+  }, [i, c, e]), g = E(() => {
     l(t.toString());
-  }, [t]), y = O(
+  }, [t]), S = E(
     (h) => {
       h.key === "Enter" && b();
     },
     [b]
-  ), g = F(() => P === Re.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, p]);
+  ), v = W(() => C === Le.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, C, p]);
   return !d || !f ? null : typeof d != "boolean" ? /* @__PURE__ */ a(
     d,
     {
@@ -2369,7 +2374,7 @@ const si = rn(({ widths: t, heights: e }) => {
       goToPage: i,
       changePage: n
     }
-  ) : /* @__PURE__ */ H("div", { className: pt["rp-paginate"], children: [
+  ) : /* @__PURE__ */ $("div", { className: ht["rp-paginate"], children: [
     !m && /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.previousPageTooltip, children: /* @__PURE__ */ a(
       we,
       {
@@ -2382,16 +2387,16 @@ const si = rn(({ widths: t, heights: e }) => {
     /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.currentPageTooltip, children: /* @__PURE__ */ a(
       an,
       {
-        onKeyDown: y,
-        onBlur: v,
-        onChange: C,
+        onKeyDown: S,
+        onBlur: g,
+        onChange: P,
         value: c,
-        className: pt["rp-page-input"],
+        className: ht["rp-page-input"],
         id: "page-input",
         name: "page-input"
       }
     ) }),
-    /* @__PURE__ */ H("span", { className: pt["rp-total-page"], children: [
+    /* @__PURE__ */ $("span", { className: ht["rp-total-page"], children: [
       "/",
       e
     ] }),
@@ -2400,13 +2405,13 @@ const si = rn(({ widths: t, heights: e }) => {
       {
         onClick: r,
         "aria-label": T == null ? void 0 : T.nextPageTooltip,
-        "aria-disabled": g,
+        "aria-disabled": v,
         children: /* @__PURE__ */ a(pi, {})
       }
     ) })
   ] });
 };
-var St = "Dialog", [Ln, ec] = dr(St), [fi, pe] = Ln(St), En = (t) => {
+var nt = "Dialog", [Ln, tc] = dr(nt), [fi, pe] = Ln(nt), En = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2414,10 +2419,11 @@ var St = "Dialog", [Ln, ec] = dr(St), [fi, pe] = Ln(St), En = (t) => {
     defaultOpen: o,
     onOpenChange: i,
     modal: c = !0
-  } = t, l = X.useRef(null), d = X.useRef(null), [f = !1, m] = hr({
+  } = t, l = X.useRef(null), d = X.useRef(null), [f, m] = pr({
     prop: r,
-    defaultProp: o,
-    onChange: i
+    defaultProp: o ?? !1,
+    onChange: i,
+    caller: nt
   });
   return /* @__PURE__ */ a(
     fi,
@@ -2425,21 +2431,21 @@ var St = "Dialog", [Ln, ec] = dr(St), [fi, pe] = Ln(St), En = (t) => {
       scope: e,
       triggerRef: l,
       contentRef: d,
-      contentId: at(),
-      titleId: at(),
-      descriptionId: at(),
+      contentId: st(),
+      titleId: st(),
+      descriptionId: st(),
       open: f,
       onOpenChange: m,
-      onOpenToggle: X.useCallback(() => m((P) => !P), [m]),
+      onOpenToggle: X.useCallback(() => m((C) => !C), [m]),
       modal: c,
       children: n
     }
   );
 };
-En.displayName = St;
+En.displayName = nt;
 var Nn = "DialogTrigger", mi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = pe(Nn, n), i = Ct(e, o.triggerRef);
+    const { __scopeDialog: n, ...r } = t, o = pe(Nn, n), i = Pt(e, o.triggerRef);
     return /* @__PURE__ */ a(
       Ue.button,
       {
@@ -2456,27 +2462,27 @@ var Nn = "DialogTrigger", mi = X.forwardRef(
   }
 );
 mi.displayName = Nn;
-var It = "DialogPortal", [gi, On] = Ln(It, {
+var xt = "DialogPortal", [gi, On] = Ln(xt, {
   forceMount: void 0
 }), Dn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = pe(It, e);
-  return /* @__PURE__ */ a(gi, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(Pt, { present: n || i.open, children: /* @__PURE__ */ a(_r, { asChild: !0, container: o, children: c }) })) });
+  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = pe(xt, e);
+  return /* @__PURE__ */ a(gi, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(yt, { present: n || i.open, children: /* @__PURE__ */ a(_r, { asChild: !0, container: o, children: c }) })) });
 };
-Dn.displayName = It;
+Dn.displayName = xt;
 var Qe = "DialogOverlay", An = X.forwardRef(
   (t, e) => {
     const n = On(Qe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Qe, t.__scopeDialog);
-    return i.modal ? /* @__PURE__ */ a(Pt, { present: r || i.open, children: /* @__PURE__ */ a(vi, { ...o, ref: e }) }) : null;
+    return i.modal ? /* @__PURE__ */ a(yt, { present: r || i.open, children: /* @__PURE__ */ a(wi, { ...o, ref: e }) }) : null;
   }
 );
 An.displayName = Qe;
-var vi = X.forwardRef(
+var vi = hr("DialogOverlay.RemoveScroll"), wi = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = pe(Qe, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(mr, { as: ur, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(mr, { as: vi, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
         Ue.div,
         {
           "data-state": Lt(o.open),
@@ -2487,16 +2493,16 @@ var vi = X.forwardRef(
       ) })
     );
   }
-), Le = "DialogContent", zn = X.forwardRef(
+), Ee = "DialogContent", zn = X.forwardRef(
   (t, e) => {
-    const n = On(Le, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Le, t.__scopeDialog);
-    return /* @__PURE__ */ a(Pt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(wi, { ...o, ref: e }) : /* @__PURE__ */ a(_i, { ...o, ref: e }) });
+    const n = On(Ee, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Ee, t.__scopeDialog);
+    return /* @__PURE__ */ a(yt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(_i, { ...o, ref: e }) : /* @__PURE__ */ a(bi, { ...o, ref: e }) });
   }
 );
-zn.displayName = Le;
-var wi = X.forwardRef(
+zn.displayName = Ee;
+var _i = X.forwardRef(
   (t, e) => {
-    const n = pe(Le, t.__scopeDialog), r = X.useRef(null), o = Ct(e, n.contentRef, r);
+    const n = pe(Ee, t.__scopeDialog), r = X.useRef(null), o = Pt(e, n.contentRef, r);
     return X.useEffect(() => {
       const i = r.current;
       if (i)
@@ -2523,9 +2529,9 @@ var wi = X.forwardRef(
       }
     );
   }
-), _i = X.forwardRef(
+), bi = X.forwardRef(
   (t, e) => {
-    const n = pe(Le, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
+    const n = pe(Ee, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
     return /* @__PURE__ */ a(
       Mn,
       {
@@ -2548,8 +2554,8 @@ var wi = X.forwardRef(
   }
 ), Mn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = pe(Le, n), d = X.useRef(null), f = Ct(e, d);
-    return vr(), /* @__PURE__ */ H(he, { children: [
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = pe(Ee, n), d = X.useRef(null), f = Pt(e, d);
+    return vr(), /* @__PURE__ */ $(he, { children: [
       /* @__PURE__ */ a(
         wr,
         {
@@ -2573,9 +2579,9 @@ var wi = X.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ H(he, { children: [
-        /* @__PURE__ */ a(Ti, { titleId: l.titleId }),
-        /* @__PURE__ */ a(Pi, { contentRef: d, descriptionId: l.descriptionId })
+      /* @__PURE__ */ $(he, { children: [
+        /* @__PURE__ */ a(Ci, { titleId: l.titleId }),
+        /* @__PURE__ */ a(yi, { contentRef: d, descriptionId: l.descriptionId })
       ] })
     ] });
   }
@@ -2586,13 +2592,13 @@ var wi = X.forwardRef(
   }
 );
 Fn.displayName = Rt;
-var kn = "DialogDescription", bi = X.forwardRef(
+var kn = "DialogDescription", Ti = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = pe(kn, n);
     return /* @__PURE__ */ a(Ue.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
-bi.displayName = kn;
+Ti.displayName = kn;
 var Wn = "DialogClose", Hn = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = pe(Wn, n);
@@ -2611,11 +2617,11 @@ Hn.displayName = Wn;
 function Lt(t) {
   return t ? "open" : "closed";
 }
-var $n = "DialogTitleWarning", [tc, qn] = pr($n, {
-  contentName: Le,
+var $n = "DialogTitleWarning", [nc, qn] = ur($n, {
+  contentName: Ee,
   titleName: Rt,
   docsSlug: "dialog"
-}), Ti = ({ titleId: t }) => {
+}), Ci = ({ titleId: t }) => {
   const e = qn($n), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -2624,15 +2630,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return X.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, Ci = "DialogDescriptionWarning", Pi = ({ contentRef: t, descriptionId: e }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${qn(Ci).contentName}}.`;
+}, Pi = "DialogDescriptionWarning", yi = ({ contentRef: t, descriptionId: e }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${qn(Pi).contentName}}.`;
   return X.useEffect(() => {
     var i;
     const o = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
     e && o && (document.getElementById(e) || console.warn(r));
   }, [r, t, e]), null;
-}, yi = En, xi = Dn, Si = An, Ii = zn, Ri = Fn, Li = Hn;
-const Ie = {
+}, Si = En, Ii = Dn, xi = An, Ri = zn, Li = Fn, Ei = Hn;
+const Re = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2640,8 +2646,8 @@ const Ie = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Ei = () => {
-  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = yo(), { localeMessages: o } = fe(), i = F(() => {
+}, Ni = () => {
+  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = yo(), { localeMessages: o } = fe(), i = W(() => {
     if (!t)
       return [];
     const {
@@ -2650,13 +2656,13 @@ const Ie = {
       title: d,
       author: f,
       subject: m,
-      createdOn: P,
+      createdOn: C,
       creator: p,
       keywords: T,
-      modifiedOn: C,
+      modifiedOn: P,
       pdfProducer: b,
-      pdfVersion: v,
-      pageCount: y
+      pdfVersion: g,
+      pageCount: S
     } = t;
     return [
       { label: o == null ? void 0 : o.propertiesFilenameLabel, value: l },
@@ -2669,60 +2675,60 @@ const Ie = {
       { label: o == null ? void 0 : o.propertiesCreatorLabel, value: p },
       {
         label: o == null ? void 0 : o.propertiesCreateOnLabel,
-        value: P ? Mt(P) : ""
+        value: C ? Mt(C) : ""
       },
       {
         label: o == null ? void 0 : o.propertiesModifiedOnLabel,
-        value: C ? Mt(C) : ""
+        value: P ? Mt(P) : ""
       },
       { separate: !0 },
       { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: b },
-      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: v },
-      { label: o == null ? void 0 : o.propertiesPageCountLabel, value: y }
+      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: g },
+      { label: o == null ? void 0 : o.propertiesPageCountLabel, value: S }
     ];
   }, [t, o]);
-  return /* @__PURE__ */ a(yi, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(xi, { container: e, children: /* @__PURE__ */ H("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ a(Si, { className: Ie["rp-dialog-overlay"] }),
-    /* @__PURE__ */ H(Ii, { className: Ie["rp-document-dialog"], children: [
-      /* @__PURE__ */ a(Ri, { className: Ie["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ a("div", { className: Ie["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ a(zo, { label: c.label, value: c.value }) }, l)) }),
-      /* @__PURE__ */ a(Li, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ a(br, {}) })
+  return /* @__PURE__ */ a(Si, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(Ii, { container: e, children: /* @__PURE__ */ $("div", { className: Re["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(xi, { className: Re["rp-dialog-overlay"] }),
+    /* @__PURE__ */ $(Ri, { className: Re["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Li, { className: Re["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: Re["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: Re["rp-properties-divider"] }) : /* @__PURE__ */ a(zo, { label: c.label, value: c.value }) }, l)) }),
+      /* @__PURE__ */ a(Ei, { asChild: !0, className: Re["rp-dialog-close"], children: /* @__PURE__ */ a(br, {}) })
     ] })
   ] }) }) });
-}, Ni = {
+}, Oi = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, Jt = ".pdf", Oi = (t) => URL.createObjectURL(t), Di = async (t) => {
+}, Jt = ".pdf", Di = (t) => URL.createObjectURL(t), Ai = async (t) => {
   const n = await (await fetch(t)).blob();
-  return Oi(n);
+  return Di(n);
 }, Gn = () => {
   const { filename: t, pdfSrc: e } = oe(), { downloadFilename: n } = bo(), r = (i) => {
     const c = n || i;
     return c.endsWith(Jt) ? c : `${c}${Jt}`;
   };
-  return { download: O(async () => {
+  return { download: E(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const i = document.createElement("a");
-    i.href = await Di(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
+    i.href = await Ai(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, Un = () => {
   const { downloadIcon: t } = Pe(), { downloadIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(xr, {});
-}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ai = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Vn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Un, {}) }) }), zi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Vn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || e || /* @__PURE__ */ a(Sr, {});
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), zi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Vn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Un, {}) }) }), Mi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ $(Vn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Un, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), Bn = () => {
-  const { download: t } = Gn(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = fe(), i = o == null ? void 0 : o.downloadFileTooltip;
-  return !e || !n ? null : r ? /* @__PURE__ */ a(zi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Ai, { download: t, localeMessages: o });
+  const { download: t } = Gn(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Oe(), { isSmallScreen: r } = De(), { localeMessages: o } = fe(), i = o == null ? void 0 : o.downloadFileTooltip;
+  return !e || !n ? null : r ? /* @__PURE__ */ a(Mi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(zi, { download: t, localeMessages: o });
 }, jn = () => {
   const { printIcon: t } = Pe(), { printIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(Sr, {});
-}, Kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Mi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Kn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(jn, {}) }) }), Fi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Kn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || e || /* @__PURE__ */ a(Ir, {});
+}, Kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Fi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Kn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(jn, {}) }) }), ki = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ $(Kn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(jn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Zn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Ce(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = fe(), m = f == null ? void 0 : f.printTooltip;
-  return !c || !l ? null : d ? /* @__PURE__ */ a(Fi, { print: t, localeMessages: f }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Ce(), { printTool: l = !0 } = Oe(), { isSmallScreen: d } = De(), { localeMessages: f } = fe(), m = f == null ? void 0 : f.printTooltip;
+  return !c || !l ? null : d ? /* @__PURE__ */ a(ki, { print: t, localeMessages: f }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
     c,
     {
       print: t,
@@ -2742,60 +2748,60 @@ const Ie = {
       setOnComplete: r,
       progress: i
     }
-  ) }) : /* @__PURE__ */ a(Mi, { print: t, localeMessages: f });
-}, ki = {
+  ) }) : /* @__PURE__ */ a(Fi, { print: t, localeMessages: f });
+}, Wi = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Wi = () => {
-  const { goToFirstPageIcon: t } = Pe(), { goToFirstPageIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(mn, { className: ki["rp-go-to-Top"] });
 }, Hi = () => {
+  const { goToFirstPageIcon: t } = Pe(), { goToFirstPageIcon: e } = Te();
+  return t || e || /* @__PURE__ */ a(mn, { className: Wi["rp-go-to-Top"] });
+}, $i = () => {
   const { goToLastPageIcon: t } = Pe(), { goToLastPageIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(mn, {});
-}, en = { width: "100%" }, $i = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = de(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = fe(), c = F(() => n === 1, [n]), l = F(() => n === e, [n, e]), d = O(() => {
+}, en = { width: "100%" }, qi = () => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = de(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Oe(), { localeMessages: i } = fe(), c = W(() => n === 1, [n]), l = W(() => n === e, [n, e]), d = E(() => {
     t(1);
-  }, [t]), f = O(() => {
+  }, [t]), f = E(() => {
     t(e);
   }, [t, e]);
-  return !r || !o ? null : /* @__PURE__ */ H(hn, { children: [
-    /* @__PURE__ */ a(Xe, { onClick: d, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.firstPageTooltip, style: en, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": c, children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Wi, {}) }),
+  return !r || !o ? null : /* @__PURE__ */ $(hn, { children: [
+    /* @__PURE__ */ a(Xe, { onClick: d, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.firstPageTooltip, style: en, children: /* @__PURE__ */ $("div", { className: "rp-menu-item", "aria-disabled": c, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Hi, {}) }),
       /* @__PURE__ */ a("span", { children: i == null ? void 0 : i.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ a(Xe, { onClick: f, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.lastPageTooltip, style: en, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": l, children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Hi, {}) }),
+    /* @__PURE__ */ a(Xe, { onClick: f, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.lastPageTooltip, style: en, children: /* @__PURE__ */ $("div", { className: "rp-menu-item", "aria-disabled": l, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a($i, {}) }),
       /* @__PURE__ */ a("span", { children: i == null ? void 0 : i.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ a(un, {})
   ] });
-}, qi = () => {
-  const [t, e] = $(!1), { container: n, pagesRef: r } = be(), { isSmallScreen: o } = Oe(), {
+}, Gi = () => {
+  const [t, e] = q(!1), { container: n, pagesRef: r } = be(), { isSmallScreen: o } = De(), {
     openFileTool: i,
     downloadTool: c,
     documentProperties: l,
     scrollModeTool: d,
     rotateTool: f,
     selectionModeTool: m,
-    jumpNavigationTool: P,
+    jumpNavigationTool: C,
     printTool: p,
     fullscreenTool: T,
-    viewModeTool: C
+    viewModeTool: P
   } = Ce(), {
     openFileTool: b,
-    downloadTool: v,
-    documentProperties: y,
-    scrollModeTool: g,
+    downloadTool: g,
+    documentProperties: S,
+    scrollModeTool: v,
     rotateTool: h,
     selectionModeTool: u,
     jumpNavigationTool: s,
     printTool: w,
     fullscreenTool: _,
-    viewModeTool: x
-  } = Ne(), { localeMessages: R } = fe(), [I, S] = $(0), N = k(
-    new ResizeObserver((A) => {
-      S(A[0].contentRect.height);
+    viewModeTool: y
+  } = Oe(), { localeMessages: x } = fe(), [I, R] = q(0), L = k(
+    new ResizeObserver((M) => {
+      R(M[0].contentRect.height);
     })
-  ), D = F(() => P || f || m || d || l || C || o && (i || c || p || T), [
+  ), N = W(() => C || f || m || d || l || P || o && (i || c || p || T), [
     i,
     c,
     p,
@@ -2804,48 +2810,48 @@ const Ie = {
     d,
     f,
     m,
-    P,
+    C,
     o
-  ]), M = F(() => s || h || u || g || y || x || o && (b || v || w || _), [
+  ]), F = W(() => s || h || u || v || S || y || o && (b || g || w || _), [
     b,
-    v,
+    g,
     w,
     _,
-    y,
-    g,
+    S,
+    v,
     h,
     u,
     s,
     o
   ]);
-  return z(() => (r && N.current.observe(r), () => {
-    N.current.disconnect();
-  }), [r]), !D || !M ? null : /* @__PURE__ */ H(he, { children: [
+  return z(() => (r && L.current.observe(r), () => {
+    L.current.disconnect();
+  }), [r]), !N || !F ? null : /* @__PURE__ */ $(he, { children: [
     /* @__PURE__ */ a(
       dn,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(we, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(lr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(we, { active: t, "aria-label": x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(lr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
-        children: /* @__PURE__ */ H(
+        children: /* @__PURE__ */ $(
           "div",
           {
             style: { maxHeight: `${I}px`, overflow: "auto" },
-            className: Ni["rp-other-tool-content"],
+            className: Oi["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              o && /* @__PURE__ */ H(hn, { children: [
+              o && /* @__PURE__ */ $(hn, { children: [
                 /* @__PURE__ */ a(pn, {}),
                 /* @__PURE__ */ a(Bn, {}),
                 /* @__PURE__ */ a(Zn, {}),
                 /* @__PURE__ */ a(fn, {}),
                 /* @__PURE__ */ a(un, {})
               ] }),
-              /* @__PURE__ */ a($i, {}),
+              /* @__PURE__ */ a(qi, {}),
               /* @__PURE__ */ a(Cr, {}),
-              /* @__PURE__ */ a(Ir, {}),
+              /* @__PURE__ */ a(xr, {}),
               /* @__PURE__ */ a(Pr, {}),
               /* @__PURE__ */ a(yr, {}),
               /* @__PURE__ */ a(Tr, {})
@@ -2854,23 +2860,23 @@ const Ie = {
         )
       }
     ),
-    /* @__PURE__ */ a(Ei, {})
+    /* @__PURE__ */ a(Ni, {})
   ] });
-}, Gi = () => {
-  const { isSmallScreen: t } = Oe();
-  return /* @__PURE__ */ H(he, { children: [
+}, Ui = () => {
+  const { isSmallScreen: t } = De();
+  return /* @__PURE__ */ $(he, { children: [
     /* @__PURE__ */ a(cr, {}),
-    !t && /* @__PURE__ */ H(he, { children: [
+    !t && /* @__PURE__ */ $(he, { children: [
       /* @__PURE__ */ a(pn, {}),
       /* @__PURE__ */ a(Bn, {}),
       /* @__PURE__ */ a(Zn, {}),
       /* @__PURE__ */ a(fn, {})
     ] }),
-    /* @__PURE__ */ a(qi, {})
+    /* @__PURE__ */ a(Gi, {})
   ] });
 }, tn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = yt(), { localeMessages: r } = fe();
-  return /* @__PURE__ */ H(he, { children: [
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = St(), { localeMessages: r } = fe();
+  return /* @__PURE__ */ $(he, { children: [
     /* @__PURE__ */ a(
       Q,
       {
@@ -2901,76 +2907,76 @@ const Ie = {
       }
     )
   ] });
-}, Ui = () => {
+}, Vi = () => {
   const { searchIcon: t } = Pe(), { searchIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(gn, {});
-}, Vi = ({ icon: t }) => {
-  const { container: e } = be(), [n, r] = $(!1), { pdf: o } = oe(), [i, c] = $(null), {
+}, Bi = ({ icon: t }) => {
+  const { container: e } = be(), [n, r] = q(!1), { pdf: o } = oe(), [i, c] = q(null), {
     searchOptions: l,
     setSearchOptions: d,
     loading: f,
     setSearch: m,
-    totalMatches: P,
+    totalMatches: C,
     currentMatchPosition: p,
     nextMatch: T,
-    prevMatch: C,
+    prevMatch: P,
     search: b
-  } = yt(), { searchTool: v = !0 } = Ce(), { searchTool: y = !0 } = Ne(), [g, h] = $(b), { localeMessages: u } = fe(), { isSmallScreen: s } = Oe(), [w, _] = $(null), [x, R] = $(!1), I = O(() => {
+  } = St(), { searchTool: g = !0 } = Ce(), { searchTool: S = !0 } = Oe(), [v, h] = q(b), { localeMessages: u } = fe(), { isSmallScreen: s } = De(), [w, _] = q(null), [y, x] = q(!1), I = E(() => {
     r(!0);
-  }, []), S = O(() => {
+  }, []), R = E(() => {
     m(""), h(""), r(!1);
-  }, [m]), N = (G) => {
+  }, [m]), L = (G) => {
     const Z = G.key === "Enter", Y = G.key === " ";
-    (Z || Y) && S();
-  }, D = O(
+    (Z || Y) && R();
+  }, N = E(
     (G) => {
-      G.key === "Escape" && n && S();
+      G.key === "Escape" && n && R();
     },
     [n]
-  ), M = O(
+  ), F = E(
     (G) => {
-      G.shiftKey && G.key === "Enter" ? C() : G.key === "Enter" && b !== g ? m(g) : G.key === "Enter" && T();
+      G.shiftKey && G.key === "Enter" ? P() : G.key === "Enter" && b !== v ? m(v) : G.key === "Enter" && T();
     },
-    [g, C, T, m, b]
+    [v, P, T, m, b]
   );
   z(() => {
     h(b);
   }, [b]), z(() => {
-    b && o && R(!0);
+    b && o && x(!0);
   }, [b, o]), z(() => {
     b && b.trim() !== "" && (h(b), m(b));
-  }, []), z(() => (window.addEventListener("keydown", D), () => {
-    window.removeEventListener("keydown", D);
-  }), [D]), z(() => {
+  }, []), z(() => (window.addEventListener("keydown", N), () => {
+    window.removeEventListener("keydown", N);
+  }), [N]), z(() => {
     i && setTimeout(() => {
       i.focus();
     }, 0);
   }, [i]);
-  const A = O((G) => {
+  const M = E((G) => {
     h(G.target.value);
-  }, []), L = O(() => {
+  }, []), D = E(() => {
     h(""), m("");
-  }, [m]), E = F(() => `${p} / ${P}`, [p, P]), { wholeWords: q, matchCase: W } = F(() => l, [l]), U = O(
+  }, [m]), O = W(() => `${p} / ${C}`, [p, C]), { wholeWords: A, matchCase: H } = W(() => l, [l]), U = E(
     (G) => {
       d((Z) => ({ ...Z, matchCase: G }));
     },
     [d]
-  ), j = O(
+  ), B = E(
     (G) => {
       d((Z) => ({ ...Z, wholeWords: G }));
     },
     [d]
   );
   z(() => {
-    o && x && S();
-  }, [o, S]);
-  const V = F(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), ee = O(
+    o && y && R();
+  }, [o, R]);
+  const V = W(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), ee = E(
     (G) => {
       if (G.key === "Tab") {
         const Z = document.activeElement;
         let Y = 0;
-        V.forEach((J, ue) => {
-          J === Z && (Y = ue);
+        V.forEach((ie, ue) => {
+          ie === Z && (Y = ue);
         });
         let re = Y + 1;
         G.shiftKey && (re = Y - 1);
@@ -2978,17 +2984,17 @@ const Ie = {
         if (ae)
           ae.focus();
         else if (re > V.length - 1) {
-          const J = V[0];
-          J && J.focus();
+          const ie = V[0];
+          ie && ie.focus();
         } else {
-          const J = V[V.length - 1];
-          J && J.focus();
+          const ie = V[V.length - 1];
+          ie && ie.focus();
         }
       }
     },
     [V]
   );
-  return !v || !y ? null : /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(
+  return !g || !S ? null : /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(
     dn,
     {
       open: n,
@@ -3003,10 +3009,10 @@ const Ie = {
           active: n,
           onClick: I,
           "aria-label": u == null ? void 0 : u.searchButtonTooltip,
-          children: t || /* @__PURE__ */ a(Ui, {})
+          children: t || /* @__PURE__ */ a(Vi, {})
         }
       ) }),
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ $(
         "div",
         {
           ref: _,
@@ -3014,14 +3020,14 @@ const Ie = {
           tabIndex: 0,
           onKeyDown: ee,
           children: [
-            /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ H("div", { className: te["rp-search-tool-input"], children: [
+            /* @__PURE__ */ $("div", { className: te["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ $("div", { className: te["rp-search-tool-input"], children: [
                 /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchInputTooltip, children: /* @__PURE__ */ a(
                   an,
                   {
-                    value: g,
-                    onKeyDown: M,
-                    onChange: A,
+                    value: v,
+                    onKeyDown: F,
+                    onChange: M,
                     icon: /* @__PURE__ */ a(gn, {}),
                     placeholder: u == null ? void 0 : u.searchInputPlaceholder,
                     className: te["rp-search-input"],
@@ -3029,20 +3035,20 @@ const Ie = {
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!g && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: L, children: /* @__PURE__ */ a(Lr, {}) })
+                    children: !!v && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: D, children: /* @__PURE__ */ a(Lr, {}) })
                   }
                 ) }),
-                f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(ln, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: E }),
-                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(At, { onKeyPress: N, handleClose: S }) })
+                f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(ln, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: O }),
+                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(At, { onKeyPress: L, handleClose: R }) })
               ] }),
-              /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-checkboxes"], children: [
+              /* @__PURE__ */ $("div", { className: te["rp-search-tool-input-checkboxes"], children: [
                 s && /* @__PURE__ */ a(tn, {}),
                 /* @__PURE__ */ a(
                   zt,
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: W,
+                    value: H,
                     onChange: U,
                     children: u == null ? void 0 : u.searchMatchCaseLabel
                   }
@@ -3053,64 +3059,64 @@ const Ie = {
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: q,
-                    onChange: j,
+                    value: A,
+                    onChange: B,
                     children: u == null ? void 0 : u.searchWholeWordsLabel
                   }
                 ),
                 !s && /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchWholeWordsTooltip, children: /* @__PURE__ */ a("div", { tabIndex: 0, className: te["rp-search-icon-info"], children: /* @__PURE__ */ a(Wt, {}) }) })
               ] })
             ] }),
-            !s && /* @__PURE__ */ H("div", { className: te["rp-search-tool-controls"], children: [
+            !s && /* @__PURE__ */ $("div", { className: te["rp-search-tool-controls"], children: [
               /* @__PURE__ */ a(tn, {}),
-              /* @__PURE__ */ a(At, { onKeyPress: N, handleClose: S })
+              /* @__PURE__ */ a(At, { onKeyPress: L, handleClose: R })
             ] })
           ]
         }
       )
     }
   ) });
-}, Bi = "_loading_wazy2_1", Ae = {
+}, ji = "_loading_wazy2_1", ze = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
   "rp-loading-progress": "_rp-loading-progress_wazy2_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-  loading: Bi
-}, ji = ({ percentage: t }) => {
+  loading: ji
+}, Ki = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = fe();
-  return t < 1 ? null : /* @__PURE__ */ a("div", { className: ce(Ae["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: ce(Ae["rp-loading-modal"]), children: [
-    /* @__PURE__ */ H("div", { className: ce(Ae["rp-loading-title"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ a("div", { className: ce(ze["rp-loading-overlay"]), children: /* @__PURE__ */ $("div", { className: ce(ze["rp-loading-modal"]), children: [
+    /* @__PURE__ */ $("div", { className: ce(ze["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ a("div", { className: ce(Ae["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: ce(ze["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
-        className: ce(Ae["rp-loading-progress"]),
+        className: ce(ze["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ a("button", { className: ce(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ a("button", { className: ce(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, Ki = et((t, e) => {
-  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Ne(), { progress: o } = tt(), { isSmallScreen: i } = Oe(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
+}, Zi = et((t, e) => {
+  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Oe(), { progress: o } = tt(), { isSmallScreen: i } = De(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
     if (!(!n || !r || !c))
-      return /* @__PURE__ */ a(ji, { percentage: c });
+      return /* @__PURE__ */ a(Ki, { percentage: c });
   };
-  return /* @__PURE__ */ H("div", { children: [
-    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: e, className: ke["rp-toolbar-content"], children: /* @__PURE__ */ H("div", { className: ke["rp-toolbar-wrapper"], style: l(), children: [
-      /* @__PURE__ */ H("div", { "data-rp": "topBarLeft", className: ke["rp-toolbar-start"], children: [
-        /* @__PURE__ */ a(Vi, {}),
+  return /* @__PURE__ */ $("div", { children: [
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: e, className: ke["rp-toolbar-content"], children: /* @__PURE__ */ $("div", { className: ke["rp-toolbar-wrapper"], style: l(), children: [
+      /* @__PURE__ */ $("div", { "data-rp": "topBarLeft", className: ke["rp-toolbar-start"], children: [
+        /* @__PURE__ */ a(Bi, {}),
         /* @__PURE__ */ a(hi, {})
       ] }),
       /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: ke["rp-toolbar-middle"], children: /* @__PURE__ */ a(Rr, {}) }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: ke["rp-toolbar-end"], children: /* @__PURE__ */ a(Gi, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: ke["rp-toolbar-end"], children: /* @__PURE__ */ a(Ui, {}) })
     ] }) }),
     /* @__PURE__ */ a(d, {})
   ] });
-}), ht = {
+}), ft = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1bqgz_1",
   "rp-sidebar-content": "_rp-sidebar-content_1bqgz_1",
   "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1bqgz_16"
@@ -3120,32 +3126,32 @@ const Ie = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, Zi = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = de(), { pageRotate: i } = Je(), c = k(null), l = yn(), { pages: d } = oe(), [f, m] = $(null), P = k(!1), p = k(), T = F(() => n ? We["rp-thumbnail-active"] : "", [n]), C = F(() => ({
+}, Xi = (t) => {
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = de(), { pageRotate: i } = Je(), c = k(null), l = yn(), { pages: d } = oe(), [f, m] = q(null), C = k(!1), p = k(), T = W(() => n ? We["rp-thumbnail-active"] : "", [n]), P = W(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
-  }), [r]), b = O(() => {
+  }), [r]), b = E(() => {
     e && o(e);
   }, [o, e]);
   return z(() => {
-    const v = d.get(e);
-    p.current === v || (m(null), p.current = v);
+    const g = d.get(e);
+    p.current === g || (m(null), p.current = g);
   }, [d, e]), z(() => {
-    const v = d.get(e);
-    if (!c.current || !e || !v || f)
+    const g = d.get(e);
+    if (!c.current || !e || !g || f)
       return;
-    const y = new IntersectionObserver((g) => {
-      g.forEach((h) => {
-        if (P.current) {
-          P.current = !1, l.removeQueue(`thumbnail-${e}`);
+    const S = new IntersectionObserver((v) => {
+      v.forEach((h) => {
+        if (C.current) {
+          C.current = !1, l.removeQueue(`thumbnail-${e}`);
           return;
         }
         if (h.isIntersecting) {
           const u = document.createElement("canvas");
-          P.current = !0, l.enqueue(
+          C.current = !0, l.enqueue(
             `thumbnail-${e}`,
             {
-              page: v.page,
+              page: g.page,
               canvasElem: u,
               options: {
                 scale: 1
@@ -3164,10 +3170,10 @@ const Ie = {
         }
       });
     });
-    return c.current && y.observe(c.current), () => {
-      y.disconnect(), l.removeQueue(`thumbnail-${e}`);
+    return c.current && S.observe(c.current), () => {
+      S.disconnect(), l.removeQueue(`thumbnail-${e}`);
     };
-  }, [l, e, d, f]), /* @__PURE__ */ H(
+  }, [l, e, d, f]), /* @__PURE__ */ $(
     "div",
     {
       onClick: b,
@@ -3186,8 +3192,8 @@ const Ie = {
               "img",
               {
                 src: f,
-                width: C.width,
-                height: C.height,
+                width: P.width,
+                height: P.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ a(
@@ -3195,8 +3201,8 @@ const Ie = {
               {
                 className: We["rp-thumbnail-loader"],
                 style: {
-                  width: `${C.width}px`,
-                  height: `${C.height}px`
+                  width: `${P.width}px`,
+                  height: `${P.height}px`
                 },
                 children: /* @__PURE__ */ a(ln, {})
               }
@@ -3210,63 +3216,63 @@ const Ie = {
 }, nn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Xi = 16, Qi = (t, e) => {
+}, Qi = 16, Yi = (t, e) => {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
-  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Xi);
-}, Yi = et((t, e) => {
-  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = de(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Tn(), m = k(null), P = k(1);
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Qi);
+}, Ji = et((t, e) => {
+  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = de(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Tn(), m = k(null), C = k(1);
   on(e, () => m.current);
-  const p = F(() => Object.values(c), [c]), T = O(() => {
-    const C = d + 1;
-    C <= i && l(C);
+  const p = W(() => Object.values(c), [c]), T = E(() => {
+    const P = d + 1;
+    P <= i && l(P);
   }, [l, i, d]);
   return z(() => {
-    o > d && i > d ? f(o) : n && P.current !== o && (Qi(m.current, o), P.current = o);
-  }, [o, d, f, n, p]), Mo(m.current, T), /* @__PURE__ */ a("div", { ref: m, className: nn["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: nn["rp-thumbnails"], children: n ? p.map((C, b) => {
-    var v, y;
+    o > d && i > d ? f(o) : n && C.current !== o && (Yi(m.current, o), C.current = o);
+  }, [o, d, f, n, p]), Mo(m.current, T), /* @__PURE__ */ a("div", { ref: m, className: nn["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: nn["rp-thumbnails"], children: n ? p.map((P, b) => {
+    var g, S;
     return /* @__PURE__ */ a(
-      Zi,
+      Xi,
       {
-        isFocused: o === ((v = C.page) == null ? void 0 : v.pageNumber),
-        pageNumber: (y = C.page) == null ? void 0 : y.pageNumber,
-        loading: C.loading,
-        viewport: C.viewport,
-        defaultRotation: C.defaultRotation
+        isFocused: o === ((g = P.page) == null ? void 0 : g.pageNumber),
+        pageNumber: (S = P.page) == null ? void 0 : S.pageNumber,
+        loading: P.loading,
+        viewport: P.viewport,
+        defaultRotation: P.defaultRotation
       },
       b
     );
   }) : null }) });
-}), Ji = () => {
+}), ea = () => {
   const { thumbnailIcon: t } = Pe(), { thumbnailIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(xo, {});
-}, ea = () => {
-  const { active: t, setActive: e } = Tn(), [n, r] = $(Fo), o = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Ce(), { localeMessages: d } = fe(), f = O(() => {
-    e((P) => !P);
-  }, []), m = F(() => typeof c != "boolean" && c ? /* @__PURE__ */ a(c, { onClick: f, active: t }) : c ? /* @__PURE__ */ a(Q, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ a(
+  return t || e || /* @__PURE__ */ a(So, {});
+}, ta = () => {
+  const { active: t, setActive: e } = Tn(), [n, r] = q(Fo), o = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Ce(), { localeMessages: d } = fe(), f = E(() => {
+    e((C) => !C);
+  }, []), m = W(() => typeof c != "boolean" && c ? /* @__PURE__ */ a(c, { onClick: f, active: t }) : c ? /* @__PURE__ */ a(Q, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ a(
     we,
     {
       onClick: f,
       active: t,
       "aria-label": d == null ? void 0 : d.thumbnailTooltip,
-      children: /* @__PURE__ */ a(Ji, {})
+      children: /* @__PURE__ */ a(ea, {})
     }
   ) }) : null, [c, t, f, d]);
-  return /* @__PURE__ */ a(he, { children: l && /* @__PURE__ */ H(
+  return /* @__PURE__ */ a(he, { children: l && /* @__PURE__ */ $(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
-      className: ht["rp-sidebar-content-wrapper"],
+      className: ft["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ a("div", { ref: i, className: ht["rp-sidebar-content"], children: m }),
-        /* @__PURE__ */ H(
+        /* @__PURE__ */ a("div", { ref: i, className: ft["rp-sidebar-content"], children: m }),
+        /* @__PURE__ */ $(
           "div",
           {
             "data-rp": "thumbnailSidebar",
             hidden: !t,
-            className: ht["rp-thumbnails-wrapper"],
+            className: ft["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ a(Yi, { show: t, ref: o }),
+              /* @__PURE__ */ a(Ji, { show: t, ref: o }),
               /* @__PURE__ */ a(
                 Lo,
                 {
@@ -3281,7 +3287,7 @@ const Ie = {
       ]
     }
   ) });
-}, nc = io((t, e) => {
+}, oc = io((t, e) => {
   const {
     children: n,
     slots: r,
@@ -3292,22 +3298,22 @@ const Ie = {
     onLoaded: d,
     cleanupOnLoaded: f,
     onLayoutWidthChange: m
-  } = t, [P, p] = $(null), { setContainer: T, setContentRef: C } = be(), { loading: b } = oe(), { LoaderImageComponent: v } = _t();
+  } = t, [C, p] = q(null), { setContainer: T, setContentRef: P } = be(), { loading: b } = oe(), { LoaderImageComponent: g } = bt();
   return z(() => (d && d(), () => {
     f && f();
   }), [d, f]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ a(Rn, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Io, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Ro, { slots: r, children: /* @__PURE__ */ a(Ao, { icons: o, children: /* @__PURE__ */ H(So, { getContainerRef: T, style: i, className: c, children: [
-    /* @__PURE__ */ H(Eo, { children: [
-      /* @__PURE__ */ H("div", { className: _e["rp-layout"], children: [
+  /* @__PURE__ */ a(Rn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ a(xo, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Ro, { slots: r, children: /* @__PURE__ */ a(Ao, { icons: o, children: /* @__PURE__ */ $(Io, { getContainerRef: T, style: i, className: c, children: [
+    /* @__PURE__ */ $(Eo, { children: [
+      /* @__PURE__ */ $("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ a(
-          Ki,
+          Zi,
           {
             ref: p
           }
         ),
-        /* @__PURE__ */ H("div", { className: _e["rp-content"], children: [
-          /* @__PURE__ */ a("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ a(ea, {}) }),
-          /* @__PURE__ */ a("div", { ref: C, className: _e["rp-pages"], children: n })
+        /* @__PURE__ */ $("div", { className: _e["rp-content"], children: [
+          /* @__PURE__ */ a("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ a(ta, {}) }),
+          /* @__PURE__ */ a("div", { ref: P, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ a(Do, {})
@@ -3335,13 +3341,13 @@ const Ie = {
               height: "100%",
               width: "100%"
             },
-            children: v && /* @__PURE__ */ a(v, {})
+            children: g && /* @__PURE__ */ a(g, {})
           }
         )
       }
     ) : null
   ] }) }) }) }) });
-}), oc = {
+}), rc = {
   "rp-toolbar-layout": "_rp-toolbar-layout_vwobs_1",
   "rp-content": "_rp-content_vwobs_7",
   "rp-topbar-content": "_rp-topbar-content_vwobs_13",
@@ -3353,46 +3359,46 @@ export {
   Cn as A,
   Pn as B,
   yn as C,
-  Ei as D,
+  Ni as D,
   Ar as E,
   Fr as F,
   Hr as G,
   qr as H,
-  xt as I,
+  It as I,
   ri as J,
   si as K,
   Rn as L,
   ci as M,
   li as N,
   Bn as O,
-  Ks as P,
+  Zs as P,
   Zn as Q,
-  Js as R,
-  Vi as S,
-  Xs as T,
-  $i as U,
-  qi as V,
+  ec as R,
+  Bi as S,
+  Qs as T,
+  qi as U,
+  Gi as V,
   tn as W,
-  Ki as X,
-  Zi as Y,
-  ea as Z,
-  nc as a,
+  Zi as X,
+  Xi as Y,
+  ta as Z,
+  oc as a,
   Gn as b,
   tt as c,
-  yt as d,
-  Qs as e,
-  Ys as f,
-  Zs as g,
+  St as d,
+  Ys as e,
+  Js as f,
+  Xs as g,
   Tn as h,
-  pt as i,
+  ht as i,
   ke as j,
   hi as k,
-  Gi as l,
-  oc as m,
-  Yi as n,
-  ji as o,
-  Ni as p,
-  ki as q,
+  Ui as l,
+  rc as m,
+  Ji as n,
+  Ki as o,
+  Oi as p,
+  Wi as q,
   vn as r,
   Er as s,
   wn as t,