@pdf-viewer/react 1.9.1-rc.9 → 1.9.2-rc.0

package/dist/{ToolbarLayout.module-5809c7ac.js → ToolbarLayout.module-8210c0a6.js}

@@ -1,10 +1,10 @@
-import { jsx as a, Fragment as ue, jsxs as H } from "react/jsx-runtime";
+import { jsx as a, Fragment as pe, jsxs as $ } from "react/jsx-runtime";
 import * as X from "react";
-import { useRef as k, useEffect as D, useCallback as N, useState as $, useMemo as W, createContext as He, useContext as $e, useImperativeHandle as tn, createElement as Ve, PureComponent as eo, Component as to, memo as nn, forwardRef as no } from "react";
+import { useRef as k, useEffect as D, useCallback as E, useState as q, useMemo as W, createContext as He, useContext as $e, useImperativeHandle as tn, createElement as Ve, PureComponent as to, Component as no, memo as nn, forwardRef as oo } from "react";
 import { ChevronUpIcon as Ze } from "./components/icons/ChevronUpIcon.js";
-import { UIButton as ge } from "./components/ui/Button.js";
+import { UIButton as ve } from "./components/ui/Button.js";
 import { UIInput as on } from "./components/ui/Input.js";
-import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Nt, SelectionMode as oo, ErrorType as ro } from "./utils/types.js";
+import { ViewMode as Re, ScrollMode as ne, AnnotationSubType as Nt, SelectionMode as ro } from "./utils/types.js";
 import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as oe } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as io } from "./contexts/DocumentPasswordContext.js";
@@ -23,7 +23,7 @@ import "./contexts/DropFileZoneContext.js";
 import { findMatches as po, resetDivs as ho, highlightMatches as fo, isMatchEntireWord as mo } from "./utils/highlight.js";
 import { useLayoutContainer as _e } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as qe } from "./contexts/DimensionPagesContext.js";
-import { useLocalizationContext as pe } from "./contexts/LocalizationContext.js";
+import { useLocalizationContext as he } from "./contexts/LocalizationContext.js";
 import { useHighlightContext as go } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
 import { useDownloadContext as vo } from "./contexts/DownloadContext.js";
@@ -39,77 +39,79 @@ import { useIconToolContext as be } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as To, OtherToolProvider as Co } from "./contexts/OtherToolContext.js";
 import "./components/RPConfig.js";
 import { ThumbnailIcon as Po } from "./components/icons/Thumbnail.js";
-import { c as ae } from "./clsx-0c6e471a.js";
+import { c as se } from "./clsx-0c6e471a.js";
 import { LoaderIcon as _t } from "./components/icons/LoaderIcon.js";
 import { Container as yo } from "./components/layout/Container.js";
 import { useViewportContext as Oe, ViewportProvider as So } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as Te, ToolbarComponentProvider as xo } from "./contexts/ToolbarComponentContext.js";
-import { WrapperLayout as Io } from "./components/layout/WrapperLayout.js";
-import { useThemeContext as Ro } from "./contexts/ThemeContext.js";
-import { RPDropFileZone as Lo } from "./components/RPDropFileZone.js";
+import { useToolbarComponentContext as Te, ToolbarComponentProvider as Io } from "./contexts/ToolbarComponentContext.js";
+import { RPSplitter as xo } from "./components/layout/sidebar/RPSplitter.js";
+import { WrapperLayout as Ro } from "./components/layout/WrapperLayout.js";
+import { c as we, L as Lo } from "./LayoutWrapper-e99afee2.js";
+import { useThemeContext as Eo } from "./contexts/ThemeContext.js";
+import { RPDropFileZone as No } from "./components/RPDropFileZone.js";
 import { c as te, S as Ot } from "./SearchCloseButton-cbf182aa.js";
 import { UICheckbox as Dt } from "./components/ui/Checkbox.js";
-import { useIconContext as Ce, IconProvider as Eo } from "./contexts/IconContext.js";
+import { useIconContext as Ce, IconProvider as Oo } from "./contexts/IconContext.js";
 import Q from "./components/ui/RPTooltip.js";
 import { UIDropDown as cn } from "./components/ui/DropDown.js";
 import "./ZoomTool.module-6c5eabbb.js";
 import { MenuItem as Xe } from "./components/layout/toolbar/MenuItem.js";
 import { MenuSeparator as ln } from "./components/layout/toolbar/MenuSeparator.js";
 import { dateFormatter as At } from "./utils/dateFormatter.js";
-import { PropertyItem as No } from "./components/layout/toolbar/PropertyItem.js";
-import { RotateTool as Oo } from "./components/layout/toolbar/RotateTool.js";
+import { PropertyItem as Do } from "./components/layout/toolbar/PropertyItem.js";
+import { RotateTool as Ao } from "./components/layout/toolbar/RotateTool.js";
 import { withRef as et } from "./utils/withRef.js";
-import { useInfiniteScroll as Do } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as Ao } from "./components/layout/sidebar/RPSplitter.js";
-import * as zo from "pdfjs-dist";
-import { PixelsPerInch as Fo, AnnotationMode as Mo, RenderingCancelledException as ko, AnnotationLayer as Wo } from "pdfjs-dist";
-import { SimpleLinkService as Ho } from "./utils/link_service.js";
-import { annotationsEvents as $o, annotationEventsHandler as qo, handleClick as zt, handleAnnotationWidget as Go, handleAnnotationLink as Uo, bindLayerEvents as Vo, unbindLayerEvents as Ft } from "./utils/annotations.js";
-import { normalizeSingleKeyword as jo, sortHighlightPosition as Bo, unwrap as Ko } from "./components/page/searchHighlight.js";
-import { CustomElement as Zo } from "./components/page/CustomElement.js";
-import { useMousePressed as Xo } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as Qo } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as Yo } from "./utils/hooks/usePinch.js";
+import { useInfiniteScroll as zo } from "./utils/hooks/useInfiniteScroll.js";
+import { THUMBNAIL_MIN_WIDTH as Fo } from "./utils/constants.js";
+import * as Mo from "pdfjs-dist";
+import { PixelsPerInch as ko, AnnotationMode as Wo, RenderingCancelledException as Ho, AnnotationLayer as $o } from "pdfjs-dist";
+import { SimpleLinkService as qo } from "./utils/link_service.js";
+import { annotationsEvents as Go, annotationEventsHandler as Uo, handleClick as zt, handleAnnotationWidget as Vo, handleAnnotationLink as jo, bindLayerEvents as Bo, unbindLayerEvents as Ft } from "./utils/annotations.js";
+import { normalizeSingleKeyword as Ko, sortHighlightPosition as Zo, unwrap as Xo } from "./components/page/searchHighlight.js";
+import { CustomElement as Qo } from "./components/page/CustomElement.js";
+import { useMousePressed as Yo } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as Jo } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as er } from "./utils/hooks/usePinch.js";
 import { useDebounce as bt } from "./utils/hooks/useDebounce.js";
-import Jo from "./components/ui/PasswordModal.js";
-import { getPositionFromPage as er, getPageFromPosition as tr } from "./utils/calculatePage.js";
+import tr from "./components/ui/PasswordModal.js";
+import { getPositionFromPage as nr, getPageFromPosition as or } from "./utils/calculatePage.js";
 import { getScrollDistance as ze } from "./utils/getScrollDistance.js";
-import { getWordPositionInPage as nr } from "./utils/getWordPositionInPage.js";
-import { getThumbnailViewport as or } from "./utils/getThumbnailViewport.js";
+import { getWordPositionInPage as rr } from "./utils/getWordPositionInPage.js";
+import { getThumbnailViewport as ir } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as it } from "./utils/smoothScrollTo.js";
-import { appConsole as rr } from "./utils/appConsole.js";
+import { appConsole as ar } from "./utils/appConsole.js";
 import { FileUploadTool as dn } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as ir } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as ar } from "./components/icons/ThreeDotIcon.js";
-import { c as sr, u as Tt, P as Ge, b as We, d as Ct, i as cr, k as lr, a as dr } from "./index-5908484b.js";
-import { D as ur, u as at } from "./index-18b0454c.js";
-import { a as pr, h as hr, u as fr, F as mr, b as gr, G as un } from "./index-f4a9ae4d.js";
-import { CloseIcon as vr } from "./components/icons/CloseIcon.js";
-import { DocumentProperties as wr } from "./components/layout/toolbar/DocumentProperties.js";
-import { ViewModeTool as _r } from "./components/layout/toolbar/ViewModeTool.js";
-import { ScrollModeTool as br } from "./components/layout/toolbar/ScrollModeTool.js";
-import { FileDownloadDefaultIcon as Tr } from "./components/icons/FileDownloadDefaultIcon.js";
-import { PrintDefaultTool as Cr } from "./components/icons/PrintDefaultIcon.js";
+import { DarkModeTool as sr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as cr } from "./components/icons/ThreeDotIcon.js";
+import { c as lr, u as Tt, P as Ge, b as We, d as Ct, i as dr, k as ur, a as pr } from "./index-5908484b.js";
+import { D as hr, u as at } from "./index-18b0454c.js";
+import { a as fr, h as mr, u as gr, F as vr, b as wr, G as un } from "./index-f4a9ae4d.js";
+import { CloseIcon as _r } from "./components/icons/CloseIcon.js";
+import { DocumentProperties as br } from "./components/layout/toolbar/DocumentProperties.js";
+import { ViewModeTool as Tr } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as Cr } from "./components/layout/toolbar/ScrollModeTool.js";
+import { FileDownloadDefaultIcon as Pr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { PrintDefaultTool as yr } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as pn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as hn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Pr } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomTool as yr } from "./components/layout/toolbar/ZoomTool.js";
+import { SelectionModeTool as Sr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomTool as Ir } from "./components/layout/toolbar/ZoomTool.js";
 import { SearchIcon as fn } from "./components/icons/SearchIcon.js";
-import { ClearIcon as Sr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as xr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Mt } from "./components/icons/InfoIcon.js";
 import './assets/ToolbarLayout.css';const mn = () => {
-  const { viewMode: t } = Fe(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = ce(), c = k(), { columnCount: l } = rn(), { widths: d, heights: h } = qe(), m = k(e), T = k(t), f = k(l), { targetScrollPage: v } = an();
+  const { viewMode: t } = Fe(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = Ye(), { setFocusedPage: i } = le(), c = k(), { columnCount: l } = rn(), { widths: d, heights: f } = qe(), m = k(e), P = k(t), p = k(l), { targetScrollPage: v } = an();
   D(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), D(() => {
-    m.current = e, T.current = t;
+    m.current = e, P.current = t;
   }, [e, t]);
-  const C = N(
-    (b, y) => {
+  const b = E(
+    (T, y) => {
       if (!o)
         return;
-      const g = Math.ceil(b / 2) * 2 - 1;
-      if (b === g + 1) {
+      const g = Math.ceil(T / 2) * 2 - 1;
+      if (T === g + 1) {
         const u = {
           left: d[g],
           top: 0
@@ -118,38 +120,38 @@ import './assets/ToolbarLayout.css';const mn = () => {
           (s) => it(o, u, s)
         );
       }
-      const p = {
+      const h = {
         left: 0,
         top: 0
       };
       return o == null ? void 0 : o.scrollTo({
-        ...p,
+        ...h,
         behavior: y
       });
     },
     [o, d, it]
   );
   return D(() => {
-    m.current = e, T.current = t;
+    m.current = e, P.current = t;
   }, [e, t]), D(() => {
-    f.current = l;
-  }, [l]), { scrollToPage: N(
-    (b, y = "smooth") => {
-      i(b);
-      const g = b - 1;
-      let p = g, u = 0;
-      if (T.current === Re.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
-        C(b, y);
+    p.current = l;
+  }, [l]), { scrollToPage: E(
+    (T, y = "smooth") => {
+      i(T);
+      const g = T - 1;
+      let h = g, u = 0;
+      if (P.current === Re.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
+        b(T, y);
         return;
       }
       if (m.current === ne.PAGE_SCROLLING) {
-        i(b);
+        i(T);
         return;
       }
       if (!c.current || !r)
         return;
       const s = r;
-      if (y === "smooth" && (v.current = b), m.current === ne.HORIZONTAL_SCROLLING) {
+      if (y === "smooth" && (v.current = T), m.current === ne.HORIZONTAL_SCROLLING) {
         u = g;
         const S = {
           left: ze(d, u),
@@ -160,74 +162,74 @@ import './assets/ToolbarLayout.css';const mn = () => {
           behavior: y
         });
       }
-      if (T.current === Re.DUAL_PAGE) {
-        u = g % 2, p = Math.floor(g / 2);
+      if (P.current === Re.DUAL_PAGE) {
+        u = g % 2, h = Math.floor(g / 2);
         const S = {
           left: ze(d, u),
-          top: ze(h, p)
+          top: ze(f, h)
         };
         return s.scrollTo({
           ...S,
           behavior: y
         });
       }
-      const w = {
+      const _ = {
         left: 0,
-        top: ze(h, p)
+        top: ze(f, h)
       };
       return s.scrollTo({
-        ...w,
+        ..._,
         behavior: y
       });
     },
     [
       r,
       l,
-      C,
+      b,
       i,
       it,
-      h,
+      f,
       d
     ]
   ) };
-}, xr = (t = 1) => {
-  const [e, n] = $(t), [r, o] = $(0), { scrollToPage: i } = mn(), c = k(1), { viewMode: l } = Fe(), { scrollMode: d } = Ee(), { widths: h } = qe(), { pagesRef: m } = _e(), T = bt(e, 100), f = N(
-    (p) => {
-      if (!/^[0-9]*$/g.test(p.toString()) || !p)
+}, Rr = (t = 1) => {
+  const [e, n] = q(t), [r, o] = q(0), { scrollToPage: i } = mn(), c = k(1), { viewMode: l } = Fe(), { scrollMode: d } = Ee(), { widths: f } = qe(), { pagesRef: m } = _e(), P = bt(e, 100), p = E(
+    (h) => {
+      if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: c.current };
-      const s = +p;
-      return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +p });
+      const s = +h;
+      return s < 0 || s > r ? { success: !1, currentPage: c.current } : (n(s), c.current = s, { success: !0, currentPage: +h });
     },
     [r]
-  ), v = N(f, [f]), C = N(
-    (p) => {
-      const u = f(p);
+  ), v = E(p, [p]), b = E(
+    (h) => {
+      const u = p(h);
       return u.success && i(u.currentPage), u;
     },
-    [f, i]
-  ), P = N((p) => {
-    const u = p % 2 === 1;
+    [p, i]
+  ), C = E((h) => {
+    const u = h % 2 === 1;
     if (!m || u)
       return !1;
-    const s = u ? h[p] : h[p - 1], w = u ? h[p + 1] : h[p];
-    return l === Re.DUAL_PAGE && s + w < m.clientWidth;
-  }, [l, h, m, r]), b = N(() => {
-    let p = e - 1;
-    P(p) && (p = e - 2), C(p);
-  }, [C, e, l, d, P]), y = W(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), g = N(() => {
+    const s = u ? f[h] : f[h - 1], _ = u ? f[h + 1] : f[h];
+    return l === Re.DUAL_PAGE && s + _ < m.clientWidth;
+  }, [l, f, m, r]), T = E(() => {
+    let h = e - 1;
+    C(h) && (h = e - 2), b(h);
+  }, [b, e, l, d, C]), y = W(() => l === Re.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, l, d]), g = E(() => {
     if (y)
       return;
-    let p = e + 1;
-    P(p) && (p = e + 2), C(p);
-  }, [C, e, P, l, d, y]);
+    let h = e + 1;
+    C(h) && (h = e + 2), b(h);
+  }, [b, e, C, l, d, y]);
   return {
-    focusedPage: T,
+    focusedPage: P,
     totalPages: r,
     setFocusedPage: v,
     setTotalPages: o,
     nextPage: g,
-    prevPage: b,
-    goToPage: C
+    prevPage: T,
+    goToPage: b
   };
 }, gn = He({
   focusedPage: 0,
@@ -241,11 +243,11 @@ import './assets/ToolbarLayout.css';const mn = () => {
   },
   nextPage: () => {
   }
-}), ce = () => {
+}), le = () => {
   const t = $e(gn);
-  return typeof (t == null ? void 0 : t.focusedPage) > "u" && rr.error("Please use this hooks inside children component of RPProvider"), t;
-}, Hs = ({ children: t }) => {
-  const { pdf: e } = oe(), { setCurrentPage: n } = bo(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: h } = xr();
+  return typeof (t == null ? void 0 : t.focusedPage) > "u" && ar.error("Please use this hooks inside children component of RPProvider"), t;
+}, Us = ({ children: t }) => {
+  const { pdf: e } = oe(), { setCurrentPage: n } = bo(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: c, goToPage: l, nextPage: d, prevPage: f } = Rr();
   return D(() => {
     e != null && e.numPages && (c(e.numPages), i(1));
   }, [e, c, i]), D(() => {
@@ -259,166 +261,166 @@ import './assets/ToolbarLayout.css';const mn = () => {
         setFocusedPage: i,
         setTotalPages: c,
         nextPage: d,
-        prevPage: h,
+        prevPage: f,
         goToPage: l
       },
       children: t
     }
   );
 };
-const Ir = () => {
-  const { pdf: t, pages: e } = oe(), [n, r] = $({
+const Lr = () => {
+  const { pdf: t, pages: e } = oe(), [n, r] = q({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, i] = $(!1), [c, l] = $(!1), [d, h] = $(null), m = k(!1);
+  }), [o, i] = q(!1), [c, l] = q(!1), [d, f] = q(null), m = k(!1);
   D(() => {
     m.current;
   }, [m]);
-  const T = N(() => {
+  const P = E(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
-    const p = document.querySelector(".rp-print-zone");
-    p && p.remove();
-  }, []), f = N(() => {
-    m.current = !1, i(!1), l(!1), h(null), r({
+    const h = document.querySelector(".rp-print-zone");
+    h && h.remove();
+  }, []), p = E(() => {
+    m.current = !1, i(!1), l(!1), f(null), r({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
   }, []), v = () => {
     m.current = !0;
-  }, C = async ({
-    scratchCanvas: p,
+  }, b = async ({
+    scratchCanvas: h,
     pdfDocument: u,
     pageNumber: s,
-    viewerPdfPage: w,
-    printResolution: _,
+    viewerPdfPage: _,
+    printResolution: w,
     optionalContentConfigPromise: S,
     printAnnotationStoragePromise: R
   }) => {
     if (m.current) {
-      f();
+      p();
       return;
     }
-    const x = _ / Fo.PDF;
-    p.width = Math.floor(w.width * x), p.height = Math.floor(w.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([
+    const I = w / ko.PDF;
+    h.width = Math.floor(_.width * I), h.height = Math.floor(_.height * I);
+    const x = h.getContext("2d");
+    x.save(), x.fillStyle = "rgb(255, 255, 255)", x.fillRect(0, 0, h.width, h.height), x.restore();
+    const [N, A] = await Promise.all([
       u.getPage(s),
       R
     ]);
     if (m.current) {
-      f();
+      p();
       return;
     }
     const z = {
-      canvasContext: I,
-      transform: [x, 0, 0, x, 0, 0],
-      viewport: O.getViewport({ scale: 1, rotation: w.rotation }),
+      canvasContext: x,
+      transform: [I, 0, 0, I, 0, 0],
+      viewport: N.getViewport({ scale: 1, rotation: _.rotation }),
       intent: "print",
-      annotationMode: Mo.ENABLE_STORAGE,
+      annotationMode: Wo.ENABLE_STORAGE,
       optionalContentConfigPromise: S,
       printAnnotationStorage: A
     };
     try {
-      return O.render(z).promise;
+      return N.render(z).promise;
     } catch (L) {
-      throw L instanceof ko || console.error(L), L;
+      throw L instanceof Ho || console.error(L), L;
     }
-  }, P = N(() => {
-    const p = window.print;
+  }, C = E(() => {
+    const h = window.print;
     return new Promise((u) => {
       const s = (S) => {
         setTimeout(() => {
-          p.call(window), setTimeout(() => S(), 20);
+          h.call(window), setTimeout(() => S(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         s(u);
         return;
       }
-      const _ = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(u), _.disconnect());
+      const w = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(u), w.disconnect());
       });
-      _.observe(document.body, { childList: !0, subtree: !0 });
+      w.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), b = async (p) => {
+  }, []), T = async (h) => {
     const u = document.createElement("img"), s = document.createElement("div");
-    return s.classList.add("rp-print-page"), await new Promise((w, _) => {
-      p.toBlob((S) => {
+    return s.classList.add("rp-print-page"), await new Promise((_, w) => {
+      h.toBlob((S) => {
         S ? (u.src = URL.createObjectURL(S), u.onload = () => {
-          URL.revokeObjectURL(u.src), w();
-        }, u.onerror = _) : _(new Error("Failed to create blob"));
+          URL.revokeObjectURL(u.src), _();
+        }, u.onerror = w) : w(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(u), s;
-  }, y = (p, u) => {
+  }, y = (h, u) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    const w = document.createElement("style"), _ = u.get(1);
-    if (_) {
-      const { width: S, height: R } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
-      w.innerHTML = `@page { size: ${S}px ${R}px }`;
+    const _ = document.createElement("style"), w = u.get(1);
+    if (w) {
+      const { width: S, height: R } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
+      _.innerHTML = `@page { size: ${S}px ${R}px }`;
     }
-    return s.appendChild(w), s.append(...p), s;
-  }, g = N(async () => {
+    return s.appendChild(_), s.append(...h), s;
+  }, g = E(async () => {
     if (!t)
       return;
-    f();
-    const p = document.createElement("canvas"), u = [];
+    p();
+    const h = document.createElement("canvas"), u = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const w = t.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
+      const _ = t.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), S = e.size;
-      for (const [x, I] of e) {
+      for (const [I, x] of e) {
         if (m.current) {
-          f();
+          p();
           return;
         }
-        const O = I.page.getViewport({ scale: 1 });
-        if (await C({
-          scratchCanvas: p,
+        const N = x.page.getViewport({ scale: 1 });
+        if (await b({
+          scratchCanvas: h,
           pdfDocument: t,
-          pageNumber: x,
-          viewerPdfPage: O,
+          pageNumber: I,
+          viewerPdfPage: N,
           printResolution: 150,
-          optionalContentConfigPromise: w,
-          printAnnotationStoragePromise: _
+          optionalContentConfigPromise: _,
+          printAnnotationStoragePromise: w
         }), m.current) {
-          f();
+          p();
           return;
         }
-        const A = await b(p);
+        const A = await T(h);
         u.push(A);
         const z = parseFloat((u.length / S * 100).toFixed(2));
         r({
-          loadedPages: x,
+          loadedPages: I,
           totalPages: S,
           percentage: z
         });
       }
       if (m.current) {
-        f();
+        p();
         return;
       }
       const R = y(u, e);
-      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await P();
+      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await C();
     } catch (s) {
-      l(!0), s instanceof Error && h(s);
+      l(!0), s instanceof Error && f(s);
     } finally {
-      p.height = 0, p.width = 0;
+      h.height = 0, h.width = 0;
     }
   }, [t, e, m]);
   return D(() => {
-    const p = () => {
-      f(), T();
+    const h = () => {
+      p(), P();
     };
-    return window.addEventListener("afterprint", p, !0), () => {
-      window.removeEventListener("afterprint", p, !0);
+    return window.addEventListener("afterprint", h, !0), () => {
+      window.removeEventListener("afterprint", h, !0);
     };
-  }, [T, f]), {
+  }, [P, p]), {
     print: g,
     cancel: v,
     progress: n,
@@ -443,65 +445,65 @@ const Ir = () => {
       console.error("Error in setOnError callback:", e);
     }
   }
-}), $s = ({ children: t }) => {
-  const [e, n] = $(null), [r, o] = $(null), { print: i, cancel: c, progress: l, isComplete: d, isError: h, error: m } = Ir(), T = N((b) => {
-    b && typeof b == "function" && o(() => b);
-  }, []), f = (b) => {
-    m && b(m);
-  }, v = N(
-    (b) => {
-      n(() => b);
+}), Vs = ({ children: t }) => {
+  const [e, n] = q(null), [r, o] = q(null), { print: i, cancel: c, progress: l, isComplete: d, isError: f, error: m } = Lr(), P = E((T) => {
+    T && typeof T == "function" && o(() => T);
+  }, []), p = (T) => {
+    m && T(m);
+  }, v = E(
+    (T) => {
+      n(() => T);
     },
     [l, e]
   );
   D(() => {
-    d && r && C();
+    d && r && b();
   }, [d, r]), D(() => {
-    h && f((b) => {
-      console.error(b);
+    f && p((T) => {
+      console.error(T);
     });
-  }, [h]), D(() => {
+  }, [f]), D(() => {
     l && e && e(l);
   }, [l, e]);
-  const C = () => {
+  const b = () => {
     r && (r(), o(null));
-  }, P = {
+  }, C = {
     print: i,
     cancel: c,
     setOnProgress: v,
-    setOnComplete: T,
-    setOnError: f,
+    setOnComplete: P,
+    setOnError: p,
     progress: l
   };
-  return /* @__PURE__ */ a(vn.Provider, { value: P, children: t });
+  return /* @__PURE__ */ a(vn.Provider, { value: C, children: t });
 }, tt = () => {
   const t = $e(vn);
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, Rr = () => {
-  const [t, e] = $({}), { pages: n } = oe(), r = W(() => Object.keys(t).length, [t]), o = N(
+}, Er = () => {
+  const [t, e] = q({}), { pages: n } = oe(), r = W(() => Object.keys(t).length, [t]), o = E(
     (c) => {
       if (!n.size)
         return;
-      const l = c > n.size ? n.size : c, h = Array.from(n.values()).slice(0, l).map((m) => {
-        const { thumbnailViewport: T, scale: f } = or(m.page, m.defaultRotation);
+      const l = c > n.size ? n.size : c, f = Array.from(n.values()).slice(0, l).map((m) => {
+        const { thumbnailViewport: P, scale: p } = ir(m.page, m.defaultRotation);
         return {
-          scale: f,
+          scale: p,
           page: m.page,
           loading: !0,
-          viewport: T,
+          viewport: P,
           defaultRotation: m.defaultRotation
         };
-      }).reduce((m, T) => (m[T.page.pageNumber] = T, m), {});
-      e(h);
+      }).reduce((m, P) => (m[P.page.pageNumber] = P, m), {});
+      e(f);
     },
     [n]
   );
   D(() => {
     o(10);
   }, [o]);
-  const i = N(
+  const i = E(
     (c) => {
       if (!n)
         return;
@@ -530,11 +532,11 @@ const Ir = () => {
   setActive: (t) => {
   },
   active: !1
-}), _n = () => $e(wn), qs = ({
+}), _n = () => $e(wn), js = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Rr(), [c, l] = $(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Er(), [c, l] = q(e);
   return /* @__PURE__ */ a(
     wn.Provider,
     {
@@ -542,67 +544,67 @@ const Ir = () => {
       children: t
     }
   );
-}, Lr = (t = {}, e = "") => {
-  const [n, r] = $(e), [o, i] = $(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: h } = qe(), m = k(!n), { currentZoom: T } = wt(), [f, v] = $([]), { setFocusedPage: C } = ce(), { columnCount: P } = Fe(), { pageRotate: b } = Je(), [y, g] = $(0), { pageScrollElementRef: p, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ee(), { pagesRef: w } = _e(), [_, S] = $(null), R = k({}), x = W(() => y === 0 ? null : f[y - 1], [y, f]), I = W(() => f.length, [f]);
+}, Nr = (t = {}, e = "") => {
+  const [n, r] = q(e), [o, i] = q(!1), { pdf: c, pages: l } = oe(), { widths: d, heights: f } = qe(), m = k(!n), { currentZoom: P } = wt(), [p, v] = q([]), { setFocusedPage: b } = le(), { columnCount: C } = Fe(), { pageRotate: T } = Je(), [y, g] = q(0), { pageScrollElementRef: h, virtualScrollableElementRef: u } = Ye(), { scrollMode: s } = Ee(), { pagesRef: _ } = _e(), [w, S] = q(null), R = k({}), I = W(() => y === 0 ? null : p[y - 1], [y, p]), x = W(() => p.length, [p]);
   D(() => {
-    if (!x || !l)
+    if (!I || !l)
       return;
-    const L = u || p;
-    if (!L || !w)
+    const L = u || h;
+    if (!L || !_)
       return;
-    const E = l.get(x.page);
-    if (s === ne.PAGE_SCROLLING && C(x.page), !E)
+    const O = l.get(I.page);
+    if (s === ne.PAGE_SCROLLING && b(I.page), !O)
       return;
-    let F = 0, M = 0;
+    let F = 0, H = 0;
     if (s === ne.VERTICAL_SCROLLING) {
-      const ee = x.page - 1, ie = P, Y = ee % ie, ve = Math.floor(ee / ie);
-      F = ze(h, ve), M = ze(d, Y);
+      const J = I.page - 1, ee = C, ie = J % ee, ae = Math.floor(J / ee);
+      F = ze(f, ae), H = ze(d, ie);
     }
-    s === ne.HORIZONTAL_SCROLLING && (M = d.slice(0, x.page - 1).reduce((ee, ie) => ee + ie, 0));
-    const q = {
-      height: h[x.page - 1],
-      width: d[x.page - 1]
+    s === ne.HORIZONTAL_SCROLLING && (H = d.slice(0, I.page - 1).reduce((J, ee) => J + ee, 0));
+    const M = {
+      height: f[I.page - 1],
+      width: d[I.page - 1]
     }, j = {
-      top: q.height / 2,
-      left: q.width / 2
-    }, B = b[x.page], { leftInPage: U, topInPage: J } = nr(
-      q,
+      top: M.height / 2,
+      left: M.width / 2
+    }, K = T[I.page], { leftInPage: U, topInPage: re } = rr(
+      M,
       j,
-      x.rect,
-      T,
-      B
-    ), G = M + U, Z = F + J, re = {
+      I.rect,
+      P,
+      K
+    ), G = H + U, Z = F + re, Y = {
       left: Math.max(G, 0),
       top: Math.max(Z, 0)
     };
     L.scrollTo({
-      ...re,
+      ...Y,
       behavior: "smooth"
     });
   }, [
     l,
-    C,
+    b,
     d,
-    h,
-    x,
+    f,
+    I,
     s,
     u,
-    p,
-    w
+    h,
+    _
   ]);
-  const O = N(() => {
-    g((L) => I ? L + 1 > I ? 1 : L + 1 : 0);
-  }, [I]), A = N(() => {
-    g((L) => I ? L - 1 <= 0 ? I : L - 1 : 0);
-  }, [I]), z = N(async (L) => {
+  const N = E(() => {
+    g((L) => x ? L + 1 > x ? 1 : L + 1 : 0);
+  }, [x]), A = E(() => {
+    g((L) => x ? L - 1 <= 0 ? x : L - 1 : 0);
+  }, [x]), z = E(async (L) => {
     if (!L)
       return {};
-    const E = L.numPages, F = {};
-    for (let M = 1; M <= E; M++) {
+    const O = L.numPages, F = {};
+    for (let H = 1; H <= O; H++) {
       if (m.current)
         throw "close pop over";
-      const q = await L.getPage(M);
-      F[M.toString()] = await q.getTextContent();
+      const M = await L.getPage(H);
+      F[H.toString()] = await M.getTextContent();
     }
     return F;
   }, []);
@@ -613,14 +615,14 @@ const Ir = () => {
     }
     m.current = !1, i(!0), v([]), g(0), z(c).then((L) => {
       R.current = L;
-      const F = Object.keys(L).reduce((M, q) => {
+      const F = Object.keys(L).reduce((H, M) => {
         const j = po(
           [n],
-          L[q],
-          Number(q) - 1,
+          L[M],
+          Number(M) - 1,
           t
-        ).map((B, U) => ({ ...B, page: Number(q), pageMatchIdx: U }));
-        return [...M, ...j];
+        ).map((K, U) => ({ ...K, page: Number(M), pageMatchIdx: U }));
+        return [...H, ...j];
       }, []);
       v(F), g(F.length ? 1 : 0);
     }).catch(() => {
@@ -630,13 +632,13 @@ const Ir = () => {
     search: n,
     setSearch: r,
     loading: o,
-    matches: f,
-    totalMatches: I,
+    matches: p,
+    totalMatches: x,
     currentMatchPosition: y,
-    currentMatch: x,
-    nextMatch: O,
+    currentMatch: I,
+    nextMatch: N,
     prevMatch: A,
-    currentMatchElement: _,
+    currentMatchElement: w,
     setCurrentMatchElement: S
   };
 }, bn = He({
@@ -657,23 +659,23 @@ const Ir = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (t) => {
   }
-}), Gs = ({
+}), Bs = ({
   children: t,
   initialSearch: e
 }) => {
-  const [n, r] = $({}), {
+  const [n, r] = q({}), {
     loading: o,
     setSearch: i,
     totalMatches: c,
     currentMatchPosition: l,
     currentMatch: d,
-    search: h,
+    search: f,
     matches: m,
-    nextMatch: T,
-    prevMatch: f,
+    nextMatch: P,
+    prevMatch: p,
     currentMatchElement: v,
-    setCurrentMatchElement: C
-  } = Lr(n, e);
+    setCurrentMatchElement: b
+  } = Nr(n, e);
   return /* @__PURE__ */ a(
     bn.Provider,
     {
@@ -685,20 +687,20 @@ const Ir = () => {
         totalMatches: c,
         currentMatchPosition: l,
         currentMatch: d,
-        nextMatch: T,
-        prevMatch: f,
-        search: h,
+        nextMatch: P,
+        prevMatch: p,
+        search: f,
         matches: m,
         currentMatchElement: v,
-        setCurrentMatchElement: C
+        setCurrentMatchElement: b
       },
       children: t
     }
   );
-}, Pt = () => $e(bn), Tn = He(null), Us = ({ children: t }) => {
-  const e = k(!1), [n, r] = $([]), o = N((d) => {
-    r((h) => [...h, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
-  }, []), i = W(() => new wo(o), [o]), { focusedPage: c } = ce(), l = N((d) => (e.current = !0, _o(
+}, Pt = () => $e(bn), Tn = He(null), Ks = ({ children: t }) => {
+  const e = k(!1), [n, r] = q([]), o = E((d) => {
+    r((f) => [...f, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
+  }, []), i = W(() => new wo(o), [o]), { focusedPage: c } = le(), l = E((d) => (e.current = !0, _o(
     d.data.page,
     d.data.canvasElem,
     d.data.options
@@ -713,8 +715,8 @@ const Ir = () => {
     if (i.isEmpty() || e.current)
       return;
     const d = () => {
-      const h = i.dequeue();
-      h ? l(h).finally(() => {
+      const f = i.dequeue();
+      f ? l(f).finally(() => {
         d();
       }) : (e.current = !1, r(i.peekAll()));
     };
@@ -725,7 +727,7 @@ const Ir = () => {
   if (!t)
     throw new Error("RenderQueue not found");
   return t;
-}, le = {
+}, ue = {
   "rp-pages": "_rp-pages_1i1lj_1",
   "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1i1lj_6",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1i1lj_11",
@@ -739,21 +741,21 @@ const Ir = () => {
   "rp-page-wrapper": "_rp-page-wrapper_14ohm_1",
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
-}, Er = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = k(), { currentZoom: d } = wt(), h = Cn(), m = k(`page-${e}`);
+}, Or = (t) => {
+  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = oe(), { pageRotate: c } = Je(), l = k(), { currentZoom: d } = wt(), f = Cn(), m = k(`page-${e}`);
   return D(() => {
     if (!i || d === 0)
       return;
-    const T = i.get(e);
-    if (o.current && T) {
-      const f = o.current;
-      f.hidden = !0;
+    const P = i.get(e);
+    if (o.current && P) {
+      const p = o.current;
+      p.hidden = !0;
       const v = l.current;
-      v && v.cancel(), r && r(), h.enqueue(
+      v && v.cancel(), r && r(), f.enqueue(
         m.current,
         {
-          page: T.page,
-          canvasElem: f,
+          page: P.page,
+          canvasElem: p,
           options: {
             scale: d,
             rotate: c[e],
@@ -765,194 +767,194 @@ const Ir = () => {
       );
     }
     return () => {
-      h.removeQueue(m.current);
+      f.removeQueue(m.current);
     };
-  }, [i, e, c, d, r, n, h]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
-}, Nr = "_selecting_usdup_9", fe = {
+  }, [i, e, c, d, r, n, f]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
+}, Dr = "_selecting_usdup_9", me = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
-  selecting: Nr,
+  selecting: Dr,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
-}, Or = (t) => {
-  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = Pt(), [l, d] = $(
+}, Ar = (t) => {
+  const { pageNumber: e } = t, { pages: n } = oe(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: c } = Pt(), [l, d] = q(
     []
-  ), h = k(), m = k(), T = k([]), f = W(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), v = N(
-    (p, u, s = !1) => {
-      if (s && ho(p, u), !f.length) {
-        T.current = [], d([]);
+  ), f = k(), m = k(), P = k([]), p = W(() => o.filter((h) => h.pageIndex === e - 1), [o, e]), v = E(
+    (h, u, s = !1) => {
+      if (s && ho(h, u), !p.length) {
+        P.current = [], d([]);
         return;
       }
-      const w = fo(f, p, u);
-      d(w);
+      const _ = fo(p, h, u);
+      d(_);
     },
-    [f]
-  ), C = k(), P = k(!1), b = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+    [p]
+  ), b = k(), C = k(!1), T = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   D(() => ((() => {
-    if (C.current)
+    if (b.current)
       return;
-    C.current = new AbortController();
-    const { signal: u } = C.current, s = () => {
-      b().forEach((_) => {
-        const S = _.querySelector(".endOfContent");
-        S && (_.appendChild(S), S.style.width = "", S.style.height = "", _.classList.remove(fe.selecting));
+    b.current = new AbortController();
+    const { signal: u } = b.current, s = () => {
+      T().forEach((w) => {
+        const S = w.querySelector(".endOfContent");
+        S && (w.appendChild(S), S.style.width = "", S.style.height = "", w.classList.remove(me.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        P.current = !0;
+        C.current = !0;
       },
       { signal: u }
     ), document.addEventListener(
       "pointerup",
       () => {
-        P.current = !1, s();
+        C.current = !1, s();
       },
       { signal: u }
     ), window.addEventListener(
       "blur",
       () => {
-        P.current = !1, s();
+        C.current = !1, s();
       },
       { signal: u }
     ), document.addEventListener(
       "keyup",
       () => {
-        P.current || s();
+        C.current || s();
       },
       { signal: u }
     );
-    let w = null;
+    let _ = null;
     document.addEventListener(
       "selectionchange",
       () => {
         var z, L;
-        const _ = document.getSelection();
-        if (!_)
+        const w = document.getSelection();
+        if (!w)
           return;
-        if (_.rangeCount === 0) {
+        if (w.rangeCount === 0) {
           s();
           return;
         }
         const S = /* @__PURE__ */ new Set();
-        for (let E = 0; E < _.rangeCount; E++) {
-          const F = _.getRangeAt(E);
-          b().forEach((M) => {
-            F.intersectsNode(M) && !S.has(M) && S.add(M);
+        for (let O = 0; O < w.rangeCount; O++) {
+          const F = w.getRangeAt(O);
+          T().forEach((H) => {
+            F.intersectsNode(H) && !S.has(H) && S.add(H);
           });
         }
-        b().forEach((E) => {
-          if (S.has(E))
-            E.classList.add(fe.selecting);
+        T().forEach((O) => {
+          if (S.has(O))
+            O.classList.add(me.selecting);
           else {
-            const F = E.querySelector(".endOfContent");
-            F && (E.appendChild(F), F.style.width = "", F.style.height = "", E.classList.remove(fe.selecting));
+            const F = O.querySelector(".endOfContent");
+            F && (O.appendChild(F), F.style.width = "", F.style.height = "", O.classList.remove(me.selecting));
           }
         });
-        const R = _.getRangeAt(0);
-        let I = w && (R.compareBoundaryPoints(Range.END_TO_END, w) === 0 || R.compareBoundaryPoints(Range.START_TO_END, w) === 0) ? R.startContainer : R.endContainer;
-        I.nodeType === Node.TEXT_NODE && (I = I.parentNode);
-        const O = (z = I.parentElement) == null ? void 0 : z.closest(
-          fe["rp-text-layer"]
-        ), 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)), w = R.cloneRange();
+        const R = w.getRangeAt(0);
+        let x = _ && (R.compareBoundaryPoints(Range.END_TO_END, _) === 0 || R.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? R.startContainer : R.endContainer;
+        x.nodeType === Node.TEXT_NODE && (x = x.parentNode);
+        const N = (z = x.parentElement) == null ? void 0 : z.closest(
+          me["rp-text-layer"]
+        ), A = N == null ? void 0 : N.querySelector(".endOfContent");
+        A && N && (A.style.width = N.style.width, A.style.height = N.style.height, (L = x.parentElement) == null || L.insertBefore(A, x.nextSibling)), _ = R.cloneRange();
       },
       { signal: u }
     );
   })(), () => {
     var u;
-    (u = C.current) == null || u.abort(), C.current = void 0;
-  }), [b]);
-  const y = N(() => {
-    r.current && r.current.classList.add(fe.selecting);
-  }, []), g = N(() => {
-    r.current && r.current.classList.remove(fe.selecting);
+    (u = b.current) == null || u.abort(), b.current = void 0;
+  }), [T]);
+  const y = E(() => {
+    r.current && r.current.classList.add(me.selecting);
+  }, []), g = E(() => {
+    r.current && r.current.classList.remove(me.selecting);
   }, []);
   return D(() => {
-    if (T.current.forEach((s) => {
+    if (P.current.forEach((s) => {
       s.classList.remove("selected");
     }), !l.length || !i || i.pageIndex !== e - 1)
       return;
-    const p = f.findIndex(
+    const h = p.findIndex(
       (s) => JSON.stringify(s) === JSON.stringify(i)
     );
-    if (p === -1)
+    if (h === -1)
       return;
-    const u = l.filter((s) => s.index === p);
-    u.length && (T.current = u.map((s) => s.element), c(u[0].element), u.forEach((s) => {
+    const u = l.filter((s) => s.index === h);
+    u.length && (P.current = u.map((s) => s.element), c(u[0].element), u.forEach((s) => {
       s.element.classList.add("selected");
     }));
-  }, [i, l, f]), D(() => {
-    const p = n.get(e);
-    if (!p || !r.current)
+  }, [i, l, p]), D(() => {
+    const h = n.get(e);
+    if (!h || !r.current)
       return;
     const u = r.current;
-    return h.current && h.current.cancel(), p.page.getTextContent().then((s) => {
-      const w = p.page.getViewport({ scale: 1 });
-      return h.current = new zo.TextLayer({
-        viewport: w,
+    return f.current && f.current.cancel(), h.page.getTextContent().then((s) => {
+      const _ = h.page.getViewport({ scale: 1 });
+      return f.current = new Mo.TextLayer({
+        viewport: _,
         textContentSource: s,
         container: u
-      }), m.current = s, u && (u.innerText = ""), h.current.render();
+      }), m.current = s, u && (u.innerText = ""), f.current.render();
     }).then(() => {
       var S, R;
-      [].slice.call(u.children).forEach((x) => {
-        x.classList.add(fe["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
+      [].slice.call(u.children).forEach((I) => {
+        I.classList.add(me["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const w = (S = h.current) == null ? void 0 : S.textDivs;
-      w && m.current && v(m.current, w);
-      const _ = document.createElement("div");
-      _.className = "endOfContent", (R = r.current) == null || R.appendChild(_);
+      const _ = (S = f.current) == null ? void 0 : S.textDivs;
+      _ && m.current && v(m.current, _);
+      const w = document.createElement("div");
+      w.className = "endOfContent", (R = r.current) == null || R.appendChild(w);
     }).catch(() => {
     }), () => {
       var s;
-      (s = h.current) == null || s.cancel();
+      (s = f.current) == null || s.cancel();
     };
   }, [n, e]), D(() => {
     var s;
-    [].slice.call(r.current.children).forEach((w) => {
-      w.classList.add(fe["rp-text-layer-text"]);
+    [].slice.call(r.current.children).forEach((_) => {
+      _.classList.add(me["rp-text-layer-text"]);
     });
-    const u = (s = h.current) == null ? void 0 : s.textDivs;
+    const u = (s = f.current) == null ? void 0 : s.textDivs;
     u && m.current && v(m.current, u, !0);
   }, [v]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
-      className: fe["rp-text-layer"],
+      className: me["rp-text-layer"],
       ref: r,
       onMouseDown: y,
       onMouseUp: g
     }
   );
-}, Dr = {
+}, zr = {
   "rp-annotation-layer": "_rp-annotation-layer_1udza_1"
 };
-let Ar = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const zr = (t) => {
-  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = $(), { setFocusedPage: d, goToPage: h } = ce(), { scrollMode: m } = Ee(), { print: T } = tt(), { download: f } = $n(), v = W(() => r.get(e), [r, e]), C = W(() => v == null ? void 0 : v.page.getViewport(), [v]);
+let Fr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const Mr = (t) => {
+  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = oe(), i = k(), [c, l] = q(), { setFocusedPage: d, goToPage: f } = le(), { scrollMode: m } = Ee(), { print: P } = tt(), { download: p } = $n(), v = W(() => r.get(e), [r, e]), b = W(() => v == null ? void 0 : v.page.getViewport(), [v]);
   D(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
   }, [o]), D(() => {
-    v && v.page.getAnnotations().then((b) => {
-      i.current = void 0, l(b), n.current && (n.current.innerText = "");
+    v && v.page.getAnnotations().then((T) => {
+      i.current = void 0, l(T), n.current && (n.current.innerText = "");
     });
   }, [v]);
-  const P = N(
-    (b) => {
-      !c || !o || ($o(b), qo(b, o, c).then((y) => {
-        var g, p;
-        ((g = y == null ? void 0 : y.data) == null ? void 0 : g.action) === "Print" ? T() : ((p = y == null ? void 0 : y.data) == null ? void 0 : p.action) === "SaveAs" && f();
-      }), m === ne.PAGE_SCROLLING ? zt(b, c, o, (y) => d(y.pageIndex + 1)) : zt(b, c, o, (y) => h(y.pageIndex + 1)));
+  const C = E(
+    (T) => {
+      !c || !o || (Go(T), Uo(T, o, c).then((y) => {
+        var g, h;
+        ((g = y == null ? void 0 : y.data) == null ? void 0 : g.action) === "Print" ? P() : ((h = y == null ? void 0 : y.data) == null ? void 0 : h.action) === "SaveAs" && p();
+      }), m === ne.PAGE_SCROLLING ? zt(T, c, o, (y) => d(y.pageIndex + 1)) : zt(T, c, o, (y) => f(y.pageIndex + 1)));
     },
-    [o, c, h, d, m, T, f]
+    [o, c, f, d, m, P, p]
   );
   return D(() => {
     if (!v || !c)
       return;
-    const b = v.page.getViewport();
+    const T = v.page.getViewport();
     if (i.current) {
       i.current.update({
-        viewport: b.clone({ dontFlip: !0 })
+        viewport: T.clone({ dontFlip: !0 })
       });
       return;
     }
@@ -961,148 +963,148 @@ const zr = (t) => {
       const { annotationType: s } = u;
       switch (s) {
         case Nt.Link:
-          Uo(u);
+          jo(u);
           break;
         case Nt.Widget:
-          Go(u, b, y);
+          Vo(u, T, y);
           break;
       }
     }
     const g = new AbortController();
     return (async () => {
-      var w;
-      i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new Wo({
+      var _;
+      i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new $o({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
         page: v.page,
-        viewport: b.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, P);
+        viewport: T.clone({ dontFlip: !0 })
+      }), n.current && Ft(n.current, C);
       const u = await (o == null ? void 0 : o.hasJSActions()), s = await (o == null ? void 0 : o.getFieldObjects());
       if (g.signal.aborted)
         throw "abort";
-      return (w = i.current) == null ? void 0 : w.render({
+      return (_ = i.current) == null ? void 0 : _.render({
         annotations: c,
         annotationStorage: o == null ? void 0 : o.annotationStorage,
         hasJSActions: u,
         fieldObjects: s,
         div: n.current,
-        viewport: b.clone({ dontFlip: !0 }),
+        viewport: T.clone({ dontFlip: !0 }),
         page: v.page,
-        imageResourcesPath: Ar,
+        imageResourcesPath: Fr,
         renderForms: !0,
-        linkService: new Ho(),
+        linkService: new qo(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Vo(n.current, P);
+      n.current && Bo(n.current, C);
     }).catch((u) => {
       if (u !== "abort")
         throw u;
     }), () => {
-      g.abort("clear"), n.current && Ft(n.current, P);
+      g.abort("clear"), n.current && Ft(n.current, C);
     };
-  }, [o, c, P]), /* @__PURE__ */ a(
+  }, [o, c, C]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${C == null ? void 0 : C.width}px`, height: `${C == null ? void 0 : C.height}px` },
-      className: Dr["rp-annotation-layer"],
+      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
+      className: zr["rp-annotation-layer"],
       ref: n
     }
   );
-}, Fr = {
+}, kr = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Mr = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = $(), { pages: o } = oe(), { highlightKeywords: i } = go(), c = !0, l = k(null), [d, h] = $(null), [m, T] = $([]);
+}, Wr = ({ pageNumber: t, viewport: e }) => {
+  const [n, r] = q(), { pages: o } = oe(), { highlightKeywords: i } = go(), c = !0, l = k(null), [d, f] = q(null), [m, P] = q([]);
   D(() => {
-    l.current && h(l.current.parentElement);
+    l.current && f(l.current.parentElement);
   }, [l]), D(() => {
     (async () => {
-      const p = o.get(t);
-      if (!p || !l.current)
+      const h = o.get(t);
+      if (!h || !l.current)
         return;
-      const u = await p.page.getTextContent();
+      const u = await h.page.getTextContent();
       r(u);
     })();
   }, [o, t]);
-  const f = W(() => i ? i.map((g) => {
-    var p, u;
+  const p = W(() => i ? i.map((g) => {
+    var h, u;
     return {
-      ...jo(g.keyword, (p = g.options) == null ? void 0 : p.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
+      ...Ko(g.keyword, (h = g.options) == null ? void 0 : h.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
       color: g.highlightColor
     };
   }) : [], [i]);
-  function v(g, p) {
+  function v(g, h) {
     if (!g)
       return;
-    const u = `[data-rp="page-${p}-textLayer"]`;
+    const u = `[data-rp="page-${h}-textLayer"]`;
     return new Promise((s) => {
-      const w = g.querySelector(u);
-      if (w) {
-        s(w);
+      const _ = g.querySelector(u);
+      if (_) {
+        s(_);
         return;
       }
       new MutationObserver((S, R) => {
-        const x = g.querySelector(u);
-        x && (s(x), R.disconnect());
+        const I = g.querySelector(u);
+        I && (s(I), R.disconnect());
       }).observe(g, { childList: !0, subtree: !0 });
     });
   }
-  function C(g) {
-    return new Promise((p) => {
+  function b(g) {
+    return new Promise((h) => {
       const u = g.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (u.length) {
-        p(Array.from(u));
+        h(Array.from(u));
         return;
       }
-      new MutationObserver((w, _) => {
+      new MutationObserver((_, w) => {
         const S = g.querySelectorAll(
           ".rp-text-layer-text"
         );
-        S.length && (p(Array.from(S)), _.disconnect());
+        S.length && (h(Array.from(S)), w.disconnect());
       }).observe(g, { childList: !0, subtree: !0 });
     });
   }
-  const P = (g, p, u, s) => {
+  const C = (g, h, u, s) => {
     var j;
-    const w = document.createRange(), _ = u.firstChild;
-    if (!_ || _.nodeType !== Node.TEXT_NODE)
+    const _ = document.createRange(), w = u.firstChild;
+    if (!w || w.nodeType !== Node.TEXT_NODE)
       return null;
-    const S = ((j = _.textContent) == null ? void 0 : j.length) ?? 0, R = s[0].charIdxInSpan, x = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
-    if (R > S || x + 1 > S)
+    const S = ((j = w.textContent) == null ? void 0 : j.length) ?? 0, R = s[0].charIdxInSpan, I = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
+    if (R > S || I + 1 > S)
       return null;
-    w.setStart(_, R), w.setEnd(_, x + 1);
-    const I = document.createElement("span");
-    I.style.width = "auto", w.surroundContents(I);
-    const O = I.getBoundingClientRect(), A = g.getBoundingClientRect(), z = A.height, L = A.width, E = 100 * (O.left - A.left) / L, F = 100 * (O.top - A.top) / z, M = 100 * O.height / z, q = 100 * O.width / L;
-    return Ko(I), {
-      keywordStr: p,
-      left: E,
+    _.setStart(w, R), _.setEnd(w, I + 1);
+    const x = document.createElement("span");
+    x.style.width = "auto", _.surroundContents(x);
+    const N = x.getBoundingClientRect(), A = g.getBoundingClientRect(), z = A.height, L = A.width, O = 100 * (N.left - A.left) / L, F = 100 * (N.top - A.top) / z, H = 100 * N.height / z, M = 100 * N.width / L;
+    return Xo(x), {
+      keywordStr: h,
+      left: O,
       top: F,
-      height: M,
-      width: q,
+      height: H,
+      width: M,
       pageHeight: z,
       pageWidth: L
     };
   };
-  async function b(g, p) {
+  async function T(g, h) {
     const u = await v(d, g);
     if (!u)
       return;
-    const s = await C(u);
+    const s = await b(u);
     if (s.length) {
-      const w = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
-        (S, R, x) => S.concat(
-          R.split("").map((I, O) => ({
-            char: I,
-            charIdxInSpan: O,
-            spanIdx: x
+      const _ = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
+        (S, R, I) => S.concat(
+          R.split("").map((x, N) => ({
+            char: x,
+            charIdxInSpan: N,
+            spanIdx: I
           }))
         ),
         [
@@ -1112,69 +1114,69 @@ const zr = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), _ = y(u, p, s, w);
-      T(_);
+      ).slice(1), w = y(u, h, s, _);
+      P(w);
     }
   }
-  const y = (g, p, u, s) => {
-    const w = p.length;
-    if (!s.length || !w)
+  const y = (g, h, u, s) => {
+    const _ = h.length;
+    if (!s.length || !_)
       return [];
-    const _ = [], S = s.map((R) => R.char).join("");
-    return f.forEach((R) => {
-      const { keyword: x, regExp: I, wholeWords: O, color: A } = R, z = x;
+    const w = [], S = s.map((R) => R.char).join("");
+    return p.forEach((R) => {
+      const { keyword: I, regExp: x, wholeWords: N, color: A } = R, z = I;
       if (!z.trim())
         return;
-      const L = I.flags.indexOf("g") === -1 ? new RegExp(I, `${I.flags}g`) : I;
-      let E;
+      const L = x.flags.indexOf("g") === -1 ? new RegExp(x, `${x.flags}g`) : x;
+      let O;
       const F = [];
-      for (; (E = L.exec(S)) !== null; )
-        O && !mo(S, E.index, E[0].length) || F.push({
+      for (; (O = L.exec(S)) !== null; )
+        N && !mo(S, O.index, O[0].length) || F.push({
           keyword: L,
-          startIndex: E.index,
+          startIndex: O.index,
           endIndex: L.lastIndex
         });
-      const M = F.map((q) => ({
-        keyword: q.keyword,
-        indexes: s.slice(q.startIndex, q.endIndex),
+      const H = F.map((M) => ({
+        keyword: M.keyword,
+        indexes: s.slice(M.startIndex, M.endIndex),
         color: A
       }));
-      for (const q of M) {
-        const j = q.indexes.reduce(
-          (B, U) => (B[U.spanIdx] = (B[U.spanIdx] || []).concat([U]), B),
+      for (const M of H) {
+        const j = M.indexes.reduce(
+          (K, U) => (K[U.spanIdx] = (K[U.spanIdx] || []).concat([U]), K),
           {}
         );
-        for (const B of Object.values(j))
-          if (B.length !== 1 || B[0].char.trim() !== "") {
-            const U = B, J = u[U[0].spanIdx], G = P(
+        for (const K of Object.values(j))
+          if (K.length !== 1 || K[0].char.trim() !== "") {
+            const U = K, re = u[U[0].spanIdx], G = C(
               g,
               z,
-              J,
+              re,
               U
             );
             if (G) {
-              const { left: Z, top: re } = G;
-              if (_.find((ie) => ie.left === Z && ie.top === re))
+              const { left: Z, top: Y } = G;
+              if (w.find((ee) => ee.left === Z && ee.top === Y))
                 continue;
-              _.push({ ...G, highlightColor: q.color });
+              w.push({ ...G, highlightColor: M.color });
             }
           }
       }
-    }), _.sort(Bo), _;
+    }), w.sort(Zo), w;
   };
   return D(() => {
     (async () => {
       if (!(!i || i.length === 0))
         try {
-          await b(t, i);
-        } catch (p) {
-          console.error(p);
+          await T(t, i);
+        } catch (h) {
+          console.error(h);
         }
     })();
-  }, [c, i, t, n, e]), /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((g, p) => /* @__PURE__ */ a(
+  }, [c, i, t, n, e]), /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((g, h) => /* @__PURE__ */ a(
     "div",
     {
-      className: Fr["rp-text-highlight"],
+      className: kr["rp-text-highlight"],
       style: {
         top: `${g.top}%`,
         left: `${g.left}%`,
@@ -1183,26 +1185,26 @@ const zr = (t) => {
         backgroundColor: g.highlightColor
       }
     },
-    p
+    h
   )) }) });
 }, yt = et((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = so(), { currentZoom: d } = wt(), h = k(i.get(n)), [m, T] = $(!1), f = k(null), [v, C] = $({
+  const { pageNumber: n, style: r, ...o } = t, { pages: i } = oe(), { pageRotate: c } = Je(), { textLayer: l } = so(), { currentZoom: d } = wt(), f = k(i.get(n)), [m, P] = q(!1), p = k(null), [v, b] = q({
     width: 0,
     height: 0
   });
-  tn(e, () => f.current);
-  const P = W(() => h.current ? c[n] : 0, [n, c]);
+  tn(e, () => p.current);
+  const C = W(() => f.current ? c[n] : 0, [n, c]);
   D(() => {
-    if (i && (h.current = i.get(n), h.current)) {
-      const p = h.current.page.getViewport({
+    if (i && (f.current = i.get(n), f.current)) {
+      const h = f.current.page.getViewport({
         scale: d,
-        rotation: P
+        rotation: C
       });
-      C(p);
+      b(h);
     }
-  }, [i, n, P, d]);
-  const b = W(() => {
-    switch (P) {
+  }, [i, n, C, d]);
+  const T = W(() => {
+    switch (C) {
       case 90:
         return `${v.width / 2}px ${v.width / 2}px`;
       case -90:
@@ -1211,26 +1213,26 @@ const zr = (t) => {
       default:
         return "center";
     }
-  }, [P, v]), y = N(() => {
-    T(!0);
-  }, []), g = N(() => {
-    T(!1);
+  }, [C, v]), y = E(() => {
+    P(!0);
+  }, []), g = E(() => {
+    P(!1);
   }, []);
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: f,
+      ref: p,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...o,
       style: {
         ...r,
-        "--rp-rotate": `${P}deg`,
-        "--rp-page-rotate-translate": `${b}`,
+        "--rp-rotate": `${C}deg`,
+        "--rp-page-rotate-translate": `${T}`,
         "--scale-factor": d
       },
       className: st["rp-page-wrapper"],
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ $(
         "div",
         {
           style: {
@@ -1239,12 +1241,12 @@ const zr = (t) => {
           },
           className: st["rp-page"],
           children: [
-            /* @__PURE__ */ a(Er, { onLoading: y, onLoaded: g, pageNumber: n }),
+            /* @__PURE__ */ a(Or, { onLoading: y, onLoaded: g, pageNumber: n }),
             m && /* @__PURE__ */ a("div", { className: st["rp-loader-wrapper"], children: /* @__PURE__ */ a(_t, {}) }),
-            /* @__PURE__ */ a(Zo, { pageNumber: n }),
-            l && /* @__PURE__ */ a(Or, { pageNumber: n }),
-            /* @__PURE__ */ a(Mr, { pageNumber: n, viewport: v }),
-            /* @__PURE__ */ a(zr, { pageNumber: n })
+            /* @__PURE__ */ a(Qo, { pageNumber: n }),
+            l && /* @__PURE__ */ a(Ar, { pageNumber: n }),
+            /* @__PURE__ */ a(Wr, { pageNumber: n, viewport: v }),
+            /* @__PURE__ */ a(Mr, { pageNumber: n })
           ]
         }
       )
@@ -1271,25 +1273,25 @@ function mt(t, e) {
     return n.__proto__ = r, n;
   }, mt(t, e);
 }
-function kr(t, e) {
+function Hr(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, mt(t, e);
 }
 var Wt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Wr(t, e) {
+function $r(t, e) {
   return !!(t === e || Wt(t) && Wt(e));
 }
-function Hr(t, e) {
+function qr(t, e) {
   if (t.length !== e.length)
     return !1;
   for (var n = 0; n < t.length; n++)
-    if (!Wr(t[n], e[n]))
+    if (!$r(t[n], e[n]))
       return !1;
   return !0;
 }
 function ct(t, e) {
-  e === void 0 && (e = Hr);
+  e === void 0 && (e = qr);
   var n, r = [], o, i = !1;
   function c() {
     for (var l = [], d = 0; d < arguments.length; d++)
@@ -1310,7 +1312,7 @@ function Ht(t, e) {
     }
   return n;
 }
-var $r = typeof performance == "object" && typeof performance.now == "function", $t = $r ? function() {
+var Gr = typeof performance == "object" && typeof performance.now == "function", $t = Gr ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1318,7 +1320,7 @@ var $r = typeof performance == "object" && typeof performance.now == "function",
 function qt(t) {
   cancelAnimationFrame(t.id);
 }
-function qr(t, e) {
+function Ur(t, e) {
   var n = $t();
   function r() {
     $t() - n >= e ? t.call(null) : o.id = requestAnimationFrame(r);
@@ -1329,7 +1331,7 @@ function qr(t, e) {
   return o;
 }
 var lt = -1;
-function Gr(t) {
+function Vr(t) {
   if (t === void 0 && (t = !1), lt === -1 || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(e), lt = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -1346,20 +1348,20 @@ function Gt(t) {
   }
   return De;
 }
-var Ur = 150, Vr = function(e) {
+var jr = 150, Br = function(e) {
   var n = e.columnIndex;
   e.data;
   var r = e.rowIndex;
   return r + ":" + n;
 }, je = null, Be = null, Ke = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Be = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet());
-function jr(t) {
-  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, h = t.getOffsetForRowAndAlignment, m = t.getRowHeight, T = t.getRowOffset, f = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, P = t.shouldResetStyleCacheOnItemSizeChange, b = t.validateProps;
+function Kr(t) {
+  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, f = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, b = t.initInstanceProps, C = t.shouldResetStyleCacheOnItemSizeChange, T = t.validateProps;
   return e = /* @__PURE__ */ function(y) {
-    kr(g, y);
+    Hr(g, y);
     function g(u) {
       var s;
-      return s = y.call(this, u) || this, s._instanceProps = C(s.props, kt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = y.call(this, u) || this, s._instanceProps = b(s.props, kt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: kt(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1367,74 +1369,74 @@ function jr(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ct(function(w, _, S, R, x, I, O, A) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ct(function(_, w, S, R, I, x, N, A) {
         return s.props.onItemsRendered({
-          overscanColumnStartIndex: w,
-          overscanColumnStopIndex: _,
+          overscanColumnStartIndex: _,
+          overscanColumnStopIndex: w,
           overscanRowStartIndex: S,
           overscanRowStopIndex: R,
-          visibleColumnStartIndex: x,
-          visibleColumnStopIndex: I,
-          visibleRowStartIndex: O,
+          visibleColumnStartIndex: I,
+          visibleColumnStopIndex: x,
+          visibleRowStartIndex: N,
           visibleRowStopIndex: A
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = ct(function(w, _, S, R, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = ct(function(_, w, S, R, I) {
         return s.props.onScroll({
           horizontalScrollDirection: S,
-          scrollLeft: w,
-          scrollTop: _,
+          scrollLeft: _,
+          scrollTop: w,
           verticalScrollDirection: R,
-          scrollUpdateWasRequested: x
+          scrollUpdateWasRequested: I
         });
-      }), s._getItemStyle = void 0, s._getItemStyle = function(w, _) {
-        var S = s.props, R = S.columnWidth, x = S.direction, I = S.rowHeight, O = s._getItemStyleCache(P && R, P && x, P && I), A = w + ":" + _, z;
-        if (O.hasOwnProperty(A))
-          z = O[A];
+      }), s._getItemStyle = void 0, s._getItemStyle = function(_, w) {
+        var S = s.props, R = S.columnWidth, I = S.direction, x = S.rowHeight, N = s._getItemStyleCache(C && R, C && I, C && x), A = _ + ":" + w, z;
+        if (N.hasOwnProperty(A))
+          z = N[A];
         else {
-          var L = n(s.props, _, s._instanceProps), E = x === "rtl";
-          O[A] = z = {
+          var L = n(s.props, w, s._instanceProps), O = I === "rtl";
+          N[A] = z = {
             position: "absolute",
-            left: E ? void 0 : L,
-            right: E ? L : void 0,
-            top: T(s.props, w, s._instanceProps),
-            height: m(s.props, w, s._instanceProps),
-            width: i(s.props, _, s._instanceProps)
+            left: O ? void 0 : L,
+            right: O ? L : void 0,
+            top: P(s.props, _, s._instanceProps),
+            height: m(s.props, _, s._instanceProps),
+            width: i(s.props, w, s._instanceProps)
           };
         }
         return z;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ct(function(w, _, S) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ct(function(_, w, S) {
         return {};
-      }), s._onScroll = function(w) {
-        var _ = w.currentTarget, S = _.clientHeight, R = _.clientWidth, x = _.scrollLeft, I = _.scrollTop, O = _.scrollHeight, A = _.scrollWidth;
+      }), s._onScroll = function(_) {
+        var w = _.currentTarget, S = w.clientHeight, R = w.clientWidth, I = w.scrollLeft, x = w.scrollTop, N = w.scrollHeight, A = w.scrollWidth;
         s.setState(function(z) {
-          if (z.scrollLeft === x && z.scrollTop === I)
+          if (z.scrollLeft === I && z.scrollTop === x)
             return null;
-          var L = s.props.direction, E = x;
+          var L = s.props.direction, O = I;
           if (L === "rtl")
             switch (Gt()) {
               case "negative":
-                E = -x;
+                O = -I;
                 break;
               case "positive-descending":
-                E = A - R - x;
+                O = A - R - I;
                 break;
             }
-          E = Math.max(0, Math.min(E, A - R));
-          var F = Math.max(0, Math.min(I, O - S));
+          O = Math.max(0, Math.min(O, A - R));
+          var F = Math.max(0, Math.min(x, N - S));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: z.scrollLeft < x ? "forward" : "backward",
-            scrollLeft: E,
+            horizontalScrollDirection: z.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: O,
             scrollTop: F,
-            verticalScrollDirection: z.scrollTop < I ? "forward" : "backward",
+            verticalScrollDirection: z.scrollTop < x ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
-      }, s._outerRefSetter = function(w) {
-        var _ = s.props.outerRef;
-        s._outerRef = w, typeof _ == "function" ? _(w) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = w);
+      }, s._outerRefSetter = function(_) {
+        var w = s.props.outerRef;
+        s._outerRef = _, typeof w == "function" ? w(_) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = _);
       }, s._resetIsScrollingDebounced = function() {
-        s._resetIsScrollingTimeoutId !== null && qt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = qr(s._resetIsScrolling, Ur);
+        s._resetIsScrollingTimeoutId !== null && qt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Ur(s._resetIsScrolling, jr);
       }, s._resetIsScrolling = function() {
         s._resetIsScrollingTimeoutId = null, s.setState({
           isScrolling: !1
@@ -1443,133 +1445,133 @@ function jr(t) {
         });
       }, s;
     }
-    g.getDerivedStateFromProps = function(s, w) {
-      return Br(s, w), b(s), null;
+    g.getDerivedStateFromProps = function(s, _) {
+      return Zr(s, _), T(s), null;
     };
-    var p = g.prototype;
-    return p.scrollTo = function(s) {
-      var w = s.scrollLeft, _ = s.scrollTop;
-      w !== void 0 && (w = Math.max(0, w)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(S) {
-        return w === void 0 && (w = S.scrollLeft), _ === void 0 && (_ = S.scrollTop), S.scrollLeft === w && S.scrollTop === _ ? null : {
-          horizontalScrollDirection: S.scrollLeft < w ? "forward" : "backward",
-          scrollLeft: w,
-          scrollTop: _,
+    var h = g.prototype;
+    return h.scrollTo = function(s) {
+      var _ = s.scrollLeft, w = s.scrollTop;
+      _ !== void 0 && (_ = Math.max(0, _)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(S) {
+        return _ === void 0 && (_ = S.scrollLeft), w === void 0 && (w = S.scrollTop), S.scrollLeft === _ && S.scrollTop === w ? null : {
+          horizontalScrollDirection: S.scrollLeft < _ ? "forward" : "backward",
+          scrollLeft: _,
+          scrollTop: w,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: S.scrollTop < _ ? "forward" : "backward"
+          verticalScrollDirection: S.scrollTop < w ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, p.scrollToItem = function(s) {
-      var w = s.align, _ = w === void 0 ? "auto" : w, S = s.columnIndex, R = s.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, z = x.width, L = this.state, E = L.scrollLeft, F = L.scrollTop, M = Gr();
-      S !== void 0 && (S = Math.max(0, Math.min(S, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
-      var q = c(this.props, this._instanceProps), j = l(this.props, this._instanceProps), B = j > z ? M : 0, U = q > O ? M : 0;
+    }, h.scrollToItem = function(s) {
+      var _ = s.align, w = _ === void 0 ? "auto" : _, S = s.columnIndex, R = s.rowIndex, I = this.props, x = I.columnCount, N = I.height, A = I.rowCount, z = I.width, L = this.state, O = L.scrollLeft, F = L.scrollTop, H = Vr();
+      S !== void 0 && (S = Math.max(0, Math.min(S, x - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
+      var M = c(this.props, this._instanceProps), j = l(this.props, this._instanceProps), K = j > z ? H : 0, U = M > N ? H : 0;
       this.scrollTo({
-        scrollLeft: S !== void 0 ? d(this.props, S, _, E, this._instanceProps, U) : E,
-        scrollTop: R !== void 0 ? h(this.props, R, _, F, this._instanceProps, B) : F
+        scrollLeft: S !== void 0 ? d(this.props, S, w, O, this._instanceProps, U) : O,
+        scrollTop: R !== void 0 ? f(this.props, R, w, F, this._instanceProps, K) : F
       });
-    }, p.componentDidMount = function() {
-      var s = this.props, w = s.initialScrollLeft, _ = s.initialScrollTop;
+    }, h.componentDidMount = function() {
+      var s = this.props, _ = s.initialScrollLeft, w = s.initialScrollTop;
       if (this._outerRef != null) {
         var S = this._outerRef;
-        typeof w == "number" && (S.scrollLeft = w), typeof _ == "number" && (S.scrollTop = _);
+        typeof _ == "number" && (S.scrollLeft = _), typeof w == "number" && (S.scrollTop = w);
       }
       this._callPropsCallbacks();
-    }, p.componentDidUpdate = function() {
-      var s = this.props.direction, w = this.state, _ = w.scrollLeft, S = w.scrollTop, R = w.scrollUpdateWasRequested;
+    }, h.componentDidUpdate = function() {
+      var s = this.props.direction, _ = this.state, w = _.scrollLeft, S = _.scrollTop, R = _.scrollUpdateWasRequested;
       if (R && this._outerRef != null) {
-        var x = this._outerRef;
+        var I = this._outerRef;
         if (s === "rtl")
           switch (Gt()) {
             case "negative":
-              x.scrollLeft = -_;
+              I.scrollLeft = -w;
               break;
             case "positive-ascending":
-              x.scrollLeft = _;
+              I.scrollLeft = w;
               break;
             default:
-              var I = x.clientWidth, O = x.scrollWidth;
-              x.scrollLeft = O - I - _;
+              var x = I.clientWidth, N = I.scrollWidth;
+              I.scrollLeft = N - x - w;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, _);
-        x.scrollTop = Math.max(0, S);
+          I.scrollLeft = Math.max(0, w);
+        I.scrollTop = Math.max(0, S);
       }
       this._callPropsCallbacks();
-    }, p.componentWillUnmount = function() {
+    }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && qt(this._resetIsScrollingTimeoutId);
-    }, p.render = function() {
-      var s = this.props, w = s.children, _ = s.className, S = s.columnCount, R = s.direction, x = s.height, I = s.innerRef, O = s.innerElementType, A = s.innerTagName, z = s.itemData, L = s.itemKey, E = L === void 0 ? Vr : L, F = s.outerElementType, M = s.outerTagName, q = s.rowCount, j = s.style, B = s.useIsScrolling, U = s.width, J = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], re = G[1], ee = this._getVerticalRangeToRender(), ie = ee[0], Y = ee[1], ve = [];
-      if (S > 0 && q)
-        for (var he = ie; he <= Y; he++)
-          for (var Pe = Z; Pe <= re; Pe++)
-            ve.push(Ve(w, {
-              columnIndex: Pe,
+    }, h.render = function() {
+      var s = this.props, _ = s.children, w = s.className, S = s.columnCount, R = s.direction, I = s.height, x = s.innerRef, N = s.innerElementType, A = s.innerTagName, z = s.itemData, L = s.itemKey, O = L === void 0 ? Br : L, F = s.outerElementType, H = s.outerTagName, M = s.rowCount, j = s.style, K = s.useIsScrolling, U = s.width, re = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], Y = G[1], J = this._getVerticalRangeToRender(), ee = J[0], ie = J[1], ae = [];
+      if (S > 0 && M)
+        for (var Pe = ee; Pe <= ie; Pe++)
+          for (var fe = Z; fe <= Y; fe++)
+            ae.push(Ve(_, {
+              columnIndex: fe,
               data: z,
-              isScrolling: B ? J : void 0,
-              key: E({
-                columnIndex: Pe,
+              isScrolling: K ? re : void 0,
+              key: O({
+                columnIndex: fe,
                 data: z,
-                rowIndex: he
+                rowIndex: Pe
               }),
-              rowIndex: he,
-              style: this._getItemStyle(he, Pe)
+              rowIndex: Pe,
+              style: this._getItemStyle(Pe, fe)
             }));
-      var Ue = c(this.props, this._instanceProps), nt = l(this.props, this._instanceProps);
-      return Ve(F || M || "div", {
-        className: _,
+      var nt = c(this.props, this._instanceProps), Ue = l(this.props, this._instanceProps);
+      return Ve(F || H || "div", {
+        className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: ft({
           position: "relative",
-          height: x,
+          height: I,
           width: U,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
         }, j)
-      }, Ve(O || A || "div", {
-        children: ve,
-        ref: I,
+      }, Ve(N || A || "div", {
+        children: ae,
+        ref: x,
         style: {
-          height: Ue,
-          pointerEvents: J ? "none" : void 0,
-          width: nt
+          height: nt,
+          pointerEvents: re ? "none" : void 0,
+          width: Ue
         }
       }));
-    }, p._callPropsCallbacks = function() {
-      var s = this.props, w = s.columnCount, _ = s.onItemsRendered, S = s.onScroll, R = s.rowCount;
-      if (typeof _ == "function" && w > 0 && R > 0) {
-        var x = this._getHorizontalRangeToRender(), I = x[0], O = x[1], A = x[2], z = x[3], L = this._getVerticalRangeToRender(), E = L[0], F = L[1], M = L[2], q = L[3];
-        this._callOnItemsRendered(I, O, E, F, A, z, M, q);
+    }, h._callPropsCallbacks = function() {
+      var s = this.props, _ = s.columnCount, w = s.onItemsRendered, S = s.onScroll, R = s.rowCount;
+      if (typeof w == "function" && _ > 0 && R > 0) {
+        var I = this._getHorizontalRangeToRender(), x = I[0], N = I[1], A = I[2], z = I[3], L = this._getVerticalRangeToRender(), O = L[0], F = L[1], H = L[2], M = L[3];
+        this._callOnItemsRendered(x, N, O, F, A, z, H, M);
       }
       if (typeof S == "function") {
-        var j = this.state, B = j.horizontalScrollDirection, U = j.scrollLeft, J = j.scrollTop, G = j.scrollUpdateWasRequested, Z = j.verticalScrollDirection;
-        this._callOnScroll(U, J, B, Z, G);
+        var j = this.state, K = j.horizontalScrollDirection, U = j.scrollLeft, re = j.scrollTop, G = j.scrollUpdateWasRequested, Z = j.verticalScrollDirection;
+        this._callOnScroll(U, re, K, Z, G);
       }
-    }, p._getHorizontalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, S = s.overscanColumnsCount, R = s.overscanCount, x = s.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, z = I.scrollLeft, L = _ || S || R || 1;
-      if (w === 0 || x === 0)
+    }, h._getHorizontalRangeToRender = function() {
+      var s = this.props, _ = s.columnCount, w = s.overscanColumnCount, S = s.overscanColumnsCount, R = s.overscanCount, I = s.rowCount, x = this.state, N = x.horizontalScrollDirection, A = x.isScrolling, z = x.scrollLeft, L = w || S || R || 1;
+      if (_ === 0 || I === 0)
         return [0, 0, 0, 0];
-      var E = r(this.props, z, this._instanceProps), F = o(this.props, E, z, this._instanceProps), M = !A || O === "backward" ? Math.max(1, L) : 1, q = !A || O === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, E - M), Math.max(0, Math.min(w - 1, F + q)), E, F];
-    }, p._getVerticalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, _ = s.overscanCount, S = s.overscanRowCount, R = s.overscanRowsCount, x = s.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, z = I.scrollTop, L = S || R || _ || 1;
-      if (w === 0 || x === 0)
+      var O = r(this.props, z, this._instanceProps), F = o(this.props, O, z, this._instanceProps), H = !A || N === "backward" ? Math.max(1, L) : 1, M = !A || N === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - H), Math.max(0, Math.min(_ - 1, F + M)), O, F];
+    }, h._getVerticalRangeToRender = function() {
+      var s = this.props, _ = s.columnCount, w = s.overscanCount, S = s.overscanRowCount, R = s.overscanRowsCount, I = s.rowCount, x = this.state, N = x.isScrolling, A = x.verticalScrollDirection, z = x.scrollTop, L = S || R || w || 1;
+      if (_ === 0 || I === 0)
         return [0, 0, 0, 0];
-      var E = f(this.props, z, this._instanceProps), F = v(this.props, E, z, this._instanceProps), M = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, E - M), Math.max(0, Math.min(x - 1, F + q)), E, F];
+      var O = p(this.props, z, this._instanceProps), F = v(this.props, O, z, this._instanceProps), H = !N || A === "backward" ? Math.max(1, L) : 1, M = !N || A === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - H), Math.max(0, Math.min(I - 1, F + M)), O, F];
     }, g;
-  }(eo), e.defaultProps = {
+  }(to), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var Br = function(e, n) {
-  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, h = e.overscanCount, m = e.overscanRowsCount, T = e.width, f = n.instance;
+var Zr = function(e, n) {
+  var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, f = e.overscanCount, m = e.overscanRowsCount, P = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof h == "number" && je && !je.has(f) && (je.add(f), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Be && !Be.has(f) && (Be.add(f), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(f) && (Ke.add(f), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof f == "number" && je && !je.has(p) && (je.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(p) && (Ke.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (o) {
       case "ltr":
@@ -1578,8 +1580,8 @@ var Br = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + o + '" was specified.'));
     }
-    if (typeof T != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (T === null ? "null" : typeof T) + '" was specified.'));
+    if (typeof P != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (P === null ? "null" : typeof P) + '" was specified.'));
     if (typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
@@ -1589,7 +1591,7 @@ var Br = function(e, n) {
     var d = o[c];
     l = d.offset + d.size;
   }
-  var h = r - c - 1, m = h * i;
+  var f = r - c - 1, m = f * i;
   return l + m;
 }, yn = function(e, n) {
   var r = e.columnCount, o = n.columnMetadataMap, i = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, l = 0;
@@ -1597,22 +1599,22 @@ var Br = function(e, n) {
     var d = o[c];
     l = d.offset + d.size;
   }
-  var h = r - c - 1, m = h * i;
+  var f = r - c - 1, m = f * i;
   return l + m;
-}, me = function(e, n, r, o) {
+}, ge = function(e, n, r, o) {
   var i, c, l;
   if (e === "column" ? (i = o.columnMetadataMap, c = n.columnWidth, l = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, c = n.rowHeight, l = o.lastMeasuredRowIndex), r > l) {
     var d = 0;
     if (l >= 0) {
-      var h = i[l];
-      d = h.offset + h.size;
+      var f = i[l];
+      d = f.offset + f.size;
     }
     for (var m = l + 1; m <= r; m++) {
-      var T = c(m);
+      var P = c(m);
       i[m] = {
         offset: d,
-        size: T
-      }, d += T;
+        size: P
+      }, d += P;
     }
     e === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
   }
@@ -1621,42 +1623,42 @@ var Br = function(e, n) {
   var i, c;
   e === "column" ? (i = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
   var l = c > 0 ? i[c].offset : 0;
-  return l >= o ? Sn(e, n, r, c, 0, o) : Kr(e, n, r, Math.max(0, c), o);
+  return l >= o ? Sn(e, n, r, c, 0, o) : Xr(e, n, r, Math.max(0, c), o);
 }, Sn = function(e, n, r, o, i, c) {
   for (; i <= o; ) {
-    var l = i + Math.floor((o - i) / 2), d = me(e, n, l, r).offset;
+    var l = i + Math.floor((o - i) / 2), d = ge(e, n, l, r).offset;
     if (d === c)
       return l;
     d < c ? i = l + 1 : d > c && (o = l - 1);
   }
   return i > 0 ? i - 1 : 0;
-}, Kr = function(e, n, r, o, i) {
-  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && me(e, n, o, r).offset < i; )
+}, Xr = function(e, n, r, o, i) {
+  for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && ge(e, n, o, r).offset < i; )
     o += l, l *= 2;
   return Sn(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
 }, jt = function(e, n, r, o, i, c, l) {
-  var d = e === "column" ? n.width : n.height, h = me(e, n, r, c), m = e === "column" ? yn(n, c) : Pn(n, c), T = Math.max(0, Math.min(m - d, h.offset)), f = Math.max(0, h.offset - d + l + h.size);
-  switch (o === "smart" && (i >= f - d && i <= T + d ? o = "auto" : o = "center"), o) {
+  var d = e === "column" ? n.width : n.height, f = ge(e, n, r, c), m = e === "column" ? yn(n, c) : Pn(n, c), P = Math.max(0, Math.min(m - d, f.offset)), p = Math.max(0, f.offset - d + l + f.size);
+  switch (o === "smart" && (i >= p - d && i <= P + d ? o = "auto" : o = "center"), o) {
     case "start":
-      return T;
+      return P;
     case "end":
-      return f;
+      return p;
     case "center":
-      return Math.round(f + (T - f) / 2);
+      return Math.round(p + (P - p) / 2);
     case "auto":
     default:
-      return i >= f && i <= T ? i : f > T || i < f ? f : T;
+      return i >= p && i <= P ? i : p > P || i < p ? p : P;
   }
-}, Zr = /* @__PURE__ */ jr({
+}, Qr = /* @__PURE__ */ Kr({
   getColumnOffset: function(e, n, r) {
-    return me("column", e, n, r).offset;
+    return ge("column", e, n, r).offset;
   },
   getColumnStartIndexForOffset: function(e, n, r) {
     return Vt("column", e, r, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.columnCount, c = e.width, l = me("column", e, n, o), d = r + c, h = l.offset + l.size, m = n; m < i - 1 && h < d; )
-      m++, h += me("column", e, m, o).size;
+    for (var i = e.columnCount, c = e.width, l = ge("column", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ge("column", e, m, o).size;
     return m;
   },
   getColumnWidth: function(e, n, r) {
@@ -1671,7 +1673,7 @@ var Br = function(e, n) {
     return jt("row", e, n, r, o, i, c);
   },
   getRowOffset: function(e, n, r) {
-    return me("row", e, n, r).offset;
+    return ge("row", e, n, r).offset;
   },
   getRowHeight: function(e, n, r) {
     return r.rowMetadataMap[n].size;
@@ -1680,8 +1682,8 @@ var Br = function(e, n) {
     return Vt("row", e, r, n);
   },
   getRowStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.rowCount, c = e.height, l = me("row", e, n, o), d = r + c, h = l.offset + l.size, m = n; m < i - 1 && h < d; )
-      m++, h += me("row", e, m, o).size;
+    for (var i = e.rowCount, c = e.height, l = ge("row", e, n, o), d = r + c, f = l.offset + l.size, m = n; m < i - 1 && f < d; )
+      m++, f += ge("row", e, m, o).size;
     return m;
   },
   initInstanceProps: function(e, n) {
@@ -1704,8 +1706,8 @@ var Br = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(l) {
-      var d = l.columnIndex, h = l.rowIndex, m = l.shouldForceUpdate, T = m === void 0 ? !0 : m;
-      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof h == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, h - 1)), n._getItemStyleCache(-1), T && n.forceUpdate();
+      var d = l.columnIndex, f = l.rowIndex, m = l.shouldForceUpdate, P = m === void 0 ? !0 : m;
+      typeof d == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, d - 1)), typeof f == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, f - 1)), n._getItemStyleCache(-1), P && n.forceUpdate();
     }, c;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1729,49 +1731,49 @@ function Bt(t, e) {
       return !0;
   return !1;
 }
-var Xr = ["style"], Qr = ["style"];
-function Yr(t, e) {
-  var n = t.style, r = Ht(t, Xr), o = e.style, i = Ht(e, Qr);
+var Yr = ["style"], Jr = ["style"];
+function ei(t, e) {
+  var n = t.style, r = Ht(t, Yr), o = e.style, i = Ht(e, Jr);
   return !Bt(n, o) && !Bt(r, i);
 }
-const Jr = () => {
-  const { viewMode: t } = Fe(), { scrollMode: e } = Ee(), { setColumnCount: n } = rn(), { virtualScrollableElementRef: r } = Ye(), o = qe(), i = W(() => o.heights.length, [o.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = W(() => o.widths.reduce((C, P, b) => {
-    const y = b % c;
-    return (!C[y] || P > C[y]) && (C[y] = P), C;
-  }, []), [o.widths, c]), d = N(
+const ti = () => {
+  const { viewMode: t } = Fe(), { scrollMode: e } = Ee(), { setColumnCount: n } = rn(), { virtualScrollableElementRef: r } = Ye(), o = qe(), i = W(() => o.heights.length, [o.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = W(() => o.widths.reduce((b, C, T) => {
+    const y = T % c;
+    return (!b[y] || C > b[y]) && (b[y] = C), b;
+  }, []), [o.widths, c]), d = E(
     (v) => {
-      const C = v % l.length;
-      return l[C] || 0;
+      const b = v % l.length;
+      return l[b] || 0;
     },
     [l]
-  ), h = N(
+  ), f = E(
     (v) => {
-      const C = Array.from({ length: c }, (P, b) => {
-        const y = v * c + b;
+      const b = Array.from({ length: c }, (C, T) => {
+        const y = v * c + T;
         return o.heights[y] || 0;
       });
-      return Math.max(...C);
+      return Math.max(...b);
     },
     [o.heights, c]
   );
   D(() => {
     n(c);
   }, [c, n]);
-  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), T = W(() => o.heights.reduce((v, C) => v + C, 0) / o.heights.length || 0, [o]), f = W(() => o.widths.reduce((v, C) => v + C, 0) / o.heights.length || 0, [o]);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / c), [c, i, e]), P = W(() => o.heights.reduce((v, b) => v + b, 0) / o.heights.length || 0, [o]), p = W(() => o.widths.reduce((v, b) => v + b, 0) / o.heights.length || 0, [o]);
   return {
     rowCount: m,
-    rowHeight: h,
+    rowHeight: f,
     columnCount: c,
     columnWidth: d,
     pageDimension: o,
-    estimatedRowHeight: T,
-    estimatedColumnWidth: f
+    estimatedRowHeight: P,
+    estimatedColumnWidth: p
   };
 };
-let se;
-typeof window < "u" ? se = window : typeof self < "u" ? se = self : se = global;
+let ce;
+typeof window < "u" ? ce = window : typeof self < "u" ? ce = self : ce = global;
 let gt = null, vt = null;
-const Kt = 20, dt = se.clearTimeout, Zt = se.setTimeout, ut = se.cancelAnimationFrame || se.mozCancelAnimationFrame || se.webkitCancelAnimationFrame, Xt = se.requestAnimationFrame || se.mozRequestAnimationFrame || se.webkitRequestAnimationFrame;
+const Kt = 20, dt = ce.clearTimeout, Zt = ce.setTimeout, ut = ce.cancelAnimationFrame || ce.mozCancelAnimationFrame || ce.webkitCancelAnimationFrame, Xt = ce.requestAnimationFrame || ce.mozRequestAnimationFrame || ce.webkitRequestAnimationFrame;
 ut == null || Xt == null ? (gt = dt, vt = function(e) {
   return Zt(e, Kt);
 }) : (gt = function([e, n]) {
@@ -1784,13 +1786,13 @@ ut == null || Xt == null ? (gt = dt, vt = function(e) {
   }, Kt);
   return [n, r];
 });
-function ei(t) {
+function ni(t) {
   let e, n, r, o, i, c, l;
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     c = function(y) {
-      const g = y.__resizeTriggers__, p = g.firstElementChild, u = g.lastElementChild, s = p.firstElementChild;
-      u.scrollLeft = u.scrollWidth, u.scrollTop = u.scrollHeight, s.style.width = p.offsetWidth + 1 + "px", s.style.height = p.offsetHeight + 1 + "px", p.scrollLeft = p.scrollWidth, p.scrollTop = p.scrollHeight;
+      const g = y.__resizeTriggers__, h = g.firstElementChild, u = g.lastElementChild, s = h.firstElementChild;
+      u.scrollLeft = u.scrollWidth, u.scrollTop = u.scrollHeight, s.style.width = h.offsetWidth + 1 + "px", s.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
     }, i = function(y) {
       return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
     }, l = function(y) {
@@ -1803,60 +1805,60 @@ function ei(t) {
         }));
       });
     };
-    let f = !1, v = "";
+    let p = !1, v = "";
     r = "animationstart";
-    const C = "Webkit Moz O ms".split(" ");
-    let P = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), b = "";
+    const b = "Webkit Moz O ms".split(" ");
+    let C = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), T = "";
     {
       const y = document.createElement("fakeelement");
-      if (y.style.animationName !== void 0 && (f = !0), f === !1) {
-        for (let g = 0; g < C.length; g++)
-          if (y.style[C[g] + "AnimationName"] !== void 0) {
-            b = C[g], v = "-" + b.toLowerCase() + "-", r = P[g], f = !0;
+      if (y.style.animationName !== void 0 && (p = !0), p === !1) {
+        for (let g = 0; g < b.length; g++)
+          if (y.style[b[g] + "AnimationName"] !== void 0) {
+            T = b[g], v = "-" + T.toLowerCase() + "-", r = C[g], p = !0;
             break;
           }
       }
     }
     n = "resizeanim", e = "@" + v + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = v + "animation: 1ms " + n + "; ";
   }
-  const h = function(f) {
-    if (!f.getElementById("detectElementResize")) {
-      const v = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = f.head || f.getElementsByTagName("head")[0], P = f.createElement("style");
-      P.id = "detectElementResize", P.type = "text/css", t != null && P.setAttribute("nonce", t), P.styleSheet ? P.styleSheet.cssText = v : P.appendChild(f.createTextNode(v)), C.appendChild(P);
+  const f = function(p) {
+    if (!p.getElementById("detectElementResize")) {
+      const v = (e || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', b = p.head || p.getElementsByTagName("head")[0], C = p.createElement("style");
+      C.id = "detectElementResize", C.type = "text/css", t != null && C.setAttribute("nonce", t), C.styleSheet ? C.styleSheet.cssText = v : C.appendChild(p.createTextNode(v)), b.appendChild(C);
     }
   };
   return {
-    addResizeListener: function(f, v) {
+    addResizeListener: function(p, v) {
       if (d)
-        f.attachEvent("onresize", v);
+        p.attachEvent("onresize", v);
       else {
-        if (!f.__resizeTriggers__) {
-          const C = f.ownerDocument, P = se.getComputedStyle(f);
-          P && P.position === "static" && (f.style.position = "relative"), h(C), f.__resizeLast__ = {}, f.__resizeListeners__ = [], (f.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
-          const b = C.createElement("div");
-          b.className = "expand-trigger", b.appendChild(C.createElement("div"));
-          const y = C.createElement("div");
-          y.className = "contract-trigger", f.__resizeTriggers__.appendChild(b), f.__resizeTriggers__.appendChild(y), f.appendChild(f.__resizeTriggers__), c(f), f.addEventListener("scroll", l, !0), r && (f.__resizeTriggers__.__animationListener__ = function(p) {
-            p.animationName === n && c(f);
-          }, f.__resizeTriggers__.addEventListener(r, f.__resizeTriggers__.__animationListener__));
+        if (!p.__resizeTriggers__) {
+          const b = p.ownerDocument, C = ce.getComputedStyle(p);
+          C && C.position === "static" && (p.style.position = "relative"), f(b), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = b.createElement("div")).className = "resize-triggers";
+          const T = b.createElement("div");
+          T.className = "expand-trigger", T.appendChild(b.createElement("div"));
+          const y = b.createElement("div");
+          y.className = "contract-trigger", p.__resizeTriggers__.appendChild(T), p.__resizeTriggers__.appendChild(y), p.appendChild(p.__resizeTriggers__), c(p), p.addEventListener("scroll", l, !0), r && (p.__resizeTriggers__.__animationListener__ = function(h) {
+            h.animationName === n && c(p);
+          }, p.__resizeTriggers__.addEventListener(r, p.__resizeTriggers__.__animationListener__));
         }
-        f.__resizeListeners__.push(v);
+        p.__resizeListeners__.push(v);
       }
     },
-    removeResizeListener: function(f, v) {
+    removeResizeListener: function(p, v) {
       if (d)
-        f.detachEvent("onresize", v);
-      else if (f.__resizeListeners__.splice(f.__resizeListeners__.indexOf(v), 1), !f.__resizeListeners__.length) {
-        f.removeEventListener("scroll", l, !0), f.__resizeTriggers__.__animationListener__ && (f.__resizeTriggers__.removeEventListener(r, f.__resizeTriggers__.__animationListener__), f.__resizeTriggers__.__animationListener__ = null);
+        p.detachEvent("onresize", v);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(v), 1), !p.__resizeListeners__.length) {
+        p.removeEventListener("scroll", l, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(r, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
         try {
-          f.__resizeTriggers__ = !f.removeChild(f.__resizeTriggers__);
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
         } catch {
         }
       }
     }
   };
 }
-class ti extends to {
+class oi extends no {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1871,17 +1873,17 @@ class ti extends to {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), h = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), T = m.height - d - h, f = m.width - c - l, v = this._parentNode.offsetHeight - d - h, C = this._parentNode.offsetWidth - c - l;
-        (!n && (this.state.height !== v || this.state.scaledHeight !== T) || !r && (this.state.width !== C || this.state.scaledWidth !== f)) && (this.setState({
+        const i = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), f = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - f, p = m.width - c - l, v = this._parentNode.offsetHeight - d - f, b = this._parentNode.offsetWidth - c - l;
+        (!n && (this.state.height !== v || this.state.scaledHeight !== P) || !r && (this.state.width !== b || this.state.scaledWidth !== p)) && (this.setState({
           height: v,
-          width: C,
-          scaledHeight: T,
-          scaledWidth: f
+          width: b,
+          scaledHeight: P,
+          scaledWidth: p
         }), typeof o == "function" && o({
           height: v,
-          scaledHeight: T,
-          scaledWidth: f,
-          width: C
+          scaledHeight: P,
+          scaledWidth: p,
+          width: b
         }));
       }
     }, this._setRef = (n) => {
@@ -1897,7 +1899,7 @@ class ti extends to {
       const r = n.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = ei(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = ni(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1913,56 +1915,56 @@ class ti extends to {
       doNotBailOutOnEmptyChildren: c = !1,
       nonce: l,
       onResize: d,
-      style: h = {},
+      style: f = {},
       tagName: m = "div",
-      ...T
+      ...P
     } = this.props, {
-      height: f,
+      height: p,
       scaledHeight: v,
-      scaledWidth: C,
-      width: P
-    } = this.state, b = {
+      scaledWidth: b,
+      width: C
+    } = this.state, T = {
       overflow: "visible"
     }, y = {};
     let g = !1;
-    return o || (f === 0 && (g = !0), b.height = 0, y.height = f, y.scaledHeight = v), i || (P === 0 && (g = !0), b.width = 0, y.width = P, y.scaledWidth = C), c && (g = !1), Ve(m, {
+    return o || (p === 0 && (g = !0), T.height = 0, y.height = p, y.scaledHeight = v), i || (C === 0 && (g = !0), T.width = 0, y.width = C, y.scaledWidth = b), c && (g = !1), Ve(m, {
       ref: this._setRef,
       style: {
-        ...b,
-        ...h
+        ...T,
+        ...f
       },
-      ...T
+      ...P
     }, !g && e(y));
   }
 }
-const ni = nn(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = ce(), o = W(() => {
+const ri = nn(({ widths: t, heights: e }) => {
+  const { focusedPage: n, totalPages: r } = le(), o = W(() => {
     const l = [], d = Math.ceil(n / 2) * 2 - 1;
     if (l.push(d), d + 1 <= r) {
-      const h = d + 1;
-      l.push(h);
+      const f = d + 1;
+      l.push(f);
     }
     return l;
   }, [n, r]), i = W(() => {
-    const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), h = e(d), m = t(l), T = t(l + 1);
+    const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), f = e(d), m = t(l), P = t(l + 1);
     return [
       {
         position: "absolute",
         left: 0,
         width: m,
-        height: h
+        height: f
       },
       {
         position: "absolute",
         left: m,
-        width: T,
-        height: h
+        width: P,
+        height: f
       }
     ];
   }, [t, e, o]), c = W(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
   return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((l, d) => /* @__PURE__ */ a(yt, { style: i[d], pageNumber: l }, l)) });
-}), oi = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = ce(), r = W(() => ({
+}), ii = ({ widths: t, heights: e }) => {
+  const { focusedPage: n } = le(), r = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
@@ -1977,48 +1979,48 @@ const ni = nn(({ widths: t, heights: e }) => {
       children: /* @__PURE__ */ a(yt, { style: r, pageNumber: n }, n)
     }
   );
-}, ri = (t, e, n) => {
-  const r = k(), { contentRef: o } = _e(), { heights: i, widths: c } = qe(), { setFocusedPage: l } = ce(), [d, h] = $([]), { targetScrollPage: m } = an(), T = bt(d, 0, 500), f = W(() => i.map((C, P) => {
-    const b = c[P], y = er(P + 1, t), g = b * y.columnIndex, p = C * y.rowIndex, u = g + b, s = p + C;
+}, ai = (t, e, n) => {
+  const r = k(), { contentRef: o } = _e(), { heights: i, widths: c } = qe(), { setFocusedPage: l } = le(), [d, f] = q([]), { targetScrollPage: m } = an(), P = bt(d, 0, 500), p = W(() => i.map((b, C) => {
+    const T = c[C], y = nr(C + 1, t), g = T * y.columnIndex, h = b * y.rowIndex, u = g + T, s = h + b;
     return {
-      pageNumber: P + 1,
+      pageNumber: C + 1,
       ...y,
-      width: b,
-      height: C,
+      width: T,
+      height: b,
       startX: g,
-      startY: p,
+      startY: h,
       endX: u,
       endY: s
     };
   }), [i, c, t, e]);
   D(() => {
-    var P;
-    T.length > 0 && !m.current && l(T[0].pageNumber), ((P = T[0]) == null ? void 0 : P.ratio) && T.some((b) => b.pageNumber === m.current) && setTimeout(() => {
+    var C;
+    P.length > 0 && !m.current && l(P[0].pageNumber), ((C = P[0]) == null ? void 0 : C.ratio) && P.some((T) => T.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [T, l]);
-  const v = N(
-    (C) => {
+  }, [P, l]);
+  const v = E(
+    (b) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        const P = C.target, b = {
-          startTop: P.scrollTop,
-          startLeft: P.scrollLeft,
-          endTop: P.scrollTop + P.clientHeight,
-          endLeft: P.scrollLeft + P.clientWidth
-        }, y = f.filter((g) => {
-          const p = g.endX >= b.startLeft && g.endY >= b.startTop, u = g.startX <= b.endLeft && g.startY <= b.endTop;
-          return p && u;
+        const C = b.target, T = {
+          startTop: C.scrollTop,
+          startLeft: C.scrollLeft,
+          endTop: C.scrollTop + C.clientHeight,
+          endLeft: C.scrollLeft + C.clientWidth
+        }, y = p.filter((g) => {
+          const h = g.endX >= T.startLeft && g.endY >= T.startTop, u = g.startX <= T.endLeft && g.startY <= T.endTop;
+          return h && u;
         }).map((g) => {
-          const p = b.startLeft > g.startX ? b.startLeft : g.startX, u = b.startTop > g.startY ? b.startTop : g.startY, s = b.endLeft < g.endX ? b.endLeft : g.endX, w = b.endTop < g.endY ? b.endTop : g.endY, _ = s - p, S = w - u, x = +(_ * S / (g.width * g.height) * 100).toFixed(2);
+          const h = T.startLeft > g.startX ? T.startLeft : g.startX, u = T.startTop > g.startY ? T.startTop : g.startY, s = T.endLeft < g.endX ? T.endLeft : g.endX, _ = T.endTop < g.endY ? T.endTop : g.endY, w = s - h, S = _ - u, I = +(w * S / (g.width * g.height) * 100).toFixed(2);
           return {
             pageNumber: g.pageNumber,
-            ratio: x
+            ratio: I
           };
-        }).sort((g, p) => p.ratio - g.ratio);
-        h(y);
+        }).sort((g, h) => h.ratio - g.ratio);
+        f(y);
       });
     },
-    [o, f]
+    [o, p]
   );
   D(() => {
     if (n)
@@ -2026,254 +2028,242 @@ const ni = nn(({ widths: t, heights: e }) => {
         n == null || n.removeEventListener("scroll", v);
       };
   }, [n, v]);
-}, we = {
-  "rp-layout": "_rp-layout_1q08v_1",
-  "rp-content": "_rp-content_1q08v_5",
-  "rp-pages": "_rp-pages_1q08v_11",
-  "rp-container": "_rp-container_1q08v_16",
-  "rp-loader": "_rp-loader_1q08v_20",
-  "rp-theme-variables": "_rp-theme-variables_1q08v_24",
-  "rp-dark-mode": "_rp-dark-mode_1q08v_135"
-}, xn = et((t, e) => {
-  const { children: n, toolbarRef: r, style: o, className: i, ...c } = t, { customVariables: l, customDarkVariables: d } = Ro(), { darkMode: h } = ao();
+}, In = et((t, e) => {
+  const { children: n, toolbarRef: r, style: o, className: i, ...c } = t, { customVariables: l, customDarkVariables: d } = Eo(), { darkMode: f } = ao();
   return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
       ...c,
-      className: ae(
+      className: se(
         we["rp-theme-variables"],
         we["rp-container"],
-        h ? we["rp-dark-mode"] : "",
+        f ? we["rp-dark-mode"] : "",
         i
       ),
       style: {
         "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
         ...l,
-        ...h ? d : {},
+        ...f ? d : {},
         ...o
       },
       children: n
     }
   );
-}), ii = nn(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
-  const o = tr(e, t, n.columnCount);
+}), si = nn(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
+  const o = or(e, t, n.columnCount);
   return /* @__PURE__ */ a(yt, { style: r, pageNumber: o }, o);
-}, Yr), Vs = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = lo(), { pagesRef: r, setPagesRef: o } = _e(), { scrollToPage: i } = mn(), {
-    virtualScrollRef: c,
-    getVirtualScrollRef: l,
-    getPageScrollElementRef: d,
-    getVirtualScrollableElementRef: h,
-    setTotalInnerDimensions: m,
-    virtualScrollableElementRef: T,
-    totalInnerDimensions: f,
-    pageScrollElementRef: v
-  } = Ye(), C = k(!0), { nextPage: P, prevPage: b, setFocusedPage: y, focusedPage: g } = ce(), { scrollMode: p } = Ee(), { viewMode: u } = Fe(), s = k(null), { loading: w, error: _ } = oe(), { passwordRequired: S } = io(), { LoaderImageComponent: R } = sn(), x = k(
-    f
-  ), I = k({
-    viewMode: u,
-    scrollMode: p
-  }), O = k(!1), A = k(), { isFullScreen: z } = uo(), {
-    pageDimension: L,
-    rowCount: E,
-    rowHeight: F,
+}, ei), Zs = () => {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = lo(), { pagesRef: r, setPagesRef: o, setContentRef: i } = _e(), { scrollToPage: c } = mn(), {
+    virtualScrollRef: l,
+    getVirtualScrollRef: d,
+    getPageScrollElementRef: f,
+    getVirtualScrollableElementRef: m,
+    setTotalInnerDimensions: P,
+    virtualScrollableElementRef: p,
+    totalInnerDimensions: v,
+    pageScrollElementRef: b
+  } = Ye(), C = k(!0), { nextPage: T, prevPage: y, setFocusedPage: g, focusedPage: h } = le(), { scrollMode: u } = Ee(), { viewMode: s } = Fe(), _ = k(null), { loading: w, error: S } = oe(), { passwordRequired: R } = io(), { LoaderImageComponent: I } = sn(), x = k(
+    v
+  ), N = k({
+    viewMode: s,
+    scrollMode: u
+  }), A = k(!1), z = k(), { isFullScreen: L } = uo(), {
+    pageDimension: O,
+    rowCount: F,
+    rowHeight: H,
     columnCount: M,
-    columnWidth: q,
-    estimatedColumnWidth: j,
-    estimatedRowHeight: B
-  } = Jr(), U = bt(f, 100), J = k();
-  ri(M, E, T);
-  const G = k({
+    columnWidth: j,
+    estimatedColumnWidth: K,
+    estimatedRowHeight: U
+  } = ti(), re = bt(v, 100), G = k();
+  ai(M, F, p);
+  const Z = k({
     scrollTop: 0,
     scrollLeft: 0
   });
-  Yo(r);
-  const { isPressed: Z } = Xo(), { selectionMode: re } = co(), { initializeGrabScroll: ee, resetGrabState: ie } = Qo({
-    isPressed: Z
-  }), Y = W(() => re === oo.HAND, [re]), ve = W(() => ({
+  er(r);
+  const { isPressed: Y } = Yo(), { selectionMode: J } = co(), { initializeGrabScroll: ee, resetGrabState: ie } = Jo({
+    isPressed: Y
+  }), ae = W(() => J === ro.HAND, [J]), Pe = W(() => ({
     columnCount: M
-  }), [M]), he = N(
+  }), [M]), fe = E(
     (V) => {
-      const K = document.activeElement !== r;
-      !z && K || (["ArrowUp", "ArrowLeft"].includes(V.key) ? (V.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(V.key) && (V.preventDefault(), P()));
+      const B = document.activeElement !== r;
+      !L && B || (["ArrowUp", "ArrowLeft"].includes(V.key) ? (V.preventDefault(), y()) : ["ArrowDown", "ArrowRight"].includes(V.key) && (V.preventDefault(), T()));
     },
-    [P, b, z, p]
+    [T, y, L, u]
   );
-  D(() => (window.addEventListener("keydown", he), () => {
-    window.removeEventListener("keydown", he);
-  }), [he]), D(() => {
-    if (s.current && (s.current.style.position = "relative"), !!c)
-      for (let V = 0; V < E; V++)
-        for (let K = 0; K < M; K++)
-          c.resetAfterIndices({
-            columnIndex: K,
+  D(() => (window.addEventListener("keydown", fe), () => {
+    window.removeEventListener("keydown", fe);
+  }), [fe]), D(() => {
+    if (_.current && (_.current.style.position = "relative"), !!l)
+      for (let V = 0; V < F; V++)
+        for (let B = 0; B < M; B++)
+          l.resetAfterIndices({
+            columnIndex: B,
             rowIndex: V,
             shouldForceUpdate: !0
           });
-  }, [E, M, L, c]);
-  const Pe = N(
-    (V, K) => {
-      if (!T)
+  }, [F, M, O, l]);
+  const nt = E(
+    (V, B) => {
+      if (!p)
         return { scrollTop: 0, scrollLeft: 0 };
-      const ye = G.current.scrollTop > K, Se = G.current.scrollLeft > V;
-      return ye || Se ? G.current : {
-        scrollTop: T.scrollTop,
-        scrollLeft: T.scrollLeft
+      const ye = Z.current.scrollTop > B, Se = Z.current.scrollLeft > V;
+      return ye || Se ? Z.current : {
+        scrollTop: p.scrollTop,
+        scrollLeft: p.scrollLeft
       };
     },
-    [T]
-  ), Ue = N(
-    (V, K) => {
-      if (I.current.viewMode !== u || I.current.scrollMode !== p) {
-        J.current && clearTimeout(J.current), O.current = !0, i(g, "auto"), J.current = setTimeout(() => {
+    [p]
+  ), Ue = E(
+    (V, B) => {
+      if (N.current.viewMode !== s || N.current.scrollMode !== u) {
+        G.current && clearTimeout(G.current), A.current = !0, c(h, "auto"), G.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            I.current = { viewMode: u, scrollMode: p };
+            N.current = { viewMode: s, scrollMode: u };
           });
         }, 100);
         return;
       }
       const Se = V.scrollTop, ot = V.scrollLeft;
-      if (!K.height || !K.width)
+      if (!B.height || !B.width)
         return;
-      O.current = !0;
-      const { height: xe, width: rt } = K, { height: Lt, width: Et } = x.current;
-      if (Lt === xe && Et === rt)
+      A.current = !0;
+      const { height: Ie, width: rt } = B, { height: Lt, width: Et } = x.current;
+      if (Lt === Ie && Et === rt)
         return;
-      const Xn = Se / Lt * xe, Qn = ot / Et * rt, Yn = Math.round(Math.min(Xn, xe)) || 0, Jn = Math.round(Math.min(Qn, rt)) || 0;
-      A.current = setTimeout(() => {
+      const Qn = Se / Lt * Ie, Yn = ot / Et * rt, Jn = Math.round(Math.min(Qn, Ie)) || 0, eo = Math.round(Math.min(Yn, rt)) || 0;
+      z.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          c == null || c.scrollTo({
-            scrollTop: Yn,
-            scrollLeft: Jn
+          l == null || l.scrollTo({
+            scrollTop: Jn,
+            scrollLeft: eo
           });
         });
       }, 0), x.current = {
-        height: K.height,
-        width: K.width
+        height: B.height,
+        width: B.width
       };
     },
-    [c, u, p, i]
+    [l, s, u, c]
   );
   D(() => {
-    clearTimeout(A.current);
-    const V = Array.from({ length: E }).reduce(
-      (Se, ot, xe) => Se + F(xe),
+    clearTimeout(z.current);
+    const V = Array.from({ length: F }).reduce(
+      (Se, ot, Ie) => Se + H(Ie),
       0
-    ), K = Array.from({ length: M }).reduce(
-      (Se, ot, xe) => Se + q(xe),
+    ), B = Array.from({ length: M }).reduce(
+      (Se, ot, Ie) => Se + j(Ie),
       0
-    ), ye = Pe(K, V);
-    G.current = ye, Ue(ye, { height: V, width: K }), m({
+    ), ye = nt(B, V);
+    Z.current = ye, Ue(ye, { height: V, width: B }), P({
       height: V,
-      width: K
+      width: B
     });
-  }, [L, E, M, Ue]);
-  const nt = N(
+  }, [O, F, M, Ue]);
+  const Kn = E(
     (V) => {
-      G.current = {
+      Z.current = {
         scrollTop: V.scrollTop,
         scrollLeft: V.scrollLeft
       };
     },
-    [T]
+    [p]
   );
   D(() => () => {
-    J.current && clearTimeout(J.current);
+    G.current && clearTimeout(G.current);
   }, []);
-  const Kn = W(() => ae(le["rp-pages-container"], {
-    [le["rp-cursor-grab"]]: Y && !Z,
-    [le["rp-cursor-grabbing"]]: Y && Z
-  }), [Y, Z]), Zn = N(
+  const Zn = W(() => se(ue["rp-pages-container"], {
+    [ue["rp-cursor-grab"]]: ae && !Y,
+    [ue["rp-cursor-grabbing"]]: ae && Y
+  }), [ae, Y]), Xn = E(
     (V) => {
-      if (Y && V) {
-        const K = ae(le["rp-pages"]), ye = document.querySelector(`.${K}`);
+      if (ae && V) {
+        const B = se(ue["rp-pages"]), ye = document.querySelector(`.${B}`);
         ee(ye);
       }
     },
-    [Y, ee, le]
+    [ae, ee, ue]
   );
   return D(() => {
     w && ie();
   }, [w]), D(() => {
-    if (!(U.height === 0 || !C.current)) {
+    if (!(re.height === 0 || !C.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== g && v && y(t), C.current = !1;
+        t !== h && b && g(t), C.current = !1;
         return;
       }
-      i(t, "auto"), y(t), C.current = !1;
+      c(t, "auto"), g(t), C.current = !1;
     }
   }, [
-    i,
+    c,
     e,
-    v,
-    y,
-    U
-  ]), /* @__PURE__ */ H(ue, { children: [
-    /* @__PURE__ */ a(xn, { id: n, ref: o, tabIndex: -1, className: Kn, children: /* @__PURE__ */ a(ti, { style: { minHeight: "50px" }, children: ({ width: V, height: K }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Zn, style: { width: V, height: K }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
-      "div",
-      {
-        ref: d,
-        style: { width: V, height: K },
-        className: ae(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
-        children: u === Re.DUAL_PAGE ? /* @__PURE__ */ a(ni, { widths: q, heights: F }) : /* @__PURE__ */ a(oi, { widths: q, heights: F })
-      }
-    ) : B ? /* @__PURE__ */ a(
-      Zr,
-      {
-        ref: l,
-        itemData: ve,
-        outerRef: h,
-        innerRef: s,
-        onScroll: nt,
-        columnCount: M,
-        columnWidth: q,
-        rowHeight: F,
-        height: K,
-        width: V,
-        estimatedColumnWidth: j,
-        estimatedRowHeight: B,
-        rowCount: E,
-        className: ae(
-          le["rp-pages"],
-          p === ne.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
-        ),
-        style: {
-          "--rp-page-height": `${B}px`,
-          "--rp-page-width": `${j}px`,
-          "--rp-row-count": `${E}`,
-          "--rp-column-count": `${M}`
-        },
-        children: ii
-      }
-    ) : !w && !_ ? /* @__PURE__ */ a(
-      "div",
+    b,
+    g,
+    re
+  ]), /* @__PURE__ */ $(pe, { children: [
+    /* @__PURE__ */ a(Lo, { ref: i, children: /* @__PURE__ */ a(
+      In,
       {
-        className: le["rp-loader"],
-        style: {
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          height: "100%",
-          width: "100%"
-        },
-        children: R && /* @__PURE__ */ a(R, {})
+        id: n,
+        ref: o,
+        tabIndex: -1,
+        className: Zn,
+        children: /* @__PURE__ */ a(oi, { style: { minHeight: "50px" }, children: ({ width: V, height: B }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Xn, style: { width: V, height: B }, children: u === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
+          "div",
+          {
+            ref: f,
+            style: { width: V, height: B },
+            className: se(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
+            children: s === Re.DUAL_PAGE ? /* @__PURE__ */ a(ri, { widths: j, heights: H }) : /* @__PURE__ */ a(ii, { widths: j, heights: H })
+          }
+        ) : U ? /* @__PURE__ */ a(
+          Qr,
+          {
+            ref: d,
+            itemData: Pe,
+            outerRef: m,
+            innerRef: _,
+            onScroll: Kn,
+            columnCount: M,
+            columnWidth: j,
+            rowHeight: H,
+            height: B,
+            width: V,
+            estimatedColumnWidth: K,
+            estimatedRowHeight: U,
+            rowCount: F,
+            className: se(
+              ue["rp-pages"],
+              u === ne.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
+            ),
+            style: {
+              "--rp-page-height": `${U}px`,
+              "--rp-page-width": `${K}px`,
+              "--rp-row-count": `${F}`,
+              "--rp-column-count": `${M}`
+            },
+            children: si
+          }
+        ) : !w && !S ? /* @__PURE__ */ a(
+          "div",
+          {
+            className: ue["rp-loader"],
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: I && /* @__PURE__ */ a(I, {})
+          }
+        ) : null }) })
       }
-    ) : _ === ro.NOT_SUPPORTED ? /* @__PURE__ */ a("div", { className: le["rp-not-supported"], children: /* @__PURE__ */ H("div", { children: [
-      "Browser Not supported",
-      /* @__PURE__ */ H("div", { children: [
-        "Please use browser form this list",
-        /* @__PURE__ */ H("ul", { children: [
-          /* @__PURE__ */ a("li", { children: "Chrome 110+" }),
-          /* @__PURE__ */ a("li", { children: "Edge 115+" }),
-          /* @__PURE__ */ a("li", { children: "Firefox 115+" }),
-          /* @__PURE__ */ a("li", { children: "Safari 16.5+" }),
-          /* @__PURE__ */ a("li", { children: "Safari iOS 16.5+" }),
-          /* @__PURE__ */ a("li", { children: "Chrome Android 126+" })
-        ] })
-      ] })
-    ] }) }) : null }) }) }),
-    S && /* @__PURE__ */ a(Jo, {})
+    ) }),
+    R && /* @__PURE__ */ a(tr, {})
   ] });
 }, Me = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2285,32 +2275,32 @@ const ni = nn(({ widths: t, heights: e }) => {
   "rp-paginate": "_rp-paginate_1gck0_1",
   "rp-page-input": "_rp-page-input_1gck0_6",
   "rp-total-page": "_rp-total-page_1gck0_18"
-}, ai = () => {
+}, ci = () => {
   const { prevIcon: t } = Ce(), { prevIcon: e } = be();
   return t || e || /* @__PURE__ */ a(Ze, {});
-}, si = () => {
+}, li = () => {
   const { nextIcon: t } = Ce(), { nextIcon: e } = be();
   return t || e || /* @__PURE__ */ a(Ze, { style: { transform: "rotate(180deg" } });
-}, ci = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = ce(), [c, l] = $(t.toString()), { pageNavigationTool: d = !0 } = Te(), { pageNavigationTool: h = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: T } = Fe(), { scrollMode: f } = Ee(), { localeMessages: v } = pe();
+}, di = () => {
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = le(), [c, l] = q(t.toString()), { pageNavigationTool: d = !0 } = Te(), { pageNavigationTool: f = !0 } = Ne(), { isSmallScreen: m } = Oe(), { viewMode: P } = Fe(), { scrollMode: p } = Ee(), { localeMessages: v } = he();
   D(() => {
     l(t.toString());
   }, [t]);
-  const C = N((p) => {
-    const u = p.target.value;
+  const b = E((h) => {
+    const u = h.target.value;
     l(u);
-  }, []), P = N(async () => {
-    const p = i(c);
-    p.success || l(p.currentPage.toString());
-  }, [i, c, e]), b = N(() => {
+  }, []), C = E(async () => {
+    const h = i(c);
+    h.success || l(h.currentPage.toString());
+  }, [i, c, e]), T = E(() => {
     l(t.toString());
-  }, [t]), y = N(
-    (p) => {
-      p.key === "Enter" && P();
+  }, [t]), y = E(
+    (h) => {
+      h.key === "Enter" && C();
     },
-    [P]
-  ), g = W(() => T === Re.DUAL_PAGE && f === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, T, f]);
-  return !d || !h ? null : typeof d != "boolean" ? /* @__PURE__ */ a(
+    [C]
+  ), g = W(() => P === Re.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, p]);
+  return !d || !f ? null : typeof d != "boolean" ? /* @__PURE__ */ a(
     d,
     {
       total: e,
@@ -2320,8 +2310,8 @@ const ni = nn(({ widths: t, heights: e }) => {
       goToPage: i,
       changePage: n
     }
-  ) : typeof h != "boolean" ? /* @__PURE__ */ a(
-    h,
+  ) : typeof f != "boolean" ? /* @__PURE__ */ a(
+    f,
     {
       total: e,
       current: t,
@@ -2330,44 +2320,44 @@ const ni = nn(({ widths: t, heights: e }) => {
       goToPage: i,
       changePage: n
     }
-  ) : /* @__PURE__ */ H("div", { className: pt["rp-paginate"], children: [
+  ) : /* @__PURE__ */ $("div", { className: pt["rp-paginate"], children: [
     !m && /* @__PURE__ */ a(Q, { content: v == null ? void 0 : v.previousPageTooltip, children: /* @__PURE__ */ a(
-      ge,
+      ve,
       {
         onClick: o,
         "aria-label": v == null ? void 0 : v.previousPageTooltip,
         "aria-disabled": t === 1,
-        children: /* @__PURE__ */ a(ai, {})
+        children: /* @__PURE__ */ a(ci, {})
       }
     ) }),
     /* @__PURE__ */ a(Q, { content: v == null ? void 0 : v.currentPageTooltip, children: /* @__PURE__ */ a(
       on,
       {
         onKeyDown: y,
-        onBlur: b,
-        onChange: C,
+        onBlur: T,
+        onChange: b,
         value: c,
         className: pt["rp-page-input"],
         id: "page-input",
         name: "page-input"
       }
     ) }),
-    /* @__PURE__ */ H("span", { className: pt["rp-total-page"], children: [
+    /* @__PURE__ */ $("span", { className: pt["rp-total-page"], children: [
       "/",
       e
     ] }),
     !m && /* @__PURE__ */ a(Q, { content: v == null ? void 0 : v.nextPageTooltip, children: /* @__PURE__ */ a(
-      ge,
+      ve,
       {
         onClick: r,
         "aria-label": v == null ? void 0 : v.nextPageTooltip,
         "aria-disabled": g,
-        children: /* @__PURE__ */ a(si, {})
+        children: /* @__PURE__ */ a(li, {})
       }
     ) })
   ] });
 };
-var St = "Dialog", [In, js] = sr(St), [li, de] = In(St), Rn = (t) => {
+var St = "Dialog", [xn, Xs] = lr(St), [ui, de] = xn(St), Rn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2375,13 +2365,13 @@ var St = "Dialog", [In, js] = sr(St), [li, de] = In(St), Rn = (t) => {
     defaultOpen: o,
     onOpenChange: i,
     modal: c = !0
-  } = t, l = X.useRef(null), d = X.useRef(null), [h = !1, m] = dr({
+  } = t, l = X.useRef(null), d = X.useRef(null), [f = !1, m] = pr({
     prop: r,
     defaultProp: o,
     onChange: i
   });
   return /* @__PURE__ */ a(
-    li,
+    ui,
     {
       scope: e,
       triggerRef: l,
@@ -2389,16 +2379,16 @@ var St = "Dialog", [In, js] = sr(St), [li, de] = In(St), Rn = (t) => {
       contentId: at(),
       titleId: at(),
       descriptionId: at(),
-      open: h,
+      open: f,
       onOpenChange: m,
-      onOpenToggle: X.useCallback(() => m((T) => !T), [m]),
+      onOpenToggle: X.useCallback(() => m((P) => !P), [m]),
       modal: c,
       children: n
     }
   );
 };
 Rn.displayName = St;
-var Ln = "DialogTrigger", di = X.forwardRef(
+var Ln = "DialogTrigger", pi = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = de(Ln, n), i = Tt(e, o.triggerRef);
     return /* @__PURE__ */ a(
@@ -2416,28 +2406,28 @@ var Ln = "DialogTrigger", di = X.forwardRef(
     );
   }
 );
-di.displayName = Ln;
-var xt = "DialogPortal", [ui, En] = In(xt, {
+pi.displayName = Ln;
+var It = "DialogPortal", [hi, En] = xn(It, {
   forceMount: void 0
 }), Nn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = de(xt, e);
-  return /* @__PURE__ */ a(ui, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(Ct, { present: n || i.open, children: /* @__PURE__ */ a(gr, { asChild: !0, container: o, children: c }) })) });
+  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = de(It, e);
+  return /* @__PURE__ */ a(hi, { scope: e, forceMount: n, children: X.Children.map(r, (c) => /* @__PURE__ */ a(Ct, { present: n || i.open, children: /* @__PURE__ */ a(wr, { asChild: !0, container: o, children: c }) })) });
 };
-Nn.displayName = xt;
+Nn.displayName = It;
 var Qe = "DialogOverlay", On = X.forwardRef(
   (t, e) => {
     const n = En(Qe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = de(Qe, t.__scopeDialog);
-    return i.modal ? /* @__PURE__ */ a(Ct, { present: r || i.open, children: /* @__PURE__ */ a(pi, { ...o, ref: e }) }) : null;
+    return i.modal ? /* @__PURE__ */ a(Ct, { present: r || i.open, children: /* @__PURE__ */ a(fi, { ...o, ref: e }) }) : null;
   }
 );
 On.displayName = Qe;
-var pi = X.forwardRef(
+var fi = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = de(Qe, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(pr, { as: cr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(fr, { as: dr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
         Ge.div,
         {
           "data-state": Rt(o.open),
@@ -2451,17 +2441,17 @@ var pi = X.forwardRef(
 ), Le = "DialogContent", Dn = X.forwardRef(
   (t, e) => {
     const n = En(Le, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = de(Le, t.__scopeDialog);
-    return /* @__PURE__ */ a(Ct, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(hi, { ...o, ref: e }) : /* @__PURE__ */ a(fi, { ...o, ref: e }) });
+    return /* @__PURE__ */ a(Ct, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(mi, { ...o, ref: e }) : /* @__PURE__ */ a(gi, { ...o, ref: e }) });
   }
 );
 Dn.displayName = Le;
-var hi = X.forwardRef(
+var mi = X.forwardRef(
   (t, e) => {
     const n = de(Le, t.__scopeDialog), r = X.useRef(null), o = Tt(e, n.contentRef, r);
     return X.useEffect(() => {
       const i = r.current;
       if (i)
-        return hr(i);
+        return mr(i);
     }, []), /* @__PURE__ */ a(
       An,
       {
@@ -2484,7 +2474,7 @@ var hi = X.forwardRef(
       }
     );
   }
-), fi = X.forwardRef(
+), gi = X.forwardRef(
   (t, e) => {
     const n = de(Le, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
     return /* @__PURE__ */ a(
@@ -2499,20 +2489,20 @@ var hi = X.forwardRef(
           (c = t.onCloseAutoFocus) == null || c.call(t, i), i.defaultPrevented || (r.current || (l = n.triggerRef.current) == null || l.focus(), i.preventDefault()), r.current = !1, o.current = !1;
         },
         onInteractOutside: (i) => {
-          var d, h;
+          var d, f;
           (d = t.onInteractOutside) == null || d.call(t, i), i.defaultPrevented || (r.current = !0, i.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const c = i.target;
-          ((h = n.triggerRef.current) == null ? void 0 : h.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
+          ((f = n.triggerRef.current) == null ? void 0 : f.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && o.current && i.preventDefault();
         }
       }
     );
   }
 ), An = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = de(Le, n), d = X.useRef(null), h = Tt(e, d);
-    return fr(), /* @__PURE__ */ H(ue, { children: [
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...c } = t, l = de(Le, n), d = X.useRef(null), f = Tt(e, d);
+    return gr(), /* @__PURE__ */ $(pe, { children: [
       /* @__PURE__ */ a(
-        mr,
+        vr,
         {
           asChild: !0,
           loop: !0,
@@ -2520,7 +2510,7 @@ var hi = X.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: i,
           children: /* @__PURE__ */ a(
-            ur,
+            hr,
             {
               role: "dialog",
               id: l.contentId,
@@ -2528,32 +2518,32 @@ var hi = X.forwardRef(
               "aria-labelledby": l.titleId,
               "data-state": Rt(l.open),
               ...c,
-              ref: h,
+              ref: f,
               onDismiss: () => l.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ H(ue, { children: [
-        /* @__PURE__ */ a(gi, { titleId: l.titleId }),
-        /* @__PURE__ */ a(wi, { contentRef: d, descriptionId: l.descriptionId })
+      /* @__PURE__ */ $(pe, { children: [
+        /* @__PURE__ */ a(wi, { titleId: l.titleId }),
+        /* @__PURE__ */ a(bi, { contentRef: d, descriptionId: l.descriptionId })
       ] })
     ] });
   }
-), It = "DialogTitle", zn = X.forwardRef(
+), xt = "DialogTitle", zn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = de(It, n);
+    const { __scopeDialog: n, ...r } = t, o = de(xt, n);
     return /* @__PURE__ */ a(Ge.h2, { id: o.titleId, ...r, ref: e });
   }
 );
-zn.displayName = It;
-var Fn = "DialogDescription", mi = X.forwardRef(
+zn.displayName = xt;
+var Fn = "DialogDescription", vi = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = de(Fn, n);
     return /* @__PURE__ */ a(Ge.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
-mi.displayName = Fn;
+vi.displayName = Fn;
 var Mn = "DialogClose", kn = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = de(Mn, n);
@@ -2572,11 +2562,11 @@ kn.displayName = Mn;
 function Rt(t) {
   return t ? "open" : "closed";
 }
-var Wn = "DialogTitleWarning", [Bs, Hn] = lr(Wn, {
+var Wn = "DialogTitleWarning", [Qs, Hn] = ur(Wn, {
   contentName: Le,
-  titleName: It,
+  titleName: xt,
   docsSlug: "dialog"
-}), gi = ({ titleId: t }) => {
+}), wi = ({ titleId: t }) => {
   const e = Hn(Wn), 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.
@@ -2585,15 +2575,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return X.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, vi = "DialogDescriptionWarning", wi = ({ contentRef: t, descriptionId: e }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Hn(vi).contentName}}.`;
+}, _i = "DialogDescriptionWarning", bi = ({ contentRef: t, descriptionId: e }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Hn(_i).contentName}}.`;
   return X.useEffect(() => {
     var i;
     const o = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
     e && o && (document.getElementById(e) || console.warn(r));
   }, [r, t, e]), null;
-}, _i = Rn, bi = Nn, Ti = On, Ci = Dn, Pi = zn, yi = kn;
-const Ie = {
+}, Ti = Rn, Ci = Nn, Pi = On, yi = Dn, Si = zn, Ii = kn;
+const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2601,22 +2591,22 @@ 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"
-}, Si = () => {
-  const { pdfProperties: t } = oe(), { container: e } = _e(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = To(), { localeMessages: o } = pe(), i = W(() => {
+}, xi = () => {
+  const { pdfProperties: t } = oe(), { container: e } = _e(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = To(), { localeMessages: o } = he(), i = W(() => {
     if (!t)
       return [];
     const {
       fileSize: c,
       filename: l,
       title: d,
-      author: h,
+      author: f,
       subject: m,
-      createdOn: T,
-      creator: f,
+      createdOn: P,
+      creator: p,
       keywords: v,
-      modifiedOn: C,
-      pdfProducer: P,
-      pdfVersion: b,
+      modifiedOn: b,
+      pdfProducer: C,
+      pdfVersion: T,
       pageCount: y
     } = t;
     return [
@@ -2624,66 +2614,66 @@ const Ie = {
       { label: o == null ? void 0 : o.propertiesFileSizeLabel, value: c },
       { separate: !0 },
       { label: o == null ? void 0 : o.propertiesTitleLabel, value: d },
-      { label: o == null ? void 0 : o.propertiesAuthorLabel, value: h },
+      { label: o == null ? void 0 : o.propertiesAuthorLabel, value: f },
       { label: o == null ? void 0 : o.propertiesSubjectLabel, value: m },
       { label: o == null ? void 0 : o.propertiesKeywordLabel, value: v },
-      { label: o == null ? void 0 : o.propertiesCreatorLabel, value: f },
+      { label: o == null ? void 0 : o.propertiesCreatorLabel, value: p },
       {
         label: o == null ? void 0 : o.propertiesCreateOnLabel,
-        value: T ? At(T) : ""
+        value: P ? At(P) : ""
       },
       {
         label: o == null ? void 0 : o.propertiesModifiedOnLabel,
-        value: C ? At(C) : ""
+        value: b ? At(b) : ""
       },
       { separate: !0 },
-      { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: P },
-      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: b },
+      { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: C },
+      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: T },
       { label: o == null ? void 0 : o.propertiesPageCountLabel, value: y }
     ];
   }, [t, o]);
-  return /* @__PURE__ */ a(_i, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(bi, { container: e, children: /* @__PURE__ */ H("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ a(Ti, { className: Ie["rp-dialog-overlay"] }),
-    /* @__PURE__ */ H(Ci, { className: Ie["rp-document-dialog"], children: [
-      /* @__PURE__ */ a(Pi, { className: Ie["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ a("div", { className: Ie["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ a(No, { label: c.label, value: c.value }) }, l)) }),
-      /* @__PURE__ */ a(yi, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ a(vr, {}) })
+  return /* @__PURE__ */ a(Ti, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(Ci, { container: e, children: /* @__PURE__ */ $("div", { className: xe["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(Pi, { className: xe["rp-dialog-overlay"] }),
+    /* @__PURE__ */ $(yi, { className: xe["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Si, { className: xe["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: xe["rp-document-properties"], children: i.map((c, l) => /* @__PURE__ */ a("div", { children: c.separate ? /* @__PURE__ */ a("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ a(Do, { label: c.label, value: c.value }) }, l)) }),
+      /* @__PURE__ */ a(Ii, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ a(_r, {}) })
     ] })
   ] }) }) });
-}, xi = {
+}, Ri = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, Qt = ".pdf", Ii = (t) => URL.createObjectURL(t), Ri = async (t) => {
+}, Qt = ".pdf", Li = (t) => URL.createObjectURL(t), Ei = async (t) => {
   const n = await (await fetch(t)).blob();
-  return Ii(n);
+  return Li(n);
 }, $n = () => {
   const { filename: t, pdfSrc: e } = oe(), { downloadFilename: n } = vo(), r = (i) => {
     const c = n || i;
     return c.endsWith(Qt) ? c : `${c}${Qt}`;
   };
-  return { download: N(async () => {
+  return { download: E(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
     const i = document.createElement("a");
-    i.href = await Ri(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
+    i.href = await Ei(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, qn = () => {
   const { downloadIcon: t } = Ce(), { downloadIcon: e } = be();
-  return t || e || /* @__PURE__ */ a(Tr, {});
-}, Gn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Li = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Gn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(qn, {}) }) }), Ei = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Gn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || e || /* @__PURE__ */ a(Pr, {});
+}, Gn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ni = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Gn, { localeMessages: e, children: /* @__PURE__ */ a(ve, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(qn, {}) }) }), Oi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ $(Gn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(qn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), Un = () => {
-  const { download: t } = $n(), { downloadTool: e = !0 } = Te(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = pe(), i = o == null ? void 0 : o.downloadFileTooltip;
-  return !e || !n ? null : r ? /* @__PURE__ */ a(Ei, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Li, { download: t, localeMessages: o });
+  const { download: t } = $n(), { downloadTool: e = !0 } = Te(), { downloadTool: n = !0 } = Ne(), { isSmallScreen: r } = Oe(), { localeMessages: o } = he(), i = o == null ? void 0 : o.downloadFileTooltip;
+  return !e || !n ? null : r ? /* @__PURE__ */ a(Oi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ a(Q, { content: i, children: /* @__PURE__ */ a(n, { download: t }) }) : /* @__PURE__ */ a(Ni, { download: t, localeMessages: o });
 }, Vn = () => {
   const { printIcon: t } = Ce(), { printIcon: e } = be();
-  return t || e || /* @__PURE__ */ a(Cr, {});
-}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ni = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(jn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Vn, {}) }) }), Oi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(jn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || e || /* @__PURE__ */ a(yr, {});
+}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(jn, { localeMessages: e, children: /* @__PURE__ */ a(ve, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Vn, {}) }) }), Ai = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ $(jn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Vn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Bn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Te(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: h } = pe(), m = h == null ? void 0 : h.printTooltip;
-  return !c || !l ? null : d ? /* @__PURE__ */ a(Oi, { print: t, localeMessages: h }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Te(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: f } = he(), m = f == null ? void 0 : f.printTooltip;
+  return !c || !l ? null : d ? /* @__PURE__ */ a(Ai, { print: t, localeMessages: f }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
     c,
     {
       print: t,
@@ -2703,141 +2693,141 @@ const Ie = {
       setOnComplete: r,
       progress: i
     }
-  ) }) : /* @__PURE__ */ a(Ni, { print: t, localeMessages: h });
-}, Di = {
+  ) }) : /* @__PURE__ */ a(Di, { print: t, localeMessages: f });
+}, zi = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Ai = () => {
+}, Fi = () => {
   const { goToFirstPageIcon: t } = Ce(), { goToFirstPageIcon: e } = be();
-  return t || e || /* @__PURE__ */ a(hn, { className: Di["rp-go-to-Top"] });
-}, zi = () => {
+  return t || e || /* @__PURE__ */ a(hn, { className: zi["rp-go-to-Top"] });
+}, Mi = () => {
   const { goToLastPageIcon: t } = Ce(), { goToLastPageIcon: e } = be();
   return t || e || /* @__PURE__ */ a(hn, {});
-}, Yt = { width: "100%" }, Fi = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ce(), { jumpNavigationTool: r = !0 } = Te(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = pe(), c = W(() => n === 1, [n]), l = W(() => n === e, [n, e]), d = N(() => {
+}, Yt = { width: "100%" }, ki = () => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = le(), { jumpNavigationTool: r = !0 } = Te(), { jumpNavigationTool: o = !0 } = Ne(), { localeMessages: i } = he(), c = W(() => n === 1, [n]), l = W(() => n === e, [n, e]), d = E(() => {
     t(1);
-  }, [t]), h = N(() => {
+  }, [t]), f = E(() => {
     t(e);
   }, [t, e]);
-  return !r || !o ? null : /* @__PURE__ */ H(un, { children: [
-    /* @__PURE__ */ a(Xe, { onClick: d, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.firstPageTooltip, style: Yt, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": c, children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Ai, {}) }),
+  return !r || !o ? null : /* @__PURE__ */ $(un, { children: [
+    /* @__PURE__ */ a(Xe, { onClick: d, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.firstPageTooltip, style: Yt, children: /* @__PURE__ */ $("div", { className: "rp-menu-item", "aria-disabled": c, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Fi, {}) }),
       /* @__PURE__ */ a("span", { children: i == null ? void 0 : i.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ a(Xe, { onClick: h, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.lastPageTooltip, style: Yt, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": l, children: [
-      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(zi, {}) }),
+    /* @__PURE__ */ a(Xe, { onClick: f, children: /* @__PURE__ */ a(Q, { content: i == null ? void 0 : i.lastPageTooltip, style: Yt, children: /* @__PURE__ */ $("div", { className: "rp-menu-item", "aria-disabled": l, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Mi, {}) }),
       /* @__PURE__ */ a("span", { children: i == null ? void 0 : i.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ a(ln, {})
   ] });
-}, Mi = () => {
-  const [t, e] = $(!1), { container: n, pagesRef: r } = _e(), { isSmallScreen: o } = Oe(), {
+}, Wi = () => {
+  const [t, e] = q(!1), { container: n, pagesRef: r } = _e(), { isSmallScreen: o } = Oe(), {
     openFileTool: i,
     downloadTool: c,
     documentProperties: l,
     scrollModeTool: d,
-    rotateTool: h,
+    rotateTool: f,
     selectionModeTool: m,
-    jumpNavigationTool: T,
-    printTool: f,
+    jumpNavigationTool: P,
+    printTool: p,
     fullscreenTool: v,
-    viewModeTool: C
+    viewModeTool: b
   } = Te(), {
-    openFileTool: P,
-    downloadTool: b,
+    openFileTool: C,
+    downloadTool: T,
     documentProperties: y,
     scrollModeTool: g,
-    rotateTool: p,
+    rotateTool: h,
     selectionModeTool: u,
     jumpNavigationTool: s,
-    printTool: w,
-    fullscreenTool: _,
+    printTool: _,
+    fullscreenTool: w,
     viewModeTool: S
-  } = Ne(), { localeMessages: R } = pe(), [x, I] = $(0), O = k(
+  } = Ne(), { localeMessages: R } = he(), [I, x] = q(0), N = k(
     new ResizeObserver((L) => {
-      I(L[0].contentRect.height);
+      x(L[0].contentRect.height);
     })
-  ), A = W(() => T || h || m || d || l || C || o && (i || c || f || v), [
+  ), A = W(() => P || f || m || d || l || b || o && (i || c || p || v), [
     i,
     c,
-    f,
+    p,
     v,
     l,
     d,
-    h,
+    f,
     m,
-    T,
-    o
-  ]), z = W(() => s || p || u || g || y || S || o && (P || b || w || _), [
     P,
-    b,
-    w,
+    o
+  ]), z = W(() => s || h || u || g || y || S || o && (C || T || _ || w), [
+    C,
+    T,
     _,
+    w,
     y,
     g,
-    p,
+    h,
     u,
     s,
     o
   ]);
-  return D(() => (r && O.current.observe(r), () => {
-    O.current.disconnect();
-  }), [r]), !A || !z ? null : /* @__PURE__ */ H(ue, { children: [
+  return D(() => (r && N.current.observe(r), () => {
+    N.current.disconnect();
+  }), [r]), !A || !z ? null : /* @__PURE__ */ $(pe, { children: [
     /* @__PURE__ */ a(
       cn,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(ge, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(ar, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Q, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(ve, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ a(cr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
-        children: /* @__PURE__ */ H(
+        children: /* @__PURE__ */ $(
           "div",
           {
-            style: { maxHeight: `${x}px`, overflow: "auto" },
-            className: xi["rp-other-tool-content"],
+            style: { maxHeight: `${I}px`, overflow: "auto" },
+            className: Ri["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              o && /* @__PURE__ */ H(un, { children: [
+              o && /* @__PURE__ */ $(un, { children: [
                 /* @__PURE__ */ a(dn, {}),
                 /* @__PURE__ */ a(Un, {}),
                 /* @__PURE__ */ a(Bn, {}),
                 /* @__PURE__ */ a(pn, {}),
                 /* @__PURE__ */ a(ln, {})
               ] }),
-              /* @__PURE__ */ a(Fi, {}),
-              /* @__PURE__ */ a(Oo, {}),
-              /* @__PURE__ */ a(Pr, {}),
-              /* @__PURE__ */ a(_r, {}),
-              /* @__PURE__ */ a(br, {}),
-              /* @__PURE__ */ a(wr, {})
+              /* @__PURE__ */ a(ki, {}),
+              /* @__PURE__ */ a(Ao, {}),
+              /* @__PURE__ */ a(Sr, {}),
+              /* @__PURE__ */ a(Tr, {}),
+              /* @__PURE__ */ a(Cr, {}),
+              /* @__PURE__ */ a(br, {})
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ a(Si, {})
+    /* @__PURE__ */ a(xi, {})
   ] });
-}, ki = () => {
+}, Hi = () => {
   const { isSmallScreen: t } = Oe();
-  return /* @__PURE__ */ H(ue, { children: [
-    /* @__PURE__ */ a(ir, {}),
-    !t && /* @__PURE__ */ H(ue, { children: [
+  return /* @__PURE__ */ $(pe, { children: [
+    /* @__PURE__ */ a(sr, {}),
+    !t && /* @__PURE__ */ $(pe, { children: [
       /* @__PURE__ */ a(dn, {}),
       /* @__PURE__ */ a(Un, {}),
       /* @__PURE__ */ a(Bn, {}),
       /* @__PURE__ */ a(pn, {})
     ] }),
-    /* @__PURE__ */ a(Mi, {})
+    /* @__PURE__ */ a(Wi, {})
   ] });
 }, Jt = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = Pt(), { localeMessages: r } = pe();
-  return /* @__PURE__ */ H(ue, { children: [
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = Pt(), { localeMessages: r } = he();
+  return /* @__PURE__ */ $(pe, { children: [
     /* @__PURE__ */ a(
       Q,
       {
         content: r == null ? void 0 : r.searchPrevTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(ge, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(ve, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ a(
           Ze,
           {
             className: te["rp-search-tool-input-icon"],
@@ -2851,7 +2841,7 @@ const Ie = {
       {
         content: r == null ? void 0 : r.searchNextTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ a(ge, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a(ve, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ a(
           Ze,
           {
             style: { transform: "rotate(180deg" },
@@ -2862,44 +2852,44 @@ const Ie = {
       }
     )
   ] });
-}, Wi = () => {
+}, $i = () => {
   const { searchIcon: t } = Ce(), { searchIcon: e } = be();
   return t || e || /* @__PURE__ */ a(fn, {});
-}, Hi = ({ icon: t }) => {
-  const { container: e } = _e(), [n, r] = $(!1), { pdf: o } = oe(), [i, c] = $(null), {
+}, qi = ({ icon: t }) => {
+  const { container: e } = _e(), [n, r] = q(!1), { pdf: o } = oe(), [i, c] = q(null), {
     searchOptions: l,
     setSearchOptions: d,
-    loading: h,
+    loading: f,
     setSearch: m,
-    totalMatches: T,
-    currentMatchPosition: f,
+    totalMatches: P,
+    currentMatchPosition: p,
     nextMatch: v,
-    prevMatch: C,
-    search: P
-  } = Pt(), { searchTool: b = !0 } = Te(), { searchTool: y = !0 } = Ne(), [g, p] = $(P), { localeMessages: u } = pe(), { isSmallScreen: s } = Oe(), [w, _] = $(null), [S, R] = $(!1), x = N(() => {
+    prevMatch: b,
+    search: C
+  } = Pt(), { searchTool: T = !0 } = Te(), { searchTool: y = !0 } = Ne(), [g, h] = q(C), { localeMessages: u } = he(), { isSmallScreen: s } = Oe(), [_, w] = q(null), [S, R] = q(!1), I = E(() => {
     r(!0);
-  }, []), I = N(() => {
-    m(""), p(""), r(!1);
-  }, [m]), O = (G) => {
-    const Z = G.key === "Enter", re = G.key === " ";
-    (Z || re) && I();
-  }, A = N(
+  }, []), x = E(() => {
+    m(""), h(""), r(!1);
+  }, [m]), N = (G) => {
+    const Z = G.key === "Enter", Y = G.key === " ";
+    (Z || Y) && x();
+  }, A = E(
     (G) => {
-      G.key === "Escape" && n && I();
+      G.key === "Escape" && n && x();
     },
     [n]
-  ), z = N(
+  ), z = E(
     (G) => {
-      G.shiftKey && G.key === "Enter" ? C() : G.key === "Enter" && P !== g ? m(g) : G.key === "Enter" && v();
+      G.shiftKey && G.key === "Enter" ? b() : G.key === "Enter" && C !== g ? m(g) : G.key === "Enter" && v();
     },
-    [g, C, v, m, P]
+    [g, b, v, m, C]
   );
   D(() => {
-    p(P);
-  }, [P]), D(() => {
-    P && o && R(!0);
-  }, [P, o]), D(() => {
-    P && P.trim() !== "" && (p(P), m(P));
+    h(C);
+  }, [C]), D(() => {
+    C && o && R(!0);
+  }, [C, o]), D(() => {
+    C && C.trim() !== "" && (h(C), m(C));
   }, []), D(() => (window.addEventListener("keydown", A), () => {
     window.removeEventListener("keydown", A);
   }), [A]), D(() => {
@@ -2907,49 +2897,49 @@ const Ie = {
       i.focus();
     }, 0);
   }, [i]);
-  const L = N((G) => {
-    p(G.target.value);
-  }, []), E = N(() => {
-    p(""), m("");
-  }, [m]), F = W(() => `${f} / ${T}`, [f, T]), { wholeWords: M, matchCase: q } = W(() => l, [l]), j = N(
+  const L = E((G) => {
+    h(G.target.value);
+  }, []), O = E(() => {
+    h(""), m("");
+  }, [m]), F = W(() => `${p} / ${P}`, [p, P]), { wholeWords: H, matchCase: M } = W(() => l, [l]), j = E(
     (G) => {
       d((Z) => ({ ...Z, matchCase: G }));
     },
     [d]
-  ), B = N(
+  ), K = E(
     (G) => {
       d((Z) => ({ ...Z, wholeWords: G }));
     },
     [d]
   );
   D(() => {
-    o && S && I();
-  }, [o, I]);
-  const U = W(() => (w == null ? void 0 : w.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [w]), J = N(
+    o && S && x();
+  }, [o, x]);
+  const U = W(() => (_ == null ? void 0 : _.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [_]), re = E(
     (G) => {
       if (G.key === "Tab") {
         const Z = document.activeElement;
-        let re = 0;
-        U.forEach((Y, ve) => {
-          Y === Z && (re = ve);
+        let Y = 0;
+        U.forEach((ie, ae) => {
+          ie === Z && (Y = ae);
         });
-        let ee = re + 1;
-        G.shiftKey && (ee = re - 1);
-        const ie = U[ee];
-        if (ie)
-          ie.focus();
-        else if (ee > U.length - 1) {
-          const Y = U[0];
-          Y && Y.focus();
+        let J = Y + 1;
+        G.shiftKey && (J = Y - 1);
+        const ee = U[J];
+        if (ee)
+          ee.focus();
+        else if (J > U.length - 1) {
+          const ie = U[0];
+          ie && ie.focus();
         } else {
-          const Y = U[U.length - 1];
-          Y && Y.focus();
+          const ie = U[U.length - 1];
+          ie && ie.focus();
         }
       }
     },
     [U]
   );
-  return !b || !y ? null : /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(
+  return !T || !y ? null : /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a(
     cn,
     {
       open: n,
@@ -2959,24 +2949,24 @@ const Ie = {
       tabIndex: 0,
       avoidCollisions: !1,
       triggerComponent: /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchButtonTooltip, children: /* @__PURE__ */ a(
-        ge,
+        ve,
         {
           active: n,
-          onClick: x,
+          onClick: I,
           "aria-label": u == null ? void 0 : u.searchButtonTooltip,
-          children: t || /* @__PURE__ */ a(Wi, {})
+          children: t || /* @__PURE__ */ a($i, {})
         }
       ) }),
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ $(
         "div",
         {
-          ref: _,
+          ref: w,
           className: te["rp-search-tool-content"],
           tabIndex: 0,
-          onKeyDown: J,
+          onKeyDown: re,
           children: [
-            /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ H("div", { className: te["rp-search-tool-input"], children: [
+            /* @__PURE__ */ $("div", { className: te["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ $("div", { className: te["rp-search-tool-input"], children: [
                 /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchInputTooltip, children: /* @__PURE__ */ a(
                   on,
                   {
@@ -2990,20 +2980,20 @@ const Ie = {
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!g && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: E, children: /* @__PURE__ */ a(Sr, {}) })
+                    children: !!g && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ a(xr, {}) })
                   }
                 ) }),
-                h ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(_t, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: F }),
-                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(Ot, { onKeyPress: O, handleClose: I }) })
+                f ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(_t, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: F }),
+                s && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(Ot, { onKeyPress: N, handleClose: x }) })
               ] }),
-              /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-checkboxes"], children: [
+              /* @__PURE__ */ $("div", { className: te["rp-search-tool-input-checkboxes"], children: [
                 s && /* @__PURE__ */ a(Jt, {}),
                 /* @__PURE__ */ a(
                   Dt,
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: q,
+                    value: M,
                     onChange: j,
                     children: u == null ? void 0 : u.searchMatchCaseLabel
                   }
@@ -3014,100 +3004,99 @@ const Ie = {
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: M,
-                    onChange: B,
+                    value: H,
+                    onChange: K,
                     children: u == null ? void 0 : u.searchWholeWordsLabel
                   }
                 ),
                 !s && /* @__PURE__ */ a(Q, { content: u == null ? void 0 : u.searchWholeWordsTooltip, children: /* @__PURE__ */ a("div", { tabIndex: 0, className: te["rp-search-icon-info"], children: /* @__PURE__ */ a(Mt, {}) }) })
               ] })
             ] }),
-            !s && /* @__PURE__ */ H("div", { className: te["rp-search-tool-controls"], children: [
+            !s && /* @__PURE__ */ $("div", { className: te["rp-search-tool-controls"], children: [
               /* @__PURE__ */ a(Jt, {}),
-              /* @__PURE__ */ a(Ot, { onKeyPress: O, handleClose: I })
+              /* @__PURE__ */ a(Ot, { onKeyPress: N, handleClose: x })
             ] })
           ]
         }
       )
     }
   ) });
-}, $i = "_loading_wazy2_1", Ae = {
+}, Gi = "_loading_wazy2_1", Ae = {
   "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: $i
-}, qi = ({ percentage: t }) => {
-  const { cancel: e } = tt(), { localeMessages: n } = pe();
-  return t < 1 ? null : /* @__PURE__ */ a("div", { className: ae(Ae["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: ae(Ae["rp-loading-modal"]), children: [
-    /* @__PURE__ */ H("div", { className: ae(Ae["rp-loading-title"]), children: [
+  loading: Gi
+}, Ui = ({ percentage: t }) => {
+  const { cancel: e } = tt(), { localeMessages: n } = he();
+  return t < 1 ? null : /* @__PURE__ */ a("div", { className: se(Ae["rp-loading-overlay"]), children: /* @__PURE__ */ $("div", { className: se(Ae["rp-loading-modal"]), children: [
+    /* @__PURE__ */ $("div", { className: se(Ae["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ a("div", { className: ae(Ae["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a("div", { className: se(Ae["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
-        className: ae(Ae["rp-loading-progress"]),
+        className: se(Ae["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ a("button", { className: ae(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ a("button", { className: se(Ae["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, Gi = et((t, e) => {
+}, Vi = et((t, e) => {
   const { showPrintProgress: n = !0 } = Te(), { showPrintProgress: r = !0 } = Ne(), { progress: o } = tt(), { isSmallScreen: i } = Oe(), { percentage: c } = o || {}, l = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
     if (!(!n || !r || !c))
-      return /* @__PURE__ */ a(qi, { percentage: c });
+      return /* @__PURE__ */ a(Ui, { percentage: c });
   };
-  return /* @__PURE__ */ H("div", { children: [
-    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: e, className: Me["rp-toolbar-content"], children: /* @__PURE__ */ H("div", { className: Me["rp-toolbar-wrapper"], style: l(), children: [
-      /* @__PURE__ */ H("div", { "data-rp": "topBarLeft", className: Me["rp-toolbar-start"], children: [
-        /* @__PURE__ */ a(Hi, {}),
-        /* @__PURE__ */ a(ci, {})
+  return /* @__PURE__ */ $("div", { children: [
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: e, className: Me["rp-toolbar-content"], children: /* @__PURE__ */ $("div", { className: Me["rp-toolbar-wrapper"], style: l(), children: [
+      /* @__PURE__ */ $("div", { "data-rp": "topBarLeft", className: Me["rp-toolbar-start"], children: [
+        /* @__PURE__ */ a(qi, {}),
+        /* @__PURE__ */ a(di, {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: Me["rp-toolbar-middle"], children: /* @__PURE__ */ a(yr, {}) }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: Me["rp-toolbar-end"], children: /* @__PURE__ */ a(ki, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: Me["rp-toolbar-middle"], children: /* @__PURE__ */ a(Ir, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: Me["rp-toolbar-end"], children: /* @__PURE__ */ a(Hi, {}) })
     ] }) }),
     /* @__PURE__ */ a(d, {})
   ] });
 }), ht = {
-  "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"
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1bqgz_1",
+  "rp-sidebar-content": "_rp-sidebar-content_1bqgz_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_1bqgz_16"
 }, ke = {
   "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"
-}, Ui = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ce(), { pageRotate: i } = Je(), c = k(null), l = Cn(), { pages: d } = oe(), [h, m] = $(null), T = k(!1), f = k(), v = W(() => n ? ke["rp-thumbnail-active"] : "", [n]), C = W(() => ({
+}, ji = (t) => {
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = le(), { pageRotate: i } = Je(), c = k(null), l = Cn(), { pages: d } = oe(), [f, m] = q(null), P = k(!1), p = k(), v = W(() => n ? ke["rp-thumbnail-active"] : "", [n]), b = W(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
-  }), [r]), P = N(() => {
+  }), [r]), C = E(() => {
     e && o(e);
   }, [o, e]);
   return D(() => {
-    const b = d.get(e);
-    f.current === b || (m(null), f.current = b);
+    const T = d.get(e);
+    p.current === T || (m(null), p.current = T);
   }, [d, e]), D(() => {
-    const b = d.get(e);
-    if (!c.current || !e || !b || h)
+    const T = d.get(e);
+    if (!c.current || !e || !T || f)
       return;
     const y = new IntersectionObserver((g) => {
-      g.forEach((p) => {
-        if (T.current) {
-          T.current = !1, l.removeQueue(`thumbnail-${e}`);
+      g.forEach((h) => {
+        if (P.current) {
+          P.current = !1, l.removeQueue(`thumbnail-${e}`);
           return;
         }
-        if (p.isIntersecting) {
+        if (h.isIntersecting) {
           const u = document.createElement("canvas");
-          T.current = !0, l.enqueue(
+          P.current = !0, l.enqueue(
             `thumbnail-${e}`,
             {
-              page: b.page,
+              page: T.page,
               canvasElem: u,
               options: {
                 scale: 1
@@ -3116,8 +3105,8 @@ const Ie = {
                 u.toBlob((s) => {
                   if (!s)
                     return;
-                  const w = URL.createObjectURL(s);
-                  m(w);
+                  const _ = URL.createObjectURL(s);
+                  m(_);
                 });
               }
             },
@@ -3129,10 +3118,10 @@ const Ie = {
     return c.current && y.observe(c.current), () => {
       y.disconnect(), l.removeQueue(`thumbnail-${e}`);
     };
-  }, [l, e, d, h]), /* @__PURE__ */ H(
+  }, [l, e, d, f]), /* @__PURE__ */ $(
     "div",
     {
-      onClick: P,
+      onClick: C,
       id: `page-${e}`,
       className: ke["rp-thumbnail-wrapper"],
       ref: c,
@@ -3143,13 +3132,13 @@ const Ie = {
             style: {
               transform: `rotate(${i[e || 0]}deg)`
             },
-            className: ae(v, ke["rp-thumbnail"]),
-            children: h ? /* @__PURE__ */ a(
+            className: se(v, ke["rp-thumbnail"]),
+            children: f ? /* @__PURE__ */ a(
               "img",
               {
-                src: h,
-                width: C.width,
-                height: C.height,
+                src: f,
+                width: b.width,
+                height: b.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ a(
@@ -3157,8 +3146,8 @@ const Ie = {
               {
                 className: ke["rp-thumbnail-loader"],
                 style: {
-                  width: `${C.width}px`,
-                  height: `${C.height}px`
+                  width: `${b.width}px`,
+                  height: `${b.height}px`
                 },
                 children: /* @__PURE__ */ a(_t, {})
               }
@@ -3172,71 +3161,78 @@ const Ie = {
 }, en = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Vi = 16, ji = (t, e) => {
+}, Bi = 16, Ki = (t, e) => {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
-  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Vi);
-}, Bi = et((t, e) => {
-  const { show: n } = t, { focusedPage: r, totalPages: o } = ce(), { thumbnailPages: i, addPage: c, thumbnailLength: l, addToPage: d } = _n(), h = k(null), m = k(1);
-  tn(e, () => h.current);
-  const T = W(() => Object.values(i), [i]), f = N(() => {
-    const v = l + 1;
-    v <= o && c(v);
-  }, [c, o, l]);
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Bi);
+}, Zi = et((t, e) => {
+  const { show: n, width: r } = t, { focusedPage: o, totalPages: i } = le(), { thumbnailPages: c, addPage: l, thumbnailLength: d, addToPage: f } = _n(), m = k(null), P = k(1);
+  tn(e, () => m.current);
+  const p = W(() => Object.values(c), [c]), v = E(() => {
+    const b = d + 1;
+    b <= i && l(b);
+  }, [l, i, d]);
   return D(() => {
-    r > l && o > l ? d(r) : n && m.current !== r && (ji(h.current, r), m.current = r);
-  }, [r, l, d, n, T]), Do(h.current, f), /* @__PURE__ */ a("div", { ref: h, className: en["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: en["rp-thumbnails"], children: n ? T.map((v, C) => {
-    var P, b;
+    o > d && i > d ? f(o) : n && P.current !== o && (Ki(m.current, o), P.current = o);
+  }, [o, d, f, n, p]), zo(m.current, v), /* @__PURE__ */ a("div", { ref: m, className: en["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ a("div", { className: en["rp-thumbnails"], children: n ? p.map((b, C) => {
+    var T, y;
     return /* @__PURE__ */ a(
-      Ui,
+      ji,
       {
-        isFocused: r === ((P = v.page) == null ? void 0 : P.pageNumber),
-        pageNumber: (b = v.page) == null ? void 0 : b.pageNumber,
-        loading: v.loading,
-        viewport: v.viewport,
-        defaultRotation: v.defaultRotation
+        isFocused: o === ((T = b.page) == null ? void 0 : T.pageNumber),
+        pageNumber: (y = b.page) == null ? void 0 : y.pageNumber,
+        loading: b.loading,
+        viewport: b.viewport,
+        defaultRotation: b.defaultRotation
       },
       C
     );
   }) : null }) });
-}), Ki = () => {
+}), Xi = () => {
   const { thumbnailIcon: t } = Ce(), { thumbnailIcon: e } = be();
   return t || e || /* @__PURE__ */ a(Po, {});
-}, Zi = () => {
-  const { active: t, setActive: e } = _n(), [n, r] = $(200), o = k(null), { thumbnailTool: i, sidebarEnable: c } = Te(), { localeMessages: l } = pe(), d = N(() => {
-    e((m) => !m);
-  }, []), h = W(() => typeof i != "boolean" && i ? /* @__PURE__ */ a(i, { onClick: d, active: t }) : i ? /* @__PURE__ */ a(Q, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ a(
-    ge,
+}, Qi = () => {
+  const { active: t, setActive: e } = _n(), [n, r] = q(Fo), o = k(null), i = k(null), { thumbnailTool: c, sidebarEnable: l } = Te(), { localeMessages: d } = he(), f = E(() => {
+    e((P) => !P);
+  }, []), m = W(() => typeof c != "boolean" && c ? /* @__PURE__ */ a(c, { onClick: f, active: t }) : c ? /* @__PURE__ */ a(Q, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ a(
+    ve,
     {
-      onClick: d,
+      onClick: f,
       active: t,
-      "aria-label": l == null ? void 0 : l.thumbnailTooltip,
-      children: /* @__PURE__ */ a(Ki, {})
+      "aria-label": d == null ? void 0 : d.thumbnailTooltip,
+      children: /* @__PURE__ */ a(Xi, {})
     }
-  ) }) : null, [i, t, d, l]);
-  return /* @__PURE__ */ a(ue, { children: c && /* @__PURE__ */ H(
+  ) }) : null, [c, t, f, d]);
+  return /* @__PURE__ */ a(pe, { children: l && /* @__PURE__ */ $(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
       className: ht["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ a("div", { className: ht["rp-sidebar-content"], children: h }),
-        /* @__PURE__ */ H(
+        /* @__PURE__ */ a("div", { ref: i, className: ht["rp-sidebar-content"], children: m }),
+        /* @__PURE__ */ $(
           "div",
           {
             "data-rp": "thumbnailSidebar",
             hidden: !t,
             className: ht["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ a(Bi, { show: t, ref: o }),
-              /* @__PURE__ */ a(Ao, { onWidthChange: r, thumbnailRef: o })
+              /* @__PURE__ */ a(Zi, { show: t, ref: o }),
+              /* @__PURE__ */ a(
+                xo,
+                {
+                  onWidthChange: r,
+                  thumbnailRef: o,
+                  leftSidebarRef: i
+                }
+              )
             ]
           }
         )
       ]
     }
   ) });
-}, Ks = no((t, e) => {
+}, Ys = oo((t, e) => {
   const {
     children: n,
     slots: r,
@@ -3245,29 +3241,29 @@ const Ie = {
     className: c,
     mobileWidth: l,
     onLoaded: d,
-    cleanupOnLoaded: h,
+    cleanupOnLoaded: f,
     onLayoutWidthChange: m
-  } = t, [T, f] = $(null), { setContainer: v, setContentRef: C } = _e(), { loading: P } = oe(), { LoaderImageComponent: b } = sn();
+  } = t, [P, p] = q(null), { setContainer: v } = _e(), { loading: b } = oe(), { LoaderImageComponent: C } = sn();
   return D(() => (d && d(), () => {
-    h && h();
-  }), [d, h]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ a(xn, { toolbarRef: T, ref: e, children: /* @__PURE__ */ a(So, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(xo, { slots: r, children: /* @__PURE__ */ a(Eo, { icons: o, children: /* @__PURE__ */ a(Co, { children: /* @__PURE__ */ H(yo, { getContainerRef: v, style: i, className: c, children: [
-    /* @__PURE__ */ H(Io, { children: [
-      /* @__PURE__ */ H("div", { className: we["rp-layout"], children: [
+    f && f();
+  }), [d, f]), // TODO: deprecated in v2.0.0, remove later ~
+  /* @__PURE__ */ a(In, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(So, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Io, { slots: r, children: /* @__PURE__ */ a(Oo, { icons: o, children: /* @__PURE__ */ a(Co, { children: /* @__PURE__ */ $(yo, { getContainerRef: v, style: i, className: c, children: [
+    /* @__PURE__ */ $(Ro, { children: [
+      /* @__PURE__ */ $("div", { className: we["rp-layout"], children: [
         /* @__PURE__ */ a(
-          Gi,
+          Vi,
           {
-            ref: f
+            ref: p
           }
         ),
-        /* @__PURE__ */ H("div", { className: we["rp-content"], children: [
-          /* @__PURE__ */ a("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ a(Zi, {}) }),
-          /* @__PURE__ */ a("div", { ref: C, className: we["rp-pages"], children: n })
+        /* @__PURE__ */ $("div", { className: we["rp-content"], children: [
+          /* @__PURE__ */ a("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ a(Qi, {}) }),
+          /* @__PURE__ */ a("div", { className: we["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ a(Lo, {})
+      /* @__PURE__ */ a(No, {})
     ] }),
-    P ? /* @__PURE__ */ a(
+    b ? /* @__PURE__ */ a(
       "div",
       {
         className: we["rp-loader"],
@@ -3290,13 +3286,13 @@ const Ie = {
               height: "100%",
               width: "100%"
             },
-            children: b && /* @__PURE__ */ a(b, {})
+            children: C && /* @__PURE__ */ a(C, {})
           }
         )
       }
     ) : null
   ] }) }) }) }) }) });
-}), Zs = {
+}), Js = {
   "rp-toolbar-layout": "_rp-toolbar-layout_vwobs_1",
   "rp-content": "_rp-content_vwobs_7",
   "rp-topbar-content": "_rp-topbar-content_vwobs_13",
@@ -3305,55 +3301,54 @@ const Ie = {
   "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_vwobs_37"
 };
 export {
-  Tn as A,
-  Cn as B,
-  Er as C,
-  Or as D,
-  zr as E,
-  Mr as F,
-  yt as G,
-  Jr as H,
-  ni as I,
-  oi as J,
-  ri as K,
-  xn as L,
-  Si as M,
-  Un as N,
-  Bn as O,
-  Hs as P,
-  Fi as Q,
-  Vs as R,
-  Hi as S,
-  qs as T,
-  Mi as U,
-  Jt as V,
-  Gi as W,
-  Ui as X,
-  Zi as Y,
-  Ks as a,
+  Cn as A,
+  Ar as B,
+  Or as C,
+  Mr as D,
+  Wr as E,
+  yt as F,
+  ti as G,
+  ri as H,
+  ii as I,
+  ai as J,
+  xi as K,
+  In as L,
+  Un as M,
+  Bn as N,
+  ki as O,
+  Us as P,
+  Wi as Q,
+  Zs as R,
+  qi as S,
+  js as T,
+  Jt as U,
+  Vi as V,
+  ji as W,
+  Qi as X,
+  Ys as a,
   $n as b,
   tt as c,
   Pt as d,
-  we as e,
-  Gs as f,
-  Us as g,
-  $s as h,
-  _n as i,
-  pt as j,
-  Me as k,
-  ci as l,
-  ki as m,
-  Zs as n,
-  Bi as o,
-  qi as p,
-  mn as q,
-  xr as r,
-  gn as s,
-  Ir as t,
-  ce as u,
-  vn as v,
-  Rr as w,
-  wn as x,
-  Lr as y,
-  bn as z
+  Bs as e,
+  Ks as f,
+  Vs as g,
+  _n as h,
+  pt as i,
+  Me as j,
+  di as k,
+  Hi as l,
+  Js as m,
+  Zi as n,
+  Ui as o,
+  mn as p,
+  Rr as q,
+  gn as r,
+  Lr as s,
+  vn as t,
+  le as u,
+  Er as v,
+  wn as w,
+  Nr as x,
+  bn as y,
+  Tn as z
 };