@pdf-viewer/react 1.7.0-beta.1 → 1.7.0-beta.3

package/dist/{RPDefaultLayout-aa575bb0.js → RPDefaultLayout-d16fdf0e.js}

@@ -1,10 +1,10 @@
 import { jsx as i, Fragment as fe, jsxs as F } from "react/jsx-runtime";
 import * as B from "react";
-import { useRef as H, useEffect as k, useCallback as N, useState as $, useMemo as W, createContext as Ye, useContext as Je, forwardRef as $e, useImperativeHandle as cn, createElement as Ue, PureComponent as Jn, Component as Qn, memo as er } from "react";
+import { useRef as H, useEffect as k, useCallback as N, useState as $, createContext as Ye, useContext as Je, useMemo as M, forwardRef as $e, useImperativeHandle as cn, createElement as Ue, PureComponent as Jn, Component as Qn, memo as er } from "react";
 import { ChevronUpIcon as Me } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as re } from "./components/ui/Button.js";
 import { UIInput as ln } from "./components/ui/Input.js";
-import { ViewMode as He, ScrollMode as ee, AnnotationSubType as zt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
+import { ViewMode as He, ScrollMode as ee, AnnotationSubType as At, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
 import { useScrollModeContext as De } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as J } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as nr } from "./contexts/DocumentPasswordContext.js";
@@ -12,7 +12,7 @@ import { useDarkModeContext as rr } from "./contexts/DarkModeContext.js";
 import { useRotationContext as Ge } from "./contexts/RotationContext.js";
 import { useLayerContext as or } from "./contexts/LayerContext.js";
 import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
-import { useViewModeContext as ze } from "./contexts/ViewModeContext.js";
+import { useViewModeContext as Ae } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as dn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as ir } from "./contexts/SelectionModeContext.js";
@@ -47,8 +47,8 @@ import { useThemeContext as Pr } from "./contexts/ThemeContext.js";
 import * as Sr from "pdfjs-dist";
 import { PixelsPerInch as yr, AnnotationMode as xr, RenderingCancelledException as Ir, AnnotationLayer as Rr } from "pdfjs-dist";
 import { SimpleLinkService as Lr } from "./utils/link_service.js";
-import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as At, handleAnnotationWidget as Or, handleAnnotationLink as Dr, bindLayerEvents as zr, unbindLayerEvents as Ft } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Ar, sortHighlightPosition as Fr, unwrap as kr } from "./components/page/searchHighlight.js";
+import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as zt, handleAnnotationWidget as Or, handleAnnotationLink as Dr, bindLayerEvents as Ar, unbindLayerEvents as Ft } from "./utils/annotations.js";
+import { normalizeSingleKeyword as zr, sortHighlightPosition as Fr, unwrap as kr } from "./components/page/searchHighlight.js";
 import { _ as Wr, U as Mr } from "./Popover-b7402893.js";
 import { useMousePressed as Hr } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as $r } from "./utils/hooks/useGrabScroll.js";
@@ -94,14 +94,14 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as To } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const vn = () => {
-  const { viewMode: e } = ze(), { scrollMode: t } = De(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), s = H(), { columnCount: l } = dn(), { widths: u, heights: h } = qe(), m = H(t), v = H(e), p = H(l), { targetScrollPage: w } = un();
+  const { viewMode: e } = Ae(), { scrollMode: t } = De(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), c = H(), { columnCount: l } = dn(), { widths: u, heights: p } = qe(), m = H(t), v = H(e), h = H(l), { targetScrollPage: w } = un();
   k(() => {
-    n != null && n.scrollToItem && (s.current = n);
+    n != null && n.scrollToItem && (c.current = n);
   }, [n]), k(() => {
     m.current = t, v.current = e;
   }, [t, e]);
   const T = N(
-    (C, S) => {
+    (C, y) => {
       if (!r)
         return;
       const d = Math.ceil(C / 2) * 2 - 1;
@@ -111,7 +111,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
           top: 0
         };
         return new Promise(
-          (c) => st(r, g, c)
+          (s) => st(r, g, s)
         );
       }
       const f = {
@@ -120,7 +120,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       };
       return r == null ? void 0 : r.scrollTo({
         ...f,
-        behavior: S
+        behavior: y
       });
     },
     [r, u, st]
@@ -128,52 +128,52 @@ import './assets/RPDefaultLayout.css';const vn = () => {
   return k(() => {
     m.current = t, v.current = e;
   }, [t, e]), k(() => {
-    p.current = l;
+    h.current = l;
   }, [l]), { scrollToPage: N(
-    (C, S = "smooth") => {
+    (C, y = "smooth") => {
       a(C);
       const d = C - 1;
       let f = d, g = 0;
       if (v.current === He.DUAL_PAGE && m.current === ee.PAGE_SCROLLING) {
-        T(C, S);
+        T(C, y);
         return;
       }
       if (m.current === ee.PAGE_SCROLLING) {
         a(C);
         return;
       }
-      if (!s.current || !o)
+      if (!c.current || !o)
         return;
-      const c = o;
+      const s = o;
       if (w.current = C, m.current === ee.HORIZONTAL_SCROLLING) {
         g = d;
-        const P = {
+        const S = {
           left: Oe(u, g),
           top: 0
         };
-        return c.scrollTo({
-          ...P,
-          behavior: S
+        return s.scrollTo({
+          ...S,
+          behavior: y
         });
       }
       if (v.current === He.DUAL_PAGE) {
         g = d % 2, f = Math.floor(d / 2);
-        const P = {
+        const S = {
           left: Oe(u, g),
-          top: Oe(h, f)
+          top: Oe(p, f)
         };
-        return c.scrollTo({
-          ...P,
-          behavior: S
+        return s.scrollTo({
+          ...S,
+          behavior: y
         });
       }
       const b = {
         left: 0,
-        top: Oe(h, f)
+        top: Oe(p, f)
       };
-      return c.scrollTo({
+      return s.scrollTo({
         ...b,
-        behavior: S
+        behavior: y
       });
     },
     [
@@ -182,44 +182,45 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       T,
       a,
       st,
-      h,
+      p,
       u
     ]
   ) };
 }, Po = (e = 1) => {
-  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: a } = vn(), s = H(1), { viewMode: l } = ze(), { scrollMode: u } = De(), { widths: h } = qe(), { pagesRef: m } = ge(), v = Tt(t, 100), p = N(
+  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: a } = vn(), c = H(1), { viewMode: l } = Ae(), { scrollMode: u } = De(), { widths: p } = qe(), { pagesRef: m } = ge(), v = Tt(t, 100), h = N(
     (d) => {
       if (!/^[0-9]*$/g.test(d.toString()) || !d)
-        return { success: !1, currentPage: s.current };
+        return { success: !1, currentPage: c.current };
       const g = +d;
-      return g < 0 || g > o ? { success: !1, currentPage: s.current } : (n(g), s.current = g, { success: !0, currentPage: +d });
+      return g < 0 || g > o ? { success: !1, currentPage: c.current } : (n(g), c.current = g, { success: !0, currentPage: +d });
     },
     [o]
-  ), w = N(p, [p]), T = N(
+  ), w = N(h, [h]), T = N(
     (d) => {
-      const f = p(d);
+      const f = h(d);
       return f.success && a(f.currentPage), f;
     },
-    [p, a]
-  ), y = N(() => {
-    let d = t - 1;
-    T(d);
-  }, [T, t, l, u]), C = W(() => {
-    if (!m)
+    [h, a]
+  ), P = N((d) => {
+    const f = d % 2 === 1;
+    if (!m || f)
       return !1;
-    const d = t + 1;
-    return t % 2 === 1 && l === He.DUAL_PAGE && d <= o ? h[t] + h[d] < m.clientWidth : !1;
-  }, [t, h, m, o]), S = N(() => {
+    const g = f ? p[d] : p[d - 1], s = f ? p[d + 1] : p[d];
+    return l === He.DUAL_PAGE && g + s < m.clientWidth;
+  }, [l, p, m, o]), C = N(() => {
+    let d = t - 1;
+    P(d) && (d = t - 2), T(d);
+  }, [T, t, l, u, P]), y = N(() => {
     let d = t + 1;
-    C && (d = t + 2), T(d);
-  }, [T, t, C, l, u]);
+    P(d) && (d = t + 2), T(d);
+  }, [T, t, P, l, u]);
   return {
     focusedPage: v,
     totalPages: o,
     setFocusedPage: w,
     setTotalPages: r,
-    nextPage: S,
-    prevPage: y,
+    nextPage: y,
+    prevPage: C,
     goToPage: T
   };
 }, wn = Ye({
@@ -238,7 +239,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
   const e = Je(wn);
   return typeof (e == null ? void 0 : e.focusedPage) > "u" && Zr.error("Please use this hooks inside children component of RPProvider"), e;
 }, Ms = ({ children: e }) => {
-  const { pdf: t } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: l, prevPage: u } = Po();
+  const { pdf: t } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: c, nextPage: l, prevPage: u } = Po();
   return k(() => {
     t != null && t.numPages && (a(t.numPages), r(1));
   }, [t, a, r]), /* @__PURE__ */ i(
@@ -251,7 +252,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
         setTotalPages: a,
         nextPage: l,
         prevPage: u,
-        goToPage: s
+        goToPage: c
       },
       children: e
     }
@@ -262,7 +263,7 @@ const So = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [s, l] = $(!1), [u, h] = $(null), m = H(!1);
+  }), [r, a] = $(!1), [c, l] = $(!1), [u, p] = $(null), m = H(!1);
   k(() => {
     m.current;
   }, [m]);
@@ -270,8 +271,8 @@ const So = () => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const f = document.querySelector(".rp-print-zone");
     f && f.remove();
-  }, []), p = N(() => {
-    m.current = !1, a(!1), l(!1), h(null), o({
+  }, []), h = N(() => {
+    m.current = !1, a(!1), l(!1), p(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
@@ -281,91 +282,91 @@ const So = () => {
   }, T = async ({
     scratchCanvas: f,
     pdfDocument: g,
-    pageNumber: c,
+    pageNumber: s,
     viewerPdfPage: b,
     printResolution: _,
-    optionalContentConfigPromise: P,
+    optionalContentConfigPromise: S,
     printAnnotationStoragePromise: E
   }) => {
     if (m.current) {
-      p();
+      h();
       return;
     }
     const x = _ / yr.PDF;
     f.width = Math.floor(b.width * x), f.height = Math.floor(b.height * x);
     const R = f.getContext("2d");
     R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, f.width, f.height), R.restore();
-    const [D, z] = await Promise.all([
-      g.getPage(c),
+    const [D, A] = await Promise.all([
+      g.getPage(s),
       E
     ]);
     if (m.current) {
-      p();
+      h();
       return;
     }
-    const A = {
+    const z = {
       canvasContext: R,
       transform: [x, 0, 0, x, 0, 0],
       viewport: D.getViewport({ scale: 1, rotation: b.rotation }),
       intent: "print",
       annotationMode: xr.ENABLE_STORAGE,
-      optionalContentConfigPromise: P,
-      printAnnotationStorage: z
+      optionalContentConfigPromise: S,
+      printAnnotationStorage: A
     };
     try {
-      return D.render(A).promise;
+      return D.render(z).promise;
     } catch (L) {
       throw L instanceof Ir || console.error(L), L;
     }
-  }, y = N(() => {
+  }, P = N(() => {
     const f = window.print;
     return new Promise((g) => {
-      const c = (P) => {
+      const s = (S) => {
         setTimeout(() => {
-          f.call(window), setTimeout(() => P(), 20);
+          f.call(window), setTimeout(() => S(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
-        c(g);
+        s(g);
         return;
       }
       const _ = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (c(g), _.disconnect());
+        document.querySelector(".rp-print-zone") && (s(g), _.disconnect());
       });
       _.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), C = async (f) => {
-    const g = document.createElement("img"), c = document.createElement("div");
-    return c.classList.add("rp-print-page"), await new Promise((b, _) => {
-      f.toBlob((P) => {
-        P ? (g.src = URL.createObjectURL(P), g.onload = () => {
+    const g = document.createElement("img"), s = document.createElement("div");
+    return s.classList.add("rp-print-page"), await new Promise((b, _) => {
+      f.toBlob((S) => {
+        S ? (g.src = URL.createObjectURL(S), g.onload = () => {
           URL.revokeObjectURL(g.src), b();
         }, g.onerror = _) : _(new Error("Failed to create blob"));
       });
     }).catch(() => {
-    }), c.appendChild(g), c;
-  }, S = (f, g) => {
-    const c = document.createElement("div");
-    c.classList.add("rp-print-zone");
+    }), s.appendChild(g), s;
+  }, y = (f, g) => {
+    const s = document.createElement("div");
+    s.classList.add("rp-print-zone");
     const b = document.createElement("style"), _ = g.get(1);
     if (_) {
-      const { width: P, height: E } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
-      b.innerHTML = `@page { size: ${P}px ${E}px }`;
+      const { width: S, height: E } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
+      b.innerHTML = `@page { size: ${S}px ${E}px }`;
     }
-    return c.appendChild(b), c.append(...f), c;
+    return s.appendChild(b), s.append(...f), s;
   }, d = N(async () => {
     if (!e)
       return;
-    p();
+    h();
     const f = document.createElement("canvas"), g = [];
     try {
       e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const b = e.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
         e.annotationStorage.print ?? void 0
-      ), P = t.size;
+      ), S = t.size;
       for (const [x, R] of t) {
         if (m.current) {
-          p();
+          h();
           return;
         }
         const D = R.page.getViewport({ scale: 1 });
@@ -378,43 +379,43 @@ const So = () => {
           optionalContentConfigPromise: b,
           printAnnotationStoragePromise: _
         }), m.current) {
-          p();
+          h();
           return;
         }
-        const z = await C(f);
-        g.push(z);
-        const A = parseFloat((g.length / P * 100).toFixed(2));
+        const A = await C(f);
+        g.push(A);
+        const z = parseFloat((g.length / S * 100).toFixed(2));
         o({
           loadedPages: x,
-          totalPages: P,
-          percentage: A
+          totalPages: S,
+          percentage: z
         });
       }
       if (m.current) {
-        p();
+        h();
         return;
       }
-      const E = S(g, t);
-      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
-    } catch (c) {
-      l(!0), c instanceof Error && h(c);
+      const E = y(g, t);
+      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await P();
+    } catch (s) {
+      l(!0), s instanceof Error && p(s);
     } finally {
       f.height = 0, f.width = 0;
     }
   }, [e, t, m]);
   return k(() => {
     const f = () => {
-      p(), v();
+      h(), v();
     };
     return window.addEventListener("afterprint", f, !0), () => {
       window.removeEventListener("afterprint", f, !0);
     };
-  }, [v, p]), {
+  }, [v, h]), {
     print: d,
     cancel: w,
     progress: n,
     isComplete: r,
-    isError: s,
+    isError: c,
     error: u
   };
 }, _n = Ye({
@@ -435,9 +436,9 @@ const So = () => {
     }
   }
 }), Hs = ({ children: e }) => {
-  const [t, n] = $(null), [o, r] = $(null), { print: a, cancel: s, progress: l, isComplete: u, isError: h, error: m } = So(), v = N((C) => {
+  const [t, n] = $(null), [o, r] = $(null), { print: a, cancel: c, progress: l, isComplete: u, isError: p, error: m } = So(), v = N((C) => {
     C && typeof C == "function" && r(() => C);
-  }, []), p = (C) => {
+  }, []), h = (C) => {
     m && C(m);
   }, w = N(
     (C) => {
@@ -448,50 +449,50 @@ const So = () => {
   k(() => {
     u && o && T();
   }, [u, o]), k(() => {
-    h && p((C) => {
+    p && h((C) => {
       console.error(C);
     });
-  }, [h]), k(() => {
+  }, [p]), k(() => {
     l && t && t(l);
   }, [l, t]);
   const T = () => {
     o && (o(), r(null));
-  }, y = {
+  }, P = {
     print: a,
-    cancel: s,
+    cancel: c,
     setOnProgress: w,
     setOnComplete: v,
-    setOnError: p,
+    setOnError: h,
     progress: l
   };
-  return /* @__PURE__ */ i(_n.Provider, { value: y, children: e });
+  return /* @__PURE__ */ i(_n.Provider, { value: P, children: e });
 }, tt = () => {
   const e = Je(_n);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
 }, yo = () => {
-  const [e, t] = $({}), { pages: n } = J(), { rotate: o } = Ge(), r = W(() => Object.keys(e).length, [e]), a = N(
+  const [e, t] = $({}), { pages: n } = J(), { rotate: o } = Ge(), r = M(() => Object.keys(e).length, [e]), a = N(
     (l) => {
       if (!n.size || l > n.size)
         return;
       const u = Array.from(n.values()).slice(0, l).map((v) => {
-        const { thumbnailViewport: p, scale: w } = kt(v.page, o);
+        const { thumbnailViewport: h, scale: w } = kt(v.page, o);
         return {
           scale: w,
           page: v.page,
           loading: !0,
-          viewport: p
+          viewport: h
         };
-      }), h = u.reduce((v, p) => (v[p.page.pageNumber] = p, v), {});
-      t(h);
+      }), p = u.reduce((v, h) => (v[h.page.pageNumber] = h, v), {});
+      t(p);
       const m = [];
       for (const v of u) {
-        const p = document.createElement("canvas"), w = vt(v.page, p, {
+        const h = document.createElement("canvas"), w = vt(v.page, h, {
           scale: v.scale,
           rotate: o
         }).promise.then(() => {
-          const T = p.toDataURL();
+          const T = h.toDataURL();
           return {
             ...v,
             thumbnailSrc: T,
@@ -501,11 +502,11 @@ const So = () => {
         m.push(w);
       }
       Promise.all(m).then((v) => {
-        const p = v.reduce(
+        const h = v.reduce(
           (w, T) => (w[T.page.pageNumber] = T, w),
           {}
         );
-        t((w) => ({ ...w, ...p }));
+        t((w) => ({ ...w, ...h }));
       }).catch(() => {
       });
     },
@@ -514,7 +515,7 @@ const So = () => {
   k(() => {
     a(10);
   }, [a]);
-  const s = N(
+  const c = N(
     (l) => {
       if (!n)
         return;
@@ -530,11 +531,11 @@ const So = () => {
           scale: u.thumbnailScale
         }
       }));
-      const h = document.createElement("canvas");
-      vt(u.page, h, { scale: u.thumbnailScale, rotate: o }).promise.then(() => {
-        const m = h.toDataURL(), { thumbnailViewport: v, scale: p } = kt(u.page, o);
+      const p = document.createElement("canvas");
+      vt(u.page, p, { scale: u.thumbnailScale, rotate: o }).promise.then(() => {
+        const m = p.toDataURL(), { thumbnailViewport: v, scale: h } = kt(u.page, o);
         return {
-          scale: p,
+          scale: h,
           thumbnailSrc: m,
           page: u.page,
           loading: !1,
@@ -546,7 +547,7 @@ const So = () => {
     },
     [n, o]
   );
-  return { thumbnailPages: e, addPage: s, addToPage: a, thumbnailLength: r };
+  return { thumbnailPages: e, addPage: c, addToPage: a, thumbnailLength: r };
 }, bn = Ye({
   thumbnailPages: {},
   addPage: (e) => {
@@ -561,16 +562,16 @@ const So = () => {
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = yo(), [s, l] = $(t);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = yo(), [c, l] = $(t);
   return /* @__PURE__ */ i(
     bn.Provider,
     {
-      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: l },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: c, setActive: l },
       children: e
     }
   );
 }, xo = (e = {}, t = "") => {
-  const [n, o] = $(t), [r, a] = $(!1), { pdf: s, pages: l } = J(), { widths: u, heights: h } = qe(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: T } = ie(), { columnCount: y } = ze(), { rotate: C } = Ge(), [S, d] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: c } = De(), { pagesRef: b } = ge(), [_, P] = $(null), E = H({}), x = W(() => S === 0 ? null : p[S - 1], [S, p]), R = W(() => p.length, [p]);
+  const [n, o] = $(t), [r, a] = $(!1), { pdf: c, pages: l } = J(), { widths: u, heights: p } = qe(), m = H(!n), { currentZoom: v } = Qe(), [h, w] = $([]), { setFocusedPage: T } = ie(), { columnCount: P } = Ae(), { rotate: C } = Ge(), [y, d] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = De(), { pagesRef: b } = ge(), [_, S] = $(null), E = H({}), x = M(() => y === 0 ? null : h[y - 1], [y, h]), R = M(() => h.length, [h]);
   k(() => {
     if (!x || !l)
       return;
@@ -578,19 +579,19 @@ const So = () => {
     if (!L || !b)
       return;
     const I = l.get(x.page);
-    if (c === ee.PAGE_SCROLLING && T(x.page), !I)
+    if (s === ee.PAGE_SCROLLING && T(x.page), !I)
       return;
-    let O = 0, M = 0;
-    if (c === ee.VERTICAL_SCROLLING) {
-      const ae = x.page - 1, de = y, te = ae % de, Ae = Math.floor(ae / de);
-      O = Oe(h, Ae), M = Oe(u, te);
+    let O = 0, W = 0;
+    if (s === ee.VERTICAL_SCROLLING) {
+      const ae = x.page - 1, de = P, te = ae % de, ze = Math.floor(ae / de);
+      O = Oe(p, ze), W = Oe(u, te);
     }
-    c === ee.HORIZONTAL_SCROLLING && (M = u.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
+    s === ee.HORIZONTAL_SCROLLING && (W = u.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
     const G = {
       top: b.clientHeight / 2,
       left: b.clientWidth / 2
     }, Z = {
-      height: h[x.page - 1],
+      height: p[x.page - 1],
       width: u[x.page - 1]
     }, { leftInPage: j, topInPage: U } = Br(
       Z,
@@ -598,7 +599,7 @@ const So = () => {
       x.rect,
       v,
       C
-    ), Q = M + j, X = O + U, le = {
+    ), Q = W + j, X = O + U, le = {
       left: Math.max(Q, 0),
       top: Math.max(X, 0)
     };
@@ -609,26 +610,26 @@ const So = () => {
     l,
     T,
     u,
-    h,
+    p,
     x,
-    c,
+    s,
     g,
     f,
     b
   ]);
   const D = N(() => {
     d((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
-  }, [R]), z = N(() => {
+  }, [R]), A = N(() => {
     d((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
-  }, [R]), A = N(async (L) => {
+  }, [R]), z = N(async (L) => {
     if (!L)
       return {};
     const I = L.numPages, O = {};
-    for (let M = 1; M <= I; M++) {
+    for (let W = 1; W <= I; W++) {
       if (m.current)
         throw "close pop over";
-      const G = await L.getPage(M);
-      O[M.toString()] = await G.getTextContent();
+      const G = await L.getPage(W);
+      O[W.toString()] = await G.getTextContent();
     }
     return O;
   }, []);
@@ -637,33 +638,33 @@ const So = () => {
       m.current = !0, w([]), d(0);
       return;
     }
-    m.current = !1, a(!0), w([]), d(0), A(s).then((L) => {
+    m.current = !1, a(!0), w([]), d(0), z(c).then((L) => {
       E.current = L;
-      const O = Object.keys(L).reduce((M, G) => {
+      const O = Object.keys(L).reduce((W, G) => {
         const Z = cr(
           [n],
           L[G],
           Number(G) - 1,
           e
         ).map((j, U) => ({ ...j, page: Number(G), pageMatchIdx: U }));
-        return [...M, ...Z];
+        return [...W, ...Z];
       }, []);
       w(O), d(O.length ? 1 : 0);
     }).catch(() => {
       w([]), d(0);
     }).finally(() => a(!1));
-  }, [n, A, s, e]), {
+  }, [n, z, c, e]), {
     search: n,
     setSearch: o,
     loading: r,
-    matches: p,
+    matches: h,
     totalMatches: R,
-    currentMatchPosition: S,
+    currentMatchPosition: y,
     currentMatch: x,
     nextMatch: D,
-    prevMatch: z,
+    prevMatch: A,
     currentMatchElement: _,
-    setCurrentMatchElement: P
+    setCurrentMatchElement: S
   };
 }, Tn = Ye({
   search: "",
@@ -690,13 +691,13 @@ const So = () => {
   const [n, o] = $({}), {
     loading: r,
     setSearch: a,
-    totalMatches: s,
+    totalMatches: c,
     currentMatchPosition: l,
     currentMatch: u,
-    search: h,
+    search: p,
     matches: m,
     nextMatch: v,
-    prevMatch: p,
+    prevMatch: h,
     currentMatchElement: w,
     setCurrentMatchElement: T
   } = xo(n, t);
@@ -708,12 +709,12 @@ const So = () => {
         setSearchOptions: o,
         loading: r,
         setSearch: a,
-        totalMatches: s,
+        totalMatches: c,
         currentMatchPosition: l,
         currentMatch: u,
         nextMatch: v,
-        prevMatch: p,
-        search: h,
+        prevMatch: h,
+        search: p,
         matches: m,
         currentMatchElement: w,
         setCurrentMatchElement: T
@@ -735,18 +736,18 @@ const So = () => {
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
 }, Io = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = H(null), { pages: a } = J(), { rotate: s } = Ge(), l = H(), { currentZoom: u } = Qe();
+  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = H(null), { pages: a } = J(), { rotate: c } = Ge(), l = H(), { currentZoom: u } = Qe();
   return k(() => {
     if (!a || u === 0)
       return;
-    const h = a.get(t);
-    if (r.current && h) {
+    const p = a.get(t);
+    if (r.current && p) {
       const m = r.current;
       m.hidden = !0;
       const v = l.current;
-      v && v.cancel(), o && o(), l.current = vt(h.page, m, {
+      v && v.cancel(), o && o(), l.current = vt(p.page, m, {
         scale: u,
-        rotate: s,
+        rotate: c,
         renderForms: !0
       }), l.current.promise.then(() => {
         m.hidden = !1;
@@ -759,58 +760,58 @@ const So = () => {
       var m;
       (m = l.current) == null || m.cancel();
     };
-  }, [a, t, s, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
+  }, [a, t, c, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
 }, Ro = "_selecting_1x8te_9", Lo = "_endOfContent_1x8te_24", he = {
   "rp-text-layer": "_rp-text-layer_1x8te_1",
   selecting: Ro,
   endOfContent: Lo,
   "rp-text-layer-text": "_rp-text-layer-text_1x8te_38"
 }, Eo = (e) => {
-  const { pageNumber: t } = e, { pages: n } = J(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = xt(), [l, u] = $(
+  const { pageNumber: t } = e, { pages: n } = J(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: c } = xt(), [l, u] = $(
     []
-  ), h = H(), m = H(), v = H(), p = W(() => r.filter((f) => f.pageIndex === t - 1), [r, t]), w = N(
-    (f, g, c = !1) => {
-      if (c && lr(f, g), !p.length) {
+  ), p = H(), m = H(), v = H(), h = M(() => r.filter((f) => f.pageIndex === t - 1), [r, t]), w = N(
+    (f, g, s = !1) => {
+      if (s && lr(f, g), !h.length) {
         v.current = void 0, u([]);
         return;
       }
-      const b = dr(p, f, g);
+      const b = dr(h, f, g);
       u(b);
     },
-    [p]
-  ), T = H(), y = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+    [h]
+  ), T = H(), P = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   k(() => ((() => {
     if (T.current)
       return;
     T.current = new AbortController();
-    const { signal: g } = T.current, c = () => {
+    const { signal: g } = T.current, s = () => {
       C().forEach((_) => {
-        const P = _.querySelector(".endOfContent");
-        P && (_.appendChild(P), P.style.width = "", P.style.height = "", _.classList.remove(he.selecting));
+        const S = _.querySelector(".endOfContent");
+        S && (_.appendChild(S), S.style.width = "", S.style.height = "", _.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        y.current = !0;
+        P.current = !0;
       },
       { signal: g }
     ), document.addEventListener(
       "pointerup",
       () => {
-        y.current = !1, c();
+        P.current = !1, s();
       },
       { signal: g }
     ), window.addEventListener(
       "blur",
       () => {
-        y.current = !1, c();
+        P.current = !1, s();
       },
       { signal: g }
     ), document.addEventListener(
       "keyup",
       () => {
-        y.current || c();
+        P.current || s();
       },
       { signal: g }
     );
@@ -818,23 +819,23 @@ const So = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var A, L;
+        var z, L;
         const _ = document.getSelection();
         if (!_)
           return;
         if (_.rangeCount === 0) {
-          c();
+          s();
           return;
         }
-        const P = /* @__PURE__ */ new Set();
+        const S = /* @__PURE__ */ new Set();
         for (let I = 0; I < _.rangeCount; I++) {
           const O = _.getRangeAt(I);
-          C().forEach((M) => {
-            O.intersectsNode(M) && !P.has(M) && P.add(M);
+          C().forEach((W) => {
+            O.intersectsNode(W) && !S.has(W) && S.add(W);
           });
         }
         C().forEach((I) => {
-          if (P.has(I))
+          if (S.has(I))
             I.classList.add(he.selecting);
           else {
             const O = I.querySelector(".endOfContent");
@@ -844,10 +845,10 @@ const So = () => {
         const E = _.getRangeAt(0);
         let R = b && (E.compareBoundaryPoints(Range.END_TO_END, b) === 0 || E.compareBoundaryPoints(Range.START_TO_END, b) === 0) ? E.startContainer : E.endContainer;
         R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
-        const D = (A = R.parentElement) == null ? void 0 : A.closest(
+        const D = (z = R.parentElement) == null ? void 0 : z.closest(
           he["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 = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), b = E.cloneRange();
+        ), A = D == null ? void 0 : D.querySelector(".endOfContent");
+        A && D && (A.style.width = D.style.width, A.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(A, R.nextSibling)), b = E.cloneRange();
       },
       { signal: g }
     );
@@ -855,54 +856,54 @@ const So = () => {
     var g;
     (g = T.current) == null || g.abort(), T.current = void 0;
   }), [C]);
-  const S = N(() => {
+  const y = N(() => {
     o.current && o.current.classList.add(he.selecting);
   }, []), d = N(() => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
   return k(() => {
-    var c;
-    if ((c = v.current) == null || c.classList.remove("selected"), !l.length || !a || a.pageIndex !== t - 1)
+    var s;
+    if ((s = v.current) == null || s.classList.remove("selected"), !l.length || !a || a.pageIndex !== t - 1)
       return;
-    const f = p.findIndex(
+    const f = h.findIndex(
       (b) => JSON.stringify(b) === JSON.stringify(a)
     );
     if (f === -1)
       return;
     const g = l.find((b) => b.index === f);
-    g && (v.current = g.element, s(g.element), g.element.classList.add("selected"));
-  }, [a, l, p]), k(() => {
+    g && (v.current = g.element, c(g.element), g.element.classList.add("selected"));
+  }, [a, l, h]), k(() => {
     const f = n.get(t);
     if (!f || !o.current)
       return;
     const g = o.current;
-    return h.current && h.current.cancel(), f.page.getTextContent().then((c) => {
+    return p.current && p.current.cancel(), f.page.getTextContent().then((s) => {
       const b = f.page.getViewport({ scale: 1 });
-      return h.current = new Sr.TextLayer({
+      return p.current = new Sr.TextLayer({
         viewport: b,
-        textContentSource: c,
+        textContentSource: s,
         container: g
-      }), m.current = c, g && (g.innerText = ""), h.current.render();
+      }), m.current = s, g && (g.innerText = ""), p.current.render();
     }).then(() => {
-      var P, E;
+      var S, E;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const b = (P = h.current) == null ? void 0 : P.textDivs;
+      const b = (S = p.current) == null ? void 0 : S.textDivs;
       b && m.current && w(m.current, b);
       const _ = document.createElement("div");
       _.className = "endOfContent", (E = o.current) == null || E.appendChild(_);
     }).catch(() => {
     }), () => {
-      var c;
-      (c = h.current) == null || c.cancel();
+      var s;
+      (s = p.current) == null || s.cancel();
     };
   }, [n, t]), k(() => {
-    var c;
+    var s;
     [].slice.call(o.current.children).forEach((b) => {
       b.classList.add(he["rp-text-layer-text"]);
     });
-    const g = (c = h.current) == null ? void 0 : c.textDivs;
+    const g = (s = p.current) == null ? void 0 : s.textDivs;
     g && m.current && w(m.current, g, !0);
   }, [w]), /* @__PURE__ */ i(
     "div",
@@ -910,7 +911,7 @@ const So = () => {
       "data-rp": `page-${t}-textLayer`,
       className: he["rp-text-layer"],
       ref: o,
-      onMouseDown: S,
+      onMouseDown: y,
       onMouseUp: d
     }
   );
@@ -919,7 +920,7 @@ const So = () => {
 };
 let Oo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Do = (e) => {
-  const { pageNumber: t } = e, n = H(null), { pages: o, pdf: r } = J(), a = H(), [s, l] = $(), { setFocusedPage: u, goToPage: h } = ie(), { scrollMode: m } = De(), { print: v } = tt(), { download: p } = Hn(), w = W(() => o.get(t), [o, t]), T = W(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  const { pageNumber: t } = e, n = H(null), { pages: o, pdf: r } = J(), a = H(), [c, l] = $(), { setFocusedPage: u, goToPage: p } = ie(), { scrollMode: m } = De(), { print: v } = tt(), { download: h } = Hn(), w = M(() => o.get(t), [o, t]), T = M(() => w == null ? void 0 : w.page.getViewport(), [w]);
   k(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), k(() => {
@@ -927,17 +928,17 @@ const Do = (e) => {
       a.current = void 0, l(C), n.current && (n.current.innerText = "");
     });
   }, [w]);
-  const y = N(
+  const P = N(
     (C) => {
-      !s || !r || (Er(C), Nr(C, r, s).then((S) => {
+      !c || !r || (Er(C), Nr(C, r, c).then((y) => {
         var d, f;
-        ((d = S == null ? void 0 : S.data) == null ? void 0 : d.action) === "Print" ? v() : ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "SaveAs" && p();
-      }), m === ee.PAGE_SCROLLING ? At(C, s, r, (S) => u(S.pageIndex + 1)) : At(C, s, r, (S) => h(S.pageIndex + 1)));
+        ((d = y == null ? void 0 : y.data) == null ? void 0 : d.action) === "Print" ? v() : ((f = y == null ? void 0 : y.data) == null ? void 0 : f.action) === "SaveAs" && h();
+      }), m === ee.PAGE_SCROLLING ? zt(C, c, r, (y) => u(y.pageIndex + 1)) : zt(C, c, r, (y) => p(y.pageIndex + 1)));
     },
-    [r, s, h, u, m, v, p]
+    [r, c, p, u, m, v, h]
   );
   return k(() => {
-    if (!w || !s)
+    if (!w || !c)
       return;
     const C = w.page.getViewport();
     if (a.current) {
@@ -946,15 +947,15 @@ const Do = (e) => {
       });
       return;
     }
-    const S = /* @__PURE__ */ new Map([]);
-    for (const g of s) {
-      const { annotationType: c } = g;
-      switch (c) {
-        case zt.Link:
+    const y = /* @__PURE__ */ new Map([]);
+    for (const g of c) {
+      const { annotationType: s } = g;
+      switch (s) {
+        case At.Link:
           Dr(g);
           break;
-        case zt.Widget:
-          Or(g, C, S);
+        case At.Widget:
+          Or(g, C, y);
           break;
       }
     }
@@ -969,15 +970,15 @@ const Do = (e) => {
         structTreeLayer: null,
         page: w.page,
         viewport: C.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, y);
-      const g = await (r == null ? void 0 : r.hasJSActions()), c = await (r == null ? void 0 : r.getFieldObjects());
+      }), n.current && Ft(n.current, P);
+      const g = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
       if (d.signal.aborted)
         throw "abort";
       return (b = a.current) == null ? void 0 : b.render({
-        annotations: s,
+        annotations: c,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
-        fieldObjects: c,
+        fieldObjects: s,
         div: n.current,
         viewport: C.clone({ dontFlip: !0 }),
         page: w.page,
@@ -988,14 +989,14 @@ const Do = (e) => {
         enableScripting: !1
       });
     })().then(() => {
-      n.current && zr(n.current, y);
+      n.current && Ar(n.current, P);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      d.abort("clear"), n.current && Ft(n.current, y);
+      d.abort("clear"), n.current && Ft(n.current, P);
     };
-  }, [r, s, y]), /* @__PURE__ */ i(
+  }, [r, c, P]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
@@ -1004,12 +1005,12 @@ const Do = (e) => {
       ref: n
     }
   );
-}, zo = {
+}, Ao = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Ao = ({ pageNumber: e, viewport: t }) => {
-  const [n, o] = $(), { pages: r } = J(), { highlightKeywords: a } = pr(), s = !0, l = H(null), [u, h] = $(null), [m, v] = $([]);
+}, zo = ({ pageNumber: e, viewport: t }) => {
+  const [n, o] = $(), { pages: r } = J(), { highlightKeywords: a } = pr(), c = !0, l = H(null), [u, p] = $(null), [m, v] = $([]);
   k(() => {
-    l.current && h(l.current.parentElement);
+    l.current && p(l.current.parentElement);
   }, [l]), k(() => {
     (async () => {
       const f = r.get(e);
@@ -1019,10 +1020,10 @@ const Do = (e) => {
       o(g);
     })();
   }, [r, e]);
-  const p = W(() => a ? a.map((d) => {
+  const h = M(() => a ? a.map((d) => {
     var f, g;
     return {
-      ...Ar(d.keyword, (f = d.options) == null ? void 0 : f.matchCase, (g = d.options) == null ? void 0 : g.wholeWords),
+      ...zr(d.keyword, (f = d.options) == null ? void 0 : f.matchCase, (g = d.options) == null ? void 0 : g.wholeWords),
       color: d.highlightColor
     };
   }) : [], [a]);
@@ -1030,15 +1031,15 @@ const Do = (e) => {
     if (!d)
       return;
     const g = `[data-rp="page-${f}-textLayer"]`;
-    return new Promise((c) => {
+    return new Promise((s) => {
       const b = d.querySelector(g);
       if (b) {
-        c(b);
+        s(b);
         return;
       }
-      new MutationObserver((P, E) => {
+      new MutationObserver((S, E) => {
         const x = d.querySelector(g);
-        x && (c(x), E.disconnect());
+        x && (s(x), E.disconnect());
       }).observe(d, { childList: !0, subtree: !0 });
     });
   }
@@ -1052,32 +1053,32 @@ const Do = (e) => {
         return;
       }
       new MutationObserver((b, _) => {
-        const P = d.querySelectorAll(
+        const S = d.querySelectorAll(
           ".vpv-text-layer-text"
         );
-        P.length && (f(Array.from(P)), _.disconnect());
+        S.length && (f(Array.from(S)), _.disconnect());
       }).observe(d, { childList: !0, subtree: !0 });
     });
   }
-  const y = (d, f, g, c) => {
+  const P = (d, f, g, s) => {
     var Z;
     const b = document.createRange(), _ = g.firstChild;
     if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const P = ((Z = _.textContent) == null ? void 0 : Z.length) ?? 0, E = c[0].charIdxInSpan, x = c.length === 1 ? E : c[c.length - 1].charIdxInSpan;
-    if (E > P || x + 1 > P)
+    const S = ((Z = _.textContent) == null ? void 0 : Z.length) ?? 0, E = s[0].charIdxInSpan, x = s.length === 1 ? E : s[s.length - 1].charIdxInSpan;
+    if (E > S || x + 1 > S)
       return null;
     b.setStart(_, E), b.setEnd(_, x + 1);
     const R = document.createElement("span");
     R.style.width = "auto", b.surroundContents(R);
-    const D = R.getBoundingClientRect(), z = d.getBoundingClientRect(), A = z.height, L = z.width, I = 100 * (D.left - z.left) / L, O = 100 * (D.top - z.top) / A, M = 100 * D.height / A, G = 100 * D.width / L;
+    const D = R.getBoundingClientRect(), A = d.getBoundingClientRect(), z = A.height, L = A.width, I = 100 * (D.left - A.left) / L, O = 100 * (D.top - A.top) / z, W = 100 * D.height / z, G = 100 * D.width / L;
     return kr(R), {
       keywordStr: f,
       left: I,
       top: O,
-      height: M,
+      height: W,
       width: G,
-      pageHeight: A,
+      pageHeight: z,
       pageWidth: L
     };
   };
@@ -1085,10 +1086,10 @@ const Do = (e) => {
     const g = await w(u, d);
     if (!g)
       return;
-    const c = await T(g);
-    if (c.length) {
-      const b = c.map((P) => P.tagName === "BR" ? " " : P.textContent).reduce(
-        (P, E, x) => P.concat(
+    const s = await T(g);
+    if (s.length) {
+      const b = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
+        (S, E, x) => S.concat(
           E.split("").map((R, D) => ({
             char: R,
             charIdxInSpan: D,
@@ -1102,43 +1103,43 @@ const Do = (e) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), _ = S(g, f, c, b);
+      ).slice(1), _ = y(g, f, s, b);
       v(_);
     }
   }
-  const S = (d, f, g, c) => {
+  const y = (d, f, g, s) => {
     const b = f.length;
-    if (!c.length || !b)
+    if (!s.length || !b)
       return [];
-    const _ = [], P = c.map((E) => E.char).join("");
-    return p.forEach((E) => {
-      const { keyword: x, regExp: R, wholeWords: D, color: z } = E, A = x;
-      if (!A.trim())
+    const _ = [], S = s.map((E) => E.char).join("");
+    return h.forEach((E) => {
+      const { keyword: x, regExp: R, wholeWords: D, color: A } = E, z = x;
+      if (!z.trim())
         return;
       const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
       let I;
       const O = [];
-      for (; (I = L.exec(P)) !== null; )
-        D && !ur(P, I.index, I[0].length) || O.push({
+      for (; (I = L.exec(S)) !== null; )
+        D && !ur(S, I.index, I[0].length) || O.push({
           keyword: L,
           startIndex: I.index,
           endIndex: L.lastIndex
         });
-      const M = O.map((G) => ({
+      const W = O.map((G) => ({
         keyword: G.keyword,
-        indexes: c.slice(G.startIndex, G.endIndex),
-        color: z
+        indexes: s.slice(G.startIndex, G.endIndex),
+        color: A
       }));
-      for (const G of M) {
+      for (const G of W) {
         const Z = G.indexes.reduce(
           (j, U) => (j[U.spanIdx] = (j[U.spanIdx] || []).concat([U]), j),
           {}
         );
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const U = j, Q = g[U[0].spanIdx], X = y(
+            const U = j, Q = g[U[0].spanIdx], X = P(
               d,
-              A,
+              z,
               Q,
               U
             );
@@ -1161,10 +1162,10 @@ const Do = (e) => {
           console.error(f);
         }
     })();
-  }, [s, a, e, n, t]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: l, "data-rp": `page-${e}-textHighlightLayer`, children: m.map((d, f) => /* @__PURE__ */ i(
+  }, [c, a, e, n, t]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: l, "data-rp": `page-${e}-textHighlightLayer`, children: m.map((d, f) => /* @__PURE__ */ i(
     "div",
     {
-      className: zo["rp-text-highlight"],
+      className: Ao["rp-text-highlight"],
       style: {
         top: `${d.top}%`,
         left: `${d.left}%`,
@@ -1176,18 +1177,18 @@ const Do = (e) => {
     f
   )) }) });
 }, It = $e((e, t) => {
-  const { pageNumber: n, style: o, ...r } = e, { pages: a } = J(), { rotate: s } = Ge(), { textLayer: l } = or(), { currentZoom: u } = Qe(), h = H(a.get(n)), [m, v] = $(!1), p = H(null), [w, T] = $({
+  const { pageNumber: n, style: o, ...r } = e, { pages: a } = J(), { rotate: c } = Ge(), { textLayer: l } = or(), { currentZoom: u } = Qe(), p = H(a.get(n)), [m, v] = $(!1), h = H(null), [w, T] = $({
     width: 0,
     height: 0
   });
-  cn(t, () => p.current), k(() => {
-    if (a && (h.current = a.get(n), h.current)) {
-      const d = h.current.page.getViewport({ scale: u, rotation: s });
+  cn(t, () => h.current), k(() => {
+    if (a && (p.current = a.get(n), p.current)) {
+      const d = p.current.page.getViewport({ scale: u, rotation: c });
       T(d);
     }
-  }, [a, n, s, u]);
-  const y = W(() => {
-    switch (s) {
+  }, [a, n, c, u]);
+  const P = M(() => {
+    switch (c) {
       case 90:
         return `${w.width / 2}px ${w.width / 2}px`;
       case -90:
@@ -1196,22 +1197,22 @@ const Do = (e) => {
       default:
         return "center";
     }
-  }, [s, w]), C = N(() => {
+  }, [c, w]), C = N(() => {
     v(!0);
-  }, []), S = N(() => {
+  }, []), y = N(() => {
     v(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: p,
+      ref: h,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...r,
       style: {
         ...o,
-        "--rp-rotate": `${s}deg`,
-        "--rp-page-rotate-translate": `${y}`,
+        "--rp-rotate": `${c}deg`,
+        "--rp-page-rotate-translate": `${P}`,
         "--scale-factor": u
       },
       className: lt["rp-page-wrapper"],
@@ -1224,10 +1225,10 @@ const Do = (e) => {
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Io, { onLoading: C, onLoaded: S, pageNumber: n }),
+            /* @__PURE__ */ i(Io, { onLoading: C, onLoaded: y, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
             l && /* @__PURE__ */ i(Eo, { pageNumber: n }),
-            /* @__PURE__ */ i(Ao, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: w }),
             /* @__PURE__ */ i(Do, { pageNumber: n })
           ]
         }
@@ -1265,12 +1266,12 @@ function Wo(e, t) {
 function dt(e, t) {
   t === void 0 && (t = Wo);
   var n, o = [], r, a = !1;
-  function s() {
+  function c() {
     for (var l = [], u = 0; u < arguments.length; u++)
       l[u] = arguments[u];
     return a && n === this && t(l, o) || (r = e.apply(this, l), a = !0, n = this, o = l), r;
   }
-  return s;
+  return c;
 }
 function Ut(e, t) {
   if (e == null)
@@ -1328,130 +1329,130 @@ var Go = 150, qo = function(t) {
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
 function Vo(e) {
-  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, s = e.getEstimatedTotalHeight, l = e.getEstimatedTotalWidth, u = e.getOffsetForColumnAndAlignment, h = e.getOffsetForRowAndAlignment, m = e.getRowHeight, v = e.getRowOffset, p = e.getRowStartIndexForOffset, w = e.getRowStopIndexForStartIndex, T = e.initInstanceProps, y = e.shouldResetStyleCacheOnItemSizeChange, C = e.validateProps;
-  return t = /* @__PURE__ */ function(S) {
-    Fo(d, S);
+  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, l = e.getEstimatedTotalWidth, u = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, m = e.getRowHeight, v = e.getRowOffset, h = e.getRowStartIndexForOffset, w = e.getRowStopIndexForStartIndex, T = e.initInstanceProps, P = e.shouldResetStyleCacheOnItemSizeChange, C = e.validateProps;
+  return t = /* @__PURE__ */ function(y) {
+    Fo(d, y);
     function d(g) {
-      var c;
-      return c = S.call(this, g) || this, c._instanceProps = T(c.props, qt(c)), c._resetIsScrollingTimeoutId = null, c._outerRef = void 0, c.state = {
-        instance: qt(c),
+      var s;
+      return s = y.call(this, g) || this, s._instanceProps = T(s.props, qt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+        instance: qt(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
-        scrollLeft: typeof c.props.initialScrollLeft == "number" ? c.props.initialScrollLeft : 0,
-        scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
+        scrollLeft: typeof s.props.initialScrollLeft == "number" ? s.props.initialScrollLeft : 0,
+        scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = dt(function(b, _, P, E, x, R, D, z) {
-        return c.props.onItemsRendered({
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(b, _, S, E, x, R, D, A) {
+        return s.props.onItemsRendered({
           overscanColumnStartIndex: b,
           overscanColumnStopIndex: _,
-          overscanRowStartIndex: P,
+          overscanRowStartIndex: S,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: R,
           visibleRowStartIndex: D,
-          visibleRowStopIndex: z
+          visibleRowStopIndex: A
         });
-      }), c._callOnScroll = void 0, c._callOnScroll = dt(function(b, _, P, E, x) {
-        return c.props.onScroll({
-          horizontalScrollDirection: P,
+      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(b, _, S, E, x) {
+        return s.props.onScroll({
+          horizontalScrollDirection: S,
           scrollLeft: b,
           scrollTop: _,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
-      }), c._getItemStyle = void 0, c._getItemStyle = function(b, _) {
-        var P = c.props, E = P.columnWidth, x = P.direction, R = P.rowHeight, D = c._getItemStyleCache(y && E, y && x, y && R), z = b + ":" + _, A;
-        if (D.hasOwnProperty(z))
-          A = D[z];
+      }), s._getItemStyle = void 0, s._getItemStyle = function(b, _) {
+        var S = s.props, E = S.columnWidth, x = S.direction, R = S.rowHeight, D = s._getItemStyleCache(P && E, P && x, P && R), A = b + ":" + _, z;
+        if (D.hasOwnProperty(A))
+          z = D[A];
         else {
-          var L = n(c.props, _, c._instanceProps), I = x === "rtl";
-          D[z] = A = {
+          var L = n(s.props, _, s._instanceProps), I = x === "rtl";
+          D[A] = z = {
             position: "absolute",
             left: I ? void 0 : L,
             right: I ? L : void 0,
-            top: v(c.props, b, c._instanceProps),
-            height: m(c.props, b, c._instanceProps),
-            width: a(c.props, _, c._instanceProps)
+            top: v(s.props, b, s._instanceProps),
+            height: m(s.props, b, s._instanceProps),
+            width: a(s.props, _, s._instanceProps)
           };
         }
-        return A;
-      }, c._getItemStyleCache = void 0, c._getItemStyleCache = dt(function(b, _, P) {
+        return z;
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(b, _, S) {
         return {};
-      }), c._onScroll = function(b) {
-        var _ = b.currentTarget, P = _.clientHeight, E = _.clientWidth, x = _.scrollLeft, R = _.scrollTop, D = _.scrollHeight, z = _.scrollWidth;
-        c.setState(function(A) {
-          if (A.scrollLeft === x && A.scrollTop === R)
+      }), s._onScroll = function(b) {
+        var _ = b.currentTarget, S = _.clientHeight, E = _.clientWidth, x = _.scrollLeft, R = _.scrollTop, D = _.scrollHeight, A = _.scrollWidth;
+        s.setState(function(z) {
+          if (z.scrollLeft === x && z.scrollTop === R)
             return null;
-          var L = c.props.direction, I = x;
+          var L = s.props.direction, I = x;
           if (L === "rtl")
             switch (jt()) {
               case "negative":
                 I = -x;
                 break;
               case "positive-descending":
-                I = z - E - x;
+                I = A - E - x;
                 break;
             }
-          I = Math.max(0, Math.min(I, z - E));
-          var O = Math.max(0, Math.min(R, D - P));
+          I = Math.max(0, Math.min(I, A - E));
+          var O = Math.max(0, Math.min(R, D - S));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
+            horizontalScrollDirection: z.scrollLeft < x ? "forward" : "backward",
             scrollLeft: I,
             scrollTop: O,
-            verticalScrollDirection: A.scrollTop < R ? "forward" : "backward",
+            verticalScrollDirection: z.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
-        }, c._resetIsScrollingDebounced);
-      }, c._outerRefSetter = function(b) {
-        var _ = c.props.outerRef;
-        c._outerRef = b, typeof _ == "function" ? _(b) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = b);
-      }, c._resetIsScrollingDebounced = function() {
-        c._resetIsScrollingTimeoutId !== null && Zt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = Ho(c._resetIsScrolling, Go);
-      }, c._resetIsScrolling = function() {
-        c._resetIsScrollingTimeoutId = null, c.setState({
+        }, s._resetIsScrollingDebounced);
+      }, s._outerRefSetter = function(b) {
+        var _ = s.props.outerRef;
+        s._outerRef = b, typeof _ == "function" ? _(b) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = b);
+      }, s._resetIsScrollingDebounced = function() {
+        s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Ho(s._resetIsScrolling, Go);
+      }, s._resetIsScrolling = function() {
+        s._resetIsScrollingTimeoutId = null, s.setState({
           isScrolling: !1
         }, function() {
-          c._getItemStyleCache(-1);
+          s._getItemStyleCache(-1);
         });
-      }, c;
+      }, s;
     }
-    d.getDerivedStateFromProps = function(c, b) {
-      return Uo(c, b), C(c), null;
+    d.getDerivedStateFromProps = function(s, b) {
+      return Uo(s, b), C(s), null;
     };
     var f = d.prototype;
-    return f.scrollTo = function(c) {
-      var b = c.scrollLeft, _ = c.scrollTop;
-      b !== void 0 && (b = Math.max(0, b)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(P) {
-        return b === void 0 && (b = P.scrollLeft), _ === void 0 && (_ = P.scrollTop), P.scrollLeft === b && P.scrollTop === _ ? null : {
-          horizontalScrollDirection: P.scrollLeft < b ? "forward" : "backward",
+    return f.scrollTo = function(s) {
+      var b = s.scrollLeft, _ = s.scrollTop;
+      b !== void 0 && (b = Math.max(0, b)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(S) {
+        return b === void 0 && (b = S.scrollLeft), _ === void 0 && (_ = S.scrollTop), S.scrollLeft === b && S.scrollTop === _ ? null : {
+          horizontalScrollDirection: S.scrollLeft < b ? "forward" : "backward",
           scrollLeft: b,
           scrollTop: _,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: P.scrollTop < _ ? "forward" : "backward"
+          verticalScrollDirection: S.scrollTop < _ ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, f.scrollToItem = function(c) {
-      var b = c.align, _ = b === void 0 ? "auto" : b, P = c.columnIndex, E = c.rowIndex, x = this.props, R = x.columnCount, D = x.height, z = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
-      P !== void 0 && (P = Math.max(0, Math.min(P, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
-      var G = s(this.props, this._instanceProps), Z = l(this.props, this._instanceProps), j = Z > A ? M : 0, U = G > D ? M : 0;
+    }, f.scrollToItem = function(s) {
+      var b = s.align, _ = b === void 0 ? "auto" : b, S = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, D = x.height, A = x.rowCount, z = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, W = $o();
+      S !== void 0 && (S = Math.max(0, Math.min(S, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, A - 1)));
+      var G = c(this.props, this._instanceProps), Z = l(this.props, this._instanceProps), j = Z > z ? W : 0, U = G > D ? W : 0;
       this.scrollTo({
-        scrollLeft: P !== void 0 ? u(this.props, P, _, I, this._instanceProps, U) : I,
-        scrollTop: E !== void 0 ? h(this.props, E, _, O, this._instanceProps, j) : O
+        scrollLeft: S !== void 0 ? u(this.props, S, _, I, this._instanceProps, U) : I,
+        scrollTop: E !== void 0 ? p(this.props, E, _, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
-      var c = this.props, b = c.initialScrollLeft, _ = c.initialScrollTop;
+      var s = this.props, b = s.initialScrollLeft, _ = s.initialScrollTop;
       if (this._outerRef != null) {
-        var P = this._outerRef;
-        typeof b == "number" && (P.scrollLeft = b), typeof _ == "number" && (P.scrollTop = _);
+        var S = this._outerRef;
+        typeof b == "number" && (S.scrollLeft = b), typeof _ == "number" && (S.scrollTop = _);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var c = this.props.direction, b = this.state, _ = b.scrollLeft, P = b.scrollTop, E = b.scrollUpdateWasRequested;
+      var s = this.props.direction, b = this.state, _ = b.scrollLeft, S = b.scrollTop, E = b.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var x = this._outerRef;
-        if (c === "rtl")
+        if (s === "rtl")
           switch (jt()) {
             case "negative":
               x.scrollLeft = -_;
@@ -1466,30 +1467,30 @@ function Vo(e) {
           }
         else
           x.scrollLeft = Math.max(0, _);
-        x.scrollTop = Math.max(0, P);
+        x.scrollTop = Math.max(0, S);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var c = this.props, b = c.children, _ = c.className, P = c.columnCount, E = c.direction, x = c.height, R = c.innerRef, D = c.innerElementType, z = c.innerTagName, A = c.itemData, L = c.itemKey, I = L === void 0 ? qo : L, O = c.outerElementType, M = c.outerTagName, G = c.rowCount, Z = c.style, j = c.useIsScrolling, U = c.width, Q = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Ae = de[1], Re = [];
-      if (P > 0 && G)
-        for (var Te = te; Te <= Ae; Te++)
+      var s = this.props, b = s.children, _ = s.className, S = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, D = s.innerElementType, A = s.innerTagName, z = s.itemData, L = s.itemKey, I = L === void 0 ? qo : L, O = s.outerElementType, W = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, U = s.width, Q = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], ze = de[1], Re = [];
+      if (S > 0 && G)
+        for (var Te = te; Te <= ze; Te++)
           for (var we = le; we <= ae; we++)
             Re.push(Ue(b, {
               columnIndex: we,
-              data: A,
+              data: z,
               isScrolling: j ? Q : void 0,
               key: I({
                 columnIndex: we,
-                data: A,
+                data: z,
                 rowIndex: Te
               }),
               rowIndex: Te,
               style: this._getItemStyle(Te, we)
             }));
-      var nt = s(this.props, this._instanceProps), rt = l(this.props, this._instanceProps);
-      return Ue(O || M || "div", {
+      var nt = c(this.props, this._instanceProps), rt = l(this.props, this._instanceProps);
+      return Ue(O || W || "div", {
         className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -1502,7 +1503,7 @@ function Vo(e) {
           willChange: "transform",
           direction: E
         }, Z)
-      }, Ue(D || z || "div", {
+      }, Ue(D || A || "div", {
         children: Re,
         ref: R,
         style: {
@@ -1512,27 +1513,27 @@ function Vo(e) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var c = this.props, b = c.columnCount, _ = c.onItemsRendered, P = c.onScroll, E = c.rowCount;
+      var s = this.props, b = s.columnCount, _ = s.onItemsRendered, S = s.onScroll, E = s.rowCount;
       if (typeof _ == "function" && b > 0 && E > 0) {
-        var x = this._getHorizontalRangeToRender(), R = x[0], D = x[1], z = x[2], A = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
-        this._callOnItemsRendered(R, D, I, O, z, A, M, G);
+        var x = this._getHorizontalRangeToRender(), R = x[0], D = x[1], A = x[2], z = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], W = L[2], G = L[3];
+        this._callOnItemsRendered(R, D, I, O, A, z, W, G);
       }
-      if (typeof P == "function") {
+      if (typeof S == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, U = Z.scrollLeft, Q = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(U, Q, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, _ = c.overscanColumnCount, P = c.overscanColumnsCount, E = c.overscanCount, x = c.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = _ || P || E || 1;
+      var s = this.props, b = s.columnCount, _ = s.overscanColumnCount, S = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, D = R.horizontalScrollDirection, A = R.isScrolling, z = R.scrollLeft, L = _ || S || E || 1;
       if (b === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = o(this.props, A, this._instanceProps), O = r(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(b - 1, O + G)), I, O];
+      var I = o(this.props, z, this._instanceProps), O = r(this.props, I, z, this._instanceProps), W = !A || D === "backward" ? Math.max(1, L) : 1, G = !A || D === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, I - W), Math.max(0, Math.min(b - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, _ = c.overscanCount, P = c.overscanRowCount, E = c.overscanRowsCount, x = c.rowCount, R = this.state, D = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = P || E || _ || 1;
+      var s = this.props, b = s.columnCount, _ = s.overscanCount, S = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, D = R.isScrolling, A = R.verticalScrollDirection, z = R.scrollTop, L = S || E || _ || 1;
       if (b === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = p(this.props, A, this._instanceProps), O = w(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(x - 1, O + G)), I, O];
+      var I = h(this.props, z, this._instanceProps), O = w(this.props, I, z, this._instanceProps), W = !D || A === "backward" ? Math.max(1, L) : 1, G = !D || A === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, I - W), Math.max(0, Math.min(x - 1, O + G)), I, O];
     }, d;
   }(Jn), t.defaultProps = {
     direction: "ltr",
@@ -1541,9 +1542,9 @@ function Vo(e) {
   }, t;
 }
 var Uo = function(t, n) {
-  var o = t.children, r = t.direction, a = t.height, s = t.innerTagName, l = t.outerTagName, u = t.overscanColumnsCount, h = t.overscanCount, m = t.overscanRowsCount, v = t.width, p = n.instance;
+  var o = t.children, r = t.direction, a = t.height, c = t.innerTagName, l = t.outerTagName, u = t.overscanColumnsCount, p = t.overscanCount, m = t.overscanRowsCount, v = t.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof h == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ze && !Ze.has(p) && (Ze.add(p), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || l != null) && je && !je.has(p) && (je.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof p == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ze && !Ze.has(h) && (Ze.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && je && !je.has(h) && (je.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1558,31 +1559,31 @@ var Uo = function(t, n) {
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
 }, Kt = 50, Pn = function(t, n) {
-  var o = t.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, l = 0;
-  if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
+  var o = t.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, l = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var u = r[c];
     l = u.offset + u.size;
   }
-  var h = o - s - 1, m = h * a;
+  var p = o - c - 1, m = p * a;
   return l + m;
 }, Sn = function(t, n) {
-  var o = t.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, l = 0;
-  if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
+  var o = t.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, l = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var u = r[c];
     l = u.offset + u.size;
   }
-  var h = o - s - 1, m = h * a;
+  var p = o - c - 1, m = p * a;
   return l + m;
 }, me = function(t, n, o, r) {
-  var a, s, l;
-  if (t === "column" ? (a = r.columnMetadataMap, s = n.columnWidth, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, s = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
+  var a, c, l;
+  if (t === "column" ? (a = r.columnMetadataMap, c = n.columnWidth, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, c = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
     var u = 0;
     if (l >= 0) {
-      var h = a[l];
-      u = h.offset + h.size;
+      var p = a[l];
+      u = p.offset + p.size;
     }
     for (var m = l + 1; m <= o; m++) {
-      var v = s(m);
+      var v = c(m);
       a[m] = {
         offset: u,
         size: v
@@ -1592,34 +1593,34 @@ var Uo = function(t, n) {
   }
   return a[o];
 }, Xt = function(t, n, o, r) {
-  var a, s;
-  t === "column" ? (a = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
-  var l = s > 0 ? a[s].offset : 0;
-  return l >= r ? yn(t, n, o, s, 0, r) : Bo(t, n, o, Math.max(0, s), r);
-}, yn = function(t, n, o, r, a, s) {
+  var a, c;
+  t === "column" ? (a = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
+  var l = c > 0 ? a[c].offset : 0;
+  return l >= r ? yn(t, n, o, c, 0, r) : Bo(t, n, o, Math.max(0, c), r);
+}, yn = function(t, n, o, r, a, c) {
   for (; a <= r; ) {
     var l = a + Math.floor((r - a) / 2), u = me(t, n, l, o).offset;
-    if (u === s)
+    if (u === c)
       return l;
-    u < s ? a = l + 1 : u > s && (r = l - 1);
+    u < c ? a = l + 1 : u > c && (r = l - 1);
   }
   return a > 0 ? a - 1 : 0;
 }, Bo = function(t, n, o, r, a) {
-  for (var s = t === "column" ? n.columnCount : n.rowCount, l = 1; r < s && me(t, n, r, o).offset < a; )
+  for (var c = t === "column" ? n.columnCount : n.rowCount, l = 1; r < c && me(t, n, r, o).offset < a; )
     r += l, l *= 2;
-  return yn(t, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
-}, Yt = function(t, n, o, r, a, s, l) {
-  var u = t === "column" ? n.width : n.height, h = me(t, n, o, s), m = t === "column" ? Sn(n, s) : Pn(n, s), v = Math.max(0, Math.min(m - u, h.offset)), p = Math.max(0, h.offset - u + l + h.size);
-  switch (r === "smart" && (a >= p - u && a <= v + u ? r = "auto" : r = "center"), r) {
+  return yn(t, n, o, Math.min(r, c - 1), Math.floor(r / 2), a);
+}, Yt = function(t, n, o, r, a, c, l) {
+  var u = t === "column" ? n.width : n.height, p = me(t, n, o, c), m = t === "column" ? Sn(n, c) : Pn(n, c), v = Math.max(0, Math.min(m - u, p.offset)), h = Math.max(0, p.offset - u + l + p.size);
+  switch (r === "smart" && (a >= h - u && a <= v + u ? r = "auto" : r = "center"), r) {
     case "start":
       return v;
     case "end":
-      return p;
+      return h;
     case "center":
-      return Math.round(p + (v - p) / 2);
+      return Math.round(h + (v - h) / 2);
     case "auto":
     default:
-      return a >= p && a <= v ? a : p > v || a < p ? p : v;
+      return a >= h && a <= v ? a : h > v || a < h ? h : v;
   }
 }, Zo = /* @__PURE__ */ Vo({
   getColumnOffset: function(t, n, o) {
@@ -1629,8 +1630,8 @@ var Uo = function(t, n) {
     return Xt("column", t, o, n);
   },
   getColumnStopIndexForStartIndex: function(t, n, o, r) {
-    for (var a = t.columnCount, s = t.width, l = me("column", t, n, r), u = o + s, h = l.offset + l.size, m = n; m < a - 1 && h < u; )
-      m++, h += me("column", t, m, r).size;
+    for (var a = t.columnCount, c = t.width, l = me("column", t, n, r), u = o + c, p = l.offset + l.size, m = n; m < a - 1 && p < u; )
+      m++, p += me("column", t, m, r).size;
     return m;
   },
   getColumnWidth: function(t, n, o) {
@@ -1638,11 +1639,11 @@ var Uo = function(t, n) {
   },
   getEstimatedTotalHeight: Pn,
   getEstimatedTotalWidth: Sn,
-  getOffsetForColumnAndAlignment: function(t, n, o, r, a, s) {
-    return Yt("column", t, n, o, r, a, s);
+  getOffsetForColumnAndAlignment: function(t, n, o, r, a, c) {
+    return Yt("column", t, n, o, r, a, c);
   },
-  getOffsetForRowAndAlignment: function(t, n, o, r, a, s) {
-    return Yt("row", t, n, o, r, a, s);
+  getOffsetForRowAndAlignment: function(t, n, o, r, a, c) {
+    return Yt("row", t, n, o, r, a, c);
   },
   getRowOffset: function(t, n, o) {
     return me("row", t, n, o).offset;
@@ -1654,12 +1655,12 @@ var Uo = function(t, n) {
     return Xt("row", t, o, n);
   },
   getRowStopIndexForStartIndex: function(t, n, o, r) {
-    for (var a = t.rowCount, s = t.height, l = me("row", t, n, r), u = o + s, h = l.offset + l.size, m = n; m < a - 1 && h < u; )
-      m++, h += me("row", t, m, r).size;
+    for (var a = t.rowCount, c = t.height, l = me("row", t, n, r), u = o + c, p = l.offset + l.size, m = n; m < a - 1 && p < u; )
+      m++, p += me("row", t, m, r).size;
     return m;
   },
   initInstanceProps: function(t, n) {
-    var o = t, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, s = {
+    var o = t, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, c = {
       columnMetadataMap: {},
       estimatedColumnWidth: r || Kt,
       estimatedRowHeight: a || Kt,
@@ -1678,9 +1679,9 @@ var Uo = function(t, n) {
         shouldForceUpdate: u
       });
     }, n.resetAfterIndices = function(l) {
-      var u = l.columnIndex, h = l.rowIndex, m = l.shouldForceUpdate, v = m === void 0 ? !0 : m;
-      typeof u == "number" && (s.lastMeasuredColumnIndex = Math.min(s.lastMeasuredColumnIndex, u - 1)), typeof h == "number" && (s.lastMeasuredRowIndex = Math.min(s.lastMeasuredRowIndex, h - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
-    }, s;
+      var u = l.columnIndex, p = l.rowIndex, m = l.shouldForceUpdate, v = m === void 0 ? !0 : m;
+      typeof u == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, u - 1)), typeof p == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
+    }, c;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(t) {
@@ -1709,31 +1710,31 @@ function Xo(e, t) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Yo = () => {
-  const { viewMode: e } = ze(), { scrollMode: t } = De(), { setColumnCount: n } = dn(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), s = W(() => t === ee.HORIZONTAL_SCROLLING ? a : e === He.DUAL_PAGE ? 2 : 1, [e, t, t, a, o]), l = W(() => r.widths.reduce((T, y, C) => {
-    const S = C % s;
-    return (!T[S] || y > T[S]) && (T[S] = y), T;
-  }, []), [r.widths, s]), u = N(
+  const { viewMode: e } = Ae(), { scrollMode: t } = De(), { setColumnCount: n } = dn(), { virtualScrollableElementRef: o } = et(), r = qe(), a = M(() => r.heights.length, [r.heights]), c = M(() => t === ee.HORIZONTAL_SCROLLING ? a : e === He.DUAL_PAGE ? 2 : 1, [e, t, t, a, o]), l = M(() => r.widths.reduce((T, P, C) => {
+    const y = C % c;
+    return (!T[y] || P > T[y]) && (T[y] = P), T;
+  }, []), [r.widths, c]), u = N(
     (w) => {
       const T = w % l.length;
       return l[T] || 0;
     },
     [l]
-  ), h = N(
+  ), p = N(
     (w) => r.heights[w] || 0,
     [r.heights]
   );
   k(() => {
-    n(s);
-  }, [s, n]);
-  const m = W(() => t === ee.HORIZONTAL_SCROLLING || t === ee.PAGE_SCROLLING ? 1 : Math.round(a / s), [s, a, t]), v = W(() => r.heights.reduce((w, T) => w + T, 0) / r.heights.length || 0, [r]), p = W(() => r.widths.reduce((w, T) => w + T, 0) / r.heights.length || 0, [r]);
+    n(c);
+  }, [c, n]);
+  const m = M(() => t === ee.HORIZONTAL_SCROLLING || t === ee.PAGE_SCROLLING ? 1 : Math.round(a / c), [c, a, t]), v = M(() => r.heights.reduce((w, T) => w + T, 0) / r.heights.length || 0, [r]), h = M(() => r.widths.reduce((w, T) => w + T, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
-    rowHeight: h,
-    columnCount: s,
+    rowHeight: p,
+    columnCount: c,
     columnWidth: u,
     pageDimension: r,
     estimatedRowHeight: v,
-    estimatedColumnWidth: p
+    estimatedColumnWidth: h
   };
 };
 let oe;
@@ -1753,71 +1754,71 @@ ht == null || tn == null ? (_t = pt, bt = function(t) {
   return [n, o];
 });
 function Jo(e) {
-  let t, n, o, r, a, s, l;
+  let t, n, o, r, a, c, l;
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
-    s = function(S) {
-      const d = S.__resizeTriggers__, f = d.firstElementChild, g = d.lastElementChild, c = f.firstElementChild;
-      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, c.style.width = f.offsetWidth + 1 + "px", c.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
-    }, a = function(S) {
-      return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
-    }, l = function(S) {
-      if (S.target.className && typeof S.target.className.indexOf == "function" && S.target.className.indexOf("contract-trigger") < 0 && S.target.className.indexOf("expand-trigger") < 0)
+    c = function(y) {
+      const d = y.__resizeTriggers__, f = d.firstElementChild, g = d.lastElementChild, s = f.firstElementChild;
+      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = f.offsetWidth + 1 + "px", s.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
+    }, a = function(y) {
+      return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
+    }, l = function(y) {
+      if (y.target.className && typeof y.target.className.indexOf == "function" && y.target.className.indexOf("contract-trigger") < 0 && y.target.className.indexOf("expand-trigger") < 0)
         return;
       const d = this;
-      s(this), this.__resizeRAF__ && _t(this.__resizeRAF__), this.__resizeRAF__ = bt(function() {
-        a(d) && (d.__resizeLast__.width = d.offsetWidth, d.__resizeLast__.height = d.offsetHeight, d.__resizeListeners__.forEach(function(c) {
-          c.call(d, S);
+      c(this), this.__resizeRAF__ && _t(this.__resizeRAF__), this.__resizeRAF__ = bt(function() {
+        a(d) && (d.__resizeLast__.width = d.offsetWidth, d.__resizeLast__.height = d.offsetHeight, d.__resizeListeners__.forEach(function(s) {
+          s.call(d, y);
         }));
       });
     };
-    let p = !1, w = "";
+    let h = !1, w = "";
     o = "animationstart";
     const T = "Webkit Moz O ms".split(" ");
-    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
+    let P = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
     {
-      const S = document.createElement("fakeelement");
-      if (S.style.animationName !== void 0 && (p = !0), p === !1) {
+      const y = document.createElement("fakeelement");
+      if (y.style.animationName !== void 0 && (h = !0), h === !1) {
         for (let d = 0; d < T.length; d++)
-          if (S.style[T[d] + "AnimationName"] !== void 0) {
-            C = T[d], w = "-" + C.toLowerCase() + "-", o = y[d], p = !0;
+          if (y.style[T[d] + "AnimationName"] !== void 0) {
+            C = T[d], w = "-" + C.toLowerCase() + "-", o = P[d], h = !0;
             break;
           }
       }
     }
     n = "resizeanim", t = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
   }
-  const h = function(p) {
-    if (!p.getElementById("detectElementResize")) {
-      const w = (t || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', T = p.head || p.getElementsByTagName("head")[0], y = p.createElement("style");
-      y.id = "detectElementResize", y.type = "text/css", e != null && y.setAttribute("nonce", e), y.styleSheet ? y.styleSheet.cssText = w : y.appendChild(p.createTextNode(w)), T.appendChild(y);
+  const p = function(h) {
+    if (!h.getElementById("detectElementResize")) {
+      const w = (t || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', T = h.head || h.getElementsByTagName("head")[0], P = h.createElement("style");
+      P.id = "detectElementResize", P.type = "text/css", e != null && P.setAttribute("nonce", e), P.styleSheet ? P.styleSheet.cssText = w : P.appendChild(h.createTextNode(w)), T.appendChild(P);
     }
   };
   return {
-    addResizeListener: function(p, w) {
+    addResizeListener: function(h, w) {
       if (u)
-        p.attachEvent("onresize", w);
+        h.attachEvent("onresize", w);
       else {
-        if (!p.__resizeTriggers__) {
-          const T = p.ownerDocument, y = oe.getComputedStyle(p);
-          y && y.position === "static" && (p.style.position = "relative"), h(T), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
+        if (!h.__resizeTriggers__) {
+          const T = h.ownerDocument, P = oe.getComputedStyle(h);
+          P && P.position === "static" && (h.style.position = "relative"), p(T), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
           const C = T.createElement("div");
           C.className = "expand-trigger", C.appendChild(T.createElement("div"));
-          const S = T.createElement("div");
-          S.className = "contract-trigger", p.__resizeTriggers__.appendChild(C), p.__resizeTriggers__.appendChild(S), p.appendChild(p.__resizeTriggers__), s(p), p.addEventListener("scroll", l, !0), o && (p.__resizeTriggers__.__animationListener__ = function(f) {
-            f.animationName === n && s(p);
-          }, p.__resizeTriggers__.addEventListener(o, p.__resizeTriggers__.__animationListener__));
+          const y = T.createElement("div");
+          y.className = "contract-trigger", h.__resizeTriggers__.appendChild(C), h.__resizeTriggers__.appendChild(y), h.appendChild(h.__resizeTriggers__), c(h), h.addEventListener("scroll", l, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
+            f.animationName === n && c(h);
+          }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        p.__resizeListeners__.push(w);
+        h.__resizeListeners__.push(w);
       }
     },
-    removeResizeListener: function(p, w) {
+    removeResizeListener: function(h, w) {
       if (u)
-        p.detachEvent("onresize", w);
-      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(w), 1), !p.__resizeListeners__.length) {
-        p.removeEventListener("scroll", l, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
+        h.detachEvent("onresize", w);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(w), 1), !h.__resizeListeners__.length) {
+        h.removeEventListener("scroll", l, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
-          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+          h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
         } catch {
         }
       }
@@ -1839,16 +1840,16 @@ class Qo extends Qn {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, s = parseFloat(a.paddingLeft || "0"), l = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), h = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - u - h, p = m.width - s - l, w = this._parentNode.offsetHeight - u - h, T = this._parentNode.offsetWidth - s - l;
-        (!n && (this.state.height !== w || this.state.scaledHeight !== v) || !o && (this.state.width !== T || this.state.scaledWidth !== p)) && (this.setState({
+        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), l = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - u - p, h = m.width - c - l, w = this._parentNode.offsetHeight - u - p, T = this._parentNode.offsetWidth - c - l;
+        (!n && (this.state.height !== w || this.state.scaledHeight !== v) || !o && (this.state.width !== T || this.state.scaledWidth !== h)) && (this.setState({
           height: w,
           width: T,
           scaledHeight: v,
-          scaledWidth: p
+          scaledWidth: h
         }), typeof r == "function" && r({
           height: w,
           scaledHeight: v,
-          scaledWidth: p,
+          scaledWidth: h,
           width: T
         }));
       }
@@ -1878,40 +1879,40 @@ class Qo extends Qn {
       defaultWidth: o,
       disableHeight: r = !1,
       disableWidth: a = !1,
-      doNotBailOutOnEmptyChildren: s = !1,
+      doNotBailOutOnEmptyChildren: c = !1,
       nonce: l,
       onResize: u,
-      style: h = {},
+      style: p = {},
       tagName: m = "div",
       ...v
     } = this.props, {
-      height: p,
+      height: h,
       scaledHeight: w,
       scaledWidth: T,
-      width: y
+      width: P
     } = this.state, C = {
       overflow: "visible"
-    }, S = {};
+    }, y = {};
     let d = !1;
-    return r || (p === 0 && (d = !0), C.height = 0, S.height = p, S.scaledHeight = w), a || (y === 0 && (d = !0), C.width = 0, S.width = y, S.scaledWidth = T), s && (d = !1), Ue(m, {
+    return r || (h === 0 && (d = !0), C.height = 0, y.height = h, y.scaledHeight = w), a || (P === 0 && (d = !0), C.width = 0, y.width = P, y.scaledWidth = T), c && (d = !1), Ue(m, {
       ref: this._setRef,
       style: {
         ...C,
-        ...h
+        ...p
       },
       ...v
-    }, !d && t(S));
+    }, !d && t(y));
   }
 }
 const ei = ({ widths: e, heights: t }) => {
-  const { focusedPage: n, totalPages: o } = ie(), r = W(() => {
+  const { focusedPage: n, totalPages: o } = ie(), r = M(() => {
     const l = [], u = Math.ceil(n / 2) * 2 - 1;
     if (l.push(u), u + 1 < o) {
-      const h = u + 1;
-      l.push(h);
+      const p = u + 1;
+      l.push(p);
     }
     return l;
-  }, [n, o]), a = W(() => [
+  }, [n, o]), a = M(() => [
     {
       position: "absolute",
       left: 0,
@@ -1925,14 +1926,14 @@ const ei = ({ widths: e, heights: t }) => {
       width: e(n),
       height: t(n)
     }
-  ], [e, t, r]), s = W(() => a.reduce((l, u) => l + Number(u.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: s, position: "relative" }, children: r.map((l, u) => /* @__PURE__ */ i(It, { style: a[u], pageNumber: l }, l)) });
+  ], [e, t, r]), c = M(() => a.reduce((l, u) => l + Number(u.width || 0), 0), [a]);
+  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: r.map((l, u) => /* @__PURE__ */ i(It, { style: a[u], pageNumber: l }, l)) });
 }, ti = ({ widths: e, heights: t }) => {
-  const { focusedPage: n } = ie(), o = W(() => ({
+  const { focusedPage: n } = ie(), o = M(() => ({
     position: "absolute",
     width: e(n - 1),
     height: t(n - 1)
-  }), [e, t, n]), r = W(() => e(n - 1), [e]);
+  }), [e, t, n]), r = M(() => e(n - 1), [e]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1944,23 +1945,23 @@ const ei = ({ widths: e, heights: t }) => {
     }
   );
 }, ni = (e, t, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: s } = qe(), { setFocusedPage: l } = ie(), [u, h] = $([]), { targetScrollPage: m } = un(), v = Tt(u, 0, 500), p = W(() => a.map((T, y) => {
-    const C = s[y], S = Vr(y + 1, e), d = C * S.columnIndex, f = T * S.rowIndex, g = d + C, c = f + T;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: c } = qe(), { setFocusedPage: l } = ie(), [u, p] = $([]), { targetScrollPage: m } = un(), v = Tt(u, 0, 500), h = M(() => a.map((T, P) => {
+    const C = c[P], y = Vr(P + 1, e), d = C * y.columnIndex, f = T * y.rowIndex, g = d + C, s = f + T;
     return {
-      pageNumber: y + 1,
-      ...S,
+      pageNumber: P + 1,
+      ...y,
       width: C,
       height: T,
       startX: d,
       startY: f,
       endX: g,
-      endY: c
+      endY: s
     };
-  }), [a, s, e, t]);
+  }), [a, c, e, t]);
   k(() => {
-    var y;
+    var P;
     v.length > 0 && !m.current && l(v[0].pageNumber);
-    let T = (y = v[0]) == null ? void 0 : y.ratio;
+    let T = (P = v[0]) == null ? void 0 : P.ratio;
     T && v.filter((C) => Math.round(C.ratio) === Math.round(T)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
@@ -1968,25 +1969,25 @@ const ei = ({ widths: e, heights: t }) => {
   const w = N(
     (T) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const y = T.target, C = {
-          startTop: y.scrollTop,
-          startLeft: y.scrollLeft,
-          endTop: y.scrollTop + y.clientHeight,
-          endLeft: y.scrollLeft + y.clientWidth
-        }, S = p.filter((d) => {
+        const P = T.target, C = {
+          startTop: P.scrollTop,
+          startLeft: P.scrollLeft,
+          endTop: P.scrollTop + P.clientHeight,
+          endLeft: P.scrollLeft + P.clientWidth
+        }, y = h.filter((d) => {
           const f = d.endX >= C.startLeft && d.endY >= C.startTop, g = d.startX <= C.endLeft && d.startY <= C.endTop;
           return f && g;
         }).map((d) => {
-          const f = C.startLeft > d.startX ? C.startLeft : d.startX, g = C.startTop > d.startY ? C.startTop : d.startY, c = C.endLeft < d.endX ? C.endLeft : d.endX, b = C.endTop < d.endY ? C.endTop : d.endY, _ = c - f, P = b - g, x = +(_ * P / (d.width * d.height) * 100).toFixed(2);
+          const f = C.startLeft > d.startX ? C.startLeft : d.startX, g = C.startTop > d.startY ? C.startTop : d.startY, s = C.endLeft < d.endX ? C.endLeft : d.endX, b = C.endTop < d.endY ? C.endTop : d.endY, _ = s - f, S = b - g, x = +(_ * S / (d.width * d.height) * 100).toFixed(2);
           return {
             pageNumber: d.pageNumber,
             ratio: x
           };
         }).sort((d, f) => f.ratio - d.ratio);
-        h(S);
+        p(y);
       });
     },
-    [r, p]
+    [r, h]
   );
   k(() => {
     if (n)
@@ -1999,28 +2000,28 @@ const ei = ({ widths: e, heights: t }) => {
   return /* @__PURE__ */ i(It, { style: o, pageNumber: r }, r);
 }, Xo), qs = () => {
   const { initialPage: e = 1, initialScrollMode: t, instanceId: n } = ar(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: a } = vn(), {
-    virtualScrollRef: s,
+    virtualScrollRef: c,
     getVirtualScrollRef: l,
     getPageScrollElementRef: u,
-    getVirtualScrollableElementRef: h,
+    getVirtualScrollableElementRef: p,
     setTotalInnerDimensions: m,
     virtualScrollableElementRef: v,
-    totalInnerDimensions: p,
+    totalInnerDimensions: h,
     pageScrollElementRef: w
-  } = et(), T = H(!0), { nextPage: y, prevPage: C, setFocusedPage: S, focusedPage: d } = ie(), { scrollMode: f } = De(), { viewMode: g } = ze(), c = H(null), { loading: b } = J(), { passwordRequired: _ } = nr(), { LoaderImageComponent: P } = pn(), E = H(
-    p
+  } = et(), T = H(!0), { nextPage: P, prevPage: C, setFocusedPage: y, focusedPage: d } = ie(), { scrollMode: f } = De(), { viewMode: g } = Ae(), s = H(null), { loading: b } = J(), { passwordRequired: _ } = nr(), { LoaderImageComponent: S } = pn(), E = H(
+    h
   ), x = H({
     viewMode: g,
     scrollMode: f
-  }), R = H(!1), D = H(), { isFullScreen: z } = sr(), {
-    pageDimension: A,
+  }), R = H(!1), D = H(), { isFullScreen: A } = sr(), {
+    pageDimension: z,
     rowCount: L,
     rowHeight: I,
     columnCount: O,
-    columnWidth: M,
+    columnWidth: W,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
-  } = Yo(), j = Tt(p, 100), U = H();
+  } = Yo(), j = Tt(h, 100), U = H();
   ni(O, L, v);
   const Q = H({
     scrollTop: 0,
@@ -2029,27 +2030,27 @@ const ei = ({ widths: e, heights: t }) => {
   Gr(o);
   const { isPressed: X } = Hr(), { selectionMode: le } = ir(), { initializeGrabScroll: ae, resetGrabState: de } = $r({
     isPressed: X
-  }), te = W(() => le === tr.HAND, [le]), Ae = W(() => ({
+  }), te = M(() => le === tr.HAND, [le]), ze = M(() => ({
     columnCount: O
   }), [O]), Re = N(
     (q) => {
       const V = document.activeElement !== o;
-      !z && V || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
+      !A && V || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), P()));
     },
-    [y, C, z, f]
+    [P, C, A, f]
   );
   k(() => (window.addEventListener("keydown", Re), () => {
     window.removeEventListener("keydown", Re);
   }), [Re]), k(() => {
-    if (c.current && (c.current.style.position = "relative"), !!s)
+    if (s.current && (s.current.style.position = "relative"), !!c)
       for (let q = 0; q < L; q++)
         for (let V = 0; V < O; V++)
-          s.resetAfterIndices({
+          c.resetAfterIndices({
             columnIndex: V,
             rowIndex: q,
             shouldForceUpdate: !0
           });
-  }, [L, O, A, s]);
+  }, [L, O, z, c]);
   const Te = N(
     (q, V) => {
       if (!v)
@@ -2081,7 +2082,7 @@ const ei = ({ widths: e, heights: t }) => {
       const jn = Se / Ot * ye, Kn = ot / Dt * it, Xn = Math.round(Math.min(jn, ye)) || 0, Yn = Math.round(Math.min(Kn, it)) || 0;
       D.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          s == null || s.scrollTo({
+          c == null || c.scrollTo({
             scrollTop: Xn,
             scrollLeft: Yn
           });
@@ -2091,7 +2092,7 @@ const ei = ({ widths: e, heights: t }) => {
         width: V.width
       };
     },
-    [s, g, f, a]
+    [c, g, f, a]
   );
   k(() => {
     clearTimeout(D.current);
@@ -2099,14 +2100,14 @@ const ei = ({ widths: e, heights: t }) => {
       (Se, ot, ye) => Se + I(ye),
       0
     ), V = Array.from({ length: O }).reduce(
-      (Se, ot, ye) => Se + M(ye),
+      (Se, ot, ye) => Se + W(ye),
       0
     ), Pe = Te(V, q);
     Q.current = Pe, we(Pe, { height: q, width: V }), m({
       height: q,
       width: V
     });
-  }, [A, L, O, we]);
+  }, [z, L, O, we]);
   const nt = N(
     (q) => {
       Q.current = {
@@ -2119,7 +2120,7 @@ const ei = ({ widths: e, heights: t }) => {
   k(() => () => {
     U.current && clearTimeout(U.current);
   }, []);
-  const rt = W(() => ne(ue["rp-pages-container"], {
+  const rt = M(() => ne(ue["rp-pages-container"], {
     [ue["rp-cursor-grab"]]: te && !X,
     [ue["rp-cursor-grabbing"]]: te && X
   }), [te, X]), Zn = N(
@@ -2136,16 +2137,16 @@ const ei = ({ widths: e, heights: t }) => {
   }, [b]), k(() => {
     if (!(j.height === 0 || !T.current)) {
       if (t === ee.PAGE_SCROLLING) {
-        e !== d && w && S(e), T.current = !1;
+        e !== d && w && y(e), T.current = !1;
         return;
       }
-      a(e, "auto"), S(e), T.current = !1;
+      a(e, "auto"), y(e), T.current = !1;
     }
   }, [
     a,
     t,
     w,
-    S,
+    y,
     j
   ]), /* @__PURE__ */ F(fe, { children: [
     /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Qo, { style: { minHeight: "50px" }, children: ({ width: q, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Zn, style: { width: q, height: V }, children: f === ee.PAGE_SCROLLING ? /* @__PURE__ */ i(
@@ -2154,18 +2155,18 @@ const ei = ({ widths: e, heights: t }) => {
         ref: u,
         style: { width: q, height: V },
         className: ne(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
-        children: g === He.DUAL_PAGE ? /* @__PURE__ */ i(ei, { widths: M, heights: I }) : /* @__PURE__ */ i(ti, { widths: M, heights: I })
+        children: g === He.DUAL_PAGE ? /* @__PURE__ */ i(ei, { widths: W, heights: I }) : /* @__PURE__ */ i(ti, { widths: W, heights: I })
       }
     ) : G ? /* @__PURE__ */ i(
       Zo,
       {
         ref: l,
-        itemData: Ae,
-        outerRef: h,
-        innerRef: c,
+        itemData: ze,
+        outerRef: p,
+        innerRef: s,
         onScroll: nt,
         columnCount: O,
-        columnWidth: M,
+        columnWidth: W,
         rowHeight: I,
         height: V,
         width: q,
@@ -2189,7 +2190,7 @@ const ei = ({ widths: e, heights: t }) => {
           height: "100%",
           width: "100%"
         },
-        children: P && /* @__PURE__ */ i(P, {})
+        children: S && /* @__PURE__ */ i(S, {})
       }
     ) }) }) }),
     _ && /* @__PURE__ */ i(qr, {})
@@ -2211,23 +2212,23 @@ const ei = ({ widths: e, heights: t }) => {
   const { nextIcon: e } = pe();
   return e || /* @__PURE__ */ i(Me, { style: { transform: "rotate(180deg" } });
 }, ai = () => {
-  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [s, l] = $(e.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: h } = Ce(), { localeMessages: m } = se();
+  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [c, l] = $(e.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se();
   k(() => {
     l(e.toString());
   }, [e]);
-  const v = N((y) => {
-    const C = y.target.value;
+  const v = N((P) => {
+    const C = P.target.value;
     l(C);
-  }, []), p = N(async () => {
-    const y = a(s);
-    y.success || l(y.currentPage.toString());
-  }, [a, s, t]), w = N(() => {
+  }, []), h = N(async () => {
+    const P = a(c);
+    P.success || l(P.currentPage.toString());
+  }, [a, c, t]), w = N(() => {
     l(e.toString());
   }, [e]), T = N(
-    (y) => {
-      y.key === "Enter" && p();
+    (P) => {
+      P.key === "Enter" && h();
     },
-    [p]
+    [h]
   );
   return typeof u != "boolean" ? /* @__PURE__ */ i(
     u,
@@ -2240,7 +2241,7 @@ const ei = ({ widths: e, heights: t }) => {
       changePage: n
     }
   ) : u ? /* @__PURE__ */ F("div", { className: mt["rp-paginate"], children: [
-    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: r,
@@ -2255,7 +2256,7 @@ const ei = ({ widths: e, heights: t }) => {
         onKeyDown: T,
         onBlur: w,
         onChange: v,
-        value: s,
+        value: c,
         className: mt["rp-page-input"]
       }
     ) }),
@@ -2263,7 +2264,7 @@ const ei = ({ widths: e, heights: t }) => {
       "/",
       t
     ] }),
-    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: o,
@@ -2281,8 +2282,8 @@ var Rt = "Dialog", [xn, Vs] = Xr(Rt), [si, ce] = xn(Rt), In = (e) => {
     open: o,
     defaultOpen: r,
     onOpenChange: a,
-    modal: s = !0
-  } = e, l = B.useRef(null), u = B.useRef(null), [h = !1, m] = Qr({
+    modal: c = !0
+  } = e, l = B.useRef(null), u = B.useRef(null), [p = !1, m] = Qr({
     prop: o,
     defaultProp: r,
     onChange: a
@@ -2296,10 +2297,10 @@ var Rt = "Dialog", [xn, Vs] = Xr(Rt), [si, ce] = xn(Rt), In = (e) => {
       contentId: ct(),
       titleId: ct(),
       descriptionId: ct(),
-      open: h,
+      open: p,
       onOpenChange: m,
       onOpenToggle: B.useCallback(() => m((v) => !v), [m]),
-      modal: s,
+      modal: c,
       children: n
     }
   );
@@ -2328,7 +2329,7 @@ var Lt = "DialogPortal", [li, Ln] = xn(Lt, {
   forceMount: void 0
 }), En = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = ce(Lt, t);
-  return /* @__PURE__ */ i(li, { scope: t, forceMount: n, children: B.Children.map(o, (s) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(oo, { asChild: !0, container: r, children: s }) })) });
+  return /* @__PURE__ */ i(li, { scope: t, forceMount: n, children: B.Children.map(o, (c) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(oo, { asChild: !0, container: r, children: c }) })) });
 };
 En.displayName = Lt;
 var Xe = "DialogOverlay", Nn = B.forwardRef(
@@ -2377,12 +2378,12 @@ var ui = B.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: We(e.onCloseAutoFocus, (a) => {
-          var s;
-          a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
+          var c;
+          a.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
         }),
         onPointerDownOutside: We(e.onPointerDownOutside, (a) => {
-          const s = a.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
-          (s.button === 2 || l) && a.preventDefault();
+          const c = a.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && a.preventDefault();
         }),
         onFocusOutside: We(
           e.onFocusOutside,
@@ -2402,21 +2403,21 @@ var ui = B.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (a) => {
-          var s, l;
-          (s = e.onCloseAutoFocus) == null || s.call(e, a), a.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, a), a.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), a.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (a) => {
-          var u, h;
+          var u, p;
           (u = e.onInteractOutside) == null || u.call(e, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const s = a.target;
-          ((h = n.triggerRef.current) == null ? void 0 : h.contains(s)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          const c = a.target;
+          ((p = n.triggerRef.current) == null ? void 0 : p.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
         }
       }
     );
   }
 ), Dn = B.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = e, l = ce(Ie, n), u = B.useRef(null), h = Pt(t, u);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...c } = e, l = ce(Ie, n), u = B.useRef(null), p = Pt(t, u);
     return no(), /* @__PURE__ */ F(fe, { children: [
       /* @__PURE__ */ i(
         ro,
@@ -2434,8 +2435,8 @@ var ui = B.forwardRef(
               "aria-describedby": l.descriptionId,
               "aria-labelledby": l.titleId,
               "data-state": Nt(l.open),
-              ...s,
-              ref: h,
+              ...c,
+              ref: p,
               onDismiss: () => l.onOpenChange(!1)
             }
           )
@@ -2447,20 +2448,20 @@ var ui = B.forwardRef(
       ] })
     ] });
   }
-), Et = "DialogTitle", zn = B.forwardRef(
+), Et = "DialogTitle", An = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Et, n);
     return /* @__PURE__ */ i(Ve.h2, { id: r.titleId, ...o, ref: t });
   }
 );
-zn.displayName = Et;
-var An = "DialogDescription", hi = B.forwardRef(
+An.displayName = Et;
+var zn = "DialogDescription", hi = B.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = ce(An, n);
+    const { __scopeDialog: n, ...o } = e, r = ce(zn, n);
     return /* @__PURE__ */ i(Ve.p, { id: r.descriptionId, ...o, ref: t });
   }
 );
-hi.displayName = An;
+hi.displayName = zn;
 var Fn = "DialogClose", kn = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Fn, n);
@@ -2499,7 +2500,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const r = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, vi = In, wi = En, _i = Nn, bi = On, Ci = zn, Ti = kn;
+}, vi = In, wi = En, _i = Nn, bi = On, Ci = An, Ti = kn;
 const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2509,32 +2510,32 @@ const xe = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Pi = () => {
-  const { pdfProperties: e } = J(), { container: t } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = co(), { localeMessages: r } = se(), a = W(() => {
+  const { pdfProperties: e } = J(), { container: t } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = co(), { localeMessages: r } = se(), a = M(() => {
     if (!e)
       return [];
     const {
-      fileSize: s,
+      fileSize: c,
       filename: l,
       title: u,
-      author: h,
+      author: p,
       subject: m,
       createdOn: v,
-      creator: p,
+      creator: h,
       keywords: w,
       modifiedOn: T,
-      pdfProducer: y,
+      pdfProducer: P,
       pdfVersion: C,
-      pageCount: S
+      pageCount: y
     } = e;
     return [
       { label: r == null ? void 0 : r.propertiesFilenameLabel, value: l },
-      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: s },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: c },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
-      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: h },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: p },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
       { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
-      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
         value: v ? Wt(v) : ""
@@ -2544,16 +2545,16 @@ const xe = {
         value: T ? Wt(T) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: P },
       { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
-      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: y }
     ];
   }, [e, r]);
   return /* @__PURE__ */ i(vi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(wi, { container: t, children: /* @__PURE__ */ F("div", { className: xe["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ i(_i, { className: xe["rp-dialog-overlay"] }),
     /* @__PURE__ */ F(bi, { className: xe["rp-document-dialog"], children: [
       /* @__PURE__ */ i(Ci, { className: xe["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: xe["rp-document-properties"], children: a.map((s, l) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ i(so, { label: s.label, value: s.value }) }, l)) }),
+      /* @__PURE__ */ i("div", { className: xe["rp-document-properties"], children: a.map((c, l) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ i(so, { label: c.label, value: c.value }) }, l)) }),
       /* @__PURE__ */ i(Ti, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ i(ao, {}) })
     ] })
   ] }) }) });
@@ -2564,8 +2565,8 @@ const xe = {
   return yi(n);
 }, Hn = () => {
   const { filename: e, pdfSrc: t } = J(), { downloadFilename: n } = hr(), o = (a) => {
-    const s = n || a;
-    return s.endsWith(nn) ? s : `${s}${nn}`;
+    const c = n || a;
+    return c.endsWith(nn) ? c : `${c}${nn}`;
   };
   return { download: N(async () => {
     if (!e || !t)
@@ -2589,9 +2590,9 @@ const xe = {
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Vn, {}) }),
   t == null ? void 0 : t.printLabel
 ] }) }), Bn = () => {
-  const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: s = !0 } = ve(), { isSmallScreen: l } = Ce(), { localeMessages: u } = se();
-  return s ? l ? /* @__PURE__ */ i(Ei, { print: e, localeMessages: u }) : typeof s == "function" ? /* @__PURE__ */ i(
-    s,
+  const { print: e, cancel: t, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: c = !0 } = ve(), { isSmallScreen: l } = Ce(), { localeMessages: u } = se();
+  return c ? l ? /* @__PURE__ */ i(Ei, { print: e, localeMessages: u }) : typeof c == "function" ? /* @__PURE__ */ i(
+    c,
     {
       print: e,
       cancel: t,
@@ -2600,7 +2601,7 @@ const xe = {
       setOnComplete: o,
       progress: a
     }
-  ) : s ? /* @__PURE__ */ i(Li, { print: e, localeMessages: u }) : null : null;
+  ) : c ? /* @__PURE__ */ i(Li, { print: e, localeMessages: u }) : null : null;
 }, Ni = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Oi = () => {
@@ -2609,8 +2610,8 @@ const xe = {
 }, Di = () => {
   const { goToLastPageIcon: e } = pe();
   return e || /* @__PURE__ */ i(gn, {});
-}, rn = { width: "100%" }, zi = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = W(() => n === 1, [n]), s = W(() => n === t, [n, t]), l = N(() => {
+}, rn = { width: "100%" }, Ai = () => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = M(() => n === 1, [n]), c = M(() => n === t, [n, t]), l = N(() => {
     e(1);
   }, [e]), u = N(() => {
     e(t);
@@ -2620,34 +2621,34 @@ const xe = {
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Oi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(be, { onClick: u, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ F("div", { className: "rp-menu-item", "aria-disabled": s, children: [
+    /* @__PURE__ */ i(be, { onClick: u, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ F("div", { className: "rp-menu-item", "aria-disabled": c, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Di, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(yt, {})
   ] }) : null;
-}, Ai = () => {
+}, zi = () => {
   const { container: e } = ge(), { isSmallScreen: t } = Ce(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
     scrollModeTool: a,
-    rotateTool: s,
+    rotateTool: c,
     selectionModeTool: l,
     jumpNavigationTool: u,
-    printTool: h,
+    printTool: p,
     fullscreenTool: m
   } = ve(), { localeMessages: v } = se();
-  return W(() => {
-    const w = u || s || l || a || r;
+  return M(() => {
+    const w = u || c || l || a || r;
     let T = !1;
-    return t && (T = !(!n && !o && !h && !m)), w || T;
+    return t && (T = !(!n && !o && !p && !m)), w || T;
   }, [
     n,
     o,
     r,
     a,
-    s,
+    c,
     l,
     u,
     t
@@ -2665,7 +2666,7 @@ const xe = {
             /* @__PURE__ */ i(fn, {}),
             /* @__PURE__ */ i(yt, {})
           ] }),
-          /* @__PURE__ */ i(zi, {}),
+          /* @__PURE__ */ i(Ai, {}),
           /* @__PURE__ */ i(po, {}),
           /* @__PURE__ */ i(vo, {}),
           /* @__PURE__ */ i(ho, {}),
@@ -2686,7 +2687,7 @@ const xe = {
       /* @__PURE__ */ i(Bn, {}),
       /* @__PURE__ */ i(fn, {})
     ] }),
-    /* @__PURE__ */ i(Ai, {})
+    /* @__PURE__ */ i(zi, {})
   ] });
 }, Ee = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2701,24 +2702,24 @@ const xe = {
   const { zoomOutIcon: e } = pe();
   return e || /* @__PURE__ */ i(_o, {});
 }, $i = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: s } = Ge(), { pages: l } = J(), { isSmallScreen: u } = Ce(), { localeMessages: h } = se(), { viewMode: m } = ze(), v = N(() => {
+  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: c } = Ge(), { pages: l } = J(), { isSmallScreen: u } = Ce(), { localeMessages: p } = se(), { viewMode: m } = Ae(), v = N(() => {
     t((d) => {
       const f = Math.floor(d / 25) * 25;
       return Math.min(f + 25, ft);
     });
-  }, [t]), p = N(() => {
+  }, [t]), h = N(() => {
     t((d) => {
       const f = Math.ceil(d / 25) * 25;
       return Math.min(f - 25, ft);
     });
-  }, [t]), w = W(() => e === ki, [e]), T = W(() => e === ft, [e]), y = W(() => {
+  }, [t]), w = M(() => e === ki, [e]), T = M(() => e === ft, [e]), P = M(() => {
     var d;
-    return (d = l.get(a)) == null ? void 0 : d.page.getViewport({ scale: 1, rotation: s });
-  }, [l, a, s]), C = N(
+    return (d = l.get(a)) == null ? void 0 : d.page.getViewport({ scale: 1, rotation: c });
+  }, [l, a, c]), C = N(
     (d) => {
-      const f = ((y == null ? void 0 : y.width) || 0) + 2 * Mt, g = ((y == null ? void 0 : y.height) || 0) + 2 * Mt, c = (o == null ? void 0 : o.clientWidth) || 0, b = (o == null ? void 0 : o.clientHeight) || 0, _ = bo(
+      const f = ((P == null ? void 0 : P.width) || 0) + 2 * Mt, g = ((P == null ? void 0 : P.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, b = (o == null ? void 0 : o.clientHeight) || 0, _ = bo(
         d,
-        c,
+        s,
         b,
         f,
         g,
@@ -2726,20 +2727,20 @@ const xe = {
       );
       t(_);
     },
-    [t, y]
-  ), S = N(
+    [t, P]
+  ), y = N(
     (d) => {
       typeof d == "number" ? t(d) : C(d);
     },
     [t, C]
   );
   return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: e, setZoomLevel: t }) : r ? /* @__PURE__ */ F("div", { className: Ee["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomOutTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
         disabled: w,
-        onClick: p,
-        "aria-label": h == null ? void 0 : h.zoomOutTooltip,
+        onClick: h,
+        "aria-label": p == null ? void 0 : p.zoomOutTooltip,
         children: /* @__PURE__ */ i(Hi, {})
       }
     ) }),
@@ -2747,11 +2748,11 @@ const xe = {
       mn,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomSelectTooltip, children: /* @__PURE__ */ F(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomSelectTooltip, children: /* @__PURE__ */ F(
           re,
           {
             className: Ee["rp-current-zoom-wrapper"],
-            "aria-label": h == null ? void 0 : h.zoomSelectTooltip,
+            "aria-label": p == null ? void 0 : p.zoomSelectTooltip,
             children: [
               /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: e }),
               /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: "%" }),
@@ -2763,24 +2764,24 @@ const xe = {
         align: "center",
         children: /* @__PURE__ */ F("div", { className: Ee["rp-zoom-dropdown-content"], children: [
           /* @__PURE__ */ F(Ke, { children: [
-            /* @__PURE__ */ i(be, { onClick: () => S(at.ACTUAL), children: h == null ? void 0 : h.zoomActualSize }),
-            /* @__PURE__ */ i(be, { onClick: () => S(at.PAGE_FIT), children: h == null ? void 0 : h.zoomPageFit }),
-            /* @__PURE__ */ i(be, { onClick: () => S(at.PAGE_WIDTH), children: h == null ? void 0 : h.zoomPageWidth })
+            /* @__PURE__ */ i(be, { onClick: () => y(at.ACTUAL), children: p == null ? void 0 : p.zoomActualSize }),
+            /* @__PURE__ */ i(be, { onClick: () => y(at.PAGE_FIT), children: p == null ? void 0 : p.zoomPageFit }),
+            /* @__PURE__ */ i(be, { onClick: () => y(at.PAGE_WIDTH), children: p == null ? void 0 : p.zoomPageWidth })
           ] }),
           /* @__PURE__ */ i(yt, {}),
-          /* @__PURE__ */ i(Ke, { children: Wi.map((d) => /* @__PURE__ */ F(be, { onClick: () => S(d), children: [
+          /* @__PURE__ */ i(Ke, { children: Wi.map((d) => /* @__PURE__ */ F(be, { onClick: () => y(d), children: [
             d,
             " %"
           ] }, d)) })
         ] })
       }
     ),
-    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
         disabled: T,
         onClick: v,
-        "aria-label": h == null ? void 0 : h.zoomInTooltip,
+        "aria-label": p == null ? void 0 : p.zoomInTooltip,
         children: /* @__PURE__ */ i(Mi, {})
       }
     ) })
@@ -2813,32 +2814,32 @@ const xe = {
   return e || /* @__PURE__ */ i(Co, {});
 }, Gi = () => {
   const { container: e } = ge(), [t, n] = $(!1), { pdf: o } = J(), [r, a] = $(null), {
-    searchOptions: s,
+    searchOptions: c,
     setSearchOptions: l,
     loading: u,
-    setSearch: h,
+    setSearch: p,
     totalMatches: m,
     currentMatchPosition: v,
-    nextMatch: p,
+    nextMatch: h,
     prevMatch: w,
     search: T
-  } = xt(), { searchTool: y = !0 } = ve(), [C, S] = $(T), { localeMessages: d } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+  } = xt(), { searchTool: P = !0 } = ve(), [C, y] = $(T), { localeMessages: d } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
-  }, []), c = N(() => {
-    h(""), S(""), n(!1);
-  }, [h]), b = (I) => {
-    const O = I.key === "Enter", M = I.key === " ";
-    (O || M) && c();
+  }, []), s = N(() => {
+    p(""), y(""), n(!1);
+  }, [p]), b = (I) => {
+    const O = I.key === "Enter", W = I.key === " ";
+    (O || W) && s();
   }, _ = N(
     (I) => {
-      I.key === "Escape" && t && c();
+      I.key === "Escape" && t && s();
     },
     [t]
-  ), P = N(
+  ), S = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && T !== C ? h(C) : I.key === "Enter" && p();
+      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && T !== C ? p(C) : I.key === "Enter" && h();
     },
-    [C, w, p, h, T]
+    [C, w, h, p, T]
   );
   k(() => (window.addEventListener("keydown", _), () => {
     window.removeEventListener("keydown", _);
@@ -2846,10 +2847,10 @@ const xe = {
     r && r.focus();
   }, [r]);
   const E = N((I) => {
-    S(I.target.value);
+    y(I.target.value);
   }, []), x = N(() => {
-    S(""), h("");
-  }, [h]), R = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: z } = W(() => s, [s]), A = N(
+    y(""), p("");
+  }, [p]), R = M(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: A } = M(() => c, [c]), z = N(
     (I) => {
       l((O) => ({ ...O, matchCase: I }));
     },
@@ -2861,8 +2862,8 @@ const xe = {
     [l]
   );
   return k(() => {
-    c();
-  }, [o, c]), y ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
+    s();
+  }, [o, s]), P ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
     Mr,
     {
       open: t,
@@ -2875,7 +2876,7 @@ const xe = {
               ln,
               {
                 value: C,
-                onKeyDown: P,
+                onKeyDown: S,
                 onChange: E,
                 icon: /* @__PURE__ */ i(an, {}),
                 placeholder: d == null ? void 0 : d.searchInputPlaceholder,
@@ -2885,11 +2886,11 @@ const xe = {
               }
             ) }),
             u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
-            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: b, handleClose: c }) })
+            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: b, handleClose: s }) })
           ] }),
           /* @__PURE__ */ F("div", { className: Y["rp-search-tool-input-checkboxes"], children: [
             f && /* @__PURE__ */ i(on, {}),
-            /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: d == null ? void 0 : d.searchMatchCaseLabel }),
+            /* @__PURE__ */ i($t, { name: "matchCase", value: A, onChange: z, children: d == null ? void 0 : d.searchMatchCaseLabel }),
             !f && /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
             /* @__PURE__ */ i($t, { name: "wholeWord", value: D, onChange: L, children: d == null ? void 0 : d.searchWholeWordsLabel }),
             !f && /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
@@ -2897,7 +2898,7 @@ const xe = {
         ] }),
         !f && /* @__PURE__ */ F("div", { className: Y["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(on, {}),
-          /* @__PURE__ */ i(Ht, { onKeyPress: b, handleClose: c })
+          /* @__PURE__ */ i(Ht, { onKeyPress: b, handleClose: s })
         ] })
       ] })
     }
@@ -2927,9 +2928,9 @@ const xe = {
     /* @__PURE__ */ i("button", { className: ne(Ne["rp-loading-cancel-button"]), onClick: t, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Ui = $e((e, t) => {
-  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Ce(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Ce(), { percentage: a } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: t, className: Fe["rp-toolbar-content"], children: /* @__PURE__ */ F("div", { className: Fe["rp-toolbar-wrapper"], style: s(), children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: t, className: Fe["rp-toolbar-content"], children: /* @__PURE__ */ F("div", { className: Fe["rp-toolbar-wrapper"], style: c(), children: [
       /* @__PURE__ */ F("div", { "data-rp": "topBarLeft", className: Fe["rp-toolbar-start"], children: [
         /* @__PURE__ */ i(Gi, {}),
         /* @__PURE__ */ i(ai, {})
@@ -2951,7 +2952,7 @@ const xe = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Bi = (e) => {
-  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: a } = ie(), s = W(() => o ? ke["rp-thumbnail-active"] : "", [o]), l = W(() => ({
+  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: a } = ie(), c = M(() => o ? ke["rp-thumbnail-active"] : "", [o]), l = M(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), u = N(() => {
@@ -2964,7 +2965,7 @@ const xe = {
       id: `page-${n}`,
       className: ke["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ i("div", { className: ne(s, ke["rp-thumbnail"]), children: t ? /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: ne(c, ke["rp-thumbnail"]), children: t ? /* @__PURE__ */ i(
           "img",
           {
             src: t,
@@ -2994,20 +2995,20 @@ const xe = {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
   e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Zi);
 }, Ki = $e((e, t) => {
-  const { show: n } = e, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: s, thumbnailLength: l, addToPage: u } = Cn(), h = H(null), m = H(1);
-  cn(t, () => h.current);
-  const v = W(() => Object.values(a), [a]), p = N(() => {
+  const { show: n } = e, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: c, thumbnailLength: l, addToPage: u } = Cn(), p = H(null), m = H(1);
+  cn(t, () => p.current);
+  const v = M(() => Object.values(a), [a]), h = N(() => {
     const w = l + 1;
-    w <= r && s(w);
-  }, [s, r, l]);
+    w <= r && c(w);
+  }, [c, r, l]);
   return k(() => {
-    o > l ? u(o) : n && m.current !== o && (ji(h.current, o), m.current = o);
-  }, [o, l, u, n, v]), fr(h.current, p), /* @__PURE__ */ i("div", { ref: h, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, T) => {
-    var y, C;
+    o > l ? u(o) : n && m.current !== o && (ji(p.current, o), m.current = o);
+  }, [o, l, u, n, v]), fr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, T) => {
+    var P, C;
     return /* @__PURE__ */ i(
       Bi,
       {
-        isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
+        isFocused: o === ((P = w.page) == null ? void 0 : P.pageNumber),
         pageNumber: (C = w.page) == null ? void 0 : C.pageNumber,
         thumbnailSrc: w.thumbnailSrc,
         loading: w.loading,
@@ -3020,9 +3021,9 @@ const xe = {
   const { thumbnailIcon: e } = pe();
   return e || /* @__PURE__ */ i(mr, {});
 }, Yi = () => {
-  const { active: e, setActive: t } = Cn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: s } = ve(), { localeMessages: l } = se(), u = N(() => {
+  const { active: e, setActive: t } = Cn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: c } = ve(), { localeMessages: l } = se(), u = N(() => {
     t((m) => !m);
-  }, []), h = W(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: e }) : a ? /* @__PURE__ */ i(K, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), p = M(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: e }) : a ? /* @__PURE__ */ i(K, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ i(
     re,
     {
       onClick: u,
@@ -3031,14 +3032,14 @@ const xe = {
       children: /* @__PURE__ */ i(Xi, {})
     }
   ) }) : null, [a, e, u, l]);
-  return /* @__PURE__ */ i(fe, { children: s && /* @__PURE__ */ F(
+  return /* @__PURE__ */ i(fe, { children: c && /* @__PURE__ */ F(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
       className: gt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: h }),
+        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: p }),
         /* @__PURE__ */ F(
           "div",
           {
@@ -3055,16 +3056,16 @@ const xe = {
     }
   ) });
 }, _e = {
-  "rp-layout": "_rp-layout_gz5nb_1",
-  "rp-content": "_rp-content_gz5nb_5",
-  "rp-pages": "_rp-pages_gz5nb_11",
-  "rp-container": "_rp-container_gz5nb_16",
-  "rp-loader": "_rp-loader_gz5nb_52",
-  "rp-theme-variables": "_rp-theme-variables_gz5nb_56",
-  "rp-dark-mode": "_rp-dark-mode_gz5nb_161"
+  "rp-layout": "_rp-layout_1uujy_1",
+  "rp-content": "_rp-content_1uujy_5",
+  "rp-pages": "_rp-pages_1uujy_11",
+  "rp-container": "_rp-container_1uujy_16",
+  "rp-loader": "_rp-loader_1uujy_52",
+  "rp-theme-variables": "_rp-theme-variables_1uujy_56",
+  "rp-dark-mode": "_rp-dark-mode_1uujy_162"
 }, Ji = $e(
   (e, t) => {
-    const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: s, customDarkVariables: l } = Pr(), { darkMode: u } = rr();
+    const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: c, customDarkVariables: l } = Pr(), { darkMode: u } = rr();
     return /* @__PURE__ */ i(
       "div",
       {
@@ -3077,7 +3078,7 @@ const xe = {
         ),
         style: {
           "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
-          ...s,
+          ...c,
           ...u ? l : {},
           ...r
         },
@@ -3091,18 +3092,18 @@ const xe = {
     slots: o,
     icons: r,
     style: a,
-    className: s,
+    className: c,
     mobileWidth: l,
     onLoaded: u,
-    cleanupOnLoaded: h,
+    cleanupOnLoaded: p,
     onLayoutWidthChange: m
-  } = e, [v, p] = $(null), { setContainer: w, setContentRef: T } = ge(), { loading: y } = J(), { LoaderImageComponent: C } = pn();
+  } = e, [v, h] = $(null), { setContainer: w, setContentRef: T } = ge(), { loading: P } = J(), { LoaderImageComponent: C } = pn();
   return k(() => (u && u(), () => {
-    h && h();
-  }), [u, h]), /* @__PURE__ */ i(Ji, { toolbarRef: v, ref: t, children: /* @__PURE__ */ i(Tr, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: w, style: a, className: s, children: [
+    p && p();
+  }), [u, p]), /* @__PURE__ */ i(Ji, { toolbarRef: v, ref: t, children: /* @__PURE__ */ i(Tr, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: w, style: a, className: c, children: [
     /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ F("div", { className: _e["rp-layout"], children: [
-        /* @__PURE__ */ i(Ui, { ref: p }),
+        /* @__PURE__ */ i(Ui, { ref: h }),
         /* @__PURE__ */ F("div", { className: _e["rp-content"], children: [
           /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Yi, {}) }),
           /* @__PURE__ */ i("div", { ref: T, className: _e["rp-pages"], children: n })
@@ -3110,7 +3111,7 @@ const xe = {
       ] }),
       /* @__PURE__ */ i(Cr, {})
     ] }),
-    y ? /* @__PURE__ */ i(
+    P ? /* @__PURE__ */ i(
       "div",
       {
         className: _e["rp-loader"],
@@ -3153,8 +3154,8 @@ export {
   Yi as J,
   Ji as K,
   Vi as L,
-  zi as M,
-  Ai as O,
+  Ai as M,
+  zi as O,
   Ms as P,
   qs as R,
   Gs as S,
@@ -3176,7 +3177,7 @@ export {
   xo as n,
   Tn as o,
   Eo as p,
-  Ao as q,
+  zo as q,
   It as r,
   Yo as s,
   ti as t,