@pdf-viewer/react 1.3.0-beta.3 → 1.3.0-beta.4

package/dist/{RPDefaultLayout-2102a11b.js → RPDefaultLayout-6fe6be3d.js}

@@ -1,99 +1,100 @@
 import { jsx as i, jsxs as A, Fragment as Fe } from "react/jsx-runtime";
-import * as V from "react";
-import { useRef as M, useEffect as z, useCallback as L, useState as H, createContext as je, useContext as Be, useMemo as k, forwardRef as Ke, useImperativeHandle as en, createElement as He, PureComponent as Bn, Component as Kn, memo as Xn } from "react";
+import * as U from "react";
+import { useRef as W, useEffect as z, useCallback as L, useState as M, createContext as Ze, useContext as je, useMemo as k, forwardRef as Be, useImperativeHandle as en, createElement as Me, PureComponent as Xn, Component as Jn, memo as Yn } from "react";
 import { ChevronUpIcon as ke } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ee } from "./components/ui/Button.js";
 import { UIInput as tn } from "./components/ui/Input.js";
 import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as Y } from "./contexts/RPDocumentContext.js";
+import { useDocumentContext as Q } from "./contexts/RPDocumentContext.js";
 import "./contexts/DarkModeContext.js";
-import { ViewMode as Ue, ScrollMode as K, AnnotationSubType as Lt, SelectionMode as Jn, ZoomLevel as rt } from "./utils/types.js";
-import { useRotationContext as Xe } from "./contexts/RotationContext.js";
-import { useLayerContext as Yn } from "./contexts/LayerContext.js";
-import { useZoomContext as Je } from "./contexts/ZoomContext.js";
-import { useViewModeContext as Ye } from "./contexts/ViewModeContext.js";
-import { useVirtualScrollContext as Qe } from "./contexts/VirtualScrollContext.js";
+import { ViewMode as Ve, ScrollMode as X, AnnotationSubType as Lt, SelectionMode as Qn, ZoomLevel as nt } from "./utils/types.js";
+import { useRotationContext as Ke } from "./contexts/RotationContext.js";
+import { useLayerContext as er } from "./contexts/LayerContext.js";
+import { useZoomContext as Xe } from "./contexts/ZoomContext.js";
+import { useViewModeContext as Je } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as Ye } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as nn } from "./contexts/VirtualGridContext.js";
-import { useScrollStateContext as et } from "./contexts/ScrollStateContext.js";
-import { useSelectionModeContext as Qn } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as er } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as tr } from "./contexts/FullScreenContext.js";
+import { useScrollStateContext as Qe } from "./contexts/ScrollStateContext.js";
+import { useSelectionModeContext as tr } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as nr } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as rr } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
-import { renderPage as mt } from "./utils/renderPage.js";
-import { highlightMatches as rn, findMatches as nr, resetDivs as rr } from "./utils/highlight.js";
+import { renderPage as ht } from "./utils/renderPage.js";
+import { highlightMatches as rn, findMatches as or, resetDivs as ir } from "./utils/highlight.js";
 import * as on from "pdfjs-dist";
-import { PixelsPerInch as or, AnnotationMode as ir, RenderingCancelledException as ar, AnnotationLayer as sr } from "pdfjs-dist";
-import { useLayoutContainer as Pe } from "./contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as bt } from "./contexts/DimensionPagesContext.js";
-import { useLocalizationContext as de } from "./contexts/LocalizationContext.js";
+import { PixelsPerInch as ar, AnnotationMode as sr, RenderingCancelledException as cr, AnnotationLayer as lr } from "pdfjs-dist";
+import { useLayoutContainer as Se } from "./contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as wt } from "./contexts/DimensionPagesContext.js";
+import { useLocalizationContext as pe } from "./contexts/LocalizationContext.js";
+import { useLoaderContext as an } from "./contexts/LoaderContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as cr } from "./components/icons/Thumbnail.js";
-import { c as re } from "./clsx-0c6e471a.js";
-import { LoaderIcon as We } from "./components/icons/LoaderIcon.js";
-import { useInfiniteScroll as lr } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as ur } from "./components/layout/sidebar/RPSplitter.js";
-import { useToolbarComponentContext as ve, ToolbarComponentProvider as dr } from "./contexts/ToolbarComponentContext.js";
-import { useIconContext as pe, IconProvider as pr } from "./contexts/IconContext.js";
+import { ThumbnailIcon as ur } from "./components/icons/Thumbnail.js";
+import { c as oe } from "./clsx-0c6e471a.js";
+import { LoaderIcon as bt } from "./components/icons/LoaderIcon.js";
+import { useInfiniteScroll as dr } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as pr } from "./components/layout/sidebar/RPSplitter.js";
+import { useToolbarComponentContext as ve, ToolbarComponentProvider as hr } from "./contexts/ToolbarComponentContext.js";
+import { useIconContext as he, IconProvider as mr } from "./contexts/IconContext.js";
 import q from "./components/ui/RPTooltip.js";
-import { c as be, C as hr } from "./Container-8fea0875.js";
-import { WrapperLayout as mr } from "./components/layout/WrapperLayout.js";
-import { RPDropFileZone as fr } from "./components/RPDropFileZone.js";
-import { useViewportContext as Se, ViewportProvider as gr } from "./contexts/ViewportContext.js";
+import { c as Ce, C as fr } from "./Container-8fea0875.js";
+import { WrapperLayout as gr } from "./components/layout/WrapperLayout.js";
+import { RPDropFileZone as vr } from "./components/RPDropFileZone.js";
+import { useViewportContext as Ie, ViewportProvider as _r } from "./contexts/ViewportContext.js";
 import "./contexts/ThemeContext.js";
-import { SimpleLinkService as vr } from "./utils/link_service.js";
-import { annotationsEvents as _r, annotationEventsHandler as wr, handleClick as Nt, handleAnnotationWidget as br, handleAnnotationLink as Cr, bindLayerEvents as Tr, unbindLayerEvents as Et } from "./utils/annotations.js";
-import { useWatermark as Pr } from "./utils/hooks/useWatermark.js";
-import { useMousePressed as Sr } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as Ir } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as yr } from "./utils/hooks/usePinch.js";
-import { useDebounce as ft } from "./utils/hooks/useDebounce.js";
+import { SimpleLinkService as wr } from "./utils/link_service.js";
+import { annotationsEvents as br, annotationEventsHandler as Cr, handleClick as Nt, handleAnnotationWidget as Tr, handleAnnotationLink as Pr, bindLayerEvents as Sr, unbindLayerEvents as Et } from "./utils/annotations.js";
+import { useWatermark as Ir } from "./utils/hooks/useWatermark.js";
+import { useMousePressed as yr } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as xr } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as Rr } from "./utils/hooks/usePinch.js";
+import { useDebounce as mt } from "./utils/hooks/useDebounce.js";
 import { getThumbnailViewport as Ot } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as Dt } from "./utils/smoothScrollTo.js";
-import { appConsole as xr } from "./utils/appConsole.js";
-import { FileUploadTool as an } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as Rr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as Lr } from "./components/icons/ThreeDotIcon.js";
-import { UIDropDown as sn } from "./components/ui/DropDown.js";
-import { c as Nr, u as Ct, P as Me, b as Ae, d as Tt, i as Er, k as Or, a as Dr } from "./index-48ca3f30.js";
-import { D as zr, d as ot } from "./floating-ui.react-dom-88a86594.js";
-import { a as Ar, h as Fr, u as kr, F as Wr, b as Mr, G as qe } from "./index-4ba3ab9a.js";
-import { CloseIcon as cn } from "./components/icons/CloseIcon.js";
+import { appConsole as Lr } from "./utils/appConsole.js";
+import { FileUploadTool as sn } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as Nr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Er } from "./components/icons/ThreeDotIcon.js";
+import { UIDropDown as cn } from "./components/ui/DropDown.js";
+import { c as Or, u as Ct, P as We, b as Ae, d as Tt, i as Dr, k as zr, a as Ar } from "./index-48ca3f30.js";
+import { D as Fr, d as rt } from "./floating-ui.react-dom-88a86594.js";
+import { a as kr, h as Wr, u as Mr, F as Hr, b as $r, G as Ue } from "./index-4ba3ab9a.js";
+import { CloseIcon as ln } from "./components/icons/CloseIcon.js";
 import { dateFormatter as zt } from "./utils/dateFormatter.js";
-import { PropertyItem as Hr } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as $r, OtherToolProvider as Gr } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as Vr } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as Ur } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as qr } from "./components/layout/toolbar/ScrollModeTool.js";
+import { PropertyItem as Gr } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as Vr, OtherToolProvider as Ur } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as qr } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as Zr } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as jr } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as Pt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Zr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as Br } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as we } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as jr } from "./components/icons/PrintDefaultIcon.js";
-import { FullScreenTool as ln } from "./components/layout/toolbar/FullScreenTool.js";
-import { GoToDownIcon as un } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Br } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as Kr } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as Xr } from "./components/icons/ZoomOutIcon.js";
+import { PrintDefaultTool as Kr } from "./components/icons/PrintDefaultIcon.js";
+import { FullScreenTool as un } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as dn } from "./components/icons/GoToDownIcon.js";
+import { SelectionModeTool as Xr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Jr } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as Yr } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as At } from "./utils/constants.js";
-import { getZoomLevel as Jr } from "./utils/getZoomLevel.js";
-import { SearchIcon as Yr } from "./components/icons/SearchIcon.js";
+import { getZoomLevel as Qr } from "./utils/getZoomLevel.js";
+import { SearchIcon as eo } from "./components/icons/SearchIcon.js";
 import { UICheckbox as Ft } from "./components/ui/Checkbox.js";
-import { ClearIcon as Qr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as to } from "./components/icons/ClearIcon.js";
 import { InfoIcon as kt } from "./components/icons/InfoIcon.js";
-import { UIPopOver as eo } from "./components/ui/Popover.js";
-import './assets/RPDefaultLayout.css';const dn = () => {
-  const { viewMode: t } = Ye(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Qe(), { setFocusedPage: a } = se(), s = M(), { columnCount: c } = nn(), { widths: l, heights: u } = bt(), h = M(e), f = M(t), p = M(c);
+import { UIPopOver as no } from "./components/ui/Popover.js";
+import './assets/RPDefaultLayout.css';const pn = () => {
+  const { viewMode: t } = Je(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Ye(), { setFocusedPage: a } = se(), s = W(), { columnCount: c } = nn(), { widths: l, heights: u } = wt(), h = W(e), f = W(t), p = W(c);
   z(() => {
     n != null && n.scrollToItem && (s.current = n);
   }, [n]), z(() => {
     h.current = e, f.current = t;
   }, [e, t]);
   const v = L(
-    (C) => {
+    (b) => {
       if (!r)
         return;
-      const w = Math.ceil(C / 2) * 2 - 1;
-      return C === w + 1 ? new Promise((g) => {
+      const w = Math.ceil(b / 2) * 2 - 1;
+      return b === w + 1 ? new Promise((g) => {
         r.scrollTo({
           left: l[w],
           top: 0
@@ -112,17 +113,17 @@ import './assets/RPDefaultLayout.css';const dn = () => {
   }, [e, t]), z(() => {
     p.current = c;
   }, [c]), { scrollToPage: L(
-    (C) => {
-      const w = C - 1;
+    (b) => {
+      const w = b - 1;
       let g = w, m = 0;
-      if (f.current === Ue.DUAL_PAGE && h.current === K.PAGE_SCROLLING)
-        return v(C), Promise.resolve();
-      if (h.current === K.PAGE_SCROLLING)
-        return a(C), Promise.resolve();
+      if (f.current === Ve.DUAL_PAGE && h.current === X.PAGE_SCROLLING)
+        return v(b), Promise.resolve();
+      if (h.current === X.PAGE_SCROLLING)
+        return a(b), Promise.resolve();
       if (!s.current || !o)
         return Promise.resolve();
       const P = o;
-      if (h.current === K.HORIZONTAL_SCROLLING) {
+      if (h.current === X.HORIZONTAL_SCROLLING) {
         m = w;
         const d = w * (l[w] ?? 0);
         return new Promise((T) => {
@@ -132,12 +133,12 @@ import './assets/RPDefaultLayout.css';const dn = () => {
           }), T();
         });
       }
-      if (f.current === Ue.DUAL_PAGE) {
+      if (f.current === Ve.DUAL_PAGE) {
         m = w % 2, g = Math.floor(w / 2);
-        const T = g * (u[g] ?? 0), b = m * (l[m] ?? 0);
+        const T = g * (u[g] ?? 0), C = m * (l[m] ?? 0);
         return new Promise((S) => {
           P.scrollTo({
-            left: b,
+            left: C,
             top: T
           }), S();
         });
@@ -163,8 +164,8 @@ import './assets/RPDefaultLayout.css';const dn = () => {
       l
     ]
   ) };
-}, to = (t = 1) => {
-  const [e, n] = H(t), [o, r] = H(0), { scrollToPage: a } = dn(), s = M(1), { isScrolling: c } = et(), { viewMode: l } = Ye(), { scrollMode: u } = Ee(), h = ft(e, 100), f = L(
+}, ro = (t = 1) => {
+  const [e, n] = M(t), [o, r] = M(0), { scrollToPage: a } = pn(), s = W(1), { isScrolling: c } = Qe(), { viewMode: l } = Je(), { scrollMode: u } = Ee(), h = mt(e, 100), f = L(
     (w) => {
       if (!/^[0-9]*$/g.test(w.toString()) || !w)
         return { success: !1, currentPage: s.current };
@@ -183,7 +184,7 @@ import './assets/RPDefaultLayout.css';const dn = () => {
   ), _ = L(() => {
     let w = e - 1;
     v(w);
-  }, [v, e, l, u]), C = L(() => {
+  }, [v, e, l, u]), b = L(() => {
     let w = e + 1;
     v(w);
   }, [v, e, l, u]);
@@ -192,11 +193,11 @@ import './assets/RPDefaultLayout.css';const dn = () => {
     totalPages: o,
     setFocusedPage: p,
     setTotalPages: r,
-    nextPage: C,
+    nextPage: b,
     prevPage: _,
     goToPage: v
   };
-}, pn = je({
+}, hn = Ze({
   focusedPage: 0,
   setFocusedPage: (t) => {
   },
@@ -209,14 +210,14 @@ import './assets/RPDefaultLayout.css';const dn = () => {
   nextPage: () => {
   }
 }), se = () => {
-  const t = Be(pn);
-  return typeof (t == null ? void 0 : t.focusedPage) > "u" && xr.error("Please use this hooks inside children component of RPProvider"), t;
-}, es = ({ children: t }) => {
-  const { pdf: e } = Y(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: c, prevPage: l } = to();
+  const t = je(hn);
+  return typeof (t == null ? void 0 : t.focusedPage) > "u" && Lr.error("Please use this hooks inside children component of RPProvider"), t;
+}, rs = ({ children: t }) => {
+  const { pdf: e } = Q(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: c, prevPage: l } = ro();
   return z(() => {
     e != null && e.numPages && a(e.numPages);
   }, [e, a]), /* @__PURE__ */ i(
-    pn.Provider,
+    hn.Provider,
     {
       value: {
         focusedPage: n,
@@ -231,12 +232,12 @@ import './assets/RPDefaultLayout.css';const dn = () => {
     }
   );
 };
-const no = () => {
-  const { pdf: t, pages: e } = Y(), [n, o] = H({
+const oo = () => {
+  const { pdf: t, pages: e } = Q(), [n, o] = M({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = H(!1), [s, c] = H(!1), [l, u] = H(null), h = M(!1);
+  }), [r, a] = M(!1), [s, c] = M(!1), [l, u] = M(null), h = W(!1);
   z(() => {
     h.current;
   }, [h]);
@@ -257,41 +258,41 @@ const no = () => {
     pdfDocument: I,
     pageNumber: d,
     viewerPdfPage: T,
-    printResolution: b,
+    printResolution: C,
     optionalContentConfigPromise: S,
-    printAnnotationStoragePromise: F
+    printAnnotationStoragePromise: O
   }) => {
     if (h.current) {
       p();
       return;
     }
-    const x = b / or.PDF;
+    const x = C / ar.PDF;
     P.width = Math.floor(T.width * x), P.height = Math.floor(T.height * x);
-    const N = P.getContext("2d");
-    N.save(), N.fillStyle = "rgb(255, 255, 255)", N.fillRect(0, 0, P.width, P.height), N.restore();
-    const [R, O] = await Promise.all([
+    const D = P.getContext("2d");
+    D.save(), D.fillStyle = "rgb(255, 255, 255)", D.fillRect(0, 0, P.width, P.height), D.restore();
+    const [R, F] = await Promise.all([
       I.getPage(d),
-      F
+      O
     ]);
     if (h.current) {
       p();
       return;
     }
-    const D = {
-      canvasContext: N,
+    const N = {
+      canvasContext: D,
       transform: [x, 0, 0, x, 0, 0],
       viewport: R.getViewport({ scale: 1, rotation: T.rotation }),
       intent: "print",
-      annotationMode: ir.ENABLE_STORAGE,
+      annotationMode: sr.ENABLE_STORAGE,
       optionalContentConfigPromise: S,
-      printAnnotationStorage: O
+      printAnnotationStorage: F
     };
     try {
-      return R.render(D).promise;
+      return R.render(N).promise;
     } catch (y) {
-      throw y instanceof ar || console.error(y), y;
+      throw y instanceof cr || console.error(y), y;
     }
-  }, C = L(() => {
+  }, b = L(() => {
     const P = window.print;
     return new Promise((I) => {
       const d = (S) => {
@@ -303,28 +304,28 @@ const no = () => {
         d(I);
         return;
       }
-      const b = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (d(I), b.disconnect());
+      const C = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (d(I), C.disconnect());
       });
-      b.observe(document.body, { childList: !0, subtree: !0 });
+      C.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), w = async (P) => {
     const I = document.createElement("img"), d = document.createElement("div");
-    return d.classList.add("rp-print-page"), await new Promise((T, b) => {
+    return d.classList.add("rp-print-page"), await new Promise((T, C) => {
       P.toBlob((S) => {
         S ? (I.src = URL.createObjectURL(S), I.onload = () => {
           URL.revokeObjectURL(I.src), T();
-        }, I.onerror = b) : b(new Error("Failed to create blob"));
+        }, I.onerror = C) : C(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), d.appendChild(I), d;
   }, g = (P, I) => {
     const d = document.createElement("div");
     d.classList.add("rp-print-zone");
-    const T = document.createElement("style"), b = I.get(1);
-    if (b) {
-      const { width: S, height: F } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
-      T.innerHTML = `@page { size: ${S}px ${F}px }`;
+    const T = document.createElement("style"), C = I.get(1);
+    if (C) {
+      const { width: S, height: O } = C == null ? void 0 : C.page.getViewport({ scale: 1 });
+      T.innerHTML = `@page { size: ${S}px ${O}px }`;
     }
     return d.appendChild(T), d.append(...P), d;
   }, m = L(async () => {
@@ -334,15 +335,15 @@ const no = () => {
     const P = document.createElement("canvas"), I = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const T = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
+      const T = t.getOptionalContentConfig({ intent: "print" }), C = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), S = e.size;
-      for (const [x, N] of e) {
+      for (const [x, D] of e) {
         if (h.current) {
           p();
           return;
         }
-        const R = N.page.getViewport({ scale: 1 });
+        const R = D.page.getViewport({ scale: 1 });
         if (await _({
           scratchCanvas: P,
           pdfDocument: t,
@@ -350,26 +351,26 @@ const no = () => {
           viewerPdfPage: R,
           printResolution: 150,
           optionalContentConfigPromise: T,
-          printAnnotationStoragePromise: b
+          printAnnotationStoragePromise: C
         }), h.current) {
           p();
           return;
         }
-        const O = await w(P);
-        I.push(O);
-        const D = parseFloat((I.length / S * 100).toFixed(2));
+        const F = await w(P);
+        I.push(F);
+        const N = parseFloat((I.length / S * 100).toFixed(2));
         o({
           loadedPages: x,
           totalPages: S,
-          percentage: D
+          percentage: N
         });
       }
       if (h.current) {
         p();
         return;
       }
-      const F = g(I, e);
-      document.body.appendChild(F), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await C();
+      const O = g(I, e);
+      document.body.appendChild(O), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await b();
     } catch (d) {
       c(!0), d instanceof Error && u(d);
     } finally {
@@ -391,7 +392,7 @@ const no = () => {
     isError: s,
     error: l
   };
-}, hn = je({
+}, mn = Ze({
   print: () => {
   },
   cancel: () => {
@@ -408,8 +409,8 @@ const no = () => {
       console.error("Error in setOnError callback:", e);
     }
   }
-}), ts = ({ children: t }) => {
-  const [e, n] = H(null), [o, r] = H(null), { print: a, cancel: s, progress: c, isComplete: l, isError: u, error: h } = no(), f = L((w) => {
+}), os = ({ children: t }) => {
+  const [e, n] = M(null), [o, r] = M(null), { print: a, cancel: s, progress: c, isComplete: l, isError: u, error: h } = oo(), f = L((w) => {
     w && typeof w == "function" && r(() => w);
   }, []), p = (w) => {
     h && w(h);
@@ -430,7 +431,7 @@ const no = () => {
   }, [c, e]);
   const _ = () => {
     o && (o(), r(null));
-  }, C = {
+  }, b = {
     print: a,
     cancel: s,
     setOnProgress: v,
@@ -438,14 +439,14 @@ const no = () => {
     setOnError: p,
     progress: c
   };
-  return /* @__PURE__ */ i(hn.Provider, { value: C, children: t });
-}, tt = () => {
-  const t = Be(hn);
+  return /* @__PURE__ */ i(mn.Provider, { value: b, children: t });
+}, et = () => {
+  const t = je(mn);
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, ro = () => {
-  const [t, e] = H({}), { pages: n } = Y(), { rotate: o } = Xe(), r = k(() => Object.keys(t).length, [t]), a = L(
+}, io = () => {
+  const [t, e] = M({}), { pages: n } = Q(), { rotate: o } = Ke(), r = k(() => Object.keys(t).length, [t]), a = L(
     (c) => {
       if (!n.size)
         return;
@@ -461,7 +462,7 @@ const no = () => {
       e(u);
       const h = [];
       for (const f of l) {
-        const p = document.createElement("canvas"), v = mt(f.page, p, {
+        const p = document.createElement("canvas"), v = ht(f.page, p, {
           scale: f.scale,
           rotate: o
         }).promise.then(() => {
@@ -504,7 +505,7 @@ const no = () => {
         }
       }));
       const u = document.createElement("canvas");
-      mt(l.page, u, { scale: l.thumbnailScale, rotate: o }).promise.then(() => {
+      ht(l.page, u, { scale: l.thumbnailScale, rotate: o }).promise.then(() => {
         const h = u.toDataURL(), { thumbnailViewport: f, scale: p } = Ot(l.page, o);
         return {
           scale: p,
@@ -520,7 +521,7 @@ const no = () => {
     [n, o]
   );
   return { thumbnailPages: t, addPage: s, addToPage: a, thumbnailLength: r };
-}, mn = je({
+}, fn = Ze({
   thumbnailPages: {},
   addPage: (t) => {
   },
@@ -530,45 +531,45 @@ const no = () => {
   setActive: (t) => {
   },
   active: !1
-}), fn = () => Be(mn), ns = ({
+}), gn = () => je(fn), is = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = ro(), [s, c] = H(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = io(), [s, c] = M(e);
   return /* @__PURE__ */ i(
-    mn.Provider,
+    fn.Provider,
     {
       value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: c },
       children: t
     }
   );
-}, oo = (t = {}, e = "") => {
-  const [n, o] = H(e), [r, a] = H(!1), { pdf: s, pages: c } = Y(), l = bt(), u = M(!n), { currentZoom: h } = Je(), [f, p] = H([]), { setFocusedPage: v } = se(), [_, C] = H(0), { pageScrollElementRef: w, virtualScrollableElementRef: g } = Qe(), { scrollMode: m } = Ee(), { pagesRef: P } = Pe(), [I, d] = H(null), T = M({}), b = k(() => _ === 0 ? null : f[_ - 1], [_, f]), S = k(() => f.length, [f]);
+}, ao = (t = {}, e = "") => {
+  const [n, o] = M(e), [r, a] = M(!1), { pdf: s, pages: c } = Q(), l = wt(), u = W(!n), { currentZoom: h } = Xe(), [f, p] = M([]), { setFocusedPage: v } = se(), [_, b] = M(0), { pageScrollElementRef: w, virtualScrollableElementRef: g } = Ye(), { scrollMode: m } = Ee(), { pagesRef: P } = Se(), [I, d] = M(null), T = W({}), C = k(() => _ === 0 ? null : f[_ - 1], [_, f]), S = k(() => f.length, [f]);
   z(() => {
-    if (!b || !c)
+    if (!C || !c)
       return;
     const R = g || w;
     if (!R || !P)
       return;
-    const O = c.get(b.page), D = P.clientHeight / 2, y = P.clientWidth / 2;
-    let E = 0, W = 0;
-    m === K.PAGE_SCROLLING && v(b.page), m === K.VERTICAL_SCROLLING && (E = l.heights.slice(0, b.page - 1).reduce((Z, B) => Z + B, 0)), m === K.HORIZONTAL_SCROLLING && (W = l.widths.slice(0, b.page - 1).reduce((Z, B) => Z + B, 0));
-    let U;
-    if (!O)
+    const F = c.get(C.page), N = P.clientHeight / 2, y = P.clientWidth / 2;
+    let E = 0, G = 0;
+    m === X.PAGE_SCROLLING && v(C.page), m === X.VERTICAL_SCROLLING && (E = l.heights.slice(0, C.page - 1).reduce((j, B) => j + B, 0)), m === X.HORIZONTAL_SCROLLING && (G = l.widths.slice(0, C.page - 1).reduce((j, B) => j + B, 0));
+    let H;
+    if (!F)
       return;
-    const j = T.current[b.page], X = O.page.getViewport({ scale: 1 });
-    U = new on.TextLayer({
-      viewport: X,
-      textContentSource: j,
+    const Z = T.current[C.page], J = F.page.getViewport({ scale: 1 });
+    H = new on.TextLayer({
+      viewport: J,
+      textContentSource: Z,
       container: document.createElement("div")
-    }), U.render().then(() => {
-      const Z = U.textDivs[b.start.idx], [B] = rn([b], j, U.textDivs), le = l.widths[b.page - 1], ie = l.heights[b.page - 1], Q = document.createElement("div"), te = document.createElement("div");
-      Z.style.position = "absolute", Z.style.color = "transparent", te.style.position = "absolute", te.style.top = "0", te.style.setProperty("--scale-factor", `${h}`), Q.style.position = "relative", Q.style.width = `${le}px`, Q.style.height = `${ie}px`, Q.style.zIndex = "-1", Q.appendChild(Z), te.appendChild(Q), P.prepend(te);
-      const he = B.element.getBoundingClientRect(), ue = te.getBoundingClientRect(), Ie = he.top - ue.top, ye = he.left - ue.left, ae = E + Ie - D + he.height / 2, me = W + ye - y + he.width / 2, Oe = {
-        left: Math.max(me, 0),
-        top: Math.max(ae, 0)
+    }), H.render().then(() => {
+      const j = H.textDivs[C.start.idx], [B] = rn([C], Z, H.textDivs), te = l.widths[C.page - 1], le = l.heights[C.page - 1], K = document.createElement("div"), ne = document.createElement("div");
+      j.style.position = "absolute", j.style.color = "transparent", ne.style.position = "absolute", ne.style.top = "0", ne.style.setProperty("--scale-factor", `${h}`), K.style.position = "relative", K.style.width = `${te}px`, K.style.height = `${le}px`, K.style.zIndex = "-1", K.appendChild(j), ne.appendChild(K), P.prepend(ne);
+      const ue = B.element.getBoundingClientRect(), ye = ne.getBoundingClientRect(), me = ue.top - ye.top, be = ue.left - ye.left, fe = E + me - N + ue.height / 2, ae = G + be - y + ue.width / 2, Oe = {
+        left: Math.max(ae, 0),
+        top: Math.max(fe, 0)
       };
-      P.removeChild(te), R.scrollTo({
+      P.removeChild(ne), R.scrollTo({
         ...Oe
       });
     });
@@ -576,62 +577,62 @@ const no = () => {
     c,
     v,
     l,
-    b,
+    C,
     m,
     g,
     w,
     P
   ]);
-  const F = L(() => {
-    C((R) => S ? R + 1 > S ? 1 : R + 1 : 0);
+  const O = L(() => {
+    b((R) => S ? R + 1 > S ? 1 : R + 1 : 0);
   }, [S]), x = L(() => {
-    C((R) => S ? R - 1 <= 0 ? S : R - 1 : 0);
-  }, [S]), N = L(async (R) => {
+    b((R) => S ? R - 1 <= 0 ? S : R - 1 : 0);
+  }, [S]), D = L(async (R) => {
     if (!R)
       return {};
-    const O = R.numPages, D = {};
-    for (let y = 1; y <= O; y++) {
+    const F = R.numPages, N = {};
+    for (let y = 1; y <= F; y++) {
       if (u.current)
         throw "close pop over";
       const E = await R.getPage(y);
-      D[y.toString()] = await E.getTextContent();
+      N[y.toString()] = await E.getTextContent();
     }
-    return D;
+    return N;
   }, []);
   return z(() => {
     if (!n) {
-      u.current = !0, p([]), C(0);
+      u.current = !0, p([]), b(0);
       return;
     }
-    u.current = !1, a(!0), p([]), C(0), N(s).then((R) => {
+    u.current = !1, a(!0), p([]), b(0), D(s).then((R) => {
       T.current = R;
-      const D = Object.keys(R).reduce((y, E) => {
-        const W = nr(
+      const N = Object.keys(R).reduce((y, E) => {
+        const G = or(
           [n],
           R[E],
           Number(E) - 1,
           t
-        ).map((U, j) => ({ ...U, page: Number(E), pageMatchIdx: j }));
-        return [...y, ...W];
+        ).map((H, Z) => ({ ...H, page: Number(E), pageMatchIdx: Z }));
+        return [...y, ...G];
       }, []);
-      p(D), C(D.length ? 1 : 0);
+      p(N), b(N.length ? 1 : 0);
     }).catch(() => {
-      p([]), C(0);
+      p([]), b(0);
     }).finally(() => a(!1));
-  }, [n, N, s, t]), {
+  }, [n, D, s, t]), {
     search: n,
     setSearch: o,
     loading: r,
     matches: f,
     totalMatches: S,
     currentMatchPosition: _,
-    currentMatch: b,
-    nextMatch: F,
+    currentMatch: C,
+    nextMatch: O,
     prevMatch: x,
     currentMatchElement: I,
     setCurrentMatchElement: d
   };
-}, gn = je({
+}, vn = Ze({
   search: "",
   setSearch: (t) => {
   },
@@ -649,11 +650,11 @@ const no = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (t) => {
   }
-}), rs = ({
+}), as = ({
   children: t,
   initialSearch: e
 }) => {
-  const [n, o] = H({}), {
+  const [n, o] = M({}), {
     loading: r,
     setSearch: a,
     totalMatches: s,
@@ -665,9 +666,9 @@ const no = () => {
     prevMatch: p,
     currentMatchElement: v,
     setCurrentMatchElement: _
-  } = oo(n, e);
+  } = ao(n, e);
   return /* @__PURE__ */ i(
-    gn.Provider,
+    vn.Provider,
     {
       value: {
         searchOptions: n,
@@ -687,20 +688,21 @@ const no = () => {
       children: t
     }
   );
-}, vn = () => Be(gn), fe = {
-  "rp-pages": "_rp-pages_34orh_1",
-  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_34orh_7",
-  "rp-pages-container": "_rp-pages-container_34orh_11",
-  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_34orh_17",
-  "rp-viewer": "_rp-viewer_34orh_22",
-  "rp-cursor-grab": "_rp-cursor-grab_34orh_27",
-  "rp-cursor-grabbing": "_rp-cursor-grabbing_34orh_35"
-}, it = {
+}, _n = () => je(vn), de = {
+  "rp-pages": "_rp-pages_1776r_1",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1776r_7",
+  "rp-pages-container": "_rp-pages-container_1776r_11",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1776r_17",
+  "rp-viewer": "_rp-viewer_1776r_22",
+  "rp-cursor-grab": "_rp-cursor-grab_1776r_27",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_1776r_35",
+  "rp-loader": "_rp-loader_1776r_43"
+}, ot = {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, io = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = M(null), { pages: a } = Y(), { rotate: s } = Xe(), c = M(), { currentZoom: l } = Je();
+}, so = (t) => {
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = W(null), { pages: a } = Q(), { rotate: s } = Ke(), c = W(), { currentZoom: l } = Xe();
   return z(() => {
     if (!a || l === 0)
       return;
@@ -709,7 +711,7 @@ const no = () => {
       const h = r.current;
       h.hidden = !0;
       const f = c.current;
-      f && f.cancel(), o && o(), c.current = mt(u.page, h, {
+      f && f.cancel(), o && o(), c.current = ht(u.page, h, {
         scale: l,
         rotate: s,
         renderForms: !0
@@ -721,19 +723,19 @@ const no = () => {
       });
     }
   }, [a, e, s, l, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
-}, at = {
+}, it = {
   "rp-text-layer": "_rp-text-layer_kwwfn_1",
   "rp-text-layer-text": "_rp-text-layer-text_kwwfn_9"
-}, ao = (t) => {
-  const { pageNumber: e } = t, { pages: n } = Y(), o = M(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = vn(), [c, l] = H(
+}, co = (t) => {
+  const { pageNumber: e } = t, { pages: n } = Q(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = _n(), [c, l] = M(
     []
-  ), u = M(), h = M(), f = M(), p = k(() => r.filter((_) => _.pageIndex === e - 1), [r, e]), v = L(
-    (_, C, w = !1) => {
-      if (w && rr(_, C), !p.length) {
+  ), u = W(), h = W(), f = W(), p = k(() => r.filter((_) => _.pageIndex === e - 1), [r, e]), v = L(
+    (_, b, w = !1) => {
+      if (w && ir(_, b), !p.length) {
         f.current = void 0, l([]);
         return;
       }
-      const g = rn(p, _, C);
+      const g = rn(p, _, b);
       l(g);
     },
     [p]
@@ -747,51 +749,51 @@ const no = () => {
     );
     if (_ === -1)
       return;
-    const C = c.find((g) => g.index === _);
-    C && (f.current = C.element, s(C.element), C.element.classList.add("selected"));
+    const b = c.find((g) => g.index === _);
+    b && (f.current = b.element, s(b.element), b.element.classList.add("selected"));
   }, [a, c, p]), z(() => {
     const _ = n.get(e);
     if (!(!_ || !o.current))
-      return u.current && u.current.cancel(), _.page.getTextContent().then((C) => {
+      return u.current && u.current.cancel(), _.page.getTextContent().then((b) => {
         const w = _.page.getViewport({ scale: 1 });
         return u.current = new on.TextLayer({
           viewport: w,
-          textContentSource: C,
+          textContentSource: b,
           container: o.current
-        }), h.current = C, o.current && (o.current.innerText = ""), u.current.render();
+        }), h.current = b, o.current && (o.current.innerText = ""), u.current.render();
       }).then(() => {
         var g;
         [].slice.call(o.current.children).forEach((m) => {
-          m.classList.add(at["rp-text-layer-text"]);
+          m.classList.add(it["rp-text-layer-text"]);
         });
         const w = (g = u.current) == null ? void 0 : g.textDivs;
         w && h.current && v(h.current, w);
       }).catch(() => {
       }), () => {
-        var C;
-        (C = u.current) == null || C.cancel();
+        var b;
+        (b = u.current) == null || b.cancel();
       };
   }, [n, e]), z(() => {
     var w;
     [].slice.call(o.current.children).forEach((g) => {
-      g.classList.add(at["rp-text-layer-text"]);
+      g.classList.add(it["rp-text-layer-text"]);
     });
-    const C = (w = u.current) == null ? void 0 : w.textDivs;
-    C && h.current && v(h.current, C, !0);
+    const b = (w = u.current) == null ? void 0 : w.textDivs;
+    b && h.current && v(h.current, b, !0);
   }, [v]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
-      className: at["rp-text-layer"],
+      className: it["rp-text-layer"],
       ref: o
     }
   );
-}, so = {
+}, lo = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 };
-let co = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const lo = (t) => {
-  const { pageNumber: e } = t, n = M(null), { pages: o, pdf: r } = Y(), a = M(), [s, c] = H(), { setFocusedPage: l, goToPage: u } = se(), { scrollMode: h } = Ee(), { print: f } = tt(), { download: p } = An(), v = k(() => o.get(e), [o, e]), _ = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
+let uo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const po = (t) => {
+  const { pageNumber: e } = t, n = W(null), { pages: o, pdf: r } = Q(), a = W(), [s, c] = M(), { setFocusedPage: l, goToPage: u } = se(), { scrollMode: h } = Ee(), { print: f } = et(), { download: p } = Fn(), v = k(() => o.get(e), [o, e]), _ = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
   z(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), z(() => {
@@ -799,12 +801,12 @@ const lo = (t) => {
       a.current = void 0, c(w), n.current && (n.current.innerText = "");
     });
   }, [v]);
-  const C = L(
+  const b = L(
     (w) => {
-      !s || !r || (_r(w), wr(w, r, s).then((g) => {
+      !s || !r || (br(w), Cr(w, r, s).then((g) => {
         var m, P;
         ((m = g == null ? void 0 : g.data) == null ? void 0 : m.action) === "Print" ? f() : ((P = g == null ? void 0 : g.data) == null ? void 0 : P.action) === "SaveAs" && p();
-      }), h === K.PAGE_SCROLLING ? Nt(w, s, r, (g) => l(g.pageIndex + 1)) : Nt(w, s, r, (g) => u(g.pageIndex + 1)));
+      }), h === X.PAGE_SCROLLING ? Nt(w, s, r, (g) => l(g.pageIndex + 1)) : Nt(w, s, r, (g) => u(g.pageIndex + 1)));
     },
     [r, s, u, l, h, f, p]
   );
@@ -823,16 +825,16 @@ const lo = (t) => {
       const { annotationType: d } = I;
       switch (d) {
         case Lt.Link:
-          Cr(I);
+          Pr(I);
           break;
         case Lt.Widget:
-          br(I, w, g);
+          Tr(I, w, g);
           break;
       }
     }
     const m = new AbortController();
     return (async () => {
-      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new sr({
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new lr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -840,7 +842,7 @@ const lo = (t) => {
         structTreeLayer: null,
         page: v.page,
         viewport: w.clone({ dontFlip: !0 })
-      }), n.current && Et(n.current, C);
+      }), n.current && Et(n.current, b);
       const I = await (r == null ? void 0 : r.hasJSActions()), d = await (r == null ? void 0 : r.getFieldObjects());
       if (m.signal.aborted)
         throw "abort";
@@ -852,38 +854,38 @@ const lo = (t) => {
         div: n.current,
         viewport: w.clone({ dontFlip: !0 }),
         page: v.page,
-        imageResourcesPath: co,
+        imageResourcesPath: uo,
         renderForms: !0,
-        linkService: new vr(),
+        linkService: new wr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Tr(n.current, C);
+      n.current && Sr(n.current, b);
     }).catch((I) => {
       if (I !== "abort")
         throw I;
     }), () => {
-      m.abort("clear"), n.current && Et(n.current, C);
+      m.abort("clear"), n.current && Et(n.current, b);
     };
-  }, [r, s, C]), /* @__PURE__ */ i(
+  }, [r, s, b]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
       style: { width: `${_ == null ? void 0 : _.width}px`, height: `${_ == null ? void 0 : _.height}px` },
-      className: so["rp-annotation-layer"],
+      className: lo["rp-annotation-layer"],
       ref: n
     }
   );
-}, uo = Array.from({ length: 21 }, (t, e) => Number((e * 0.05).toFixed(2))), St = Ke((t, e) => {
-  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...a } = t, { pages: s } = Y(), { rotate: c } = Xe(), { textLayer: l } = Yn(), { currentZoom: u } = Je(), h = M(s.get(n)), [f, p] = H(!1), v = M(null), [_, C] = H({
+}, ho = Array.from({ length: 21 }, (t, e) => Number((e * 0.05).toFixed(2))), St = Be((t, e) => {
+  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...a } = t, { pages: s } = Q(), { rotate: c } = Ke(), { textLayer: l } = er(), { currentZoom: u } = Xe(), h = W(s.get(n)), [f, p] = M(!1), v = W(null), [_, b] = M({
     width: 0,
     height: 0
   });
   en(e, () => v.current), z(() => {
     if (s && (h.current = s.get(n), h.current)) {
       const P = h.current.page.getViewport({ scale: u, rotation: c });
-      C(P);
+      b(P);
     }
   }, [s, n, c, u]);
   const w = k(() => {
@@ -906,7 +908,7 @@ const lo = (t) => {
       (I) => {
         r(n, I[0].intersectionRatio);
       },
-      { threshold: uo }
+      { threshold: ho }
     );
     return v.current && P.observe(v.current), () => {
       P.disconnect(), r(n, -1);
@@ -924,7 +926,7 @@ const lo = (t) => {
         "--rp-page-rotate-translate": `${w}`,
         "--scale-factor": u
       },
-      className: it["rp-page-wrapper"],
+      className: ot["rp-page-wrapper"],
       children: /* @__PURE__ */ A(
         "div",
         {
@@ -932,57 +934,57 @@ const lo = (t) => {
             width: `${_.width}px`,
             height: `${_.height}px`
           },
-          className: it["rp-page"],
+          className: ot["rp-page"],
           children: [
-            /* @__PURE__ */ i(io, { onLoading: g, onLoaded: m, pageNumber: n }),
-            f && /* @__PURE__ */ i("div", { className: it["rp-loader-wrapper"], children: /* @__PURE__ */ i(We, {}) }),
-            l && /* @__PURE__ */ i(ao, { pageNumber: n }),
-            /* @__PURE__ */ i(lo, { pageNumber: n })
+            /* @__PURE__ */ i(so, { onLoading: g, onLoaded: m, pageNumber: n }),
+            f && /* @__PURE__ */ i("div", { className: ot["rp-loader-wrapper"], children: /* @__PURE__ */ i(bt, {}) }),
+            l && /* @__PURE__ */ i(co, { pageNumber: n }),
+            /* @__PURE__ */ i(po, { pageNumber: n })
           ]
         }
       )
     }
   );
 });
-function gt() {
-  return gt = Object.assign ? Object.assign.bind() : function(t) {
+function ft() {
+  return ft = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var o in n)
         ({}).hasOwnProperty.call(n, o) && (t[o] = n[o]);
     }
     return t;
-  }, gt.apply(null, arguments);
+  }, ft.apply(null, arguments);
 }
 function Wt(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function vt(t, e) {
-  return vt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function gt(t, e) {
+  return gt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, vt(t, e);
+  }, gt(t, e);
 }
-function po(t, e) {
-  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, vt(t, e);
+function mo(t, e) {
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, gt(t, e);
 }
 var Mt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function ho(t, e) {
+function fo(t, e) {
   return !!(t === e || Mt(t) && Mt(e));
 }
-function mo(t, e) {
+function go(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var n = 0; n < t.length; n++)
-    if (!ho(t[n], e[n]))
+    if (!fo(t[n], e[n]))
       return !1;
   return !0;
 }
-function st(t, e) {
-  e === void 0 && (e = mo);
+function at(t, e) {
+  e === void 0 && (e = go);
   var n, o = [], r, a = !1;
   function s() {
     for (var c = [], l = 0; l < arguments.length; l++)
@@ -1003,7 +1005,7 @@ function Ht(t, e) {
     }
   return n;
 }
-var fo = typeof performance == "object" && typeof performance.now == "function", $t = fo ? function() {
+var vo = typeof performance == "object" && typeof performance.now == "function", $t = vo ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1011,7 +1013,7 @@ var fo = typeof performance == "object" && typeof performance.now == "function",
 function Gt(t) {
   cancelAnimationFrame(t.id);
 }
-function go(t, e) {
+function _o(t, e) {
   var n = $t();
   function o() {
     $t() - n >= e ? t.call(null) : r.id = requestAnimationFrame(o);
@@ -1021,13 +1023,13 @@ function go(t, e) {
   };
   return r;
 }
-var ct = -1;
-function vo(t) {
-  if (t === void 0 && (t = !1), ct === -1 || t) {
+var st = -1;
+function wo(t) {
+  if (t === void 0 && (t = !1), st === -1 || t) {
     var e = document.createElement("div"), n = e.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), ct = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), st = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return ct;
+  return st;
 }
 var Re = null;
 function Vt(t) {
@@ -1039,17 +1041,17 @@ function Vt(t) {
   }
   return Re;
 }
-var _o = 150, wo = function(e) {
+var bo = 150, Co = function(e) {
   var n = e.columnIndex;
   e.data;
   var o = e.rowIndex;
   return o + ":" + n;
-}, $e = null, Ge = null, Ve = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && ($e = /* @__PURE__ */ new WeakSet(), Ge = /* @__PURE__ */ new WeakSet(), Ve = /* @__PURE__ */ new WeakSet());
-function bo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, s = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, l = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, h = t.getRowHeight, f = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, C = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
+}, He = null, $e = null, Ge = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (He = /* @__PURE__ */ new WeakSet(), $e = /* @__PURE__ */ new WeakSet(), Ge = /* @__PURE__ */ new WeakSet());
+function To(t) {
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, s = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, l = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, h = t.getRowHeight, f = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
   return e = /* @__PURE__ */ function(g) {
-    po(m, g);
+    mo(m, g);
     function m(I) {
       var d;
       return d = g.call(this, I) || this, d._instanceProps = _(d.props, Wt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
@@ -1060,47 +1062,47 @@ function bo(t) {
         scrollTop: typeof d.props.initialScrollTop == "number" ? d.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = st(function(T, b, S, F, x, N, R, O) {
+      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = at(function(T, C, S, O, x, D, R, F) {
         return d.props.onItemsRendered({
           overscanColumnStartIndex: T,
-          overscanColumnStopIndex: b,
+          overscanColumnStopIndex: C,
           overscanRowStartIndex: S,
-          overscanRowStopIndex: F,
+          overscanRowStopIndex: O,
           visibleColumnStartIndex: x,
-          visibleColumnStopIndex: N,
+          visibleColumnStopIndex: D,
           visibleRowStartIndex: R,
-          visibleRowStopIndex: O
+          visibleRowStopIndex: F
         });
-      }), d._callOnScroll = void 0, d._callOnScroll = st(function(T, b, S, F, x) {
+      }), d._callOnScroll = void 0, d._callOnScroll = at(function(T, C, S, O, x) {
         return d.props.onScroll({
           horizontalScrollDirection: S,
           scrollLeft: T,
-          scrollTop: b,
-          verticalScrollDirection: F,
+          scrollTop: C,
+          verticalScrollDirection: O,
           scrollUpdateWasRequested: x
         });
-      }), d._getItemStyle = void 0, d._getItemStyle = function(T, b) {
-        var S = d.props, F = S.columnWidth, x = S.direction, N = S.rowHeight, R = d._getItemStyleCache(C && F, C && x, C && N), O = T + ":" + b, D;
-        if (R.hasOwnProperty(O))
-          D = R[O];
+      }), d._getItemStyle = void 0, d._getItemStyle = function(T, C) {
+        var S = d.props, O = S.columnWidth, x = S.direction, D = S.rowHeight, R = d._getItemStyleCache(b && O, b && x, b && D), F = T + ":" + C, N;
+        if (R.hasOwnProperty(F))
+          N = R[F];
         else {
-          var y = n(d.props, b, d._instanceProps), E = x === "rtl";
-          R[O] = D = {
+          var y = n(d.props, C, d._instanceProps), E = x === "rtl";
+          R[F] = N = {
             position: "absolute",
             left: E ? void 0 : y,
             right: E ? y : void 0,
             top: f(d.props, T, d._instanceProps),
             height: h(d.props, T, d._instanceProps),
-            width: a(d.props, b, d._instanceProps)
+            width: a(d.props, C, d._instanceProps)
           };
         }
-        return D;
-      }, d._getItemStyleCache = void 0, d._getItemStyleCache = st(function(T, b, S) {
+        return N;
+      }, d._getItemStyleCache = void 0, d._getItemStyleCache = at(function(T, C, S) {
         return {};
       }), d._onScroll = function(T) {
-        var b = T.currentTarget, S = b.clientHeight, F = b.clientWidth, x = b.scrollLeft, N = b.scrollTop, R = b.scrollHeight, O = b.scrollWidth;
-        d.setState(function(D) {
-          if (D.scrollLeft === x && D.scrollTop === N)
+        var C = T.currentTarget, S = C.clientHeight, O = C.clientWidth, x = C.scrollLeft, D = C.scrollTop, R = C.scrollHeight, F = C.scrollWidth;
+        d.setState(function(N) {
+          if (N.scrollLeft === x && N.scrollTop === D)
             return null;
           var y = d.props.direction, E = x;
           if (y === "rtl")
@@ -1109,25 +1111,25 @@ function bo(t) {
                 E = -x;
                 break;
               case "positive-descending":
-                E = O - F - x;
+                E = F - O - x;
                 break;
             }
-          E = Math.max(0, Math.min(E, O - F));
-          var W = Math.max(0, Math.min(N, R - S));
+          E = Math.max(0, Math.min(E, F - O));
+          var G = Math.max(0, Math.min(D, R - S));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: D.scrollLeft < x ? "forward" : "backward",
+            horizontalScrollDirection: N.scrollLeft < x ? "forward" : "backward",
             scrollLeft: E,
-            scrollTop: W,
-            verticalScrollDirection: D.scrollTop < N ? "forward" : "backward",
+            scrollTop: G,
+            verticalScrollDirection: N.scrollTop < D ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, d._resetIsScrollingDebounced);
       }, d._outerRefSetter = function(T) {
-        var b = d.props.outerRef;
-        d._outerRef = T, typeof b == "function" ? b(T) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = T);
+        var C = d.props.outerRef;
+        d._outerRef = T, typeof C == "function" ? C(T) : C != null && typeof C == "object" && C.hasOwnProperty("current") && (C.current = T);
       }, d._resetIsScrollingDebounced = function() {
-        d._resetIsScrollingTimeoutId !== null && Gt(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = go(d._resetIsScrolling, _o);
+        d._resetIsScrollingTimeoutId !== null && Gt(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = _o(d._resetIsScrolling, bo);
       }, d._resetIsScrolling = function() {
         d._resetIsScrollingTimeoutId = null, d.setState({
           isScrolling: !1
@@ -1137,132 +1139,132 @@ function bo(t) {
       }, d;
     }
     m.getDerivedStateFromProps = function(d, T) {
-      return Co(d, T), w(d), null;
+      return Po(d, T), w(d), null;
     };
     var P = m.prototype;
     return P.scrollTo = function(d) {
-      var T = d.scrollLeft, b = d.scrollTop;
-      T !== void 0 && (T = Math.max(0, T)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(S) {
-        return T === void 0 && (T = S.scrollLeft), b === void 0 && (b = S.scrollTop), S.scrollLeft === T && S.scrollTop === b ? null : {
+      var T = d.scrollLeft, C = d.scrollTop;
+      T !== void 0 && (T = Math.max(0, T)), C !== void 0 && (C = Math.max(0, C)), this.setState(function(S) {
+        return T === void 0 && (T = S.scrollLeft), C === void 0 && (C = S.scrollTop), S.scrollLeft === T && S.scrollTop === C ? null : {
           horizontalScrollDirection: S.scrollLeft < T ? "forward" : "backward",
           scrollLeft: T,
-          scrollTop: b,
+          scrollTop: C,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: S.scrollTop < b ? "forward" : "backward"
+          verticalScrollDirection: S.scrollTop < C ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(d) {
-      var T = d.align, b = T === void 0 ? "auto" : T, S = d.columnIndex, F = d.rowIndex, x = this.props, N = x.columnCount, R = x.height, O = x.rowCount, D = x.width, y = this.state, E = y.scrollLeft, W = y.scrollTop, U = vo();
-      S !== void 0 && (S = Math.max(0, Math.min(S, N - 1))), F !== void 0 && (F = Math.max(0, Math.min(F, O - 1)));
-      var j = s(this.props, this._instanceProps), X = c(this.props, this._instanceProps), Z = X > D ? U : 0, B = j > R ? U : 0;
+      var T = d.align, C = T === void 0 ? "auto" : T, S = d.columnIndex, O = d.rowIndex, x = this.props, D = x.columnCount, R = x.height, F = x.rowCount, N = x.width, y = this.state, E = y.scrollLeft, G = y.scrollTop, H = wo();
+      S !== void 0 && (S = Math.max(0, Math.min(S, D - 1))), O !== void 0 && (O = Math.max(0, Math.min(O, F - 1)));
+      var Z = s(this.props, this._instanceProps), J = c(this.props, this._instanceProps), j = J > N ? H : 0, B = Z > R ? H : 0;
       this.scrollTo({
-        scrollLeft: S !== void 0 ? l(this.props, S, b, E, this._instanceProps, B) : E,
-        scrollTop: F !== void 0 ? u(this.props, F, b, W, this._instanceProps, Z) : W
+        scrollLeft: S !== void 0 ? l(this.props, S, C, E, this._instanceProps, B) : E,
+        scrollTop: O !== void 0 ? u(this.props, O, C, G, this._instanceProps, j) : G
       });
     }, P.componentDidMount = function() {
-      var d = this.props, T = d.initialScrollLeft, b = d.initialScrollTop;
+      var d = this.props, T = d.initialScrollLeft, C = d.initialScrollTop;
       if (this._outerRef != null) {
         var S = this._outerRef;
-        typeof T == "number" && (S.scrollLeft = T), typeof b == "number" && (S.scrollTop = b);
+        typeof T == "number" && (S.scrollLeft = T), typeof C == "number" && (S.scrollTop = C);
       }
       this._callPropsCallbacks();
     }, P.componentDidUpdate = function() {
-      var d = this.props.direction, T = this.state, b = T.scrollLeft, S = T.scrollTop, F = T.scrollUpdateWasRequested;
-      if (F && this._outerRef != null) {
+      var d = this.props.direction, T = this.state, C = T.scrollLeft, S = T.scrollTop, O = T.scrollUpdateWasRequested;
+      if (O && this._outerRef != null) {
         var x = this._outerRef;
         if (d === "rtl")
           switch (Vt()) {
             case "negative":
-              x.scrollLeft = -b;
+              x.scrollLeft = -C;
               break;
             case "positive-ascending":
-              x.scrollLeft = b;
+              x.scrollLeft = C;
               break;
             default:
-              var N = x.clientWidth, R = x.scrollWidth;
-              x.scrollLeft = R - N - b;
+              var D = x.clientWidth, R = x.scrollWidth;
+              x.scrollLeft = R - D - C;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, b);
+          x.scrollLeft = Math.max(0, C);
         x.scrollTop = Math.max(0, S);
       }
       this._callPropsCallbacks();
     }, P.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Gt(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
-      var d = this.props, T = d.children, b = d.className, S = d.columnCount, F = d.direction, x = d.height, N = d.innerRef, R = d.innerElementType, O = d.innerTagName, D = d.itemData, y = d.itemKey, E = y === void 0 ? wo : y, W = d.outerElementType, U = d.outerTagName, j = d.rowCount, X = d.style, Z = d.useIsScrolling, B = d.width, le = this.state.isScrolling, ie = this._getHorizontalRangeToRender(), Q = ie[0], te = ie[1], he = this._getVerticalRangeToRender(), ue = he[0], Ie = he[1], ye = [];
-      if (S > 0 && j)
-        for (var ae = ue; ae <= Ie; ae++)
-          for (var me = Q; me <= te; me++)
-            ye.push(He(T, {
-              columnIndex: me,
-              data: D,
-              isScrolling: Z ? le : void 0,
+      var d = this.props, T = d.children, C = d.className, S = d.columnCount, O = d.direction, x = d.height, D = d.innerRef, R = d.innerElementType, F = d.innerTagName, N = d.itemData, y = d.itemKey, E = y === void 0 ? Co : y, G = d.outerElementType, H = d.outerTagName, Z = d.rowCount, J = d.style, j = d.useIsScrolling, B = d.width, te = this.state.isScrolling, le = this._getHorizontalRangeToRender(), K = le[0], ne = le[1], ue = this._getVerticalRangeToRender(), ye = ue[0], me = ue[1], be = [];
+      if (S > 0 && Z)
+        for (var fe = ye; fe <= me; fe++)
+          for (var ae = K; ae <= ne; ae++)
+            be.push(Me(T, {
+              columnIndex: ae,
+              data: N,
+              isScrolling: j ? te : void 0,
               key: E({
-                columnIndex: me,
-                data: D,
-                rowIndex: ae
+                columnIndex: ae,
+                data: N,
+                rowIndex: fe
               }),
-              rowIndex: ae,
-              style: this._getItemStyle(ae, me)
+              rowIndex: fe,
+              style: this._getItemStyle(fe, ae)
             }));
-      var Oe = s(this.props, this._instanceProps), nt = c(this.props, this._instanceProps);
-      return He(W || U || "div", {
-        className: b,
+      var Oe = s(this.props, this._instanceProps), tt = c(this.props, this._instanceProps);
+      return Me(G || H || "div", {
+        className: C,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: gt({
+        style: ft({
           position: "relative",
           height: x,
           width: B,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: F
-        }, X)
-      }, He(R || O || "div", {
-        children: ye,
-        ref: N,
+          direction: O
+        }, J)
+      }, Me(R || F || "div", {
+        children: be,
+        ref: D,
         style: {
           height: Oe,
-          pointerEvents: le ? "none" : void 0,
-          width: nt
+          pointerEvents: te ? "none" : void 0,
+          width: tt
         }
       }));
     }, P._callPropsCallbacks = function() {
-      var d = this.props, T = d.columnCount, b = d.onItemsRendered, S = d.onScroll, F = d.rowCount;
-      if (typeof b == "function" && T > 0 && F > 0) {
-        var x = this._getHorizontalRangeToRender(), N = x[0], R = x[1], O = x[2], D = x[3], y = this._getVerticalRangeToRender(), E = y[0], W = y[1], U = y[2], j = y[3];
-        this._callOnItemsRendered(N, R, E, W, O, D, U, j);
+      var d = this.props, T = d.columnCount, C = d.onItemsRendered, S = d.onScroll, O = d.rowCount;
+      if (typeof C == "function" && T > 0 && O > 0) {
+        var x = this._getHorizontalRangeToRender(), D = x[0], R = x[1], F = x[2], N = x[3], y = this._getVerticalRangeToRender(), E = y[0], G = y[1], H = y[2], Z = y[3];
+        this._callOnItemsRendered(D, R, E, G, F, N, H, Z);
       }
       if (typeof S == "function") {
-        var X = this.state, Z = X.horizontalScrollDirection, B = X.scrollLeft, le = X.scrollTop, ie = X.scrollUpdateWasRequested, Q = X.verticalScrollDirection;
-        this._callOnScroll(B, le, Z, Q, ie);
+        var J = this.state, j = J.horizontalScrollDirection, B = J.scrollLeft, te = J.scrollTop, le = J.scrollUpdateWasRequested, K = J.verticalScrollDirection;
+        this._callOnScroll(B, te, j, K, le);
       }
     }, P._getHorizontalRangeToRender = function() {
-      var d = this.props, T = d.columnCount, b = d.overscanColumnCount, S = d.overscanColumnsCount, F = d.overscanCount, x = d.rowCount, N = this.state, R = N.horizontalScrollDirection, O = N.isScrolling, D = N.scrollLeft, y = b || S || F || 1;
+      var d = this.props, T = d.columnCount, C = d.overscanColumnCount, S = d.overscanColumnsCount, O = d.overscanCount, x = d.rowCount, D = this.state, R = D.horizontalScrollDirection, F = D.isScrolling, N = D.scrollLeft, y = C || S || O || 1;
       if (T === 0 || x === 0)
         return [0, 0, 0, 0];
-      var E = o(this.props, D, this._instanceProps), W = r(this.props, E, D, this._instanceProps), U = !O || R === "backward" ? Math.max(1, y) : 1, j = !O || R === "forward" ? Math.max(1, y) : 1;
-      return [Math.max(0, E - U), Math.max(0, Math.min(T - 1, W + j)), E, W];
+      var E = o(this.props, N, this._instanceProps), G = r(this.props, E, N, this._instanceProps), H = !F || R === "backward" ? Math.max(1, y) : 1, Z = !F || R === "forward" ? Math.max(1, y) : 1;
+      return [Math.max(0, E - H), Math.max(0, Math.min(T - 1, G + Z)), E, G];
     }, P._getVerticalRangeToRender = function() {
-      var d = this.props, T = d.columnCount, b = d.overscanCount, S = d.overscanRowCount, F = d.overscanRowsCount, x = d.rowCount, N = this.state, R = N.isScrolling, O = N.verticalScrollDirection, D = N.scrollTop, y = S || F || b || 1;
+      var d = this.props, T = d.columnCount, C = d.overscanCount, S = d.overscanRowCount, O = d.overscanRowsCount, x = d.rowCount, D = this.state, R = D.isScrolling, F = D.verticalScrollDirection, N = D.scrollTop, y = S || O || C || 1;
       if (T === 0 || x === 0)
         return [0, 0, 0, 0];
-      var E = p(this.props, D, this._instanceProps), W = v(this.props, E, D, this._instanceProps), U = !R || O === "backward" ? Math.max(1, y) : 1, j = !R || O === "forward" ? Math.max(1, y) : 1;
-      return [Math.max(0, E - U), Math.max(0, Math.min(x - 1, W + j)), E, W];
+      var E = p(this.props, N, this._instanceProps), G = v(this.props, E, N, this._instanceProps), H = !R || F === "backward" ? Math.max(1, y) : 1, Z = !R || F === "forward" ? Math.max(1, y) : 1;
+      return [Math.max(0, E - H), Math.max(0, Math.min(x - 1, G + Z)), E, G];
     }, m;
-  }(Bn), e.defaultProps = {
+  }(Xn), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var Co = function(e, n) {
+var Po = function(e, n) {
   var o = e.children, r = e.direction, a = e.height, s = e.innerTagName, c = e.outerTagName, l = e.overscanColumnsCount, u = e.overscanCount, h = e.overscanRowsCount, f = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof u == "number" && $e && !$e.has(p) && ($e.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && Ge && !Ge.has(p) && (Ge.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || c != null) && Ve && !Ve.has(p) && (Ve.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof u == "number" && He && !He.has(p) && (He.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && $e && !$e.has(p) && ($e.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || c != null) && Ge && !Ge.has(p) && (Ge.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1276,7 +1278,7 @@ var Co = function(e, n) {
     if (typeof a != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
-}, Ut = 50, _n = function(e, n) {
+}, Ut = 50, wn = function(e, n) {
   var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, c = 0;
   if (s >= o && (s = o - 1), s >= 0) {
     var l = r[s];
@@ -1284,7 +1286,7 @@ var Co = function(e, n) {
   }
   var u = o - s - 1, h = u * a;
   return c + h;
-}, wn = function(e, n) {
+}, bn = function(e, n) {
   var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, c = 0;
   if (s >= o && (s = o - 1), s >= 0) {
     var l = r[s];
@@ -1314,8 +1316,8 @@ var Co = function(e, n) {
   var a, s;
   e === "column" ? (a = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
   var c = s > 0 ? a[s].offset : 0;
-  return c >= r ? bn(e, n, o, s, 0, r) : To(e, n, o, Math.max(0, s), r);
-}, bn = function(e, n, o, r, a, s) {
+  return c >= r ? Cn(e, n, o, s, 0, r) : So(e, n, o, Math.max(0, s), r);
+}, Cn = function(e, n, o, r, a, s) {
   for (; a <= r; ) {
     var c = a + Math.floor((r - a) / 2), l = ge(e, n, c, o).offset;
     if (l === s)
@@ -1323,12 +1325,12 @@ var Co = function(e, n) {
     l < s ? a = c + 1 : l > s && (r = c - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, To = function(e, n, o, r, a) {
+}, So = function(e, n, o, r, a) {
   for (var s = e === "column" ? n.columnCount : n.rowCount, c = 1; r < s && ge(e, n, r, o).offset < a; )
     r += c, c *= 2;
-  return bn(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
+  return Cn(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
 }, Zt = function(e, n, o, r, a, s, c) {
-  var l = e === "column" ? n.width : n.height, u = ge(e, n, o, s), h = e === "column" ? wn(n, s) : _n(n, s), f = Math.max(0, Math.min(h - l, u.offset)), p = Math.max(0, u.offset - l + c + u.size);
+  var l = e === "column" ? n.width : n.height, u = ge(e, n, o, s), h = e === "column" ? bn(n, s) : wn(n, s), f = Math.max(0, Math.min(h - l, u.offset)), p = Math.max(0, u.offset - l + c + u.size);
   switch (r === "smart" && (a >= p - l && a <= f + l ? r = "auto" : r = "center"), r) {
     case "start":
       return f;
@@ -1340,7 +1342,7 @@ var Co = function(e, n) {
     default:
       return a >= p && a <= f ? a : p > f || a < p ? p : f;
   }
-}, Po = /* @__PURE__ */ bo({
+}, Io = /* @__PURE__ */ To({
   getColumnOffset: function(e, n, o) {
     return ge("column", e, n, o).offset;
   },
@@ -1355,8 +1357,8 @@ var Co = function(e, n) {
   getColumnWidth: function(e, n, o) {
     return o.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: _n,
-  getEstimatedTotalWidth: wn,
+  getEstimatedTotalHeight: wn,
+  getEstimatedTotalWidth: bn,
   getOffsetForColumnAndAlignment: function(e, n, o, r, a, s) {
     return Zt("column", e, n, o, r, a, s);
   },
@@ -1422,23 +1424,23 @@ function jt(t, e) {
       return !0;
   return !1;
 }
-var So = ["style"], Io = ["style"];
-function yo(t, e) {
-  var n = t.style, o = Ht(t, So), r = e.style, a = Ht(e, Io);
+var yo = ["style"], xo = ["style"];
+function Ro(t, e) {
+  var n = t.style, o = Ht(t, yo), r = e.style, a = Ht(e, xo);
   return !jt(n, r) && !jt(o, a);
 }
-const xo = () => {
-  const { viewMode: t } = Ye(), { scrollMode: e } = Ee(), { setColumnCount: n } = nn(), { virtualScrollableElementRef: o } = Qe(), r = bt(), a = L(
+const Lo = () => {
+  const { viewMode: t } = Je(), { scrollMode: e } = Ee(), { setColumnCount: n } = nn(), { virtualScrollableElementRef: o } = Ye(), r = wt(), a = L(
     (v) => r.widths[v] || 0,
     [r.widths]
   ), s = L(
     (v) => r.heights[v] || 0,
     [r.heights]
-  ), c = k(() => r.heights.length, [r.heights]), l = k(() => Math.max(...r.widths), [r.widths]), u = k(() => e === K.HORIZONTAL_SCROLLING ? c : t === Ue.DUAL_PAGE ? 2 : 1, [t, e, e, c, o, l]);
+  ), c = k(() => r.heights.length, [r.heights]), l = k(() => Math.max(...r.widths), [r.widths]), u = k(() => e === X.HORIZONTAL_SCROLLING ? c : t === Ve.DUAL_PAGE ? 2 : 1, [t, e, e, c, o, l]);
   z(() => {
     n(u);
   }, [u, n]);
-  const h = k(() => e === K.HORIZONTAL_SCROLLING || e === K.PAGE_SCROLLING ? 1 : Math.round(c / u), [u, c, e]), f = k(() => r.heights.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]);
+  const h = k(() => e === X.HORIZONTAL_SCROLLING || e === X.PAGE_SCROLLING ? 1 : Math.round(c / u), [u, c, e]), f = k(() => r.heights.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: h,
     rowHeight: s,
@@ -1449,23 +1451,23 @@ const xo = () => {
     estimatedColumnWidth: p
   };
 };
-let oe;
-typeof window < "u" ? oe = window : typeof self < "u" ? oe = self : oe = global;
-let _t = null, wt = null;
-const Bt = 20, lt = oe.clearTimeout, Kt = oe.setTimeout, ut = oe.cancelAnimationFrame || oe.mozCancelAnimationFrame || oe.webkitCancelAnimationFrame, Xt = oe.requestAnimationFrame || oe.mozRequestAnimationFrame || oe.webkitRequestAnimationFrame;
-ut == null || Xt == null ? (_t = lt, wt = function(e) {
+let ie;
+typeof window < "u" ? ie = window : typeof self < "u" ? ie = self : ie = global;
+let vt = null, _t = null;
+const Bt = 20, ct = ie.clearTimeout, Kt = ie.setTimeout, lt = ie.cancelAnimationFrame || ie.mozCancelAnimationFrame || ie.webkitCancelAnimationFrame, Xt = ie.requestAnimationFrame || ie.mozRequestAnimationFrame || ie.webkitRequestAnimationFrame;
+lt == null || Xt == null ? (vt = ct, _t = function(e) {
   return Kt(e, Bt);
-}) : (_t = function([e, n]) {
-  ut(e), lt(n);
-}, wt = function(e) {
+}) : (vt = function([e, n]) {
+  lt(e), ct(n);
+}, _t = function(e) {
   const n = Xt(function() {
-    lt(o), e();
+    ct(o), e();
   }), o = Kt(function() {
-    ut(n), e();
+    lt(n), e();
   }, Bt);
   return [n, o];
 });
-function Ro(t) {
+function No(t) {
   let e, n, o, r, a, s, c;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
@@ -1478,7 +1480,7 @@ function Ro(t) {
       if (g.target.className && typeof g.target.className.indexOf == "function" && g.target.className.indexOf("contract-trigger") < 0 && g.target.className.indexOf("expand-trigger") < 0)
         return;
       const m = this;
-      s(this), this.__resizeRAF__ && _t(this.__resizeRAF__), this.__resizeRAF__ = wt(function() {
+      s(this), this.__resizeRAF__ && vt(this.__resizeRAF__), this.__resizeRAF__ = _t(function() {
         a(m) && (m.__resizeLast__.width = m.offsetWidth, m.__resizeLast__.height = m.offsetHeight, m.__resizeListeners__.forEach(function(d) {
           d.call(m, g);
         }));
@@ -1487,13 +1489,13 @@ function Ro(t) {
     let p = !1, v = "";
     o = "animationstart";
     const _ = "Webkit Moz O ms".split(" ");
-    let C = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), w = "";
+    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), w = "";
     {
       const g = document.createElement("fakeelement");
       if (g.style.animationName !== void 0 && (p = !0), p === !1) {
         for (let m = 0; m < _.length; m++)
           if (g.style[_[m] + "AnimationName"] !== void 0) {
-            w = _[m], v = "-" + w.toLowerCase() + "-", o = C[m], p = !0;
+            w = _[m], v = "-" + w.toLowerCase() + "-", o = b[m], p = !0;
             break;
           }
       }
@@ -1502,8 +1504,8 @@ function Ro(t) {
   }
   const u = function(p) {
     if (!p.getElementById("detectElementResize")) {
-      const v = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', _ = p.head || p.getElementsByTagName("head")[0], C = p.createElement("style");
-      C.id = "detectElementResize", C.type = "text/css", t != null && C.setAttribute("nonce", t), C.styleSheet ? C.styleSheet.cssText = v : C.appendChild(p.createTextNode(v)), _.appendChild(C);
+      const v = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', _ = p.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 = v : b.appendChild(p.createTextNode(v)), _.appendChild(b);
     }
   };
   return {
@@ -1512,8 +1514,8 @@ function Ro(t) {
         p.attachEvent("onresize", v);
       else {
         if (!p.__resizeTriggers__) {
-          const _ = p.ownerDocument, C = oe.getComputedStyle(p);
-          C && C.position === "static" && (p.style.position = "relative"), u(_), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
+          const _ = p.ownerDocument, b = ie.getComputedStyle(p);
+          b && b.position === "static" && (p.style.position = "relative"), u(_), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
           const w = _.createElement("div");
           w.className = "expand-trigger", w.appendChild(_.createElement("div"));
           const g = _.createElement("div");
@@ -1537,7 +1539,7 @@ function Ro(t) {
     }
   };
 }
-class Lo extends Kn {
+class Eo extends Jn {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1578,7 +1580,7 @@ class Lo extends Kn {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Ro(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = No(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1601,12 +1603,12 @@ class Lo extends Kn {
       height: p,
       scaledHeight: v,
       scaledWidth: _,
-      width: C
+      width: b
     } = this.state, w = {
       overflow: "visible"
     }, g = {};
     let m = !1;
-    return r || (p === 0 && (m = !0), w.height = 0, g.height = p, g.scaledHeight = v), a || (C === 0 && (m = !0), w.width = 0, g.width = C, g.scaledWidth = _), s && (m = !1), He(h, {
+    return r || (p === 0 && (m = !0), w.height = 0, g.height = p, g.scaledHeight = v), a || (b === 0 && (m = !0), w.width = 0, g.width = b, g.scaledWidth = _), s && (m = !1), Me(h, {
       ref: this._setRef,
       style: {
         ...w,
@@ -1616,8 +1618,8 @@ class Lo extends Kn {
     }, !m && e(g));
   }
 }
-const No = ({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: o } = se(), { isScrolling: r } = et(), a = k(() => {
+const Oo = ({ widths: t, heights: e }) => {
+  const { focusedPage: n, totalPages: o } = se(), { isScrolling: r } = Qe(), a = k(() => {
     const l = [], u = Math.ceil(n / 2) * 2 - 1;
     if (l.push(u), u + 1 < o) {
       const h = u + 1;
@@ -1645,8 +1647,8 @@ const No = ({ widths: t, heights: e }) => {
   const c = k(() => s.reduce((l, u) => l + Number(u.width || 0), 0), [s]);
   return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: a.map((l, u) => /* @__PURE__ */ i(St, { onIntersectRatioChange: () => {
   }, style: s[u], pageNumber: l }, l)) });
-}, Eo = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = se(), { isScrolling: o } = et(), r = k(() => ({
+}, Do = ({ widths: t, heights: e }) => {
+  const { focusedPage: n } = se(), { isScrolling: o } = Qe(), r = k(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
@@ -1674,7 +1676,7 @@ const No = ({ widths: t, heights: e }) => {
       )
     }
   );
-}, Oo = Xn(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
+}, zo = Yn(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
   const r = t + 1 + e * n.columnCount;
   return /* @__PURE__ */ i(
     St,
@@ -1685,10 +1687,10 @@ const No = ({ widths: t, heights: e }) => {
     },
     r
   );
-}, yo), os = () => {
-  const { initialPage: t = 1, initialScrollMode: e } = er(), { pagesRef: n, setPagesRef: o } = Pe();
-  Pr(n);
-  const { scrollToPage: r } = dn(), {
+}, Ro), ss = () => {
+  const { initialPage: t = 1, initialScrollMode: e } = nr(), { pagesRef: n, setPagesRef: o } = Se();
+  Ir(n);
+  const { scrollToPage: r } = pn(), {
     virtualScrollRef: a,
     getVirtualScrollRef: s,
     getPageScrollElementRef: c,
@@ -1696,38 +1698,38 @@ const No = ({ widths: t, heights: e }) => {
     setTotalInnerDimensions: u,
     totalInnerDimensions: h,
     pageScrollElementRef: f
-  } = Qe(), p = M(!0), { nextPage: v, prevPage: _, setFocusedPage: C, focusedPage: w } = se(), { scrollMode: g } = Ee(), { viewMode: m } = Ye(), P = M(null), { loading: I } = Y(), d = M(
+  } = Ye(), p = W(!0), { nextPage: v, prevPage: _, setFocusedPage: b, focusedPage: w } = se(), { scrollMode: g } = Ee(), { viewMode: m } = Je(), P = W(null), { loading: I } = Q(), { LoaderImageComponent: d } = an(), T = W(
     h
-  ), T = M({
+  ), C = W({
     viewMode: m,
     scrollMode: g
-  }), b = M(!1), S = M(), { isFullScreen: F } = tr(), {
-    pageDimension: x,
-    rowCount: N,
-    rowHeight: R,
-    columnCount: O,
-    columnWidth: D,
-    estimatedColumnWidth: y,
-    estimatedRowHeight: E
-  } = xo(), W = ft(h, 100), [U, j] = H({}), X = ft(U, 100), { isScrolling: Z } = et(), B = M(), le = M({
+  }), S = W(!1), O = W(), { isFullScreen: x } = rr(), {
+    pageDimension: D,
+    rowCount: R,
+    rowHeight: F,
+    columnCount: N,
+    columnWidth: y,
+    estimatedColumnWidth: E,
+    estimatedRowHeight: G
+  } = Lo(), H = mt(h, 100), [Z, J] = M({}), j = mt(Z, 100), { isScrolling: B } = Qe(), te = W(), le = W({
     scrollTop: 0,
     scrollLeft: 0
   });
-  yr(n);
-  const { isPressed: ie } = Sr(), { selectionMode: Q } = Qn(), { initializeGrabScroll: te, resetGrabState: he } = Ir({
-    isPressed: ie
-  }), ue = k(() => Q === Jn.HAND, [Q]), Ie = L(($, G) => {
-    j((J) => G > -1 ? { ...J, [$]: Math.round(G * 100) } : (delete J[$], J));
-  }, []), ye = k(() => ({
-    columnCount: O,
-    handleIntersectRatioChange: Ie
-  }), [O, Ie]), ae = L(
+  Rr(n);
+  const { isPressed: K } = yr(), { selectionMode: ne } = tr(), { initializeGrabScroll: ue, resetGrabState: ye } = xr({
+    isPressed: K
+  }), me = k(() => ne === Qn.HAND, [ne]), be = L(($, V) => {
+    J((Y) => V > -1 ? { ...Y, [$]: Math.round(V * 100) } : (delete Y[$], Y));
+  }, []), fe = k(() => ({
+    columnCount: N,
+    handleIntersectRatioChange: be
+  }), [N, be]), ae = L(
     ($) => {
-      const G = document.activeElement !== n;
-      !F && G || (["ArrowUp", "ArrowLeft"].includes($.key) ? ($.preventDefault(), _()) : ["ArrowDown", "ArrowRight"].includes($.key) && ($.preventDefault(), v()));
+      const V = document.activeElement !== n;
+      !x && V || (["ArrowUp", "ArrowLeft"].includes($.key) ? ($.preventDefault(), _()) : ["ArrowDown", "ArrowRight"].includes($.key) && ($.preventDefault(), v()));
     },
-    [v, _, F, g]
-  ), me = L(($) => {
+    [v, _, x, g]
+  ), Oe = L(($) => {
     le.current = {
       scrollTop: $.scrollTop,
       scrollLeft: $.scrollLeft
@@ -1737,86 +1739,86 @@ const No = ({ widths: t, heights: e }) => {
     window.removeEventListener("keydown", ae);
   }), [ae]), z(() => {
     if (P.current && (P.current.style.position = "relative"), !!a)
-      for (let $ = 0; $ < N; $++)
-        for (let G = 0; G < O; G++)
+      for (let $ = 0; $ < R; $++)
+        for (let V = 0; V < N; V++)
           a.resetAfterIndices({
-            columnIndex: G,
+            columnIndex: V,
             rowIndex: $,
             shouldForceUpdate: !0
           });
-  }, [N, O, x, a]), z(() => {
-    const $ = Array.from({ length: N }).reduce(
-      (J, _e, xe) => J + R(xe),
+  }, [R, N, D, a]), z(() => {
+    const $ = Array.from({ length: R }).reduce(
+      (Y, _e, xe) => Y + F(xe),
       0
-    ), G = Array.from({ length: O }).reduce(
-      (J, _e, xe) => J + D(xe),
+    ), V = Array.from({ length: N }).reduce(
+      (Y, _e, xe) => Y + y(xe),
       0
     );
     u({
       height: $,
-      width: G
+      width: V
     });
-  }, [N, O, x]), z(() => {
-    if (Z.current)
+  }, [R, N, D]), z(() => {
+    if (B.current)
       return;
-    if (T.current.viewMode !== m || T.current.scrollMode !== g) {
-      B.current && clearTimeout(B.current), j({}), b.current = !0, r(w), g === K.HORIZONTAL_SCROLLING && (a == null || a.scrollTo({
+    if (C.current.viewMode !== m || C.current.scrollMode !== g) {
+      te.current && clearTimeout(te.current), J({}), S.current = !0, r(w), g === X.HORIZONTAL_SCROLLING && (a == null || a.scrollTo({
         scrollTop: 0
-      })), B.current = setTimeout(() => {
+      })), te.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          T.current = { viewMode: m, scrollMode: g };
+          C.current = { viewMode: m, scrollMode: g };
         });
       }, 100);
       return;
     }
-    const G = le.current.scrollTop, J = le.current.scrollLeft;
-    if (W.height && W.width) {
-      b.current = !0;
-      const { height: _e, width: xe } = W, { height: Gn, width: Vn } = d.current, Un = G / Gn * _e, qn = J / Vn * xe, Zn = Math.min(Un, _e) || 0, jn = Math.min(qn, xe) || 0;
+    const V = le.current.scrollTop, Y = le.current.scrollLeft;
+    if (H.height && H.width) {
+      S.current = !0;
+      const { height: _e, width: xe } = H, { height: Un, width: qn } = T.current, Zn = V / Un * _e, jn = Y / qn * xe, Bn = Math.min(Zn, _e) || 0, Kn = Math.min(jn, xe) || 0;
       a == null || a.scrollTo({
-        scrollTop: Zn,
-        scrollLeft: jn
-      }), d.current = {
-        height: W.height,
-        width: W.width
-      }, S.current && clearTimeout(S.current), S.current = setTimeout(() => {
-        b.current = !1;
+        scrollTop: Bn,
+        scrollLeft: Kn
+      }), T.current = {
+        height: H.height,
+        width: H.width
+      }, O.current && clearTimeout(O.current), O.current = setTimeout(() => {
+        S.current = !1;
       }, 100);
     }
-  }, [W]), z(() => {
-    if ((Z.current || b.current) && (Z.current = !1), Z.current)
+  }, [H]), z(() => {
+    if ((B.current || S.current) && (B.current = !1), B.current)
       return;
-    const $ = Object.entries(X);
-    let G = 0, J = -1;
+    const $ = Object.entries(j);
+    let V = 0, Y = -1;
     $.forEach((_e) => {
-      J < _e[1] && (G = Number(_e[0]), J = _e[1]);
-    }), G && C(G);
-  }, [X, C]), z(() => () => {
-    B.current && clearTimeout(B.current), S.current && clearTimeout(S.current);
+      Y < _e[1] && (V = Number(_e[0]), Y = _e[1]);
+    }), V && b(V);
+  }, [j, b]), z(() => () => {
+    te.current && clearTimeout(te.current), O.current && clearTimeout(O.current);
   }, []);
-  const Oe = k(() => re(fe["rp-pages-container"], {
-    [fe["rp-cursor-grab"]]: ue && !ie,
-    [fe["rp-cursor-grabbing"]]: ue && ie
-  }), [ue, ie]), nt = L(
+  const tt = k(() => oe(de["rp-pages-container"], {
+    [de["rp-cursor-grab"]]: me && !K,
+    [de["rp-cursor-grabbing"]]: me && K
+  }), [me, K]), Vn = L(
     ($) => {
-      if (ue && $) {
-        const G = re(fe["rp-pages"]), J = document.querySelector(`.${G}`);
-        te(J);
+      if (me && $) {
+        const V = oe(de["rp-pages"]), Y = document.querySelector(`.${V}`);
+        ue(Y);
       }
     },
-    [ue, te, fe]
+    [me, ue, de]
   );
   return z(() => {
-    I && he();
+    I && ye();
   }, [I]), z(() => {
-    if (!(W.height === 0 || !p.current)) {
-      if (e === K.PAGE_SCROLLING) {
-        t !== w && f && C(t), p.current = !1;
+    if (!(H.height === 0 || !p.current)) {
+      if (e === X.PAGE_SCROLLING) {
+        t !== w && f && b(t), p.current = !1;
         return;
       }
       if (a != null && a.scrollToItem) {
         switch (e) {
-          case K.HORIZONTAL_SCROLLING:
+          case X.HORIZONTAL_SCROLLING:
             a.scrollToItem({
               columnIndex: t - 1,
               rowIndex: 0,
@@ -1838,41 +1840,42 @@ const No = ({ widths: t, heights: e }) => {
     a,
     e,
     f,
-    C,
-    W
-  ]), /* @__PURE__ */ i("div", { ref: o, tabIndex: -1, className: Oe, children: /* @__PURE__ */ i(Lo, { style: { minHeight: "50px" }, children: ({ width: $, height: G }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: nt, style: { width: $, height: G }, children: g === K.PAGE_SCROLLING ? /* @__PURE__ */ i(
+    b,
+    H
+  ]), /* @__PURE__ */ i("div", { ref: o, tabIndex: -1, className: tt, children: /* @__PURE__ */ i(Eo, { style: { minHeight: "50px" }, children: ({ width: $, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Vn, style: { width: $, height: V }, children: g === X.PAGE_SCROLLING ? /* @__PURE__ */ i(
     "div",
     {
       ref: c,
-      style: { width: $, height: G },
-      className: re(fe["rp-pages"], fe["rp-page-scrolling-wrapper"]),
-      children: m === Ue.DUAL_PAGE ? /* @__PURE__ */ i(No, { widths: D, heights: R }) : /* @__PURE__ */ i(Eo, { widths: D, heights: R })
+      style: { width: $, height: V },
+      className: oe(de["rp-pages"], de["rp-page-scrolling-wrapper"]),
+      children: m === Ve.DUAL_PAGE ? /* @__PURE__ */ i(Oo, { widths: y, heights: F }) : /* @__PURE__ */ i(Do, { widths: y, heights: F })
     }
-  ) : y ? /* @__PURE__ */ i(
-    Po,
+  ) : E ? /* @__PURE__ */ i(
+    Io,
     {
       ref: s,
-      itemData: ye,
+      itemData: fe,
       outerRef: l,
       innerRef: P,
-      onScroll: me,
-      columnCount: O,
-      columnWidth: D,
-      rowHeight: R,
-      height: G,
+      onScroll: Oe,
+      columnCount: N,
+      columnWidth: y,
+      rowHeight: F,
+      height: V,
       width: $,
-      estimatedColumnWidth: y,
-      estimatedRowHeight: E,
-      rowCount: N,
-      className: re(
-        fe["rp-pages"],
-        g === K.HORIZONTAL_SCROLLING ? fe["rp-pages-horizontal-scroll"] : ""
+      estimatedColumnWidth: E,
+      estimatedRowHeight: G,
+      rowCount: R,
+      className: oe(
+        de["rp-pages"],
+        g === X.HORIZONTAL_SCROLLING ? de["rp-pages-horizontal-scroll"] : ""
       ),
-      children: Oo
+      children: zo
     }
   ) : I ? null : /* @__PURE__ */ i(
     "div",
     {
+      className: de["rp-loader"],
       style: {
         display: "flex",
         justifyContent: "center",
@@ -1880,7 +1883,7 @@ const No = ({ widths: t, heights: e }) => {
         height: "100%",
         width: "100%"
       },
-      children: /* @__PURE__ */ i(We, {})
+      children: d && /* @__PURE__ */ i(d, {})
     }
   ) }) }) });
 }, De = {
@@ -1889,32 +1892,32 @@ const No = ({ 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"
-}, dt = {
+}, ut = {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
   "rp-total-page": "_rp-total-page_1vu6o_12"
-}, Do = () => {
-  const { prevIcon: t } = pe();
+}, Ao = () => {
+  const { prevIcon: t } = he();
   return t || /* @__PURE__ */ i(ke, {});
-}, zo = () => {
-  const { nextIcon: t } = pe();
+}, Fo = () => {
+  const { nextIcon: t } = he();
   return t || /* @__PURE__ */ i(ke, { style: { transform: "rotate(180deg" } });
-}, Ao = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = se(), [s, c] = H(t.toString()), { pageNavigationTool: l = !0 } = ve(), { isSmallScreen: u } = Se(), { localeMessages: h } = de();
+}, ko = () => {
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = se(), [s, c] = M(t.toString()), { pageNavigationTool: l = !0 } = ve(), { isSmallScreen: u } = Ie(), { localeMessages: h } = pe();
   z(() => {
     c(t.toString());
   }, [t]);
-  const f = L((C) => {
-    const w = C.target.value;
+  const f = L((b) => {
+    const w = b.target.value;
     c(w);
   }, []), p = L(async () => {
-    const C = await a(s);
-    C.success || c(C.currentPage.toString());
+    const b = await a(s);
+    b.success || c(b.currentPage.toString());
   }, [a, s, e]), v = L(() => {
     c(t.toString());
   }, [t]), _ = L(
-    (C) => {
-      C.key === "Enter" && p();
+    (b) => {
+      b.key === "Enter" && p();
     },
     [p]
   );
@@ -1928,14 +1931,14 @@ const No = ({ widths: t, heights: e }) => {
       goToPage: a,
       changePage: n
     }
-  ) : l ? /* @__PURE__ */ A("div", { className: dt["rp-paginate"], children: [
+  ) : l ? /* @__PURE__ */ A("div", { className: ut["rp-paginate"], children: [
     !u && /* @__PURE__ */ i(q, { content: h == null ? void 0 : h.previousPageTooltip, children: /* @__PURE__ */ i(
       ee,
       {
         onClick: r,
         "aria-label": h == null ? void 0 : h.previousPageTooltip,
         "aria-disabled": t === 1,
-        children: /* @__PURE__ */ i(Do, {})
+        children: /* @__PURE__ */ i(Ao, {})
       }
     ) }),
     /* @__PURE__ */ i(q, { content: h == null ? void 0 : h.currentPageTooltip, children: /* @__PURE__ */ i(
@@ -1945,10 +1948,10 @@ const No = ({ widths: t, heights: e }) => {
         onBlur: v,
         onChange: f,
         value: s,
-        className: dt["rp-page-input"]
+        className: ut["rp-page-input"]
       }
     ) }),
-    /* @__PURE__ */ A("span", { className: dt["rp-total-page"], children: [
+    /* @__PURE__ */ A("span", { className: ut["rp-total-page"], children: [
       "/",
       e
     ] }),
@@ -1958,12 +1961,12 @@ const No = ({ widths: t, heights: e }) => {
         onClick: o,
         "aria-label": h == null ? void 0 : h.nextPageTooltip,
         "aria-disabled": t === e,
-        children: /* @__PURE__ */ i(zo, {})
+        children: /* @__PURE__ */ i(Fo, {})
       }
     ) })
   ] }) : null;
 };
-var It = "Dialog", [Cn, is] = Nr(It), [Fo, ce] = Cn(It), Tn = (t) => {
+var It = "Dialog", [Tn, cs] = Or(It), [Wo, ce] = Tn(It), Pn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -1971,34 +1974,34 @@ var It = "Dialog", [Cn, is] = Nr(It), [Fo, ce] = Cn(It), Tn = (t) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: s = !0
-  } = t, c = V.useRef(null), l = V.useRef(null), [u = !1, h] = Dr({
+  } = t, c = U.useRef(null), l = U.useRef(null), [u = !1, h] = Ar({
     prop: o,
     defaultProp: r,
     onChange: a
   });
   return /* @__PURE__ */ i(
-    Fo,
+    Wo,
     {
       scope: e,
       triggerRef: c,
       contentRef: l,
-      contentId: ot(),
-      titleId: ot(),
-      descriptionId: ot(),
+      contentId: rt(),
+      titleId: rt(),
+      descriptionId: rt(),
       open: u,
       onOpenChange: h,
-      onOpenToggle: V.useCallback(() => h((f) => !f), [h]),
+      onOpenToggle: U.useCallback(() => h((f) => !f), [h]),
       modal: s,
       children: n
     }
   );
 };
-Tn.displayName = It;
-var Pn = "DialogTrigger", ko = V.forwardRef(
+Pn.displayName = It;
+var Sn = "DialogTrigger", Mo = U.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Pn, n), a = Ct(e, r.triggerRef);
+    const { __scopeDialog: n, ...o } = t, r = ce(Sn, n), a = Ct(e, r.triggerRef);
     return /* @__PURE__ */ i(
-      Me.button,
+      We.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -2012,29 +2015,29 @@ var Pn = "DialogTrigger", ko = V.forwardRef(
     );
   }
 );
-ko.displayName = Pn;
-var yt = "DialogPortal", [Wo, Sn] = Cn(yt, {
+Mo.displayName = Sn;
+var yt = "DialogPortal", [Ho, In] = Tn(yt, {
   forceMount: void 0
-}), In = (t) => {
+}), yn = (t) => {
   const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(yt, e);
-  return /* @__PURE__ */ i(Wo, { scope: e, forceMount: n, children: V.Children.map(o, (s) => /* @__PURE__ */ i(Tt, { present: n || a.open, children: /* @__PURE__ */ i(Mr, { asChild: !0, container: r, children: s }) })) });
+  return /* @__PURE__ */ i(Ho, { scope: e, forceMount: n, children: U.Children.map(o, (s) => /* @__PURE__ */ i(Tt, { present: n || a.open, children: /* @__PURE__ */ i($r, { asChild: !0, container: r, children: s }) })) });
 };
-In.displayName = yt;
-var Ze = "DialogOverlay", yn = V.forwardRef(
+yn.displayName = yt;
+var qe = "DialogOverlay", xn = U.forwardRef(
   (t, e) => {
-    const n = Sn(Ze, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ze, t.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(Tt, { present: o || a.open, children: /* @__PURE__ */ i(Mo, { ...r, ref: e }) }) : null;
+    const n = In(qe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(qe, t.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i(Tt, { present: o || a.open, children: /* @__PURE__ */ i($o, { ...r, ref: e }) }) : null;
   }
 );
-yn.displayName = Ze;
-var Mo = V.forwardRef(
+xn.displayName = qe;
+var $o = U.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Ze, n);
+    const { __scopeDialog: n, ...o } = t, r = ce(qe, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(Ar, { as: Er, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
-        Me.div,
+      /* @__PURE__ */ i(kr, { as: Dr, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        We.div,
         {
           "data-state": Rt(r.open),
           ...o,
@@ -2044,22 +2047,22 @@ var Mo = V.forwardRef(
       ) })
     );
   }
-), Te = "DialogContent", xn = V.forwardRef(
+), Pe = "DialogContent", Rn = U.forwardRef(
   (t, e) => {
-    const n = Sn(Te, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Te, t.__scopeDialog);
-    return /* @__PURE__ */ i(Tt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(Ho, { ...r, ref: e }) : /* @__PURE__ */ i($o, { ...r, ref: e }) });
+    const n = In(Pe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Pe, t.__scopeDialog);
+    return /* @__PURE__ */ i(Tt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(Go, { ...r, ref: e }) : /* @__PURE__ */ i(Vo, { ...r, ref: e }) });
   }
 );
-xn.displayName = Te;
-var Ho = V.forwardRef(
+Rn.displayName = Pe;
+var Go = U.forwardRef(
   (t, e) => {
-    const n = ce(Te, t.__scopeDialog), o = V.useRef(null), r = Ct(e, n.contentRef, o);
-    return V.useEffect(() => {
+    const n = ce(Pe, t.__scopeDialog), o = U.useRef(null), r = Ct(e, n.contentRef, o);
+    return U.useEffect(() => {
       const a = o.current;
       if (a)
-        return Fr(a);
+        return Wr(a);
     }, []), /* @__PURE__ */ i(
-      Rn,
+      Ln,
       {
         ...t,
         ref: r,
@@ -2080,11 +2083,11 @@ var Ho = V.forwardRef(
       }
     );
   }
-), $o = V.forwardRef(
+), Vo = U.forwardRef(
   (t, e) => {
-    const n = ce(Te, t.__scopeDialog), o = V.useRef(!1), r = V.useRef(!1);
+    const n = ce(Pe, t.__scopeDialog), o = U.useRef(!1), r = U.useRef(!1);
     return /* @__PURE__ */ i(
-      Rn,
+      Ln,
       {
         ...t,
         ref: e,
@@ -2103,12 +2106,12 @@ var Ho = V.forwardRef(
       }
     );
   }
-), Rn = V.forwardRef(
+), Ln = U.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, c = ce(Te, n), l = V.useRef(null), u = Ct(e, l);
-    return kr(), /* @__PURE__ */ A(Fe, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, c = ce(Pe, n), l = U.useRef(null), u = Ct(e, l);
+    return Mr(), /* @__PURE__ */ A(Fe, { children: [
       /* @__PURE__ */ i(
-        Wr,
+        Hr,
         {
           asChild: !0,
           loop: !0,
@@ -2116,7 +2119,7 @@ var Ho = V.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ i(
-            zr,
+            Fr,
             {
               role: "dialog",
               id: c.contentId,
@@ -2131,30 +2134,30 @@ var Ho = V.forwardRef(
         }
       ),
       /* @__PURE__ */ A(Fe, { children: [
-        /* @__PURE__ */ i(Vo, { titleId: c.titleId }),
-        /* @__PURE__ */ i(qo, { contentRef: l, descriptionId: c.descriptionId })
+        /* @__PURE__ */ i(qo, { titleId: c.titleId }),
+        /* @__PURE__ */ i(jo, { contentRef: l, descriptionId: c.descriptionId })
       ] })
     ] });
   }
-), xt = "DialogTitle", Ln = V.forwardRef(
+), xt = "DialogTitle", Nn = U.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(xt, n);
-    return /* @__PURE__ */ i(Me.h2, { id: r.titleId, ...o, ref: e });
+    return /* @__PURE__ */ i(We.h2, { id: r.titleId, ...o, ref: e });
   }
 );
-Ln.displayName = xt;
-var Nn = "DialogDescription", Go = V.forwardRef(
+Nn.displayName = xt;
+var En = "DialogDescription", Uo = U.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Nn, n);
-    return /* @__PURE__ */ i(Me.p, { id: r.descriptionId, ...o, ref: e });
+    const { __scopeDialog: n, ...o } = t, r = ce(En, n);
+    return /* @__PURE__ */ i(We.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
-Go.displayName = Nn;
-var En = "DialogClose", On = V.forwardRef(
+Uo.displayName = En;
+var On = "DialogClose", Dn = U.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(En, n);
+    const { __scopeDialog: n, ...o } = t, r = ce(On, n);
     return /* @__PURE__ */ i(
-      Me.button,
+      We.button,
       {
         type: "button",
         ...o,
@@ -2164,32 +2167,32 @@ var En = "DialogClose", On = V.forwardRef(
     );
   }
 );
-On.displayName = En;
+Dn.displayName = On;
 function Rt(t) {
   return t ? "open" : "closed";
 }
-var Dn = "DialogTitleWarning", [as, zn] = Or(Dn, {
-  contentName: Te,
+var zn = "DialogTitleWarning", [ls, An] = zr(zn, {
+  contentName: Pe,
   titleName: xt,
   docsSlug: "dialog"
-}), Vo = ({ titleId: t }) => {
-  const e = zn(Dn), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
+}), qo = ({ titleId: t }) => {
+  const e = An(zn), 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.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${e.docsSlug}`;
-  return V.useEffect(() => {
+  return U.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, Uo = "DialogDescriptionWarning", qo = ({ contentRef: t, descriptionId: e }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${zn(Uo).contentName}}.`;
-  return V.useEffect(() => {
+}, Zo = "DialogDescriptionWarning", jo = ({ contentRef: t, descriptionId: e }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${An(Zo).contentName}}.`;
+  return U.useEffect(() => {
     var a;
     const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
-}, Zo = Tn, jo = In, Bo = yn, Ko = xn, Xo = Ln, Jo = On;
-const Ce = {
+}, Bo = Pn, Ko = yn, Xo = xn, Jo = Rn, Yo = Nn, Qo = Dn;
+const Te = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2197,8 +2200,8 @@ const Ce = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Yo = () => {
-  const { pdfProperties: t } = Y(), { container: e } = Pe(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = $r(), { localeMessages: r } = de(), a = k(() => {
+}, ei = () => {
+  const { pdfProperties: t } = Q(), { container: e } = Se(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Vr(), { localeMessages: r } = pe(), a = k(() => {
     if (!t)
       return [];
     const {
@@ -2211,7 +2214,7 @@ const Ce = {
       creator: p,
       keywords: v,
       modifiedOn: _,
-      pdfProducer: C,
+      pdfProducer: b,
       pdfVersion: w,
       pageCount: g
     } = t;
@@ -2233,50 +2236,50 @@ const Ce = {
         value: _ ? zt(_) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: C },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: b },
       { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: w },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: g }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(Zo, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(jo, { container: e, children: /* @__PURE__ */ A("div", { className: Ce["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(Bo, { className: Ce["rp-dialog-overlay"] }),
-    /* @__PURE__ */ A(Ko, { className: Ce["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(Xo, { className: Ce["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ce["rp-document-properties"], children: a.map((s, c) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Ce["rp-properties-divider"] }) : /* @__PURE__ */ i(Hr, { label: s.label, value: s.value }) }, c)) }),
-      /* @__PURE__ */ i(Jo, { asChild: !0, className: Ce["rp-dialog-close"], children: /* @__PURE__ */ i(cn, {}) })
+  return /* @__PURE__ */ i(Bo, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(Ko, { container: e, children: /* @__PURE__ */ A("div", { className: Te["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(Xo, { className: Te["rp-dialog-overlay"] }),
+    /* @__PURE__ */ A(Jo, { className: Te["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(Yo, { className: Te["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: Te["rp-document-properties"], children: a.map((s, c) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Te["rp-properties-divider"] }) : /* @__PURE__ */ i(Gr, { label: s.label, value: s.value }) }, c)) }),
+      /* @__PURE__ */ i(Qo, { asChild: !0, className: Te["rp-dialog-close"], children: /* @__PURE__ */ i(ln, {}) })
     ] })
   ] }) }) });
-}, Qo = {
+}, ti = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, ei = (t) => URL.createObjectURL(t), ti = async (t) => {
+}, ni = (t) => URL.createObjectURL(t), ri = async (t) => {
   const n = await (await fetch(t)).blob();
-  return ei(n);
-}, An = () => {
-  const { filename: t, pdfSrc: e } = Y();
+  return ni(n);
+}, Fn = () => {
+  const { filename: t, pdfSrc: e } = Q();
   return { download: L(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const o = document.createElement("a");
-    o.href = await ti(e), o.download = t, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+    o.href = await ri(e), o.download = t, document.body.appendChild(o), o.click(), document.body.removeChild(o);
   }, [t, e]) };
-}, Fn = () => {
-  const { downloadIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Zr, {});
-}, kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), ni = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(kn, { localeMessages: e, children: /* @__PURE__ */ i(ee, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Fn, {}) }) }), ri = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ A(kn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Fn, {}) }),
+}, kn = () => {
+  const { downloadIcon: t } = he();
+  return t || /* @__PURE__ */ i(Br, {});
+}, Wn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), oi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Wn, { localeMessages: e, children: /* @__PURE__ */ i(ee, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(kn, {}) }) }), ii = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ A(Wn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(kn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
-] }) }), Wn = () => {
-  const { download: t } = An(), { downloadTool: e = !0 } = ve(), { isSmallScreen: n } = Se(), { localeMessages: o } = de();
-  return e ? n ? /* @__PURE__ */ i(ri, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(ni, { download: t, localeMessages: o }) : null : null;
-}, Mn = () => {
-  const { printIcon: t } = pe();
-  return t || /* @__PURE__ */ i(jr, {});
-}, Hn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), oi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Hn, { localeMessages: e, children: /* @__PURE__ */ i(ee, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Mn, {}) }) }), ii = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ A(Hn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Mn, {}) }),
+] }) }), Mn = () => {
+  const { download: t } = Fn(), { downloadTool: e = !0 } = ve(), { isSmallScreen: n } = Ie(), { localeMessages: o } = pe();
+  return e ? n ? /* @__PURE__ */ i(ii, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(oi, { download: t, localeMessages: o }) : null : null;
+}, Hn = () => {
+  const { printIcon: t } = he();
+  return t || /* @__PURE__ */ i(Kr, {});
+}, $n = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), ai = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i($n, { localeMessages: e, children: /* @__PURE__ */ i(ee, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Hn, {}) }) }), si = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ A($n, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Hn, {}) }),
   e == null ? void 0 : e.printLabel
-] }) }), $n = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: s = !0 } = ve(), { isSmallScreen: c } = Se(), { localeMessages: l } = de();
-  return s ? c ? /* @__PURE__ */ i(ii, { print: t, localeMessages: l }) : typeof s == "function" ? /* @__PURE__ */ i(
+] }) }), Gn = () => {
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = et(), { printTool: s = !0 } = ve(), { isSmallScreen: c } = Ie(), { localeMessages: l } = pe();
+  return s ? c ? /* @__PURE__ */ i(si, { print: t, localeMessages: l }) : typeof s == "function" ? /* @__PURE__ */ i(
     s,
     {
       print: t,
@@ -2286,34 +2289,34 @@ const Ce = {
       setOnComplete: o,
       progress: a
     }
-  ) : s ? /* @__PURE__ */ i(oi, { print: t, localeMessages: l }) : null : null;
-}, ai = {
+  ) : s ? /* @__PURE__ */ i(ai, { print: t, localeMessages: l }) : null : null;
+}, ci = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, si = () => {
-  const { goToFirstPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(un, { className: ai["rp-go-to-Top"] });
-}, ci = () => {
-  const { goToLastPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(un, {});
-}, Jt = { width: "100%" }, li = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = se(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = de(), a = k(() => n === 1, [n]), s = k(() => n === e, [n, e]), c = L(() => {
+}, li = () => {
+  const { goToFirstPageIcon: t } = he();
+  return t || /* @__PURE__ */ i(dn, { className: ci["rp-go-to-Top"] });
+}, ui = () => {
+  const { goToLastPageIcon: t } = he();
+  return t || /* @__PURE__ */ i(dn, {});
+}, Jt = { width: "100%" }, di = () => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = se(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = pe(), a = k(() => n === 1, [n]), s = k(() => n === e, [n, e]), c = L(() => {
     t(1);
   }, [t]), l = L(() => {
     t(e);
   }, [t, e]);
-  return o ? /* @__PURE__ */ A(qe, { children: [
+  return o ? /* @__PURE__ */ A(Ue, { children: [
     /* @__PURE__ */ i(we, { onClick: c, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.firstPageTooltip, style: Jt, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(si, {}) }),
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(li, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(we, { onClick: l, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.lastPageTooltip, style: Jt, children: /* @__PURE__ */ A("div", { className: "rp-menu-item", "aria-disabled": s, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(ci, {}) }),
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(ui, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(Pt, {})
   ] }) : null;
-}, ui = () => {
-  const { container: t } = Pe(), { isSmallScreen: e } = Se(), {
+}, pi = () => {
+  const { container: t } = Se(), { isSmallScreen: e } = Ie(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
@@ -2323,7 +2326,7 @@ const Ce = {
     jumpNavigationTool: l,
     printTool: u,
     fullscreenTool: h
-  } = ve(), { localeMessages: f } = de();
+  } = ve(), { localeMessages: f } = pe();
   return k(() => {
     const v = l || s || c || a || r;
     let _ = !1;
@@ -2337,41 +2340,41 @@ const Ce = {
     c,
     l,
     e
-  ]) ? /* @__PURE__ */ A(Gr, { children: [
+  ]) ? /* @__PURE__ */ A(Ur, { children: [
     /* @__PURE__ */ i(
-      sn,
+      cn,
       {
         container: t,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(q, { content: f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(ee, { "aria-label": f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(Lr, {}) }) }) }),
-        children: /* @__PURE__ */ A("div", { className: Qo["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          e && /* @__PURE__ */ A(qe, { children: [
-            /* @__PURE__ */ i(an, {}),
-            /* @__PURE__ */ i(Wn, {}),
-            /* @__PURE__ */ i($n, {}),
-            /* @__PURE__ */ i(ln, {}),
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(q, { content: f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(ee, { "aria-label": f == null ? void 0 : f.moreOptionTooltip, children: /* @__PURE__ */ i(Er, {}) }) }) }),
+        children: /* @__PURE__ */ A("div", { className: ti["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+          e && /* @__PURE__ */ A(Ue, { children: [
+            /* @__PURE__ */ i(sn, {}),
+            /* @__PURE__ */ i(Mn, {}),
+            /* @__PURE__ */ i(Gn, {}),
+            /* @__PURE__ */ i(un, {}),
             /* @__PURE__ */ i(Pt, {})
           ] }),
-          /* @__PURE__ */ i(li, {}),
-          /* @__PURE__ */ i(Ur, {}),
-          /* @__PURE__ */ i(Br, {}),
-          /* @__PURE__ */ i(qr, {}),
-          /* @__PURE__ */ i(Vr, {})
+          /* @__PURE__ */ i(di, {}),
+          /* @__PURE__ */ i(Zr, {}),
+          /* @__PURE__ */ i(Xr, {}),
+          /* @__PURE__ */ i(jr, {}),
+          /* @__PURE__ */ i(qr, {})
         ] })
       }
     ),
-    /* @__PURE__ */ i(Yo, {})
+    /* @__PURE__ */ i(ei, {})
   ] }) : null;
-}, di = () => {
-  const { isSmallScreen: t } = Se();
+}, hi = () => {
+  const { isSmallScreen: t } = Ie();
   return /* @__PURE__ */ A(Fe, { children: [
-    /* @__PURE__ */ i(Rr, {}),
+    /* @__PURE__ */ i(Nr, {}),
     !t && /* @__PURE__ */ A(Fe, { children: [
-      /* @__PURE__ */ i(an, {}),
-      /* @__PURE__ */ i(Wn, {}),
-      /* @__PURE__ */ i($n, {}),
-      /* @__PURE__ */ i(ln, {})
+      /* @__PURE__ */ i(sn, {}),
+      /* @__PURE__ */ i(Mn, {}),
+      /* @__PURE__ */ i(Gn, {}),
+      /* @__PURE__ */ i(un, {})
     ] }),
-    /* @__PURE__ */ i(ui, {})
+    /* @__PURE__ */ i(pi, {})
   ] });
 }, Le = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2379,37 +2382,37 @@ const Ce = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
   "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
-}, pi = 25, pt = 1e3, hi = [50, 75, 100, 125, 150, 200, 300, 400], mi = () => {
-  const { zoomInIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Kr, {});
-}, fi = () => {
-  const { zoomOutIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Xr, {});
-}, gi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, contentRef: o } = Pe(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = se(), { rotate: s } = Xe(), { pages: c } = Y(), { isSmallScreen: l } = Se(), { localeMessages: u } = de(), h = L(() => {
+}, mi = 25, dt = 1e3, fi = [50, 75, 100, 125, 150, 200, 300, 400], gi = () => {
+  const { zoomInIcon: t } = he();
+  return t || /* @__PURE__ */ i(Jr, {});
+}, vi = () => {
+  const { zoomOutIcon: t } = he();
+  return t || /* @__PURE__ */ i(Yr, {});
+}, _i = () => {
+  const { zoomLevel: t, setZoomLevel: e } = Xe(), { container: n, contentRef: o } = Se(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = se(), { rotate: s } = Ke(), { pages: c } = Q(), { isSmallScreen: l } = Ie(), { localeMessages: u } = pe(), h = L(() => {
     e((g) => {
       const m = Math.floor(g / 25) * 25;
-      return Math.min(m + 25, pt);
+      return Math.min(m + 25, dt);
     });
   }, [e]), f = L(() => {
     e((g) => {
       const m = Math.ceil(g / 25) * 25;
-      return Math.min(m - 25, pt);
+      return Math.min(m - 25, dt);
     });
-  }, [e]), p = k(() => t === pi, [t]), v = k(() => t === pt, [t]), _ = k(() => {
+  }, [e]), p = k(() => t === mi, [t]), v = k(() => t === dt, [t]), _ = k(() => {
     var g;
     return (g = c.get(a)) == null ? void 0 : g.page.getViewport({ scale: 1, rotation: s });
-  }, [c, a, s]), C = L(
+  }, [c, a, s]), b = L(
     (g) => {
-      const m = ((_ == null ? void 0 : _.width) || 0) + 2 * At, P = ((_ == null ? void 0 : _.height) || 0) + 2 * At, I = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0, T = Jr(g, I, d, m, P);
+      const m = ((_ == null ? void 0 : _.width) || 0) + 2 * At, P = ((_ == null ? void 0 : _.height) || 0) + 2 * At, I = (o == null ? void 0 : o.clientWidth) || 0, d = (o == null ? void 0 : o.clientHeight) || 0, T = Qr(g, I, d, m, P);
       e(T);
     },
     [e, _]
   ), w = L(
     (g) => {
-      typeof g == "number" ? e(g) : C(g);
+      typeof g == "number" ? e(g) : b(g);
     },
-    [e, C]
+    [e, b]
   );
   return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ A("div", { className: Le["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ i(q, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
@@ -2418,11 +2421,11 @@ const Ce = {
         disabled: p,
         onClick: f,
         "aria-label": u == null ? void 0 : u.zoomOutTooltip,
-        children: /* @__PURE__ */ i(fi, {})
+        children: /* @__PURE__ */ i(vi, {})
       }
     ) }),
     !l && /* @__PURE__ */ i(
-      sn,
+      cn,
       {
         container: n,
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(q, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ A(
@@ -2440,13 +2443,13 @@ const Ce = {
         style: { minWidth: "200px" },
         align: "center",
         children: /* @__PURE__ */ A("div", { className: Le["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ A(qe, { children: [
-            /* @__PURE__ */ i(we, { onClick: () => w(rt.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
-            /* @__PURE__ */ i(we, { onClick: () => w(rt.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
-            /* @__PURE__ */ i(we, { onClick: () => w(rt.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
+          /* @__PURE__ */ A(Ue, { children: [
+            /* @__PURE__ */ i(we, { onClick: () => w(nt.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
+            /* @__PURE__ */ i(we, { onClick: () => w(nt.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
+            /* @__PURE__ */ i(we, { onClick: () => w(nt.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
           ] }),
           /* @__PURE__ */ i(Pt, {}),
-          /* @__PURE__ */ i(qe, { children: hi.map((g) => /* @__PURE__ */ A(we, { onClick: () => w(g), children: [
+          /* @__PURE__ */ i(Ue, { children: fi.map((g) => /* @__PURE__ */ A(we, { onClick: () => w(g), children: [
             g,
             " %"
           ] }, g)) })
@@ -2459,11 +2462,11 @@ const Ce = {
         disabled: v,
         onClick: h,
         "aria-label": u == null ? void 0 : u.zoomInTooltip,
-        children: /* @__PURE__ */ i(mi, {})
+        children: /* @__PURE__ */ i(gi, {})
       }
     ) })
   ] }) : null;
-}, ne = {
+}, re = {
   "rp-search-tool-content": "_rp-search-tool-content_jvchu_1",
   "rp-search-tool-input": "_rp-search-tool-input_jvchu_8",
   "rp-search-tool-input-icon": "_rp-search-tool-input-icon_jvchu_14",
@@ -2474,10 +2477,10 @@ const Ce = {
   "rp-search-input": "_rp-search-input_jvchu_57",
   "rp-search-icon-info": "_rp-search-icon-info_jvchu_62"
 }, Yt = () => {
-  const { searchIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Yr, {});
-}, vi = () => {
-  const { container: t } = Pe(), [e, n] = H(!1), { pdf: o } = Y(), [r, a] = H(null), {
+  const { searchIcon: t } = he();
+  return t || /* @__PURE__ */ i(eo, {});
+}, wi = () => {
+  const { container: t } = Se(), [e, n] = M(!1), { pdf: o } = Q(), [r, a] = M(null), {
     searchOptions: s,
     setSearchOptions: c,
     loading: l,
@@ -2487,19 +2490,19 @@ const Ce = {
     nextMatch: p,
     prevMatch: v,
     search: _
-  } = vn(), { searchTool: C = !0 } = ve(), [w, g] = H(_), { localeMessages: m } = de(), P = L(() => {
+  } = _n(), { searchTool: b = !0 } = ve(), [w, g] = M(_), { localeMessages: m } = pe(), P = L(() => {
     n(!0);
   }, []), I = L(() => {
     u(""), g(""), n(!1);
   }, [u]), d = (y) => {
-    const E = y.key === "Enter", W = y.key === " ";
-    (E || W) && I();
+    const E = y.key === "Enter", G = y.key === " ";
+    (E || G) && I();
   }, T = L(
     (y) => {
       y.key === "Escape" && e && I();
     },
     [e]
-  ), b = L(
+  ), C = L(
     (y) => {
       y.shiftKey && y.key === "Enter" ? v() : y.key === "Enter" && _ !== w ? u(w) : y.key === "Enter" && p();
     },
@@ -2512,14 +2515,14 @@ const Ce = {
   }, [r]);
   const S = L((y) => {
     g(y.target.value);
-  }, []), F = L(() => {
+  }, []), O = L(() => {
     g(""), u("");
-  }, [u]), x = k(() => `${f} / ${h}`, [f, h]), { wholeWords: N, matchCase: R } = k(() => s, [s]), O = L(
+  }, [u]), x = k(() => `${f} / ${h}`, [f, h]), { wholeWords: D, matchCase: R } = k(() => s, [s]), F = L(
     (y) => {
       c((E) => ({ ...E, matchCase: y }));
     },
     [c]
-  ), D = L(
+  ), N = L(
     (y) => {
       c((E) => ({ ...E, wholeWords: y }));
     },
@@ -2527,42 +2530,42 @@ const Ce = {
   );
   return z(() => {
     I();
-  }, [o, I]), C ? /* @__PURE__ */ i(Fe, { children: /* @__PURE__ */ i(
-    eo,
+  }, [o, I]), b ? /* @__PURE__ */ i(Fe, { children: /* @__PURE__ */ i(
+    no,
     {
       open: e,
       container: t,
       triggerComponent: /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchButtonTooltip, children: /* @__PURE__ */ i(ee, { onClick: P, "aria-label": m == null ? void 0 : m.searchButtonTooltip, children: /* @__PURE__ */ i(Yt, {}) }) }),
-      children: /* @__PURE__ */ A("div", { className: ne["rp-search-tool-content"], children: [
-        /* @__PURE__ */ A("div", { className: ne["rp-search-tool-input-wrapper"], children: [
-          /* @__PURE__ */ A("div", { className: ne["rp-search-tool-input"], children: [
+      children: /* @__PURE__ */ A("div", { className: re["rp-search-tool-content"], children: [
+        /* @__PURE__ */ A("div", { className: re["rp-search-tool-input-wrapper"], children: [
+          /* @__PURE__ */ A("div", { className: re["rp-search-tool-input"], children: [
             /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchInputTooltip, children: /* @__PURE__ */ i(
               tn,
               {
                 value: w,
-                onKeyDown: b,
+                onKeyDown: C,
                 onChange: S,
                 icon: /* @__PURE__ */ i(Yt, {}),
                 placeholder: m == null ? void 0 : m.searchInputPlaceholder,
-                className: ne["rp-search-input"],
+                className: re["rp-search-input"],
                 ref: a,
-                children: !!w && /* @__PURE__ */ i("span", { className: ne["rp-search-tool-input-clear"], onClick: F, children: /* @__PURE__ */ i(Qr, {}) })
+                children: !!w && /* @__PURE__ */ i("span", { className: re["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ i(to, {}) })
               }
             ) }),
-            l ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(We, {}) }) : /* @__PURE__ */ i("span", { children: x })
+            l ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(bt, {}) }) : /* @__PURE__ */ i("span", { children: x })
           ] }),
-          /* @__PURE__ */ A("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ i(Ft, { name: "matchCase", value: R, onChange: O, children: m == null ? void 0 : m.searchMatchCaseLabel }),
-            /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(kt, {}) }) }),
-            /* @__PURE__ */ i(Ft, { name: "wholeWord", value: N, onChange: D, children: m == null ? void 0 : m.searchWholeWordsLabel }),
-            /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(kt, {}) }) })
+          /* @__PURE__ */ A("div", { className: re["rp-search-tool-input-checkboxes"], children: [
+            /* @__PURE__ */ i(Ft, { name: "matchCase", value: R, onChange: F, children: m == null ? void 0 : m.searchMatchCaseLabel }),
+            /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: re["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(kt, {}) }) }),
+            /* @__PURE__ */ i(Ft, { name: "wholeWord", value: D, onChange: N, children: m == null ? void 0 : m.searchWholeWordsLabel }),
+            /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: re["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(kt, {}) }) })
           ] })
         ] }),
-        /* @__PURE__ */ A("div", { className: ne["rp-search-tool-controls"], children: [
+        /* @__PURE__ */ A("div", { className: re["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(q, { content: m == null ? void 0 : m.searchPrevTooltip, children: /* @__PURE__ */ i(ee, { onClick: v, "aria-label": m == null ? void 0 : m.searchPrevTooltip, children: /* @__PURE__ */ i(
             ke,
             {
-              className: ne["rp-search-tool-input-icon"],
+              className: re["rp-search-tool-input-icon"],
               "aria-disabled": !h
             }
           ) }) }),
@@ -2570,7 +2573,7 @@ const Ce = {
             ke,
             {
               style: { transform: "rotate(180deg" },
-              className: ne["rp-search-tool-input-icon"],
+              className: re["rp-search-tool-input-icon"],
               "aria-disabled": !h
             }
           ) }) }),
@@ -2579,51 +2582,51 @@ const Ce = {
             {
               onKeyDown: d,
               "aria-label": m == null ? void 0 : m.searchCloseButtonTooltip,
-              children: /* @__PURE__ */ i(cn, { onClick: I, className: ne["rp-search-tool-input-icon"] })
+              children: /* @__PURE__ */ i(ln, { onClick: I, className: re["rp-search-tool-input-icon"] })
             }
           ) })
         ] })
       ] })
     }
   ) }) : null;
-}, _i = "_loading_16o91_1", Ne = {
+}, bi = "_loading_16o91_1", Ne = {
   "rp-loading-overlay": "_rp-loading-overlay_16o91_1",
   "rp-loading-modal": "_rp-loading-modal_16o91_14",
   "rp-loading-title": "_rp-loading-title_16o91_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_16o91_35",
   "rp-loading-progress": "_rp-loading-progress_16o91_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_16o91_52",
-  loading: _i
-}, wi = ({ percentage: t }) => {
-  const { cancel: e } = tt(), { localeMessages: n } = de();
-  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ A("div", { className: re(Ne["rp-loading-modal"]), children: [
-    /* @__PURE__ */ A("div", { className: re(Ne["rp-loading-title"]), children: [
+  loading: bi
+}, Ci = ({ percentage: t }) => {
+  const { cancel: e } = et(), { localeMessages: n } = pe();
+  return t < 1 ? null : /* @__PURE__ */ i("div", { className: oe(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ A("div", { className: oe(Ne["rp-loading-modal"]), children: [
+    /* @__PURE__ */ A("div", { className: oe(Ne["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ i("div", { className: re(Ne["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: oe(Ne["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
       "div",
       {
-        className: re(Ne["rp-loading-progress"]),
+        className: oe(Ne["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ i("button", { className: re(Ne["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ i("button", { className: oe(Ne["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, bi = Ke((t, e) => {
-  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Se(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+}, Ti = Be((t, e) => {
+  const { showPrintProgress: n } = ve(), { progress: o } = et(), { isSmallScreen: r } = Ie(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ A("div", { children: [
     /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: De["rp-toolbar-content"], children: /* @__PURE__ */ A("div", { className: De["rp-toolbar-wrapper"], style: s(), children: [
       /* @__PURE__ */ A("div", { "data-rp": "topBarLeft", className: De["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(vi, {}),
-        /* @__PURE__ */ i(Ao, {})
+        /* @__PURE__ */ i(wi, {}),
+        /* @__PURE__ */ i(ko, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: De["rp-toolbar-middle"], children: /* @__PURE__ */ i(gi, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: De["rp-toolbar-end"], children: /* @__PURE__ */ i(di, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: De["rp-toolbar-middle"], children: /* @__PURE__ */ i(_i, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: De["rp-toolbar-end"], children: /* @__PURE__ */ i(hi, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(wi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(Ci, { percentage: a }) : null
   ] });
-}), ht = {
+}), pt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
   "rp-sidebar-content": "_rp-sidebar-content_4wlw3_1",
   "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_4wlw3_16",
@@ -2634,7 +2637,7 @@ const Ce = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, Ci = (t) => {
+}, Pi = (t) => {
   const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = se(), s = k(() => o ? ze["rp-thumbnail-active"] : "", [o]), c = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
@@ -2648,7 +2651,7 @@ const Ce = {
       id: `page-${n}`,
       className: ze["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ i("div", { className: re(s, ze["rp-thumbnail"]), children: e ? /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: oe(s, ze["rp-thumbnail"]), children: e ? /* @__PURE__ */ i(
           "img",
           {
             src: e,
@@ -2664,7 +2667,7 @@ const Ce = {
               width: `${c.width}px`,
               height: `${c.height}px`
             },
-            children: /* @__PURE__ */ i(We, {})
+            children: /* @__PURE__ */ i(bt, {})
           }
         ) }),
         /* @__PURE__ */ i("div", { className: ze["rp-thumbnail-text"], children: n })
@@ -2674,24 +2677,24 @@ const Ce = {
 }, Qt = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Ti = 16, Pi = (t, e) => {
+}, Si = 16, Ii = (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) - Ti);
-}, Si = Ke((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = se(), { thumbnailPages: a, addPage: s, thumbnailLength: c, addToPage: l } = fn(), u = M(null), h = M(1);
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Si);
+}, yi = Be((t, e) => {
+  const { show: n } = t, { focusedPage: o, totalPages: r } = se(), { thumbnailPages: a, addPage: s, thumbnailLength: c, addToPage: l } = gn(), u = W(null), h = W(1);
   en(e, () => u.current);
   const f = k(() => Object.values(a), [a]), p = L(() => {
     const v = c + 1;
     v <= r && s(v);
   }, [s, r, c]);
   return z(() => {
-    o > c ? l(o) : n && h.current !== o && (Pi(u.current, o), h.current = o);
-  }, [o, c, l, n, f]), lr(u.current, p), /* @__PURE__ */ i("div", { ref: u, className: Qt["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: Qt["rp-thumbnails"], children: n ? f.map((v, _) => {
-    var C, w;
+    o > c ? l(o) : n && h.current !== o && (Ii(u.current, o), h.current = o);
+  }, [o, c, l, n, f]), dr(u.current, p), /* @__PURE__ */ i("div", { ref: u, className: Qt["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: Qt["rp-thumbnails"], children: n ? f.map((v, _) => {
+    var b, w;
     return /* @__PURE__ */ i(
-      Ci,
+      Pi,
       {
-        isFocused: o === ((C = v.page) == null ? void 0 : C.pageNumber),
+        isFocused: o === ((b = v.page) == null ? void 0 : b.pageNumber),
         pageNumber: (w = v.page) == null ? void 0 : w.pageNumber,
         thumbnailSrc: v.thumbnailSrc,
         loading: v.loading,
@@ -2700,11 +2703,11 @@ const Ce = {
       _
     );
   }) : null }) });
-}), Ii = () => {
-  const { thumbnailIcon: t } = pe();
-  return t || /* @__PURE__ */ i(cr, {});
-}, yi = () => {
-  const { active: t, setActive: e } = fn(), [n, o] = H(200), r = M(null), { thumbnailTool: a } = ve(), { localeMessages: s } = de(), c = L(() => {
+}), xi = () => {
+  const { thumbnailIcon: t } = he();
+  return t || /* @__PURE__ */ i(ur, {});
+}, Ri = () => {
+  const { active: t, setActive: e } = gn(), [n, o] = M(200), r = W(null), { thumbnailTool: a } = ve(), { localeMessages: s } = pe(), c = L(() => {
     e((u) => !u);
   }, []), l = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: c, active: t }) : a ? /* @__PURE__ */ i(q, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
     ee,
@@ -2712,50 +2715,50 @@ const Ce = {
       onClick: c,
       active: t,
       "aria-label": s == null ? void 0 : s.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Ii, {})
+      children: /* @__PURE__ */ i(xi, {})
     }
   ) }) : null, [a, t, c, s]);
   return /* @__PURE__ */ A(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
-      className: ht["rp-sidebar-content-wrapper"],
+      className: pt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: ht["rp-sidebar-content"], children: l }),
-        /* @__PURE__ */ A("div", { "data-rp": "thumbnailSidebar", hidden: !t, className: ht["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ i(Si, { show: t, ref: r }),
-          /* @__PURE__ */ i(ur, { onWidthChange: o, thumbnailRef: r })
+        /* @__PURE__ */ i("div", { className: pt["rp-sidebar-content"], children: l }),
+        /* @__PURE__ */ A("div", { "data-rp": "thumbnailSidebar", hidden: !t, className: pt["rp-thumbnails-wrapper"], children: [
+          /* @__PURE__ */ i(yi, { show: t, ref: r }),
+          /* @__PURE__ */ i(pr, { onWidthChange: o, thumbnailRef: r })
         ] })
       ]
     }
   );
-}, ss = Ke((t, e) => {
-  const { children: n, slots: o, icons: r, style: a, className: s, mobileWidth: c, onLoaded: l, cleanupOnLoaded: u } = t, [h, f] = H(null), { setContainer: p, setContentRef: v } = Pe(), { loading: _ } = Y();
+}, us = Be((t, e) => {
+  const { children: n, slots: o, icons: r, style: a, className: s, mobileWidth: c, onLoaded: l, cleanupOnLoaded: u } = t, [h, f] = M(null), { setContainer: p, setContentRef: v } = Se(), { loading: _ } = Q(), { LoaderImageComponent: b } = an();
   return z(() => (l && l(), () => {
     u && u();
-  }), [l, u]), /* @__PURE__ */ i("div", { ref: e, className: re(be["rp-theme-variables"], be["rp-container"]), children: /* @__PURE__ */ i(gr, { mobileWidth: c, children: /* @__PURE__ */ i(dr, { slots: o, children: /* @__PURE__ */ i(pr, { icons: r, children: /* @__PURE__ */ A(
-    hr,
+  }), [l, u]), /* @__PURE__ */ i("div", { ref: e, className: oe(Ce["rp-theme-variables"], Ce["rp-container"]), children: /* @__PURE__ */ i(_r, { mobileWidth: c, children: /* @__PURE__ */ i(hr, { slots: o, children: /* @__PURE__ */ i(mr, { icons: r, children: /* @__PURE__ */ A(
+    fr,
     {
       getContainerRef: p,
       toolbarRef: h,
       style: a,
       className: s,
       children: [
-        /* @__PURE__ */ A(mr, { children: [
-          /* @__PURE__ */ A("div", { className: be["rp-layout"], children: [
-            /* @__PURE__ */ i(bi, { ref: f }),
-            /* @__PURE__ */ A("div", { className: be["rp-content"], children: [
-              /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(yi, {}) }),
-              /* @__PURE__ */ i("div", { ref: v, className: be["rp-pages"], children: n })
+        /* @__PURE__ */ A(gr, { children: [
+          /* @__PURE__ */ A("div", { className: Ce["rp-layout"], children: [
+            /* @__PURE__ */ i(Ti, { ref: f }),
+            /* @__PURE__ */ A("div", { className: Ce["rp-content"], children: [
+              /* @__PURE__ */ i("div", { className: Ce["rp-sidebar"], children: /* @__PURE__ */ i(Ri, {}) }),
+              /* @__PURE__ */ i("div", { ref: v, className: Ce["rp-pages"], children: n })
             ] })
           ] }),
-          /* @__PURE__ */ i(fr, {})
+          /* @__PURE__ */ i(vr, {})
         ] }),
         _ ? /* @__PURE__ */ i(
           "div",
           {
-            className: be["rp-loader"],
+            className: Ce["rp-loader"],
             style: {
               position: "absolute",
               top: 0,
@@ -2775,7 +2778,7 @@ const Ce = {
                   height: "100%",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ i(We, {})
+                children: b && /* @__PURE__ */ i(b, {})
               }
             )
           }
@@ -2785,45 +2788,45 @@ const Ce = {
   ) }) }) }) });
 });
 export {
-  lo as A,
-  Ci as B,
-  io as C,
-  No as D,
-  Si as E,
-  Wn as F,
-  yi as G,
-  wi as L,
-  li as M,
-  ui as O,
-  es as P,
-  os as R,
-  rs as S,
-  ns as T,
-  gi as Z,
-  ts as a,
-  ss as b,
-  An as c,
-  tt as d,
-  vn as e,
-  dn as f,
-  to as g,
-  pn as h,
-  no as i,
-  hn as j,
-  ro as k,
-  mn as l,
-  fn as m,
-  oo as n,
-  gn as o,
-  ao as p,
+  po as A,
+  Pi as B,
+  so as C,
+  Oo as D,
+  yi as E,
+  Mn as F,
+  Ri as G,
+  Ci as L,
+  di as M,
+  pi as O,
+  rs as P,
+  ss as R,
+  as as S,
+  is as T,
+  _i as Z,
+  os as a,
+  us as b,
+  Fn as c,
+  et as d,
+  _n as e,
+  pn as f,
+  ro as g,
+  hn as h,
+  oo as i,
+  mn as j,
+  io as k,
+  fn as l,
+  gn as m,
+  ao as n,
+  vn as o,
+  co as p,
   St as q,
-  xo as r,
-  Eo as s,
-  Ao as t,
+  Lo as r,
+  Do as s,
+  ko as t,
   se as u,
-  Yo as v,
-  $n as w,
-  di as x,
-  vi as y,
-  bi as z
+  ei as v,
+  Gn as w,
+  hi as x,
+  wi as y,
+  Ti as z
 };