@pdf-viewer/react 1.15.0-beta.0 → 1.15.0-beta.1

package/dist/{ToolbarLayout.module-07c61141.js → ToolbarLayout.module-5b9624f8.js}

@@ -1,22 +1,22 @@
 import { jsx as i, Fragment as he, jsxs as W } from "react/jsx-runtime";
 import * as Q from "react";
-import { useRef as M, useEffect as z, useCallback as N, useState as $, useMemo as k, createContext as Ve, useContext as Be, useImperativeHandle as dn, createElement as Ke, PureComponent as ao, Component as co, memo as un, Fragment as lo, forwardRef as uo } from "react";
+import { useRef as M, useEffect as z, useCallback as N, useState as $, useMemo as k, createContext as Ve, useContext as Be, useImperativeHandle as un, createElement as Ke, PureComponent as co, Component as lo, memo as pn, Fragment as uo, forwardRef as po } from "react";
 import { ChevronUpIcon as Ue } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ce } from "./components/ui/Button.js";
-import { UIInput as pn } from "./components/ui/Input.js";
-import { ViewMode as Ne, ScrollMode as oe, AnnotationSubType as Wt, SelectionMode as po, ErrorType as ho, ZoomLevel as We } from "./utils/types.js";
+import { UIInput as hn } from "./components/ui/Input.js";
+import { ViewMode as Ne, ScrollMode as oe, AnnotationSubType as Mt, SelectionMode as ho, ErrorType as fo, ZoomLevel as We } from "./utils/types.js";
 import { useScrollModeContext as De } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as re } from "./contexts/RPDocumentContext.js";
-import { useDocumentPasswordContext as fo } from "./contexts/DocumentPasswordContext.js";
-import { useDarkModeContext as mo } from "./contexts/DarkModeContext.js";
+import { useDocumentPasswordContext as mo } from "./contexts/DocumentPasswordContext.js";
+import { useDarkModeContext as go } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
-import { useLayerContext as go } from "./contexts/LayerContext.js";
+import { useLayerContext as vo } from "./contexts/LayerContext.js";
 import { useZoomContext as tt } from "./contexts/ZoomContext.js";
 import { useViewModeContext as Me } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as nt } from "./contexts/VirtualScrollContext.js";
-import { useVirtualGridContext as hn } from "./contexts/VirtualGridContext.js";
-import { useSelectionModeContext as vo } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as wo } from "./contexts/InitialStateContext.js";
+import { useVirtualGridContext as fn } from "./contexts/VirtualGridContext.js";
+import { useSelectionModeContext as wo } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as Pt } from "./contexts/InitialStateContext.js";
 import { useFullScreenContext as _o } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
@@ -27,13 +27,13 @@ import { useLocalizationContext as de } from "./contexts/LocalizationContext.js"
 import { useHighlightContext as yo } from "./contexts/HighlightContext.js";
 import "./contexts/LicenseContext.js";
 import { useDownloadContext as Io } from "./contexts/DownloadContext.js";
-import { useSmoothScrollContext as fn } from "./contexts/SmoothScrollContext.js";
+import { useSmoothScrollContext as mn } from "./contexts/SmoothScrollContext.js";
 import "./contexts/ElementPageContext.js";
 import { usePagesRotateContext as ot } from "./contexts/PagesRotateContext.js";
 import { Queue as So } from "./utils/Queue.js";
 import { renderPage as xo } from "./utils/renderPage.js";
 import { useGlobalCurrentPage as Ro } from "./contexts/GlobalCurrentPage.js";
-import { useLoaderContext as Pt } from "./contexts/LoaderContext.js";
+import { useLoaderContext as yt } from "./contexts/LoaderContext.js";
 import { useToolComponentContext as Ie } from "./contexts/ToolComponentContext.js";
 import { useIconToolContext as me } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as Lo } from "./contexts/OtherToolContext.js";
@@ -44,7 +44,7 @@ import * as Oo from "pdfjs-dist";
 import { PixelsPerInch as Do, AnnotationMode as zo, RenderingCancelledException as Ao, AnnotationLayer as Fo } from "pdfjs-dist";
 import { ThumbnailIcon as ko } from "./components/icons/Thumbnail.js";
 import { c as se } from "./clsx-0c6e471a.js";
-import { LoaderIcon as mn } from "./components/icons/LoaderIcon.js";
+import { LoaderIcon as gn } from "./components/icons/LoaderIcon.js";
 import { Container as Wo } from "./components/layout/Container.js";
 import { useViewportContext as Se, ViewportProvider as Mo } from "./contexts/ViewportContext.js";
 import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Ho } from "./contexts/ToolbarComponentContext.js";
@@ -52,40 +52,40 @@ import { RPSplitter as $o } from "./components/layout/sidebar/RPSplitter.js";
 import { WrapperLayout as Go } from "./components/layout/WrapperLayout.js";
 import { c as Pe, L as qo } from "./LayoutWrapper-6224491f.js";
 import { RPDropFileZone as Uo } from "./components/RPDropFileZone.js";
-import { c as ne, S as Mt } from "./SearchCloseButton-08d57275.js";
-import { UICheckbox as Ht } from "./components/ui/Checkbox.js";
+import { c as ne, S as Ht } from "./SearchCloseButton-08d57275.js";
+import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { useIconContext as ge, IconProvider as Vo } from "./contexts/IconContext.js";
 import K from "./components/ui/RPTooltip.js";
-import { UIDropDown as yt } from "./components/ui/DropDown.js";
+import { UIDropDown as It } from "./components/ui/DropDown.js";
 import { MenuItem as ye } from "./components/layout/toolbar/MenuItem.js";
-import { MenuSeparator as It } from "./components/layout/toolbar/MenuSeparator.js";
-import { dateFormatter as $t } from "./utils/dateFormatter.js";
+import { MenuSeparator as St } from "./components/layout/toolbar/MenuSeparator.js";
+import { dateFormatter as Gt } from "./utils/dateFormatter.js";
 import { PropertyItem as Bo } from "./components/layout/toolbar/PropertyItem.js";
 import "./RotateTool.module-67946714.js";
 import { withRef as rt } from "./utils/withRef.js";
 import { useInfiniteScroll as Zo } from "./utils/hooks/useInfiniteScroll.js";
-import { MAX_ZOOM_SCALE as Gt, THUMBNAIL_MIN_WIDTH as jo } from "./utils/constants.js";
+import { MAX_ZOOM_SCALE as qt, THUMBNAIL_MIN_WIDTH as jo } from "./utils/constants.js";
 import { SimpleLinkService as Ko } from "./utils/link_service.js";
-import { annotationsEvents as Xo, annotationEventsHandler as Qo, handleClick as qt, handleAnnotationWidget as Yo, handleAnnotationLink as Jo, bindLayerEvents as er, unbindLayerEvents as Ut } from "./utils/annotations.js";
+import { annotationsEvents as Xo, annotationEventsHandler as Qo, handleClick as Ut, handleAnnotationWidget as Yo, handleAnnotationLink as Jo, bindLayerEvents as er, unbindLayerEvents as Vt } from "./utils/annotations.js";
 import { normalizeSingleKeyword as tr, sortHighlightPosition as nr, unwrap as or } from "./components/page/searchHighlight.js";
 import { CustomElement as rr } from "./components/page/CustomElement.js";
-import { getGridDimension as St, getPositionFromPage as ir, getPageFromPosition as sr } from "./utils/calculatePage.js";
+import { getGridDimension as xt, getPositionFromPage as ir, getPageFromPosition as sr } from "./utils/calculatePage.js";
 import { useMousePressed as ar } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as cr } from "./utils/hooks/useGrabScroll.js";
 import { usePinch as lr } from "./utils/hooks/usePinch.js";
-import { useDebounce as xt } from "./utils/hooks/useDebounce.js";
+import { useDebounce as Rt } from "./utils/hooks/useDebounce.js";
 import dr from "./components/ui/PasswordModal.js";
 import { getScrollDistance as ke } from "./utils/getScrollDistance.js";
 import { getWordPositionInPage as ur } from "./utils/getWordPositionInPage.js";
 import { getThumbnailViewport as pr } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as dt } from "./utils/smoothScrollTo.js";
 import { appConsole as hr } from "./utils/appConsole.js";
-import { FileUploadTool as gn } from "./components/layout/toolbar/FileUploadTool.js";
+import { FileUploadTool as vn } from "./components/layout/toolbar/FileUploadTool.js";
 import { DarkModeTool as fr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as mr } from "./components/icons/ThreeDotIcon.js";
-import { c as gr, u as Rt, P as je, a as qe, b as Lt, k as vr, e as wr, i as _r } from "./index-c9a2990a.js";
-import { D as br, d as ut } from "./floating-ui.react-dom-d22a10b4.js";
-import { a as Tr, h as Cr, u as Pr, F as yr, b as Ir, G as Je } from "./index-27c30844.js";
+import { c as gr, u as Lt, P as je, a as qe, b as Et, k as vr, e as wr, i as _r } from "./index-35c7f4a2.js";
+import { D as br, e as ut } from "./floating-ui.react-dom-6b2fe0df.js";
+import { a as Tr, h as Cr, u as Pr, F as yr, b as Ir, G as Je } from "./index-f563c6f0.js";
 import { CloseIcon as Sr } from "./components/icons/CloseIcon.js";
 import { DocumentProperties as xr } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as Rr } from "./components/layout/toolbar/RotateTool.js";
@@ -93,153 +93,153 @@ import { ViewModeTool as Lr } from "./components/layout/toolbar/ViewModeTool.js"
 import { ScrollModeTool as Er } from "./components/layout/toolbar/ScrollModeTool.js";
 import { FileDownloadDefaultIcon as Nr } from "./components/icons/FileDownloadDefaultIcon.js";
 import { PrintDefaultTool as Or } from "./components/icons/PrintDefaultIcon.js";
-import { FullScreenTool as vn } from "./components/layout/toolbar/FullScreenTool.js";
-import { GoToDownIcon as wn } from "./components/icons/GoToDownIcon.js";
+import { FullScreenTool as wn } from "./components/layout/toolbar/FullScreenTool.js";
+import { GoToDownIcon as _n } from "./components/icons/GoToDownIcon.js";
 import { SelectionModeTool as Dr } from "./components/layout/toolbar/SelectionModeTool.js";
 import { ZoomInIcon as zr } from "./components/icons/ZoomInIcon.js";
 import { ZoomOutIcon as Ar } from "./components/icons/ZoomOutIcon.js";
 import { isZoomOutDisabled as Fr, isZoomInDisabled as kr } from "./utils/zoom.js";
-import { SearchIcon as _n } from "./components/icons/SearchIcon.js";
+import { SearchIcon as bn } from "./components/icons/SearchIcon.js";
 import { ClearIcon as Wr } from "./components/icons/ClearIcon.js";
-import { InfoIcon as Vt } from "./components/icons/InfoIcon.js";
-const bn = () => {
-  const { viewMode: t } = Me(), { scrollMode: e } = De(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = nt(), { setFocusedPage: s } = ue(), c = M(), { columnCount: d } = hn(), { widths: a, heights: m } = Ze(), g = M(e), C = M(t), u = M(d), { targetScrollPage: b } = fn();
+import { InfoIcon as Bt } from "./components/icons/InfoIcon.js";
+const Tn = () => {
+  const { viewMode: t } = Me(), { scrollMode: e } = De(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = nt(), { setFocusedPage: s } = ue(), a = M(), { columnCount: d } = fn(), { widths: c, heights: m } = Ze(), g = M(e), C = M(t), u = M(d), { targetScrollPage: y } = mn();
   z(() => {
-    n != null && n.scrollToItem && (c.current = n);
+    n != null && n.scrollToItem && (a.current = n);
   }, [n]), z(() => {
     g.current = e, C.current = t;
   }, [e, t]);
-  const T = N(
-    (w, y) => {
+  const _ = N(
+    (T, P) => {
       if (!o)
         return;
-      const p = Math.ceil(w / 2) * 2 - 1;
-      if (w === p + 1) {
-        const h = {
-          left: a[p],
+      const p = Math.ceil(T / 2) * 2 - 1;
+      if (T === p + 1) {
+        const f = {
+          left: c[p],
           top: 0
         };
         return new Promise(
-          (l) => dt(o, h, l)
+          (l) => dt(o, f, l)
         );
       }
-      const f = {
+      const h = {
         left: 0,
         top: 0
       };
       return o == null ? void 0 : o.scrollTo({
-        ...f,
-        behavior: y
+        ...h,
+        behavior: P
       });
     },
-    [o, a, dt]
+    [o, c, dt]
   );
   return z(() => {
     g.current = e, C.current = t;
   }, [e, t]), z(() => {
     u.current = d;
   }, [d]), { scrollToPage: N(
-    (w, y = "smooth") => {
-      s(w);
-      const p = w - 1;
-      let f = p, h = 0;
+    (T, P = "smooth") => {
+      s(T);
+      const p = T - 1;
+      let h = p, f = 0;
       if (C.current === Ne.DUAL_PAGE && g.current === oe.PAGE_SCROLLING) {
-        T(w, y);
+        _(T, P);
         return;
       }
       if (g.current === oe.PAGE_SCROLLING) {
-        s(w);
+        s(T);
         return;
       }
-      if (!c.current || !r)
+      if (!a.current || !r)
         return;
       const l = r;
-      y === "smooth" && (b.current = w);
-      const { columnsWidth: v, rowsHeight: _ } = St(
-        { widths: a, heights: m },
+      P === "smooth" && (y.current = T);
+      const { columnsWidth: v, rowsHeight: w } = xt(
+        { widths: c, heights: m },
         d
       );
       if (g.current === oe.HORIZONTAL_SCROLLING) {
-        h = p;
-        const S = ke(v, h), L = {
+        f = p;
+        const S = ke(v, f), L = {
           left: Math.floor(S),
           top: 0
         };
         return l.scrollTo({
           ...L,
-          behavior: y
+          behavior: P
         });
       }
       if (C.current === Ne.DUAL_PAGE) {
-        h = p % 2, f = Math.floor(p / 2);
-        const L = ke(v, h), O = ke(_, f), D = {
+        f = p % 2, h = Math.floor(p / 2);
+        const L = ke(v, f), O = ke(w, h), D = {
           left: Math.floor(L),
           top: Math.floor(O)
         };
         return l.scrollTo({
           ...D,
-          behavior: y
+          behavior: P
         });
       }
-      const I = ke(_, f), x = {
+      const I = ke(w, h), x = {
         left: 0,
         top: Math.floor(I)
       };
       return l.scrollTo({
         ...x,
-        behavior: y
+        behavior: P
       });
     },
     [
       r,
       d,
-      T,
+      _,
       s,
       dt,
       m,
-      a
+      c
     ]
   ) };
 }, Mr = (t = 1) => {
-  const [e, n] = $(t), [r, o] = $(0), { scrollToPage: s } = bn(), c = M(1), { viewMode: d } = Me(), { scrollMode: a } = De(), { widths: m } = Ze(), { pagesRef: g } = Te(), C = xt(e, 100), u = N(
-    (f) => {
-      if (!/^[0-9]*$/g.test(f.toString()) || !f)
-        return { success: !1, currentPage: c.current };
-      const l = +f;
-      return l < 0 || l > r ? { success: !1, currentPage: c.current } : (n(l), c.current = l, { success: !0, currentPage: +f });
+  const [e, n] = $(t), [r, o] = $(0), { scrollToPage: s } = Tn(), a = M(1), { viewMode: d } = Me(), { scrollMode: c } = De(), { widths: m } = Ze(), { pagesRef: g } = Te(), C = Rt(e, 100), u = N(
+    (h) => {
+      if (!/^[0-9]*$/g.test(h.toString()) || !h)
+        return { success: !1, currentPage: a.current };
+      const l = +h;
+      return l < 0 || l > r ? { success: !1, currentPage: a.current } : (n(l), a.current = l, { success: !0, currentPage: +h });
     },
     [r]
-  ), b = N(u, [u]), T = N(
-    (f) => {
-      const h = u(f);
-      return h.success && s(h.currentPage), h;
+  ), y = N(u, [u]), _ = N(
+    (h) => {
+      const f = u(h);
+      return f.success && s(f.currentPage), f;
     },
     [u, s]
-  ), P = N((f) => {
-    const h = f % 2 === 1;
-    if (!g || h)
+  ), b = N((h) => {
+    const f = h % 2 === 1;
+    if (!g || f)
       return !1;
-    const l = h ? m[f] : m[f - 1], v = h ? m[f + 1] : m[f];
+    const l = f ? m[h] : m[h - 1], v = f ? m[h + 1] : m[h];
     return d === Ne.DUAL_PAGE && l + v < g.clientWidth;
-  }, [d, m, g, r]), w = N(() => {
-    let f = e - 1;
-    P(f) && (f = e - 2), T(f);
-  }, [T, e, d, a, P]), y = k(() => d === Ne.DUAL_PAGE && a === oe.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, a]), p = N(() => {
-    if (y)
+  }, [d, m, g, r]), T = N(() => {
+    let h = e - 1;
+    b(h) && (h = e - 2), _(h);
+  }, [_, e, d, c, b]), P = k(() => d === Ne.DUAL_PAGE && c === oe.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, c]), p = N(() => {
+    if (P)
       return;
-    let f = e + 1;
-    P(f) && (f = e + 2), T(f);
-  }, [T, e, P, d, a, y]);
+    let h = e + 1;
+    b(h) && (h = e + 2), _(h);
+  }, [_, e, b, d, c, P]);
   return {
     focusedPage: C,
     totalPages: r,
-    setFocusedPage: b,
+    setFocusedPage: y,
     setTotalPages: o,
     nextPage: p,
-    prevPage: w,
-    goToPage: T
+    prevPage: T,
+    goToPage: _
   };
-}, Tn = Ve({
+}, Cn = Ve({
   focusedPage: 0,
   setFocusedPage: (t) => {
   },
@@ -252,23 +252,23 @@ const bn = () => {
   nextPage: () => {
   }
 }), ue = () => {
-  const t = Be(Tn);
+  const t = Be(Cn);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && hr.error("Please use this hooks inside children component of RPProvider"), t;
 }, pc = ({ children: t }) => {
-  const { pdf: e } = re(), { setCurrentPage: n } = Ro(), { focusedPage: r, totalPages: o, setFocusedPage: s, setTotalPages: c, goToPage: d, nextPage: a, prevPage: m } = Mr();
+  const { pdf: e } = re(), { setCurrentPage: n } = Ro(), { focusedPage: r, totalPages: o, setFocusedPage: s, setTotalPages: a, goToPage: d, nextPage: c, prevPage: m } = Mr();
   return z(() => {
-    e != null && e.numPages && (c(e.numPages), s(1));
-  }, [e, c, s]), z(() => {
+    e != null && e.numPages && (a(e.numPages), s(1));
+  }, [e, a, s]), z(() => {
     n(r);
   }, [r, n]), /* @__PURE__ */ i(
-    Tn.Provider,
+    Cn.Provider,
     {
       value: {
         focusedPage: r,
         totalPages: o,
         setFocusedPage: s,
-        setTotalPages: c,
-        nextPage: a,
+        setTotalPages: a,
+        nextPage: c,
         prevPage: m,
         goToPage: d
       },
@@ -280,33 +280,33 @@ const bn = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, s] = $(!1), [c, d] = $(!1), [a, m] = $(null), [g, C] = $(void 0), u = M(!1);
+  }), [o, s] = $(!1), [a, d] = $(!1), [c, m] = $(null), [g, C] = $(void 0), u = M(!1);
   z(() => {
     u.current;
   }, [u]);
-  const b = N(() => {
+  const y = N(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const l = document.querySelector(".rp-print-zone");
     l && l.remove();
-  }, []), T = N(() => {
+  }, []), _ = N(() => {
     u.current = !1, s(!1), d(!1), m(null), C(void 0), r({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), P = () => {
+  }, []), b = () => {
     u.current = !0;
-  }, w = async ({
+  }, T = async ({
     scratchCanvas: l,
     pdfDocument: v,
-    pageNumber: _,
+    pageNumber: w,
     viewerPdfPage: I,
     printResolution: x,
     optionalContentConfigPromise: S,
     printAnnotationStoragePromise: L
   }) => {
     if (u.current) {
-      T();
+      _();
       return;
     }
     const O = x / Do.PDF;
@@ -314,11 +314,11 @@ const bn = () => {
     const D = l.getContext("2d");
     D.save(), D.fillStyle = "rgb(255, 255, 255)", D.fillRect(0, 0, l.width, l.height), D.restore();
     const [F, E] = await Promise.all([
-      v.getPage(_),
+      v.getPage(w),
       L
     ]);
     if (u.current) {
-      T();
+      _();
       return;
     }
     const R = {
@@ -335,50 +335,50 @@ const bn = () => {
     } catch (A) {
       throw A instanceof Ao || console.error(A), A;
     }
-  }, y = N(() => {
+  }, P = N(() => {
     const l = window.print;
     return new Promise((v) => {
-      const _ = (S) => {
+      const w = (S) => {
         setTimeout(() => {
           l.call(window), setTimeout(() => S(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
-        _(v);
+        w(v);
         return;
       }
       const x = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (_(v), x.disconnect());
+        document.querySelector(".rp-print-zone") && (w(v), x.disconnect());
       });
       x.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), p = async (l) => {
-    const v = document.createElement("img"), _ = document.createElement("div");
-    return _.classList.add("rp-print-page"), await new Promise((I, x) => {
+    const v = document.createElement("img"), w = document.createElement("div");
+    return w.classList.add("rp-print-page"), await new Promise((I, x) => {
       l.toBlob((S) => {
         S ? (v.src = URL.createObjectURL(S), v.onload = () => {
           URL.revokeObjectURL(v.src), I();
         }, v.onerror = x) : x(new Error("Failed to create blob"));
       });
     }).catch(() => {
-    }), _.appendChild(v), _;
-  }, f = (l, v) => {
-    const _ = document.createElement("div");
-    _.classList.add("rp-print-zone");
+    }), w.appendChild(v), w;
+  }, h = (l, v) => {
+    const w = document.createElement("div");
+    w.classList.add("rp-print-zone");
     const I = document.createElement("style"), x = v.get(1);
     if (x) {
       const { width: S, height: L } = x == null ? void 0 : x.page.getViewport({ scale: 1 });
       I.innerHTML = `@page { size: ${S}px ${L}px }`;
     }
-    return _.appendChild(I), _.append(...l), _;
-  }, h = N(
+    return w.appendChild(I), w.append(...l), w;
+  }, f = N(
     async (l) => {
       if (!t)
         return;
-      T();
+      _();
       const v = l && "visibleDefaultProgress" in l ? l : void 0;
       (v == null ? void 0 : v.visibleDefaultProgress) !== void 0 ? C(v.visibleDefaultProgress) : C(!0);
-      const _ = document.createElement("canvas"), I = [];
+      const w = document.createElement("canvas"), I = [];
       try {
         t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
         const S = t.getOptionalContentConfig({ intent: "print" }), L = Promise.resolve(
@@ -386,12 +386,12 @@ const bn = () => {
         ), O = e.size;
         for (const [F, E] of e) {
           if (u.current) {
-            T();
+            _();
             return;
           }
           const R = E.page.getViewport({ scale: 1 });
-          if (await w({
-            scratchCanvas: _,
+          if (await T({
+            scratchCanvas: w,
             pdfDocument: t,
             pageNumber: F,
             viewerPdfPage: R,
@@ -399,10 +399,10 @@ const bn = () => {
             optionalContentConfigPromise: S,
             printAnnotationStoragePromise: L
           }), u.current) {
-            T();
+            _();
             return;
           }
-          const A = await p(_);
+          const A = await p(w);
           I.push(A);
           const G = parseFloat((I.length / O * 100).toFixed(2));
           r({
@@ -412,36 +412,36 @@ const bn = () => {
           });
         }
         if (u.current) {
-          T();
+          _();
           return;
         }
-        const D = f(I, e);
-        document.body.appendChild(D), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), s(!0), await y();
+        const D = h(I, e);
+        document.body.appendChild(D), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), s(!0), await P();
       } catch (x) {
         d(!0), x instanceof Error && m(x);
       } finally {
-        _.height = 0, _.width = 0;
+        w.height = 0, w.width = 0;
       }
     },
-    [t, e, u, T, f, y]
+    [t, e, u, _, h, P]
   );
   return z(() => {
     const l = () => {
-      T(), b();
+      _(), y();
     };
     return window.addEventListener("afterprint", l, !0), () => {
       window.removeEventListener("afterprint", l, !0);
     };
-  }, [b, T]), {
-    print: h,
-    cancel: P,
+  }, [y, _]), {
+    print: f,
+    cancel: b,
     progress: n,
     isComplete: o,
-    isError: c,
-    error: a,
+    isError: a,
+    error: c,
     showDefaultProgress: g
   };
-}, Cn = Ve({
+}, Pn = Ve({
   print: async () => {
   },
   cancel: () => {
@@ -459,48 +459,48 @@ const bn = () => {
     }
   }
 }), hc = ({ children: t }) => {
-  const [e, n] = $(null), [r, o] = $(null), { print: s, cancel: c, progress: d, isComplete: a, isError: m, error: g, showDefaultProgress: C } = Hr(), u = N((y) => {
-    y && typeof y == "function" && o(() => y);
-  }, []), b = (y) => {
-    g && y(g);
-  }, T = N(
-    (y) => {
-      n(() => y);
+  const [e, n] = $(null), [r, o] = $(null), { print: s, cancel: a, progress: d, isComplete: c, isError: m, error: g, showDefaultProgress: C } = Hr(), u = N((P) => {
+    P && typeof P == "function" && o(() => P);
+  }, []), y = (P) => {
+    g && P(g);
+  }, _ = N(
+    (P) => {
+      n(() => P);
     },
     [d, e]
   );
   z(() => {
-    a && r && P();
-  }, [a, r]), z(() => {
-    m && b((y) => {
-      console.error(y);
+    c && r && b();
+  }, [c, r]), z(() => {
+    m && y((P) => {
+      console.error(P);
     });
   }, [m]), z(() => {
     d && e && e(d);
   }, [d, e]);
-  const P = () => {
+  const b = () => {
     r && (r(), o(null));
-  }, w = {
+  }, T = {
     print: s,
-    cancel: c,
-    setOnProgress: T,
+    cancel: a,
+    setOnProgress: _,
     setOnComplete: u,
-    setOnError: b,
+    setOnError: y,
     progress: d,
     showDefaultProgress: C
   };
-  return /* @__PURE__ */ i(Cn.Provider, { value: w, children: t });
+  return /* @__PURE__ */ i(Pn.Provider, { value: T, children: t });
 }, it = () => {
-  const t = Be(Cn);
+  const t = Be(Pn);
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, $r = () => {
   const [t, e] = $({}), { pages: n } = re(), r = k(() => Object.keys(t).length, [t]), o = N(
-    (c) => {
+    (a) => {
       if (!n.size)
         return;
-      const d = c > n.size ? n.size : c, m = Array.from(n.values()).slice(0, d).map((g) => {
+      const d = a > n.size ? n.size : a, m = Array.from(n.values()).slice(0, d).map((g) => {
         const { thumbnailViewport: C, scale: u } = pr(g.page, g.defaultRotation);
         return {
           scale: u,
@@ -518,13 +518,13 @@ const bn = () => {
     o(10);
   }, [o]);
   const s = N(
-    (c) => {
+    (a) => {
       if (!n)
         return;
-      const d = n.get(c);
-      d && e((a) => ({
-        ...a,
-        [c]: {
+      const d = n.get(a);
+      d && e((c) => ({
+        ...c,
+        [a]: {
           loading: !0,
           page: d.page,
           viewport: d.thumbnailViewport,
@@ -536,7 +536,7 @@ const bn = () => {
     [n]
   );
   return { thumbnailPages: t, addPage: s, addToPage: o, thumbnailLength: r };
-}, Pn = Ve({
+}, yn = Ve({
   thumbnailPages: {},
   addPage: (t) => {
   },
@@ -546,42 +546,42 @@ const bn = () => {
   setActive: (t) => {
   },
   active: !1
-}), yn = () => Be(Pn), fc = ({
+}), In = () => Be(yn), fc = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s } = $r(), [c, d] = $(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s } = $r(), [a, d] = $(e);
   return /* @__PURE__ */ i(
-    Pn.Provider,
+    yn.Provider,
     {
-      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s, active: c, setActive: d },
+      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s, active: a, setActive: d },
       children: t
     }
   );
 }, Gr = (t = {}, e = "") => {
-  const [n, r] = $(e), [o, s] = $(!1), { pdf: c, pages: d } = re(), { widths: a, heights: m } = Ze(), g = M(!n), { currentZoom: C } = tt(), [u, b] = $([]), { setFocusedPage: T } = ue(), { columnCount: P } = Me(), { pageRotate: w } = ot(), [y, p] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: h } = nt(), { scrollMode: l } = De(), { pagesRef: v } = Te(), _ = M({}), I = M(0), x = k(() => y === 0 ? null : u[y - 1], [y, u]), S = k(() => u.length, [u]), L = N(
+  const [n, r] = $(e), [o, s] = $(!1), { pdf: a, pages: d } = re(), { widths: c, heights: m } = Ze(), g = M(!n), { currentZoom: C } = tt(), [u, y] = $([]), { setFocusedPage: _ } = ue(), { columnCount: b } = Me(), { pageRotate: T } = ot(), [P, p] = $(0), { pageScrollElementRef: h, virtualScrollableElementRef: f } = nt(), { scrollMode: l } = De(), { pagesRef: v } = Te(), w = M({}), I = M(0), x = k(() => P === 0 ? null : u[P - 1], [P, u]), S = k(() => u.length, [u]), L = N(
     (E) => {
       if (E === 0)
         return;
       const R = u[E - 1];
       if (!R || !d)
         return;
-      const A = h || f;
+      const A = f || h;
       if (!A || !v)
         return;
       const G = d.get(R.page);
-      if (l === oe.PAGE_SCROLLING && T(R.page), !G)
+      if (l === oe.PAGE_SCROLLING && _(R.page), !G)
         return;
       let H = 0, U = 0;
       if (l === oe.VERTICAL_SCROLLING) {
-        const J = R.page - 1, ee = P, ve = J % ee, we = Math.floor(J / ee);
-        H = ke(m, we), U = ke(a, ve);
+        const J = R.page - 1, ee = b, ve = J % ee, we = Math.floor(J / ee);
+        H = ke(m, we), U = ke(c, ve);
       }
-      l === oe.HORIZONTAL_SCROLLING && (U = a.slice(0, R.page - 1).reduce((J, ee) => J + ee, 0));
+      l === oe.HORIZONTAL_SCROLLING && (U = c.slice(0, R.page - 1).reduce((J, ee) => J + ee, 0));
       const X = {
         height: m[R.page - 1],
-        width: a[R.page - 1]
-      }, V = w[R.page], { leftInPage: ie, topInPage: q } = ur(
+        width: c[R.page - 1]
+      }, V = T[R.page], { leftInPage: ie, topInPage: q } = ur(
         X,
         v,
         R.rect,
@@ -598,19 +598,19 @@ const bn = () => {
     },
     [
       d,
-      T,
-      a,
+      _,
+      c,
       m,
       l,
-      h,
       f,
+      h,
       v,
       u
     ]
   );
   z(() => {
-    y && L(y);
-  }, [y]);
+    P && L(P);
+  }, [P]);
   const O = N(() => {
     p((E) => {
       let R;
@@ -635,11 +635,11 @@ const bn = () => {
   }, []);
   return z(() => {
     if (!n) {
-      g.current = !0, b([]), p(0);
+      g.current = !0, y([]), p(0);
       return;
     }
-    g.current = !1, s(!0), b([]), p(0), F(c).then((E) => {
-      _.current = E;
+    g.current = !1, s(!0), y([]), p(0), F(a).then((E) => {
+      w.current = E;
       const A = Object.keys(E).reduce((G, H) => {
         const U = bo(
           [n],
@@ -649,23 +649,23 @@ const bn = () => {
         ).map((X, V) => ({ ...X, page: Number(H), pageMatchIdx: V }));
         return [...G, ...U];
       }, []);
-      b(A), p(A.length ? 1 : 0);
+      y(A), p(A.length ? 1 : 0);
     }).catch(() => {
-      b([]), p(0);
+      y([]), p(0);
     }).finally(() => s(!1));
-  }, [n, F, c, t]), {
+  }, [n, F, a, t]), {
     search: n,
     setSearch: r,
     loading: o,
     matches: u,
     totalMatches: S,
-    currentMatchPosition: y,
+    currentMatchPosition: P,
     currentMatch: x,
     nextMatch: O,
     prevMatch: D,
     setCurrentMatchPosition: p
   };
-}, In = Ve({
+}, Sn = Ve({
   search: "",
   setSearch: (t) => {
   },
@@ -688,62 +688,62 @@ const bn = () => {
   const [n, r] = $({}), {
     loading: o,
     setSearch: s,
-    totalMatches: c,
+    totalMatches: a,
     currentMatchPosition: d,
-    currentMatch: a,
+    currentMatch: c,
     search: m,
     matches: g,
     nextMatch: C,
     prevMatch: u,
-    setCurrentMatchPosition: b
+    setCurrentMatchPosition: y
   } = Gr(n, e);
   return /* @__PURE__ */ i(
-    In.Provider,
+    Sn.Provider,
     {
       value: {
         searchOptions: n,
         setSearchOptions: r,
         loading: o,
         setSearch: s,
-        totalMatches: c,
+        totalMatches: a,
         currentMatchPosition: d,
-        currentMatch: a,
+        currentMatch: c,
         nextMatch: C,
         prevMatch: u,
         search: m,
         matches: g,
-        setCurrentMatchPosition: b
+        setCurrentMatchPosition: y
       },
       children: t
     }
   );
-}, Et = () => Be(In), Sn = Ve(null), gc = ({ children: t }) => {
-  const e = M(!1), [n, r] = $([]), o = N((a) => {
-    r((m) => [...m, { id: a.page.pageNumber.toString(), data: a, priority: 0 }]);
-  }, []), s = k(() => new So(o), [o]), { focusedPage: c } = ue(), d = N((a) => (e.current = !0, xo(
-    a.data.page,
-    a.data.canvasElem,
-    a.data.options
+}, Nt = () => Be(Sn), xn = Ve(null), gc = ({ children: t }) => {
+  const e = M(!1), [n, r] = $([]), o = N((c) => {
+    r((m) => [...m, { id: c.page.pageNumber.toString(), data: c, priority: 0 }]);
+  }, []), s = k(() => new So(o), [o]), { focusedPage: a } = ue(), d = N((c) => (e.current = !0, xo(
+    c.data.page,
+    c.data.canvasElem,
+    c.data.options
   ).promise.then(() => {
-    a.data.canvasElem.hidden = !1;
+    c.data.canvasElem.hidden = !1;
   }).finally(() => {
-    a.data.onLoaded && a.data.onLoaded();
+    c.data.onLoaded && c.data.onLoaded();
   })), []);
   return z(() => {
-    c && (s.changePagePriority(`^page-${c}`, 0), s.changePagePriority(`^thumbnail-${c}`, 1));
-  }, [c]), z(() => {
+    a && (s.changePagePriority(`^page-${a}`, 0), s.changePagePriority(`^thumbnail-${a}`, 1));
+  }, [a]), z(() => {
     if (s.isEmpty() || e.current)
       return;
-    const a = () => {
+    const c = () => {
       const m = s.dequeue();
       m ? d(m).finally(() => {
-        a();
+        c();
       }) : (e.current = !1, r(s.peekAll()));
     };
-    a();
-  }, [s, d, n]), /* @__PURE__ */ i(Sn.Provider, { value: s, children: t });
-}, xn = () => {
-  const t = Be(Sn);
+    c();
+  }, [s, d, n]), /* @__PURE__ */ i(xn.Provider, { value: s, children: t });
+}, Rn = () => {
+  const t = Be(xn);
   if (!t)
     throw new Error("RenderQueue not found");
   return t;
@@ -763,24 +763,25 @@ const bn = () => {
   "rp-page": "_rp-page_ii91u_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_ii91u_15"
 }, qr = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = M(null), { pages: s } = re(), { pageRotate: c } = ot(), d = M(), { currentZoom: a } = tt(), m = xn(), g = M(`page-${e}`);
+  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = M(null), { pages: s } = re(), { pageRotate: a } = ot(), d = M(), { currentZoom: c } = tt(), { interactiveForm: m } = Pt(), g = Rn(), C = M(`page-${e}`);
   return z(() => {
-    if (!s || a === 0)
+    if (!s || c === 0)
       return;
-    const C = s.get(e);
-    if (o.current && C) {
-      const u = o.current;
-      u.hidden = !0;
-      const b = d.current;
-      b && b.cancel(), r && r(), m.enqueue(
-        g.current,
+    const u = s.get(e);
+    if (o.current && u) {
+      const y = o.current;
+      y.hidden = !0;
+      const _ = d.current;
+      _ && _.cancel(), r && r(), g.enqueue(
+        C.current,
         {
-          page: C.page,
-          canvasElem: u,
+          page: u.page,
+          canvasElem: y,
           options: {
-            scale: a,
-            rotate: c[e],
-            renderForms: !0
+            scale: c,
+            rotate: a[e],
+            renderForms: !0,
+            interactiveForm: m
           },
           onLoaded: n
         },
@@ -788,62 +789,62 @@ const bn = () => {
       );
     }
     return () => {
-      m.removeQueue(g.current);
+      g.removeQueue(C.current);
     };
-  }, [s, e, c, a, r, n, m]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
+  }, [s, e, a, c, r, n, g, m]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
 }, Ur = "_selecting_ppr5g_10", Vr = "_markedContent_ppr5g_33", _e = {
   "rp-text-layer": "_rp-text-layer_ppr5g_1",
   selecting: Ur,
   markedContent: Vr,
   "rp-text-layer-text": "_rp-text-layer-text_ppr5g_52"
 }, Br = (t) => {
-  const { pageNumber: e } = t, { pages: n } = re(), r = M(null), { matches: o, currentMatch: s } = Et(), [c, d] = $(
+  const { pageNumber: e } = t, { pages: n } = re(), r = M(null), { matches: o, currentMatch: s } = Nt(), [a, d] = $(
     []
-  ), a = M(), m = M(), g = M([]), C = k(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), u = N(
-    (p, f, h = !1) => {
-      if (h && To(p, f), !C.length) {
+  ), c = M(), m = M(), g = M([]), C = k(() => o.filter((p) => p.pageIndex === e - 1), [o, e]), u = N(
+    (p, h, f = !1) => {
+      if (f && To(p, h), !C.length) {
         g.current = [], d([]);
         return;
       }
-      const l = Co(C, p, f);
+      const l = Co(C, p, h);
       d(l);
     },
     [C]
-  ), b = M(), T = M(!1), P = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), y = M(), _ = M(!1), b = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   z(() => ((() => {
-    if (b.current)
+    if (y.current)
       return;
-    b.current = new AbortController();
-    const { signal: f } = b.current, h = () => {
-      P().forEach((v) => {
-        const _ = v.querySelector(".endOfContent");
-        _ && (v.appendChild(_), _.style.width = "", _.style.height = "", v.classList.remove(_e.selecting));
+    y.current = new AbortController();
+    const { signal: h } = y.current, f = () => {
+      b().forEach((v) => {
+        const w = v.querySelector(".endOfContent");
+        w && (v.appendChild(w), w.style.width = "", w.style.height = "", v.classList.remove(_e.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        T.current = !0;
+        _.current = !0;
       },
-      { signal: f }
+      { signal: h }
     ), document.addEventListener(
       "pointerup",
       () => {
-        T.current = !1, h();
+        _.current = !1, f();
       },
-      { signal: f }
+      { signal: h }
     ), window.addEventListener(
       "blur",
       () => {
-        T.current = !1, h();
+        _.current = !1, f();
       },
-      { signal: f }
+      { signal: h }
     ), document.addEventListener(
       "keyup",
       () => {
-        T.current || h();
+        _.current || f();
       },
-      { signal: f }
+      { signal: h }
     );
     let l = null;
     document.addEventListener(
@@ -854,18 +855,18 @@ const bn = () => {
         if (!v)
           return;
         if (v.rangeCount === 0) {
-          h();
+          f();
           return;
         }
-        const _ = /* @__PURE__ */ new Set();
+        const w = /* @__PURE__ */ new Set();
         for (let E = 0; E < v.rangeCount; E++) {
           const R = v.getRangeAt(E);
-          P().forEach((A) => {
-            R.intersectsNode(A) && !_.has(A) && _.add(A);
+          b().forEach((A) => {
+            R.intersectsNode(A) && !w.has(A) && w.add(A);
           });
         }
-        P().forEach((E) => {
-          if (_.has(E))
+        b().forEach((E) => {
+          if (w.has(E))
             E.classList.add(_e.selecting);
           else {
             const R = E.querySelector(".endOfContent");
@@ -880,64 +881,64 @@ const bn = () => {
         ), O = L == null ? void 0 : L.querySelector(".endOfContent");
         O && L && (O.style.width = L.style.width, O.style.height = L.style.height, (F = S.parentElement) == null || F.insertBefore(O, S.nextSibling)), l = I.cloneRange();
       },
-      { signal: f }
+      { signal: h }
     );
   })(), () => {
-    var f;
-    (f = b.current) == null || f.abort(), b.current = void 0;
-  }), [P]);
-  const w = N(() => {
+    var h;
+    (h = y.current) == null || h.abort(), y.current = void 0;
+  }), [b]);
+  const T = N(() => {
     r.current && r.current.classList.add(_e.selecting);
-  }, []), y = N(() => {
+  }, []), P = N(() => {
     r.current && r.current.classList.remove(_e.selecting);
   }, []);
   return z(() => {
-    if (g.current.forEach((h) => {
-      h.classList.remove("selected");
-    }), !c.length || !s || s.pageIndex !== e - 1)
+    if (g.current.forEach((f) => {
+      f.classList.remove("selected");
+    }), !a.length || !s || s.pageIndex !== e - 1)
       return;
     const p = C.findIndex(
-      (h) => JSON.stringify(h) === JSON.stringify(s)
+      (f) => JSON.stringify(f) === JSON.stringify(s)
     );
     if (p === -1)
       return;
-    const f = c.filter((h) => h.index === p);
-    f.length && (g.current = f.map((h) => h.element), f.forEach((h) => {
-      h.element.classList.add("selected");
+    const h = a.filter((f) => f.index === p);
+    h.length && (g.current = h.map((f) => f.element), h.forEach((f) => {
+      f.element.classList.add("selected");
     }));
-  }, [s, c, C]), z(() => {
+  }, [s, a, C]), z(() => {
     const p = n.get(e);
     if (!p || !r.current)
       return;
-    const f = r.current;
-    return a.current && a.current.cancel(), p.page.getTextContent().then((h) => {
+    const h = r.current;
+    return c.current && c.current.cancel(), p.page.getTextContent().then((f) => {
       const l = p.page.getViewport({ scale: 1 });
-      return a.current = new Oo.TextLayer({
+      return c.current = new Oo.TextLayer({
         viewport: l,
-        textContentSource: h,
-        container: f
-      }), m.current = h, f && (f.innerText = ""), a.current.render();
+        textContentSource: f,
+        container: h
+      }), m.current = f, h && (h.innerText = ""), c.current.render();
     }).then(() => {
-      var _, I;
-      [].slice.call(f.children).forEach((x) => {
+      var w, I;
+      [].slice.call(h.children).forEach((x) => {
         x.classList.add(_e["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const l = (_ = a.current) == null ? void 0 : _.textDivs;
+      const l = (w = c.current) == null ? void 0 : w.textDivs;
       l && m.current && u(m.current, l);
       const v = document.createElement("div");
       v.className = "endOfContent", (I = r.current) == null || I.appendChild(v);
     }).catch(() => {
     }), () => {
-      var h;
-      (h = a.current) == null || h.cancel();
+      var f;
+      (f = c.current) == null || f.cancel();
     };
   }, [n, e]), z(() => {
-    var h;
+    var f;
     [].slice.call(r.current.children).forEach((l) => {
       l.classList.add(_e["rp-text-layer-text"]);
     });
-    const f = (h = a.current) == null ? void 0 : h.textDivs;
-    f && m.current && u(m.current, f, !0);
+    const h = (f = c.current) == null ? void 0 : f.textDivs;
+    h && m.current && u(m.current, h, !0);
   }, [u]), /* @__PURE__ */ i(
     "div",
     {
@@ -945,8 +946,8 @@ const bn = () => {
       "data-rp": `page-${e}-textLayer`,
       className: _e["rp-text-layer"],
       ref: r,
-      onMouseDown: w,
-      onMouseUp: y
+      onMouseDown: T,
+      onMouseUp: P
     }
   );
 }, Zr = {
@@ -954,87 +955,87 @@ const bn = () => {
 };
 let jr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Kr = (t) => {
-  const { pageNumber: e } = t, n = M(null), { pages: r, pdf: o } = re(), s = M(), [c, d] = $(), { setFocusedPage: a, goToPage: m } = ue(), { scrollMode: g } = De(), { print: C } = it(), { download: u } = Bn(), b = k(() => r.get(e), [r, e]), T = k(() => b == null ? void 0 : b.page.getViewport(), [b]);
+  const { pageNumber: e } = t, n = M(null), { pages: r, pdf: o } = re(), { interactiveForm: s } = Pt(), a = M(), [d, c] = $(), { setFocusedPage: m, goToPage: g } = ue(), { scrollMode: C } = De(), { print: u } = it(), { download: y } = Zn(), _ = k(() => r.get(e), [r, e]), b = k(() => _ == null ? void 0 : _.page.getViewport(), [_]);
   z(() => {
-    s.current && (s.current.div.replaceChildren(), s.current = void 0);
+    a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [o]), z(() => {
-    b && b.page.getAnnotations().then((w) => {
-      s.current = void 0, d(w), n.current && (n.current.innerText = "");
+    _ && _.page.getAnnotations().then((P) => {
+      a.current = void 0, c(P), n.current && (n.current.innerText = "");
     });
-  }, [b]);
-  const P = N(
-    (w) => {
-      !c || !o || (Xo(w), Qo(w, o, c).then((y) => {
-        var p, f;
-        ((p = y == null ? void 0 : y.data) == null ? void 0 : p.action) === "Print" ? C() : ((f = y == null ? void 0 : y.data) == null ? void 0 : f.action) === "SaveAs" && u();
-      }), g === oe.PAGE_SCROLLING ? qt(w, c, o, (y) => a(y.pageIndex + 1)) : qt(w, c, o, (y) => m(y.pageIndex + 1)));
+  }, [_]);
+  const T = N(
+    (P) => {
+      !d || !o || (Xo(P), Qo(P, o, d).then((p) => {
+        var h, f;
+        ((h = p == null ? void 0 : p.data) == null ? void 0 : h.action) === "Print" ? u() : ((f = p == null ? void 0 : p.data) == null ? void 0 : f.action) === "SaveAs" && y();
+      }), C === oe.PAGE_SCROLLING ? Ut(P, d, o, (p) => m(p.pageIndex + 1)) : Ut(P, d, o, (p) => g(p.pageIndex + 1)));
     },
-    [o, c, m, a, g, C, u]
+    [o, d, g, m, C, u, y]
   );
   return z(() => {
-    if (!b || !c)
+    if (!_ || !d)
       return;
-    const w = b.page.getViewport();
-    if (s.current) {
-      s.current.update({
-        viewport: w.clone({ dontFlip: !0 })
+    const P = _.page.getViewport();
+    if (a.current) {
+      a.current.update({
+        viewport: P.clone({ dontFlip: !0 })
       });
       return;
     }
-    const y = /* @__PURE__ */ new Map([]);
-    for (const h of c) {
-      const { annotationType: l } = h;
-      switch (l) {
-        case Wt.Link:
-          Jo(h);
+    const p = /* @__PURE__ */ new Map([]);
+    for (const l of d) {
+      const { annotationType: v } = l;
+      switch (v) {
+        case Mt.Link:
+          Jo(l);
           break;
-        case Wt.Widget:
-          Yo(h, w, y);
+        case Mt.Widget:
+          Yo(l, P, p);
           break;
       }
     }
-    const p = new AbortController();
+    const h = new AbortController();
     return (async () => {
-      var v;
-      s.current && (s.current.div.replaceChildren(), s.current = void 0), n.current && (n.current.innerText = ""), s.current = new Fo({
+      var w;
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Fo({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: b.page,
-        viewport: w.clone({ dontFlip: !0 })
-      }), n.current && Ut(n.current, P);
-      const h = await (o == null ? void 0 : o.hasJSActions()), l = await (o == null ? void 0 : o.getFieldObjects());
-      if (p.signal.aborted)
+        page: _.page,
+        viewport: P.clone({ dontFlip: !0 })
+      }), n.current && Vt(n.current, T);
+      const l = await (o == null ? void 0 : o.hasJSActions()), v = await (o == null ? void 0 : o.getFieldObjects());
+      if (h.signal.aborted)
         throw "abort";
-      return (v = s.current) == null ? void 0 : v.render({
-        annotations: c,
+      return (w = a.current) == null ? void 0 : w.render({
+        annotations: d,
         annotationStorage: o == null ? void 0 : o.annotationStorage,
-        hasJSActions: h,
-        fieldObjects: l,
+        hasJSActions: l,
+        fieldObjects: v,
         div: n.current,
-        viewport: w.clone({ dontFlip: !0 }),
-        page: b.page,
+        viewport: P.clone({ dontFlip: !0 }),
+        page: _.page,
         imageResourcesPath: jr,
-        renderForms: !0,
+        renderForms: s ?? !0,
         linkService: new Ko(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && er(n.current, P);
-    }).catch((h) => {
-      if (h !== "abort")
-        throw h;
+      n.current && er(n.current, T);
+    }).catch((l) => {
+      if (l !== "abort")
+        throw l;
     }), () => {
-      p.abort("clear"), n.current && Ut(n.current, P);
+      h.abort("clear"), n.current && Vt(n.current, T);
     };
-  }, [o, c, P]), /* @__PURE__ */ i(
+  }, [o, d, T]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${T == null ? void 0 : T.width}px`, height: `${T == null ? void 0 : T.height}px` },
+      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
       className: Zr["rp-annotation-layer"],
       ref: n
     }
@@ -1042,72 +1043,72 @@ const Kr = (t) => {
 }, Xr = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Qr = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = $(), { pages: o } = re(), { highlightKeywords: s } = yo(), c = !0, d = M(null), [a, m] = $(null), [g, C] = $([]);
+  const [n, r] = $(), { pages: o } = re(), { highlightKeywords: s } = yo(), a = !0, d = M(null), [c, m] = $(null), [g, C] = $([]);
   z(() => {
     d.current && m(d.current.parentElement);
   }, [d]), z(() => {
     (async () => {
-      const f = o.get(t);
-      if (!f || !d.current)
+      const h = o.get(t);
+      if (!h || !d.current)
         return;
-      const h = await f.page.getTextContent();
-      r(h);
+      const f = await h.page.getTextContent();
+      r(f);
     })();
   }, [o, t]);
   const u = k(() => s ? s.map((p) => {
-    var f, h;
+    var h, f;
     return {
-      ...tr(p.keyword, (f = p.options) == null ? void 0 : f.matchCase, (h = p.options) == null ? void 0 : h.wholeWords),
+      ...tr(p.keyword, (h = p.options) == null ? void 0 : h.matchCase, (f = p.options) == null ? void 0 : f.wholeWords),
       color: p.highlightColor
     };
   }) : [], [s]);
-  function b(p, f) {
+  function y(p, h) {
     if (!p)
       return;
-    const h = `[data-rp="page-${f}-textLayer"]`;
+    const f = `[data-rp="page-${h}-textLayer"]`;
     return new Promise((l) => {
-      const v = p.querySelector(h);
+      const v = p.querySelector(f);
       if (v) {
         l(v);
         return;
       }
       new MutationObserver((I, x) => {
-        const S = p.querySelector(h);
+        const S = p.querySelector(f);
         S && (l(S), x.disconnect());
       }).observe(p, { childList: !0, subtree: !0 });
     });
   }
-  function T(p) {
-    return new Promise((f) => {
-      const h = p.querySelectorAll(
+  function _(p) {
+    return new Promise((h) => {
+      const f = p.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
-      if (h.length) {
-        f(Array.from(h));
+      if (f.length) {
+        h(Array.from(f));
         return;
       }
-      new MutationObserver((v, _) => {
+      new MutationObserver((v, w) => {
         const I = p.querySelectorAll(
           ".rp-text-layer-text"
         );
-        I.length && (f(Array.from(I)), _.disconnect());
+        I.length && (h(Array.from(I)), w.disconnect());
       }).observe(p, { childList: !0, subtree: !0 });
     });
   }
-  const P = (p, f, h, l) => {
+  const b = (p, h, f, l) => {
     var U;
-    const v = document.createRange(), _ = h.firstChild;
-    if (!_ || _.nodeType !== Node.TEXT_NODE)
+    const v = document.createRange(), w = f.firstChild;
+    if (!w || w.nodeType !== Node.TEXT_NODE)
       return null;
-    const I = ((U = _.textContent) == null ? void 0 : U.length) ?? 0, x = l[0].charIdxInSpan, S = l.length === 1 ? x : l[l.length - 1].charIdxInSpan;
+    const I = ((U = w.textContent) == null ? void 0 : U.length) ?? 0, x = l[0].charIdxInSpan, S = l.length === 1 ? x : l[l.length - 1].charIdxInSpan;
     if (x > I || S + 1 > I)
       return null;
-    v.setStart(_, x), v.setEnd(_, S + 1);
+    v.setStart(w, x), v.setEnd(w, S + 1);
     const L = document.createElement("span");
     L.style.width = "auto", v.surroundContents(L);
     const O = L.getBoundingClientRect(), D = p.getBoundingClientRect(), F = D.height, E = D.width, R = 100 * (O.left - D.left) / E, A = 100 * (O.top - D.top) / F, G = 100 * O.height / F, H = 100 * O.width / E;
     return or(L), {
-      keywordStr: f,
+      keywordStr: h,
       left: R,
       top: A,
       height: G,
@@ -1116,11 +1117,11 @@ const Kr = (t) => {
       pageWidth: E
     };
   };
-  async function w(p, f) {
-    const h = await b(a, p);
-    if (!h)
+  async function T(p, h) {
+    const f = await y(c, p);
+    if (!f)
       return;
-    const l = await T(h);
+    const l = await _(f);
     if (l.length) {
       const v = l.map((I) => I.tagName === "BR" ? " " : I.textContent).reduce(
         (I, x, S) => I.concat(
@@ -1137,15 +1138,15 @@ const Kr = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), _ = y(h, f, l, v);
-      C(_);
+      ).slice(1), w = P(f, h, l, v);
+      C(w);
     }
   }
-  const y = (p, f, h, l) => {
-    const v = f.length;
+  const P = (p, h, f, l) => {
+    const v = h.length;
     if (!l.length || !v)
       return [];
-    const _ = [], I = l.map((x) => x.char).join("");
+    const w = [], I = l.map((x) => x.char).join("");
     return u.forEach((x) => {
       const { keyword: S, regExp: L, wholeWords: O, color: D } = x, F = S;
       if (!F.trim())
@@ -1171,7 +1172,7 @@ const Kr = (t) => {
         );
         for (const X of Object.values(U))
           if (X.length !== 1 || X[0].char.trim() !== "") {
-            const V = X, ie = h[V[0].spanIdx], q = P(
+            const V = X, ie = f[V[0].spanIdx], q = b(
               p,
               F,
               ie,
@@ -1179,13 +1180,13 @@ const Kr = (t) => {
             );
             if (q) {
               const { left: Z, top: Y } = q;
-              if (_.find((J) => J.left === Z && J.top === Y))
+              if (w.find((J) => J.left === Z && J.top === Y))
                 continue;
-              _.push({ ...q, highlightColor: H.color });
+              w.push({ ...q, highlightColor: H.color });
             }
           }
       }
-    }), _.sort(nr), _;
+    }), w.sort(nr), w;
   };
   return z(() => {
     (async () => {
@@ -1194,12 +1195,12 @@ const Kr = (t) => {
         return;
       }
       try {
-        await w(t, s);
-      } catch (f) {
-        console.error(f);
+        await T(t, s);
+      } catch (h) {
+        console.error(h);
       }
     })();
-  }, [c, s, t, n, e]), /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i("div", { ref: d, "data-rp": `page-${t}-textHighlightLayer`, children: g.map((p, f) => /* @__PURE__ */ i(
+  }, [a, s, t, n, e]), /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i("div", { ref: d, "data-rp": `page-${t}-textHighlightLayer`, children: g.map((p, h) => /* @__PURE__ */ i(
     "div",
     {
       className: Xr["rp-text-highlight"],
@@ -1211,67 +1212,67 @@ const Kr = (t) => {
         backgroundColor: p.highlightColor
       }
     },
-    f
+    h
   )) }) });
-}, Nt = rt((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: s } = re(), { pageRotate: c } = ot(), { textLayer: d } = go(), { currentZoom: a } = tt(), { LoaderImageComponent: m } = Pt(), g = M(s.get(n)), [C, u] = $(!1), b = M(null), [T, P] = $({
+}, Ot = rt((t, e) => {
+  const { pageNumber: n, style: r, ...o } = t, { pages: s } = re(), { pageRotate: a } = ot(), { textLayer: d } = vo(), { currentZoom: c } = tt(), { LoaderImageComponent: m } = yt(), g = M(s.get(n)), [C, u] = $(!1), y = M(null), [_, b] = $({
     width: 0,
     height: 0
   });
-  dn(e, () => b.current);
-  const w = k(() => g.current ? c[n] : 0, [n, c]);
+  un(e, () => y.current);
+  const T = k(() => g.current ? a[n] : 0, [n, a]);
   z(() => {
     if (s && (g.current = s.get(n), g.current)) {
-      const h = g.current.page.getViewport({
-        scale: a,
-        rotation: w
+      const f = g.current.page.getViewport({
+        scale: c,
+        rotation: T
       });
-      P(h);
+      b(f);
     }
-  }, [s, n, w, a]);
-  const y = k(() => {
-    switch (w) {
+  }, [s, n, T, c]);
+  const P = k(() => {
+    switch (T) {
       case 90:
-        return `${T.width / 2}px ${T.width / 2}px`;
+        return `${_.width / 2}px ${_.width / 2}px`;
       case -90:
       case 270:
-        return `${T.height / 2}px ${T.height / 2}px`;
+        return `${_.height / 2}px ${_.height / 2}px`;
       default:
         return "center";
     }
-  }, [w, T]), p = N(() => {
+  }, [T, _]), p = N(() => {
     u(!0);
-  }, []), f = N(() => {
+  }, []), h = N(() => {
     u(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: b,
+      ref: y,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...o,
       style: {
         ...r,
-        "--rp-rotate": `${w}deg`,
-        "--rp-page-rotate-translate": `${y}`,
-        "--scale-factor": a
+        "--rp-rotate": `${T}deg`,
+        "--rp-page-rotate-translate": `${P}`,
+        "--scale-factor": c
       },
       className: pt["rp-page-wrapper"],
       children: /* @__PURE__ */ W(
         "div",
         {
           style: {
-            width: `${T.width}px`,
-            height: `${T.height}px`
+            width: `${_.width}px`,
+            height: `${_.height}px`
           },
           className: pt["rp-page"],
           children: [
-            /* @__PURE__ */ i(qr, { onLoading: p, onLoaded: f, pageNumber: n }),
+            /* @__PURE__ */ i(qr, { onLoading: p, onLoaded: h, pageNumber: n }),
             C && m && /* @__PURE__ */ i("div", { className: pt["rp-loader-wrapper"], children: /* @__PURE__ */ i(m, {}) }),
             /* @__PURE__ */ i(rr, { pageNumber: n }),
             d && /* @__PURE__ */ i(Br, { pageNumber: n }),
-            /* @__PURE__ */ i(Qr, { pageNumber: n, viewport: T }),
+            /* @__PURE__ */ i(Qr, { pageNumber: n, viewport: _ }),
             /* @__PURE__ */ i(Kr, { pageNumber: n })
           ]
         }
@@ -1289,7 +1290,7 @@ function _t() {
     return t;
   }, _t.apply(null, arguments);
 }
-function Bt(t) {
+function Zt(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
@@ -1302,11 +1303,11 @@ function bt(t, e) {
 function Yr(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, bt(t, e);
 }
-var Zt = Number.isNaN || function(e) {
+var jt = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
 function Jr(t, e) {
-  return !!(t === e || Zt(t) && Zt(e));
+  return !!(t === e || jt(t) && jt(e));
 }
 function ei(t, e) {
   if (t.length !== e.length)
@@ -1319,14 +1320,14 @@ function ei(t, e) {
 function ht(t, e) {
   e === void 0 && (e = ei);
   var n, r = [], o, s = !1;
-  function c() {
-    for (var d = [], a = 0; a < arguments.length; a++)
-      d[a] = arguments[a];
+  function a() {
+    for (var d = [], c = 0; c < arguments.length; c++)
+      d[c] = arguments[c];
     return s && n === this && e(d, r) || (o = t.apply(this, d), s = !0, n = this, r = d), o;
   }
-  return c;
+  return a;
 }
-function jt(t, e) {
+function Kt(t, e) {
   if (t == null)
     return {};
   var n = {};
@@ -1338,18 +1339,18 @@ function jt(t, e) {
     }
   return n;
 }
-var ti = typeof performance == "object" && typeof performance.now == "function", Kt = ti ? function() {
+var ti = typeof performance == "object" && typeof performance.now == "function", Xt = ti ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Xt(t) {
+function Qt(t) {
   cancelAnimationFrame(t.id);
 }
 function ni(t, e) {
-  var n = Kt();
+  var n = Xt();
   function r() {
-    Kt() - n >= e ? t.call(null) : o.id = requestAnimationFrame(r);
+    Xt() - n >= e ? t.call(null) : o.id = requestAnimationFrame(r);
   }
   var o = {
     id: requestAnimationFrame(r)
@@ -1365,7 +1366,7 @@ function oi(t) {
   return ft;
 }
 var ze = null;
-function Qt(t) {
+function Yt(t) {
   if (t === void 0 && (t = !1), ze === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -1382,23 +1383,23 @@ var ri = 150, ii = function(e) {
 }, Xe = null, Qe = null, Ye = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Xe = /* @__PURE__ */ new WeakSet(), Qe = /* @__PURE__ */ new WeakSet(), Ye = /* @__PURE__ */ new WeakSet());
 function si(t) {
-  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, s = t.getColumnWidth, c = t.getEstimatedTotalHeight, d = t.getEstimatedTotalWidth, a = t.getOffsetForColumnAndAlignment, m = t.getOffsetForRowAndAlignment, g = t.getRowHeight, C = t.getRowOffset, u = t.getRowStartIndexForOffset, b = t.getRowStopIndexForStartIndex, T = t.initInstanceProps, P = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
-  return e = /* @__PURE__ */ function(y) {
-    Yr(p, y);
-    function p(h) {
+  var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, s = t.getColumnWidth, a = t.getEstimatedTotalHeight, d = t.getEstimatedTotalWidth, c = t.getOffsetForColumnAndAlignment, m = t.getOffsetForRowAndAlignment, g = t.getRowHeight, C = t.getRowOffset, u = t.getRowStartIndexForOffset, y = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, T = t.validateProps;
+  return e = /* @__PURE__ */ function(P) {
+    Yr(p, P);
+    function p(f) {
       var l;
-      return l = y.call(this, h) || this, l._instanceProps = T(l.props, Bt(l)), l._resetIsScrollingTimeoutId = null, l._outerRef = void 0, l.state = {
-        instance: Bt(l),
+      return l = P.call(this, f) || this, l._instanceProps = _(l.props, Zt(l)), l._resetIsScrollingTimeoutId = null, l._outerRef = void 0, l.state = {
+        instance: Zt(l),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof l.props.initialScrollLeft == "number" ? l.props.initialScrollLeft : 0,
         scrollTop: typeof l.props.initialScrollTop == "number" ? l.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, l._callOnItemsRendered = void 0, l._callOnItemsRendered = ht(function(v, _, I, x, S, L, O, D) {
+      }, l._callOnItemsRendered = void 0, l._callOnItemsRendered = ht(function(v, w, I, x, S, L, O, D) {
         return l.props.onItemsRendered({
           overscanColumnStartIndex: v,
-          overscanColumnStopIndex: _,
+          overscanColumnStopIndex: w,
           overscanRowStartIndex: I,
           overscanRowStopIndex: x,
           visibleColumnStartIndex: S,
@@ -1406,40 +1407,40 @@ function si(t) {
           visibleRowStartIndex: O,
           visibleRowStopIndex: D
         });
-      }), l._callOnScroll = void 0, l._callOnScroll = ht(function(v, _, I, x, S) {
+      }), l._callOnScroll = void 0, l._callOnScroll = ht(function(v, w, I, x, S) {
         return l.props.onScroll({
           horizontalScrollDirection: I,
           scrollLeft: v,
-          scrollTop: _,
+          scrollTop: w,
           verticalScrollDirection: x,
           scrollUpdateWasRequested: S
         });
-      }), l._getItemStyle = void 0, l._getItemStyle = function(v, _) {
-        var I = l.props, x = I.columnWidth, S = I.direction, L = I.rowHeight, O = l._getItemStyleCache(P && x, P && S, P && L), D = v + ":" + _, F;
+      }), l._getItemStyle = void 0, l._getItemStyle = function(v, w) {
+        var I = l.props, x = I.columnWidth, S = I.direction, L = I.rowHeight, O = l._getItemStyleCache(b && x, b && S, b && L), D = v + ":" + w, F;
         if (O.hasOwnProperty(D))
           F = O[D];
         else {
-          var E = n(l.props, _, l._instanceProps), R = S === "rtl";
+          var E = n(l.props, w, l._instanceProps), R = S === "rtl";
           O[D] = F = {
             position: "absolute",
             left: R ? void 0 : E,
             right: R ? E : void 0,
             top: C(l.props, v, l._instanceProps),
             height: g(l.props, v, l._instanceProps),
-            width: s(l.props, _, l._instanceProps)
+            width: s(l.props, w, l._instanceProps)
           };
         }
         return F;
-      }, l._getItemStyleCache = void 0, l._getItemStyleCache = ht(function(v, _, I) {
+      }, l._getItemStyleCache = void 0, l._getItemStyleCache = ht(function(v, w, I) {
         return {};
       }), l._onScroll = function(v) {
-        var _ = v.currentTarget, I = _.clientHeight, x = _.clientWidth, S = _.scrollLeft, L = _.scrollTop, O = _.scrollHeight, D = _.scrollWidth;
+        var w = v.currentTarget, I = w.clientHeight, x = w.clientWidth, S = w.scrollLeft, L = w.scrollTop, O = w.scrollHeight, D = w.scrollWidth;
         l.setState(function(F) {
           if (F.scrollLeft === S && F.scrollTop === L)
             return null;
           var E = l.props.direction, R = S;
           if (E === "rtl")
-            switch (Qt()) {
+            switch (Yt()) {
               case "negative":
                 R = -S;
                 break;
@@ -1459,10 +1460,10 @@ function si(t) {
           };
         }, l._resetIsScrollingDebounced);
       }, l._outerRefSetter = function(v) {
-        var _ = l.props.outerRef;
-        l._outerRef = v, typeof _ == "function" ? _(v) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = v);
+        var w = l.props.outerRef;
+        l._outerRef = v, typeof w == "function" ? w(v) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = v);
       }, l._resetIsScrollingDebounced = function() {
-        l._resetIsScrollingTimeoutId !== null && Xt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = ni(l._resetIsScrolling, ri);
+        l._resetIsScrollingTimeoutId !== null && Qt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = ni(l._resetIsScrolling, ri);
       }, l._resetIsScrolling = function() {
         l._resetIsScrollingTimeoutId = null, l.setState({
           isScrolling: !1
@@ -1472,61 +1473,61 @@ function si(t) {
       }, l;
     }
     p.getDerivedStateFromProps = function(l, v) {
-      return ai(l, v), w(l), null;
+      return ai(l, v), T(l), null;
     };
-    var f = p.prototype;
-    return f.scrollTo = function(l) {
-      var v = l.scrollLeft, _ = l.scrollTop;
-      v !== void 0 && (v = Math.max(0, v)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(I) {
-        return v === void 0 && (v = I.scrollLeft), _ === void 0 && (_ = I.scrollTop), I.scrollLeft === v && I.scrollTop === _ ? null : {
+    var h = p.prototype;
+    return h.scrollTo = function(l) {
+      var v = l.scrollLeft, w = l.scrollTop;
+      v !== void 0 && (v = Math.max(0, v)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(I) {
+        return v === void 0 && (v = I.scrollLeft), w === void 0 && (w = I.scrollTop), I.scrollLeft === v && I.scrollTop === w ? null : {
           horizontalScrollDirection: I.scrollLeft < v ? "forward" : "backward",
           scrollLeft: v,
-          scrollTop: _,
+          scrollTop: w,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: I.scrollTop < _ ? "forward" : "backward"
+          verticalScrollDirection: I.scrollTop < w ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, f.scrollToItem = function(l) {
-      var v = l.align, _ = v === void 0 ? "auto" : v, I = l.columnIndex, x = l.rowIndex, S = this.props, L = S.columnCount, O = S.height, D = S.rowCount, F = S.width, E = this.state, R = E.scrollLeft, A = E.scrollTop, G = oi();
+    }, h.scrollToItem = function(l) {
+      var v = l.align, w = v === void 0 ? "auto" : v, I = l.columnIndex, x = l.rowIndex, S = this.props, L = S.columnCount, O = S.height, D = S.rowCount, F = S.width, E = this.state, R = E.scrollLeft, A = E.scrollTop, G = oi();
       I !== void 0 && (I = Math.max(0, Math.min(I, L - 1))), x !== void 0 && (x = Math.max(0, Math.min(x, D - 1)));
-      var H = c(this.props, this._instanceProps), U = d(this.props, this._instanceProps), X = U > F ? G : 0, V = H > O ? G : 0;
+      var H = a(this.props, this._instanceProps), U = d(this.props, this._instanceProps), X = U > F ? G : 0, V = H > O ? G : 0;
       this.scrollTo({
-        scrollLeft: I !== void 0 ? a(this.props, I, _, R, this._instanceProps, V) : R,
-        scrollTop: x !== void 0 ? m(this.props, x, _, A, this._instanceProps, X) : A
+        scrollLeft: I !== void 0 ? c(this.props, I, w, R, this._instanceProps, V) : R,
+        scrollTop: x !== void 0 ? m(this.props, x, w, A, this._instanceProps, X) : A
       });
-    }, f.componentDidMount = function() {
-      var l = this.props, v = l.initialScrollLeft, _ = l.initialScrollTop;
+    }, h.componentDidMount = function() {
+      var l = this.props, v = l.initialScrollLeft, w = l.initialScrollTop;
       if (this._outerRef != null) {
         var I = this._outerRef;
-        typeof v == "number" && (I.scrollLeft = v), typeof _ == "number" && (I.scrollTop = _);
+        typeof v == "number" && (I.scrollLeft = v), typeof w == "number" && (I.scrollTop = w);
       }
       this._callPropsCallbacks();
-    }, f.componentDidUpdate = function() {
-      var l = this.props.direction, v = this.state, _ = v.scrollLeft, I = v.scrollTop, x = v.scrollUpdateWasRequested;
+    }, h.componentDidUpdate = function() {
+      var l = this.props.direction, v = this.state, w = v.scrollLeft, I = v.scrollTop, x = v.scrollUpdateWasRequested;
       if (x && this._outerRef != null) {
         var S = this._outerRef;
         if (l === "rtl")
-          switch (Qt()) {
+          switch (Yt()) {
             case "negative":
-              S.scrollLeft = -_;
+              S.scrollLeft = -w;
               break;
             case "positive-ascending":
-              S.scrollLeft = _;
+              S.scrollLeft = w;
               break;
             default:
               var L = S.clientWidth, O = S.scrollWidth;
-              S.scrollLeft = O - L - _;
+              S.scrollLeft = O - L - w;
               break;
           }
         else
-          S.scrollLeft = Math.max(0, _);
+          S.scrollLeft = Math.max(0, w);
         S.scrollTop = Math.max(0, I);
       }
       this._callPropsCallbacks();
-    }, f.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Xt(this._resetIsScrollingTimeoutId);
-    }, f.render = function() {
-      var l = this.props, v = l.children, _ = l.className, I = l.columnCount, x = l.direction, S = l.height, L = l.innerRef, O = l.innerElementType, D = l.innerTagName, F = l.itemData, E = l.itemKey, R = E === void 0 ? ii : E, A = l.outerElementType, G = l.outerTagName, H = l.rowCount, U = l.style, X = l.useIsScrolling, V = l.width, ie = this.state.isScrolling, q = this._getHorizontalRangeToRender(), Z = q[0], Y = q[1], te = this._getVerticalRangeToRender(), J = te[0], ee = te[1], ve = [];
+    }, h.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Qt(this._resetIsScrollingTimeoutId);
+    }, h.render = function() {
+      var l = this.props, v = l.children, w = l.className, I = l.columnCount, x = l.direction, S = l.height, L = l.innerRef, O = l.innerElementType, D = l.innerTagName, F = l.itemData, E = l.itemKey, R = E === void 0 ? ii : E, A = l.outerElementType, G = l.outerTagName, H = l.rowCount, U = l.style, X = l.useIsScrolling, V = l.width, ie = this.state.isScrolling, q = this._getHorizontalRangeToRender(), Z = q[0], Y = q[1], te = this._getVerticalRangeToRender(), J = te[0], ee = te[1], ve = [];
       if (I > 0 && H)
         for (var we = J; we <= ee; we++)
           for (var pe = Z; pe <= Y; pe++)
@@ -1542,9 +1543,9 @@ function si(t) {
               rowIndex: we,
               style: this._getItemStyle(we, pe)
             }));
-      var at = c(this.props, this._instanceProps), He = d(this.props, this._instanceProps);
+      var at = a(this.props, this._instanceProps), He = d(this.props, this._instanceProps);
       return Ke(A || G || "div", {
-        className: _,
+        className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: _t({
@@ -1565,9 +1566,9 @@ function si(t) {
           width: He
         }
       }));
-    }, f._callPropsCallbacks = function() {
-      var l = this.props, v = l.columnCount, _ = l.onItemsRendered, I = l.onScroll, x = l.rowCount;
-      if (typeof _ == "function" && v > 0 && x > 0) {
+    }, h._callPropsCallbacks = function() {
+      var l = this.props, v = l.columnCount, w = l.onItemsRendered, I = l.onScroll, x = l.rowCount;
+      if (typeof w == "function" && v > 0 && x > 0) {
         var S = this._getHorizontalRangeToRender(), L = S[0], O = S[1], D = S[2], F = S[3], E = this._getVerticalRangeToRender(), R = E[0], A = E[1], G = E[2], H = E[3];
         this._callOnItemsRendered(L, O, R, A, D, F, G, H);
       }
@@ -1575,29 +1576,29 @@ function si(t) {
         var U = this.state, X = U.horizontalScrollDirection, V = U.scrollLeft, ie = U.scrollTop, q = U.scrollUpdateWasRequested, Z = U.verticalScrollDirection;
         this._callOnScroll(V, ie, X, Z, q);
       }
-    }, f._getHorizontalRangeToRender = function() {
-      var l = this.props, v = l.columnCount, _ = l.overscanColumnCount, I = l.overscanColumnsCount, x = l.overscanCount, S = l.rowCount, L = this.state, O = L.horizontalScrollDirection, D = L.isScrolling, F = L.scrollLeft, E = _ || I || x || 1;
+    }, h._getHorizontalRangeToRender = function() {
+      var l = this.props, v = l.columnCount, w = l.overscanColumnCount, I = l.overscanColumnsCount, x = l.overscanCount, S = l.rowCount, L = this.state, O = L.horizontalScrollDirection, D = L.isScrolling, F = L.scrollLeft, E = w || I || x || 1;
       if (v === 0 || S === 0)
         return [0, 0, 0, 0];
       var R = r(this.props, F, this._instanceProps), A = o(this.props, R, F, this._instanceProps), G = !D || O === "backward" ? Math.max(1, E) : 1, H = !D || O === "forward" ? Math.max(1, E) : 1;
       return [Math.max(0, R - G), Math.max(0, Math.min(v - 1, A + H)), R, A];
-    }, f._getVerticalRangeToRender = function() {
-      var l = this.props, v = l.columnCount, _ = l.overscanCount, I = l.overscanRowCount, x = l.overscanRowsCount, S = l.rowCount, L = this.state, O = L.isScrolling, D = L.verticalScrollDirection, F = L.scrollTop, E = I || x || _ || 1;
+    }, h._getVerticalRangeToRender = function() {
+      var l = this.props, v = l.columnCount, w = l.overscanCount, I = l.overscanRowCount, x = l.overscanRowsCount, S = l.rowCount, L = this.state, O = L.isScrolling, D = L.verticalScrollDirection, F = L.scrollTop, E = I || x || w || 1;
       if (v === 0 || S === 0)
         return [0, 0, 0, 0];
-      var R = u(this.props, F, this._instanceProps), A = b(this.props, R, F, this._instanceProps), G = !O || D === "backward" ? Math.max(1, E) : 1, H = !O || D === "forward" ? Math.max(1, E) : 1;
+      var R = u(this.props, F, this._instanceProps), A = y(this.props, R, F, this._instanceProps), G = !O || D === "backward" ? Math.max(1, E) : 1, H = !O || D === "forward" ? Math.max(1, E) : 1;
       return [Math.max(0, R - G), Math.max(0, Math.min(S - 1, A + H)), R, A];
     }, p;
-  }(ao), e.defaultProps = {
+  }(co), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
 var ai = function(e, n) {
-  var r = e.children, o = e.direction, s = e.height, c = e.innerTagName, d = e.outerTagName, a = e.overscanColumnsCount, m = e.overscanCount, g = e.overscanRowsCount, C = e.width, u = n.instance;
+  var r = e.children, o = e.direction, s = e.height, a = e.innerTagName, d = e.outerTagName, c = e.overscanColumnsCount, m = e.overscanCount, g = e.overscanRowsCount, C = e.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof m == "number" && Xe && !Xe.has(u) && (Xe.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof a == "number" || typeof g == "number") && Qe && !Qe.has(u) && (Qe.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || d != null) && Ye && !Ye.has(u) && (Ye.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof m == "number" && Xe && !Xe.has(u) && (Xe.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof c == "number" || typeof g == "number") && Qe && !Qe.has(u) && (Qe.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || d != null) && Ye && !Ye.has(u) && (Ye.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (o) {
       case "ltr":
@@ -1611,60 +1612,60 @@ var ai = function(e, n) {
     if (typeof s != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
   }
-}, Yt = 50, Rn = function(e, n) {
-  var r = e.rowCount, o = n.rowMetadataMap, s = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, d = 0;
-  if (c >= r && (c = r - 1), c >= 0) {
-    var a = o[c];
-    d = a.offset + a.size;
+}, Jt = 50, Ln = function(e, n) {
+  var r = e.rowCount, o = n.rowMetadataMap, s = n.estimatedRowHeight, a = n.lastMeasuredRowIndex, d = 0;
+  if (a >= r && (a = r - 1), a >= 0) {
+    var c = o[a];
+    d = c.offset + c.size;
   }
-  var m = r - c - 1, g = m * s;
+  var m = r - a - 1, g = m * s;
   return d + g;
-}, Ln = function(e, n) {
-  var r = e.columnCount, o = n.columnMetadataMap, s = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, d = 0;
-  if (c >= r && (c = r - 1), c >= 0) {
-    var a = o[c];
-    d = a.offset + a.size;
+}, En = function(e, n) {
+  var r = e.columnCount, o = n.columnMetadataMap, s = n.estimatedColumnWidth, a = n.lastMeasuredColumnIndex, d = 0;
+  if (a >= r && (a = r - 1), a >= 0) {
+    var c = o[a];
+    d = c.offset + c.size;
   }
-  var m = r - c - 1, g = m * s;
+  var m = r - a - 1, g = m * s;
   return d + g;
 }, be = function(e, n, r, o) {
-  var s, c, d;
-  if (e === "column" ? (s = o.columnMetadataMap, c = n.columnWidth, d = o.lastMeasuredColumnIndex) : (s = o.rowMetadataMap, c = n.rowHeight, d = o.lastMeasuredRowIndex), r > d) {
-    var a = 0;
+  var s, a, d;
+  if (e === "column" ? (s = o.columnMetadataMap, a = n.columnWidth, d = o.lastMeasuredColumnIndex) : (s = o.rowMetadataMap, a = n.rowHeight, d = o.lastMeasuredRowIndex), r > d) {
+    var c = 0;
     if (d >= 0) {
       var m = s[d];
-      a = m.offset + m.size;
+      c = m.offset + m.size;
     }
     for (var g = d + 1; g <= r; g++) {
-      var C = c(g);
+      var C = a(g);
       s[g] = {
-        offset: a,
+        offset: c,
         size: C
-      }, a += C;
+      }, c += C;
     }
     e === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
   }
   return s[r];
-}, Jt = function(e, n, r, o) {
-  var s, c;
-  e === "column" ? (s = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (s = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
-  var d = c > 0 ? s[c].offset : 0;
-  return d >= o ? En(e, n, r, c, 0, o) : ci(e, n, r, Math.max(0, c), o);
-}, En = function(e, n, r, o, s, c) {
+}, en = function(e, n, r, o) {
+  var s, a;
+  e === "column" ? (s = r.columnMetadataMap, a = r.lastMeasuredColumnIndex) : (s = r.rowMetadataMap, a = r.lastMeasuredRowIndex);
+  var d = a > 0 ? s[a].offset : 0;
+  return d >= o ? Nn(e, n, r, a, 0, o) : ci(e, n, r, Math.max(0, a), o);
+}, Nn = function(e, n, r, o, s, a) {
   for (; s <= o; ) {
-    var d = s + Math.floor((o - s) / 2), a = be(e, n, d, r).offset;
-    if (a === c)
+    var d = s + Math.floor((o - s) / 2), c = be(e, n, d, r).offset;
+    if (c === a)
       return d;
-    a < c ? s = d + 1 : a > c && (o = d - 1);
+    c < a ? s = d + 1 : c > a && (o = d - 1);
   }
   return s > 0 ? s - 1 : 0;
 }, ci = function(e, n, r, o, s) {
-  for (var c = e === "column" ? n.columnCount : n.rowCount, d = 1; o < c && be(e, n, o, r).offset < s; )
+  for (var a = e === "column" ? n.columnCount : n.rowCount, d = 1; o < a && be(e, n, o, r).offset < s; )
     o += d, d *= 2;
-  return En(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), s);
-}, en = function(e, n, r, o, s, c, d) {
-  var a = e === "column" ? n.width : n.height, m = be(e, n, r, c), g = e === "column" ? Ln(n, c) : Rn(n, c), C = Math.max(0, Math.min(g - a, m.offset)), u = Math.max(0, m.offset - a + d + m.size);
-  switch (o === "smart" && (s >= u - a && s <= C + a ? o = "auto" : o = "center"), o) {
+  return Nn(e, n, r, Math.min(o, a - 1), Math.floor(o / 2), s);
+}, tn = function(e, n, r, o, s, a, d) {
+  var c = e === "column" ? n.width : n.height, m = be(e, n, r, a), g = e === "column" ? En(n, a) : Ln(n, a), C = Math.max(0, Math.min(g - c, m.offset)), u = Math.max(0, m.offset - c + d + m.size);
+  switch (o === "smart" && (s >= u - c && s <= C + c ? o = "auto" : o = "center"), o) {
     case "start":
       return C;
     case "end":
@@ -1680,23 +1681,23 @@ var ai = function(e, n) {
     return be("column", e, n, r).offset;
   },
   getColumnStartIndexForOffset: function(e, n, r) {
-    return Jt("column", e, r, n);
+    return en("column", e, r, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, r, o) {
-    for (var s = e.columnCount, c = e.width, d = be("column", e, n, o), a = r + c, m = d.offset + d.size, g = n; g < s - 1 && m < a; )
+    for (var s = e.columnCount, a = e.width, d = be("column", e, n, o), c = r + a, m = d.offset + d.size, g = n; g < s - 1 && m < c; )
       g++, m += be("column", e, g, o).size;
     return g;
   },
   getColumnWidth: function(e, n, r) {
     return r.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: Rn,
-  getEstimatedTotalWidth: Ln,
-  getOffsetForColumnAndAlignment: function(e, n, r, o, s, c) {
-    return en("column", e, n, r, o, s, c);
+  getEstimatedTotalHeight: Ln,
+  getEstimatedTotalWidth: En,
+  getOffsetForColumnAndAlignment: function(e, n, r, o, s, a) {
+    return tn("column", e, n, r, o, s, a);
   },
-  getOffsetForRowAndAlignment: function(e, n, r, o, s, c) {
-    return en("row", e, n, r, o, s, c);
+  getOffsetForRowAndAlignment: function(e, n, r, o, s, a) {
+    return tn("row", e, n, r, o, s, a);
   },
   getRowOffset: function(e, n, r) {
     return be("row", e, n, r).offset;
@@ -1705,36 +1706,36 @@ var ai = function(e, n) {
     return r.rowMetadataMap[n].size;
   },
   getRowStartIndexForOffset: function(e, n, r) {
-    return Jt("row", e, r, n);
+    return en("row", e, r, n);
   },
   getRowStopIndexForStartIndex: function(e, n, r, o) {
-    for (var s = e.rowCount, c = e.height, d = be("row", e, n, o), a = r + c, m = d.offset + d.size, g = n; g < s - 1 && m < a; )
+    for (var s = e.rowCount, a = e.height, d = be("row", e, n, o), c = r + a, m = d.offset + d.size, g = n; g < s - 1 && m < c; )
       g++, m += be("row", e, g, o).size;
     return g;
   },
   initInstanceProps: function(e, n) {
-    var r = e, o = r.estimatedColumnWidth, s = r.estimatedRowHeight, c = {
+    var r = e, o = r.estimatedColumnWidth, s = r.estimatedRowHeight, a = {
       columnMetadataMap: {},
-      estimatedColumnWidth: o || Yt,
-      estimatedRowHeight: s || Yt,
+      estimatedColumnWidth: o || Jt,
+      estimatedRowHeight: s || Jt,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(d, a) {
-      a === void 0 && (a = !0), n.resetAfterIndices({
+    return n.resetAfterColumnIndex = function(d, c) {
+      c === void 0 && (c = !0), n.resetAfterIndices({
         columnIndex: d,
-        shouldForceUpdate: a
+        shouldForceUpdate: c
       });
-    }, n.resetAfterRowIndex = function(d, a) {
-      a === void 0 && (a = !0), n.resetAfterIndices({
+    }, n.resetAfterRowIndex = function(d, c) {
+      c === void 0 && (c = !0), n.resetAfterIndices({
         rowIndex: d,
-        shouldForceUpdate: a
+        shouldForceUpdate: c
       });
     }, n.resetAfterIndices = function(d) {
-      var a = d.columnIndex, m = d.rowIndex, g = d.shouldForceUpdate, C = g === void 0 ? !0 : g;
-      typeof a == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, a - 1)), typeof m == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, m - 1)), n._getItemStyleCache(-1), C && n.forceUpdate();
-    }, c;
+      var c = d.columnIndex, m = d.rowIndex, g = d.shouldForceUpdate, C = g === void 0 ? !0 : g;
+      typeof c == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, c - 1)), typeof m == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, m - 1)), n._getItemStyleCache(-1), C && n.forceUpdate();
+    }, a;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(e) {
@@ -1748,7 +1749,7 @@ var ai = function(e, n) {
   }
 });
 process.env.NODE_ENV;
-function tn(t, e) {
+function nn(t, e) {
   for (var n in t)
     if (!(n in e))
       return !0;
@@ -1759,133 +1760,133 @@ function tn(t, e) {
 }
 var di = ["style"], ui = ["style"];
 function pi(t, e) {
-  var n = t.style, r = jt(t, di), o = e.style, s = jt(e, ui);
-  return !tn(n, o) && !tn(r, s);
+  var n = t.style, r = Kt(t, di), o = e.style, s = Kt(e, ui);
+  return !nn(n, o) && !nn(r, s);
 }
 const hi = () => {
-  const { viewMode: t } = Me(), { scrollMode: e } = De(), { setColumnCount: n } = hn(), { virtualScrollableElementRef: r } = nt(), o = Ze(), s = k(() => o.heights.length, [o.heights]), c = k(() => e === oe.HORIZONTAL_SCROLLING ? s : t === Ne.DUAL_PAGE ? 2 : 1, [t, e, e, s, r]), d = k(() => o.widths.reduce((w, y, p) => {
-    const f = p % c;
-    return (!w[f] || y > w[f]) && (w[f] = y), w;
-  }, []), [o.widths, c]), a = N(
-    (P) => {
-      const w = P % d.length;
-      return d[w] || 0;
+  const { viewMode: t } = Me(), { scrollMode: e } = De(), { setColumnCount: n } = fn(), { virtualScrollableElementRef: r } = nt(), o = Ze(), s = k(() => o.heights.length, [o.heights]), a = k(() => e === oe.HORIZONTAL_SCROLLING ? s : t === Ne.DUAL_PAGE ? 2 : 1, [t, e, e, s, r]), d = k(() => o.widths.reduce((T, P, p) => {
+    const h = p % a;
+    return (!T[h] || P > T[h]) && (T[h] = P), T;
+  }, []), [o.widths, a]), c = N(
+    (b) => {
+      const T = b % d.length;
+      return d[T] || 0;
     },
     [d]
   ), m = N(
-    (P) => {
-      const w = Array.from({ length: c }, (y, p) => {
-        const f = P * c + p;
-        return o.heights[f] || 0;
+    (b) => {
+      const T = Array.from({ length: a }, (P, p) => {
+        const h = b * a + p;
+        return o.heights[h] || 0;
       });
-      return Math.max(...w);
+      return Math.max(...T);
     },
-    [o.heights, c]
+    [o.heights, a]
   );
   z(() => {
-    n(c);
-  }, [c, n]);
-  const g = k(() => e === oe.HORIZONTAL_SCROLLING || e === oe.PAGE_SCROLLING ? 1 : Math.round(s / c), [c, s, e]), C = k(() => o.heights.reduce((P, w) => P + w, 0) / o.heights.length || 0, [o]), u = k(() => o.widths.reduce((P, w) => P + w, 0) / o.widths.length || 0, [o]), b = k(() => {
-    const { rowsHeight: P, columnsWidth: w } = St(o, c);
+    n(a);
+  }, [a, n]);
+  const g = k(() => e === oe.HORIZONTAL_SCROLLING || e === oe.PAGE_SCROLLING ? 1 : Math.round(s / a), [a, s, e]), C = k(() => o.heights.reduce((b, T) => b + T, 0) / o.heights.length || 0, [o]), u = k(() => o.widths.reduce((b, T) => b + T, 0) / o.widths.length || 0, [o]), y = k(() => {
+    const { rowsHeight: b, columnsWidth: T } = xt(o, a);
     return {
-      rowsHeight: P,
-      columnsWidth: w
+      rowsHeight: b,
+      columnsWidth: T
     };
-  }, [o, c]), T = k(() => ({
-    width: b.columnsWidth.reduce((P, w) => P + w, 0),
-    height: b.rowsHeight.reduce((P, w) => P + w, 0)
-  }), [b]);
+  }, [o, a]), _ = k(() => ({
+    width: y.columnsWidth.reduce((b, T) => b + T, 0),
+    height: y.rowsHeight.reduce((b, T) => b + T, 0)
+  }), [y]);
   return {
     rowCount: g,
     rowHeight: m,
-    columnCount: c,
-    columnWidth: a,
+    columnCount: a,
+    columnWidth: c,
     pageDimension: o,
     estimatedRowHeight: C,
     estimatedColumnWidth: u,
-    gridDimension: b,
-    totalDimension: T
+    gridDimension: y,
+    totalDimension: _
   };
 };
 let le;
 typeof window < "u" ? le = window : typeof self < "u" ? le = self : le = global;
 let Tt = null, Ct = null;
-const nn = 20, mt = le.clearTimeout, on = le.setTimeout, gt = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, rn = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
-gt == null || rn == null ? (Tt = mt, Ct = function(e) {
-  return on(e, nn);
+const on = 20, mt = le.clearTimeout, rn = le.setTimeout, gt = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, sn = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
+gt == null || sn == null ? (Tt = mt, Ct = function(e) {
+  return rn(e, on);
 }) : (Tt = function([e, n]) {
   gt(e), mt(n);
 }, Ct = function(e) {
-  const n = rn(function() {
+  const n = sn(function() {
     mt(r), e();
-  }), r = on(function() {
+  }), r = rn(function() {
     gt(n), e();
-  }, nn);
+  }, on);
   return [n, r];
 });
 function fi(t) {
-  let e, n, r, o, s, c, d;
-  const a = typeof document < "u" && document.attachEvent;
-  if (!a) {
-    c = function(y) {
-      const p = y.__resizeTriggers__, f = p.firstElementChild, h = p.lastElementChild, l = f.firstElementChild;
-      h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight, l.style.width = f.offsetWidth + 1 + "px", l.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
-    }, s = function(y) {
-      return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
-    }, d = function(y) {
-      if (y.target.className && typeof y.target.className.indexOf == "function" && y.target.className.indexOf("contract-trigger") < 0 && y.target.className.indexOf("expand-trigger") < 0)
+  let e, n, r, o, s, a, d;
+  const c = typeof document < "u" && document.attachEvent;
+  if (!c) {
+    a = function(P) {
+      const p = P.__resizeTriggers__, h = p.firstElementChild, f = p.lastElementChild, l = h.firstElementChild;
+      f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight, l.style.width = h.offsetWidth + 1 + "px", l.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
+    }, s = function(P) {
+      return P.offsetWidth !== P.__resizeLast__.width || P.offsetHeight !== P.__resizeLast__.height;
+    }, d = function(P) {
+      if (P.target.className && typeof P.target.className.indexOf == "function" && P.target.className.indexOf("contract-trigger") < 0 && P.target.className.indexOf("expand-trigger") < 0)
         return;
       const p = this;
-      c(this), this.__resizeRAF__ && Tt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
+      a(this), this.__resizeRAF__ && Tt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
         s(p) && (p.__resizeLast__.width = p.offsetWidth, p.__resizeLast__.height = p.offsetHeight, p.__resizeListeners__.forEach(function(l) {
-          l.call(p, y);
+          l.call(p, P);
         }));
       });
     };
-    let u = !1, b = "";
+    let u = !1, y = "";
     r = "animationstart";
-    const T = "Webkit Moz O ms".split(" ");
-    let P = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), w = "";
+    const _ = "Webkit Moz O ms".split(" ");
+    let b = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), T = "";
     {
-      const y = document.createElement("fakeelement");
-      if (y.style.animationName !== void 0 && (u = !0), u === !1) {
-        for (let p = 0; p < T.length; p++)
-          if (y.style[T[p] + "AnimationName"] !== void 0) {
-            w = T[p], b = "-" + w.toLowerCase() + "-", r = P[p], u = !0;
+      const P = document.createElement("fakeelement");
+      if (P.style.animationName !== void 0 && (u = !0), u === !1) {
+        for (let p = 0; p < _.length; p++)
+          if (P.style[_[p] + "AnimationName"] !== void 0) {
+            T = _[p], y = "-" + T.toLowerCase() + "-", r = b[p], u = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + b + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = b + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + y + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = y + "animation: 1ms " + n + "; ";
   }
   const m = function(u) {
     if (!u.getElementById("detectElementResize")) {
-      const b = (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%; }', T = u.head || u.getElementsByTagName("head")[0], P = u.createElement("style");
-      P.id = "detectElementResize", P.type = "text/css", t != null && P.setAttribute("nonce", t), P.styleSheet ? P.styleSheet.cssText = b : P.appendChild(u.createTextNode(b)), T.appendChild(P);
+      const y = (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%; }', _ = u.head || u.getElementsByTagName("head")[0], b = u.createElement("style");
+      b.id = "detectElementResize", b.type = "text/css", t != null && b.setAttribute("nonce", t), b.styleSheet ? b.styleSheet.cssText = y : b.appendChild(u.createTextNode(y)), _.appendChild(b);
     }
   };
   return {
-    addResizeListener: function(u, b) {
-      if (a)
-        u.attachEvent("onresize", b);
+    addResizeListener: function(u, y) {
+      if (c)
+        u.attachEvent("onresize", y);
       else {
         if (!u.__resizeTriggers__) {
-          const T = u.ownerDocument, P = le.getComputedStyle(u);
-          P && P.position === "static" && (u.style.position = "relative"), m(T), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
-          const w = T.createElement("div");
-          w.className = "expand-trigger", w.appendChild(T.createElement("div"));
-          const y = T.createElement("div");
-          y.className = "contract-trigger", u.__resizeTriggers__.appendChild(w), u.__resizeTriggers__.appendChild(y), u.appendChild(u.__resizeTriggers__), c(u), u.addEventListener("scroll", d, !0), r && (u.__resizeTriggers__.__animationListener__ = function(f) {
-            f.animationName === n && c(u);
+          const _ = u.ownerDocument, b = le.getComputedStyle(u);
+          b && b.position === "static" && (u.style.position = "relative"), m(_), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
+          const T = _.createElement("div");
+          T.className = "expand-trigger", T.appendChild(_.createElement("div"));
+          const P = _.createElement("div");
+          P.className = "contract-trigger", u.__resizeTriggers__.appendChild(T), u.__resizeTriggers__.appendChild(P), u.appendChild(u.__resizeTriggers__), a(u), u.addEventListener("scroll", d, !0), r && (u.__resizeTriggers__.__animationListener__ = function(h) {
+            h.animationName === n && a(u);
           }, u.__resizeTriggers__.addEventListener(r, u.__resizeTriggers__.__animationListener__));
         }
-        u.__resizeListeners__.push(b);
+        u.__resizeListeners__.push(y);
       }
     },
-    removeResizeListener: function(u, b) {
-      if (a)
-        u.detachEvent("onresize", b);
-      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(b), 1), !u.__resizeListeners__.length) {
+    removeResizeListener: function(u, y) {
+      if (c)
+        u.detachEvent("onresize", y);
+      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(y), 1), !u.__resizeListeners__.length) {
         u.removeEventListener("scroll", d, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(r, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
         try {
           u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
@@ -1895,7 +1896,7 @@ function fi(t) {
     }
   };
 }
-class mi extends co {
+class mi extends lo {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1908,13 +1909,13 @@ class mi extends co {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const s = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(s.paddingLeft || "0"), d = parseFloat(s.paddingRight || "0"), a = parseFloat(s.paddingTop || "0"), m = parseFloat(s.paddingBottom || "0"), g = this._parentNode.getBoundingClientRect(), C = g.height - a - m, u = g.width - c - d;
+        const s = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(s.paddingLeft || "0"), d = parseFloat(s.paddingRight || "0"), c = parseFloat(s.paddingTop || "0"), m = parseFloat(s.paddingBottom || "0"), g = this._parentNode.getBoundingClientRect(), C = g.height - c - m, u = g.width - a - d;
         if (!n && this.state.height !== C || !r && this.state.width !== u) {
           this.setState({
             height: C,
             width: u
           });
-          const b = () => {
+          const y = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof o == "function" && o({
@@ -1922,10 +1923,10 @@ class mi extends co {
             width: u,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return b(), C;
+              return y(), C;
             },
             get scaledWidth() {
-              return b(), u;
+              return y(), u;
             }
           });
         }
@@ -1956,39 +1957,39 @@ class mi extends co {
       defaultWidth: r,
       disableHeight: o = !1,
       disableWidth: s = !1,
-      doNotBailOutOnEmptyChildren: c = !1,
+      doNotBailOutOnEmptyChildren: a = !1,
       nonce: d,
-      onResize: a,
+      onResize: c,
       style: m = {},
       tagName: g = "div",
       ...C
     } = this.props, {
       height: u,
-      width: b
-    } = this.state, T = {
+      width: y
+    } = this.state, _ = {
       overflow: "visible"
-    }, P = {};
-    let w = !1;
-    return o || (u === 0 && (w = !0), T.height = 0, P.height = u, P.scaledHeight = u), s || (b === 0 && (w = !0), T.width = 0, P.width = b, P.scaledWidth = b), c && (w = !1), Ke(g, {
+    }, b = {};
+    let T = !1;
+    return o || (u === 0 && (T = !0), _.height = 0, b.height = u, b.scaledHeight = u), s || (y === 0 && (T = !0), _.width = 0, b.width = y, b.scaledWidth = y), a && (T = !1), Ke(g, {
       ref: this._setRef,
       style: {
-        ...T,
+        ..._,
         ...m
       },
       ...C
-    }, !w && e(P));
+    }, !T && e(b));
   }
 }
-const gi = un(({ widths: t, heights: e }) => {
+const gi = pn(({ widths: t, heights: e }) => {
   const { focusedPage: n, totalPages: r } = ue(), o = k(() => {
-    const d = [], a = Math.ceil(n / 2) * 2 - 1;
-    if (d.push(a), a + 1 <= r) {
-      const m = a + 1;
+    const d = [], c = Math.ceil(n / 2) * 2 - 1;
+    if (d.push(c), c + 1 <= r) {
+      const m = c + 1;
       d.push(m);
     }
     return d;
   }, [n, r]), s = k(() => {
-    const d = n % 2 === 1 ? n - 1 : n - 2, a = Math.floor(d / 2), m = e(a), g = t(d), C = t(d + 1);
+    const d = n % 2 === 1 ? n - 1 : n - 2, c = Math.floor(d / 2), m = e(c), g = t(d), C = t(d + 1);
     return [
       {
         position: "absolute",
@@ -2003,8 +2004,8 @@ const gi = un(({ widths: t, heights: e }) => {
         height: m
       }
     ];
-  }, [t, e, o]), c = k(() => s.reduce((d, a) => d + Number(a.width || 0), 0), [s]);
-  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: o.map((d, a) => /* @__PURE__ */ i(Nt, { style: s[a], pageNumber: d }, d)) });
+  }, [t, e, o]), a = k(() => s.reduce((d, c) => d + Number(c.width || 0), 0), [s]);
+  return /* @__PURE__ */ i("div", { style: { width: a, position: "relative" }, children: o.map((d, c) => /* @__PURE__ */ i(Ot, { style: s[c], pageNumber: d }, d)) });
 }), vi = ({ widths: t, heights: e }) => {
   const { focusedPage: n } = ue(), r = k(() => ({
     position: "absolute",
@@ -2018,68 +2019,68 @@ const gi = un(({ widths: t, heights: e }) => {
         width: o,
         position: "relative"
       },
-      children: /* @__PURE__ */ i(Nt, { style: r, pageNumber: n }, n)
+      children: /* @__PURE__ */ i(Ot, { style: r, pageNumber: n }, n)
     }
   );
 }, wi = (t, e, n) => {
-  const r = M(), { contentRef: o } = Te(), { heights: s, widths: c } = Ze(), { setFocusedPage: d } = ue(), [a, m] = $([]), { targetScrollPage: g } = fn(), C = xt(a, 0, 500), u = k(() => {
-    const { rowsHeight: T, columnsWidth: P } = St({ heights: s, widths: c }, t);
-    return s.map((w, y) => {
-      const p = c[y], f = ir(y + 1, t), h = P.slice(0, f.columnIndex).reduce((I, x) => I + x, 0), l = T.slice(0, f.rowIndex).reduce((I, x) => I + x, 0), v = h + p, _ = l + w;
+  const r = M(), { contentRef: o } = Te(), { heights: s, widths: a } = Ze(), { setFocusedPage: d } = ue(), [c, m] = $([]), { targetScrollPage: g } = mn(), C = Rt(c, 0, 500), u = k(() => {
+    const { rowsHeight: _, columnsWidth: b } = xt({ heights: s, widths: a }, t);
+    return s.map((T, P) => {
+      const p = a[P], h = ir(P + 1, t), f = b.slice(0, h.columnIndex).reduce((I, x) => I + x, 0), l = _.slice(0, h.rowIndex).reduce((I, x) => I + x, 0), v = f + p, w = l + T;
       return {
-        pageNumber: y + 1,
-        ...f,
+        pageNumber: P + 1,
+        ...h,
         width: p,
-        height: w,
-        startX: h,
+        height: T,
+        startX: f,
         startY: l,
         endX: v,
-        endY: _
+        endY: w
       };
     });
-  }, [s, c, t, e]);
+  }, [s, a, t, e]);
   z(() => {
-    var P;
-    C.length > 0 && !g.current && d(C[0].pageNumber), ((P = C[0]) == null ? void 0 : P.ratio) && C.some((w) => w.pageNumber === g.current) && setTimeout(() => {
+    var b;
+    C.length > 0 && !g.current && d(C[0].pageNumber), ((b = C[0]) == null ? void 0 : b.ratio) && C.some((T) => T.pageNumber === g.current) && setTimeout(() => {
       g.current = void 0;
     }, 500);
   }, [C, d]);
-  const b = N(
-    (T) => {
+  const y = N(
+    (_) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        const P = T.target, w = {
-          startTop: P.scrollTop,
-          startLeft: P.scrollLeft,
-          endTop: P.scrollTop + P.clientHeight,
-          endLeft: P.scrollLeft + P.clientWidth
-        }, y = u.filter((p) => {
-          const f = p.endX >= w.startLeft && p.endY >= w.startTop, h = p.startX <= w.endLeft && p.startY <= w.endTop;
-          return f && h;
+        const b = _.target, T = {
+          startTop: b.scrollTop,
+          startLeft: b.scrollLeft,
+          endTop: b.scrollTop + b.clientHeight,
+          endLeft: b.scrollLeft + b.clientWidth
+        }, P = u.filter((p) => {
+          const h = p.endX >= T.startLeft && p.endY >= T.startTop, f = p.startX <= T.endLeft && p.startY <= T.endTop;
+          return h && f;
         }).map((p) => {
-          const f = w.startLeft > p.startX ? w.startLeft : p.startX, h = w.startTop > p.startY ? w.startTop : p.startY, l = w.endLeft < p.endX ? w.endLeft : p.endX, v = w.endTop < p.endY ? w.endTop : p.endY, _ = l - f, I = v - h, S = +(_ * I / (p.width * p.height) * 100).toFixed(2);
+          const h = T.startLeft > p.startX ? T.startLeft : p.startX, f = T.startTop > p.startY ? T.startTop : p.startY, l = T.endLeft < p.endX ? T.endLeft : p.endX, v = T.endTop < p.endY ? T.endTop : p.endY, w = l - h, I = v - f, S = +(w * I / (p.width * p.height) * 100).toFixed(2);
           return {
             pageNumber: p.pageNumber,
             ratio: S
           };
-        }).sort((p, f) => f.ratio - p.ratio);
-        m(y);
+        }).sort((p, h) => h.ratio - p.ratio);
+        m(P);
       });
     },
     [o, u]
   );
   z(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", b), () => {
-        n == null || n.removeEventListener("scroll", b);
+      return n == null || n.addEventListener("scroll", y), () => {
+        n == null || n.removeEventListener("scroll", y);
       };
-  }, [n, b]);
-}, Nn = rt((t, e) => {
-  const { children: n, toolbarRef: r, style: o, className: s, ...c } = t, { customVariables: d, customDarkVariables: a } = No(), { darkMode: m } = mo();
+  }, [n, y]);
+}, On = rt((t, e) => {
+  const { children: n, toolbarRef: r, style: o, className: s, ...a } = t, { customVariables: d, customDarkVariables: c } = No(), { darkMode: m } = go();
   return /* @__PURE__ */ i(
     "div",
     {
       ref: e,
-      ...c,
+      ...a,
       className: se(
         Pe["rp-theme-variables"],
         Pe["rp-container"],
@@ -2089,30 +2090,30 @@ const gi = un(({ widths: t, heights: e }) => {
       style: {
         "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
         ...d,
-        ...m ? a : {},
+        ...m ? c : {},
         ...o
       },
       children: n
     }
   );
-}), _i = un(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
+}), _i = pn(({ columnIndex: t, rowIndex: e, data: n, style: r }) => {
   const o = sr(e, t, n.columnCount);
-  return /* @__PURE__ */ i(Nt, { style: r, pageNumber: o }, o);
+  return /* @__PURE__ */ i(Ot, { style: r, pageNumber: o }, o);
 }, pi), vc = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = wo(), { pagesRef: r, setPagesRef: o, setContentRef: s } = Te(), { scrollToPage: c } = bn(), {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = Pt(), { pagesRef: r, setPagesRef: o, setContentRef: s } = Te(), { scrollToPage: a } = Tn(), {
     virtualScrollRef: d,
-    getVirtualScrollRef: a,
+    getVirtualScrollRef: c,
     getPageScrollElementRef: m,
     getVirtualScrollableElementRef: g,
     setTotalInnerDimensions: C,
     virtualScrollableElementRef: u,
-    totalInnerDimensions: b,
-    pageScrollElementRef: T
-  } = nt(), P = M(!0), { nextPage: w, prevPage: y, setFocusedPage: p, focusedPage: f } = ue(), { scrollMode: h } = De(), { viewMode: l } = Me(), v = M(null), { loading: _, error: I } = re(), { passwordRequired: x } = fo(), { LoaderImageComponent: S } = Pt(), L = M(
-    b
+    totalInnerDimensions: y,
+    pageScrollElementRef: _
+  } = nt(), b = M(!0), { nextPage: T, prevPage: P, setFocusedPage: p, focusedPage: h } = ue(), { scrollMode: f } = De(), { viewMode: l } = Me(), v = M(null), { loading: w, error: I } = re(), { passwordRequired: x } = mo(), { LoaderImageComponent: S } = yt(), L = M(
+    y
   ), O = M({
     viewMode: l,
-    scrollMode: h
+    scrollMode: f
   }), D = M(!1), F = M(), { isFullScreen: E } = _o(), {
     pageDimension: R,
     rowCount: A,
@@ -2122,23 +2123,23 @@ const gi = un(({ widths: t, heights: e }) => {
     estimatedColumnWidth: X,
     estimatedRowHeight: V,
     totalDimension: ie
-  } = hi(), q = xt(b, 100), { onScroll: Z } = Eo(), Y = M();
+  } = hi(), q = Rt(y, 100), { onScroll: Z } = Eo(), Y = M();
   wi(H, A, u);
   const te = M({
     scrollTop: 0,
     scrollLeft: 0
   });
   lr(r);
-  const { isPressed: J } = ar(), { selectionMode: ee } = vo(), { initializeGrabScroll: ve, resetGrabState: we } = cr({
+  const { isPressed: J } = ar(), { selectionMode: ee } = wo(), { initializeGrabScroll: ve, resetGrabState: we } = cr({
     isPressed: J
-  }), pe = k(() => ee === po.HAND, [ee]), at = k(() => ({
+  }), pe = k(() => ee === ho.HAND, [ee]), at = k(() => ({
     columnCount: H
   }), [H]), He = N(
     (B) => {
       const j = document.activeElement !== r;
-      !E && j || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), y()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), w()));
+      !E && j || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), P()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), T()));
     },
-    [w, y, E, h]
+    [T, P, E, f]
   );
   z(() => (window.addEventListener("keydown", He), () => {
     window.removeEventListener("keydown", He);
@@ -2152,7 +2153,7 @@ const gi = un(({ widths: t, heights: e }) => {
             shouldForceUpdate: !0
           });
   }, [A, H, R, d]);
-  const Jn = N(
+  const eo = N(
     (B, j) => {
       if (!u)
         return { scrollTop: 0, scrollLeft: 0 };
@@ -2163,12 +2164,12 @@ const gi = un(({ widths: t, heights: e }) => {
       };
     },
     [u]
-  ), At = N(
+  ), Ft = N(
     (B, j) => {
-      if (O.current.viewMode !== l || O.current.scrollMode !== h) {
-        Y.current && clearTimeout(Y.current), D.current = !0, c(f, "auto"), Y.current = setTimeout(() => {
+      if (O.current.viewMode !== l || O.current.scrollMode !== f) {
+        Y.current && clearTimeout(Y.current), D.current = !0, a(h, "auto"), Y.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            O.current = { viewMode: l, scrollMode: h };
+            O.current = { viewMode: l, scrollMode: f };
           });
         }, 100);
         return;
@@ -2177,15 +2178,15 @@ const gi = un(({ widths: t, heights: e }) => {
       if (!j.height || !j.width)
         return;
       D.current = !0;
-      const { height: Le, width: lt } = j, { height: Ft, width: kt } = L.current;
-      if (Ft === Le && kt === lt)
+      const { height: Le, width: lt } = j, { height: kt, width: Wt } = L.current;
+      if (kt === Le && Wt === lt)
         return;
-      const oo = Re / Ft * Le, ro = ct / kt * lt, io = Math.round(Math.min(oo, Le)) || 0, so = Math.round(Math.min(ro, lt)) || 0;
+      const ro = Re / kt * Le, io = ct / Wt * lt, so = Math.round(Math.min(ro, Le)) || 0, ao = Math.round(Math.min(io, lt)) || 0;
       F.current = setTimeout(() => {
         requestAnimationFrame(() => {
           u == null || u.scrollTo({
-            top: io,
-            left: so,
+            top: so,
+            left: ao,
             behavior: "auto"
           });
         });
@@ -2194,7 +2195,7 @@ const gi = un(({ widths: t, heights: e }) => {
         width: j.width
       };
     },
-    [u, l, h, c]
+    [u, l, f, a]
   );
   z(() => {
     clearTimeout(F.current);
@@ -2204,13 +2205,13 @@ const gi = un(({ widths: t, heights: e }) => {
     ), j = Array.from({ length: H }).reduce(
       (Re, ct, Le) => Re + U(Le),
       0
-    ), xe = Jn(j, B);
-    te.current = xe, At(xe, { height: B, width: j }), C({
+    ), xe = eo(j, B);
+    te.current = xe, Ft(xe, { height: B, width: j }), C({
       height: B,
       width: j
     });
-  }, [R, A, H, At]);
-  const eo = N(
+  }, [R, A, H, Ft]);
+  const to = N(
     (B) => {
       te.current = {
         scrollTop: B.scrollTop,
@@ -2221,16 +2222,16 @@ const gi = un(({ widths: t, heights: e }) => {
   );
   z(() => {
     if (Z)
-      return T && T.addEventListener("scroll", Z), u && u.addEventListener("scroll", Z), () => {
-        T == null || T.removeEventListener("scroll", Z), u == null || u.removeEventListener("scroll", Z);
+      return _ && _.addEventListener("scroll", Z), u && u.addEventListener("scroll", Z), () => {
+        _ == null || _.removeEventListener("scroll", Z), u == null || u.removeEventListener("scroll", Z);
       };
-  }, [u, T, Z]), z(() => () => {
+  }, [u, _, Z]), z(() => () => {
     Y.current && clearTimeout(Y.current);
   }, []);
-  const to = k(() => se(ae["rp-pages-container"], {
+  const no = k(() => se(ae["rp-pages-container"], {
     [ae["rp-cursor-grab"]]: pe && !J,
     [ae["rp-cursor-grabbing"]]: pe && J
-  }), [pe, J]), no = N(
+  }), [pe, J]), oo = N(
     (B) => {
       if (pe && B) {
         const j = se(ae["rp-pages"]), xe = document.querySelector(`.${j}`);
@@ -2240,30 +2241,30 @@ const gi = un(({ widths: t, heights: e }) => {
     [pe, ve, ae]
   );
   return z(() => {
-    _ && we();
-  }, [_]), z(() => {
-    if (!(q.height === 0 || !P.current)) {
+    w && we();
+  }, [w]), z(() => {
+    if (!(q.height === 0 || !b.current)) {
       if (e === oe.PAGE_SCROLLING) {
-        t !== f && T && p(t), P.current = !1;
+        t !== h && _ && p(t), b.current = !1;
         return;
       }
-      c(t, "auto"), p(t), P.current = !1;
+      a(t, "auto"), p(t), b.current = !1;
     }
   }, [
-    c,
+    a,
     e,
-    T,
+    _,
     p,
     q
   ]), /* @__PURE__ */ W(he, { children: [
     /* @__PURE__ */ i(qo, { ref: s, children: /* @__PURE__ */ i(
-      Nn,
+      On,
       {
         id: n,
         ref: o,
         tabIndex: -1,
-        className: to,
-        children: /* @__PURE__ */ i(mi, { style: { minHeight: "50px" }, children: ({ width: B, height: j }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: no, style: { width: B, height: j }, children: h === oe.PAGE_SCROLLING ? /* @__PURE__ */ i(
+        className: no,
+        children: /* @__PURE__ */ i(mi, { style: { minHeight: "50px" }, children: ({ width: B, height: j }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: oo, style: { width: B, height: j }, children: f === oe.PAGE_SCROLLING ? /* @__PURE__ */ i(
           "div",
           {
             ref: m,
@@ -2274,11 +2275,11 @@ const gi = un(({ widths: t, heights: e }) => {
         ) : V ? /* @__PURE__ */ i(
           li,
           {
-            ref: a,
+            ref: c,
             itemData: at,
             outerRef: g,
             innerRef: v,
-            onScroll: eo,
+            onScroll: to,
             columnCount: H,
             columnWidth: U,
             rowHeight: G,
@@ -2289,7 +2290,7 @@ const gi = un(({ widths: t, heights: e }) => {
             rowCount: A,
             className: se(
               ae["rp-pages"],
-              h === oe.HORIZONTAL_SCROLLING ? ae["rp-pages-horizontal-scroll"] : ""
+              f === oe.HORIZONTAL_SCROLLING ? ae["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
               "--rp-pages-height": `${ie.height}px`,
@@ -2299,7 +2300,7 @@ const gi = un(({ widths: t, heights: e }) => {
             },
             children: _i
           }
-        ) : !_ && !I ? /* @__PURE__ */ i(
+        ) : !w && !I ? /* @__PURE__ */ i(
           "div",
           {
             className: ae["rp-loader"],
@@ -2312,7 +2313,7 @@ const gi = un(({ widths: t, heights: e }) => {
             },
             children: S && /* @__PURE__ */ i(S, {})
           }
-        ) : I === ho.NOT_SUPPORTED ? /* @__PURE__ */ i("div", { className: ae["rp-not-supported"], children: /* @__PURE__ */ W("div", { className: ae["rp-not-supported-content"], children: [
+        ) : I === fo.NOT_SUPPORTED ? /* @__PURE__ */ i("div", { className: ae["rp-not-supported"], children: /* @__PURE__ */ W("div", { className: ae["rp-not-supported-content"], children: [
           "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
           /* @__PURE__ */ i("div", { children: /* @__PURE__ */ W("ul", { children: [
             /* @__PURE__ */ i("li", { children: "Chrome 119+" }),
@@ -2344,26 +2345,26 @@ const gi = un(({ widths: t, heights: e }) => {
   const { nextIcon: t } = ge(), { nextIcon: e } = me();
   return t || e || /* @__PURE__ */ i(Ue, { style: { transform: "rotate(180deg" } });
 }, Ci = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: s } = ue(), [c, d] = $(t.toString()), { pageNavigationTool: a = !0 } = Ce(), { pageNavigationTool: m = !0 } = Ie(), { isSmallScreen: g } = Se(), { viewMode: C } = Me(), { scrollMode: u } = De(), { localeMessages: b } = de();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: s } = ue(), [a, d] = $(t.toString()), { pageNavigationTool: c = !0 } = Ce(), { pageNavigationTool: m = !0 } = Ie(), { isSmallScreen: g } = Se(), { viewMode: C } = Me(), { scrollMode: u } = De(), { localeMessages: y } = de();
   z(() => {
     d(t.toString());
   }, [t]);
-  const T = N((f) => {
-    const h = f.target.value;
-    d(h);
-  }, []), P = N(async () => {
-    const f = s(c);
-    f.success || d(f.currentPage.toString());
-  }, [s, c, e]), w = N(() => {
+  const _ = N((h) => {
+    const f = h.target.value;
+    d(f);
+  }, []), b = N(async () => {
+    const h = s(a);
+    h.success || d(h.currentPage.toString());
+  }, [s, a, e]), T = N(() => {
     d(t.toString());
-  }, [t]), y = N(
-    (f) => {
-      f.key === "Enter" && P();
+  }, [t]), P = N(
+    (h) => {
+      h.key === "Enter" && b();
     },
-    [P]
+    [b]
   ), p = k(() => C === Ne.DUAL_PAGE && u === oe.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, C, u]);
-  return !a || !m ? null : typeof a != "boolean" ? /* @__PURE__ */ i(
-    a,
+  return !c || !m ? null : typeof c != "boolean" ? /* @__PURE__ */ i(
+    c,
     {
       total: e,
       current: t,
@@ -2383,22 +2384,22 @@ const gi = un(({ widths: t, heights: e }) => {
       changePage: n
     }
   ) : /* @__PURE__ */ W("div", { className: vt["rp-paginate"], children: [
-    !g && /* @__PURE__ */ i(K, { content: b == null ? void 0 : b.previousPageTooltip, children: /* @__PURE__ */ i(
+    !g && /* @__PURE__ */ i(K, { content: y == null ? void 0 : y.previousPageTooltip, children: /* @__PURE__ */ i(
       ce,
       {
         onClick: o,
-        "aria-label": b == null ? void 0 : b.previousPageTooltip,
+        "aria-label": y == null ? void 0 : y.previousPageTooltip,
         "aria-disabled": t === 1,
         children: /* @__PURE__ */ i(bi, {})
       }
     ) }),
-    /* @__PURE__ */ i(K, { content: b == null ? void 0 : b.currentPageTooltip, children: /* @__PURE__ */ i(
-      pn,
+    /* @__PURE__ */ i(K, { content: y == null ? void 0 : y.currentPageTooltip, children: /* @__PURE__ */ i(
+      hn,
       {
-        onKeyDown: y,
-        onBlur: w,
-        onChange: T,
-        value: c,
+        onKeyDown: P,
+        onBlur: T,
+        onChange: _,
+        value: a,
         className: vt["rp-page-input"],
         id: "page-input",
         name: "page-input"
@@ -2408,26 +2409,26 @@ const gi = un(({ widths: t, heights: e }) => {
       "/",
       e
     ] }),
-    !g && /* @__PURE__ */ i(K, { content: b == null ? void 0 : b.nextPageTooltip, children: /* @__PURE__ */ i(
+    !g && /* @__PURE__ */ i(K, { content: y == null ? void 0 : y.nextPageTooltip, children: /* @__PURE__ */ i(
       ce,
       {
         onClick: r,
-        "aria-label": b == null ? void 0 : b.nextPageTooltip,
+        "aria-label": y == null ? void 0 : y.nextPageTooltip,
         "aria-disabled": p,
         children: /* @__PURE__ */ i(Ti, {})
       }
     ) })
   ] });
 };
-var st = "Dialog", [On, wc] = gr(st), [Pi, fe] = On(st), Dn = (t) => {
+var st = "Dialog", [Dn, wc] = gr(st), [Pi, fe] = Dn(st), zn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
     open: r,
     defaultOpen: o,
     onOpenChange: s,
-    modal: c = !0
-  } = t, d = Q.useRef(null), a = Q.useRef(null), [m, g] = wr({
+    modal: a = !0
+  } = t, d = Q.useRef(null), c = Q.useRef(null), [m, g] = wr({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
@@ -2438,22 +2439,22 @@ var st = "Dialog", [On, wc] = gr(st), [Pi, fe] = On(st), Dn = (t) => {
     {
       scope: e,
       triggerRef: d,
-      contentRef: a,
+      contentRef: c,
       contentId: ut(),
       titleId: ut(),
       descriptionId: ut(),
       open: m,
       onOpenChange: g,
       onOpenToggle: Q.useCallback(() => g((C) => !C), [g]),
-      modal: c,
+      modal: a,
       children: n
     }
   );
 };
-Dn.displayName = st;
-var zn = "DialogTrigger", yi = Q.forwardRef(
+zn.displayName = st;
+var An = "DialogTrigger", yi = Q.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = fe(zn, n), s = Rt(e, o.triggerRef);
+    const { __scopeDialog: n, ...r } = t, o = fe(An, n), s = Lt(e, o.triggerRef);
     return /* @__PURE__ */ i(
       je.button,
       {
@@ -2461,7 +2462,7 @@ var zn = "DialogTrigger", yi = Q.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
-        "data-state": zt(o.open),
+        "data-state": At(o.open),
         ...r,
         ref: s,
         onClick: qe(t.onClick, o.onOpenToggle)
@@ -2469,21 +2470,21 @@ var zn = "DialogTrigger", yi = Q.forwardRef(
     );
   }
 );
-yi.displayName = zn;
-var Ot = "DialogPortal", [Ii, An] = On(Ot, {
+yi.displayName = An;
+var Dt = "DialogPortal", [Ii, Fn] = Dn(Dt, {
   forceMount: void 0
-}), Fn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, s = fe(Ot, e);
-  return /* @__PURE__ */ i(Ii, { scope: e, forceMount: n, children: Q.Children.map(r, (c) => /* @__PURE__ */ i(Lt, { present: n || s.open, children: /* @__PURE__ */ i(Ir, { asChild: !0, container: o, children: c }) })) });
+}), kn = (t) => {
+  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, s = fe(Dt, e);
+  return /* @__PURE__ */ i(Ii, { scope: e, forceMount: n, children: Q.Children.map(r, (a) => /* @__PURE__ */ i(Et, { present: n || s.open, children: /* @__PURE__ */ i(Ir, { asChild: !0, container: o, children: a }) })) });
 };
-Fn.displayName = Ot;
-var et = "DialogOverlay", kn = Q.forwardRef(
+kn.displayName = Dt;
+var et = "DialogOverlay", Wn = Q.forwardRef(
   (t, e) => {
-    const n = An(et, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, s = fe(et, t.__scopeDialog);
-    return s.modal ? /* @__PURE__ */ i(Lt, { present: r || s.open, children: /* @__PURE__ */ i(xi, { ...o, ref: e }) }) : null;
+    const n = Fn(et, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, s = fe(et, t.__scopeDialog);
+    return s.modal ? /* @__PURE__ */ i(Et, { present: r || s.open, children: /* @__PURE__ */ i(xi, { ...o, ref: e }) }) : null;
   }
 );
-kn.displayName = et;
+Wn.displayName = et;
 var Si = _r("DialogOverlay.RemoveScroll"), xi = Q.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = fe(et, n);
@@ -2493,7 +2494,7 @@ var Si = _r("DialogOverlay.RemoveScroll"), xi = Q.forwardRef(
       /* @__PURE__ */ i(Tr, { as: Si, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ i(
         je.div,
         {
-          "data-state": zt(o.open),
+          "data-state": At(o.open),
           ...r,
           ref: e,
           style: { pointerEvents: "auto", ...r.style }
@@ -2501,34 +2502,34 @@ var Si = _r("DialogOverlay.RemoveScroll"), xi = Q.forwardRef(
       ) })
     );
   }
-), Oe = "DialogContent", Wn = Q.forwardRef(
+), Oe = "DialogContent", Mn = Q.forwardRef(
   (t, e) => {
-    const n = An(Oe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, s = fe(Oe, t.__scopeDialog);
-    return /* @__PURE__ */ i(Lt, { present: r || s.open, children: s.modal ? /* @__PURE__ */ i(Ri, { ...o, ref: e }) : /* @__PURE__ */ i(Li, { ...o, ref: e }) });
+    const n = Fn(Oe, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, s = fe(Oe, t.__scopeDialog);
+    return /* @__PURE__ */ i(Et, { present: r || s.open, children: s.modal ? /* @__PURE__ */ i(Ri, { ...o, ref: e }) : /* @__PURE__ */ i(Li, { ...o, ref: e }) });
   }
 );
-Wn.displayName = Oe;
+Mn.displayName = Oe;
 var Ri = Q.forwardRef(
   (t, e) => {
-    const n = fe(Oe, t.__scopeDialog), r = Q.useRef(null), o = Rt(e, n.contentRef, r);
+    const n = fe(Oe, t.__scopeDialog), r = Q.useRef(null), o = Lt(e, n.contentRef, r);
     return Q.useEffect(() => {
       const s = r.current;
       if (s)
         return Cr(s);
     }, []), /* @__PURE__ */ i(
-      Mn,
+      Hn,
       {
         ...t,
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: qe(t.onCloseAutoFocus, (s) => {
-          var c;
-          s.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+          var a;
+          s.preventDefault(), (a = n.triggerRef.current) == null || a.focus();
         }),
         onPointerDownOutside: qe(t.onPointerDownOutside, (s) => {
-          const c = s.detail.originalEvent, d = c.button === 0 && c.ctrlKey === !0;
-          (c.button === 2 || d) && s.preventDefault();
+          const a = s.detail.originalEvent, d = a.button === 0 && a.ctrlKey === !0;
+          (a.button === 2 || d) && s.preventDefault();
         }),
         onFocusOutside: qe(
           t.onFocusOutside,
@@ -2541,28 +2542,28 @@ var Ri = Q.forwardRef(
   (t, e) => {
     const n = fe(Oe, t.__scopeDialog), r = Q.useRef(!1), o = Q.useRef(!1);
     return /* @__PURE__ */ i(
-      Mn,
+      Hn,
       {
         ...t,
         ref: e,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (s) => {
-          var c, d;
-          (c = t.onCloseAutoFocus) == null || c.call(t, s), s.defaultPrevented || (r.current || (d = n.triggerRef.current) == null || d.focus(), s.preventDefault()), r.current = !1, o.current = !1;
+          var a, d;
+          (a = t.onCloseAutoFocus) == null || a.call(t, s), s.defaultPrevented || (r.current || (d = n.triggerRef.current) == null || d.focus(), s.preventDefault()), r.current = !1, o.current = !1;
         },
         onInteractOutside: (s) => {
-          var a, m;
-          (a = t.onInteractOutside) == null || a.call(t, s), s.defaultPrevented || (r.current = !0, s.detail.originalEvent.type === "pointerdown" && (o.current = !0));
-          const c = s.target;
-          ((m = n.triggerRef.current) == null ? void 0 : m.contains(c)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && o.current && s.preventDefault();
+          var c, m;
+          (c = t.onInteractOutside) == null || c.call(t, s), s.defaultPrevented || (r.current = !0, s.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const a = s.target;
+          ((m = n.triggerRef.current) == null ? void 0 : m.contains(a)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && o.current && s.preventDefault();
         }
       }
     );
   }
-), Mn = Q.forwardRef(
+), Hn = Q.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = t, d = fe(Oe, n), a = Q.useRef(null), m = Rt(e, a);
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = t, d = fe(Oe, n), c = Q.useRef(null), m = Lt(e, c);
     return Pr(), /* @__PURE__ */ W(he, { children: [
       /* @__PURE__ */ i(
         yr,
@@ -2579,8 +2580,8 @@ var Ri = Q.forwardRef(
               id: d.contentId,
               "aria-describedby": d.descriptionId,
               "aria-labelledby": d.titleId,
-              "data-state": zt(d.open),
-              ...c,
+              "data-state": At(d.open),
+              ...a,
               ref: m,
               onDismiss: () => d.onOpenChange(!1)
             }
@@ -2589,27 +2590,27 @@ var Ri = Q.forwardRef(
       ),
       /* @__PURE__ */ W(he, { children: [
         /* @__PURE__ */ i(Ni, { titleId: d.titleId }),
-        /* @__PURE__ */ i(Di, { contentRef: a, descriptionId: d.descriptionId })
+        /* @__PURE__ */ i(Di, { contentRef: c, descriptionId: d.descriptionId })
       ] })
     ] });
   }
-), Dt = "DialogTitle", Hn = Q.forwardRef(
+), zt = "DialogTitle", $n = Q.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = fe(Dt, n);
+    const { __scopeDialog: n, ...r } = t, o = fe(zt, n);
     return /* @__PURE__ */ i(je.h2, { id: o.titleId, ...r, ref: e });
   }
 );
-Hn.displayName = Dt;
-var $n = "DialogDescription", Ei = Q.forwardRef(
+$n.displayName = zt;
+var Gn = "DialogDescription", Ei = Q.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = fe($n, n);
+    const { __scopeDialog: n, ...r } = t, o = fe(Gn, n);
     return /* @__PURE__ */ i(je.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
-Ei.displayName = $n;
-var Gn = "DialogClose", qn = Q.forwardRef(
+Ei.displayName = Gn;
+var qn = "DialogClose", Un = Q.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = fe(Gn, n);
+    const { __scopeDialog: n, ...r } = t, o = fe(qn, n);
     return /* @__PURE__ */ i(
       je.button,
       {
@@ -2621,16 +2622,16 @@ var Gn = "DialogClose", qn = Q.forwardRef(
     );
   }
 );
-qn.displayName = Gn;
-function zt(t) {
+Un.displayName = qn;
+function At(t) {
   return t ? "open" : "closed";
 }
-var Un = "DialogTitleWarning", [_c, Vn] = vr(Un, {
+var Vn = "DialogTitleWarning", [_c, Bn] = vr(Vn, {
   contentName: Oe,
-  titleName: Dt,
+  titleName: zt,
   docsSlug: "dialog"
 }), Ni = ({ titleId: t }) => {
-  const e = Vn(Un), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
+  const e = Bn(Vn), 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.
 
@@ -2639,13 +2640,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
 }, Oi = "DialogDescriptionWarning", Di = ({ contentRef: t, descriptionId: e }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Vn(Oi).contentName}}.`;
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Bn(Oi).contentName}}.`;
   return Q.useEffect(() => {
     var s;
     const o = (s = t.current) == null ? void 0 : s.getAttribute("aria-describedby");
     e && o && (document.getElementById(e) || console.warn(r));
   }, [r, t, e]), null;
-}, zi = Dn, Ai = Fn, Fi = kn, ki = Wn, Wi = Hn, Mi = qn;
+}, zi = zn, Ai = kn, Fi = Wn, ki = Mn, Wi = $n, Mi = Un;
 const Ee = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2659,59 +2660,59 @@ const Ee = {
     if (!t)
       return [];
     const {
-      fileSize: c,
+      fileSize: a,
       filename: d,
-      title: a,
+      title: c,
       author: m,
       subject: g,
       createdOn: C,
       creator: u,
-      keywords: b,
-      modifiedOn: T,
-      pdfProducer: P,
-      pdfVersion: w,
-      pageCount: y
+      keywords: y,
+      modifiedOn: _,
+      pdfProducer: b,
+      pdfVersion: T,
+      pageCount: P
     } = t;
     return [
       { label: o == null ? void 0 : o.propertiesFilenameLabel, value: d },
-      { label: o == null ? void 0 : o.propertiesFileSizeLabel, value: c },
+      { label: o == null ? void 0 : o.propertiesFileSizeLabel, value: a },
       { separate: !0 },
-      { label: o == null ? void 0 : o.propertiesTitleLabel, value: a },
+      { label: o == null ? void 0 : o.propertiesTitleLabel, value: c },
       { label: o == null ? void 0 : o.propertiesAuthorLabel, value: m },
       { label: o == null ? void 0 : o.propertiesSubjectLabel, value: g },
-      { label: o == null ? void 0 : o.propertiesKeywordLabel, value: b },
+      { label: o == null ? void 0 : o.propertiesKeywordLabel, value: y },
       { label: o == null ? void 0 : o.propertiesCreatorLabel, value: u },
       {
         label: o == null ? void 0 : o.propertiesCreateOnLabel,
-        value: C ? $t(C) : ""
+        value: C ? Gt(C) : ""
       },
       {
         label: o == null ? void 0 : o.propertiesModifiedOnLabel,
-        value: T ? $t(T) : ""
+        value: _ ? Gt(_) : ""
       },
       { separate: !0 },
-      { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: P },
-      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: w },
-      { label: o == null ? void 0 : o.propertiesPageCountLabel, value: y }
+      { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: b },
+      { label: o == null ? void 0 : o.propertiesPDFVersionLabel, value: T },
+      { label: o == null ? void 0 : o.propertiesPageCountLabel, value: P }
     ];
   }, [t, o]);
   return /* @__PURE__ */ i(zi, { open: n, onOpenChange: r, children: /* @__PURE__ */ i(Ai, { container: e, children: /* @__PURE__ */ W("div", { className: Ee["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ i(Fi, { className: Ee["rp-dialog-overlay"] }),
     /* @__PURE__ */ W(ki, { className: Ee["rp-document-dialog"], children: [
       /* @__PURE__ */ i(Wi, { className: Ee["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ee["rp-document-properties"], children: s.map((c, d) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: Ee["rp-properties-divider"] }) : /* @__PURE__ */ i(Bo, { label: c.label, value: c.value }) }, d)) }),
+      /* @__PURE__ */ i("div", { className: Ee["rp-document-properties"], children: s.map((a, d) => /* @__PURE__ */ i("div", { children: a.separate ? /* @__PURE__ */ i("div", { className: Ee["rp-properties-divider"] }) : /* @__PURE__ */ i(Bo, { label: a.label, value: a.value }) }, d)) }),
       /* @__PURE__ */ i(Mi, { asChild: !0, className: Ee["rp-dialog-close"], children: /* @__PURE__ */ i(Sr, {}) })
     ] })
   ] }) }) });
 }, $i = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, sn = ".pdf", Gi = (t) => URL.createObjectURL(t), qi = async (t) => {
+}, an = ".pdf", Gi = (t) => URL.createObjectURL(t), qi = async (t) => {
   const n = await (await fetch(t)).blob();
   return Gi(n);
-}, Bn = () => {
+}, Zn = () => {
   const { filename: t, pdfSrc: e } = re(), { downloadFilename: n } = Io(), r = (s) => {
-    const c = n || s;
-    return c.endsWith(sn) ? c : `${c}${sn}`;
+    const a = n || s;
+    return a.endsWith(an) ? a : `${a}${an}`;
   };
   return { download: N(async () => {
     if (!t || !e)
@@ -2719,24 +2720,24 @@ const Ee = {
     const s = document.createElement("a");
     s.href = await qi(e), s.download = r(t), document.body.appendChild(s), s.click(), document.body.removeChild(s);
   }, [t, e]) };
-}, Zn = () => {
+}, jn = () => {
   const { downloadIcon: t } = ge(), { downloadIcon: e } = me();
   return t || e || /* @__PURE__ */ i(Nr, {});
-}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ui = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(jn, { localeMessages: e, children: /* @__PURE__ */ i(ce, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Zn, {}) }) }), Vi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(ye, { onClick: t, children: /* @__PURE__ */ W(jn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Zn, {}) }),
+}, Kn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ui = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Kn, { localeMessages: e, children: /* @__PURE__ */ i(ce, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(jn, {}) }) }), Vi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(ye, { onClick: t, children: /* @__PURE__ */ W(Kn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(jn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
-] }) }), Kn = () => {
-  const { download: t } = Bn(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ie(), { isSmallScreen: r } = Se(), { localeMessages: o } = de(), s = o == null ? void 0 : o.downloadFileTooltip;
+] }) }), Xn = () => {
+  const { download: t } = Zn(), { downloadTool: e = !0 } = Ce(), { downloadTool: n = !0 } = Ie(), { isSmallScreen: r } = Se(), { localeMessages: o } = de(), s = o == null ? void 0 : o.downloadFileTooltip;
   return !e || !n ? null : r ? /* @__PURE__ */ i(Vi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(K, { content: s, children: /* @__PURE__ */ i(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ i(K, { content: s, children: /* @__PURE__ */ i(n, { download: t }) }) : /* @__PURE__ */ i(Ui, { download: t, localeMessages: o });
-}, Xn = () => {
+}, Qn = () => {
   const { printIcon: t } = ge(), { printIcon: e } = me();
   return t || e || /* @__PURE__ */ i(Or, {});
-}, Qn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Bi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Qn, { localeMessages: e, children: /* @__PURE__ */ i(ce, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Xn, {}) }) }), Zi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(ye, { onClick: t, children: /* @__PURE__ */ W(Qn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Xn, {}) }),
+}, Yn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Bi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Yn, { localeMessages: e, children: /* @__PURE__ */ i(ce, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Qn, {}) }) }), Zi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(ye, { onClick: t, children: /* @__PURE__ */ W(Yn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Qn, {}) }),
   e == null ? void 0 : e.printLabel
-] }) }), Yn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: s, showDefaultProgress: c } = it(), { printTool: d = !0 } = Ce(), { printTool: a = !0 } = Ie(), { isSmallScreen: m } = Se(), { localeMessages: g } = de(), C = g == null ? void 0 : g.printTooltip;
-  return !d || !a ? null : m ? /* @__PURE__ */ i(Zi, { print: t, localeMessages: g }) : typeof d == "function" ? /* @__PURE__ */ i(K, { content: C, children: /* @__PURE__ */ i(
+] }) }), Jn = () => {
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: s, showDefaultProgress: a } = it(), { printTool: d = !0 } = Ce(), { printTool: c = !0 } = Ie(), { isSmallScreen: m } = Se(), { localeMessages: g } = de(), C = g == null ? void 0 : g.printTooltip;
+  return !d || !c ? null : m ? /* @__PURE__ */ i(Zi, { print: t, localeMessages: g }) : typeof d == "function" ? /* @__PURE__ */ i(K, { content: C, children: /* @__PURE__ */ i(
     d,
     {
       print: t,
@@ -2745,10 +2746,10 @@ const Ee = {
       setOnError: o,
       setOnComplete: r,
       progress: s,
-      showDefaultProgress: c
+      showDefaultProgress: a
     }
-  ) }) : typeof a == "function" ? /* @__PURE__ */ i(K, { content: C, children: /* @__PURE__ */ i(
-    a,
+  ) }) : typeof c == "function" ? /* @__PURE__ */ i(K, { content: C, children: /* @__PURE__ */ i(
+    c,
     {
       print: t,
       cancel: e,
@@ -2756,81 +2757,81 @@ const Ee = {
       setOnError: o,
       setOnComplete: r,
       progress: s,
-      showDefaultProgress: c
+      showDefaultProgress: a
     }
   ) }) : /* @__PURE__ */ i(Bi, { print: t, localeMessages: g });
 }, ji = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Ki = () => {
   const { goToFirstPageIcon: t } = ge(), { goToFirstPageIcon: e } = me();
-  return t || e || /* @__PURE__ */ i(wn, { className: ji["rp-go-to-Top"] });
+  return t || e || /* @__PURE__ */ i(_n, { className: ji["rp-go-to-Top"] });
 }, Xi = () => {
   const { goToLastPageIcon: t } = ge(), { goToLastPageIcon: e } = me();
-  return t || e || /* @__PURE__ */ i(wn, {});
-}, an = { width: "100%" }, Qi = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ue(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Ie(), { localeMessages: s } = de(), c = k(() => n === 1, [n]), d = k(() => n === e, [n, e]), a = N(() => {
+  return t || e || /* @__PURE__ */ i(_n, {});
+}, cn = { width: "100%" }, Qi = () => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = ue(), { jumpNavigationTool: r = !0 } = Ce(), { jumpNavigationTool: o = !0 } = Ie(), { localeMessages: s } = de(), a = k(() => n === 1, [n]), d = k(() => n === e, [n, e]), c = N(() => {
     t(1);
   }, [t]), m = N(() => {
     t(e);
   }, [t, e]);
   return !r || !o ? null : /* @__PURE__ */ W(Je, { children: [
-    /* @__PURE__ */ i(ye, { onClick: a, children: /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.firstPageTooltip, style: an, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": c, children: [
+    /* @__PURE__ */ i(ye, { onClick: c, children: /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.firstPageTooltip, style: cn, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": a, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Ki, {}) }),
       /* @__PURE__ */ i("span", { children: s == null ? void 0 : s.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(ye, { onClick: m, children: /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.lastPageTooltip, style: an, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": d, children: [
+    /* @__PURE__ */ i(ye, { onClick: m, children: /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.lastPageTooltip, style: cn, children: /* @__PURE__ */ W("div", { className: "rp-menu-item", "aria-disabled": d, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Xi, {}) }),
       /* @__PURE__ */ i("span", { children: s == null ? void 0 : s.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(It, {})
+    /* @__PURE__ */ i(St, {})
   ] });
 }, Yi = () => {
   const [t, e] = $(!1), { container: n, pagesRef: r } = Te(), { isSmallScreen: o } = Se(), {
     openFileTool: s,
-    downloadTool: c,
+    downloadTool: a,
     documentProperties: d,
-    scrollModeTool: a,
+    scrollModeTool: c,
     rotateTool: m,
     selectionModeTool: g,
     jumpNavigationTool: C,
     printTool: u,
-    fullscreenTool: b,
-    viewModeTool: T
+    fullscreenTool: y,
+    viewModeTool: _
   } = Ce(), {
-    openFileTool: P,
-    downloadTool: w,
-    documentProperties: y,
+    openFileTool: b,
+    downloadTool: T,
+    documentProperties: P,
     scrollModeTool: p,
-    rotateTool: f,
-    selectionModeTool: h,
+    rotateTool: h,
+    selectionModeTool: f,
     jumpNavigationTool: l,
     printTool: v,
-    fullscreenTool: _,
+    fullscreenTool: w,
     viewModeTool: I
   } = Ie(), { localeMessages: x } = de(), [S, L] = $(0), O = M(
     new ResizeObserver((E) => {
       L(E[0].contentRect.height);
     })
-  ), D = k(() => C || m || g || a || d || T || o && (s || c || u || b), [
+  ), D = k(() => C || m || g || c || d || _ || o && (s || a || u || y), [
     s,
-    c,
+    a,
     u,
-    b,
+    y,
     d,
-    a,
+    c,
     m,
     g,
     C,
     o
-  ]), F = k(() => l || f || h || p || y || I || o && (P || w || v || _), [
-    P,
-    w,
+  ]), F = k(() => l || h || f || p || P || I || o && (b || T || v || w), [
+    b,
+    T,
     v,
-    _,
-    y,
+    w,
+    P,
     p,
-    f,
     h,
+    f,
     l,
     o
   ]);
@@ -2838,7 +2839,7 @@ const Ee = {
     O.current.disconnect();
   }), [r]), !D || !F ? null : /* @__PURE__ */ W(he, { children: [
     /* @__PURE__ */ i(
-      yt,
+      It,
       {
         container: n,
         onOpenChange: e,
@@ -2853,11 +2854,11 @@ const Ee = {
             "data-rp": "moreOptionsDropdown",
             children: [
               o && /* @__PURE__ */ W(Je, { children: [
-                /* @__PURE__ */ i(gn, {}),
-                /* @__PURE__ */ i(Kn, {}),
-                /* @__PURE__ */ i(Yn, {}),
                 /* @__PURE__ */ i(vn, {}),
-                /* @__PURE__ */ i(It, {})
+                /* @__PURE__ */ i(Xn, {}),
+                /* @__PURE__ */ i(Jn, {}),
+                /* @__PURE__ */ i(wn, {}),
+                /* @__PURE__ */ i(St, {})
               ] }),
               /* @__PURE__ */ i(Qi, {}),
               /* @__PURE__ */ i(Rr, {}),
@@ -2877,10 +2878,10 @@ const Ee = {
   return /* @__PURE__ */ W(he, { children: [
     /* @__PURE__ */ i(fr, {}),
     !t && /* @__PURE__ */ W(he, { children: [
-      /* @__PURE__ */ i(gn, {}),
-      /* @__PURE__ */ i(Kn, {}),
-      /* @__PURE__ */ i(Yn, {}),
-      /* @__PURE__ */ i(vn, {})
+      /* @__PURE__ */ i(vn, {}),
+      /* @__PURE__ */ i(Xn, {}),
+      /* @__PURE__ */ i(Jn, {}),
+      /* @__PURE__ */ i(wn, {})
     ] }),
     /* @__PURE__ */ i(Yi, {})
   ] });
@@ -2904,7 +2905,7 @@ const Ee = {
     }
     return t.toString();
   }, [t, n]);
-  return /* @__PURE__ */ i(he, { children: typeof t == "number" ? /* @__PURE__ */ W(lo, { children: [
+  return /* @__PURE__ */ i(he, { children: typeof t == "number" ? /* @__PURE__ */ W(uo, { children: [
     /* @__PURE__ */ i("span", { className: e, children: t }),
     /* @__PURE__ */ i("span", { className: e, children: "%" })
   ] }) : /* @__PURE__ */ i("span", { className: e, children: r }) });
@@ -2915,47 +2916,47 @@ const Ee = {
   const { zoomOutIcon: t } = ge(), { zoomOutIcon: e } = me();
   return t || e || /* @__PURE__ */ i(Ar, {});
 }, is = () => {
-  const { zoomLevel: t, setZoomLevel: e, currentZoom: n } = tt(), { container: r, pagesRef: o } = Te(), { zoomTool: s = !0 } = Ce(), { zoomTool: c = !0 } = Ie(), { isSmallScreen: d } = Se(), { localeMessages: a } = de(), [m, g] = $(0), [C, u] = $(!1), b = M(
+  const { zoomLevel: t, setZoomLevel: e, currentZoom: n } = tt(), { container: r, pagesRef: o } = Te(), { zoomTool: s = !0 } = Ce(), { zoomTool: a = !0 } = Ie(), { isSmallScreen: d } = Se(), { localeMessages: c } = de(), [m, g] = $(0), [C, u] = $(!1), y = M(
     new ResizeObserver((p) => {
       g(p[0].contentRect.height);
     })
-  ), T = N(() => {
+  ), _ = N(() => {
     e(() => {
       const p = Math.floor(n * 100 / 25) * 25;
-      return Math.min(p + 25, Gt);
+      return Math.min(p + 25, qt);
     });
-  }, [e, n]), P = N(() => {
+  }, [e, n]), b = N(() => {
     e(() => {
       const p = Math.ceil(n * 100 / 25) * 25;
-      return Math.min(p - 25, Gt);
+      return Math.min(p - 25, qt);
     });
-  }, [e, n]), w = k(() => Fr(n), [n]), y = k(() => kr(n), [n]);
-  return z(() => (o && b.current.observe(o), () => {
-    b.current.disconnect();
-  }), [o]), !s || !c ? null : typeof s == "function" ? /* @__PURE__ */ i(s, { zoomLevel: t, setZoomLevel: e }) : typeof c == "function" ? /* @__PURE__ */ i(c, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ W("div", { className: Ae["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(K, { content: a == null ? void 0 : a.zoomOutTooltip, children: /* @__PURE__ */ i(
+  }, [e, n]), T = k(() => Fr(n), [n]), P = k(() => kr(n), [n]);
+  return z(() => (o && y.current.observe(o), () => {
+    y.current.disconnect();
+  }), [o]), !s || !a ? null : typeof s == "function" ? /* @__PURE__ */ i(s, { zoomLevel: t, setZoomLevel: e }) : typeof a == "function" ? /* @__PURE__ */ i(a, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ W("div", { className: Ae["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.zoomOutTooltip, children: /* @__PURE__ */ i(
       ce,
       {
-        disabled: w,
-        onClick: P,
-        "aria-label": a == null ? void 0 : a.zoomOutTooltip,
+        disabled: T,
+        onClick: b,
+        "aria-label": c == null ? void 0 : c.zoomOutTooltip,
         children: /* @__PURE__ */ i(rs, {})
       }
     ) }),
     !d && /* @__PURE__ */ i(
-      yt,
+      It,
       {
         container: r,
         open: C,
         onOpenChange: u,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: a == null ? void 0 : a.zoomSelectTooltip, children: /* @__PURE__ */ W(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.zoomSelectTooltip, children: /* @__PURE__ */ W(
           ce,
           {
             className: se(
               Ae["rp-current-zoom-wrapper"],
               C && Ae.active
             ),
-            "aria-label": a == null ? void 0 : a.zoomSelectTooltip,
+            "aria-label": c == null ? void 0 : c.zoomSelectTooltip,
             children: [
               /* @__PURE__ */ i(
                 ts,
@@ -2979,11 +2980,11 @@ const Ee = {
             className: Ae["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ W(Je, { children: [
-                /* @__PURE__ */ i(ye, { onClick: () => e(We.ACTUAL), children: a == null ? void 0 : a.zoomActualSize }),
-                /* @__PURE__ */ i(ye, { onClick: () => e(We.PAGE_FIT), children: a == null ? void 0 : a.zoomPageFit }),
-                /* @__PURE__ */ i(ye, { onClick: () => e(We.PAGE_WIDTH), children: a == null ? void 0 : a.zoomPageWidth })
+                /* @__PURE__ */ i(ye, { onClick: () => e(We.ACTUAL), children: c == null ? void 0 : c.zoomActualSize }),
+                /* @__PURE__ */ i(ye, { onClick: () => e(We.PAGE_FIT), children: c == null ? void 0 : c.zoomPageFit }),
+                /* @__PURE__ */ i(ye, { onClick: () => e(We.PAGE_WIDTH), children: c == null ? void 0 : c.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ i(It, {}),
+              /* @__PURE__ */ i(St, {}),
               /* @__PURE__ */ i(Je, { children: ns.map((p) => /* @__PURE__ */ W(ye, { onClick: () => e(p), children: [
                 p,
                 " %"
@@ -2993,18 +2994,18 @@ const Ee = {
         )
       }
     ),
-    /* @__PURE__ */ i(K, { content: a == null ? void 0 : a.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.zoomInTooltip, children: /* @__PURE__ */ i(
       ce,
       {
-        disabled: y,
-        onClick: T,
-        "aria-label": a == null ? void 0 : a.zoomInTooltip,
+        disabled: P,
+        onClick: _,
+        "aria-label": c == null ? void 0 : c.zoomInTooltip,
         children: /* @__PURE__ */ i(os, {})
       }
     ) })
   ] });
-}, cn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = Et(), { localeMessages: r } = de();
+}, ln = () => {
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = Nt(), { localeMessages: r } = de();
   return /* @__PURE__ */ W(he, { children: [
     /* @__PURE__ */ i(
       K,
@@ -3038,22 +3039,22 @@ const Ee = {
   ] });
 }, ss = () => {
   const { searchIcon: t } = ge(), { searchIcon: e } = me();
-  return t || e || /* @__PURE__ */ i(_n, {});
+  return t || e || /* @__PURE__ */ i(bn, {});
 }, as = ({ icon: t }) => {
-  const { container: e } = Te(), [n, r] = $(!1), { pdf: o } = re(), [s, c] = $(null), {
+  const { container: e } = Te(), [n, r] = $(!1), { pdf: o } = re(), [s, a] = $(null), {
     searchOptions: d,
-    setSearchOptions: a,
+    setSearchOptions: c,
     loading: m,
     setSearch: g,
     totalMatches: C,
     currentMatchPosition: u,
-    nextMatch: b,
-    prevMatch: T,
-    search: P
-  } = Et(), { searchTool: w = !0 } = Ce(), { searchTool: y = !0 } = Ie(), [p, f] = $(P), { localeMessages: h } = de(), { isSmallScreen: l } = Se(), [v, _] = $(null), [I, x] = $(!1), S = N(() => {
+    nextMatch: y,
+    prevMatch: _,
+    search: b
+  } = Nt(), { searchTool: T = !0 } = Ce(), { searchTool: P = !0 } = Ie(), [p, h] = $(b), { localeMessages: f } = de(), { isSmallScreen: l } = Se(), [v, w] = $(null), [I, x] = $(!1), S = N(() => {
     r(!0);
   }, []), L = N(() => {
-    g(""), f(""), r(!1);
+    g(""), h(""), r(!1);
   }, [g]), O = (q) => {
     const Z = q.key === "Enter", Y = q.key === " ";
     (Z || Y) && L();
@@ -3064,16 +3065,16 @@ const Ee = {
     [n]
   ), F = N(
     (q) => {
-      q.shiftKey && q.key === "Enter" ? T() : q.key === "Enter" && P !== p ? g(p) : q.key === "Enter" && b();
+      q.shiftKey && q.key === "Enter" ? _() : q.key === "Enter" && b !== p ? g(p) : q.key === "Enter" && y();
     },
-    [p, T, b, g, P]
+    [p, _, y, g, b]
   );
   z(() => {
-    f(P);
-  }, [P]), z(() => {
-    P && o && x(!0);
-  }, [P, o]), z(() => {
-    P && P.trim() !== "" && (f(P), g(P));
+    h(b);
+  }, [b]), z(() => {
+    b && o && x(!0);
+  }, [b, o]), z(() => {
+    b && b.trim() !== "" && (h(b), g(b));
   }, []), z(() => (window.addEventListener("keydown", D), () => {
     window.removeEventListener("keydown", D);
   }), [D]), z(() => {
@@ -3082,19 +3083,19 @@ const Ee = {
     }, 0);
   }, [s]);
   const E = N((q) => {
-    f(q.target.value);
+    h(q.target.value);
   }, []), R = N(() => {
-    f(""), g("");
+    h(""), g("");
   }, [g]), A = k(() => `${u} / ${C}`, [u, C]), { wholeWords: G, matchCase: H } = k(() => d, [d]), U = N(
     (q) => {
-      a((Z) => ({ ...Z, matchCase: q }));
+      c((Z) => ({ ...Z, matchCase: q }));
     },
-    [a]
+    [c]
   ), X = N(
     (q) => {
-      a((Z) => ({ ...Z, wholeWords: q }));
+      c((Z) => ({ ...Z, wholeWords: q }));
     },
-    [a]
+    [c]
   );
   z(() => {
     o && I && L();
@@ -3123,8 +3124,8 @@ const Ee = {
     },
     [V]
   );
-  return !w || !y ? null : /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i(
-    yt,
+  return !T || !P ? null : /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i(
+    It,
     {
       open: n,
       container: e,
@@ -3132,73 +3133,73 @@ const Ee = {
       align: "start",
       tabIndex: 0,
       avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchButtonTooltip, children: /* @__PURE__ */ i(
+      triggerComponent: /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(
         ce,
         {
           active: n,
           onClick: S,
-          "aria-label": h == null ? void 0 : h.searchButtonTooltip,
+          "aria-label": f == null ? void 0 : f.searchButtonTooltip,
           children: t || /* @__PURE__ */ i(ss, {})
         }
       ) }),
       children: /* @__PURE__ */ W(
         "div",
         {
-          ref: _,
+          ref: w,
           className: ne["rp-search-tool-content"],
           tabIndex: 0,
           onKeyDown: ie,
           children: [
             /* @__PURE__ */ W("div", { className: ne["rp-search-tool-input-wrapper"], children: [
               /* @__PURE__ */ W("div", { className: ne["rp-search-tool-input"], children: [
-                /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchInputTooltip, children: /* @__PURE__ */ i(
-                  pn,
+                /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
+                  hn,
                   {
                     value: p,
                     onKeyDown: F,
                     onChange: E,
-                    icon: /* @__PURE__ */ i(_n, {}),
-                    placeholder: h == null ? void 0 : h.searchInputPlaceholder,
+                    icon: /* @__PURE__ */ i(bn, {}),
+                    placeholder: f == null ? void 0 : f.searchInputPlaceholder,
                     className: ne["rp-search-input"],
-                    ref: c,
+                    ref: a,
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
                     children: !!p && /* @__PURE__ */ i("span", { className: ne["rp-search-tool-input-clear"], onClick: R, children: /* @__PURE__ */ i(Wr, {}) })
                   }
                 ) }),
-                m ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(mn, { className: ne["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: A }),
-                l && /* @__PURE__ */ i("div", { className: ne["rp-search-tool-controls"], children: /* @__PURE__ */ i(Mt, { onKeyPress: O, handleClose: L }) })
+                m ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(gn, { className: ne["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: A }),
+                l && /* @__PURE__ */ i("div", { className: ne["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: O, handleClose: L }) })
               ] }),
               /* @__PURE__ */ W("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
-                l && /* @__PURE__ */ i(cn, {}),
+                l && /* @__PURE__ */ i(ln, {}),
                 /* @__PURE__ */ i(
-                  Ht,
+                  $t,
                   {
                     tabIndex: 0,
                     name: "matchCase",
                     value: H,
                     onChange: U,
-                    children: h == null ? void 0 : h.searchMatchCaseLabel
+                    children: f == null ? void 0 : f.searchMatchCaseLabel
                   }
                 ),
-                !l && /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Vt, {}) }) }),
+                !l && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Bt, {}) }) }),
                 /* @__PURE__ */ i(
-                  Ht,
+                  $t,
                   {
                     tabIndex: 0,
                     name: "wholeWord",
                     value: G,
                     onChange: X,
-                    children: h == null ? void 0 : h.searchWholeWordsLabel
+                    children: f == null ? void 0 : f.searchWholeWordsLabel
                   }
                 ),
-                !l && /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { tabIndex: 0, className: ne["rp-search-icon-info"], children: /* @__PURE__ */ i(Vt, {}) }) })
+                !l && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { tabIndex: 0, className: ne["rp-search-icon-info"], children: /* @__PURE__ */ i(Bt, {}) }) })
               ] })
             ] }),
             !l && /* @__PURE__ */ W("div", { className: ne["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ i(cn, {}),
-              /* @__PURE__ */ i(Mt, { onKeyPress: O, handleClose: L })
+              /* @__PURE__ */ i(ln, {}),
+              /* @__PURE__ */ i(Ht, { onKeyPress: O, handleClose: L })
             ] })
           ]
         }
@@ -3230,12 +3231,12 @@ const Ee = {
     /* @__PURE__ */ i("button", { className: se(Fe["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, ds = rt((t, e) => {
-  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Ie(), { progress: o, showDefaultProgress: s } = it(), { isSmallScreen: c } = Se(), { percentage: d } = o || {}, a = () => c ? { gridTemplateColumns: "25% 60% 15%" } : void 0, m = () => {
+  const { showPrintProgress: n = !0 } = Ce(), { showPrintProgress: r = !0 } = Ie(), { progress: o, showDefaultProgress: s } = it(), { isSmallScreen: a } = Se(), { percentage: d } = o || {}, c = () => a ? { gridTemplateColumns: "25% 60% 15%" } : void 0, m = () => {
     if (!(!(s ?? (n && r)) || !d))
       return /* @__PURE__ */ i(ls, { percentage: d });
   };
   return /* @__PURE__ */ W("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: $e["rp-toolbar-content"], children: /* @__PURE__ */ W("div", { className: $e["rp-toolbar-wrapper"], style: a(), children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: $e["rp-toolbar-content"], children: /* @__PURE__ */ W("div", { className: $e["rp-toolbar-wrapper"], style: c(), children: [
       /* @__PURE__ */ W("div", { "data-rp": "topBarLeft", className: $e["rp-toolbar-start"], children: [
         /* @__PURE__ */ i(as, {}),
         /* @__PURE__ */ i(Ci, {})
@@ -3256,37 +3257,37 @@ const Ee = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, us = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ue(), { pageRotate: s } = ot(), c = M(null), d = xn(), { pages: a } = re(), [m, g] = $(null), C = M(!1), u = M(), b = k(() => n ? Ge["rp-thumbnail-active"] : "", [n]), T = k(() => ({
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ue(), { pageRotate: s } = ot(), a = M(null), d = Rn(), { pages: c } = re(), [m, g] = $(null), C = M(!1), u = M(), y = k(() => n ? Ge["rp-thumbnail-active"] : "", [n]), _ = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
-  }), [r]), P = N(() => {
+  }), [r]), b = N(() => {
     e && o(e);
   }, [o, e]);
   return z(() => {
-    const w = a.get(e);
-    u.current === w || (g(null), u.current = w);
-  }, [a, e]), z(() => {
-    const w = a.get(e);
-    if (!c.current || !e || !w || m)
+    const T = c.get(e);
+    u.current === T || (g(null), u.current = T);
+  }, [c, e]), z(() => {
+    const T = c.get(e);
+    if (!a.current || !e || !T || m)
       return;
-    const y = new IntersectionObserver((p) => {
-      p.forEach((f) => {
+    const P = new IntersectionObserver((p) => {
+      p.forEach((h) => {
         if (C.current) {
           C.current = !1, d.removeQueue(`thumbnail-${e}`);
           return;
         }
-        if (f.isIntersecting) {
-          const h = document.createElement("canvas");
+        if (h.isIntersecting) {
+          const f = document.createElement("canvas");
           C.current = !0, d.enqueue(
             `thumbnail-${e}`,
             {
-              page: w.page,
-              canvasElem: h,
+              page: T.page,
+              canvasElem: f,
               options: {
                 scale: 1
               },
               onLoaded: () => {
-                h.toBlob((l) => {
+                f.toBlob((l) => {
                   if (!l)
                     return;
                   const v = URL.createObjectURL(l);
@@ -3299,16 +3300,16 @@ const Ee = {
         }
       });
     });
-    return c.current && y.observe(c.current), () => {
-      y.disconnect(), d.removeQueue(`thumbnail-${e}`);
+    return a.current && P.observe(a.current), () => {
+      P.disconnect(), d.removeQueue(`thumbnail-${e}`);
     };
-  }, [d, e, a, m]), /* @__PURE__ */ W(
+  }, [d, e, c, m]), /* @__PURE__ */ W(
     "div",
     {
-      onClick: P,
+      onClick: b,
       id: `page-${e}`,
       className: Ge["rp-thumbnail-wrapper"],
-      ref: c,
+      ref: a,
       children: [
         /* @__PURE__ */ i(
           "div",
@@ -3316,13 +3317,13 @@ const Ee = {
             style: {
               transform: `rotate(${s[e || 0]}deg)`
             },
-            className: se(b, Ge["rp-thumbnail"]),
+            className: se(y, Ge["rp-thumbnail"]),
             children: m ? /* @__PURE__ */ i(
               "img",
               {
                 src: m,
-                width: T.width,
-                height: T.height,
+                width: _.width,
+                height: _.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ i(
@@ -3330,10 +3331,10 @@ const Ee = {
               {
                 className: Ge["rp-thumbnail-loader"],
                 style: {
-                  width: `${T.width}px`,
-                  height: `${T.height}px`
+                  width: `${_.width}px`,
+                  height: `${_.height}px`
                 },
-                children: /* @__PURE__ */ i(mn, {})
+                children: /* @__PURE__ */ i(gn, {})
               }
             )
           }
@@ -3342,50 +3343,50 @@ const Ee = {
       ]
     }
   );
-}, ln = {
+}, dn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
 }, ps = 16, hs = (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) - ps);
 }, fs = rt((t, e) => {
-  const { show: n, width: r } = t, { focusedPage: o, totalPages: s } = ue(), { thumbnailPages: c, addPage: d, thumbnailLength: a, addToPage: m } = yn(), g = M(null), C = M(1);
-  dn(e, () => g.current);
-  const u = k(() => Object.values(c), [c]), b = N(() => {
-    const T = a + 1;
-    T <= s && d(T);
-  }, [d, s, a]);
+  const { show: n, width: r } = t, { focusedPage: o, totalPages: s } = ue(), { thumbnailPages: a, addPage: d, thumbnailLength: c, addToPage: m } = In(), g = M(null), C = M(1);
+  un(e, () => g.current);
+  const u = k(() => Object.values(a), [a]), y = N(() => {
+    const _ = c + 1;
+    _ <= s && d(_);
+  }, [d, s, c]);
   return z(() => {
-    o > a && s > a ? m(o) : n && C.current !== o && (hs(g.current, o), C.current = o);
-  }, [o, a, m, n, u]), Zo(g.current, b), /* @__PURE__ */ i("div", { ref: g, className: ln["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ i("div", { className: ln["rp-thumbnails"], children: n ? u.map((T, P) => {
-    var w, y;
+    o > c && s > c ? m(o) : n && C.current !== o && (hs(g.current, o), C.current = o);
+  }, [o, c, m, n, u]), Zo(g.current, y), /* @__PURE__ */ i("div", { ref: g, className: dn["rp-thumbnails-container"], style: { width: r }, children: /* @__PURE__ */ i("div", { className: dn["rp-thumbnails"], children: n ? u.map((_, b) => {
+    var T, P;
     return /* @__PURE__ */ i(
       us,
       {
-        isFocused: o === ((w = T.page) == null ? void 0 : w.pageNumber),
-        pageNumber: (y = T.page) == null ? void 0 : y.pageNumber,
-        loading: T.loading,
-        viewport: T.viewport,
-        defaultRotation: T.defaultRotation
+        isFocused: o === ((T = _.page) == null ? void 0 : T.pageNumber),
+        pageNumber: (P = _.page) == null ? void 0 : P.pageNumber,
+        loading: _.loading,
+        viewport: _.viewport,
+        defaultRotation: _.defaultRotation
       },
-      P
+      b
     );
   }) : null }) });
 }), ms = () => {
   const { thumbnailIcon: t } = ge(), { thumbnailIcon: e } = me();
   return t || e || /* @__PURE__ */ i(ko, {});
 }, gs = () => {
-  const { active: t, setActive: e } = yn(), [n, r] = $(jo), o = M(null), s = M(null), { thumbnailTool: c, sidebarEnable: d } = Ce(), { localeMessages: a } = de(), m = N(() => {
+  const { active: t, setActive: e } = In(), [n, r] = $(jo), o = M(null), s = M(null), { thumbnailTool: a, sidebarEnable: d } = Ce(), { localeMessages: c } = de(), m = N(() => {
     e((C) => !C);
-  }, []), g = k(() => typeof c != "boolean" && c ? /* @__PURE__ */ i(c, { onClick: m, active: t }) : c ? /* @__PURE__ */ i(K, { content: a == null ? void 0 : a.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), g = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: m, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
     ce,
     {
       onClick: m,
       active: t,
-      "aria-label": a == null ? void 0 : a.thumbnailTooltip,
+      "aria-label": c == null ? void 0 : c.thumbnailTooltip,
       children: /* @__PURE__ */ i(ms, {})
     }
-  ) }) : null, [c, t, m, a]);
+  ) }) : null, [a, t, m, c]);
   return /* @__PURE__ */ i(he, { children: d && /* @__PURE__ */ W(
     "div",
     {
@@ -3416,22 +3417,22 @@ const Ee = {
       ]
     }
   ) });
-}, bc = uo((t, e) => {
+}, bc = po((t, e) => {
   const {
     children: n,
     slots: r,
     icons: o,
     style: s,
-    className: c,
+    className: a,
     mobileWidth: d,
-    onLoaded: a,
+    onLoaded: c,
     cleanupOnLoaded: m,
     onLayoutWidthChange: g
-  } = t, [C, u] = $(null), { setContainer: b, setContentRef: T } = Te(), { loading: P } = re(), { LoaderImageComponent: w } = Pt();
-  return z(() => (a && a(), () => {
+  } = t, [C, u] = $(null), { setContainer: y, setContentRef: _ } = Te(), { loading: b } = re(), { LoaderImageComponent: T } = yt();
+  return z(() => (c && c(), () => {
     m && m();
-  }), [a, m]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ i(Nn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(Mo, { mobileWidth: d, onLayoutWidthChange: g, children: /* @__PURE__ */ i(Ho, { slots: r, children: /* @__PURE__ */ i(Vo, { icons: o, children: /* @__PURE__ */ W(Wo, { getContainerRef: b, style: s, className: c, children: [
+  }), [c, m]), // TODO: deprecated in v2.0.0, remove later ~
+  /* @__PURE__ */ i(On, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(Mo, { mobileWidth: d, onLayoutWidthChange: g, children: /* @__PURE__ */ i(Ho, { slots: r, children: /* @__PURE__ */ i(Vo, { icons: o, children: /* @__PURE__ */ W(Wo, { getContainerRef: y, style: s, className: a, children: [
     /* @__PURE__ */ W(Go, { children: [
       /* @__PURE__ */ W("div", { className: Pe["rp-layout"], children: [
         /* @__PURE__ */ i(
@@ -3442,12 +3443,12 @@ const Ee = {
         ),
         /* @__PURE__ */ W("div", { className: Pe["rp-content"], children: [
           /* @__PURE__ */ i("div", { className: Pe["rp-sidebar"], children: /* @__PURE__ */ i(gs, {}) }),
-          /* @__PURE__ */ i("div", { ref: T, className: Pe["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { ref: _, className: Pe["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Uo, {})
     ] }),
-    P ? /* @__PURE__ */ i(
+    b ? /* @__PURE__ */ i(
       "div",
       {
         className: Pe["rp-loader"],
@@ -3470,7 +3471,7 @@ const Ee = {
               height: "100%",
               width: "100%"
             },
-            children: w && /* @__PURE__ */ i(w, {})
+            children: T && /* @__PURE__ */ i(T, {})
           }
         )
       }
@@ -3486,18 +3487,18 @@ const Ee = {
 };
 export {
   us as $,
-  Pn as A,
+  yn as A,
   Gr as B,
-  In as C,
+  Sn as C,
   Hi as D,
-  Sn as E,
-  xn as F,
+  xn as E,
+  Rn as F,
   qr as G,
   Br as H,
   Kr as I,
   Qr as J,
-  Nt as K,
-  Nn as L,
+  Ot as K,
+  On as L,
   hi as M,
   gi as N,
   vi as O,
@@ -3506,22 +3507,22 @@ export {
   vc as R,
   as as S,
   fc as T,
-  Kn as U,
-  Yn as V,
+  Xn as U,
+  Jn as V,
   Qi as W,
   Yi as X,
-  cn as Y,
+  ln as Y,
   ts as Z,
   ds as _,
   bc as a,
   gs as a0,
-  Bn as b,
+  Zn as b,
   it as c,
-  Et as d,
+  Nt as d,
   mc as e,
   gc as f,
   hc as g,
-  yn as h,
+  In as h,
   vt as i,
   Ae as j,
   $e as k,
@@ -3533,11 +3534,11 @@ export {
   ls as q,
   $i as r,
   ji as s,
-  bn as t,
+  Tn as t,
   ue as u,
   Mr as v,
-  Tn as w,
+  Cn as w,
   Hr as x,
-  Cn as y,
+  Pn as y,
   $r as z
 };