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

package/dist/{RPDefaultLayout-8ce0fad7.js → RPDefaultLayout-aa575bb0.js}

@@ -75,32 +75,33 @@ import { PropertyItem as so } from "./components/layout/toolbar/PropertyItem.js"
 import { useOtherToolContext as co, OtherToolProvider as lo } from "./contexts/OtherToolContext.js";
 import { DocumentProperties as uo } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as po } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as ho } from "./components/layout/toolbar/ScrollModeTool.js";
+import { ViewModeTool as ho } from "./components/layout/toolbar/ViewModeTool.js";
+import { ScrollModeTool as mo } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as yt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as mo } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as fo } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as be } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as fo } from "./components/icons/PrintDefaultIcon.js";
+import { PrintDefaultTool as go } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as fn } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as gn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as go } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as vo } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as wo } from "./components/icons/ZoomOutIcon.js";
+import { SelectionModeTool as vo } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as wo } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as _o } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as Mt } from "./utils/constants.js";
-import { getZoomLevel as _o } from "./utils/getZoomLevel.js";
-import { SearchIcon as bo } from "./components/icons/SearchIcon.js";
+import { getZoomLevel as bo } from "./utils/getZoomLevel.js";
+import { SearchIcon as Co } from "./components/icons/SearchIcon.js";
 import { c as Y, S as Ht } from "./SearchCloseButton-ddb9877e.js";
 import { UICheckbox as $t } from "./components/ui/Checkbox.js";
-import { ClearIcon as Co } from "./components/icons/ClearIcon.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(), l = H(), { columnCount: s } = dn(), { widths: u, heights: p } = qe(), m = H(t), v = H(e), h = H(s), { targetScrollPage: _ } = un();
+  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();
   k(() => {
-    n != null && n.scrollToItem && (l.current = n);
+    n != null && n.scrollToItem && (s.current = n);
   }, [n]), k(() => {
     m.current = t, v.current = e;
   }, [t, e]);
   const T = N(
-    (C, y) => {
+    (C, S) => {
       if (!r)
         return;
       const d = Math.ceil(C / 2) * 2 - 1;
@@ -119,7 +120,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       };
       return r == null ? void 0 : r.scrollTo({
         ...f,
-        behavior: y
+        behavior: S
       });
     },
     [r, u, st]
@@ -127,24 +128,24 @@ import './assets/RPDefaultLayout.css';const vn = () => {
   return k(() => {
     m.current = t, v.current = e;
   }, [t, e]), k(() => {
-    h.current = s;
-  }, [s]), { scrollToPage: N(
-    (C, y = "smooth") => {
+    p.current = l;
+  }, [l]), { scrollToPage: N(
+    (C, S = "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, y);
+        T(C, S);
         return;
       }
       if (m.current === ee.PAGE_SCROLLING) {
         a(C);
         return;
       }
-      if (!l.current || !o)
+      if (!s.current || !o)
         return;
       const c = o;
-      if (_.current = C, m.current === ee.HORIZONTAL_SCROLLING) {
+      if (w.current = C, m.current === ee.HORIZONTAL_SCROLLING) {
         g = d;
         const P = {
           left: Oe(u, g),
@@ -152,73 +153,73 @@ import './assets/RPDefaultLayout.css';const vn = () => {
         };
         return c.scrollTo({
           ...P,
-          behavior: y
+          behavior: S
         });
       }
       if (v.current === He.DUAL_PAGE) {
         g = d % 2, f = Math.floor(d / 2);
         const P = {
           left: Oe(u, g),
-          top: Oe(p, f)
+          top: Oe(h, f)
         };
         return c.scrollTo({
           ...P,
-          behavior: y
+          behavior: S
         });
       }
       const b = {
         left: 0,
-        top: Oe(p, f)
+        top: Oe(h, f)
       };
       return c.scrollTo({
         ...b,
-        behavior: y
+        behavior: S
       });
     },
     [
       o,
-      s,
+      l,
       T,
       a,
       st,
-      p,
+      h,
       u
     ]
   ) };
-}, To = (e = 1) => {
-  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: a } = vn(), l = H(1), { viewMode: s } = ze(), { scrollMode: u } = De(), { widths: p } = qe(), { pagesRef: m } = ge(), v = Tt(t, 100), h = N(
+}, 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(
     (d) => {
       if (!/^[0-9]*$/g.test(d.toString()) || !d)
-        return { success: !1, currentPage: l.current };
+        return { success: !1, currentPage: s.current };
       const g = +d;
-      return g < 0 || g > o ? { success: !1, currentPage: l.current } : (n(g), l.current = g, { success: !0, currentPage: +d });
+      return g < 0 || g > o ? { success: !1, currentPage: s.current } : (n(g), s.current = g, { success: !0, currentPage: +d });
     },
     [o]
-  ), _ = N(h, [h]), T = N(
+  ), w = N(p, [p]), T = N(
     (d) => {
-      const f = h(d);
+      const f = p(d);
       return f.success && a(f.currentPage), f;
     },
-    [h, a]
-  ), S = N(() => {
+    [p, a]
+  ), y = N(() => {
     let d = t - 1;
     T(d);
-  }, [T, t, s, u]), C = W(() => {
+  }, [T, t, l, u]), C = W(() => {
     if (!m)
       return !1;
     const d = t + 1;
-    return t % 2 === 1 && s === He.DUAL_PAGE && d <= o ? p[t] + p[d] < m.clientWidth : !1;
-  }, [t, p, m, o]), y = N(() => {
+    return t % 2 === 1 && l === He.DUAL_PAGE && d <= o ? h[t] + h[d] < m.clientWidth : !1;
+  }, [t, h, m, o]), S = N(() => {
     let d = t + 1;
     C && (d = t + 2), T(d);
-  }, [T, t, C, s, u]);
+  }, [T, t, C, l, u]);
   return {
     focusedPage: v,
     totalPages: o,
-    setFocusedPage: _,
+    setFocusedPage: w,
     setTotalPages: r,
-    nextPage: y,
-    prevPage: S,
+    nextPage: S,
+    prevPage: y,
     goToPage: T
   };
 }, wn = Ye({
@@ -236,8 +237,8 @@ import './assets/RPDefaultLayout.css';const vn = () => {
 }), ie = () => {
   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;
-}, ks = ({ children: e }) => {
-  const { pdf: t } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: s, prevPage: u } = To();
+}, Ms = ({ children: e }) => {
+  const { pdf: t } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: l, prevPage: u } = Po();
   return k(() => {
     t != null && t.numPages && (a(t.numPages), r(1));
   }, [t, a, r]), /* @__PURE__ */ i(
@@ -248,20 +249,20 @@ import './assets/RPDefaultLayout.css';const vn = () => {
         totalPages: o,
         setFocusedPage: r,
         setTotalPages: a,
-        nextPage: s,
+        nextPage: l,
         prevPage: u,
-        goToPage: l
+        goToPage: s
       },
       children: e
     }
   );
 };
-const Po = () => {
+const So = () => {
   const { pdf: e, pages: t } = J(), [n, o] = $({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [l, s] = $(!1), [u, p] = $(null), m = H(!1);
+  }), [r, a] = $(!1), [s, l] = $(!1), [u, h] = $(null), m = H(!1);
   k(() => {
     m.current;
   }, [m]);
@@ -269,28 +270,28 @@ const Po = () => {
     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();
-  }, []), h = N(() => {
-    m.current = !1, a(!1), s(!1), p(null), o({
+  }, []), p = N(() => {
+    m.current = !1, a(!1), l(!1), h(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), _ = () => {
+  }, []), w = () => {
     m.current = !0;
   }, T = async ({
     scratchCanvas: f,
     pdfDocument: g,
     pageNumber: c,
     viewerPdfPage: b,
-    printResolution: w,
+    printResolution: _,
     optionalContentConfigPromise: P,
     printAnnotationStoragePromise: E
   }) => {
     if (m.current) {
-      h();
+      p();
       return;
     }
-    const x = w / yr.PDF;
+    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();
@@ -299,7 +300,7 @@ const Po = () => {
       E
     ]);
     if (m.current) {
-      h();
+      p();
       return;
     }
     const A = {
@@ -316,7 +317,7 @@ const Po = () => {
     } catch (L) {
       throw L instanceof Ir || console.error(L), L;
     }
-  }, S = N(() => {
+  }, y = N(() => {
     const f = window.print;
     return new Promise((g) => {
       const c = (P) => {
@@ -328,43 +329,43 @@ const Po = () => {
         c(g);
         return;
       }
-      const w = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (c(g), w.disconnect());
+      const _ = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (c(g), _.disconnect());
       });
-      w.observe(document.body, { childList: !0, subtree: !0 });
+      _.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, w) => {
+    return c.classList.add("rp-print-page"), await new Promise((b, _) => {
       f.toBlob((P) => {
         P ? (g.src = URL.createObjectURL(P), g.onload = () => {
           URL.revokeObjectURL(g.src), b();
-        }, g.onerror = w) : w(new Error("Failed to create blob"));
+        }, g.onerror = _) : _(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), c.appendChild(g), c;
-  }, y = (f, g) => {
+  }, S = (f, g) => {
     const c = document.createElement("div");
     c.classList.add("rp-print-zone");
-    const b = document.createElement("style"), w = g.get(1);
-    if (w) {
-      const { width: P, height: E } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
+    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 }`;
     }
     return c.appendChild(b), c.append(...f), c;
   }, d = N(async () => {
     if (!e)
       return;
-    h();
+    p();
     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" }), w = Promise.resolve(
+      const b = e.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
         e.annotationStorage.print ?? void 0
       ), P = t.size;
       for (const [x, R] of t) {
         if (m.current) {
-          h();
+          p();
           return;
         }
         const D = R.page.getViewport({ scale: 1 });
@@ -375,9 +376,9 @@ const Po = () => {
           viewerPdfPage: D,
           printResolution: 150,
           optionalContentConfigPromise: b,
-          printAnnotationStoragePromise: w
+          printAnnotationStoragePromise: _
         }), m.current) {
-          h();
+          p();
           return;
         }
         const z = await C(f);
@@ -390,30 +391,30 @@ const Po = () => {
         });
       }
       if (m.current) {
-        h();
+        p();
         return;
       }
-      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 S();
+      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) {
-      s(!0), c instanceof Error && p(c);
+      l(!0), c instanceof Error && h(c);
     } finally {
       f.height = 0, f.width = 0;
     }
   }, [e, t, m]);
   return k(() => {
     const f = () => {
-      h(), v();
+      p(), v();
     };
     return window.addEventListener("afterprint", f, !0), () => {
       window.removeEventListener("afterprint", f, !0);
     };
-  }, [v, h]), {
+  }, [v, p]), {
     print: d,
-    cancel: _,
+    cancel: w,
     progress: n,
     isComplete: r,
-    isError: l,
+    isError: s,
     error: u
   };
 }, _n = Ye({
@@ -433,78 +434,78 @@ const Po = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), Ws = ({ children: e }) => {
-  const [t, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: s, isComplete: u, isError: p, error: m } = Po(), v = N((C) => {
+}), 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) => {
     C && typeof C == "function" && r(() => C);
-  }, []), h = (C) => {
+  }, []), p = (C) => {
     m && C(m);
-  }, _ = N(
+  }, w = N(
     (C) => {
       n(() => C);
     },
-    [s, t]
+    [l, t]
   );
   k(() => {
     u && o && T();
   }, [u, o]), k(() => {
-    p && h((C) => {
+    h && p((C) => {
       console.error(C);
     });
-  }, [p]), k(() => {
-    s && t && t(s);
-  }, [s, t]);
+  }, [h]), k(() => {
+    l && t && t(l);
+  }, [l, t]);
   const T = () => {
     o && (o(), r(null));
-  }, S = {
+  }, y = {
     print: a,
-    cancel: l,
-    setOnProgress: _,
+    cancel: s,
+    setOnProgress: w,
     setOnComplete: v,
-    setOnError: h,
-    progress: s
+    setOnError: p,
+    progress: l
   };
-  return /* @__PURE__ */ i(_n.Provider, { value: S, children: e });
+  return /* @__PURE__ */ i(_n.Provider, { value: y, children: e });
 }, tt = () => {
   const e = Je(_n);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, So = () => {
+}, yo = () => {
   const [e, t] = $({}), { pages: n } = J(), { rotate: o } = Ge(), r = W(() => Object.keys(e).length, [e]), a = N(
-    (s) => {
-      if (!n.size || s > n.size)
+    (l) => {
+      if (!n.size || l > n.size)
         return;
-      const u = Array.from(n.values()).slice(0, s).map((v) => {
-        const { thumbnailViewport: h, scale: _ } = kt(v.page, o);
+      const u = Array.from(n.values()).slice(0, l).map((v) => {
+        const { thumbnailViewport: p, scale: w } = kt(v.page, o);
         return {
-          scale: _,
+          scale: w,
           page: v.page,
           loading: !0,
-          viewport: h
+          viewport: p
         };
-      }), p = u.reduce((v, h) => (v[h.page.pageNumber] = h, v), {});
-      t(p);
+      }), h = u.reduce((v, p) => (v[p.page.pageNumber] = p, v), {});
+      t(h);
       const m = [];
       for (const v of u) {
-        const h = document.createElement("canvas"), _ = vt(v.page, h, {
+        const p = document.createElement("canvas"), w = vt(v.page, p, {
           scale: v.scale,
           rotate: o
         }).promise.then(() => {
-          const T = h.toDataURL();
+          const T = p.toDataURL();
           return {
             ...v,
             thumbnailSrc: T,
             loading: !1
           };
         });
-        m.push(_);
+        m.push(w);
       }
       Promise.all(m).then((v) => {
-        const h = v.reduce(
-          (_, T) => (_[T.page.pageNumber] = T, _),
+        const p = v.reduce(
+          (w, T) => (w[T.page.pageNumber] = T, w),
           {}
         );
-        t((_) => ({ ..._, ...h }));
+        t((w) => ({ ...w, ...p }));
       }).catch(() => {
       });
     },
@@ -513,39 +514,39 @@ const Po = () => {
   k(() => {
     a(10);
   }, [a]);
-  const l = N(
-    (s) => {
+  const s = N(
+    (l) => {
       if (!n)
         return;
-      const u = n.get(s);
+      const u = n.get(l);
       if (!u)
         return;
       t((m) => ({
         ...m,
-        [s]: {
+        [l]: {
           loading: !0,
           page: u.page,
           viewport: u.thumbnailViewport,
           scale: u.thumbnailScale
         }
       }));
-      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);
+      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);
         return {
-          scale: h,
+          scale: p,
           thumbnailSrc: m,
           page: u.page,
           loading: !1,
           viewport: v
         };
       }).then((m) => {
-        t((v) => ({ ...v, [s]: m }));
+        t((v) => ({ ...v, [l]: m }));
       });
     },
     [n, o]
   );
-  return { thumbnailPages: e, addPage: l, addToPage: a, thumbnailLength: r };
+  return { thumbnailPages: e, addPage: s, addToPage: a, thumbnailLength: r };
 }, bn = Ye({
   thumbnailPages: {},
   addPage: (e) => {
@@ -556,40 +557,40 @@ const Po = () => {
   setActive: (e) => {
   },
   active: !1
-}), Cn = () => Je(bn), Ms = ({
+}), Cn = () => Je(bn), $s = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = So(), [l, s] = $(t);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = yo(), [s, l] = $(t);
   return /* @__PURE__ */ i(
     bn.Provider,
     {
-      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: l, setActive: s },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: l },
       children: e
     }
   );
-}, yo = (e = {}, t = "") => {
-  const [n, o] = $(t), [r, a] = $(!1), { pdf: l, pages: s } = J(), { widths: u, heights: p } = qe(), m = H(!n), { currentZoom: v } = Qe(), [h, _] = $([]), { setFocusedPage: T } = ie(), { columnCount: S } = ze(), { rotate: C } = Ge(), [y, d] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: c } = De(), { pagesRef: b } = ge(), [w, P] = $(null), E = H({}), x = W(() => y === 0 ? null : h[y - 1], [y, h]), R = W(() => h.length, [h]);
+}, 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]);
   k(() => {
-    if (!x || !s)
+    if (!x || !l)
       return;
     const L = g || f;
     if (!L || !b)
       return;
-    const I = s.get(x.page);
+    const I = l.get(x.page);
     if (c === ee.PAGE_SCROLLING && T(x.page), !I)
       return;
     let O = 0, M = 0;
     if (c === ee.VERTICAL_SCROLLING) {
-      const ae = x.page - 1, de = S, te = ae % de, Ae = Math.floor(ae / de);
-      O = Oe(p, Ae), M = Oe(u, te);
+      const ae = x.page - 1, de = y, te = ae % de, Ae = Math.floor(ae / de);
+      O = Oe(h, Ae), M = Oe(u, te);
     }
     c === ee.HORIZONTAL_SCROLLING && (M = u.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
     const G = {
       top: b.clientHeight / 2,
       left: b.clientWidth / 2
     }, Z = {
-      height: p[x.page - 1],
+      height: h[x.page - 1],
       width: u[x.page - 1]
     }, { leftInPage: j, topInPage: U } = Br(
       Z,
@@ -605,10 +606,10 @@ const Po = () => {
       ...le
     });
   }, [
-    s,
+    l,
     T,
     u,
-    p,
+    h,
     x,
     c,
     g,
@@ -633,10 +634,10 @@ const Po = () => {
   }, []);
   return k(() => {
     if (!n) {
-      m.current = !0, _([]), d(0);
+      m.current = !0, w([]), d(0);
       return;
     }
-    m.current = !1, a(!0), _([]), d(0), A(l).then((L) => {
+    m.current = !1, a(!0), w([]), d(0), A(s).then((L) => {
       E.current = L;
       const O = Object.keys(L).reduce((M, G) => {
         const Z = cr(
@@ -647,21 +648,21 @@ const Po = () => {
         ).map((j, U) => ({ ...j, page: Number(G), pageMatchIdx: U }));
         return [...M, ...Z];
       }, []);
-      _(O), d(O.length ? 1 : 0);
+      w(O), d(O.length ? 1 : 0);
     }).catch(() => {
-      _([]), d(0);
+      w([]), d(0);
     }).finally(() => a(!1));
-  }, [n, A, l, e]), {
+  }, [n, A, s, e]), {
     search: n,
     setSearch: o,
     loading: r,
-    matches: h,
+    matches: p,
     totalMatches: R,
-    currentMatchPosition: y,
+    currentMatchPosition: S,
     currentMatch: x,
     nextMatch: D,
     prevMatch: z,
-    currentMatchElement: w,
+    currentMatchElement: _,
     setCurrentMatchElement: P
   };
 }, Tn = Ye({
@@ -682,23 +683,23 @@ const Po = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Hs = ({
+}), Gs = ({
   children: e,
   initialSearch: t
 }) => {
   const [n, o] = $({}), {
     loading: r,
     setSearch: a,
-    totalMatches: l,
-    currentMatchPosition: s,
+    totalMatches: s,
+    currentMatchPosition: l,
     currentMatch: u,
-    search: p,
+    search: h,
     matches: m,
     nextMatch: v,
-    prevMatch: h,
-    currentMatchElement: _,
+    prevMatch: p,
+    currentMatchElement: w,
     setCurrentMatchElement: T
-  } = yo(n, t);
+  } = xo(n, t);
   return /* @__PURE__ */ i(
     Tn.Provider,
     {
@@ -707,14 +708,14 @@ const Po = () => {
         setSearchOptions: o,
         loading: r,
         setSearch: a,
-        totalMatches: l,
-        currentMatchPosition: s,
+        totalMatches: s,
+        currentMatchPosition: l,
         currentMatch: u,
         nextMatch: v,
-        prevMatch: h,
-        search: p,
+        prevMatch: p,
+        search: h,
         matches: m,
-        currentMatchElement: _,
+        currentMatchElement: w,
         setCurrentMatchElement: T
       },
       children: e
@@ -733,21 +734,21 @@ const Po = () => {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, xo = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = H(null), { pages: a } = J(), { rotate: l } = Ge(), s = H(), { currentZoom: u } = Qe();
+}, Io = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = H(null), { pages: a } = J(), { rotate: s } = Ge(), l = H(), { currentZoom: u } = Qe();
   return k(() => {
     if (!a || u === 0)
       return;
-    const p = a.get(t);
-    if (r.current && p) {
+    const h = a.get(t);
+    if (r.current && h) {
       const m = r.current;
       m.hidden = !0;
-      const v = s.current;
-      v && v.cancel(), o && o(), s.current = vt(p.page, m, {
+      const v = l.current;
+      v && v.cancel(), o && o(), l.current = vt(h.page, m, {
         scale: u,
-        rotate: l,
+        rotate: s,
         renderForms: !0
-      }), s.current.promise.then(() => {
+      }), l.current.promise.then(() => {
         m.hidden = !1;
       }).catch(() => {
       }).finally(() => {
@@ -756,60 +757,60 @@ const Po = () => {
     }
     return () => {
       var m;
-      (m = s.current) == null || m.cancel();
+      (m = l.current) == null || m.cancel();
     };
-  }, [a, t, l, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${t}-canvas`, ref: r });
-}, Io = "_selecting_1x8te_9", Ro = "_endOfContent_1x8te_24", he = {
+  }, [a, t, s, 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: Io,
-  endOfContent: Ro,
+  selecting: Ro,
+  endOfContent: Lo,
   "rp-text-layer-text": "_rp-text-layer-text_1x8te_38"
-}, Lo = (e) => {
-  const { pageNumber: t } = e, { pages: n } = J(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [s, u] = $(
+}, Eo = (e) => {
+  const { pageNumber: t } = e, { pages: n } = J(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = xt(), [l, u] = $(
     []
-  ), p = H(), m = H(), v = H(), h = W(() => r.filter((f) => f.pageIndex === t - 1), [r, t]), _ = N(
+  ), 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), !h.length) {
+      if (c && lr(f, g), !p.length) {
         v.current = void 0, u([]);
         return;
       }
-      const b = dr(h, f, g);
+      const b = dr(p, f, g);
       u(b);
     },
-    [h]
-  ), T = H(), S = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+    [p]
+  ), T = H(), y = 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 = () => {
-      C().forEach((w) => {
-        const P = w.querySelector(".endOfContent");
-        P && (w.appendChild(P), P.style.width = "", P.style.height = "", w.classList.remove(he.selecting));
+      C().forEach((_) => {
+        const P = _.querySelector(".endOfContent");
+        P && (_.appendChild(P), P.style.width = "", P.style.height = "", _.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        S.current = !0;
+        y.current = !0;
       },
       { signal: g }
     ), document.addEventListener(
       "pointerup",
       () => {
-        S.current = !1, c();
+        y.current = !1, c();
       },
       { signal: g }
     ), window.addEventListener(
       "blur",
       () => {
-        S.current = !1, c();
+        y.current = !1, c();
       },
       { signal: g }
     ), document.addEventListener(
       "keyup",
       () => {
-        S.current || c();
+        y.current || c();
       },
       { signal: g }
     );
@@ -818,16 +819,16 @@ const Po = () => {
       "selectionchange",
       () => {
         var A, L;
-        const w = document.getSelection();
-        if (!w)
+        const _ = document.getSelection();
+        if (!_)
           return;
-        if (w.rangeCount === 0) {
+        if (_.rangeCount === 0) {
           c();
           return;
         }
         const P = /* @__PURE__ */ new Set();
-        for (let I = 0; I < w.rangeCount; I++) {
-          const O = w.getRangeAt(I);
+        for (let I = 0; I < _.rangeCount; I++) {
+          const O = _.getRangeAt(I);
           C().forEach((M) => {
             O.intersectsNode(M) && !P.has(M) && P.add(M);
           });
@@ -840,7 +841,7 @@ const Po = () => {
             O && (I.appendChild(O), O.style.width = "", O.style.height = "", I.classList.remove(he.selecting));
           }
         });
-        const E = w.getRangeAt(0);
+        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(
@@ -854,106 +855,106 @@ const Po = () => {
     var g;
     (g = T.current) == null || g.abort(), T.current = void 0;
   }), [C]);
-  const y = N(() => {
+  const S = 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"), !s.length || !a || a.pageIndex !== t - 1)
+    if ((c = v.current) == null || c.classList.remove("selected"), !l.length || !a || a.pageIndex !== t - 1)
       return;
-    const f = h.findIndex(
+    const f = p.findIndex(
       (b) => JSON.stringify(b) === JSON.stringify(a)
     );
     if (f === -1)
       return;
-    const g = s.find((b) => b.index === f);
-    g && (v.current = g.element, l(g.element), g.element.classList.add("selected"));
-  }, [a, s, h]), k(() => {
+    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(() => {
     const f = n.get(t);
     if (!f || !o.current)
       return;
     const g = o.current;
-    return p.current && p.current.cancel(), f.page.getTextContent().then((c) => {
+    return h.current && h.current.cancel(), f.page.getTextContent().then((c) => {
       const b = f.page.getViewport({ scale: 1 });
-      return p.current = new Sr.TextLayer({
+      return h.current = new Sr.TextLayer({
         viewport: b,
         textContentSource: c,
         container: g
-      }), m.current = c, g && (g.innerText = ""), p.current.render();
+      }), m.current = c, g && (g.innerText = ""), h.current.render();
     }).then(() => {
       var P, 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 = p.current) == null ? void 0 : P.textDivs;
-      b && m.current && _(m.current, b);
-      const w = document.createElement("div");
-      w.className = "endOfContent", (E = o.current) == null || E.appendChild(w);
+      const b = (P = h.current) == null ? void 0 : P.textDivs;
+      b && m.current && w(m.current, b);
+      const _ = document.createElement("div");
+      _.className = "endOfContent", (E = o.current) == null || E.appendChild(_);
     }).catch(() => {
     }), () => {
       var c;
-      (c = p.current) == null || c.cancel();
+      (c = h.current) == null || c.cancel();
     };
   }, [n, t]), k(() => {
     var c;
     [].slice.call(o.current.children).forEach((b) => {
       b.classList.add(he["rp-text-layer-text"]);
     });
-    const g = (c = p.current) == null ? void 0 : c.textDivs;
-    g && m.current && _(m.current, g, !0);
-  }, [_]), /* @__PURE__ */ i(
+    const g = (c = h.current) == null ? void 0 : c.textDivs;
+    g && m.current && w(m.current, g, !0);
+  }, [w]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-textLayer`,
       className: he["rp-text-layer"],
       ref: o,
-      onMouseDown: y,
+      onMouseDown: S,
       onMouseUp: d
     }
   );
-}, Eo = {
+}, No = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 };
-let No = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const Oo = (e) => {
-  const { pageNumber: t } = e, n = H(null), { pages: o, pdf: r } = J(), a = H(), [l, s] = $(), { setFocusedPage: u, goToPage: p } = ie(), { scrollMode: m } = De(), { print: v } = tt(), { download: h } = Hn(), _ = W(() => o.get(t), [o, t]), T = W(() => _ == null ? void 0 : _.page.getViewport(), [_]);
+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]);
   k(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), k(() => {
-    _ && _.page.getAnnotations().then((C) => {
-      a.current = void 0, s(C), n.current && (n.current.innerText = "");
+    w && w.page.getAnnotations().then((C) => {
+      a.current = void 0, l(C), n.current && (n.current.innerText = "");
     });
-  }, [_]);
-  const S = N(
+  }, [w]);
+  const y = N(
     (C) => {
-      !l || !r || (Er(C), Nr(C, r, l).then((y) => {
+      !s || !r || (Er(C), Nr(C, r, s).then((S) => {
         var d, f;
-        ((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 ? At(C, l, r, (y) => u(y.pageIndex + 1)) : At(C, l, r, (y) => p(y.pageIndex + 1)));
+        ((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)));
     },
-    [r, l, p, u, m, v, h]
+    [r, s, h, u, m, v, p]
   );
   return k(() => {
-    if (!_ || !l)
+    if (!w || !s)
       return;
-    const C = _.page.getViewport();
+    const C = w.page.getViewport();
     if (a.current) {
       a.current.update({
         viewport: C.clone({ dontFlip: !0 })
       });
       return;
     }
-    const y = /* @__PURE__ */ new Map([]);
-    for (const g of l) {
+    const S = /* @__PURE__ */ new Map([]);
+    for (const g of s) {
       const { annotationType: c } = g;
       switch (c) {
         case zt.Link:
           Dr(g);
           break;
         case zt.Widget:
-          Or(g, C, y);
+          Or(g, C, S);
           break;
       }
     }
@@ -966,66 +967,66 @@ const Oo = (e) => {
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: _.page,
+        page: w.page,
         viewport: C.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, S);
+      }), n.current && Ft(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), c = await (r == null ? void 0 : r.getFieldObjects());
       if (d.signal.aborted)
         throw "abort";
       return (b = a.current) == null ? void 0 : b.render({
-        annotations: l,
+        annotations: s,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: c,
         div: n.current,
         viewport: C.clone({ dontFlip: !0 }),
-        page: _.page,
-        imageResourcesPath: No,
+        page: w.page,
+        imageResourcesPath: Oo,
         renderForms: !0,
         linkService: new Lr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && zr(n.current, S);
+      n.current && zr(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      d.abort("clear"), n.current && Ft(n.current, S);
+      d.abort("clear"), n.current && Ft(n.current, y);
     };
-  }, [r, l, S]), /* @__PURE__ */ i(
+  }, [r, s, y]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
       style: { width: `${T == null ? void 0 : T.width}px`, height: `${T == null ? void 0 : T.height}px` },
-      className: Eo["rp-annotation-layer"],
+      className: No["rp-annotation-layer"],
       ref: n
     }
   );
-}, Do = {
+}, zo = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, zo = ({ pageNumber: e, viewport: t }) => {
-  const [n, o] = $(), { pages: r } = J(), { highlightKeywords: a } = pr(), l = !0, s = H(null), [u, p] = $(null), [m, v] = $([]);
+}, Ao = ({ pageNumber: e, viewport: t }) => {
+  const [n, o] = $(), { pages: r } = J(), { highlightKeywords: a } = pr(), s = !0, l = H(null), [u, h] = $(null), [m, v] = $([]);
   k(() => {
-    s.current && p(s.current.parentElement);
-  }, [s]), k(() => {
+    l.current && h(l.current.parentElement);
+  }, [l]), k(() => {
     (async () => {
       const f = r.get(e);
-      if (!f || !s.current)
+      if (!f || !l.current)
         return;
       const g = await f.page.getTextContent();
       o(g);
     })();
   }, [r, e]);
-  const h = W(() => a ? a.map((d) => {
+  const p = W(() => 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),
       color: d.highlightColor
     };
   }) : [], [a]);
-  function _(d, f) {
+  function w(d, f) {
     if (!d)
       return;
     const g = `[data-rp="page-${f}-textLayer"]`;
@@ -1050,23 +1051,23 @@ const Oo = (e) => {
         f(Array.from(g));
         return;
       }
-      new MutationObserver((b, w) => {
+      new MutationObserver((b, _) => {
         const P = d.querySelectorAll(
           ".vpv-text-layer-text"
         );
-        P.length && (f(Array.from(P)), w.disconnect());
+        P.length && (f(Array.from(P)), _.disconnect());
       }).observe(d, { childList: !0, subtree: !0 });
     });
   }
-  const S = (d, f, g, c) => {
+  const y = (d, f, g, c) => {
     var Z;
-    const b = document.createRange(), w = g.firstChild;
-    if (!w || w.nodeType !== Node.TEXT_NODE)
+    const b = document.createRange(), _ = g.firstChild;
+    if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const P = ((Z = w.textContent) == null ? void 0 : Z.length) ?? 0, E = c[0].charIdxInSpan, x = c.length === 1 ? E : c[c.length - 1].charIdxInSpan;
+    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)
       return null;
-    b.setStart(w, E), b.setEnd(w, x + 1);
+    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;
@@ -1081,7 +1082,7 @@ const Oo = (e) => {
     };
   };
   async function C(d, f) {
-    const g = await _(u, d);
+    const g = await w(u, d);
     if (!g)
       return;
     const c = await T(g);
@@ -1101,16 +1102,16 @@ const Oo = (e) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), w = y(g, f, c, b);
-      v(w);
+      ).slice(1), _ = S(g, f, c, b);
+      v(_);
     }
   }
-  const y = (d, f, g, c) => {
+  const S = (d, f, g, c) => {
     const b = f.length;
     if (!c.length || !b)
       return [];
-    const w = [], P = c.map((E) => E.char).join("");
-    return h.forEach((E) => {
+    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())
         return;
@@ -1135,7 +1136,7 @@ const Oo = (e) => {
         );
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const U = j, Q = g[U[0].spanIdx], X = S(
+            const U = j, Q = g[U[0].spanIdx], X = y(
               d,
               A,
               Q,
@@ -1143,13 +1144,13 @@ const Oo = (e) => {
             );
             if (X) {
               const { left: le, top: ae } = X;
-              if (w.find((te) => te.left === le && te.top === ae))
+              if (_.find((te) => te.left === le && te.top === ae))
                 continue;
-              w.push({ ...X, highlightColor: G.color });
+              _.push({ ...X, highlightColor: G.color });
             }
           }
       }
-    }), w.sort(Fr), w;
+    }), _.sort(Fr), _;
   };
   return k(() => {
     (async () => {
@@ -1160,10 +1161,10 @@ const Oo = (e) => {
           console.error(f);
         }
     })();
-  }, [l, a, e, n, t]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: s, "data-rp": `page-${e}-textHighlightLayer`, children: m.map((d, f) => /* @__PURE__ */ i(
+  }, [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(
     "div",
     {
-      className: Do["rp-text-highlight"],
+      className: zo["rp-text-highlight"],
       style: {
         top: `${d.top}%`,
         left: `${d.left}%`,
@@ -1175,42 +1176,42 @@ const Oo = (e) => {
     f
   )) }) });
 }, It = $e((e, t) => {
-  const { pageNumber: n, style: o, ...r } = e, { pages: a } = J(), { rotate: l } = Ge(), { textLayer: s } = or(), { currentZoom: u } = Qe(), p = H(a.get(n)), [m, v] = $(!1), h = H(null), [_, 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] = $({
     width: 0,
     height: 0
   });
-  cn(t, () => h.current), k(() => {
-    if (a && (p.current = a.get(n), p.current)) {
-      const d = p.current.page.getViewport({ scale: u, rotation: l });
+  cn(t, () => p.current), k(() => {
+    if (a && (h.current = a.get(n), h.current)) {
+      const d = h.current.page.getViewport({ scale: u, rotation: s });
       T(d);
     }
-  }, [a, n, l, u]);
-  const S = W(() => {
-    switch (l) {
+  }, [a, n, s, u]);
+  const y = W(() => {
+    switch (s) {
       case 90:
-        return `${_.width / 2}px ${_.width / 2}px`;
+        return `${w.width / 2}px ${w.width / 2}px`;
       case -90:
       case 270:
-        return `${_.height / 2}px ${_.height / 2}px`;
+        return `${w.height / 2}px ${w.height / 2}px`;
       default:
         return "center";
     }
-  }, [l, _]), C = N(() => {
+  }, [s, w]), C = N(() => {
     v(!0);
-  }, []), y = N(() => {
+  }, []), S = N(() => {
     v(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: h,
+      ref: p,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...r,
       style: {
         ...o,
-        "--rp-rotate": `${l}deg`,
-        "--rp-page-rotate-translate": `${S}`,
+        "--rp-rotate": `${s}deg`,
+        "--rp-page-rotate-translate": `${y}`,
         "--scale-factor": u
       },
       className: lt["rp-page-wrapper"],
@@ -1218,16 +1219,16 @@ const Oo = (e) => {
         "div",
         {
           style: {
-            width: `${_.width}px`,
-            height: `${_.height}px`
+            width: `${w.width}px`,
+            height: `${w.height}px`
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(xo, { onLoading: C, onLoaded: y, pageNumber: n }),
+            /* @__PURE__ */ i(Io, { onLoading: C, onLoaded: S, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
-            s && /* @__PURE__ */ i(Lo, { pageNumber: n }),
-            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: _ }),
-            /* @__PURE__ */ i(Oo, { pageNumber: n })
+            l && /* @__PURE__ */ i(Eo, { pageNumber: n }),
+            /* @__PURE__ */ i(Ao, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(Do, { pageNumber: n })
           ]
         }
       )
@@ -1244,32 +1245,32 @@ function wt(e, t) {
     return n.__proto__ = o, n;
   }, wt(e, t);
 }
-function Ao(e, t) {
+function Fo(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
 var Vt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Fo(e, t) {
+function ko(e, t) {
   return !!(e === t || Vt(e) && Vt(t));
 }
-function ko(e, t) {
+function Wo(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Fo(e[n], t[n]))
+    if (!ko(e[n], t[n]))
       return !1;
   return !0;
 }
 function dt(e, t) {
-  t === void 0 && (t = ko);
+  t === void 0 && (t = Wo);
   var n, o = [], r, a = !1;
-  function l() {
-    for (var s = [], u = 0; u < arguments.length; u++)
-      s[u] = arguments[u];
-    return a && n === this && t(s, o) || (r = e.apply(this, s), a = !0, n = this, o = s), r;
+  function s() {
+    for (var l = [], u = 0; u < arguments.length; u++)
+      l[u] = arguments[u];
+    return a && n === this && t(l, o) || (r = e.apply(this, l), a = !0, n = this, o = l), r;
   }
-  return l;
+  return s;
 }
 function Ut(e, t) {
   if (e == null)
@@ -1283,7 +1284,7 @@ function Ut(e, t) {
     }
   return n;
 }
-var Wo = typeof performance == "object" && typeof performance.now == "function", Bt = Wo ? function() {
+var Mo = typeof performance == "object" && typeof performance.now == "function", Bt = Mo ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1291,7 +1292,7 @@ var Wo = typeof performance == "object" && typeof performance.now == "function",
 function Zt(e) {
   cancelAnimationFrame(e.id);
 }
-function Mo(e, t) {
+function Ho(e, t) {
   var n = Bt();
   function o() {
     Bt() - n >= t ? e.call(null) : r.id = requestAnimationFrame(o);
@@ -1302,7 +1303,7 @@ function Mo(e, t) {
   return r;
 }
 var ut = -1;
-function Ho(e) {
+function $o(e) {
   if (e === void 0 && (e = !1), ut === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), ut = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -1319,20 +1320,20 @@ function jt(e) {
   }
   return Le;
 }
-var $o = 150, Go = function(t) {
+var Go = 150, qo = function(t) {
   var n = t.columnIndex;
   t.data;
   var o = t.rowIndex;
   return o + ":" + n;
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
-function qo(e) {
-  var t, n = e.getColumnOffset, o = e.getColumnStartIndexForOffset, r = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, l = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, u = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, m = e.getRowHeight, v = e.getRowOffset, h = e.getRowStartIndexForOffset, _ = e.getRowStopIndexForStartIndex, T = e.initInstanceProps, S = e.shouldResetStyleCacheOnItemSizeChange, C = e.validateProps;
-  return t = /* @__PURE__ */ function(y) {
-    Ao(d, y);
+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);
     function d(g) {
       var c;
-      return c = y.call(this, g) || this, c._instanceProps = T(c.props, qt(c)), c._resetIsScrollingTimeoutId = null, c._outerRef = void 0, c.state = {
+      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),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1340,10 +1341,10 @@ function qo(e) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = dt(function(b, w, P, E, x, R, D, z) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = dt(function(b, _, P, E, x, R, D, z) {
         return c.props.onItemsRendered({
           overscanColumnStartIndex: b,
-          overscanColumnStopIndex: w,
+          overscanColumnStopIndex: _,
           overscanRowStartIndex: P,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
@@ -1351,34 +1352,34 @@ function qo(e) {
           visibleRowStartIndex: D,
           visibleRowStopIndex: z
         });
-      }), c._callOnScroll = void 0, c._callOnScroll = dt(function(b, w, P, E, x) {
+      }), c._callOnScroll = void 0, c._callOnScroll = dt(function(b, _, P, E, x) {
         return c.props.onScroll({
           horizontalScrollDirection: P,
           scrollLeft: b,
-          scrollTop: w,
+          scrollTop: _,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
-      }), c._getItemStyle = void 0, c._getItemStyle = function(b, w) {
-        var P = c.props, E = P.columnWidth, x = P.direction, R = P.rowHeight, D = c._getItemStyleCache(S && E, S && x, S && R), z = b + ":" + w, A;
+      }), 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];
         else {
-          var L = n(c.props, w, c._instanceProps), I = x === "rtl";
+          var L = n(c.props, _, c._instanceProps), I = x === "rtl";
           D[z] = A = {
             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, w, c._instanceProps)
+            width: a(c.props, _, c._instanceProps)
           };
         }
         return A;
-      }, c._getItemStyleCache = void 0, c._getItemStyleCache = dt(function(b, w, P) {
+      }, c._getItemStyleCache = void 0, c._getItemStyleCache = dt(function(b, _, P) {
         return {};
       }), c._onScroll = function(b) {
-        var w = b.currentTarget, P = w.clientHeight, E = w.clientWidth, x = w.scrollLeft, R = w.scrollTop, D = w.scrollHeight, z = w.scrollWidth;
+        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)
             return null;
@@ -1404,10 +1405,10 @@ function qo(e) {
           };
         }, c._resetIsScrollingDebounced);
       }, c._outerRefSetter = function(b) {
-        var w = c.props.outerRef;
-        c._outerRef = b, typeof w == "function" ? w(b) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = 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 = Mo(c._resetIsScrolling, $o);
+        c._resetIsScrollingTimeoutId !== null && Zt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = Ho(c._resetIsScrolling, Go);
       }, c._resetIsScrolling = function() {
         c._resetIsScrollingTimeoutId = null, c.setState({
           isScrolling: !1
@@ -1417,61 +1418,61 @@ function qo(e) {
       }, c;
     }
     d.getDerivedStateFromProps = function(c, b) {
-      return Vo(c, b), C(c), null;
+      return Uo(c, b), C(c), null;
     };
     var f = d.prototype;
     return f.scrollTo = function(c) {
-      var b = c.scrollLeft, w = c.scrollTop;
-      b !== void 0 && (b = Math.max(0, b)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(P) {
-        return b === void 0 && (b = P.scrollLeft), w === void 0 && (w = P.scrollTop), P.scrollLeft === b && P.scrollTop === w ? null : {
+      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",
           scrollLeft: b,
-          scrollTop: w,
+          scrollTop: _,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: P.scrollTop < w ? "forward" : "backward"
+          verticalScrollDirection: P.scrollTop < _ ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(c) {
-      var b = c.align, w = 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 = Ho();
+      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 = l(this.props, this._instanceProps), Z = s(this.props, this._instanceProps), j = Z > A ? M : 0, U = G > D ? M : 0;
+      var G = s(this.props, this._instanceProps), Z = l(this.props, this._instanceProps), j = Z > A ? M : 0, U = G > D ? M : 0;
       this.scrollTo({
-        scrollLeft: P !== void 0 ? u(this.props, P, w, I, this._instanceProps, U) : I,
-        scrollTop: E !== void 0 ? p(this.props, E, w, O, this._instanceProps, j) : O
+        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
       });
     }, f.componentDidMount = function() {
-      var c = this.props, b = c.initialScrollLeft, w = c.initialScrollTop;
+      var c = this.props, b = c.initialScrollLeft, _ = c.initialScrollTop;
       if (this._outerRef != null) {
         var P = this._outerRef;
-        typeof b == "number" && (P.scrollLeft = b), typeof w == "number" && (P.scrollTop = w);
+        typeof b == "number" && (P.scrollLeft = b), typeof _ == "number" && (P.scrollTop = _);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var c = this.props.direction, b = this.state, w = b.scrollLeft, P = b.scrollTop, E = b.scrollUpdateWasRequested;
+      var c = this.props.direction, b = this.state, _ = b.scrollLeft, P = b.scrollTop, E = b.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var x = this._outerRef;
         if (c === "rtl")
           switch (jt()) {
             case "negative":
-              x.scrollLeft = -w;
+              x.scrollLeft = -_;
               break;
             case "positive-ascending":
-              x.scrollLeft = w;
+              x.scrollLeft = _;
               break;
             default:
               var R = x.clientWidth, D = x.scrollWidth;
-              x.scrollLeft = D - R - w;
+              x.scrollLeft = D - R - _;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, w);
+          x.scrollLeft = Math.max(0, _);
         x.scrollTop = Math.max(0, P);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var c = this.props, b = c.children, w = 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 ? Go : 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 = [];
+      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++)
           for (var we = le; we <= ae; we++)
@@ -1487,9 +1488,9 @@ function qo(e) {
               rowIndex: Te,
               style: this._getItemStyle(Te, we)
             }));
-      var nt = l(this.props, this._instanceProps), rt = s(this.props, this._instanceProps);
+      var nt = s(this.props, this._instanceProps), rt = l(this.props, this._instanceProps);
       return Ue(O || M || "div", {
-        className: w,
+        className: _,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Wr({
@@ -1511,8 +1512,8 @@ function qo(e) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var c = this.props, b = c.columnCount, w = c.onItemsRendered, P = c.onScroll, E = c.rowCount;
-      if (typeof w == "function" && b > 0 && E > 0) {
+      var c = this.props, b = c.columnCount, _ = c.onItemsRendered, P = c.onScroll, E = c.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);
       }
@@ -1521,16 +1522,16 @@ function qo(e) {
         this._callOnScroll(U, Q, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, w = c.overscanColumnCount, P = c.overscanColumnsCount, E = c.overscanCount, x = c.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = w || P || E || 1;
+      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;
       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];
     }, f._getVerticalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, w = 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 || w || 1;
+      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;
       if (b === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = h(this.props, A, this._instanceProps), O = _(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
+      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];
     }, d;
   }(Jn), t.defaultProps = {
@@ -1539,10 +1540,10 @@ function qo(e) {
     useIsScrolling: !1
   }, t;
 }
-var Vo = function(t, n) {
-  var o = t.children, r = t.direction, a = t.height, l = t.innerTagName, s = t.outerTagName, u = t.overscanColumnsCount, p = t.overscanCount, m = t.overscanRowsCount, v = t.width, h = n.instance;
+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;
   if (process.env.NODE_ENV !== "production") {
-    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.")), (l != null || s != 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)
+    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)
       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":
@@ -1557,31 +1558,31 @@ var Vo = 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, l = n.lastMeasuredRowIndex, s = 0;
-  if (l >= o && (l = o - 1), l >= 0) {
-    var u = r[l];
-    s = u.offset + u.size;
+  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];
+    l = u.offset + u.size;
   }
-  var p = o - l - 1, m = p * a;
-  return s + m;
+  var h = o - s - 1, m = h * a;
+  return l + m;
 }, Sn = function(t, n) {
-  var o = t.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, s = 0;
-  if (l >= o && (l = o - 1), l >= 0) {
-    var u = r[l];
-    s = u.offset + u.size;
+  var o = 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];
+    l = u.offset + u.size;
   }
-  var p = o - l - 1, m = p * a;
-  return s + m;
+  var h = o - s - 1, m = h * a;
+  return l + m;
 }, me = function(t, n, o, r) {
-  var a, l, s;
-  if (t === "column" ? (a = r.columnMetadataMap, l = n.columnWidth, s = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = n.rowHeight, s = r.lastMeasuredRowIndex), o > s) {
+  var a, s, l;
+  if (t === "column" ? (a = r.columnMetadataMap, s = n.columnWidth, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, s = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
     var u = 0;
-    if (s >= 0) {
-      var p = a[s];
-      u = p.offset + p.size;
+    if (l >= 0) {
+      var h = a[l];
+      u = h.offset + h.size;
     }
-    for (var m = s + 1; m <= o; m++) {
-      var v = l(m);
+    for (var m = l + 1; m <= o; m++) {
+      var v = s(m);
       a[m] = {
         offset: u,
         size: v
@@ -1591,36 +1592,36 @@ var Vo = function(t, n) {
   }
   return a[o];
 }, Xt = function(t, n, o, r) {
-  var a, l;
-  t === "column" ? (a = o.columnMetadataMap, l = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, l = o.lastMeasuredRowIndex);
-  var s = l > 0 ? a[l].offset : 0;
-  return s >= r ? yn(t, n, o, l, 0, r) : Uo(t, n, o, Math.max(0, l), r);
-}, yn = function(t, n, o, r, a, l) {
+  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) {
   for (; a <= r; ) {
-    var s = a + Math.floor((r - a) / 2), u = me(t, n, s, o).offset;
-    if (u === l)
-      return s;
-    u < l ? a = s + 1 : u > l && (r = s - 1);
+    var l = a + Math.floor((r - a) / 2), u = me(t, n, l, o).offset;
+    if (u === s)
+      return l;
+    u < s ? a = l + 1 : u > s && (r = l - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, Uo = function(t, n, o, r, a) {
-  for (var l = t === "column" ? n.columnCount : n.rowCount, s = 1; r < l && me(t, n, r, o).offset < a; )
-    r += s, s *= 2;
-  return yn(t, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
-}, Yt = function(t, n, o, r, a, l, s) {
-  var u = t === "column" ? n.width : n.height, p = me(t, n, o, l), m = t === "column" ? Sn(n, l) : Pn(n, l), v = Math.max(0, Math.min(m - u, p.offset)), h = Math.max(0, p.offset - u + s + p.size);
-  switch (r === "smart" && (a >= h - u && a <= v + u ? r = "auto" : r = "center"), r) {
+}, 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; )
+    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) {
     case "start":
       return v;
     case "end":
-      return h;
+      return p;
     case "center":
-      return Math.round(h + (v - h) / 2);
+      return Math.round(p + (v - p) / 2);
     case "auto":
     default:
-      return a >= h && a <= v ? a : h > v || a < h ? h : v;
+      return a >= p && a <= v ? a : p > v || a < p ? p : v;
   }
-}, Bo = /* @__PURE__ */ qo({
+}, Zo = /* @__PURE__ */ Vo({
   getColumnOffset: function(t, n, o) {
     return me("column", t, n, o).offset;
   },
@@ -1628,8 +1629,8 @@ var Vo = function(t, n) {
     return Xt("column", t, o, n);
   },
   getColumnStopIndexForStartIndex: function(t, n, o, r) {
-    for (var a = t.columnCount, l = t.width, s = me("column", t, n, r), u = o + l, p = s.offset + s.size, m = n; m < a - 1 && p < u; )
-      m++, p += me("column", t, m, r).size;
+    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;
     return m;
   },
   getColumnWidth: function(t, n, o) {
@@ -1637,11 +1638,11 @@ var Vo = function(t, n) {
   },
   getEstimatedTotalHeight: Pn,
   getEstimatedTotalWidth: Sn,
-  getOffsetForColumnAndAlignment: function(t, n, o, r, a, l) {
-    return Yt("column", t, n, o, r, a, l);
+  getOffsetForColumnAndAlignment: function(t, n, o, r, a, s) {
+    return Yt("column", t, n, o, r, a, s);
   },
-  getOffsetForRowAndAlignment: function(t, n, o, r, a, l) {
-    return Yt("row", t, n, o, r, a, l);
+  getOffsetForRowAndAlignment: function(t, n, o, r, a, s) {
+    return Yt("row", t, n, o, r, a, s);
   },
   getRowOffset: function(t, n, o) {
     return me("row", t, n, o).offset;
@@ -1653,12 +1654,12 @@ var Vo = function(t, n) {
     return Xt("row", t, o, n);
   },
   getRowStopIndexForStartIndex: function(t, n, o, r) {
-    for (var a = t.rowCount, l = t.height, s = me("row", t, n, r), u = o + l, p = s.offset + s.size, m = n; m < a - 1 && p < u; )
-      m++, p += me("row", t, m, r).size;
+    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;
     return m;
   },
   initInstanceProps: function(t, n) {
-    var o = t, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, l = {
+    var o = t, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, s = {
       columnMetadataMap: {},
       estimatedColumnWidth: r || Kt,
       estimatedRowHeight: a || Kt,
@@ -1666,20 +1667,20 @@ var Vo = function(t, n) {
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(s, u) {
+    return n.resetAfterColumnIndex = function(l, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        columnIndex: s,
+        columnIndex: l,
         shouldForceUpdate: u
       });
-    }, n.resetAfterRowIndex = function(s, u) {
+    }, n.resetAfterRowIndex = function(l, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        rowIndex: s,
+        rowIndex: l,
         shouldForceUpdate: u
       });
-    }, n.resetAfterIndices = function(s) {
-      var u = s.columnIndex, p = s.rowIndex, m = s.shouldForceUpdate, v = m === void 0 ? !0 : m;
-      typeof u == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, u - 1)), typeof p == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
-    }, l;
+    }, 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;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(t) {
@@ -1702,31 +1703,37 @@ function Jt(e, t) {
       return !0;
   return !1;
 }
-var Zo = ["style"], jo = ["style"];
-function Ko(e, t) {
-  var n = e.style, o = Ut(e, Zo), r = t.style, a = Ut(t, jo);
+var jo = ["style"], Ko = ["style"];
+function Xo(e, t) {
+  var n = e.style, o = Ut(e, jo), r = t.style, a = Ut(t, Ko);
   return !Jt(n, r) && !Jt(o, a);
 }
-const Xo = () => {
-  const { viewMode: e } = ze(), { scrollMode: t } = De(), { setColumnCount: n } = dn(), { virtualScrollableElementRef: o } = et(), r = qe(), a = N(
-    (_) => r.widths[_] || 0,
-    [r.widths]
-  ), l = N(
-    (_) => r.heights[_] || 0,
+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(
+    (w) => {
+      const T = w % l.length;
+      return l[T] || 0;
+    },
+    [l]
+  ), h = N(
+    (w) => r.heights[w] || 0,
     [r.heights]
-  ), s = W(() => r.heights.length, [r.heights]), u = W(() => Math.max(...r.widths), [r.widths]), p = W(() => t === ee.HORIZONTAL_SCROLLING ? s : e === He.DUAL_PAGE ? 2 : 1, [e, t, t, s, o, u]);
+  );
   k(() => {
-    n(p);
-  }, [p, n]);
-  const m = W(() => t === ee.HORIZONTAL_SCROLLING || t === ee.PAGE_SCROLLING ? 1 : Math.round(s / p), [p, s, t]), v = W(() => r.heights.reduce((_, T) => _ + T, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((_, T) => _ + T, 0) / r.heights.length || 0, [r]);
+    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]);
   return {
     rowCount: m,
-    rowHeight: l,
-    columnCount: p,
-    columnWidth: a,
+    rowHeight: h,
+    columnCount: s,
+    columnWidth: u,
     pageDimension: r,
     estimatedRowHeight: v,
-    estimatedColumnWidth: h
+    estimatedColumnWidth: p
   };
 };
 let oe;
@@ -1745,79 +1752,79 @@ ht == null || tn == null ? (_t = pt, bt = function(t) {
   }, Qt);
   return [n, o];
 });
-function Yo(e) {
-  let t, n, o, r, a, l, s;
+function Jo(e) {
+  let t, n, o, r, a, s, l;
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
-    l = function(y) {
-      const d = y.__resizeTriggers__, f = d.firstElementChild, g = d.lastElementChild, c = f.firstElementChild;
+    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(y) {
-      return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
-    }, s = 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)
+    }, 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)
         return;
       const d = this;
-      l(this), this.__resizeRAF__ && _t(this.__resizeRAF__), this.__resizeRAF__ = bt(function() {
+      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, y);
+          c.call(d, S);
         }));
       });
     };
-    let h = !1, _ = "";
+    let p = !1, w = "";
     o = "animationstart";
     const T = "Webkit Moz O ms".split(" ");
-    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
+    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
     {
-      const y = document.createElement("fakeelement");
-      if (y.style.animationName !== void 0 && (h = !0), h === !1) {
+      const S = document.createElement("fakeelement");
+      if (S.style.animationName !== void 0 && (p = !0), p === !1) {
         for (let d = 0; d < T.length; d++)
-          if (y.style[T[d] + "AnimationName"] !== void 0) {
-            C = T[d], _ = "-" + C.toLowerCase() + "-", o = S[d], h = !0;
+          if (S.style[T[d] + "AnimationName"] !== void 0) {
+            C = T[d], w = "-" + C.toLowerCase() + "-", o = y[d], p = !0;
             break;
           }
       }
     }
-    n = "resizeanim", t = "@" + _ + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = _ + "animation: 1ms " + n + "; ";
+    n = "resizeanim", t = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
   }
-  const p = function(h) {
-    if (!h.getElementById("detectElementResize")) {
-      const _ = (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], S = h.createElement("style");
-      S.id = "detectElementResize", S.type = "text/css", e != null && S.setAttribute("nonce", e), S.styleSheet ? S.styleSheet.cssText = _ : S.appendChild(h.createTextNode(_)), T.appendChild(S);
+  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);
     }
   };
   return {
-    addResizeListener: function(h, _) {
+    addResizeListener: function(p, w) {
       if (u)
-        h.attachEvent("onresize", _);
+        p.attachEvent("onresize", w);
       else {
-        if (!h.__resizeTriggers__) {
-          const T = h.ownerDocument, S = oe.getComputedStyle(h);
-          S && S.position === "static" && (h.style.position = "relative"), p(T), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
+        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";
           const C = T.createElement("div");
           C.className = "expand-trigger", C.appendChild(T.createElement("div"));
-          const y = T.createElement("div");
-          y.className = "contract-trigger", h.__resizeTriggers__.appendChild(C), h.__resizeTriggers__.appendChild(y), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", s, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
-            f.animationName === n && l(h);
-          }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
+          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__));
         }
-        h.__resizeListeners__.push(_);
+        p.__resizeListeners__.push(w);
       }
     },
-    removeResizeListener: function(h, _) {
+    removeResizeListener: function(p, w) {
       if (u)
-        h.detachEvent("onresize", _);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(_), 1), !h.__resizeListeners__.length) {
-        h.removeEventListener("scroll", s, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
+        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);
         try {
-          h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
+          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
         } catch {
         }
       }
     }
   };
 }
-class Jo extends Qn {
+class Qo extends Qn {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1832,16 +1839,16 @@ class Jo extends Qn {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - u - p, h = m.width - l - s, _ = this._parentNode.offsetHeight - u - p, T = this._parentNode.offsetWidth - l - s;
-        (!n && (this.state.height !== _ || this.state.scaledHeight !== v) || !o && (this.state.width !== T || this.state.scaledWidth !== h)) && (this.setState({
-          height: _,
+        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({
+          height: w,
           width: T,
           scaledHeight: v,
-          scaledWidth: h
+          scaledWidth: p
         }), typeof r == "function" && r({
-          height: _,
+          height: w,
           scaledHeight: v,
-          scaledWidth: h,
+          scaledWidth: p,
           width: T
         }));
       }
@@ -1858,7 +1865,7 @@ class Jo extends Qn {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Yo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Jo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1871,39 +1878,39 @@ class Jo extends Qn {
       defaultWidth: o,
       disableHeight: r = !1,
       disableWidth: a = !1,
-      doNotBailOutOnEmptyChildren: l = !1,
-      nonce: s,
+      doNotBailOutOnEmptyChildren: s = !1,
+      nonce: l,
       onResize: u,
-      style: p = {},
+      style: h = {},
       tagName: m = "div",
       ...v
     } = this.props, {
-      height: h,
-      scaledHeight: _,
+      height: p,
+      scaledHeight: w,
       scaledWidth: T,
-      width: S
+      width: y
     } = this.state, C = {
       overflow: "visible"
-    }, y = {};
+    }, S = {};
     let d = !1;
-    return r || (h === 0 && (d = !0), C.height = 0, y.height = h, y.scaledHeight = _), a || (S === 0 && (d = !0), C.width = 0, y.width = S, y.scaledWidth = T), l && (d = !1), Ue(m, {
+    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, {
       ref: this._setRef,
       style: {
         ...C,
-        ...p
+        ...h
       },
       ...v
-    }, !d && t(y));
+    }, !d && t(S));
   }
 }
-const Qo = ({ widths: e, heights: t }) => {
+const ei = ({ widths: e, heights: t }) => {
   const { focusedPage: n, totalPages: o } = ie(), r = W(() => {
-    const s = [], u = Math.ceil(n / 2) * 2 - 1;
-    if (s.push(u), u + 1 < o) {
-      const p = u + 1;
-      s.push(p);
+    const l = [], u = Math.ceil(n / 2) * 2 - 1;
+    if (l.push(u), u + 1 < o) {
+      const h = u + 1;
+      l.push(h);
     }
-    return s;
+    return l;
   }, [n, o]), a = W(() => [
     {
       position: "absolute",
@@ -1918,9 +1925,9 @@ const Qo = ({ widths: e, heights: t }) => {
       width: e(n),
       height: t(n)
     }
-  ], [e, t, r]), l = W(() => a.reduce((s, u) => s + Number(u.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: l, position: "relative" }, children: r.map((s, u) => /* @__PURE__ */ i(It, { style: a[u], pageNumber: s }, s)) });
-}, ei = ({ widths: e, heights: t }) => {
+  ], [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)) });
+}, ti = ({ widths: e, heights: t }) => {
   const { focusedPage: n } = ie(), o = W(() => ({
     position: "absolute",
     width: e(n - 1),
@@ -1936,12 +1943,12 @@ const Qo = ({ widths: e, heights: t }) => {
       children: /* @__PURE__ */ i(It, { style: o, pageNumber: n }, n)
     }
   );
-}, ti = (e, t, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = qe(), { setFocusedPage: s } = ie(), [u, p] = $([]), { targetScrollPage: m } = un(), v = Tt(u, 0, 500), h = W(() => a.map((T, S) => {
-    const C = l[S], y = Vr(S + 1, e), d = C * y.columnIndex, f = T * y.rowIndex, g = d + C, c = f + 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;
     return {
-      pageNumber: S + 1,
-      ...y,
+      pageNumber: y + 1,
+      ...S,
       width: C,
       height: T,
       startX: d,
@@ -1949,59 +1956,59 @@ const Qo = ({ widths: e, heights: t }) => {
       endX: g,
       endY: c
     };
-  }), [a, l, e, t]);
+  }), [a, s, e, t]);
   k(() => {
-    var S;
-    v.length > 0 && !m.current && s(v[0].pageNumber);
-    let T = (S = v[0]) == null ? void 0 : S.ratio;
+    var y;
+    v.length > 0 && !m.current && l(v[0].pageNumber);
+    let T = (y = v[0]) == null ? void 0 : y.ratio;
     T && v.filter((C) => Math.round(C.ratio) === Math.round(T)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [v, s]);
-  const _ = N(
+  }, [v, l]);
+  const w = N(
     (T) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const S = T.target, C = {
-          startTop: S.scrollTop,
-          startLeft: S.scrollLeft,
-          endTop: S.scrollTop + S.clientHeight,
-          endLeft: S.scrollLeft + S.clientWidth
-        }, y = h.filter((d) => {
+        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 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, w = c - f, P = b - g, x = +(w * 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, 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);
           return {
             pageNumber: d.pageNumber,
             ratio: x
           };
         }).sort((d, f) => f.ratio - d.ratio);
-        p(y);
+        h(S);
       });
     },
-    [r, h]
+    [r, p]
   );
   k(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", _), () => {
-        n == null || n.removeEventListener("scroll", _);
+      return n == null || n.addEventListener("scroll", w), () => {
+        n == null || n.removeEventListener("scroll", w);
       };
-  }, [n, _]);
-}, ni = er(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
+  }, [n, w]);
+}, ri = er(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
   const r = Ur(t, e, n.columnCount);
   return /* @__PURE__ */ i(It, { style: o, pageNumber: r }, r);
-}, Ko), $s = () => {
+}, Xo), qs = () => {
   const { initialPage: e = 1, initialScrollMode: t, instanceId: n } = ar(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: a } = vn(), {
-    virtualScrollRef: l,
-    getVirtualScrollRef: s,
+    virtualScrollRef: s,
+    getVirtualScrollRef: l,
     getPageScrollElementRef: u,
-    getVirtualScrollableElementRef: p,
+    getVirtualScrollableElementRef: h,
     setTotalInnerDimensions: m,
     virtualScrollableElementRef: v,
-    totalInnerDimensions: h,
-    pageScrollElementRef: _
-  } = et(), T = H(!0), { nextPage: S, prevPage: C, setFocusedPage: y, focusedPage: d } = ie(), { scrollMode: f } = De(), { viewMode: g } = ze(), c = H(null), { loading: b } = J(), { passwordRequired: w } = nr(), { LoaderImageComponent: P } = pn(), E = H(
-    h
+    totalInnerDimensions: p,
+    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
   ), x = H({
     viewMode: g,
     scrollMode: f
@@ -2013,8 +2020,8 @@ const Qo = ({ widths: e, heights: t }) => {
     columnWidth: M,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
-  } = Xo(), j = Tt(h, 100), U = H();
-  ti(O, L, v);
+  } = Yo(), j = Tt(p, 100), U = H();
+  ni(O, L, v);
   const Q = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2027,22 +2034,22 @@ const Qo = ({ widths: e, heights: t }) => {
   }), [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(), S()));
+      !z && V || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
     },
-    [S, C, z, f]
+    [y, C, z, f]
   );
   k(() => (window.addEventListener("keydown", Re), () => {
     window.removeEventListener("keydown", Re);
   }), [Re]), k(() => {
-    if (c.current && (c.current.style.position = "relative"), !!l)
+    if (c.current && (c.current.style.position = "relative"), !!s)
       for (let q = 0; q < L; q++)
         for (let V = 0; V < O; V++)
-          l.resetAfterIndices({
+          s.resetAfterIndices({
             columnIndex: V,
             rowIndex: q,
             shouldForceUpdate: !0
           });
-  }, [L, O, A, l]);
+  }, [L, O, A, s]);
   const Te = N(
     (q, V) => {
       if (!v)
@@ -2074,7 +2081,7 @@ const Qo = ({ 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(() => {
-          l == null || l.scrollTo({
+          s == null || s.scrollTo({
             scrollTop: Xn,
             scrollLeft: Yn
           });
@@ -2084,7 +2091,7 @@ const Qo = ({ widths: e, heights: t }) => {
         width: V.width
       };
     },
-    [l, g, f, a]
+    [s, g, f, a]
   );
   k(() => {
     clearTimeout(D.current);
@@ -2129,32 +2136,32 @@ const Qo = ({ widths: e, heights: t }) => {
   }, [b]), k(() => {
     if (!(j.height === 0 || !T.current)) {
       if (t === ee.PAGE_SCROLLING) {
-        e !== d && _ && y(e), T.current = !1;
+        e !== d && w && S(e), T.current = !1;
         return;
       }
-      a(e, "auto"), y(e), T.current = !1;
+      a(e, "auto"), S(e), T.current = !1;
     }
   }, [
     a,
     t,
-    _,
-    y,
+    w,
+    S,
     j
   ]), /* @__PURE__ */ F(fe, { children: [
-    /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Jo, { 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(
+    /* @__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(
       "div",
       {
         ref: u,
         style: { width: q, height: V },
         className: ne(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
-        children: g === He.DUAL_PAGE ? /* @__PURE__ */ i(Qo, { widths: M, heights: I }) : /* @__PURE__ */ i(ei, { widths: M, heights: I })
+        children: g === He.DUAL_PAGE ? /* @__PURE__ */ i(ei, { widths: M, heights: I }) : /* @__PURE__ */ i(ti, { widths: M, heights: I })
       }
     ) : G ? /* @__PURE__ */ i(
-      Bo,
+      Zo,
       {
-        ref: s,
+        ref: l,
         itemData: Ae,
-        outerRef: p,
+        outerRef: h,
         innerRef: c,
         onScroll: nt,
         columnCount: O,
@@ -2169,7 +2176,7 @@ const Qo = ({ widths: e, heights: t }) => {
           ue["rp-pages"],
           f === ee.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
         ),
-        children: ni
+        children: ri
       }
     ) : b ? null : /* @__PURE__ */ i(
       "div",
@@ -2185,7 +2192,7 @@ const Qo = ({ widths: e, heights: t }) => {
         children: P && /* @__PURE__ */ i(P, {})
       }
     ) }) }) }),
-    w && /* @__PURE__ */ i(qr, {})
+    _ && /* @__PURE__ */ i(qr, {})
   ] });
 }, Fe = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2197,30 +2204,30 @@ const Qo = ({ widths: e, heights: t }) => {
   "rp-paginate": "_rp-paginate_1y9vo_1",
   "rp-page-input": "_rp-page-input_1y9vo_6",
   "rp-total-page": "_rp-total-page_1y9vo_11"
-}, ri = () => {
+}, oi = () => {
   const { prevIcon: e } = pe();
   return e || /* @__PURE__ */ i(Me, {});
-}, oi = () => {
+}, ii = () => {
   const { nextIcon: e } = pe();
   return e || /* @__PURE__ */ i(Me, { style: { transform: "rotate(180deg" } });
-}, ii = () => {
-  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, s] = $(e.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se();
+}, 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();
   k(() => {
-    s(e.toString());
+    l(e.toString());
   }, [e]);
-  const v = N((S) => {
-    const C = S.target.value;
-    s(C);
-  }, []), h = N(async () => {
-    const S = a(l);
-    S.success || s(S.currentPage.toString());
-  }, [a, l, t]), _ = N(() => {
-    s(e.toString());
+  const v = N((y) => {
+    const C = y.target.value;
+    l(C);
+  }, []), p = N(async () => {
+    const y = a(s);
+    y.success || l(y.currentPage.toString());
+  }, [a, s, t]), w = N(() => {
+    l(e.toString());
   }, [e]), T = N(
-    (S) => {
-      S.key === "Enter" && h();
+    (y) => {
+      y.key === "Enter" && p();
     },
-    [h]
+    [p]
   );
   return typeof u != "boolean" ? /* @__PURE__ */ i(
     u,
@@ -2233,22 +2240,22 @@ const Qo = ({ widths: e, heights: t }) => {
       changePage: n
     }
   ) : u ? /* @__PURE__ */ F("div", { className: mt["rp-paginate"], children: [
-    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: r,
         "aria-label": m == null ? void 0 : m.previousPageTooltip,
         "aria-disabled": e === 1,
-        children: /* @__PURE__ */ i(ri, {})
+        children: /* @__PURE__ */ i(oi, {})
       }
     ) }),
     /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
       ln,
       {
         onKeyDown: T,
-        onBlur: _,
+        onBlur: w,
         onChange: v,
-        value: l,
+        value: s,
         className: mt["rp-page-input"]
       }
     ) }),
@@ -2256,49 +2263,49 @@ const Qo = ({ widths: e, heights: t }) => {
       "/",
       t
     ] }),
-    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: o,
         "aria-label": m == null ? void 0 : m.nextPageTooltip,
         "aria-disabled": e === t,
-        children: /* @__PURE__ */ i(oi, {})
+        children: /* @__PURE__ */ i(ii, {})
       }
     ) })
   ] }) : null;
 };
-var Rt = "Dialog", [xn, Gs] = Xr(Rt), [ai, ce] = xn(Rt), In = (e) => {
+var Rt = "Dialog", [xn, Vs] = Xr(Rt), [si, ce] = xn(Rt), In = (e) => {
   const {
     __scopeDialog: t,
     children: n,
     open: o,
     defaultOpen: r,
     onOpenChange: a,
-    modal: l = !0
-  } = e, s = B.useRef(null), u = B.useRef(null), [p = !1, m] = Qr({
+    modal: s = !0
+  } = e, l = B.useRef(null), u = B.useRef(null), [h = !1, m] = Qr({
     prop: o,
     defaultProp: r,
     onChange: a
   });
   return /* @__PURE__ */ i(
-    ai,
+    si,
     {
       scope: t,
-      triggerRef: s,
+      triggerRef: l,
       contentRef: u,
       contentId: ct(),
       titleId: ct(),
       descriptionId: ct(),
-      open: p,
+      open: h,
       onOpenChange: m,
       onOpenToggle: B.useCallback(() => m((v) => !v), [m]),
-      modal: l,
+      modal: s,
       children: n
     }
   );
 };
 In.displayName = Rt;
-var Rn = "DialogTrigger", si = B.forwardRef(
+var Rn = "DialogTrigger", ci = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Rn, n), a = Pt(t, r.triggerRef);
     return /* @__PURE__ */ i(
@@ -2316,22 +2323,22 @@ var Rn = "DialogTrigger", si = B.forwardRef(
     );
   }
 );
-si.displayName = Rn;
-var Lt = "DialogPortal", [ci, Ln] = xn(Lt, {
+ci.displayName = Rn;
+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(ci, { scope: t, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(oo, { asChild: !0, container: r, children: l }) })) });
+  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 }) })) });
 };
 En.displayName = Lt;
 var Xe = "DialogOverlay", Nn = B.forwardRef(
   (e, t) => {
     const n = Ln(Xe, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = ce(Xe, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(St, { present: o || a.open, children: /* @__PURE__ */ i(li, { ...r, ref: t }) }) : null;
+    return a.modal ? /* @__PURE__ */ i(St, { present: o || a.open, children: /* @__PURE__ */ i(di, { ...r, ref: t }) }) : null;
   }
 );
 Nn.displayName = Xe;
-var li = B.forwardRef(
+var di = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Xe, n);
     return (
@@ -2351,11 +2358,11 @@ var li = B.forwardRef(
 ), Ie = "DialogContent", On = B.forwardRef(
   (e, t) => {
     const n = Ln(Ie, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = ce(Ie, e.__scopeDialog);
-    return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(di, { ...r, ref: t }) : /* @__PURE__ */ i(ui, { ...r, ref: t }) });
+    return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ui, { ...r, ref: t }) : /* @__PURE__ */ i(pi, { ...r, ref: t }) });
   }
 );
 On.displayName = Ie;
-var di = B.forwardRef(
+var ui = B.forwardRef(
   (e, t) => {
     const n = ce(Ie, e.__scopeDialog), o = B.useRef(null), r = Pt(t, n.contentRef, o);
     return B.useEffect(() => {
@@ -2370,12 +2377,12 @@ var di = B.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: We(e.onCloseAutoFocus, (a) => {
-          var l;
-          a.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+          var s;
+          a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
         }),
         onPointerDownOutside: We(e.onPointerDownOutside, (a) => {
-          const l = a.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
-          (l.button === 2 || s) && a.preventDefault();
+          const s = a.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || l) && a.preventDefault();
         }),
         onFocusOutside: We(
           e.onFocusOutside,
@@ -2384,7 +2391,7 @@ var di = B.forwardRef(
       }
     );
   }
-), ui = B.forwardRef(
+), pi = B.forwardRef(
   (e, t) => {
     const n = ce(Ie, e.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
     return /* @__PURE__ */ i(
@@ -2395,21 +2402,21 @@ var di = B.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (a) => {
-          var l, s;
-          (l = e.onCloseAutoFocus) == null || l.call(e, a), a.defaultPrevented || (o.current || (s = n.triggerRef.current) == null || s.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+          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;
         },
         onInteractOutside: (a) => {
-          var u, p;
+          var u, h;
           (u = e.onInteractOutside) == null || u.call(e, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const l = a.target;
-          ((p = n.triggerRef.current) == null ? void 0 : p.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          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();
         }
       }
     );
   }
 ), Dn = B.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = e, s = ce(Ie, n), u = B.useRef(null), p = Pt(t, u);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = e, l = ce(Ie, n), u = B.useRef(null), h = Pt(t, u);
     return no(), /* @__PURE__ */ F(fe, { children: [
       /* @__PURE__ */ i(
         ro,
@@ -2423,20 +2430,20 @@ var di = B.forwardRef(
             eo,
             {
               role: "dialog",
-              id: s.contentId,
-              "aria-describedby": s.descriptionId,
-              "aria-labelledby": s.titleId,
-              "data-state": Nt(s.open),
-              ...l,
-              ref: p,
-              onDismiss: () => s.onOpenChange(!1)
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": Nt(l.open),
+              ...s,
+              ref: h,
+              onDismiss: () => l.onOpenChange(!1)
             }
           )
         }
       ),
       /* @__PURE__ */ F(fe, { children: [
-        /* @__PURE__ */ i(hi, { titleId: s.titleId }),
-        /* @__PURE__ */ i(fi, { contentRef: u, descriptionId: s.descriptionId })
+        /* @__PURE__ */ i(mi, { titleId: l.titleId }),
+        /* @__PURE__ */ i(gi, { contentRef: u, descriptionId: l.descriptionId })
       ] })
     ] });
   }
@@ -2447,13 +2454,13 @@ var di = B.forwardRef(
   }
 );
 zn.displayName = Et;
-var An = "DialogDescription", pi = B.forwardRef(
+var An = "DialogDescription", hi = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(An, n);
     return /* @__PURE__ */ i(Ve.p, { id: r.descriptionId, ...o, ref: t });
   }
 );
-pi.displayName = An;
+hi.displayName = An;
 var Fn = "DialogClose", kn = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Fn, n);
@@ -2472,11 +2479,11 @@ kn.displayName = Fn;
 function Nt(e) {
   return e ? "open" : "closed";
 }
-var Wn = "DialogTitleWarning", [qs, Mn] = Jr(Wn, {
+var Wn = "DialogTitleWarning", [Us, Mn] = Jr(Wn, {
   contentName: Ie,
   titleName: Et,
   docsSlug: "dialog"
-}), hi = ({ titleId: e }) => {
+}), mi = ({ titleId: e }) => {
   const t = Mn(Wn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -2485,14 +2492,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return B.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, mi = "DialogDescriptionWarning", fi = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(mi).contentName}}.`;
+}, fi = "DialogDescriptionWarning", gi = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(fi).contentName}}.`;
   return B.useEffect(() => {
     var a;
     const r = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, gi = In, vi = En, wi = Nn, _i = On, bi = zn, Ci = kn;
+}, vi = In, wi = En, _i = Nn, bi = On, Ci = zn, Ti = kn;
 const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2501,33 +2508,33 @@ const xe = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Ti = () => {
+}, Pi = () => {
   const { pdfProperties: e } = J(), { container: t } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = co(), { localeMessages: r } = se(), a = W(() => {
     if (!e)
       return [];
     const {
-      fileSize: l,
-      filename: s,
+      fileSize: s,
+      filename: l,
       title: u,
-      author: p,
+      author: h,
       subject: m,
       createdOn: v,
-      creator: h,
-      keywords: _,
+      creator: p,
+      keywords: w,
       modifiedOn: T,
-      pdfProducer: S,
+      pdfProducer: y,
       pdfVersion: C,
-      pageCount: y
+      pageCount: S
     } = e;
     return [
-      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: s },
-      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: l },
+      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: l },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: s },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
-      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: p },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: h },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: _ },
-      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
         value: v ? Wt(v) : ""
@@ -2537,54 +2544,54 @@ const xe = {
         value: T ? Wt(T) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
       { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
-      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: y }
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
   }, [e, r]);
-  return /* @__PURE__ */ i(gi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(vi, { container: t, children: /* @__PURE__ */ F("div", { className: xe["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(wi, { className: xe["rp-dialog-overlay"] }),
-    /* @__PURE__ */ F(_i, { className: xe["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(bi, { className: xe["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: xe["rp-document-properties"], children: a.map((l, s) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ i(so, { label: l.label, value: l.value }) }, s)) }),
-      /* @__PURE__ */ i(Ci, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ i(ao, {}) })
+  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(Ti, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ i(ao, {}) })
     ] })
   ] }) }) });
-}, Pi = {
+}, Si = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, nn = ".pdf", Si = (e) => URL.createObjectURL(e), yi = async (e) => {
+}, nn = ".pdf", yi = (e) => URL.createObjectURL(e), xi = async (e) => {
   const n = await (await fetch(e)).blob();
-  return Si(n);
+  return yi(n);
 }, Hn = () => {
   const { filename: e, pdfSrc: t } = J(), { downloadFilename: n } = hr(), o = (a) => {
-    const l = n || a;
-    return l.endsWith(nn) ? l : `${l}${nn}`;
+    const s = n || a;
+    return s.endsWith(nn) ? s : `${s}${nn}`;
   };
   return { download: N(async () => {
     if (!e || !t)
       throw new Error("There is no PDF source to download");
     const a = document.createElement("a");
-    a.href = await yi(t), a.download = o(e), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+    a.href = await xi(t), a.download = o(e), document.body.appendChild(a), a.click(), document.body.removeChild(a);
   }, [e, t]) };
 }, $n = () => {
   const { downloadIcon: e } = pe();
-  return e || /* @__PURE__ */ i(mo, {});
-}, Gn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(K, { className: t, content: n == null ? void 0 : n.downloadFileTooltip, children: e }), xi = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(Gn, { localeMessages: t, children: /* @__PURE__ */ i(re, { onClick: e, "aria-label": t == null ? void 0 : t.downloadFileTooltip, children: /* @__PURE__ */ i($n, {}) }) }), Ii = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ F(Gn, { className: "rp-menu-item", localeMessages: t, children: [
+  return e || /* @__PURE__ */ i(fo, {});
+}, Gn = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(K, { className: t, content: n == null ? void 0 : n.downloadFileTooltip, children: e }), Ii = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(Gn, { localeMessages: t, children: /* @__PURE__ */ i(re, { onClick: e, "aria-label": t == null ? void 0 : t.downloadFileTooltip, children: /* @__PURE__ */ i($n, {}) }) }), Ri = ({ download: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ F(Gn, { className: "rp-menu-item", localeMessages: t, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i($n, {}) }),
   t == null ? void 0 : t.downloadFileLabel
 ] }) }), qn = () => {
   const { download: e } = Hn(), { downloadTool: t = !0 } = ve(), { isSmallScreen: n } = Ce(), { localeMessages: o } = se();
-  return t ? n ? /* @__PURE__ */ i(Ii, { download: e, localeMessages: o }) : typeof t == "function" ? /* @__PURE__ */ i(t, { download: e }) : t ? /* @__PURE__ */ i(xi, { download: e, localeMessages: o }) : null : null;
+  return t ? n ? /* @__PURE__ */ i(Ri, { download: e, localeMessages: o }) : typeof t == "function" ? /* @__PURE__ */ i(t, { download: e }) : t ? /* @__PURE__ */ i(Ii, { download: e, localeMessages: o }) : null : null;
 }, Vn = () => {
   const { printIcon: e } = pe();
-  return e || /* @__PURE__ */ i(fo, {});
-}, Un = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(K, { className: t, content: n == null ? void 0 : n.printTooltip, children: e }), Ri = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(Un, { localeMessages: t, children: /* @__PURE__ */ i(re, { onClick: e, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ i(Vn, {}) }) }), Li = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ F(Un, { className: "rp-menu-item", localeMessages: t, children: [
+  return e || /* @__PURE__ */ i(go, {});
+}, Un = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ i(K, { className: t, content: n == null ? void 0 : n.printTooltip, children: e }), Li = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(Un, { localeMessages: t, children: /* @__PURE__ */ i(re, { onClick: e, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ i(Vn, {}) }) }), Ei = ({ print: e, localeMessages: t }) => /* @__PURE__ */ i(be, { onClick: e, children: /* @__PURE__ */ F(Un, { className: "rp-menu-item", localeMessages: t, children: [
   /* @__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: l = !0 } = ve(), { isSmallScreen: s } = Ce(), { localeMessages: u } = se();
-  return l ? s ? /* @__PURE__ */ i(Li, { print: e, localeMessages: u }) : typeof l == "function" ? /* @__PURE__ */ i(
-    l,
+  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,
     {
       print: e,
       cancel: t,
@@ -2593,55 +2600,55 @@ const xe = {
       setOnComplete: o,
       progress: a
     }
-  ) : l ? /* @__PURE__ */ i(Ri, { print: e, localeMessages: u }) : null : null;
-}, Ei = {
+  ) : s ? /* @__PURE__ */ i(Li, { print: e, localeMessages: u }) : null : null;
+}, Ni = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Ni = () => {
-  const { goToFirstPageIcon: e } = pe();
-  return e || /* @__PURE__ */ i(gn, { className: Ei["rp-go-to-Top"] });
 }, Oi = () => {
+  const { goToFirstPageIcon: e } = pe();
+  return e || /* @__PURE__ */ i(gn, { className: Ni["rp-go-to-Top"] });
+}, Di = () => {
   const { goToLastPageIcon: e } = pe();
   return e || /* @__PURE__ */ i(gn, {});
-}, rn = { width: "100%" }, Di = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = W(() => n === 1, [n]), l = W(() => n === t, [n, t]), s = N(() => {
+}, 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(() => {
     e(1);
   }, [e]), u = N(() => {
     e(t);
   }, [e, t]);
   return o ? /* @__PURE__ */ F(Ke, { children: [
-    /* @__PURE__ */ i(be, { onClick: s, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ F("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Ni, {}) }),
+    /* @__PURE__ */ i(be, { onClick: l, children: /* @__PURE__ */ i(K, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ F("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+      /* @__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": l, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Oi, {}) }),
+    /* @__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("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Di, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(yt, {})
   ] }) : null;
-}, zi = () => {
+}, Ai = () => {
   const { container: e } = ge(), { isSmallScreen: t } = Ce(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
     scrollModeTool: a,
-    rotateTool: l,
-    selectionModeTool: s,
+    rotateTool: s,
+    selectionModeTool: l,
     jumpNavigationTool: u,
-    printTool: p,
+    printTool: h,
     fullscreenTool: m
   } = ve(), { localeMessages: v } = se();
   return W(() => {
-    const _ = u || l || s || a || r;
+    const w = u || s || l || a || r;
     let T = !1;
-    return t && (T = !(!n && !o && !p && !m)), _ || T;
+    return t && (T = !(!n && !o && !h && !m)), w || T;
   }, [
     n,
     o,
     r,
     a,
-    l,
     s,
+    l,
     u,
     t
   ]) ? /* @__PURE__ */ F(lo, { children: [
@@ -2650,7 +2657,7 @@ const xe = {
       {
         container: e,
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: v == null ? void 0 : v.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": v == null ? void 0 : v.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
-        children: /* @__PURE__ */ F("div", { className: Pi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+        children: /* @__PURE__ */ F("div", { className: Si["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
           t && /* @__PURE__ */ F(Ke, { children: [
             /* @__PURE__ */ i(hn, {}),
             /* @__PURE__ */ i(qn, {}),
@@ -2658,17 +2665,18 @@ const xe = {
             /* @__PURE__ */ i(fn, {}),
             /* @__PURE__ */ i(yt, {})
           ] }),
-          /* @__PURE__ */ i(Di, {}),
+          /* @__PURE__ */ i(zi, {}),
           /* @__PURE__ */ i(po, {}),
-          /* @__PURE__ */ i(go, {}),
+          /* @__PURE__ */ i(vo, {}),
           /* @__PURE__ */ i(ho, {}),
+          /* @__PURE__ */ i(mo, {}),
           /* @__PURE__ */ i(uo, {})
         ] })
       }
     ),
-    /* @__PURE__ */ i(Ti, {})
+    /* @__PURE__ */ i(Pi, {})
   ] }) : null;
-}, Ai = () => {
+}, Fi = () => {
   const { isSmallScreen: e } = Ce();
   return /* @__PURE__ */ F(fe, { children: [
     /* @__PURE__ */ i(jr, {}),
@@ -2678,7 +2686,7 @@ const xe = {
       /* @__PURE__ */ i(Bn, {}),
       /* @__PURE__ */ i(fn, {})
     ] }),
-    /* @__PURE__ */ i(zi, {})
+    /* @__PURE__ */ i(Ai, {})
   ] });
 }, Ee = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2686,29 +2694,29 @@ const xe = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
   "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
-}, Fi = 25, ft = 1e3, ki = [50, 75, 100, 125, 150, 200, 300, 400], Wi = () => {
+}, ki = 25, ft = 1e3, Wi = [50, 75, 100, 125, 150, 200, 300, 400], Mi = () => {
   const { zoomInIcon: e } = pe();
-  return e || /* @__PURE__ */ i(vo, {});
-}, Mi = () => {
-  const { zoomOutIcon: e } = pe();
   return e || /* @__PURE__ */ i(wo, {});
 }, Hi = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: s } = J(), { isSmallScreen: u } = Ce(), { localeMessages: p } = se(), { viewMode: m } = ze(), v = N(() => {
+  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(() => {
     t((d) => {
       const f = Math.floor(d / 25) * 25;
       return Math.min(f + 25, ft);
     });
-  }, [t]), h = N(() => {
+  }, [t]), p = N(() => {
     t((d) => {
       const f = Math.ceil(d / 25) * 25;
       return Math.min(f - 25, ft);
     });
-  }, [t]), _ = W(() => e === Fi, [e]), T = W(() => e === ft, [e]), S = W(() => {
+  }, [t]), w = W(() => e === ki, [e]), T = W(() => e === ft, [e]), y = W(() => {
     var d;
-    return (d = s.get(a)) == null ? void 0 : d.page.getViewport({ scale: 1, rotation: l });
-  }, [s, a, l]), C = N(
+    return (d = l.get(a)) == null ? void 0 : d.page.getViewport({ scale: 1, rotation: s });
+  }, [l, a, s]), C = N(
     (d) => {
-      const f = ((S == null ? void 0 : S.width) || 0) + 2 * Mt, g = ((S == null ? void 0 : S.height) || 0) + 2 * Mt, c = (o == null ? void 0 : o.clientWidth) || 0, b = (o == null ? void 0 : o.clientHeight) || 0, w = _o(
+      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(
         d,
         c,
         b,
@@ -2716,34 +2724,34 @@ const xe = {
         g,
         m
       );
-      t(w);
+      t(_);
     },
-    [t, S, o]
-  ), y = N(
+    [t, y]
+  ), S = 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: p == null ? void 0 : p.zoomOutTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: _,
-        onClick: h,
-        "aria-label": p == null ? void 0 : p.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Mi, {})
+        disabled: w,
+        onClick: p,
+        "aria-label": h == null ? void 0 : h.zoomOutTooltip,
+        children: /* @__PURE__ */ i(Hi, {})
       }
     ) }),
     !u && /* @__PURE__ */ i(
       mn,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomSelectTooltip, children: /* @__PURE__ */ F(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomSelectTooltip, children: /* @__PURE__ */ F(
           re,
           {
             className: Ee["rp-current-zoom-wrapper"],
-            "aria-label": p == null ? void 0 : p.zoomSelectTooltip,
+            "aria-label": h == null ? void 0 : h.zoomSelectTooltip,
             children: [
               /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: e }),
               /* @__PURE__ */ i("span", { className: Ee["rp-current-zoom-text"], children: "%" }),
@@ -2755,25 +2763,25 @@ const xe = {
         align: "center",
         children: /* @__PURE__ */ F("div", { className: Ee["rp-zoom-dropdown-content"], children: [
           /* @__PURE__ */ F(Ke, { children: [
-            /* @__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(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(yt, {}),
-          /* @__PURE__ */ i(Ke, { children: ki.map((d) => /* @__PURE__ */ F(be, { onClick: () => y(d), children: [
+          /* @__PURE__ */ i(Ke, { children: Wi.map((d) => /* @__PURE__ */ F(be, { onClick: () => S(d), children: [
             d,
             " %"
           ] }, d)) })
         ] })
       }
     ),
-    /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
         disabled: T,
         onClick: v,
-        "aria-label": p == null ? void 0 : p.zoomInTooltip,
-        children: /* @__PURE__ */ i(Wi, {})
+        "aria-label": h == null ? void 0 : h.zoomInTooltip,
+        children: /* @__PURE__ */ i(Mi, {})
       }
     ) })
   ] }) : null;
@@ -2802,59 +2810,59 @@ const xe = {
   ] });
 }, an = () => {
   const { searchIcon: e } = pe();
-  return e || /* @__PURE__ */ i(bo, {});
-}, $i = () => {
+  return e || /* @__PURE__ */ i(Co, {});
+}, Gi = () => {
   const { container: e } = ge(), [t, n] = $(!1), { pdf: o } = J(), [r, a] = $(null), {
-    searchOptions: l,
-    setSearchOptions: s,
+    searchOptions: s,
+    setSearchOptions: l,
     loading: u,
-    setSearch: p,
+    setSearch: h,
     totalMatches: m,
     currentMatchPosition: v,
-    nextMatch: h,
-    prevMatch: _,
+    nextMatch: p,
+    prevMatch: w,
     search: T
-  } = xt(), { searchTool: S = !0 } = ve(), [C, y] = $(T), { localeMessages: d } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+  } = xt(), { searchTool: y = !0 } = ve(), [C, S] = $(T), { localeMessages: d } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), c = N(() => {
-    p(""), y(""), n(!1);
-  }, [p]), b = (I) => {
+    h(""), S(""), n(!1);
+  }, [h]), b = (I) => {
     const O = I.key === "Enter", M = I.key === " ";
     (O || M) && c();
-  }, w = N(
+  }, _ = N(
     (I) => {
       I.key === "Escape" && t && c();
     },
     [t]
   ), P = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? _() : I.key === "Enter" && T !== C ? p(C) : I.key === "Enter" && h();
+      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && T !== C ? h(C) : I.key === "Enter" && p();
     },
-    [C, _, h, p, T]
+    [C, w, p, h, T]
   );
-  k(() => (window.addEventListener("keydown", w), () => {
-    window.removeEventListener("keydown", w);
-  }), [w]), k(() => {
+  k(() => (window.addEventListener("keydown", _), () => {
+    window.removeEventListener("keydown", _);
+  }), [_]), k(() => {
     r && r.focus();
   }, [r]);
   const E = N((I) => {
-    y(I.target.value);
+    S(I.target.value);
   }, []), x = N(() => {
-    y(""), p("");
-  }, [p]), R = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: z } = W(() => l, [l]), A = N(
+    S(""), h("");
+  }, [h]), R = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: z } = W(() => s, [s]), A = N(
     (I) => {
-      s((O) => ({ ...O, matchCase: I }));
+      l((O) => ({ ...O, matchCase: I }));
     },
-    [s]
+    [l]
   ), L = N(
     (I) => {
-      s((O) => ({ ...O, wholeWords: I }));
+      l((O) => ({ ...O, wholeWords: I }));
     },
-    [s]
+    [l]
   );
   return k(() => {
     c();
-  }, [o, c]), S ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
+  }, [o, c]), y ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
     Mr,
     {
       open: t,
@@ -2873,7 +2881,7 @@ const xe = {
                 placeholder: d == null ? void 0 : d.searchInputPlaceholder,
                 className: Y["rp-search-input"],
                 ref: a,
-                children: !!C && /* @__PURE__ */ i("span", { className: Y["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(Co, {}) })
+                children: !!C && /* @__PURE__ */ i("span", { className: Y["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(To, {}) })
               }
             ) }),
             u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
@@ -2894,15 +2902,15 @@ const xe = {
       ] })
     }
   ) }) : null;
-}, Gi = "_loading_vpexk_1", Ne = {
+}, qi = "_loading_vpexk_1", Ne = {
   "rp-loading-overlay": "_rp-loading-overlay_vpexk_1",
   "rp-loading-modal": "_rp-loading-modal_vpexk_14",
   "rp-loading-title": "_rp-loading-title_vpexk_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_vpexk_35",
   "rp-loading-progress": "_rp-loading-progress_vpexk_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_vpexk_55",
-  loading: Gi
-}, qi = ({ percentage: e }) => {
+  loading: qi
+}, Vi = ({ percentage: e }) => {
   const { cancel: t } = tt(), { localeMessages: n } = se();
   return e < 1 ? null : /* @__PURE__ */ i("div", { className: ne(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ F("div", { className: ne(Ne["rp-loading-modal"]), children: [
     /* @__PURE__ */ F("div", { className: ne(Ne["rp-loading-title"]), children: [
@@ -2918,18 +2926,18 @@ const xe = {
     ) }),
     /* @__PURE__ */ i("button", { className: ne(Ne["rp-loading-cancel-button"]), onClick: t, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, Vi = $e((e, t) => {
-  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Ce(), { percentage: a } = o || {}, l = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+}, 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;
   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: l(), 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__ */ F("div", { "data-rp": "topBarLeft", className: Fe["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i($i, {}),
-        /* @__PURE__ */ i(ii, {})
+        /* @__PURE__ */ i(Gi, {}),
+        /* @__PURE__ */ i(ai, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Fe["rp-toolbar-middle"], children: /* @__PURE__ */ i(Hi, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Fe["rp-toolbar-end"], children: /* @__PURE__ */ i(Ai, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Fe["rp-toolbar-middle"], children: /* @__PURE__ */ i($i, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Fe["rp-toolbar-end"], children: /* @__PURE__ */ i(Fi, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(qi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(Vi, { percentage: a }) : null
   ] });
 }), gt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
@@ -2942,8 +2950,8 @@ const xe = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, Ui = (e) => {
-  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: a } = ie(), l = W(() => o ? ke["rp-thumbnail-active"] : "", [o]), s = W(() => ({
+}, 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(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), u = N(() => {
@@ -2956,12 +2964,12 @@ const xe = {
       id: `page-${n}`,
       className: ke["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ i("div", { className: ne(l, ke["rp-thumbnail"]), children: t ? /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: ne(s, ke["rp-thumbnail"]), children: t ? /* @__PURE__ */ i(
           "img",
           {
             src: t,
-            width: s.width,
-            height: s.height,
+            width: l.width,
+            height: l.height,
             alt: "thumbnail"
           }
         ) : /* @__PURE__ */ i(
@@ -2969,8 +2977,8 @@ const xe = {
           {
             className: ke["rp-thumbnail-loader"],
             style: {
-              width: `${s.width}px`,
-              height: `${s.height}px`
+              width: `${l.width}px`,
+              height: `${l.height}px`
             },
             children: /* @__PURE__ */ i(Ct, {})
           }
@@ -2982,55 +2990,55 @@ const xe = {
 }, sn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Bi = 16, Zi = (e, t) => {
+}, Zi = 16, ji = (e, t) => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
-  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Bi);
-}, ji = $e((e, t) => {
-  const { show: n } = e, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: s, addToPage: u } = Cn(), p = H(null), m = H(1);
-  cn(t, () => p.current);
-  const v = W(() => Object.values(a), [a]), h = N(() => {
-    const _ = s + 1;
-    _ <= r && l(_);
-  }, [l, r, s]);
+  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 w = l + 1;
+    w <= r && s(w);
+  }, [s, r, l]);
   return k(() => {
-    o > s ? u(o) : n && m.current !== o && (Zi(p.current, o), m.current = o);
-  }, [o, s, 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((_, T) => {
-    var S, C;
+    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;
     return /* @__PURE__ */ i(
-      Ui,
+      Bi,
       {
-        isFocused: o === ((S = _.page) == null ? void 0 : S.pageNumber),
-        pageNumber: (C = _.page) == null ? void 0 : C.pageNumber,
-        thumbnailSrc: _.thumbnailSrc,
-        loading: _.loading,
-        viewport: _.viewport
+        isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
+        pageNumber: (C = w.page) == null ? void 0 : C.pageNumber,
+        thumbnailSrc: w.thumbnailSrc,
+        loading: w.loading,
+        viewport: w.viewport
       },
       T
     );
   }) : null }) });
-}), Ki = () => {
+}), Xi = () => {
   const { thumbnailIcon: e } = pe();
   return e || /* @__PURE__ */ i(mr, {});
-}, Xi = () => {
-  const { active: e, setActive: t } = Cn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ve(), { localeMessages: s } = se(), u = N(() => {
+}, Yi = () => {
+  const { active: e, setActive: t } = Cn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: s } = ve(), { localeMessages: l } = se(), u = N(() => {
     t((m) => !m);
-  }, []), p = W(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: e }) : a ? /* @__PURE__ */ i(K, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), 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(
     re,
     {
       onClick: u,
       active: e,
-      "aria-label": s == null ? void 0 : s.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Ki, {})
+      "aria-label": l == null ? void 0 : l.thumbnailTooltip,
+      children: /* @__PURE__ */ i(Xi, {})
     }
-  ) }) : null, [a, e, u, s]);
-  return /* @__PURE__ */ i(fe, { children: l && /* @__PURE__ */ F(
+  ) }) : null, [a, e, u, l]);
+  return /* @__PURE__ */ i(fe, { children: s && /* @__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: p }),
+        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: h }),
         /* @__PURE__ */ F(
           "div",
           {
@@ -3038,7 +3046,7 @@ const xe = {
             hidden: !e,
             className: gt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i(ji, { show: e, ref: r }),
+              /* @__PURE__ */ i(Ki, { show: e, ref: r }),
               /* @__PURE__ */ i(gr, { onWidthChange: o, thumbnailRef: r })
             ]
           }
@@ -3054,9 +3062,9 @@ const xe = {
   "rp-loader": "_rp-loader_gz5nb_52",
   "rp-theme-variables": "_rp-theme-variables_gz5nb_56",
   "rp-dark-mode": "_rp-dark-mode_gz5nb_161"
-}, Yi = $e(
+}, Ji = $e(
   (e, t) => {
-    const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: l, customDarkVariables: s } = Pr(), { darkMode: u } = rr();
+    const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: s, customDarkVariables: l } = Pr(), { darkMode: u } = rr();
     return /* @__PURE__ */ i(
       "div",
       {
@@ -3069,40 +3077,40 @@ const xe = {
         ),
         style: {
           "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
-          ...l,
-          ...u ? s : {},
+          ...s,
+          ...u ? l : {},
           ...r
         },
         children: n
       }
     );
   }
-), Vs = $e((e, t) => {
+), Bs = $e((e, t) => {
   const {
     children: n,
     slots: o,
     icons: r,
     style: a,
-    className: l,
-    mobileWidth: s,
+    className: s,
+    mobileWidth: l,
     onLoaded: u,
-    cleanupOnLoaded: p,
+    cleanupOnLoaded: h,
     onLayoutWidthChange: m
-  } = e, [v, h] = $(null), { setContainer: _, setContentRef: T } = ge(), { loading: S } = J(), { LoaderImageComponent: C } = pn();
+  } = e, [v, p] = $(null), { setContainer: w, setContentRef: T } = ge(), { loading: y } = J(), { LoaderImageComponent: C } = pn();
   return k(() => (u && u(), () => {
-    p && p();
-  }), [u, p]), /* @__PURE__ */ i(Yi, { toolbarRef: v, ref: t, children: /* @__PURE__ */ i(Tr, { mobileWidth: s, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: _, style: a, className: l, children: [
+    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: [
     /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ F("div", { className: _e["rp-layout"], children: [
-        /* @__PURE__ */ i(Vi, { ref: h }),
+        /* @__PURE__ */ i(Ui, { ref: p }),
         /* @__PURE__ */ F("div", { className: _e["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Xi, {}) }),
+          /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Yi, {}) }),
           /* @__PURE__ */ i("div", { ref: T, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Cr, {})
     ] }),
-    S ? /* @__PURE__ */ i(
+    y ? /* @__PURE__ */ i(
       "div",
       {
         className: _e["rp-loader"],
@@ -3133,49 +3141,49 @@ const xe = {
   ] }) }) }) }) });
 });
 export {
-  Oo as A,
+  Do as A,
   on as B,
-  xo as C,
-  Qo as D,
-  $i as E,
+  Io as C,
+  ei as D,
+  Gi as E,
   qn as F,
-  Vi as G,
-  Ui as H,
-  ji as I,
-  Xi as J,
-  Yi as K,
-  qi as L,
-  Di as M,
-  zi as O,
-  ks as P,
-  $s as R,
-  Hs as S,
-  Ms as T,
-  Hi as Z,
-  Ws as a,
-  Vs as b,
+  Ui as G,
+  Bi as H,
+  Ki as I,
+  Yi as J,
+  Ji as K,
+  Vi as L,
+  zi as M,
+  Ai as O,
+  Ms as P,
+  qs as R,
+  Gs as S,
+  $s as T,
+  $i as Z,
+  Hs as a,
+  Bs as b,
   Hn as c,
   tt as d,
   xt as e,
   vn as f,
-  To as g,
+  Po as g,
   wn as h,
-  Po as i,
+  So as i,
   _n as j,
-  So as k,
+  yo as k,
   bn as l,
   Cn as m,
-  yo as n,
+  xo as n,
   Tn as o,
-  Lo as p,
-  zo as q,
+  Eo as p,
+  Ao as q,
   It as r,
-  Xo as s,
-  ei as t,
+  Yo as s,
+  ti as t,
   ie as u,
-  ti as v,
-  ii as w,
-  Ti as x,
+  ni as v,
+  ai as w,
+  Pi as x,
   Bn as y,
-  Ai as z
+  Fi as z
 };