@pdf-viewer/react 0.0.0-experimental.1 → 0.0.0-experimental.2

package/dist/{ToolbarLayout.module-acfd93ef.js → ToolbarLayout.module-185b677e.js}

@@ -1,116 +1,116 @@
 import { jsx as a, Fragment as fe, jsxs as $ } from "react/jsx-runtime";
 import * as X from "react";
-import { useRef as k, useEffect as M, useCallback as E, useState as q, useMemo as W, createContext as qe, useContext as Ge, useImperativeHandle as rn, createElement as Be, PureComponent as io, Component as ao, memo as an, forwardRef as so } from "react";
+import { useRef as k, useEffect as M, useCallback as E, useState as q, useMemo as W, createContext as qe, useContext as Ge, useImperativeHandle as on, createElement as Be, PureComponent as ir, Component as ar, memo as an, forwardRef as sr } from "react";
 import { ChevronUpIcon as Xe } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as we } from "./components/ui/Button.js";
 import { UIInput as sn } from "./components/ui/Input.js";
-import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Dt, SelectionMode as co, ErrorType as lo } from "./utils/types.js";
+import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Dt, SelectionMode as cr, ErrorType as lr } from "./utils/types.js";
 import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as oe } from "./contexts/RPDocumentContext.js";
-import { useDocumentPasswordContext as uo } from "./contexts/DocumentPasswordContext.js";
-import { useDarkModeContext as po } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as re } from "./contexts/RPDocumentContext.js";
+import { useDocumentPasswordContext as dr } from "./contexts/DocumentPasswordContext.js";
+import { useDarkModeContext as ur } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
-import { useLayerContext as ho } from "./contexts/LayerContext.js";
+import { useLayerContext as pr } from "./contexts/LayerContext.js";
 import { useZoomContext as _t } from "./contexts/ZoomContext.js";
 import { useViewModeContext as ze } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as Je } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as cn } from "./contexts/VirtualGridContext.js";
-import { useSelectionModeContext as fo } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as mo } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as go } from "./contexts/FullScreenContext.js";
+import { useSelectionModeContext as hr } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as fr } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as mr } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
-import { findMatches as vo, resetDivs as wo, highlightMatches as _o, isMatchEntireWord as bo } from "./utils/highlight.js";
+import { findMatches as gr, resetDivs as vr, highlightMatches as wr, isMatchEntireWord as _r } from "./utils/highlight.js";
 import { useLayoutContainer as be } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as Ue } from "./contexts/DimensionPagesContext.js";
 import { useLocalizationContext as me } from "./contexts/LocalizationContext.js";
-import { useHighlightContext as To } from "./contexts/HighlightContext.js";
+import { useHighlightContext as br } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
-import { useDownloadContext as Co } from "./contexts/DownloadContext.js";
+import { useDownloadContext as Tr } from "./contexts/DownloadContext.js";
 import { useSmoothScrollContext as ln } from "./contexts/SmoothScrollContext.js";
 import "./contexts/ElementPageContext.js";
 import { usePagesRotateContext as et } from "./contexts/PagesRotateContext.js";
-import { Queue as Po } from "./utils/Queue.js";
-import { renderPage as yo } from "./utils/renderPage.js";
-import { useGlobalCurrentPage as So } from "./contexts/GlobalCurrentPage.js";
+import { Queue as Cr } from "./utils/Queue.js";
+import { renderPage as Pr } from "./utils/renderPage.js";
+import { useGlobalCurrentPage as yr } from "./contexts/GlobalCurrentPage.js";
 import { useLoaderContext as bt } from "./contexts/LoaderContext.js";
 import { useToolComponentContext as Ne } from "./contexts/ToolComponentContext.js";
 import { useIconToolContext as Te } from "./contexts/IconToolContext.js";
-import { useOtherToolContext as Io } from "./contexts/OtherToolContext.js";
-import { useEventCallbackContext as xo } from "./contexts/EventCallbackContext.js";
+import { useOtherToolContext as Sr } from "./contexts/OtherToolContext.js";
+import { useEventCallbackContext as Ir } from "./contexts/EventCallbackContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as Ro } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as xr } from "./components/icons/Thumbnail.js";
 import { c as de } from "./clsx-0c6e471a.js";
 import { LoaderIcon as dn } from "./components/icons/LoaderIcon.js";
-import { Container as Lo } from "./components/layout/Container.js";
-import { useViewportContext as Oe, ViewportProvider as Eo } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as Ce, ToolbarComponentProvider as No } from "./contexts/ToolbarComponentContext.js";
-import { RPSplitter as Oo } from "./components/layout/sidebar/RPSplitter.js";
-import { WrapperLayout as Do } from "./components/layout/WrapperLayout.js";
-import { c as _e, L as Ao } from "./LayoutWrapper-6224491f.js";
-import { useThemeContext as Mo } from "./contexts/ThemeContext.js";
-import { RPDropFileZone as zo } from "./components/RPDropFileZone.js";
+import { Container as Rr } from "./components/layout/Container.js";
+import { useViewportContext as Oe, ViewportProvider as Lr } from "./contexts/ViewportContext.js";
+import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Er } from "./contexts/ToolbarComponentContext.js";
+import { RPSplitter as Nr } from "./components/layout/sidebar/RPSplitter.js";
+import { WrapperLayout as Or } from "./components/layout/WrapperLayout.js";
+import { c as _e, L as Dr } from "./LayoutWrapper-6224491f.js";
+import { useThemeContext as Ar } from "./contexts/ThemeContext.js";
+import { RPDropFileZone as Mr } from "./components/RPDropFileZone.js";
 import { c as te, S as At } from "./SearchCloseButton-08d57275.js";
 import { UICheckbox as Mt } from "./components/ui/Checkbox.js";
-import { useIconContext as Pe, IconProvider as Fo } from "./contexts/IconContext.js";
+import { useIconContext as Pe, IconProvider as zr } from "./contexts/IconContext.js";
 import Q from "./components/ui/RPTooltip.js";
 import { UIDropDown as un } from "./components/ui/DropDown.js";
 import "./ZoomTool.module-7082af8c.js";
 import { MenuItem as Qe } from "./components/layout/toolbar/MenuItem.js";
 import { MenuSeparator as pn } from "./components/layout/toolbar/MenuSeparator.js";
 import { dateFormatter as zt } from "./utils/dateFormatter.js";
-import { PropertyItem as ko } from "./components/layout/toolbar/PropertyItem.js";
+import { PropertyItem as Fr } from "./components/layout/toolbar/PropertyItem.js";
 import "./RotateTool.module-67946714.js";
 import { withRef as tt } from "./utils/withRef.js";
-import { useInfiniteScroll as Wo } from "./utils/hooks/useInfiniteScroll.js";
-import { THUMBNAIL_MIN_WIDTH as Ho } from "./utils/constants.js";
-import * as $o from "pdfjs-dist";
-import { PixelsPerInch as qo, AnnotationMode as Go, RenderingCancelledException as Uo, AnnotationLayer as Vo } from "pdfjs-dist";
+import { useInfiniteScroll as kr } from "./utils/hooks/useInfiniteScroll.js";
+import { THUMBNAIL_MIN_WIDTH as Wr } from "./utils/constants.js";
+import * as Hr from "pdfjs-dist";
+import { PixelsPerInch as $r, AnnotationMode as qr, RenderingCancelledException as Gr, AnnotationLayer as Ur } from "pdfjs-dist";
 import { SimpleLinkService as Ft } from "./utils/link_service.js";
-import { annotationsEvents as Bo, annotationEventsHandler as jo, handleClick as kt, handleAnnotationWidget as Ko, handleAnnotationLink as Zo, bindLayerEvents as Xo, unbindLayerEvents as Wt } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Qo, sortHighlightPosition as Yo, unwrap as Jo } from "./components/page/searchHighlight.js";
-import { CustomElement as er } from "./components/page/CustomElement.js";
-import { getGridDimension as Tt, getPositionFromPage as tr, getPageFromPosition as nr } from "./utils/calculatePage.js";
-import { useMousePressed as or } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as rr } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as ir } from "./utils/hooks/usePinch.js";
+import { annotationsEvents as Vr, annotationEventsHandler as Br, handleClick as kt, handleAnnotationWidget as jr, handleAnnotationLink as Kr, bindLayerEvents as Zr, unbindLayerEvents as Wt } from "./utils/annotations.js";
+import { normalizeSingleKeyword as Xr, sortHighlightPosition as Qr, unwrap as Yr } from "./components/page/searchHighlight.js";
+import { CustomElement as Jr } from "./components/page/CustomElement.js";
+import { getGridDimension as Tt, getPositionFromPage as eo, getPageFromPosition as to } from "./utils/calculatePage.js";
+import { useMousePressed as no } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as ro } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as oo } from "./utils/hooks/usePinch.js";
 import { useDebounce as Ct } from "./utils/hooks/useDebounce.js";
-import ar from "./components/ui/PasswordModal.js";
+import io from "./components/ui/PasswordModal.js";
 import { getScrollDistance as Me } from "./utils/getScrollDistance.js";
-import { getWordPositionInPage as sr } from "./utils/getWordPositionInPage.js";
-import { getThumbnailViewport as cr } from "./utils/getThumbnailViewport.js";
+import { getWordPositionInPage as ao } from "./utils/getWordPositionInPage.js";
+import { getThumbnailViewport as so } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as at } from "./utils/smoothScrollTo.js";
-import { appConsole as lr } from "./utils/appConsole.js";
+import { appConsole as co } from "./utils/appConsole.js";
 import { FileUploadTool as hn } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as dr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as ur } from "./components/icons/ThreeDotIcon.js";
-import { c as pr, u as Pt, P as Ve, a as $e, b as yt, k as hr, e as fr, i as mr } from "./index-c9a2990a.js";
-import { D as gr, d as st } from "./floating-ui.react-dom-d22a10b4.js";
-import { a as vr, h as wr, u as _r, F as br, b as Tr, G as fn } from "./index-3bf64864.js";
-import { CloseIcon as Cr } from "./components/icons/CloseIcon.js";
-import { DocumentProperties as Pr } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as yr } from "./components/layout/toolbar/RotateTool.js";
-import { ViewModeTool as Sr } from "./components/layout/toolbar/ViewModeTool.js";
-import { ScrollModeTool as Ir } from "./components/layout/toolbar/ScrollModeTool.js";
-import { FileDownloadDefaultIcon as xr } from "./components/icons/FileDownloadDefaultIcon.js";
-import { PrintDefaultTool as Rr } from "./components/icons/PrintDefaultIcon.js";
+import { DarkModeTool as lo } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as uo } from "./components/icons/ThreeDotIcon.js";
+import { c as po, u as Pt, P as Ve, a as $e, b as yt, k as ho, e as fo, i as mo } from "./index-c9a2990a.js";
+import { D as go, d as st } from "./floating-ui.react-dom-d22a10b4.js";
+import { a as vo, h as wo, u as _o, F as bo, b as To, G as fn } from "./index-3bf64864.js";
+import { CloseIcon as Co } from "./components/icons/CloseIcon.js";
+import { DocumentProperties as Po } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as yo } from "./components/layout/toolbar/RotateTool.js";
+import { ViewModeTool as So } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as Io } from "./components/layout/toolbar/ScrollModeTool.js";
+import { FileDownloadDefaultIcon as xo } from "./components/icons/FileDownloadDefaultIcon.js";
+import { PrintDefaultTool as Ro } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as mn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as gn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Lr } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomTool as Er } from "./components/layout/toolbar/ZoomTool.js";
+import { SelectionModeTool as Lo } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomTool as Eo } from "./components/layout/toolbar/ZoomTool.js";
 import { SearchIcon as vn } from "./components/icons/SearchIcon.js";
-import { ClearIcon as Nr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as No } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Ht } from "./components/icons/InfoIcon.js";
 const wn = () => {
-  const { viewMode: t } = ze(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Je(), { setFocusedPage: i } = pe(), c = k(), { columnCount: l } = cn(), { widths: d, heights: f } = Ue(), m = k(e), P = k(t), u = k(l), { targetScrollPage: T } = ln();
+  const { viewMode: t } = ze(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Je(), { setFocusedPage: i } = pe(), c = k(), { columnCount: l } = cn(), { widths: d, heights: f } = Ue(), m = k(e), P = k(t), u = k(l), { targetScrollPage: C } = ln();
   M(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), M(() => {
     m.current = e, P.current = t;
   }, [e, t]);
-  const C = E(
+  const T = E(
     (g, S) => {
-      if (!o)
+      if (!r)
         return;
       const v = Math.ceil(g / 2) * 2 - 1;
       if (g === v + 1) {
@@ -119,19 +119,19 @@ const wn = () => {
           top: 0
         };
         return new Promise(
-          (s) => at(o, p, s)
+          (s) => at(r, p, s)
         );
       }
       const h = {
         left: 0,
         top: 0
       };
-      return o == null ? void 0 : o.scrollTo({
+      return r == null ? void 0 : r.scrollTo({
         ...h,
         behavior: S
       });
     },
-    [o, d, at]
+    [r, d, at]
   );
   return M(() => {
     m.current = e, P.current = t;
@@ -143,17 +143,17 @@ const wn = () => {
       const v = g - 1;
       let h = v, p = 0;
       if (P.current === Re.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
-        C(g, S);
+        T(g, S);
         return;
       }
       if (m.current === ne.PAGE_SCROLLING) {
         i(g);
         return;
       }
-      if (!c.current || !r)
+      if (!c.current || !o)
         return;
-      const s = r;
-      S === "smooth" && (T.current = g);
+      const s = o;
+      S === "smooth" && (C.current = g);
       const { columnsWidth: w, rowsHeight: _ } = Tt(
         { widths: d, heights: f },
         l
@@ -190,25 +190,25 @@ const wn = () => {
       });
     },
     [
-      r,
+      o,
       l,
-      C,
+      T,
       i,
       at,
       f,
       d
     ]
   ) };
-}, Or = (t = 1) => {
-  const [e, n] = q(t), [r, o] = q(0), { scrollToPage: i } = wn(), c = k(1), { viewMode: l } = ze(), { scrollMode: d } = Ee(), { widths: f } = Ue(), { pagesRef: m } = be(), P = Ct(e, 100), u = E(
+}, Oo = (t = 1) => {
+  const [e, n] = q(t), [o, r] = q(0), { scrollToPage: i } = wn(), c = k(1), { viewMode: l } = ze(), { scrollMode: d } = Ee(), { widths: f } = Ue(), { pagesRef: m } = be(), P = Ct(e, 100), u = E(
     (h) => {
       if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: c.current };
       const s = +h;
-      return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +h });
+      return s < 0 || s > o ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +h });
     },
-    [r]
-  ), T = E(u, [u]), C = E(
+    [o]
+  ), C = E(u, [u]), T = E(
     (h) => {
       const p = u(h);
       return p.success && i(p.currentPage), p;
@@ -220,23 +220,23 @@ const wn = () => {
       return !1;
     const s = p ? f[h] : f[h - 1], w = p ? f[h + 1] : f[h];
     return l === Re.DUAL_PAGE && s + w < m.clientWidth;
-  }, [l, f, m, r]), g = E(() => {
+  }, [l, f, m, o]), g = E(() => {
     let h = e - 1;
-    b(h) && (h = e - 2), C(h);
-  }, [C, e, l, d, b]), S = W(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), v = E(() => {
+    b(h) && (h = e - 2), T(h);
+  }, [T, e, l, d, b]), S = W(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, l, d]), v = E(() => {
     if (S)
       return;
     let h = e + 1;
-    b(h) && (h = e + 2), C(h);
-  }, [C, e, b, l, d, S]);
+    b(h) && (h = e + 2), T(h);
+  }, [T, e, b, l, d, S]);
   return {
     focusedPage: P,
-    totalPages: r,
-    setFocusedPage: T,
-    setTotalPages: o,
+    totalPages: o,
+    setFocusedPage: C,
+    setTotalPages: r,
     nextPage: v,
     prevPage: g,
-    goToPage: C
+    goToPage: T
   };
 }, _n = qe({
   focusedPage: 0,
@@ -252,19 +252,19 @@ const wn = () => {
   }
 }), pe = () => {
   const t = Ge(_n);
-  return typeof (t == null ? void 0 : t.focusedPage) > "u" && lr.error("Please use this hooks inside children component of RPProvider"), t;
+  return typeof (t == null ? void 0 : t.focusedPage) > "u" && co.error("Please use this hooks inside children component of RPProvider"), t;
 }, Ys = ({ children: t }) => {
-  const { pdf: e } = oe(), { setCurrentPage: n } = So(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: f } = Or();
+  const { pdf: e } = re(), { setCurrentPage: n } = yr(), { focusedPage: o, totalPages: r, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: f } = Oo();
   return M(() => {
     e != null && e.numPages && (c(e.numPages), i(1));
   }, [e, c, i]), M(() => {
-    n(r);
-  }, [r, n]), /* @__PURE__ */ a(
+    n(o);
+  }, [o, n]), /* @__PURE__ */ a(
     _n.Provider,
     {
       value: {
-        focusedPage: r,
-        totalPages: o,
+        focusedPage: o,
+        totalPages: r,
         setFocusedPage: i,
         setTotalPages: c,
         nextPage: d,
@@ -274,12 +274,12 @@ const wn = () => {
       children: t
     }
   );
-}, Dr = () => {
-  const { pdf: t, pages: e } = oe(), [n, r] = q({
+}, Do = () => {
+  const { pdf: t, pages: e } = re(), [n, o] = q({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, i] = q(!1), [c, l] = q(!1), [d, f] = q(null), m = k(!1);
+  }), [r, i] = q(!1), [c, l] = q(!1), [d, f] = q(null), m = k(!1);
   M(() => {
     m.current;
   }, [m]);
@@ -288,14 +288,14 @@ const wn = () => {
     const h = document.querySelector(".rp-print-zone");
     h && h.remove();
   }, []), u = E(() => {
-    m.current = !1, i(!1), l(!1), f(null), r({
+    m.current = !1, i(!1), l(!1), f(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), T = () => {
+  }, []), C = () => {
     m.current = !0;
-  }, C = async ({
+  }, T = async ({
     scratchCanvas: h,
     pdfDocument: p,
     pageNumber: s,
@@ -308,7 +308,7 @@ const wn = () => {
       u();
       return;
     }
-    const I = _ / qo.PDF;
+    const I = _ / $r.PDF;
     h.width = Math.floor(w.width * I), h.height = Math.floor(w.height * I);
     const R = h.getContext("2d");
     R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, h.width, h.height), R.restore();
@@ -326,14 +326,14 @@ const wn = () => {
       transform: [I, 0, 0, I, 0, 0],
       viewport: L.getViewport({ scale: 1, rotation: w.rotation }),
       intent: "print",
-      annotationMode: Go.ENABLE_STORAGE,
+      annotationMode: qr.ENABLE_STORAGE,
       optionalContentConfigPromise: y,
       printAnnotationStorage: N
     };
     try {
       return L.render(F).promise;
     } catch (z) {
-      throw z instanceof Uo || console.error(z), z;
+      throw z instanceof Gr || console.error(z), z;
     }
   }, b = E(() => {
     const h = window.print;
@@ -387,7 +387,7 @@ const wn = () => {
           return;
         }
         const L = R.page.getViewport({ scale: 1 });
-        if (await C({
+        if (await T({
           scratchCanvas: h,
           pdfDocument: t,
           pageNumber: I,
@@ -402,7 +402,7 @@ const wn = () => {
         const N = await g(h);
         p.push(N);
         const F = parseFloat((p.length / y * 100).toFixed(2));
-        r({
+        o({
           loadedPages: I,
           totalPages: y,
           percentage: F
@@ -429,9 +429,9 @@ const wn = () => {
     };
   }, [P, u]), {
     print: v,
-    cancel: T,
+    cancel: C,
     progress: n,
-    isComplete: o,
+    isComplete: r,
     isError: c,
     error: d
   };
@@ -453,31 +453,31 @@ const wn = () => {
     }
   }
 }), Js = ({ children: t }) => {
-  const [e, n] = q(null), [r, o] = q(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Dr(), P = E((g) => {
-    g && typeof g == "function" && o(() => g);
+  const [e, n] = q(null), [o, r] = q(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Do(), P = E((g) => {
+    g && typeof g == "function" && r(() => g);
   }, []), u = (g) => {
     m && g(m);
-  }, T = E(
+  }, C = E(
     (g) => {
       n(() => g);
     },
     [l, e]
   );
   M(() => {
-    d && r && C();
-  }, [d, r]), M(() => {
+    d && o && T();
+  }, [d, o]), M(() => {
     f && u((g) => {
       console.error(g);
     });
   }, [f]), M(() => {
     l && e && e(l);
   }, [l, e]);
-  const C = () => {
-    r && (r(), o(null));
+  const T = () => {
+    o && (o(), r(null));
   }, b = {
     print: i,
     cancel: c,
-    setOnProgress: T,
+    setOnProgress: C,
     setOnComplete: P,
     setOnError: u,
     progress: l
@@ -488,13 +488,13 @@ const wn = () => {
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, Ar = () => {
-  const [t, e] = q({}), { pages: n } = oe(), r = W(() => Object.keys(t).length, [t]), o = E(
+}, Ao = () => {
+  const [t, e] = q({}), { pages: n } = re(), o = W(() => Object.keys(t).length, [t]), r = E(
     (c) => {
       if (!n.size)
         return;
       const l = c > n.size ? n.size : c, f = Array.from(n.values()).slice(0, l).map((m) => {
-        const { thumbnailViewport: P, scale: u } = cr(m.page, m.defaultRotation);
+        const { thumbnailViewport: P, scale: u } = so(m.page, m.defaultRotation);
         return {
           scale: u,
           page: m.page,
@@ -508,8 +508,8 @@ const wn = () => {
     [n]
   );
   M(() => {
-    o(10);
-  }, [o]);
+    r(10);
+  }, [r]);
   const i = E(
     (c) => {
       if (!n)
@@ -528,7 +528,7 @@ const wn = () => {
     },
     [n]
   );
-  return { thumbnailPages: t, addPage: i, addToPage: o, thumbnailLength: r };
+  return { thumbnailPages: t, addPage: i, addToPage: r, thumbnailLength: o };
 }, Tn = qe({
   thumbnailPages: {},
   addPage: (t) => {
@@ -543,16 +543,16 @@ const wn = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Ar(), [c, l] = q(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: i } = Ao(), [c, l] = q(e);
   return /* @__PURE__ */ a(
     Tn.Provider,
     {
-      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i, active: c, setActive: l },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: i, active: c, setActive: l },
       children: t
     }
   );
-}, Mr = (t = {}, e = "") => {
-  const [n, r] = q(e), [o, i] = q(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = Ue(), m = k(!n), { currentZoom: P } = _t(), [u, T] = q([]), { setFocusedPage: C } = pe(), { columnCount: b } = ze(), { pageRotate: g } = et(), [S, v] = q(0), { pageScrollElementRef: h, virtualScrollableElementRef: p } = Je(), { scrollMode: s } = Ee(), { pagesRef: w } = be(), [_, y] = q(null), x = k({}), I = k(0), R = W(() => S === 0 ? null : u[S - 1], [S, u]), L = W(() => u.length, [u]), N = E(
+}, Mo = (t = {}, e = "") => {
+  const [n, o] = q(e), [r, i] = q(!1), { pdf: c, pages: l } = re(), { widths: d, heights: f } = Ue(), m = k(!n), { currentZoom: P } = _t(), [u, C] = q([]), { setFocusedPage: T } = pe(), { columnCount: b } = ze(), { pageRotate: g } = et(), [S, v] = q(0), { pageScrollElementRef: h, virtualScrollableElementRef: p } = Je(), { scrollMode: s } = Ee(), { pagesRef: w } = be(), [_, y] = q(null), x = k({}), I = k(0), R = W(() => S === 0 ? null : u[S - 1], [S, u]), L = W(() => u.length, [u]), N = E(
     (O) => {
       if (O === 0)
         return;
@@ -563,7 +563,7 @@ const wn = () => {
       if (!H || !w)
         return;
       const U = l.get(A.page);
-      if (s === ne.PAGE_SCROLLING && C(A.page), !U)
+      if (s === ne.PAGE_SCROLLING && T(A.page), !U)
         return;
       let B = 0, V = 0;
       if (s === ne.VERTICAL_SCROLLING) {
@@ -574,15 +574,15 @@ const wn = () => {
       const J = {
         height: f[A.page - 1],
         width: d[A.page - 1]
-      }, G = g[A.page], { leftInPage: K, topInPage: Y } = sr(
+      }, G = g[A.page], { leftInPage: K, topInPage: Y } = ao(
         J,
         w,
         A.rect,
         P,
         G
-      ), ee = V + K, re = B + Y, ie = {
+      ), ee = V + K, oe = B + Y, ie = {
         left: Math.max(ee, 0),
-        top: Math.max(re, 0)
+        top: Math.max(oe, 0)
       };
       H.scrollTo({
         ...ie,
@@ -591,7 +591,7 @@ const wn = () => {
     },
     [
       l,
-      C,
+      T,
       d,
       f,
       s,
@@ -628,13 +628,13 @@ const wn = () => {
   }, []);
   return M(() => {
     if (!n) {
-      m.current = !0, T([]), v(0);
+      m.current = !0, C([]), v(0);
       return;
     }
-    m.current = !1, i(!0), T([]), v(0), D(c).then((O) => {
+    m.current = !1, i(!0), C([]), v(0), D(c).then((O) => {
       x.current = O;
       const H = Object.keys(O).reduce((U, B) => {
-        const V = vo(
+        const V = gr(
           [n],
           O[B],
           Number(B) - 1,
@@ -642,14 +642,14 @@ const wn = () => {
         ).map((J, G) => ({ ...J, page: Number(B), pageMatchIdx: G }));
         return [...U, ...V];
       }, []);
-      T(H), v(H.length ? 1 : 0);
+      C(H), v(H.length ? 1 : 0);
     }).catch(() => {
-      T([]), v(0);
+      C([]), v(0);
     }).finally(() => i(!1));
   }, [n, D, c, t]), {
     search: n,
-    setSearch: r,
-    loading: o,
+    setSearch: o,
+    loading: r,
     matches: u,
     totalMatches: L,
     currentMatchPosition: S,
@@ -681,8 +681,8 @@ const wn = () => {
   children: t,
   initialSearch: e
 }) => {
-  const [n, r] = q({}), {
-    loading: o,
+  const [n, o] = q({}), {
+    loading: r,
     setSearch: i,
     totalMatches: c,
     currentMatchPosition: l,
@@ -691,16 +691,16 @@ const wn = () => {
     matches: m,
     nextMatch: P,
     prevMatch: u,
-    currentMatchElement: T,
-    setCurrentMatchElement: C
-  } = Mr(n, e);
+    currentMatchElement: C,
+    setCurrentMatchElement: T
+  } = Mo(n, e);
   return /* @__PURE__ */ a(
     Pn.Provider,
     {
       value: {
         searchOptions: n,
-        setSearchOptions: r,
-        loading: o,
+        setSearchOptions: o,
+        loading: r,
         setSearch: i,
         totalMatches: c,
         currentMatchPosition: l,
@@ -709,16 +709,16 @@ const wn = () => {
         prevMatch: u,
         search: f,
         matches: m,
-        currentMatchElement: T,
-        setCurrentMatchElement: C
+        currentMatchElement: C,
+        setCurrentMatchElement: T
       },
       children: t
     }
   );
 }, St = () => Ge(Pn), yn = qe(null), nc = ({ children: t }) => {
-  const e = k(!1), [n, r] = q([]), o = E((d) => {
-    r((f) => [...f, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
-  }, []), i = W(() => new Po(o), [o]), { focusedPage: c } = pe(), l = E((d) => (e.current = !0, yo(
+  const e = k(!1), [n, o] = q([]), r = E((d) => {
+    o((f) => [...f, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
+  }, []), i = W(() => new Cr(r), [r]), { focusedPage: c } = pe(), l = E((d) => (e.current = !0, Pr(
     d.data.page,
     d.data.canvasElem,
     d.data.options
@@ -736,7 +736,7 @@ const wn = () => {
       const f = i.dequeue();
       f ? l(f).finally(() => {
         d();
-      }) : (e.current = !1, r(i.peekAll()));
+      }) : (e.current = !1, o(i.peekAll()));
     };
     d();
   }, [i, l, n]), /* @__PURE__ */ a(yn.Provider, { value: i, children: t });
@@ -760,17 +760,17 @@ const wn = () => {
   "rp-page-wrapper": "_rp-page-wrapper_ii91u_1",
   "rp-page": "_rp-page_ii91u_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
-}, zr = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = et(), l = k(), { currentZoom: d } = _t(), f = Sn(), m = k(`page-${e}`);
+}, zo = (t) => {
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = k(null), { pages: i } = re(), { pageRotate: c } = et(), l = k(), { currentZoom: d } = _t(), f = Sn(), m = k(`page-${e}`);
   return M(() => {
     if (!i || d === 0)
       return;
     const P = i.get(e);
-    if (o.current && P) {
-      const u = o.current;
+    if (r.current && P) {
+      const u = r.current;
       u.hidden = !0;
-      const T = l.current;
-      T && T.cancel(), r && r(), f.enqueue(
+      const C = l.current;
+      C && C.cancel(), o && o(), f.enqueue(
         m.current,
         {
           page: P.page,
@@ -788,31 +788,31 @@ const wn = () => {
     return () => {
       f.removeQueue(m.current);
     };
-  }, [i, e, c, d, r, n, f]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
-}, Fr = "_selecting_ppr5g_10", kr = "_markedContent_ppr5g_33", ge = {
+  }, [i, e, c, d, o, n, f]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
+}, Fo = "_selecting_ppr5g_10", ko = "_markedContent_ppr5g_33", ge = {
   "rp-text-layer": "_rp-text-layer_ppr5g_1",
-  selecting: Fr,
-  markedContent: kr,
+  selecting: Fo,
+  markedContent: ko,
   "rp-text-layer-text": "_rp-text-layer-text_ppr5g_52"
-}, Wr = (t) => {
-  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = St(), [l, d] = q(
+}, Wo = (t) => {
+  const { pageNumber: e } = t, { pages: n } = re(), o = k(null), { matches: r, currentMatch: i, setCurrentMatchElement: c } = St(), [l, d] = q(
     []
-  ), f = k(), m = k(), P = k([]), u = W(() => o.filter((h) => h.pageIndex === e - 1), [o, e]), T = E(
+  ), f = k(), m = k(), P = k([]), u = W(() => r.filter((h) => h.pageIndex === e - 1), [r, e]), C = E(
     (h, p, s = !1) => {
-      if (s && wo(h, p), !u.length) {
+      if (s && vr(h, p), !u.length) {
         P.current = [], d([]);
         return;
       }
-      const w = _o(u, h, p);
+      const w = wr(u, h, p);
       d(w);
     },
     [u]
-  ), C = k(), b = k(!1), g = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), T = k(), b = k(!1), g = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   M(() => ((() => {
-    if (C.current)
+    if (T.current)
       return;
-    C.current = new AbortController();
-    const { signal: p } = C.current, s = () => {
+    T.current = new AbortController();
+    const { signal: p } = T.current, s = () => {
       g().forEach((_) => {
         const y = _.querySelector(".endOfContent");
         y && (_.appendChild(y), y.style.width = "", y.style.height = "", _.classList.remove(ge.selecting));
@@ -882,12 +882,12 @@ const wn = () => {
     );
   })(), () => {
     var p;
-    (p = C.current) == null || p.abort(), C.current = void 0;
+    (p = T.current) == null || p.abort(), T.current = void 0;
   }), [g]);
   const S = E(() => {
-    r.current && r.current.classList.add(ge.selecting);
+    o.current && o.current.classList.add(ge.selecting);
   }, []), v = E(() => {
-    r.current && r.current.classList.remove(ge.selecting);
+    o.current && o.current.classList.remove(ge.selecting);
   }, []);
   return M(() => {
     if (P.current.forEach((s) => {
@@ -905,12 +905,12 @@ const wn = () => {
     }));
   }, [i, l, u]), M(() => {
     const h = n.get(e);
-    if (!h || !r.current)
+    if (!h || !o.current)
       return;
-    const p = r.current;
+    const p = o.current;
     return f.current && f.current.cancel(), h.page.getTextContent().then((s) => {
       const w = h.page.getViewport({ scale: 1 });
-      return f.current = new $o.TextLayer({
+      return f.current = new Hr.TextLayer({
         viewport: w,
         textContentSource: s,
         container: p
@@ -921,9 +921,9 @@ const wn = () => {
         I.classList.add(ge["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
       const w = (y = f.current) == null ? void 0 : y.textDivs;
-      w && m.current && T(m.current, w);
+      w && m.current && C(m.current, w);
       const _ = document.createElement("div");
-      _.className = "endOfContent", (x = r.current) == null || x.appendChild(_);
+      _.className = "endOfContent", (x = o.current) == null || x.appendChild(_);
     }).catch(() => {
     }), () => {
       var s;
@@ -931,48 +931,48 @@ const wn = () => {
     };
   }, [n, e]), M(() => {
     var s;
-    [].slice.call(r.current.children).forEach((w) => {
+    [].slice.call(o.current.children).forEach((w) => {
       w.classList.add(ge["rp-text-layer-text"]);
     });
     const p = (s = f.current) == null ? void 0 : s.textDivs;
-    p && m.current && T(m.current, p, !0);
-  }, [T]), /* @__PURE__ */ a(
+    p && m.current && C(m.current, p, !0);
+  }, [C]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp-text-layer": !0,
       "data-rp": `page-${e}-textLayer`,
       className: ge["rp-text-layer"],
-      ref: r,
+      ref: o,
       onMouseDown: S,
       onMouseUp: v
     }
   );
-}, Hr = {
+}, Ho = {
   "rp-annotation-layer": "_rp-annotation-layer_1udza_1"
 };
-let $r = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const qr = (t) => {
-  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = q(), { setFocusedPage: d, goToPage: f } = pe(), { scrollMode: m } = Ee(), { print: P } = nt(), { download: u } = Un(), T = W(() => r.get(e), [r, e]), C = W(() => T == null ? void 0 : T.page.getViewport(), [T]);
+let $o = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const qo = (t) => {
+  const { pageNumber: e } = t, n = k(null), { pages: o, pdf: r } = re(), i = k(), [c, l] = q(), { setFocusedPage: d, goToPage: f } = pe(), { scrollMode: m } = Ee(), { print: P } = nt(), { download: u } = Un(), C = W(() => o.get(e), [o, e]), T = W(() => C == null ? void 0 : C.page.getViewport(), [C]);
   M(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
-  }, [o]), M(() => {
-    T && T.page.getAnnotations().then((g) => {
+  }, [r]), M(() => {
+    C && C.page.getAnnotations().then((g) => {
       i.current = void 0, l(g), n.current && (n.current.innerText = "");
     });
-  }, [T]);
+  }, [C]);
   const b = E(
     (g) => {
-      !c || !o || (Bo(g), jo(g, o, c).then((S) => {
+      !c || !r || (Vr(g), Br(g, r, c).then((S) => {
         var v, h;
         ((v = S == null ? void 0 : S.data) == null ? void 0 : v.action) === "Print" ? P() : ((h = S == null ? void 0 : S.data) == null ? void 0 : h.action) === "SaveAs" && u();
-      }), m === ne.PAGE_SCROLLING ? kt(g, c, o, (S) => d(S.pageIndex + 1)) : kt(g, c, o, (S) => f(S.pageIndex + 1)));
+      }), m === ne.PAGE_SCROLLING ? kt(g, c, r, (S) => d(S.pageIndex + 1)) : kt(g, c, r, (S) => f(S.pageIndex + 1)));
     },
-    [o, c, f, d, m, P, u]
+    [r, c, f, d, m, P, u]
   );
   return M(() => {
-    if (!T || !c)
+    if (!C || !c)
       return;
-    const g = T.page.getViewport();
+    const g = C.page.getViewport();
     if (i.current) {
       i.current.update({
         viewport: g.clone({ dontFlip: !0 })
@@ -984,85 +984,85 @@ const qr = (t) => {
       const { annotationType: s } = p;
       switch (s) {
         case Dt.Link:
-          Zo(p);
+          Kr(p);
           break;
         case Dt.Widget:
-          Ko(p, g, S);
+          jr(p, g, S);
           break;
       }
     }
     const v = new AbortController();
     return (async () => {
       var w;
-      i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new Vo({
+      i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new Ur({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: T.page,
+        page: C.page,
         viewport: g.clone({ dontFlip: !0 }),
         commentManager: void 0,
         linkService: new Ft(),
-        annotationStorage: o == null ? void 0 : o.annotationStorage
+        annotationStorage: r == null ? void 0 : r.annotationStorage
       }), n.current && Wt(n.current, b);
-      const p = await (o == null ? void 0 : o.hasJSActions()), s = await (o == null ? void 0 : o.getFieldObjects());
+      const p = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
       if (v.signal.aborted)
         throw "abort";
       return (w = i.current) == null ? void 0 : w.render({
         annotations: c,
-        annotationStorage: o == null ? void 0 : o.annotationStorage,
+        annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: p,
         fieldObjects: s,
         div: n.current,
         viewport: g.clone({ dontFlip: !0 }),
-        page: T.page,
-        imageResourcesPath: $r,
+        page: C.page,
+        imageResourcesPath: $o,
         renderForms: !0,
         linkService: new Ft(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Xo(n.current, b);
+      n.current && Zr(n.current, b);
     }).catch((p) => {
       if (p !== "abort")
         throw p;
     }), () => {
       v.abort("clear"), n.current && Wt(n.current, b);
     };
-  }, [o, c, b]), /* @__PURE__ */ a(
+  }, [r, c, b]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${C == null ? void 0 : C.width}px`, height: `${C == null ? void 0 : C.height}px` },
-      className: Hr["rp-annotation-layer"],
+      style: { width: `${T == null ? void 0 : T.width}px`, height: `${T == null ? void 0 : T.height}px` },
+      className: Ho["rp-annotation-layer"],
       ref: n
     }
   );
-}, Gr = {
+}, Go = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Ur = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = q(), { pages: o } = oe(), { highlightKeywords: i } = To(), c = !0, l = k(null), [d, f] = q(null), [m, P] = q([]);
+}, Uo = ({ pageNumber: t, viewport: e }) => {
+  const [n, o] = q(), { pages: r } = re(), { highlightKeywords: i } = br(), c = !0, l = k(null), [d, f] = q(null), [m, P] = q([]);
   M(() => {
     l.current && f(l.current.parentElement);
   }, [l]), M(() => {
     (async () => {
-      const h = o.get(t);
+      const h = r.get(t);
       if (!h || !l.current)
         return;
       const p = await h.page.getTextContent();
-      r(p);
+      o(p);
     })();
-  }, [o, t]);
+  }, [r, t]);
   const u = W(() => i ? i.map((v) => {
     var h, p;
     return {
-      ...Qo(v.keyword, (h = v.options) == null ? void 0 : h.matchCase, (p = v.options) == null ? void 0 : p.wholeWords),
+      ...Xr(v.keyword, (h = v.options) == null ? void 0 : h.matchCase, (p = v.options) == null ? void 0 : p.wholeWords),
       color: v.highlightColor
     };
   }) : [], [i]);
-  function T(v, h) {
+  function C(v, h) {
     if (!v)
       return;
     const p = `[data-rp="page-${h}-textLayer"]`;
@@ -1078,7 +1078,7 @@ const qr = (t) => {
       }).observe(v, { childList: !0, subtree: !0 });
     });
   }
-  function C(v) {
+  function T(v) {
     return new Promise((h) => {
       const p = v.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
@@ -1107,7 +1107,7 @@ const qr = (t) => {
     const R = document.createElement("span");
     R.style.width = "auto", w.surroundContents(R);
     const L = R.getBoundingClientRect(), N = v.getBoundingClientRect(), F = N.height, z = N.width, D = 100 * (L.left - N.left) / z, O = 100 * (L.top - N.top) / F, A = 100 * L.height / F, H = 100 * L.width / z;
-    return Jo(R), {
+    return Yr(R), {
       keywordStr: h,
       left: D,
       top: O,
@@ -1118,10 +1118,10 @@ const qr = (t) => {
     };
   };
   async function g(v, h) {
-    const p = await T(d, v);
+    const p = await C(d, v);
     if (!p)
       return;
-    const s = await C(p);
+    const s = await T(p);
     if (s.length) {
       const w = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
         (y, x, I) => y.concat(
@@ -1155,7 +1155,7 @@ const qr = (t) => {
       let D;
       const O = [];
       for (; (D = z.exec(y)) !== null; )
-        L && !bo(y, D.index, D[0].length) || O.push({
+        L && !_r(y, D.index, D[0].length) || O.push({
           keyword: z,
           startIndex: D.index,
           endIndex: z.lastIndex
@@ -1180,13 +1180,13 @@ const qr = (t) => {
             );
             if (G) {
               const { left: K, top: Y } = G;
-              if (_.find((re) => re.left === K && re.top === Y))
+              if (_.find((oe) => oe.left === K && oe.top === Y))
                 continue;
               _.push({ ...G, highlightColor: H.color });
             }
           }
       }
-    }), _.sort(Yo), _;
+    }), _.sort(Qr), _;
   };
   return M(() => {
     (async () => {
@@ -1203,7 +1203,7 @@ const qr = (t) => {
   }, [c, i, t, n, e]), /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((v, h) => /* @__PURE__ */ a(
     "div",
     {
-      className: Gr["rp-text-highlight"],
+      className: Go["rp-text-highlight"],
       style: {
         top: `${v.top}%`,
         left: `${v.left}%`,
@@ -1215,11 +1215,11 @@ const qr = (t) => {
     h
   )) }) });
 }, It = tt((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = et(), { textLayer: l } = ho(), { currentZoom: d } = _t(), { LoaderImageComponent: f } = bt(), m = k(i.get(n)), [P, u] = q(!1), T = k(null), [C, b] = q({
+  const { pageNumber: n, style: o, ...r } = t, { pages: i } = re(), { pageRotate: c } = et(), { textLayer: l } = pr(), { currentZoom: d } = _t(), { LoaderImageComponent: f } = bt(), m = k(i.get(n)), [P, u] = q(!1), C = k(null), [T, b] = q({
     width: 0,
     height: 0
   });
-  rn(e, () => T.current);
+  on(e, () => C.current);
   const g = W(() => m.current ? c[n] : 0, [n, c]);
   M(() => {
     if (i && (m.current = i.get(n), m.current)) {
@@ -1233,14 +1233,14 @@ const qr = (t) => {
   const S = W(() => {
     switch (g) {
       case 90:
-        return `${C.width / 2}px ${C.width / 2}px`;
+        return `${T.width / 2}px ${T.width / 2}px`;
       case -90:
       case 270:
-        return `${C.height / 2}px ${C.height / 2}px`;
+        return `${T.height / 2}px ${T.height / 2}px`;
       default:
         return "center";
     }
-  }, [g, C]), v = E(() => {
+  }, [g, T]), v = E(() => {
     u(!0);
   }, []), h = E(() => {
     u(!1);
@@ -1248,32 +1248,34 @@ const qr = (t) => {
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: T,
+      ref: C,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
-      ...o,
+      ...r,
       style: {
-        ...r,
+        ...o,
         "--rp-rotate": `${g}deg`,
         "--rp-page-rotate-translate": `${S}`,
-        "--scale-factor": d
+        "--user-unit": T.userUnit || 1,
+        "--scale-factor": d,
+        "--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
       },
       className: ct["rp-page-wrapper"],
       children: /* @__PURE__ */ $(
         "div",
         {
           style: {
-            width: `${C.width}px`,
-            height: `${C.height}px`
+            width: `${T.width}px`,
+            height: `${T.height}px`
           },
           className: ct["rp-page"],
           children: [
-            /* @__PURE__ */ a(zr, { onLoading: v, onLoaded: h, pageNumber: n }),
+            /* @__PURE__ */ a(zo, { onLoading: v, onLoaded: h, pageNumber: n }),
             P && f && /* @__PURE__ */ a("div", { className: ct["rp-loader-wrapper"], children: /* @__PURE__ */ a(f, {}) }),
-            /* @__PURE__ */ a(er, { pageNumber: n }),
-            l && /* @__PURE__ */ a(Wr, { pageNumber: n }),
-            /* @__PURE__ */ a(Ur, { pageNumber: n, viewport: C }),
-            /* @__PURE__ */ a(qr, { pageNumber: n })
+            /* @__PURE__ */ a(Jr, { pageNumber: n }),
+            l && /* @__PURE__ */ a(Wo, { pageNumber: n }),
+            /* @__PURE__ */ a(Uo, { pageNumber: n, viewport: T }),
+            /* @__PURE__ */ a(qo, { pageNumber: n })
           ]
         }
       )
@@ -1284,8 +1286,8 @@ function mt() {
   return mt = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
-      for (var r in n)
-        ({}).hasOwnProperty.call(n, r) && (t[r] = n[r]);
+      for (var o in n)
+        ({}).hasOwnProperty.call(n, o) && (t[o] = n[o]);
     }
     return t;
   }, mt.apply(null, arguments);
@@ -1296,34 +1298,34 @@ function $t(t) {
   return t;
 }
 function gt(t, e) {
-  return gt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
-    return n.__proto__ = r, n;
+  return gt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+    return n.__proto__ = o, n;
   }, gt(t, e);
 }
-function Vr(t, e) {
+function Vo(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, gt(t, e);
 }
 var qt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Br(t, e) {
+function Bo(t, e) {
   return !!(t === e || qt(t) && qt(e));
 }
-function jr(t, e) {
+function jo(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var n = 0; n < t.length; n++)
-    if (!Br(t[n], e[n]))
+    if (!Bo(t[n], e[n]))
       return !1;
   return !0;
 }
 function lt(t, e) {
-  e === void 0 && (e = jr);
-  var n, r = [], o, i = !1;
+  e === void 0 && (e = jo);
+  var n, o = [], r, i = !1;
   function c() {
     for (var l = [], d = 0; d < arguments.length; d++)
       l[d] = arguments[d];
-    return i && n === this && e(l, r) || (o = t.apply(this, l), i = !0, n = this, r = l), o;
+    return i && n === this && e(l, o) || (r = t.apply(this, l), i = !0, n = this, o = l), r;
   }
   return c;
 }
@@ -1331,15 +1333,15 @@ function Gt(t, e) {
   if (t == null)
     return {};
   var n = {};
-  for (var r in t)
-    if ({}.hasOwnProperty.call(t, r)) {
-      if (e.indexOf(r) !== -1)
+  for (var o in t)
+    if ({}.hasOwnProperty.call(t, o)) {
+      if (e.indexOf(o) !== -1)
         continue;
-      n[r] = t[r];
+      n[o] = t[o];
     }
   return n;
 }
-var Kr = typeof performance == "object" && typeof performance.now == "function", Ut = Kr ? function() {
+var Ko = typeof performance == "object" && typeof performance.now == "function", Ut = Ko ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1347,18 +1349,18 @@ var Kr = typeof performance == "object" && typeof performance.now == "function",
 function Vt(t) {
   cancelAnimationFrame(t.id);
 }
-function Zr(t, e) {
+function Zo(t, e) {
   var n = Ut();
-  function r() {
-    Ut() - n >= e ? t.call(null) : o.id = requestAnimationFrame(r);
+  function o() {
+    Ut() - n >= e ? t.call(null) : r.id = requestAnimationFrame(o);
   }
-  var o = {
-    id: requestAnimationFrame(r)
+  var r = {
+    id: requestAnimationFrame(o)
   };
-  return o;
+  return r;
 }
 var dt = -1;
-function Xr(t) {
+function Xo(t) {
   if (t === void 0 && (t = !1), dt === -1 || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), dt = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -1370,25 +1372,25 @@ function Bt(t) {
   if (t === void 0 && (t = !1), De === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
-    var r = document.createElement("div"), o = r.style;
-    return o.width = "100px", o.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? De = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? De = "negative" : De = "positive-ascending"), document.body.removeChild(e), De;
+    var o = document.createElement("div"), r = o.style;
+    return r.width = "100px", r.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? De = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? De = "negative" : De = "positive-ascending"), document.body.removeChild(e), De;
   }
   return De;
 }
-var Qr = 150, Yr = function(e) {
+var Qo = 150, Yo = function(e) {
   var n = e.columnIndex;
   e.data;
-  var r = e.rowIndex;
-  return r + ":" + n;
+  var o = e.rowIndex;
+  return o + ":" + n;
 }, je = null, Ke = null, Ze = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet());
-function Jr(t) {
-  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, u = t.getRowStartIndexForOffset, T = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, g = t.validateProps;
+function Jo(t) {
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, u = t.getRowStartIndexForOffset, C = t.getRowStopIndexForStartIndex, T = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, g = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
-    Vr(v, S);
+    Vo(v, S);
     function v(p) {
       var s;
-      return s = S.call(this, p) || this, s._instanceProps = C(s.props, $t(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = S.call(this, p) || this, s._instanceProps = T(s.props, $t(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: $t(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1463,7 +1465,7 @@ function Jr(t) {
         var _ = s.props.outerRef;
         s._outerRef = w, typeof _ == "function" ? _(w) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = w);
       }, s._resetIsScrollingDebounced = function() {
-        s._resetIsScrollingTimeoutId !== null && Vt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Zr(s._resetIsScrolling, Qr);
+        s._resetIsScrollingTimeoutId !== null && Vt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Zo(s._resetIsScrolling, Qo);
       }, s._resetIsScrolling = function() {
         s._resetIsScrollingTimeoutId = null, s.setState({
           isScrolling: !1
@@ -1488,7 +1490,7 @@ function Jr(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, h.scrollToItem = function(s) {
-      var w = s.align, _ = w === void 0 ? "auto" : w, y = s.columnIndex, x = s.rowIndex, I = this.props, R = I.columnCount, L = I.height, N = I.rowCount, F = I.width, z = this.state, D = z.scrollLeft, O = z.scrollTop, A = Xr();
+      var w = s.align, _ = w === void 0 ? "auto" : w, y = s.columnIndex, x = s.rowIndex, I = this.props, R = I.columnCount, L = I.height, N = I.rowCount, F = I.width, z = this.state, D = z.scrollLeft, O = z.scrollTop, A = Xo();
       y !== void 0 && (y = Math.max(0, Math.min(y, R - 1))), x !== void 0 && (x = Math.max(0, Math.min(x, N - 1)));
       var H = c(this.props, this._instanceProps), U = l(this.props, this._instanceProps), B = U > F ? A : 0, V = H > L ? A : 0;
       this.scrollTo({
@@ -1527,9 +1529,9 @@ function Jr(t) {
     }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Vt(this._resetIsScrollingTimeoutId);
     }, h.render = function() {
-      var s = this.props, w = s.children, _ = s.className, y = s.columnCount, x = s.direction, I = s.height, R = s.innerRef, L = s.innerElementType, N = s.innerTagName, F = s.itemData, z = s.itemKey, D = z === void 0 ? Yr : z, O = s.outerElementType, A = s.outerTagName, H = s.rowCount, U = s.style, B = s.useIsScrolling, V = s.width, J = this.state.isScrolling, G = this._getHorizontalRangeToRender(), K = G[0], Y = G[1], ee = this._getVerticalRangeToRender(), re = ee[0], ie = ee[1], se = [];
+      var s = this.props, w = s.children, _ = s.className, y = s.columnCount, x = s.direction, I = s.height, R = s.innerRef, L = s.innerElementType, N = s.innerTagName, F = s.itemData, z = s.itemKey, D = z === void 0 ? Yo : z, O = s.outerElementType, A = s.outerTagName, H = s.rowCount, U = s.style, B = s.useIsScrolling, V = s.width, J = this.state.isScrolling, G = this._getHorizontalRangeToRender(), K = G[0], Y = G[1], ee = this._getVerticalRangeToRender(), oe = ee[0], ie = ee[1], se = [];
       if (y > 0 && H)
-        for (var ce = re; ce <= ie; ce++)
+        for (var ce = oe; ce <= ie; ce++)
           for (var ae = K; ae <= Y; ae++)
             se.push(Be(w, {
               columnIndex: ae,
@@ -1580,32 +1582,32 @@ function Jr(t) {
       var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, y = s.overscanColumnsCount, x = s.overscanCount, I = s.rowCount, R = this.state, L = R.horizontalScrollDirection, N = R.isScrolling, F = R.scrollLeft, z = _ || y || x || 1;
       if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var D = r(this.props, F, this._instanceProps), O = o(this.props, D, F, this._instanceProps), A = !N || L === "backward" ? Math.max(1, z) : 1, H = !N || L === "forward" ? Math.max(1, z) : 1;
+      var D = o(this.props, F, this._instanceProps), O = r(this.props, D, F, this._instanceProps), A = !N || L === "backward" ? Math.max(1, z) : 1, H = !N || L === "forward" ? Math.max(1, z) : 1;
       return [Math.max(0, D - A), Math.max(0, Math.min(w - 1, O + H)), D, O];
     }, h._getVerticalRangeToRender = function() {
       var s = this.props, w = s.columnCount, _ = s.overscanCount, y = s.overscanRowCount, x = s.overscanRowsCount, I = s.rowCount, R = this.state, L = R.isScrolling, N = R.verticalScrollDirection, F = R.scrollTop, z = y || x || _ || 1;
       if (w === 0 || I === 0)
         return [0, 0, 0, 0];
-      var D = u(this.props, F, this._instanceProps), O = T(this.props, D, F, this._instanceProps), A = !L || N === "backward" ? Math.max(1, z) : 1, H = !L || N === "forward" ? Math.max(1, z) : 1;
+      var D = u(this.props, F, this._instanceProps), O = C(this.props, D, F, this._instanceProps), A = !L || N === "backward" ? Math.max(1, z) : 1, H = !L || N === "forward" ? Math.max(1, z) : 1;
       return [Math.max(0, D - A), Math.max(0, Math.min(I - 1, O + H)), D, O];
     }, v;
-  }(io), e.defaultProps = {
+  }(ir), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
 var ei = function(e, n) {
-  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, u = n.instance;
+  var o = e.children, r = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof f == "number" && je && !je.has(u) && (je.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ke && !Ke.has(u) && (Ke.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ze && !Ze.has(u) && (Ze.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
-      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
-    switch (o) {
+    if (typeof f == "number" && je && !je.has(u) && (je.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ke && !Ke.has(u) && (Ke.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ze && !Ze.has(u) && (Ze.add(u), 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":
       case "rtl":
         break;
       default:
-        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + o + '" was specified.'));
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
     if (typeof P != "number")
       throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (P === null ? "null" : typeof P) + '" was specified.'));
@@ -1613,59 +1615,59 @@ var ei = function(e, n) {
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
 }, jt = 50, In = function(e, n) {
-  var r = e.rowCount, o = n.rowMetadataMap, i = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, l = 0;
-  if (c >= r && (c = r - 1), c >= 0) {
-    var d = o[c];
+  var o = e.rowCount, r = n.rowMetadataMap, i = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, l = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var d = r[c];
     l = d.offset + d.size;
   }
-  var f = r - c - 1, m = f * i;
+  var f = o - c - 1, m = f * i;
   return l + m;
 }, xn = function(e, n) {
-  var r = e.columnCount, o = n.columnMetadataMap, i = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, l = 0;
-  if (c >= r && (c = r - 1), c >= 0) {
-    var d = o[c];
+  var o = e.columnCount, r = n.columnMetadataMap, i = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, l = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var d = r[c];
     l = d.offset + d.size;
   }
-  var f = r - c - 1, m = f * i;
+  var f = o - c - 1, m = f * i;
   return l + m;
-}, ve = function(e, n, r, o) {
+}, ve = function(e, n, o, r) {
   var i, c, l;
-  if (e === "column" ? (i = o.columnMetadataMap, c = n.columnWidth, l = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, c = n.rowHeight, l = o.lastMeasuredRowIndex), r > l) {
+  if (e === "column" ? (i = r.columnMetadataMap, c = n.columnWidth, l = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, c = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
     var d = 0;
     if (l >= 0) {
       var f = i[l];
       d = f.offset + f.size;
     }
-    for (var m = l + 1; m <= r; m++) {
+    for (var m = l + 1; m <= o; m++) {
       var P = c(m);
       i[m] = {
         offset: d,
         size: P
       }, d += P;
     }
-    e === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
+    e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
-  return i[r];
-}, Kt = function(e, n, r, o) {
+  return i[o];
+}, Kt = function(e, n, o, r) {
   var i, c;
-  e === "column" ? (i = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
+  e === "column" ? (i = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
   var l = c > 0 ? i[c].offset : 0;
-  return l >= o ? Rn(e, n, r, c, 0, o) : ti(e, n, r, Math.max(0, c), o);
-}, Rn = function(e, n, r, o, i, c) {
-  for (; i <= o; ) {
-    var l = i + Math.floor((o - i) / 2), d = ve(e, n, l, r).offset;
+  return l >= r ? Rn(e, n, o, c, 0, r) : ti(e, n, o, Math.max(0, c), r);
+}, Rn = function(e, n, o, r, i, c) {
+  for (; i <= r; ) {
+    var l = i + Math.floor((r - i) / 2), d = ve(e, n, l, o).offset;
     if (d === c)
       return l;
-    d < c ? i = l + 1 : d > c && (o = l - 1);
+    d < c ? i = l + 1 : d > c && (r = l - 1);
   }
   return i > 0 ? i - 1 : 0;
-}, ti = function(e, n, r, o, i) {
-  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && ve(e, n, o, r).offset < i; )
-    o += l, l *= 2;
-  return Rn(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
-}, Zt = function(e, n, r, o, i, c, l) {
-  var d = e === "column" ? n.width : n.height, f = ve(e, n, r, c), m = e === "column" ? xn(n, c) : In(n, c), P = Math.max(0, Math.min(m - d, f.offset)), u = Math.max(0, f.offset - d + l + f.size);
-  switch (o === "smart" && (i >= u - d && i <= P + d ? o = "auto" : o = "center"), o) {
+}, ti = function(e, n, o, r, i) {
+  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; r < c && ve(e, n, r, o).offset < i; )
+    r += l, l *= 2;
+  return Rn(e, n, o, Math.min(r, c - 1), Math.floor(r / 2), i);
+}, Zt = function(e, n, o, r, i, c, l) {
+  var d = e === "column" ? n.width : n.height, f = ve(e, n, o, c), m = e === "column" ? xn(n, c) : In(n, c), P = Math.max(0, Math.min(m - d, f.offset)), u = Math.max(0, f.offset - d + l + f.size);
+  switch (r === "smart" && (i >= u - d && i <= P + d ? r = "auto" : r = "center"), r) {
     case "start":
       return P;
     case "end":
@@ -1676,47 +1678,47 @@ var ei = function(e, n) {
     default:
       return i >= u && i <= P ? i : u > P || i < u ? u : P;
   }
-}, ni = /* @__PURE__ */ Jr({
-  getColumnOffset: function(e, n, r) {
-    return ve("column", e, n, r).offset;
+}, ni = /* @__PURE__ */ Jo({
+  getColumnOffset: function(e, n, o) {
+    return ve("column", e, n, o).offset;
   },
-  getColumnStartIndexForOffset: function(e, n, r) {
-    return Kt("column", e, r, n);
+  getColumnStartIndexForOffset: function(e, n, o) {
+    return Kt("column", e, o, n);
   },
-  getColumnStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.columnCount, c = e.width, l = ve("column", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
-      m++, f += ve("column", e, m, o).size;
+  getColumnStopIndexForStartIndex: function(e, n, o, r) {
+    for (var i = e.columnCount, c = e.width, l = ve("column", e, n, r), d = o + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ve("column", e, m, r).size;
     return m;
   },
-  getColumnWidth: function(e, n, r) {
-    return r.columnMetadataMap[n].size;
+  getColumnWidth: function(e, n, o) {
+    return o.columnMetadataMap[n].size;
   },
   getEstimatedTotalHeight: In,
   getEstimatedTotalWidth: xn,
-  getOffsetForColumnAndAlignment: function(e, n, r, o, i, c) {
-    return Zt("column", e, n, r, o, i, c);
+  getOffsetForColumnAndAlignment: function(e, n, o, r, i, c) {
+    return Zt("column", e, n, o, r, i, c);
   },
-  getOffsetForRowAndAlignment: function(e, n, r, o, i, c) {
-    return Zt("row", e, n, r, o, i, c);
+  getOffsetForRowAndAlignment: function(e, n, o, r, i, c) {
+    return Zt("row", e, n, o, r, i, c);
   },
-  getRowOffset: function(e, n, r) {
-    return ve("row", e, n, r).offset;
+  getRowOffset: function(e, n, o) {
+    return ve("row", e, n, o).offset;
   },
-  getRowHeight: function(e, n, r) {
-    return r.rowMetadataMap[n].size;
+  getRowHeight: function(e, n, o) {
+    return o.rowMetadataMap[n].size;
   },
-  getRowStartIndexForOffset: function(e, n, r) {
-    return Kt("row", e, r, n);
+  getRowStartIndexForOffset: function(e, n, o) {
+    return Kt("row", e, o, n);
   },
-  getRowStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.rowCount, c = e.height, l = ve("row", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
-      m++, f += ve("row", e, m, o).size;
+  getRowStopIndexForStartIndex: function(e, n, o, r) {
+    for (var i = e.rowCount, c = e.height, l = ve("row", e, n, r), d = o + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ve("row", e, m, r).size;
     return m;
   },
   initInstanceProps: function(e, n) {
-    var r = e, o = r.estimatedColumnWidth, i = r.estimatedRowHeight, c = {
+    var o = e, r = o.estimatedColumnWidth, i = o.estimatedRowHeight, c = {
       columnMetadataMap: {},
-      estimatedColumnWidth: o || jt,
+      estimatedColumnWidth: r || jt,
       estimatedRowHeight: i || jt,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
@@ -1739,12 +1741,12 @@ var ei = function(e, n) {
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(e) {
-    var n = e.columnWidth, r = e.rowHeight;
+    var n = e.columnWidth, o = e.rowHeight;
     if (process.env.NODE_ENV !== "production") {
       if (typeof n != "function")
         throw Error('An invalid "columnWidth" prop has been specified. Value should be a function. ' + ('"' + (n === null ? "null" : typeof n) + '" was specified.'));
-      if (typeof r != "function")
-        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
+      if (typeof o != "function")
+        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     }
   }
 });
@@ -1753,21 +1755,21 @@ function Xt(t, e) {
   for (var n in t)
     if (!(n in e))
       return !0;
-  for (var r in e)
-    if (t[r] !== e[r])
+  for (var o in e)
+    if (t[o] !== e[o])
       return !0;
   return !1;
 }
-var oi = ["style"], ri = ["style"];
+var ri = ["style"], oi = ["style"];
 function ii(t, e) {
-  var n = t.style, r = Gt(t, oi), o = e.style, i = Gt(e, ri);
-  return !Xt(n, o) && !Xt(r, i);
+  var n = t.style, o = Gt(t, ri), r = e.style, i = Gt(e, oi);
+  return !Xt(n, r) && !Xt(o, i);
 }
 const ai = () => {
-  const { viewMode: t } = ze(), { scrollMode: e } = Ee(), { setColumnCount: n } = cn(), { virtualScrollableElementRef: r } = Je(), o = Ue(), i = W(() => o.heights.length, [o.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = W(() => o.widths.reduce((g, S, v) => {
+  const { viewMode: t } = ze(), { scrollMode: e } = Ee(), { setColumnCount: n } = cn(), { virtualScrollableElementRef: o } = Je(), r = Ue(), i = W(() => r.heights.length, [r.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, o]), l = W(() => r.widths.reduce((g, S, v) => {
     const h = v % c;
     return (!g[h] || S > g[h]) && (g[h] = S), g;
-  }, []), [o.widths, c]), d = E(
+  }, []), [r.widths, c]), d = E(
     (b) => {
       const g = b % l.length;
       return l[g] || 0;
@@ -1777,35 +1779,35 @@ const ai = () => {
     (b) => {
       const g = Array.from({ length: c }, (S, v) => {
         const h = b * c + v;
-        return o.heights[h] || 0;
+        return r.heights[h] || 0;
       });
       return Math.max(...g);
     },
-    [o.heights, c]
+    [r.heights, c]
   );
   M(() => {
     n(c);
   }, [c, n]);
-  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = W(() => o.heights.reduce((b, g) => b + g, 0) / o.heights.length || 0, [o]), u = W(() => o.widths.reduce((b, g) => b + g, 0) / o.widths.length || 0, [o]), T = W(() => {
-    const { rowsHeight: b, columnsWidth: g } = Tt(o, c);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = W(() => r.heights.reduce((b, g) => b + g, 0) / r.heights.length || 0, [r]), u = W(() => r.widths.reduce((b, g) => b + g, 0) / r.widths.length || 0, [r]), C = W(() => {
+    const { rowsHeight: b, columnsWidth: g } = Tt(r, c);
     return {
       rowsHeight: b,
       columnsWidth: g
     };
-  }, [o, c]), C = W(() => ({
-    width: T.columnsWidth.reduce((b, g) => b + g, 0),
-    height: T.rowsHeight.reduce((b, g) => b + g, 0)
-  }), [T]);
+  }, [r, c]), T = W(() => ({
+    width: C.columnsWidth.reduce((b, g) => b + g, 0),
+    height: C.rowsHeight.reduce((b, g) => b + g, 0)
+  }), [C]);
   return {
     rowCount: m,
     rowHeight: f,
     columnCount: c,
     columnWidth: d,
-    pageDimension: o,
+    pageDimension: r,
     estimatedRowHeight: P,
     estimatedColumnWidth: u,
-    gridDimension: T,
-    totalDimension: C
+    gridDimension: C,
+    totalDimension: T
   };
 };
 let ue;
@@ -1818,14 +1820,14 @@ pt == null || Jt == null ? (vt = ut, wt = function(e) {
   pt(e), ut(n);
 }, wt = function(e) {
   const n = Jt(function() {
-    ut(r), e();
-  }), r = Yt(function() {
+    ut(o), e();
+  }), o = Yt(function() {
     pt(n), e();
   }, Qt);
-  return [n, r];
+  return [n, o];
 });
 function si(t) {
-  let e, n, r, o, i, c, l;
+  let e, n, o, r, i, c, l;
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     c = function(S) {
@@ -1843,51 +1845,51 @@ function si(t) {
         }));
       });
     };
-    let u = !1, T = "";
-    r = "animationstart";
-    const C = "Webkit Moz O ms".split(" ");
+    let u = !1, C = "";
+    o = "animationstart";
+    const T = "Webkit Moz O ms".split(" ");
     let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), g = "";
     {
       const S = document.createElement("fakeelement");
       if (S.style.animationName !== void 0 && (u = !0), u === !1) {
-        for (let v = 0; v < C.length; v++)
-          if (S.style[C[v] + "AnimationName"] !== void 0) {
-            g = C[v], T = "-" + g.toLowerCase() + "-", r = b[v], u = !0;
+        for (let v = 0; v < T.length; v++)
+          if (S.style[T[v] + "AnimationName"] !== void 0) {
+            g = T[v], C = "-" + g.toLowerCase() + "-", o = b[v], u = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + T + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = T + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + C + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = C + "animation: 1ms " + n + "; ";
   }
   const f = function(u) {
     if (!u.getElementById("detectElementResize")) {
-      const T = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = u.head || u.getElementsByTagName("head")[0], b = u.createElement("style");
-      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = T : b.appendChild(u.createTextNode(T)), C.appendChild(b);
+      const C = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', T = u.head || u.getElementsByTagName("head")[0], b = u.createElement("style");
+      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = C : b.appendChild(u.createTextNode(C)), T.appendChild(b);
     }
   };
   return {
-    addResizeListener: function(u, T) {
+    addResizeListener: function(u, C) {
       if (d)
-        u.attachEvent("onresize", T);
+        u.attachEvent("onresize", C);
       else {
         if (!u.__resizeTriggers__) {
-          const C = u.ownerDocument, b = ue.getComputedStyle(u);
-          b && b.position === "static" && (u.style.position = "relative"), f(C), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
-          const g = C.createElement("div");
-          g.className = "expand-trigger", g.appendChild(C.createElement("div"));
-          const S = C.createElement("div");
-          S.className = "contract-trigger", u.__resizeTriggers__.appendChild(g), u.__resizeTriggers__.appendChild(S), u.appendChild(u.__resizeTriggers__), c(u), u.addEventListener("scroll", l, !0), r && (u.__resizeTriggers__.__animationListener__ = function(h) {
+          const T = u.ownerDocument, b = ue.getComputedStyle(u);
+          b && b.position === "static" && (u.style.position = "relative"), f(T), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
+          const g = T.createElement("div");
+          g.className = "expand-trigger", g.appendChild(T.createElement("div"));
+          const S = T.createElement("div");
+          S.className = "contract-trigger", u.__resizeTriggers__.appendChild(g), u.__resizeTriggers__.appendChild(S), u.appendChild(u.__resizeTriggers__), c(u), u.addEventListener("scroll", l, !0), o && (u.__resizeTriggers__.__animationListener__ = function(h) {
             h.animationName === n && c(u);
-          }, u.__resizeTriggers__.addEventListener(r, u.__resizeTriggers__.__animationListener__));
+          }, u.__resizeTriggers__.addEventListener(o, u.__resizeTriggers__.__animationListener__));
         }
-        u.__resizeListeners__.push(T);
+        u.__resizeListeners__.push(C);
       }
     },
-    removeResizeListener: function(u, T) {
+    removeResizeListener: function(u, C) {
       if (d)
-        u.detachEvent("onresize", T);
-      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(T), 1), !u.__resizeListeners__.length) {
-        u.removeEventListener("scroll", l, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(r, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
+        u.detachEvent("onresize", C);
+      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(C), 1), !u.__resizeListeners__.length) {
+        u.removeEventListener("scroll", l, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(o, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
         try {
           u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
         } catch {
@@ -1896,7 +1898,7 @@ function si(t) {
     }
   };
 }
-class ci extends ao {
+class ci extends ar {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1905,28 +1907,28 @@ class ci extends ao {
       this._timeoutId = null;
       const {
         disableHeight: n,
-        disableWidth: r,
-        onResize: o
+        disableWidth: o,
+        onResize: r
       } = this.props;
       if (this._parentNode) {
         const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - f, u = m.width - c - l;
-        if (!n && this.state.height !== P || !r && this.state.width !== u) {
+        if (!n && this.state.height !== P || !o && this.state.width !== u) {
           this.setState({
             height: P,
             width: u
           });
-          const T = () => {
+          const C = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
-          typeof o == "function" && o({
+          typeof r == "function" && r({
             height: P,
             width: u,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return T(), P;
+              return C(), P;
             },
             get scaledWidth() {
-              return T(), u;
+              return C(), u;
             }
           });
         }
@@ -1941,8 +1943,8 @@ class ci extends ao {
     } = this.props, n = this._autoSizer ? this._autoSizer.parentNode : null;
     if (n != null && n.ownerDocument && n.ownerDocument.defaultView && n instanceof n.ownerDocument.defaultView.HTMLElement) {
       this._parentNode = n;
-      const r = n.ownerDocument.defaultView.ResizeObserver;
-      r != null ? (this._resizeObserver = new r(() => {
+      const o = n.ownerDocument.defaultView.ResizeObserver;
+      o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
       }), this._resizeObserver.observe(n)) : (this._detectElementResize = si(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
@@ -1954,8 +1956,8 @@ class ci extends ao {
     const {
       children: e,
       defaultHeight: n,
-      defaultWidth: r,
-      disableHeight: o = !1,
+      defaultWidth: o,
+      disableHeight: r = !1,
       disableWidth: i = !1,
       doNotBailOutOnEmptyChildren: c = !1,
       nonce: l,
@@ -1965,15 +1967,15 @@ class ci extends ao {
       ...P
     } = this.props, {
       height: u,
-      width: T
-    } = this.state, C = {
+      width: C
+    } = this.state, T = {
       overflow: "visible"
     }, b = {};
     let g = !1;
-    return o || (u === 0 && (g = !0), C.height = 0, b.height = u, b.scaledHeight = u), i || (T === 0 && (g = !0), C.width = 0, b.width = T, b.scaledWidth = T), c && (g = !1), Be(m, {
+    return r || (u === 0 && (g = !0), T.height = 0, b.height = u, b.scaledHeight = u), i || (C === 0 && (g = !0), T.width = 0, b.width = C, b.scaledWidth = C), c && (g = !1), Be(m, {
       ref: this._setRef,
       style: {
-        ...C,
+        ...T,
         ...f
       },
       ...P
@@ -1981,14 +1983,14 @@ class ci extends ao {
   }
 }
 const li = an(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = pe(), o = W(() => {
+  const { focusedPage: n, totalPages: o } = pe(), r = W(() => {
     const l = [], d = Math.ceil(n / 2) * 2 - 1;
-    if (l.push(d), d + 1 <= r) {
+    if (l.push(d), d + 1 <= o) {
       const f = d + 1;
       l.push(f);
     }
     return l;
-  }, [n, r]), i = W(() => {
+  }, [n, o]), i = W(() => {
     const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), f = e(d), m = t(l), P = t(l + 1);
     return [
       {
@@ -2004,29 +2006,29 @@ const li = an(({ widths: t, heights: e }) => {
         height: f
       }
     ];
-  }, [t, e, o]), c = W(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
-  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((l, d) => /* @__PURE__ */ a(It, { style: i[d], pageNumber: l }, l)) });
+  }, [t, e, r]), c = W(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
+  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: r.map((l, d) => /* @__PURE__ */ a(It, { style: i[d], pageNumber: l }, l)) });
 }), di = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = pe(), r = W(() => ({
+  const { focusedPage: n } = pe(), o = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
-  }), [t, e, n]), o = W(() => t(n - 1), [t]);
+  }), [t, e, n]), r = W(() => t(n - 1), [t]);
   return /* @__PURE__ */ a(
     "div",
     {
       style: {
-        width: o,
+        width: r,
         position: "relative"
       },
-      children: /* @__PURE__ */ a(It, { style: r, pageNumber: n }, n)
+      children: /* @__PURE__ */ a(It, { style: o, pageNumber: n }, n)
     }
   );
 }, ui = (t, e, n) => {
-  const r = k(), { contentRef: o } = be(), { heights: i, widths: c } = Ue(), { setFocusedPage: l } = pe(), [d, f] = q([]), { targetScrollPage: m } = ln(), P = Ct(d, 0, 500), u = W(() => {
-    const { rowsHeight: C, columnsWidth: b } = Tt({ heights: i, widths: c }, t);
+  const o = k(), { contentRef: r } = be(), { heights: i, widths: c } = Ue(), { setFocusedPage: l } = pe(), [d, f] = q([]), { targetScrollPage: m } = ln(), P = Ct(d, 0, 500), u = W(() => {
+    const { rowsHeight: T, columnsWidth: b } = Tt({ heights: i, widths: c }, t);
     return i.map((g, S) => {
-      const v = c[S], h = tr(S + 1, t), p = b.slice(0, h.columnIndex).reduce((y, x) => y + x, 0), s = C.slice(0, h.rowIndex).reduce((y, x) => y + x, 0), w = p + v, _ = s + g;
+      const v = c[S], h = eo(S + 1, t), p = b.slice(0, h.columnIndex).reduce((y, x) => y + x, 0), s = T.slice(0, h.rowIndex).reduce((y, x) => y + x, 0), w = p + v, _ = s + g;
       return {
         pageNumber: S + 1,
         ...h,
@@ -2045,10 +2047,10 @@ const li = an(({ widths: t, heights: e }) => {
       m.current = void 0;
     }, 500);
   }, [P, l]);
-  const T = E(
-    (C) => {
-      r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        const b = C.target, g = {
+  const C = E(
+    (T) => {
+      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+        const b = T.target, g = {
           startTop: b.scrollTop,
           startLeft: b.scrollLeft,
           endTop: b.scrollTop + b.clientHeight,
@@ -2066,16 +2068,16 @@ const li = an(({ widths: t, heights: e }) => {
         f(S);
       });
     },
-    [o, u]
+    [r, u]
   );
   M(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", T), () => {
-        n == null || n.removeEventListener("scroll", T);
+      return n == null || n.addEventListener("scroll", C), () => {
+        n == null || n.removeEventListener("scroll", C);
       };
-  }, [n, T]);
+  }, [n, C]);
 }, Ln = tt((t, e) => {
-  const { children: n, toolbarRef: r, style: o, className: i, ...c } = t, { customVariables: l, customDarkVariables: d } = Mo(), { darkMode: f } = po();
+  const { children: n, toolbarRef: o, style: r, className: i, ...c } = t, { customVariables: l, customDarkVariables: d } = Ar(), { darkMode: f } = ur();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2088,33 +2090,33 @@ const li = an(({ widths: t, heights: e }) => {
         i
       ),
       style: {
-        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
         ...l,
         ...f ? d : {},
-        ...o
+        ...r
       },
       children: n
     }
   );
-}), pi = an(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
-  const o = nr(e, t, n.columnCount);
-  return /* @__PURE__ */ a(It, { style: r, pageNumber: o }, o);
-}, ii), oc = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = mo(), { pagesRef: r, setPagesRef: o, setContentRef: i } = be(), { scrollToPage: c } = wn(), {
+}), pi = an(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
+  const r = to(e, t, n.columnCount);
+  return /* @__PURE__ */ a(It, { style: o, pageNumber: r }, r);
+}, ii), rc = () => {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = fr(), { pagesRef: o, setPagesRef: r, setContentRef: i } = be(), { scrollToPage: c } = wn(), {
     virtualScrollRef: l,
     getVirtualScrollRef: d,
     getPageScrollElementRef: f,
     getVirtualScrollableElementRef: m,
     setTotalInnerDimensions: P,
     virtualScrollableElementRef: u,
-    totalInnerDimensions: T,
-    pageScrollElementRef: C
-  } = Je(), b = k(!0), { nextPage: g, prevPage: S, setFocusedPage: v, focusedPage: h } = pe(), { scrollMode: p } = Ee(), { viewMode: s } = ze(), w = k(null), { loading: _, error: y } = oe(), { passwordRequired: x } = uo(), { LoaderImageComponent: I } = bt(), R = k(
-    T
+    totalInnerDimensions: C,
+    pageScrollElementRef: T
+  } = Je(), b = k(!0), { nextPage: g, prevPage: S, setFocusedPage: v, focusedPage: h } = pe(), { scrollMode: p } = Ee(), { viewMode: s } = ze(), w = k(null), { loading: _, error: y } = re(), { passwordRequired: x } = dr(), { LoaderImageComponent: I } = bt(), R = k(
+    C
   ), L = k({
     viewMode: s,
     scrollMode: p
-  }), N = k(!1), F = k(), { isFullScreen: z } = go(), {
+  }), N = k(!1), F = k(), { isFullScreen: z } = mr(), {
     pageDimension: D,
     rowCount: O,
     rowHeight: A,
@@ -2123,20 +2125,20 @@ const li = an(({ widths: t, heights: e }) => {
     estimatedColumnWidth: B,
     estimatedRowHeight: V,
     totalDimension: J
-  } = ai(), G = Ct(T, 100), { onScroll: K } = xo(), Y = k();
+  } = ai(), G = Ct(C, 100), { onScroll: K } = Ir(), Y = k();
   ui(H, O, u);
   const ee = k({
     scrollTop: 0,
     scrollLeft: 0
   });
-  ir(r);
-  const { isPressed: re } = or(), { selectionMode: ie } = fo(), { initializeGrabScroll: se, resetGrabState: ce } = rr({
-    isPressed: re
-  }), ae = W(() => ie === co.HAND, [ie]), Fe = W(() => ({
+  oo(o);
+  const { isPressed: oe } = no(), { selectionMode: ie } = hr(), { initializeGrabScroll: se, resetGrabState: ce } = ro({
+    isPressed: oe
+  }), ae = W(() => ie === cr.HAND, [ie]), Fe = W(() => ({
     columnCount: H
   }), [H]), ke = E(
     (j) => {
-      const Z = document.activeElement !== r;
+      const Z = document.activeElement !== o;
       !z && Z || (["ArrowUp", "ArrowLeft"].includes(j.key) ? (j.preventDefault(), S()) : ["ArrowDown", "ArrowRight"].includes(j.key) && (j.preventDefault(), g()));
     },
     [g, S, z, p]
@@ -2174,19 +2176,19 @@ const li = an(({ widths: t, heights: e }) => {
         }, 100);
         return;
       }
-      const Se = j.scrollTop, rt = j.scrollLeft;
+      const Se = j.scrollTop, ot = j.scrollLeft;
       if (!Z.height || !Z.width)
         return;
       N.current = !0;
       const { height: Ie, width: it } = Z, { height: Nt, width: Ot } = R.current;
       if (Nt === Ie && Ot === it)
         return;
-      const to = Se / Nt * Ie, no = rt / Ot * it, oo = Math.round(Math.min(to, Ie)) || 0, ro = Math.round(Math.min(no, it)) || 0;
+      const tr = Se / Nt * Ie, nr = ot / Ot * it, rr = Math.round(Math.min(tr, Ie)) || 0, or = Math.round(Math.min(nr, it)) || 0;
       F.current = setTimeout(() => {
         requestAnimationFrame(() => {
           u == null || u.scrollTo({
-            top: oo,
-            left: ro,
+            top: rr,
+            left: or,
             behavior: "auto"
           });
         });
@@ -2200,10 +2202,10 @@ const li = an(({ widths: t, heights: e }) => {
   M(() => {
     clearTimeout(F.current);
     const j = Array.from({ length: O }).reduce(
-      (Se, rt, Ie) => Se + A(Ie),
+      (Se, ot, Ie) => Se + A(Ie),
       0
     ), Z = Array.from({ length: H }).reduce(
-      (Se, rt, Ie) => Se + U(Ie),
+      (Se, ot, Ie) => Se + U(Ie),
       0
     ), ye = Qn(Z, j);
     ee.current = ye, Et(ye, { height: j, width: Z }), P({
@@ -2222,16 +2224,16 @@ const li = an(({ widths: t, heights: e }) => {
   );
   M(() => {
     if (K)
-      return C && C.addEventListener("scroll", K), u && u.addEventListener("scroll", K), () => {
-        C == null || C.removeEventListener("scroll", K), u == null || u.removeEventListener("scroll", K);
+      return T && T.addEventListener("scroll", K), u && u.addEventListener("scroll", K), () => {
+        T == null || T.removeEventListener("scroll", K), u == null || u.removeEventListener("scroll", K);
       };
-  }, [u, C, K]), M(() => () => {
+  }, [u, T, K]), M(() => () => {
     Y.current && clearTimeout(Y.current);
   }, []);
   const Jn = W(() => de(le["rp-pages-container"], {
-    [le["rp-cursor-grab"]]: ae && !re,
-    [le["rp-cursor-grabbing"]]: ae && re
-  }), [ae, re]), eo = E(
+    [le["rp-cursor-grab"]]: ae && !oe,
+    [le["rp-cursor-grabbing"]]: ae && oe
+  }), [ae, oe]), er = E(
     (j) => {
       if (ae && j) {
         const Z = de(le["rp-pages"]), ye = document.querySelector(`.${Z}`);
@@ -2245,7 +2247,7 @@ const li = an(({ widths: t, heights: e }) => {
   }, [_]), M(() => {
     if (!(G.height === 0 || !b.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== h && C && v(t), b.current = !1;
+        t !== h && T && v(t), b.current = !1;
         return;
       }
       c(t, "auto"), v(t), b.current = !1;
@@ -2253,18 +2255,18 @@ const li = an(({ widths: t, heights: e }) => {
   }, [
     c,
     e,
-    C,
+    T,
     v,
     G
   ]), /* @__PURE__ */ $(fe, { children: [
-    /* @__PURE__ */ a(Ao, { ref: i, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a(Dr, { ref: i, children: /* @__PURE__ */ a(
       Ln,
       {
         id: n,
-        ref: o,
+        ref: r,
         tabIndex: -1,
         className: Jn,
-        children: /* @__PURE__ */ a(ci, { style: { minHeight: "50px" }, children: ({ width: j, height: Z }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: eo, style: { width: j, height: Z }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(ci, { style: { minHeight: "50px" }, children: ({ width: j, height: Z }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: er, style: { width: j, height: Z }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
           "div",
           {
             ref: f,
@@ -2313,7 +2315,7 @@ const li = an(({ widths: t, heights: e }) => {
             },
             children: I && /* @__PURE__ */ a(I, {})
           }
-        ) : y === lo.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: le["rp-not-supported"], children: /* @__PURE__ */ $("div", { className: le["rp-not-supported-content"], children: [
+        ) : y === lr.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: le["rp-not-supported"], children: /* @__PURE__ */ $("div", { className: le["rp-not-supported-content"], children: [
           "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
           /* @__PURE__ */ a("div", { children: /* @__PURE__ */ $("ul", { children: [
             /* @__PURE__ */ a("li", { children: "Chrome 110+" }),
@@ -2326,7 +2328,7 @@ const li = an(({ widths: t, heights: e }) => {
         ] }) }) : null }) })
       }
     ) }),
-    x && /* @__PURE__ */ a(ar, {})
+    x && /* @__PURE__ */ a(io, {})
   ] });
 }, We = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2345,11 +2347,11 @@ const li = an(({ widths: t, heights: e }) => {
   const { nextIcon: t } = Pe(), { nextIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(Xe, { style: { transform: "rotate(180deg" } });
 }, mi = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = pe(), [c, l] = q(t.toString()), { pageNavigationTool: d = !0 } = Ce(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = ze(), { scrollMode: u } = Ee(), { localeMessages: T } = me();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: i } = pe(), [c, l] = q(t.toString()), { pageNavigationTool: d = !0 } = Ce(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = ze(), { scrollMode: u } = Ee(), { localeMessages: C } = me();
   M(() => {
     l(t.toString());
   }, [t]);
-  const C = E((h) => {
+  const T = E((h) => {
     const p = h.target.value;
     l(p);
   }, []), b = E(async () => {
@@ -2368,8 +2370,8 @@ const li = an(({ widths: t, heights: e }) => {
     {
       total: e,
       current: t,
-      nextPage: r,
-      prevPage: o,
+      nextPage: o,
+      prevPage: r,
       goToPage: i,
       changePage: n
     }
@@ -2378,27 +2380,27 @@ const li = an(({ widths: t, heights: e }) => {
     {
       total: e,
       current: t,
-      nextPage: r,
-      prevPage: o,
+      nextPage: o,
+      prevPage: r,
       goToPage: i,
       changePage: n
     }
   ) : /* @__PURE__ */ $("div", { className: ht["rp-paginate"], children: [
-    !m && /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.previousPageTooltip, children: /* @__PURE__ */ a(
+    !m && /* @__PURE__ */ a(Q, { content: C == null ? void 0 : C.previousPageTooltip, children: /* @__PURE__ */ a(
       we,
       {
-        onClick: o,
-        "aria-label": T == null ? void 0 : T.previousPageTooltip,
+        onClick: r,
+        "aria-label": C == null ? void 0 : C.previousPageTooltip,
         "aria-disabled": t === 1,
         children: /* @__PURE__ */ a(hi, {})
       }
     ) }),
-    /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.currentPageTooltip, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a(Q, { content: C == null ? void 0 : C.currentPageTooltip, children: /* @__PURE__ */ a(
       sn,
       {
         onKeyDown: S,
         onBlur: g,
-        onChange: C,
+        onChange: T,
         value: c,
         className: ht["rp-page-input"],
         id: "page-input",
@@ -2409,30 +2411,30 @@ const li = an(({ widths: t, heights: e }) => {
       "/",
       e
     ] }),
-    !m && /* @__PURE__ */ a(Q, { content: T == null ? void 0 : T.nextPageTooltip, children: /* @__PURE__ */ a(
+    !m && /* @__PURE__ */ a(Q, { content: C == null ? void 0 : C.nextPageTooltip, children: /* @__PURE__ */ a(
       we,
       {
-        onClick: r,
-        "aria-label": T == null ? void 0 : T.nextPageTooltip,
+        onClick: o,
+        "aria-label": C == null ? void 0 : C.nextPageTooltip,
         "aria-disabled": v,
         children: /* @__PURE__ */ a(fi, {})
       }
     ) })
   ] });
 };
-var ot = "Dialog", [En, rc] = pr(ot), [gi, he] = En(ot), Nn = (t) => {
+var rt = "Dialog", [En, oc] = po(rt), [gi, he] = En(rt), Nn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
-    open: r,
-    defaultOpen: o,
+    open: o,
+    defaultOpen: r,
     onOpenChange: i,
     modal: c = !0
-  } = t, l = X.useRef(null), d = X.useRef(null), [f, m] = fr({
-    prop: r,
-    defaultProp: o ?? !1,
+  } = t, l = X.useRef(null), d = X.useRef(null), [f, m] = fo({
+    prop: o,
+    defaultProp: r ?? !1,
     onChange: i,
-    caller: ot
+    caller: rt
   });
   return /* @__PURE__ */ a(
     gi,
@@ -2451,21 +2453,21 @@ var ot = "Dialog", [En, rc] = pr(ot), [gi, he] = En(ot), Nn = (t) => {
     }
   );
 };
-Nn.displayName = ot;
+Nn.displayName = rt;
 var On = "DialogTrigger", vi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = he(On, n), i = Pt(e, o.triggerRef);
+    const { __scopeDialog: n, ...o } = t, r = he(On, n), i = Pt(e, r.triggerRef);
     return /* @__PURE__ */ a(
       Ve.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": o.open,
-        "aria-controls": o.contentId,
-        "data-state": Lt(o.open),
-        ...r,
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": Lt(r.open),
+        ...o,
         ref: i,
-        onClick: $e(t.onClick, o.onOpenToggle)
+        onClick: $e(t.onClick, r.onOpenToggle)
       }
     );
   }
@@ -2474,53 +2476,53 @@ vi.displayName = On;
 var xt = "DialogPortal", [wi, Dn] = En(xt, {
   forceMount: void 0
 }), An = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = he(xt, e);
-  return /* @__PURE__ */ a(wi, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(yt, { present: n || i.open, children: /* @__PURE__ */ a(Tr, { asChild: !0, container: o, children: c }) })) });
+  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, i = he(xt, e);
+  return /* @__PURE__ */ a(wi, { scope: e, forceMount: n, children: X.Children.map(o, (c) => /* @__PURE__ */ a(yt, { present: n || i.open, children: /* @__PURE__ */ a(To, { asChild: !0, container: r, children: c }) })) });
 };
 An.displayName = xt;
 var Ye = "DialogOverlay", Mn = X.forwardRef(
   (t, e) => {
-    const n = Dn(Ye, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = he(Ye, t.__scopeDialog);
-    return i.modal ? /* @__PURE__ */ a(yt, { present: r || i.open, children: /* @__PURE__ */ a(bi, { ...o, ref: e }) }) : null;
+    const n = Dn(Ye, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, i = he(Ye, t.__scopeDialog);
+    return i.modal ? /* @__PURE__ */ a(yt, { present: o || i.open, children: /* @__PURE__ */ a(bi, { ...r, ref: e }) }) : null;
   }
 );
 Mn.displayName = Ye;
-var _i = mr("DialogOverlay.RemoveScroll"), bi = X.forwardRef(
+var _i = mo("DialogOverlay.RemoveScroll"), bi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = he(Ye, n);
+    const { __scopeDialog: n, ...o } = t, r = he(Ye, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(vr, { as: _i, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(vo, { as: _i, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
         Ve.div,
         {
-          "data-state": Lt(o.open),
-          ...r,
+          "data-state": Lt(r.open),
+          ...o,
           ref: e,
-          style: { pointerEvents: "auto", ...r.style }
+          style: { pointerEvents: "auto", ...o.style }
         }
       ) })
     );
   }
 ), Le = "DialogContent", zn = X.forwardRef(
   (t, e) => {
-    const n = Dn(Le, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = he(Le, t.__scopeDialog);
-    return /* @__PURE__ */ a(yt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(Ti, { ...o, ref: e }) : /* @__PURE__ */ a(Ci, { ...o, ref: e }) });
+    const n = Dn(Le, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, i = he(Le, t.__scopeDialog);
+    return /* @__PURE__ */ a(yt, { present: o || i.open, children: i.modal ? /* @__PURE__ */ a(Ti, { ...r, ref: e }) : /* @__PURE__ */ a(Ci, { ...r, ref: e }) });
   }
 );
 zn.displayName = Le;
 var Ti = X.forwardRef(
   (t, e) => {
-    const n = he(Le, t.__scopeDialog), r = X.useRef(null), o = Pt(e, n.contentRef, r);
+    const n = he(Le, t.__scopeDialog), o = X.useRef(null), r = Pt(e, n.contentRef, o);
     return X.useEffect(() => {
-      const i = r.current;
+      const i = o.current;
       if (i)
-        return wr(i);
+        return wo(i);
     }, []), /* @__PURE__ */ a(
       Fn,
       {
         ...t,
-        ref: o,
+        ref: r,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: $e(t.onCloseAutoFocus, (i) => {
@@ -2540,7 +2542,7 @@ var Ti = X.forwardRef(
   }
 ), Ci = X.forwardRef(
   (t, e) => {
-    const n = he(Le, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
+    const n = he(Le, t.__scopeDialog), o = X.useRef(!1), r = X.useRef(!1);
     return /* @__PURE__ */ a(
       Fn,
       {
@@ -2550,31 +2552,31 @@ var Ti = X.forwardRef(
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (i) => {
           var c, l;
-          (c = t.onCloseAutoFocus) == null || c.call(t, i), i.defaultPrevented || (r.current || (l = n.triggerRef.current) == null || l.focus(), i.preventDefault()), r.current = !1, o.current = !1;
+          (c = t.onCloseAutoFocus) == null || c.call(t, i), i.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), i.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (i) => {
           var d, f;
-          (d = t.onInteractOutside) == null || d.call(t, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          (d = t.onInteractOutside) == null || d.call(t, i), i.defaultPrevented || (o.current = !0, i.detail.originalEvent.type === "pointerdown" && (r.current = !0));
           const c = i.target;
-          ((f = n.triggerRef.current) == null ? void 0 : f.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+          ((f = n.triggerRef.current) == null ? void 0 : f.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && r.current && i.preventDefault();
         }
       }
     );
   }
 ), Fn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = he(Le, n), d = X.useRef(null), f = Pt(e, d);
-    return _r(), /* @__PURE__ */ $(fe, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: i, ...c } = t, l = he(Le, n), d = X.useRef(null), f = Pt(e, d);
+    return _o(), /* @__PURE__ */ $(fe, { children: [
       /* @__PURE__ */ a(
-        br,
+        bo,
         {
           asChild: !0,
           loop: !0,
-          trapped: r,
-          onMountAutoFocus: o,
+          trapped: o,
+          onMountAutoFocus: r,
           onUnmountAutoFocus: i,
           children: /* @__PURE__ */ a(
-            gr,
+            go,
             {
               role: "dialog",
               id: l.contentId,
@@ -2596,28 +2598,28 @@ var Ti = X.forwardRef(
   }
 ), Rt = "DialogTitle", kn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = he(Rt, n);
-    return /* @__PURE__ */ a(Ve.h2, { id: o.titleId, ...r, ref: e });
+    const { __scopeDialog: n, ...o } = t, r = he(Rt, n);
+    return /* @__PURE__ */ a(Ve.h2, { id: r.titleId, ...o, ref: e });
   }
 );
 kn.displayName = Rt;
 var Wn = "DialogDescription", Pi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = he(Wn, n);
-    return /* @__PURE__ */ a(Ve.p, { id: o.descriptionId, ...r, ref: e });
+    const { __scopeDialog: n, ...o } = t, r = he(Wn, n);
+    return /* @__PURE__ */ a(Ve.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
 Pi.displayName = Wn;
 var Hn = "DialogClose", $n = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = he(Hn, n);
+    const { __scopeDialog: n, ...o } = t, r = he(Hn, n);
     return /* @__PURE__ */ a(
       Ve.button,
       {
         type: "button",
-        ...r,
+        ...o,
         ref: e,
-        onClick: $e(t.onClick, () => o.onOpenChange(!1))
+        onClick: $e(t.onClick, () => r.onOpenChange(!1))
       }
     );
   }
@@ -2626,7 +2628,7 @@ $n.displayName = Hn;
 function Lt(t) {
   return t ? "open" : "closed";
 }
-var qn = "DialogTitleWarning", [ic, Gn] = hr(qn, {
+var qn = "DialogTitleWarning", [ic, Gn] = ho(qn, {
   contentName: Le,
   titleName: Rt,
   docsSlug: "dialog"
@@ -2640,12 +2642,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
 }, Si = "DialogDescriptionWarning", Ii = ({ contentRef: t, descriptionId: e }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Gn(Si).contentName}}.`;
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Gn(Si).contentName}}.`;
   return X.useEffect(() => {
     var i;
-    const o = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
-    e && o && (document.getElementById(e) || console.warn(r));
-  }, [r, t, e]), null;
+    const r = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
+    e && r && (document.getElementById(e) || console.warn(o));
+  }, [o, t, e]), null;
 }, xi = Nn, Ri = An, Li = Mn, Ei = zn, Ni = kn, Oi = $n;
 const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
@@ -2656,7 +2658,7 @@ const xe = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Di = () => {
-  const { pdfProperties: t } = oe(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Io(), { localeMessages: o } = me(), i = W(() => {
+  const { pdfProperties: t } = re(), { container: e } = be(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Sr(), { localeMessages: r } = me(), i = W(() => {
     if (!t)
       return [];
     const {
@@ -2667,41 +2669,41 @@ const xe = {
       subject: m,
       createdOn: P,
       creator: u,
-      keywords: T,
-      modifiedOn: C,
+      keywords: C,
+      modifiedOn: T,
       pdfProducer: b,
       pdfVersion: g,
       pageCount: S
     } = t;
     return [
-      { label: o == null ? void 0 : o.propertiesFilenameLabel, value: l },
-      { label: o == null ? void 0 : o.propertiesFileSizeLabel, value: c },
+      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: l },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: c },
       { separate: !0 },
-      { label: o == null ? void 0 : o.propertiesTitleLabel, value: d },
-      { label: o == null ? void 0 : o.propertiesAuthorLabel, value: f },
-      { label: o == null ? void 0 : o.propertiesSubjectLabel, value: m },
-      { label: o == null ? void 0 : o.propertiesKeywordLabel, value: T },
-      { label: o == null ? void 0 : o.propertiesCreatorLabel, value: u },
+      { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: f },
+      { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: C },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: u },
       {
-        label: o == null ? void 0 : o.propertiesCreateOnLabel,
+        label: r == null ? void 0 : r.propertiesCreateOnLabel,
         value: P ? zt(P) : ""
       },
       {
-        label: o == null ? void 0 : o.propertiesModifiedOnLabel,
-        value: C ? zt(C) : ""
+        label: r == null ? void 0 : r.propertiesModifiedOnLabel,
+        value: T ? zt(T) : ""
       },
       { separate: !0 },
-      { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: b },
-      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: g },
-      { label: o == null ? void 0 : o.propertiesPageCountLabel, value: S }
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: b },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: g },
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
-  }, [t, o]);
-  return /* @__PURE__ */ a(xi, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(Ri, { container: e, children: /* @__PURE__ */ $("div", { className: xe["rp-dialog-wrapper"], children: [
+  }, [t, r]);
+  return /* @__PURE__ */ a(xi, { open: n, onOpenChange: o, children: /* @__PURE__ */ a(Ri, { container: e, children: /* @__PURE__ */ $("div", { className: xe["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ a(Li, { className: xe["rp-dialog-overlay"] }),
     /* @__PURE__ */ $(Ei, { className: xe["rp-document-dialog"], children: [
-      /* @__PURE__ */ a(Ni, { className: xe["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ a("div", { className: xe["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ a(ko, { label: c.label, value: c.value }) }, l)) }),
-      /* @__PURE__ */ a(Oi, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ a(Cr, {}) })
+      /* @__PURE__ */ a(Ni, { className: xe["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: xe["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ a(Fr, { label: c.label, value: c.value }) }, l)) }),
+      /* @__PURE__ */ a(Oi, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ a(Co, {}) })
     ] })
   ] }) }) });
 }, Ai = {
@@ -2710,7 +2712,7 @@ const xe = {
   const n = await (await fetch(t)).blob();
   return Mi(n);
 }, Un = () => {
-  const { filename: t, pdfSrc: e } = oe(), { downloadFilename: n } = Co(), r = (i) => {
+  const { filename: t, pdfSrc: e } = re(), { downloadFilename: n } = Tr(), o = (i) => {
     const c = n || i;
     return c.endsWith(en) ? c : `${c}${en}`;
   };
@@ -2718,33 +2720,33 @@ const xe = {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const i = document.createElement("a");
-    i.href = await zi(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
+    i.href = await zi(e), i.download = o(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, Vn = () => {
   const { downloadIcon: t } = Pe(), { downloadIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(xr, {});
+  return t || e || /* @__PURE__ */ a(xo, {});
 }, Bn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Fi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Bn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Vn, {}) }) }), ki = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Qe, { onClick: t, children: /* @__PURE__ */ $(Bn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Vn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), jn = () => {
-  const { download: t } = Un(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = me(), i = o == null ? void 0 : o.downloadFileTooltip;
-  return !e || !n ? null : r ? /* @__PURE__ */ a(ki, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Fi, { download: t, localeMessages: o });
+  const { download: t } = Un(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: o } = Oe(), { localeMessages: r } = me(), i = r == null ? void 0 : r.downloadFileTooltip;
+  return !e || !n ? null : o ? /* @__PURE__ */ a(ki, { download: t, localeMessages: r }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Fi, { download: t, localeMessages: r });
 }, Kn = () => {
   const { printIcon: t } = Pe(), { printIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(Rr, {});
+  return t || e || /* @__PURE__ */ a(Ro, {});
 }, Zn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Wi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Zn, { localeMessages: e, children: /* @__PURE__ */ a(we, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Kn, {}) }) }), Hi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Qe, { onClick: t, children: /* @__PURE__ */ $(Zn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Kn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Xn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = nt(), { printTool: c = !0 } = Ce(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = me(), m = f == null ? void 0 : f.printTooltip;
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: i } = nt(), { printTool: c = !0 } = Ce(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = me(), m = f == null ? void 0 : f.printTooltip;
   return !c || !l ? null : d ? /* @__PURE__ */ a(Hi, { print: t, localeMessages: f }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
     c,
     {
       print: t,
       cancel: e,
       setOnProgress: n,
-      setOnError: o,
-      setOnComplete: r,
+      setOnError: r,
+      setOnComplete: o,
       progress: i
     }
   ) }) : typeof l == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
@@ -2753,8 +2755,8 @@ const xe = {
       print: t,
       cancel: e,
       setOnProgress: n,
-      setOnError: o,
-      setOnComplete: r,
+      setOnError: r,
+      setOnComplete: o,
       progress: i
     }
   ) }) : /* @__PURE__ */ a(Wi, { print: t, localeMessages: f });
@@ -2767,12 +2769,12 @@ const xe = {
   const { goToLastPageIcon: t } = Pe(), { goToLastPageIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(gn, {});
 }, tn = { width: "100%" }, Ui = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = pe(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = me(), c = W(() => n === 1, [n]), l = W(() => n === e, [n, e]), d = E(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = pe(), { jumpNavigationTool: o = !0 } = Ce(), { jumpNavigationTool: r = !0 } = Ne(), { localeMessages: i } = me(), c = W(() => n === 1, [n]), l = W(() => n === e, [n, e]), d = E(() => {
     t(1);
   }, [t]), f = E(() => {
     t(e);
   }, [t, e]);
-  return !r || !o ? null : /* @__PURE__ */ $(fn, { children: [
+  return !o || !r ? null : /* @__PURE__ */ $(fn, { children: [
     /* @__PURE__ */ a(Qe, { onClick: d, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.firstPageTooltip, style: tn, children: /* @__PURE__ */ $("div", { className: "rp-menu-item", "aria-disabled": c, children: [
       /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(qi, {}) }),
       /* @__PURE__ */ a("span", { children: i == null ? void 0 : i.firstPageLabel })
@@ -2784,7 +2786,7 @@ const xe = {
     /* @__PURE__ */ a(pn, {})
   ] });
 }, Vi = () => {
-  const [t, e] = q(!1), { container: n, pagesRef: r } = be(), { isSmallScreen: o } = Oe(), {
+  const [t, e] = q(!1), { container: n, pagesRef: o } = be(), { isSmallScreen: r } = Oe(), {
     openFileTool: i,
     downloadTool: c,
     documentProperties: l,
@@ -2793,8 +2795,8 @@ const xe = {
     selectionModeTool: m,
     jumpNavigationTool: P,
     printTool: u,
-    fullscreenTool: T,
-    viewModeTool: C
+    fullscreenTool: C,
+    viewModeTool: T
   } = Ce(), {
     openFileTool: b,
     downloadTool: g,
@@ -2810,18 +2812,18 @@ const xe = {
     new ResizeObserver((z) => {
       R(z[0].contentRect.height);
     })
-  ), N = W(() => P || f || m || d || l || C || o && (i || c || u || T), [
+  ), N = W(() => P || f || m || d || l || T || r && (i || c || u || C), [
     i,
     c,
     u,
-    T,
+    C,
     l,
     d,
     f,
     m,
     P,
-    o
-  ]), F = W(() => s || h || p || v || S || y || o && (b || g || w || _), [
+    r
+  ]), F = W(() => s || h || p || v || S || y || r && (b || g || w || _), [
     b,
     g,
     w,
@@ -2831,17 +2833,17 @@ const xe = {
     h,
     p,
     s,
-    o
+    r
   ]);
-  return M(() => (r && L.current.observe(r), () => {
+  return M(() => (o && L.current.observe(o), () => {
     L.current.disconnect();
-  }), [r]), !N || !F ? null : /* @__PURE__ */ $(fe, { children: [
+  }), [o]), !N || !F ? null : /* @__PURE__ */ $(fe, { children: [
     /* @__PURE__ */ a(
       un,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(we, { active: t, "aria-label": x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(ur, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(we, { active: t, "aria-label": x == null ? void 0 : x.moreOptionTooltip, children: /* @__PURE__ */ a(uo, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ $(
@@ -2851,7 +2853,7 @@ const xe = {
             className: Ai["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              o && /* @__PURE__ */ $(fn, { children: [
+              r && /* @__PURE__ */ $(fn, { children: [
                 /* @__PURE__ */ a(hn, {}),
                 /* @__PURE__ */ a(jn, {}),
                 /* @__PURE__ */ a(Xn, {}),
@@ -2859,11 +2861,11 @@ const xe = {
                 /* @__PURE__ */ a(pn, {})
               ] }),
               /* @__PURE__ */ a(Ui, {}),
-              /* @__PURE__ */ a(yr, {}),
-              /* @__PURE__ */ a(Lr, {}),
-              /* @__PURE__ */ a(Sr, {}),
-              /* @__PURE__ */ a(Ir, {}),
-              /* @__PURE__ */ a(Pr, {})
+              /* @__PURE__ */ a(yo, {}),
+              /* @__PURE__ */ a(Lo, {}),
+              /* @__PURE__ */ a(So, {}),
+              /* @__PURE__ */ a(Io, {}),
+              /* @__PURE__ */ a(Po, {})
             ]
           }
         )
@@ -2874,7 +2876,7 @@ const xe = {
 }, Bi = () => {
   const { isSmallScreen: t } = Oe();
   return /* @__PURE__ */ $(fe, { children: [
-    /* @__PURE__ */ a(dr, {}),
+    /* @__PURE__ */ a(lo, {}),
     !t && /* @__PURE__ */ $(fe, { children: [
       /* @__PURE__ */ a(hn, {}),
       /* @__PURE__ */ a(jn, {}),
@@ -2884,14 +2886,14 @@ const xe = {
     /* @__PURE__ */ a(Vi, {})
   ] });
 }, nn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = St(), { localeMessages: r } = me();
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = St(), { localeMessages: o } = me();
   return /* @__PURE__ */ $(fe, { children: [
     /* @__PURE__ */ a(
       Q,
       {
-        content: r == null ? void 0 : r.searchPrevTooltip,
+        content: o == null ? void 0 : o.searchPrevTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ a(
           Xe,
           {
             className: te["rp-search-tool-input-icon"],
@@ -2903,9 +2905,9 @@ const xe = {
     /* @__PURE__ */ a(
       Q,
       {
-        content: r == null ? void 0 : r.searchNextTooltip,
+        content: o == null ? void 0 : o.searchNextTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(we, { tabIndex: 0, onClick: e, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ a(
           Xe,
           {
             style: { transform: "rotate(180deg" },
@@ -2920,20 +2922,20 @@ const xe = {
   const { searchIcon: t } = Pe(), { searchIcon: e } = Te();
   return t || e || /* @__PURE__ */ a(vn, {});
 }, Ki = ({ icon: t }) => {
-  const { container: e } = be(), [n, r] = q(!1), { pdf: o } = oe(), [i, c] = q(null), {
+  const { container: e } = be(), [n, o] = q(!1), { pdf: r } = re(), [i, c] = q(null), {
     searchOptions: l,
     setSearchOptions: d,
     loading: f,
     setSearch: m,
     totalMatches: P,
     currentMatchPosition: u,
-    nextMatch: T,
-    prevMatch: C,
+    nextMatch: C,
+    prevMatch: T,
     search: b
   } = St(), { searchTool: g = !0 } = Ce(), { searchTool: S = !0 } = Ne(), [v, h] = q(b), { localeMessages: p } = me(), { isSmallScreen: s } = Oe(), [w, _] = q(null), [y, x] = q(!1), I = E(() => {
-    r(!0);
+    o(!0);
   }, []), R = E(() => {
-    m(""), h(""), r(!1);
+    m(""), h(""), o(!1);
   }, [m]), L = (G) => {
     const K = G.key === "Enter", Y = G.key === " ";
     (K || Y) && R();
@@ -2944,15 +2946,15 @@ const xe = {
     [n]
   ), F = E(
     (G) => {
-      G.shiftKey && G.key === "Enter" ? C() : G.key === "Enter" && b !== v ? m(v) : G.key === "Enter" && T();
+      G.shiftKey && G.key === "Enter" ? T() : G.key === "Enter" && b !== v ? m(v) : G.key === "Enter" && C();
     },
-    [v, C, T, m, b]
+    [v, T, C, m, b]
   );
   M(() => {
     h(b);
   }, [b]), M(() => {
-    b && o && x(!0);
-  }, [b, o]), M(() => {
+    b && r && x(!0);
+  }, [b, r]), M(() => {
     b && b.trim() !== "" && (h(b), m(b));
   }, []), M(() => (window.addEventListener("keydown", N), () => {
     window.removeEventListener("keydown", N);
@@ -2977,8 +2979,8 @@ const xe = {
     [d]
   );
   M(() => {
-    o && y && R();
-  }, [o, R]);
+    r && y && R();
+  }, [r, R]);
   const V = W(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), J = E(
     (G) => {
       if (G.key === "Tab") {
@@ -2989,9 +2991,9 @@ const xe = {
         });
         let ee = Y + 1;
         G.shiftKey && (ee = Y - 1);
-        const re = V[ee];
-        if (re)
-          re.focus();
+        const oe = V[ee];
+        if (oe)
+          oe.focus();
         else if (ee > V.length - 1) {
           const ie = V[0];
           ie && ie.focus();
@@ -3044,7 +3046,7 @@ const xe = {
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!v && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: D, children: /* @__PURE__ */ a(Nr, {}) })
+                    children: !!v && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: D, children: /* @__PURE__ */ a(No, {}) })
                   }
                 ) }),
                 f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(dn, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: O }),
@@ -3110,8 +3112,8 @@ const xe = {
     /* @__PURE__ */ a("button", { className: de(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Qi = tt((t, e) => {
-  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Ne(), { progress: o } = nt(), { isSmallScreen: i } = Oe(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
-    if (!(!n || !r || !c))
+  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: o = !0 } = Ne(), { progress: r } = nt(), { isSmallScreen: i } = Oe(), { percentage: c } = r || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
+    if (!(!n || !o || !c))
       return /* @__PURE__ */ a(Xi, { percentage: c });
   };
   return /* @__PURE__ */ $("div", { children: [
@@ -3120,7 +3122,7 @@ const xe = {
         /* @__PURE__ */ a(Ki, {}),
         /* @__PURE__ */ a(mi, {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ a(Er, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ a(Eo, {}) }),
       /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: We["rp-toolbar-end"], children: /* @__PURE__ */ a(Bi, {}) })
     ] }) }),
     /* @__PURE__ */ a(d, {})
@@ -3136,12 +3138,12 @@ const xe = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Yi = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = pe(), { pageRotate: i } = et(), c = k(null), l = Sn(), { pages: d } = oe(), [f, m] = q(null), P = k(!1), u = k(), T = W(() => n ? He["rp-thumbnail-active"] : "", [n]), C = W(() => ({
-    width: Math.round(r.width),
-    height: Math.round(r.height)
-  }), [r]), b = E(() => {
-    e && o(e);
-  }, [o, e]);
+  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = pe(), { pageRotate: i } = et(), c = k(null), l = Sn(), { pages: d } = re(), [f, m] = q(null), P = k(!1), u = k(), C = W(() => n ? He["rp-thumbnail-active"] : "", [n]), T = W(() => ({
+    width: Math.round(o.width),
+    height: Math.round(o.height)
+  }), [o]), b = E(() => {
+    e && r(e);
+  }, [r, e]);
   return M(() => {
     const g = d.get(e);
     u.current === g || (m(null), u.current = g);
@@ -3196,13 +3198,13 @@ const xe = {
             style: {
               transform: `rotate(${i[e || 0]}deg)`
             },
-            className: de(T, He["rp-thumbnail"]),
+            className: de(C, He["rp-thumbnail"]),
             children: f ? /* @__PURE__ */ a(
               "img",
               {
                 src: f,
-                width: C.width,
-                height: C.height,
+                width: T.width,
+                height: T.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ a(
@@ -3210,8 +3212,8 @@ const xe = {
               {
                 className: He["rp-thumbnail-loader"],
                 style: {
-                  width: `${C.width}px`,
-                  height: `${C.height}px`
+                  width: `${T.width}px`,
+                  height: `${T.height}px`
                 },
                 children: /* @__PURE__ */ a(dn, {})
               }
@@ -3222,40 +3224,40 @@ const xe = {
       ]
     }
   );
-}, on = {
+}, rn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
 }, Ji = 16, ea = (t, e) => {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Ji);
 }, ta = tt((t, e) => {
-  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = pe(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Cn(), m = k(null), P = k(1);
-  rn(e, () => m.current);
-  const u = W(() => Object.values(c), [c]), T = E(() => {
-    const C = d + 1;
-    C <= i && l(C);
+  const { show: n, width: o } = t, { focusedPage: r, totalPages: i } = pe(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = Cn(), m = k(null), P = k(1);
+  on(e, () => m.current);
+  const u = W(() => Object.values(c), [c]), C = E(() => {
+    const T = d + 1;
+    T <= i && l(T);
   }, [l, i, d]);
   return M(() => {
-    o > d && i > d ? f(o) : n && P.current !== o && (ea(m.current, o), P.current = o);
-  }, [o, d, f, n, u]), Wo(m.current, T), /* @__PURE__ */ a("div", { ref: m, className: on["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: on["rp-thumbnails"], children: n ? u.map((C, b) => {
+    r > d && i > d ? f(r) : n && P.current !== r && (ea(m.current, r), P.current = r);
+  }, [r, d, f, n, u]), kr(m.current, C), /* @__PURE__ */ a("div", { ref: m, className: rn["rp-thumbnails-container"], style: { width: o }, children: /* @__PURE__ */ a("div", { className: rn["rp-thumbnails"], children: n ? u.map((T, b) => {
     var g, S;
     return /* @__PURE__ */ a(
       Yi,
       {
-        isFocused: o === ((g = C.page) == null ? void 0 : g.pageNumber),
-        pageNumber: (S = C.page) == null ? void 0 : S.pageNumber,
-        loading: C.loading,
-        viewport: C.viewport,
-        defaultRotation: C.defaultRotation
+        isFocused: r === ((g = T.page) == null ? void 0 : g.pageNumber),
+        pageNumber: (S = T.page) == null ? void 0 : S.pageNumber,
+        loading: T.loading,
+        viewport: T.viewport,
+        defaultRotation: T.defaultRotation
       },
       b
     );
   }) : null }) });
 }), na = () => {
   const { thumbnailIcon: t } = Pe(), { thumbnailIcon: e } = Te();
-  return t || e || /* @__PURE__ */ a(Ro, {});
-}, oa = () => {
-  const { active: t, setActive: e } = Cn(), [n, r] = q(Ho), o = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Ce(), { localeMessages: d } = me(), f = E(() => {
+  return t || e || /* @__PURE__ */ a(xr, {});
+}, ra = () => {
+  const { active: t, setActive: e } = Cn(), [n, o] = q(Wr), r = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Ce(), { localeMessages: d } = me(), f = E(() => {
     e((P) => !P);
   }, []), m = W(() => typeof c != "boolean" && c ? /* @__PURE__ */ a(c, { onClick: f, active: t }) : c ? /* @__PURE__ */ a(Q, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ a(
     we,
@@ -3281,12 +3283,12 @@ const xe = {
             hidden: !t,
             className: ft["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ a(ta, { show: t, ref: o }),
+              /* @__PURE__ */ a(ta, { show: t, ref: r }),
               /* @__PURE__ */ a(
-                Oo,
+                Nr,
                 {
-                  onWidthChange: r,
-                  thumbnailRef: o,
+                  onWidthChange: o,
+                  thumbnailRef: r,
                   leftSidebarRef: i
                 }
               )
@@ -3296,23 +3298,23 @@ const xe = {
       ]
     }
   ) });
-}, ac = so((t, e) => {
+}, ac = sr((t, e) => {
   const {
     children: n,
-    slots: r,
-    icons: o,
+    slots: o,
+    icons: r,
     style: i,
     className: c,
     mobileWidth: l,
     onLoaded: d,
     cleanupOnLoaded: f,
     onLayoutWidthChange: m
-  } = t, [P, u] = q(null), { setContainer: T, setContentRef: C } = be(), { loading: b } = oe(), { LoaderImageComponent: g } = bt();
+  } = t, [P, u] = q(null), { setContainer: C, setContentRef: T } = be(), { loading: b } = re(), { LoaderImageComponent: g } = bt();
   return M(() => (d && d(), () => {
     f && f();
   }), [d, f]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ a(Ln, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Eo, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(No, { slots: r, children: /* @__PURE__ */ a(Fo, { icons: o, children: /* @__PURE__ */ $(Lo, { getContainerRef: T, style: i, className: c, children: [
-    /* @__PURE__ */ $(Do, { children: [
+  /* @__PURE__ */ a(Ln, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Lr, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Er, { slots: o, children: /* @__PURE__ */ a(zr, { icons: r, children: /* @__PURE__ */ $(Rr, { getContainerRef: C, style: i, className: c, children: [
+    /* @__PURE__ */ $(Or, { children: [
       /* @__PURE__ */ $("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ a(
           Qi,
@@ -3321,11 +3323,11 @@ const xe = {
           }
         ),
         /* @__PURE__ */ $("div", { className: _e["rp-content"], children: [
-          /* @__PURE__ */ a("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ a(oa, {}) }),
-          /* @__PURE__ */ a("div", { ref: C, className: _e["rp-pages"], children: n })
+          /* @__PURE__ */ a("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ a(ra, {}) }),
+          /* @__PURE__ */ a("div", { ref: T, className: _e["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ a(zo, {})
+      /* @__PURE__ */ a(Mr, {})
     ] }),
     b ? /* @__PURE__ */ a(
       "div",
@@ -3369,10 +3371,10 @@ export {
   yn as B,
   Sn as C,
   Di as D,
-  zr as E,
-  Wr as F,
-  qr as G,
-  Ur as H,
+  zo as E,
+  Wo as F,
+  qo as G,
+  Uo as H,
   It as I,
   ai as J,
   li as K,
@@ -3382,7 +3384,7 @@ export {
   jn as O,
   Ys as P,
   Xn as Q,
-  oc as R,
+  rc as R,
   Ki as S,
   ec as T,
   Ui as U,
@@ -3390,7 +3392,7 @@ export {
   nn as W,
   Qi as X,
   Yi as Y,
-  oa as Z,
+  ra as Z,
   ac as a,
   Un as b,
   nt as c,
@@ -3409,12 +3411,12 @@ export {
   Ai as p,
   $i as q,
   wn as r,
-  Or as s,
+  Oo as s,
   _n as t,
   pe as u,
-  Dr as v,
+  Do as v,
   bn as w,
-  Ar as x,
+  Ao as x,
   Tn as y,
-  Mr as z
+  Mo as z
 };