@pdf-viewer/react 1.8.3-rc.0 → 1.8.4-rc.0

package/dist/{RPDefaultLayout-c27ca9d0.js → RPDefaultLayout-a85a421b.js}

@@ -1,113 +1,114 @@
-import { jsx as i, Fragment as me, jsxs as k } from "react/jsx-runtime";
+import { jsx as i, Fragment as me, jsxs as M } from "react/jsx-runtime";
 import * as j from "react";
-import { useRef as $, useEffect as W, useCallback as E, useState as G, useMemo as M, createContext as Ye, useContext as Je, useImperativeHandle as dn, createElement as qe, PureComponent as tr, Component as nr, memo as un } from "react";
+import { useRef as $, useEffect as z, useCallback as E, useState as G, useMemo as W, createContext as $e, useContext as Ge, useImperativeHandle as cn, createElement as Ze, PureComponent as tr, Component as nr, memo as ln } from "react";
 import { ChevronUpIcon as He } from "./components/icons/ChevronUpIcon.js";
-import { UIButton as oe } from "./components/ui/Button.js";
-import { UIInput as pn } from "./components/ui/Input.js";
-import { ViewMode as Le, ScrollMode as te, AnnotationSubType as Ft, SelectionMode as rr, ZoomLevel as st } from "./utils/types.js";
+import { UIButton as ie } from "./components/ui/Button.js";
+import { UIInput as dn } from "./components/ui/Input.js";
+import { ViewMode as Le, ScrollMode as ne, AnnotationSubType as At, SelectionMode as rr, ZoomLevel as st } from "./utils/types.js";
 import { useScrollModeContext as Ne } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as ne } from "./contexts/RPDocumentContext.js";
+import { useDocumentContext as J } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as or } from "./contexts/DocumentPasswordContext.js";
 import { useDarkModeContext as ir } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
 import { useLayerContext as ar } from "./contexts/LayerContext.js";
-import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
+import { useZoomContext as Je } from "./contexts/ZoomContext.js";
 import { useViewModeContext as Oe } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
-import { useVirtualGridContext as hn } from "./contexts/VirtualGridContext.js";
+import { useVirtualGridContext as un } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as sr } from "./contexts/SelectionModeContext.js";
 import { useInitialStateContext as cr } from "./contexts/InitialStateContext.js";
 import { useFullScreenContext as lr } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
-import { renderPage as wt } from "./utils/renderPage.js";
 import { findMatches as dr, resetDivs as ur, highlightMatches as pr, isMatchEntireWord as hr } from "./utils/highlight.js";
 import { useLayoutContainer as ge } from "./contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as $e } from "./contexts/DimensionPagesContext.js";
+import { useDimensionPagesContext as qe } from "./contexts/DimensionPagesContext.js";
 import { useLocalizationContext as se } from "./contexts/LocalizationContext.js";
 import { useHighlightContext as fr } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
 import { useDownloadContext as mr } from "./contexts/DownloadContext.js";
-import { useSmoothScrollContext as fn } from "./contexts/SmoothScrollContext.js";
+import { useSmoothScrollContext as pn } from "./contexts/SmoothScrollContext.js";
 import "./contexts/ElementPageContext.js";
-import { usePagesRotateContext as Ge } from "./contexts/PagesRotateContext.js";
-import { useLoaderContext as mn } from "./contexts/LoaderContext.js";
+import { usePagesRotateContext as Ue } from "./contexts/PagesRotateContext.js";
+import { Queue as gr } from "./utils/Queue.js";
+import { renderPage as vr } from "./utils/renderPage.js";
+import { useLoaderContext as hn } from "./contexts/LoaderContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as gr } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as wr } from "./components/icons/Thumbnail.js";
 import { c as re } from "./clsx-0c6e471a.js";
-import { LoaderIcon as Tt } from "./components/icons/LoaderIcon.js";
-import { useInfiniteScroll as vr } from "./utils/hooks/useInfiniteScroll.js";
+import { LoaderIcon as Pt } from "./components/icons/LoaderIcon.js";
+import { useThemeContext as _r } from "./contexts/ThemeContext.js";
+import { RPDropFileZone as br } from "./components/RPDropFileZone.js";
+import { useToolbarComponentContext as ve, ToolbarComponentProvider as Cr } from "./contexts/ToolbarComponentContext.js";
+import { useInfiniteScroll as Pr } from "./utils/hooks/useInfiniteScroll.js";
 import { withRef as Ve } from "./utils/withRef.js";
-import { RPSplitter as wr } from "./components/layout/sidebar/RPSplitter.js";
-import { useToolbarComponentContext as ve, ToolbarComponentProvider as _r } from "./contexts/ToolbarComponentContext.js";
-import { useIconContext as pe, IconProvider as br } from "./contexts/IconContext.js";
-import J from "./components/ui/RPTooltip.js";
-import { Container as Cr } from "./components/layout/Container.js";
-import { WrapperLayout as Pr } from "./components/layout/WrapperLayout.js";
-import { RPDropFileZone as Tr } from "./components/RPDropFileZone.js";
-import { useViewportContext as Pe, ViewportProvider as yr } from "./contexts/ViewportContext.js";
-import { useThemeContext as Sr } from "./contexts/ThemeContext.js";
-import * as xr from "pdfjs-dist";
-import { PixelsPerInch as Ir, AnnotationMode as Rr, RenderingCancelledException as Lr, AnnotationLayer as Er } from "pdfjs-dist";
-import { SimpleLinkService as Nr } from "./utils/link_service.js";
-import { annotationsEvents as Or, annotationEventsHandler as Dr, handleClick as Wt, handleAnnotationWidget as zr, handleAnnotationLink as Ar, bindLayerEvents as Fr, unbindLayerEvents as kt } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Wr, sortHighlightPosition as kr, unwrap as Mr } from "./components/page/searchHighlight.js";
-import { CustomElement as Hr } from "./components/page/CustomElement.js";
-import { useMousePressed as $r } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as Gr } from "./utils/hooks/useGrabScroll.js";
+import { RPSplitter as Tr } from "./components/layout/sidebar/RPSplitter.js";
+import { useIconContext as pe, IconProvider as yr } from "./contexts/IconContext.js";
+import Y from "./components/ui/RPTooltip.js";
+import { Container as Sr } from "./components/layout/Container.js";
+import { WrapperLayout as xr } from "./components/layout/WrapperLayout.js";
+import { useViewportContext as Pe, ViewportProvider as Ir } from "./contexts/ViewportContext.js";
+import * as Rr from "pdfjs-dist";
+import { PixelsPerInch as Lr, AnnotationMode as Er, RenderingCancelledException as Nr, AnnotationLayer as Or } from "pdfjs-dist";
+import { SimpleLinkService as Dr } from "./utils/link_service.js";
+import { annotationsEvents as zr, annotationEventsHandler as Ar, handleClick as Ft, handleAnnotationWidget as Fr, handleAnnotationLink as kr, bindLayerEvents as Wr, unbindLayerEvents as kt } from "./utils/annotations.js";
+import { normalizeSingleKeyword as Mr, sortHighlightPosition as Hr, unwrap as $r } from "./components/page/searchHighlight.js";
+import { CustomElement as Gr } from "./components/page/CustomElement.js";
+import { useMousePressed as qr } 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 yt } from "./utils/hooks/useDebounce.js";
-import Ur from "./components/ui/PasswordModal.js";
-import { getPositionFromPage as qr, getPageFromPosition as Br } from "./utils/calculatePage.js";
+import { useDebounce as Tt } from "./utils/hooks/useDebounce.js";
+import Br from "./components/ui/PasswordModal.js";
+import { getPositionFromPage as Zr, getPageFromPosition as jr } from "./utils/calculatePage.js";
 import { getScrollDistance as Ae } from "./utils/getScrollDistance.js";
-import { getWordPositionInPage as Zr } from "./utils/getWordPositionInPage.js";
-import { getThumbnailViewport as Mt } from "./utils/getThumbnailViewport.js";
+import { getWordPositionInPage as Kr } from "./utils/getWordPositionInPage.js";
+import { getThumbnailViewport as Xr } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as ct } from "./utils/smoothScrollTo.js";
-import { appConsole as jr } from "./utils/appConsole.js";
-import { FileUploadTool as gn } 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 { UIDropDown as St } from "./components/ui/DropDown.js";
-import { c as Yr, a as xt, P as Ue, b as Me, d as It, k as Jr, u as Qr, i as eo } from "./index-ebf0eeb9.js";
-import { D as to, u as lt } from "./index-a7d7ef35.js";
-import { a as no, h as ro, u as oo, F as io, b as ao, G as Ke } from "./index-0da31711.js";
-import { CloseIcon as so } from "./components/icons/CloseIcon.js";
-import { dateFormatter as Ht } 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 { MenuSeparator as Rt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as go } from "./components/icons/FileDownloadDefaultIcon.js";
+import { appConsole as Qr } from "./utils/appConsole.js";
+import { FileUploadTool as fn } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as Yr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Jr } from "./components/icons/ThreeDotIcon.js";
+import { UIDropDown as yt } from "./components/ui/DropDown.js";
+import { c as eo, a as St, P as Be, b as Me, d as xt, k as to, u as no, i as ro } from "./index-ebf0eeb9.js";
+import { D as oo, u as lt } from "./index-a7d7ef35.js";
+import { a as io, h as ao, u as so, F as co, b as lo, G as Qe } from "./index-0da31711.js";
+import { CloseIcon as uo } from "./components/icons/CloseIcon.js";
+import { dateFormatter as Wt } from "./utils/dateFormatter.js";
+import { PropertyItem as po } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as ho, OtherToolProvider as fo } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as mo } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as go } from "./components/layout/toolbar/RotateTool.js";
+import { ViewModeTool as vo } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as wo } from "./components/layout/toolbar/ScrollModeTool.js";
+import { MenuSeparator as It } from "./components/layout/toolbar/MenuSeparator.js";
+import { FileDownloadDefaultIcon as _o } 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 { FullScreenTool as vn } from "./components/layout/toolbar/FullScreenTool.js";
-import { GoToDownIcon as wn } 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 { PAGE_PADDING as $t } from "./utils/constants.js";
-import { getZoomLevel as Co } from "./utils/getZoomLevel.js";
-import { SearchIcon as Po } from "./components/icons/SearchIcon.js";
-import { c as ee, S as Gt } from "./SearchCloseButton-cbf182aa.js";
-import { UICheckbox as Vt } from "./components/ui/Checkbox.js";
-import { ClearIcon as To } from "./components/icons/ClearIcon.js";
-import { InfoIcon as Ut } from "./components/icons/InfoIcon.js";
-import './assets/RPDefaultLayout.css';const _n = () => {
-  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ae(), l = $(), { columnCount: s } = hn(), { widths: u, heights: d } = $e(), m = $(e), w = $(t), p = $(s), { targetScrollPage: _ } = fn();
-  W(() => {
-    n != null && n.scrollToItem && (l.current = n);
-  }, [n]), W(() => {
-    m.current = e, w.current = t;
+import { PrintDefaultTool as bo } from "./components/icons/PrintDefaultIcon.js";
+import { FullScreenTool as mn } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as gn } from "./components/icons/GoToDownIcon.js";
+import { SelectionModeTool as Co } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Po } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as To } from "./components/icons/ZoomOutIcon.js";
+import { PAGE_PADDING as Mt } from "./utils/constants.js";
+import { getZoomLevel as yo } from "./utils/getZoomLevel.js";
+import { SearchIcon as So } from "./components/icons/SearchIcon.js";
+import { c as te, S as Ht } from "./SearchCloseButton-cbf182aa.js";
+import { UICheckbox as $t } from "./components/ui/Checkbox.js";
+import { ClearIcon as xo } from "./components/icons/ClearIcon.js";
+import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
+import './assets/RPDefaultLayout.css';const vn = () => {
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = oe(), s = $(), { columnCount: l } = un(), { widths: u, heights: d } = qe(), m = $(e), b = $(t), h = $(l), { targetScrollPage: w } = pn();
+  z(() => {
+    n != null && n.scrollToItem && (s.current = n);
+  }, [n]), z(() => {
+    m.current = e, b.current = t;
   }, [e, t]);
-  const b = E(
-    (C, S) => {
+  const C = E(
+    (_, S) => {
       if (!r)
         return;
-      const f = Math.ceil(C / 2) * 2 - 1;
-      if (C === f + 1) {
+      const f = Math.ceil(_ / 2) * 2 - 1;
+      if (_ === f + 1) {
         const g = {
           left: u[f],
           top: 0
@@ -116,38 +117,38 @@ import './assets/RPDefaultLayout.css';const _n = () => {
           (c) => ct(r, g, c)
         );
       }
-      const h = {
+      const p = {
         left: 0,
         top: 0
       };
       return r == null ? void 0 : r.scrollTo({
-        ...h,
+        ...p,
         behavior: S
       });
     },
     [r, u, ct]
   );
-  return W(() => {
-    m.current = e, w.current = t;
-  }, [e, t]), W(() => {
-    p.current = s;
-  }, [s]), { scrollToPage: E(
-    (C, S = "smooth") => {
-      a(C);
-      const f = C - 1;
-      let h = f, g = 0;
-      if (w.current === Le.DUAL_PAGE && m.current === te.PAGE_SCROLLING) {
-        b(C, S);
+  return z(() => {
+    m.current = e, b.current = t;
+  }, [e, t]), z(() => {
+    h.current = l;
+  }, [l]), { scrollToPage: E(
+    (_, S = "smooth") => {
+      a(_);
+      const f = _ - 1;
+      let p = f, g = 0;
+      if (b.current === Le.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
+        C(_, S);
         return;
       }
-      if (m.current === te.PAGE_SCROLLING) {
-        a(C);
+      if (m.current === ne.PAGE_SCROLLING) {
+        a(_);
         return;
       }
-      if (!l.current || !o)
+      if (!s.current || !o)
         return;
       const c = o;
-      if (_.current = C, m.current === te.HORIZONTAL_SCROLLING) {
+      if (w.current = _, m.current === ne.HORIZONTAL_SCROLLING) {
         g = f;
         const T = {
           left: Ae(u, g),
@@ -158,11 +159,11 @@ import './assets/RPDefaultLayout.css';const _n = () => {
           behavior: S
         });
       }
-      if (w.current === Le.DUAL_PAGE) {
-        g = f % 2, h = Math.floor(f / 2);
+      if (b.current === Le.DUAL_PAGE) {
+        g = f % 2, p = Math.floor(f / 2);
         const T = {
           left: Ae(u, g),
-          top: Ae(d, h)
+          top: Ae(d, p)
         };
         return c.scrollTo({
           ...T,
@@ -171,7 +172,7 @@ import './assets/RPDefaultLayout.css';const _n = () => {
       }
       const P = {
         left: 0,
-        top: Ae(d, h)
+        top: Ae(d, p)
       };
       return c.scrollTo({
         ...P,
@@ -180,54 +181,54 @@ import './assets/RPDefaultLayout.css';const _n = () => {
     },
     [
       o,
-      s,
-      b,
+      l,
+      C,
       a,
       ct,
       d,
       u
     ]
   ) };
-}, yo = (t = 1) => {
-  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: a } = _n(), l = $(1), { viewMode: s } = Oe(), { scrollMode: u } = Ne(), { widths: d } = $e(), { pagesRef: m } = ge(), w = yt(e, 100), p = E(
-    (h) => {
-      if (!/^[0-9]*$/g.test(h.toString()) || !h)
-        return { success: !1, currentPage: l.current };
-      const c = +h;
-      return c < 0 || c > o ? { success: !1, currentPage: l.current } : (n(c), l.current = c, { success: !0, currentPage: +h });
+}, Io = (t = 1) => {
+  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: a } = vn(), s = $(1), { viewMode: l } = Oe(), { scrollMode: u } = Ne(), { widths: d } = qe(), { pagesRef: m } = ge(), b = Tt(e, 100), h = E(
+    (p) => {
+      if (!/^[0-9]*$/g.test(p.toString()) || !p)
+        return { success: !1, currentPage: s.current };
+      const c = +p;
+      return c < 0 || c > o ? { success: !1, currentPage: s.current } : (n(c), s.current = c, { success: !0, currentPage: +p });
     },
     [o]
-  ), _ = E(p, [p]), b = E(
-    (h) => {
-      const g = p(h);
+  ), w = E(h, [h]), C = E(
+    (p) => {
+      const g = h(p);
       return g.success && a(g.currentPage), g;
     },
-    [p, a]
-  ), y = E((h) => {
-    const g = h % 2 === 1;
+    [h, a]
+  ), y = E((p) => {
+    const g = p % 2 === 1;
     if (!m || g)
       return !1;
-    const c = g ? d[h] : d[h - 1], P = g ? d[h + 1] : d[h];
-    return s === Le.DUAL_PAGE && c + P < m.clientWidth;
-  }, [s, d, m, o]), C = E(() => {
-    let h = e - 1;
-    y(h) && (h = e - 2), b(h);
-  }, [b, e, s, u, y]), S = M(() => s === Le.DUAL_PAGE && u === te.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, s, u]), f = E(() => {
+    const c = g ? d[p] : d[p - 1], P = g ? d[p + 1] : d[p];
+    return l === Le.DUAL_PAGE && c + P < m.clientWidth;
+  }, [l, d, m, o]), _ = E(() => {
+    let p = e - 1;
+    y(p) && (p = e - 2), C(p);
+  }, [C, e, l, u, y]), S = W(() => l === Le.DUAL_PAGE && u === ne.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, l, u]), f = E(() => {
     if (S)
       return;
-    let h = e + 1;
-    y(h) && (h = e + 2), b(h);
-  }, [b, e, y, s, u, S]);
+    let p = e + 1;
+    y(p) && (p = e + 2), C(p);
+  }, [C, e, y, l, u, S]);
   return {
-    focusedPage: w,
+    focusedPage: b,
     totalPages: o,
-    setFocusedPage: _,
+    setFocusedPage: w,
     setTotalPages: r,
     nextPage: f,
-    prevPage: C,
-    goToPage: b
+    prevPage: _,
+    goToPage: C
   };
-}, bn = Ye({
+}, wn = $e({
   focusedPage: 0,
   setFocusedPage: (t) => {
   },
@@ -239,52 +240,52 @@ import './assets/RPDefaultLayout.css';const _n = () => {
   },
   nextPage: () => {
   }
-}), ae = () => {
-  const t = Je(bn);
-  return typeof (t == null ? void 0 : t.focusedPage) > "u" && jr.error("Please use this hooks inside children component of RPProvider"), t;
-}, Gs = ({ children: t }) => {
-  const { pdf: e } = ne(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: s, prevPage: u } = yo();
-  return W(() => {
+}), oe = () => {
+  const t = Ge(wn);
+  return typeof (t == null ? void 0 : t.focusedPage) > "u" && Qr.error("Please use this hooks inside children component of RPProvider"), t;
+}, Bs = ({ children: t }) => {
+  const { pdf: e } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: l, prevPage: u } = Io();
+  return z(() => {
     e != null && e.numPages && (a(e.numPages), r(1));
   }, [e, a, r]), /* @__PURE__ */ i(
-    bn.Provider,
+    wn.Provider,
     {
       value: {
         focusedPage: n,
         totalPages: o,
         setFocusedPage: r,
         setTotalPages: a,
-        nextPage: s,
+        nextPage: l,
         prevPage: u,
-        goToPage: l
+        goToPage: s
       },
       children: t
     }
   );
 };
-const So = () => {
-  const { pdf: t, pages: e } = ne(), [n, o] = G({
+const Ro = () => {
+  const { pdf: t, pages: e } = J(), [n, o] = G({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = G(!1), [l, s] = G(!1), [u, d] = G(null), m = $(!1);
-  W(() => {
+  }), [r, a] = G(!1), [s, l] = G(!1), [u, d] = G(null), m = $(!1);
+  z(() => {
     m.current;
   }, [m]);
-  const w = E(() => {
+  const b = E(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
-    const h = document.querySelector(".rp-print-zone");
-    h && h.remove();
-  }, []), p = E(() => {
-    m.current = !1, a(!1), s(!1), d(null), o({
+    const p = document.querySelector(".rp-print-zone");
+    p && p.remove();
+  }, []), h = E(() => {
+    m.current = !1, a(!1), l(!1), d(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), _ = () => {
+  }, []), w = () => {
     m.current = !0;
-  }, b = async ({
-    scratchCanvas: h,
+  }, C = async ({
+    scratchCanvas: p,
     pdfDocument: g,
     pageNumber: c,
     viewerPdfPage: P,
@@ -293,41 +294,41 @@ const So = () => {
     printAnnotationStoragePromise: R
   }) => {
     if (m.current) {
-      p();
+      h();
       return;
     }
-    const x = v / Ir.PDF;
-    h.width = Math.floor(P.width * x), h.height = Math.floor(P.height * x);
-    const I = h.getContext("2d");
-    I.save(), I.fillStyle = "rgb(255, 255, 255)", I.fillRect(0, 0, h.width, h.height), I.restore();
-    const [O, z] = await Promise.all([
+    const x = v / Lr.PDF;
+    p.width = Math.floor(P.width * x), p.height = Math.floor(P.height * x);
+    const I = p.getContext("2d");
+    I.save(), I.fillStyle = "rgb(255, 255, 255)", I.fillRect(0, 0, p.width, p.height), I.restore();
+    const [O, A] = await Promise.all([
       g.getPage(c),
       R
     ]);
     if (m.current) {
-      p();
+      h();
       return;
     }
-    const A = {
+    const F = {
       canvasContext: I,
       transform: [x, 0, 0, x, 0, 0],
       viewport: O.getViewport({ scale: 1, rotation: P.rotation }),
       intent: "print",
-      annotationMode: Rr.ENABLE_STORAGE,
+      annotationMode: Er.ENABLE_STORAGE,
       optionalContentConfigPromise: T,
-      printAnnotationStorage: z
+      printAnnotationStorage: A
     };
     try {
-      return O.render(A).promise;
+      return O.render(F).promise;
     } catch (L) {
-      throw L instanceof Lr || console.error(L), L;
+      throw L instanceof Nr || console.error(L), L;
     }
   }, y = E(() => {
-    const h = window.print;
+    const p = window.print;
     return new Promise((g) => {
       const c = (T) => {
         setTimeout(() => {
-          h.call(window), setTimeout(() => T(), 20);
+          p.call(window), setTimeout(() => T(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
@@ -339,17 +340,17 @@ const So = () => {
       });
       v.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), C = async (h) => {
+  }, []), _ = async (p) => {
     const g = document.createElement("img"), c = document.createElement("div");
     return c.classList.add("rp-print-page"), await new Promise((P, v) => {
-      h.toBlob((T) => {
+      p.toBlob((T) => {
         T ? (g.src = URL.createObjectURL(T), g.onload = () => {
           URL.revokeObjectURL(g.src), P();
         }, g.onerror = v) : v(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), c.appendChild(g), c;
-  }, S = (h, g) => {
+  }, S = (p, g) => {
     const c = document.createElement("div");
     c.classList.add("rp-print-zone");
     const P = document.createElement("style"), v = g.get(1);
@@ -357,12 +358,12 @@ const So = () => {
       const { width: T, height: R } = v == null ? void 0 : v.page.getViewport({ scale: 1 });
       P.innerHTML = `@page { size: ${T}px ${R}px }`;
     }
-    return c.appendChild(P), c.append(...h), c;
+    return c.appendChild(P), c.append(...p), c;
   }, f = E(async () => {
     if (!t)
       return;
-    p();
-    const h = document.createElement("canvas"), g = [];
+    h();
+    const p = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const P = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
@@ -370,12 +371,12 @@ const So = () => {
       ), T = e.size;
       for (const [x, I] of e) {
         if (m.current) {
-          p();
+          h();
           return;
         }
         const O = I.page.getViewport({ scale: 1 });
-        if (await b({
-          scratchCanvas: h,
+        if (await C({
+          scratchCanvas: p,
           pdfDocument: t,
           pageNumber: x,
           viewerPdfPage: O,
@@ -383,46 +384,46 @@ const So = () => {
           optionalContentConfigPromise: P,
           printAnnotationStoragePromise: v
         }), m.current) {
-          p();
+          h();
           return;
         }
-        const z = await C(h);
-        g.push(z);
-        const A = parseFloat((g.length / T * 100).toFixed(2));
+        const A = await _(p);
+        g.push(A);
+        const F = parseFloat((g.length / T * 100).toFixed(2));
         o({
           loadedPages: x,
           totalPages: T,
-          percentage: A
+          percentage: F
         });
       }
       if (m.current) {
-        p();
+        h();
         return;
       }
       const R = S(g, e);
       document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
     } catch (c) {
-      s(!0), c instanceof Error && d(c);
+      l(!0), c instanceof Error && d(c);
     } finally {
-      h.height = 0, h.width = 0;
+      p.height = 0, p.width = 0;
     }
   }, [t, e, m]);
-  return W(() => {
-    const h = () => {
-      p(), w();
+  return z(() => {
+    const p = () => {
+      h(), b();
     };
-    return window.addEventListener("afterprint", h, !0), () => {
-      window.removeEventListener("afterprint", h, !0);
+    return window.addEventListener("afterprint", p, !0), () => {
+      window.removeEventListener("afterprint", p, !0);
     };
-  }, [w, p]), {
+  }, [b, h]), {
     print: f,
-    cancel: _,
+    cancel: w,
     progress: n,
     isComplete: r,
-    isError: l,
+    isError: s,
     error: u
   };
-}, Cn = Ye({
+}, _n = $e({
   print: () => {
   },
   cancel: () => {
@@ -439,127 +440,84 @@ const So = () => {
       console.error("Error in setOnError callback:", e);
     }
   }
-}), Vs = ({ children: t }) => {
-  const [e, n] = G(null), [o, r] = G(null), { print: a, cancel: l, progress: s, isComplete: u, isError: d, error: m } = So(), w = E((C) => {
-    C && typeof C == "function" && r(() => C);
-  }, []), p = (C) => {
-    m && C(m);
-  }, _ = E(
-    (C) => {
-      n(() => C);
+}), Zs = ({ children: t }) => {
+  const [e, n] = G(null), [o, r] = G(null), { print: a, cancel: s, progress: l, isComplete: u, isError: d, error: m } = Ro(), b = E((_) => {
+    _ && typeof _ == "function" && r(() => _);
+  }, []), h = (_) => {
+    m && _(m);
+  }, w = E(
+    (_) => {
+      n(() => _);
     },
-    [s, e]
+    [l, e]
   );
-  W(() => {
-    u && o && b();
-  }, [u, o]), W(() => {
-    d && p((C) => {
-      console.error(C);
+  z(() => {
+    u && o && C();
+  }, [u, o]), z(() => {
+    d && h((_) => {
+      console.error(_);
     });
-  }, [d]), W(() => {
-    s && e && e(s);
-  }, [s, e]);
-  const b = () => {
+  }, [d]), z(() => {
+    l && e && e(l);
+  }, [l, e]);
+  const C = () => {
     o && (o(), r(null));
   }, y = {
     print: a,
-    cancel: l,
-    setOnProgress: _,
-    setOnComplete: w,
-    setOnError: p,
-    progress: s
+    cancel: s,
+    setOnProgress: w,
+    setOnComplete: b,
+    setOnError: h,
+    progress: l
   };
-  return /* @__PURE__ */ i(Cn.Provider, { value: y, children: t });
+  return /* @__PURE__ */ i(_n.Provider, { value: y, children: t });
 }, tt = () => {
-  const t = Je(Cn);
+  const t = Ge(_n);
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, xo = () => {
-  const [t, e] = G({}), { pages: n } = ne(), o = M(() => Object.keys(t).length, [t]), r = E(
-    (l) => {
+}, Lo = () => {
+  const [t, e] = G({}), { pages: n } = J(), o = W(() => Object.keys(t).length, [t]), r = E(
+    (s) => {
       if (!n.size)
         return;
-      const s = l > n.size ? n.size : l, u = Array.from(n.values()).slice(0, s).map((w) => {
-        const { thumbnailViewport: p, scale: _ } = Mt(w.page, w.defaultRotation);
+      const l = s > n.size ? n.size : s, d = Array.from(n.values()).slice(0, l).map((m) => {
+        const { thumbnailViewport: b, scale: h } = Xr(m.page, m.defaultRotation);
         return {
-          scale: _,
-          page: w.page,
+          scale: h,
+          page: m.page,
           loading: !0,
-          viewport: p,
-          defaultRotation: w.defaultRotation
+          viewport: b,
+          defaultRotation: m.defaultRotation
         };
-      }), d = u.reduce((w, p) => (w[p.page.pageNumber] = p, w), {});
+      }).reduce((m, b) => (m[b.page.pageNumber] = b, m), {});
       e(d);
-      const m = [];
-      for (const w of u) {
-        const p = document.createElement("canvas"), _ = wt(w.page, p, {
-          scale: w.scale,
-          rotate: w.defaultRotation
-        }).promise.then(() => {
-          const b = p.toDataURL();
-          return {
-            ...w,
-            thumbnailSrc: b,
-            loading: !1,
-            defaultRotation: w.defaultRotation
-          };
-        });
-        m.push(_);
-      }
-      Promise.all(m).then((w) => {
-        const p = w.reduce(
-          (_, b) => (_[b.page.pageNumber] = b, _),
-          {}
-        );
-        e((_) => ({ ..._, ...p }));
-      }).catch(() => {
-      });
     },
     [n]
   );
-  W(() => {
+  z(() => {
     r(10);
   }, [r]);
   const a = E(
-    (l) => {
+    (s) => {
       if (!n)
         return;
-      const s = n.get(l);
-      if (!s)
-        return;
-      e((d) => ({
-        ...d,
-        [l]: {
+      const l = n.get(s);
+      l && e((u) => ({
+        ...u,
+        [s]: {
           loading: !0,
-          page: s.page,
-          viewport: s.thumbnailViewport,
-          scale: s.thumbnailScale,
-          defaultRotation: s.defaultRotation
+          page: l.page,
+          viewport: l.thumbnailViewport,
+          scale: l.thumbnailScale,
+          defaultRotation: l.defaultRotation
         }
       }));
-      const u = document.createElement("canvas");
-      wt(s.page, u, {
-        scale: s.thumbnailScale,
-        rotate: s.defaultRotation
-      }).promise.then(() => {
-        const d = u.toDataURL(), { thumbnailViewport: m, scale: w } = Mt(s.page);
-        return {
-          scale: w,
-          thumbnailSrc: d,
-          page: s.page,
-          loading: !1,
-          viewport: m,
-          defaultRotation: s.defaultRotation
-        };
-      }).then((d) => {
-        e((m) => ({ ...m, [l]: d }));
-      });
     },
     [n]
   );
   return { thumbnailPages: t, addPage: a, addToPage: r, thumbnailLength: o };
-}, Pn = Ye({
+}, bn = $e({
   thumbnailPages: {},
   addPage: (t) => {
   },
@@ -569,116 +527,116 @@ const So = () => {
   setActive: (t) => {
   },
   active: !1
-}), Tn = () => Je(Pn), Us = ({
+}), Cn = () => Ge(bn), js = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = xo(), [l, s] = G(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = Lo(), [s, l] = G(e);
   return /* @__PURE__ */ i(
-    Pn.Provider,
+    bn.Provider,
     {
-      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: l, setActive: s },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: l },
       children: t
     }
   );
-}, Io = (t = {}, e = "") => {
-  const [n, o] = G(e), [r, a] = G(!1), { pdf: l, pages: s } = ne(), { widths: u, heights: d } = $e(), m = $(!n), { currentZoom: w } = Qe(), [p, _] = G([]), { setFocusedPage: b } = ae(), { columnCount: y } = Oe(), { pageRotate: C } = Ge(), [S, f] = G(0), { pageScrollElementRef: h, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: P } = ge(), [v, T] = G(null), R = $({}), x = M(() => S === 0 ? null : p[S - 1], [S, p]), I = M(() => p.length, [p]);
-  W(() => {
-    if (!x || !s)
+}, Eo = (t = {}, e = "") => {
+  const [n, o] = G(e), [r, a] = G(!1), { pdf: s, pages: l } = J(), { widths: u, heights: d } = qe(), m = $(!n), { currentZoom: b } = Je(), [h, w] = G([]), { setFocusedPage: C } = oe(), { columnCount: y } = Oe(), { pageRotate: _ } = Ue(), [S, f] = G(0), { pageScrollElementRef: p, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: P } = ge(), [v, T] = G(null), R = $({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), I = W(() => h.length, [h]);
+  z(() => {
+    if (!x || !l)
       return;
-    const L = g || h;
+    const L = g || p;
     if (!L || !P)
       return;
-    const N = s.get(x.page);
-    if (c === te.PAGE_SCROLLING && b(x.page), !N)
+    const N = l.get(x.page);
+    if (c === ne.PAGE_SCROLLING && C(x.page), !N)
       return;
-    let D = 0, F = 0;
-    if (c === te.VERTICAL_SCROLLING) {
-      const de = x.page - 1, Q = y, Fe = de % Q, we = Math.floor(de / Q);
-      D = Ae(d, we), F = Ae(u, Fe);
+    let D = 0, k = 0;
+    if (c === ne.VERTICAL_SCROLLING) {
+      const de = x.page - 1, ee = y, Fe = de % ee, we = Math.floor(de / ee);
+      D = Ae(d, we), k = Ae(u, Fe);
     }
-    c === te.HORIZONTAL_SCROLLING && (F = u.slice(0, x.page - 1).reduce((de, Q) => de + Q, 0));
-    const V = {
+    c === ne.HORIZONTAL_SCROLLING && (k = u.slice(0, x.page - 1).reduce((de, ee) => de + ee, 0));
+    const q = {
       height: d[x.page - 1],
       width: u[x.page - 1]
     }, H = {
-      top: V.height / 2,
-      left: V.width / 2
-    }, U = C[x.page], { leftInPage: q, topInPage: K } = Zr(
-      V,
+      top: q.height / 2,
+      left: q.width / 2
+    }, U = _[x.page], { leftInPage: V, topInPage: K } = Kr(
+      q,
       H,
       x.rect,
-      w,
+      b,
       U
-    ), X = F + q, Y = D + K, le = {
+    ), X = k + V, Q = D + K, le = {
       left: Math.max(X, 0),
-      top: Math.max(Y, 0)
+      top: Math.max(Q, 0)
     };
     L.scrollTo({
       ...le,
       behavior: "smooth"
     });
   }, [
-    s,
-    b,
+    l,
+    C,
     u,
     d,
     x,
     c,
     g,
-    h,
+    p,
     P
   ]);
   const O = E(() => {
     f((L) => I ? L + 1 > I ? 1 : L + 1 : 0);
-  }, [I]), z = E(() => {
+  }, [I]), A = E(() => {
     f((L) => I ? L - 1 <= 0 ? I : L - 1 : 0);
-  }, [I]), A = E(async (L) => {
+  }, [I]), F = E(async (L) => {
     if (!L)
       return {};
     const N = L.numPages, D = {};
-    for (let F = 1; F <= N; F++) {
+    for (let k = 1; k <= N; k++) {
       if (m.current)
         throw "close pop over";
-      const V = await L.getPage(F);
-      D[F.toString()] = await V.getTextContent();
+      const q = await L.getPage(k);
+      D[k.toString()] = await q.getTextContent();
     }
     return D;
   }, []);
-  return W(() => {
+  return z(() => {
     if (!n) {
-      m.current = !0, _([]), f(0);
+      m.current = !0, w([]), f(0);
       return;
     }
-    m.current = !1, a(!0), _([]), f(0), A(l).then((L) => {
+    m.current = !1, a(!0), w([]), f(0), F(s).then((L) => {
       R.current = L;
-      const D = Object.keys(L).reduce((F, V) => {
+      const D = Object.keys(L).reduce((k, q) => {
         const H = dr(
           [n],
-          L[V],
-          Number(V) - 1,
+          L[q],
+          Number(q) - 1,
           t
-        ).map((U, q) => ({ ...U, page: Number(V), pageMatchIdx: q }));
-        return [...F, ...H];
+        ).map((U, V) => ({ ...U, page: Number(q), pageMatchIdx: V }));
+        return [...k, ...H];
       }, []);
-      _(D), f(D.length ? 1 : 0);
+      w(D), f(D.length ? 1 : 0);
     }).catch(() => {
-      _([]), f(0);
+      w([]), f(0);
     }).finally(() => a(!1));
-  }, [n, A, l, t]), {
+  }, [n, F, s, t]), {
     search: n,
     setSearch: o,
     loading: r,
-    matches: p,
+    matches: h,
     totalMatches: I,
     currentMatchPosition: S,
     currentMatch: x,
     nextMatch: O,
-    prevMatch: z,
+    prevMatch: A,
     currentMatchElement: v,
     setCurrentMatchElement: T
   };
-}, yn = Ye({
+}, Pn = $e({
   search: "",
   setSearch: (t) => {
   },
@@ -696,45 +654,74 @@ const So = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (t) => {
   }
-}), qs = ({
+}), Ks = ({
   children: t,
   initialSearch: e
 }) => {
   const [n, o] = G({}), {
     loading: r,
     setSearch: a,
-    totalMatches: l,
-    currentMatchPosition: s,
+    totalMatches: s,
+    currentMatchPosition: l,
     currentMatch: u,
     search: d,
     matches: m,
-    nextMatch: w,
-    prevMatch: p,
-    currentMatchElement: _,
-    setCurrentMatchElement: b
-  } = Io(n, e);
+    nextMatch: b,
+    prevMatch: h,
+    currentMatchElement: w,
+    setCurrentMatchElement: C
+  } = Eo(n, e);
   return /* @__PURE__ */ i(
-    yn.Provider,
+    Pn.Provider,
     {
       value: {
         searchOptions: n,
         setSearchOptions: o,
         loading: r,
         setSearch: a,
-        totalMatches: l,
-        currentMatchPosition: s,
+        totalMatches: s,
+        currentMatchPosition: l,
         currentMatch: u,
-        nextMatch: w,
-        prevMatch: p,
+        nextMatch: b,
+        prevMatch: h,
         search: d,
         matches: m,
-        currentMatchElement: _,
-        setCurrentMatchElement: b
+        currentMatchElement: w,
+        setCurrentMatchElement: C
       },
       children: t
     }
   );
-}, Lt = () => Je(yn), ue = {
+}, Rt = () => Ge(Pn), Tn = $e(null), Xs = ({ children: t }) => {
+  const [e, n] = G(!1), [o, r] = G([]), a = E((d) => {
+    r((m) => [...m, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
+  }, []), s = W(() => new gr(a), [a]), { focusedPage: l } = oe(), u = E((d) => (n(!0), vr(
+    d.data.page,
+    d.data.canvasElem,
+    d.data.options
+  ).promise.then(() => {
+    d.data.canvasElem.hidden = !1;
+  }).finally(() => {
+    d.data.onLoaded && d.data.onLoaded();
+  })), []);
+  return z(() => {
+    l && (s.changePagePriority(`^page-${l}`, 0), s.changePagePriority(`^thumbnail-${l}`, 1));
+  }, [l]), z(() => {
+    if (s.isEmpty() || e)
+      return;
+    const d = s.dequeue();
+    if (!d)
+      return;
+    (async () => {
+      await u(d), n(!1), r(s.peekAll());
+    })();
+  }, [s, u, o, e]), /* @__PURE__ */ i(Tn.Provider, { value: s, children: t });
+}, yn = () => {
+  const t = Ge(Tn);
+  if (!t)
+    throw new Error("RenderQueue not found");
+  return t;
+}, ue = {
   "rp-pages": "_rp-pages_17t6t_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_17t6t_7",
   "rp-pages-container": "_rp-pages-container_17t6t_11",
@@ -747,56 +734,59 @@ const So = () => {
   "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 = $(null), { pages: a } = ne(), { pageRotate: l } = Ge(), s = $(), { currentZoom: u } = Qe();
-  return W(() => {
+}, No = (t) => {
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = $(null), { pages: a } = J(), { pageRotate: s } = Ue(), l = $(), { currentZoom: u } = Je(), d = yn(), m = $(`page-${e}`);
+  return z(() => {
     if (!a || u === 0)
       return;
-    const d = a.get(e);
-    if (r.current && d) {
-      const m = r.current;
-      m.hidden = !0;
-      const w = s.current;
-      w && w.cancel(), o && o(), s.current = wt(d.page, m, {
-        scale: u,
-        rotate: l[e],
-        renderForms: !0
-      }), s.current.promise.then(() => {
-        m.hidden = !1;
-      }).catch(() => {
-      }).finally(() => {
-        n && n();
-      });
+    const b = a.get(e);
+    if (r.current && b) {
+      const h = r.current;
+      h.hidden = !0;
+      const w = l.current;
+      w && w.cancel(), o && o(), d.enqueue(
+        m.current,
+        {
+          page: b.page,
+          canvasElem: h,
+          options: {
+            scale: u,
+            rotate: s[e],
+            renderForms: !0
+          },
+          onLoaded: n
+        },
+        2
+      );
     }
     return () => {
-      var m;
-      (m = s.current) == null || m.cancel();
+      d.removeQueue(m.current);
     };
-  }, [a, e, l, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
-}, Lo = "_selecting_usdup_9", he = {
+  }, [a, e, s, u, o, n, d]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
+}, Oo = "_selecting_usdup_9", he = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
-  selecting: Lo,
+  selecting: Oo,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
-}, Eo = (t) => {
-  const { pageNumber: e } = t, { pages: n } = ne(), o = $(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = Lt(), [s, u] = G(
+}, Do = (t) => {
+  const { pageNumber: e } = t, { pages: n } = J(), o = $(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = Rt(), [l, u] = G(
     []
-  ), d = $(), m = $(), w = $([]), p = M(() => r.filter((h) => h.pageIndex === e - 1), [r, e]), _ = E(
-    (h, g, c = !1) => {
-      if (c && ur(h, g), !p.length) {
-        w.current = [], u([]);
+  ), d = $(), m = $(), b = $([]), h = W(() => r.filter((p) => p.pageIndex === e - 1), [r, e]), w = E(
+    (p, g, c = !1) => {
+      if (c && ur(p, g), !h.length) {
+        b.current = [], u([]);
         return;
       }
-      const P = pr(p, h, g);
+      const P = pr(h, p, g);
       u(P);
     },
-    [p]
-  ), b = $(), y = $(!1), C = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
-  W(() => ((() => {
-    if (b.current)
+    [h]
+  ), C = $(), y = $(!1), _ = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  z(() => ((() => {
+    if (C.current)
       return;
-    b.current = new AbortController();
-    const { signal: g } = b.current, c = () => {
-      C().forEach((v) => {
+    C.current = new AbortController();
+    const { signal: g } = C.current, c = () => {
+      _().forEach((v) => {
         const T = v.querySelector(".endOfContent");
         T && (v.appendChild(T), T.style.width = "", T.style.height = "", v.classList.remove(he.selecting));
       });
@@ -830,7 +820,7 @@ const So = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var A, L;
+        var F, L;
         const v = document.getSelection();
         if (!v)
           return;
@@ -841,11 +831,11 @@ const So = () => {
         const T = /* @__PURE__ */ new Set();
         for (let N = 0; N < v.rangeCount; N++) {
           const D = v.getRangeAt(N);
-          C().forEach((F) => {
-            D.intersectsNode(F) && !T.has(F) && T.add(F);
+          _().forEach((k) => {
+            D.intersectsNode(k) && !T.has(k) && T.add(k);
           });
         }
-        C().forEach((N) => {
+        _().forEach((N) => {
           if (T.has(N))
             N.classList.add(he.selecting);
           else {
@@ -856,44 +846,44 @@ const So = () => {
         const R = v.getRangeAt(0);
         let I = P && (R.compareBoundaryPoints(Range.END_TO_END, P) === 0 || R.compareBoundaryPoints(Range.START_TO_END, P) === 0) ? R.startContainer : R.endContainer;
         I.nodeType === Node.TEXT_NODE && (I = I.parentNode);
-        const O = (A = I.parentElement) == null ? void 0 : A.closest(
+        const O = (F = I.parentElement) == null ? void 0 : F.closest(
           he["rp-text-layer"]
-        ), z = O == null ? void 0 : O.querySelector(".endOfContent");
-        z && O && (z.style.width = O.style.width, z.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(z, I.nextSibling)), P = R.cloneRange();
+        ), A = O == null ? void 0 : O.querySelector(".endOfContent");
+        A && O && (A.style.width = O.style.width, A.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(A, I.nextSibling)), P = R.cloneRange();
       },
       { signal: g }
     );
   })(), () => {
     var g;
-    (g = b.current) == null || g.abort(), b.current = void 0;
-  }), [C]);
+    (g = C.current) == null || g.abort(), C.current = void 0;
+  }), [_]);
   const S = E(() => {
     o.current && o.current.classList.add(he.selecting);
   }, []), f = E(() => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
-  return W(() => {
-    if (w.current.forEach((c) => {
+  return z(() => {
+    if (b.current.forEach((c) => {
       c.classList.remove("selected");
-    }), !s.length || !a || a.pageIndex !== e - 1)
+    }), !l.length || !a || a.pageIndex !== e - 1)
       return;
-    const h = p.findIndex(
+    const p = h.findIndex(
       (c) => JSON.stringify(c) === JSON.stringify(a)
     );
-    if (h === -1)
+    if (p === -1)
       return;
-    const g = s.filter((c) => c.index === h);
-    g.length && (w.current = g.map((c) => c.element), l(g[0].element), g.forEach((c) => {
+    const g = l.filter((c) => c.index === p);
+    g.length && (b.current = g.map((c) => c.element), s(g[0].element), g.forEach((c) => {
       c.element.classList.add("selected");
     }));
-  }, [a, s, p]), W(() => {
-    const h = n.get(e);
-    if (!h || !o.current)
+  }, [a, l, h]), z(() => {
+    const p = n.get(e);
+    if (!p || !o.current)
       return;
     const g = o.current;
-    return d.current && d.current.cancel(), h.page.getTextContent().then((c) => {
-      const P = h.page.getViewport({ scale: 1 });
-      return d.current = new xr.TextLayer({
+    return d.current && d.current.cancel(), p.page.getTextContent().then((c) => {
+      const P = p.page.getViewport({ scale: 1 });
+      return d.current = new Rr.TextLayer({
         viewport: P,
         textContentSource: c,
         container: g
@@ -904,7 +894,7 @@ const So = () => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
       const P = (T = d.current) == null ? void 0 : T.textDivs;
-      P && m.current && _(m.current, P);
+      P && m.current && w(m.current, P);
       const v = document.createElement("div");
       v.className = "endOfContent", (R = o.current) == null || R.appendChild(v);
     }).catch(() => {
@@ -912,14 +902,14 @@ const So = () => {
       var c;
       (c = d.current) == null || c.cancel();
     };
-  }, [n, e]), W(() => {
+  }, [n, e]), z(() => {
     var c;
     [].slice.call(o.current.children).forEach((P) => {
       P.classList.add(he["rp-text-layer-text"]);
     });
     const g = (c = d.current) == null ? void 0 : c.textDivs;
-    g && m.current && _(m.current, g, !0);
-  }, [_]), /* @__PURE__ */ i(
+    g && m.current && w(m.current, g, !0);
+  }, [w]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
@@ -929,122 +919,122 @@ const So = () => {
       onMouseUp: f
     }
   );
-}, No = {
+}, zo = {
   "rp-annotation-layer": "_rp-annotation-layer_1udza_1"
 };
-let Oo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const Do = (t) => {
-  const { pageNumber: e } = t, n = $(null), { pages: o, pdf: r } = ne(), a = $(), [l, s] = G(), { setFocusedPage: u, goToPage: d } = ae(), { scrollMode: m } = Ne(), { print: w } = tt(), { download: p } = Vn(), _ = M(() => o.get(e), [o, e]), b = M(() => _ == null ? void 0 : _.page.getViewport(), [_]);
-  W(() => {
+let Ao = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Fo = (t) => {
+  const { pageNumber: e } = t, n = $(null), { pages: o, pdf: r } = J(), a = $(), [s, l] = G(), { setFocusedPage: u, goToPage: d } = oe(), { scrollMode: m } = Ne(), { print: b } = tt(), { download: h } = qn(), w = W(() => o.get(e), [o, e]), C = W(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  z(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
-  }, [r]), W(() => {
-    _ && _.page.getAnnotations().then((C) => {
-      a.current = void 0, s(C), n.current && (n.current.innerText = "");
+  }, [r]), z(() => {
+    w && w.page.getAnnotations().then((_) => {
+      a.current = void 0, l(_), n.current && (n.current.innerText = "");
     });
-  }, [_]);
+  }, [w]);
   const y = E(
-    (C) => {
-      !l || !r || (Or(C), Dr(C, r, l).then((S) => {
-        var f, h;
-        ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "Print" ? w() : ((h = S == null ? void 0 : S.data) == null ? void 0 : h.action) === "SaveAs" && p();
-      }), m === te.PAGE_SCROLLING ? Wt(C, l, r, (S) => u(S.pageIndex + 1)) : Wt(C, l, r, (S) => d(S.pageIndex + 1)));
+    (_) => {
+      !s || !r || (zr(_), Ar(_, r, s).then((S) => {
+        var f, p;
+        ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "Print" ? b() : ((p = S == null ? void 0 : S.data) == null ? void 0 : p.action) === "SaveAs" && h();
+      }), m === ne.PAGE_SCROLLING ? Ft(_, s, r, (S) => u(S.pageIndex + 1)) : Ft(_, s, r, (S) => d(S.pageIndex + 1)));
     },
-    [r, l, d, u, m, w, p]
+    [r, s, d, u, m, b, h]
   );
-  return W(() => {
-    if (!_ || !l)
+  return z(() => {
+    if (!w || !s)
       return;
-    const C = _.page.getViewport();
+    const _ = w.page.getViewport();
     if (a.current) {
       a.current.update({
-        viewport: C.clone({ dontFlip: !0 })
+        viewport: _.clone({ dontFlip: !0 })
       });
       return;
     }
     const S = /* @__PURE__ */ new Map([]);
-    for (const g of l) {
+    for (const g of s) {
       const { annotationType: c } = g;
       switch (c) {
-        case Ft.Link:
-          Ar(g);
+        case At.Link:
+          kr(g);
           break;
-        case Ft.Widget:
-          zr(g, C, S);
+        case At.Widget:
+          Fr(g, _, S);
           break;
       }
     }
     const f = new AbortController();
     return (async () => {
       var P;
-      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Er({
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Or({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: _.page,
-        viewport: C.clone({ dontFlip: !0 })
+        page: w.page,
+        viewport: _.clone({ dontFlip: !0 })
       }), n.current && kt(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), c = await (r == null ? void 0 : r.getFieldObjects());
       if (f.signal.aborted)
         throw "abort";
       return (P = a.current) == null ? void 0 : P.render({
-        annotations: l,
+        annotations: s,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: c,
         div: n.current,
-        viewport: C.clone({ dontFlip: !0 }),
-        page: _.page,
-        imageResourcesPath: Oo,
+        viewport: _.clone({ dontFlip: !0 }),
+        page: w.page,
+        imageResourcesPath: Ao,
         renderForms: !0,
-        linkService: new Nr(),
+        linkService: new Dr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Fr(n.current, y);
+      n.current && Wr(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
       f.abort("clear"), n.current && kt(n.current, y);
     };
-  }, [r, l, y]), /* @__PURE__ */ i(
+  }, [r, s, y]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
-      className: No["rp-annotation-layer"],
+      style: { width: `${C == null ? void 0 : C.width}px`, height: `${C == null ? void 0 : C.height}px` },
+      className: zo["rp-annotation-layer"],
       ref: n
     }
   );
-}, zo = {
+}, ko = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Ao = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = G(), { pages: r } = ne(), { highlightKeywords: a } = fr(), l = !0, s = $(null), [u, d] = G(null), [m, w] = G([]);
-  W(() => {
-    s.current && d(s.current.parentElement);
-  }, [s]), W(() => {
+}, Wo = ({ pageNumber: t, viewport: e }) => {
+  const [n, o] = G(), { pages: r } = J(), { highlightKeywords: a } = fr(), s = !0, l = $(null), [u, d] = G(null), [m, b] = G([]);
+  z(() => {
+    l.current && d(l.current.parentElement);
+  }, [l]), z(() => {
     (async () => {
-      const h = r.get(t);
-      if (!h || !s.current)
+      const p = r.get(t);
+      if (!p || !l.current)
         return;
-      const g = await h.page.getTextContent();
+      const g = await p.page.getTextContent();
       o(g);
     })();
   }, [r, t]);
-  const p = M(() => a ? a.map((f) => {
-    var h, g;
+  const h = W(() => a ? a.map((f) => {
+    var p, g;
     return {
-      ...Wr(f.keyword, (h = f.options) == null ? void 0 : h.matchCase, (g = f.options) == null ? void 0 : g.wholeWords),
+      ...Mr(f.keyword, (p = f.options) == null ? void 0 : p.matchCase, (g = f.options) == null ? void 0 : g.wholeWords),
       color: f.highlightColor
     };
   }) : [], [a]);
-  function _(f, h) {
+  function w(f, p) {
     if (!f)
       return;
-    const g = `[data-rp="page-${h}-textLayer"]`;
+    const g = `[data-rp="page-${p}-textLayer"]`;
     return new Promise((c) => {
       const P = f.querySelector(g);
       if (P) {
@@ -1057,24 +1047,24 @@ const Do = (t) => {
       }).observe(f, { childList: !0, subtree: !0 });
     });
   }
-  function b(f) {
-    return new Promise((h) => {
+  function C(f) {
+    return new Promise((p) => {
       const g = f.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (g.length) {
-        h(Array.from(g));
+        p(Array.from(g));
         return;
       }
       new MutationObserver((P, v) => {
         const T = f.querySelectorAll(
           ".rp-text-layer-text"
         );
-        T.length && (h(Array.from(T)), v.disconnect());
+        T.length && (p(Array.from(T)), v.disconnect());
       }).observe(f, { childList: !0, subtree: !0 });
     });
   }
-  const y = (f, h, g, c) => {
+  const y = (f, p, g, c) => {
     var H;
     const P = document.createRange(), v = g.firstChild;
     if (!v || v.nodeType !== Node.TEXT_NODE)
@@ -1085,22 +1075,22 @@ const Do = (t) => {
     P.setStart(v, R), P.setEnd(v, x + 1);
     const I = document.createElement("span");
     I.style.width = "auto", P.surroundContents(I);
-    const O = I.getBoundingClientRect(), z = f.getBoundingClientRect(), A = z.height, L = z.width, N = 100 * (O.left - z.left) / L, D = 100 * (O.top - z.top) / A, F = 100 * O.height / A, V = 100 * O.width / L;
-    return Mr(I), {
-      keywordStr: h,
+    const O = I.getBoundingClientRect(), A = f.getBoundingClientRect(), F = A.height, L = A.width, N = 100 * (O.left - A.left) / L, D = 100 * (O.top - A.top) / F, k = 100 * O.height / F, q = 100 * O.width / L;
+    return $r(I), {
+      keywordStr: p,
       left: N,
       top: D,
-      height: F,
-      width: V,
-      pageHeight: A,
+      height: k,
+      width: q,
+      pageHeight: F,
       pageWidth: L
     };
   };
-  async function C(f, h) {
-    const g = await _(u, f);
+  async function _(f, p) {
+    const g = await w(u, f);
     if (!g)
       return;
-    const c = await b(g);
+    const c = await C(g);
     if (c.length) {
       const P = c.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
         (T, R, x) => T.concat(
@@ -1117,18 +1107,18 @@ const Do = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), v = S(g, h, c, P);
-      w(v);
+      ).slice(1), v = S(g, p, c, P);
+      b(v);
     }
   }
-  const S = (f, h, g, c) => {
-    const P = h.length;
+  const S = (f, p, g, c) => {
+    const P = p.length;
     if (!c.length || !P)
       return [];
     const v = [], T = c.map((R) => R.char).join("");
-    return p.forEach((R) => {
-      const { keyword: x, regExp: I, wholeWords: O, color: z } = R, A = x;
-      if (!A.trim())
+    return h.forEach((R) => {
+      const { keyword: x, regExp: I, wholeWords: O, color: A } = R, F = x;
+      if (!F.trim())
         return;
       const L = I.flags.indexOf("g") === -1 ? new RegExp(I, `${I.flags}g`) : I;
       let N;
@@ -1139,47 +1129,47 @@ const Do = (t) => {
           startIndex: N.index,
           endIndex: L.lastIndex
         });
-      const F = D.map((V) => ({
-        keyword: V.keyword,
-        indexes: c.slice(V.startIndex, V.endIndex),
-        color: z
+      const k = D.map((q) => ({
+        keyword: q.keyword,
+        indexes: c.slice(q.startIndex, q.endIndex),
+        color: A
       }));
-      for (const V of F) {
-        const H = V.indexes.reduce(
-          (U, q) => (U[q.spanIdx] = (U[q.spanIdx] || []).concat([q]), U),
+      for (const q of k) {
+        const H = q.indexes.reduce(
+          (U, V) => (U[V.spanIdx] = (U[V.spanIdx] || []).concat([V]), U),
           {}
         );
         for (const U of Object.values(H))
           if (U.length !== 1 || U[0].char.trim() !== "") {
-            const q = U, K = g[q[0].spanIdx], X = y(
+            const V = U, K = g[V[0].spanIdx], X = y(
               f,
-              A,
+              F,
               K,
-              q
+              V
             );
             if (X) {
-              const { left: Y, top: le } = X;
-              if (v.find((Q) => Q.left === Y && Q.top === le))
+              const { left: Q, top: le } = X;
+              if (v.find((ee) => ee.left === Q && ee.top === le))
                 continue;
-              v.push({ ...X, highlightColor: V.color });
+              v.push({ ...X, highlightColor: q.color });
             }
           }
       }
-    }), v.sort(kr), v;
+    }), v.sort(Hr), v;
   };
-  return W(() => {
+  return z(() => {
     (async () => {
       if (!(!a || a.length === 0))
         try {
-          await C(t, a);
-        } catch (h) {
-          console.error(h);
+          await _(t, a);
+        } catch (p) {
+          console.error(p);
         }
     })();
-  }, [l, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: s, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((f, h) => /* @__PURE__ */ i(
+  }, [s, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((f, p) => /* @__PURE__ */ i(
     "div",
     {
-      className: zo["rp-text-highlight"],
+      className: ko["rp-text-highlight"],
       style: {
         top: `${f.top}%`,
         left: `${f.left}%`,
@@ -1188,122 +1178,122 @@ const Do = (t) => {
         backgroundColor: f.highlightColor
       }
     },
-    h
+    p
   )) }) });
-}, Et = Ve((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = ne(), { pageRotate: l } = Ge(), { textLayer: s } = ar(), { currentZoom: u } = Qe(), d = $(a.get(n)), [m, w] = G(!1), p = $(null), [_, b] = G({
+}, Lt = Ve((t, e) => {
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = J(), { pageRotate: s } = Ue(), { textLayer: l } = ar(), { currentZoom: u } = Je(), d = $(a.get(n)), [m, b] = G(!1), h = $(null), [w, C] = G({
     width: 0,
     height: 0
   });
-  dn(e, () => p.current);
-  const y = M(() => d.current ? l[n] : 0, [n, l]);
-  W(() => {
+  cn(e, () => h.current);
+  const y = W(() => d.current ? s[n] : 0, [n, s]);
+  z(() => {
     if (a && (d.current = a.get(n), d.current)) {
-      const h = d.current.page.getViewport({
+      const p = d.current.page.getViewport({
         scale: u,
         rotation: y
       });
-      b(h);
+      C(p);
     }
   }, [a, n, y, u]);
-  const C = M(() => {
+  const _ = W(() => {
     switch (y) {
       case 90:
-        return `${_.width / 2}px ${_.width / 2}px`;
+        return `${w.width / 2}px ${w.width / 2}px`;
       case -90:
       case 270:
-        return `${_.height / 2}px ${_.height / 2}px`;
+        return `${w.height / 2}px ${w.height / 2}px`;
       default:
         return "center";
     }
-  }, [y, _]), S = E(() => {
-    w(!0);
+  }, [y, w]), S = E(() => {
+    b(!0);
   }, []), f = E(() => {
-    w(!1);
+    b(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: p,
+      ref: h,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...r,
       style: {
         ...o,
         "--rp-rotate": `${y}deg`,
-        "--rp-page-rotate-translate": `${C}`,
+        "--rp-page-rotate-translate": `${_}`,
         "--scale-factor": u
       },
       className: dt["rp-page-wrapper"],
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ M(
         "div",
         {
           style: {
-            width: `${_.width}px`,
-            height: `${_.height}px`
+            width: `${w.width}px`,
+            height: `${w.height}px`
           },
           className: dt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Ro, { onLoading: S, onLoaded: f, pageNumber: n }),
-            m && /* @__PURE__ */ i("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Tt, {}) }),
-            /* @__PURE__ */ i(Hr, { pageNumber: n }),
-            s && /* @__PURE__ */ i(Eo, { pageNumber: n }),
-            /* @__PURE__ */ i(Ao, { pageNumber: n, viewport: _ }),
-            /* @__PURE__ */ i(Do, { pageNumber: n })
+            /* @__PURE__ */ i(No, { onLoading: S, onLoaded: f, pageNumber: n }),
+            m && /* @__PURE__ */ i("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Pt, {}) }),
+            /* @__PURE__ */ i(Gr, { pageNumber: n }),
+            l && /* @__PURE__ */ i(Do, { pageNumber: n }),
+            /* @__PURE__ */ i(Wo, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(Fo, { pageNumber: n })
           ]
         }
       )
     }
   );
 });
-function _t() {
-  return _t = Object.assign ? Object.assign.bind() : function(t) {
+function wt() {
+  return wt = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var o in n)
         ({}).hasOwnProperty.call(n, o) && (t[o] = n[o]);
     }
     return t;
-  }, _t.apply(null, arguments);
+  }, wt.apply(null, arguments);
 }
 function qt(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function bt(t, e) {
-  return bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function _t(t, e) {
+  return _t = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, bt(t, e);
+  }, _t(t, e);
 }
-function Fo(t, e) {
-  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, bt(t, e);
+function Mo(t, e) {
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, _t(t, e);
 }
-var Bt = Number.isNaN || function(e) {
+var Ut = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Wo(t, e) {
-  return !!(t === e || Bt(t) && Bt(e));
+function Ho(t, e) {
+  return !!(t === e || Ut(t) && Ut(e));
 }
-function ko(t, e) {
+function $o(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var n = 0; n < t.length; n++)
-    if (!Wo(t[n], e[n]))
+    if (!Ho(t[n], e[n]))
       return !1;
   return !0;
 }
 function ut(t, e) {
-  e === void 0 && (e = ko);
+  e === void 0 && (e = $o);
   var n, o = [], r, a = !1;
-  function l() {
-    for (var s = [], u = 0; u < arguments.length; u++)
-      s[u] = arguments[u];
-    return a && n === this && e(s, o) || (r = t.apply(this, s), a = !0, n = this, o = s), r;
+  function s() {
+    for (var l = [], u = 0; u < arguments.length; u++)
+      l[u] = arguments[u];
+    return a && n === this && e(l, o) || (r = t.apply(this, l), a = !0, n = this, o = l), r;
   }
-  return l;
+  return s;
 }
-function Zt(t, e) {
+function Vt(t, e) {
   if (t == null)
     return {};
   var n = {};
@@ -1315,18 +1305,18 @@ function Zt(t, e) {
     }
   return n;
 }
-var Mo = typeof performance == "object" && typeof performance.now == "function", jt = Mo ? function() {
+var Go = typeof performance == "object" && typeof performance.now == "function", Bt = Go ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Kt(t) {
+function Zt(t) {
   cancelAnimationFrame(t.id);
 }
-function Ho(t, e) {
-  var n = jt();
+function qo(t, e) {
+  var n = Bt();
   function o() {
-    jt() - n >= e ? t.call(null) : r.id = requestAnimationFrame(o);
+    Bt() - n >= e ? t.call(null) : r.id = requestAnimationFrame(o);
   }
   var r = {
     id: requestAnimationFrame(o)
@@ -1334,7 +1324,7 @@ function Ho(t, e) {
   return r;
 }
 var pt = -1;
-function $o(t) {
+function Uo(t) {
   if (t === void 0 && (t = !1), pt === -1 || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), pt = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -1342,7 +1332,7 @@ function $o(t) {
   return pt;
 }
 var De = null;
-function Xt(t) {
+function jt(t) {
   if (t === void 0 && (t = !1), De === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -1351,20 +1341,20 @@ function Xt(t) {
   }
   return De;
 }
-var Go = 150, Vo = function(e) {
+var Vo = 150, Bo = 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 Uo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, s = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, w = t.getRowOffset, p = t.getRowStartIndexForOffset, _ = t.getRowStopIndexForStartIndex, b = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, C = t.validateProps;
+}, je = null, Ke = null, Xe = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet(), Xe = /* @__PURE__ */ new WeakSet());
+function Zo(t) {
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, s = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, b = t.getRowOffset, h = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, _ = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
-    Fo(f, S);
+    Mo(f, S);
     function f(g) {
       var c;
-      return c = S.call(this, g) || this, c._instanceProps = b(c.props, qt(c)), c._resetIsScrollingTimeoutId = null, c._outerRef = void 0, c.state = {
+      return c = S.call(this, g) || this, c._instanceProps = C(c.props, qt(c)), c._resetIsScrollingTimeoutId = null, c._outerRef = void 0, c.state = {
         instance: qt(c),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1372,7 +1362,7 @@ function Uo(t) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(P, v, T, R, x, I, O, z) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(P, v, T, R, x, I, O, A) {
         return c.props.onItemsRendered({
           overscanColumnStartIndex: P,
           overscanColumnStopIndex: v,
@@ -1381,7 +1371,7 @@ function Uo(t) {
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: I,
           visibleRowStartIndex: O,
-          visibleRowStopIndex: z
+          visibleRowStopIndex: A
         });
       }), c._callOnScroll = void 0, c._callOnScroll = ut(function(P, v, T, R, x) {
         return c.props.onScroll({
@@ -1392,46 +1382,46 @@ function Uo(t) {
           scrollUpdateWasRequested: x
         });
       }), c._getItemStyle = void 0, c._getItemStyle = function(P, v) {
-        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), z = P + ":" + v, A;
-        if (O.hasOwnProperty(z))
-          A = O[z];
+        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), A = P + ":" + v, F;
+        if (O.hasOwnProperty(A))
+          F = O[A];
         else {
           var L = n(c.props, v, c._instanceProps), N = x === "rtl";
-          O[z] = A = {
+          O[A] = F = {
             position: "absolute",
             left: N ? void 0 : L,
             right: N ? L : void 0,
-            top: w(c.props, P, c._instanceProps),
+            top: b(c.props, P, c._instanceProps),
             height: m(c.props, P, c._instanceProps),
             width: a(c.props, v, c._instanceProps)
           };
         }
-        return A;
+        return F;
       }, c._getItemStyleCache = void 0, c._getItemStyleCache = ut(function(P, v, T) {
         return {};
       }), c._onScroll = function(P) {
-        var v = P.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, z = v.scrollWidth;
-        c.setState(function(A) {
-          if (A.scrollLeft === x && A.scrollTop === I)
+        var v = P.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, A = v.scrollWidth;
+        c.setState(function(F) {
+          if (F.scrollLeft === x && F.scrollTop === I)
             return null;
           var L = c.props.direction, N = x;
           if (L === "rtl")
-            switch (Xt()) {
+            switch (jt()) {
               case "negative":
                 N = -x;
                 break;
               case "positive-descending":
-                N = z - R - x;
+                N = A - R - x;
                 break;
             }
-          N = Math.max(0, Math.min(N, z - R));
+          N = Math.max(0, Math.min(N, A - R));
           var D = Math.max(0, Math.min(I, O - T));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
+            horizontalScrollDirection: F.scrollLeft < x ? "forward" : "backward",
             scrollLeft: N,
             scrollTop: D,
-            verticalScrollDirection: A.scrollTop < I ? "forward" : "backward",
+            verticalScrollDirection: F.scrollTop < I ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, c._resetIsScrollingDebounced);
@@ -1439,7 +1429,7 @@ function Uo(t) {
         var v = c.props.outerRef;
         c._outerRef = P, typeof v == "function" ? v(P) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = P);
       }, c._resetIsScrollingDebounced = function() {
-        c._resetIsScrollingTimeoutId !== null && Kt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = Ho(c._resetIsScrolling, Go);
+        c._resetIsScrollingTimeoutId !== null && Zt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = qo(c._resetIsScrolling, Vo);
       }, c._resetIsScrolling = function() {
         c._resetIsScrollingTimeoutId = null, c.setState({
           isScrolling: !1
@@ -1449,10 +1439,10 @@ function Uo(t) {
       }, c;
     }
     f.getDerivedStateFromProps = function(c, P) {
-      return qo(c, P), C(c), null;
+      return jo(c, P), _(c), null;
     };
-    var h = f.prototype;
-    return h.scrollTo = function(c) {
+    var p = f.prototype;
+    return p.scrollTo = function(c) {
       var P = c.scrollLeft, v = c.scrollTop;
       P !== void 0 && (P = Math.max(0, P)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
         return P === void 0 && (P = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === P && T.scrollTop === v ? null : {
@@ -1463,27 +1453,27 @@ function Uo(t) {
           verticalScrollDirection: T.scrollTop < v ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, h.scrollToItem = function(c) {
-      var P = c.align, v = P === void 0 ? "auto" : P, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, z = x.rowCount, A = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, F = $o();
-      T !== void 0 && (T = Math.max(0, Math.min(T, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, z - 1)));
-      var V = l(this.props, this._instanceProps), H = s(this.props, this._instanceProps), U = H > A ? F : 0, q = V > O ? F : 0;
+    }, p.scrollToItem = function(c) {
+      var P = c.align, v = P === void 0 ? "auto" : P, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, F = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, k = Uo();
+      T !== void 0 && (T = Math.max(0, Math.min(T, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
+      var q = s(this.props, this._instanceProps), H = l(this.props, this._instanceProps), U = H > F ? k : 0, V = q > O ? k : 0;
       this.scrollTo({
-        scrollLeft: T !== void 0 ? u(this.props, T, v, N, this._instanceProps, q) : N,
+        scrollLeft: T !== void 0 ? u(this.props, T, v, N, this._instanceProps, V) : N,
         scrollTop: R !== void 0 ? d(this.props, R, v, D, this._instanceProps, U) : D
       });
-    }, h.componentDidMount = function() {
+    }, p.componentDidMount = function() {
       var c = this.props, P = c.initialScrollLeft, v = c.initialScrollTop;
       if (this._outerRef != null) {
         var T = this._outerRef;
         typeof P == "number" && (T.scrollLeft = P), typeof v == "number" && (T.scrollTop = v);
       }
       this._callPropsCallbacks();
-    }, h.componentDidUpdate = function() {
+    }, p.componentDidUpdate = function() {
       var c = this.props.direction, P = this.state, v = P.scrollLeft, T = P.scrollTop, R = P.scrollUpdateWasRequested;
       if (R && this._outerRef != null) {
         var x = this._outerRef;
         if (c === "rtl")
-          switch (Xt()) {
+          switch (jt()) {
             case "negative":
               x.scrollLeft = -v;
               break;
@@ -1500,40 +1490,40 @@ function Uo(t) {
         x.scrollTop = Math.max(0, T);
       }
       this._callPropsCallbacks();
-    }, h.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Kt(this._resetIsScrollingTimeoutId);
-    }, h.render = function() {
-      var c = this.props, P = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, z = c.innerTagName, A = c.itemData, L = c.itemKey, N = L === void 0 ? Vo : L, D = c.outerElementType, F = c.outerTagName, V = c.rowCount, H = c.style, U = c.useIsScrolling, q = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Y = X[0], le = X[1], de = this._getVerticalRangeToRender(), Q = de[0], Fe = de[1], we = [];
-      if (T > 0 && V)
-        for (var Te = Q; Te <= Fe; Te++)
-          for (var _e = Y; _e <= le; _e++)
-            we.push(qe(P, {
+    }, p.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
+    }, p.render = function() {
+      var c = this.props, P = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, A = c.innerTagName, F = c.itemData, L = c.itemKey, N = L === void 0 ? Bo : L, D = c.outerElementType, k = c.outerTagName, q = c.rowCount, H = c.style, U = c.useIsScrolling, V = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Q = X[0], le = X[1], de = this._getVerticalRangeToRender(), ee = de[0], Fe = de[1], we = [];
+      if (T > 0 && q)
+        for (var Te = ee; Te <= Fe; Te++)
+          for (var _e = Q; _e <= le; _e++)
+            we.push(Ze(P, {
               columnIndex: _e,
-              data: A,
+              data: F,
               isScrolling: U ? K : void 0,
               key: N({
                 columnIndex: _e,
-                data: A,
+                data: F,
                 rowIndex: Te
               }),
               rowIndex: Te,
               style: this._getItemStyle(Te, _e)
             }));
-      var rt = l(this.props, this._instanceProps), ot = s(this.props, this._instanceProps);
-      return qe(D || F || "div", {
+      var rt = s(this.props, this._instanceProps), ot = l(this.props, this._instanceProps);
+      return Ze(D || k || "div", {
         className: v,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: _t({
+        style: wt({
           position: "relative",
           height: x,
-          width: q,
+          width: V,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
         }, H)
-      }, qe(O || z || "div", {
+      }, Ze(O || A || "div", {
         children: we,
         ref: I,
         style: {
@@ -1542,28 +1532,28 @@ function Uo(t) {
           width: ot
         }
       }));
-    }, h._callPropsCallbacks = function() {
+    }, p._callPropsCallbacks = function() {
       var c = this.props, P = c.columnCount, v = c.onItemsRendered, T = c.onScroll, R = c.rowCount;
       if (typeof v == "function" && P > 0 && R > 0) {
-        var x = this._getHorizontalRangeToRender(), I = x[0], O = x[1], z = x[2], A = x[3], L = this._getVerticalRangeToRender(), N = L[0], D = L[1], F = L[2], V = L[3];
-        this._callOnItemsRendered(I, O, N, D, z, A, F, V);
+        var x = this._getHorizontalRangeToRender(), I = x[0], O = x[1], A = x[2], F = x[3], L = this._getVerticalRangeToRender(), N = L[0], D = L[1], k = L[2], q = L[3];
+        this._callOnItemsRendered(I, O, N, D, A, F, k, q);
       }
       if (typeof T == "function") {
-        var H = this.state, U = H.horizontalScrollDirection, q = H.scrollLeft, K = H.scrollTop, X = H.scrollUpdateWasRequested, Y = H.verticalScrollDirection;
-        this._callOnScroll(q, K, U, Y, X);
+        var H = this.state, U = H.horizontalScrollDirection, V = H.scrollLeft, K = H.scrollTop, X = H.scrollUpdateWasRequested, Q = H.verticalScrollDirection;
+        this._callOnScroll(V, K, U, Q, X);
       }
-    }, h._getHorizontalRangeToRender = function() {
-      var c = this.props, P = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, z = I.isScrolling, A = I.scrollLeft, L = v || T || R || 1;
+    }, p._getHorizontalRangeToRender = function() {
+      var c = this.props, P = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, F = I.scrollLeft, L = v || T || R || 1;
       if (P === 0 || x === 0)
         return [0, 0, 0, 0];
-      var N = o(this.props, A, this._instanceProps), D = r(this.props, N, A, this._instanceProps), F = !z || O === "backward" ? Math.max(1, L) : 1, V = !z || O === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, N - F), Math.max(0, Math.min(P - 1, D + V)), N, D];
-    }, h._getVerticalRangeToRender = function() {
-      var c = this.props, P = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, z = I.verticalScrollDirection, A = I.scrollTop, L = T || R || v || 1;
+      var N = o(this.props, F, this._instanceProps), D = r(this.props, N, F, this._instanceProps), k = !A || O === "backward" ? Math.max(1, L) : 1, q = !A || O === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, N - k), Math.max(0, Math.min(P - 1, D + q)), N, D];
+    }, p._getVerticalRangeToRender = function() {
+      var c = this.props, P = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, F = I.scrollTop, L = T || R || v || 1;
       if (P === 0 || x === 0)
         return [0, 0, 0, 0];
-      var N = p(this.props, A, this._instanceProps), D = _(this.props, N, A, this._instanceProps), F = !O || z === "backward" ? Math.max(1, L) : 1, V = !O || z === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, N - F), Math.max(0, Math.min(x - 1, D + V)), N, D];
+      var N = h(this.props, F, this._instanceProps), D = w(this.props, N, F, this._instanceProps), k = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, N - k), Math.max(0, Math.min(x - 1, D + q)), N, D];
     }, f;
   }(tr), e.defaultProps = {
     direction: "ltr",
@@ -1571,10 +1561,10 @@ function Uo(t) {
     useIsScrolling: !1
   }, e;
 }
-var qo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, s = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, w = e.width, p = n.instance;
+var jo = function(e, n) {
+  var o = e.children, r = e.direction, a = e.height, s = e.innerTagName, l = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, b = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    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 || s != 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" && je && !je.has(h) && (je.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ke && !Ke.has(h) && (Ke.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || l != null) && Xe && !Xe.has(h) && (Xe.add(h), 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":
@@ -1583,84 +1573,84 @@ var qo = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
-    if (typeof w != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
+    if (typeof b != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (b === null ? "null" : typeof b) + '" was specified.'));
     if (typeof a != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
-}, Yt = 50, Sn = function(e, n) {
-  var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, l = n.lastMeasuredRowIndex, s = 0;
-  if (l >= o && (l = o - 1), l >= 0) {
-    var u = r[l];
-    s = u.offset + u.size;
+}, Kt = 50, Sn = function(e, n) {
+  var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, l = 0;
+  if (s >= o && (s = o - 1), s >= 0) {
+    var u = r[s];
+    l = u.offset + u.size;
   }
-  var d = o - l - 1, m = d * a;
-  return s + m;
+  var d = o - s - 1, m = d * a;
+  return l + m;
 }, xn = function(e, n) {
-  var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, s = 0;
-  if (l >= o && (l = o - 1), l >= 0) {
-    var u = r[l];
-    s = u.offset + u.size;
+  var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, l = 0;
+  if (s >= o && (s = o - 1), s >= 0) {
+    var u = r[s];
+    l = u.offset + u.size;
   }
-  var d = o - l - 1, m = d * a;
-  return s + m;
+  var d = o - s - 1, m = d * a;
+  return l + m;
 }, fe = function(e, n, o, r) {
-  var a, l, s;
-  if (e === "column" ? (a = r.columnMetadataMap, l = n.columnWidth, s = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = n.rowHeight, s = r.lastMeasuredRowIndex), o > s) {
+  var a, s, l;
+  if (e === "column" ? (a = r.columnMetadataMap, s = n.columnWidth, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, s = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
     var u = 0;
-    if (s >= 0) {
-      var d = a[s];
+    if (l >= 0) {
+      var d = a[l];
       u = d.offset + d.size;
     }
-    for (var m = s + 1; m <= o; m++) {
-      var w = l(m);
+    for (var m = l + 1; m <= o; m++) {
+      var b = s(m);
       a[m] = {
         offset: u,
-        size: w
-      }, u += w;
+        size: b
+      }, u += b;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
   return a[o];
-}, Jt = function(e, n, o, r) {
-  var a, l;
-  e === "column" ? (a = o.columnMetadataMap, l = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, l = o.lastMeasuredRowIndex);
-  var s = l > 0 ? a[l].offset : 0;
-  return s >= r ? In(e, n, o, l, 0, r) : Bo(e, n, o, Math.max(0, l), r);
-}, In = function(e, n, o, r, a, l) {
+}, Xt = function(e, n, o, r) {
+  var a, s;
+  e === "column" ? (a = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
+  var l = s > 0 ? a[s].offset : 0;
+  return l >= r ? In(e, n, o, s, 0, r) : Ko(e, n, o, Math.max(0, s), r);
+}, In = function(e, n, o, r, a, s) {
   for (; a <= r; ) {
-    var s = a + Math.floor((r - a) / 2), u = fe(e, n, s, o).offset;
-    if (u === l)
-      return s;
-    u < l ? a = s + 1 : u > l && (r = s - 1);
+    var l = a + Math.floor((r - a) / 2), u = fe(e, n, l, o).offset;
+    if (u === s)
+      return l;
+    u < s ? a = l + 1 : u > s && (r = l - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, Bo = function(e, n, o, r, a) {
-  for (var l = e === "column" ? n.columnCount : n.rowCount, s = 1; r < l && fe(e, n, r, o).offset < a; )
-    r += s, s *= 2;
-  return In(e, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
-}, Qt = function(e, n, o, r, a, l, s) {
-  var u = e === "column" ? n.width : n.height, d = fe(e, n, o, l), m = e === "column" ? xn(n, l) : Sn(n, l), w = Math.max(0, Math.min(m - u, d.offset)), p = Math.max(0, d.offset - u + s + d.size);
-  switch (r === "smart" && (a >= p - u && a <= w + u ? r = "auto" : r = "center"), r) {
+}, Ko = function(e, n, o, r, a) {
+  for (var s = e === "column" ? n.columnCount : n.rowCount, l = 1; r < s && fe(e, n, r, o).offset < a; )
+    r += l, l *= 2;
+  return In(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
+}, Qt = function(e, n, o, r, a, s, l) {
+  var u = e === "column" ? n.width : n.height, d = fe(e, n, o, s), m = e === "column" ? xn(n, s) : Sn(n, s), b = Math.max(0, Math.min(m - u, d.offset)), h = Math.max(0, d.offset - u + l + d.size);
+  switch (r === "smart" && (a >= h - u && a <= b + u ? r = "auto" : r = "center"), r) {
     case "start":
-      return w;
+      return b;
     case "end":
-      return p;
+      return h;
     case "center":
-      return Math.round(p + (w - p) / 2);
+      return Math.round(h + (b - h) / 2);
     case "auto":
     default:
-      return a >= p && a <= w ? a : p > w || a < p ? p : w;
+      return a >= h && a <= b ? a : h > b || a < h ? h : b;
   }
-}, Zo = /* @__PURE__ */ Uo({
+}, Xo = /* @__PURE__ */ Zo({
   getColumnOffset: function(e, n, o) {
     return fe("column", e, n, o).offset;
   },
   getColumnStartIndexForOffset: function(e, n, o) {
-    return Jt("column", e, o, n);
+    return Xt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, l = e.width, s = fe("column", e, n, r), u = o + l, d = s.offset + s.size, m = n; m < a - 1 && d < u; )
+    for (var a = e.columnCount, s = e.width, l = fe("column", e, n, r), u = o + s, d = l.offset + l.size, m = n; m < a - 1 && d < u; )
       m++, d += fe("column", e, m, r).size;
     return m;
   },
@@ -1669,11 +1659,11 @@ var qo = function(e, n) {
   },
   getEstimatedTotalHeight: Sn,
   getEstimatedTotalWidth: xn,
-  getOffsetForColumnAndAlignment: function(e, n, o, r, a, l) {
-    return Qt("column", e, n, o, r, a, l);
+  getOffsetForColumnAndAlignment: function(e, n, o, r, a, s) {
+    return Qt("column", e, n, o, r, a, s);
   },
-  getOffsetForRowAndAlignment: function(e, n, o, r, a, l) {
-    return Qt("row", e, n, o, r, a, l);
+  getOffsetForRowAndAlignment: function(e, n, o, r, a, s) {
+    return Qt("row", e, n, o, r, a, s);
   },
   getRowOffset: function(e, n, o) {
     return fe("row", e, n, o).offset;
@@ -1682,36 +1672,36 @@ var qo = function(e, n) {
     return o.rowMetadataMap[n].size;
   },
   getRowStartIndexForOffset: function(e, n, o) {
-    return Jt("row", e, o, n);
+    return Xt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, l = e.height, s = fe("row", e, n, r), u = o + l, d = s.offset + s.size, m = n; m < a - 1 && d < u; )
+    for (var a = e.rowCount, s = e.height, l = fe("row", e, n, r), u = o + s, d = l.offset + l.size, m = n; m < a - 1 && d < u; )
       m++, d += fe("row", e, m, r).size;
     return m;
   },
   initInstanceProps: function(e, n) {
-    var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, l = {
+    var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, s = {
       columnMetadataMap: {},
-      estimatedColumnWidth: r || Yt,
-      estimatedRowHeight: a || Yt,
+      estimatedColumnWidth: r || Kt,
+      estimatedRowHeight: a || Kt,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(s, u) {
+    return n.resetAfterColumnIndex = function(l, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        columnIndex: s,
+        columnIndex: l,
         shouldForceUpdate: u
       });
-    }, n.resetAfterRowIndex = function(s, u) {
+    }, n.resetAfterRowIndex = function(l, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        rowIndex: s,
+        rowIndex: l,
         shouldForceUpdate: u
       });
-    }, n.resetAfterIndices = function(s) {
-      var u = s.columnIndex, d = s.rowIndex, m = s.shouldForceUpdate, w = 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), w && n.forceUpdate();
-    }, l;
+    }, n.resetAfterIndices = function(l) {
+      var u = l.columnIndex, d = l.rowIndex, m = l.shouldForceUpdate, b = m === void 0 ? !0 : m;
+      typeof u == "number" && (s.lastMeasuredColumnIndex = Math.min(s.lastMeasuredColumnIndex, u - 1)), typeof d == "number" && (s.lastMeasuredRowIndex = Math.min(s.lastMeasuredRowIndex, d - 1)), n._getItemStyleCache(-1), b && n.forceUpdate();
+    }, s;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(e) {
@@ -1725,7 +1715,7 @@ var qo = function(e, n) {
   }
 });
 process.env.NODE_ENV;
-function en(t, e) {
+function Yt(t, e) {
   for (var n in t)
     if (!(n in e))
       return !0;
@@ -1734,134 +1724,134 @@ function en(t, e) {
       return !0;
   return !1;
 }
-var jo = ["style"], Ko = ["style"];
-function Xo(t, e) {
-  var n = t.style, o = Zt(t, jo), r = e.style, a = Zt(e, Ko);
-  return !en(n, r) && !en(o, a);
+var Qo = ["style"], Yo = ["style"];
+function Jo(t, e) {
+  var n = t.style, o = Vt(t, Qo), r = e.style, a = Vt(e, Yo);
+  return !Yt(n, r) && !Yt(o, a);
 }
-const Yo = () => {
-  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { setColumnCount: n } = hn(), { virtualScrollableElementRef: o } = et(), r = $e(), a = M(() => r.heights.length, [r.heights]), l = M(() => e === te.HORIZONTAL_SCROLLING ? a : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), s = M(() => r.widths.reduce((b, y, C) => {
-    const S = C % l;
-    return (!b[S] || y > b[S]) && (b[S] = y), b;
-  }, []), [r.widths, l]), u = E(
-    (_) => {
-      const b = _ % s.length;
-      return s[b] || 0;
+const ei = () => {
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), s = W(() => e === ne.HORIZONTAL_SCROLLING ? a : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), l = W(() => r.widths.reduce((C, y, _) => {
+    const S = _ % s;
+    return (!C[S] || y > C[S]) && (C[S] = y), C;
+  }, []), [r.widths, s]), u = E(
+    (w) => {
+      const C = w % l.length;
+      return l[C] || 0;
     },
-    [s]
+    [l]
   ), d = E(
-    (_) => {
-      const b = Array.from({ length: l }, (y, C) => {
-        const S = _ * l + C;
+    (w) => {
+      const C = Array.from({ length: s }, (y, _) => {
+        const S = w * s + _;
         return r.heights[S] || 0;
       });
-      return Math.max(...b);
+      return Math.max(...C);
     },
-    [r.heights, l]
+    [r.heights, s]
   );
-  W(() => {
-    n(l);
-  }, [l, n]);
-  const m = M(() => e === te.HORIZONTAL_SCROLLING || e === te.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), w = M(() => r.heights.reduce((_, b) => _ + b, 0) / r.heights.length || 0, [r]), p = M(() => r.widths.reduce((_, b) => _ + b, 0) / r.heights.length || 0, [r]);
+  z(() => {
+    n(s);
+  }, [s, n]);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(a / s), [s, a, e]), b = W(() => r.heights.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
     rowHeight: d,
-    columnCount: l,
+    columnCount: s,
     columnWidth: u,
     pageDimension: r,
-    estimatedRowHeight: w,
-    estimatedColumnWidth: p
+    estimatedRowHeight: b,
+    estimatedColumnWidth: h
   };
 };
-let ie;
-typeof window < "u" ? ie = window : typeof self < "u" ? ie = self : ie = global;
-let Ct = null, Pt = null;
-const tn = 20, ht = ie.clearTimeout, nn = ie.setTimeout, ft = ie.cancelAnimationFrame || ie.mozCancelAnimationFrame || ie.webkitCancelAnimationFrame, rn = ie.requestAnimationFrame || ie.mozRequestAnimationFrame || ie.webkitRequestAnimationFrame;
-ft == null || rn == null ? (Ct = ht, Pt = function(e) {
-  return nn(e, tn);
-}) : (Ct = function([e, n]) {
+let ae;
+typeof window < "u" ? ae = window : typeof self < "u" ? ae = self : ae = global;
+let bt = null, Ct = null;
+const Jt = 20, ht = ae.clearTimeout, en = ae.setTimeout, ft = ae.cancelAnimationFrame || ae.mozCancelAnimationFrame || ae.webkitCancelAnimationFrame, tn = ae.requestAnimationFrame || ae.mozRequestAnimationFrame || ae.webkitRequestAnimationFrame;
+ft == null || tn == null ? (bt = ht, Ct = function(e) {
+  return en(e, Jt);
+}) : (bt = function([e, n]) {
   ft(e), ht(n);
-}, Pt = function(e) {
-  const n = rn(function() {
+}, Ct = function(e) {
+  const n = tn(function() {
     ht(o), e();
-  }), o = nn(function() {
+  }), o = en(function() {
     ft(n), e();
-  }, tn);
+  }, Jt);
   return [n, o];
 });
-function Jo(t) {
-  let e, n, o, r, a, l, s;
+function ti(t) {
+  let e, n, o, r, a, s, l;
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
-    l = function(S) {
-      const f = S.__resizeTriggers__, h = f.firstElementChild, g = f.lastElementChild, c = h.firstElementChild;
-      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, c.style.width = h.offsetWidth + 1 + "px", c.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
+    s = function(S) {
+      const f = S.__resizeTriggers__, p = f.firstElementChild, g = f.lastElementChild, c = p.firstElementChild;
+      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, c.style.width = p.offsetWidth + 1 + "px", c.style.height = p.offsetHeight + 1 + "px", p.scrollLeft = p.scrollWidth, p.scrollTop = p.scrollHeight;
     }, a = function(S) {
       return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
-    }, s = function(S) {
+    }, l = function(S) {
       if (S.target.className && typeof S.target.className.indexOf == "function" && S.target.className.indexOf("contract-trigger") < 0 && S.target.className.indexOf("expand-trigger") < 0)
         return;
       const f = this;
-      l(this), this.__resizeRAF__ && Ct(this.__resizeRAF__), this.__resizeRAF__ = Pt(function() {
+      s(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
         a(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(c) {
           c.call(f, S);
         }));
       });
     };
-    let p = !1, _ = "";
+    let h = !1, w = "";
     o = "animationstart";
-    const b = "Webkit Moz O ms".split(" ");
-    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
+    const C = "Webkit Moz O ms".split(" ");
+    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), _ = "";
     {
       const S = document.createElement("fakeelement");
-      if (S.style.animationName !== void 0 && (p = !0), p === !1) {
-        for (let f = 0; f < b.length; f++)
-          if (S.style[b[f] + "AnimationName"] !== void 0) {
-            C = b[f], _ = "-" + C.toLowerCase() + "-", o = y[f], p = !0;
+      if (S.style.animationName !== void 0 && (h = !0), h === !1) {
+        for (let f = 0; f < C.length; f++)
+          if (S.style[C[f] + "AnimationName"] !== void 0) {
+            _ = C[f], w = "-" + _.toLowerCase() + "-", o = y[f], h = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + _ + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = _ + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
   }
-  const d = function(p) {
-    if (!p.getElementById("detectElementResize")) {
-      const _ = (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%; }', b = 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 = _ : y.appendChild(p.createTextNode(_)), b.appendChild(y);
+  const d = function(h) {
+    if (!h.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%; }', C = h.head || h.getElementsByTagName("head")[0], y = h.createElement("style");
+      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = w : y.appendChild(h.createTextNode(w)), C.appendChild(y);
     }
   };
   return {
-    addResizeListener: function(p, _) {
+    addResizeListener: function(h, w) {
       if (u)
-        p.attachEvent("onresize", _);
+        h.attachEvent("onresize", w);
       else {
-        if (!p.__resizeTriggers__) {
-          const b = p.ownerDocument, y = ie.getComputedStyle(p);
-          y && y.position === "static" && (p.style.position = "relative"), d(b), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = b.createElement("div")).className = "resize-triggers";
-          const C = b.createElement("div");
-          C.className = "expand-trigger", C.appendChild(b.createElement("div"));
-          const S = b.createElement("div");
-          S.className = "contract-trigger", p.__resizeTriggers__.appendChild(C), p.__resizeTriggers__.appendChild(S), p.appendChild(p.__resizeTriggers__), l(p), p.addEventListener("scroll", s, !0), o && (p.__resizeTriggers__.__animationListener__ = function(h) {
-            h.animationName === n && l(p);
-          }, p.__resizeTriggers__.addEventListener(o, p.__resizeTriggers__.__animationListener__));
+        if (!h.__resizeTriggers__) {
+          const C = h.ownerDocument, y = ae.getComputedStyle(h);
+          y && y.position === "static" && (h.style.position = "relative"), d(C), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
+          const _ = C.createElement("div");
+          _.className = "expand-trigger", _.appendChild(C.createElement("div"));
+          const S = C.createElement("div");
+          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(_), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), s(h), h.addEventListener("scroll", l, !0), o && (h.__resizeTriggers__.__animationListener__ = function(p) {
+            p.animationName === n && s(h);
+          }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        p.__resizeListeners__.push(_);
+        h.__resizeListeners__.push(w);
       }
     },
-    removeResizeListener: function(p, _) {
+    removeResizeListener: function(h, w) {
       if (u)
-        p.detachEvent("onresize", _);
-      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(_), 1), !p.__resizeListeners__.length) {
-        p.removeEventListener("scroll", s, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
+        h.detachEvent("onresize", w);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(w), 1), !h.__resizeListeners__.length) {
+        h.removeEventListener("scroll", l, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
-          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+          h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
         } catch {
         }
       }
     }
   };
 }
-class Qo extends nr {
+class ni extends nr {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1874,24 +1864,24 @@ class Qo extends nr {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), w = m.height - u - d, p = m.width - l - s;
-        if (!n && this.state.height !== w || !o && this.state.width !== p) {
+        const a = window.getComputedStyle(this._parentNode) || {}, s = parseFloat(a.paddingLeft || "0"), l = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), b = m.height - u - d, h = m.width - s - l;
+        if (!n && this.state.height !== b || !o && this.state.width !== h) {
           this.setState({
-            height: w,
-            width: p
+            height: b,
+            width: h
           });
-          const _ = () => {
+          const w = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof r == "function" && r({
-            height: w,
-            width: p,
+            height: b,
+            width: h,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return _(), w;
+              return w(), b;
             },
             get scaledWidth() {
-              return _(), p;
+              return w(), h;
             }
           });
         }
@@ -1909,7 +1899,7 @@ class Qo extends nr {
       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 = ti(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1922,63 +1912,63 @@ class Qo extends nr {
       defaultWidth: o,
       disableHeight: r = !1,
       disableWidth: a = !1,
-      doNotBailOutOnEmptyChildren: l = !1,
-      nonce: s,
+      doNotBailOutOnEmptyChildren: s = !1,
+      nonce: l,
       onResize: u,
       style: d = {},
       tagName: m = "div",
-      ...w
+      ...b
     } = this.props, {
-      height: p,
-      width: _
-    } = this.state, b = {
+      height: h,
+      width: w
+    } = this.state, C = {
       overflow: "visible"
     }, y = {};
-    let C = !1;
-    return r || (p === 0 && (C = !0), b.height = 0, y.height = p, y.scaledHeight = p), a || (_ === 0 && (C = !0), b.width = 0, y.width = _, y.scaledWidth = _), l && (C = !1), qe(m, {
+    let _ = !1;
+    return r || (h === 0 && (_ = !0), C.height = 0, y.height = h, y.scaledHeight = h), a || (w === 0 && (_ = !0), C.width = 0, y.width = w, y.scaledWidth = w), s && (_ = !1), Ze(m, {
       ref: this._setRef,
       style: {
-        ...b,
+        ...C,
         ...d
       },
-      ...w
-    }, !C && e(y));
+      ...b
+    }, !_ && e(y));
   }
 }
-const ei = un(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: o } = ae(), r = M(() => {
-    const s = [], u = Math.ceil(n / 2) * 2 - 1;
-    if (s.push(u), u + 1 <= o) {
+const ri = ln(({ widths: t, heights: e }) => {
+  const { focusedPage: n, totalPages: o } = oe(), r = W(() => {
+    const l = [], u = Math.ceil(n / 2) * 2 - 1;
+    if (l.push(u), u + 1 <= o) {
       const d = u + 1;
-      s.push(d);
+      l.push(d);
     }
-    return s;
-  }, [n, o]), a = M(() => {
-    const s = n % 2 === 1 ? n - 1 : n - 2, u = t(s), d = e(s), m = t(s + 1), w = e(s + 1), p = d > w ? d : w, _ = d < w ? d : w, b = p / 2 - _ / 2;
+    return l;
+  }, [n, o]), a = W(() => {
+    const l = n % 2 === 1 ? n - 1 : n - 2, u = t(l), d = e(l), m = t(l + 1), b = e(l + 1), h = d > b ? d : b, w = d < b ? d : b, C = h / 2 - w / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: p === d ? 0 : b,
+        top: h === d ? 0 : C,
         width: u,
         height: d
       },
       {
         position: "absolute",
         left: u,
-        top: p === w ? 0 : b,
+        top: h === b ? 0 : C,
         width: m,
-        height: w
+        height: b
       }
     ];
-  }, [t, e, r]), l = M(() => a.reduce((s, u) => s + Number(u.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: l, position: "relative" }, children: r.map((s, u) => /* @__PURE__ */ i(Et, { style: a[u], pageNumber: s }, s)) });
-}), ti = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = ae(), o = M(() => ({
+  }, [t, e, r]), s = W(() => a.reduce((l, u) => l + Number(u.width || 0), 0), [a]);
+  return /* @__PURE__ */ i("div", { style: { width: s, position: "relative" }, children: r.map((l, u) => /* @__PURE__ */ i(Lt, { style: a[u], pageNumber: l }, l)) });
+}), oi = ({ widths: t, heights: e }) => {
+  const { focusedPage: n } = oe(), o = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
-  }), [t, e, n]), r = M(() => t(n - 1), [t]);
+  }), [t, e, n]), r = W(() => t(n - 1), [t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1986,60 +1976,60 @@ const ei = un(({ widths: t, heights: e }) => {
         width: r,
         position: "relative"
       },
-      children: /* @__PURE__ */ i(Et, { style: o, pageNumber: n }, n)
+      children: /* @__PURE__ */ i(Lt, { style: o, pageNumber: n }, n)
     }
   );
-}, ni = (t, e, n) => {
-  const o = $(), { contentRef: r } = ge(), { heights: a, widths: l } = $e(), { setFocusedPage: s } = ae(), [u, d] = G([]), { targetScrollPage: m } = fn(), w = yt(u, 0, 500), p = M(() => a.map((b, y) => {
-    const C = l[y], S = qr(y + 1, t), f = C * S.columnIndex, h = b * S.rowIndex, g = f + C, c = h + b;
+}, ii = (t, e, n) => {
+  const o = $(), { contentRef: r } = ge(), { heights: a, widths: s } = qe(), { setFocusedPage: l } = oe(), [u, d] = G([]), { targetScrollPage: m } = pn(), b = Tt(u, 0, 500), h = W(() => a.map((C, y) => {
+    const _ = s[y], S = Zr(y + 1, t), f = _ * S.columnIndex, p = C * S.rowIndex, g = f + _, c = p + C;
     return {
       pageNumber: y + 1,
       ...S,
-      width: C,
-      height: b,
+      width: _,
+      height: C,
       startX: f,
-      startY: h,
+      startY: p,
       endX: g,
       endY: c
     };
-  }), [a, l, t, e]);
-  W(() => {
+  }), [a, s, t, e]);
+  z(() => {
     var y;
-    w.length > 0 && !m.current && s(w[0].pageNumber);
-    let b = (y = w[0]) == null ? void 0 : y.ratio;
-    b && w.filter((C) => Math.round(C.ratio) === Math.round(b)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
+    b.length > 0 && !m.current && l(b[0].pageNumber);
+    let C = (y = b[0]) == null ? void 0 : y.ratio;
+    C && b.filter((_) => Math.round(_.ratio) === Math.round(C)).some((_) => _.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [w, s]);
-  const _ = E(
-    (b) => {
+  }, [b, l]);
+  const w = E(
+    (C) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const y = b.target, C = {
+        const y = C.target, _ = {
           startTop: y.scrollTop,
           startLeft: y.scrollLeft,
           endTop: y.scrollTop + y.clientHeight,
           endLeft: y.scrollLeft + y.clientWidth
-        }, S = p.filter((f) => {
-          const h = f.endX >= C.startLeft && f.endY >= C.startTop, g = f.startX <= C.endLeft && f.startY <= C.endTop;
-          return h && g;
+        }, S = h.filter((f) => {
+          const p = f.endX >= _.startLeft && f.endY >= _.startTop, g = f.startX <= _.endLeft && f.startY <= _.endTop;
+          return p && g;
         }).map((f) => {
-          const h = C.startLeft > f.startX ? C.startLeft : f.startX, g = C.startTop > f.startY ? C.startTop : f.startY, c = C.endLeft < f.endX ? C.endLeft : f.endX, P = C.endTop < f.endY ? C.endTop : f.endY, v = c - h, T = P - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
+          const p = _.startLeft > f.startX ? _.startLeft : f.startX, g = _.startTop > f.startY ? _.startTop : f.startY, c = _.endLeft < f.endX ? _.endLeft : f.endX, P = _.endTop < f.endY ? _.endTop : f.endY, v = c - p, T = P - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
           return {
             pageNumber: f.pageNumber,
             ratio: x
           };
-        }).sort((f, h) => h.ratio - f.ratio);
+        }).sort((f, p) => p.ratio - f.ratio);
         d(S);
       });
     },
-    [r, p]
+    [r, h]
   );
-  W(() => {
+  z(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", _), () => {
-        n == null || n.removeEventListener("scroll", _);
+      return n == null || n.addEventListener("scroll", w), () => {
+        n == null || n.removeEventListener("scroll", w);
       };
-  }, [n, _]);
+  }, [n, w]);
 }, be = {
   "rp-layout": "_rp-layout_1g4ff_1",
   "rp-content": "_rp-content_1g4ff_5",
@@ -2049,12 +2039,12 @@ const ei = un(({ widths: t, heights: e }) => {
   "rp-theme-variables": "_rp-theme-variables_1g4ff_24",
   "rp-dark-mode": "_rp-dark-mode_1g4ff_135"
 }, Rn = Ve((t, e) => {
-  const { children: n, toolbarRef: o, style: r, className: a, ...l } = t, { customVariables: s, customDarkVariables: u } = Sr(), { darkMode: d } = ir();
+  const { children: n, toolbarRef: o, style: r, className: a, ...s } = t, { customVariables: l, customDarkVariables: u } = _r(), { darkMode: d } = ir();
   return /* @__PURE__ */ i(
     "div",
     {
       ref: e,
-      ...l,
+      ...s,
       className: re(
         be["rp-theme-variables"],
         be["rp-container"],
@@ -2063,86 +2053,86 @@ const ei = un(({ widths: t, heights: e }) => {
       ),
       style: {
         "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
-        ...s,
+        ...l,
         ...d ? u : {},
         ...r
       },
       children: n
     }
   );
-}), ri = un(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
-  const r = Br(e, t, n.columnCount);
-  return /* @__PURE__ */ i(Et, { style: o, pageNumber: r }, r);
-}, Xo), Bs = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = cr(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: a } = _n(), {
-    virtualScrollRef: l,
-    getVirtualScrollRef: s,
+}), ai = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
+  const r = jr(e, t, n.columnCount);
+  return /* @__PURE__ */ i(Lt, { style: o, pageNumber: r }, r);
+}, Jo), Qs = () => {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = cr(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: a } = vn(), {
+    virtualScrollRef: s,
+    getVirtualScrollRef: l,
     getPageScrollElementRef: u,
     getVirtualScrollableElementRef: d,
     setTotalInnerDimensions: m,
-    virtualScrollableElementRef: w,
-    totalInnerDimensions: p,
-    pageScrollElementRef: _
-  } = et(), b = $(!0), { nextPage: y, prevPage: C, setFocusedPage: S, focusedPage: f } = ae(), { scrollMode: h } = Ne(), { viewMode: g } = Oe(), c = $(null), { loading: P } = ne(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = mn(), R = $(
-    p
+    virtualScrollableElementRef: b,
+    totalInnerDimensions: h,
+    pageScrollElementRef: w
+  } = et(), C = $(!0), { nextPage: y, prevPage: _, setFocusedPage: S, focusedPage: f } = oe(), { scrollMode: p } = Ne(), { viewMode: g } = Oe(), c = $(null), { loading: P } = J(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = hn(), R = $(
+    h
   ), x = $({
     viewMode: g,
-    scrollMode: h
-  }), I = $(!1), O = $(), { isFullScreen: z } = lr(), {
-    pageDimension: A,
+    scrollMode: p
+  }), I = $(!1), O = $(), { isFullScreen: A } = lr(), {
+    pageDimension: F,
     rowCount: L,
     rowHeight: N,
     columnCount: D,
-    columnWidth: F,
-    estimatedColumnWidth: V,
+    columnWidth: k,
+    estimatedColumnWidth: q,
     estimatedRowHeight: H
-  } = Yo(), U = yt(p, 100), q = $();
-  ni(D, L, w);
+  } = ei(), U = Tt(h, 100), V = $();
+  ii(D, L, b);
   const K = $({
     scrollTop: 0,
     scrollLeft: 0
   });
   Vr(o);
-  const { isPressed: X } = $r(), { selectionMode: Y } = sr(), { initializeGrabScroll: le, resetGrabState: de } = Gr({
+  const { isPressed: X } = qr(), { selectionMode: Q } = sr(), { initializeGrabScroll: le, resetGrabState: de } = Ur({
     isPressed: X
-  }), Q = M(() => Y === rr.HAND, [Y]), Fe = M(() => ({
+  }), ee = W(() => Q === rr.HAND, [Q]), Fe = W(() => ({
     columnCount: D
   }), [D]), we = E(
     (B) => {
       const Z = document.activeElement !== o;
-      !z && Z || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), y()));
+      !A && Z || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), _()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), y()));
     },
-    [y, C, z, h]
+    [y, _, A, p]
   );
-  W(() => (window.addEventListener("keydown", we), () => {
+  z(() => (window.addEventListener("keydown", we), () => {
     window.removeEventListener("keydown", we);
-  }), [we]), W(() => {
-    if (c.current && (c.current.style.position = "relative"), !!l)
+  }), [we]), z(() => {
+    if (c.current && (c.current.style.position = "relative"), !!s)
       for (let B = 0; B < L; B++)
         for (let Z = 0; Z < D; Z++)
-          l.resetAfterIndices({
+          s.resetAfterIndices({
             columnIndex: Z,
             rowIndex: B,
             shouldForceUpdate: !0
           });
-  }, [L, D, A, l]);
+  }, [L, D, F, s]);
   const Te = E(
     (B, Z) => {
-      if (!w)
+      if (!b)
         return { scrollTop: 0, scrollLeft: 0 };
       const ye = K.current.scrollTop > Z, Se = K.current.scrollLeft > B;
       return ye || Se ? K.current : {
-        scrollTop: w.scrollTop,
-        scrollLeft: w.scrollLeft
+        scrollTop: b.scrollTop,
+        scrollLeft: b.scrollLeft
       };
     },
-    [w]
+    [b]
   ), _e = E(
     (B, Z) => {
-      if (x.current.viewMode !== g || x.current.scrollMode !== h) {
-        q.current && clearTimeout(q.current), I.current = !0, a(f, "auto"), q.current = setTimeout(() => {
+      if (x.current.viewMode !== g || x.current.scrollMode !== p) {
+        V.current && clearTimeout(V.current), I.current = !0, a(f, "auto"), V.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            x.current = { viewMode: g, scrollMode: h };
+            x.current = { viewMode: g, scrollMode: p };
           });
         }, 100);
         return;
@@ -2151,14 +2141,14 @@ const ei = un(({ widths: t, heights: e }) => {
       if (!Z.height || !Z.width)
         return;
       I.current = !0;
-      const { height: xe, width: at } = Z, { height: zt, width: At } = R.current;
-      if (zt === xe && At === at)
+      const { height: xe, width: at } = Z, { height: Dt, width: zt } = R.current;
+      if (Dt === xe && zt === at)
         return;
-      const Yn = Se / zt * xe, Jn = it / At * at, Qn = Math.round(Math.min(Yn, xe)) || 0, er = Math.round(Math.min(Jn, at)) || 0;
+      const Qn = Se / Dt * xe, Yn = it / zt * at, Jn = Math.round(Math.min(Qn, xe)) || 0, er = Math.round(Math.min(Yn, at)) || 0;
       O.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          l == null || l.scrollTo({
-            scrollTop: Qn,
+          s == null || s.scrollTo({
+            scrollTop: Jn,
             scrollLeft: er
           });
         });
@@ -2167,22 +2157,22 @@ const ei = un(({ widths: t, heights: e }) => {
         width: Z.width
       };
     },
-    [l, g, h, a]
+    [s, g, p, a]
   );
-  W(() => {
+  z(() => {
     clearTimeout(O.current);
     const B = Array.from({ length: L }).reduce(
       (Se, it, xe) => Se + N(xe),
       0
     ), Z = Array.from({ length: D }).reduce(
-      (Se, it, xe) => Se + F(xe),
+      (Se, it, xe) => Se + k(xe),
       0
     ), ye = Te(Z, B);
     K.current = ye, _e(ye, { height: B, width: Z }), m({
       height: B,
       width: Z
     });
-  }, [A, L, D, _e]);
+  }, [F, L, D, _e]);
   const rt = E(
     (B) => {
       K.current = {
@@ -2190,69 +2180,69 @@ const ei = un(({ widths: t, heights: e }) => {
         scrollLeft: B.scrollLeft
       };
     },
-    [w]
+    [b]
   );
-  W(() => () => {
-    q.current && clearTimeout(q.current);
+  z(() => () => {
+    V.current && clearTimeout(V.current);
   }, []);
-  const ot = M(() => re(ue["rp-pages-container"], {
-    [ue["rp-cursor-grab"]]: Q && !X,
-    [ue["rp-cursor-grabbing"]]: Q && X
-  }), [Q, X]), Xn = E(
+  const ot = W(() => re(ue["rp-pages-container"], {
+    [ue["rp-cursor-grab"]]: ee && !X,
+    [ue["rp-cursor-grabbing"]]: ee && X
+  }), [ee, X]), Xn = E(
     (B) => {
-      if (Q && B) {
+      if (ee && B) {
         const Z = re(ue["rp-pages"]), ye = document.querySelector(`.${Z}`);
         le(ye);
       }
     },
-    [Q, le, ue]
+    [ee, le, ue]
   );
-  return W(() => {
+  return z(() => {
     P && de();
-  }, [P]), W(() => {
-    if (!(U.height === 0 || !b.current)) {
-      if (e === te.PAGE_SCROLLING) {
-        t !== f && _ && S(t), b.current = !1;
+  }, [P]), z(() => {
+    if (!(U.height === 0 || !C.current)) {
+      if (e === ne.PAGE_SCROLLING) {
+        t !== f && w && S(t), C.current = !1;
         return;
       }
-      a(t, "auto"), S(t), b.current = !1;
+      a(t, "auto"), S(t), C.current = !1;
     }
   }, [
     a,
     e,
-    _,
+    w,
     S,
     U
-  ]), /* @__PURE__ */ k(me, { children: [
-    /* @__PURE__ */ i(Rn, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ i(Qo, { style: { minHeight: "50px" }, children: ({ width: B, height: Z }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Xn, style: { width: B, height: Z }, children: h === te.PAGE_SCROLLING ? /* @__PURE__ */ i(
+  ]), /* @__PURE__ */ M(me, { children: [
+    /* @__PURE__ */ i(Rn, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ i(ni, { style: { minHeight: "50px" }, children: ({ width: B, height: Z }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Xn, style: { width: B, height: Z }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ i(
       "div",
       {
         ref: u,
         style: { width: B, height: Z },
         className: re(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
-        children: g === Le.DUAL_PAGE ? /* @__PURE__ */ i(ei, { widths: F, heights: N }) : /* @__PURE__ */ i(ti, { widths: F, heights: N })
+        children: g === Le.DUAL_PAGE ? /* @__PURE__ */ i(ri, { widths: k, heights: N }) : /* @__PURE__ */ i(oi, { widths: k, heights: N })
       }
-    ) : V ? /* @__PURE__ */ i(
-      Zo,
+    ) : q ? /* @__PURE__ */ i(
+      Xo,
       {
-        ref: s,
+        ref: l,
         itemData: Fe,
         outerRef: d,
         innerRef: c,
         onScroll: rt,
         columnCount: D,
-        columnWidth: F,
+        columnWidth: k,
         rowHeight: N,
         height: Z,
         width: B,
-        estimatedColumnWidth: V,
+        estimatedColumnWidth: q,
         estimatedRowHeight: H,
         rowCount: L,
         className: re(
           ue["rp-pages"],
-          h === te.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
+          p === ne.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
         ),
-        children: ri
+        children: ai
       }
     ) : P ? null : /* @__PURE__ */ i(
       "div",
@@ -2268,9 +2258,9 @@ const ei = un(({ widths: t, heights: e }) => {
         children: T && /* @__PURE__ */ i(T, {})
       }
     ) }) }) }),
-    v && /* @__PURE__ */ i(Ur, {})
+    v && /* @__PURE__ */ i(Br, {})
   ] });
-}, We = {
+}, ke = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
   "rp-toolbar-wrapper": "_rp-toolbar-wrapper_sz31z_10",
   "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
@@ -2280,31 +2270,31 @@ const ei = un(({ 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 = () => {
+}, si = () => {
   const { prevIcon: t } = pe();
   return t || /* @__PURE__ */ i(He, {});
-}, ii = () => {
+}, ci = () => {
   const { nextIcon: t } = pe();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
-}, ai = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ae(), [l, s] = G(t.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: d } = Pe(), { localeMessages: m } = se(), { viewMode: w } = Oe(), { scrollMode: p } = Ne();
-  W(() => {
-    s(t.toString());
+}, li = () => {
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = oe(), [s, l] = G(t.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: d } = Pe(), { localeMessages: m } = se(), { viewMode: b } = Oe(), { scrollMode: h } = Ne();
+  z(() => {
+    l(t.toString());
   }, [t]);
-  const _ = E((f) => {
-    const h = f.target.value;
-    s(h);
-  }, []), b = E(async () => {
-    const f = a(l);
-    f.success || s(f.currentPage.toString());
-  }, [a, l, e]), y = E(() => {
-    s(t.toString());
-  }, [t]), C = E(
+  const w = E((f) => {
+    const p = f.target.value;
+    l(p);
+  }, []), C = E(async () => {
+    const f = a(s);
+    f.success || l(f.currentPage.toString());
+  }, [a, s, e]), y = E(() => {
+    l(t.toString());
+  }, [t]), _ = E(
     (f) => {
-      f.key === "Enter" && b();
+      f.key === "Enter" && C();
     },
-    [b]
-  ), S = M(() => w === Le.DUAL_PAGE && p === te.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, w, p]);
+    [C]
+  ), S = W(() => b === Le.DUAL_PAGE && h === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, b, h]);
   return typeof u != "boolean" ? /* @__PURE__ */ i(
     u,
     {
@@ -2315,86 +2305,86 @@ const ei = un(({ widths: t, heights: e }) => {
       goToPage: a,
       changePage: n
     }
-  ) : u ? /* @__PURE__ */ k("div", { className: mt["rp-paginate"], children: [
-    !d && /* @__PURE__ */ i(J, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
-      oe,
+  ) : u ? /* @__PURE__ */ M("div", { className: mt["rp-paginate"], children: [
+    !d && /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+      ie,
       {
         onClick: r,
         "aria-label": m == null ? void 0 : m.previousPageTooltip,
         "aria-disabled": t === 1,
-        children: /* @__PURE__ */ i(oi, {})
+        children: /* @__PURE__ */ i(si, {})
       }
     ) }),
-    /* @__PURE__ */ i(J, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
-      pn,
+    /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
+      dn,
       {
-        onKeyDown: C,
+        onKeyDown: _,
         onBlur: y,
-        onChange: _,
-        value: l,
+        onChange: w,
+        value: s,
         className: mt["rp-page-input"],
         id: "page-input",
         name: "page-input"
       }
     ) }),
-    /* @__PURE__ */ k("span", { className: mt["rp-total-page"], children: [
+    /* @__PURE__ */ M("span", { className: mt["rp-total-page"], children: [
       "/",
       e
     ] }),
-    !d && /* @__PURE__ */ i(J, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
-      oe,
+    !d && /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+      ie,
       {
         onClick: o,
         "aria-label": m == null ? void 0 : m.nextPageTooltip,
         "aria-disabled": S,
-        children: /* @__PURE__ */ i(ii, {})
+        children: /* @__PURE__ */ i(ci, {})
       }
     ) })
   ] }) : null;
 };
-var nt = "Dialog", [Ln, Zs] = Yr(nt), [si, ce] = Ln(nt), En = (t) => {
+var nt = "Dialog", [Ln, Ys] = eo(nt), [di, ce] = Ln(nt), En = (t) => {
   const {
     __scopeDialog: e,
     children: n,
     open: o,
     defaultOpen: r,
     onOpenChange: a,
-    modal: l = !0
-  } = t, s = j.useRef(null), u = j.useRef(null), [d, m] = Qr({
+    modal: s = !0
+  } = t, l = j.useRef(null), u = j.useRef(null), [d, m] = no({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
     caller: nt
   });
   return /* @__PURE__ */ i(
-    si,
+    di,
     {
       scope: e,
-      triggerRef: s,
+      triggerRef: l,
       contentRef: u,
       contentId: lt(),
       titleId: lt(),
       descriptionId: lt(),
       open: d,
       onOpenChange: m,
-      onOpenToggle: j.useCallback(() => m((w) => !w), [m]),
-      modal: l,
+      onOpenToggle: j.useCallback(() => m((b) => !b), [m]),
+      modal: s,
       children: n
     }
   );
 };
 En.displayName = nt;
-var Nn = "DialogTrigger", ci = j.forwardRef(
+var Nn = "DialogTrigger", ui = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Nn, n), a = xt(e, r.triggerRef);
+    const { __scopeDialog: n, ...o } = t, r = ce(Nn, n), a = St(e, r.triggerRef);
     return /* @__PURE__ */ i(
-      Ue.button,
+      Be.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": r.open,
         "aria-controls": r.contentId,
-        "data-state": Dt(r.open),
+        "data-state": Ot(r.open),
         ...o,
         ref: a,
         onClick: Me(t.onClick, r.onOpenToggle)
@@ -2402,31 +2392,31 @@ var Nn = "DialogTrigger", ci = j.forwardRef(
     );
   }
 );
-ci.displayName = Nn;
-var Nt = "DialogPortal", [li, On] = Ln(Nt, {
+ui.displayName = Nn;
+var Et = "DialogPortal", [pi, On] = Ln(Et, {
   forceMount: void 0
 }), Dn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Nt, e);
-  return /* @__PURE__ */ i(li, { scope: e, forceMount: n, children: j.Children.map(o, (l) => /* @__PURE__ */ i(It, { present: n || a.open, children: /* @__PURE__ */ i(ao, { asChild: !0, container: r, children: l }) })) });
+  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Et, e);
+  return /* @__PURE__ */ i(pi, { scope: e, forceMount: n, children: j.Children.map(o, (s) => /* @__PURE__ */ i(xt, { present: n || a.open, children: /* @__PURE__ */ i(lo, { asChild: !0, container: r, children: s }) })) });
 };
-Dn.displayName = Nt;
-var Xe = "DialogOverlay", zn = j.forwardRef(
+Dn.displayName = Et;
+var Ye = "DialogOverlay", zn = j.forwardRef(
   (t, e) => {
-    const n = On(Xe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Xe, t.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(It, { present: o || a.open, children: /* @__PURE__ */ i(ui, { ...r, ref: e }) }) : null;
+    const n = On(Ye, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ye, t.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ i(xt, { present: o || a.open, children: /* @__PURE__ */ i(fi, { ...r, ref: e }) }) : null;
   }
 );
-zn.displayName = Xe;
-var di = eo("DialogOverlay.RemoveScroll"), ui = j.forwardRef(
+zn.displayName = Ye;
+var hi = ro("DialogOverlay.RemoveScroll"), fi = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Xe, n);
+    const { __scopeDialog: n, ...o } = t, r = ce(Ye, 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: di, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
-        Ue.div,
+      /* @__PURE__ */ i(io, { as: hi, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        Be.div,
         {
-          "data-state": Dt(r.open),
+          "data-state": Ot(r.open),
           ...o,
           ref: e,
           style: { pointerEvents: "auto", ...o.style }
@@ -2437,17 +2427,17 @@ var di = eo("DialogOverlay.RemoveScroll"), ui = j.forwardRef(
 ), Ee = "DialogContent", An = j.forwardRef(
   (t, e) => {
     const n = On(Ee, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ee, t.__scopeDialog);
-    return /* @__PURE__ */ i(It, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(pi, { ...r, ref: e }) : /* @__PURE__ */ i(hi, { ...r, ref: e }) });
+    return /* @__PURE__ */ i(xt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(mi, { ...r, ref: e }) : /* @__PURE__ */ i(gi, { ...r, ref: e }) });
   }
 );
 An.displayName = Ee;
-var pi = j.forwardRef(
+var mi = j.forwardRef(
   (t, e) => {
-    const n = ce(Ee, t.__scopeDialog), o = j.useRef(null), r = xt(e, n.contentRef, o);
+    const n = ce(Ee, t.__scopeDialog), o = j.useRef(null), r = St(e, n.contentRef, o);
     return j.useEffect(() => {
       const a = o.current;
       if (a)
-        return ro(a);
+        return ao(a);
     }, []), /* @__PURE__ */ i(
       Fn,
       {
@@ -2456,12 +2446,12 @@ var pi = j.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: Me(t.onCloseAutoFocus, (a) => {
-          var l;
-          a.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+          var s;
+          a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
         }),
         onPointerDownOutside: Me(t.onPointerDownOutside, (a) => {
-          const l = a.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
-          (l.button === 2 || s) && a.preventDefault();
+          const s = a.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || l) && a.preventDefault();
         }),
         onFocusOutside: Me(
           t.onFocusOutside,
@@ -2470,7 +2460,7 @@ var pi = j.forwardRef(
       }
     );
   }
-), hi = j.forwardRef(
+), gi = j.forwardRef(
   (t, e) => {
     const n = ce(Ee, t.__scopeDialog), o = j.useRef(!1), r = j.useRef(!1);
     return /* @__PURE__ */ i(
@@ -2481,24 +2471,24 @@ var pi = j.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (a) => {
-          var l, s;
-          (l = t.onCloseAutoFocus) == null || l.call(t, a), a.defaultPrevented || (o.current || (s = n.triggerRef.current) == null || s.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+          var s, l;
+          (s = t.onCloseAutoFocus) == null || s.call(t, a), a.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), a.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (a) => {
           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;
-          ((d = n.triggerRef.current) == null ? void 0 : d.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          const s = a.target;
+          ((d = n.triggerRef.current) == null ? void 0 : d.contains(s)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
         }
       }
     );
   }
 ), Fn = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, s = ce(Ee, n), u = j.useRef(null), d = xt(e, u);
-    return oo(), /* @__PURE__ */ k(me, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, l = ce(Ee, n), u = j.useRef(null), d = St(e, u);
+    return so(), /* @__PURE__ */ M(me, { children: [
       /* @__PURE__ */ i(
-        io,
+        co,
         {
           asChild: !0,
           loop: !0,
@@ -2506,45 +2496,45 @@ var pi = j.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ i(
-            to,
+            oo,
             {
               role: "dialog",
-              id: s.contentId,
-              "aria-describedby": s.descriptionId,
-              "aria-labelledby": s.titleId,
-              "data-state": Dt(s.open),
-              ...l,
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": Ot(l.open),
+              ...s,
               ref: d,
-              onDismiss: () => s.onOpenChange(!1)
+              onDismiss: () => l.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ k(me, { children: [
-        /* @__PURE__ */ i(mi, { titleId: s.titleId }),
-        /* @__PURE__ */ i(vi, { contentRef: u, descriptionId: s.descriptionId })
+      /* @__PURE__ */ M(me, { children: [
+        /* @__PURE__ */ i(wi, { titleId: l.titleId }),
+        /* @__PURE__ */ i(bi, { contentRef: u, descriptionId: l.descriptionId })
       ] })
     ] });
   }
-), Ot = "DialogTitle", Wn = j.forwardRef(
+), Nt = "DialogTitle", kn = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Ot, n);
-    return /* @__PURE__ */ i(Ue.h2, { id: r.titleId, ...o, ref: e });
+    const { __scopeDialog: n, ...o } = t, r = ce(Nt, n);
+    return /* @__PURE__ */ i(Be.h2, { id: r.titleId, ...o, ref: e });
   }
 );
-Wn.displayName = Ot;
-var kn = "DialogDescription", fi = j.forwardRef(
+kn.displayName = Nt;
+var Wn = "DialogDescription", vi = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(kn, n);
-    return /* @__PURE__ */ i(Ue.p, { id: r.descriptionId, ...o, ref: e });
+    const { __scopeDialog: n, ...o } = t, r = ce(Wn, n);
+    return /* @__PURE__ */ i(Be.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
-fi.displayName = kn;
+vi.displayName = Wn;
 var Mn = "DialogClose", Hn = j.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(Mn, n);
     return /* @__PURE__ */ i(
-      Ue.button,
+      Be.button,
       {
         type: "button",
         ...o,
@@ -2555,14 +2545,14 @@ var Mn = "DialogClose", Hn = j.forwardRef(
   }
 );
 Hn.displayName = Mn;
-function Dt(t) {
+function Ot(t) {
   return t ? "open" : "closed";
 }
-var $n = "DialogTitleWarning", [js, Gn] = Jr($n, {
+var $n = "DialogTitleWarning", [Js, Gn] = to($n, {
   contentName: Ee,
-  titleName: Ot,
+  titleName: Nt,
   docsSlug: "dialog"
-}), mi = ({ titleId: t }) => {
+}), wi = ({ titleId: t }) => {
   const e = Gn($n), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -2571,14 +2561,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return j.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, gi = "DialogDescriptionWarning", vi = ({ contentRef: t, descriptionId: e }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Gn(gi).contentName}}.`;
+}, _i = "DialogDescriptionWarning", bi = ({ contentRef: t, descriptionId: e }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Gn(_i).contentName}}.`;
   return j.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;
-}, wi = En, _i = Dn, bi = zn, Ci = An, Pi = Wn, Ti = Hn;
+}, Ci = En, Pi = Dn, Ti = zn, yi = An, Si = kn, xi = Hn;
 const Ie = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2587,90 +2577,90 @@ 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"
-}, yi = () => {
-  const { pdfProperties: t } = ne(), { container: e } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = lo(), { localeMessages: r } = se(), a = M(() => {
+}, Ii = () => {
+  const { pdfProperties: t } = J(), { container: e } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = ho(), { localeMessages: r } = se(), a = W(() => {
     if (!t)
       return [];
     const {
-      fileSize: l,
-      filename: s,
+      fileSize: s,
+      filename: l,
       title: u,
       author: d,
       subject: m,
-      createdOn: w,
-      creator: p,
-      keywords: _,
-      modifiedOn: b,
+      createdOn: b,
+      creator: h,
+      keywords: w,
+      modifiedOn: C,
       pdfProducer: y,
-      pdfVersion: C,
+      pdfVersion: _,
       pageCount: S
     } = t;
     return [
-      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: s },
-      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: l },
+      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: l },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: s },
       { separate: !0 },
       { 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: _ },
-      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: w ? Ht(w) : ""
+        value: b ? Wt(b) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: b ? Ht(b) : ""
+        value: C ? Wt(C) : ""
       },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
-      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: _ },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(wi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(_i, { container: e, children: /* @__PURE__ */ k("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(bi, { className: Ie["rp-dialog-overlay"] }),
-    /* @__PURE__ */ k(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, s) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(co, { label: l.label, value: l.value }) }, s)) }),
-      /* @__PURE__ */ i(Ti, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(so, {}) })
+  return /* @__PURE__ */ i(Ci, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(Pi, { container: e, children: /* @__PURE__ */ M("div", { className: Ie["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(Ti, { className: Ie["rp-dialog-overlay"] }),
+    /* @__PURE__ */ M(yi, { className: Ie["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(Si, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: Ie["rp-document-properties"], children: a.map((s, l) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(po, { label: s.label, value: s.value }) }, l)) }),
+      /* @__PURE__ */ i(xi, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(uo, {}) })
     ] })
   ] }) }) });
-}, Si = {
+}, Ri = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, on = ".pdf", xi = (t) => URL.createObjectURL(t), Ii = async (t) => {
+}, nn = ".pdf", Li = (t) => URL.createObjectURL(t), Ei = async (t) => {
   const n = await (await fetch(t)).blob();
-  return xi(n);
-}, Vn = () => {
-  const { filename: t, pdfSrc: e } = ne(), { downloadFilename: n } = mr(), o = (a) => {
-    const l = n || a;
-    return l.endsWith(on) ? l : `${l}${on}`;
+  return Li(n);
+}, qn = () => {
+  const { filename: t, pdfSrc: e } = J(), { downloadFilename: n } = mr(), o = (a) => {
+    const s = n || a;
+    return s.endsWith(nn) ? s : `${s}${nn}`;
   };
   return { download: E(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const a = document.createElement("a");
-    a.href = await Ii(e), a.download = o(t), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+    a.href = await Ei(e), a.download = o(t), document.body.appendChild(a), a.click(), document.body.removeChild(a);
   }, [t, e]) };
 }, Un = () => {
   const { downloadIcon: t } = pe();
-  return t || /* @__PURE__ */ i(go, {});
-}, qn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(J, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ri = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(qn, { localeMessages: e, children: /* @__PURE__ */ i(oe, { 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__ */ k(qn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || /* @__PURE__ */ i(_o, {});
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Y, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ni = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Vn, { localeMessages: e, children: /* @__PURE__ */ i(ie, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Un, {}) }) }), Oi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ M(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
 ] }) }), Bn = () => {
-  const { download: t } = Vn(), { downloadTool: e = !0 } = ve(), { isSmallScreen: n } = Pe(), { localeMessages: o } = se();
-  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;
+  const { download: t } = qn(), { downloadTool: e = !0 } = ve(), { isSmallScreen: n } = Pe(), { localeMessages: o } = se();
+  return e ? n ? /* @__PURE__ */ i(Oi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(Ni, { download: t, localeMessages: o }) : null : null;
 }, Zn = () => {
   const { printIcon: t } = pe();
-  return t || /* @__PURE__ */ i(vo, {});
-}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(J, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ei = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(jn, { localeMessages: e, children: /* @__PURE__ */ i(oe, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Zn, {}) }) }), Ni = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ k(jn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || /* @__PURE__ */ i(bo, {});
+}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Y, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(jn, { localeMessages: e, children: /* @__PURE__ */ i(ie, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Zn, {}) }) }), zi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ M(jn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Zn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Kn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: l = !0 } = ve(), { isSmallScreen: s } = Pe(), { localeMessages: u } = se();
-  return l ? s ? /* @__PURE__ */ i(Ni, { print: t, localeMessages: u }) : typeof l == "function" ? /* @__PURE__ */ i(
-    l,
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: s = !0 } = ve(), { isSmallScreen: l } = Pe(), { localeMessages: u } = se();
+  return s ? l ? /* @__PURE__ */ i(zi, { print: t, localeMessages: u }) : typeof s == "function" ? /* @__PURE__ */ i(
+    s,
     {
       print: t,
       cancel: e,
@@ -2679,130 +2669,130 @@ const Ie = {
       setOnComplete: o,
       progress: a
     }
-  ) : l ? /* @__PURE__ */ i(Ei, { print: t, localeMessages: u }) : null : null;
-}, Oi = {
+  ) : s ? /* @__PURE__ */ i(Di, { print: t, localeMessages: u }) : null : null;
+}, Ai = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Di = () => {
+}, Fi = () => {
   const { goToFirstPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(wn, { className: Oi["rp-go-to-Top"] });
-}, zi = () => {
+  return t || /* @__PURE__ */ i(gn, { className: Ai["rp-go-to-Top"] });
+}, ki = () => {
   const { goToLastPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(wn, {});
-}, an = { width: "100%" }, Ai = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ae(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = M(() => n === 1, [n]), l = M(() => n === e, [n, e]), s = E(() => {
+  return t || /* @__PURE__ */ i(gn, {});
+}, rn = { width: "100%" }, Wi = () => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = oe(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = W(() => n === 1, [n]), s = W(() => n === e, [n, e]), l = E(() => {
     t(1);
   }, [t]), u = E(() => {
     t(e);
   }, [t, e]);
-  return o ? /* @__PURE__ */ k(Ke, { children: [
-    /* @__PURE__ */ i(Ce, { onClick: s, children: /* @__PURE__ */ i(J, { content: r == null ? void 0 : r.firstPageTooltip, style: an, children: /* @__PURE__ */ k("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Di, {}) }),
+  return o ? /* @__PURE__ */ M(Qe, { children: [
+    /* @__PURE__ */ i(Ce, { onClick: l, children: /* @__PURE__ */ i(Y, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Fi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(Ce, { onClick: u, children: /* @__PURE__ */ i(J, { content: r == null ? void 0 : r.lastPageTooltip, style: an, children: /* @__PURE__ */ k("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(Y, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": s, children: [
+      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(ki, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(Rt, {})
+    /* @__PURE__ */ i(It, {})
   ] }) : null;
-}, Fi = () => {
+}, Mi = () => {
   const [t, e] = G(!1), { container: n, pagesRef: o } = ge(), { isSmallScreen: r } = Pe(), {
     openFileTool: a,
-    downloadTool: l,
-    documentProperties: s,
+    downloadTool: s,
+    documentProperties: l,
     scrollModeTool: u,
     rotateTool: d,
     selectionModeTool: m,
-    jumpNavigationTool: w,
-    printTool: p,
-    fullscreenTool: _
-  } = ve(), { localeMessages: b } = se(), [y, C] = G(0), S = $(
-    new ResizeObserver((h) => {
-      C(h[0].contentRect.height);
+    jumpNavigationTool: b,
+    printTool: h,
+    fullscreenTool: w
+  } = ve(), { localeMessages: C } = se(), [y, _] = G(0), S = $(
+    new ResizeObserver((p) => {
+      _(p[0].contentRect.height);
     })
-  ), f = M(() => {
-    const h = w || d || m || u || s;
+  ), f = W(() => {
+    const p = b || d || m || u || l;
     let g = !1;
-    return r && (g = !(!a && !l && !p && !_)), h || g;
+    return r && (g = !(!a && !s && !h && !w)), p || g;
   }, [
     a,
-    l,
     s,
+    l,
     u,
     d,
     m,
-    w,
+    b,
     r
   ]);
-  return W(() => (o && S.current.observe(o), () => {
+  return z(() => (o && S.current.observe(o), () => {
     S.current.disconnect();
-  }), [o]), f ? /* @__PURE__ */ k(uo, { children: [
+  }), [o]), f ? /* @__PURE__ */ M(fo, { children: [
     /* @__PURE__ */ i(
-      St,
+      yt,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(J, { content: b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(oe, { active: t, "aria-label": b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(Xr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Y, { content: C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ i(ie, { active: t, "aria-label": C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ i(Jr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
-        children: /* @__PURE__ */ k(
+        children: /* @__PURE__ */ M(
           "div",
           {
             style: { maxHeight: `${y}px`, overflow: "auto" },
-            className: Si["rp-other-tool-content"],
+            className: Ri["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              r && /* @__PURE__ */ k(Ke, { children: [
-                /* @__PURE__ */ i(gn, {}),
+              r && /* @__PURE__ */ M(Qe, { children: [
+                /* @__PURE__ */ i(fn, {}),
                 /* @__PURE__ */ i(Bn, {}),
                 /* @__PURE__ */ i(Kn, {}),
-                /* @__PURE__ */ i(vn, {}),
-                /* @__PURE__ */ i(Rt, {})
+                /* @__PURE__ */ i(mn, {}),
+                /* @__PURE__ */ i(It, {})
               ] }),
-              /* @__PURE__ */ i(Ai, {}),
-              /* @__PURE__ */ i(ho, {}),
+              /* @__PURE__ */ i(Wi, {}),
+              /* @__PURE__ */ i(go, {}),
+              /* @__PURE__ */ i(Co, {}),
+              /* @__PURE__ */ i(vo, {}),
               /* @__PURE__ */ i(wo, {}),
-              /* @__PURE__ */ i(fo, {}),
-              /* @__PURE__ */ i(mo, {}),
-              /* @__PURE__ */ i(po, {})
+              /* @__PURE__ */ i(mo, {})
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ i(yi, {})
+    /* @__PURE__ */ i(Ii, {})
   ] }) : null;
-}, Wi = () => {
+}, Hi = () => {
   const { isSmallScreen: t } = Pe();
-  return /* @__PURE__ */ k(me, { children: [
-    /* @__PURE__ */ i(Kr, {}),
-    !t && /* @__PURE__ */ k(me, { children: [
-      /* @__PURE__ */ i(gn, {}),
+  return /* @__PURE__ */ M(me, { children: [
+    /* @__PURE__ */ i(Yr, {}),
+    !t && /* @__PURE__ */ M(me, { children: [
+      /* @__PURE__ */ i(fn, {}),
       /* @__PURE__ */ i(Bn, {}),
       /* @__PURE__ */ i(Kn, {}),
-      /* @__PURE__ */ i(vn, {})
+      /* @__PURE__ */ i(mn, {})
     ] }),
-    /* @__PURE__ */ i(Fi, {})
+    /* @__PURE__ */ i(Mi, {})
   ] });
-}, ki = "_active_1fv1b_11", Re = {
+}, $i = "_active_1fv1b_11", Re = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_1fv1b_1",
   "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_1fv1b_6",
-  active: ki,
+  active: $i,
   "rp-current-zoom-icon": "_rp-current-zoom-icon_1fv1b_15",
   "rp-current-zoom-text": "_rp-current-zoom-text_1fv1b_20",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_1fv1b_24"
-}, Mi = 25, gt = 1e3, Hi = [50, 75, 100, 125, 150, 200, 300, 400], $i = () => {
+}, Gi = 25, gt = 1e3, qi = [50, 75, 100, 125, 150, 200, 300, 400], Ui = () => {
   const { zoomInIcon: t } = pe();
-  return t || /* @__PURE__ */ i(_o, {});
-}, Gi = () => {
-  const { zoomOutIcon: t } = pe();
-  return t || /* @__PURE__ */ i(bo, {});
+  return t || /* @__PURE__ */ i(Po, {});
 }, Vi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ae(), { pageRotate: l } = Ge(), { pages: s } = ne(), { isSmallScreen: u } = Pe(), { localeMessages: d } = se(), { viewMode: m } = Oe(), [w, p] = G(0), [_, b] = G(!1), y = $(
+  const { zoomOutIcon: t } = pe();
+  return t || /* @__PURE__ */ i(To, {});
+}, Bi = () => {
+  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = oe(), { pageRotate: s } = Ue(), { pages: l } = J(), { isSmallScreen: u } = Pe(), { localeMessages: d } = se(), { viewMode: m } = Oe(), [b, h] = G(0), [w, C] = G(!1), y = $(
     new ResizeObserver((v) => {
-      p(v[0].contentRect.height);
+      h(v[0].contentRect.height);
     })
-  ), C = E(() => {
+  ), _ = E(() => {
     e((v) => {
       const T = Math.floor(v / 25) * 25;
       return Math.min(T + 25, gt);
@@ -2812,12 +2802,12 @@ const Ie = {
       const T = Math.ceil(v / 25) * 25;
       return Math.min(T - 25, gt);
     });
-  }, [e]), f = M(() => t === Mi, [t]), h = M(() => t === gt, [t]), g = M(() => {
-    const v = s.get(a);
-    return v ? v.page.getViewport({ scale: 1, rotation: l[a] }) : null;
-  }, [s, a, l]), c = E(
+  }, [e]), f = W(() => t === Gi, [t]), p = W(() => t === gt, [t]), g = W(() => {
+    const v = l.get(a);
+    return v ? v.page.getViewport({ scale: 1, rotation: s[a] }) : null;
+  }, [l, a, s]), c = E(
     (v) => {
-      const T = ((g == null ? void 0 : g.width) || 0) + 2 * $t, R = ((g == null ? void 0 : g.height) || 0) + 2 * $t, x = (o == null ? void 0 : o.clientWidth) || 0, I = (o == null ? void 0 : o.clientHeight) || 0, O = Co(
+      const T = ((g == null ? void 0 : g.width) || 0) + 2 * Mt, R = ((g == null ? void 0 : g.height) || 0) + 2 * Mt, x = (o == null ? void 0 : o.clientWidth) || 0, I = (o == null ? void 0 : o.clientHeight) || 0, O = yo(
         v,
         x,
         I,
@@ -2834,30 +2824,30 @@ const Ie = {
     },
     [e, c]
   );
-  return W(() => (o && y.current.observe(o), () => {
+  return z(() => (o && y.current.observe(o), () => {
     y.current.disconnect();
-  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ k("div", { className: Re["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(J, { content: d == null ? void 0 : d.zoomOutTooltip, children: /* @__PURE__ */ i(
-      oe,
+  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ M("div", { className: Re["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomOutTooltip, children: /* @__PURE__ */ i(
+      ie,
       {
         disabled: f,
         onClick: S,
         "aria-label": d == null ? void 0 : d.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Gi, {})
+        children: /* @__PURE__ */ i(Vi, {})
       }
     ) }),
     !u && /* @__PURE__ */ i(
-      St,
+      yt,
       {
         container: n,
-        open: _,
-        onOpenChange: b,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(J, { content: d == null ? void 0 : d.zoomSelectTooltip, children: /* @__PURE__ */ k(
-          oe,
+        open: w,
+        onOpenChange: C,
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomSelectTooltip, children: /* @__PURE__ */ M(
+          ie,
           {
             className: re(
               Re["rp-current-zoom-wrapper"],
-              _ && Re.active
+              w && Re.active
             ),
             "aria-label": d == null ? void 0 : d.zoomSelectTooltip,
             children: [
@@ -2871,19 +2861,19 @@ const Ie = {
         align: "center",
         side: "bottom",
         avoidCollisions: !1,
-        children: /* @__PURE__ */ k(
+        children: /* @__PURE__ */ M(
           "div",
           {
-            style: { maxHeight: `${w}px`, overflow: "auto" },
+            style: { maxHeight: `${b}px`, overflow: "auto" },
             className: Re["rp-zoom-dropdown-content"],
             children: [
-              /* @__PURE__ */ k(Ke, { children: [
+              /* @__PURE__ */ M(Qe, { children: [
                 /* @__PURE__ */ i(Ce, { onClick: () => P(st.ACTUAL), children: d == null ? void 0 : d.zoomActualSize }),
                 /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_FIT), children: d == null ? void 0 : d.zoomPageFit }),
                 /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_WIDTH), children: d == null ? void 0 : d.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ i(Rt, {}),
-              /* @__PURE__ */ i(Ke, { children: Hi.map((v) => /* @__PURE__ */ k(Ce, { onClick: () => P(v), children: [
+              /* @__PURE__ */ i(It, {}),
+              /* @__PURE__ */ i(Qe, { children: qi.map((v) => /* @__PURE__ */ M(Ce, { onClick: () => P(v), children: [
                 v,
                 " %"
               ] }, v)) })
@@ -2892,70 +2882,70 @@ const Ie = {
         )
       }
     ),
-    /* @__PURE__ */ i(J, { content: d == null ? void 0 : d.zoomInTooltip, children: /* @__PURE__ */ i(
-      oe,
+    /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomInTooltip, children: /* @__PURE__ */ i(
+      ie,
       {
-        disabled: h,
-        onClick: C,
+        disabled: p,
+        onClick: _,
         "aria-label": d == null ? void 0 : d.zoomInTooltip,
-        children: /* @__PURE__ */ i($i, {})
+        children: /* @__PURE__ */ i(Ui, {})
       }
     ) })
   ] }) : null;
-}, sn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = Lt(), { localeMessages: o } = se();
-  return /* @__PURE__ */ k(me, { children: [
+}, on = () => {
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = Rt(), { localeMessages: o } = se();
+  return /* @__PURE__ */ M(me, { children: [
     /* @__PURE__ */ i(
-      J,
+      Y,
       {
         content: o == null ? void 0 : o.searchPrevTooltip,
-        className: ee["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ i(oe, { tabIndex: 0, onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
+        className: te["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ i(ie, { tabIndex: 0, onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
           He,
           {
-            className: ee["rp-search-tool-input-icon"],
+            className: te["rp-search-tool-input-icon"],
             "aria-disabled": !t
           }
         ) })
       }
     ),
     /* @__PURE__ */ i(
-      J,
+      Y,
       {
         content: o == null ? void 0 : o.searchNextTooltip,
-        className: ee["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ i(oe, { tabIndex: 0, onClick: e, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ i(
+        className: te["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ i(ie, { tabIndex: 0, onClick: e, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ i(
           He,
           {
             style: { transform: "rotate(180deg" },
-            className: ee["rp-search-tool-input-icon"],
+            className: te["rp-search-tool-input-icon"],
             "aria-disabled": !t
           }
         ) })
       }
     )
   ] });
-}, cn = () => {
+}, an = () => {
   const { searchIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Po, {});
-}, Ui = () => {
-  const { container: t } = ge(), [e, n] = G(!1), { pdf: o } = ne(), [r, a] = G(null), {
-    searchOptions: l,
-    setSearchOptions: s,
+  return t || /* @__PURE__ */ i(So, {});
+}, Zi = () => {
+  const { container: t } = ge(), [e, n] = G(!1), { pdf: o } = J(), [r, a] = G(null), {
+    searchOptions: s,
+    setSearchOptions: l,
     loading: u,
     setSearch: d,
     totalMatches: m,
-    currentMatchPosition: w,
-    nextMatch: p,
-    prevMatch: _,
-    search: b
-  } = Lt(), { searchTool: y = !0 } = ve(), [C, S] = G(b), { localeMessages: f } = se(), { isSmallScreen: h } = Pe(), [g, c] = G(null), P = E(() => {
+    currentMatchPosition: b,
+    nextMatch: h,
+    prevMatch: w,
+    search: C
+  } = Rt(), { searchTool: y = !0 } = ve(), [_, S] = G(C), { localeMessages: f } = se(), { isSmallScreen: p } = Pe(), [g, c] = G(null), P = E(() => {
     n(!0);
   }, []), v = E(() => {
     d(""), S(""), n(!1);
   }, [d]), T = (H) => {
-    const U = H.key === "Enter", q = H.key === " ";
-    (U || q) && v();
+    const U = H.key === "Enter", V = H.key === " ";
+    (U || V) && v();
   }, R = E(
     (H) => {
       H.key === "Escape" && e && v();
@@ -2963,13 +2953,13 @@ const Ie = {
     [e]
   ), x = E(
     (H) => {
-      H.shiftKey && H.key === "Enter" ? _() : H.key === "Enter" && b !== C ? d(C) : H.key === "Enter" && p();
+      H.shiftKey && H.key === "Enter" ? w() : H.key === "Enter" && C !== _ ? d(_) : H.key === "Enter" && h();
     },
-    [C, _, p, d, b]
+    [_, w, h, d, C]
   );
-  W(() => (window.addEventListener("keydown", R), () => {
+  z(() => (window.addEventListener("keydown", R), () => {
     window.removeEventListener("keydown", R);
-  }), [R]), W(() => {
+  }), [R]), z(() => {
     r && setTimeout(() => {
       r.focus();
     }, 0);
@@ -2978,46 +2968,46 @@ const Ie = {
     S(H.target.value);
   }, []), O = E(() => {
     S(""), d("");
-  }, [d]), z = M(() => `${w} / ${m}`, [w, m]), { wholeWords: A, matchCase: L } = M(() => l, [l]), N = E(
+  }, [d]), A = W(() => `${b} / ${m}`, [b, m]), { wholeWords: F, matchCase: L } = W(() => s, [s]), N = E(
     (H) => {
-      s((U) => ({ ...U, matchCase: H }));
+      l((U) => ({ ...U, matchCase: H }));
     },
-    [s]
+    [l]
   ), D = E(
     (H) => {
-      s((U) => ({ ...U, wholeWords: H }));
+      l((U) => ({ ...U, wholeWords: H }));
     },
-    [s]
+    [l]
   );
-  W(() => {
+  z(() => {
     v();
   }, [o, v]);
-  const F = M(() => (g == null ? void 0 : g.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [g]), V = E(
+  const k = W(() => (g == null ? void 0 : g.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [g]), q = E(
     (H) => {
       if (H.key === "Tab") {
         const U = document.activeElement;
-        let q = 0;
-        F.forEach((Y, le) => {
-          Y === U && (q = le);
+        let V = 0;
+        k.forEach((Q, le) => {
+          Q === U && (V = le);
         });
-        let K = q + 1;
-        H.shiftKey && (K = q - 1);
-        const X = F[K];
+        let K = V + 1;
+        H.shiftKey && (K = V - 1);
+        const X = k[K];
         if (X)
           X.focus();
-        else if (K > F.length - 1) {
-          const Y = F[0];
-          Y && Y.focus();
+        else if (K > k.length - 1) {
+          const Q = k[0];
+          Q && Q.focus();
         } else {
-          const Y = F[F.length - 1];
-          Y && Y.focus();
+          const Q = k[k.length - 1];
+          Q && Q.focus();
         }
       }
     },
-    [F]
+    [k]
   );
   return y ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
-    St,
+    yt,
     {
       open: e,
       container: t,
@@ -3025,48 +3015,48 @@ const Ie = {
       align: "start",
       tabIndex: 0,
       avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ i(J, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(
-        oe,
+      triggerComponent: /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(
+        ie,
         {
           onClick: P,
           active: e,
           "aria-label": f == null ? void 0 : f.searchButtonTooltip,
-          children: /* @__PURE__ */ i(cn, {})
+          children: /* @__PURE__ */ i(an, {})
         }
       ) }),
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ M(
         "div",
         {
           ref: c,
-          className: ee["rp-search-tool-content"],
+          className: te["rp-search-tool-content"],
           tabIndex: 0,
-          onKeyDown: V,
+          onKeyDown: q,
           children: [
-            /* @__PURE__ */ k("div", { className: ee["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ k("div", { className: ee["rp-search-tool-input"], children: [
-                /* @__PURE__ */ i(J, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
-                  pn,
+            /* @__PURE__ */ M("div", { className: te["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ M("div", { className: te["rp-search-tool-input"], children: [
+                /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
+                  dn,
                   {
-                    value: C,
+                    value: _,
                     onKeyDown: x,
                     onChange: I,
-                    icon: /* @__PURE__ */ i(cn, {}),
+                    icon: /* @__PURE__ */ i(an, {}),
                     placeholder: f == null ? void 0 : f.searchInputPlaceholder,
-                    className: ee["rp-search-input"],
+                    className: te["rp-search-input"],
                     ref: a,
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!C && /* @__PURE__ */ i("span", { className: ee["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ i(To, {}) })
+                    children: !!_ && /* @__PURE__ */ i("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ i(xo, {}) })
                   }
                 ) }),
-                u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Tt, { className: ee["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: z }),
-                h && /* @__PURE__ */ i("div", { className: ee["rp-search-tool-controls"], children: /* @__PURE__ */ i(Gt, { onKeyPress: T, handleClose: v }) })
+                u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Pt, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: A }),
+                p && /* @__PURE__ */ i("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: T, handleClose: v }) })
               ] }),
-              /* @__PURE__ */ k("div", { className: ee["rp-search-tool-input-checkboxes"], children: [
-                h && /* @__PURE__ */ i(sn, {}),
+              /* @__PURE__ */ M("div", { className: te["rp-search-tool-input-checkboxes"], children: [
+                p && /* @__PURE__ */ i(on, {}),
                 /* @__PURE__ */ i(
-                  Vt,
+                  $t,
                   {
                     tabIndex: 0,
                     name: "matchCase",
@@ -3075,41 +3065,41 @@ const Ie = {
                     children: f == null ? void 0 : f.searchMatchCaseLabel
                   }
                 ),
-                !h && /* @__PURE__ */ i(J, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ee["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Ut, {}) }) }),
+                !p && /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: te["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
                 /* @__PURE__ */ i(
-                  Vt,
+                  $t,
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: A,
+                    value: F,
                     onChange: D,
                     children: f == null ? void 0 : f.searchWholeWordsLabel
                   }
                 ),
-                !h && /* @__PURE__ */ i(J, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { tabIndex: 0, className: ee["rp-search-icon-info"], children: /* @__PURE__ */ i(Ut, {}) }) })
+                !p && /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { tabIndex: 0, className: te["rp-search-icon-info"], children: /* @__PURE__ */ i(Gt, {}) }) })
               ] })
             ] }),
-            !h && /* @__PURE__ */ k("div", { className: ee["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ i(sn, {}),
-              /* @__PURE__ */ i(Gt, { onKeyPress: T, handleClose: v })
+            !p && /* @__PURE__ */ M("div", { className: te["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ i(on, {}),
+              /* @__PURE__ */ i(Ht, { onKeyPress: T, handleClose: v })
             ] })
           ]
         }
       )
     }
   ) }) : null;
-}, qi = "_loading_wazy2_1", ze = {
+}, ji = "_loading_wazy2_1", ze = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
   "rp-loading-progress": "_rp-loading-progress_wazy2_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-  loading: qi
-}, Bi = ({ percentage: t }) => {
+  loading: ji
+}, Ki = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = se();
-  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(ze["rp-loading-overlay"]), children: /* @__PURE__ */ k("div", { className: re(ze["rp-loading-modal"]), children: [
-    /* @__PURE__ */ k("div", { className: re(ze["rp-loading-title"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(ze["rp-loading-overlay"]), children: /* @__PURE__ */ M("div", { className: re(ze["rp-loading-modal"]), children: [
+    /* @__PURE__ */ M("div", { className: re(ze["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
@@ -3122,122 +3112,159 @@ const Ie = {
     ) }),
     /* @__PURE__ */ i("button", { className: re(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, Zi = Ve((t, e) => {
-  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, l = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
-  return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: We["rp-toolbar-content"], children: /* @__PURE__ */ k("div", { className: We["rp-toolbar-wrapper"], style: l(), children: [
-      /* @__PURE__ */ k("div", { "data-rp": "topBarLeft", className: We["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(Ui, {}),
-        /* @__PURE__ */ i(ai, {})
+}, Xi = Ve((t, e) => {
+  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return /* @__PURE__ */ M("div", { children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: ke["rp-toolbar-content"], children: /* @__PURE__ */ M("div", { className: ke["rp-toolbar-wrapper"], style: s(), children: [
+      /* @__PURE__ */ M("div", { "data-rp": "topBarLeft", className: ke["rp-toolbar-start"], children: [
+        /* @__PURE__ */ i(Zi, {}),
+        /* @__PURE__ */ i(li, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ i(Vi, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: We["rp-toolbar-end"], children: /* @__PURE__ */ i(Wi, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: ke["rp-toolbar-middle"], children: /* @__PURE__ */ i(Bi, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: ke["rp-toolbar-end"], children: /* @__PURE__ */ i(Hi, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(Bi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(Ki, { percentage: a }) : null
   ] });
 }), vt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
   "rp-sidebar-content": "_rp-sidebar-content_1sdl6_1",
   "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1sdl6_16",
   "rp-thumbnail-dragging": "_rp-thumbnail-dragging_1sdl6_21"
-}, ke = {
+}, We = {
   "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_3fenb_1",
   "rp-thumbnail-text": "_rp-thumbnail-text_3fenb_10",
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, ji = (t) => {
-  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ae(), { pageRotate: l } = Ge(), s = M(() => o ? ke["rp-thumbnail-active"] : "", [o]), u = M(() => ({
-    width: Math.round(r.width),
-    height: Math.round(r.height)
-  }), [r]), d = E(() => {
-    n && a(n);
-  }, [a, n]);
-  return /* @__PURE__ */ k(
+}, Qi = (t) => {
+  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = oe(), { pageRotate: a } = Ue(), s = $(null), l = yn(), { pages: u } = J(), [d, m] = G(null), b = $(!1), h = W(() => n ? We["rp-thumbnail-active"] : "", [n]), w = W(() => ({
+    width: Math.round(o.width),
+    height: Math.round(o.height)
+  }), [o]), C = E(() => {
+    e && r(e);
+  }, [r, e]);
+  return z(() => {
+    const y = u.get(e);
+    if (!s.current || !e || !y || d)
+      return;
+    const _ = new IntersectionObserver((S) => {
+      S.forEach((f) => {
+        if (b.current) {
+          b.current = !1, l.removeQueue(`thumbnail-${e}`);
+          return;
+        }
+        if (f.isIntersecting) {
+          const p = document.createElement("canvas");
+          b.current = !0, l.enqueue(
+            `thumbnail-${e}`,
+            {
+              page: y.page,
+              canvasElem: p,
+              options: {
+                scale: 1
+              },
+              onLoaded: () => {
+                p.toBlob((g) => {
+                  if (!g)
+                    return;
+                  const c = URL.createObjectURL(g);
+                  m(c);
+                });
+              }
+            },
+            2
+          );
+        }
+      });
+    });
+    return s.current && _.observe(s.current), () => {
+      _.disconnect(), l.removeQueue(`thumbnail-${e}`);
+    };
+  }, [l, e, u, d]), /* @__PURE__ */ M(
     "div",
     {
-      onClick: d,
-      id: `page-${n}`,
-      className: ke["rp-thumbnail-wrapper"],
+      onClick: C,
+      id: `page-${e}`,
+      className: We["rp-thumbnail-wrapper"],
+      ref: s,
       children: [
         /* @__PURE__ */ i(
           "div",
           {
             style: {
-              transform: `rotate(${l[n || 0]}deg)`
+              transform: `rotate(${a[e || 0]}deg)`
             },
-            className: re(s, ke["rp-thumbnail"]),
-            children: e ? /* @__PURE__ */ i(
+            className: re(h, We["rp-thumbnail"]),
+            children: d ? /* @__PURE__ */ i(
               "img",
               {
-                src: e,
-                width: u.width,
-                height: u.height,
+                src: d,
+                width: w.width,
+                height: w.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ i(
               "div",
               {
-                className: ke["rp-thumbnail-loader"],
+                className: We["rp-thumbnail-loader"],
                 style: {
-                  width: `${u.width}px`,
-                  height: `${u.height}px`
+                  width: `${w.width}px`,
+                  height: `${w.height}px`
                 },
-                children: /* @__PURE__ */ i(Tt, {})
+                children: /* @__PURE__ */ i(Pt, {})
               }
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: ke["rp-thumbnail-text"], children: n })
+        /* @__PURE__ */ i("div", { className: We["rp-thumbnail-text"], children: e })
       ]
     }
   );
-}, ln = {
+}, sn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Ki = 16, Xi = (t, e) => {
+}, Yi = 16, Ji = (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) - Ki);
-}, Yi = Ve((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = ae(), { thumbnailPages: a, addPage: l, thumbnailLength: s, addToPage: u } = Tn(), d = $(null), m = $(1);
-  dn(e, () => d.current);
-  const w = M(() => Object.values(a), [a]), p = E(() => {
-    const _ = s + 1;
-    _ <= r && l(_);
-  }, [l, r, s]);
-  return W(() => {
-    o > s ? u(o) : n && m.current !== o && (Xi(d.current, o), m.current = o);
-  }, [o, s, u, n, w]), vr(d.current, p), /* @__PURE__ */ i("div", { ref: d, className: ln["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? w.map((_, b) => {
-    var y, C;
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Yi);
+}, ea = Ve((t, e) => {
+  const { show: n } = t, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: a, addPage: s, thumbnailLength: l, addToPage: u } = Cn(), d = $(null), m = $(1);
+  cn(e, () => d.current);
+  const b = W(() => Object.values(a), [a]), h = E(() => {
+    const w = l + 1;
+    w <= r && s(w);
+  }, [s, r, l]);
+  return z(() => {
+    o > l ? u(o) : n && m.current !== o && (Ji(d.current, o), m.current = o);
+  }, [o, l, u, n, b]), Pr(d.current, h), /* @__PURE__ */ i("div", { ref: d, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? b.map((w, C) => {
+    var y, _;
     return /* @__PURE__ */ i(
-      ji,
+      Qi,
       {
-        isFocused: o === ((y = _.page) == null ? void 0 : y.pageNumber),
-        pageNumber: (C = _.page) == null ? void 0 : C.pageNumber,
-        thumbnailSrc: _.thumbnailSrc,
-        loading: _.loading,
-        viewport: _.viewport,
-        defaultRotation: _.defaultRotation
+        isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
+        pageNumber: (_ = w.page) == null ? void 0 : _.pageNumber,
+        loading: w.loading,
+        viewport: w.viewport,
+        defaultRotation: w.defaultRotation
       },
-      b
+      C
     );
   }) : null }) });
-}), Ji = () => {
+}), ta = () => {
   const { thumbnailIcon: t } = pe();
-  return t || /* @__PURE__ */ i(gr, {});
-}, Qi = () => {
-  const { active: t, setActive: e } = Tn(), [n, o] = G(200), r = $(null), { thumbnailTool: a, sidebarEnable: l } = ve(), { localeMessages: s } = se(), u = E(() => {
+  return t || /* @__PURE__ */ i(wr, {});
+}, na = () => {
+  const { active: t, setActive: e } = Cn(), [n, o] = G(200), r = $(null), { thumbnailTool: a, sidebarEnable: s } = ve(), { localeMessages: l } = se(), u = E(() => {
     e((m) => !m);
-  }, []), d = M(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(J, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
-    oe,
+  }, []), d = W(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(Y, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ i(
+    ie,
     {
       onClick: u,
       active: t,
-      "aria-label": s == null ? void 0 : s.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Ji, {})
+      "aria-label": l == null ? void 0 : l.thumbnailTooltip,
+      children: /* @__PURE__ */ i(ta, {})
     }
-  ) }) : null, [a, t, u, s]);
-  return /* @__PURE__ */ i(me, { children: l && /* @__PURE__ */ k(
+  ) }) : null, [a, t, u, l]);
+  return /* @__PURE__ */ i(me, { children: s && /* @__PURE__ */ M(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -3245,45 +3272,45 @@ const Ie = {
       "data-rp": "sidebar",
       children: [
         /* @__PURE__ */ i("div", { className: vt["rp-sidebar-content"], children: d }),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ M(
           "div",
           {
             "data-rp": "thumbnailSidebar",
             hidden: !t,
             className: vt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i(Yi, { show: t, ref: r }),
-              /* @__PURE__ */ i(wr, { onWidthChange: o, thumbnailRef: r })
+              /* @__PURE__ */ i(ea, { show: t, ref: r }),
+              /* @__PURE__ */ i(Tr, { onWidthChange: o, thumbnailRef: r })
             ]
           }
         )
       ]
     }
   ) });
-}, Ks = Ve((t, e) => {
+}, ec = Ve((t, e) => {
   const {
     children: n,
     slots: o,
     icons: r,
     style: a,
-    className: l,
-    mobileWidth: s,
+    className: s,
+    mobileWidth: l,
     onLoaded: u,
     cleanupOnLoaded: d,
     onLayoutWidthChange: m
-  } = t, [w, p] = G(null), { setContainer: _, setContentRef: b } = ge(), { loading: y } = ne(), { LoaderImageComponent: C } = mn();
-  return W(() => (u && u(), () => {
+  } = t, [b, h] = G(null), { setContainer: w, setContentRef: C } = ge(), { loading: y } = J(), { LoaderImageComponent: _ } = hn();
+  return z(() => (u && u(), () => {
     d && d();
-  }), [u, d]), /* @__PURE__ */ i(Rn, { toolbarRef: w, ref: e, children: /* @__PURE__ */ i(yr, { mobileWidth: s, onLayoutWidthChange: m, children: /* @__PURE__ */ i(_r, { slots: o, children: /* @__PURE__ */ i(br, { icons: r, children: /* @__PURE__ */ k(Cr, { getContainerRef: _, style: a, className: l, children: [
-    /* @__PURE__ */ k(Pr, { children: [
-      /* @__PURE__ */ k("div", { className: be["rp-layout"], children: [
-        /* @__PURE__ */ i(Zi, { ref: p }),
-        /* @__PURE__ */ k("div", { className: be["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(Qi, {}) }),
-          /* @__PURE__ */ i("div", { ref: b, className: be["rp-pages"], children: n })
+  }), [u, d]), /* @__PURE__ */ i(Rn, { toolbarRef: b, ref: e, children: /* @__PURE__ */ i(Ir, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(yr, { icons: r, children: /* @__PURE__ */ M(Sr, { getContainerRef: w, style: a, className: s, children: [
+    /* @__PURE__ */ M(xr, { children: [
+      /* @__PURE__ */ M("div", { className: be["rp-layout"], children: [
+        /* @__PURE__ */ i(Xi, { ref: h }),
+        /* @__PURE__ */ M("div", { className: be["rp-content"], children: [
+          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(na, {}) }),
+          /* @__PURE__ */ i("div", { ref: C, className: be["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ i(Tr, {})
+      /* @__PURE__ */ i(br, {})
     ] }),
     y ? /* @__PURE__ */ i(
       "div",
@@ -3308,7 +3335,7 @@ const Ie = {
               height: "100%",
               width: "100%"
             },
-            children: C && /* @__PURE__ */ i(C, {})
+            children: _ && /* @__PURE__ */ i(_, {})
           }
         )
       }
@@ -3316,49 +3343,52 @@ const Ie = {
   ] }) }) }) }) });
 });
 export {
-  Do as A,
-  sn as B,
-  Ro as C,
-  ei as D,
-  Ui as E,
+  Fo as A,
+  Ii as B,
+  No as C,
+  ri as D,
+  Kn as E,
   Bn as F,
-  Bi as G,
-  Zi as H,
-  ji as I,
-  Yi as J,
-  Qi as K,
+  Hi as G,
+  on as H,
+  Zi as I,
+  Ki as J,
+  Xi as K,
   Rn as L,
-  Ai as M,
-  Fi as O,
-  Gs as P,
-  Bs as R,
-  qs as S,
-  Us as T,
-  Vi as Z,
-  Ks as a,
-  Vn as b,
+  Wi as M,
+  Qi as N,
+  Mi as O,
+  Bs as P,
+  ea as Q,
+  Qs as R,
+  Ks as S,
+  js as T,
+  na as U,
+  Bi as Z,
+  ec as a,
+  qn as b,
   tt as c,
-  Lt as d,
-  Vs as e,
-  _n as f,
-  yo as g,
-  bn as h,
-  So as i,
-  Cn as j,
-  xo as k,
-  Pn as l,
-  Tn as m,
-  Io as n,
-  yn as o,
-  Eo as p,
-  Ao as q,
-  Et as r,
-  Yo as s,
-  ti as t,
-  ae as u,
-  ni as v,
-  ai as w,
-  yi as x,
-  Kn as y,
-  Wi as z
+  Rt as d,
+  Xs as e,
+  Zs as f,
+  vn as g,
+  Io as h,
+  wn as i,
+  Ro as j,
+  _n as k,
+  Lo as l,
+  bn as m,
+  Cn as n,
+  Eo as o,
+  Pn as p,
+  Tn as q,
+  yn as r,
+  Do as s,
+  Wo as t,
+  oe as u,
+  Lt as v,
+  ei as w,
+  oi as x,
+  ii as y,
+  li as z
 };