@pdf-viewer/react 1.8.0-beta.5 → 1.8.0-beta.7

package/dist/{RPDefaultLayout-c962c0b0.js → RPDefaultLayout-2cca5d34.js}

@@ -1,103 +1,103 @@
 import { jsx as i, Fragment as fe, jsxs as W } from "react/jsx-runtime";
 import * as B from "react";
-import { useRef as H, useEffect as F, useCallback as N, useState as $, useMemo as k, createContext as Ye, useContext as Je, forwardRef as $e, useImperativeHandle as cn, createElement as qe, PureComponent as Qn, Component as er, memo as ln } from "react";
+import { useRef as H, useEffect as F, useCallback as N, useState as $, useMemo as k, createContext as Ye, useContext as Je, forwardRef as $e, useImperativeHandle as cn, createElement as qe, PureComponent as er, Component as tr, memo as ln } from "react";
 import { ChevronUpIcon as He } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as re } from "./components/ui/Button.js";
 import { UIInput as dn } from "./components/ui/Input.js";
-import { ViewMode as Re, ScrollMode as Q, AnnotationSubType as Dt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
+import { ViewMode as Re, ScrollMode as Q, AnnotationSubType as Dt, SelectionMode as nr, ZoomLevel as at } from "./utils/types.js";
 import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as ee } from "./contexts/RPDocumentContext.js";
-import { useDocumentPasswordContext as nr } from "./contexts/DocumentPasswordContext.js";
-import { useDarkModeContext as rr } from "./contexts/DarkModeContext.js";
+import { useDocumentPasswordContext as rr } from "./contexts/DocumentPasswordContext.js";
+import { useDarkModeContext as or } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
-import { useLayerContext as or } from "./contexts/LayerContext.js";
+import { useLayerContext as ir } from "./contexts/LayerContext.js";
 import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
 import { useViewModeContext as Ne } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as un } from "./contexts/VirtualGridContext.js";
-import { useSelectionModeContext as ir } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as ar } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as sr } from "./contexts/FullScreenContext.js";
+import { useSelectionModeContext as ar } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as sr } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as cr } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
 import { renderPage as vt } from "./utils/renderPage.js";
-import { findMatches as cr, resetDivs as lr, highlightMatches as dr, isMatchEntireWord as ur } from "./utils/highlight.js";
+import { findMatches as lr, resetDivs as dr, highlightMatches as ur, isMatchEntireWord as pr } from "./utils/highlight.js";
 import { useLayoutContainer as me } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as Ge } from "./contexts/DimensionPagesContext.js";
 import { useLocalizationContext as ae } from "./contexts/LocalizationContext.js";
-import { useHighlightContext as pr } from "./contexts/HighlightContext.js";
+import { useHighlightContext as hr } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
-import { useDownloadContext as hr } from "./contexts/DownloadContext.js";
+import { useDownloadContext as fr } from "./contexts/DownloadContext.js";
 import { useSmoothScrollContext as pn } from "./contexts/SmoothScrollContext.js";
 import "./contexts/ElementPageContext.js";
 import { usePagesRotateContext as Ue } from "./contexts/PagesRotateContext.js";
 import { useLoaderContext as hn } from "./contexts/LoaderContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as fr } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as mr } from "./components/icons/Thumbnail.js";
 import { c as ne } from "./clsx-0c6e471a.js";
 import { LoaderIcon as Ct } from "./components/icons/LoaderIcon.js";
-import { useInfiniteScroll as mr } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as gr } from "./components/layout/sidebar/RPSplitter.js";
-import { useToolbarComponentContext as ge, ToolbarComponentProvider as vr } from "./contexts/ToolbarComponentContext.js";
-import { useIconContext as ue, IconProvider as wr } from "./contexts/IconContext.js";
+import { useInfiniteScroll as gr } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as vr } from "./components/layout/sidebar/RPSplitter.js";
+import { useToolbarComponentContext as ge, ToolbarComponentProvider as wr } from "./contexts/ToolbarComponentContext.js";
+import { useIconContext as ue, IconProvider as _r } from "./contexts/IconContext.js";
 import K from "./components/ui/RPTooltip.js";
-import { Container as _r } from "./components/layout/Container.js";
-import { WrapperLayout as br } from "./components/layout/WrapperLayout.js";
-import { RPDropFileZone as Cr } from "./components/RPDropFileZone.js";
-import { useViewportContext as Pe, ViewportProvider as Pr } from "./contexts/ViewportContext.js";
-import { useThemeContext as Tr } from "./contexts/ThemeContext.js";
-import * as Sr from "pdfjs-dist";
-import { PixelsPerInch as yr, AnnotationMode as xr, RenderingCancelledException as Ir, AnnotationLayer as Rr } from "pdfjs-dist";
-import { SimpleLinkService as Lr } from "./utils/link_service.js";
-import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as At, handleAnnotationWidget as Or, handleAnnotationLink as zr, bindLayerEvents as Dr, unbindLayerEvents as Ft } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Ar, sortHighlightPosition as Fr, unwrap as Wr } from "./components/page/searchHighlight.js";
-import { CustomElement as kr } from "./components/page/CustomElement.js";
-import { _ as Mr, U as Hr } from "./Popover-1faa77f6.js";
-import { useMousePressed as $r } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as Gr } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as Ur } from "./utils/hooks/usePinch.js";
+import { Container as br } from "./components/layout/Container.js";
+import { WrapperLayout as Cr } from "./components/layout/WrapperLayout.js";
+import { RPDropFileZone as Pr } from "./components/RPDropFileZone.js";
+import { useViewportContext as Pe, ViewportProvider as Tr } from "./contexts/ViewportContext.js";
+import { useThemeContext as Sr } from "./contexts/ThemeContext.js";
+import * as yr from "pdfjs-dist";
+import { PixelsPerInch as xr, AnnotationMode as Ir, RenderingCancelledException as Rr, AnnotationLayer as Lr } from "pdfjs-dist";
+import { SimpleLinkService as Er } from "./utils/link_service.js";
+import { annotationsEvents as Nr, annotationEventsHandler as Or, handleClick as At, handleAnnotationWidget as zr, handleAnnotationLink as Dr, bindLayerEvents as Ar, unbindLayerEvents as Ft } from "./utils/annotations.js";
+import { normalizeSingleKeyword as Fr, sortHighlightPosition as Wr, unwrap as kr } from "./components/page/searchHighlight.js";
+import { CustomElement as Mr } from "./components/page/CustomElement.js";
+import { _ as Hr, U as $r } from "./Popover-1faa77f6.js";
+import { useMousePressed as Gr } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as Ur } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as Vr } from "./utils/hooks/usePinch.js";
 import { useDebounce as Pt } from "./utils/hooks/useDebounce.js";
-import Vr from "./components/ui/PasswordModal.js";
-import { getPositionFromPage as qr, getPageFromPosition as Br } from "./utils/calculatePage.js";
+import qr from "./components/ui/PasswordModal.js";
+import { getPositionFromPage as Br, getPageFromPosition as Zr } from "./utils/calculatePage.js";
 import { getScrollDistance as Ae } from "./utils/getScrollDistance.js";
-import { getWordPositionInPage as Zr } from "./utils/getWordPositionInPage.js";
+import { getWordPositionInPage as jr } from "./utils/getWordPositionInPage.js";
 import { getThumbnailViewport as Wt } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as st } from "./utils/smoothScrollTo.js";
-import { appConsole as jr } from "./utils/appConsole.js";
+import { appConsole as Kr } from "./utils/appConsole.js";
 import { FileUploadTool as fn } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as Kr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as Xr } from "./components/icons/ThreeDotIcon.js";
+import { DarkModeTool as Xr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Yr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as mn } from "./components/ui/DropDown.js";
-import { e as Yr, a as Tt, P as Ve, c as Me, g as St, i as Jr, k as Qr, f as eo } from "./index-1cb41342.js";
-import { D as to, u as ct } from "./index-aa2d3884.js";
-import { a as no, u as ro, F as oo, b as io, G as Ke } from "./index-7279fb4e.js";
-import { h as ao } from "./component-1da194e8.js";
-import { CloseIcon as so } from "./components/icons/CloseIcon.js";
+import { e as Jr, a as Tt, P as Ve, c as Me, g as St, i as Qr, k as eo, f as to } from "./index-1cb41342.js";
+import { D as no, u as ct } from "./index-aa2d3884.js";
+import { a as ro, u as oo, F as io, b as ao, G as Ke } from "./index-7279fb4e.js";
+import { h as so } from "./component-1da194e8.js";
+import { CloseIcon as co } from "./components/icons/CloseIcon.js";
 import { dateFormatter as kt } from "./utils/dateFormatter.js";
-import { PropertyItem as co } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as lo, OtherToolProvider as uo } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as po } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as ho } from "./components/layout/toolbar/RotateTool.js";
-import { ViewModeTool as fo } from "./components/layout/toolbar/ViewModeTool.js";
-import { ScrollModeTool as mo } from "./components/layout/toolbar/ScrollModeTool.js";
+import { PropertyItem as lo } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as uo, OtherToolProvider as po } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as ho } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as fo } from "./components/layout/toolbar/RotateTool.js";
+import { ViewModeTool as mo } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as go } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as yt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as go } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as vo } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as Ce } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as vo } from "./components/icons/PrintDefaultIcon.js";
+import { PrintDefaultTool as wo } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as gn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as vn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as wo } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as _o } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as bo } from "./components/icons/ZoomOutIcon.js";
+import { SelectionModeTool as _o } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as bo } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as Co } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as Mt } from "./utils/constants.js";
-import { getZoomLevel as Co } from "./utils/getZoomLevel.js";
-import { SearchIcon as Po } from "./components/icons/SearchIcon.js";
+import { getZoomLevel as Po } from "./utils/getZoomLevel.js";
+import { SearchIcon as To } from "./components/icons/SearchIcon.js";
 import { c as J, S as Ht } from "./SearchCloseButton-ddb9877e.js";
 import { UICheckbox as $t } from "./components/ui/Checkbox.js";
-import { ClearIcon as To } from "./components/icons/ClearIcon.js";
+import { ClearIcon as So } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const wn = () => {
-  const { viewMode: t } = Ne(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: u } = Ge(), m = H(e), v = H(t), p = H(c), { targetScrollPage: w } = pn();
+  const { viewMode: t } = Ne(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: u, heights: d } = Ge(), m = H(e), v = H(t), p = H(c), { targetScrollPage: w } = pn();
   F(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), F(() => {
@@ -110,7 +110,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       const h = Math.ceil(b / 2) * 2 - 1;
       if (b === h + 1) {
         const g = {
-          left: d[h],
+          left: u[h],
           top: 0
         };
         return new Promise(
@@ -126,7 +126,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
         behavior: T
       });
     },
-    [r, d, st]
+    [r, u, st]
   );
   return F(() => {
     m.current = e, v.current = t;
@@ -151,7 +151,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       if (w.current = b, m.current === Q.HORIZONTAL_SCROLLING) {
         g = h;
         const S = {
-          left: Ae(d, g),
+          left: Ae(u, g),
           top: 0
         };
         return s.scrollTo({
@@ -162,8 +162,8 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       if (v.current === Re.DUAL_PAGE) {
         g = h % 2, f = Math.floor(h / 2);
         const S = {
-          left: Ae(d, g),
-          top: Ae(u, f)
+          left: Ae(u, g),
+          top: Ae(d, f)
         };
         return s.scrollTo({
           ...S,
@@ -172,7 +172,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       }
       const C = {
         left: 0,
-        top: Ae(u, f)
+        top: Ae(d, f)
       };
       return s.scrollTo({
         ...C,
@@ -185,12 +185,12 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       P,
       a,
       st,
-      u,
-      d
+      d,
+      u
     ]
   ) };
-}, So = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ne(), { scrollMode: d } = Ee(), { widths: u } = Ge(), { pagesRef: m } = me(), v = Pt(e, 100), p = N(
+}, yo = (t = 1) => {
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ne(), { scrollMode: u } = Ee(), { widths: d } = Ge(), { pagesRef: m } = me(), v = Pt(e, 100), p = N(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: l.current };
@@ -208,17 +208,17 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     const g = f % 2 === 1;
     if (!m || g)
       return !1;
-    const s = g ? u[f] : u[f - 1], C = g ? u[f + 1] : u[f];
+    const s = g ? d[f] : d[f - 1], C = g ? d[f + 1] : d[f];
     return c === Re.DUAL_PAGE && s + C < m.clientWidth;
-  }, [c, u, m, o]), b = N(() => {
+  }, [c, d, m, o]), b = N(() => {
     let f = e - 1;
     y(f) && (f = e - 2), P(f);
-  }, [P, e, c, d, y]), T = k(() => c === Re.DUAL_PAGE && d === Q.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), h = N(() => {
+  }, [P, e, c, u, y]), T = k(() => c === Re.DUAL_PAGE && u === Q.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, u]), h = N(() => {
     if (T)
       return;
     let f = e + 1;
     y(f) && (f = e + 2), P(f);
-  }, [P, e, y, c, d, T]);
+  }, [P, e, y, c, u, T]);
   return {
     focusedPage: v,
     totalPages: o,
@@ -242,9 +242,9 @@ import './assets/RPDefaultLayout.css';const wn = () => {
   }
 }), ie = () => {
   const t = Je(_n);
-  return typeof (t == null ? void 0 : t.focusedPage) > "u" && jr.error("Please use this hooks inside children component of RPProvider"), t;
+  return typeof (t == null ? void 0 : t.focusedPage) > "u" && Kr.error("Please use this hooks inside children component of RPProvider"), t;
 }, Gs = ({ children: t }) => {
-  const { pdf: e } = ee(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: c, prevPage: d } = So();
+  const { pdf: e } = ee(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: c, prevPage: u } = yo();
   return F(() => {
     e != null && e.numPages && (a(e.numPages), r(1));
   }, [e, a, r]), /* @__PURE__ */ i(
@@ -256,19 +256,19 @@ import './assets/RPDefaultLayout.css';const wn = () => {
         setFocusedPage: r,
         setTotalPages: a,
         nextPage: c,
-        prevPage: d,
+        prevPage: u,
         goToPage: l
       },
       children: t
     }
   );
 };
-const yo = () => {
+const xo = () => {
   const { pdf: t, pages: e } = ee(), [n, o] = $({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [l, c] = $(!1), [d, u] = $(null), m = H(!1);
+  }), [r, a] = $(!1), [l, c] = $(!1), [u, d] = $(null), m = H(!1);
   F(() => {
     m.current;
   }, [m]);
@@ -277,7 +277,7 @@ const yo = () => {
     const f = document.querySelector(".rp-print-zone");
     f && f.remove();
   }, []), p = N(() => {
-    m.current = !1, a(!1), c(!1), u(null), o({
+    m.current = !1, a(!1), c(!1), d(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
@@ -297,7 +297,7 @@ const yo = () => {
       p();
       return;
     }
-    const x = _ / yr.PDF;
+    const x = _ / xr.PDF;
     f.width = Math.floor(C.width * x), f.height = Math.floor(C.height * x);
     const R = f.getContext("2d");
     R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, f.width, f.height), R.restore();
@@ -314,14 +314,14 @@ const yo = () => {
       transform: [x, 0, 0, x, 0, 0],
       viewport: z.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
-      annotationMode: xr.ENABLE_STORAGE,
+      annotationMode: Ir.ENABLE_STORAGE,
       optionalContentConfigPromise: S,
       printAnnotationStorage: D
     };
     try {
       return z.render(A).promise;
     } catch (L) {
-      throw L instanceof Ir || console.error(L), L;
+      throw L instanceof Rr || console.error(L), L;
     }
   }, y = N(() => {
     const f = window.print;
@@ -403,7 +403,7 @@ const yo = () => {
       const E = T(g, e);
       document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
     } catch (s) {
-      c(!0), s instanceof Error && u(s);
+      c(!0), s instanceof Error && d(s);
     } finally {
       f.height = 0, f.width = 0;
     }
@@ -421,7 +421,7 @@ const yo = () => {
     progress: n,
     isComplete: r,
     isError: l,
-    error: d
+    error: u
   };
 }, bn = Ye({
   print: () => {
@@ -441,7 +441,7 @@ const yo = () => {
     }
   }
 }), Us = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: u, error: m } = yo(), v = N((b) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: u, isError: d, error: m } = xo(), v = N((b) => {
     b && typeof b == "function" && r(() => b);
   }, []), p = (b) => {
     m && b(m);
@@ -452,12 +452,12 @@ const yo = () => {
     [c, e]
   );
   F(() => {
-    d && o && P();
-  }, [d, o]), F(() => {
-    u && p((b) => {
+    u && o && P();
+  }, [u, o]), F(() => {
+    d && p((b) => {
       console.error(b);
     });
-  }, [u]), F(() => {
+  }, [d]), F(() => {
     c && e && e(c);
   }, [c, e]);
   const P = () => {
@@ -476,12 +476,12 @@ const yo = () => {
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, xo = () => {
+}, Io = () => {
   const [t, e] = $({}), { pages: n } = ee(), o = k(() => Object.keys(t).length, [t]), r = N(
     (l) => {
       if (!n.size)
         return;
-      const c = l > n.size ? n.size : l, d = Array.from(n.values()).slice(0, c).map((v) => {
+      const c = l > n.size ? n.size : l, u = Array.from(n.values()).slice(0, c).map((v) => {
         const { thumbnailViewport: p, scale: w } = Wt(v.page, v.defaultRotation);
         return {
           scale: w,
@@ -490,10 +490,10 @@ const yo = () => {
           viewport: p,
           defaultRotation: v.defaultRotation
         };
-      }), u = d.reduce((v, p) => (v[p.page.pageNumber] = p, v), {});
-      e(u);
+      }), d = u.reduce((v, p) => (v[p.page.pageNumber] = p, v), {});
+      e(d);
       const m = [];
-      for (const v of d) {
+      for (const v of u) {
         const p = document.createElement("canvas"), w = vt(v.page, p, {
           scale: v.scale,
           rotate: v.defaultRotation
@@ -529,8 +529,8 @@ const yo = () => {
       const c = n.get(l);
       if (!c)
         return;
-      e((u) => ({
-        ...u,
+      e((d) => ({
+        ...d,
         [l]: {
           loading: !0,
           page: c.page,
@@ -539,22 +539,22 @@ const yo = () => {
           defaultRotation: c.defaultRotation
         }
       }));
-      const d = document.createElement("canvas");
-      vt(c.page, d, {
+      const u = document.createElement("canvas");
+      vt(c.page, u, {
         scale: c.thumbnailScale,
         rotate: c.defaultRotation
       }).promise.then(() => {
-        const u = d.toDataURL(), { thumbnailViewport: m, scale: v } = Wt(c.page);
+        const d = u.toDataURL(), { thumbnailViewport: m, scale: v } = Wt(c.page);
         return {
           scale: v,
-          thumbnailSrc: u,
+          thumbnailSrc: d,
           page: c.page,
           loading: !1,
           viewport: m,
           defaultRotation: c.defaultRotation
         };
-      }).then((u) => {
-        e((m) => ({ ...m, [l]: u }));
+      }).then((d) => {
+        e((m) => ({ ...m, [l]: d }));
       });
     },
     [n]
@@ -574,7 +574,7 @@ const yo = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = xo(), [l, c] = $(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = Io(), [l, c] = $(e);
   return /* @__PURE__ */ i(
     Cn.Provider,
     {
@@ -582,8 +582,8 @@ const yo = () => {
       children: t
     }
   );
-}, Io = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = ee(), { widths: d, heights: u } = Ge(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: P } = ie(), { columnCount: y } = Ne(), { pageRotate: b } = Ue(), [T, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Ee(), { pagesRef: C } = me(), [_, S] = $(null), E = H({}), x = k(() => T === 0 ? null : p[T - 1], [T, p]), R = k(() => p.length, [p]);
+}, Ro = (t = {}, e = "") => {
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = ee(), { widths: u, heights: d } = Ge(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: P } = ie(), { columnCount: y } = Ne(), { pageRotate: b } = Ue(), [T, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Ee(), { pagesRef: C } = me(), [_, S] = $(null), E = H({}), x = k(() => T === 0 ? null : p[T - 1], [T, p]), R = k(() => p.length, [p]);
   F(() => {
     if (!x || !c)
       return;
@@ -596,16 +596,16 @@ const yo = () => {
     let O = 0, M = 0;
     if (s === Q.VERTICAL_SCROLLING) {
       const le = x.page - 1, Y = y, Fe = le % Y, we = Math.floor(le / Y);
-      O = Ae(u, we), M = Ae(d, Fe);
+      O = Ae(d, we), M = Ae(u, Fe);
     }
-    s === Q.HORIZONTAL_SCROLLING && (M = d.slice(0, x.page - 1).reduce((le, Y) => le + Y, 0));
+    s === Q.HORIZONTAL_SCROLLING && (M = u.slice(0, x.page - 1).reduce((le, Y) => le + Y, 0));
     const G = {
-      height: u[x.page - 1],
-      width: d[x.page - 1]
+      height: d[x.page - 1],
+      width: u[x.page - 1]
     }, Z = {
       top: G.height / 2,
       left: G.width / 2
-    }, j = b[x.page], { leftInPage: q, topInPage: te } = Zr(
+    }, j = b[x.page], { leftInPage: q, topInPage: te } = jr(
       G,
       Z,
       x.rect,
@@ -622,8 +622,8 @@ const yo = () => {
   }, [
     c,
     P,
-    d,
     u,
+    d,
     x,
     s,
     g,
@@ -654,7 +654,7 @@ const yo = () => {
     m.current = !1, a(!0), w([]), h(0), A(l).then((L) => {
       E.current = L;
       const O = Object.keys(L).reduce((M, G) => {
-        const Z = cr(
+        const Z = lr(
           [n],
           L[G],
           Number(G) - 1,
@@ -706,14 +706,14 @@ const yo = () => {
     setSearch: a,
     totalMatches: l,
     currentMatchPosition: c,
-    currentMatch: d,
-    search: u,
+    currentMatch: u,
+    search: d,
     matches: m,
     nextMatch: v,
     prevMatch: p,
     currentMatchElement: w,
     setCurrentMatchElement: P
-  } = Io(n, e);
+  } = Ro(n, e);
   return /* @__PURE__ */ i(
     Tn.Provider,
     {
@@ -724,10 +724,10 @@ const yo = () => {
         setSearch: a,
         totalMatches: l,
         currentMatchPosition: c,
-        currentMatch: d,
+        currentMatch: u,
         nextMatch: v,
         prevMatch: p,
-        search: u,
+        search: d,
         matches: m,
         currentMatchElement: w,
         setCurrentMatchElement: P
@@ -736,30 +736,30 @@ const yo = () => {
     }
   );
 }, xt = () => Je(Tn), de = {
-  "rp-pages": "_rp-pages_1776r_1",
-  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1776r_7",
-  "rp-pages-container": "_rp-pages-container_1776r_11",
-  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1776r_17",
-  "rp-viewer": "_rp-viewer_1776r_22",
-  "rp-cursor-grab": "_rp-cursor-grab_1776r_27",
-  "rp-cursor-grabbing": "_rp-cursor-grabbing_1776r_35",
-  "rp-loader": "_rp-loader_1776r_43"
+  "rp-pages": "_rp-pages_17t6t_1",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_17t6t_7",
+  "rp-pages-container": "_rp-pages-container_17t6t_11",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_17t6t_48",
+  "rp-viewer": "_rp-viewer_17t6t_53",
+  "rp-cursor-grab": "_rp-cursor-grab_17t6t_58",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_17t6t_66",
+  "rp-loader": "_rp-loader_17t6t_74"
 }, lt = {
   "rp-page-wrapper": "_rp-page-wrapper_14ohm_1",
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
-}, Ro = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = H(null), { pages: a } = ee(), { pageRotate: l } = Ue(), c = H(), { currentZoom: d } = Qe();
+}, Lo = (t) => {
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = H(null), { pages: a } = ee(), { pageRotate: l } = Ue(), c = H(), { currentZoom: u } = Qe();
   return F(() => {
-    if (!a || d === 0)
+    if (!a || u === 0)
       return;
-    const u = a.get(e);
-    if (r.current && u) {
+    const d = a.get(e);
+    if (r.current && d) {
       const m = r.current;
       m.hidden = !0;
       const v = c.current;
-      v && v.cancel(), o && o(), c.current = vt(u.page, m, {
-        scale: d,
+      v && v.cancel(), o && o(), c.current = vt(d.page, m, {
+        scale: u,
         rotate: l[e],
         renderForms: !0
       }), c.current.promise.then(() => {
@@ -773,22 +773,22 @@ const yo = () => {
       var m;
       (m = c.current) == null || m.cancel();
     };
-  }, [a, e, l, d, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
-}, Lo = "_selecting_usdup_9", pe = {
+  }, [a, e, l, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
+}, Eo = "_selecting_usdup_9", pe = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
-  selecting: Lo,
+  selecting: Eo,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
-}, Eo = (t) => {
-  const { pageNumber: e } = t, { pages: n } = ee(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [c, d] = $(
+}, No = (t) => {
+  const { pageNumber: e } = t, { pages: n } = ee(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [c, u] = $(
     []
-  ), u = H(), m = H(), v = H([]), p = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), w = N(
+  ), d = H(), m = H(), v = H([]), p = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), w = N(
     (f, g, s = !1) => {
-      if (s && lr(f, g), !p.length) {
-        v.current = [], d([]);
+      if (s && dr(f, g), !p.length) {
+        v.current = [], u([]);
         return;
       }
-      const C = dr(p, f, g);
-      d(C);
+      const C = ur(p, f, g);
+      u(C);
     },
     [p]
   ), P = H(), y = H(!1), b = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
@@ -892,33 +892,33 @@ const yo = () => {
     if (!f || !o.current)
       return;
     const g = o.current;
-    return u.current && u.current.cancel(), f.page.getTextContent().then((s) => {
+    return d.current && d.current.cancel(), f.page.getTextContent().then((s) => {
       const C = f.page.getViewport({ scale: 1 });
-      return u.current = new Sr.TextLayer({
+      return d.current = new yr.TextLayer({
         viewport: C,
         textContentSource: s,
         container: g
-      }), m.current = s, g && (g.innerText = ""), u.current.render();
+      }), m.current = s, g && (g.innerText = ""), d.current.render();
     }).then(() => {
       var S, E;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(pe["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const C = (S = u.current) == null ? void 0 : S.textDivs;
+      const C = (S = d.current) == null ? void 0 : S.textDivs;
       C && m.current && w(m.current, C);
       const _ = document.createElement("div");
       _.className = "endOfContent", (E = o.current) == null || E.appendChild(_);
     }).catch(() => {
     }), () => {
       var s;
-      (s = u.current) == null || s.cancel();
+      (s = d.current) == null || s.cancel();
     };
   }, [n, e]), F(() => {
     var s;
     [].slice.call(o.current.children).forEach((C) => {
       C.classList.add(pe["rp-text-layer-text"]);
     });
-    const g = (s = u.current) == null ? void 0 : s.textDivs;
+    const g = (s = d.current) == null ? void 0 : s.textDivs;
     g && m.current && w(m.current, g, !0);
   }, [w]), /* @__PURE__ */ i(
     "div",
@@ -930,12 +930,12 @@ const yo = () => {
       onMouseUp: h
     }
   );
-}, No = {
+}, Oo = {
   "rp-annotation-layer": "_rp-annotation-layer_1udza_1"
 };
-let Oo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const zo = (t) => {
-  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = ee(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: u } = ie(), { scrollMode: m } = Ee(), { print: v } = tt(), { download: p } = $n(), w = k(() => o.get(e), [o, e]), P = k(() => w == null ? void 0 : w.page.getViewport(), [w]);
+let zo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Do = (t) => {
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = ee(), a = H(), [l, c] = $(), { setFocusedPage: u, goToPage: d } = ie(), { scrollMode: m } = Ee(), { print: v } = tt(), { download: p } = Gn(), w = k(() => o.get(e), [o, e]), P = k(() => w == null ? void 0 : w.page.getViewport(), [w]);
   F(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), F(() => {
@@ -945,12 +945,12 @@ const zo = (t) => {
   }, [w]);
   const y = N(
     (b) => {
-      !l || !r || (Er(b), Nr(b, r, l).then((T) => {
+      !l || !r || (Nr(b), Or(b, r, l).then((T) => {
         var h, f;
         ((h = T == null ? void 0 : T.data) == null ? void 0 : h.action) === "Print" ? v() : ((f = T == null ? void 0 : T.data) == null ? void 0 : f.action) === "SaveAs" && p();
-      }), m === Q.PAGE_SCROLLING ? At(b, l, r, (T) => d(T.pageIndex + 1)) : At(b, l, r, (T) => u(T.pageIndex + 1)));
+      }), m === Q.PAGE_SCROLLING ? At(b, l, r, (T) => u(T.pageIndex + 1)) : At(b, l, r, (T) => d(T.pageIndex + 1)));
     },
-    [r, l, u, d, m, v, p]
+    [r, l, d, u, m, v, p]
   );
   return F(() => {
     if (!w || !l)
@@ -967,17 +967,17 @@ const zo = (t) => {
       const { annotationType: s } = g;
       switch (s) {
         case Dt.Link:
-          zr(g);
+          Dr(g);
           break;
         case Dt.Widget:
-          Or(g, b, T);
+          zr(g, b, T);
           break;
       }
     }
     const h = new AbortController();
     return (async () => {
       var C;
-      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Rr({
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Lr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -997,14 +997,14 @@ const zo = (t) => {
         div: n.current,
         viewport: b.clone({ dontFlip: !0 }),
         page: w.page,
-        imageResourcesPath: Oo,
+        imageResourcesPath: zo,
         renderForms: !0,
-        linkService: new Lr(),
+        linkService: new Er(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Dr(n.current, y);
+      n.current && Ar(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
@@ -1016,16 +1016,16 @@ const zo = (t) => {
     {
       "data-rp": `page-${e}-annotationLayer`,
       style: { width: `${P == null ? void 0 : P.width}px`, height: `${P == null ? void 0 : P.height}px` },
-      className: No["rp-annotation-layer"],
+      className: Oo["rp-annotation-layer"],
       ref: n
     }
   );
-}, Do = {
+}, Ao = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Ao = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = $(), { pages: r } = ee(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, u] = $(null), [m, v] = $([]);
+}, Fo = ({ pageNumber: t, viewport: e }) => {
+  const [n, o] = $(), { pages: r } = ee(), { highlightKeywords: a } = hr(), l = !0, c = H(null), [u, d] = $(null), [m, v] = $([]);
   F(() => {
-    c.current && u(c.current.parentElement);
+    c.current && d(c.current.parentElement);
   }, [c]), F(() => {
     (async () => {
       const f = r.get(t);
@@ -1038,7 +1038,7 @@ const zo = (t) => {
   const p = k(() => a ? a.map((h) => {
     var f, g;
     return {
-      ...Ar(h.keyword, (f = h.options) == null ? void 0 : f.matchCase, (g = h.options) == null ? void 0 : g.wholeWords),
+      ...Fr(h.keyword, (f = h.options) == null ? void 0 : f.matchCase, (g = h.options) == null ? void 0 : g.wholeWords),
       color: h.highlightColor
     };
   }) : [], [a]);
@@ -1087,7 +1087,7 @@ const zo = (t) => {
     const R = document.createElement("span");
     R.style.width = "auto", C.surroundContents(R);
     const z = R.getBoundingClientRect(), D = h.getBoundingClientRect(), A = D.height, L = D.width, I = 100 * (z.left - D.left) / L, O = 100 * (z.top - D.top) / A, M = 100 * z.height / A, G = 100 * z.width / L;
-    return Wr(R), {
+    return kr(R), {
       keywordStr: f,
       left: I,
       top: O,
@@ -1098,7 +1098,7 @@ const zo = (t) => {
     };
   };
   async function b(h, f) {
-    const g = await w(d, h);
+    const g = await w(u, h);
     if (!g)
       return;
     const s = await P(g);
@@ -1135,7 +1135,7 @@ const zo = (t) => {
       let I;
       const O = [];
       for (; (I = L.exec(S)) !== null; )
-        z && !ur(S, I.index, I[0].length) || O.push({
+        z && !pr(S, I.index, I[0].length) || O.push({
           keyword: L,
           startIndex: I.index,
           endIndex: L.lastIndex
@@ -1166,7 +1166,7 @@ const zo = (t) => {
             }
           }
       }
-    }), _.sort(Fr), _;
+    }), _.sort(Wr), _;
   };
   return F(() => {
     (async () => {
@@ -1180,7 +1180,7 @@ const zo = (t) => {
   }, [l, a, t, n, e]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((h, f) => /* @__PURE__ */ i(
     "div",
     {
-      className: Do["rp-text-highlight"],
+      className: Ao["rp-text-highlight"],
       style: {
         top: `${h.top}%`,
         left: `${h.left}%`,
@@ -1192,21 +1192,21 @@ const zo = (t) => {
     f
   )) }) });
 }, It = $e((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = ee(), { pageRotate: l } = Ue(), { textLayer: c } = or(), { currentZoom: d } = Qe(), u = H(a.get(n)), [m, v] = $(!1), p = H(null), [w, P] = $({
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = ee(), { pageRotate: l } = Ue(), { textLayer: c } = ir(), { currentZoom: u } = Qe(), d = H(a.get(n)), [m, v] = $(!1), p = H(null), [w, P] = $({
     width: 0,
     height: 0
   });
   cn(e, () => p.current);
-  const y = k(() => u.current ? l[n] : 0, [n, l]);
+  const y = k(() => d.current ? l[n] : 0, [n, l]);
   F(() => {
-    if (a && (u.current = a.get(n), u.current)) {
-      const f = u.current.page.getViewport({
-        scale: d,
+    if (a && (d.current = a.get(n), d.current)) {
+      const f = d.current.page.getViewport({
+        scale: u,
         rotation: y
       });
       P(f);
     }
-  }, [a, n, y, d]);
+  }, [a, n, y, u]);
   const b = k(() => {
     switch (y) {
       case 90:
@@ -1233,7 +1233,7 @@ const zo = (t) => {
         ...o,
         "--rp-rotate": `${y}deg`,
         "--rp-page-rotate-translate": `${b}`,
-        "--scale-factor": d
+        "--scale-factor": u
       },
       className: lt["rp-page-wrapper"],
       children: /* @__PURE__ */ W(
@@ -1245,12 +1245,12 @@ const zo = (t) => {
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Ro, { onLoading: T, onLoaded: h, pageNumber: n }),
+            /* @__PURE__ */ i(Lo, { onLoading: T, onLoaded: h, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
-            /* @__PURE__ */ i(kr, { pageNumber: n }),
-            c && /* @__PURE__ */ i(Eo, { pageNumber: n }),
-            /* @__PURE__ */ i(Ao, { pageNumber: n, viewport: w }),
-            /* @__PURE__ */ i(zo, { pageNumber: n })
+            /* @__PURE__ */ i(Mr, { pageNumber: n }),
+            c && /* @__PURE__ */ i(No, { pageNumber: n }),
+            /* @__PURE__ */ i(Fo, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(Do, { pageNumber: n })
           ]
         }
       )
@@ -1267,29 +1267,29 @@ function wt(t, e) {
     return n.__proto__ = o, n;
   }, wt(t, e);
 }
-function Fo(t, e) {
+function Wo(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, wt(t, e);
 }
 var Vt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Wo(t, e) {
+function ko(t, e) {
   return !!(t === e || Vt(t) && Vt(e));
 }
-function ko(t, e) {
+function Mo(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var n = 0; n < t.length; n++)
-    if (!Wo(t[n], e[n]))
+    if (!ko(t[n], e[n]))
       return !1;
   return !0;
 }
 function dt(t, e) {
-  e === void 0 && (e = ko);
+  e === void 0 && (e = Mo);
   var n, o = [], r, a = !1;
   function l() {
-    for (var c = [], d = 0; d < arguments.length; d++)
-      c[d] = arguments[d];
+    for (var c = [], u = 0; u < arguments.length; u++)
+      c[u] = arguments[u];
     return a && n === this && e(c, o) || (r = t.apply(this, c), a = !0, n = this, o = c), r;
   }
   return l;
@@ -1306,7 +1306,7 @@ function qt(t, e) {
     }
   return n;
 }
-var Mo = typeof performance == "object" && typeof performance.now == "function", Bt = Mo ? function() {
+var Ho = typeof performance == "object" && typeof performance.now == "function", Bt = Ho ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1314,7 +1314,7 @@ var Mo = typeof performance == "object" && typeof performance.now == "function",
 function Zt(t) {
   cancelAnimationFrame(t.id);
 }
-function Ho(t, e) {
+function $o(t, e) {
   var n = Bt();
   function o() {
     Bt() - n >= e ? t.call(null) : r.id = requestAnimationFrame(o);
@@ -1325,7 +1325,7 @@ function Ho(t, e) {
   return r;
 }
 var ut = -1;
-function $o(t) {
+function Go(t) {
   if (t === void 0 && (t = !1), ut === -1 || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), ut = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -1342,17 +1342,17 @@ function jt(t) {
   }
   return Oe;
 }
-var Go = 150, Uo = function(e) {
+var Uo = 150, Vo = function(e) {
   var n = e.columnIndex;
   e.data;
   var o = e.rowIndex;
   return o + ":" + n;
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
-function Vo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, v = t.getRowOffset, p = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, P = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, b = t.validateProps;
+function qo(t) {
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, v = t.getRowOffset, p = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, P = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, b = t.validateProps;
   return e = /* @__PURE__ */ function(T) {
-    Fo(h, T);
+    Wo(h, T);
     function h(g) {
       var s;
       return s = T.call(this, g) || this, s._instanceProps = P(s.props, Ut(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
@@ -1430,7 +1430,7 @@ function Vo(t) {
         var _ = s.props.outerRef;
         s._outerRef = C, typeof _ == "function" ? _(C) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = C);
       }, s._resetIsScrollingDebounced = function() {
-        s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Ho(s._resetIsScrolling, Go);
+        s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = $o(s._resetIsScrolling, Uo);
       }, s._resetIsScrolling = function() {
         s._resetIsScrollingTimeoutId = null, s.setState({
           isScrolling: !1
@@ -1440,7 +1440,7 @@ function Vo(t) {
       }, s;
     }
     h.getDerivedStateFromProps = function(s, C) {
-      return qo(s, C), b(s), null;
+      return Bo(s, C), b(s), null;
     };
     var f = h.prototype;
     return f.scrollTo = function(s) {
@@ -1455,12 +1455,12 @@ function Vo(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(s) {
-      var C = s.align, _ = C === void 0 ? "auto" : C, S = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, z = x.height, D = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
+      var C = s.align, _ = C === void 0 ? "auto" : C, S = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, z = x.height, D = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = Go();
       S !== void 0 && (S = Math.max(0, Math.min(S, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, D - 1)));
       var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > z ? M : 0;
       this.scrollTo({
-        scrollLeft: S !== void 0 ? d(this.props, S, _, I, this._instanceProps, q) : I,
-        scrollTop: E !== void 0 ? u(this.props, E, _, O, this._instanceProps, j) : O
+        scrollLeft: S !== void 0 ? u(this.props, S, _, I, this._instanceProps, q) : I,
+        scrollTop: E !== void 0 ? d(this.props, E, _, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
       var s = this.props, C = s.initialScrollLeft, _ = s.initialScrollTop;
@@ -1494,7 +1494,7 @@ function Vo(t) {
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var s = this.props, C = s.children, _ = s.className, S = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, z = s.innerElementType, D = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Uo : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, te = this.state.isScrolling, X = this._getHorizontalRangeToRender(), ce = X[0], ve = X[1], le = this._getVerticalRangeToRender(), Y = le[0], Fe = le[1], we = [];
+      var s = this.props, C = s.children, _ = s.className, S = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, z = s.innerElementType, D = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Vo : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, te = this.state.isScrolling, X = this._getHorizontalRangeToRender(), ce = X[0], ve = X[1], le = this._getVerticalRangeToRender(), Y = le[0], Fe = le[1], we = [];
       if (S > 0 && G)
         for (var Te = Y; Te <= Fe; Te++)
           for (var _e = ce; _e <= ve; _e++)
@@ -1515,7 +1515,7 @@ function Vo(t) {
         className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: Mr({
+        style: Hr({
           position: "relative",
           height: x,
           width: q,
@@ -1556,16 +1556,16 @@ function Vo(t) {
       var I = p(this.props, A, this._instanceProps), O = w(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, I - M), Math.max(0, Math.min(x - 1, O + G)), I, O];
     }, h;
-  }(Qn), e.defaultProps = {
+  }(er), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var qo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, u = e.overscanCount, m = e.overscanRowsCount, v = e.width, p = n.instance;
+var Bo = function(e, n) {
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, v = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof u == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ze && !Ze.has(p) && (Ze.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || c != null) && je && !je.has(p) && (je.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof d == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ze && !Ze.has(p) && (Ze.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || c != null) && je && !je.has(p) && (je.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1582,33 +1582,33 @@ var qo = function(e, n) {
 }, Kt = 50, Sn = function(e, n) {
   var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, l = n.lastMeasuredRowIndex, c = 0;
   if (l >= o && (l = o - 1), l >= 0) {
-    var d = r[l];
-    c = d.offset + d.size;
+    var u = r[l];
+    c = u.offset + u.size;
   }
-  var u = o - l - 1, m = u * a;
+  var d = o - l - 1, m = d * a;
   return c + m;
 }, yn = function(e, n) {
   var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, c = 0;
   if (l >= o && (l = o - 1), l >= 0) {
-    var d = r[l];
-    c = d.offset + d.size;
+    var u = r[l];
+    c = u.offset + u.size;
   }
-  var u = o - l - 1, m = u * a;
+  var d = o - l - 1, m = d * a;
   return c + m;
 }, he = function(e, n, o, r) {
   var a, l, c;
   if (e === "column" ? (a = r.columnMetadataMap, l = n.columnWidth, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = n.rowHeight, c = r.lastMeasuredRowIndex), o > c) {
-    var d = 0;
+    var u = 0;
     if (c >= 0) {
-      var u = a[c];
-      d = u.offset + u.size;
+      var d = a[c];
+      u = d.offset + d.size;
     }
     for (var m = c + 1; m <= o; m++) {
       var v = l(m);
       a[m] = {
-        offset: d,
+        offset: u,
         size: v
-      }, d += v;
+      }, u += v;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
@@ -1617,22 +1617,22 @@ var qo = function(e, n) {
   var a, l;
   e === "column" ? (a = o.columnMetadataMap, l = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, l = o.lastMeasuredRowIndex);
   var c = l > 0 ? a[l].offset : 0;
-  return c >= r ? xn(e, n, o, l, 0, r) : Bo(e, n, o, Math.max(0, l), r);
+  return c >= r ? xn(e, n, o, l, 0, r) : Zo(e, n, o, Math.max(0, l), r);
 }, xn = function(e, n, o, r, a, l) {
   for (; a <= r; ) {
-    var c = a + Math.floor((r - a) / 2), d = he(e, n, c, o).offset;
-    if (d === l)
+    var c = a + Math.floor((r - a) / 2), u = he(e, n, c, o).offset;
+    if (u === l)
       return c;
-    d < l ? a = c + 1 : d > l && (r = c - 1);
+    u < l ? a = c + 1 : u > l && (r = c - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, Bo = function(e, n, o, r, a) {
+}, Zo = function(e, n, o, r, a) {
   for (var l = e === "column" ? n.columnCount : n.rowCount, c = 1; r < l && he(e, n, r, o).offset < a; )
     r += c, c *= 2;
   return xn(e, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
 }, Yt = function(e, n, o, r, a, l, c) {
-  var d = e === "column" ? n.width : n.height, u = he(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), v = Math.max(0, Math.min(m - d, u.offset)), p = Math.max(0, u.offset - d + c + u.size);
-  switch (r === "smart" && (a >= p - d && a <= v + d ? r = "auto" : r = "center"), r) {
+  var u = e === "column" ? n.width : n.height, d = he(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), v = Math.max(0, Math.min(m - u, d.offset)), p = Math.max(0, d.offset - u + c + d.size);
+  switch (r === "smart" && (a >= p - u && a <= v + u ? r = "auto" : r = "center"), r) {
     case "start":
       return v;
     case "end":
@@ -1643,7 +1643,7 @@ var qo = function(e, n) {
     default:
       return a >= p && a <= v ? a : p > v || a < p ? p : v;
   }
-}, Zo = /* @__PURE__ */ Vo({
+}, jo = /* @__PURE__ */ qo({
   getColumnOffset: function(e, n, o) {
     return he("column", e, n, o).offset;
   },
@@ -1651,8 +1651,8 @@ var qo = function(e, n) {
     return Xt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, l = e.width, c = he("column", e, n, r), d = o + l, u = c.offset + c.size, m = n; m < a - 1 && u < d; )
-      m++, u += he("column", e, m, r).size;
+    for (var a = e.columnCount, l = e.width, c = he("column", e, n, r), u = o + l, d = c.offset + c.size, m = n; m < a - 1 && d < u; )
+      m++, d += he("column", e, m, r).size;
     return m;
   },
   getColumnWidth: function(e, n, o) {
@@ -1676,8 +1676,8 @@ var qo = function(e, n) {
     return Xt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, l = e.height, c = he("row", e, n, r), d = o + l, u = c.offset + c.size, m = n; m < a - 1 && u < d; )
-      m++, u += he("row", e, m, r).size;
+    for (var a = e.rowCount, l = e.height, c = he("row", e, n, r), u = o + l, d = c.offset + c.size, m = n; m < a - 1 && d < u; )
+      m++, d += he("row", e, m, r).size;
     return m;
   },
   initInstanceProps: function(e, n) {
@@ -1689,19 +1689,19 @@ var qo = function(e, n) {
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(c, d) {
-      d === void 0 && (d = !0), n.resetAfterIndices({
+    return n.resetAfterColumnIndex = function(c, u) {
+      u === void 0 && (u = !0), n.resetAfterIndices({
         columnIndex: c,
-        shouldForceUpdate: d
+        shouldForceUpdate: u
       });
-    }, n.resetAfterRowIndex = function(c, d) {
-      d === void 0 && (d = !0), n.resetAfterIndices({
+    }, n.resetAfterRowIndex = function(c, u) {
+      u === void 0 && (u = !0), n.resetAfterIndices({
         rowIndex: c,
-        shouldForceUpdate: d
+        shouldForceUpdate: u
       });
     }, n.resetAfterIndices = function(c) {
-      var d = c.columnIndex, u = c.rowIndex, m = c.shouldForceUpdate, v = m === void 0 ? !0 : m;
-      typeof d == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, d - 1)), typeof u == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, u - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
+      var u = c.columnIndex, d = c.rowIndex, m = c.shouldForceUpdate, v = m === void 0 ? !0 : m;
+      typeof u == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, u - 1)), typeof d == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, d - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
     }, l;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1725,22 +1725,22 @@ function Jt(t, e) {
       return !0;
   return !1;
 }
-var jo = ["style"], Ko = ["style"];
-function Xo(t, e) {
-  var n = t.style, o = qt(t, jo), r = e.style, a = qt(e, Ko);
+var Ko = ["style"], Xo = ["style"];
+function Yo(t, e) {
+  var n = t.style, o = qt(t, Ko), r = e.style, a = qt(e, Xo);
   return !Jt(n, r) && !Jt(o, a);
 }
-const Yo = () => {
+const Jo = () => {
   const { viewMode: t } = Ne(), { scrollMode: e } = Ee(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ge(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === Q.HORIZONTAL_SCROLLING ? a : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((P, y, b) => {
     const T = b % l;
     return (!P[T] || y > P[T]) && (P[T] = y), P;
-  }, []), [r.widths, l]), d = N(
+  }, []), [r.widths, l]), u = N(
     (w) => {
       const P = w % c.length;
       return c[P] || 0;
     },
     [c]
-  ), u = N(
+  ), d = N(
     (w) => {
       const P = Array.from({ length: l }, (y, b) => {
         const T = w * l + b;
@@ -1756,9 +1756,9 @@ const Yo = () => {
   const m = k(() => e === Q.HORIZONTAL_SCROLLING || e === Q.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), v = k(() => r.heights.reduce((w, P) => w + P, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((w, P) => w + P, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
-    rowHeight: u,
+    rowHeight: d,
     columnCount: l,
-    columnWidth: d,
+    columnWidth: u,
     pageDimension: r,
     estimatedRowHeight: v,
     estimatedColumnWidth: p
@@ -1780,10 +1780,10 @@ ht == null || tn == null ? (_t = pt, bt = function(e) {
   }, Qt);
   return [n, o];
 });
-function Jo(t) {
+function Qo(t) {
   let e, n, o, r, a, l, c;
-  const d = typeof document < "u" && document.attachEvent;
-  if (!d) {
+  const u = typeof document < "u" && document.attachEvent;
+  if (!u) {
     l = function(T) {
       const h = T.__resizeTriggers__, f = h.firstElementChild, g = h.lastElementChild, s = f.firstElementChild;
       g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = f.offsetWidth + 1 + "px", s.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
@@ -1815,7 +1815,7 @@ function Jo(t) {
     }
     n = "resizeanim", e = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
   }
-  const u = function(p) {
+  const d = function(p) {
     if (!p.getElementById("detectElementResize")) {
       const w = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = p.head || p.getElementsByTagName("head")[0], y = p.createElement("style");
       y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = w : y.appendChild(p.createTextNode(w)), P.appendChild(y);
@@ -1823,12 +1823,12 @@ function Jo(t) {
   };
   return {
     addResizeListener: function(p, w) {
-      if (d)
+      if (u)
         p.attachEvent("onresize", w);
       else {
         if (!p.__resizeTriggers__) {
           const P = p.ownerDocument, y = oe.getComputedStyle(p);
-          y && y.position === "static" && (p.style.position = "relative"), u(P), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
+          y && y.position === "static" && (p.style.position = "relative"), d(P), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
           const b = P.createElement("div");
           b.className = "expand-trigger", b.appendChild(P.createElement("div"));
           const T = P.createElement("div");
@@ -1840,7 +1840,7 @@ function Jo(t) {
       }
     },
     removeResizeListener: function(p, w) {
-      if (d)
+      if (u)
         p.detachEvent("onresize", w);
       else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(w), 1), !p.__resizeListeners__.length) {
         p.removeEventListener("scroll", c, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
@@ -1852,7 +1852,7 @@ function Jo(t) {
     }
   };
 }
-class Qo extends er {
+class ei extends tr {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1867,7 +1867,7 @@ class Qo extends er {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), u = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - d - u, p = m.width - l - c, w = this._parentNode.offsetHeight - d - u, P = this._parentNode.offsetWidth - l - c;
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - u - d, p = m.width - l - c, w = this._parentNode.offsetHeight - u - d, P = this._parentNode.offsetWidth - l - c;
         (!n && (this.state.height !== w || this.state.scaledHeight !== v) || !o && (this.state.width !== P || this.state.scaledWidth !== p)) && (this.setState({
           height: w,
           width: P,
@@ -1893,7 +1893,7 @@ class Qo extends er {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Jo(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Qo(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1908,8 +1908,8 @@ class Qo extends er {
       disableWidth: a = !1,
       doNotBailOutOnEmptyChildren: l = !1,
       nonce: c,
-      onResize: d,
-      style: u = {},
+      onResize: u,
+      style: d = {},
       tagName: m = "div",
       ...v
     } = this.props, {
@@ -1925,41 +1925,41 @@ class Qo extends er {
       ref: this._setRef,
       style: {
         ...b,
-        ...u
+        ...d
       },
       ...v
     }, !h && e(T));
   }
 }
-const ei = ln(({ widths: t, heights: e }) => {
+const ti = ln(({ widths: t, heights: e }) => {
   const { focusedPage: n, totalPages: o } = ie(), r = k(() => {
-    const c = [], d = Math.ceil(n / 2) * 2 - 1;
-    if (c.push(d), d + 1 <= o) {
-      const u = d + 1;
-      c.push(u);
+    const c = [], u = Math.ceil(n / 2) * 2 - 1;
+    if (c.push(u), u + 1 <= o) {
+      const d = u + 1;
+      c.push(d);
     }
     return c;
   }, [n, o]), a = k(() => {
-    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), u = e(c), m = t(c + 1), v = e(c + 1), p = u > v ? u : v, w = u < v ? u : v, P = p / 2 - w / 2;
+    const c = n % 2 === 1 ? n - 1 : n - 2, u = t(c), d = e(c), m = t(c + 1), v = e(c + 1), p = d > v ? d : v, w = d < v ? d : v, P = p / 2 - w / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: p === u ? 0 : P,
-        width: d,
-        height: u
+        top: p === d ? 0 : P,
+        width: u,
+        height: d
       },
       {
         position: "absolute",
-        left: d,
+        left: u,
         top: p === v ? 0 : P,
         width: m,
         height: v
       }
     ];
-  }, [t, e, r]), l = k(() => a.reduce((c, d) => c + Number(d.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: l, position: "relative" }, children: r.map((c, d) => /* @__PURE__ */ i(It, { style: a[d], pageNumber: c }, c)) });
-}), ti = ({ widths: t, heights: e }) => {
+  }, [t, e, r]), l = k(() => a.reduce((c, u) => c + Number(u.width || 0), 0), [a]);
+  return /* @__PURE__ */ i("div", { style: { width: l, position: "relative" }, children: r.map((c, u) => /* @__PURE__ */ i(It, { style: a[u], pageNumber: c }, c)) });
+}), ni = ({ widths: t, heights: e }) => {
   const { focusedPage: n } = ie(), o = k(() => ({
     position: "absolute",
     width: t(n - 1),
@@ -1975,9 +1975,9 @@ const ei = ln(({ widths: t, heights: e }) => {
       children: /* @__PURE__ */ i(It, { style: o, pageNumber: n }, n)
     }
   );
-}, ni = (t, e, n) => {
-  const o = H(), { contentRef: r } = me(), { heights: a, widths: l } = Ge(), { setFocusedPage: c } = ie(), [d, u] = $([]), { targetScrollPage: m } = pn(), v = Pt(d, 0, 500), p = k(() => a.map((P, y) => {
-    const b = l[y], T = qr(y + 1, t), h = b * T.columnIndex, f = P * T.rowIndex, g = h + b, s = f + P;
+}, ri = (t, e, n) => {
+  const o = H(), { contentRef: r } = me(), { heights: a, widths: l } = Ge(), { setFocusedPage: c } = ie(), [u, d] = $([]), { targetScrollPage: m } = pn(), v = Pt(u, 0, 500), p = k(() => a.map((P, y) => {
+    const b = l[y], T = Br(y + 1, t), h = b * T.columnIndex, f = P * T.rowIndex, g = h + b, s = f + P;
     return {
       pageNumber: y + 1,
       ...T,
@@ -2015,7 +2015,7 @@ const ei = ln(({ widths: t, heights: e }) => {
             ratio: x
           };
         }).sort((h, f) => f.ratio - h.ratio);
-        u(T);
+        d(T);
       });
     },
     [r, p]
@@ -2026,25 +2026,57 @@ const ei = ln(({ widths: t, heights: e }) => {
         n == null || n.removeEventListener("scroll", w);
       };
   }, [n, w]);
-}, ri = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
-  const r = Br(e, t, n.columnCount);
+}, be = {
+  "rp-layout": "_rp-layout_1g4ff_1",
+  "rp-content": "_rp-content_1g4ff_5",
+  "rp-pages": "_rp-pages_1g4ff_11",
+  "rp-container": "_rp-container_1g4ff_16",
+  "rp-loader": "_rp-loader_1g4ff_20",
+  "rp-theme-variables": "_rp-theme-variables_1g4ff_24",
+  "rp-dark-mode": "_rp-dark-mode_1g4ff_135"
+}, In = $e(
+  (t, e) => {
+    const { children: n, toolbarRef: o, style: r, className: a, ...l } = t, { customVariables: c, customDarkVariables: u } = Sr(), { darkMode: d } = or();
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: e,
+        ...l,
+        className: ne(
+          be["rp-theme-variables"],
+          be["rp-container"],
+          d ? be["rp-dark-mode"] : "",
+          a
+        ),
+        style: {
+          "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
+          ...c,
+          ...d ? u : {},
+          ...r
+        },
+        children: n
+      }
+    );
+  }
+), oi = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
+  const r = Zr(e, t, n.columnCount);
   return /* @__PURE__ */ i(It, { style: o, pageNumber: r }, r);
-}, Xo), Bs = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = ar(), { pagesRef: o, setPagesRef: r } = me(), { scrollToPage: a } = wn(), {
+}, Yo), Bs = () => {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = sr(), { pagesRef: o, setPagesRef: r } = me(), { scrollToPage: a } = wn(), {
     virtualScrollRef: l,
     getVirtualScrollRef: c,
-    getPageScrollElementRef: d,
-    getVirtualScrollableElementRef: u,
+    getPageScrollElementRef: u,
+    getVirtualScrollableElementRef: d,
     setTotalInnerDimensions: m,
     virtualScrollableElementRef: v,
     totalInnerDimensions: p,
     pageScrollElementRef: w
-  } = et(), P = H(!0), { nextPage: y, prevPage: b, setFocusedPage: T, focusedPage: h } = ie(), { scrollMode: f } = Ee(), { viewMode: g } = Ne(), s = H(null), { loading: C } = ee(), { passwordRequired: _ } = nr(), { LoaderImageComponent: S } = hn(), E = H(
+  } = et(), P = H(!0), { nextPage: y, prevPage: b, setFocusedPage: T, focusedPage: h } = ie(), { scrollMode: f } = Ee(), { viewMode: g } = Ne(), s = H(null), { loading: C } = ee(), { passwordRequired: _ } = rr(), { LoaderImageComponent: S } = hn(), E = H(
     p
   ), x = H({
     viewMode: g,
     scrollMode: f
-  }), R = H(!1), z = H(), { isFullScreen: D } = sr(), {
+  }), R = H(!1), z = H(), { isFullScreen: D } = cr(), {
     pageDimension: A,
     rowCount: L,
     rowHeight: I,
@@ -2052,16 +2084,16 @@ const ei = ln(({ widths: t, heights: e }) => {
     columnWidth: M,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
-  } = Yo(), j = Pt(p, 100), q = H();
-  ni(O, L, v);
+  } = Jo(), j = Pt(p, 100), q = H();
+  ri(O, L, v);
   const te = H({
     scrollTop: 0,
     scrollLeft: 0
   });
-  Ur(o);
-  const { isPressed: X } = $r(), { selectionMode: ce } = ir(), { initializeGrabScroll: ve, resetGrabState: le } = Gr({
+  Vr(o);
+  const { isPressed: X } = Gr(), { selectionMode: ce } = ar(), { initializeGrabScroll: ve, resetGrabState: le } = Ur({
     isPressed: X
-  }), Y = k(() => ce === tr.HAND, [ce]), Fe = k(() => ({
+  }), Y = k(() => ce === nr.HAND, [ce]), Fe = k(() => ({
     columnCount: O
   }), [O]), we = N(
     (U) => {
@@ -2110,12 +2142,12 @@ const ei = ln(({ widths: t, heights: e }) => {
       const { height: xe, width: it } = V, { height: Ot, width: zt } = E.current;
       if (Ot === xe && zt === it)
         return;
-      const Kn = ye / Ot * xe, Xn = ot / zt * it, Yn = Math.round(Math.min(Kn, xe)) || 0, Jn = Math.round(Math.min(Xn, it)) || 0;
+      const Xn = ye / Ot * xe, Yn = ot / zt * it, Jn = Math.round(Math.min(Xn, xe)) || 0, Qn = Math.round(Math.min(Yn, it)) || 0;
       z.current = setTimeout(() => {
         requestAnimationFrame(() => {
           l == null || l.scrollTo({
-            scrollTop: Yn,
-            scrollLeft: Jn
+            scrollTop: Jn,
+            scrollLeft: Qn
           });
         });
       }, 0), E.current = {
@@ -2154,7 +2186,7 @@ const ei = ln(({ widths: t, heights: e }) => {
   const rt = k(() => ne(de["rp-pages-container"], {
     [de["rp-cursor-grab"]]: Y && !X,
     [de["rp-cursor-grabbing"]]: Y && X
-  }), [Y, X]), jn = N(
+  }), [Y, X]), Kn = N(
     (U) => {
       if (Y && U) {
         const V = ne(de["rp-pages"]), Se = document.querySelector(`.${V}`);
@@ -2180,20 +2212,20 @@ const ei = ln(({ widths: t, heights: e }) => {
     T,
     j
   ]), /* @__PURE__ */ W(fe, { children: [
-    /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Qo, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: jn, style: { width: U, height: V }, children: f === Q.PAGE_SCROLLING ? /* @__PURE__ */ i(
+    /* @__PURE__ */ i(In, { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(ei, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Kn, style: { width: U, height: V }, children: f === Q.PAGE_SCROLLING ? /* @__PURE__ */ i(
       "div",
       {
-        ref: d,
+        ref: u,
         style: { width: U, height: V },
         className: ne(de["rp-pages"], de["rp-page-scrolling-wrapper"]),
-        children: g === Re.DUAL_PAGE ? /* @__PURE__ */ i(ei, { widths: M, heights: I }) : /* @__PURE__ */ i(ti, { widths: M, heights: I })
+        children: g === Re.DUAL_PAGE ? /* @__PURE__ */ i(ti, { widths: M, heights: I }) : /* @__PURE__ */ i(ni, { widths: M, heights: I })
       }
     ) : G ? /* @__PURE__ */ i(
-      Zo,
+      jo,
       {
         ref: c,
         itemData: Fe,
-        outerRef: u,
+        outerRef: d,
         innerRef: s,
         onScroll: nt,
         columnCount: O,
@@ -2208,7 +2240,7 @@ const ei = ln(({ widths: t, heights: e }) => {
           de["rp-pages"],
           f === Q.HORIZONTAL_SCROLLING ? de["rp-pages-horizontal-scroll"] : ""
         ),
-        children: ri
+        children: oi
       }
     ) : C ? null : /* @__PURE__ */ i(
       "div",
@@ -2224,7 +2256,7 @@ const ei = ln(({ widths: t, heights: e }) => {
         children: S && /* @__PURE__ */ i(S, {})
       }
     ) }) }) }),
-    _ && /* @__PURE__ */ i(Vr, {})
+    _ && /* @__PURE__ */ i(qr, {})
   ] });
 }, We = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2236,14 +2268,14 @@ const ei = ln(({ widths: t, heights: e }) => {
   "rp-paginate": "_rp-paginate_1y9vo_1",
   "rp-page-input": "_rp-page-input_1y9vo_6",
   "rp-total-page": "_rp-total-page_1y9vo_11"
-}, oi = () => {
+}, ii = () => {
   const { prevIcon: t } = ue();
   return t || /* @__PURE__ */ i(He, {});
-}, ii = () => {
+}, ai = () => {
   const { nextIcon: t } = ue();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
-}, ai = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ge(), { isSmallScreen: u } = Pe(), { localeMessages: m } = ae(), { viewMode: v } = Ne(), { scrollMode: p } = Ee();
+}, si = () => {
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: u = !0 } = ge(), { isSmallScreen: d } = Pe(), { localeMessages: m } = ae(), { viewMode: v } = Ne(), { scrollMode: p } = Ee();
   F(() => {
     c(t.toString());
   }, [t]);
@@ -2261,8 +2293,8 @@ const ei = ln(({ widths: t, heights: e }) => {
     },
     [P]
   ), T = k(() => v === Re.DUAL_PAGE && p === Q.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, v, p]);
-  return typeof d != "boolean" ? /* @__PURE__ */ i(
-    d,
+  return typeof u != "boolean" ? /* @__PURE__ */ i(
+    u,
     {
       total: e,
       current: t,
@@ -2271,14 +2303,14 @@ const ei = ln(({ widths: t, heights: e }) => {
       goToPage: a,
       changePage: n
     }
-  ) : d ? /* @__PURE__ */ W("div", { className: ft["rp-paginate"], children: [
-    !u && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+  ) : u ? /* @__PURE__ */ W("div", { className: ft["rp-paginate"], children: [
+    !d && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: r,
         "aria-label": m == null ? void 0 : m.previousPageTooltip,
         "aria-disabled": t === 1,
-        children: /* @__PURE__ */ i(oi, {})
+        children: /* @__PURE__ */ i(ii, {})
       }
     ) }),
     /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
@@ -2295,18 +2327,18 @@ const ei = ln(({ widths: t, heights: e }) => {
       "/",
       e
     ] }),
-    !u && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+    !d && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: o,
         "aria-label": m == null ? void 0 : m.nextPageTooltip,
         "aria-disabled": T,
-        children: /* @__PURE__ */ i(ii, {})
+        children: /* @__PURE__ */ i(ai, {})
       }
     ) })
   ] }) : null;
 };
-var Rt = "Dialog", [In, Zs] = Yr(Rt), [si, se] = In(Rt), Rn = (t) => {
+var Rt = "Dialog", [Rn, Zs] = Jr(Rt), [ci, se] = Rn(Rt), Ln = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2314,21 +2346,21 @@ var Rt = "Dialog", [In, Zs] = Yr(Rt), [si, se] = In(Rt), Rn = (t) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = t, c = B.useRef(null), d = B.useRef(null), [u = !1, m] = eo({
+  } = t, c = B.useRef(null), u = B.useRef(null), [d = !1, m] = to({
     prop: o,
     defaultProp: r,
     onChange: a
   });
   return /* @__PURE__ */ i(
-    si,
+    ci,
     {
       scope: e,
       triggerRef: c,
-      contentRef: d,
+      contentRef: u,
       contentId: ct(),
       titleId: ct(),
       descriptionId: ct(),
-      open: u,
+      open: d,
       onOpenChange: m,
       onOpenToggle: B.useCallback(() => m((v) => !v), [m]),
       modal: l,
@@ -2336,10 +2368,10 @@ var Rt = "Dialog", [In, Zs] = Yr(Rt), [si, se] = In(Rt), Rn = (t) => {
     }
   );
 };
-Rn.displayName = Rt;
-var Ln = "DialogTrigger", ci = B.forwardRef(
+Ln.displayName = Rt;
+var En = "DialogTrigger", li = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = se(Ln, n), a = Tt(e, r.triggerRef);
+    const { __scopeDialog: n, ...o } = t, r = se(En, n), a = Tt(e, r.triggerRef);
     return /* @__PURE__ */ i(
       Ve.button,
       {
@@ -2355,28 +2387,28 @@ var Ln = "DialogTrigger", ci = B.forwardRef(
     );
   }
 );
-ci.displayName = Ln;
-var Lt = "DialogPortal", [li, En] = In(Lt, {
+li.displayName = En;
+var Lt = "DialogPortal", [di, Nn] = Rn(Lt, {
   forceMount: void 0
-}), Nn = (t) => {
+}), On = (t) => {
   const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = se(Lt, e);
-  return /* @__PURE__ */ i(li, { scope: e, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(io, { asChild: !0, container: r, children: l }) })) });
+  return /* @__PURE__ */ i(di, { scope: e, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(ao, { asChild: !0, container: r, children: l }) })) });
 };
-Nn.displayName = Lt;
-var Xe = "DialogOverlay", On = B.forwardRef(
+On.displayName = Lt;
+var Xe = "DialogOverlay", zn = B.forwardRef(
   (t, e) => {
-    const n = En(Xe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Xe, t.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(St, { present: o || a.open, children: /* @__PURE__ */ i(di, { ...r, ref: e }) }) : null;
+    const n = Nn(Xe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Xe, t.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i(St, { present: o || a.open, children: /* @__PURE__ */ i(ui, { ...r, ref: e }) }) : null;
   }
 );
-On.displayName = Xe;
-var di = B.forwardRef(
+zn.displayName = Xe;
+var ui = B.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = se(Xe, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(no, { as: Jr, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(ro, { as: Qr, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
         Ve.div,
         {
           "data-state": Nt(r.open),
@@ -2387,22 +2419,22 @@ var di = B.forwardRef(
       ) })
     );
   }
-), Le = "DialogContent", zn = B.forwardRef(
+), Le = "DialogContent", Dn = B.forwardRef(
   (t, e) => {
-    const n = En(Le, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Le, t.__scopeDialog);
-    return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ui, { ...r, ref: e }) : /* @__PURE__ */ i(pi, { ...r, ref: e }) });
+    const n = Nn(Le, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Le, t.__scopeDialog);
+    return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(pi, { ...r, ref: e }) : /* @__PURE__ */ i(hi, { ...r, ref: e }) });
   }
 );
-zn.displayName = Le;
-var ui = B.forwardRef(
+Dn.displayName = Le;
+var pi = B.forwardRef(
   (t, e) => {
     const n = se(Le, t.__scopeDialog), o = B.useRef(null), r = Tt(e, n.contentRef, o);
     return B.useEffect(() => {
       const a = o.current;
       if (a)
-        return ao(a);
+        return so(a);
     }, []), /* @__PURE__ */ i(
-      Dn,
+      An,
       {
         ...t,
         ref: r,
@@ -2423,11 +2455,11 @@ var ui = B.forwardRef(
       }
     );
   }
-), pi = B.forwardRef(
+), hi = B.forwardRef(
   (t, e) => {
     const n = se(Le, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
     return /* @__PURE__ */ i(
-      Dn,
+      An,
       {
         ...t,
         ref: e,
@@ -2438,20 +2470,20 @@ var ui = B.forwardRef(
           (l = t.onCloseAutoFocus) == null || l.call(t, a), a.defaultPrevented || (o.current || (c = n.triggerRef.current) == null || c.focus(), a.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (a) => {
-          var d, u;
-          (d = t.onInteractOutside) == null || d.call(t, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          var u, d;
+          (u = t.onInteractOutside) == null || u.call(t, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
           const l = a.target;
-          ((u = n.triggerRef.current) == null ? void 0 : u.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          ((d = n.triggerRef.current) == null ? void 0 : d.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
         }
       }
     );
   }
-), Dn = B.forwardRef(
+), An = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = se(Le, n), d = B.useRef(null), u = Tt(e, d);
-    return ro(), /* @__PURE__ */ W(fe, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = se(Le, n), u = B.useRef(null), d = Tt(e, u);
+    return oo(), /* @__PURE__ */ W(fe, { children: [
       /* @__PURE__ */ i(
-        oo,
+        io,
         {
           asChild: !0,
           loop: !0,
@@ -2459,7 +2491,7 @@ var ui = B.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ i(
-            to,
+            no,
             {
               role: "dialog",
               id: c.contentId,
@@ -2467,35 +2499,35 @@ var ui = B.forwardRef(
               "aria-labelledby": c.titleId,
               "data-state": Nt(c.open),
               ...l,
-              ref: u,
+              ref: d,
               onDismiss: () => c.onOpenChange(!1)
             }
           )
         }
       ),
       /* @__PURE__ */ W(fe, { children: [
-        /* @__PURE__ */ i(fi, { titleId: c.titleId }),
-        /* @__PURE__ */ i(gi, { contentRef: d, descriptionId: c.descriptionId })
+        /* @__PURE__ */ i(mi, { titleId: c.titleId }),
+        /* @__PURE__ */ i(vi, { contentRef: u, descriptionId: c.descriptionId })
       ] })
     ] });
   }
-), Et = "DialogTitle", An = B.forwardRef(
+), Et = "DialogTitle", Fn = B.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = se(Et, n);
     return /* @__PURE__ */ i(Ve.h2, { id: r.titleId, ...o, ref: e });
   }
 );
-An.displayName = Et;
-var Fn = "DialogDescription", hi = B.forwardRef(
+Fn.displayName = Et;
+var Wn = "DialogDescription", fi = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = se(Fn, n);
+    const { __scopeDialog: n, ...o } = t, r = se(Wn, n);
     return /* @__PURE__ */ i(Ve.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
-hi.displayName = Fn;
-var Wn = "DialogClose", kn = B.forwardRef(
+fi.displayName = Wn;
+var kn = "DialogClose", Mn = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = se(Wn, n);
+    const { __scopeDialog: n, ...o } = t, r = se(kn, n);
     return /* @__PURE__ */ i(
       Ve.button,
       {
@@ -2507,16 +2539,16 @@ var Wn = "DialogClose", kn = B.forwardRef(
     );
   }
 );
-kn.displayName = Wn;
+Mn.displayName = kn;
 function Nt(t) {
   return t ? "open" : "closed";
 }
-var Mn = "DialogTitleWarning", [js, Hn] = Qr(Mn, {
+var Hn = "DialogTitleWarning", [js, $n] = eo(Hn, {
   contentName: Le,
   titleName: Et,
   docsSlug: "dialog"
-}), fi = ({ titleId: t }) => {
-  const e = Hn(Mn), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
+}), mi = ({ titleId: t }) => {
+  const e = $n(Hn), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -2524,14 +2556,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return B.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, mi = "DialogDescriptionWarning", gi = ({ contentRef: t, descriptionId: e }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Hn(mi).contentName}}.`;
+}, gi = "DialogDescriptionWarning", vi = ({ contentRef: t, descriptionId: e }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${$n(gi).contentName}}.`;
   return B.useEffect(() => {
     var a;
     const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
-}, vi = Rn, wi = Nn, _i = On, bi = zn, Ci = An, Pi = kn;
+}, wi = Ln, _i = On, bi = zn, Ci = Dn, Pi = Fn, Ti = Mn;
 const Ie = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2540,15 +2572,15 @@ const Ie = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Ti = () => {
-  const { pdfProperties: t } = ee(), { container: e } = me(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = lo(), { localeMessages: r } = ae(), a = k(() => {
+}, Si = () => {
+  const { pdfProperties: t } = ee(), { container: e } = me(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = uo(), { localeMessages: r } = ae(), a = k(() => {
     if (!t)
       return [];
     const {
       fileSize: l,
       filename: c,
-      title: d,
-      author: u,
+      title: u,
+      author: d,
       subject: m,
       createdOn: v,
       creator: p,
@@ -2562,8 +2594,8 @@ const Ie = {
       { label: r == null ? void 0 : r.propertiesFilenameLabel, value: c },
       { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: l },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
-      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: u },
+      { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: d },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
       { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
@@ -2581,21 +2613,21 @@ const Ie = {
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: T }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(vi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(wi, { container: e, children: /* @__PURE__ */ W("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(_i, { className: Ie["rp-dialog-overlay"] }),
-    /* @__PURE__ */ W(bi, { className: Ie["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(Ci, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ie["rp-document-properties"], children: a.map((l, c) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(co, { label: l.label, value: l.value }) }, c)) }),
-      /* @__PURE__ */ i(Pi, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(so, {}) })
+  return /* @__PURE__ */ i(wi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(_i, { container: e, children: /* @__PURE__ */ W("div", { className: Ie["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(bi, { className: Ie["rp-dialog-overlay"] }),
+    /* @__PURE__ */ W(Ci, { className: Ie["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(Pi, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: Ie["rp-document-properties"], children: a.map((l, c) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(lo, { label: l.label, value: l.value }) }, c)) }),
+      /* @__PURE__ */ i(Ti, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(co, {}) })
     ] })
   ] }) }) });
-}, Si = {
+}, yi = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, nn = ".pdf", yi = (t) => URL.createObjectURL(t), xi = async (t) => {
+}, nn = ".pdf", xi = (t) => URL.createObjectURL(t), Ii = async (t) => {
   const n = await (await fetch(t)).blob();
-  return yi(n);
-}, $n = () => {
-  const { filename: t, pdfSrc: e } = ee(), { downloadFilename: n } = hr(), o = (a) => {
+  return xi(n);
+}, Gn = () => {
+  const { filename: t, pdfSrc: e } = ee(), { downloadFilename: n } = fr(), o = (a) => {
     const l = n || a;
     return l.endsWith(nn) ? l : `${l}${nn}`;
   };
@@ -2603,26 +2635,26 @@ const Ie = {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const a = document.createElement("a");
-    a.href = await xi(e), a.download = o(t), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+    a.href = await Ii(e), a.download = o(t), document.body.appendChild(a), a.click(), document.body.removeChild(a);
   }, [t, e]) };
-}, Gn = () => {
+}, Un = () => {
   const { downloadIcon: t } = ue();
-  return t || /* @__PURE__ */ i(go, {});
-}, Un = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ii = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Un, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Gn, {}) }) }), Ri = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ W(Un, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Gn, {}) }),
+  return t || /* @__PURE__ */ i(vo, {});
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ri = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Vn, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Un, {}) }) }), Li = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ W(Vn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Un, {}) }),
   e == null ? void 0 : e.downloadFileLabel
-] }) }), Vn = () => {
-  const { download: t } = $n(), { downloadTool: e = !0 } = ge(), { isSmallScreen: n } = Pe(), { localeMessages: o } = ae();
-  return e ? n ? /* @__PURE__ */ i(Ri, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(Ii, { download: t, localeMessages: o }) : null : null;
-}, qn = () => {
+] }) }), qn = () => {
+  const { download: t } = Gn(), { downloadTool: e = !0 } = ge(), { isSmallScreen: n } = Pe(), { localeMessages: o } = ae();
+  return e ? n ? /* @__PURE__ */ i(Li, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(Ri, { download: t, localeMessages: o }) : null : null;
+}, Bn = () => {
   const { printIcon: t } = ue();
-  return t || /* @__PURE__ */ i(vo, {});
-}, Bn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Li = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Bn, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(qn, {}) }) }), Ei = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ W(Bn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(qn, {}) }),
+  return t || /* @__PURE__ */ i(wo, {});
+}, Zn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ei = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Zn, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Bn, {}) }) }), Ni = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ W(Zn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Bn, {}) }),
   e == null ? void 0 : e.printLabel
-] }) }), Zn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: l = !0 } = ge(), { isSmallScreen: c } = Pe(), { localeMessages: d } = ae();
-  return l ? c ? /* @__PURE__ */ i(Ei, { print: t, localeMessages: d }) : typeof l == "function" ? /* @__PURE__ */ i(
+] }) }), jn = () => {
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: l = !0 } = ge(), { isSmallScreen: c } = Pe(), { localeMessages: u } = ae();
+  return l ? c ? /* @__PURE__ */ i(Ni, { print: t, localeMessages: u }) : typeof l == "function" ? /* @__PURE__ */ i(
     l,
     {
       print: t,
@@ -2632,41 +2664,41 @@ const Ie = {
       setOnComplete: o,
       progress: a
     }
-  ) : l ? /* @__PURE__ */ i(Li, { print: t, localeMessages: d }) : null : null;
-}, Ni = {
+  ) : l ? /* @__PURE__ */ i(Ei, { print: t, localeMessages: u }) : null : null;
+}, Oi = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Oi = () => {
-  const { goToFirstPageIcon: t } = ue();
-  return t || /* @__PURE__ */ i(vn, { className: Ni["rp-go-to-Top"] });
 }, zi = () => {
+  const { goToFirstPageIcon: t } = ue();
+  return t || /* @__PURE__ */ i(vn, { className: Oi["rp-go-to-Top"] });
+}, Di = () => {
   const { goToLastPageIcon: t } = ue();
   return t || /* @__PURE__ */ i(vn, {});
-}, rn = { width: "100%" }, Di = () => {
+}, rn = { width: "100%" }, Ai = () => {
   const { goToPage: t, totalPages: e, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ge(), { localeMessages: r } = ae(), a = k(() => n === 1, [n]), l = k(() => n === e, [n, e]), c = N(() => {
     t(1);
-  }, [t]), d = N(() => {
+  }, [t]), u = N(() => {
     t(e);
   }, [t, e]);
   return o ? /* @__PURE__ */ W(Ke, { children: [
     /* @__PURE__ */ i(Ce, { onClick: c, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Oi, {}) }),
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(zi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(Ce, { onClick: d, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": l, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(zi, {}) }),
+    /* @__PURE__ */ i(Ce, { onClick: u, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": l, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Di, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(yt, {})
   ] }) : null;
-}, Ai = () => {
+}, Fi = () => {
   const { container: t, pagesRef: e } = me(), { isSmallScreen: n } = Pe(), {
     openFileTool: o,
     downloadTool: r,
     documentProperties: a,
     scrollModeTool: l,
     rotateTool: c,
-    selectionModeTool: d,
-    jumpNavigationTool: u,
+    selectionModeTool: u,
+    jumpNavigationTool: d,
     printTool: m,
     fullscreenTool: v
   } = ge(), { localeMessages: p } = ae(), [w, P] = $(0), y = H(
@@ -2674,7 +2706,7 @@ const Ie = {
       P(T[0].contentRect.height);
     })
   ), b = k(() => {
-    const T = u || c || d || l || a;
+    const T = d || c || u || l || a;
     let h = !1;
     return n && (h = !(!o && !r && !m && !v)), T || h;
   }, [
@@ -2683,56 +2715,58 @@ const Ie = {
     a,
     l,
     c,
-    d,
     u,
+    d,
     n
   ]);
   return F(() => (e && y.current.observe(e), () => {
     y.current.disconnect();
-  }), [e]), b ? /* @__PURE__ */ W(uo, { children: [
+  }), [e]), b ? /* @__PURE__ */ W(po, { children: [
     /* @__PURE__ */ i(
       mn,
       {
         container: t,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(Xr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(Yr, {}) }) }) }),
+        side: "bottom",
+        avoidCollisions: !1,
         children: /* @__PURE__ */ W(
           "div",
           {
             style: { maxHeight: `${w}px`, overflow: "auto" },
-            className: Si["rp-other-tool-content"],
+            className: yi["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
               n && /* @__PURE__ */ W(Ke, { children: [
                 /* @__PURE__ */ i(fn, {}),
-                /* @__PURE__ */ i(Vn, {}),
-                /* @__PURE__ */ i(Zn, {}),
+                /* @__PURE__ */ i(qn, {}),
+                /* @__PURE__ */ i(jn, {}),
                 /* @__PURE__ */ i(gn, {}),
                 /* @__PURE__ */ i(yt, {})
               ] }),
-              /* @__PURE__ */ i(Di, {}),
-              /* @__PURE__ */ i(ho, {}),
-              /* @__PURE__ */ i(wo, {}),
+              /* @__PURE__ */ i(Ai, {}),
               /* @__PURE__ */ i(fo, {}),
+              /* @__PURE__ */ i(_o, {}),
               /* @__PURE__ */ i(mo, {}),
-              /* @__PURE__ */ i(po, {})
+              /* @__PURE__ */ i(go, {}),
+              /* @__PURE__ */ i(ho, {})
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ i(Ti, {})
+    /* @__PURE__ */ i(Si, {})
   ] }) : null;
-}, Fi = () => {
+}, Wi = () => {
   const { isSmallScreen: t } = Pe();
   return /* @__PURE__ */ W(fe, { children: [
-    /* @__PURE__ */ i(Kr, {}),
+    /* @__PURE__ */ i(Xr, {}),
     !t && /* @__PURE__ */ W(fe, { children: [
       /* @__PURE__ */ i(fn, {}),
-      /* @__PURE__ */ i(Vn, {}),
-      /* @__PURE__ */ i(Zn, {}),
+      /* @__PURE__ */ i(qn, {}),
+      /* @__PURE__ */ i(jn, {}),
       /* @__PURE__ */ i(gn, {})
     ] }),
-    /* @__PURE__ */ i(Ai, {})
+    /* @__PURE__ */ i(Fi, {})
   ] });
 }, ze = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2740,14 +2774,14 @@ const Ie = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
   "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
-}, Wi = 25, mt = 1e3, ki = [50, 75, 100, 125, 150, 200, 300, 400], Mi = () => {
+}, ki = 25, mt = 1e3, Mi = [50, 75, 100, 125, 150, 200, 300, 400], Hi = () => {
   const { zoomInIcon: t } = ue();
-  return t || /* @__PURE__ */ i(_o, {});
-}, Hi = () => {
-  const { zoomOutIcon: t } = ue();
   return t || /* @__PURE__ */ i(bo, {});
 }, $i = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = me(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = ie(), { pageRotate: l } = Ue(), { pages: c } = ee(), { isSmallScreen: d } = Pe(), { localeMessages: u } = ae(), { viewMode: m } = Ne(), [v, p] = $(0), w = H(
+  const { zoomOutIcon: t } = ue();
+  return t || /* @__PURE__ */ i(Co, {});
+}, Gi = () => {
+  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = me(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = ie(), { pageRotate: l } = Ue(), { pages: c } = ee(), { isSmallScreen: u } = Pe(), { localeMessages: d } = ae(), { viewMode: m } = Ne(), [v, p] = $(0), w = H(
     new ResizeObserver((s) => {
       p(s[0].contentRect.height);
     })
@@ -2761,12 +2795,12 @@ const Ie = {
       const C = Math.ceil(s / 25) * 25;
       return Math.min(C - 25, mt);
     });
-  }, [e]), b = k(() => t === Wi, [t]), T = k(() => t === mt, [t]), h = k(() => {
+  }, [e]), b = k(() => t === ki, [t]), T = k(() => t === mt, [t]), h = k(() => {
     const s = c.get(a);
     return s ? s.page.getViewport({ scale: 1, rotation: l[a] }) : null;
   }, [c, a, l]), f = N(
     (s) => {
-      const C = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, _ = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, S = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = Co(
+      const C = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, _ = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, S = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = Po(
         s,
         S,
         E,
@@ -2786,24 +2820,24 @@ const Ie = {
   return F(() => (o && w.current.observe(o), () => {
     w.current.disconnect();
   }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ W("div", { className: ze["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
         disabled: b,
         onClick: y,
-        "aria-label": u == null ? void 0 : u.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Hi, {})
+        "aria-label": d == null ? void 0 : d.zoomOutTooltip,
+        children: /* @__PURE__ */ i($i, {})
       }
     ) }),
-    !d && /* @__PURE__ */ i(
+    !u && /* @__PURE__ */ i(
       mn,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ W(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomSelectTooltip, children: /* @__PURE__ */ W(
           re,
           {
             className: ze["rp-current-zoom-wrapper"],
-            "aria-label": u == null ? void 0 : u.zoomSelectTooltip,
+            "aria-label": d == null ? void 0 : d.zoomSelectTooltip,
             children: [
               /* @__PURE__ */ i("span", { className: ze["rp-current-zoom-text"], children: t }),
               /* @__PURE__ */ i("span", { className: ze["rp-current-zoom-text"], children: "%" }),
@@ -2813,6 +2847,8 @@ const Ie = {
         ) }) }),
         style: { minWidth: "200px" },
         align: "center",
+        side: "bottom",
+        avoidCollisions: !1,
         children: /* @__PURE__ */ W(
           "div",
           {
@@ -2820,12 +2856,12 @@ const Ie = {
             className: ze["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ W(Ke, { children: [
-                /* @__PURE__ */ i(Ce, { onClick: () => g(at.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
-                /* @__PURE__ */ i(Ce, { onClick: () => g(at.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
-                /* @__PURE__ */ i(Ce, { onClick: () => g(at.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
+                /* @__PURE__ */ i(Ce, { onClick: () => g(at.ACTUAL), children: d == null ? void 0 : d.zoomActualSize }),
+                /* @__PURE__ */ i(Ce, { onClick: () => g(at.PAGE_FIT), children: d == null ? void 0 : d.zoomPageFit }),
+                /* @__PURE__ */ i(Ce, { onClick: () => g(at.PAGE_WIDTH), children: d == null ? void 0 : d.zoomPageWidth })
               ] }),
               /* @__PURE__ */ i(yt, {}),
-              /* @__PURE__ */ i(Ke, { children: ki.map((s) => /* @__PURE__ */ W(Ce, { onClick: () => g(s), children: [
+              /* @__PURE__ */ i(Ke, { children: Mi.map((s) => /* @__PURE__ */ W(Ce, { onClick: () => g(s), children: [
                 s,
                 " %"
               ] }, s)) })
@@ -2834,13 +2870,13 @@ const Ie = {
         )
       }
     ),
-    /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
         disabled: T,
         onClick: P,
-        "aria-label": u == null ? void 0 : u.zoomInTooltip,
-        children: /* @__PURE__ */ i(Mi, {})
+        "aria-label": d == null ? void 0 : d.zoomInTooltip,
+        children: /* @__PURE__ */ i(Hi, {})
       }
     ) })
   ] }) : null;
@@ -2869,13 +2905,13 @@ const Ie = {
   ] });
 }, an = () => {
   const { searchIcon: t } = ue();
-  return t || /* @__PURE__ */ i(Po, {});
-}, Gi = () => {
+  return t || /* @__PURE__ */ i(To, {});
+}, Ui = () => {
   const { container: t } = me(), [e, n] = $(!1), { pdf: o } = ee(), [r, a] = $(null), {
     searchOptions: l,
     setSearchOptions: c,
-    loading: d,
-    setSearch: u,
+    loading: u,
+    setSearch: d,
     totalMatches: m,
     currentMatchPosition: v,
     nextMatch: p,
@@ -2884,8 +2920,8 @@ const Ie = {
   } = xt(), { searchTool: y = !0 } = ge(), [b, T] = $(P), { localeMessages: h } = ae(), { isSmallScreen: f } = Pe(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
-    u(""), T(""), n(!1);
-  }, [u]), C = (I) => {
+    d(""), T(""), n(!1);
+  }, [d]), C = (I) => {
     const O = I.key === "Enter", M = I.key === " ";
     (O || M) && s();
   }, _ = N(
@@ -2895,9 +2931,9 @@ const Ie = {
     [e]
   ), S = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && P !== b ? u(b) : I.key === "Enter" && p();
+      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && P !== b ? d(b) : I.key === "Enter" && p();
     },
-    [b, w, p, u, P]
+    [b, w, p, d, P]
   );
   F(() => (window.addEventListener("keydown", _), () => {
     window.removeEventListener("keydown", _);
@@ -2907,8 +2943,8 @@ const Ie = {
   const E = N((I) => {
     T(I.target.value);
   }, []), x = N(() => {
-    T(""), u("");
-  }, [u]), R = k(() => `${v} / ${m}`, [v, m]), { wholeWords: z, matchCase: D } = k(() => l, [l]), A = N(
+    T(""), d("");
+  }, [d]), R = k(() => `${v} / ${m}`, [v, m]), { wholeWords: z, matchCase: D } = k(() => l, [l]), A = N(
     (I) => {
       c((O) => ({ ...O, matchCase: I }));
     },
@@ -2922,7 +2958,7 @@ const Ie = {
   return F(() => {
     s();
   }, [o, s]), y ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
-    Hr,
+    $r,
     {
       open: e,
       container: t,
@@ -2940,10 +2976,10 @@ const Ie = {
                 placeholder: h == null ? void 0 : h.searchInputPlaceholder,
                 className: J["rp-search-input"],
                 ref: a,
-                children: !!b && /* @__PURE__ */ i("span", { className: J["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(To, {}) })
+                children: !!b && /* @__PURE__ */ i("span", { className: J["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(So, {}) })
               }
             ) }),
-            d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: J["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
+            u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: J["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
             f && /* @__PURE__ */ i("div", { className: J["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
           ] }),
           /* @__PURE__ */ W("div", { className: J["rp-search-tool-input-checkboxes"], children: [
@@ -2961,15 +2997,15 @@ const Ie = {
       ] })
     }
   ) }) : null;
-}, Ui = "_loading_wazy2_1", De = {
+}, Vi = "_loading_wazy2_1", De = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
   "rp-loading-progress": "_rp-loading-progress_wazy2_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-  loading: Ui
-}, Vi = ({ percentage: t }) => {
+  loading: Vi
+}, qi = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = ae();
   return t < 1 ? null : /* @__PURE__ */ i("div", { className: ne(De["rp-loading-overlay"]), children: /* @__PURE__ */ W("div", { className: ne(De["rp-loading-modal"]), children: [
     /* @__PURE__ */ W("div", { className: ne(De["rp-loading-title"]), children: [
@@ -2985,18 +3021,18 @@ const Ie = {
     ) }),
     /* @__PURE__ */ i("button", { className: ne(De["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, qi = $e((t, e) => {
+}, Bi = $e((t, e) => {
   const { showPrintProgress: n } = ge(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, l = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ W("div", { children: [
     /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: We["rp-toolbar-content"], children: /* @__PURE__ */ W("div", { className: We["rp-toolbar-wrapper"], style: l(), children: [
       /* @__PURE__ */ W("div", { "data-rp": "topBarLeft", className: We["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(Gi, {}),
-        /* @__PURE__ */ i(ai, {})
+        /* @__PURE__ */ i(Ui, {}),
+        /* @__PURE__ */ i(si, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ i($i, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: We["rp-toolbar-end"], children: /* @__PURE__ */ i(Fi, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ i(Gi, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: We["rp-toolbar-end"], children: /* @__PURE__ */ i(Wi, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(Vi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(qi, { percentage: a }) : null
   ] });
 }), gt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
@@ -3009,17 +3045,17 @@ const Ie = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, Bi = (t) => {
-  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ie(), { pageRotate: l } = Ue(), c = k(() => o ? ke["rp-thumbnail-active"] : "", [o]), d = k(() => ({
+}, Zi = (t) => {
+  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ie(), { pageRotate: l } = Ue(), c = k(() => o ? ke["rp-thumbnail-active"] : "", [o]), u = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
-  }), [r]), u = N(() => {
+  }), [r]), d = N(() => {
     n && a(n);
   }, [a, n]);
   return /* @__PURE__ */ W(
     "div",
     {
-      onClick: u,
+      onClick: d,
       id: `page-${n}`,
       className: ke["rp-thumbnail-wrapper"],
       children: [
@@ -3034,8 +3070,8 @@ const Ie = {
               "img",
               {
                 src: e,
-                width: d.width,
-                height: d.height,
+                width: u.width,
+                height: u.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ i(
@@ -3043,8 +3079,8 @@ const Ie = {
               {
                 className: ke["rp-thumbnail-loader"],
                 style: {
-                  width: `${d.width}px`,
-                  height: `${d.height}px`
+                  width: `${u.width}px`,
+                  height: `${u.height}px`
                 },
                 children: /* @__PURE__ */ i(Ct, {})
               }
@@ -3058,22 +3094,22 @@ const Ie = {
 }, sn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Zi = 16, ji = (t, e) => {
+}, ji = 16, Ki = (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) - Zi);
-}, Ki = $e((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: d } = Pn(), u = H(null), m = H(1);
-  cn(e, () => u.current);
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - ji);
+}, Xi = $e((t, e) => {
+  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: u } = Pn(), d = H(null), m = H(1);
+  cn(e, () => d.current);
   const v = k(() => Object.values(a), [a]), p = N(() => {
     const w = c + 1;
     w <= r && l(w);
   }, [l, r, c]);
   return F(() => {
-    o > c ? d(o) : n && m.current !== o && (ji(u.current, o), m.current = o);
-  }, [o, c, d, n, v]), mr(u.current, p), /* @__PURE__ */ i("div", { ref: u, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, P) => {
+    o > c ? u(o) : n && m.current !== o && (Ki(d.current, o), m.current = o);
+  }, [o, c, u, n, v]), gr(d.current, p), /* @__PURE__ */ i("div", { ref: d, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, P) => {
     var y, b;
     return /* @__PURE__ */ i(
-      Bi,
+      Zi,
       {
         isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
         pageNumber: (b = w.page) == null ? void 0 : b.pageNumber,
@@ -3085,21 +3121,21 @@ const Ie = {
       P
     );
   }) : null }) });
-}), Xi = () => {
+}), Yi = () => {
   const { thumbnailIcon: t } = ue();
-  return t || /* @__PURE__ */ i(fr, {});
-}, Yi = () => {
-  const { active: t, setActive: e } = Pn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ge(), { localeMessages: c } = ae(), d = N(() => {
+  return t || /* @__PURE__ */ i(mr, {});
+}, Ji = () => {
+  const { active: t, setActive: e } = Pn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ge(), { localeMessages: c } = ae(), u = N(() => {
     e((m) => !m);
-  }, []), u = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), d = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
     re,
     {
-      onClick: d,
+      onClick: u,
       active: t,
       "aria-label": c == null ? void 0 : c.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Xi, {})
+      children: /* @__PURE__ */ i(Yi, {})
     }
-  ) }) : null, [a, t, d, c]);
+  ) }) : null, [a, t, u, c]);
   return /* @__PURE__ */ i(fe, { children: l && /* @__PURE__ */ W(
     "div",
     {
@@ -3107,7 +3143,7 @@ const Ie = {
       className: gt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: u }),
+        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: d }),
         /* @__PURE__ */ W(
           "div",
           {
@@ -3115,46 +3151,15 @@ const Ie = {
             hidden: !t,
             className: gt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i(Ki, { show: t, ref: r }),
-              /* @__PURE__ */ i(gr, { onWidthChange: o, thumbnailRef: r })
+              /* @__PURE__ */ i(Xi, { show: t, ref: r }),
+              /* @__PURE__ */ i(vr, { onWidthChange: o, thumbnailRef: r })
             ]
           }
         )
       ]
     }
   ) });
-}, be = {
-  "rp-layout": "_rp-layout_1ixt5_1",
-  "rp-content": "_rp-content_1ixt5_5",
-  "rp-pages": "_rp-pages_1ixt5_11",
-  "rp-container": "_rp-container_1ixt5_16",
-  "rp-loader": "_rp-loader_1ixt5_52",
-  "rp-theme-variables": "_rp-theme-variables_1ixt5_56",
-  "rp-dark-mode": "_rp-dark-mode_1ixt5_167"
-}, Ji = $e(
-  (t, e) => {
-    const { children: n, toolbarRef: o, style: r, className: a } = t, { customVariables: l, customDarkVariables: c } = Tr(), { darkMode: d } = rr();
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: e,
-        className: ne(
-          be["rp-theme-variables"],
-          be["rp-container"],
-          d ? be["rp-dark-mode"] : "",
-          a
-        ),
-        style: {
-          "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
-          ...l,
-          ...d ? c : {},
-          ...r
-        },
-        children: n
-      }
-    );
-  }
-), Ks = $e((t, e) => {
+}, Ks = $e((t, e) => {
   const {
     children: n,
     slots: o,
@@ -3162,22 +3167,22 @@ const Ie = {
     style: a,
     className: l,
     mobileWidth: c,
-    onLoaded: d,
-    cleanupOnLoaded: u,
+    onLoaded: u,
+    cleanupOnLoaded: d,
     onLayoutWidthChange: m
   } = t, [v, p] = $(null), { setContainer: w, setContentRef: P } = me(), { loading: y } = ee(), { LoaderImageComponent: b } = hn();
-  return F(() => (d && d(), () => {
-    u && u();
-  }), [d, u]), /* @__PURE__ */ i(Ji, { toolbarRef: v, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ W(_r, { getContainerRef: w, style: a, className: l, children: [
-    /* @__PURE__ */ W(br, { children: [
+  return F(() => (u && u(), () => {
+    d && d();
+  }), [u, d]), /* @__PURE__ */ i(In, { toolbarRef: v, ref: e, children: /* @__PURE__ */ i(Tr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(wr, { slots: o, children: /* @__PURE__ */ i(_r, { icons: r, children: /* @__PURE__ */ W(br, { getContainerRef: w, style: a, className: l, children: [
+    /* @__PURE__ */ W(Cr, { children: [
       /* @__PURE__ */ W("div", { className: be["rp-layout"], children: [
-        /* @__PURE__ */ i(qi, { ref: p }),
+        /* @__PURE__ */ i(Bi, { ref: p }),
         /* @__PURE__ */ W("div", { className: be["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(Yi, {}) }),
+          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(Ji, {}) }),
           /* @__PURE__ */ i("div", { ref: P, className: be["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ i(Cr, {})
+      /* @__PURE__ */ i(Pr, {})
     ] }),
     y ? /* @__PURE__ */ i(
       "div",
@@ -3210,49 +3215,49 @@ const Ie = {
   ] }) }) }) }) });
 });
 export {
-  zo as A,
+  Do as A,
   on as B,
-  Ro as C,
-  ei as D,
-  Gi as E,
-  Vn as F,
+  Lo as C,
+  ti as D,
+  Ui as E,
+  qn as F,
   qi as G,
   Bi as H,
-  Ki as I,
-  Yi as J,
+  Zi as I,
+  Xi as J,
   Ji as K,
-  Vi as L,
-  Di as M,
-  Ai as O,
+  In as L,
+  Ai as M,
+  Fi as O,
   Gs as P,
   Bs as R,
   qs as S,
   Vs as T,
-  $i as Z,
+  Gi as Z,
   Ks as a,
-  $n as b,
+  Gn as b,
   tt as c,
   xt as d,
   Us as e,
   wn as f,
-  So as g,
+  yo as g,
   _n as h,
-  yo as i,
+  xo as i,
   bn as j,
-  xo as k,
+  Io as k,
   Cn as l,
   Pn as m,
-  Io as n,
+  Ro as n,
   Tn as o,
-  Eo as p,
-  Ao as q,
+  No as p,
+  Fo as q,
   It as r,
-  Yo as s,
-  ti as t,
+  Jo as s,
+  ni as t,
   ie as u,
-  ni as v,
-  ai as w,
-  Ti as x,
-  Zn as y,
-  Fi as z
+  ri as v,
+  si as w,
+  Si as x,
+  jn as y,
+  Wi as z
 };