@pdf-viewer/react 1.9.1-rc.1 → 1.9.1-rc.2

package/dist/{ToolbarLayout.module-231e1237.js → ToolbarLayout.module-c973eb9c.js}

@@ -1,12 +1,12 @@
-import { jsx as s, Fragment as ce, jsxs as H } from "react/jsx-runtime";
-import * as Y from "react";
-import { createContext as ye, useContext as xe, useState as F, useRef as k, useEffect as N, useMemo as A, useCallback as E, useImperativeHandle as pn, createElement as Ke, PureComponent as uo, Component as po, memo as hn, forwardRef as ho } from "react";
+import { jsx as s, Fragment as de, jsxs as H } from "react/jsx-runtime";
+import * as X from "react";
+import { createContext as xe, useContext as Ie, useState as A, useRef as k, useEffect as N, useMemo as W, useCallback as E, useImperativeHandle as pn, createElement as Ke, PureComponent as uo, Component as po, memo as hn, forwardRef as ho } from "react";
 import { ChevronUpIcon as Be } from "./components/icons/ChevronUpIcon.js";
-import { UIButton as se } from "./components/ui/Button.js";
+import { UIButton as ce } from "./components/ui/Button.js";
 import { UIInput as fn } from "./components/ui/Input.js";
-import { ZoomLevel as Xe, ViewMode as De, ScrollMode as ne, LicenseType as fo, AnnotationSubType as $t, SelectionMode as mo } from "./utils/types.js";
-import { useScrollModeContext as Ae } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as ee } from "./contexts/RPDocumentContext.js";
+import { ZoomLevel as Xe, ViewMode as ze, ScrollMode as ne, LicenseType as fo, AnnotationSubType as $t, SelectionMode as mo } from "./utils/types.js";
+import { useScrollModeContext as Fe } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as J } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as go } from "./contexts/DocumentPasswordContext.js";
 import { useDarkModeContext as vo } from "./contexts/DarkModeContext.js";
 import { useRotationContext as wo } from "./contexts/RotationContext.js";
@@ -15,8 +15,8 @@ import { appConsole as St } from "./utils/appConsole.js";
 import { useInitialStateContext as mn } from "./contexts/InitialStateContext.js";
 import { PAGE_PADDING as et } from "./utils/constants.js";
 import { getZoomLevel as bo } from "./utils/getZoomLevel.js";
-import { useLayoutContainer as he } from "./contexts/LayoutContainerContext.js";
-import { useViewModeContext as Fe } from "./contexts/ViewModeContext.js";
+import { useLayoutContainer as me } from "./contexts/LayoutContainerContext.js";
+import { useViewModeContext as We } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as ot } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as gn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as To } from "./contexts/SelectionModeContext.js";
@@ -24,8 +24,8 @@ import { useFullScreenContext as Co } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
 import { findMatches as Po, resetDivs as yo, highlightMatches as xo, isMatchEntireWord as Io } from "./utils/highlight.js";
-import { usePagesRotateContext as $e } from "./contexts/PagesRotateContext.js";
-import { useLocalizationContext as de } from "./contexts/LocalizationContext.js";
+import { usePagesRotateContext as qe } from "./contexts/PagesRotateContext.js";
+import { useLocalizationContext as ue } from "./contexts/LocalizationContext.js";
 import { useHighlightContext as So } from "./contexts/HighlightContext.js";
 import { useLicenseContext as Lo } from "./contexts/LicenseContext.js";
 import { useDownloadContext as Ro } from "./contexts/DownloadContext.js";
@@ -34,25 +34,25 @@ import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as ut } from "./utils/const.js";
 import { Queue as Eo } from "./utils/Queue.js";
 import { renderPage as No } from "./utils/renderPage.js";
 import { useLoaderContext as wn } from "./contexts/LoaderContext.js";
-import { useToolComponentContext as Ie } from "./contexts/ToolComponentContext.js";
-import { useIconToolContext as fe } from "./contexts/IconToolContext.js";
+import { useToolComponentContext as Se } from "./contexts/ToolComponentContext.js";
+import { useIconToolContext as ge } from "./contexts/IconToolContext.js";
 import { useOtherToolContext as Oo, OtherToolProvider as Do } from "./contexts/OtherToolContext.js";
 import "./components/RPConfig.js";
 import { ThumbnailIcon as zo } from "./components/icons/Thumbnail.js";
-import { c as re } from "./clsx-0c6e471a.js";
+import { c as se } from "./clsx-0c6e471a.js";
 import { LoaderIcon as Lt } from "./components/icons/LoaderIcon.js";
 import { Container as Ao } from "./components/layout/Container.js";
-import { useViewportContext as Se, ViewportProvider as Fo } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as we, ToolbarComponentProvider as Wo } from "./contexts/ToolbarComponentContext.js";
+import { useViewportContext as Le, ViewportProvider as Fo } from "./contexts/ViewportContext.js";
+import { useToolbarComponentContext as be, ToolbarComponentProvider as Wo } from "./contexts/ToolbarComponentContext.js";
 import { WrapperLayout as Mo } from "./components/layout/WrapperLayout.js";
 import { useThemeContext as ko } from "./contexts/ThemeContext.js";
 import { RPDropFileZone as Ho } from "./components/RPDropFileZone.js";
 import { c as te, S as qt } from "./SearchCloseButton-cbf182aa.js";
 import { UICheckbox as Gt } from "./components/ui/Checkbox.js";
-import { useIconContext as me, IconProvider as $o } from "./contexts/IconContext.js";
+import { useIconContext as ve, IconProvider as $o } from "./contexts/IconContext.js";
 import K from "./components/ui/RPTooltip.js";
 import { UIDropDown as Rt } from "./components/ui/DropDown.js";
-import { MenuItem as Pe } from "./components/layout/toolbar/MenuItem.js";
+import { MenuItem as ye } from "./components/layout/toolbar/MenuItem.js";
 import { MenuSeparator as Et } from "./components/layout/toolbar/MenuSeparator.js";
 import { dateFormatter as Vt } from "./utils/dateFormatter.js";
 import { PropertyItem as qo } from "./components/layout/toolbar/PropertyItem.js";
@@ -70,7 +70,7 @@ import { useGrabScroll as ar } from "./utils/hooks/useGrabScroll.js";
 import { useDebounce as it } from "./utils/hooks/useDebounce.js";
 import cr from "./components/ui/PasswordModal.js";
 import { getPositionFromPage as lr, getPageFromPosition as dr } from "./utils/calculatePage.js";
-import { getScrollDistance as He } from "./utils/getScrollDistance.js";
+import { getScrollDistance as $e } from "./utils/getScrollDistance.js";
 import { getWordPositionInPage as ur } from "./utils/getWordPositionInPage.js";
 import { getThumbnailViewport as pr } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as pt } from "./utils/smoothScrollTo.js";
@@ -94,16 +94,16 @@ import { ZoomOutIcon as Dr } from "./components/icons/ZoomOutIcon.js";
 import { SearchIcon as Cn } from "./components/icons/SearchIcon.js";
 import { ClearIcon as zr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Bt } from "./components/icons/InfoIcon.js";
-import './assets/ToolbarLayout.css';const Pn = ye({
+import './assets/ToolbarLayout.css';const Pn = xe({
   zoomLevel: 100,
   currentZoom: 1,
   setZoomLevel: () => {
   }
-}), We = () => {
-  const t = xe(Pn);
+}), Me = () => {
+  const t = Ie(Pn);
   return typeof t.currentZoom != "number" && St.warn("Please use this hooks inside children component of RPProvider"), t;
 }, nc = ({ children: t }) => {
-  const { initialScale: e = Xe.PAGE_FIT, initialPage: n = 1 } = mn(), [r, o] = F(e), { pages: i } = ee(), { pagesRef: a } = he(), { viewMode: d } = Fe(), [l, m] = F((a == null ? void 0 : a.clientWidth) || 0), { rotate: h } = wo(), { focusedPage: b } = ie(), [p, w] = F(null), P = k(null), [y, v] = F(n);
+  const { initialScale: e = Xe.PAGE_FIT, initialPage: n = 1 } = mn(), [r, o] = A(e), { pages: i } = J(), { pagesRef: a } = me(), { viewMode: d } = We(), [l, m] = A((a == null ? void 0 : a.clientWidth) || 0), { rotate: h } = wo(), { focusedPage: b } = ae(), [p, w] = A(null), P = k(null), [y, v] = A(n);
   N(() => {
     let u = i.get(y);
     u || (u = i.get(1));
@@ -113,12 +113,12 @@ import './assets/ToolbarLayout.css';const Pn = ye({
     });
     c && JSON.stringify(c) !== JSON.stringify(P.current) && (P.current = c, w(c));
   }, [i, h, y]);
-  const _ = A(() => {
+  const _ = W(() => {
     if (!p)
       return null;
     const u = ((p == null ? void 0 : p.width) || 0) + 2 * et, c = ((p == null ? void 0 : p.height) || 0) + 2 * et, T = (a == null ? void 0 : a.clientWidth) || 0, C = (a == null ? void 0 : a.clientHeight) || 0;
     return { pageWidth: u, pageHeight: c, clientWidth: T, clientHeight: C };
-  }, [p, a]), g = A(() => {
+  }, [p, a]), g = W(() => {
     if (!l || !_)
       return 0;
     if (typeof r == "number")
@@ -138,28 +138,28 @@ import './assets/ToolbarLayout.css';const Pn = ye({
       c.disconnect();
     };
   }, [a]);
-  const f = A(() => ({
+  const f = W(() => ({
     zoomLevel: r,
     currentZoom: g,
     setZoomLevel: o
   }), [g, r]);
   return /* @__PURE__ */ s(Pn.Provider, { value: f, children: t });
-}, yn = ye({
+}, yn = xe({
   widths: [],
   heights: [],
   setWidths: () => {
   },
   setHeights: () => {
   }
-}), qe = () => {
-  const t = xe(yn), { widths: e, heights: n } = t;
+}), Ge = () => {
+  const t = Ie(yn), { widths: e, heights: n } = t;
   if (e && n) {
     const r = e.every((i) => typeof i == "number"), o = n.every((i) => typeof i == "number");
     (!r || !o) && St.warn("Please use this hooks inside children component of RPProvider");
   }
   return t;
 }, oc = ({ children: t }) => {
-  const [e, n] = F([]), [r, o] = F([]), { pages: i } = ee(), { currentZoom: a } = We(), { pageRotate: d } = $e();
+  const [e, n] = A([]), [r, o] = A([]), { pages: i } = J(), { currentZoom: a } = Me(), { pageRotate: d } = qe();
   return N(() => {
     if (!i)
       return;
@@ -175,7 +175,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
     n((h) => [...l]), o((h) => [...m]);
   }, [a, d, i]), /* @__PURE__ */ s(yn.Provider, { value: { widths: e, heights: r, setWidths: n, setHeights: o }, children: t });
 }, xn = () => {
-  const { viewMode: t } = Fe(), { scrollMode: e } = Ae(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = ot(), { setFocusedPage: i } = ie(), a = k(), { columnCount: d } = gn(), { widths: l, heights: m } = qe(), h = k(e), b = k(t), p = k(d), { targetScrollPage: w } = vn();
+  const { viewMode: t } = We(), { scrollMode: e } = Fe(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = ot(), { setFocusedPage: i } = ae(), a = k(), { columnCount: d } = gn(), { widths: l, heights: m } = Ge(), h = k(e), b = k(t), p = k(d), { targetScrollPage: w } = vn();
   N(() => {
     n != null && n.scrollToItem && (a.current = n);
   }, [n]), N(() => {
@@ -215,7 +215,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
       i(v);
       const g = v - 1;
       let f = g, u = 0;
-      if (b.current === De.DUAL_PAGE && h.current === ne.PAGE_SCROLLING) {
+      if (b.current === ze.DUAL_PAGE && h.current === ne.PAGE_SCROLLING) {
         P(v, _);
         return;
       }
@@ -229,7 +229,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
       if (_ === "smooth" && (w.current = v), h.current === ne.HORIZONTAL_SCROLLING) {
         u = g;
         const x = {
-          left: He(l, u),
+          left: $e(l, u),
           top: 0
         };
         return c.scrollTo({
@@ -237,11 +237,11 @@ import './assets/ToolbarLayout.css';const Pn = ye({
           behavior: _
         });
       }
-      if (b.current === De.DUAL_PAGE) {
+      if (b.current === ze.DUAL_PAGE) {
         u = g % 2, f = Math.floor(g / 2);
         const x = {
-          left: He(l, u),
-          top: He(m, f)
+          left: $e(l, u),
+          top: $e(m, f)
         };
         return c.scrollTo({
           ...x,
@@ -250,7 +250,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
       }
       const T = {
         left: 0,
-        top: He(m, f)
+        top: $e(m, f)
       };
       return c.scrollTo({
         ...T,
@@ -268,7 +268,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
     ]
   ) };
 }, Ar = (t = 1) => {
-  const [e, n] = F(t), [r, o] = F(0), { scrollToPage: i } = xn(), a = k(1), { viewMode: d } = Fe(), { scrollMode: l } = Ae(), { widths: m } = qe(), { pagesRef: h } = he(), b = it(e, 100), p = E(
+  const [e, n] = A(t), [r, o] = A(0), { scrollToPage: i } = xn(), a = k(1), { viewMode: d } = We(), { scrollMode: l } = Fe(), { widths: m } = Ge(), { pagesRef: h } = me(), b = it(e, 100), p = E(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: a.current };
@@ -287,11 +287,11 @@ import './assets/ToolbarLayout.css';const Pn = ye({
     if (!h || u)
       return !1;
     const c = u ? m[f] : m[f - 1], T = u ? m[f + 1] : m[f];
-    return d === De.DUAL_PAGE && c + T < h.clientWidth;
+    return d === ze.DUAL_PAGE && c + T < h.clientWidth;
   }, [d, m, h, r]), v = E(() => {
     let f = e - 1;
     y(f) && (f = e - 2), P(f);
-  }, [P, e, d, l, y]), _ = A(() => d === De.DUAL_PAGE && l === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, l]), g = E(() => {
+  }, [P, e, d, l, y]), _ = W(() => d === ze.DUAL_PAGE && l === ne.PAGE_SCROLLING ? e === r - 1 : e === r, [e, r, d, l]), g = E(() => {
     if (_)
       return;
     let f = e + 1;
@@ -306,7 +306,7 @@ import './assets/ToolbarLayout.css';const Pn = ye({
     prevPage: v,
     goToPage: P
   };
-}, In = ye({
+}, In = xe({
   focusedPage: 0,
   setFocusedPage: (t) => {
   },
@@ -318,11 +318,11 @@ import './assets/ToolbarLayout.css';const Pn = ye({
   },
   nextPage: () => {
   }
-}), ie = () => {
-  const t = xe(In);
+}), ae = () => {
+  const t = Ie(In);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && St.error("Please use this hooks inside children component of RPProvider"), t;
 }, rc = ({ children: t }) => {
-  const { pdf: e } = ee(), { focusedPage: n, totalPages: r, setFocusedPage: o, setTotalPages: i, goToPage: a, nextPage: d, prevPage: l } = Ar();
+  const { pdf: e } = J(), { focusedPage: n, totalPages: r, setFocusedPage: o, setTotalPages: i, goToPage: a, nextPage: d, prevPage: l } = Ar();
   return N(() => {
     e != null && e.numPages && (i(e.numPages), o(1));
   }, [e, i, o]), /* @__PURE__ */ s(
@@ -342,11 +342,11 @@ import './assets/ToolbarLayout.css';const Pn = ye({
   );
 };
 const Fr = () => {
-  const { pdf: t, pages: e } = ee(), [n, r] = F({
+  const { pdf: t, pages: e } = J(), [n, r] = A({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, i] = F(!1), [a, d] = F(!1), [l, m] = F(null), h = k(!1);
+  }), [o, i] = A(!1), [a, d] = A(!1), [l, m] = A(null), h = k(!1);
   N(() => {
     h.current;
   }, [h]);
@@ -369,7 +369,7 @@ const Fr = () => {
     viewerPdfPage: T,
     printResolution: C,
     optionalContentConfigPromise: x,
-    printAnnotationStoragePromise: S
+    printAnnotationStoragePromise: R
   }) => {
     if (h.current) {
       p();
@@ -377,29 +377,29 @@ const Fr = () => {
     }
     const I = C / Bo.PDF;
     f.width = Math.floor(T.width * I), f.height = Math.floor(T.height * I);
-    const L = f.getContext("2d");
-    L.save(), L.fillStyle = "rgb(255, 255, 255)", L.fillRect(0, 0, f.width, f.height), L.restore();
-    const [D, W] = await Promise.all([
+    const S = f.getContext("2d");
+    S.save(), S.fillStyle = "rgb(255, 255, 255)", S.fillRect(0, 0, f.width, f.height), S.restore();
+    const [D, z] = await Promise.all([
       u.getPage(c),
-      S
+      R
     ]);
     if (h.current) {
       p();
       return;
     }
     const M = {
-      canvasContext: L,
+      canvasContext: S,
       transform: [I, 0, 0, I, 0, 0],
       viewport: D.getViewport({ scale: 1, rotation: T.rotation }),
       intent: "print",
       annotationMode: jo.ENABLE_STORAGE,
       optionalContentConfigPromise: x,
-      printAnnotationStorage: W
+      printAnnotationStorage: z
     };
     try {
       return D.render(M).promise;
-    } catch (R) {
-      throw R instanceof Ko || console.error(R), R;
+    } catch (L) {
+      throw L instanceof Ko || console.error(L), L;
     }
   }, y = E(() => {
     const f = window.print;
@@ -433,8 +433,8 @@ const Fr = () => {
     c.classList.add("rp-print-zone");
     const T = document.createElement("style"), C = u.get(1);
     if (C) {
-      const { width: x, height: S } = C == null ? void 0 : C.page.getViewport({ scale: 1 });
-      T.innerHTML = `@page { size: ${x}px ${S}px }`;
+      const { width: x, height: R } = C == null ? void 0 : C.page.getViewport({ scale: 1 });
+      T.innerHTML = `@page { size: ${x}px ${R}px }`;
     }
     return c.appendChild(T), c.append(...f), c;
   }, g = E(async () => {
@@ -447,12 +447,12 @@ const Fr = () => {
       const T = t.getOptionalContentConfig({ intent: "print" }), C = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), x = e.size;
-      for (const [I, L] of e) {
+      for (const [I, S] of e) {
         if (h.current) {
           p();
           return;
         }
-        const D = L.page.getViewport({ scale: 1 });
+        const D = S.page.getViewport({ scale: 1 });
         if (await P({
           scratchCanvas: f,
           pdfDocument: t,
@@ -465,8 +465,8 @@ const Fr = () => {
           p();
           return;
         }
-        const W = await v(f);
-        u.push(W);
+        const z = await v(f);
+        u.push(z);
         const M = parseFloat((u.length / x * 100).toFixed(2));
         r({
           loadedPages: I,
@@ -478,8 +478,8 @@ const Fr = () => {
         p();
         return;
       }
-      const S = _(u, e);
-      document.body.appendChild(S), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await y();
+      const R = _(u, e);
+      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await y();
     } catch (c) {
       d(!0), c instanceof Error && m(c);
     } finally {
@@ -501,7 +501,7 @@ const Fr = () => {
     isError: a,
     error: l
   };
-}, Sn = ye({
+}, Sn = xe({
   print: () => {
   },
   cancel: () => {
@@ -519,7 +519,7 @@ const Fr = () => {
     }
   }
 }), ic = ({ children: t }) => {
-  const [e, n] = F(null), [r, o] = F(null), { print: i, cancel: a, progress: d, isComplete: l, isError: m, error: h } = Fr(), b = E((v) => {
+  const [e, n] = A(null), [r, o] = A(null), { print: i, cancel: a, progress: d, isComplete: l, isError: m, error: h } = Fr(), b = E((v) => {
     v && typeof v == "function" && o(() => v);
   }, []), p = (v) => {
     h && v(h);
@@ -550,12 +550,12 @@ const Fr = () => {
   };
   return /* @__PURE__ */ s(Sn.Provider, { value: y, children: t });
 }, st = () => {
-  const t = xe(Sn);
+  const t = Ie(Sn);
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, Wr = () => {
-  const [t, e] = F({}), { pages: n } = ee(), r = A(() => Object.keys(t).length, [t]), o = E(
+  const [t, e] = A({}), { pages: n } = J(), r = W(() => Object.keys(t).length, [t]), o = E(
     (a) => {
       if (!n.size)
         return;
@@ -595,7 +595,7 @@ const Fr = () => {
     [n]
   );
   return { thumbnailPages: t, addPage: i, addToPage: o, thumbnailLength: r };
-}, Ln = ye({
+}, Ln = xe({
   thumbnailPages: {},
   addPage: (t) => {
   },
@@ -605,11 +605,11 @@ const Fr = () => {
   setActive: (t) => {
   },
   active: !1
-}), Rn = () => xe(Ln), sc = ({
+}), Rn = () => Ie(Ln), sc = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Wr(), [a, d] = F(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Wr(), [a, d] = A(e);
   return /* @__PURE__ */ s(
     Ln.Provider,
     {
@@ -618,40 +618,40 @@ const Fr = () => {
     }
   );
 }, Mr = (t = {}, e = "") => {
-  const [n, r] = F(e), [o, i] = F(!1), { pdf: a, pages: d } = ee(), { widths: l, heights: m } = qe(), h = k(!n), { currentZoom: b } = We(), [p, w] = F([]), { setFocusedPage: P } = ie(), { columnCount: y } = Fe(), { pageRotate: v } = $e(), [_, g] = F(0), { pageScrollElementRef: f, virtualScrollableElementRef: u } = ot(), { scrollMode: c } = Ae(), { pagesRef: T } = he(), [C, x] = F(null), S = k({}), I = A(() => _ === 0 ? null : p[_ - 1], [_, p]), L = A(() => p.length, [p]);
+  const [n, r] = A(e), [o, i] = A(!1), { pdf: a, pages: d } = J(), { widths: l, heights: m } = Ge(), h = k(!n), { currentZoom: b } = Me(), [p, w] = A([]), { setFocusedPage: P } = ae(), { columnCount: y } = We(), { pageRotate: v } = qe(), [_, g] = A(0), { pageScrollElementRef: f, virtualScrollableElementRef: u } = ot(), { scrollMode: c } = Fe(), { pagesRef: T } = me(), [C, x] = A(null), R = k({}), I = W(() => _ === 0 ? null : p[_ - 1], [_, p]), S = W(() => p.length, [p]);
   N(() => {
     if (!I || !d)
       return;
-    const R = u || f;
-    if (!R || !T)
+    const L = u || f;
+    if (!L || !T)
       return;
     const O = d.get(I.page);
     if (c === ne.PAGE_SCROLLING && P(I.page), !O)
       return;
-    let z = 0, q = 0;
+    let F = 0, $ = 0;
     if (c === ne.VERTICAL_SCROLLING) {
-      const Q = I.page - 1, J = y, Ge = Q % J, _e = Math.floor(Q / J);
-      z = He(m, _e), q = He(l, Ge);
+      const re = I.page - 1, Q = y, ie = re % Q, he = Math.floor(re / Q);
+      F = $e(m, he), $ = $e(l, ie);
     }
-    c === ne.HORIZONTAL_SCROLLING && (q = l.slice(0, I.page - 1).reduce((Q, J) => Q + J, 0));
+    c === ne.HORIZONTAL_SCROLLING && ($ = l.slice(0, I.page - 1).reduce((re, Q) => re + Q, 0));
     const G = {
       height: m[I.page - 1],
       width: l[I.page - 1]
-    }, V = {
+    }, B = {
       top: G.height / 2,
       left: G.width / 2
-    }, j = v[I.page], { leftInPage: $, topInPage: Z } = ur(
+    }, j = v[I.page], { leftInPage: V, topInPage: ee } = ur(
       G,
-      V,
+      B,
       I.rect,
       b,
       j
-    ), X = q + $, oe = z + Z, le = {
-      left: Math.max(X, 0),
-      top: Math.max(oe, 0)
+    ), q = $ + V, Y = F + ee, oe = {
+      left: Math.max(q, 0),
+      top: Math.max(Y, 0)
     };
-    R.scrollTo({
-      ...le,
+    L.scrollTo({
+      ...oe,
       behavior: "smooth"
     });
   }, [
@@ -666,38 +666,38 @@ const Fr = () => {
     T
   ]);
   const D = E(() => {
-    g((R) => L ? R + 1 > L ? 1 : R + 1 : 0);
-  }, [L]), W = E(() => {
-    g((R) => L ? R - 1 <= 0 ? L : R - 1 : 0);
-  }, [L]), M = E(async (R) => {
-    if (!R)
+    g((L) => S ? L + 1 > S ? 1 : L + 1 : 0);
+  }, [S]), z = E(() => {
+    g((L) => S ? L - 1 <= 0 ? S : L - 1 : 0);
+  }, [S]), M = E(async (L) => {
+    if (!L)
       return {};
-    const O = R.numPages, z = {};
-    for (let q = 1; q <= O; q++) {
+    const O = L.numPages, F = {};
+    for (let $ = 1; $ <= O; $++) {
       if (h.current)
         throw "close pop over";
-      const G = await R.getPage(q);
-      z[q.toString()] = await G.getTextContent();
+      const G = await L.getPage($);
+      F[$.toString()] = await G.getTextContent();
     }
-    return z;
+    return F;
   }, []);
   return N(() => {
     if (!n) {
       h.current = !0, w([]), g(0);
       return;
     }
-    h.current = !1, i(!0), w([]), g(0), M(a).then((R) => {
-      S.current = R;
-      const z = Object.keys(R).reduce((q, G) => {
-        const V = Po(
+    h.current = !1, i(!0), w([]), g(0), M(a).then((L) => {
+      R.current = L;
+      const F = Object.keys(L).reduce(($, G) => {
+        const B = Po(
           [n],
-          R[G],
+          L[G],
           Number(G) - 1,
           t
-        ).map((j, $) => ({ ...j, page: Number(G), pageMatchIdx: $ }));
-        return [...q, ...V];
+        ).map((j, V) => ({ ...j, page: Number(G), pageMatchIdx: V }));
+        return [...$, ...B];
       }, []);
-      w(z), g(z.length ? 1 : 0);
+      w(F), g(F.length ? 1 : 0);
     }).catch(() => {
       w([]), g(0);
     }).finally(() => i(!1));
@@ -706,15 +706,15 @@ const Fr = () => {
     setSearch: r,
     loading: o,
     matches: p,
-    totalMatches: L,
+    totalMatches: S,
     currentMatchPosition: _,
     currentMatch: I,
     nextMatch: D,
-    prevMatch: W,
+    prevMatch: z,
     currentMatchElement: C,
     setCurrentMatchElement: x
   };
-}, En = ye({
+}, En = xe({
   search: "",
   setSearch: (t) => {
   },
@@ -736,7 +736,7 @@ const Fr = () => {
   children: t,
   initialSearch: e
 }) => {
-  const [n, r] = F({}), {
+  const [n, r] = A({}), {
     loading: o,
     setSearch: i,
     totalMatches: a,
@@ -770,8 +770,8 @@ const Fr = () => {
       children: t
     }
   );
-}, Dt = () => xe(En), Nn = ye(void 0), cc = ({ children: t }) => {
-  const [e, n] = F({}), { widths: r, heights: o } = qe(), { pageRotate: i } = $e(), { currentZoom: a } = We(), d = E(
+}, Dt = () => Ie(En), Nn = xe(void 0), cc = ({ children: t }) => {
+  const [e, n] = A({}), { widths: r, heights: o } = Ge(), { pageRotate: i } = qe(), { currentZoom: a } = Me(), d = E(
     (h, b) => {
       n((p) => {
         const w = { width: r[h], height: o[h] };
@@ -807,7 +807,7 @@ const Fr = () => {
   );
 }, ft = () => {
 }, kr = () => {
-  const t = xe(Nn), { type: e, validating: n } = Lo(), r = k(0), o = A(() => {
+  const t = Ie(Nn), { type: e, validating: n } = Lo(), r = k(0), o = W(() => {
     if (n !== !1)
       return {
         updateElement: ft,
@@ -832,10 +832,10 @@ const Fr = () => {
   if (!t)
     throw new Error("useElementPageContext must be used within a ElementPageProvider");
   return o || t;
-}, On = ye(null), lc = ({ children: t }) => {
-  const e = k(!1), [n, r] = F([]), o = E((l) => {
+}, On = xe(null), lc = ({ children: t }) => {
+  const e = k(!1), [n, r] = A([]), o = E((l) => {
     r((m) => [...m, { id: l.page.pageNumber.toString(), data: l, priority: 0 }]);
-  }, []), i = A(() => new Eo(o), [o]), { focusedPage: a } = ie(), d = E((l) => (e.current = !0, No(
+  }, []), i = W(() => new Eo(o), [o]), { focusedPage: a } = ae(), d = E((l) => (e.current = !0, No(
     l.data.page,
     l.data.canvasElem,
     l.data.options
@@ -858,11 +858,11 @@ const Fr = () => {
     l();
   }, [i, d, n]), /* @__PURE__ */ s(On.Provider, { value: i, children: t });
 }, Dn = () => {
-  const t = xe(On);
+  const t = Ie(On);
   if (!t)
     throw new Error("RenderQueue not found");
   return t;
-}, pe = {
+}, fe = {
   "rp-pages": "_rp-pages_6vux6_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_6vux6_6",
   "rp-pages-container": "_rp-pages-container_6vux6_10",
@@ -876,7 +876,7 @@ const Fr = () => {
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
 }, Hr = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = ee(), { pageRotate: a } = $e(), d = k(), { currentZoom: l } = We(), m = Dn(), h = k(`page-${e}`);
+  const { pageNumber: e, onLoaded: n, onLoading: r } = t, o = k(null), { pages: i } = J(), { pageRotate: a } = qe(), d = k(), { currentZoom: l } = Me(), m = Dn(), h = k(`page-${e}`);
   return N(() => {
     if (!i || l === 0)
       return;
@@ -904,14 +904,14 @@ const Fr = () => {
       m.removeQueue(h.current);
     };
   }, [i, e, a, l, r, n, m]), /* @__PURE__ */ s("canvas", { "data-rp": `page-${e}-canvas`, ref: o });
-}, $r = "_selecting_usdup_9", ge = {
+}, $r = "_selecting_usdup_9", we = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
   selecting: $r,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
 }, qr = (t) => {
-  const { pageNumber: e } = t, { pages: n } = ee(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: a } = Dt(), [d, l] = F(
+  const { pageNumber: e } = t, { pages: n } = J(), r = k(null), { matches: o, currentMatch: i, setCurrentMatchElement: a } = Dt(), [d, l] = A(
     []
-  ), m = k(), h = k(), b = k([]), p = A(() => o.filter((f) => f.pageIndex === e - 1), [o, e]), w = E(
+  ), m = k(), h = k(), b = k([]), p = W(() => o.filter((f) => f.pageIndex === e - 1), [o, e]), w = E(
     (f, u, c = !1) => {
       if (c && yo(f, u), !p.length) {
         b.current = [], l([]);
@@ -929,7 +929,7 @@ const Fr = () => {
     const { signal: u } = P.current, c = () => {
       v().forEach((C) => {
         const x = C.querySelector(".endOfContent");
-        x && (C.appendChild(x), x.style.width = "", x.style.height = "", C.classList.remove(ge.selecting));
+        x && (C.appendChild(x), x.style.width = "", x.style.height = "", C.classList.remove(we.selecting));
       });
     };
     document.addEventListener(
@@ -961,7 +961,7 @@ const Fr = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var M, R;
+        var M, L;
         const C = document.getSelection();
         if (!C)
           return;
@@ -971,26 +971,26 @@ const Fr = () => {
         }
         const x = /* @__PURE__ */ new Set();
         for (let O = 0; O < C.rangeCount; O++) {
-          const z = C.getRangeAt(O);
-          v().forEach((q) => {
-            z.intersectsNode(q) && !x.has(q) && x.add(q);
+          const F = C.getRangeAt(O);
+          v().forEach(($) => {
+            F.intersectsNode($) && !x.has($) && x.add($);
           });
         }
         v().forEach((O) => {
           if (x.has(O))
-            O.classList.add(ge.selecting);
+            O.classList.add(we.selecting);
           else {
-            const z = O.querySelector(".endOfContent");
-            z && (O.appendChild(z), z.style.width = "", z.style.height = "", O.classList.remove(ge.selecting));
+            const F = O.querySelector(".endOfContent");
+            F && (O.appendChild(F), F.style.width = "", F.style.height = "", O.classList.remove(we.selecting));
           }
         });
-        const S = C.getRangeAt(0);
-        let L = T && (S.compareBoundaryPoints(Range.END_TO_END, T) === 0 || S.compareBoundaryPoints(Range.START_TO_END, T) === 0) ? S.startContainer : S.endContainer;
-        L.nodeType === Node.TEXT_NODE && (L = L.parentNode);
-        const D = (M = L.parentElement) == null ? void 0 : M.closest(
-          ge["rp-text-layer"]
-        ), W = D == null ? void 0 : D.querySelector(".endOfContent");
-        W && D && (W.style.width = D.style.width, W.style.height = D.style.height, (R = L.parentElement) == null || R.insertBefore(W, L.nextSibling)), T = S.cloneRange();
+        const R = C.getRangeAt(0);
+        let S = T && (R.compareBoundaryPoints(Range.END_TO_END, T) === 0 || R.compareBoundaryPoints(Range.START_TO_END, T) === 0) ? R.startContainer : R.endContainer;
+        S.nodeType === Node.TEXT_NODE && (S = S.parentNode);
+        const D = (M = S.parentElement) == null ? void 0 : M.closest(
+          we["rp-text-layer"]
+        ), z = D == null ? void 0 : D.querySelector(".endOfContent");
+        z && D && (z.style.width = D.style.width, z.style.height = D.style.height, (L = S.parentElement) == null || L.insertBefore(z, S.nextSibling)), T = R.cloneRange();
       },
       { signal: u }
     );
@@ -999,9 +999,9 @@ const Fr = () => {
     (u = P.current) == null || u.abort(), P.current = void 0;
   }), [v]);
   const _ = E(() => {
-    r.current && r.current.classList.add(ge.selecting);
+    r.current && r.current.classList.add(we.selecting);
   }, []), g = E(() => {
-    r.current && r.current.classList.remove(ge.selecting);
+    r.current && r.current.classList.remove(we.selecting);
   }, []);
   return N(() => {
     if (b.current.forEach((c) => {
@@ -1030,14 +1030,14 @@ const Fr = () => {
         container: u
       }), h.current = c, u && (u.innerText = ""), m.current.render();
     }).then(() => {
-      var x, S;
+      var x, R;
       [].slice.call(u.children).forEach((I) => {
-        I.classList.add(ge["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
+        I.classList.add(we["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
       const T = (x = m.current) == null ? void 0 : x.textDivs;
       T && h.current && w(h.current, T);
       const C = document.createElement("div");
-      C.className = "endOfContent", (S = r.current) == null || S.appendChild(C);
+      C.className = "endOfContent", (R = r.current) == null || R.appendChild(C);
     }).catch(() => {
     }), () => {
       var c;
@@ -1046,7 +1046,7 @@ const Fr = () => {
   }, [n, e]), N(() => {
     var c;
     [].slice.call(r.current.children).forEach((T) => {
-      T.classList.add(ge["rp-text-layer-text"]);
+      T.classList.add(we["rp-text-layer-text"]);
     });
     const u = (c = m.current) == null ? void 0 : c.textDivs;
     u && h.current && w(h.current, u, !0);
@@ -1054,7 +1054,7 @@ const Fr = () => {
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
-      className: ge["rp-text-layer"],
+      className: we["rp-text-layer"],
       ref: r,
       onMouseDown: _,
       onMouseUp: g
@@ -1065,7 +1065,7 @@ const Fr = () => {
 };
 let Vr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Ur = (t) => {
-  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = ee(), i = k(), [a, d] = F(), { setFocusedPage: l, goToPage: m } = ie(), { scrollMode: h } = Ae(), { print: b } = st(), { download: p } = Qn(), w = A(() => r.get(e), [r, e]), P = A(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  const { pageNumber: e } = t, n = k(null), { pages: r, pdf: o } = J(), i = k(), [a, d] = A(), { setFocusedPage: l, goToPage: m } = ae(), { scrollMode: h } = Fe(), { print: b } = st(), { download: p } = Qn(), w = W(() => r.get(e), [r, e]), P = W(() => w == null ? void 0 : w.page.getViewport(), [w]);
   N(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
   }, [o]), N(() => {
@@ -1153,7 +1153,7 @@ const Ur = (t) => {
 }, Zr = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Br = ({ pageNumber: t, viewport: e }) => {
-  const [n, r] = F(), { pages: o } = ee(), { highlightKeywords: i } = So(), a = !0, d = k(null), [l, m] = F(null), [h, b] = F([]);
+  const [n, r] = A(), { pages: o } = J(), { highlightKeywords: i } = So(), a = !0, d = k(null), [l, m] = A(null), [h, b] = A([]);
   N(() => {
     d.current && m(d.current.parentElement);
   }, [d]), N(() => {
@@ -1165,7 +1165,7 @@ const Ur = (t) => {
       r(u);
     })();
   }, [o, t]);
-  const p = A(() => i ? i.map((g) => {
+  const p = W(() => i ? i.map((g) => {
     var f, u;
     return {
       ...or(g.keyword, (f = g.options) == null ? void 0 : f.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
@@ -1182,9 +1182,9 @@ const Ur = (t) => {
         c(T);
         return;
       }
-      new MutationObserver((x, S) => {
+      new MutationObserver((x, R) => {
         const I = g.querySelector(u);
-        I && (c(I), S.disconnect());
+        I && (c(I), R.disconnect());
       }).observe(g, { childList: !0, subtree: !0 });
     });
   }
@@ -1206,25 +1206,25 @@ const Ur = (t) => {
     });
   }
   const y = (g, f, u, c) => {
-    var V;
+    var B;
     const T = document.createRange(), C = u.firstChild;
     if (!C || C.nodeType !== Node.TEXT_NODE)
       return null;
-    const x = ((V = C.textContent) == null ? void 0 : V.length) ?? 0, S = c[0].charIdxInSpan, I = c.length === 1 ? S : c[c.length - 1].charIdxInSpan;
-    if (S > x || I + 1 > x)
+    const x = ((B = C.textContent) == null ? void 0 : B.length) ?? 0, R = c[0].charIdxInSpan, I = c.length === 1 ? R : c[c.length - 1].charIdxInSpan;
+    if (R > x || I + 1 > x)
       return null;
-    T.setStart(C, S), T.setEnd(C, I + 1);
-    const L = document.createElement("span");
-    L.style.width = "auto", T.surroundContents(L);
-    const D = L.getBoundingClientRect(), W = g.getBoundingClientRect(), M = W.height, R = W.width, O = 100 * (D.left - W.left) / R, z = 100 * (D.top - W.top) / M, q = 100 * D.height / M, G = 100 * D.width / R;
-    return ir(L), {
+    T.setStart(C, R), T.setEnd(C, I + 1);
+    const S = document.createElement("span");
+    S.style.width = "auto", T.surroundContents(S);
+    const D = S.getBoundingClientRect(), z = g.getBoundingClientRect(), M = z.height, L = z.width, O = 100 * (D.left - z.left) / L, F = 100 * (D.top - z.top) / M, $ = 100 * D.height / M, G = 100 * D.width / L;
+    return ir(S), {
       keywordStr: f,
       left: O,
-      top: z,
-      height: q,
+      top: F,
+      height: $,
       width: G,
       pageHeight: M,
-      pageWidth: R
+      pageWidth: L
     };
   };
   async function v(g, f) {
@@ -1234,9 +1234,9 @@ const Ur = (t) => {
     const c = await P(u);
     if (c.length) {
       const T = c.map((x) => x.tagName === "BR" ? " " : x.textContent).reduce(
-        (x, S, I) => x.concat(
-          S.split("").map((L, D) => ({
-            char: L,
+        (x, R, I) => x.concat(
+          R.split("").map((S, D) => ({
+            char: S,
             charIdxInSpan: D,
             spanIdx: I
           }))
@@ -1256,43 +1256,43 @@ const Ur = (t) => {
     const T = f.length;
     if (!c.length || !T)
       return [];
-    const C = [], x = c.map((S) => S.char).join("");
-    return p.forEach((S) => {
-      const { keyword: I, regExp: L, wholeWords: D, color: W } = S, M = I;
+    const C = [], x = c.map((R) => R.char).join("");
+    return p.forEach((R) => {
+      const { keyword: I, regExp: S, wholeWords: D, color: z } = R, M = I;
       if (!M.trim())
         return;
-      const R = L.flags.indexOf("g") === -1 ? new RegExp(L, `${L.flags}g`) : L;
+      const L = S.flags.indexOf("g") === -1 ? new RegExp(S, `${S.flags}g`) : S;
       let O;
-      const z = [];
-      for (; (O = R.exec(x)) !== null; )
-        D && !Io(x, O.index, O[0].length) || z.push({
-          keyword: R,
+      const F = [];
+      for (; (O = L.exec(x)) !== null; )
+        D && !Io(x, O.index, O[0].length) || F.push({
+          keyword: L,
           startIndex: O.index,
-          endIndex: R.lastIndex
+          endIndex: L.lastIndex
         });
-      const q = z.map((G) => ({
+      const $ = F.map((G) => ({
         keyword: G.keyword,
         indexes: c.slice(G.startIndex, G.endIndex),
-        color: W
+        color: z
       }));
-      for (const G of q) {
-        const V = G.indexes.reduce(
-          (j, $) => (j[$.spanIdx] = (j[$.spanIdx] || []).concat([$]), j),
+      for (const G of $) {
+        const B = G.indexes.reduce(
+          (j, V) => (j[V.spanIdx] = (j[V.spanIdx] || []).concat([V]), j),
           {}
         );
-        for (const j of Object.values(V))
+        for (const j of Object.values(B))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const $ = j, Z = u[$[0].spanIdx], X = y(
+            const V = j, ee = u[V[0].spanIdx], q = y(
               g,
               M,
-              Z,
-              $
+              ee,
+              V
             );
-            if (X) {
-              const { left: oe, top: le } = X;
-              if (C.find((J) => J.left === oe && J.top === le))
+            if (q) {
+              const { left: Y, top: oe } = q;
+              if (C.find((Q) => Q.left === Y && Q.top === oe))
                 continue;
-              C.push({ ...X, highlightColor: G.color });
+              C.push({ ...q, highlightColor: G.color });
             }
           }
       }
@@ -1307,7 +1307,7 @@ const Ur = (t) => {
           console.error(f);
         }
     })();
-  }, [a, i, t, n, e]), /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s("div", { ref: d, "data-rp": `page-${t}-textHighlightLayer`, children: h.map((g, f) => /* @__PURE__ */ s(
+  }, [a, i, t, n, e]), /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s("div", { ref: d, "data-rp": `page-${t}-textHighlightLayer`, children: h.map((g, f) => /* @__PURE__ */ s(
     "div",
     {
       className: Zr["rp-text-highlight"],
@@ -1331,18 +1331,18 @@ const Ur = (t) => {
     };
   }, [t]), /* @__PURE__ */ s("div", { ref: e });
 }, Kr = ({ pageNumber: t }) => {
-  const { elementList: e } = kr(), n = k(null), r = A(() => {
+  const { elementList: e } = kr(), n = k(null), r = W(() => {
     var o;
     return (o = e[t]) == null ? void 0 : o.map((i, a) => i instanceof HTMLElement ? /* @__PURE__ */ s(jr, { child: i }, a) : /* @__PURE__ */ s("div", { children: i }, a));
   }, [e, t]);
-  return r ? /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s("div", { ref: n, "data-rp": `page-${t}-customElement`, children: r.map((o) => o) }) }) : null;
+  return r ? /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s("div", { ref: n, "data-rp": `page-${t}-customElement`, children: r.map((o) => o) }) }) : null;
 }, zt = rt((t, e) => {
-  const { pageNumber: n, style: r, ...o } = t, { pages: i } = ee(), { pageRotate: a } = $e(), { textLayer: d } = _o(), { currentZoom: l } = We(), m = k(i.get(n)), [h, b] = F(!1), p = k(null), [w, P] = F({
+  const { pageNumber: n, style: r, ...o } = t, { pages: i } = J(), { pageRotate: a } = qe(), { textLayer: d } = _o(), { currentZoom: l } = Me(), m = k(i.get(n)), [h, b] = A(!1), p = k(null), [w, P] = A({
     width: 0,
     height: 0
   });
   pn(e, () => p.current);
-  const y = A(() => m.current ? a[n] : 0, [n, a]);
+  const y = W(() => m.current ? a[n] : 0, [n, a]);
   N(() => {
     if (i && (m.current = i.get(n), m.current)) {
       const f = m.current.page.getViewport({
@@ -1352,7 +1352,7 @@ const Ur = (t) => {
       P(f);
     }
   }, [i, n, y, l]);
-  const v = A(() => {
+  const v = W(() => {
     switch (y) {
       case 90:
         return `${w.width / 2}px ${w.width / 2}px`;
@@ -1487,15 +1487,15 @@ function ti(t) {
   }
   return vt;
 }
-var Me = null;
+var ke = null;
 function Jt(t) {
-  if (t === void 0 && (t = !1), Me === null || t) {
+  if (t === void 0 && (t = !1), ke === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var r = document.createElement("div"), o = r.style;
-    return o.width = "100px", o.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? Me = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? Me = "negative" : Me = "positive-ascending"), document.body.removeChild(e), Me;
+    return o.width = "100px", o.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? ke = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? ke = "negative" : ke = "positive-ascending"), document.body.removeChild(e), ke;
   }
-  return Me;
+  return ke;
 }
 var ni = 150, oi = function(e) {
   var n = e.columnIndex;
@@ -1518,35 +1518,35 @@ function ri(t) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = gt(function(T, C, x, S, I, L, D, W) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = gt(function(T, C, x, R, I, S, D, z) {
         return c.props.onItemsRendered({
           overscanColumnStartIndex: T,
           overscanColumnStopIndex: C,
           overscanRowStartIndex: x,
-          overscanRowStopIndex: S,
+          overscanRowStopIndex: R,
           visibleColumnStartIndex: I,
-          visibleColumnStopIndex: L,
+          visibleColumnStopIndex: S,
           visibleRowStartIndex: D,
-          visibleRowStopIndex: W
+          visibleRowStopIndex: z
         });
-      }), c._callOnScroll = void 0, c._callOnScroll = gt(function(T, C, x, S, I) {
+      }), c._callOnScroll = void 0, c._callOnScroll = gt(function(T, C, x, R, I) {
         return c.props.onScroll({
           horizontalScrollDirection: x,
           scrollLeft: T,
           scrollTop: C,
-          verticalScrollDirection: S,
+          verticalScrollDirection: R,
           scrollUpdateWasRequested: I
         });
       }), c._getItemStyle = void 0, c._getItemStyle = function(T, C) {
-        var x = c.props, S = x.columnWidth, I = x.direction, L = x.rowHeight, D = c._getItemStyleCache(y && S, y && I, y && L), W = T + ":" + C, M;
-        if (D.hasOwnProperty(W))
-          M = D[W];
+        var x = c.props, R = x.columnWidth, I = x.direction, S = x.rowHeight, D = c._getItemStyleCache(y && R, y && I, y && S), z = T + ":" + C, M;
+        if (D.hasOwnProperty(z))
+          M = D[z];
         else {
-          var R = n(c.props, C, c._instanceProps), O = I === "rtl";
-          D[W] = M = {
+          var L = n(c.props, C, c._instanceProps), O = I === "rtl";
+          D[z] = M = {
             position: "absolute",
-            left: O ? void 0 : R,
-            right: O ? R : void 0,
+            left: O ? void 0 : L,
+            right: O ? L : void 0,
             top: b(c.props, T, c._instanceProps),
             height: h(c.props, T, c._instanceProps),
             width: i(c.props, C, c._instanceProps)
@@ -1556,28 +1556,28 @@ function ri(t) {
       }, c._getItemStyleCache = void 0, c._getItemStyleCache = gt(function(T, C, x) {
         return {};
       }), c._onScroll = function(T) {
-        var C = T.currentTarget, x = C.clientHeight, S = C.clientWidth, I = C.scrollLeft, L = C.scrollTop, D = C.scrollHeight, W = C.scrollWidth;
+        var C = T.currentTarget, x = C.clientHeight, R = C.clientWidth, I = C.scrollLeft, S = C.scrollTop, D = C.scrollHeight, z = C.scrollWidth;
         c.setState(function(M) {
-          if (M.scrollLeft === I && M.scrollTop === L)
+          if (M.scrollLeft === I && M.scrollTop === S)
             return null;
-          var R = c.props.direction, O = I;
-          if (R === "rtl")
+          var L = c.props.direction, O = I;
+          if (L === "rtl")
             switch (Jt()) {
               case "negative":
                 O = -I;
                 break;
               case "positive-descending":
-                O = W - S - I;
+                O = z - R - I;
                 break;
             }
-          O = Math.max(0, Math.min(O, W - S));
-          var z = Math.max(0, Math.min(L, D - x));
+          O = Math.max(0, Math.min(O, z - R));
+          var F = Math.max(0, Math.min(S, D - x));
           return {
             isScrolling: !0,
             horizontalScrollDirection: M.scrollLeft < I ? "forward" : "backward",
             scrollLeft: O,
-            scrollTop: z,
-            verticalScrollDirection: M.scrollTop < L ? "forward" : "backward",
+            scrollTop: F,
+            verticalScrollDirection: M.scrollTop < S ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, c._resetIsScrollingDebounced);
@@ -1610,12 +1610,12 @@ function ri(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(c) {
-      var T = c.align, C = T === void 0 ? "auto" : T, x = c.columnIndex, S = c.rowIndex, I = this.props, L = I.columnCount, D = I.height, W = I.rowCount, M = I.width, R = this.state, O = R.scrollLeft, z = R.scrollTop, q = ti();
-      x !== void 0 && (x = Math.max(0, Math.min(x, L - 1))), S !== void 0 && (S = Math.max(0, Math.min(S, W - 1)));
-      var G = a(this.props, this._instanceProps), V = d(this.props, this._instanceProps), j = V > M ? q : 0, $ = G > D ? q : 0;
+      var T = c.align, C = T === void 0 ? "auto" : T, x = c.columnIndex, R = c.rowIndex, I = this.props, S = I.columnCount, D = I.height, z = I.rowCount, M = I.width, L = this.state, O = L.scrollLeft, F = L.scrollTop, $ = ti();
+      x !== void 0 && (x = Math.max(0, Math.min(x, S - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, z - 1)));
+      var G = a(this.props, this._instanceProps), B = d(this.props, this._instanceProps), j = B > M ? $ : 0, V = G > D ? $ : 0;
       this.scrollTo({
-        scrollLeft: x !== void 0 ? l(this.props, x, C, O, this._instanceProps, $) : O,
-        scrollTop: S !== void 0 ? m(this.props, S, C, z, this._instanceProps, j) : z
+        scrollLeft: x !== void 0 ? l(this.props, x, C, O, this._instanceProps, V) : O,
+        scrollTop: R !== void 0 ? m(this.props, R, C, F, this._instanceProps, j) : F
       });
     }, f.componentDidMount = function() {
       var c = this.props, T = c.initialScrollLeft, C = c.initialScrollTop;
@@ -1625,8 +1625,8 @@ function ri(t) {
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var c = this.props.direction, T = this.state, C = T.scrollLeft, x = T.scrollTop, S = T.scrollUpdateWasRequested;
-      if (S && this._outerRef != null) {
+      var c = this.props.direction, T = this.state, C = T.scrollLeft, x = T.scrollTop, R = T.scrollUpdateWasRequested;
+      if (R && this._outerRef != null) {
         var I = this._outerRef;
         if (c === "rtl")
           switch (Jt()) {
@@ -1637,8 +1637,8 @@ function ri(t) {
               I.scrollLeft = C;
               break;
             default:
-              var L = I.clientWidth, D = I.scrollWidth;
-              I.scrollLeft = D - L - C;
+              var S = I.clientWidth, D = I.scrollWidth;
+              I.scrollLeft = D - S - C;
               break;
           }
         else
@@ -1649,67 +1649,67 @@ function ri(t) {
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Qt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var c = this.props, T = c.children, C = c.className, x = c.columnCount, S = c.direction, I = c.height, L = c.innerRef, D = c.innerElementType, W = c.innerTagName, M = c.itemData, R = c.itemKey, O = R === void 0 ? oi : R, z = c.outerElementType, q = c.outerTagName, G = c.rowCount, V = c.style, j = c.useIsScrolling, $ = c.width, Z = this.state.isScrolling, X = this._getHorizontalRangeToRender(), oe = X[0], le = X[1], Q = this._getVerticalRangeToRender(), J = Q[0], Ge = Q[1], _e = [];
+      var c = this.props, T = c.children, C = c.className, x = c.columnCount, R = c.direction, I = c.height, S = c.innerRef, D = c.innerElementType, z = c.innerTagName, M = c.itemData, L = c.itemKey, O = L === void 0 ? oi : L, F = c.outerElementType, $ = c.outerTagName, G = c.rowCount, B = c.style, j = c.useIsScrolling, V = c.width, ee = this.state.isScrolling, q = this._getHorizontalRangeToRender(), Y = q[0], oe = q[1], re = this._getVerticalRangeToRender(), Q = re[0], ie = re[1], he = [];
       if (x > 0 && G)
-        for (var Le = J; Le <= Ge; Le++)
-          for (var be = oe; be <= le; be++)
-            _e.push(Ke(T, {
-              columnIndex: be,
+        for (var Re = Q; Re <= ie; Re++)
+          for (var Te = Y; Te <= oe; Te++)
+            he.push(Ke(T, {
+              columnIndex: Te,
               data: M,
-              isScrolling: j ? Z : void 0,
+              isScrolling: j ? ee : void 0,
               key: O({
-                columnIndex: be,
+                columnIndex: Te,
                 data: M,
-                rowIndex: Le
+                rowIndex: Re
               }),
-              rowIndex: Le,
-              style: this._getItemStyle(Le, be)
+              rowIndex: Re,
+              style: this._getItemStyle(Re, Te)
             }));
       var at = a(this.props, this._instanceProps), ct = d(this.props, this._instanceProps);
-      return Ke(z || q || "div", {
+      return Ke(F || $ || "div", {
         className: C,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Pt({
           position: "relative",
           height: I,
-          width: $,
+          width: V,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: S
-        }, V)
-      }, Ke(D || W || "div", {
-        children: _e,
-        ref: L,
+          direction: R
+        }, B)
+      }, Ke(D || z || "div", {
+        children: he,
+        ref: S,
         style: {
           height: at,
-          pointerEvents: Z ? "none" : void 0,
+          pointerEvents: ee ? "none" : void 0,
           width: ct
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var c = this.props, T = c.columnCount, C = c.onItemsRendered, x = c.onScroll, S = c.rowCount;
-      if (typeof C == "function" && T > 0 && S > 0) {
-        var I = this._getHorizontalRangeToRender(), L = I[0], D = I[1], W = I[2], M = I[3], R = this._getVerticalRangeToRender(), O = R[0], z = R[1], q = R[2], G = R[3];
-        this._callOnItemsRendered(L, D, O, z, W, M, q, G);
+      var c = this.props, T = c.columnCount, C = c.onItemsRendered, x = c.onScroll, R = c.rowCount;
+      if (typeof C == "function" && T > 0 && R > 0) {
+        var I = this._getHorizontalRangeToRender(), S = I[0], D = I[1], z = I[2], M = I[3], L = this._getVerticalRangeToRender(), O = L[0], F = L[1], $ = L[2], G = L[3];
+        this._callOnItemsRendered(S, D, O, F, z, M, $, G);
       }
       if (typeof x == "function") {
-        var V = this.state, j = V.horizontalScrollDirection, $ = V.scrollLeft, Z = V.scrollTop, X = V.scrollUpdateWasRequested, oe = V.verticalScrollDirection;
-        this._callOnScroll($, Z, j, oe, X);
+        var B = this.state, j = B.horizontalScrollDirection, V = B.scrollLeft, ee = B.scrollTop, q = B.scrollUpdateWasRequested, Y = B.verticalScrollDirection;
+        this._callOnScroll(V, ee, j, Y, q);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var c = this.props, T = c.columnCount, C = c.overscanColumnCount, x = c.overscanColumnsCount, S = c.overscanCount, I = c.rowCount, L = this.state, D = L.horizontalScrollDirection, W = L.isScrolling, M = L.scrollLeft, R = C || x || S || 1;
+      var c = this.props, T = c.columnCount, C = c.overscanColumnCount, x = c.overscanColumnsCount, R = c.overscanCount, I = c.rowCount, S = this.state, D = S.horizontalScrollDirection, z = S.isScrolling, M = S.scrollLeft, L = C || x || R || 1;
       if (T === 0 || I === 0)
         return [0, 0, 0, 0];
-      var O = r(this.props, M, this._instanceProps), z = o(this.props, O, M, this._instanceProps), q = !W || D === "backward" ? Math.max(1, R) : 1, G = !W || D === "forward" ? Math.max(1, R) : 1;
-      return [Math.max(0, O - q), Math.max(0, Math.min(T - 1, z + G)), O, z];
+      var O = r(this.props, M, this._instanceProps), F = o(this.props, O, M, this._instanceProps), $ = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - $), Math.max(0, Math.min(T - 1, F + G)), O, F];
     }, f._getVerticalRangeToRender = function() {
-      var c = this.props, T = c.columnCount, C = c.overscanCount, x = c.overscanRowCount, S = c.overscanRowsCount, I = c.rowCount, L = this.state, D = L.isScrolling, W = L.verticalScrollDirection, M = L.scrollTop, R = x || S || C || 1;
+      var c = this.props, T = c.columnCount, C = c.overscanCount, x = c.overscanRowCount, R = c.overscanRowsCount, I = c.rowCount, S = this.state, D = S.isScrolling, z = S.verticalScrollDirection, M = S.scrollTop, L = x || R || C || 1;
       if (T === 0 || I === 0)
         return [0, 0, 0, 0];
-      var O = p(this.props, M, this._instanceProps), z = w(this.props, O, M, this._instanceProps), q = !D || W === "backward" ? Math.max(1, R) : 1, G = !D || W === "forward" ? Math.max(1, R) : 1;
-      return [Math.max(0, O - q), Math.max(0, Math.min(I - 1, z + G)), O, z];
+      var O = p(this.props, M, this._instanceProps), F = w(this.props, O, M, this._instanceProps), $ = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, O - $), Math.max(0, Math.min(I - 1, F + G)), O, F];
     }, g;
   }(uo), e.defaultProps = {
     direction: "ltr",
@@ -1750,7 +1750,7 @@ var ii = function(e, n) {
   }
   var m = r - a - 1, h = m * i;
   return d + h;
-}, ve = function(e, n, r, o) {
+}, _e = function(e, n, r, o) {
   var i, a, d;
   if (e === "column" ? (i = o.columnMetadataMap, a = n.columnWidth, d = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, a = n.rowHeight, d = o.lastMeasuredRowIndex), r > d) {
     var l = 0;
@@ -1775,18 +1775,18 @@ var ii = function(e, n) {
   return d >= o ? Fn(e, n, r, a, 0, o) : si(e, n, r, Math.max(0, a), o);
 }, Fn = function(e, n, r, o, i, a) {
   for (; i <= o; ) {
-    var d = i + Math.floor((o - i) / 2), l = ve(e, n, d, r).offset;
+    var d = i + Math.floor((o - i) / 2), l = _e(e, n, d, r).offset;
     if (l === a)
       return d;
     l < a ? i = d + 1 : l > a && (o = d - 1);
   }
   return i > 0 ? i - 1 : 0;
 }, si = function(e, n, r, o, i) {
-  for (var a = e === "column" ? n.columnCount : n.rowCount, d = 1; o < a && ve(e, n, o, r).offset < i; )
+  for (var a = e === "column" ? n.columnCount : n.rowCount, d = 1; o < a && _e(e, n, o, r).offset < i; )
     o += d, d *= 2;
   return Fn(e, n, r, Math.min(o, a - 1), Math.floor(o / 2), i);
 }, nn = function(e, n, r, o, i, a, d) {
-  var l = e === "column" ? n.width : n.height, m = ve(e, n, r, a), h = e === "column" ? An(n, a) : zn(n, a), b = Math.max(0, Math.min(h - l, m.offset)), p = Math.max(0, m.offset - l + d + m.size);
+  var l = e === "column" ? n.width : n.height, m = _e(e, n, r, a), h = e === "column" ? An(n, a) : zn(n, a), b = Math.max(0, Math.min(h - l, m.offset)), p = Math.max(0, m.offset - l + d + m.size);
   switch (o === "smart" && (i >= p - l && i <= b + l ? o = "auto" : o = "center"), o) {
     case "start":
       return b;
@@ -1800,14 +1800,14 @@ var ii = function(e, n) {
   }
 }, ai = /* @__PURE__ */ ri({
   getColumnOffset: function(e, n, r) {
-    return ve("column", e, n, r).offset;
+    return _e("column", e, n, r).offset;
   },
   getColumnStartIndexForOffset: function(e, n, r) {
     return tn("column", e, r, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.columnCount, a = e.width, d = ve("column", e, n, o), l = r + a, m = d.offset + d.size, h = n; h < i - 1 && m < l; )
-      h++, m += ve("column", e, h, o).size;
+    for (var i = e.columnCount, a = e.width, d = _e("column", e, n, o), l = r + a, m = d.offset + d.size, h = n; h < i - 1 && m < l; )
+      h++, m += _e("column", e, h, o).size;
     return h;
   },
   getColumnWidth: function(e, n, r) {
@@ -1822,7 +1822,7 @@ var ii = function(e, n) {
     return nn("row", e, n, r, o, i, a);
   },
   getRowOffset: function(e, n, r) {
-    return ve("row", e, n, r).offset;
+    return _e("row", e, n, r).offset;
   },
   getRowHeight: function(e, n, r) {
     return r.rowMetadataMap[n].size;
@@ -1831,8 +1831,8 @@ var ii = function(e, n) {
     return tn("row", e, r, n);
   },
   getRowStopIndexForStartIndex: function(e, n, r, o) {
-    for (var i = e.rowCount, a = e.height, d = ve("row", e, n, o), l = r + a, m = d.offset + d.size, h = n; h < i - 1 && m < l; )
-      h++, m += ve("row", e, h, o).size;
+    for (var i = e.rowCount, a = e.height, d = _e("row", e, n, o), l = r + a, m = d.offset + d.size, h = n; h < i - 1 && m < l; )
+      h++, m += _e("row", e, h, o).size;
     return h;
   },
   initInstanceProps: function(e, n) {
@@ -1886,7 +1886,7 @@ function di(t, e) {
   return !on(n, o) && !on(r, i);
 }
 const ui = () => {
-  const { viewMode: t } = Fe(), { scrollMode: e } = Ae(), { setColumnCount: n } = gn(), { virtualScrollableElementRef: r } = ot(), o = qe(), i = A(() => o.heights.length, [o.heights]), a = A(() => e === ne.HORIZONTAL_SCROLLING ? i : t === De.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), d = A(() => o.widths.reduce((P, y, v) => {
+  const { viewMode: t } = We(), { scrollMode: e } = Fe(), { setColumnCount: n } = gn(), { virtualScrollableElementRef: r } = ot(), o = Ge(), i = W(() => o.heights.length, [o.heights]), a = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === ze.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), d = W(() => o.widths.reduce((P, y, v) => {
     const _ = v % a;
     return (!P[_] || y > P[_]) && (P[_] = y), P;
   }, []), [o.widths, a]), l = E(
@@ -1908,7 +1908,7 @@ const ui = () => {
   N(() => {
     n(a);
   }, [a, n]);
-  const h = A(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / a), [a, i, e]), b = A(() => o.heights.reduce((w, P) => w + P, 0) / o.heights.length || 0, [o]), p = A(() => o.widths.reduce((w, P) => w + P, 0) / o.heights.length || 0, [o]);
+  const h = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / a), [a, i, e]), b = W(() => o.heights.reduce((w, P) => w + P, 0) / o.heights.length || 0, [o]), p = W(() => o.widths.reduce((w, P) => w + P, 0) / o.heights.length || 0, [o]);
   return {
     rowCount: h,
     rowHeight: m,
@@ -1919,10 +1919,10 @@ const ui = () => {
     estimatedColumnWidth: p
   };
 };
-let ae;
-typeof window < "u" ? ae = window : typeof self < "u" ? ae = self : ae = global;
+let le;
+typeof window < "u" ? le = window : typeof self < "u" ? le = self : le = global;
 let xt = null, It = null;
-const rn = 20, wt = ae.clearTimeout, sn = ae.setTimeout, _t = ae.cancelAnimationFrame || ae.mozCancelAnimationFrame || ae.webkitCancelAnimationFrame, an = ae.requestAnimationFrame || ae.mozRequestAnimationFrame || ae.webkitRequestAnimationFrame;
+const rn = 20, wt = le.clearTimeout, sn = le.setTimeout, _t = le.cancelAnimationFrame || le.mozCancelAnimationFrame || le.webkitCancelAnimationFrame, an = le.requestAnimationFrame || le.mozRequestAnimationFrame || le.webkitRequestAnimationFrame;
 _t == null || an == null ? (xt = wt, It = function(e) {
   return sn(e, rn);
 }) : (xt = function([e, n]) {
@@ -1982,7 +1982,7 @@ function pi(t) {
         p.attachEvent("onresize", w);
       else {
         if (!p.__resizeTriggers__) {
-          const P = p.ownerDocument, y = ae.getComputedStyle(p);
+          const P = p.ownerDocument, y = le.getComputedStyle(p);
           y && y.position === "static" && (p.style.position = "relative"), m(P), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
           const v = P.createElement("div");
           v.className = "expand-trigger", v.appendChild(P.createElement("div"));
@@ -2087,14 +2087,14 @@ class hi extends po {
   }
 }
 const fi = hn(({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: r } = ie(), o = A(() => {
+  const { focusedPage: n, totalPages: r } = ae(), o = W(() => {
     const d = [], l = Math.ceil(n / 2) * 2 - 1;
     if (d.push(l), l + 1 <= r) {
       const m = l + 1;
       d.push(m);
     }
     return d;
-  }, [n, r]), i = A(() => {
+  }, [n, r]), i = W(() => {
     const d = n % 2 === 1 ? n - 1 : n - 2, l = Math.floor(d / 2), m = e(l), h = t(d), b = t(d + 1);
     return [
       {
@@ -2110,14 +2110,14 @@ const fi = hn(({ widths: t, heights: e }) => {
         height: m
       }
     ];
-  }, [t, e, o]), a = A(() => i.reduce((d, l) => d + Number(l.width || 0), 0), [i]);
+  }, [t, e, o]), a = W(() => i.reduce((d, l) => d + Number(l.width || 0), 0), [i]);
   return /* @__PURE__ */ s("div", { style: { width: a, position: "relative" }, children: o.map((d, l) => /* @__PURE__ */ s(zt, { style: i[l], pageNumber: d }, d)) });
 }), mi = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = ie(), r = A(() => ({
+  const { focusedPage: n } = ae(), r = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
-  }), [t, e, n]), o = A(() => t(n - 1), [t]);
+  }), [t, e, n]), o = W(() => t(n - 1), [t]);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -2129,7 +2129,7 @@ const fi = hn(({ widths: t, heights: e }) => {
     }
   );
 }, gi = (t) => {
-  const { currentZoom: e, setZoomLevel: n } = We(), [r, o] = F(0), i = it(r, 100), [a, d] = F(!1), l = k(null), m = E((v) => {
+  const { currentZoom: e, setZoomLevel: n } = Me(), [r, o] = A(0), i = it(r, 100), [a, d] = A(!1), l = k(null), m = E((v) => {
     o(v ? (_) => _ + 3 : (_) => _ - 3);
   }, []), h = E(
     (v) => {
@@ -2201,7 +2201,7 @@ const fi = hn(({ widths: t, heights: e }) => {
       };
   }, [t, h, p, P, w]);
 }, vi = (t, e, n) => {
-  const r = k(), { contentRef: o } = he(), { heights: i, widths: a } = qe(), { setFocusedPage: d } = ie(), [l, m] = F([]), { targetScrollPage: h } = vn(), b = it(l, 0, 500), p = A(() => i.map((P, y) => {
+  const r = k(), { contentRef: o } = me(), { heights: i, widths: a } = Ge(), { setFocusedPage: d } = ae(), [l, m] = A([]), { targetScrollPage: h } = vn(), b = it(l, 0, 500), p = W(() => i.map((P, y) => {
     const v = a[y], _ = lr(y + 1, t), g = v * _.columnIndex, f = P * _.rowIndex, u = g + v, c = f + P;
     return {
       pageNumber: y + 1,
@@ -2249,7 +2249,7 @@ const fi = hn(({ widths: t, heights: e }) => {
         n == null || n.removeEventListener("scroll", w);
       };
   }, [n, w]);
-}, Ce = {
+}, Pe = {
   "rp-layout": "_rp-layout_1q08v_1",
   "rp-content": "_rp-content_1q08v_5",
   "rp-pages": "_rp-pages_1q08v_11",
@@ -2264,10 +2264,10 @@ const fi = hn(({ widths: t, heights: e }) => {
     {
       ref: e,
       ...a,
-      className: re(
-        Ce["rp-theme-variables"],
-        Ce["rp-container"],
-        m ? Ce["rp-dark-mode"] : "",
+      className: se(
+        Pe["rp-theme-variables"],
+        Pe["rp-container"],
+        m ? Pe["rp-dark-mode"] : "",
         i
       ),
       style: {
@@ -2283,7 +2283,7 @@ const fi = hn(({ widths: t, heights: e }) => {
   const o = dr(e, t, n.columnCount);
   return /* @__PURE__ */ s(zt, { style: r, pageNumber: o }, o);
 }, di), dc = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = mn(), { pagesRef: r, setPagesRef: o } = he(), { scrollToPage: i } = xn(), {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = mn(), { pagesRef: r, setPagesRef: o } = me(), { scrollToPage: i } = xn(), {
     virtualScrollRef: a,
     getVirtualScrollRef: d,
     getPageScrollElementRef: l,
@@ -2292,78 +2292,78 @@ const fi = hn(({ widths: t, heights: e }) => {
     virtualScrollableElementRef: b,
     totalInnerDimensions: p,
     pageScrollElementRef: w
-  } = ot(), P = k(!0), { nextPage: y, prevPage: v, setFocusedPage: _, focusedPage: g } = ie(), { scrollMode: f } = Ae(), { viewMode: u } = Fe(), c = k(null), { loading: T } = ee(), { passwordRequired: C } = go(), { LoaderImageComponent: x } = wn(), S = k(
+  } = ot(), P = k(!0), { nextPage: y, prevPage: v, setFocusedPage: _, focusedPage: g } = ae(), { scrollMode: f } = Fe(), { viewMode: u } = We(), c = k(null), { loading: T } = J(), { passwordRequired: C } = go(), { LoaderImageComponent: x } = wn(), R = k(
     p
   ), I = k({
     viewMode: u,
     scrollMode: f
-  }), L = k(!1), D = k(), { isFullScreen: W } = Co(), {
+  }), S = k(!1), D = k(), { isFullScreen: z } = Co(), {
     pageDimension: M,
-    rowCount: R,
+    rowCount: L,
     rowHeight: O,
-    columnCount: z,
-    columnWidth: q,
+    columnCount: F,
+    columnWidth: $,
     estimatedColumnWidth: G,
-    estimatedRowHeight: V
-  } = ui(), j = it(p, 100), $ = k();
-  vi(z, R, b);
-  const Z = k({
+    estimatedRowHeight: B
+  } = ui(), j = it(p, 100), V = k();
+  vi(F, L, b);
+  const ee = k({
     scrollTop: 0,
     scrollLeft: 0
   });
   gi(r);
-  const { isPressed: X } = sr(), { selectionMode: oe } = To(), { initializeGrabScroll: le, resetGrabState: Q } = ar({
-    isPressed: X
-  }), J = A(() => oe === mo.HAND, [oe]), Ge = A(() => ({
-    columnCount: z
-  }), [z]), _e = E(
+  const { isPressed: q } = sr(), { selectionMode: Y } = To(), { initializeGrabScroll: oe, resetGrabState: re } = ar({
+    isPressed: q
+  }), Q = W(() => Y === mo.HAND, [Y]), ie = W(() => ({
+    columnCount: F
+  }), [F]), he = E(
     (U) => {
-      const B = document.activeElement !== r;
-      !W && B || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), v()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), y()));
+      const Z = document.activeElement !== r;
+      !z && Z || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), v()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), y()));
     },
-    [y, v, W, f]
+    [y, v, z, f]
   );
-  N(() => (window.addEventListener("keydown", _e), () => {
-    window.removeEventListener("keydown", _e);
-  }), [_e]), N(() => {
+  N(() => (window.addEventListener("keydown", he), () => {
+    window.removeEventListener("keydown", he);
+  }), [he]), N(() => {
     if (c.current && (c.current.style.position = "relative"), !!a)
-      for (let U = 0; U < R; U++)
-        for (let B = 0; B < z; B++)
+      for (let U = 0; U < L; U++)
+        for (let Z = 0; Z < F; Z++)
           a.resetAfterIndices({
-            columnIndex: B,
+            columnIndex: Z,
             rowIndex: U,
             shouldForceUpdate: !0
           });
-  }, [R, z, M, a]);
-  const Le = E(
-    (U, B) => {
+  }, [L, F, M, a]);
+  const Re = E(
+    (U, Z) => {
       if (!b)
         return { scrollTop: 0, scrollLeft: 0 };
-      const Re = Z.current.scrollTop > B, Ee = Z.current.scrollLeft > U;
-      return Re || Ee ? Z.current : {
+      const Ee = ee.current.scrollTop > Z, Ne = ee.current.scrollLeft > U;
+      return Ee || Ne ? ee.current : {
         scrollTop: b.scrollTop,
         scrollLeft: b.scrollLeft
       };
     },
     [b]
-  ), be = E(
-    (U, B) => {
+  ), Te = E(
+    (U, Z) => {
       if (I.current.viewMode !== u || I.current.scrollMode !== f) {
-        $.current && clearTimeout($.current), L.current = !0, i(g, "auto"), $.current = setTimeout(() => {
+        V.current && clearTimeout(V.current), S.current = !0, i(g, "auto"), V.current = setTimeout(() => {
           requestAnimationFrame(() => {
             I.current = { viewMode: u, scrollMode: f };
           });
         }, 100);
         return;
       }
-      const Ee = U.scrollTop, lt = U.scrollLeft;
-      if (!B.height || !B.width)
+      const Ne = U.scrollTop, lt = U.scrollLeft;
+      if (!Z.height || !Z.width)
         return;
-      L.current = !0;
-      const { height: Ne, width: dt } = B, { height: kt, width: Ht } = S.current;
-      if (kt === Ne && Ht === dt)
+      S.current = !0;
+      const { height: Oe, width: dt } = Z, { height: kt, width: Ht } = R.current;
+      if (kt === Oe && Ht === dt)
         return;
-      const so = Ee / kt * Ne, ao = lt / Ht * dt, co = Math.round(Math.min(so, Ne)) || 0, lo = Math.round(Math.min(ao, dt)) || 0;
+      const so = Ne / kt * Oe, ao = lt / Ht * dt, co = Math.round(Math.min(so, Oe)) || 0, lo = Math.round(Math.min(ao, dt)) || 0;
       D.current = setTimeout(() => {
         requestAnimationFrame(() => {
           a == null || a.scrollTo({
@@ -2371,30 +2371,30 @@ const fi = hn(({ widths: t, heights: e }) => {
             scrollLeft: lo
           });
         });
-      }, 0), S.current = {
-        height: B.height,
-        width: B.width
+      }, 0), R.current = {
+        height: Z.height,
+        width: Z.width
       };
     },
     [a, u, f, i]
   );
   N(() => {
     clearTimeout(D.current);
-    const U = Array.from({ length: R }).reduce(
-      (Ee, lt, Ne) => Ee + O(Ne),
+    const U = Array.from({ length: L }).reduce(
+      (Ne, lt, Oe) => Ne + O(Oe),
       0
-    ), B = Array.from({ length: z }).reduce(
-      (Ee, lt, Ne) => Ee + q(Ne),
+    ), Z = Array.from({ length: F }).reduce(
+      (Ne, lt, Oe) => Ne + $(Oe),
       0
-    ), Re = Le(B, U);
-    Z.current = Re, be(Re, { height: U, width: B }), h({
+    ), Ee = Re(Z, U);
+    ee.current = Ee, Te(Ee, { height: U, width: Z }), h({
       height: U,
-      width: B
+      width: Z
     });
-  }, [M, R, z, be]);
+  }, [M, L, F, Te]);
   const at = E(
     (U) => {
-      Z.current = {
+      ee.current = {
         scrollTop: U.scrollTop,
         scrollLeft: U.scrollLeft
       };
@@ -2402,22 +2402,22 @@ const fi = hn(({ widths: t, heights: e }) => {
     [b]
   );
   N(() => () => {
-    $.current && clearTimeout($.current);
+    V.current && clearTimeout(V.current);
   }, []);
-  const ct = A(() => re(pe["rp-pages-container"], {
-    [pe["rp-cursor-grab"]]: J && !X,
-    [pe["rp-cursor-grabbing"]]: J && X
-  }), [J, X]), io = E(
+  const ct = W(() => se(fe["rp-pages-container"], {
+    [fe["rp-cursor-grab"]]: Q && !q,
+    [fe["rp-cursor-grabbing"]]: Q && q
+  }), [Q, q]), io = E(
     (U) => {
-      if (J && U) {
-        const B = re(pe["rp-pages"]), Re = document.querySelector(`.${B}`);
-        le(Re);
+      if (Q && U) {
+        const Z = se(fe["rp-pages"]), Ee = document.querySelector(`.${Z}`);
+        oe(Ee);
       }
     },
-    [J, le, pe]
+    [Q, oe, fe]
   );
   return N(() => {
-    T && Q();
+    T && re();
   }, [T]), N(() => {
     if (!(j.height === 0 || !P.current)) {
       if (e === ne.PAGE_SCROLLING) {
@@ -2432,41 +2432,41 @@ const fi = hn(({ widths: t, heights: e }) => {
     w,
     _,
     j
-  ]), /* @__PURE__ */ H(ce, { children: [
-    /* @__PURE__ */ s(Wn, { id: n, ref: o, tabIndex: -1, className: ct, children: /* @__PURE__ */ s(hi, { style: { minHeight: "50px" }, children: ({ width: U, height: B }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: io, style: { width: U, height: B }, children: f === ne.PAGE_SCROLLING ? /* @__PURE__ */ s(
+  ]), /* @__PURE__ */ H(de, { children: [
+    /* @__PURE__ */ s(Wn, { id: n, ref: o, tabIndex: -1, className: ct, children: /* @__PURE__ */ s(hi, { style: { minHeight: "50px" }, children: ({ width: U, height: Z }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: io, style: { width: U, height: Z }, children: f === ne.PAGE_SCROLLING ? /* @__PURE__ */ s(
       "div",
       {
         ref: l,
-        style: { width: U, height: B },
-        className: re(pe["rp-pages"], pe["rp-page-scrolling-wrapper"]),
-        children: u === De.DUAL_PAGE ? /* @__PURE__ */ s(fi, { widths: q, heights: O }) : /* @__PURE__ */ s(mi, { widths: q, heights: O })
+        style: { width: U, height: Z },
+        className: se(fe["rp-pages"], fe["rp-page-scrolling-wrapper"]),
+        children: u === ze.DUAL_PAGE ? /* @__PURE__ */ s(fi, { widths: $, heights: O }) : /* @__PURE__ */ s(mi, { widths: $, heights: O })
       }
     ) : G ? /* @__PURE__ */ s(
       ai,
       {
         ref: d,
-        itemData: Ge,
+        itemData: ie,
         outerRef: m,
         innerRef: c,
         onScroll: at,
-        columnCount: z,
-        columnWidth: q,
+        columnCount: F,
+        columnWidth: $,
         rowHeight: O,
-        height: B,
+        height: Z,
         width: U,
         estimatedColumnWidth: G,
-        estimatedRowHeight: V,
-        rowCount: R,
-        className: re(
-          pe["rp-pages"],
-          f === ne.HORIZONTAL_SCROLLING ? pe["rp-pages-horizontal-scroll"] : ""
+        estimatedRowHeight: B,
+        rowCount: L,
+        className: se(
+          fe["rp-pages"],
+          f === ne.HORIZONTAL_SCROLLING ? fe["rp-pages-horizontal-scroll"] : ""
         ),
         children: wi
       }
     ) : T ? null : /* @__PURE__ */ s(
       "div",
       {
-        className: pe["rp-loader"],
+        className: fe["rp-loader"],
         style: {
           display: "flex",
           justifyContent: "center",
@@ -2490,13 +2490,13 @@ const fi = hn(({ widths: t, heights: e }) => {
   "rp-page-input": "_rp-page-input_1gck0_6",
   "rp-total-page": "_rp-total-page_1gck0_18"
 }, _i = () => {
-  const { prevIcon: t } = me(), { prevIcon: e } = fe();
+  const { prevIcon: t } = ve(), { prevIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Be, {});
 }, bi = () => {
-  const { nextIcon: t } = me(), { nextIcon: e } = fe();
+  const { nextIcon: t } = ve(), { nextIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Be, { style: { transform: "rotate(180deg" } });
 }, Ti = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = ie(), [a, d] = F(t.toString()), { pageNavigationTool: l = !0 } = we(), { pageNavigationTool: m = !0 } = Ie(), { isSmallScreen: h } = Se(), { viewMode: b } = Fe(), { scrollMode: p } = Ae(), { localeMessages: w } = de();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: i } = ae(), [a, d] = A(t.toString()), { pageNavigationTool: l = !0 } = be(), { pageNavigationTool: m = !0 } = Se(), { isSmallScreen: h } = Le(), { viewMode: b } = We(), { scrollMode: p } = Fe(), { localeMessages: w } = ue();
   N(() => {
     d(t.toString());
   }, [t]);
@@ -2513,7 +2513,7 @@ const fi = hn(({ widths: t, heights: e }) => {
       f.key === "Enter" && y();
     },
     [y]
-  ), g = A(() => b === De.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, b, p]);
+  ), g = W(() => b === ze.DUAL_PAGE && p === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, b, p]);
   return !l || !m ? null : typeof l != "boolean" ? /* @__PURE__ */ s(
     l,
     {
@@ -2536,7 +2536,7 @@ const fi = hn(({ widths: t, heights: e }) => {
     }
   ) : /* @__PURE__ */ H("div", { className: bt["rp-paginate"], children: [
     !h && /* @__PURE__ */ s(K, { content: w == null ? void 0 : w.previousPageTooltip, children: /* @__PURE__ */ s(
-      se,
+      ce,
       {
         onClick: o,
         "aria-label": w == null ? void 0 : w.previousPageTooltip,
@@ -2561,7 +2561,7 @@ const fi = hn(({ widths: t, heights: e }) => {
       e
     ] }),
     !h && /* @__PURE__ */ s(K, { content: w == null ? void 0 : w.nextPageTooltip, children: /* @__PURE__ */ s(
-      se,
+      ce,
       {
         onClick: r,
         "aria-label": w == null ? void 0 : w.nextPageTooltip,
@@ -2571,7 +2571,7 @@ const fi = hn(({ widths: t, heights: e }) => {
     ) })
   ] });
 };
-var At = "Dialog", [Mn, uc] = mr(At), [Ci, ue] = Mn(At), kn = (t) => {
+var At = "Dialog", [Mn, uc] = mr(At), [Ci, pe] = Mn(At), kn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2579,7 +2579,7 @@ var At = "Dialog", [Mn, uc] = mr(At), [Ci, ue] = Mn(At), kn = (t) => {
     defaultOpen: o,
     onOpenChange: i,
     modal: a = !0
-  } = t, d = Y.useRef(null), l = Y.useRef(null), [m = !1, h] = wr({
+  } = t, d = X.useRef(null), l = X.useRef(null), [m = !1, h] = wr({
     prop: r,
     defaultProp: o,
     onChange: i
@@ -2595,16 +2595,16 @@ var At = "Dialog", [Mn, uc] = mr(At), [Ci, ue] = Mn(At), kn = (t) => {
       descriptionId: ht(),
       open: m,
       onOpenChange: h,
-      onOpenToggle: Y.useCallback(() => h((b) => !b), [h]),
+      onOpenToggle: X.useCallback(() => h((b) => !b), [h]),
       modal: a,
       children: n
     }
   );
 };
 kn.displayName = At;
-var Hn = "DialogTrigger", Pi = Y.forwardRef(
+var Hn = "DialogTrigger", Pi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Hn, n), i = Nt(e, o.triggerRef);
+    const { __scopeDialog: n, ...r } = t, o = pe(Hn, n), i = Nt(e, o.triggerRef);
     return /* @__PURE__ */ s(
       je.button,
       {
@@ -2624,20 +2624,20 @@ Pi.displayName = Hn;
 var Ft = "DialogPortal", [yi, $n] = Mn(Ft, {
   forceMount: void 0
 }), qn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = ue(Ft, e);
-  return /* @__PURE__ */ s(yi, { scope: e, forceMount: n, children: Y.Children.map(r, (a) => /* @__PURE__ */ s(Ot, { present: n || i.open, children: /* @__PURE__ */ s(yr, { asChild: !0, container: o, children: a }) })) });
+  const { __scopeDialog: e, forceMount: n, children: r, container: o } = t, i = pe(Ft, e);
+  return /* @__PURE__ */ s(yi, { scope: e, forceMount: n, children: X.Children.map(r, (a) => /* @__PURE__ */ s(Ot, { present: n || i.open, children: /* @__PURE__ */ s(yr, { asChild: !0, container: o, children: a }) })) });
 };
 qn.displayName = Ft;
-var nt = "DialogOverlay", Gn = Y.forwardRef(
+var nt = "DialogOverlay", Gn = X.forwardRef(
   (t, e) => {
-    const n = $n(nt, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = ue(nt, t.__scopeDialog);
+    const n = $n(nt, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(nt, t.__scopeDialog);
     return i.modal ? /* @__PURE__ */ s(Ot, { present: r || i.open, children: /* @__PURE__ */ s(xi, { ...o, ref: e }) }) : null;
   }
 );
 Gn.displayName = nt;
-var xi = Y.forwardRef(
+var xi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(nt, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(nt, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -2652,17 +2652,17 @@ var xi = Y.forwardRef(
       ) })
     );
   }
-), ze = "DialogContent", Vn = Y.forwardRef(
+), Ae = "DialogContent", Vn = X.forwardRef(
   (t, e) => {
-    const n = $n(ze, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = ue(ze, t.__scopeDialog);
+    const n = $n(Ae, t.__scopeDialog), { forceMount: r = n.forceMount, ...o } = t, i = pe(Ae, t.__scopeDialog);
     return /* @__PURE__ */ s(Ot, { present: r || i.open, children: i.modal ? /* @__PURE__ */ s(Ii, { ...o, ref: e }) : /* @__PURE__ */ s(Si, { ...o, ref: e }) });
   }
 );
-Vn.displayName = ze;
-var Ii = Y.forwardRef(
+Vn.displayName = Ae;
+var Ii = X.forwardRef(
   (t, e) => {
-    const n = ue(ze, t.__scopeDialog), r = Y.useRef(null), o = Nt(e, n.contentRef, r);
-    return Y.useEffect(() => {
+    const n = pe(Ae, t.__scopeDialog), r = X.useRef(null), o = Nt(e, n.contentRef, r);
+    return X.useEffect(() => {
       const i = r.current;
       if (i)
         return Tr(i);
@@ -2688,9 +2688,9 @@ var Ii = Y.forwardRef(
       }
     );
   }
-), Si = Y.forwardRef(
+), Si = X.forwardRef(
   (t, e) => {
-    const n = ue(ze, t.__scopeDialog), r = Y.useRef(!1), o = Y.useRef(!1);
+    const n = pe(Ae, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
     return /* @__PURE__ */ s(
       Un,
       {
@@ -2711,10 +2711,10 @@ var Ii = Y.forwardRef(
       }
     );
   }
-), Un = Y.forwardRef(
+), Un = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...a } = t, d = ue(ze, n), l = Y.useRef(null), m = Nt(e, l);
-    return Cr(), /* @__PURE__ */ H(ce, { children: [
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...a } = t, d = pe(Ae, n), l = X.useRef(null), m = Nt(e, l);
+    return Cr(), /* @__PURE__ */ H(de, { children: [
       /* @__PURE__ */ s(
         Pr,
         {
@@ -2738,29 +2738,29 @@ var Ii = Y.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ H(ce, { children: [
+      /* @__PURE__ */ H(de, { children: [
         /* @__PURE__ */ s(Ri, { titleId: d.titleId }),
         /* @__PURE__ */ s(Ni, { contentRef: l, descriptionId: d.descriptionId })
       ] })
     ] });
   }
-), Wt = "DialogTitle", Zn = Y.forwardRef(
+), Wt = "DialogTitle", Zn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Wt, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(Wt, n);
     return /* @__PURE__ */ s(je.h2, { id: o.titleId, ...r, ref: e });
   }
 );
 Zn.displayName = Wt;
-var Bn = "DialogDescription", Li = Y.forwardRef(
+var Bn = "DialogDescription", Li = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(Bn, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(Bn, n);
     return /* @__PURE__ */ s(je.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
 Li.displayName = Bn;
-var jn = "DialogClose", Kn = Y.forwardRef(
+var jn = "DialogClose", Kn = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = ue(jn, n);
+    const { __scopeDialog: n, ...r } = t, o = pe(jn, n);
     return /* @__PURE__ */ s(
       je.button,
       {
@@ -2777,7 +2777,7 @@ function Mt(t) {
   return t ? "open" : "closed";
 }
 var Xn = "DialogTitleWarning", [pc, Yn] = vr(Xn, {
-  contentName: ze,
+  contentName: Ae,
   titleName: Wt,
   docsSlug: "dialog"
 }), Ri = ({ titleId: t }) => {
@@ -2786,18 +2786,18 @@ var Xn = "DialogTitleWarning", [pc, Yn] = vr(Xn, {
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${e.docsSlug}`;
-  return Y.useEffect(() => {
+  return X.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
 }, Ei = "DialogDescriptionWarning", Ni = ({ contentRef: t, descriptionId: e }) => {
   const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Yn(Ei).contentName}}.`;
-  return Y.useEffect(() => {
+  return X.useEffect(() => {
     var i;
     const o = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
     e && o && (document.getElementById(e) || console.warn(r));
   }, [r, t, e]), null;
 }, Oi = kn, Di = qn, zi = Gn, Ai = Vn, Fi = Zn, Wi = Kn;
-const Oe = {
+const De = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2806,7 +2806,7 @@ const Oe = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Mi = () => {
-  const { pdfProperties: t } = ee(), { container: e } = he(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Oo(), { localeMessages: o } = de(), i = A(() => {
+  const { pdfProperties: t } = J(), { container: e } = me(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Oo(), { localeMessages: o } = ue(), i = W(() => {
     if (!t)
       return [];
     const {
@@ -2846,12 +2846,12 @@ const Oe = {
       { label: o == null ? void 0 : o.propertiesPageCountLabel, value: _ }
     ];
   }, [t, o]);
-  return /* @__PURE__ */ s(Oi, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(Di, { container: e, children: /* @__PURE__ */ H("div", { className: Oe["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ s(zi, { className: Oe["rp-dialog-overlay"] }),
-    /* @__PURE__ */ H(Ai, { className: Oe["rp-document-dialog"], children: [
-      /* @__PURE__ */ s(Fi, { className: Oe["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
-      /* @__PURE__ */ s("div", { className: Oe["rp-document-properties"], children: i.map((a, d) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: Oe["rp-properties-divider"] }) : /* @__PURE__ */ s(qo, { label: a.label, value: a.value }) }, d)) }),
-      /* @__PURE__ */ s(Wi, { asChild: !0, className: Oe["rp-dialog-close"], children: /* @__PURE__ */ s(xr, {}) })
+  return /* @__PURE__ */ s(Oi, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(Di, { container: e, children: /* @__PURE__ */ H("div", { className: De["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ s(zi, { className: De["rp-dialog-overlay"] }),
+    /* @__PURE__ */ H(Ai, { className: De["rp-document-dialog"], children: [
+      /* @__PURE__ */ s(Fi, { className: De["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
+      /* @__PURE__ */ s("div", { className: De["rp-document-properties"], children: i.map((a, d) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: De["rp-properties-divider"] }) : /* @__PURE__ */ s(qo, { label: a.label, value: a.value }) }, d)) }),
+      /* @__PURE__ */ s(Wi, { asChild: !0, className: De["rp-dialog-close"], children: /* @__PURE__ */ s(xr, {}) })
     ] })
   ] }) }) });
 }, ki = {
@@ -2860,7 +2860,7 @@ const Oe = {
   const n = await (await fetch(t)).blob();
   return Hi(n);
 }, Qn = () => {
-  const { filename: t, pdfSrc: e } = ee(), { downloadFilename: n } = Ro(), r = (i) => {
+  const { filename: t, pdfSrc: e } = J(), { downloadFilename: n } = Ro(), r = (i) => {
     const a = n || i;
     return a.endsWith(cn) ? a : `${a}${cn}`;
   };
@@ -2871,22 +2871,22 @@ const Oe = {
     i.href = await $i(e), i.download = r(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, Jn = () => {
-  const { downloadIcon: t } = me(), { downloadIcon: e } = fe();
+  const { downloadIcon: t } = ve(), { downloadIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Rr, {});
-}, eo = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ s(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), qi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ s(eo, { localeMessages: e, children: /* @__PURE__ */ s(se, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ s(Jn, {}) }) }), Gi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ s(Pe, { onClick: t, children: /* @__PURE__ */ H(eo, { className: "rp-menu-item", localeMessages: e, children: [
+}, eo = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ s(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), qi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ s(eo, { localeMessages: e, children: /* @__PURE__ */ s(ce, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ s(Jn, {}) }) }), Gi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ s(ye, { onClick: t, children: /* @__PURE__ */ H(eo, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Jn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), to = () => {
-  const { download: t } = Qn(), { downloadTool: e = !0 } = we(), { downloadTool: n = !0 } = Ie(), { isSmallScreen: r } = Se(), { localeMessages: o } = de(), i = o == null ? void 0 : o.downloadFileTooltip;
+  const { download: t } = Qn(), { downloadTool: e = !0 } = be(), { downloadTool: n = !0 } = Se(), { isSmallScreen: r } = Le(), { localeMessages: o } = ue(), i = o == null ? void 0 : o.downloadFileTooltip;
   return !e || !n ? null : r ? /* @__PURE__ */ s(Gi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ s(K, { content: i, children: /* @__PURE__ */ s(e, { download: t }) }) : typeof n == "function" ? /* @__PURE__ */ s(K, { content: i, children: /* @__PURE__ */ s(n, { download: t }) }) : /* @__PURE__ */ s(qi, { download: t, localeMessages: o });
 }, no = () => {
-  const { printIcon: t } = me(), { printIcon: e } = fe();
+  const { printIcon: t } = ve(), { printIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Er, {});
-}, oo = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ s(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Vi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ s(oo, { localeMessages: e, children: /* @__PURE__ */ s(se, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ s(no, {}) }) }), Ui = ({ print: t, localeMessages: e }) => /* @__PURE__ */ s(Pe, { onClick: t, children: /* @__PURE__ */ H(oo, { className: "rp-menu-item", localeMessages: e, children: [
+}, oo = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ s(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Vi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ s(oo, { localeMessages: e, children: /* @__PURE__ */ s(ce, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ s(no, {}) }) }), Ui = ({ print: t, localeMessages: e }) => /* @__PURE__ */ s(ye, { onClick: t, children: /* @__PURE__ */ H(oo, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(no, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), ro = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = st(), { printTool: a = !0 } = we(), { printTool: d = !0 } = Ie(), { isSmallScreen: l } = Se(), { localeMessages: m } = de(), h = m == null ? void 0 : m.printTooltip;
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = st(), { printTool: a = !0 } = be(), { printTool: d = !0 } = Se(), { isSmallScreen: l } = Le(), { localeMessages: m } = ue(), h = m == null ? void 0 : m.printTooltip;
   return !a || !d ? null : l ? /* @__PURE__ */ s(Ui, { print: t, localeMessages: m }) : typeof a == "function" ? /* @__PURE__ */ s(K, { content: h, children: /* @__PURE__ */ s(
     a,
     {
@@ -2911,30 +2911,30 @@ const Oe = {
 }, Zi = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Bi = () => {
-  const { goToFirstPageIcon: t } = me(), { goToFirstPageIcon: e } = fe();
+  const { goToFirstPageIcon: t } = ve(), { goToFirstPageIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Tn, { className: Zi["rp-go-to-Top"] });
 }, ji = () => {
-  const { goToLastPageIcon: t } = me(), { goToLastPageIcon: e } = fe();
+  const { goToLastPageIcon: t } = ve(), { goToLastPageIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Tn, {});
 }, ln = { width: "100%" }, Ki = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ie(), { jumpNavigationTool: r = !0 } = we(), { jumpNavigationTool: o = !0 } = Ie(), { localeMessages: i } = de(), a = A(() => n === 1, [n]), d = A(() => n === e, [n, e]), l = E(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = ae(), { jumpNavigationTool: r = !0 } = be(), { jumpNavigationTool: o = !0 } = Se(), { localeMessages: i } = ue(), a = W(() => n === 1, [n]), d = W(() => n === e, [n, e]), l = E(() => {
     t(1);
   }, [t]), m = E(() => {
     t(e);
   }, [t, e]);
   return !r || !o ? null : /* @__PURE__ */ H(tt, { children: [
-    /* @__PURE__ */ s(Pe, { onClick: l, children: /* @__PURE__ */ s(K, { content: i == null ? void 0 : i.firstPageTooltip, style: ln, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+    /* @__PURE__ */ s(ye, { onClick: l, children: /* @__PURE__ */ s(K, { content: i == null ? void 0 : i.firstPageTooltip, style: ln, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": a, children: [
       /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Bi, {}) }),
       /* @__PURE__ */ s("span", { children: i == null ? void 0 : i.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ s(Pe, { onClick: m, children: /* @__PURE__ */ s(K, { content: i == null ? void 0 : i.lastPageTooltip, style: ln, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": d, children: [
+    /* @__PURE__ */ s(ye, { onClick: m, children: /* @__PURE__ */ s(K, { content: i == null ? void 0 : i.lastPageTooltip, style: ln, children: /* @__PURE__ */ H("div", { className: "rp-menu-item", "aria-disabled": d, children: [
       /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(ji, {}) }),
       /* @__PURE__ */ s("span", { children: i == null ? void 0 : i.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ s(Et, {})
   ] });
 }, Xi = () => {
-  const [t, e] = F(!1), { container: n, pagesRef: r } = he(), { isSmallScreen: o } = Se(), {
+  const [t, e] = A(!1), { container: n, pagesRef: r } = me(), { isSmallScreen: o } = Le(), {
     openFileTool: i,
     downloadTool: a,
     documentProperties: d,
@@ -2945,7 +2945,7 @@ const Oe = {
     printTool: p,
     fullscreenTool: w,
     viewModeTool: P
-  } = we(), {
+  } = be(), {
     openFileTool: y,
     downloadTool: v,
     documentProperties: _,
@@ -2956,11 +2956,11 @@ const Oe = {
     printTool: T,
     fullscreenTool: C,
     viewModeTool: x
-  } = Ie(), { localeMessages: S } = de(), [I, L] = F(0), D = k(
-    new ResizeObserver((R) => {
-      L(R[0].contentRect.height);
+  } = Se(), { localeMessages: R } = ue(), [I, S] = A(0), D = k(
+    new ResizeObserver((L) => {
+      S(L[0].contentRect.height);
     })
-  ), W = A(() => b || m || h || l || d || P || o && (i || a || p || w), [
+  ), z = W(() => b || m || h || l || d || P || o && (i || a || p || w), [
     i,
     a,
     p,
@@ -2971,7 +2971,7 @@ const Oe = {
     h,
     b,
     o
-  ]), M = A(() => c || f || u || g || _ || x || o && (y || v || T || C), [
+  ]), M = W(() => c || f || u || g || _ || x || o && (y || v || T || C), [
     y,
     v,
     T,
@@ -2985,13 +2985,13 @@ const Oe = {
   ]);
   return N(() => (r && D.current.observe(r), () => {
     D.current.disconnect();
-  }), [r]), !W || !M ? null : /* @__PURE__ */ H(ce, { children: [
+  }), [r]), !z || !M ? null : /* @__PURE__ */ H(de, { children: [
     /* @__PURE__ */ s(
       Rt,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(K, { content: S == null ? void 0 : S.moreOptionTooltip, children: /* @__PURE__ */ s(se, { active: t, "aria-label": S == null ? void 0 : S.moreOptionTooltip, children: /* @__PURE__ */ s(fr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(K, { content: R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ s(ce, { active: t, "aria-label": R == null ? void 0 : R.moreOptionTooltip, children: /* @__PURE__ */ s(fr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ H(
@@ -3022,10 +3022,10 @@ const Oe = {
     /* @__PURE__ */ s(Mi, {})
   ] });
 }, Yi = () => {
-  const { isSmallScreen: t } = Se();
-  return /* @__PURE__ */ H(ce, { children: [
+  const { isSmallScreen: t } = Le();
+  return /* @__PURE__ */ H(de, { children: [
     /* @__PURE__ */ s(hr, {}),
-    !t && /* @__PURE__ */ H(ce, { children: [
+    !t && /* @__PURE__ */ H(de, { children: [
       /* @__PURE__ */ s(_n, {}),
       /* @__PURE__ */ s(to, {}),
       /* @__PURE__ */ s(ro, {}),
@@ -3033,7 +3033,7 @@ const Oe = {
     ] }),
     /* @__PURE__ */ s(Xi, {})
   ] });
-}, Qi = "_active_1yldl_11", Te = {
+}, Qi = "_active_1yldl_11", Ce = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_1yldl_1",
   "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_1yldl_6",
   active: Qi,
@@ -3042,13 +3042,13 @@ const Oe = {
   "rp-current-zoom-text": "_rp-current-zoom-text_1yldl_24",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_1yldl_28"
 }, Ji = 25, Tt = 1e3, es = [50, 75, 100, 125, 150, 200, 300, 400], ts = () => {
-  const { zoomInIcon: t } = me(), { zoomInIcon: e } = fe();
+  const { zoomInIcon: t } = ve(), { zoomInIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Or, {});
 }, ns = () => {
-  const { zoomOutIcon: t } = me(), { zoomOutIcon: e } = fe();
+  const { zoomOutIcon: t } = ve(), { zoomOutIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Dr, {});
 }, os = () => {
-  const { zoomLevel: t, setZoomLevel: e, currentZoom: n } = We(), { container: r, pagesRef: o } = he(), { zoomTool: i = !0 } = we(), { zoomTool: a = !0 } = Ie(), { isSmallScreen: d } = Se(), { localeMessages: l } = de(), [m, h] = F(0), [b, p] = F(!1), w = k(
+  const { zoomLevel: t, setZoomLevel: e, currentZoom: n } = Me(), { container: r, pagesRef: o } = me(), { zoomTool: i = !0 } = be(), { zoomTool: a = !0 } = Se(), { isSmallScreen: d } = Le(), { localeMessages: l } = ue(), [m, h] = A(0), [b, p] = A(!1), w = k(
     new ResizeObserver((g) => {
       h(g[0].contentRect.height);
     })
@@ -3062,12 +3062,12 @@ const Oe = {
       const g = Math.ceil(n * 100 / 25) * 25;
       return Math.min(g - 25, Tt);
     });
-  }, [e, n]), v = A(() => n * 100 <= Ji, [n]), _ = A(() => n * 100 >= Tt, [n]);
+  }, [e, n]), v = W(() => n * 100 <= Ji, [n]), _ = W(() => n * 100 >= Tt, [n]);
   return N(() => (o && w.current.observe(o), () => {
     w.current.disconnect();
-  }), [o]), !i || !a ? null : typeof i == "function" ? /* @__PURE__ */ s(i, { zoomLevel: t, setZoomLevel: e }) : typeof a == "function" ? /* @__PURE__ */ s(a, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ H("div", { className: Te["rp-zoom-wrapper"], children: [
+  }), [o]), !i || !a ? null : typeof i == "function" ? /* @__PURE__ */ s(i, { zoomLevel: t, setZoomLevel: e }) : typeof a == "function" ? /* @__PURE__ */ s(a, { zoomLevel: t, setZoomLevel: e }) : /* @__PURE__ */ H("div", { className: Ce["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ s(K, { content: l == null ? void 0 : l.zoomOutTooltip, children: /* @__PURE__ */ s(
-      se,
+      ce,
       {
         disabled: v,
         onClick: y,
@@ -3082,19 +3082,19 @@ const Oe = {
         open: b,
         onOpenChange: p,
         triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(K, { content: l == null ? void 0 : l.zoomSelectTooltip, children: /* @__PURE__ */ H(
-          se,
+          ce,
           {
-            className: re(
-              Te["rp-current-zoom-wrapper"],
-              b && Te.active
+            className: se(
+              Ce["rp-current-zoom-wrapper"],
+              b && Ce.active
             ),
             "aria-label": l == null ? void 0 : l.zoomSelectTooltip,
             children: [
-              typeof t == "number" ? /* @__PURE__ */ H(ce, { children: [
-                /* @__PURE__ */ s("span", { className: Te["rp-current-zoom-text"], children: t }),
-                /* @__PURE__ */ s("span", { className: Te["rp-current-zoom-text"], children: "%" })
-              ] }) : /* @__PURE__ */ s("span", { className: Te["rp-current-zoom-text"], children: t }),
-              /* @__PURE__ */ s(Be, { className: Te["rp-current-zoom-icon"] })
+              typeof t == "number" ? /* @__PURE__ */ H(de, { children: [
+                /* @__PURE__ */ s("span", { className: Ce["rp-current-zoom-text"], children: t }),
+                /* @__PURE__ */ s("span", { className: Ce["rp-current-zoom-text"], children: "%" })
+              ] }) : /* @__PURE__ */ s("span", { className: Ce["rp-current-zoom-text"], children: t }),
+              /* @__PURE__ */ s(Be, { className: Ce["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
@@ -3106,15 +3106,15 @@ const Oe = {
           "div",
           {
             style: { maxHeight: `${m}px`, overflow: "auto" },
-            className: Te["rp-zoom-dropdown-content"],
+            className: Ce["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ H(tt, { children: [
-                /* @__PURE__ */ s(Pe, { onClick: () => e(Xe.ACTUAL), children: l == null ? void 0 : l.zoomActualSize }),
-                /* @__PURE__ */ s(Pe, { onClick: () => e(Xe.PAGE_FIT), children: l == null ? void 0 : l.zoomPageFit }),
-                /* @__PURE__ */ s(Pe, { onClick: () => e(Xe.PAGE_WIDTH), children: l == null ? void 0 : l.zoomPageWidth })
+                /* @__PURE__ */ s(ye, { onClick: () => e(Xe.ACTUAL), children: l == null ? void 0 : l.zoomActualSize }),
+                /* @__PURE__ */ s(ye, { onClick: () => e(Xe.PAGE_FIT), children: l == null ? void 0 : l.zoomPageFit }),
+                /* @__PURE__ */ s(ye, { onClick: () => e(Xe.PAGE_WIDTH), children: l == null ? void 0 : l.zoomPageWidth })
               ] }),
               /* @__PURE__ */ s(Et, {}),
-              /* @__PURE__ */ s(tt, { children: es.map((g) => /* @__PURE__ */ H(Pe, { onClick: () => e(g), children: [
+              /* @__PURE__ */ s(tt, { children: es.map((g) => /* @__PURE__ */ H(ye, { onClick: () => e(g), children: [
                 g,
                 " %"
               ] }, g)) })
@@ -3124,7 +3124,7 @@ const Oe = {
       }
     ),
     /* @__PURE__ */ s(K, { content: l == null ? void 0 : l.zoomInTooltip, children: /* @__PURE__ */ s(
-      se,
+      ce,
       {
         disabled: _,
         onClick: P,
@@ -3134,14 +3134,14 @@ const Oe = {
     ) })
   ] });
 }, dn = () => {
-  const { totalMatches: t, nextMatch: e, prevMatch: n } = Dt(), { localeMessages: r } = de();
-  return /* @__PURE__ */ H(ce, { children: [
+  const { totalMatches: t, nextMatch: e, prevMatch: n } = Dt(), { localeMessages: r } = ue();
+  return /* @__PURE__ */ H(de, { children: [
     /* @__PURE__ */ s(
       K,
       {
         content: r == null ? void 0 : r.searchPrevTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ s(se, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s(ce, { tabIndex: 0, onClick: n, "aria-label": r == null ? void 0 : r.searchPrevTooltip, children: /* @__PURE__ */ s(
           Be,
           {
             className: te["rp-search-tool-input-icon"],
@@ -3155,7 +3155,7 @@ const Oe = {
       {
         content: r == null ? void 0 : r.searchNextTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ s(se, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ s(ce, { tabIndex: 0, onClick: e, "aria-label": r == null ? void 0 : r.searchNextTooltip, children: /* @__PURE__ */ s(
           Be,
           {
             style: { transform: "rotate(180deg" },
@@ -3167,10 +3167,10 @@ const Oe = {
     )
   ] });
 }, rs = () => {
-  const { searchIcon: t } = me(), { searchIcon: e } = fe();
+  const { searchIcon: t } = ve(), { searchIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(Cn, {});
 }, is = ({ icon: t }) => {
-  const { container: e } = he(), [n, r] = F(!1), { pdf: o } = ee(), [i, a] = F(null), {
+  const { container: e } = me(), [n, r] = A(!1), { pdf: o } = J(), [i, a] = A(null), {
     searchOptions: d,
     setSearchOptions: l,
     loading: m,
@@ -3180,76 +3180,80 @@ const Oe = {
     nextMatch: w,
     prevMatch: P,
     search: y
-  } = Dt(), { searchTool: v = !0 } = we(), { searchTool: _ = !0 } = Ie(), [g, f] = F(y), { localeMessages: u } = de(), { isSmallScreen: c } = Se(), [T, C] = F(null), x = E(() => {
+  } = Dt(), { searchTool: v = !0 } = be(), { searchTool: _ = !0 } = Se(), [g, f] = A(y), { localeMessages: u } = ue(), { isSmallScreen: c } = Le(), [T, C] = A(null), [x, R] = A(!1), I = E(() => {
     r(!0);
   }, []), S = E(() => {
     h(""), f(""), r(!1);
-  }, [h]), I = ($) => {
-    const Z = $.key === "Enter", X = $.key === " ";
-    (Z || X) && S();
-  }, L = E(
-    ($) => {
-      $.key === "Escape" && n && S();
+  }, [h]), D = (q) => {
+    const Y = q.key === "Enter", oe = q.key === " ";
+    (Y || oe) && S();
+  }, z = E(
+    (q) => {
+      q.key === "Escape" && n && S();
     },
     [n]
-  ), D = E(
-    ($) => {
-      $.shiftKey && $.key === "Enter" ? P() : $.key === "Enter" && y !== g ? h(g) : $.key === "Enter" && w();
+  ), M = E(
+    (q) => {
+      q.shiftKey && q.key === "Enter" ? P() : q.key === "Enter" && y !== g ? h(g) : q.key === "Enter" && w();
     },
     [g, P, w, h, y]
   );
   N(() => {
     f(y);
-  }, [y]), N(() => (window.addEventListener("keydown", L), () => {
-    window.removeEventListener("keydown", L);
-  }), [L]), N(() => {
+  }, [y]), N(() => {
+    y && o && R(!0);
+  }, [y, o]), N(() => {
+    y && y.trim() !== "" && (f(y), h(y));
+  }, []), N(() => (window.addEventListener("keydown", z), () => {
+    window.removeEventListener("keydown", z);
+  }), [z]), N(() => {
     i && setTimeout(() => {
       i.focus();
     }, 0);
   }, [i]);
-  const W = E(($) => {
-    f($.target.value);
-  }, []), M = E(() => {
+  const L = E((q) => {
+    f(q.target.value);
+  }, []), O = E(() => {
     f(""), h("");
-  }, [h]), R = A(() => `${p} / ${b}`, [p, b]), { wholeWords: O, matchCase: z } = A(() => d, [d]), q = E(
-    ($) => {
-      l((Z) => ({ ...Z, matchCase: $ }));
+  }, [h]), F = W(() => `${p} / ${b}`, [p, b]), { wholeWords: $, matchCase: G } = W(() => d, [d]), B = E(
+    (q) => {
+      l((Y) => ({ ...Y, matchCase: q }));
     },
     [l]
-  ), G = E(
-    ($) => {
-      l((Z) => ({ ...Z, wholeWords: $ }));
+  ), j = E(
+    (q) => {
+      l((Y) => ({ ...Y, wholeWords: q }));
     },
     [l]
   );
   N(() => {
-    S();
+    o && x && S();
   }, [o, S]);
-  const V = A(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), j = E(
-    ($) => {
-      if ($.key === "Tab") {
-        const Z = document.activeElement;
-        let X = 0;
-        V.forEach((Q, J) => {
-          Q === Z && (X = J);
+  const V = W(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), ee = E(
+    (q) => {
+      if (q.key === "Tab") {
+        const Y = document.activeElement;
+        let oe = 0;
+        V.forEach((ie, he) => {
+          ie === Y && (oe = he);
         });
-        let oe = X + 1;
-        $.shiftKey && (oe = X - 1);
-        const le = V[oe];
-        if (le)
-          le.focus();
-        else if (oe > V.length - 1) {
-          const Q = V[0];
-          Q && Q.focus();
+        let re = oe + 1;
+        q.shiftKey && (re = oe - 1);
+        const Q = V[re];
+        if (Q)
+          Q.focus();
+        else if (re > V.length - 1) {
+          const ie = V[0];
+          ie && ie.focus();
         } else {
-          const Q = V[V.length - 1];
-          Q && Q.focus();
+          const ie = V[V.length - 1];
+          ie && ie.focus();
         }
       }
     },
     [V]
   );
-  return !v || !_ ? null : /* @__PURE__ */ s(ce, { children: /* @__PURE__ */ s(
+  return !v || !_ ? null : /* @__PURE__ */ s(de, { children: /* @__PURE__ */ s(
     Rt,
     {
       open: n,
@@ -3259,10 +3263,10 @@ const Oe = {
       tabIndex: 0,
       avoidCollisions: !1,
       triggerComponent: /* @__PURE__ */ s(K, { content: u == null ? void 0 : u.searchButtonTooltip, children: /* @__PURE__ */ s(
-        se,
+        ce,
         {
           active: n,
-          onClick: x,
+          onClick: I,
           "aria-label": u == null ? void 0 : u.searchButtonTooltip,
           children: t || /* @__PURE__ */ s(rs, {})
         }
@@ -3273,7 +3277,7 @@ const Oe = {
           ref: C,
           className: te["rp-search-tool-content"],
           tabIndex: 0,
-          onKeyDown: j,
+          onKeyDown: ee,
           children: [
             /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-wrapper"], children: [
               /* @__PURE__ */ H("div", { className: te["rp-search-tool-input"], children: [
@@ -3281,8 +3285,8 @@ const Oe = {
                   fn,
                   {
                     value: g,
-                    onKeyDown: D,
-                    onChange: W,
+                    onKeyDown: M,
+                    onChange: L,
                     icon: /* @__PURE__ */ s(Cn, {}),
                     placeholder: u == null ? void 0 : u.searchInputPlaceholder,
                     className: te["rp-search-input"],
@@ -3290,11 +3294,11 @@ const Oe = {
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!g && /* @__PURE__ */ s("span", { className: te["rp-search-tool-input-clear"], onClick: M, children: /* @__PURE__ */ s(zr, {}) })
+                    children: !!g && /* @__PURE__ */ s("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ s(zr, {}) })
                   }
                 ) }),
-                m ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(Lt, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ s("span", { children: R }),
-                c && /* @__PURE__ */ s("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ s(qt, { onKeyPress: I, handleClose: S }) })
+                m ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(Lt, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ s("span", { children: F }),
+                c && /* @__PURE__ */ s("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ s(qt, { onKeyPress: D, handleClose: S }) })
               ] }),
               /* @__PURE__ */ H("div", { className: te["rp-search-tool-input-checkboxes"], children: [
                 c && /* @__PURE__ */ s(dn, {}),
@@ -3303,8 +3307,8 @@ const Oe = {
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: z,
-                    onChange: q,
+                    value: G,
+                    onChange: B,
                     children: u == null ? void 0 : u.searchMatchCaseLabel
                   }
                 ),
@@ -3314,8 +3318,8 @@ const Oe = {
                   {
                     tabIndex: 0,
                     name: "wholeWord",
-                    value: O,
-                    onChange: G,
+                    value: $,
+                    onChange: j,
                     children: u == null ? void 0 : u.searchWholeWordsLabel
                   }
                 ),
@@ -3324,14 +3328,14 @@ const Oe = {
             ] }),
             !c && /* @__PURE__ */ H("div", { className: te["rp-search-tool-controls"], children: [
               /* @__PURE__ */ s(dn, {}),
-              /* @__PURE__ */ s(qt, { onKeyPress: I, handleClose: S })
+              /* @__PURE__ */ s(qt, { onKeyPress: D, handleClose: S })
             ] })
           ]
         }
       )
     }
   ) });
-}, ss = "_loading_wazy2_1", ke = {
+}, ss = "_loading_wazy2_1", He = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
@@ -3340,23 +3344,23 @@ const Oe = {
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
   loading: ss
 }, as = ({ percentage: t }) => {
-  const { cancel: e } = st(), { localeMessages: n } = de();
-  return t < 1 ? null : /* @__PURE__ */ s("div", { className: re(ke["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: re(ke["rp-loading-modal"]), children: [
-    /* @__PURE__ */ H("div", { className: re(ke["rp-loading-title"]), children: [
+  const { cancel: e } = st(), { localeMessages: n } = ue();
+  return t < 1 ? null : /* @__PURE__ */ s("div", { className: se(He["rp-loading-overlay"]), children: /* @__PURE__ */ H("div", { className: se(He["rp-loading-modal"]), children: [
+    /* @__PURE__ */ H("div", { className: se(He["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ s("div", { className: re(ke["rp-loading-progress-bar"]), children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { className: se(He["rp-loading-progress-bar"]), children: /* @__PURE__ */ s(
       "div",
       {
-        className: re(ke["rp-loading-progress"]),
+        className: se(He["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ s("button", { className: re(ke["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ s("button", { className: se(He["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, cs = rt((t, e) => {
-  const { showPrintProgress: n = !0 } = we(), { showPrintProgress: r = !0 } = Ie(), { progress: o } = st(), { isSmallScreen: i } = Se(), { percentage: a } = o || {}, d = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
+  const { showPrintProgress: n = !0 } = be(), { showPrintProgress: r = !0 } = Se(), { progress: o } = st(), { isSmallScreen: i } = Le(), { percentage: a } = o || {}, d = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
     if (!(!n || !r || !a))
       return /* @__PURE__ */ s(as, { percentage: a });
   };
@@ -3383,7 +3387,7 @@ const Oe = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, ls = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ie(), { pageRotate: i } = $e(), a = k(null), d = Dn(), { pages: l } = ee(), [m, h] = F(null), b = k(!1), p = k(), w = A(() => n ? Ue["rp-thumbnail-active"] : "", [n]), P = A(() => ({
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ae(), { pageRotate: i } = qe(), a = k(null), d = Dn(), { pages: l } = J(), [m, h] = A(null), b = k(!1), p = k(), w = W(() => n ? Ue["rp-thumbnail-active"] : "", [n]), P = W(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), y = E(() => {
@@ -3443,7 +3447,7 @@ const Oe = {
             style: {
               transform: `rotate(${i[e || 0]}deg)`
             },
-            className: re(w, Ue["rp-thumbnail"]),
+            className: se(w, Ue["rp-thumbnail"]),
             children: m ? /* @__PURE__ */ s(
               "img",
               {
@@ -3476,9 +3480,9 @@ const Oe = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - ds);
 }, ps = rt((t, e) => {
-  const { show: n } = t, { focusedPage: r, totalPages: o } = ie(), { thumbnailPages: i, addPage: a, thumbnailLength: d, addToPage: l } = Rn(), m = k(null), h = k(1);
+  const { show: n } = t, { focusedPage: r, totalPages: o } = ae(), { thumbnailPages: i, addPage: a, thumbnailLength: d, addToPage: l } = Rn(), m = k(null), h = k(1);
   pn(e, () => m.current);
-  const b = A(() => Object.values(i), [i]), p = E(() => {
+  const b = W(() => Object.values(i), [i]), p = E(() => {
     const w = d + 1;
     w <= o && a(w);
   }, [a, o, d]);
@@ -3499,13 +3503,13 @@ const Oe = {
     );
   }) : null }) });
 }), hs = () => {
-  const { thumbnailIcon: t } = me(), { thumbnailIcon: e } = fe();
+  const { thumbnailIcon: t } = ve(), { thumbnailIcon: e } = ge();
   return t || e || /* @__PURE__ */ s(zo, {});
 }, fs = () => {
-  const { active: t, setActive: e } = Rn(), [n, r] = F(200), o = k(null), { thumbnailTool: i, sidebarEnable: a } = we(), { localeMessages: d } = de(), l = E(() => {
+  const { active: t, setActive: e } = Rn(), [n, r] = A(200), o = k(null), { thumbnailTool: i, sidebarEnable: a } = be(), { localeMessages: d } = ue(), l = E(() => {
     e((h) => !h);
-  }, []), m = A(() => typeof i != "boolean" && i ? /* @__PURE__ */ s(i, { onClick: l, active: t }) : i ? /* @__PURE__ */ s(K, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ s(
-    se,
+  }, []), m = W(() => typeof i != "boolean" && i ? /* @__PURE__ */ s(i, { onClick: l, active: t }) : i ? /* @__PURE__ */ s(K, { content: d == null ? void 0 : d.thumbnailTooltip, children: /* @__PURE__ */ s(
+    ce,
     {
       onClick: l,
       active: t,
@@ -3513,7 +3517,7 @@ const Oe = {
       children: /* @__PURE__ */ s(hs, {})
     }
   ) }) : null, [i, t, l, d]);
-  return /* @__PURE__ */ s(ce, { children: a && /* @__PURE__ */ H(
+  return /* @__PURE__ */ s(de, { children: a && /* @__PURE__ */ H(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -3547,22 +3551,22 @@ const Oe = {
     onLoaded: l,
     cleanupOnLoaded: m,
     onLayoutWidthChange: h
-  } = t, [b, p] = F(null), { setContainer: w, setContentRef: P } = he(), { loading: y } = ee(), { LoaderImageComponent: v } = wn();
+  } = t, [b, p] = A(null), { setContainer: w, setContentRef: P } = me(), { loading: y } = J(), { LoaderImageComponent: v } = wn();
   return N(() => (l && l(), () => {
     m && m();
   }), [l, m]), // TODO: deprecated in v2.0.0, remove later ~
   /* @__PURE__ */ s(Wn, { toolbarRef: b, ref: e, children: /* @__PURE__ */ s(Fo, { mobileWidth: d, onLayoutWidthChange: h, children: /* @__PURE__ */ s(Wo, { slots: r, children: /* @__PURE__ */ s($o, { icons: o, children: /* @__PURE__ */ s(Do, { children: /* @__PURE__ */ H(Ao, { getContainerRef: w, style: i, className: a, children: [
     /* @__PURE__ */ H(Mo, { children: [
-      /* @__PURE__ */ H("div", { className: Ce["rp-layout"], children: [
+      /* @__PURE__ */ H("div", { className: Pe["rp-layout"], children: [
         /* @__PURE__ */ s(
           cs,
           {
             ref: p
           }
         ),
-        /* @__PURE__ */ H("div", { className: Ce["rp-content"], children: [
-          /* @__PURE__ */ s("div", { className: Ce["rp-sidebar"], children: /* @__PURE__ */ s(fs, {}) }),
-          /* @__PURE__ */ s("div", { ref: P, className: Ce["rp-pages"], children: n })
+        /* @__PURE__ */ H("div", { className: Pe["rp-content"], children: [
+          /* @__PURE__ */ s("div", { className: Pe["rp-sidebar"], children: /* @__PURE__ */ s(fs, {}) }),
+          /* @__PURE__ */ s("div", { ref: P, className: Pe["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ s(Ho, {})
@@ -3570,7 +3574,7 @@ const Oe = {
     y ? /* @__PURE__ */ s(
       "div",
       {
-        className: Ce["rp-loader"],
+        className: Pe["rp-loader"],
         style: {
           position: "absolute",
           top: 0,
@@ -3645,16 +3649,16 @@ export {
   fs as a8,
   Qn as b,
   st as c,
-  We as d,
+  Me as d,
   Dt as e,
   kr as f,
-  Ce as g,
+  Pe as g,
   ac as h,
   lc as i,
   ic as j,
   Rn as k,
   bt as l,
-  Te as m,
+  Ce as m,
   Ve as n,
   Ti as o,
   os as p,
@@ -3662,9 +3666,9 @@ export {
   fc as r,
   ps as s,
   as as t,
-  ie as u,
+  ae as u,
   Pn as v,
-  qe as w,
+  Ge as w,
   xn as x,
   Ar as y,
   In as z