@pdf-viewer/react 1.1.0-beta.4 → 1.1.0-beta.5

package/dist/{RPDefaultLayout-e37d2a6d.js → RPDefaultLayout-c14e28c7.js}

@@ -1,144 +1,144 @@
-import { jsx as a, jsxs as D, Fragment as ke } from "react/jsx-runtime";
-import * as q from "react";
-import { useRef as W, useEffect as A, useCallback as R, useState as $, createContext as Ge, useContext as Ve, useMemo as z, forwardRef as Ue, useImperativeHandle as qt, createElement as De, PureComponent as Gn, Component as Vn, memo as Un } from "react";
+import { jsx as a, jsxs as O, Fragment as ke } from "react/jsx-runtime";
+import * as U from "react";
+import { useRef as H, useEffect as A, useCallback as R, useState as $, createContext as Ge, useContext as Ve, useMemo as z, forwardRef as Ue, useImperativeHandle as Zt, createElement as De, PureComponent as qn, Component as Zn, memo as jn } from "react";
 import { ChevronUpIcon as Re } from "./components/icons/ChevronUpIcon.js";
-import { UIButton as J } from "./components/ui/Button.js";
-import { UIInput as Zt } from "./components/ui/Input.js";
+import { UIButton as Y } from "./components/ui/Button.js";
+import { UIInput as jt } from "./components/ui/Input.js";
 import { useScrollModeContext as Pe } 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 We, ScrollMode as B, AnnotationSubType as at, SelectionMode as qn, ZoomLevel as Ke } from "./utils/types.js";
+import { ViewMode as We, ScrollMode as X, AnnotationSubType as at, SelectionMode as Bn, ZoomLevel as Ke } from "./utils/types.js";
 import { useRotationContext as qe } from "./contexts/RotationContext.js";
-import { useLayerContext as Zn } from "./contexts/LayerContext.js";
+import { useLayerContext as Kn } from "./contexts/LayerContext.js";
 import { useZoomContext as Ze } from "./contexts/ZoomContext.js";
 import { useViewModeContext as je } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as Be } from "./contexts/VirtualScrollContext.js";
-import { useVirtualGridContext as jt } from "./contexts/VirtualGridContext.js";
-import { useScrollStateContext as Bt } from "./contexts/ScrollStateContext.js";
-import { useSelectionModeContext as jn } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as Bn } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as Kn } from "./contexts/FullScreenContext.js";
+import { useVirtualGridContext as Bt } from "./contexts/VirtualGridContext.js";
+import { useScrollStateContext as Kt } from "./contexts/ScrollStateContext.js";
+import { useSelectionModeContext as Xn } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as Jn } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as Yn } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
 import { renderPage as it } from "./utils/renderPage.js";
-import { highlightMatches as Kt, findMatches as Xn, resetDivs as Jn } from "./utils/highlight.js";
-import * as Xt from "pdfjs-dist";
-import { PixelsPerInch as Yn, AnnotationMode as Qn, RenderingCancelledException as eo, AnnotationLayer as to } from "pdfjs-dist";
+import { highlightMatches as Xt, findMatches as Qn, resetDivs as eo } from "./utils/highlight.js";
+import * as Jt from "pdfjs-dist";
+import { PixelsPerInch as to, AnnotationMode as no, RenderingCancelledException as oo, AnnotationLayer as ro } from "pdfjs-dist";
 import { useLayoutContainer as Le } from "./contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as Jt } from "./contexts/DimensionPagesContext.js";
+import { useDimensionPagesContext as Yt } from "./contexts/DimensionPagesContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as no } from "./components/icons/Thumbnail.js";
-import { c as te } from "./clsx-0c6e471a.js";
+import { ThumbnailIcon as so } from "./components/icons/Thumbnail.js";
+import { c as ee } from "./clsx-0c6e471a.js";
 import { LoaderIcon as Ne } from "./components/icons/LoaderIcon.js";
-import { useInfiniteScroll as oo } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as ro } from "./components/layout/sidebar/RPSplitter.js";
-import { useToolbarComponentContext as pe, ToolbarComponentProvider as so } from "./contexts/ToolbarComponentContext.js";
-import { useIconContext as le, IconProvider as ao } from "./contexts/IconContext.js";
-import ne from "./components/ui/RPTooltip.js";
-import { c as we, C as io } from "./Container-fdb0a71f.js";
-import { WrapperLayout as co } from "./components/layout/WrapperLayout.js";
-import { RPDropFileZone as lo } from "./components/RPDropFileZone.js";
-import { useViewportContext as ve, ViewportProvider as uo } from "./contexts/ViewportContext.js";
+import { useInfiniteScroll as ao } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as io } from "./components/layout/sidebar/RPSplitter.js";
+import { useToolbarComponentContext as de, ToolbarComponentProvider as co } from "./contexts/ToolbarComponentContext.js";
+import { useIconContext as ie, IconProvider as lo } from "./contexts/IconContext.js";
+import te from "./components/ui/RPTooltip.js";
+import { c as we, C as uo } from "./Container-fdb0a71f.js";
+import { WrapperLayout as po } from "./components/layout/WrapperLayout.js";
+import { RPDropFileZone as ho } from "./components/RPDropFileZone.js";
+import { useViewportContext as _e, ViewportProvider as mo } from "./contexts/ViewportContext.js";
 import "./contexts/ThemeContext.js";
-import { SimpleLinkService as po } from "./utils/link_service.js";
+import { SimpleLinkService as fo } from "./utils/link_service.js";
 import { dateFormatter as ct } from "./utils/dateFormatter.js";
-import { sanitizeExternalUrl as ho } from "./utils/sanitizeExternalUrl.js";
-import { useWatermark as mo } from "./utils/hooks/useWatermark.js";
-import { useMousePressed as fo } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as go } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as vo } from "./utils/hooks/usePinch.js";
-import { getThumbnailViewport as St } from "./utils/getThumbnailViewport.js";
-import { useDimensionPages as _o } from "./utils/hooks/useDimensionPages.js";
-import { useDebounce as wo } from "./utils/hooks/useDebounce.js";
-import { appConsole as bo } from "./utils/appConsole.js";
-import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as Co } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as To } from "./components/icons/ThreeDotIcon.js";
+import { sanitizeExternalUrl as go } from "./utils/sanitizeExternalUrl.js";
+import { useWatermark as Qt } from "./utils/hooks/useWatermark.js";
+import { useMousePressed as vo } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as _o } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as wo } from "./utils/hooks/usePinch.js";
+import { useDebounce as en } from "./utils/hooks/useDebounce.js";
+import { getThumbnailViewport as It } from "./utils/getThumbnailViewport.js";
+import { useDimensionPages as bo } from "./utils/hooks/useDimensionPages.js";
+import { appConsole as Co } from "./utils/appConsole.js";
+import { FileUploadTool as tn } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as To } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Po } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as mt } from "./components/ui/DropDown.js";
-import { c as Po, a as ft, P as Me, b as xe, d as gt, i as So, k as Io, u as yo } from "./index-3dff3fa8.js";
-import { D as xo, u as Xe } from "./index-4f17fe4d.js";
-import { a as Ro, h as Lo, u as No, F as Mo, b as Eo, G as He } from "./index-1db49c1a.js";
-import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
-import { PropertyItem as Oo } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as Do, OtherToolProvider as Ao } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as zo } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as Fo } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as ko } from "./components/layout/toolbar/ScrollModeTool.js";
+import { c as So, a as ft, P as Me, b as xe, d as gt, i as Io, k as yo, u as xo } from "./index-3dff3fa8.js";
+import { D as Ro, u as Xe } from "./index-4f17fe4d.js";
+import { a as Lo, h as No, u as Mo, F as Eo, b as Oo, G as He } from "./index-1db49c1a.js";
+import { CloseIcon as nn } from "./components/icons/CloseIcon.js";
+import { PropertyItem as Do } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as Ao, OtherToolProvider as zo } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as Fo } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as ko } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as Wo } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as vt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Wo } from "./components/icons/FileDownloadDefaultIcon.js";
-import { MenuItem as me } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as Ho } from "./components/icons/PrintDefaultIcon.js";
-import { FullScreenTool as en } from "./components/layout/toolbar/FullScreenTool.js";
-import { GoToDownIcon as tn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as $o } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as Go } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as Vo } from "./components/icons/ZoomOutIcon.js";
-import { PAGE_PADDING as It } from "./utils/constants.js";
-import { getZoomLevel as Uo } from "./utils/getZoomLevel.js";
-import { SearchIcon as qo } from "./components/icons/SearchIcon.js";
-import { UICheckbox as yt } from "./components/ui/Checkbox.js";
-import { ClearIcon as Zo } from "./components/icons/ClearIcon.js";
-import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e, nn = () => {
-  const { viewMode: e } = je(), { scrollMode: t } = Pe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Be(), { setFocusedPage: s } = re(), c = W(), { columnCount: i } = jt(), { widths: l, heights: p } = _o(), h = W(t), m = W(e), u = W(i);
+import { FileDownloadDefaultIcon as Ho } from "./components/icons/FileDownloadDefaultIcon.js";
+import { MenuItem as fe } from "./components/layout/toolbar/MenuItem.js";
+import { PrintDefaultTool as $o } from "./components/icons/PrintDefaultIcon.js";
+import { FullScreenTool as on } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as rn } from "./components/icons/GoToDownIcon.js";
+import { SelectionModeTool as Go } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Vo } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as Uo } from "./components/icons/ZoomOutIcon.js";
+import { PAGE_PADDING as yt } from "./utils/constants.js";
+import { getZoomLevel as qo } from "./utils/getZoomLevel.js";
+import { SearchIcon as Zo } from "./components/icons/SearchIcon.js";
+import { UICheckbox as xt } from "./components/ui/Checkbox.js";
+import { ClearIcon as jo } from "./components/icons/ClearIcon.js";
+import './assets/RPDefaultLayout.css';const Bo = (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e, sn = () => {
+  const { viewMode: e } = je(), { scrollMode: t } = Pe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Be(), { setFocusedPage: s } = oe(), c = H(), { columnCount: i } = Bt(), { widths: l, heights: p } = bo(), h = H(t), m = H(e), d = H(i);
   A(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), A(() => {
     h.current = t, m.current = e;
   }, [t, e]);
-  const g = R((f, _, P) => {
+  const g = R((f, w, P) => {
     const T = {
       left: f.scrollLeft,
       top: f.scrollTop
-    }, x = {
-      left: _ - T.left,
+    }, I = {
+      left: w - T.left,
       top: P - T.top
-    }, d = performance.now(), C = 300, w = (y) => {
-      const N = y - d, I = Math.min(N / C, 1), S = jo(I), M = T.left + x.left * S, L = T.top + x.top * S;
+    }, u = performance.now(), C = 300, b = (x) => {
+      const N = x - u, y = Math.min(N / C, 1), S = Bo(y), M = T.left + I.left * S, L = T.top + I.top * S;
       f.scrollTo({
         left: M,
         top: L
-      }), I < 1 && requestAnimationFrame(w);
+      }), y < 1 && requestAnimationFrame(b);
     };
-    requestAnimationFrame(w);
+    requestAnimationFrame(b);
   }, []), v = R(
     (f) => {
       if (!r)
         return;
-      const _ = Math.ceil(f / 2) * 2 - 1;
-      f === _ + 1 ? g(r, l[_], 0) : g(r, 0, 0);
+      const w = Math.ceil(f / 2) * 2 - 1;
+      f === w + 1 ? g(r, l[w], 0) : g(r, 0, 0);
     },
     [r, l, g]
   );
   return A(() => {
     h.current = t, m.current = e;
   }, [t, e]), A(() => {
-    u.current = i;
+    d.current = i;
   }, [i]), { scrollToPage: R(
     (f) => {
-      const _ = f - 1;
-      let P = _, T = 0;
-      if (m.current === We.DUAL_PAGE && h.current === B.PAGE_SCROLLING) {
+      const w = f - 1;
+      let P = w, T = 0;
+      if (m.current === We.DUAL_PAGE && h.current === X.PAGE_SCROLLING) {
         v(f);
         return;
       }
-      if (h.current === B.PAGE_SCROLLING) {
+      if (h.current === X.PAGE_SCROLLING) {
         s(f);
         return;
       }
       if (!c.current || !o)
         return;
-      const x = o;
-      if (h.current === B.HORIZONTAL_SCROLLING) {
-        T = _;
-        const d = _ * (l[_] ?? 0);
-        g(x, d, 0);
+      const I = o;
+      if (h.current === X.HORIZONTAL_SCROLLING) {
+        T = w;
+        const u = w * (l[w] ?? 0);
+        g(I, u, 0);
       } else if (m.current === We.DUAL_PAGE) {
-        T = _ % 2, P = Math.floor(_ / 2);
-        const C = P * (p[P] ?? 0), w = T * (l[T] ?? 0);
-        g(x, w, C);
+        T = w % 2, P = Math.floor(w / 2);
+        const C = P * (p[P] ?? 0), b = T * (l[T] ?? 0);
+        g(I, b, C);
       } else {
-        const d = P * (p[P] ?? 0);
-        g(x, 0, d);
+        const u = P * (p[P] ?? 0);
+        g(I, 0, u);
       }
     },
     [
@@ -151,8 +151,8 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
       l
     ]
   ) };
-}, Bo = (e = 1) => {
-  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: s } = nn(), c = W(1), { isScrolling: i } = Bt(), { viewMode: l } = je(), { scrollMode: p } = Pe(), h = wo(t, 100), m = R(
+}, Ko = (e = 1) => {
+  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: s } = sn(), c = H(1), { isScrolling: i } = Kt(), { viewMode: l } = je(), { scrollMode: p } = Pe(), h = en(t, 100), m = R(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: c.current };
@@ -160,29 +160,29 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
       return P < 0 || P > o ? { success: !1, currentPage: c.current } : (n(P), c.current = P, { success: !0, currentPage: +f });
     },
     [o]
-  ), u = R(m, [m]), g = R(
+  ), d = R(m, [m]), g = R(
     (f) => {
-      const _ = m(f);
-      return _.success && (i.current = !0, s(_.currentPage)), _;
+      const w = m(f);
+      return w.success && (i.current = !0, s(w.currentPage)), w;
     },
     [m, s]
   ), v = R(() => {
     let f = t - 1;
     g(f);
-  }, [g, t, l, p]), b = R(() => {
+  }, [g, t, l, p]), _ = R(() => {
     let f = t + 1;
     g(f);
   }, [g, t, l, p]);
   return {
     focusedPage: h,
     totalPages: o,
-    setFocusedPage: u,
+    setFocusedPage: d,
     setTotalPages: r,
-    nextPage: b,
+    nextPage: _,
     prevPage: v,
     goToPage: g
   };
-}, on = Ge({
+}, an = Ge({
   focusedPage: 0,
   setFocusedPage: (e) => {
   },
@@ -194,15 +194,15 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
   },
   nextPage: () => {
   }
-}), re = () => {
-  const e = Ve(on);
-  return typeof (e == null ? void 0 : e.focusedPage) > "u" && bo.error("Please use this hooks inside children component of RPProvider"), e;
-}, Ka = ({ children: e }) => {
-  const { pdf: t } = Y(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: s, goToPage: c, nextPage: i, prevPage: l } = Bo();
+}), oe = () => {
+  const e = Ve(an);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && Co.error("Please use this hooks inside children component of RPProvider"), e;
+}, Xa = ({ children: e }) => {
+  const { pdf: t } = Q(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: s, goToPage: c, nextPage: i, prevPage: l } = Ko();
   return A(() => {
     t != null && t.numPages && s(t.numPages);
   }, [t, s]), /* @__PURE__ */ a(
-    on.Provider,
+    an.Provider,
     {
       value: {
         focusedPage: n,
@@ -217,12 +217,12 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
     }
   );
 };
-const Ko = () => {
-  const { pdf: e, pages: t } = Y(), [n, o] = $({
+const Xo = () => {
+  const { pdf: e, pages: t } = Q(), [n, o] = $({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, s] = $(!1), [c, i] = $(!1), [l, p] = $(null), h = W(!1);
+  }), [r, s] = $(!1), [c, i] = $(!1), [l, p] = $(null), h = H(!1);
   A(() => {
     h.current;
   }, [h]);
@@ -230,7 +230,7 @@ const Ko = () => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const T = document.querySelector(".rp-print-zone");
     T && T.remove();
-  }, []), u = R(() => {
+  }, []), d = R(() => {
     h.current = !1, s(!1), i(!1), p(null), o({
       loadedPages: 0,
       totalPages: 0,
@@ -240,136 +240,136 @@ const Ko = () => {
     h.current = !0;
   }, v = async ({
     scratchCanvas: T,
-    pdfDocument: x,
-    pageNumber: d,
+    pdfDocument: I,
+    pageNumber: u,
     viewerPdfPage: C,
-    printResolution: w,
-    optionalContentConfigPromise: y,
+    printResolution: b,
+    optionalContentConfigPromise: x,
     printAnnotationStoragePromise: N
   }) => {
     if (h.current) {
-      u();
+      d();
       return;
     }
-    const I = w / Yn.PDF;
-    T.width = Math.floor(C.width * I), T.height = Math.floor(C.height * I);
+    const y = b / to.PDF;
+    T.width = Math.floor(C.width * y), T.height = Math.floor(C.height * y);
     const S = T.getContext("2d");
     S.save(), S.fillStyle = "rgb(255, 255, 255)", S.fillRect(0, 0, T.width, T.height), S.restore();
     const [M, L] = await Promise.all([
-      x.getPage(d),
+      I.getPage(u),
       N
     ]);
     if (h.current) {
-      u();
+      d();
       return;
     }
     const E = {
       canvasContext: S,
-      transform: [I, 0, 0, I, 0, 0],
+      transform: [y, 0, 0, y, 0, 0],
       viewport: M.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
-      annotationMode: Qn.ENABLE_STORAGE,
-      optionalContentConfigPromise: y,
+      annotationMode: no.ENABLE_STORAGE,
+      optionalContentConfigPromise: x,
       printAnnotationStorage: L
     };
     try {
       return M.render(E).promise;
-    } catch (O) {
-      throw O instanceof eo || console.error(O), O;
+    } catch (D) {
+      throw D instanceof oo || console.error(D), D;
     }
-  }, b = R(() => {
+  }, _ = R(() => {
     const T = window.print;
-    return new Promise((x) => {
-      const d = (y) => {
+    return new Promise((I) => {
+      const u = (x) => {
         setTimeout(() => {
-          T.call(window), setTimeout(() => y(), 20);
+          T.call(window), setTimeout(() => x(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
-        d(x);
+        u(I);
         return;
       }
-      const w = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (d(x), w.disconnect());
+      const b = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (u(I), b.disconnect());
       });
-      w.observe(document.body, { childList: !0, subtree: !0 });
+      b.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), f = async (T) => {
-    const x = document.createElement("img"), d = document.createElement("div");
-    return d.classList.add("rp-print-page"), await new Promise((C, w) => {
-      T.toBlob((y) => {
-        y ? (x.src = URL.createObjectURL(y), x.onload = () => {
-          URL.revokeObjectURL(x.src), C();
-        }, x.onerror = w) : w(new Error("Failed to create blob"));
+    const I = document.createElement("img"), u = document.createElement("div");
+    return u.classList.add("rp-print-page"), await new Promise((C, b) => {
+      T.toBlob((x) => {
+        x ? (I.src = URL.createObjectURL(x), I.onload = () => {
+          URL.revokeObjectURL(I.src), C();
+        }, I.onerror = b) : b(new Error("Failed to create blob"));
       });
     }).catch(() => {
-    }), d.appendChild(x), d;
-  }, _ = (T, x) => {
-    const d = document.createElement("div");
-    d.classList.add("rp-print-zone");
-    const C = document.createElement("style"), w = x.get(1);
-    if (w) {
-      const { width: y, height: N } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
-      C.innerHTML = `@page { size: ${y}px ${N}px }`;
+    }), u.appendChild(I), u;
+  }, w = (T, I) => {
+    const u = document.createElement("div");
+    u.classList.add("rp-print-zone");
+    const C = document.createElement("style"), b = I.get(1);
+    if (b) {
+      const { width: x, height: N } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
+      C.innerHTML = `@page { size: ${x}px ${N}px }`;
     }
-    return d.appendChild(C), d.append(...T), d;
+    return u.appendChild(C), u.append(...T), u;
   }, P = R(async () => {
     if (!e)
       return;
-    u();
-    const T = document.createElement("canvas"), x = [];
+    d();
+    const T = document.createElement("canvas"), I = [];
     try {
       e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const C = e.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
+      const C = e.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
         e.annotationStorage.print ?? void 0
-      ), y = t.size;
-      for (const [I, S] of t) {
+      ), x = t.size;
+      for (const [y, S] of t) {
         if (h.current) {
-          u();
+          d();
           return;
         }
         const M = S.page.getViewport({ scale: 1 });
         if (await v({
           scratchCanvas: T,
           pdfDocument: e,
-          pageNumber: I,
+          pageNumber: y,
           viewerPdfPage: M,
           printResolution: 150,
           optionalContentConfigPromise: C,
-          printAnnotationStoragePromise: w
+          printAnnotationStoragePromise: b
         }), h.current) {
-          u();
+          d();
           return;
         }
         const L = await f(T);
-        x.push(L);
-        const E = parseFloat((x.length / y * 100).toFixed(2));
+        I.push(L);
+        const E = parseFloat((I.length / x * 100).toFixed(2));
         o({
-          loadedPages: I,
-          totalPages: y,
+          loadedPages: y,
+          totalPages: x,
           percentage: E
         });
       }
       if (h.current) {
-        u();
+        d();
         return;
       }
-      const N = _(x, t);
-      document.body.appendChild(N), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), s(!0), await b();
-    } catch (d) {
-      i(!0), d instanceof Error && p(d);
+      const N = w(I, t);
+      document.body.appendChild(N), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), s(!0), await _();
+    } catch (u) {
+      i(!0), u instanceof Error && p(u);
     } finally {
       T.height = 0, T.width = 0;
     }
   }, [e, t, h]);
   return A(() => {
     const T = () => {
-      u(), m();
+      d(), m();
     };
     return window.addEventListener("afterprint", T, !0), () => {
       window.removeEventListener("afterprint", T, !0);
     };
-  }, [m, u]), {
+  }, [m, d]), {
     print: P,
     cancel: g,
     progress: n,
@@ -377,7 +377,7 @@ const Ko = () => {
     isError: c,
     error: l
   };
-}, rn = Ge({
+}, cn = Ge({
   print: () => {
   },
   cancel: () => {
@@ -394,10 +394,10 @@ const Ko = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), Xa = ({ children: e }) => {
-  const [t, n] = $(null), [o, r] = $(null), { print: s, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Ko(), m = R((f) => {
+}), Ja = ({ children: e }) => {
+  const [t, n] = $(null), [o, r] = $(null), { print: s, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Xo(), m = R((f) => {
     f && typeof f == "function" && r(() => f);
-  }, []), u = (f) => {
+  }, []), d = (f) => {
     h && f(h);
   }, g = R(
     (f) => {
@@ -408,7 +408,7 @@ const Ko = () => {
   A(() => {
     l && o && v();
   }, [l, o]), A(() => {
-    p && u((f) => {
+    p && d((f) => {
       console.error(f);
     });
   }, [p]), A(() => {
@@ -416,44 +416,44 @@ const Ko = () => {
   }, [i, t]);
   const v = () => {
     o && (o(), r(null));
-  }, b = {
+  }, _ = {
     print: s,
     cancel: c,
     setOnProgress: g,
     setOnComplete: m,
-    setOnError: u,
+    setOnError: d,
     progress: i
   };
-  return /* @__PURE__ */ a(rn.Provider, { value: b, children: e });
+  return /* @__PURE__ */ a(cn.Provider, { value: _, children: e });
 }, _t = () => {
-  const e = Ve(rn);
+  const e = Ve(cn);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, Xo = () => {
-  const [e, t] = $({}), { pages: n } = Y(), { rotate: o } = qe(), r = z(() => Object.keys(e).length, [e]), s = R(
+}, Jo = () => {
+  const [e, t] = $({}), { pages: n } = Q(), { rotate: o } = qe(), r = z(() => Object.keys(e).length, [e]), s = R(
     (i) => {
       if (!n.size)
         return;
       const l = Array.from(n.values()).slice(0, i).map((m) => {
-        const { thumbnailViewport: u, scale: g } = St(m.page, o);
+        const { thumbnailViewport: d, scale: g } = It(m.page, o);
         return {
           scale: g,
           page: m.page,
           loading: !0,
-          viewport: u
+          viewport: d
         };
-      }), p = l.reduce((m, u) => (m[u.page.pageNumber] = u, m), {});
+      }), p = l.reduce((m, d) => (m[d.page.pageNumber] = d, m), {});
       t(p);
       const h = [];
       for (const m of l) {
-        const u = document.createElement("canvas"), g = it(
+        const d = document.createElement("canvas"), g = it(
           m.page,
-          u,
+          d,
           m.scale,
           o
         ).promise.then(() => {
-          const v = u.toDataURL();
+          const v = d.toDataURL();
           return {
             ...m,
             thumbnailSrc: v,
@@ -463,11 +463,11 @@ const Ko = () => {
         h.push(g);
       }
       Promise.all(h).then((m) => {
-        const u = m.reduce(
+        const d = m.reduce(
           (g, v) => (g[v.page.pageNumber] = v, g),
           {}
         );
-        t((g) => ({ ...g, ...u }));
+        t((g) => ({ ...g, ...d }));
       });
     },
     [n, o]
@@ -493,9 +493,9 @@ const Ko = () => {
       }));
       const p = document.createElement("canvas");
       it(l.page, p, l.thumbnailScale, o).promise.then(() => {
-        const h = p.toDataURL(), { thumbnailViewport: m, scale: u } = St(l.page, o);
+        const h = p.toDataURL(), { thumbnailViewport: m, scale: d } = It(l.page, o);
         return {
-          scale: u,
+          scale: d,
           thumbnailSrc: h,
           page: l.page,
           loading: !1,
@@ -508,7 +508,7 @@ const Ko = () => {
     [n, o]
   );
   return { thumbnailPages: e, addPage: c, addToPage: s, thumbnailLength: r };
-}, sn = Ge({
+}, ln = Ge({
   thumbnailPages: {},
   addPage: (e) => {
   },
@@ -518,45 +518,45 @@ const Ko = () => {
   setActive: (e) => {
   },
   active: !1
-}), an = () => Ve(sn), Ja = ({
+}), un = () => Ve(ln), Ya = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: s } = Xo(), [c, i] = $(t);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: s } = Jo(), [c, i] = $(t);
   return /* @__PURE__ */ a(
-    sn.Provider,
+    ln.Provider,
     {
       value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: s, active: c, setActive: i },
       children: e
     }
   );
-}, Jo = (e = {}, t = "") => {
-  const [n, o] = $(t), [r, s] = $(!1), { pdf: c, pages: i } = Y(), l = Jt(), p = W(!n), { currentZoom: h } = Ze(), [m, u] = $([]), { setFocusedPage: g } = re(), [v, b] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: _ } = Be(), { scrollMode: P } = Pe(), [T, x] = $(null), d = W({}), C = z(() => v === 0 ? null : m[v - 1], [v, m]), w = z(() => m.length, [m]);
+}, Yo = (e = {}, t = "") => {
+  const [n, o] = $(t), [r, s] = $(!1), { pdf: c, pages: i } = Q(), l = Yt(), p = H(!n), { currentZoom: h } = Ze(), [m, d] = $([]), { setFocusedPage: g } = oe(), [v, _] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: w } = Be(), { scrollMode: P } = Pe(), [T, I] = $(null), u = H({}), C = z(() => v === 0 ? null : m[v - 1], [v, m]), b = z(() => m.length, [m]);
   A(() => {
     if (!C || !i)
       return;
-    const S = _ || f;
+    const S = w || f;
     if (!S)
       return;
     const M = i.get(C.page), L = S.clientHeight / 2, E = S.clientWidth / 2;
-    let O = 0, F = 0;
-    P === B.PAGE_SCROLLING && g(C.page), P === B.VERTICAL_SCROLLING && (O = l.heights.slice(0, C.page - 1).reduce((V, K) => V + K, 0)), P === B.HORIZONTAL_SCROLLING && (F = l.widths.slice(0, C.page - 1).reduce((V, K) => V + K, 0));
+    let D = 0, k = 0;
+    P === X.PAGE_SCROLLING && g(C.page), P === X.VERTICAL_SCROLLING && (D = l.heights.slice(0, C.page - 1).reduce((V, B) => V + B, 0)), P === X.HORIZONTAL_SCROLLING && (k = l.widths.slice(0, C.page - 1).reduce((V, B) => V + B, 0));
     let G;
     if (!M)
       return;
-    const U = d.current[C.page], j = M.page.getViewport({ scale: 1 });
-    G = new Xt.TextLayer({
-      viewport: j,
-      textContentSource: U,
+    const q = u.current[C.page], Z = M.page.getViewport({ scale: 1 });
+    G = new Jt.TextLayer({
+      viewport: Z,
+      textContentSource: q,
       container: document.createElement("div")
     }), G.render().then(() => {
-      const V = G.textDivs[C.start.idx], [K] = Kt([C], U, G.textDivs), ae = l.widths[C.page - 1], Q = l.heights[C.page - 1], X = document.createElement("div"), ee = document.createElement("div");
-      V.style.position = "absolute", V.style.color = "transparent", ee.style.position = "absolute", ee.style.top = "0", ee.style.setProperty("--scale-factor", `${h}`), X.style.position = "relative", X.style.width = `${ae}px`, X.style.height = `${Q}px`, X.style.zIndex = "-1", X.appendChild(V), ee.appendChild(X), document.body.prepend(ee);
-      const ie = K.element.getBoundingClientRect(), _e = O + +ie.top - L + ie.height / 2, Se = {
-        left: F + +ie.left - E + ie.width / 2,
-        top: _e
+      const V = G.textDivs[C.start.idx], [B] = Xt([C], q, G.textDivs), se = l.widths[C.page - 1], ce = l.heights[C.page - 1], j = document.createElement("div"), J = document.createElement("div");
+      V.style.position = "absolute", V.style.color = "transparent", J.style.position = "absolute", J.style.top = "0", J.style.setProperty("--scale-factor", `${h}`), j.style.position = "relative", j.style.width = `${se}px`, j.style.height = `${ce}px`, j.style.zIndex = "-1", j.appendChild(V), J.appendChild(j), document.body.prepend(J);
+      const pe = B.element.getBoundingClientRect(), he = D + +pe.top - L + pe.height / 2, Se = {
+        left: k + +pe.left - E + pe.width / 2,
+        top: he
       };
-      document.body.removeChild(ee), S.scrollTo({
+      document.body.removeChild(J), S.scrollTo({
         ...Se
       });
     });
@@ -566,59 +566,59 @@ const Ko = () => {
     l,
     C,
     P,
-    _,
+    w,
     f
   ]);
-  const y = R(() => {
-    b((S) => w ? S + 1 > w ? 1 : S + 1 : 0);
-  }, [w]), N = R(() => {
-    b((S) => w ? S - 1 <= 0 ? w : S - 1 : 0);
-  }, [w]), I = R(async (S) => {
+  const x = R(() => {
+    _((S) => b ? S + 1 > b ? 1 : S + 1 : 0);
+  }, [b]), N = R(() => {
+    _((S) => b ? S - 1 <= 0 ? b : S - 1 : 0);
+  }, [b]), y = R(async (S) => {
     if (!S)
       return {};
     const M = S.numPages, L = {};
     for (let E = 1; E <= M; E++) {
       if (p.current)
         throw "close pop over";
-      const O = await S.getPage(E);
-      L[E.toString()] = await O.getTextContent();
+      const D = await S.getPage(E);
+      L[E.toString()] = await D.getTextContent();
     }
     return L;
   }, []);
   return A(() => {
     if (!n) {
-      p.current = !0, u([]), b(0);
+      p.current = !0, d([]), _(0);
       return;
     }
-    p.current = !1, s(!0), u([]), b(0), I(c).then((S) => {
-      d.current = S;
-      const L = Object.keys(S).reduce((E, O) => {
-        const F = Xn(
+    p.current = !1, s(!0), d([]), _(0), y(c).then((S) => {
+      u.current = S;
+      const L = Object.keys(S).reduce((E, D) => {
+        const k = Qn(
           [n],
-          S[O],
-          Number(O) - 1,
+          S[D],
+          Number(D) - 1,
           e
-        ).map((G, U) => ({ ...G, page: Number(O), pageMatchIdx: U }));
-        return [...E, ...F];
+        ).map((G, q) => ({ ...G, page: Number(D), pageMatchIdx: q }));
+        return [...E, ...k];
       }, []);
-      u(L), b(L.length ? 1 : 0);
+      d(L), _(L.length ? 1 : 0);
     }).catch(() => {
-      u([]), b(0);
+      d([]), _(0);
     }).finally(() => s(!1));
-  }, [n, I, c, e]), {
+  }, [n, y, c, e]), {
     search: n,
     setSearch: o,
     loading: r,
     matches: m,
-    totalMatches: w,
+    totalMatches: b,
     currentMatchPosition: v,
     currentMatch: C,
-    nextMatch: y,
+    nextMatch: x,
     prevMatch: N,
     currentMatchElement: T,
-    setCurrentMatchElement: x
+    setCurrentMatchElement: I
   };
-}, cn = Ge({
+}, dn = Ge({
   search: "",
   setSearch: (e) => {
   },
@@ -636,7 +636,7 @@ const Ko = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Ya = ({
+}), Qa = ({
   children: e,
   initialSearch: t
 }) => {
@@ -649,12 +649,12 @@ const Ko = () => {
     search: p,
     matches: h,
     nextMatch: m,
-    prevMatch: u,
+    prevMatch: d,
     currentMatchElement: g,
     setCurrentMatchElement: v
-  } = Jo(n, t);
+  } = Yo(n, t);
   return /* @__PURE__ */ a(
-    cn.Provider,
+    dn.Provider,
     {
       value: {
         searchOptions: n,
@@ -665,7 +665,7 @@ const Ko = () => {
         currentMatchPosition: i,
         currentMatch: l,
         nextMatch: m,
-        prevMatch: u,
+        prevMatch: d,
         search: p,
         matches: h,
         currentMatchElement: g,
@@ -674,7 +674,7 @@ const Ko = () => {
       children: e
     }
   );
-}, ln = () => Ve(cn), ue = {
+}, pn = () => Ve(dn), le = {
   "rp-pages": "_rp-pages_34orh_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_34orh_7",
   "rp-pages-container": "_rp-pages-container_34orh_11",
@@ -686,8 +686,8 @@ const Ko = () => {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, Yo = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = W(null), { pages: s } = Y(), { rotate: c } = qe(), i = W(), { currentZoom: l } = Ze();
+}, Qo = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = H(null), { pages: s } = Q(), { rotate: c } = qe(), i = H(), { currentZoom: l } = Ze();
   return A(() => {
     if (!s || l === 0)
       return;
@@ -698,7 +698,7 @@ const Ko = () => {
       const m = i.current;
       m && m.cancel(), o && o(), i.current = it(p.page, h, l, c), i.current.promise.then(() => {
         h.hidden = !1;
-      }).catch((u) => {
+      }).catch((d) => {
       }).finally(() => {
         n && n();
       });
@@ -707,60 +707,60 @@ const Ko = () => {
 }, Ye = {
   "rp-text-layer": "_rp-text-layer_1mgyz_1",
   "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
-}, Qo = (e) => {
-  const { pageNumber: t } = e, { pages: n } = Y(), o = W(null), { matches: r, currentMatch: s, setCurrentMatchElement: c } = ln(), [i, l] = $(
+}, er = (e) => {
+  const { pageNumber: t } = e, { pages: n } = Q(), o = H(null), { matches: r, currentMatch: s, setCurrentMatchElement: c } = pn(), [i, l] = $(
     []
-  ), p = W(), h = W(), m = W(), u = z(() => r.filter((v) => v.pageIndex === t - 1), [r, t]), g = R(
-    (v, b, f = !1) => {
-      if (f && Jn(v, b), !u.length) {
+  ), p = H(), h = H(), m = H(), d = z(() => r.filter((v) => v.pageIndex === t - 1), [r, t]), g = R(
+    (v, _, f = !1) => {
+      if (f && eo(v, _), !d.length) {
         m.current = void 0, l([]);
         return;
       }
-      const _ = Kt(u, v, b);
-      l(_);
+      const w = Xt(d, v, _);
+      l(w);
     },
-    [u]
+    [d]
   );
   return A(() => {
     var f;
     if ((f = m.current) == null || f.classList.remove("selected"), !i.length || !s || s.pageIndex !== t - 1)
       return;
-    const v = u.findIndex(
-      (_) => JSON.stringify(_) === JSON.stringify(s)
+    const v = d.findIndex(
+      (w) => JSON.stringify(w) === JSON.stringify(s)
     );
     if (v === -1)
       return;
-    const b = i.find((_) => _.index === v);
-    b && (m.current = b.element, c(b.element), b.element.classList.add("selected"));
-  }, [s, i, u]), A(() => {
+    const _ = i.find((w) => w.index === v);
+    _ && (m.current = _.element, c(_.element), _.element.classList.add("selected"));
+  }, [s, i, d]), A(() => {
     const v = n.get(t);
     if (!(!v || !o.current))
-      return p.current && p.current.cancel(), v.page.getTextContent().then((b) => {
+      return p.current && p.current.cancel(), v.page.getTextContent().then((_) => {
         const f = v.page.getViewport({ scale: 1 });
-        return p.current = new Xt.TextLayer({
+        return p.current = new Jt.TextLayer({
           viewport: f,
-          textContentSource: b,
+          textContentSource: _,
           container: o.current
-        }), h.current = b, o.current && (o.current.innerText = ""), p.current.render();
+        }), h.current = _, o.current && (o.current.innerText = ""), p.current.render();
       }).then(() => {
-        var _;
+        var w;
         [].slice.call(o.current.children).forEach((P) => {
           P.classList.add(Ye["rp-text-layer-text"]);
         });
-        const f = (_ = p.current) == null ? void 0 : _.textDivs;
+        const f = (w = p.current) == null ? void 0 : w.textDivs;
         f && h.current && g(h.current, f);
       }).catch(() => {
       }), () => {
-        var b;
-        (b = p.current) == null || b.cancel();
+        var _;
+        (_ = p.current) == null || _.cancel();
       };
   }, [n, t]), A(() => {
     var f;
-    [].slice.call(o.current.children).forEach((_) => {
-      _.classList.add(Ye["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((w) => {
+      w.classList.add(Ye["rp-text-layer-text"]);
     });
-    const b = (f = p.current) == null ? void 0 : f.textDivs;
-    b && h.current && g(h.current, b, !0);
+    const _ = (f = p.current) == null ? void 0 : f.textDivs;
+    _ && h.current && g(h.current, _, !0);
   }, [g]), /* @__PURE__ */ a(
     "div",
     {
@@ -769,18 +769,18 @@ const Ko = () => {
       ref: o
     }
   );
-}, er = {
+}, tr = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
-}, un = ["click", "dblclick", "mouseover", "input", "change"];
-let tr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const lt = /* @__PURE__ */ new Map(), dn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
-function nr(e, t) {
-  const n = dn(e, t);
+}, hn = ["click", "dblclick", "mouseover", "input", "change"];
+let nr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const lt = /* @__PURE__ */ new Map(), mn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function or(e, t) {
+  const n = mn(e, t);
   return lt.has(n) ? lt.get(n) ?? null : null;
 }
-const or = (e, t, n) => {
-  lt.set(dn(e, t), n);
-}, xt = (e, t) => {
+const rr = (e, t, n) => {
+  lt.set(mn(e, t), n);
+}, Rt = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
       return {
@@ -814,29 +814,29 @@ const or = (e, t, n) => {
       };
   }
 };
-async function pn(e, t) {
+async function fn(e, t) {
   let n;
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
-    const o = n[0], r = nr(e, o);
+    const o = n[0], r = or(e, o);
     if (r === null) {
       const s = await e.getPageIndex(o);
-      return or(e, o, s), await pn(e, n);
+      return rr(e, o, s), await fn(e, n);
     } else
-      return xt(r, n);
+      return Rt(r, n);
   } else
-    return xt(n[0], n);
+    return Rt(n[0], n);
 }
-function rr(e) {
+function sr(e) {
   const { id: t, url: n, unsafeUrl: o } = e;
   new MutationObserver((s, c) => {
     const i = document.querySelector(`[data-annotation-id="${t}"]`);
     if (i) {
-      const l = i.querySelector("a"), p = ho((n || o) ?? "", "");
+      const l = i.querySelector("a"), p = go((n || o) ?? "", "");
       l && (l.setAttribute("target", "_blank"), l.setAttribute("href", p), l.setAttribute("rel", "noopener noreferrer")), c.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-const sr = (e) => {
+const ar = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -863,164 +863,164 @@ const sr = (e) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => o.disconnect();
-}, Rt = (e, t, n, o) => {
+}, Lt = (e, t, n, o) => {
   if (e.type !== "click")
     return;
   const r = e.target, s = r.getAttribute("data-element-id"), c = r.getAttribute("href");
   if (c && c !== "#")
     return;
   const i = t.find((l) => l.id === s);
-  !i || i.annotationType !== at.Link || i.dest && pn(n, i.dest).then((l) => {
+  !i || i.annotationType !== at.Link || i.dest && fn(n, i.dest).then((l) => {
     o(l);
   });
 };
-function ar(e, t) {
-  for (const n of un)
+function ir(e, t) {
+  for (const n of hn)
     e.addEventListener(n, t);
 }
-function Lt(e, t) {
-  for (const n of un)
+function Nt(e, t) {
+  for (const n of hn)
     e.removeEventListener(n, t);
 }
-const ir = (e) => {
-  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = Y(), s = W(), [c, i] = $(), { setFocusedPage: l, goToPage: p } = re(), { scrollMode: h } = Pe(), m = z(() => o.get(t), [o, t]), u = z(() => m == null ? void 0 : m.page.getViewport(), [m]);
+const cr = (e) => {
+  const { pageNumber: t } = e, n = H(null), { pages: o, pdf: r } = Q(), s = H(), [c, i] = $(), { setFocusedPage: l, goToPage: p } = oe(), { scrollMode: h } = Pe(), m = z(() => o.get(t), [o, t]), d = z(() => m == null ? void 0 : m.page.getViewport(), [m]);
   A(() => {
     s.current && (s.current.div.replaceChildren(), s.current = void 0);
   }, [r]);
   const g = z(() => r == null ? void 0 : r.annotationStorage, [r]);
   A(() => {
-    m && m.page.getAnnotations().then((b) => {
-      s.current = void 0, i(b), n.current && (n.current.innerText = "");
+    m && m.page.getAnnotations().then((_) => {
+      s.current = void 0, i(_), n.current && (n.current.innerText = "");
     });
   }, [m]);
   const v = R(
-    (b) => {
-      sr(b), !(!c || !r) && (h === B.PAGE_SCROLLING ? Rt(b, c, r, (f) => l(f.pageIndex + 1)) : Rt(b, c, r, (f) => p(f.pageIndex + 1)));
+    (_) => {
+      ar(_), !(!c || !r) && (h === X.PAGE_SCROLLING ? Lt(_, c, r, (f) => l(f.pageIndex + 1)) : Lt(_, c, r, (f) => p(f.pageIndex + 1)));
     },
     [r, c, p, l, h]
   );
   return A(() => {
     if (!m || !c)
       return;
-    const b = m.page.getViewport();
+    const _ = m.page.getViewport();
     if (s.current) {
       s.current.update({
-        viewport: b.clone({ dontFlip: !0 })
+        viewport: _.clone({ dontFlip: !0 })
       });
       return;
     }
-    for (const _ of c) {
-      const { annotationType: P } = _;
+    for (const w of c) {
+      const { annotationType: P } = w;
       switch (P) {
         case at.Link:
-          rr(_);
+          sr(w);
           break;
         case at.Widget:
           break;
       }
     }
     return (async () => {
-      s.current = new to({
+      s.current = new ro({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: void 0,
         page: m.page,
-        viewport: b.clone({ dontFlip: !0 })
-      }), n.current && Lt(n.current, v);
-      const _ = await (r == null ? void 0 : r.hasJSActions()), P = await (r == null ? void 0 : r.getFieldObjects());
+        viewport: _.clone({ dontFlip: !0 })
+      }), n.current && Nt(n.current, v);
+      const w = await (r == null ? void 0 : r.hasJSActions()), P = await (r == null ? void 0 : r.getFieldObjects());
       return s.current.render({
         annotations: c,
         annotationStorage: g,
-        hasJSActions: _,
+        hasJSActions: w,
         fieldObjects: P,
         div: n.current,
-        viewport: b.clone({ dontFlip: !0 }),
+        viewport: _.clone({ dontFlip: !0 }),
         page: m.page,
-        imageResourcesPath: tr,
+        imageResourcesPath: nr,
         renderForms: !1,
-        linkService: new po(),
+        linkService: new fo(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && ar(n.current, v);
+      n.current && ir(n.current, v);
     }), () => {
-      n.current && Lt(n.current, v);
+      n.current && Nt(n.current, v);
     };
   }, [r, c, v]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
-      style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
-      className: er["rp-annotation-layer"],
+      style: { width: `${d == null ? void 0 : d.width}px`, height: `${d == null ? void 0 : d.height}px` },
+      className: tr["rp-annotation-layer"],
       ref: n
     }
   );
-}, cr = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), wt = Ue((e, t) => {
-  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...s } = e, { pages: c } = Y(), { rotate: i } = qe(), { textLayer: l } = Zn(), { currentZoom: p } = Ze(), h = W(c.get(n)), [m, u] = $(!1), g = W(null), [v, b] = $({
+}, lr = [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1], wt = Ue((e, t) => {
+  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...s } = e, { pages: c } = Q(), { rotate: i } = qe(), { textLayer: l } = Kn(), { currentZoom: p } = Ze(), { container: h } = Qt(), m = H(c.get(n)), [d, g] = $(!1), v = H(null), [_, f] = $({
     width: 0,
     height: 0
   });
-  qt(t, () => g.current), A(() => {
-    if (c && (h.current = c.get(n), h.current)) {
-      const T = h.current.page.getViewport({ scale: p, rotation: i });
-      b(T);
+  Zt(t, () => v.current), A(() => {
+    if (c && (m.current = c.get(n), m.current)) {
+      const I = m.current.page.getViewport({ scale: p, rotation: i });
+      f(I);
     }
   }, [c, n, i, p]);
-  const f = z(() => {
+  const w = z(() => {
     switch (i) {
       case 90:
-        return `${v.width / 2}px ${v.width / 2}px`;
+        return `${_.width / 2}px ${_.width / 2}px`;
       case -90:
       case 270:
-        return `${v.height / 2}px ${v.height / 2}px`;
+        return `${_.height / 2}px ${_.height / 2}px`;
       default:
         return "center";
     }
-  }, [i, v]), _ = R(() => {
-    u(!0);
-  }, []), P = R(() => {
-    u(!1);
+  }, [i, _]), P = R(() => {
+    g(!0);
+  }, []), T = R(() => {
+    g(!1);
   }, []);
   return A(() => {
-    const T = new IntersectionObserver(
-      (x) => {
-        r && r(n, x[0].intersectionRatio);
+    const I = new IntersectionObserver(
+      (u) => {
+        r(n, u[0].intersectionRatio);
       },
-      { threshold: cr }
+      { threshold: lr, root: h, rootMargin: "0px" }
     );
-    return g.current && T.observe(g.current), () => {
-      T.disconnect(), r && r(n, -1);
+    return v.current && I.observe(v.current), () => {
+      I.disconnect(), r(n, -1);
     };
-  }, [r, n, i]), /* @__PURE__ */ a(
+  }, [r, n, i, _]), /* @__PURE__ */ a(
     "div",
     {
-      ref: g,
+      ref: v,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...s,
       style: {
         ...o,
         "--rp-rotate": `${i}deg`,
-        "--rp-page-rotate-translate": `${f}`,
+        "--rp-page-rotate-translate": `${w}`,
         "--scale-factor": p
       },
       className: Je["rp-page-wrapper"],
-      children: /* @__PURE__ */ D(
+      children: /* @__PURE__ */ O(
         "div",
         {
           style: {
-            width: `${v.width}px`,
-            height: `${v.height}px`
+            width: `${_.width}px`,
+            height: `${_.height}px`
           },
           className: Je["rp-page"],
           children: [
-            /* @__PURE__ */ a(Yo, { onLoading: _, onLoaded: P, pageNumber: n }),
-            m && /* @__PURE__ */ a("div", { className: Je["rp-loader-wrapper"], children: /* @__PURE__ */ a(Ne, {}) }),
-            l && /* @__PURE__ */ a(Qo, { pageNumber: n }),
-            /* @__PURE__ */ a(ir, { pageNumber: n })
+            /* @__PURE__ */ a(Qo, { onLoading: P, onLoaded: T, pageNumber: n }),
+            d && /* @__PURE__ */ a("div", { className: Je["rp-loader-wrapper"], children: /* @__PURE__ */ a(Ne, {}) }),
+            l && /* @__PURE__ */ a(er, { pageNumber: n }),
+            /* @__PURE__ */ a(cr, { pageNumber: n })
           ]
         }
       )
@@ -1037,7 +1037,7 @@ function ut() {
     return e;
   }, ut.apply(null, arguments);
 }
-function Nt(e) {
+function Mt(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
@@ -1047,25 +1047,25 @@ function dt(e, t) {
     return n.__proto__ = o, n;
   }, dt(e, t);
 }
-function lr(e, t) {
+function ur(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, dt(e, t);
 }
-var Mt = Number.isNaN || function(t) {
+var Et = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function ur(e, t) {
-  return !!(e === t || Mt(e) && Mt(t));
-}
 function dr(e, t) {
+  return !!(e === t || Et(e) && Et(t));
+}
+function pr(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!ur(e[n], t[n]))
+    if (!dr(e[n], t[n]))
       return !1;
   return !0;
 }
 function Qe(e, t) {
-  t === void 0 && (t = dr);
+  t === void 0 && (t = pr);
   var n, o = [], r, s = !1;
   function c() {
     for (var i = [], l = 0; l < arguments.length; l++)
@@ -1074,7 +1074,7 @@ function Qe(e, t) {
   }
   return c;
 }
-function Et(e, t) {
+function Ot(e, t) {
   if (e == null)
     return {};
   var n = {};
@@ -1086,18 +1086,18 @@ function Et(e, t) {
     }
   return n;
 }
-var pr = typeof performance == "object" && typeof performance.now == "function", Ot = pr ? function() {
+var hr = typeof performance == "object" && typeof performance.now == "function", Dt = hr ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Dt(e) {
+function At(e) {
   cancelAnimationFrame(e.id);
 }
-function hr(e, t) {
-  var n = Ot();
+function mr(e, t) {
+  var n = Dt();
   function o() {
-    Ot() - n >= t ? e.call(null) : r.id = requestAnimationFrame(o);
+    Dt() - n >= t ? e.call(null) : r.id = requestAnimationFrame(o);
   }
   var r = {
     id: requestAnimationFrame(o)
@@ -1105,7 +1105,7 @@ function hr(e, t) {
   return r;
 }
 var et = -1;
-function mr(e) {
+function fr(e) {
   if (e === void 0 && (e = !1), et === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), et = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -1113,7 +1113,7 @@ function mr(e) {
   return et;
 }
 var be = null;
-function At(e) {
+function zt(e) {
   if (e === void 0 && (e = !1), be === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -1122,230 +1122,230 @@ function At(e) {
   }
   return be;
 }
-var fr = 150, gr = function(t) {
+var gr = 150, vr = function(t) {
   var n = t.columnIndex;
   t.data;
   var o = t.rowIndex;
   return o + ":" + n;
 }, Ae = null, ze = null, Fe = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ae = /* @__PURE__ */ new WeakSet(), ze = /* @__PURE__ */ new WeakSet(), Fe = /* @__PURE__ */ new WeakSet());
-function vr(e) {
-  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, s = e.getColumnWidth, c = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, l = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, m = e.getRowOffset, u = e.getRowStartIndexForOffset, g = e.getRowStopIndexForStartIndex, v = e.initInstanceProps, b = e.shouldResetStyleCacheOnItemSizeChange, f = e.validateProps;
-  return t = /* @__PURE__ */ function(_) {
-    lr(P, _);
-    function P(x) {
-      var d;
-      return d = _.call(this, x) || this, d._instanceProps = v(d.props, Nt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
-        instance: Nt(d),
+function _r(e) {
+  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, s = e.getColumnWidth, c = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, l = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, m = e.getRowOffset, d = e.getRowStartIndexForOffset, g = e.getRowStopIndexForStartIndex, v = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, f = e.validateProps;
+  return t = /* @__PURE__ */ function(w) {
+    ur(P, w);
+    function P(I) {
+      var u;
+      return u = w.call(this, I) || this, u._instanceProps = v(u.props, Mt(u)), u._resetIsScrollingTimeoutId = null, u._outerRef = void 0, u.state = {
+        instance: Mt(u),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
-        scrollLeft: typeof d.props.initialScrollLeft == "number" ? d.props.initialScrollLeft : 0,
-        scrollTop: typeof d.props.initialScrollTop == "number" ? d.props.initialScrollTop : 0,
+        scrollLeft: typeof u.props.initialScrollLeft == "number" ? u.props.initialScrollLeft : 0,
+        scrollTop: typeof u.props.initialScrollTop == "number" ? u.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Qe(function(C, w, y, N, I, S, M, L) {
-        return d.props.onItemsRendered({
+      }, u._callOnItemsRendered = void 0, u._callOnItemsRendered = Qe(function(C, b, x, N, y, S, M, L) {
+        return u.props.onItemsRendered({
           overscanColumnStartIndex: C,
-          overscanColumnStopIndex: w,
-          overscanRowStartIndex: y,
+          overscanColumnStopIndex: b,
+          overscanRowStartIndex: x,
           overscanRowStopIndex: N,
-          visibleColumnStartIndex: I,
+          visibleColumnStartIndex: y,
           visibleColumnStopIndex: S,
           visibleRowStartIndex: M,
           visibleRowStopIndex: L
         });
-      }), d._callOnScroll = void 0, d._callOnScroll = Qe(function(C, w, y, N, I) {
-        return d.props.onScroll({
-          horizontalScrollDirection: y,
+      }), u._callOnScroll = void 0, u._callOnScroll = Qe(function(C, b, x, N, y) {
+        return u.props.onScroll({
+          horizontalScrollDirection: x,
           scrollLeft: C,
-          scrollTop: w,
+          scrollTop: b,
           verticalScrollDirection: N,
-          scrollUpdateWasRequested: I
+          scrollUpdateWasRequested: y
         });
-      }), d._getItemStyle = void 0, d._getItemStyle = function(C, w) {
-        var y = d.props, N = y.columnWidth, I = y.direction, S = y.rowHeight, M = d._getItemStyleCache(b && N, b && I, b && S), L = C + ":" + w, E;
+      }), u._getItemStyle = void 0, u._getItemStyle = function(C, b) {
+        var x = u.props, N = x.columnWidth, y = x.direction, S = x.rowHeight, M = u._getItemStyleCache(_ && N, _ && y, _ && S), L = C + ":" + b, E;
         if (M.hasOwnProperty(L))
           E = M[L];
         else {
-          var O = n(d.props, w, d._instanceProps), F = I === "rtl";
+          var D = n(u.props, b, u._instanceProps), k = y === "rtl";
           M[L] = E = {
             position: "absolute",
-            left: F ? void 0 : O,
-            right: F ? O : void 0,
-            top: m(d.props, C, d._instanceProps),
-            height: h(d.props, C, d._instanceProps),
-            width: s(d.props, w, d._instanceProps)
+            left: k ? void 0 : D,
+            right: k ? D : void 0,
+            top: m(u.props, C, u._instanceProps),
+            height: h(u.props, C, u._instanceProps),
+            width: s(u.props, b, u._instanceProps)
           };
         }
         return E;
-      }, d._getItemStyleCache = void 0, d._getItemStyleCache = Qe(function(C, w, y) {
+      }, u._getItemStyleCache = void 0, u._getItemStyleCache = Qe(function(C, b, x) {
         return {};
-      }), d._onScroll = function(C) {
-        var w = C.currentTarget, y = w.clientHeight, N = w.clientWidth, I = w.scrollLeft, S = w.scrollTop, M = w.scrollHeight, L = w.scrollWidth;
-        d.setState(function(E) {
-          if (E.scrollLeft === I && E.scrollTop === S)
+      }), u._onScroll = function(C) {
+        var b = C.currentTarget, x = b.clientHeight, N = b.clientWidth, y = b.scrollLeft, S = b.scrollTop, M = b.scrollHeight, L = b.scrollWidth;
+        u.setState(function(E) {
+          if (E.scrollLeft === y && E.scrollTop === S)
             return null;
-          var O = d.props.direction, F = I;
-          if (O === "rtl")
-            switch (At()) {
+          var D = u.props.direction, k = y;
+          if (D === "rtl")
+            switch (zt()) {
               case "negative":
-                F = -I;
+                k = -y;
                 break;
               case "positive-descending":
-                F = L - N - I;
+                k = L - N - y;
                 break;
             }
-          F = Math.max(0, Math.min(F, L - N));
-          var G = Math.max(0, Math.min(S, M - y));
+          k = Math.max(0, Math.min(k, L - N));
+          var G = Math.max(0, Math.min(S, M - x));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: E.scrollLeft < I ? "forward" : "backward",
-            scrollLeft: F,
+            horizontalScrollDirection: E.scrollLeft < y ? "forward" : "backward",
+            scrollLeft: k,
             scrollTop: G,
             verticalScrollDirection: E.scrollTop < S ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
-        }, d._resetIsScrollingDebounced);
-      }, d._outerRefSetter = function(C) {
-        var w = d.props.outerRef;
-        d._outerRef = C, typeof w == "function" ? w(C) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = C);
-      }, d._resetIsScrollingDebounced = function() {
-        d._resetIsScrollingTimeoutId !== null && Dt(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = hr(d._resetIsScrolling, fr);
-      }, d._resetIsScrolling = function() {
-        d._resetIsScrollingTimeoutId = null, d.setState({
+        }, u._resetIsScrollingDebounced);
+      }, u._outerRefSetter = function(C) {
+        var b = u.props.outerRef;
+        u._outerRef = C, typeof b == "function" ? b(C) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = C);
+      }, u._resetIsScrollingDebounced = function() {
+        u._resetIsScrollingTimeoutId !== null && At(u._resetIsScrollingTimeoutId), u._resetIsScrollingTimeoutId = mr(u._resetIsScrolling, gr);
+      }, u._resetIsScrolling = function() {
+        u._resetIsScrollingTimeoutId = null, u.setState({
           isScrolling: !1
         }, function() {
-          d._getItemStyleCache(-1);
+          u._getItemStyleCache(-1);
         });
-      }, d;
+      }, u;
     }
-    P.getDerivedStateFromProps = function(d, C) {
-      return _r(d, C), f(d), null;
+    P.getDerivedStateFromProps = function(u, C) {
+      return wr(u, C), f(u), null;
     };
     var T = P.prototype;
-    return T.scrollTo = function(d) {
-      var C = d.scrollLeft, w = d.scrollTop;
-      C !== void 0 && (C = Math.max(0, C)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(y) {
-        return C === void 0 && (C = y.scrollLeft), w === void 0 && (w = y.scrollTop), y.scrollLeft === C && y.scrollTop === w ? null : {
-          horizontalScrollDirection: y.scrollLeft < C ? "forward" : "backward",
+    return T.scrollTo = function(u) {
+      var C = u.scrollLeft, b = u.scrollTop;
+      C !== void 0 && (C = Math.max(0, C)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(x) {
+        return C === void 0 && (C = x.scrollLeft), b === void 0 && (b = x.scrollTop), x.scrollLeft === C && x.scrollTop === b ? null : {
+          horizontalScrollDirection: x.scrollLeft < C ? "forward" : "backward",
           scrollLeft: C,
-          scrollTop: w,
+          scrollTop: b,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: y.scrollTop < w ? "forward" : "backward"
+          verticalScrollDirection: x.scrollTop < b ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, T.scrollToItem = function(d) {
-      var C = d.align, w = C === void 0 ? "auto" : C, y = d.columnIndex, N = d.rowIndex, I = this.props, S = I.columnCount, M = I.height, L = I.rowCount, E = I.width, O = this.state, F = O.scrollLeft, G = O.scrollTop, U = mr();
-      y !== void 0 && (y = Math.max(0, Math.min(y, S - 1))), N !== void 0 && (N = Math.max(0, Math.min(N, L - 1)));
-      var j = c(this.props, this._instanceProps), V = i(this.props, this._instanceProps), K = V > E ? U : 0, ae = j > M ? U : 0;
+    }, T.scrollToItem = function(u) {
+      var C = u.align, b = C === void 0 ? "auto" : C, x = u.columnIndex, N = u.rowIndex, y = this.props, S = y.columnCount, M = y.height, L = y.rowCount, E = y.width, D = this.state, k = D.scrollLeft, G = D.scrollTop, q = fr();
+      x !== void 0 && (x = Math.max(0, Math.min(x, S - 1))), N !== void 0 && (N = Math.max(0, Math.min(N, L - 1)));
+      var Z = c(this.props, this._instanceProps), V = i(this.props, this._instanceProps), B = V > E ? q : 0, se = Z > M ? q : 0;
       this.scrollTo({
-        scrollLeft: y !== void 0 ? l(this.props, y, w, F, this._instanceProps, ae) : F,
-        scrollTop: N !== void 0 ? p(this.props, N, w, G, this._instanceProps, K) : G
+        scrollLeft: x !== void 0 ? l(this.props, x, b, k, this._instanceProps, se) : k,
+        scrollTop: N !== void 0 ? p(this.props, N, b, G, this._instanceProps, B) : G
       });
     }, T.componentDidMount = function() {
-      var d = this.props, C = d.initialScrollLeft, w = d.initialScrollTop;
+      var u = this.props, C = u.initialScrollLeft, b = u.initialScrollTop;
       if (this._outerRef != null) {
-        var y = this._outerRef;
-        typeof C == "number" && (y.scrollLeft = C), typeof w == "number" && (y.scrollTop = w);
+        var x = this._outerRef;
+        typeof C == "number" && (x.scrollLeft = C), typeof b == "number" && (x.scrollTop = b);
       }
       this._callPropsCallbacks();
     }, T.componentDidUpdate = function() {
-      var d = this.props.direction, C = this.state, w = C.scrollLeft, y = C.scrollTop, N = C.scrollUpdateWasRequested;
+      var u = this.props.direction, C = this.state, b = C.scrollLeft, x = C.scrollTop, N = C.scrollUpdateWasRequested;
       if (N && this._outerRef != null) {
-        var I = this._outerRef;
-        if (d === "rtl")
-          switch (At()) {
+        var y = this._outerRef;
+        if (u === "rtl")
+          switch (zt()) {
             case "negative":
-              I.scrollLeft = -w;
+              y.scrollLeft = -b;
               break;
             case "positive-ascending":
-              I.scrollLeft = w;
+              y.scrollLeft = b;
               break;
             default:
-              var S = I.clientWidth, M = I.scrollWidth;
-              I.scrollLeft = M - S - w;
+              var S = y.clientWidth, M = y.scrollWidth;
+              y.scrollLeft = M - S - b;
               break;
           }
         else
-          I.scrollLeft = Math.max(0, w);
-        I.scrollTop = Math.max(0, y);
+          y.scrollLeft = Math.max(0, b);
+        y.scrollTop = Math.max(0, x);
       }
       this._callPropsCallbacks();
     }, T.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Dt(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && At(this._resetIsScrollingTimeoutId);
     }, T.render = function() {
-      var d = this.props, C = d.children, w = d.className, y = d.columnCount, N = d.direction, I = d.height, S = d.innerRef, M = d.innerElementType, L = d.innerTagName, E = d.itemData, O = d.itemKey, F = O === void 0 ? gr : O, G = d.outerElementType, U = d.outerTagName, j = d.rowCount, V = d.style, K = d.useIsScrolling, ae = d.width, Q = this.state.isScrolling, X = this._getHorizontalRangeToRender(), ee = X[0], ie = X[1], _e = this._getVerticalRangeToRender(), Ee = _e[0], Se = _e[1], k = [];
-      if (y > 0 && j)
-        for (var H = Ee; H <= Se; H++)
-          for (var Z = ee; Z <= ie; Z++)
-            k.push(De(C, {
-              columnIndex: Z,
+      var u = this.props, C = u.children, b = u.className, x = u.columnCount, N = u.direction, y = u.height, S = u.innerRef, M = u.innerElementType, L = u.innerTagName, E = u.itemData, D = u.itemKey, k = D === void 0 ? vr : D, G = u.outerElementType, q = u.outerTagName, Z = u.rowCount, V = u.style, B = u.useIsScrolling, se = u.width, ce = this.state.isScrolling, j = this._getHorizontalRangeToRender(), J = j[0], pe = j[1], he = this._getVerticalRangeToRender(), Ee = he[0], Se = he[1], Oe = [];
+      if (x > 0 && Z)
+        for (var F = Ee; F <= Se; F++)
+          for (var W = J; W <= pe; W++)
+            Oe.push(De(C, {
+              columnIndex: W,
               data: E,
-              isScrolling: K ? Q : void 0,
-              key: F({
-                columnIndex: Z,
+              isScrolling: B ? ce : void 0,
+              key: k({
+                columnIndex: W,
                 data: E,
-                rowIndex: H
+                rowIndex: F
               }),
-              rowIndex: H,
-              style: this._getItemStyle(H, Z)
+              rowIndex: F,
+              style: this._getItemStyle(F, W)
             }));
-      var he = c(this.props, this._instanceProps), Oe = i(this.props, this._instanceProps);
-      return De(G || U || "div", {
-        className: w,
+      var K = c(this.props, this._instanceProps), me = i(this.props, this._instanceProps);
+      return De(G || q || "div", {
+        className: b,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: ut({
           position: "relative",
-          height: I,
-          width: ae,
+          height: y,
+          width: se,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: N
         }, V)
       }, De(M || L || "div", {
-        children: k,
+        children: Oe,
         ref: S,
         style: {
-          height: he,
-          pointerEvents: Q ? "none" : void 0,
-          width: Oe
+          height: K,
+          pointerEvents: ce ? "none" : void 0,
+          width: me
         }
       }));
     }, T._callPropsCallbacks = function() {
-      var d = this.props, C = d.columnCount, w = d.onItemsRendered, y = d.onScroll, N = d.rowCount;
-      if (typeof w == "function" && C > 0 && N > 0) {
-        var I = this._getHorizontalRangeToRender(), S = I[0], M = I[1], L = I[2], E = I[3], O = this._getVerticalRangeToRender(), F = O[0], G = O[1], U = O[2], j = O[3];
-        this._callOnItemsRendered(S, M, F, G, L, E, U, j);
+      var u = this.props, C = u.columnCount, b = u.onItemsRendered, x = u.onScroll, N = u.rowCount;
+      if (typeof b == "function" && C > 0 && N > 0) {
+        var y = this._getHorizontalRangeToRender(), S = y[0], M = y[1], L = y[2], E = y[3], D = this._getVerticalRangeToRender(), k = D[0], G = D[1], q = D[2], Z = D[3];
+        this._callOnItemsRendered(S, M, k, G, L, E, q, Z);
       }
-      if (typeof y == "function") {
-        var V = this.state, K = V.horizontalScrollDirection, ae = V.scrollLeft, Q = V.scrollTop, X = V.scrollUpdateWasRequested, ee = V.verticalScrollDirection;
-        this._callOnScroll(ae, Q, K, ee, X);
+      if (typeof x == "function") {
+        var V = this.state, B = V.horizontalScrollDirection, se = V.scrollLeft, ce = V.scrollTop, j = V.scrollUpdateWasRequested, J = V.verticalScrollDirection;
+        this._callOnScroll(se, ce, B, J, j);
       }
     }, T._getHorizontalRangeToRender = function() {
-      var d = this.props, C = d.columnCount, w = d.overscanColumnCount, y = d.overscanColumnsCount, N = d.overscanCount, I = d.rowCount, S = this.state, M = S.horizontalScrollDirection, L = S.isScrolling, E = S.scrollLeft, O = w || y || N || 1;
-      if (C === 0 || I === 0)
+      var u = this.props, C = u.columnCount, b = u.overscanColumnCount, x = u.overscanColumnsCount, N = u.overscanCount, y = u.rowCount, S = this.state, M = S.horizontalScrollDirection, L = S.isScrolling, E = S.scrollLeft, D = b || x || N || 1;
+      if (C === 0 || y === 0)
         return [0, 0, 0, 0];
-      var F = o(this.props, E, this._instanceProps), G = r(this.props, F, E, this._instanceProps), U = !L || M === "backward" ? Math.max(1, O) : 1, j = !L || M === "forward" ? Math.max(1, O) : 1;
-      return [Math.max(0, F - U), Math.max(0, Math.min(C - 1, G + j)), F, G];
+      var k = o(this.props, E, this._instanceProps), G = r(this.props, k, E, this._instanceProps), q = !L || M === "backward" ? Math.max(1, D) : 1, Z = !L || M === "forward" ? Math.max(1, D) : 1;
+      return [Math.max(0, k - q), Math.max(0, Math.min(C - 1, G + Z)), k, G];
     }, T._getVerticalRangeToRender = function() {
-      var d = this.props, C = d.columnCount, w = d.overscanCount, y = d.overscanRowCount, N = d.overscanRowsCount, I = d.rowCount, S = this.state, M = S.isScrolling, L = S.verticalScrollDirection, E = S.scrollTop, O = y || N || w || 1;
-      if (C === 0 || I === 0)
+      var u = this.props, C = u.columnCount, b = u.overscanCount, x = u.overscanRowCount, N = u.overscanRowsCount, y = u.rowCount, S = this.state, M = S.isScrolling, L = S.verticalScrollDirection, E = S.scrollTop, D = x || N || b || 1;
+      if (C === 0 || y === 0)
         return [0, 0, 0, 0];
-      var F = u(this.props, E, this._instanceProps), G = g(this.props, F, E, this._instanceProps), U = !M || L === "backward" ? Math.max(1, O) : 1, j = !M || L === "forward" ? Math.max(1, O) : 1;
-      return [Math.max(0, F - U), Math.max(0, Math.min(I - 1, G + j)), F, G];
+      var k = d(this.props, E, this._instanceProps), G = g(this.props, k, E, this._instanceProps), q = !M || L === "backward" ? Math.max(1, D) : 1, Z = !M || L === "forward" ? Math.max(1, D) : 1;
+      return [Math.max(0, k - q), Math.max(0, Math.min(y - 1, G + Z)), k, G];
     }, P;
-  }(Gn), t.defaultProps = {
+  }(qn), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, t;
 }
-var _r = function(t, n) {
-  var o = t.children, r = t.direction, s = t.height, c = t.innerTagName, i = t.outerTagName, l = t.overscanColumnsCount, p = t.overscanCount, h = t.overscanRowsCount, m = t.width, u = n.instance;
+var wr = function(t, n) {
+  var o = t.children, r = t.direction, s = t.height, c = t.innerTagName, i = t.outerTagName, l = t.overscanColumnsCount, p = t.overscanCount, h = t.overscanRowsCount, m = t.width, d = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof p == "number" && Ae && !Ae.has(u) && (Ae.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && ze && !ze.has(u) && (ze.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || i != null) && Fe && !Fe.has(u) && (Fe.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof p == "number" && Ae && !Ae.has(d) && (Ae.add(d), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && ze && !ze.has(d) && (ze.add(d), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || i != null) && Fe && !Fe.has(d) && (Fe.add(d), 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":
@@ -1359,7 +1359,7 @@ var _r = function(t, n) {
     if (typeof s != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
   }
-}, zt = 50, hn = function(t, n) {
+}, Ft = 50, gn = function(t, n) {
   var o = t.rowCount, r = n.rowMetadataMap, s = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, i = 0;
   if (c >= o && (c = o - 1), c >= 0) {
     var l = r[c];
@@ -1367,7 +1367,7 @@ var _r = function(t, n) {
   }
   var p = o - c - 1, h = p * s;
   return i + h;
-}, mn = function(t, n) {
+}, vn = function(t, n) {
   var o = t.columnCount, r = n.columnMetadataMap, s = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, i = 0;
   if (c >= o && (c = o - 1), c >= 0) {
     var l = r[c];
@@ -1375,7 +1375,7 @@ var _r = function(t, n) {
   }
   var p = o - c - 1, h = p * s;
   return i + h;
-}, de = function(t, n, o, r) {
+}, ue = function(t, n, o, r) {
   var s, c, i;
   if (t === "column" ? (s = r.columnMetadataMap, c = n.columnWidth, i = r.lastMeasuredColumnIndex) : (s = r.rowMetadataMap, c = n.rowHeight, i = r.lastMeasuredRowIndex), o > i) {
     var l = 0;
@@ -1393,78 +1393,78 @@ var _r = function(t, n) {
     t === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
   return s[o];
-}, Ft = function(t, n, o, r) {
+}, kt = function(t, n, o, r) {
   var s, c;
   t === "column" ? (s = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (s = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
   var i = c > 0 ? s[c].offset : 0;
-  return i >= r ? fn(t, n, o, c, 0, r) : wr(t, n, o, Math.max(0, c), r);
-}, fn = function(t, n, o, r, s, c) {
+  return i >= r ? _n(t, n, o, c, 0, r) : br(t, n, o, Math.max(0, c), r);
+}, _n = function(t, n, o, r, s, c) {
   for (; s <= r; ) {
-    var i = s + Math.floor((r - s) / 2), l = de(t, n, i, o).offset;
+    var i = s + Math.floor((r - s) / 2), l = ue(t, n, i, o).offset;
     if (l === c)
       return i;
     l < c ? s = i + 1 : l > c && (r = i - 1);
   }
   return s > 0 ? s - 1 : 0;
-}, wr = function(t, n, o, r, s) {
-  for (var c = t === "column" ? n.columnCount : n.rowCount, i = 1; r < c && de(t, n, r, o).offset < s; )
+}, br = function(t, n, o, r, s) {
+  for (var c = t === "column" ? n.columnCount : n.rowCount, i = 1; r < c && ue(t, n, r, o).offset < s; )
     r += i, i *= 2;
-  return fn(t, n, o, Math.min(r, c - 1), Math.floor(r / 2), s);
-}, kt = function(t, n, o, r, s, c, i) {
-  var l = t === "column" ? n.width : n.height, p = de(t, n, o, c), h = t === "column" ? mn(n, c) : hn(n, c), m = Math.max(0, Math.min(h - l, p.offset)), u = Math.max(0, p.offset - l + i + p.size);
-  switch (r === "smart" && (s >= u - l && s <= m + l ? r = "auto" : r = "center"), r) {
+  return _n(t, n, o, Math.min(r, c - 1), Math.floor(r / 2), s);
+}, Wt = function(t, n, o, r, s, c, i) {
+  var l = t === "column" ? n.width : n.height, p = ue(t, n, o, c), h = t === "column" ? vn(n, c) : gn(n, c), m = Math.max(0, Math.min(h - l, p.offset)), d = Math.max(0, p.offset - l + i + p.size);
+  switch (r === "smart" && (s >= d - l && s <= m + l ? r = "auto" : r = "center"), r) {
     case "start":
       return m;
     case "end":
-      return u;
+      return d;
     case "center":
-      return Math.round(u + (m - u) / 2);
+      return Math.round(d + (m - d) / 2);
     case "auto":
     default:
-      return s >= u && s <= m ? s : u > m || s < u ? u : m;
+      return s >= d && s <= m ? s : d > m || s < d ? d : m;
   }
-}, br = /* @__PURE__ */ vr({
+}, Cr = /* @__PURE__ */ _r({
   getColumnOffset: function(t, n, o) {
-    return de("column", t, n, o).offset;
+    return ue("column", t, n, o).offset;
   },
   getColumnStartIndexForOffset: function(t, n, o) {
-    return Ft("column", t, o, n);
+    return kt("column", t, o, n);
   },
   getColumnStopIndexForStartIndex: function(t, n, o, r) {
-    for (var s = t.columnCount, c = t.width, i = de("column", t, n, r), l = o + c, p = i.offset + i.size, h = n; h < s - 1 && p < l; )
-      h++, p += de("column", t, h, r).size;
+    for (var s = t.columnCount, c = t.width, i = ue("column", t, n, r), l = o + c, p = i.offset + i.size, h = n; h < s - 1 && p < l; )
+      h++, p += ue("column", t, h, r).size;
     return h;
   },
   getColumnWidth: function(t, n, o) {
     return o.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: hn,
-  getEstimatedTotalWidth: mn,
+  getEstimatedTotalHeight: gn,
+  getEstimatedTotalWidth: vn,
   getOffsetForColumnAndAlignment: function(t, n, o, r, s, c) {
-    return kt("column", t, n, o, r, s, c);
+    return Wt("column", t, n, o, r, s, c);
   },
   getOffsetForRowAndAlignment: function(t, n, o, r, s, c) {
-    return kt("row", t, n, o, r, s, c);
+    return Wt("row", t, n, o, r, s, c);
   },
   getRowOffset: function(t, n, o) {
-    return de("row", t, n, o).offset;
+    return ue("row", t, n, o).offset;
   },
   getRowHeight: function(t, n, o) {
     return o.rowMetadataMap[n].size;
   },
   getRowStartIndexForOffset: function(t, n, o) {
-    return Ft("row", t, o, n);
+    return kt("row", t, o, n);
   },
   getRowStopIndexForStartIndex: function(t, n, o, r) {
-    for (var s = t.rowCount, c = t.height, i = de("row", t, n, r), l = o + c, p = i.offset + i.size, h = n; h < s - 1 && p < l; )
-      h++, p += de("row", t, h, r).size;
+    for (var s = t.rowCount, c = t.height, i = ue("row", t, n, r), l = o + c, p = i.offset + i.size, h = n; h < s - 1 && p < l; )
+      h++, p += ue("row", t, h, r).size;
     return h;
   },
   initInstanceProps: function(t, n) {
     var o = t, r = o.estimatedColumnWidth, s = o.estimatedRowHeight, c = {
       columnMetadataMap: {},
-      estimatedColumnWidth: r || zt,
-      estimatedRowHeight: s || zt,
+      estimatedColumnWidth: r || Ft,
+      estimatedRowHeight: s || Ft,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
@@ -1496,7 +1496,7 @@ var _r = function(t, n) {
   }
 });
 process.env.NODE_ENV;
-function Wt(e, t) {
+function Ht(e, t) {
   for (var n in e)
     if (!(n in t))
       return !0;
@@ -1505,23 +1505,23 @@ function Wt(e, t) {
       return !0;
   return !1;
 }
-var Cr = ["style"], Tr = ["style"];
-function Pr(e, t) {
-  var n = e.style, o = Et(e, Cr), r = t.style, s = Et(t, Tr);
-  return !Wt(n, r) && !Wt(o, s);
+var Tr = ["style"], Pr = ["style"];
+function Sr(e, t) {
+  var n = e.style, o = Ot(e, Tr), r = t.style, s = Ot(t, Pr);
+  return !Ht(n, r) && !Ht(o, s);
 }
-const Sr = () => {
-  const { viewMode: e } = je(), { scrollMode: t } = Pe(), { setColumnCount: n } = jt(), { virtualScrollableElementRef: o } = Be(), r = Jt(), s = R(
+const Ir = () => {
+  const { viewMode: e } = je(), { scrollMode: t } = Pe(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: o } = Be(), r = Yt(), s = R(
     (g) => r.widths[g] || 0,
     [r.widths]
   ), c = R(
     (g) => r.heights[g] || 0,
     [r.heights]
-  ), i = z(() => r.heights.length, [r.heights]), l = z(() => Math.max(...r.widths), [r.widths]), p = z(() => t === B.HORIZONTAL_SCROLLING ? i : e === We.DUAL_PAGE ? 2 : 1, [e, t, t, i, o, l]);
+  ), i = z(() => r.heights.length, [r.heights]), l = z(() => Math.max(...r.widths), [r.widths]), p = z(() => t === X.HORIZONTAL_SCROLLING ? i : e === We.DUAL_PAGE ? 2 : 1, [e, t, t, i, o, l]);
   A(() => {
     n(p);
   }, [p, n]);
-  const h = z(() => t === B.HORIZONTAL_SCROLLING || t === B.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), m = z(() => r.heights.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]), u = z(() => r.widths.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]);
+  const h = z(() => t === X.HORIZONTAL_SCROLLING || t === X.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), m = z(() => r.heights.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]), d = z(() => r.widths.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: h,
     rowHeight: c,
@@ -1529,98 +1529,98 @@ const Sr = () => {
     columnWidth: s,
     pageDimension: r,
     estimatedRowHeight: m,
-    estimatedColumnWidth: u
+    estimatedColumnWidth: d
   };
 };
-let oe;
-typeof window < "u" ? oe = window : typeof self < "u" ? oe = self : oe = global;
+let ne;
+typeof window < "u" ? ne = window : typeof self < "u" ? ne = self : ne = global;
 let pt = null, ht = null;
-const Ht = 20, tt = oe.clearTimeout, $t = oe.setTimeout, nt = oe.cancelAnimationFrame || oe.mozCancelAnimationFrame || oe.webkitCancelAnimationFrame, Gt = oe.requestAnimationFrame || oe.mozRequestAnimationFrame || oe.webkitRequestAnimationFrame;
-nt == null || Gt == null ? (pt = tt, ht = function(t) {
-  return $t(t, Ht);
+const $t = 20, tt = ne.clearTimeout, Gt = ne.setTimeout, nt = ne.cancelAnimationFrame || ne.mozCancelAnimationFrame || ne.webkitCancelAnimationFrame, Vt = ne.requestAnimationFrame || ne.mozRequestAnimationFrame || ne.webkitRequestAnimationFrame;
+nt == null || Vt == null ? (pt = tt, ht = function(t) {
+  return Gt(t, $t);
 }) : (pt = function([t, n]) {
   nt(t), tt(n);
 }, ht = function(t) {
-  const n = Gt(function() {
+  const n = Vt(function() {
     tt(o), t();
-  }), o = $t(function() {
+  }), o = Gt(function() {
     nt(n), t();
-  }, Ht);
+  }, $t);
   return [n, o];
 });
-function Ir(e) {
+function yr(e) {
   let t, n, o, r, s, c, i;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
-    c = function(_) {
-      const P = _.__resizeTriggers__, T = P.firstElementChild, x = P.lastElementChild, d = T.firstElementChild;
-      x.scrollLeft = x.scrollWidth, x.scrollTop = x.scrollHeight, d.style.width = T.offsetWidth + 1 + "px", d.style.height = T.offsetHeight + 1 + "px", T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight;
-    }, s = function(_) {
-      return _.offsetWidth !== _.__resizeLast__.width || _.offsetHeight !== _.__resizeLast__.height;
-    }, i = function(_) {
-      if (_.target.className && typeof _.target.className.indexOf == "function" && _.target.className.indexOf("contract-trigger") < 0 && _.target.className.indexOf("expand-trigger") < 0)
+    c = function(w) {
+      const P = w.__resizeTriggers__, T = P.firstElementChild, I = P.lastElementChild, u = T.firstElementChild;
+      I.scrollLeft = I.scrollWidth, I.scrollTop = I.scrollHeight, u.style.width = T.offsetWidth + 1 + "px", u.style.height = T.offsetHeight + 1 + "px", T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight;
+    }, s = function(w) {
+      return w.offsetWidth !== w.__resizeLast__.width || w.offsetHeight !== w.__resizeLast__.height;
+    }, i = function(w) {
+      if (w.target.className && typeof w.target.className.indexOf == "function" && w.target.className.indexOf("contract-trigger") < 0 && w.target.className.indexOf("expand-trigger") < 0)
         return;
       const P = this;
       c(this), this.__resizeRAF__ && pt(this.__resizeRAF__), this.__resizeRAF__ = ht(function() {
-        s(P) && (P.__resizeLast__.width = P.offsetWidth, P.__resizeLast__.height = P.offsetHeight, P.__resizeListeners__.forEach(function(d) {
-          d.call(P, _);
+        s(P) && (P.__resizeLast__.width = P.offsetWidth, P.__resizeLast__.height = P.offsetHeight, P.__resizeListeners__.forEach(function(u) {
+          u.call(P, w);
         }));
       });
     };
-    let u = !1, g = "";
+    let d = !1, g = "";
     o = "animationstart";
     const v = "Webkit Moz O ms".split(" ");
-    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), f = "";
+    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), f = "";
     {
-      const _ = document.createElement("fakeelement");
-      if (_.style.animationName !== void 0 && (u = !0), u === !1) {
+      const w = document.createElement("fakeelement");
+      if (w.style.animationName !== void 0 && (d = !0), d === !1) {
         for (let P = 0; P < v.length; P++)
-          if (_.style[v[P] + "AnimationName"] !== void 0) {
-            f = v[P], g = "-" + f.toLowerCase() + "-", o = b[P], u = !0;
+          if (w.style[v[P] + "AnimationName"] !== void 0) {
+            f = v[P], g = "-" + f.toLowerCase() + "-", o = _[P], d = !0;
             break;
           }
       }
     }
     n = "resizeanim", t = "@" + g + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = g + "animation: 1ms " + n + "; ";
   }
-  const p = function(u) {
-    if (!u.getElementById("detectElementResize")) {
-      const g = (t || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', v = u.head || u.getElementsByTagName("head")[0], b = u.createElement("style");
-      b.id = "detectElementResize", b.type = "text/css", e != null && b.setAttribute("nonce", e), b.styleSheet ? b.styleSheet.cssText = g : b.appendChild(u.createTextNode(g)), v.appendChild(b);
+  const p = function(d) {
+    if (!d.getElementById("detectElementResize")) {
+      const g = (t || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', v = d.head || d.getElementsByTagName("head")[0], _ = d.createElement("style");
+      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = g : _.appendChild(d.createTextNode(g)), v.appendChild(_);
     }
   };
   return {
-    addResizeListener: function(u, g) {
+    addResizeListener: function(d, g) {
       if (l)
-        u.attachEvent("onresize", g);
+        d.attachEvent("onresize", g);
       else {
-        if (!u.__resizeTriggers__) {
-          const v = u.ownerDocument, b = oe.getComputedStyle(u);
-          b && b.position === "static" && (u.style.position = "relative"), p(v), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = v.createElement("div")).className = "resize-triggers";
+        if (!d.__resizeTriggers__) {
+          const v = d.ownerDocument, _ = ne.getComputedStyle(d);
+          _ && _.position === "static" && (d.style.position = "relative"), p(v), d.__resizeLast__ = {}, d.__resizeListeners__ = [], (d.__resizeTriggers__ = v.createElement("div")).className = "resize-triggers";
           const f = v.createElement("div");
           f.className = "expand-trigger", f.appendChild(v.createElement("div"));
-          const _ = v.createElement("div");
-          _.className = "contract-trigger", u.__resizeTriggers__.appendChild(f), u.__resizeTriggers__.appendChild(_), u.appendChild(u.__resizeTriggers__), c(u), u.addEventListener("scroll", i, !0), o && (u.__resizeTriggers__.__animationListener__ = function(T) {
-            T.animationName === n && c(u);
-          }, u.__resizeTriggers__.addEventListener(o, u.__resizeTriggers__.__animationListener__));
+          const w = v.createElement("div");
+          w.className = "contract-trigger", d.__resizeTriggers__.appendChild(f), d.__resizeTriggers__.appendChild(w), d.appendChild(d.__resizeTriggers__), c(d), d.addEventListener("scroll", i, !0), o && (d.__resizeTriggers__.__animationListener__ = function(T) {
+            T.animationName === n && c(d);
+          }, d.__resizeTriggers__.addEventListener(o, d.__resizeTriggers__.__animationListener__));
         }
-        u.__resizeListeners__.push(g);
+        d.__resizeListeners__.push(g);
       }
     },
-    removeResizeListener: function(u, g) {
+    removeResizeListener: function(d, g) {
       if (l)
-        u.detachEvent("onresize", g);
-      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(g), 1), !u.__resizeListeners__.length) {
-        u.removeEventListener("scroll", i, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(o, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
+        d.detachEvent("onresize", g);
+      else if (d.__resizeListeners__.splice(d.__resizeListeners__.indexOf(g), 1), !d.__resizeListeners__.length) {
+        d.removeEventListener("scroll", i, !0), d.__resizeTriggers__.__animationListener__ && (d.__resizeTriggers__.removeEventListener(o, d.__resizeTriggers__.__animationListener__), d.__resizeTriggers__.__animationListener__ = null);
         try {
-          u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
+          d.__resizeTriggers__ = !d.removeChild(d.__resizeTriggers__);
         } catch {
         }
       }
     }
   };
 }
-class yr extends Vn {
+class xr extends Zn {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1635,16 +1635,16 @@ class yr extends Vn {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const s = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(s.paddingLeft || "0"), i = parseFloat(s.paddingRight || "0"), l = parseFloat(s.paddingTop || "0"), p = parseFloat(s.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), m = h.height - l - p, u = h.width - c - i, g = this._parentNode.offsetHeight - l - p, v = this._parentNode.offsetWidth - c - i;
-        (!n && (this.state.height !== g || this.state.scaledHeight !== m) || !o && (this.state.width !== v || this.state.scaledWidth !== u)) && (this.setState({
+        const s = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(s.paddingLeft || "0"), i = parseFloat(s.paddingRight || "0"), l = parseFloat(s.paddingTop || "0"), p = parseFloat(s.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), m = h.height - l - p, d = h.width - c - i, g = this._parentNode.offsetHeight - l - p, v = this._parentNode.offsetWidth - c - i;
+        (!n && (this.state.height !== g || this.state.scaledHeight !== m) || !o && (this.state.width !== v || this.state.scaledWidth !== d)) && (this.setState({
           height: g,
           width: v,
           scaledHeight: m,
-          scaledWidth: u
+          scaledWidth: d
         }), typeof r == "function" && r({
           height: g,
           scaledHeight: m,
-          scaledWidth: u,
+          scaledWidth: d,
           width: v
         }));
       }
@@ -1661,7 +1661,7 @@ class yr extends Vn {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Ir(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = yr(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1681,26 +1681,26 @@ class yr extends Vn {
       tagName: h = "div",
       ...m
     } = this.props, {
-      height: u,
+      height: d,
       scaledHeight: g,
       scaledWidth: v,
-      width: b
+      width: _
     } = this.state, f = {
       overflow: "visible"
-    }, _ = {};
+    }, w = {};
     let P = !1;
-    return r || (u === 0 && (P = !0), f.height = 0, _.height = u, _.scaledHeight = g), s || (b === 0 && (P = !0), f.width = 0, _.width = b, _.scaledWidth = v), c && (P = !1), De(h, {
+    return r || (d === 0 && (P = !0), f.height = 0, w.height = d, w.scaledHeight = g), s || (_ === 0 && (P = !0), f.width = 0, w.width = _, w.scaledWidth = v), c && (P = !1), De(h, {
       ref: this._setRef,
       style: {
         ...f,
         ...p
       },
       ...m
-    }, !P && t(_));
+    }, !P && t(w));
   }
 }
-const xr = ({ widths: e, heights: t }) => {
-  const { focusedPage: n, totalPages: o } = re(), r = z(() => {
+const Rr = ({ widths: e, heights: t }) => {
+  const { focusedPage: n, totalPages: o } = oe(), r = z(() => {
     const i = [], l = Math.ceil(n / 2) * 2 - 1;
     if (i.push(l), l + 1 < o) {
       const p = l + 1;
@@ -1722,9 +1722,10 @@ const xr = ({ widths: e, heights: t }) => {
       height: t(n)
     }
   ], [e, t, r]), c = z(() => s.reduce((i, l) => i + Number(l.width || 0), 0), [s]);
-  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: r.map((i, l) => /* @__PURE__ */ a(wt, { style: s[l], pageNumber: i }, i)) });
-}, Rr = ({ widths: e, heights: t }) => {
-  const { focusedPage: n } = re(), o = z(() => ({
+  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: r.map((i, l) => /* @__PURE__ */ a(wt, { onIntersectRatioChange: () => {
+  }, style: s[l], pageNumber: i }, i)) });
+}, Lr = ({ widths: e, heights: t }) => {
+  const { focusedPage: n } = oe(), o = z(() => ({
     position: "absolute",
     width: e(n - 1),
     height: t(n - 1)
@@ -1736,10 +1737,19 @@ const xr = ({ widths: e, heights: t }) => {
         width: r,
         position: "relative"
       },
-      children: /* @__PURE__ */ a(wt, { style: o, pageNumber: n }, n)
+      children: /* @__PURE__ */ a(
+        wt,
+        {
+          style: o,
+          onIntersectRatioChange: () => {
+          },
+          pageNumber: n
+        },
+        n
+      )
     }
   );
-}, Lr = Un(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
+}, Nr = jn(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
   const r = e + 1 + t * n.columnCount;
   return /* @__PURE__ */ a(
     wt,
@@ -1750,8 +1760,8 @@ const xr = ({ widths: e, heights: t }) => {
     },
     r
   );
-}, Pr), Qa = () => {
-  const { initialPage: e = 1, initialScrollMode: t } = Bn(), { getContainer: n, container: o } = mo(), { scrollToPage: r } = nn(), {
+}, Sr), ei = () => {
+  const { initialPage: e = 1, initialScrollMode: t } = Jn(), { getContainer: n, container: o } = Qt(), { scrollToPage: r } = sn(), {
     virtualScrollRef: s,
     getVirtualScrollRef: c,
     getPageScrollElementRef: i,
@@ -1759,125 +1769,123 @@ const xr = ({ widths: e, heights: t }) => {
     setTotalInnerDimensions: p,
     totalInnerDimensions: h,
     pageScrollElementRef: m
-  } = Be(), { nextPage: u, prevPage: g, setFocusedPage: v, focusedPage: b } = re(), { scrollMode: f } = Pe(), { viewMode: _ } = je(), P = W(null), T = W(
+  } = Be(), { nextPage: d, prevPage: g, setFocusedPage: v, focusedPage: _ } = oe(), { scrollMode: f } = Pe(), { viewMode: w } = je(), P = H(null), T = H(
     h
-  ), x = W({
-    viewMode: _,
+  ), I = H({
+    viewMode: w,
     scrollMode: f
-  }), d = W(!1), C = W(), { isFullScreen: w } = Kn(), {
-    pageDimension: y,
+  }), u = H(!1), C = H(), { isFullScreen: b } = Yn(), {
+    pageDimension: x,
     rowCount: N,
-    rowHeight: I,
+    rowHeight: y,
     columnCount: S,
     columnWidth: M,
     estimatedColumnWidth: L,
     estimatedRowHeight: E
-  } = Sr(), [O, F] = $({}), { isScrolling: G } = Bt(), U = W(), j = W({
+  } = Ir(), [D, k] = $({}), G = en(D, 100), { isScrolling: q } = Kt(), Z = H(), V = H({
     scrollTop: 0,
     scrollLeft: 0
   });
-  vo(o);
-  const { isPressed: V } = fo(), { selectionMode: K } = jn(), { initializeGrabScroll: ae } = go({
-    isPressed: V
-  }), Q = z(() => K === qn.HAND, [K]), X = R((k, H) => {
-    F((Z) => ({ ...Z, [k]: Math.round(H * 100) }));
-  }, []), ee = z(() => ({
+  wo(o);
+  const { isPressed: B } = vo(), { selectionMode: se } = Xn(), { initializeGrabScroll: ce } = _o({
+    isPressed: B
+  }), j = z(() => se === Bn.HAND, [se]), J = R((F, W) => {
+    k((K) => W > -1 ? { ...K, [F]: Math.round(W * 100) } : (delete K[F], K));
+  }, []), pe = z(() => ({
     columnCount: S,
-    handleIntersectRatioChange: X
-  }), [S, X]), ie = R(
-    (k) => {
-      const H = document.activeElement !== o;
-      !w && H || (["ArrowUp", "ArrowLeft"].includes(k.key) ? (k.preventDefault(), g()) : ["ArrowDown", "ArrowRight"].includes(k.key) && (k.preventDefault(), u()));
+    handleIntersectRatioChange: J
+  }), [S, J]), he = R(
+    (F) => {
+      const W = document.activeElement !== o;
+      !b && W || (["ArrowUp", "ArrowLeft"].includes(F.key) ? (F.preventDefault(), g()) : ["ArrowDown", "ArrowRight"].includes(F.key) && (F.preventDefault(), d()));
     },
-    [u, g, w, f]
-  ), _e = R((k) => {
-    j.current = {
-      scrollTop: k.scrollTop,
-      scrollLeft: k.scrollLeft
+    [d, g, b, f]
+  ), Ee = R((F) => {
+    V.current = {
+      scrollTop: F.scrollTop,
+      scrollLeft: F.scrollLeft
     };
   }, []);
-  A(() => (window.addEventListener("keydown", ie), () => {
-    window.removeEventListener("keydown", ie);
-  }), [ie]), A(() => {
+  A(() => (window.addEventListener("keydown", he), () => {
+    window.removeEventListener("keydown", he);
+  }), [he]), A(() => {
     if (P.current && (P.current.style.position = "relative"), !!s) {
       T.current = {
         height: h.height,
         width: h.width
       }, p({
         height: Array.from({ length: N }).reduce(
-          (k, H, Z) => k + I(Z),
+          (F, W, K) => F + y(K),
           0
         ),
         width: Array.from({ length: S }).reduce(
-          (k, H, Z) => k + M(Z),
+          (F, W, K) => F + M(K),
           0
         )
       });
-      for (let k = 0; k < N; k++)
-        for (let H = 0; H < S; H++)
+      for (let F = 0; F < N; F++)
+        for (let W = 0; W < S; W++)
           s.resetAfterIndices({
-            columnIndex: H,
-            rowIndex: k,
+            columnIndex: W,
+            rowIndex: F,
             shouldForceUpdate: !0
           });
     }
-  }, [N, S, y, s, r]), A(() => {
-    if (G.current)
+  }, [N, S, x, s, r]), A(() => {
+    if (q.current)
       return;
-    if (x.current.viewMode !== _ || x.current.scrollMode !== f) {
-      U.current && clearTimeout(U.current), F({}), d.current = !0, r(b), f === B.HORIZONTAL_SCROLLING && (s == null || s.scrollTo({
+    if (I.current.viewMode !== w || I.current.scrollMode !== f) {
+      Z.current && clearTimeout(Z.current), k({}), u.current = !0, r(_), f === X.HORIZONTAL_SCROLLING && (s == null || s.scrollTo({
         scrollTop: 0
-      })), U.current = setTimeout(() => {
+      })), Z.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          x.current = { viewMode: _, scrollMode: f };
+          I.current = { viewMode: w, scrollMode: f };
         });
       }, 100);
       return;
     }
-    const H = j.current.scrollTop, Z = j.current.scrollLeft;
+    const W = V.current.scrollTop, K = V.current.scrollLeft;
     if (h.height && h.width) {
-      d.current = !0;
-      const { height: he, width: Oe } = h, { height: zn, width: Fn } = T.current, kn = H / zn * he, Wn = Z / Fn * Oe, Hn = Math.min(kn, he) || 0, $n = Math.min(Wn, Oe) || 0;
+      u.current = !0;
+      const { height: me, width: St } = h, { height: Wn, width: Hn } = T.current, $n = W / Wn * me, Gn = K / Hn * St, Vn = Math.min($n, me) || 0, Un = Math.min(Gn, St) || 0;
       s == null || s.scrollTo({
-        scrollTop: Hn,
-        scrollLeft: $n
+        scrollTop: Vn,
+        scrollLeft: Un
       }), C.current && clearTimeout(C.current), C.current = setTimeout(() => {
-        d.current = !1;
+        u.current = !1;
       }, 100);
     }
-  }, [h, _, f]), A(() => {
-    const k = Object.entries(O);
-    if (G.current || d.current) {
-      G.current = !1;
+  }, [h, w, f]), A(() => {
+    if ((q.current || u.current) && (q.current = !1), q.current)
       return;
-    }
-    let H = 0, Z = -1;
-    k.forEach((he) => {
-      Z < he[1] && (H = Number(he[0]), Z = he[1]);
-    }), H && v(H);
-  }, [O, v]), A(() => () => {
-    U.current && clearTimeout(U.current), C.current && clearTimeout(C.current);
+    const F = Object.entries(G);
+    let W = 0, K = -1;
+    F.forEach((me) => {
+      K < me[1] && (W = Number(me[0]), K = me[1]);
+    }), W && v(W);
+  }, [G, v]), A(() => () => {
+    Z.current && clearTimeout(Z.current), C.current && clearTimeout(C.current);
   }, []);
-  const Ee = z(() => te(ue["rp-pages-container"], {
-    [ue["rp-cursor-grab"]]: Q && !V,
-    [ue["rp-cursor-grabbing"]]: Q && V
-  }), [Q, V]), Se = R(
-    (k) => {
-      if (Q && k) {
-        const H = te(ue["rp-pages"]), Z = document.querySelector(`.${H}`);
-        ae(Z);
+  const Se = z(() => ee(le["rp-pages-container"], {
+    [le["rp-cursor-grab"]]: j && !B,
+    [le["rp-cursor-grabbing"]]: j && B
+  }), [j, B]), Oe = R(
+    (F) => {
+      if (j && F) {
+        const W = ee(le["rp-pages"]), K = document.querySelector(`.${W}`);
+        ce(K);
       }
     },
-    [Q, ae, ue]
+    [j, ce, le]
   );
   return A(() => {
-    if (t === B.PAGE_SCROLLING) {
-      e !== b && m && v(e);
+    if (t === X.PAGE_SCROLLING) {
+      e !== _ && m && v(e);
       return;
     }
     if (s != null && s.scrollToItem) {
       switch (t) {
-        case B.HORIZONTAL_SCROLLING:
+        case X.HORIZONTAL_SCROLLING:
           s.scrollToItem({
             columnIndex: e - 1,
             rowIndex: 0,
@@ -1894,35 +1902,35 @@ const xr = ({ widths: e, heights: t }) => {
       }
       v(e);
     }
-  }, [s, t, m, v]), /* @__PURE__ */ a("div", { ref: n, tabIndex: -1, className: Ee, children: /* @__PURE__ */ a(yr, { children: ({ width: k, height: H }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Se, style: { width: k, height: H }, children: f === B.PAGE_SCROLLING ? /* @__PURE__ */ a(
+  }, [s, t, m, v]), /* @__PURE__ */ a("div", { ref: n, tabIndex: -1, className: Se, children: /* @__PURE__ */ a(xr, { children: ({ width: F, height: W }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Oe, style: { width: F, height: W }, children: f === X.PAGE_SCROLLING ? /* @__PURE__ */ a(
     "div",
     {
       ref: i,
-      style: { width: k, height: H },
-      className: te(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
-      children: _ === We.DUAL_PAGE ? /* @__PURE__ */ a(xr, { widths: M, heights: I }) : /* @__PURE__ */ a(Rr, { widths: M, heights: I })
+      style: { width: F, height: W },
+      className: ee(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
+      children: w === We.DUAL_PAGE ? /* @__PURE__ */ a(Rr, { widths: M, heights: y }) : /* @__PURE__ */ a(Lr, { widths: M, heights: y })
     }
   ) : L ? /* @__PURE__ */ a(
-    br,
+    Cr,
     {
       ref: c,
-      itemData: ee,
+      itemData: pe,
       outerRef: l,
       innerRef: P,
-      onScroll: _e,
+      onScroll: Ee,
       columnCount: S,
       columnWidth: M,
-      rowHeight: I,
-      height: H,
-      width: k,
+      rowHeight: y,
+      height: W,
+      width: F,
       estimatedColumnWidth: L,
       estimatedRowHeight: E,
       rowCount: N,
-      className: te(
-        ue["rp-pages"],
-        f === B.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
+      className: ee(
+        le["rp-pages"],
+        f === X.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
       ),
-      children: Lr
+      children: Nr
     }
   ) : /* @__PURE__ */ a(
     "div",
@@ -1947,24 +1955,24 @@ const xr = ({ widths: e, heights: t }) => {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
   "rp-total-page": "_rp-total-page_1vu6o_12"
-}, Nr = () => {
-  const { prevIcon: e } = le();
-  return e || /* @__PURE__ */ a(Re, {});
 }, Mr = () => {
-  const { nextIcon: e } = le();
-  return e || /* @__PURE__ */ a(Re, { style: { transform: "rotate(180deg" } });
+  const { prevIcon: e } = ie();
+  return e || /* @__PURE__ */ a(Re, {});
 }, Er = () => {
-  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: s } = re(), [c, i] = $(e.toString()), { pageNavigationTool: l = !0 } = pe(), { isSmallScreen: p } = ve();
+  const { nextIcon: e } = ie();
+  return e || /* @__PURE__ */ a(Re, { style: { transform: "rotate(180deg" } });
+}, Or = () => {
+  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: s } = oe(), [c, i] = $(e.toString()), { pageNavigationTool: l = !0 } = de(), { isSmallScreen: p } = _e();
   A(() => {
     i(e.toString());
   }, [e]);
   const h = R((v) => {
-    const b = v.target.value;
-    i(b);
+    const _ = v.target.value;
+    i(_);
   }, []), m = R(() => {
     const v = s(c);
     v.success || i(v.currentPage.toString());
-  }, [s, c, t]), u = R(() => {
+  }, [s, c, t]), d = R(() => {
     i(e.toString());
   }, [e]), g = R(
     (v) => {
@@ -1982,26 +1990,26 @@ const xr = ({ widths: e, heights: t }) => {
       goToPage: s,
       changePage: n
     }
-  ) : l ? /* @__PURE__ */ D("div", { className: ot["rp-paginate"], children: [
-    !p && /* @__PURE__ */ a(ne, { content: "Previous page", children: /* @__PURE__ */ a(J, { onClick: r, disabled: e === 1, children: /* @__PURE__ */ a(Nr, {}) }) }),
+  ) : l ? /* @__PURE__ */ O("div", { className: ot["rp-paginate"], children: [
+    !p && /* @__PURE__ */ a(te, { content: "Previous page", children: /* @__PURE__ */ a(Y, { onClick: r, disabled: e === 1, children: /* @__PURE__ */ a(Mr, {}) }) }),
     /* @__PURE__ */ a(
-      Zt,
+      jt,
       {
         onKeyDown: g,
-        onBlur: u,
+        onBlur: d,
         onChange: h,
         value: c,
         className: ot["rp-page-input"]
       }
     ),
-    /* @__PURE__ */ D("span", { className: ot["rp-total-page"], children: [
+    /* @__PURE__ */ O("span", { className: ot["rp-total-page"], children: [
       "/",
       t
     ] }),
-    !p && /* @__PURE__ */ a(ne, { content: "Next page", children: /* @__PURE__ */ a(J, { onClick: o, disabled: e === t, children: /* @__PURE__ */ a(Mr, {}) }) })
+    !p && /* @__PURE__ */ a(te, { content: "Next page", children: /* @__PURE__ */ a(Y, { onClick: o, disabled: e === t, children: /* @__PURE__ */ a(Er, {}) }) })
   ] }) : null;
 };
-var bt = "Dialog", [gn, ei] = Po(bt), [Or, se] = gn(bt), vn = (e) => {
+var bt = "Dialog", [wn, ti] = So(bt), [Dr, re] = wn(bt), bn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -2009,13 +2017,13 @@ var bt = "Dialog", [gn, ei] = Po(bt), [Or, se] = gn(bt), vn = (e) => {
     defaultOpen: r,
     onOpenChange: s,
     modal: c = !0
-  } = e, i = q.useRef(null), l = q.useRef(null), [p = !1, h] = yo({
+  } = e, i = U.useRef(null), l = U.useRef(null), [p = !1, h] = xo({
     prop: o,
     defaultProp: r,
     onChange: s
   });
   return /* @__PURE__ */ a(
-    Or,
+    Dr,
     {
       scope: t,
       triggerRef: i,
@@ -2025,16 +2033,16 @@ var bt = "Dialog", [gn, ei] = Po(bt), [Or, se] = gn(bt), vn = (e) => {
       descriptionId: Xe(),
       open: p,
       onOpenChange: h,
-      onOpenToggle: q.useCallback(() => h((m) => !m), [h]),
+      onOpenToggle: U.useCallback(() => h((m) => !m), [h]),
       modal: c,
       children: n
     }
   );
 };
-vn.displayName = bt;
-var _n = "DialogTrigger", Dr = q.forwardRef(
+bn.displayName = bt;
+var Cn = "DialogTrigger", Ar = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = se(_n, n), s = ft(t, r.triggerRef);
+    const { __scopeDialog: n, ...o } = e, r = re(Cn, n), s = ft(t, r.triggerRef);
     return /* @__PURE__ */ a(
       Me.button,
       {
@@ -2050,28 +2058,28 @@ var _n = "DialogTrigger", Dr = q.forwardRef(
     );
   }
 );
-Dr.displayName = _n;
-var Ct = "DialogPortal", [Ar, wn] = gn(Ct, {
+Ar.displayName = Cn;
+var Ct = "DialogPortal", [zr, Tn] = wn(Ct, {
   forceMount: void 0
-}), bn = (e) => {
-  const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, s = se(Ct, t);
-  return /* @__PURE__ */ a(Ar, { scope: t, forceMount: n, children: q.Children.map(o, (c) => /* @__PURE__ */ a(gt, { present: n || s.open, children: /* @__PURE__ */ a(Eo, { asChild: !0, container: r, children: c }) })) });
+}), Pn = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, s = re(Ct, t);
+  return /* @__PURE__ */ a(zr, { scope: t, forceMount: n, children: U.Children.map(o, (c) => /* @__PURE__ */ a(gt, { present: n || s.open, children: /* @__PURE__ */ a(Oo, { asChild: !0, container: r, children: c }) })) });
 };
-bn.displayName = Ct;
-var $e = "DialogOverlay", Cn = q.forwardRef(
+Pn.displayName = Ct;
+var $e = "DialogOverlay", Sn = U.forwardRef(
   (e, t) => {
-    const n = wn($e, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = se($e, e.__scopeDialog);
-    return s.modal ? /* @__PURE__ */ a(gt, { present: o || s.open, children: /* @__PURE__ */ a(zr, { ...r, ref: t }) }) : null;
+    const n = Tn($e, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = re($e, e.__scopeDialog);
+    return s.modal ? /* @__PURE__ */ a(gt, { present: o || s.open, children: /* @__PURE__ */ a(Fr, { ...r, ref: t }) }) : null;
   }
 );
-Cn.displayName = $e;
-var zr = q.forwardRef(
+Sn.displayName = $e;
+var Fr = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = se($e, n);
+    const { __scopeDialog: n, ...o } = e, r = re($e, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(Ro, { as: So, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Lo, { as: Io, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
         Me.div,
         {
           "data-state": Pt(r.open),
@@ -2082,22 +2090,22 @@ var zr = q.forwardRef(
       ) })
     );
   }
-), ge = "DialogContent", Tn = q.forwardRef(
+), ve = "DialogContent", In = U.forwardRef(
   (e, t) => {
-    const n = wn(ge, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = se(ge, e.__scopeDialog);
-    return /* @__PURE__ */ a(gt, { present: o || s.open, children: s.modal ? /* @__PURE__ */ a(Fr, { ...r, ref: t }) : /* @__PURE__ */ a(kr, { ...r, ref: t }) });
+    const n = Tn(ve, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, s = re(ve, e.__scopeDialog);
+    return /* @__PURE__ */ a(gt, { present: o || s.open, children: s.modal ? /* @__PURE__ */ a(kr, { ...r, ref: t }) : /* @__PURE__ */ a(Wr, { ...r, ref: t }) });
   }
 );
-Tn.displayName = ge;
-var Fr = q.forwardRef(
+In.displayName = ve;
+var kr = U.forwardRef(
   (e, t) => {
-    const n = se(ge, e.__scopeDialog), o = q.useRef(null), r = ft(t, n.contentRef, o);
-    return q.useEffect(() => {
+    const n = re(ve, e.__scopeDialog), o = U.useRef(null), r = ft(t, n.contentRef, o);
+    return U.useEffect(() => {
       const s = o.current;
       if (s)
-        return Lo(s);
+        return No(s);
     }, []), /* @__PURE__ */ a(
-      Pn,
+      yn,
       {
         ...e,
         ref: r,
@@ -2118,11 +2126,11 @@ var Fr = q.forwardRef(
       }
     );
   }
-), kr = q.forwardRef(
+), Wr = U.forwardRef(
   (e, t) => {
-    const n = se(ge, e.__scopeDialog), o = q.useRef(!1), r = q.useRef(!1);
+    const n = re(ve, e.__scopeDialog), o = U.useRef(!1), r = U.useRef(!1);
     return /* @__PURE__ */ a(
-      Pn,
+      yn,
       {
         ...e,
         ref: t,
@@ -2141,12 +2149,12 @@ var Fr = q.forwardRef(
       }
     );
   }
-), Pn = q.forwardRef(
+), yn = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: s, ...c } = e, i = se(ge, n), l = q.useRef(null), p = ft(t, l);
-    return No(), /* @__PURE__ */ D(ke, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: s, ...c } = e, i = re(ve, n), l = U.useRef(null), p = ft(t, l);
+    return Mo(), /* @__PURE__ */ O(ke, { children: [
       /* @__PURE__ */ a(
-        Mo,
+        Eo,
         {
           asChild: !0,
           loop: !0,
@@ -2154,7 +2162,7 @@ var Fr = q.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: s,
           children: /* @__PURE__ */ a(
-            xo,
+            Ro,
             {
               role: "dialog",
               id: i.contentId,
@@ -2168,29 +2176,29 @@ var Fr = q.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(ke, { children: [
-        /* @__PURE__ */ a(Hr, { titleId: i.titleId }),
-        /* @__PURE__ */ a(Gr, { contentRef: l, descriptionId: i.descriptionId })
+      /* @__PURE__ */ O(ke, { children: [
+        /* @__PURE__ */ a($r, { titleId: i.titleId }),
+        /* @__PURE__ */ a(Vr, { contentRef: l, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), Tt = "DialogTitle", Sn = q.forwardRef(
+), Tt = "DialogTitle", xn = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = se(Tt, n);
+    const { __scopeDialog: n, ...o } = e, r = re(Tt, n);
     return /* @__PURE__ */ a(Me.h2, { id: r.titleId, ...o, ref: t });
   }
 );
-Sn.displayName = Tt;
-var In = "DialogDescription", Wr = q.forwardRef(
+xn.displayName = Tt;
+var Rn = "DialogDescription", Hr = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = se(In, n);
+    const { __scopeDialog: n, ...o } = e, r = re(Rn, n);
     return /* @__PURE__ */ a(Me.p, { id: r.descriptionId, ...o, ref: t });
   }
 );
-Wr.displayName = In;
-var yn = "DialogClose", xn = q.forwardRef(
+Hr.displayName = Rn;
+var Ln = "DialogClose", Nn = U.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = se(yn, n);
+    const { __scopeDialog: n, ...o } = e, r = re(Ln, n);
     return /* @__PURE__ */ a(
       Me.button,
       {
@@ -2202,32 +2210,32 @@ var yn = "DialogClose", xn = q.forwardRef(
     );
   }
 );
-xn.displayName = yn;
+Nn.displayName = Ln;
 function Pt(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [ti, Ln] = Io(Rn, {
-  contentName: ge,
+var Mn = "DialogTitleWarning", [ni, En] = yo(Mn, {
+  contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
-}), Hr = ({ titleId: e }) => {
-  const t = Ln(Rn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), $r = ({ titleId: e }) => {
+  const t = En(Mn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
-  return q.useEffect(() => {
+  return U.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, $r = "DialogDescriptionWarning", Gr = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ln($r).contentName}}.`;
-  return q.useEffect(() => {
+}, Gr = "DialogDescriptionWarning", Vr = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${En(Gr).contentName}}.`;
+  return U.useEffect(() => {
     var s;
     const r = (s = e.current) == null ? void 0 : s.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, Vr = vn, Ur = bn, qr = Cn, Zr = Tn, jr = Sn, Br = xn;
-const fe = {
+}, Ur = bn, qr = Pn, Zr = Sn, jr = In, Br = xn, Kr = Nn;
+const ge = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2235,8 +2243,8 @@ const fe = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Kr = () => {
-  const { pdfProperties: e } = Y(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Do(), r = z(() => {
+}, Xr = () => {
+  const { pdfProperties: e } = Q(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Ao(), r = z(() => {
     if (!e)
       return [];
     const {
@@ -2247,10 +2255,10 @@ const fe = {
       subject: p,
       createdOn: h,
       creator: m,
-      keywords: u,
+      keywords: d,
       modifiedOn: g,
       pdfProducer: v,
-      pdfVersion: b,
+      pdfVersion: _,
       pageCount: f
     } = e;
     return [
@@ -2260,7 +2268,7 @@ const fe = {
       { label: "Title", value: i },
       { label: "Author", value: l },
       { label: "Subject", value: p },
-      { label: "Keywords", value: u },
+      { label: "Keywords", value: d },
       { label: "Creator", value: m },
       {
         label: "Created on",
@@ -2272,49 +2280,49 @@ const fe = {
       },
       { separate: !0 },
       { label: "PDF producer", value: v },
-      { label: "PDF version", value: b },
+      { label: "PDF version", value: _ },
       { label: "Page count", value: f }
     ];
   }, [e]);
-  return /* @__PURE__ */ a(Vr, { open: n, onOpenChange: o, children: /* @__PURE__ */ a(Ur, { container: t, children: /* @__PURE__ */ D("div", { className: fe["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ a(qr, { className: fe["rp-dialog-overlay"] }),
-    /* @__PURE__ */ D(Zr, { className: fe["rp-document-dialog"], children: [
-      /* @__PURE__ */ a(jr, { className: fe["rp-dialog-title"], children: "Document Properties" }),
-      /* @__PURE__ */ a("div", { className: fe["rp-document-properties"], children: r.map((s, c) => /* @__PURE__ */ a("div", { children: s.separate ? /* @__PURE__ */ a("div", { className: fe["rp-properties-divider"] }) : /* @__PURE__ */ a(Oo, { label: s.label, value: s.value }) }, c)) }),
-      /* @__PURE__ */ a(Br, { asChild: !0, className: fe["rp-dialog-close"], children: /* @__PURE__ */ a(Qt, {}) })
+  return /* @__PURE__ */ a(Ur, { open: n, onOpenChange: o, children: /* @__PURE__ */ a(qr, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(Zr, { className: ge["rp-dialog-overlay"] }),
+    /* @__PURE__ */ O(jr, { className: ge["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Br, { className: ge["rp-dialog-title"], children: "Document Properties" }),
+      /* @__PURE__ */ a("div", { className: ge["rp-document-properties"], children: r.map((s, c) => /* @__PURE__ */ a("div", { children: s.separate ? /* @__PURE__ */ a("div", { className: ge["rp-properties-divider"] }) : /* @__PURE__ */ a(Do, { label: s.label, value: s.value }) }, c)) }),
+      /* @__PURE__ */ a(Kr, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ a(nn, {}) })
     ] })
   ] }) }) });
-}, Xr = {
+}, Jr = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, Jr = (e) => URL.createObjectURL(e), Yr = async (e) => {
+}, Yr = (e) => URL.createObjectURL(e), Qr = async (e) => {
   const n = await (await fetch(e)).blob();
-  return Jr(n);
-}, Qr = () => {
-  const { filename: e, pdfSrc: t } = Y();
+  return Yr(n);
+}, es = () => {
+  const { filename: e, pdfSrc: t } = Q();
   return { download: R(async () => {
     if (!e || !t)
       throw new Error("There is no PDF source to download");
     const o = document.createElement("a");
-    o.href = await Yr(t), o.download = e, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+    o.href = await Qr(t), o.download = e, document.body.appendChild(o), o.click(), document.body.removeChild(o);
   }, []) };
-}, Nn = () => {
-  const { downloadIcon: e } = le();
-  return e || /* @__PURE__ */ a(Wo, {});
-}, Mn = ({ children: e, className: t }) => /* @__PURE__ */ a(ne, { className: t, content: "Download file", children: e }), es = ({ download: e }) => /* @__PURE__ */ a(Mn, { children: /* @__PURE__ */ a(J, { onClick: e, children: /* @__PURE__ */ a(Nn, {}) }) }), ts = ({ download: e }) => /* @__PURE__ */ a(me, { onClick: e, children: /* @__PURE__ */ D(Mn, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Nn, {}) }),
-  "Download file"
-] }) }), En = () => {
-  const { download: e } = Qr(), { downloadTool: t = !0 } = pe(), { isSmallScreen: n } = ve();
-  return t ? n ? /* @__PURE__ */ a(ts, { download: e }) : typeof t == "function" ? /* @__PURE__ */ a(t, { download: e }) : t ? /* @__PURE__ */ a(es, { download: e }) : null : null;
 }, On = () => {
-  const { printIcon: e } = le();
+  const { downloadIcon: e } = ie();
   return e || /* @__PURE__ */ a(Ho, {});
-}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ a(ne, { className: t, content: "Print", children: e }), ns = ({ print: e }) => /* @__PURE__ */ a(Dn, { children: /* @__PURE__ */ a(J, { onClick: e, children: /* @__PURE__ */ a(On, {}) }) }), os = ({ print: e }) => /* @__PURE__ */ a(me, { onClick: e, children: /* @__PURE__ */ D(Dn, { className: "rp-menu-item", children: [
+}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ a(te, { className: t, content: "Download file", children: e }), ts = ({ download: e }) => /* @__PURE__ */ a(Dn, { children: /* @__PURE__ */ a(Y, { onClick: e, children: /* @__PURE__ */ a(On, {}) }) }), ns = ({ download: e }) => /* @__PURE__ */ a(fe, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(On, {}) }),
-  "Print"
+  "Download file"
 ] }) }), An = () => {
-  const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: s } = _t(), { printTool: c = !0 } = pe(), { isSmallScreen: i } = ve();
-  return c ? i ? /* @__PURE__ */ a(os, { print: e }) : typeof c == "function" ? /* @__PURE__ */ a(
+  const { download: e } = es(), { downloadTool: t = !0 } = de(), { isSmallScreen: n } = _e();
+  return t ? n ? /* @__PURE__ */ a(ns, { download: e }) : typeof t == "function" ? /* @__PURE__ */ a(t, { download: e }) : t ? /* @__PURE__ */ a(ts, { download: e }) : null : null;
+}, zn = () => {
+  const { printIcon: e } = ie();
+  return e || /* @__PURE__ */ a($o, {});
+}, Fn = ({ children: e, className: t }) => /* @__PURE__ */ a(te, { className: t, content: "Print", children: e }), os = ({ print: e }) => /* @__PURE__ */ a(Fn, { children: /* @__PURE__ */ a(Y, { onClick: e, children: /* @__PURE__ */ a(zn, {}) }) }), rs = ({ print: e }) => /* @__PURE__ */ a(fe, { onClick: e, children: /* @__PURE__ */ O(Fn, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(zn, {}) }),
+  "Print"
+] }) }), kn = () => {
+  const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: s } = _t(), { printTool: c = !0 } = de(), { isSmallScreen: i } = _e();
+  return c ? i ? /* @__PURE__ */ a(rs, { print: e }) : typeof c == "function" ? /* @__PURE__ */ a(
     c,
     {
       print: e,
@@ -2324,34 +2332,34 @@ const fe = {
       setOnComplete: o,
       progress: s
     }
-  ) : c ? /* @__PURE__ */ a(ns, { print: e }) : null : null;
-}, rs = {
+  ) : c ? /* @__PURE__ */ a(os, { print: e }) : null : null;
+}, ss = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, ss = () => {
-  const { goToFirstPageIcon: e } = le();
-  return e || /* @__PURE__ */ a(tn, { className: rs["rp-go-to-Top"] });
 }, as = () => {
-  const { goToLastPageIcon: e } = le();
-  return e || /* @__PURE__ */ a(tn, {});
+  const { goToFirstPageIcon: e } = ie();
+  return e || /* @__PURE__ */ a(rn, { className: ss["rp-go-to-Top"] });
 }, is = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = re(), { jumpNavigationTool: o = !0 } = pe(), r = z(() => n === 1, [n]), s = z(() => n === t, [n, t]), c = R(() => {
+  const { goToLastPageIcon: e } = ie();
+  return e || /* @__PURE__ */ a(rn, {});
+}, cs = () => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: o = !0 } = de(), r = z(() => n === 1, [n]), s = z(() => n === t, [n, t]), c = R(() => {
     e(1);
   }, [e]), i = R(() => {
     e(t);
   }, [e, t]);
-  return o ? /* @__PURE__ */ D(He, { children: [
-    /* @__PURE__ */ a(me, { disabled: r, onClick: c, children: /* @__PURE__ */ D(ne, { className: "rp-menu-item", content: "Go to first page", children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(ss, {}) }),
+  return o ? /* @__PURE__ */ O(He, { children: [
+    /* @__PURE__ */ a(fe, { disabled: r, onClick: c, children: /* @__PURE__ */ O(te, { className: "rp-menu-item", content: "Go to first page", children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(as, {}) }),
       "First page"
     ] }) }),
-    /* @__PURE__ */ a(me, { disabled: s, onClick: i, children: /* @__PURE__ */ D(ne, { className: "rp-menu-item", content: "Go to last page", children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(as, {}) }),
+    /* @__PURE__ */ a(fe, { disabled: s, onClick: i, children: /* @__PURE__ */ O(te, { className: "rp-menu-item", content: "Go to last page", children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(is, {}) }),
       "Last page"
     ] }) }),
     /* @__PURE__ */ a(vt, {})
   ] }) : null;
-}, cs = () => {
-  const { container: e } = Le(), { isSmallScreen: t } = ve(), {
+}, ls = () => {
+  const { container: e } = Le(), { isSmallScreen: t } = _e(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
@@ -2361,11 +2369,11 @@ const fe = {
     jumpNavigationTool: l,
     printTool: p,
     fullscreenTool: h
-  } = pe();
+  } = de();
   return z(() => {
-    const u = l || c || i || s || r;
+    const d = l || c || i || s || r;
     let g = !1;
-    return t && (g = !(!n && !o && !p && !h)), u || g;
+    return t && (g = !(!n && !o && !p && !h)), d || g;
   }, [
     n,
     o,
@@ -2375,41 +2383,41 @@ const fe = {
     i,
     l,
     t
-  ]) ? /* @__PURE__ */ D(Ao, { children: [
+  ]) ? /* @__PURE__ */ O(zo, { children: [
     /* @__PURE__ */ a(
       mt,
       {
         container: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(ne, { content: "More options", children: /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(To, {}) }) }) }),
-        children: /* @__PURE__ */ D("div", { className: Xr["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          t && /* @__PURE__ */ D(He, { children: [
-            /* @__PURE__ */ a(Yt, {}),
-            /* @__PURE__ */ a(En, {}),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(te, { content: "More options", children: /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(Po, {}) }) }) }),
+        children: /* @__PURE__ */ O("div", { className: Jr["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+          t && /* @__PURE__ */ O(He, { children: [
+            /* @__PURE__ */ a(tn, {}),
             /* @__PURE__ */ a(An, {}),
-            /* @__PURE__ */ a(en, {}),
+            /* @__PURE__ */ a(kn, {}),
+            /* @__PURE__ */ a(on, {}),
             /* @__PURE__ */ a(vt, {})
           ] }),
-          /* @__PURE__ */ a(is, {}),
-          /* @__PURE__ */ a(Fo, {}),
-          /* @__PURE__ */ a($o, {}),
+          /* @__PURE__ */ a(cs, {}),
           /* @__PURE__ */ a(ko, {}),
-          /* @__PURE__ */ a(zo, {})
+          /* @__PURE__ */ a(Go, {}),
+          /* @__PURE__ */ a(Wo, {}),
+          /* @__PURE__ */ a(Fo, {})
         ] })
       }
     ),
-    /* @__PURE__ */ a(Kr, {})
+    /* @__PURE__ */ a(Xr, {})
   ] }) : null;
-}, ls = () => {
-  const { isSmallScreen: e } = ve();
-  return /* @__PURE__ */ D(ke, { children: [
-    /* @__PURE__ */ a(Co, {}),
-    !e && /* @__PURE__ */ D(ke, { children: [
-      /* @__PURE__ */ a(Yt, {}),
-      /* @__PURE__ */ a(En, {}),
+}, us = () => {
+  const { isSmallScreen: e } = _e();
+  return /* @__PURE__ */ O(ke, { children: [
+    /* @__PURE__ */ a(To, {}),
+    !e && /* @__PURE__ */ O(ke, { children: [
+      /* @__PURE__ */ a(tn, {}),
       /* @__PURE__ */ a(An, {}),
-      /* @__PURE__ */ a(en, {})
+      /* @__PURE__ */ a(kn, {}),
+      /* @__PURE__ */ a(on, {})
     ] }),
-    /* @__PURE__ */ a(cs, {})
+    /* @__PURE__ */ a(ls, {})
   ] });
 }, Ce = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2417,68 +2425,68 @@ const fe = {
   "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"
-}, us = 25, rt = 1e3, ds = [50, 75, 100, 125, 150, 200, 300, 400], ps = () => {
-  const { zoomInIcon: e } = le();
-  return e || /* @__PURE__ */ a(Go, {});
-}, hs = () => {
-  const { zoomOutIcon: e } = le();
+}, ds = 25, rt = 1e3, ps = [50, 75, 100, 125, 150, 200, 300, 400], hs = () => {
+  const { zoomInIcon: e } = ie();
   return e || /* @__PURE__ */ a(Vo, {});
 }, ms = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Ze(), { container: n, contentRef: o } = Le(), { zoomTool: r = !0 } = pe(), { focusedPage: s } = re(), { rotate: c } = qe(), { pages: i } = Y(), { isSmallScreen: l } = ve(), p = R(() => {
+  const { zoomOutIcon: e } = ie();
+  return e || /* @__PURE__ */ a(Uo, {});
+}, fs = () => {
+  const { zoomLevel: e, setZoomLevel: t } = Ze(), { container: n, contentRef: o } = Le(), { zoomTool: r = !0 } = de(), { focusedPage: s } = oe(), { rotate: c } = qe(), { pages: i } = Q(), { isSmallScreen: l } = _e(), p = R(() => {
     t((f) => {
-      const _ = Math.floor(f / 25) * 25;
-      return Math.min(_ + 25, rt);
+      const w = Math.floor(f / 25) * 25;
+      return Math.min(w + 25, rt);
     });
   }, [t]), h = R(() => {
     t((f) => {
-      const _ = Math.ceil(f / 25) * 25;
-      return Math.min(_ - 25, rt);
+      const w = Math.ceil(f / 25) * 25;
+      return Math.min(w - 25, rt);
     });
-  }, [t]), m = z(() => e === us, [e]), u = z(() => e === rt, [e]), g = z(() => {
+  }, [t]), m = z(() => e === ds, [e]), d = z(() => e === rt, [e]), g = z(() => {
     var f;
     return (f = i.get(s)) == null ? void 0 : f.page.getViewport({ scale: 1, rotation: c });
   }, [i, s, c]), v = R(
     (f) => {
-      const _ = ((g == null ? void 0 : g.width) || 0) + 2 * It, P = ((g == null ? void 0 : g.height) || 0) + 2 * It, T = (o == null ? void 0 : o.clientWidth) || 0, x = (o == null ? void 0 : o.clientHeight) || 0, d = Uo(f, T, x, _, P);
-      t(d);
+      const w = ((g == null ? void 0 : g.width) || 0) + 2 * yt, P = ((g == null ? void 0 : g.height) || 0) + 2 * yt, T = (o == null ? void 0 : o.clientWidth) || 0, I = (o == null ? void 0 : o.clientHeight) || 0, u = qo(f, T, I, w, P);
+      t(u);
     },
     [t, g]
-  ), b = R(
+  ), _ = R(
     (f) => {
       typeof f == "number" ? t(f) : v(f);
     },
     [t, v]
   );
-  return typeof r != "boolean" ? /* @__PURE__ */ a(r, { zoomLevel: e, setZoomLevel: t }) : r ? /* @__PURE__ */ D("div", { className: Ce["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ a(ne, { content: "Zoom out", children: /* @__PURE__ */ a(J, { disabled: m, onClick: h, children: /* @__PURE__ */ a(hs, {}) }) }),
+  return typeof r != "boolean" ? /* @__PURE__ */ a(r, { zoomLevel: e, setZoomLevel: t }) : r ? /* @__PURE__ */ O("div", { className: Ce["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ a(te, { content: "Zoom out", children: /* @__PURE__ */ a(Y, { disabled: m, onClick: h, children: /* @__PURE__ */ a(ms, {}) }) }),
     !l && /* @__PURE__ */ a(
       mt,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(ne, { content: "Select zoom level", children: /* @__PURE__ */ D(J, { className: Ce["rp-current-zoom-wrapper"], children: [
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(te, { content: "Select zoom level", children: /* @__PURE__ */ O(Y, { className: Ce["rp-current-zoom-wrapper"], children: [
           /* @__PURE__ */ a("span", { className: Ce["rp-current-zoom-text"], children: e }),
           /* @__PURE__ */ a("span", { className: Ce["rp-current-zoom-text"], children: "%" }),
           /* @__PURE__ */ a(Re, { className: Ce["rp-current-zoom-icon"] })
         ] }) }) }),
         style: { minWidth: "200px" },
         align: "center",
-        children: /* @__PURE__ */ D("div", { className: Ce["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ D(He, { children: [
-            /* @__PURE__ */ a(me, { onClick: () => b(Ke.ACTUAL), children: "Actual size" }),
-            /* @__PURE__ */ a(me, { onClick: () => b(Ke.PAGE_FIT), children: "Page fit" }),
-            /* @__PURE__ */ a(me, { onClick: () => b(Ke.PAGE_WIDTH), children: "Page width" })
+        children: /* @__PURE__ */ O("div", { className: Ce["rp-zoom-dropdown-content"], children: [
+          /* @__PURE__ */ O(He, { children: [
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.ACTUAL), children: "Actual size" }),
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.PAGE_FIT), children: "Page fit" }),
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.PAGE_WIDTH), children: "Page width" })
           ] }),
           /* @__PURE__ */ a(vt, {}),
-          /* @__PURE__ */ a(He, { children: ds.map((f) => /* @__PURE__ */ D(me, { onClick: () => b(f), children: [
+          /* @__PURE__ */ a(He, { children: ps.map((f) => /* @__PURE__ */ O(fe, { onClick: () => _(f), children: [
             f,
             " %"
           ] }, f)) })
         ] })
       }
     ),
-    /* @__PURE__ */ a(ne, { content: "Zoom in", children: /* @__PURE__ */ a(J, { disabled: u, onClick: p, children: /* @__PURE__ */ a(ps, {}) }) })
+    /* @__PURE__ */ a(te, { content: "Zoom in", children: /* @__PURE__ */ a(Y, { disabled: d, onClick: p, children: /* @__PURE__ */ a(hs, {}) }) })
   ] }) : null;
-}, ce = {
+}, ae = {
   "rp-search-tool-content": "_rp-search-tool-content_1vxow_1",
   "rp-search-tool-input": "_rp-search-tool-input_1vxow_6",
   "rp-search-tool-input-icon": "_rp-search-tool-input-icon_1vxow_12",
@@ -2487,45 +2495,45 @@ const fe = {
   "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_1vxow_30",
   "rp-search-tool-input-clear": "_rp-search-tool-input-clear_1vxow_35",
   "rp-search-input": "_rp-search-input_1vxow_49"
-}, Vt = () => {
-  const { searchIcon: e } = le();
-  return e || /* @__PURE__ */ a(qo, {});
-}, fs = () => {
-  const { container: e } = Le(), [t, n] = $(!1), { pdf: o } = Y(), [r, s] = $(null), {
+}, Ut = () => {
+  const { searchIcon: e } = ie();
+  return e || /* @__PURE__ */ a(Zo, {});
+}, gs = () => {
+  const { container: e } = Le(), [t, n] = $(!1), { pdf: o } = Q(), [r, s] = $(null), {
     searchOptions: c,
     setSearchOptions: i,
     loading: l,
     setSearch: p,
     totalMatches: h,
     currentMatchPosition: m,
-    nextMatch: u,
+    nextMatch: d,
     prevMatch: g,
     search: v
-  } = ln(), { searchTool: b = !0 } = pe(), [f, _] = $(v), P = R(() => {
+  } = pn(), { searchTool: _ = !0 } = de(), [f, w] = $(v), P = R(() => {
     n(!0);
   }, []), T = R(() => {
-    p(""), _(""), n(!1);
-  }, [p]), x = R(
+    p(""), w(""), n(!1);
+  }, [p]), I = R(
     (L) => {
       L.key === "Escape" && t && T();
     },
     [t]
-  ), d = R(
+  ), u = R(
     (L) => {
-      L.shiftKey && L.key === "Enter" ? g() : L.key === "Enter" && v !== f ? p(f) : L.key === "Enter" && u();
+      L.shiftKey && L.key === "Enter" ? g() : L.key === "Enter" && v !== f ? p(f) : L.key === "Enter" && d();
     },
-    [f, g, u, p, v]
+    [f, g, d, p, v]
   );
-  A(() => (window.addEventListener("keydown", x), () => {
-    window.removeEventListener("keydown", x);
-  }), [x]), A(() => {
+  A(() => (window.addEventListener("keydown", I), () => {
+    window.removeEventListener("keydown", I);
+  }), [I]), A(() => {
     r && r.focus();
   }, [r]);
   const C = R((L) => {
-    _(L.target.value);
-  }, []), w = R(() => {
-    _(""), p("");
-  }, [p]), y = z(() => `${m} / ${h}`, [m, h]), { wholeWords: N, matchCase: I } = z(() => c, [c]), S = R(
+    w(L.target.value);
+  }, []), b = R(() => {
+    w(""), p("");
+  }, [p]), x = z(() => `${m} / ${h}`, [m, h]), { wholeWords: N, matchCase: y } = z(() => c, [c]), S = R(
     (L) => {
       i((E) => ({ ...E, matchCase: L }));
     },
@@ -2538,83 +2546,83 @@ const fe = {
   );
   return A(() => {
     T();
-  }, [o, T]), b ? /* @__PURE__ */ a(
+  }, [o, T]), _ ? /* @__PURE__ */ a(
     mt,
     {
       open: t,
       container: e,
       align: "start",
-      triggerComponent: /* @__PURE__ */ a(ne, { content: "Search in document", children: /* @__PURE__ */ a(J, { onClick: P, children: /* @__PURE__ */ a(Vt, {}) }) }),
-      children: /* @__PURE__ */ D("div", { className: ce["rp-search-tool-content"], children: [
-        /* @__PURE__ */ D("div", { className: ce["rp-search-tool-input-wrapper"], children: [
-          /* @__PURE__ */ D("div", { className: ce["rp-search-tool-input"], children: [
+      triggerComponent: /* @__PURE__ */ a(te, { content: "Search in document", children: /* @__PURE__ */ a(Y, { onClick: P, children: /* @__PURE__ */ a(Ut, {}) }) }),
+      children: /* @__PURE__ */ O("div", { className: ae["rp-search-tool-content"], children: [
+        /* @__PURE__ */ O("div", { className: ae["rp-search-tool-input-wrapper"], children: [
+          /* @__PURE__ */ O("div", { className: ae["rp-search-tool-input"], children: [
             /* @__PURE__ */ a(
-              Zt,
+              jt,
               {
                 value: f,
-                onKeyDown: d,
+                onKeyDown: u,
                 onChange: C,
-                icon: /* @__PURE__ */ a(Vt, {}),
+                icon: /* @__PURE__ */ a(Ut, {}),
                 placeholder: "Enter to Search",
-                className: ce["rp-search-input"],
+                className: ae["rp-search-input"],
                 ref: s,
-                children: !!f && /* @__PURE__ */ a("span", { className: ce["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ a(Zo, {}) })
+                children: !!f && /* @__PURE__ */ a("span", { className: ae["rp-search-tool-input-clear"], onClick: b, children: /* @__PURE__ */ a(jo, {}) })
               }
             ),
-            l ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(Ne, {}) }) : /* @__PURE__ */ a("span", { children: y })
+            l ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(Ne, {}) }) : /* @__PURE__ */ a("span", { children: x })
           ] }),
-          /* @__PURE__ */ D("div", { className: ce["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ a(yt, { name: "matchCase", value: I, onChange: S, children: "Match Case" }),
-            /* @__PURE__ */ a(yt, { name: "wholeWord", value: N, onChange: M, children: "Whole Word" })
+          /* @__PURE__ */ O("div", { className: ae["rp-search-tool-input-checkboxes"], children: [
+            /* @__PURE__ */ a(xt, { name: "matchCase", value: y, onChange: S, children: "Match Case" }),
+            /* @__PURE__ */ a(xt, { name: "wholeWord", value: N, onChange: M, children: "Whole Word" })
           ] })
         ] }),
-        /* @__PURE__ */ D("div", { className: ce["rp-search-tool-controls"], children: [
-          /* @__PURE__ */ a(J, { onClick: g, children: /* @__PURE__ */ a(Re, { className: ce["rp-search-tool-input-icon"] }) }),
-          /* @__PURE__ */ a(J, { onClick: u, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ O("div", { className: ae["rp-search-tool-controls"], children: [
+          /* @__PURE__ */ a(Y, { onClick: g, children: /* @__PURE__ */ a(Re, { className: ae["rp-search-tool-input-icon"] }) }),
+          /* @__PURE__ */ a(Y, { onClick: d, children: /* @__PURE__ */ a(
             Re,
             {
               style: { transform: "rotate(180deg" },
-              className: ce["rp-search-tool-input-icon"]
+              className: ae["rp-search-tool-input-icon"]
             }
           ) }),
-          /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(Qt, { onClick: T, className: ce["rp-search-tool-input-icon"] }) })
+          /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(nn, { onClick: T, className: ae["rp-search-tool-input-icon"] }) })
         ] })
       ] })
     }
   ) : null;
-}, gs = "_loading_1snj5_1", Te = {
+}, vs = "_loading_1snj5_1", Te = {
   "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
   "rp-loading-modal": "_rp-loading-modal_1snj5_14",
   "rp-loading-title": "_rp-loading-title_1snj5_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_1snj5_35",
   "rp-loading-progress": "_rp-loading-progress_1snj5_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_1snj5_52",
-  loading: gs
-}, vs = ({ percentage: e }) => {
+  loading: vs
+}, _s = ({ percentage: e }) => {
   const { cancel: t } = _t();
-  return e < 1 ? null : /* @__PURE__ */ a("div", { className: te(Te["rp-loading-overlay"]), children: /* @__PURE__ */ D("div", { className: te(Te["rp-loading-modal"]), children: [
-    /* @__PURE__ */ a("div", { className: te(Te["rp-loading-title"]), children: "Preparing document..." }),
-    /* @__PURE__ */ a("div", { className: te(Te["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+  return e < 1 ? null : /* @__PURE__ */ a("div", { className: ee(Te["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: ee(Te["rp-loading-modal"]), children: [
+    /* @__PURE__ */ a("div", { className: ee(Te["rp-loading-title"]), children: "Preparing document..." }),
+    /* @__PURE__ */ a("div", { className: ee(Te["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
-        className: te(Te["rp-loading-progress"]),
+        className: ee(Te["rp-loading-progress"]),
         style: { width: `${e}%` }
       }
     ) }),
-    /* @__PURE__ */ a("button", { className: te(Te["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
+    /* @__PURE__ */ a("button", { className: ee(Te["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
   ] }) });
-}, _s = Ue((e, t) => {
-  const { showPrintProgress: n } = pe(), { progress: o } = _t(), { isSmallScreen: r } = ve(), { percentage: s } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
-  return /* @__PURE__ */ D("div", { children: [
-    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: t, className: Ie["rp-toolbar-content"], children: /* @__PURE__ */ D("div", { className: Ie["rp-toolbar-wrapper"], style: c(), children: [
-      /* @__PURE__ */ D("div", { "data-rp": "topBarLeft", className: Ie["rp-toolbar-start"], children: [
-        /* @__PURE__ */ a(fs, {}),
-        /* @__PURE__ */ a(Er, {})
+}, ws = Ue((e, t) => {
+  const { showPrintProgress: n } = de(), { progress: o } = _t(), { isSmallScreen: r } = _e(), { percentage: s } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return /* @__PURE__ */ O("div", { children: [
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: t, className: Ie["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { className: Ie["rp-toolbar-wrapper"], style: c(), children: [
+      /* @__PURE__ */ O("div", { "data-rp": "topBarLeft", className: Ie["rp-toolbar-start"], children: [
+        /* @__PURE__ */ a(gs, {}),
+        /* @__PURE__ */ a(Or, {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: Ie["rp-toolbar-middle"], children: /* @__PURE__ */ a(ms, {}) }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: Ie["rp-toolbar-end"], children: /* @__PURE__ */ a(ls, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: Ie["rp-toolbar-middle"], children: /* @__PURE__ */ a(fs, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: Ie["rp-toolbar-end"], children: /* @__PURE__ */ a(us, {}) })
     ] }) }),
-    n && s ? /* @__PURE__ */ a(vs, { percentage: s }) : null
+    n && s ? /* @__PURE__ */ a(_s, { percentage: s }) : null
   ] });
 }), st = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
@@ -2627,21 +2635,21 @@ const fe = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, ws = (e) => {
-  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: s } = re(), c = z(() => o ? ye["rp-thumbnail-active"] : "", [o]), i = z(() => ({
+}, bs = (e) => {
+  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: s } = oe(), c = z(() => o ? ye["rp-thumbnail-active"] : "", [o]), i = z(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), l = R(() => {
     n && s(n);
   }, [s, n]);
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ O(
     "div",
     {
       onClick: l,
       id: `page-${n}`,
       className: ye["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ a("div", { className: te(c, ye["rp-thumbnail"]), children: t ? /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: ee(c, ye["rp-thumbnail"]), children: t ? /* @__PURE__ */ a(
           "img",
           {
             src: t,
@@ -2664,27 +2672,27 @@ const fe = {
       ]
     }
   );
-}, Ut = {
+}, qt = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, bs = 16, Cs = (e, t) => {
+}, Cs = 16, Ts = (e, t) => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
-  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - bs);
-}, Ts = Ue((e, t) => {
-  const { show: n } = e, { focusedPage: o, totalPages: r } = re(), { thumbnailPages: s, addPage: c, thumbnailLength: i, addToPage: l } = an(), p = W(null), h = W(1);
-  qt(t, () => p.current);
-  const m = z(() => Object.values(s), [s]), u = R(() => {
+  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Cs);
+}, Ps = Ue((e, t) => {
+  const { show: n } = e, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: s, addPage: c, thumbnailLength: i, addToPage: l } = un(), p = H(null), h = H(1);
+  Zt(t, () => p.current);
+  const m = z(() => Object.values(s), [s]), d = R(() => {
     const g = i + 1;
     g <= r && c(g);
   }, [c, r, i]);
   return A(() => {
-    o > i ? l(o) : n && h.current !== o && (Cs(p.current, o), h.current = o);
-  }, [o, i, l, n, m]), oo(p.current, u), /* @__PURE__ */ a("div", { ref: p, className: Ut["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: Ut["rp-thumbnails"], children: n ? m.map((g, v) => {
-    var b, f;
+    o > i ? l(o) : n && h.current !== o && (Ts(p.current, o), h.current = o);
+  }, [o, i, l, n, m]), ao(p.current, d), /* @__PURE__ */ a("div", { ref: p, className: qt["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: qt["rp-thumbnails"], children: n ? m.map((g, v) => {
+    var _, f;
     return /* @__PURE__ */ a(
-      ws,
+      bs,
       {
-        isFocused: o === ((b = g.page) == null ? void 0 : b.pageNumber),
+        isFocused: o === ((_ = g.page) == null ? void 0 : _.pageNumber),
         pageNumber: (f = g.page) == null ? void 0 : f.pageNumber,
         thumbnailSrc: g.thumbnailSrc,
         loading: g.loading,
@@ -2693,14 +2701,14 @@ const fe = {
       v
     );
   }) : null }) });
-}), Ps = () => {
-  const { thumbnailIcon: e } = le();
-  return e || /* @__PURE__ */ a(no, {});
-}, Ss = () => {
-  const { active: e, setActive: t } = an(), [n, o] = $(200), r = W(null), { thumbnailTool: s } = pe(), c = R(() => {
+}), Ss = () => {
+  const { thumbnailIcon: e } = ie();
+  return e || /* @__PURE__ */ a(so, {});
+}, Is = () => {
+  const { active: e, setActive: t } = un(), [n, o] = $(200), r = H(null), { thumbnailTool: s } = de(), c = R(() => {
     t((l) => !l);
-  }, []), i = z(() => typeof s != "boolean" && s ? /* @__PURE__ */ a(s, { onClick: c, active: e }) : s ? /* @__PURE__ */ a(ne, { content: "Thumbnail", children: /* @__PURE__ */ a(J, { onClick: c, active: e, children: /* @__PURE__ */ a(Ps, {}) }) }) : null, [s, e, c]);
-  return /* @__PURE__ */ D(
+  }, []), i = z(() => typeof s != "boolean" && s ? /* @__PURE__ */ a(s, { onClick: c, active: e }) : s ? /* @__PURE__ */ a(te, { content: "Thumbnail", children: /* @__PURE__ */ a(Y, { onClick: c, active: e, children: /* @__PURE__ */ a(Ss, {}) }) }) : null, [s, e, c]);
+  return /* @__PURE__ */ O(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -2708,34 +2716,34 @@ const fe = {
       "data-rp": "sidebar",
       children: [
         /* @__PURE__ */ a("div", { className: st["rp-sidebar-content"], children: i }),
-        /* @__PURE__ */ D("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: st["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ a(Ts, { show: e, ref: r }),
-          /* @__PURE__ */ a(ro, { onWidthChange: o, thumbnailRef: r })
+        /* @__PURE__ */ O("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: st["rp-thumbnails-wrapper"], children: [
+          /* @__PURE__ */ a(Ps, { show: e, ref: r }),
+          /* @__PURE__ */ a(io, { onWidthChange: o, thumbnailRef: r })
         ] })
       ]
     }
   );
-}, ni = Ue((e, t) => {
-  const { children: n, slots: o, icons: r, style: s, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [h, m] = $(null), { setContainer: u, setContentRef: g } = Le(), { loading: v } = Y();
+}, oi = Ue((e, t) => {
+  const { children: n, slots: o, icons: r, style: s, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [h, m] = $(null), { setContainer: d, setContentRef: g } = Le(), { loading: v } = Q();
   return A(() => (l && l(), () => {
     p && p();
-  }), [l, p]), /* @__PURE__ */ a("div", { ref: t, className: te(we["rp-theme-variables"], we["rp-container"]), children: /* @__PURE__ */ a(uo, { mobileWidth: i, children: /* @__PURE__ */ a(so, { slots: o, children: /* @__PURE__ */ a(ao, { icons: r, children: /* @__PURE__ */ D(
-    io,
+  }), [l, p]), /* @__PURE__ */ a("div", { ref: t, className: ee(we["rp-theme-variables"], we["rp-container"]), children: /* @__PURE__ */ a(mo, { mobileWidth: i, children: /* @__PURE__ */ a(co, { slots: o, children: /* @__PURE__ */ a(lo, { icons: r, children: /* @__PURE__ */ O(
+    uo,
     {
-      getContainerRef: u,
+      getContainerRef: d,
       toolbarRef: h,
       style: s,
       className: c,
       children: [
-        /* @__PURE__ */ D(co, { children: [
-          /* @__PURE__ */ D("div", { className: we["rp-layout"], children: [
-            /* @__PURE__ */ a(_s, { ref: m }),
-            /* @__PURE__ */ D("div", { className: we["rp-content"], children: [
-              /* @__PURE__ */ a("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ a(Ss, {}) }),
+        /* @__PURE__ */ O(po, { children: [
+          /* @__PURE__ */ O("div", { className: we["rp-layout"], children: [
+            /* @__PURE__ */ a(ws, { ref: m }),
+            /* @__PURE__ */ O("div", { className: we["rp-content"], children: [
+              /* @__PURE__ */ a("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ a(Is, {}) }),
               /* @__PURE__ */ a("div", { ref: g, className: we["rp-pages"], children: n })
             ] })
           ] }),
-          /* @__PURE__ */ a(lo, {})
+          /* @__PURE__ */ a(ho, {})
         ] }),
         v ? /* @__PURE__ */ a(
           "div",
@@ -2770,45 +2778,45 @@ const fe = {
   ) }) }) }) });
 });
 export {
-  ir as A,
-  ws as B,
-  Yo as C,
-  xr as D,
-  Ts as E,
-  En as F,
-  Ss as G,
-  vs as L,
-  is as M,
-  cs as O,
-  Ka as P,
-  Qa as R,
-  Ya as S,
-  Ja as T,
-  ms as Z,
-  Xa as a,
-  ni as b,
-  Qr as c,
+  cr as A,
+  bs as B,
+  Qo as C,
+  Rr as D,
+  Ps as E,
+  An as F,
+  Is as G,
+  _s as L,
+  cs as M,
+  ls as O,
+  Xa as P,
+  ei as R,
+  Qa as S,
+  Ya as T,
+  fs as Z,
+  Ja as a,
+  oi as b,
+  es as c,
   _t as d,
-  ln as e,
-  nn as f,
-  Bo as g,
-  on as h,
-  Ko as i,
-  rn as j,
-  Xo as k,
-  sn as l,
-  an as m,
-  Jo as n,
-  cn as o,
-  Qo as p,
+  pn as e,
+  sn as f,
+  Ko as g,
+  an as h,
+  Xo as i,
+  cn as j,
+  Jo as k,
+  ln as l,
+  un as m,
+  Yo as n,
+  dn as o,
+  er as p,
   wt as q,
-  Sr as r,
-  Rr as s,
-  Er as t,
-  re as u,
-  Kr as v,
-  An as w,
-  ls as x,
-  fs as y,
-  _s as z
+  Ir as r,
+  Lr as s,
+  Or as t,
+  oe as u,
+  Xr as v,
+  kn as w,
+  us as x,
+  gs as y,
+  ws as z
 };