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

package/dist/{RPDefaultLayout-43ed3fda.js → RPDefaultLayout-62e0f668.js}

@@ -1,18 +1,18 @@
-import { jsx as s, jsxs as O, Fragment as Ae } from "react/jsx-runtime";
+import { jsx as a, jsxs as O, Fragment as ze } from "react/jsx-runtime";
 import * as V from "react";
-import { useRef as W, useEffect as z, useCallback as x, useState as H, createContext as We, useContext as He, useMemo as A, forwardRef as $e, useImperativeHandle as Zt, createElement as Me, PureComponent as Hn, Component as $n, memo as Gn } from "react";
+import { useRef as W, useEffect as z, useCallback as x, useState as H, createContext as He, useContext as $e, useMemo as A, forwardRef as Ge, useImperativeHandle as Zt, createElement as Ee, PureComponent as Hn, Component as $n, memo as Gn } from "react";
 import { ChevronUpIcon as Re } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as X } from "./components/ui/Button.js";
 import { UIInput as jt } from "./components/ui/Input.js";
-import { useScrollModeContext as Te } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as re } from "./contexts/RPDocumentContext.js";
+import { useScrollModeContext as Se } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as Y } from "./contexts/RPDocumentContext.js";
 import "./contexts/DarkModeContext.js";
-import { ViewMode as ze, ScrollMode as J, AnnotationSubType as at, SelectionMode as Vn, ZoomLevel as Be } from "./utils/types.js";
-import { useRotationContext as Ge } from "./contexts/RotationContext.js";
+import { ViewMode as Fe, ScrollMode as J, AnnotationSubType as st, SelectionMode as Vn, ZoomLevel as Ke } from "./utils/types.js";
+import { useRotationContext as Ve } from "./contexts/RotationContext.js";
 import { useLayerContext as Un } from "./contexts/LayerContext.js";
-import { useZoomContext as Ve } from "./contexts/ZoomContext.js";
-import { useViewModeContext as Ue } from "./contexts/ViewModeContext.js";
-import { useVirtualScrollContext as qe } from "./contexts/VirtualScrollContext.js";
+import { useZoomContext as Ue } from "./contexts/ZoomContext.js";
+import { useViewModeContext as qe } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as Ze } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as Bt } from "./contexts/VirtualGridContext.js";
 import { useScrollStateContext as Kt } from "./contexts/ScrollStateContext.js";
 import { useSelectionModeContext as qn } from "./contexts/SelectionModeContext.js";
@@ -20,28 +20,28 @@ import { useInitialStateContext as Zn } from "./contexts/InitialStateContext.js"
 import { useFullScreenContext as jn } from "./contexts/FullScreenContext.js";
 import "./contexts/FileInputContext.js";
 import "./contexts/DropFileZoneContext.js";
-import { renderPage as st } from "./utils/renderPage.js";
+import { renderPage as it } from "./utils/renderPage.js";
 import { highlightMatches as Xt, findMatches as Bn, resetDivs as Kn } from "./utils/highlight.js";
 import * as Jt from "pdfjs-dist";
 import { PixelsPerInch as Xn, AnnotationMode as Jn, RenderingCancelledException as Yn, AnnotationLayer as Qn } from "pdfjs-dist";
-import { usePageDimension as ht } from "./utils/hooks/usePageDimension.js";
-import { useLayoutContainer as Le } from "./contexts/LayoutContainerContext.js";
+import { usePageDimension as mt } from "./utils/hooks/usePageDimension.js";
+import { useLayoutContainer as Ne } from "./contexts/LayoutContainerContext.js";
 import "./components/RPConfig.js";
 import { ThumbnailIcon as er } from "./components/icons/Thumbnail.js";
-import { c as ee } from "./clsx-0c6e471a.js";
-import { LoaderIcon as mt } from "./components/icons/LoaderIcon.js";
+import { c as te } from "./clsx-0c6e471a.js";
+import { LoaderIcon as Le } from "./components/icons/LoaderIcon.js";
 import { useInfiniteScroll as tr } from "./utils/hooks/useInfiniteScroll.js";
 import { RPSplitter as nr } from "./components/layout/sidebar/RPSplitter.js";
 import { useToolbarComponentContext as de, ToolbarComponentProvider as rr } from "./contexts/ToolbarComponentContext.js";
 import { useIconContext as ce, IconProvider as or } from "./contexts/IconContext.js";
-import te from "./components/ui/RPTooltip.js";
+import ne from "./components/ui/RPTooltip.js";
 import { c as be, C as ar } from "./Container-fdb0a71f.js";
 import { WrapperLayout as sr } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as ir } from "./components/RPDropFileZone.js";
 import { useViewportContext as _e, ViewportProvider as cr } from "./contexts/ViewportContext.js";
 import "./contexts/ThemeContext.js";
 import { SimpleLinkService as lr } from "./utils/link_service.js";
-import { dateFormatter as it } from "./utils/dateFormatter.js";
+import { dateFormatter as ct } from "./utils/dateFormatter.js";
 import { sanitizeExternalUrl as ur } from "./utils/sanitizeExternalUrl.js";
 import { useWatermark as dr } from "./utils/hooks/useWatermark.js";
 import { useMousePressed as pr } from "./utils/hooks/useMousePressed.js";
@@ -54,12 +54,12 @@ import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as vr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as _r } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as gt, a as Ne, c as xe, b as vt, d as wr, e as br, h as Cr, f as Pr, F as Tr, D as Sr, g as yr, G as Fe } from "./index-316854c1.js";
-import { c as Ir, e as xr, b as Rr } from "./index-71898eb9.js";
-import { e as Ke } from "./floating-ui.react-dom-e6d5fe8f.js";
+import { c as wr, a as gt, P as Me, b as xe, d as vt, i as br, k as Cr, u as Pr } from "./index-3dff3fa8.js";
+import { D as Tr, u as Xe } from "./index-4f17fe4d.js";
+import { a as Sr, h as yr, u as Ir, F as xr, b as Rr, G as ke } from "./index-1db49c1a.js";
 import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
-import { PropertyItem as Lr } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as Nr, OtherToolProvider as Mr } from "./contexts/OtherToolContext.js";
+import { PropertyItem as Nr } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as Lr, OtherToolProvider as Mr } from "./contexts/OtherToolContext.js";
 import { DocumentProperties as Er } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as Or } from "./components/layout/toolbar/RotateTool.js";
 import { ScrollModeTool as Dr } from "./components/layout/toolbar/ScrollModeTool.js";
@@ -78,39 +78,41 @@ import { SearchIcon as $r } from "./components/icons/SearchIcon.js";
 import { UICheckbox as xt } from "./components/ui/Checkbox.js";
 import { ClearIcon as Gr } from "./components/icons/ClearIcon.js";
 import './assets/RPDefaultLayout.css';const nn = () => {
-  const { viewMode: e } = Ue(), { scrollMode: t } = Te(), { virtualScrollRef: n, pageScrollElementRef: r } = qe(), { setFocusedPage: o } = oe(), a = W(), { columnCount: c } = Bt(), i = ht(), l = W(t), p = W(e);
+  const { viewMode: e } = qe(), { scrollMode: t } = Se(), { virtualScrollRef: n, pageScrollElementRef: r } = Ze(), { setFocusedPage: o } = oe(), s = W(), { columnCount: c } = Bt(), i = mt(), l = W(t), p = W(e), m = W(c);
   z(() => {
-    n != null && n.scrollToItem && (a.current = n);
+    n != null && n.scrollToItem && (s.current = n);
   }, [n]);
-  const h = x(
-    (u) => {
+  const f = x(
+    (h) => {
       if (!r)
         return;
-      const m = Math.ceil(u / 2) * 2 - 1;
-      u === m + 1 ? r.scrollTo({ left: i.widths[m], top: 0 }) : r.scrollTo({ left: 0, top: 0 });
+      const g = Math.ceil(h / 2) * 2 - 1;
+      h === g + 1 ? r.scrollTo({ left: i.widths[g], top: 0 }) : r.scrollTo({ left: 0, top: 0 });
     },
     [r, i]
   );
   return z(() => {
     l.current = t, p.current = e;
-  }, [t, e]), { scrollToPage: x(
-    (u, m = "start") => {
-      const g = u - 1;
-      let _ = g, v = 0;
-      if (p.current === ze.DUAL_PAGE && l.current === J.PAGE_SCROLLING) {
-        h(u);
+  }, [t, e]), z(() => {
+    m.current = c;
+  }, [c]), { scrollToPage: x(
+    (h, g = "start") => {
+      const _ = h - 1;
+      let v = _, C = 0;
+      if (p.current === Fe.DUAL_PAGE && l.current === J.PAGE_SCROLLING) {
+        f(h);
         return;
       }
       if (l.current === J.PAGE_SCROLLING) {
-        o(u);
+        o(h);
         return;
       }
-      a.current && (l.current === J.HORIZONTAL_SCROLLING ? v = g : p.current === ze.DUAL_PAGE && (v = g % 2, _ = Math.floor(g / 2)), a.current.scrollToItem({ rowIndex: _, columnIndex: v, align: m }));
+      s.current && (l.current === J.HORIZONTAL_SCROLLING ? C = _ : p.current === Fe.DUAL_PAGE && (C = _ % 2, v = Math.floor(_ / 2)), s.current.scrollToItem({ rowIndex: v, columnIndex: C, align: g }));
     },
-    [c, h, o]
+    [f, o]
   ) };
 }, Vr = (e = 1) => {
-  const [t, n] = H(e), [r, o] = H(0), { scrollToPage: a } = nn(), c = W(1), { isScrolling: i } = Kt(), { viewMode: l } = Ue(), { scrollMode: p } = Te(), h = fr(t, 100), f = x(
+  const [t, n] = H(e), [r, o] = H(0), { scrollToPage: s } = nn(), c = W(1), { isScrolling: i } = Kt(), { viewMode: l } = qe(), { scrollMode: p } = Se(), m = fr(t, 100), f = x(
     (v) => {
       if (!/^[0-9]*$/g.test(v.toString()) || !v)
         return { success: !1, currentPage: c.current };
@@ -118,29 +120,29 @@ import './assets/RPDefaultLayout.css';const nn = () => {
       return S < 0 || S > r ? { success: !1, currentPage: c.current } : (n(S), c.current = S, { success: !0, currentPage: +v });
     },
     [r]
-  ), u = x(f, [f]), m = x(
+  ), u = x(f, [f]), h = x(
     (v) => {
       const C = f(v);
-      return C.success && (i.current = !0, a(C.currentPage)), C;
+      return C.success && (i.current = !0, s(C.currentPage)), C;
     },
-    [f, a]
+    [f, s]
   ), g = x(() => {
     let v = t - 1;
-    m(v);
-  }, [m, t, l, p]), _ = x(() => {
+    h(v);
+  }, [h, t, l, p]), _ = x(() => {
     let v = t + 1;
-    m(v);
-  }, [m, t, l, p]);
+    h(v);
+  }, [h, t, l, p]);
   return {
-    focusedPage: h,
+    focusedPage: m,
     totalPages: r,
     setFocusedPage: u,
     setTotalPages: o,
     nextPage: _,
     prevPage: g,
-    goToPage: m
+    goToPage: h
   };
-}, rn = We({
+}, rn = He({
   focusedPage: 0,
   setFocusedPage: (e) => {
   },
@@ -153,23 +155,23 @@ import './assets/RPDefaultLayout.css';const nn = () => {
   nextPage: () => {
   }
 }), oe = () => {
-  const e = He(rn);
-  return typeof (e == null ? void 0 : e.focusedPage) > "u" && gr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
+  const e = $e(rn);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && gr.error("Please use this hooks inside children component of RPProvider"), e;
 }, Us = ({ children: e }) => {
-  const { initialPage: t = 1 } = Zn(), { pdf: n } = re(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = Vr(t);
+  const { initialPage: t = 1 } = Zn(), { pdf: n } = Y(), { focusedPage: r, totalPages: o, setFocusedPage: s, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = Vr(t);
   return z(() => {
     n != null && n.numPages && c(n.numPages);
   }, [n, c, o, t]), z(() => {
     requestAnimationFrame(() => {
       i(t);
     });
-  }, [i, t]), /* @__PURE__ */ s(
+  }, [i, t]), /* @__PURE__ */ a(
     rn.Provider,
     {
       value: {
         focusedPage: r,
         totalPages: o,
-        setFocusedPage: a,
+        setFocusedPage: s,
         setTotalPages: c,
         nextPage: l,
         prevPage: p,
@@ -180,36 +182,36 @@ import './assets/RPDefaultLayout.css';const nn = () => {
   );
 };
 const Ur = () => {
-  const { pdf: e, pages: t } = re(), [n, r] = H({
+  const { pdf: e, pages: t } = Y(), [n, r] = H({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, a] = H(!1), [c, i] = H(!1), [l, p] = H(null), h = W(!1);
+  }), [o, s] = H(!1), [c, i] = H(!1), [l, p] = H(null), m = W(!1);
   z(() => {
-    h.current;
-  }, [h]);
+    m.current;
+  }, [m]);
   const f = x(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const P = document.querySelector(".rp-print-zone");
     P && P.remove();
   }, []), u = x(() => {
-    h.current = !1, a(!1), i(!1), p(null), r({
+    m.current = !1, s(!1), i(!1), p(null), r({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), m = () => {
-    h.current = !0;
+  }, []), h = () => {
+    m.current = !0;
   }, g = async ({
     scratchCanvas: P,
-    pdfDocument: L,
+    pdfDocument: N,
     pageNumber: d,
     viewerPdfPage: b,
     printResolution: w,
     optionalContentConfigPromise: T,
     printAnnotationStoragePromise: E
   }) => {
-    if (h.current) {
+    if (m.current) {
       u();
       return;
     }
@@ -218,14 +220,14 @@ const Ur = () => {
     const y = P.getContext("2d");
     y.save(), y.fillStyle = "rgb(255, 255, 255)", y.fillRect(0, 0, P.width, P.height), y.restore();
     const [D, R] = await Promise.all([
-      L.getPage(d),
+      N.getPage(d),
       E
     ]);
-    if (h.current) {
+    if (m.current) {
       u();
       return;
     }
-    const N = {
+    const L = {
       canvasContext: y,
       transform: [I, 0, 0, I, 0, 0],
       viewport: D.getViewport({ scale: 1, rotation: b.rotation }),
@@ -235,41 +237,41 @@ const Ur = () => {
       printAnnotationStorage: R
     };
     try {
-      return D.render(N).promise;
+      return D.render(L).promise;
     } catch (M) {
       throw M instanceof Yn || console.error(M), M;
     }
   }, _ = x(() => {
     const P = window.print;
-    return new Promise((L) => {
+    return new Promise((N) => {
       const d = (T) => {
         setTimeout(() => {
           P.call(window), setTimeout(() => T(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
-        d(L);
+        d(N);
         return;
       }
       const w = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (d(L), w.disconnect());
+        document.querySelector(".rp-print-zone") && (d(N), w.disconnect());
       });
       w.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), v = async (P) => {
-    const L = document.createElement("img"), d = document.createElement("div");
+    const N = document.createElement("img"), d = document.createElement("div");
     return d.classList.add("rp-print-page"), await new Promise((b, w) => {
       P.toBlob((T) => {
-        T ? (L.src = URL.createObjectURL(T), L.onload = () => {
-          URL.revokeObjectURL(L.src), b();
-        }, L.onerror = w) : w(new Error("Failed to create blob"));
+        T ? (N.src = URL.createObjectURL(T), N.onload = () => {
+          URL.revokeObjectURL(N.src), b();
+        }, N.onerror = w) : w(new Error("Failed to create blob"));
       });
     }).catch(() => {
-    }), d.appendChild(L), d;
-  }, C = (P, L) => {
+    }), d.appendChild(N), d;
+  }, C = (P, N) => {
     const d = document.createElement("div");
     d.classList.add("rp-print-zone");
-    const b = document.createElement("style"), w = L.get(1);
+    const b = document.createElement("style"), w = N.get(1);
     if (w) {
       const { width: T, height: E } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
       b.innerHTML = `@page { size: ${T}px ${E}px }`;
@@ -279,14 +281,14 @@ const Ur = () => {
     if (!e)
       return;
     u();
-    const P = document.createElement("canvas"), L = [];
+    const P = document.createElement("canvas"), N = [];
     try {
       e.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const b = e.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
         e.annotationStorage.print ?? void 0
       ), T = t.size;
       for (const [I, y] of t) {
-        if (h.current) {
+        if (m.current) {
           u();
           return;
         }
@@ -299,31 +301,31 @@ const Ur = () => {
           printResolution: 150,
           optionalContentConfigPromise: b,
           printAnnotationStoragePromise: w
-        }), h.current) {
+        }), m.current) {
           u();
           return;
         }
         const R = await v(P);
-        L.push(R);
-        const N = parseFloat((L.length / T * 100).toFixed(2));
+        N.push(R);
+        const L = parseFloat((N.length / T * 100).toFixed(2));
         r({
           loadedPages: I,
           totalPages: T,
-          percentage: N
+          percentage: L
         });
       }
-      if (h.current) {
+      if (m.current) {
         u();
         return;
       }
-      const E = C(L, t);
-      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await _();
+      const E = C(N, t);
+      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), s(!0), await _();
     } catch (d) {
       i(!0), d instanceof Error && p(d);
     } finally {
       P.height = 0, P.width = 0;
     }
-  }, [e, t, h]);
+  }, [e, t, m]);
   return z(() => {
     const P = () => {
       u(), f();
@@ -333,13 +335,13 @@ const Ur = () => {
     };
   }, [f, u]), {
     print: S,
-    cancel: m,
+    cancel: h,
     progress: n,
     isComplete: o,
     isError: c,
     error: l
   };
-}, on = We({
+}, on = He({
   print: () => {
   },
   cancel: () => {
@@ -357,11 +359,11 @@ const Ur = () => {
     }
   }
 }), qs = ({ children: e }) => {
-  const [t, n] = H(null), [r, o] = H(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Ur(), f = x((v) => {
+  const [t, n] = H(null), [r, o] = H(null), { print: s, cancel: c, progress: i, isComplete: l, isError: p, error: m } = Ur(), f = x((v) => {
     v && typeof v == "function" && o(() => v);
   }, []), u = (v) => {
-    h && v(h);
-  }, m = x(
+    m && v(m);
+  }, h = x(
     (v) => {
       n(() => v);
     },
@@ -379,37 +381,37 @@ const Ur = () => {
   const g = () => {
     r && (r(), o(null));
   }, _ = {
-    print: a,
+    print: s,
     cancel: c,
-    setOnProgress: m,
+    setOnProgress: h,
     setOnComplete: f,
     setOnError: u,
     progress: i
   };
-  return /* @__PURE__ */ s(on.Provider, { value: _, children: e });
+  return /* @__PURE__ */ a(on.Provider, { value: _, children: e });
 }, wt = () => {
-  const e = He(on);
+  const e = $e(on);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
 }, qr = () => {
-  const [e, t] = H({}), { pages: n } = re(), { rotate: r } = Ge(), o = A(() => Object.keys(e).length, [e]), a = x(
+  const [e, t] = H({}), { pages: n } = Y(), { rotate: r } = Ve(), o = A(() => Object.keys(e).length, [e]), s = x(
     (i) => {
       if (!n.size)
         return;
       const l = Array.from(n.values()).slice(0, i).map((f) => {
-        const { thumbnailViewport: u, scale: m } = yt(f.page, r);
+        const { thumbnailViewport: u, scale: h } = yt(f.page, r);
         return {
-          scale: m,
+          scale: h,
           page: f.page,
           loading: !0,
           viewport: u
         };
       }), p = l.reduce((f, u) => (f[u.page.pageNumber] = u, f), {});
       t(p);
-      const h = [];
+      const m = [];
       for (const f of l) {
-        const u = document.createElement("canvas"), m = st(
+        const u = document.createElement("canvas"), h = it(
           f.page,
           u,
           f.scale,
@@ -422,21 +424,21 @@ const Ur = () => {
             loading: !1
           };
         });
-        h.push(m);
+        m.push(h);
       }
-      Promise.all(h).then((f) => {
+      Promise.all(m).then((f) => {
         const u = f.reduce(
-          (m, g) => (m[g.page.pageNumber] = g, m),
+          (h, g) => (h[g.page.pageNumber] = g, h),
           {}
         );
-        t((m) => ({ ...m, ...u }));
+        t((h) => ({ ...h, ...u }));
       });
     },
     [n, r]
   );
   z(() => {
-    a(10);
-  }, [a]);
+    s(10);
+  }, [s]);
   const c = x(
     (i) => {
       if (!n)
@@ -444,8 +446,8 @@ const Ur = () => {
       const l = n.get(i);
       if (!l)
         return;
-      t((h) => ({
-        ...h,
+      t((m) => ({
+        ...m,
         [i]: {
           loading: !0,
           page: l.page,
@@ -454,23 +456,23 @@ const Ur = () => {
         }
       }));
       const p = document.createElement("canvas");
-      st(l.page, p, l.thumbnailScale, r).promise.then(() => {
-        const h = p.toDataURL(), { thumbnailViewport: f, scale: u } = yt(l.page, r);
+      it(l.page, p, l.thumbnailScale, r).promise.then(() => {
+        const m = p.toDataURL(), { thumbnailViewport: f, scale: u } = yt(l.page, r);
         return {
           scale: u,
-          thumbnailSrc: h,
+          thumbnailSrc: m,
           page: l.page,
           loading: !1,
           viewport: f
         };
-      }).then((h) => {
-        t((f) => ({ ...f, [i]: h }));
+      }).then((m) => {
+        t((f) => ({ ...f, [i]: m }));
       });
     },
     [n, r]
   );
-  return { thumbnailPages: e, addPage: c, addToPage: a, thumbnailLength: o };
-}, an = We({
+  return { thumbnailPages: e, addPage: c, addToPage: s, thumbnailLength: o };
+}, an = He({
   thumbnailPages: {},
   addPage: (e) => {
   },
@@ -480,29 +482,29 @@ const Ur = () => {
   setActive: (e) => {
   },
   active: !1
-}), sn = () => He(an), Zs = ({
+}), sn = () => $e(an), Zs = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = qr(), [c, i] = H(t);
-  return /* @__PURE__ */ s(
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s } = qr(), [c, i] = H(t);
+  return /* @__PURE__ */ a(
     an.Provider,
     {
-      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a, active: c, setActive: i },
+      value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: s, active: c, setActive: i },
       children: e
     }
   );
 }, Zr = (e = {}, t = "") => {
-  const [n, r] = H(t), [o, a] = H(!1), { pdf: c, pages: i } = re(), l = ht(), p = W(!n), { currentZoom: h } = Ve(), [f, u] = H([]), { setFocusedPage: m } = oe(), [g, _] = H(0), { pageScrollElementRef: v, virtualScrollableElementRef: C } = qe(), { scrollMode: S } = Te(), [P, L] = H(null), d = W({}), b = A(() => g === 0 ? null : f[g - 1], [g, f]), w = A(() => f.length, [f]);
+  const [n, r] = H(t), [o, s] = H(!1), { pdf: c, pages: i } = Y(), l = mt(), p = W(!n), { currentZoom: m } = Ue(), [f, u] = H([]), { setFocusedPage: h } = oe(), [g, _] = H(0), { pageScrollElementRef: v, virtualScrollableElementRef: C } = Ze(), { scrollMode: S } = Se(), [P, N] = H(null), d = W({}), b = A(() => g === 0 ? null : f[g - 1], [g, f]), w = A(() => f.length, [f]);
   z(() => {
     if (!b || !i)
       return;
     const y = C || v;
     if (!y)
       return;
-    const D = i.get(b.page), R = y.clientHeight / 2, N = y.clientWidth / 2;
+    const D = i.get(b.page), R = y.clientHeight / 2, L = y.clientWidth / 2;
     let M = 0, F = 0;
-    S === J.PAGE_SCROLLING && m(b.page), S === J.VERTICAL_SCROLLING && (M = l.heights.slice(0, b.page - 1).reduce((U, Z) => U + Z, 0)), S === J.HORIZONTAL_SCROLLING && (F = l.widths.slice(0, b.page - 1).reduce((U, Z) => U + Z, 0));
+    S === J.PAGE_SCROLLING && h(b.page), S === J.VERTICAL_SCROLLING && (M = l.heights.slice(0, b.page - 1).reduce((U, Z) => U + Z, 0)), S === J.HORIZONTAL_SCROLLING && (F = l.widths.slice(0, b.page - 1).reduce((U, Z) => U + Z, 0));
     let $;
     if (!D)
       return;
@@ -512,19 +514,19 @@ const Ur = () => {
       textContentSource: q,
       container: document.createElement("div")
     }), $.render().then(() => {
-      const U = $.textDivs[b.start.idx], [Z] = Xt([b], q, $.textDivs), se = l.widths[b.page - 1], pe = l.heights[b.page - 1], j = document.createElement("div"), Y = document.createElement("div");
-      U.style.position = "absolute", U.style.color = "transparent", Y.style.position = "absolute", Y.style.top = "0", Y.style.setProperty("--scale-factor", `${h}`), j.style.position = "relative", j.style.width = `${se}px`, j.style.height = `${pe}px`, j.style.zIndex = "-1", j.appendChild(U), Y.appendChild(j), document.body.prepend(Y);
+      const U = $.textDivs[b.start.idx], [Z] = Xt([b], q, $.textDivs), se = l.widths[b.page - 1], pe = l.heights[b.page - 1], j = document.createElement("div"), Q = document.createElement("div");
+      U.style.position = "absolute", U.style.color = "transparent", Q.style.position = "absolute", Q.style.top = "0", Q.style.setProperty("--scale-factor", `${m}`), j.style.position = "relative", j.style.width = `${se}px`, j.style.height = `${pe}px`, j.style.zIndex = "-1", j.appendChild(U), Q.appendChild(j), document.body.prepend(Q);
       const he = Z.element.getBoundingClientRect(), we = M + +he.top - R + he.height / 2, G = {
-        left: F + +he.left - N + he.width / 2,
+        left: F + +he.left - L + he.width / 2,
         top: we
       };
-      document.body.removeChild(Y), y.scrollTo({
+      document.body.removeChild(Q), y.scrollTo({
         ...G
       });
     });
   }, [
     i,
-    m,
+    h,
     l,
     b,
     S,
@@ -539,11 +541,11 @@ const Ur = () => {
     if (!y)
       return {};
     const D = y.numPages, R = {};
-    for (let N = 1; N <= D; N++) {
+    for (let L = 1; L <= D; L++) {
       if (p.current)
         throw "close pop over";
-      const M = await y.getPage(N);
-      R[N.toString()] = await M.getTextContent();
+      const M = await y.getPage(L);
+      R[L.toString()] = await M.getTextContent();
     }
     return R;
   }, []);
@@ -552,21 +554,21 @@ const Ur = () => {
       p.current = !0, u([]), _(0);
       return;
     }
-    p.current = !1, a(!0), u([]), _(0), I(c).then((y) => {
+    p.current = !1, s(!0), u([]), _(0), I(c).then((y) => {
       d.current = y;
-      const R = Object.keys(y).reduce((N, M) => {
+      const R = Object.keys(y).reduce((L, M) => {
         const F = Bn(
           [n],
           y[M],
           Number(M) - 1,
           e
         ).map(($, q) => ({ ...$, page: Number(M), pageMatchIdx: q }));
-        return [...N, ...F];
+        return [...L, ...F];
       }, []);
       u(R), _(R.length ? 1 : 0);
     }).catch(() => {
       u([]), _(0);
-    }).finally(() => a(!1));
+    }).finally(() => s(!1));
   }, [n, I, c, e]), {
     search: n,
     setSearch: r,
@@ -578,9 +580,9 @@ const Ur = () => {
     nextMatch: T,
     prevMatch: E,
     currentMatchElement: P,
-    setCurrentMatchElement: L
+    setCurrentMatchElement: N
   };
-}, cn = We({
+}, cn = He({
   search: "",
   setSearch: (e) => {
   },
@@ -604,39 +606,39 @@ const Ur = () => {
 }) => {
   const [n, r] = H({}), {
     loading: o,
-    setSearch: a,
+    setSearch: s,
     totalMatches: c,
     currentMatchPosition: i,
     currentMatch: l,
     search: p,
-    matches: h,
+    matches: m,
     nextMatch: f,
     prevMatch: u,
-    currentMatchElement: m,
+    currentMatchElement: h,
     setCurrentMatchElement: g
   } = Zr(n, t);
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     cn.Provider,
     {
       value: {
         searchOptions: n,
         setSearchOptions: r,
         loading: o,
-        setSearch: a,
+        setSearch: s,
         totalMatches: c,
         currentMatchPosition: i,
         currentMatch: l,
         nextMatch: f,
         prevMatch: u,
         search: p,
-        matches: h,
-        currentMatchElement: m,
+        matches: m,
+        currentMatchElement: h,
         setCurrentMatchElement: g
       },
       children: e
     }
   );
-}, ln = () => He(cn), le = {
+}, ln = () => $e(cn), le = {
   "rp-pages": "_rp-pages_34orh_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_34orh_7",
   "rp-pages-container": "_rp-pages-container_34orh_11",
@@ -644,35 +646,35 @@ const Ur = () => {
   "rp-viewer": "_rp-viewer_34orh_22",
   "rp-cursor-grab": "_rp-cursor-grab_34orh_27",
   "rp-cursor-grabbing": "_rp-cursor-grabbing_34orh_35"
-}, Xe = {
+}, Je = {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
 }, jr = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = W(null), { pages: a } = re(), { rotate: c } = Ge(), i = W(), { currentZoom: l } = Ve();
+  const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = W(null), { pages: s } = Y(), { rotate: c } = Ve(), i = W(), { currentZoom: l } = Ue();
   return z(() => {
-    if (!a || l === 0)
+    if (!s || l === 0)
       return;
-    const p = a.get(t);
+    const p = s.get(t);
     if (o.current && p) {
-      const h = o.current;
-      h.hidden = !0;
+      const m = o.current;
+      m.hidden = !0;
       const f = i.current;
-      f && f.cancel(), r && r(), i.current = st(p.page, h, l, c), i.current.promise.then(() => {
-        h.hidden = !1;
+      f && f.cancel(), r && r(), i.current = it(p.page, m, l, c), i.current.promise.then(() => {
+        m.hidden = !1;
       }).catch((u) => {
       }).finally(() => {
         n && n();
       });
     }
-  }, [a, t, c, l, r, n]), /* @__PURE__ */ s("canvas", { "data-rp": `page-${t}-canvas`, ref: o });
-}, Je = {
+  }, [s, t, c, l, r, n]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${t}-canvas`, ref: o });
+}, Ye = {
   "rp-text-layer": "_rp-text-layer_1mgyz_1",
   "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
 }, Br = (e) => {
-  const { pageNumber: t } = e, { pages: n } = re(), r = W(null), { matches: o, currentMatch: a, setCurrentMatchElement: c } = ln(), [i, l] = H(
+  const { pageNumber: t } = e, { pages: n } = Y(), r = W(null), { matches: o, currentMatch: s, setCurrentMatchElement: c } = ln(), [i, l] = H(
     []
-  ), p = W(), h = W(), f = W(), u = A(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), m = x(
+  ), p = W(), m = W(), f = W(), u = A(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), h = x(
     (g, _, v = !1) => {
       if (v && Kn(g, _), !u.length) {
         f.current = void 0, l([]);
@@ -685,16 +687,16 @@ const Ur = () => {
   );
   return z(() => {
     var v;
-    if ((v = f.current) == null || v.classList.remove("selected"), !i.length || !a || a.pageIndex !== t - 1)
+    if ((v = f.current) == null || v.classList.remove("selected"), !i.length || !s || s.pageIndex !== t - 1)
       return;
     const g = u.findIndex(
-      (C) => JSON.stringify(C) === JSON.stringify(a)
+      (C) => JSON.stringify(C) === JSON.stringify(s)
     );
     if (g === -1)
       return;
     const _ = i.find((C) => C.index === g);
     _ && (f.current = _.element, c(_.element), _.element.classList.add("selected"));
-  }, [a, i, u]), z(() => {
+  }, [s, i, u]), z(() => {
     const g = n.get(t);
     if (!(!g || !r.current))
       return p.current && p.current.cancel(), g.page.getTextContent().then((_) => {
@@ -703,14 +705,14 @@ const Ur = () => {
           viewport: v,
           textContentSource: _,
           container: r.current
-        }), h.current = _, r.current && (r.current.innerText = ""), p.current.render();
+        }), m.current = _, r.current && (r.current.innerText = ""), p.current.render();
       }).then(() => {
         var C;
         [].slice.call(r.current.children).forEach((S) => {
-          S.classList.add(Je["rp-text-layer-text"]);
+          S.classList.add(Ye["rp-text-layer-text"]);
         });
         const v = (C = p.current) == null ? void 0 : C.textDivs;
-        v && h.current && m(h.current, v);
+        v && m.current && h(m.current, v);
       }).catch(() => {
       }), () => {
         var _;
@@ -719,15 +721,15 @@ const Ur = () => {
   }, [n, t]), z(() => {
     var v;
     [].slice.call(r.current.children).forEach((C) => {
-      C.classList.add(Je["rp-text-layer-text"]);
+      C.classList.add(Ye["rp-text-layer-text"]);
     });
     const _ = (v = p.current) == null ? void 0 : v.textDivs;
-    _ && h.current && m(h.current, _, !0);
-  }, [m]), /* @__PURE__ */ s(
+    _ && m.current && h(m.current, _, !0);
+  }, [h]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${t}-textLayer`,
-      className: Je["rp-text-layer"],
+      className: Ye["rp-text-layer"],
       ref: r
     }
   );
@@ -735,13 +737,13 @@ const Ur = () => {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 }, un = ["click", "dblclick", "mouseover", "input", "change"];
 let Xr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const ct = /* @__PURE__ */ new Map(), dn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+const lt = /* @__PURE__ */ new Map(), dn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
 function Jr(e, t) {
   const n = dn(e, t);
-  return ct.has(n) ? ct.get(n) ?? null : null;
+  return lt.has(n) ? lt.get(n) ?? null : null;
 }
 const Yr = (e, t, n) => {
-  ct.set(dn(e, t), n);
+  lt.set(dn(e, t), n);
 }, Rt = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
@@ -781,8 +783,8 @@ async function pn(e, t) {
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
     const r = n[0], o = Jr(e, r);
     if (o === null) {
-      const a = await e.getPageIndex(r);
-      return Yr(e, r, a), await pn(e, n);
+      const s = await e.getPageIndex(r);
+      return Yr(e, r, s), await pn(e, n);
     } else
       return Rt(o, n);
   } else
@@ -790,7 +792,7 @@ async function pn(e, t) {
 }
 function Qr(e) {
   const { id: t, url: n, unsafeUrl: r } = e;
-  new MutationObserver((a, c) => {
+  new MutationObserver((s, c) => {
     const i = document.querySelector(`[data-annotation-id="${t}"]`);
     if (i) {
       const l = i.querySelector("a"), p = ur((n || r) ?? "", "");
@@ -811,7 +813,7 @@ const eo = (e) => {
         if (i)
           try {
             const { dateObj: l } = JSON.parse(i);
-            c.textContent = it(l);
+            c.textContent = ct(l);
           } catch {
           }
       });
@@ -825,14 +827,14 @@ const eo = (e) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => r.disconnect();
-}, Lt = (e, t, n, r) => {
+}, Nt = (e, t, n, r) => {
   if (e.type !== "click")
     return;
-  const o = e.target, a = o.getAttribute("data-element-id"), c = o.getAttribute("href");
+  const o = e.target, s = o.getAttribute("data-element-id"), c = o.getAttribute("href");
   if (c && c !== "#")
     return;
-  const i = t.find((l) => l.id === a);
-  !i || i.annotationType !== at.Link || i.dest && pn(n, i.dest).then((l) => {
+  const i = t.find((l) => l.id === s);
+  !i || i.annotationType !== st.Link || i.dest && pn(n, i.dest).then((l) => {
     r(l);
   });
 };
@@ -840,33 +842,33 @@ function to(e, t) {
   for (const n of un)
     e.addEventListener(n, t);
 }
-function Nt(e, t) {
+function Lt(e, t) {
   for (const n of un)
     e.removeEventListener(n, t);
 }
 const no = (e) => {
-  const { pageNumber: t } = e, n = W(null), { pages: r, pdf: o } = re(), a = W(), [c, i] = H(), { setFocusedPage: l, goToPage: p } = oe(), { scrollMode: h } = Te(), f = A(() => r.get(t), [r, t]), u = A(() => f == null ? void 0 : f.page.getViewport(), [f]);
+  const { pageNumber: t } = e, n = W(null), { pages: r, pdf: o } = Y(), s = W(), [c, i] = H(), { setFocusedPage: l, goToPage: p } = oe(), { scrollMode: m } = Se(), f = A(() => r.get(t), [r, t]), u = A(() => f == null ? void 0 : f.page.getViewport(), [f]);
   z(() => {
-    a.current && (a.current.div.replaceChildren(), a.current = void 0);
+    s.current && (s.current.div.replaceChildren(), s.current = void 0);
   }, [o]);
-  const m = A(() => o == null ? void 0 : o.annotationStorage, [o]);
+  const h = A(() => o == null ? void 0 : o.annotationStorage, [o]);
   z(() => {
     f && f.page.getAnnotations().then((_) => {
-      a.current = void 0, i(_), n.current && (n.current.innerText = "");
+      s.current = void 0, i(_), n.current && (n.current.innerText = "");
     });
   }, [f]);
   const g = x(
     (_) => {
-      eo(_), !(!c || !o) && (h === J.PAGE_SCROLLING ? Lt(_, c, o, (v) => l(v.pageIndex + 1)) : Lt(_, c, o, (v) => p(v.pageIndex + 1)));
+      eo(_), !(!c || !o) && (m === J.PAGE_SCROLLING ? Nt(_, c, o, (v) => l(v.pageIndex + 1)) : Nt(_, c, o, (v) => p(v.pageIndex + 1)));
     },
-    [o, c, p, l, h]
+    [o, c, p, l, m]
   );
   return z(() => {
     if (!f || !c)
       return;
     const _ = f.page.getViewport();
-    if (a.current) {
-      a.current.update({
+    if (s.current) {
+      s.current.update({
         viewport: _.clone({ dontFlip: !0 })
       });
       return;
@@ -874,15 +876,15 @@ const no = (e) => {
     for (const C of c) {
       const { annotationType: S } = C;
       switch (S) {
-        case at.Link:
+        case st.Link:
           Qr(C);
           break;
-        case at.Widget:
+        case st.Widget:
           break;
       }
     }
     return (async () => {
-      a.current = new Qn({
+      s.current = new Qn({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -890,11 +892,11 @@ const no = (e) => {
         structTreeLayer: void 0,
         page: f.page,
         viewport: _.clone({ dontFlip: !0 })
-      }), n.current && Nt(n.current, g);
+      }), n.current && Lt(n.current, g);
       const C = await (o == null ? void 0 : o.hasJSActions()), S = await (o == null ? void 0 : o.getFieldObjects());
-      return a.current.render({
+      return s.current.render({
         annotations: c,
-        annotationStorage: m,
+        annotationStorage: h,
         hasJSActions: C,
         fieldObjects: S,
         div: n.current,
@@ -909,9 +911,9 @@ const no = (e) => {
     })().then(() => {
       n.current && to(n.current, g);
     }), () => {
-      n.current && Nt(n.current, g);
+      n.current && Lt(n.current, g);
     };
-  }, [o, c, g]), /* @__PURE__ */ s(
+  }, [o, c, g]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
@@ -920,14 +922,14 @@ const no = (e) => {
       ref: n
     }
   );
-}, ro = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), bt = $e((e, t) => {
-  const { pageNumber: n, style: r, onIntersectRatioChange: o, ...a } = e, { pages: c } = re(), { rotate: i } = Ge(), { textLayer: l } = Un(), { currentZoom: p } = Ve(), h = W(c.get(n)), [f, u] = H(!1), m = W(null), [g, _] = H({
+}, ro = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), bt = Ge((e, t) => {
+  const { pageNumber: n, style: r, onIntersectRatioChange: o, ...s } = e, { pages: c } = Y(), { rotate: i } = Ve(), { textLayer: l } = Un(), { currentZoom: p } = Ue(), m = W(c.get(n)), [f, u] = H(!1), h = W(null), [g, _] = H({
     width: 0,
     height: 0
   });
-  Zt(t, () => m.current), z(() => {
-    if (c && (h.current = c.get(n), h.current)) {
-      const P = h.current.page.getViewport({ scale: p, rotation: i });
+  Zt(t, () => h.current), z(() => {
+    if (c && (m.current = c.get(n), m.current)) {
+      const P = m.current.page.getViewport({ scale: p, rotation: i });
       _(P);
     }
   }, [c, n, i, p]);
@@ -948,28 +950,28 @@ const no = (e) => {
   }, []);
   return z(() => {
     const P = new IntersectionObserver(
-      (L) => {
-        o && o(n, L[0].intersectionRatio);
+      (N) => {
+        o && o(n, N[0].intersectionRatio);
       },
       { threshold: ro }
     );
-    return m.current && P.observe(m.current), () => {
+    return h.current && P.observe(h.current), () => {
       P.disconnect(), o && o(n, -1);
     };
-  }, [o, n, i]), /* @__PURE__ */ s(
+  }, [o, n, i]), /* @__PURE__ */ a(
     "div",
     {
-      ref: m,
+      ref: h,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
-      ...a,
+      ...s,
       style: {
         ...r,
         "--rp-rotate": `${i}deg`,
         "--rp-page-rotate-translate": `${v}`,
         "--scale-factor": p
       },
-      className: Xe["rp-page-wrapper"],
+      className: Je["rp-page-wrapper"],
       children: /* @__PURE__ */ O(
         "div",
         {
@@ -977,40 +979,40 @@ const no = (e) => {
             width: `${g.width}px`,
             height: `${g.height}px`
           },
-          className: Xe["rp-page"],
+          className: Je["rp-page"],
           children: [
-            /* @__PURE__ */ s(jr, { onLoading: C, onLoaded: S, pageNumber: n }),
-            f && /* @__PURE__ */ s("div", { className: Xe["rp-loader-wrapper"], children: /* @__PURE__ */ s(mt, {}) }),
-            l && /* @__PURE__ */ s(Br, { pageNumber: n }),
-            /* @__PURE__ */ s(no, { pageNumber: n })
+            /* @__PURE__ */ a(jr, { onLoading: C, onLoaded: S, pageNumber: n }),
+            f && /* @__PURE__ */ a("div", { className: Je["rp-loader-wrapper"], children: /* @__PURE__ */ a(Le, {}) }),
+            l && /* @__PURE__ */ a(Br, { pageNumber: n }),
+            /* @__PURE__ */ a(no, { pageNumber: n })
           ]
         }
       )
     }
   );
 });
-function lt() {
-  return lt = Object.assign ? Object.assign.bind() : function(e) {
+function ut() {
+  return ut = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, lt.apply(null, arguments);
+  }, ut.apply(null, arguments);
 }
 function Mt(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function ut(e, t) {
-  return ut = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+function dt(e, t) {
+  return dt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
     return n.__proto__ = r, n;
-  }, ut(e, t);
+  }, dt(e, t);
 }
 function oo(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ut(e, t);
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, dt(e, t);
 }
 var Et = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
@@ -1026,13 +1028,13 @@ function so(e, t) {
       return !1;
   return !0;
 }
-function Ye(e, t) {
+function Qe(e, t) {
   t === void 0 && (t = so);
-  var n, r = [], o, a = !1;
+  var n, r = [], o, s = !1;
   function c() {
     for (var i = [], l = 0; l < arguments.length; l++)
       i[l] = arguments[l];
-    return a && n === this && t(i, r) || (o = e.apply(this, i), a = !0, n = this, r = i), o;
+    return s && n === this && t(i, r) || (o = e.apply(this, i), s = !0, n = this, r = i), o;
   }
   return c;
 }
@@ -1042,7 +1044,7 @@ function Ot(e, t) {
   var n = {};
   for (var r in e)
     if ({}.hasOwnProperty.call(e, r)) {
-      if (t.includes(r))
+      if (t.indexOf(r) !== -1)
         continue;
       n[r] = e[r];
     }
@@ -1066,13 +1068,13 @@ function co(e, t) {
   };
   return o;
 }
-var Qe = -1;
+var et = -1;
 function lo(e) {
-  if (e === void 0 && (e = !1), Qe === -1 || e) {
+  if (e === void 0 && (e = !1), et === -1 || e) {
     var t = document.createElement("div"), n = t.style;
-    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), Qe = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), et = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return Qe;
+  return et;
 }
 var Ce = null;
 function zt(e) {
@@ -1089,15 +1091,15 @@ var uo = 150, po = function(t) {
   t.data;
   var r = t.rowIndex;
   return r + ":" + n;
-}, Ee = null, Oe = null, De = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Ee = /* @__PURE__ */ new WeakSet(), Oe = /* @__PURE__ */ new WeakSet(), De = /* @__PURE__ */ new WeakSet());
+}, Oe = null, De = null, Ae = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Oe = /* @__PURE__ */ new WeakSet(), De = /* @__PURE__ */ new WeakSet(), Ae = /* @__PURE__ */ new WeakSet());
 function ho(e) {
-  var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, l = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, f = e.getRowOffset, u = e.getRowStartIndexForOffset, m = e.getRowStopIndexForStartIndex, g = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
+  var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, s = e.getColumnWidth, c = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, l = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, m = e.getRowHeight, f = e.getRowOffset, u = e.getRowStartIndexForOffset, h = e.getRowStopIndexForStartIndex, g = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
   return t = /* @__PURE__ */ function(C) {
     oo(S, C);
-    function S(L) {
+    function S(N) {
       var d;
-      return d = C.call(this, L) || this, d._instanceProps = g(d.props, Mt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
+      return d = C.call(this, N) || this, d._instanceProps = g(d.props, Mt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
         instance: Mt(d),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1105,7 +1107,7 @@ function ho(e) {
         scrollTop: typeof d.props.initialScrollTop == "number" ? d.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Ye(function(b, w, T, E, I, y, D, R) {
+      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Qe(function(b, w, T, E, I, y, D, R) {
         return d.props.onItemsRendered({
           overscanColumnStartIndex: b,
           overscanColumnStopIndex: w,
@@ -1116,7 +1118,7 @@ function ho(e) {
           visibleRowStartIndex: D,
           visibleRowStopIndex: R
         });
-      }), d._callOnScroll = void 0, d._callOnScroll = Ye(function(b, w, T, E, I) {
+      }), d._callOnScroll = void 0, d._callOnScroll = Qe(function(b, w, T, E, I) {
         return d.props.onScroll({
           horizontalScrollDirection: T,
           scrollLeft: b,
@@ -1125,27 +1127,27 @@ function ho(e) {
           scrollUpdateWasRequested: I
         });
       }), d._getItemStyle = void 0, d._getItemStyle = function(b, w) {
-        var T = d.props, E = T.columnWidth, I = T.direction, y = T.rowHeight, D = d._getItemStyleCache(_ && E, _ && I, _ && y), R = b + ":" + w, N;
+        var T = d.props, E = T.columnWidth, I = T.direction, y = T.rowHeight, D = d._getItemStyleCache(_ && E, _ && I, _ && y), R = b + ":" + w, L;
         if (D.hasOwnProperty(R))
-          N = D[R];
+          L = D[R];
         else {
           var M = n(d.props, w, d._instanceProps), F = I === "rtl";
-          D[R] = N = {
+          D[R] = L = {
             position: "absolute",
             left: F ? void 0 : M,
             right: F ? M : void 0,
             top: f(d.props, b, d._instanceProps),
-            height: h(d.props, b, d._instanceProps),
-            width: a(d.props, w, d._instanceProps)
+            height: m(d.props, b, d._instanceProps),
+            width: s(d.props, w, d._instanceProps)
           };
         }
-        return N;
-      }, d._getItemStyleCache = void 0, d._getItemStyleCache = Ye(function(b, w, T) {
+        return L;
+      }, d._getItemStyleCache = void 0, d._getItemStyleCache = Qe(function(b, w, T) {
         return {};
       }), d._onScroll = function(b) {
         var w = b.currentTarget, T = w.clientHeight, E = w.clientWidth, I = w.scrollLeft, y = w.scrollTop, D = w.scrollHeight, R = w.scrollWidth;
-        d.setState(function(N) {
-          if (N.scrollLeft === I && N.scrollTop === y)
+        d.setState(function(L) {
+          if (L.scrollLeft === I && L.scrollTop === y)
             return null;
           var M = d.props.direction, F = I;
           if (M === "rtl")
@@ -1161,10 +1163,10 @@ function ho(e) {
           var $ = Math.max(0, Math.min(y, D - T));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: N.scrollLeft < I ? "forward" : "backward",
+            horizontalScrollDirection: L.scrollLeft < I ? "forward" : "backward",
             scrollLeft: F,
             scrollTop: $,
-            verticalScrollDirection: N.scrollTop < y ? "forward" : "backward",
+            verticalScrollDirection: L.scrollTop < y ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, d._resetIsScrollingDebounced);
@@ -1197,9 +1199,9 @@ function ho(e) {
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(d) {
-      var b = d.align, w = b === void 0 ? "auto" : b, T = d.columnIndex, E = d.rowIndex, I = this.props, y = I.columnCount, D = I.height, R = I.rowCount, N = I.width, M = this.state, F = M.scrollLeft, $ = M.scrollTop, q = lo();
+      var b = d.align, w = b === void 0 ? "auto" : b, T = d.columnIndex, E = d.rowIndex, I = this.props, y = I.columnCount, D = I.height, R = I.rowCount, L = I.width, M = this.state, F = M.scrollLeft, $ = M.scrollTop, q = lo();
       T !== void 0 && (T = Math.max(0, Math.min(T, y - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, R - 1)));
-      var K = c(this.props, this._instanceProps), U = i(this.props, this._instanceProps), Z = U > N ? q : 0, se = K > D ? q : 0;
+      var K = c(this.props, this._instanceProps), U = i(this.props, this._instanceProps), Z = U > L ? q : 0, se = K > D ? q : 0;
       this.scrollTo({
         scrollLeft: T !== void 0 ? l(this.props, T, w, F, this._instanceProps, se) : F,
         scrollTop: E !== void 0 ? p(this.props, E, w, $, this._instanceProps, Z) : $
@@ -1236,28 +1238,28 @@ function ho(e) {
     }, P.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && At(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
-      var d = this.props, b = d.children, w = d.className, T = d.columnCount, E = d.direction, I = d.height, y = d.innerRef, D = d.innerElementType, R = d.innerTagName, N = d.itemData, M = d.itemKey, F = M === void 0 ? po : M, $ = d.outerElementType, q = d.outerTagName, K = d.rowCount, U = d.style, Z = d.useIsScrolling, se = d.width, pe = this.state.isScrolling, j = this._getHorizontalRangeToRender(), Y = j[0], he = j[1], we = this._getVerticalRangeToRender(), k = we[0], G = we[1], B = [];
+      var d = this.props, b = d.children, w = d.className, T = d.columnCount, E = d.direction, I = d.height, y = d.innerRef, D = d.innerElementType, R = d.innerTagName, L = d.itemData, M = d.itemKey, F = M === void 0 ? po : M, $ = d.outerElementType, q = d.outerTagName, K = d.rowCount, U = d.style, Z = d.useIsScrolling, se = d.width, pe = this.state.isScrolling, j = this._getHorizontalRangeToRender(), Q = j[0], he = j[1], we = this._getVerticalRangeToRender(), k = we[0], G = we[1], B = [];
       if (T > 0 && K)
-        for (var Q = k; Q <= G; Q++)
-          for (var me = Y; me <= he; me++)
-            B.push(Me(b, {
+        for (var ee = k; ee <= G; ee++)
+          for (var me = Q; me <= he; me++)
+            B.push(Ee(b, {
               columnIndex: me,
-              data: N,
+              data: L,
               isScrolling: Z ? pe : void 0,
               key: F({
                 columnIndex: me,
-                data: N,
-                rowIndex: Q
+                data: L,
+                rowIndex: ee
               }),
-              rowIndex: Q,
-              style: this._getItemStyle(Q, me)
+              rowIndex: ee,
+              style: this._getItemStyle(ee, me)
             }));
-      var Ze = c(this.props, this._instanceProps), je = i(this.props, this._instanceProps);
-      return Me($ || q || "div", {
+      var je = c(this.props, this._instanceProps), Be = i(this.props, this._instanceProps);
+      return Ee($ || q || "div", {
         className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: lt({
+        style: ut({
           position: "relative",
           height: I,
           width: se,
@@ -1266,36 +1268,36 @@ function ho(e) {
           willChange: "transform",
           direction: E
         }, U)
-      }, Me(D || R || "div", {
+      }, Ee(D || R || "div", {
         children: B,
         ref: y,
         style: {
-          height: Ze,
+          height: je,
           pointerEvents: pe ? "none" : void 0,
-          width: je
+          width: Be
         }
       }));
     }, P._callPropsCallbacks = function() {
       var d = this.props, b = d.columnCount, w = d.onItemsRendered, T = d.onScroll, E = d.rowCount;
       if (typeof w == "function" && b > 0 && E > 0) {
-        var I = this._getHorizontalRangeToRender(), y = I[0], D = I[1], R = I[2], N = I[3], M = this._getVerticalRangeToRender(), F = M[0], $ = M[1], q = M[2], K = M[3];
-        this._callOnItemsRendered(y, D, F, $, R, N, q, K);
+        var I = this._getHorizontalRangeToRender(), y = I[0], D = I[1], R = I[2], L = I[3], M = this._getVerticalRangeToRender(), F = M[0], $ = M[1], q = M[2], K = M[3];
+        this._callOnItemsRendered(y, D, F, $, R, L, q, K);
       }
       if (typeof T == "function") {
-        var U = this.state, Z = U.horizontalScrollDirection, se = U.scrollLeft, pe = U.scrollTop, j = U.scrollUpdateWasRequested, Y = U.verticalScrollDirection;
-        this._callOnScroll(se, pe, Z, Y, j);
+        var U = this.state, Z = U.horizontalScrollDirection, se = U.scrollLeft, pe = U.scrollTop, j = U.scrollUpdateWasRequested, Q = U.verticalScrollDirection;
+        this._callOnScroll(se, pe, Z, Q, j);
       }
     }, P._getHorizontalRangeToRender = function() {
-      var d = this.props, b = d.columnCount, w = d.overscanColumnCount, T = d.overscanColumnsCount, E = d.overscanCount, I = d.rowCount, y = this.state, D = y.horizontalScrollDirection, R = y.isScrolling, N = y.scrollLeft, M = w || T || E || 1;
+      var d = this.props, b = d.columnCount, w = d.overscanColumnCount, T = d.overscanColumnsCount, E = d.overscanCount, I = d.rowCount, y = this.state, D = y.horizontalScrollDirection, R = y.isScrolling, L = y.scrollLeft, M = w || T || E || 1;
       if (b === 0 || I === 0)
         return [0, 0, 0, 0];
-      var F = r(this.props, N, this._instanceProps), $ = o(this.props, F, N, this._instanceProps), q = !R || D === "backward" ? Math.max(1, M) : 1, K = !R || D === "forward" ? Math.max(1, M) : 1;
+      var F = r(this.props, L, this._instanceProps), $ = o(this.props, F, L, this._instanceProps), q = !R || D === "backward" ? Math.max(1, M) : 1, K = !R || D === "forward" ? Math.max(1, M) : 1;
       return [Math.max(0, F - q), Math.max(0, Math.min(b - 1, $ + K)), F, $];
     }, P._getVerticalRangeToRender = function() {
-      var d = this.props, b = d.columnCount, w = d.overscanCount, T = d.overscanRowCount, E = d.overscanRowsCount, I = d.rowCount, y = this.state, D = y.isScrolling, R = y.verticalScrollDirection, N = y.scrollTop, M = T || E || w || 1;
+      var d = this.props, b = d.columnCount, w = d.overscanCount, T = d.overscanRowCount, E = d.overscanRowsCount, I = d.rowCount, y = this.state, D = y.isScrolling, R = y.verticalScrollDirection, L = y.scrollTop, M = T || E || w || 1;
       if (b === 0 || I === 0)
         return [0, 0, 0, 0];
-      var F = u(this.props, N, this._instanceProps), $ = m(this.props, F, N, this._instanceProps), q = !D || R === "backward" ? Math.max(1, M) : 1, K = !D || R === "forward" ? Math.max(1, M) : 1;
+      var F = u(this.props, L, this._instanceProps), $ = h(this.props, F, L, this._instanceProps), q = !D || R === "backward" ? Math.max(1, M) : 1, K = !D || R === "forward" ? Math.max(1, M) : 1;
       return [Math.max(0, F - q), Math.max(0, Math.min(I - 1, $ + K)), F, $];
     }, S;
   }(Hn), t.defaultProps = {
@@ -1305,9 +1307,9 @@ function ho(e) {
   }, t;
 }
 var mo = function(t, n) {
-  var r = t.children, o = t.direction, a = t.height, c = t.innerTagName, i = t.outerTagName, l = t.overscanColumnsCount, p = t.overscanCount, h = t.overscanRowsCount, f = t.width, u = n.instance;
+  var r = t.children, o = t.direction, s = t.height, c = t.innerTagName, i = t.outerTagName, l = t.overscanColumnsCount, p = t.overscanCount, m = t.overscanRowsCount, f = t.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof p == "number" && Ee && !Ee.has(u) && (Ee.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && Oe && !Oe.has(u) && (Oe.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || i != null) && De && !De.has(u) && (De.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof p == "number" && Oe && !Oe.has(u) && (Oe.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof m == "number") && De && !De.has(u) && (De.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || i != null) && Ae && !Ae.has(u) && (Ae.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (o) {
       case "ltr":
@@ -1318,63 +1320,63 @@ var mo = function(t, n) {
     }
     if (typeof f != "number")
       throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (f === null ? "null" : typeof f) + '" was specified.'));
-    if (typeof a != "number")
-      throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
+    if (typeof s != "number")
+      throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
   }
 }, Ft = 50, hn = function(t, n) {
-  var r = t.rowCount, o = n.rowMetadataMap, a = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, i = 0;
+  var r = t.rowCount, o = n.rowMetadataMap, s = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, i = 0;
   if (c >= r && (c = r - 1), c >= 0) {
     var l = o[c];
     i = l.offset + l.size;
   }
-  var p = r - c - 1, h = p * a;
-  return i + h;
+  var p = r - c - 1, m = p * s;
+  return i + m;
 }, mn = function(t, n) {
-  var r = t.columnCount, o = n.columnMetadataMap, a = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, i = 0;
+  var r = t.columnCount, o = n.columnMetadataMap, s = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, i = 0;
   if (c >= r && (c = r - 1), c >= 0) {
     var l = o[c];
     i = l.offset + l.size;
   }
-  var p = r - c - 1, h = p * a;
-  return i + h;
+  var p = r - c - 1, m = p * s;
+  return i + m;
 }, ue = function(t, n, r, o) {
-  var a, c, i;
-  if (t === "column" ? (a = o.columnMetadataMap, c = n.columnWidth, i = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, c = n.rowHeight, i = o.lastMeasuredRowIndex), r > i) {
+  var s, c, i;
+  if (t === "column" ? (s = o.columnMetadataMap, c = n.columnWidth, i = o.lastMeasuredColumnIndex) : (s = o.rowMetadataMap, c = n.rowHeight, i = o.lastMeasuredRowIndex), r > i) {
     var l = 0;
     if (i >= 0) {
-      var p = a[i];
+      var p = s[i];
       l = p.offset + p.size;
     }
-    for (var h = i + 1; h <= r; h++) {
-      var f = c(h);
-      a[h] = {
+    for (var m = i + 1; m <= r; m++) {
+      var f = c(m);
+      s[m] = {
         offset: l,
         size: f
       }, l += f;
     }
     t === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
   }
-  return a[r];
+  return s[r];
 }, kt = function(t, n, r, o) {
-  var a, c;
-  t === "column" ? (a = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
-  var i = c > 0 ? a[c].offset : 0;
+  var s, c;
+  t === "column" ? (s = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (s = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
+  var i = c > 0 ? s[c].offset : 0;
   return i >= o ? fn(t, n, r, c, 0, o) : fo(t, n, r, Math.max(0, c), o);
-}, fn = function(t, n, r, o, a, c) {
-  for (; a <= o; ) {
-    var i = a + Math.floor((o - a) / 2), l = ue(t, n, i, r).offset;
+}, fn = function(t, n, r, o, s, c) {
+  for (; s <= o; ) {
+    var i = s + Math.floor((o - s) / 2), l = ue(t, n, i, r).offset;
     if (l === c)
       return i;
-    l < c ? a = i + 1 : l > c && (o = i - 1);
+    l < c ? s = i + 1 : l > c && (o = i - 1);
   }
-  return a > 0 ? a - 1 : 0;
-}, fo = function(t, n, r, o, a) {
-  for (var c = t === "column" ? n.columnCount : n.rowCount, i = 1; o < c && ue(t, n, o, r).offset < a; )
+  return s > 0 ? s - 1 : 0;
+}, fo = function(t, n, r, o, s) {
+  for (var c = t === "column" ? n.columnCount : n.rowCount, i = 1; o < c && ue(t, n, o, r).offset < s; )
     o += i, i *= 2;
-  return fn(t, n, r, Math.min(o, c - 1), Math.floor(o / 2), a);
-}, Wt = function(t, n, r, o, a, c, i) {
-  var l = t === "column" ? n.width : n.height, p = ue(t, n, r, c), h = t === "column" ? mn(n, c) : hn(n, c), f = Math.max(0, Math.min(h - l, p.offset)), u = Math.max(0, p.offset - l + i + p.size);
-  switch (o === "smart" && (a >= u - l && a <= f + l ? o = "auto" : o = "center"), o) {
+  return fn(t, n, r, Math.min(o, c - 1), Math.floor(o / 2), s);
+}, Wt = function(t, n, r, o, s, c, i) {
+  var l = t === "column" ? n.width : n.height, p = ue(t, n, r, c), m = t === "column" ? mn(n, c) : hn(n, c), f = Math.max(0, Math.min(m - l, p.offset)), u = Math.max(0, p.offset - l + i + p.size);
+  switch (o === "smart" && (s >= u - l && s <= f + l ? o = "auto" : o = "center"), o) {
     case "start":
       return f;
     case "end":
@@ -1383,7 +1385,7 @@ var mo = function(t, n) {
       return Math.round(u + (f - u) / 2);
     case "auto":
     default:
-      return a >= u && a <= f ? a : u > f || a < u ? u : f;
+      return s >= u && s <= f ? s : u > f || s < u ? u : f;
   }
 }, go = /* @__PURE__ */ ho({
   getColumnOffset: function(t, n, r) {
@@ -1393,20 +1395,20 @@ var mo = function(t, n) {
     return kt("column", t, r, n);
   },
   getColumnStopIndexForStartIndex: function(t, n, r, o) {
-    for (var a = t.columnCount, c = t.width, i = ue("column", t, n, o), l = r + c, p = i.offset + i.size, h = n; h < a - 1 && p < l; )
-      h++, p += ue("column", t, h, o).size;
-    return h;
+    for (var s = t.columnCount, c = t.width, i = ue("column", t, n, o), l = r + c, p = i.offset + i.size, m = n; m < s - 1 && p < l; )
+      m++, p += ue("column", t, m, o).size;
+    return m;
   },
   getColumnWidth: function(t, n, r) {
     return r.columnMetadataMap[n].size;
   },
   getEstimatedTotalHeight: hn,
   getEstimatedTotalWidth: mn,
-  getOffsetForColumnAndAlignment: function(t, n, r, o, a, c) {
-    return Wt("column", t, n, r, o, a, c);
+  getOffsetForColumnAndAlignment: function(t, n, r, o, s, c) {
+    return Wt("column", t, n, r, o, s, c);
   },
-  getOffsetForRowAndAlignment: function(t, n, r, o, a, c) {
-    return Wt("row", t, n, r, o, a, c);
+  getOffsetForRowAndAlignment: function(t, n, r, o, s, c) {
+    return Wt("row", t, n, r, o, s, c);
   },
   getRowOffset: function(t, n, r) {
     return ue("row", t, n, r).offset;
@@ -1418,15 +1420,15 @@ var mo = function(t, n) {
     return kt("row", t, r, n);
   },
   getRowStopIndexForStartIndex: function(t, n, r, o) {
-    for (var a = t.rowCount, c = t.height, i = ue("row", t, n, o), l = r + c, p = i.offset + i.size, h = n; h < a - 1 && p < l; )
-      h++, p += ue("row", t, h, o).size;
-    return h;
+    for (var s = t.rowCount, c = t.height, i = ue("row", t, n, o), l = r + c, p = i.offset + i.size, m = n; m < s - 1 && p < l; )
+      m++, p += ue("row", t, m, o).size;
+    return m;
   },
   initInstanceProps: function(t, n) {
-    var r = t, o = r.estimatedColumnWidth, a = r.estimatedRowHeight, c = {
+    var r = t, o = r.estimatedColumnWidth, s = r.estimatedRowHeight, c = {
       columnMetadataMap: {},
       estimatedColumnWidth: o || Ft,
-      estimatedRowHeight: a || Ft,
+      estimatedRowHeight: s || Ft,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
@@ -1442,7 +1444,7 @@ var mo = function(t, n) {
         shouldForceUpdate: l
       });
     }, n.resetAfterIndices = function(i) {
-      var l = i.columnIndex, p = i.rowIndex, h = i.shouldForceUpdate, f = h === void 0 ? !0 : h;
+      var l = i.columnIndex, p = i.rowIndex, m = i.shouldForceUpdate, f = m === void 0 ? !0 : m;
       typeof l == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, l - 1)), typeof p == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), f && n.forceUpdate();
     }, c;
   },
@@ -1469,67 +1471,67 @@ function Ht(e, t) {
 }
 var vo = ["style"], _o = ["style"];
 function wo(e, t) {
-  var n = e.style, r = Ot(e, vo), o = t.style, a = Ot(t, _o);
-  return !Ht(n, o) && !Ht(r, a);
+  var n = e.style, r = Ot(e, vo), o = t.style, s = Ot(t, _o);
+  return !Ht(n, o) && !Ht(r, s);
 }
 const bo = () => {
-  const { viewMode: e } = Ue(), { scrollMode: t } = Te(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = qe(), o = ht(), a = x(
-    (m) => o.widths[m] || 0,
+  const { viewMode: e } = qe(), { scrollMode: t } = Se(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = Ze(), o = mt(), s = x(
+    (h) => o.widths[h] || 0,
     [o]
   ), c = x(
-    (m) => o.heights[m] || 0,
+    (h) => o.heights[h] || 0,
     [o]
-  ), i = A(() => o.heights.length, [o]), l = A(() => Math.max(...o.widths), [o]), p = A(() => t === J.HORIZONTAL_SCROLLING ? i : e === ze.DUAL_PAGE ? 2 : 1, [e, t, t, i, r, l]);
+  ), i = A(() => o.heights.length, [o]), l = A(() => Math.max(...o.widths), [o]), p = A(() => t === J.HORIZONTAL_SCROLLING ? i : e === Fe.DUAL_PAGE ? 2 : 1, [e, t, t, i, r, l]);
   z(() => {
     n(p);
   }, [p, n]);
-  const h = A(() => t === J.HORIZONTAL_SCROLLING || t === J.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), f = A(() => o.heights.reduce((m, g) => m + g, 0) / o.heights.length || 0, [o]), u = A(() => o.widths.reduce((m, g) => m + g, 0) / o.heights.length || 0, [o]);
+  const m = A(() => t === J.HORIZONTAL_SCROLLING || t === J.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), f = A(() => o.heights.reduce((h, g) => h + g, 0) / o.heights.length || 0, [o]), u = A(() => o.widths.reduce((h, g) => h + g, 0) / o.heights.length || 0, [o]);
   return {
-    rowCount: h,
+    rowCount: m,
     rowHeight: c,
     columnCount: p,
-    columnWidth: a,
+    columnWidth: s,
     pageDimension: o,
     estimatedRowHeight: f,
     estimatedColumnWidth: u
   };
 };
-let ne;
-typeof window < "u" ? ne = window : typeof self < "u" ? ne = self : ne = global;
-let dt = null, pt = null;
-const $t = 20, et = ne.clearTimeout, Gt = ne.setTimeout, tt = ne.cancelAnimationFrame || ne.mozCancelAnimationFrame || ne.webkitCancelAnimationFrame, Vt = ne.requestAnimationFrame || ne.mozRequestAnimationFrame || ne.webkitRequestAnimationFrame;
-tt == null || Vt == null ? (dt = et, pt = function(t) {
+let re;
+typeof window < "u" ? re = window : typeof self < "u" ? re = self : re = global;
+let pt = null, ht = null;
+const $t = 20, tt = re.clearTimeout, Gt = re.setTimeout, nt = re.cancelAnimationFrame || re.mozCancelAnimationFrame || re.webkitCancelAnimationFrame, Vt = re.requestAnimationFrame || re.mozRequestAnimationFrame || re.webkitRequestAnimationFrame;
+nt == null || Vt == null ? (pt = tt, ht = function(t) {
   return Gt(t, $t);
-}) : (dt = function([t, n]) {
-  tt(t), et(n);
-}, pt = function(t) {
+}) : (pt = function([t, n]) {
+  nt(t), tt(n);
+}, ht = function(t) {
   const n = Vt(function() {
-    et(r), t();
+    tt(r), t();
   }), r = Gt(function() {
-    tt(n), t();
+    nt(n), t();
   }, $t);
   return [n, r];
 });
 function Co(e) {
-  let t, n, r, o, a, c, i;
+  let t, n, r, o, s, c, i;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
     c = function(C) {
-      const S = C.__resizeTriggers__, P = S.firstElementChild, L = S.lastElementChild, d = P.firstElementChild;
-      L.scrollLeft = L.scrollWidth, L.scrollTop = L.scrollHeight, d.style.width = P.offsetWidth + 1 + "px", d.style.height = P.offsetHeight + 1 + "px", P.scrollLeft = P.scrollWidth, P.scrollTop = P.scrollHeight;
-    }, a = function(C) {
+      const S = C.__resizeTriggers__, P = S.firstElementChild, N = S.lastElementChild, d = P.firstElementChild;
+      N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight, d.style.width = P.offsetWidth + 1 + "px", d.style.height = P.offsetHeight + 1 + "px", P.scrollLeft = P.scrollWidth, P.scrollTop = P.scrollHeight;
+    }, s = function(C) {
       return C.offsetWidth !== C.__resizeLast__.width || C.offsetHeight !== C.__resizeLast__.height;
     }, i = function(C) {
       if (C.target.className && typeof C.target.className.indexOf == "function" && C.target.className.indexOf("contract-trigger") < 0 && C.target.className.indexOf("expand-trigger") < 0)
         return;
       const S = this;
-      c(this), this.__resizeRAF__ && dt(this.__resizeRAF__), this.__resizeRAF__ = pt(function() {
-        a(S) && (S.__resizeLast__.width = S.offsetWidth, S.__resizeLast__.height = S.offsetHeight, S.__resizeListeners__.forEach(function(d) {
+      c(this), this.__resizeRAF__ && pt(this.__resizeRAF__), this.__resizeRAF__ = ht(function() {
+        s(S) && (S.__resizeLast__.width = S.offsetWidth, S.__resizeLast__.height = S.offsetHeight, S.__resizeListeners__.forEach(function(d) {
           d.call(S, C);
         }));
       });
     };
-    let u = !1, m = "";
+    let u = !1, h = "";
     r = "animationstart";
     const g = "Webkit Moz O ms".split(" ");
     let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
@@ -1538,26 +1540,26 @@ function Co(e) {
       if (C.style.animationName !== void 0 && (u = !0), u === !1) {
         for (let S = 0; S < g.length; S++)
           if (C.style[g[S] + "AnimationName"] !== void 0) {
-            v = g[S], m = "-" + v.toLowerCase() + "-", r = _[S], u = !0;
+            v = g[S], h = "-" + v.toLowerCase() + "-", r = _[S], u = !0;
             break;
           }
       }
     }
-    n = "resizeanim", t = "@" + m + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = m + "animation: 1ms " + n + "; ";
+    n = "resizeanim", t = "@" + h + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", o = h + "animation: 1ms " + n + "; ";
   }
   const p = function(u) {
     if (!u.getElementById("detectElementResize")) {
-      const m = (t || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = u.head || u.getElementsByTagName("head")[0], _ = u.createElement("style");
-      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = m : _.appendChild(u.createTextNode(m)), g.appendChild(_);
+      const h = (t || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = u.head || u.getElementsByTagName("head")[0], _ = u.createElement("style");
+      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = h : _.appendChild(u.createTextNode(h)), g.appendChild(_);
     }
   };
   return {
-    addResizeListener: function(u, m) {
+    addResizeListener: function(u, h) {
       if (l)
-        u.attachEvent("onresize", m);
+        u.attachEvent("onresize", h);
       else {
         if (!u.__resizeTriggers__) {
-          const g = u.ownerDocument, _ = ne.getComputedStyle(u);
+          const g = u.ownerDocument, _ = re.getComputedStyle(u);
           _ && _.position === "static" && (u.style.position = "relative"), p(g), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = g.createElement("div")).className = "resize-triggers";
           const v = g.createElement("div");
           v.className = "expand-trigger", v.appendChild(g.createElement("div"));
@@ -1566,13 +1568,13 @@ function Co(e) {
             P.animationName === n && c(u);
           }, u.__resizeTriggers__.addEventListener(r, u.__resizeTriggers__.__animationListener__));
         }
-        u.__resizeListeners__.push(m);
+        u.__resizeListeners__.push(h);
       }
     },
-    removeResizeListener: function(u, m) {
+    removeResizeListener: function(u, h) {
       if (l)
-        u.detachEvent("onresize", m);
-      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(m), 1), !u.__resizeListeners__.length) {
+        u.detachEvent("onresize", h);
+      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(h), 1), !u.__resizeListeners__.length) {
         u.removeEventListener("scroll", i, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(r, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
         try {
           u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
@@ -1597,14 +1599,14 @@ class Po extends $n {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), i = parseFloat(a.paddingRight || "0"), l = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), f = h.height - l - p, u = h.width - c - i, m = this._parentNode.offsetHeight - l - p, g = this._parentNode.offsetWidth - c - i;
-        (!n && (this.state.height !== m || this.state.scaledHeight !== f) || !r && (this.state.width !== g || this.state.scaledWidth !== u)) && (this.setState({
-          height: m,
+        const s = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(s.paddingLeft || "0"), i = parseFloat(s.paddingRight || "0"), l = parseFloat(s.paddingTop || "0"), p = parseFloat(s.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), f = m.height - l - p, u = m.width - c - i, h = this._parentNode.offsetHeight - l - p, g = this._parentNode.offsetWidth - c - i;
+        (!n && (this.state.height !== h || this.state.scaledHeight !== f) || !r && (this.state.width !== g || this.state.scaledWidth !== u)) && (this.setState({
+          height: h,
           width: g,
           scaledHeight: f,
           scaledWidth: u
         }), typeof o == "function" && o({
-          height: m,
+          height: h,
           scaledHeight: f,
           scaledWidth: u,
           width: g
@@ -1635,23 +1637,23 @@ class Po extends $n {
       defaultHeight: n,
       defaultWidth: r,
       disableHeight: o = !1,
-      disableWidth: a = !1,
+      disableWidth: s = !1,
       doNotBailOutOnEmptyChildren: c = !1,
       nonce: i,
       onResize: l,
       style: p = {},
-      tagName: h = "div",
+      tagName: m = "div",
       ...f
     } = this.props, {
       height: u,
-      scaledHeight: m,
+      scaledHeight: h,
       scaledWidth: g,
       width: _
     } = this.state, v = {
       overflow: "visible"
     }, C = {};
     let S = !1;
-    return o || (u === 0 && (S = !0), v.height = 0, C.height = u, C.scaledHeight = m), a || (_ === 0 && (S = !0), v.width = 0, C.width = _, C.scaledWidth = g), c && (S = !1), Me(h, {
+    return o || (u === 0 && (S = !0), v.height = 0, C.height = u, C.scaledHeight = h), s || (_ === 0 && (S = !0), v.width = 0, C.width = _, C.scaledWidth = g), c && (S = !1), Ee(m, {
       ref: this._setRef,
       style: {
         ...v,
@@ -1669,7 +1671,7 @@ const To = ({ widths: e, heights: t }) => {
       i.push(p);
     }
     return i;
-  }, [n, r]), a = A(() => [
+  }, [n, r]), s = A(() => [
     {
       position: "absolute",
       left: 0,
@@ -1683,27 +1685,27 @@ const To = ({ widths: e, heights: t }) => {
       width: e(n),
       height: t(n)
     }
-  ], [e, t, o]), c = A(() => a.reduce((i, l) => i + Number(l.width || 0), 0), [a]);
-  return /* @__PURE__ */ s("div", { style: { width: c, position: "relative" }, children: o.map((i, l) => /* @__PURE__ */ s(bt, { style: a[l], pageNumber: i }, i)) });
+  ], [e, t, o]), c = A(() => s.reduce((i, l) => i + Number(l.width || 0), 0), [s]);
+  return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: o.map((i, l) => /* @__PURE__ */ a(bt, { style: s[l], pageNumber: i }, i)) });
 }, So = ({ widths: e, heights: t }) => {
   const { focusedPage: n } = oe(), r = A(() => ({
     position: "absolute",
     width: e(n - 1),
     height: t(n - 1)
   }), [e, t, n]), o = A(() => e(n - 1), [e]);
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
       style: {
         width: o,
         position: "relative"
       },
-      children: /* @__PURE__ */ s(bt, { style: r, pageNumber: n }, n)
+      children: /* @__PURE__ */ a(bt, { style: r, pageNumber: n }, n)
     }
   );
 }, yo = Gn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
   const o = A(() => e + 1 + t * n.columnCount, [e, t, n]);
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     bt,
     {
       style: r,
@@ -1716,16 +1718,16 @@ const To = ({ widths: e, heights: t }) => {
   const { getContainer: e, container: t } = dr(), { scrollToPage: n } = nn(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
-    getPageScrollElementRef: a,
+    getPageScrollElementRef: s,
     getVirtualScrollableElementRef: c,
     setTotalInnerDimensions: i,
     totalInnerDimensions: l
-  } = qe(), { nextPage: p, prevPage: h, setFocusedPage: f, focusedPage: u } = oe(), { scrollMode: m } = Te(), { viewMode: g } = Ue(), _ = W(null), v = W(
+  } = Ze(), { nextPage: p, prevPage: m, setFocusedPage: f, focusedPage: u } = oe(), { scrollMode: h } = Se(), { viewMode: g } = qe(), _ = W(null), v = W(
     l
   ), C = W({
     viewMode: g,
-    scrollMode: m
-  }), S = W(!1), P = W(), { isFullScreen: L } = jn(), {
+    scrollMode: h
+  }), S = W(!1), P = W(), { isFullScreen: N } = jn(), {
     pageDimension: d,
     rowCount: b,
     rowHeight: w,
@@ -1733,7 +1735,7 @@ const To = ({ widths: e, heights: t }) => {
     columnWidth: E,
     estimatedColumnWidth: I,
     estimatedRowHeight: y
-  } = bo(), [D, R] = H({}), { isScrolling: N } = Kt(), M = W(), F = W({
+  } = bo(), [D, R] = H({}), { isScrolling: L } = Kt(), M = W(), F = W({
     scrollTop: 0,
     scrollLeft: 0
   });
@@ -1748,10 +1750,10 @@ const To = ({ widths: e, heights: t }) => {
   }), [T, se]), j = x(
     (k) => {
       const G = document.activeElement !== t;
-      !L && G || (["ArrowUp", "ArrowLeft"].includes(k.key) ? (k.preventDefault(), h()) : ["ArrowDown", "ArrowRight"].includes(k.key) && (k.preventDefault(), p()));
+      !N && G || (["ArrowUp", "ArrowLeft"].includes(k.key) ? (k.preventDefault(), m()) : ["ArrowDown", "ArrowRight"].includes(k.key) && (k.preventDefault(), p()));
     },
-    [p, h, L, m]
-  ), Y = x((k) => {
+    [p, m, N, h]
+  ), Q = x((k) => {
     F.current = {
       scrollTop: k.scrollTop,
       scrollLeft: k.scrollLeft
@@ -1783,14 +1785,14 @@ const To = ({ widths: e, heights: t }) => {
           });
     }
   }, [b, T, d, r, n]), z(() => {
-    if (N.current)
+    if (L.current)
       return;
-    if (C.current.viewMode !== g || C.current.scrollMode !== m) {
-      M.current && clearTimeout(M.current), R({}), S.current = !0, n(u), m === J.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
+    if (C.current.viewMode !== g || C.current.scrollMode !== h) {
+      M.current && clearTimeout(M.current), R({}), S.current = !0, n(u), h === J.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
         scrollTop: 0
       })), M.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          C.current = { viewMode: g, scrollMode: m };
+          C.current = { viewMode: g, scrollMode: h };
         });
       }, 100);
       return;
@@ -1798,7 +1800,7 @@ const To = ({ widths: e, heights: t }) => {
     const G = F.current.scrollTop, B = F.current.scrollLeft;
     if (l.height && l.width) {
       S.current = !0;
-      const { height: Q, width: me } = l, { height: Ze, width: je } = v.current, zn = G / Ze * Q, Fn = B / je * me, kn = Math.min(zn, Q) || 0, Wn = Math.min(Fn, me) || 0;
+      const { height: ee, width: me } = l, { height: je, width: Be } = v.current, zn = G / je * ee, Fn = B / Be * me, kn = Math.min(zn, ee) || 0, Wn = Math.min(Fn, me) || 0;
       r == null || r.scrollTo({
         scrollTop: kn,
         scrollLeft: Wn
@@ -1806,47 +1808,47 @@ const To = ({ widths: e, heights: t }) => {
         S.current = !1;
       }, 100);
     }
-  }, [l, g, m]), z(() => {
+  }, [l, g, h]), z(() => {
     const k = Object.entries(D);
-    if (N.current || S.current) {
-      N.current = !1;
+    if (L.current || S.current) {
+      L.current = !1;
       return;
     }
     let G = 0, B = -1;
-    k.forEach((Q) => {
-      B < Q[1] && (G = Number(Q[0]), B = Q[1]);
+    k.forEach((ee) => {
+      B < ee[1] && (G = Number(ee[0]), B = ee[1]);
     }), G && f(G);
   }, [D, f]), z(() => () => {
     M.current && clearTimeout(M.current), P.current && clearTimeout(P.current);
   }, []);
-  const he = A(() => ee(le["rp-pages-container"], {
+  const he = A(() => te(le["rp-pages-container"], {
     [le["rp-cursor-grab"]]: Z && !$,
     [le["rp-cursor-grabbing"]]: Z && $
   }), [Z, $]), we = x(
     (k) => {
       if (Z && k) {
-        const G = ee(le["rp-pages"]), B = document.querySelector(`.${G}`);
+        const G = te(le["rp-pages"]), B = document.querySelector(`.${G}`);
         K(B);
       }
     },
     [Z, K, le]
   );
-  return /* @__PURE__ */ s("div", { ref: e, tabIndex: -1, className: he, children: /* @__PURE__ */ s(Po, { children: ({ width: k, height: G }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: we, style: { width: k, height: G, scrollBehavior: U }, children: m === J.PAGE_SCROLLING ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ a("div", { ref: e, tabIndex: -1, className: he, children: /* @__PURE__ */ a(Po, { children: ({ width: k, height: G }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: we, style: { width: k, height: G, scrollBehavior: U }, children: h === J.PAGE_SCROLLING ? /* @__PURE__ */ a(
     "div",
     {
-      ref: a,
+      ref: s,
       style: { width: k, height: G },
-      className: ee(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
-      children: g === ze.DUAL_PAGE ? /* @__PURE__ */ s(To, { widths: E, heights: w }) : /* @__PURE__ */ s(So, { widths: E, heights: w })
+      className: te(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
+      children: g === Fe.DUAL_PAGE ? /* @__PURE__ */ a(To, { widths: E, heights: w }) : /* @__PURE__ */ a(So, { widths: E, heights: w })
     }
-  ) : I ? /* @__PURE__ */ s(
+  ) : I ? /* @__PURE__ */ a(
     go,
     {
       ref: o,
       itemData: pe,
       outerRef: c,
       innerRef: _,
-      onScroll: Y,
+      onScroll: Q,
       columnCount: T,
       columnWidth: E,
       rowHeight: w,
@@ -1855,114 +1857,126 @@ const To = ({ widths: e, heights: t }) => {
       estimatedColumnWidth: I,
       estimatedRowHeight: y,
       rowCount: b,
-      className: ee(
+      className: te(
         le["rp-pages"],
-        m === J.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
+        h === J.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
       ),
       style: { scrollBehavior: U },
       children: yo
     }
-  ) : null }) }) });
-}, Se = {
-  "rp-toolbar-content": "_rp-toolbar-content_fw3uq_1",
-  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_fw3uq_10",
-  "rp-toolbar-start": "_rp-toolbar-start_fw3uq_18",
-  "rp-toolbar-middle": "_rp-toolbar-middle_fw3uq_24",
-  "rp-toolbar-end": "_rp-toolbar-end_fw3uq_31"
-}, nt = {
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100%",
+        width: "100%"
+      },
+      children: /* @__PURE__ */ a(Le, {})
+    }
+  ) }) }) });
+}, ye = {
+  "rp-toolbar-content": "_rp-toolbar-content_2cv36_1",
+  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_2cv36_10",
+  "rp-toolbar-start": "_rp-toolbar-start_2cv36_32",
+  "rp-toolbar-middle": "_rp-toolbar-middle_2cv36_38",
+  "rp-toolbar-end": "_rp-toolbar-end_2cv36_45"
+}, rt = {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
   "rp-total-page": "_rp-total-page_1vu6o_12"
 }, Io = () => {
   const { prevIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Re, {});
+  return e || /* @__PURE__ */ a(Re, {});
 }, xo = () => {
   const { nextIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Re, { style: { transform: "rotate(180deg" } });
+  return e || /* @__PURE__ */ a(Re, { style: { transform: "rotate(180deg" } });
 }, Ro = () => {
-  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = oe(), [c, i] = H(e.toString()), { pageNavigationTool: l = !0 } = de(), { isSmallScreen: p } = _e();
+  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: s } = oe(), [c, i] = H(e.toString()), { pageNavigationTool: l = !0 } = de(), { isSmallScreen: p } = _e();
   z(() => {
     i(e.toString());
   }, [e]);
-  const h = x((g) => {
+  const m = x((g) => {
     const _ = g.target.value;
     i(_);
   }, []), f = x(() => {
-    const g = a(c);
+    const g = s(c);
     g.success || i(g.currentPage.toString());
-  }, [a, c, t]), u = x(() => {
+  }, [s, c, t]), u = x(() => {
     i(e.toString());
-  }, [e]), m = x(
+  }, [e]), h = x(
     (g) => {
       g.key === "Enter" && f();
     },
     [f]
   );
-  return typeof l != "boolean" ? /* @__PURE__ */ s(
+  return typeof l != "boolean" ? /* @__PURE__ */ a(
     l,
     {
       total: t,
       current: e,
       nextPage: r,
       prevPage: o,
-      goToPage: a,
+      goToPage: s,
       changePage: n
     }
-  ) : l ? /* @__PURE__ */ O("div", { className: nt["rp-paginate"], children: [
-    !p && /* @__PURE__ */ s(te, { content: "Previous page", children: /* @__PURE__ */ s(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(Io, {}) }) }),
-    /* @__PURE__ */ s(
+  ) : l ? /* @__PURE__ */ O("div", { className: rt["rp-paginate"], children: [
+    !p && /* @__PURE__ */ a(ne, { content: "Previous page", children: /* @__PURE__ */ a(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ a(Io, {}) }) }),
+    /* @__PURE__ */ a(
       jt,
       {
-        onKeyDown: m,
+        onKeyDown: h,
         onBlur: u,
-        onChange: h,
+        onChange: m,
         value: c,
-        className: nt["rp-page-input"]
+        className: rt["rp-page-input"]
       }
     ),
-    /* @__PURE__ */ O("span", { className: nt["rp-total-page"], children: [
+    /* @__PURE__ */ O("span", { className: rt["rp-total-page"], children: [
       "/",
       t
     ] }),
-    !p && /* @__PURE__ */ s(te, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(xo, {}) }) })
+    !p && /* @__PURE__ */ a(ne, { content: "Next page", children: /* @__PURE__ */ a(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ a(xo, {}) }) })
   ] }) : null;
 };
-var Ct = "Dialog", [gn, Ks] = Ir(Ct), [Lo, ae] = gn(Ct), vn = (e) => {
+var Ct = "Dialog", [gn, Ks] = wr(Ct), [No, ae] = gn(Ct), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
     open: r,
     defaultOpen: o,
-    onOpenChange: a,
+    onOpenChange: s,
     modal: c = !0
-  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, h] = Rr({
+  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, m] = Pr({
     prop: r,
     defaultProp: o,
-    onChange: a
+    onChange: s
   });
-  return /* @__PURE__ */ s(
-    Lo,
+  return /* @__PURE__ */ a(
+    No,
     {
       scope: t,
       triggerRef: i,
       contentRef: l,
-      contentId: Ke(),
-      titleId: Ke(),
-      descriptionId: Ke(),
+      contentId: Xe(),
+      titleId: Xe(),
+      descriptionId: Xe(),
       open: p,
-      onOpenChange: h,
-      onOpenToggle: V.useCallback(() => h((f) => !f), [h]),
+      onOpenChange: m,
+      onOpenToggle: V.useCallback(() => m((f) => !f), [m]),
       modal: c,
       children: n
     }
   );
 };
 vn.displayName = Ct;
-var _n = "DialogTrigger", No = V.forwardRef(
+var _n = "DialogTrigger", Lo = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = ae(_n, n), a = gt(t, o.triggerRef);
-    return /* @__PURE__ */ s(
-      Ne.button,
+    const { __scopeDialog: n, ...r } = e, o = ae(_n, n), s = gt(t, o.triggerRef);
+    return /* @__PURE__ */ a(
+      Me.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -1970,35 +1984,35 @@ var _n = "DialogTrigger", No = V.forwardRef(
         "aria-controls": o.contentId,
         "data-state": St(o.open),
         ...r,
-        ref: a,
+        ref: s,
         onClick: xe(e.onClick, o.onOpenToggle)
       }
     );
   }
 );
-No.displayName = _n;
+Lo.displayName = _n;
 var Pt = "DialogPortal", [Mo, wn] = gn(Pt, {
   forceMount: void 0
 }), bn = (e) => {
-  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = ae(Pt, t);
-  return /* @__PURE__ */ s(Mo, { scope: t, forceMount: n, children: V.Children.map(r, (c) => /* @__PURE__ */ s(vt, { present: n || a.open, children: /* @__PURE__ */ s(yr, { asChild: !0, container: o, children: c }) })) });
+  const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = ae(Pt, t);
+  return /* @__PURE__ */ a(Mo, { scope: t, forceMount: n, children: V.Children.map(r, (c) => /* @__PURE__ */ a(vt, { present: n || s.open, children: /* @__PURE__ */ a(Rr, { asChild: !0, container: o, children: c }) })) });
 };
 bn.displayName = Pt;
-var ke = "DialogOverlay", Cn = V.forwardRef(
+var We = "DialogOverlay", Cn = V.forwardRef(
   (e, t) => {
-    const n = wn(ke, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ae(ke, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ s(vt, { present: r || a.open, children: /* @__PURE__ */ s(Eo, { ...o, ref: t }) }) : null;
+    const n = wn(We, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = ae(We, e.__scopeDialog);
+    return s.modal ? /* @__PURE__ */ a(vt, { present: r || s.open, children: /* @__PURE__ */ a(Eo, { ...o, ref: t }) }) : null;
   }
 );
-Cn.displayName = ke;
+Cn.displayName = We;
 var Eo = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = ae(ke, n);
+    const { __scopeDialog: n, ...r } = e, o = ae(We, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ s(wr, { as: br, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
-        Ne.div,
+      /* @__PURE__ */ a(Sr, { as: br, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+        Me.div,
         {
           "data-state": St(o.open),
           ...r,
@@ -2010,8 +2024,8 @@ var Eo = V.forwardRef(
   }
 ), ve = "DialogContent", Pn = V.forwardRef(
   (e, t) => {
-    const n = wn(ve, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ae(ve, e.__scopeDialog);
-    return /* @__PURE__ */ s(vt, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s(Oo, { ...o, ref: t }) : /* @__PURE__ */ s(Do, { ...o, ref: t }) });
+    const n = wn(ve, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = ae(ve, e.__scopeDialog);
+    return /* @__PURE__ */ a(vt, { present: r || s.open, children: s.modal ? /* @__PURE__ */ a(Oo, { ...o, ref: t }) : /* @__PURE__ */ a(Do, { ...o, ref: t }) });
   }
 );
 Pn.displayName = ve;
@@ -2019,27 +2033,27 @@ var Oo = V.forwardRef(
   (e, t) => {
     const n = ae(ve, e.__scopeDialog), r = V.useRef(null), o = gt(t, n.contentRef, r);
     return V.useEffect(() => {
-      const a = r.current;
-      if (a)
-        return Cr(a);
-    }, []), /* @__PURE__ */ s(
+      const s = r.current;
+      if (s)
+        return yr(s);
+    }, []), /* @__PURE__ */ a(
       Tn,
       {
         ...e,
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: xe(e.onCloseAutoFocus, (a) => {
+        onCloseAutoFocus: xe(e.onCloseAutoFocus, (s) => {
           var c;
-          a.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+          s.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
         }),
-        onPointerDownOutside: xe(e.onPointerDownOutside, (a) => {
-          const c = a.detail.originalEvent, i = c.button === 0 && c.ctrlKey === !0;
-          (c.button === 2 || i) && a.preventDefault();
+        onPointerDownOutside: xe(e.onPointerDownOutside, (s) => {
+          const c = s.detail.originalEvent, i = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || i) && s.preventDefault();
         }),
         onFocusOutside: xe(
           e.onFocusOutside,
-          (a) => a.preventDefault()
+          (s) => s.preventDefault()
         )
       }
     );
@@ -2047,40 +2061,40 @@ var Oo = V.forwardRef(
 ), Do = V.forwardRef(
   (e, t) => {
     const n = ae(ve, e.__scopeDialog), r = V.useRef(!1), o = V.useRef(!1);
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ a(
       Tn,
       {
         ...e,
         ref: t,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (a) => {
+        onCloseAutoFocus: (s) => {
           var c, i;
-          (c = e.onCloseAutoFocus) == null || c.call(e, a), a.defaultPrevented || (r.current || (i = n.triggerRef.current) == null || i.focus(), a.preventDefault()), r.current = !1, o.current = !1;
+          (c = e.onCloseAutoFocus) == null || c.call(e, s), s.defaultPrevented || (r.current || (i = n.triggerRef.current) == null || i.focus(), s.preventDefault()), r.current = !1, o.current = !1;
         },
-        onInteractOutside: (a) => {
+        onInteractOutside: (s) => {
           var l, p;
-          (l = e.onInteractOutside) == null || l.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
-          const c = a.target;
-          ((p = n.triggerRef.current) == null ? void 0 : p.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+          (l = e.onInteractOutside) == null || l.call(e, s), s.defaultPrevented || (r.current = !0, s.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const c = s.target;
+          ((p = n.triggerRef.current) == null ? void 0 : p.contains(c)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && o.current && s.preventDefault();
         }
       }
     );
   }
 ), Tn = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...c } = e, i = ae(ve, n), l = V.useRef(null), p = gt(t, l);
-    return Pr(), /* @__PURE__ */ O(Ae, { children: [
-      /* @__PURE__ */ s(
-        Tr,
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = e, i = ae(ve, n), l = V.useRef(null), p = gt(t, l);
+    return Ir(), /* @__PURE__ */ O(ze, { children: [
+      /* @__PURE__ */ a(
+        xr,
         {
           asChild: !0,
           loop: !0,
           trapped: r,
           onMountAutoFocus: o,
-          onUnmountAutoFocus: a,
-          children: /* @__PURE__ */ s(
-            Sr,
+          onUnmountAutoFocus: s,
+          children: /* @__PURE__ */ a(
+            Tr,
             {
               role: "dialog",
               id: i.contentId,
@@ -2094,31 +2108,31 @@ var Oo = V.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ O(Ae, { children: [
-        /* @__PURE__ */ s(zo, { titleId: i.titleId }),
-        /* @__PURE__ */ s(ko, { contentRef: l, descriptionId: i.descriptionId })
+      /* @__PURE__ */ O(ze, { children: [
+        /* @__PURE__ */ a(zo, { titleId: i.titleId }),
+        /* @__PURE__ */ a(ko, { contentRef: l, descriptionId: i.descriptionId })
       ] })
     ] });
   }
 ), Tt = "DialogTitle", Sn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(Tt, n);
-    return /* @__PURE__ */ s(Ne.h2, { id: o.titleId, ...r, ref: t });
+    return /* @__PURE__ */ a(Me.h2, { id: o.titleId, ...r, ref: t });
   }
 );
 Sn.displayName = Tt;
 var yn = "DialogDescription", Ao = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(yn, n);
-    return /* @__PURE__ */ s(Ne.p, { id: o.descriptionId, ...r, ref: t });
+    return /* @__PURE__ */ a(Me.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
 Ao.displayName = yn;
 var In = "DialogClose", xn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(In, n);
-    return /* @__PURE__ */ s(
-      Ne.button,
+    return /* @__PURE__ */ a(
+      Me.button,
       {
         type: "button",
         ...r,
@@ -2132,12 +2146,12 @@ xn.displayName = In;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [Xs, Ln] = xr(Rn, {
+var Rn = "DialogTitleWarning", [Xs, Nn] = Cr(Rn, {
   contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
 }), zo = ({ titleId: e }) => {
-  const t = Ln(Rn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = Nn(Rn), 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.
 
@@ -2146,10 +2160,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
 }, Fo = "DialogDescriptionWarning", ko = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ln(Fo).contentName}}.`;
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Nn(Fo).contentName}}.`;
   return V.useEffect(() => {
-    var a;
-    const o = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    var s;
+    const o = (s = e.current) == null ? void 0 : s.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
 }, Wo = vn, Ho = bn, $o = Cn, Go = Pn, Vo = Sn, Uo = xn;
@@ -2162,26 +2176,26 @@ const ge = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, qo = () => {
-  const { pdfProperties: e } = re(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Nr(), o = A(() => {
+  const { pdfProperties: e } = Y(), { container: t } = Ne(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Lr(), o = A(() => {
     if (!e)
       return [];
     const {
-      fileSize: a,
+      fileSize: s,
       filename: c,
       title: i,
       author: l,
       subject: p,
-      createdOn: h,
+      createdOn: m,
       creator: f,
       keywords: u,
-      modifiedOn: m,
+      modifiedOn: h,
       pdfProducer: g,
       pdfVersion: _,
       pageCount: v
     } = e;
     return [
       { label: "File name", value: c },
-      { label: "File size", value: a },
+      { label: "File size", value: s },
       { separate: !0 },
       { label: "Title", value: i },
       { label: "Author", value: l },
@@ -2190,11 +2204,11 @@ const ge = {
       { label: "Creator", value: f },
       {
         label: "Created on",
-        value: h ? it(h) : ""
+        value: m ? ct(m) : ""
       },
       {
         label: "Modified on",
-        value: m ? it(m) : ""
+        value: h ? ct(h) : ""
       },
       { separate: !0 },
       { label: "PDF producer", value: g },
@@ -2202,12 +2216,12 @@ const ge = {
       { label: "Page count", value: v }
     ];
   }, [e]);
-  return /* @__PURE__ */ s(Wo, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(Ho, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ s($o, { className: ge["rp-dialog-overlay"] }),
+  return /* @__PURE__ */ a(Wo, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(Ho, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a($o, { className: ge["rp-dialog-overlay"] }),
     /* @__PURE__ */ O(Go, { className: ge["rp-document-dialog"], children: [
-      /* @__PURE__ */ s(Vo, { className: ge["rp-dialog-title"], children: "Document Properties" }),
-      /* @__PURE__ */ s("div", { className: ge["rp-document-properties"], children: o.map((a, c) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: ge["rp-properties-divider"] }) : /* @__PURE__ */ s(Lr, { label: a.label, value: a.value }) }, c)) }),
-      /* @__PURE__ */ s(Uo, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ s(Qt, {}) })
+      /* @__PURE__ */ a(Vo, { className: ge["rp-dialog-title"], children: "Document Properties" }),
+      /* @__PURE__ */ a("div", { className: ge["rp-document-properties"], children: o.map((s, c) => /* @__PURE__ */ a("div", { children: s.separate ? /* @__PURE__ */ a("div", { className: ge["rp-properties-divider"] }) : /* @__PURE__ */ a(Nr, { label: s.label, value: s.value }) }, c)) }),
+      /* @__PURE__ */ a(Uo, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ a(Qt, {}) })
     ] })
   ] }) }) });
 }, Zo = {
@@ -2216,31 +2230,31 @@ const ge = {
   const n = await (await fetch(e)).blob();
   return jo(n);
 }, Ko = () => {
-  const { filename: e, pdfSrc: t } = re();
+  const { filename: e, pdfSrc: t } = Y();
   return { download: x(async () => {
     if (!e || !t)
       throw new Error("There is no PDF source to download");
     const r = document.createElement("a");
     r.href = await Bo(t), r.download = e, document.body.appendChild(r), r.click(), document.body.removeChild(r);
   }, []) };
-}, Nn = () => {
+}, Ln = () => {
   const { downloadIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Ar, {});
-}, Mn = ({ children: e, className: t }) => /* @__PURE__ */ s(te, { className: t, content: "Download file", children: e }), Xo = ({ download: e }) => /* @__PURE__ */ s(Mn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(Nn, {}) }) }), Jo = ({ download: e }) => /* @__PURE__ */ s(fe, { onClick: e, children: /* @__PURE__ */ O(Mn, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Nn, {}) }),
+  return e || /* @__PURE__ */ a(Ar, {});
+}, Mn = ({ children: e, className: t }) => /* @__PURE__ */ a(ne, { className: t, content: "Download file", children: e }), Xo = ({ download: e }) => /* @__PURE__ */ a(Mn, { children: /* @__PURE__ */ a(X, { onClick: e, children: /* @__PURE__ */ a(Ln, {}) }) }), Jo = ({ download: e }) => /* @__PURE__ */ a(fe, { onClick: e, children: /* @__PURE__ */ O(Mn, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Ln, {}) }),
   "Download file"
 ] }) }), En = () => {
   const { download: e } = Ko(), { downloadTool: t = !0 } = de(), { isSmallScreen: n } = _e();
-  return t ? n ? /* @__PURE__ */ s(Jo, { download: e }) : typeof t == "function" ? /* @__PURE__ */ s(t, { download: e }) : t ? /* @__PURE__ */ s(Xo, { download: e }) : null : null;
+  return t ? n ? /* @__PURE__ */ a(Jo, { download: e }) : typeof t == "function" ? /* @__PURE__ */ a(t, { download: e }) : t ? /* @__PURE__ */ a(Xo, { download: e }) : null : null;
 }, On = () => {
   const { printIcon: e } = ce();
-  return e || /* @__PURE__ */ s(zr, {});
-}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ s(te, { className: t, content: "Print", children: e }), Yo = ({ print: e }) => /* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(On, {}) }) }), Qo = ({ print: e }) => /* @__PURE__ */ s(fe, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(On, {}) }),
+  return e || /* @__PURE__ */ a(zr, {});
+}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ a(ne, { className: t, content: "Print", children: e }), Yo = ({ print: e }) => /* @__PURE__ */ a(Dn, { children: /* @__PURE__ */ a(X, { onClick: e, children: /* @__PURE__ */ a(On, {}) }) }), Qo = ({ print: e }) => /* @__PURE__ */ a(fe, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(On, {}) }),
   "Print"
 ] }) }), An = () => {
-  const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: a } = wt(), { printTool: c = !0 } = de(), { isSmallScreen: i } = _e();
-  return c ? i ? /* @__PURE__ */ s(Qo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ s(
+  const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: s } = wt(), { printTool: c = !0 } = de(), { isSmallScreen: i } = _e();
+  return c ? i ? /* @__PURE__ */ a(Qo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ a(
     c,
     {
       print: e,
@@ -2248,163 +2262,161 @@ const ge = {
       setOnProgress: n,
       setOnError: o,
       setOnComplete: r,
-      progress: a
+      progress: s
     }
-  ) : c ? /* @__PURE__ */ s(Yo, { print: e }) : null : null;
+  ) : c ? /* @__PURE__ */ a(Yo, { print: e }) : null : null;
 }, ea = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, ta = () => {
   const { goToFirstPageIcon: e } = ce();
-  return e || /* @__PURE__ */ s(tn, { className: ea["rp-go-to-Top"] });
+  return e || /* @__PURE__ */ a(tn, { className: ea["rp-go-to-Top"] });
 }, na = () => {
   const { goToLastPageIcon: e } = ce();
-  return e || /* @__PURE__ */ s(tn, {});
+  return e || /* @__PURE__ */ a(tn, {});
 }, ra = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: r = !0 } = de(), o = A(() => n === 1, [n]), a = A(() => n === t, [n, t]), c = x(() => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: r = !0 } = de(), o = A(() => n === 1, [n]), s = A(() => n === t, [n, t]), c = x(() => {
     e(1);
   }, [e]), i = x(() => {
     e(t);
   }, [e, t]);
-  return r ? /* @__PURE__ */ O(Fe, { children: [
-    /* @__PURE__ */ s(fe, { disabled: o, onClick: c, children: /* @__PURE__ */ O(te, { className: "rp-menu-item", content: "Go to first page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(ta, {}) }),
+  return r ? /* @__PURE__ */ O(ke, { children: [
+    /* @__PURE__ */ a(fe, { disabled: o, onClick: c, children: /* @__PURE__ */ O(ne, { className: "rp-menu-item", content: "Go to first page", children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(ta, {}) }),
       "First page"
     ] }) }),
-    /* @__PURE__ */ s(fe, { disabled: a, onClick: i, children: /* @__PURE__ */ O(te, { className: "rp-menu-item", content: "Go to last page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(na, {}) }),
+    /* @__PURE__ */ a(fe, { disabled: s, onClick: i, children: /* @__PURE__ */ O(ne, { className: "rp-menu-item", content: "Go to last page", children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(na, {}) }),
       "Last page"
     ] }) }),
-    /* @__PURE__ */ s(_t, {})
+    /* @__PURE__ */ a(_t, {})
   ] }) : null;
 }, oa = () => {
-  const { container: e } = Le(), { isSmallScreen: t } = _e(), {
+  const { container: e } = Ne(), { isSmallScreen: t } = _e(), {
     openFileTool: n,
     downloadTool: r,
     documentProperties: o,
-    scrollModeTool: a,
+    scrollModeTool: s,
     rotateTool: c,
     selectionModeTool: i,
     jumpNavigationTool: l,
     printTool: p,
-    fullscreenTool: h
+    fullscreenTool: m
   } = de();
   return A(() => {
-    const u = l || c || i || a || o;
-    let m = !1;
-    return t && (m = !(!n && !r && !p && !h)), u || m;
+    const u = l || c || i || s || o;
+    let h = !1;
+    return t && (h = !(!n && !r && !p && !m)), u || h;
   }, [
     n,
     r,
     o,
-    a,
+    s,
     c,
     i,
     l,
     t
   ]) ? /* @__PURE__ */ O(Mr, { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       ft,
       {
         container: e,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(te, { content: "More options", children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(_r, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(ne, { content: "More options", children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(_r, {}) }) }) }),
         children: /* @__PURE__ */ O("div", { className: Zo["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          t && /* @__PURE__ */ O(Fe, { children: [
-            /* @__PURE__ */ s(Yt, {}),
-            /* @__PURE__ */ s(En, {}),
-            /* @__PURE__ */ s(An, {}),
-            /* @__PURE__ */ s(en, {}),
-            /* @__PURE__ */ s(_t, {})
+          t && /* @__PURE__ */ O(ke, { children: [
+            /* @__PURE__ */ a(Yt, {}),
+            /* @__PURE__ */ a(En, {}),
+            /* @__PURE__ */ a(An, {}),
+            /* @__PURE__ */ a(en, {}),
+            /* @__PURE__ */ a(_t, {})
           ] }),
-          /* @__PURE__ */ s(ra, {}),
-          /* @__PURE__ */ s(Or, {}),
-          /* @__PURE__ */ s(Fr, {}),
-          /* @__PURE__ */ s(Dr, {}),
-          /* @__PURE__ */ s(Er, {})
+          /* @__PURE__ */ a(ra, {}),
+          /* @__PURE__ */ a(Or, {}),
+          /* @__PURE__ */ a(Fr, {}),
+          /* @__PURE__ */ a(Dr, {}),
+          /* @__PURE__ */ a(Er, {})
         ] })
       }
     ),
-    /* @__PURE__ */ s(qo, {})
+    /* @__PURE__ */ a(qo, {})
   ] }) : null;
 }, aa = () => {
   const { isSmallScreen: e } = _e();
-  return /* @__PURE__ */ O(Ae, { children: [
-    /* @__PURE__ */ s(vr, {}),
-    !e && /* @__PURE__ */ O(Ae, { children: [
-      /* @__PURE__ */ s(Yt, {}),
-      /* @__PURE__ */ s(En, {}),
-      /* @__PURE__ */ s(An, {}),
-      /* @__PURE__ */ s(en, {})
+  return /* @__PURE__ */ O(ze, { children: [
+    /* @__PURE__ */ a(vr, {}),
+    !e && /* @__PURE__ */ O(ze, { children: [
+      /* @__PURE__ */ a(Yt, {}),
+      /* @__PURE__ */ a(En, {}),
+      /* @__PURE__ */ a(An, {}),
+      /* @__PURE__ */ a(en, {})
     ] }),
-    /* @__PURE__ */ s(oa, {})
+    /* @__PURE__ */ a(oa, {})
   ] });
-}, ye = {
-  "rp-zoom-wrapper": "_rp-zoom-wrapper_163s9_1",
-  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_163s9_6",
-  "rp-current-zoom-icon": "_rp-current-zoom-icon_163s9_11",
-  "rp-current-zoom": "_rp-current-zoom_163s9_6",
-  "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_163s9_20"
-}, sa = 25, rt = 1e3, ia = [50, 75, 100, 125, 150, 200, 300, 400], ca = () => {
+}, Pe = {
+  "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
+  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_cocqs_6",
+  "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"
+}, sa = 25, ot = 1e3, ia = [50, 75, 100, 125, 150, 200, 300, 400], ca = () => {
   const { zoomInIcon: e } = ce();
-  return e || /* @__PURE__ */ s(kr, {});
+  return e || /* @__PURE__ */ a(kr, {});
 }, la = () => {
   const { zoomOutIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Wr, {});
+  return e || /* @__PURE__ */ a(Wr, {});
 }, ua = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Ve(), { container: n, contentRef: r } = Le(), { zoomTool: o = !0 } = de(), { focusedPage: a } = oe(), { rotate: c } = Ge(), { pages: i } = re(), { isSmallScreen: l } = _e(), p = x(() => {
+  const { zoomLevel: e, setZoomLevel: t } = Ue(), { container: n, contentRef: r } = Ne(), { zoomTool: o = !0 } = de(), { focusedPage: s } = oe(), { rotate: c } = Ve(), { pages: i } = Y(), { isSmallScreen: l } = _e(), p = x(() => {
     t((v) => {
       const C = Math.floor(v / 25) * 25;
-      return Math.min(C + 25, rt);
+      return Math.min(C + 25, ot);
     });
-  }, [t]), h = x(() => {
+  }, [t]), m = x(() => {
     t((v) => {
       const C = Math.ceil(v / 25) * 25;
-      return Math.min(C - 25, rt);
+      return Math.min(C - 25, ot);
     });
-  }, [t]), f = A(() => e === sa, [e]), u = A(() => e === rt, [e]), m = A(() => {
+  }, [t]), f = A(() => e === sa, [e]), u = A(() => e === ot, [e]), h = A(() => {
     var v;
-    return (v = i.get(a)) == null ? void 0 : v.page.getViewport({ scale: 1, rotation: c });
-  }, [i, a, c]), g = x(
+    return (v = i.get(s)) == null ? void 0 : v.page.getViewport({ scale: 1, rotation: c });
+  }, [i, s, c]), g = x(
     (v) => {
-      const C = ((m == null ? void 0 : m.width) || 0) + 2 * It, S = ((m == null ? void 0 : m.height) || 0) + 2 * It, P = (r == null ? void 0 : r.clientWidth) || 0, L = (r == null ? void 0 : r.clientHeight) || 0, d = Hr(v, P, L, C, S);
+      const C = ((h == null ? void 0 : h.width) || 0) + 2 * It, S = ((h == null ? void 0 : h.height) || 0) + 2 * It, P = (r == null ? void 0 : r.clientWidth) || 0, N = (r == null ? void 0 : r.clientHeight) || 0, d = Hr(v, P, N, C, S);
       t(d);
     },
-    [t, m]
+    [t, h]
   ), _ = x(
     (v) => {
       typeof v == "number" ? t(v) : g(v);
     },
     [t, g]
   );
-  return typeof o != "boolean" ? /* @__PURE__ */ s(o, { zoomLevel: e, setZoomLevel: t }) : o ? /* @__PURE__ */ O("div", { className: ye["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ s(te, { content: "Zoom out", children: /* @__PURE__ */ s(X, { disabled: f, onClick: h, children: /* @__PURE__ */ s(la, {}) }) }),
-    !l && /* @__PURE__ */ s(
+  return typeof o != "boolean" ? /* @__PURE__ */ a(o, { zoomLevel: e, setZoomLevel: t }) : o ? /* @__PURE__ */ O("div", { className: Pe["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ a(ne, { content: "Zoom out", children: /* @__PURE__ */ a(X, { disabled: f, onClick: m, children: /* @__PURE__ */ a(la, {}) }) }),
+    !l && /* @__PURE__ */ a(
       ft,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(te, { content: "Select zoom level", children: /* @__PURE__ */ O(X, { className: ye["rp-current-zoom-wrapper"], children: [
-          /* @__PURE__ */ O("span", { className: ye["rp-current-zoom"], children: [
-            e,
-            " %"
-          ] }),
-          /* @__PURE__ */ s(Re, { className: ye["rp-current-zoom-icon"] })
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(ne, { content: "Select zoom level", children: /* @__PURE__ */ O(X, { className: Pe["rp-current-zoom-wrapper"], children: [
+          /* @__PURE__ */ a("span", { className: Pe["rp-current-zoom-text"], children: e }),
+          /* @__PURE__ */ a("span", { className: Pe["rp-current-zoom-text"], children: "%" }),
+          /* @__PURE__ */ a(Re, { className: Pe["rp-current-zoom-icon"] })
         ] }) }) }),
         style: { minWidth: "200px" },
         align: "center",
-        children: /* @__PURE__ */ O("div", { className: ye["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ O(Fe, { children: [
-            /* @__PURE__ */ s(fe, { onClick: () => _(Be.ACTUAL), children: "Actual size" }),
-            /* @__PURE__ */ s(fe, { onClick: () => _(Be.PAGE_FIT), children: "Page fit" }),
-            /* @__PURE__ */ s(fe, { onClick: () => _(Be.PAGE_WIDTH), children: "Page width" })
+        children: /* @__PURE__ */ O("div", { className: Pe["rp-zoom-dropdown-content"], children: [
+          /* @__PURE__ */ O(ke, { children: [
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.ACTUAL), children: "Actual size" }),
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.PAGE_FIT), children: "Page fit" }),
+            /* @__PURE__ */ a(fe, { onClick: () => _(Ke.PAGE_WIDTH), children: "Page width" })
           ] }),
-          /* @__PURE__ */ s(_t, {}),
-          /* @__PURE__ */ s(Fe, { children: ia.map((v) => /* @__PURE__ */ O(fe, { onClick: () => _(v), children: [
+          /* @__PURE__ */ a(_t, {}),
+          /* @__PURE__ */ a(ke, { children: ia.map((v) => /* @__PURE__ */ O(fe, { onClick: () => _(v), children: [
             v,
             " %"
           ] }, v)) })
         ] })
       }
     ),
-    /* @__PURE__ */ s(te, { content: "Zoom in", children: /* @__PURE__ */ s(X, { disabled: u, onClick: p, children: /* @__PURE__ */ s(ca, {}) }) })
+    /* @__PURE__ */ a(ne, { content: "Zoom in", children: /* @__PURE__ */ a(X, { disabled: u, onClick: p, children: /* @__PURE__ */ a(ca, {}) }) })
   ] }) : null;
 }, ie = {
   "rp-search-tool-content": "_rp-search-tool-content_1vxow_1",
@@ -2417,100 +2429,100 @@ const ge = {
   "rp-search-input": "_rp-search-input_1vxow_49"
 }, Ut = () => {
   const { searchIcon: e } = ce();
-  return e || /* @__PURE__ */ s($r, {});
+  return e || /* @__PURE__ */ a($r, {});
 }, da = () => {
-  const { container: e } = Le(), [t, n] = H(!1), { pdf: r } = re(), [o, a] = H(null), {
+  const { container: e } = Ne(), [t, n] = H(!1), { pdf: r } = Y(), [o, s] = H(null), {
     searchOptions: c,
     setSearchOptions: i,
     loading: l,
     setSearch: p,
-    totalMatches: h,
+    totalMatches: m,
     currentMatchPosition: f,
     nextMatch: u,
-    prevMatch: m,
+    prevMatch: h,
     search: g
   } = ln(), { searchTool: _ = !0 } = de(), [v, C] = H(g), S = x(() => {
     n(!0);
   }, []), P = x(() => {
     p(""), C(""), n(!1);
-  }, [p]), L = x(
+  }, [p]), N = x(
     (R) => {
       R.key === "Escape" && t && P();
     },
     [t]
   ), d = x(
     (R) => {
-      R.shiftKey && R.key === "Enter" ? m() : R.key === "Enter" && g !== v ? p(v) : R.key === "Enter" && u();
+      R.shiftKey && R.key === "Enter" ? h() : R.key === "Enter" && g !== v ? p(v) : R.key === "Enter" && u();
     },
-    [v, m, u, p, g]
+    [v, h, u, p, g]
   );
-  z(() => (window.addEventListener("keydown", L), () => {
-    window.removeEventListener("keydown", L);
-  }), [L]), z(() => {
+  z(() => (window.addEventListener("keydown", N), () => {
+    window.removeEventListener("keydown", N);
+  }), [N]), z(() => {
     o && o.focus();
   }, [o]);
   const b = x((R) => {
     C(R.target.value);
   }, []), w = x(() => {
     C(""), p("");
-  }, [p]), T = A(() => `${f} / ${h}`, [f, h]), { wholeWords: E, matchCase: I } = A(() => c, [c]), y = x(
+  }, [p]), T = A(() => `${f} / ${m}`, [f, m]), { wholeWords: E, matchCase: I } = A(() => c, [c]), y = x(
     (R) => {
-      i((N) => ({ ...N, matchCase: R }));
+      i((L) => ({ ...L, matchCase: R }));
     },
     [i]
   ), D = x(
     (R) => {
-      i((N) => ({ ...N, wholeWords: R }));
+      i((L) => ({ ...L, wholeWords: R }));
     },
     [i]
   );
   return z(() => {
     P();
-  }, [r, P]), _ ? /* @__PURE__ */ s(
+  }, [r, P]), _ ? /* @__PURE__ */ a(
     ft,
     {
       open: t,
       container: e,
       align: "start",
-      triggerComponent: /* @__PURE__ */ s(te, { content: "Search in document", children: /* @__PURE__ */ s(X, { onClick: S, children: /* @__PURE__ */ s(Ut, {}) }) }),
+      triggerComponent: /* @__PURE__ */ a(ne, { content: "Search in document", children: /* @__PURE__ */ a(X, { onClick: S, children: /* @__PURE__ */ a(Ut, {}) }) }),
       children: /* @__PURE__ */ O("div", { className: ie["rp-search-tool-content"], children: [
         /* @__PURE__ */ O("div", { className: ie["rp-search-tool-input-wrapper"], children: [
           /* @__PURE__ */ O("div", { className: ie["rp-search-tool-input"], children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               jt,
               {
                 value: v,
                 onKeyDown: d,
                 onChange: b,
-                icon: /* @__PURE__ */ s(Ut, {}),
+                icon: /* @__PURE__ */ a(Ut, {}),
                 placeholder: "Enter to Search",
                 className: ie["rp-search-input"],
-                ref: a,
-                children: !!v && /* @__PURE__ */ s("span", { className: ie["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ s(Gr, {}) })
+                ref: s,
+                children: !!v && /* @__PURE__ */ a("span", { className: ie["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ a(Gr, {}) })
               }
             ),
-            l ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(mt, {}) }) : /* @__PURE__ */ s("span", { children: T })
+            l ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(Le, {}) }) : /* @__PURE__ */ a("span", { children: T })
           ] }),
           /* @__PURE__ */ O("div", { className: ie["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ s(xt, { name: "matchCase", value: I, onChange: y, children: "Match Case" }),
-            /* @__PURE__ */ s(xt, { name: "wholeWord", value: E, onChange: D, children: "Whole Word" })
+            /* @__PURE__ */ a(xt, { name: "matchCase", value: I, onChange: y, children: "Match Case" }),
+            /* @__PURE__ */ a(xt, { name: "wholeWord", value: E, onChange: D, children: "Whole Word" })
           ] })
         ] }),
         /* @__PURE__ */ O("div", { className: ie["rp-search-tool-controls"], children: [
-          /* @__PURE__ */ s(X, { onClick: m, children: /* @__PURE__ */ s(Re, { className: ie["rp-search-tool-input-icon"] }) }),
-          /* @__PURE__ */ s(X, { onClick: u, children: /* @__PURE__ */ s(
+          /* @__PURE__ */ a(X, { onClick: h, children: /* @__PURE__ */ a(Re, { className: ie["rp-search-tool-input-icon"] }) }),
+          /* @__PURE__ */ a(X, { onClick: u, children: /* @__PURE__ */ a(
             Re,
             {
               style: { transform: "rotate(180deg" },
               className: ie["rp-search-tool-input-icon"]
             }
           ) }),
-          /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(Qt, { onClick: P, className: ie["rp-search-tool-input-icon"] }) })
+          /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(Qt, { onClick: P, className: ie["rp-search-tool-input-icon"] }) })
         ] })
       ] })
     }
   ) : null;
-}, pa = "_loading_1snj5_1", Pe = {
+}, pa = "_loading_1snj5_1", Te = {
   "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
   "rp-loading-modal": "_rp-loading-modal_1snj5_14",
   "rp-loading-title": "_rp-loading-title_1snj5_27",
@@ -2520,31 +2532,31 @@ const ge = {
   loading: pa
 }, ha = ({ percentage: e }) => {
   const { cancel: t } = wt();
-  return e < 1 ? null : /* @__PURE__ */ s("div", { className: ee(Pe["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: ee(Pe["rp-loading-modal"]), children: [
-    /* @__PURE__ */ s("div", { className: ee(Pe["rp-loading-title"]), children: "Preparing document..." }),
-    /* @__PURE__ */ s("div", { className: ee(Pe["rp-loading-progress-bar"]), children: /* @__PURE__ */ s(
+  return e < 1 ? null : /* @__PURE__ */ a("div", { className: te(Te["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: te(Te["rp-loading-modal"]), children: [
+    /* @__PURE__ */ a("div", { className: te(Te["rp-loading-title"]), children: "Preparing document..." }),
+    /* @__PURE__ */ a("div", { className: te(Te["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
-        className: ee(Pe["rp-loading-progress"]),
+        className: te(Te["rp-loading-progress"]),
         style: { width: `${e}%` }
       }
     ) }),
-    /* @__PURE__ */ s("button", { className: ee(Pe["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
+    /* @__PURE__ */ a("button", { className: te(Te["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
   ] }) });
-}, ma = $e((e, t) => {
-  const { showPrintProgress: n } = de(), { progress: r } = wt(), { isSmallScreen: o } = _e(), { percentage: a } = r || {}, c = () => o ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+}, ma = Ge((e, t) => {
+  const { showPrintProgress: n } = de(), { progress: r } = wt(), { isSmallScreen: o } = _e(), { percentage: s } = r || {}, c = () => o ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ O("div", { children: [
-    /* @__PURE__ */ s("div", { "data-rp": "topBar", ref: t, className: Se["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { className: Se["rp-toolbar-wrapper"], style: c(), children: [
-      /* @__PURE__ */ O("div", { "data-rp": "topBarLeft", className: Se["rp-toolbar-start"], children: [
-        /* @__PURE__ */ s(da, {}),
-        /* @__PURE__ */ s(Ro, {})
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: t, className: ye["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { className: ye["rp-toolbar-wrapper"], style: c(), children: [
+      /* @__PURE__ */ O("div", { "data-rp": "topBarLeft", className: ye["rp-toolbar-start"], children: [
+        /* @__PURE__ */ a(da, {}),
+        /* @__PURE__ */ a(Ro, {})
       ] }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarCenter", className: Se["rp-toolbar-middle"], children: /* @__PURE__ */ s(ua, {}) }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarRight", className: Se["rp-toolbar-end"], children: /* @__PURE__ */ s(aa, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: ye["rp-toolbar-middle"], children: /* @__PURE__ */ a(ua, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: ye["rp-toolbar-end"], children: /* @__PURE__ */ a(aa, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ s(ha, { percentage: a }) : null
+    n && s ? /* @__PURE__ */ a(ha, { percentage: s }) : null
   ] });
-}), ot = {
+}), at = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
   "rp-sidebar-content": "_rp-sidebar-content_4wlw3_1",
   "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_4wlw3_16",
@@ -2556,12 +2568,12 @@ const ge = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, fa = (e) => {
-  const { thumbnailSrc: t, pageNumber: n, isFocused: r, viewport: o } = e, { goToPage: a } = oe(), c = A(() => r ? Ie["rp-thumbnail-active"] : "", [r]), i = A(() => ({
+  const { thumbnailSrc: t, pageNumber: n, isFocused: r, viewport: o } = e, { goToPage: s } = oe(), c = A(() => r ? Ie["rp-thumbnail-active"] : "", [r]), i = A(() => ({
     width: Math.round(o.width),
     height: Math.round(o.height)
   }), [o]), l = x(() => {
-    n && a(n);
-  }, [a, n]);
+    n && s(n);
+  }, [s, n]);
   return /* @__PURE__ */ O(
     "div",
     {
@@ -2569,7 +2581,7 @@ const ge = {
       id: `page-${n}`,
       className: Ie["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ s("div", { className: ee(c, Ie["rp-thumbnail"]), children: t ? /* @__PURE__ */ s(
+        /* @__PURE__ */ a("div", { className: te(c, Ie["rp-thumbnail"]), children: t ? /* @__PURE__ */ a(
           "img",
           {
             src: t,
@@ -2577,7 +2589,7 @@ const ge = {
             height: i.height,
             alt: "thumbnail"
           }
-        ) : /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ a(
           "div",
           {
             className: Ie["rp-thumbnail-loader"],
@@ -2585,10 +2597,10 @@ const ge = {
               width: `${i.width}px`,
               height: `${i.height}px`
             },
-            children: /* @__PURE__ */ s(mt, {})
+            children: /* @__PURE__ */ a(Le, {})
           }
         ) }),
-        /* @__PURE__ */ s("div", { className: Ie["rp-thumbnail-text"], children: n })
+        /* @__PURE__ */ a("div", { className: Ie["rp-thumbnail-text"], children: n })
       ]
     }
   );
@@ -2598,72 +2610,102 @@ const ge = {
 }, ga = 16, va = (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) - ga);
-}, _a = $e((e, t) => {
-  const { show: n } = e, { focusedPage: r, totalPages: o } = oe(), { thumbnailPages: a, addPage: c, thumbnailLength: i, addToPage: l } = sn(), p = W(null), h = W(1);
+}, _a = Ge((e, t) => {
+  const { show: n } = e, { focusedPage: r, totalPages: o } = oe(), { thumbnailPages: s, addPage: c, thumbnailLength: i, addToPage: l } = sn(), p = W(null), m = W(1);
   Zt(t, () => p.current);
-  const f = A(() => Object.values(a), [a]), u = x(() => {
-    const m = i + 1;
-    m <= o && c(m);
+  const f = A(() => Object.values(s), [s]), u = x(() => {
+    const h = i + 1;
+    h <= o && c(h);
   }, [c, o, i]);
   return z(() => {
-    r > i ? l(r) : n && h.current !== r && (va(p.current, r), h.current = r);
-  }, [r, i, l, n, f]), tr(p.current, u), /* @__PURE__ */ s("div", { ref: p, className: qt["rp-thumbnails-container"], children: /* @__PURE__ */ s("div", { className: qt["rp-thumbnails"], children: n ? f.map((m, g) => {
+    r > i ? l(r) : n && m.current !== r && (va(p.current, r), m.current = r);
+  }, [r, i, l, n, f]), tr(p.current, u), /* @__PURE__ */ a("div", { ref: p, className: qt["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: qt["rp-thumbnails"], children: n ? f.map((h, g) => {
     var _, v;
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ a(
       fa,
       {
-        isFocused: r === ((_ = m.page) == null ? void 0 : _.pageNumber),
-        pageNumber: (v = m.page) == null ? void 0 : v.pageNumber,
-        thumbnailSrc: m.thumbnailSrc,
-        loading: m.loading,
-        viewport: m.viewport
+        isFocused: r === ((_ = h.page) == null ? void 0 : _.pageNumber),
+        pageNumber: (v = h.page) == null ? void 0 : v.pageNumber,
+        thumbnailSrc: h.thumbnailSrc,
+        loading: h.loading,
+        viewport: h.viewport
       },
       g
     );
   }) : null }) });
 }), wa = () => {
   const { thumbnailIcon: e } = ce();
-  return e || /* @__PURE__ */ s(er, {});
+  return e || /* @__PURE__ */ a(er, {});
 }, ba = () => {
-  const { active: e, setActive: t } = sn(), [n, r] = H(200), o = W(null), { thumbnailTool: a } = de(), c = x(() => {
+  const { active: e, setActive: t } = sn(), [n, r] = H(200), o = W(null), { thumbnailTool: s } = de(), c = x(() => {
     t((l) => !l);
-  }, []), i = A(() => typeof a != "boolean" && a ? /* @__PURE__ */ s(a, { onClick: c, active: e }) : a ? /* @__PURE__ */ s(te, { content: "Thumbnail", children: /* @__PURE__ */ s(X, { onClick: c, active: e, children: /* @__PURE__ */ s(wa, {}) }) }) : null, [a, e, c]);
+  }, []), i = A(() => typeof s != "boolean" && s ? /* @__PURE__ */ a(s, { onClick: c, active: e }) : s ? /* @__PURE__ */ a(ne, { content: "Thumbnail", children: /* @__PURE__ */ a(X, { onClick: c, active: e, children: /* @__PURE__ */ a(wa, {}) }) }) : null, [s, e, c]);
   return /* @__PURE__ */ O(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
-      className: ot["rp-sidebar-content-wrapper"],
+      className: at["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ s("div", { className: ot["rp-sidebar-content"], children: i }),
-        /* @__PURE__ */ O("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: ot["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ s(_a, { show: e, ref: o }),
-          /* @__PURE__ */ s(nr, { onWidthChange: r, thumbnailRef: o })
+        /* @__PURE__ */ a("div", { className: at["rp-sidebar-content"], children: i }),
+        /* @__PURE__ */ O("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: at["rp-thumbnails-wrapper"], children: [
+          /* @__PURE__ */ a(_a, { show: e, ref: o }),
+          /* @__PURE__ */ a(nr, { onWidthChange: r, thumbnailRef: o })
         ] })
       ]
     }
   );
-}, Js = $e((e, t) => {
-  const { children: n, slots: r, icons: o, style: a, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [h, f] = H(null), { setContainer: u, setContentRef: m } = Le();
+}, Js = Ge((e, t) => {
+  const { children: n, slots: r, icons: o, style: s, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [m, f] = H(null), { setContainer: u, setContentRef: h } = Ne(), { loading: g } = Y();
   return z(() => (l && l(), () => {
     p && p();
-  }), [l, p]), /* @__PURE__ */ s("div", { ref: t, className: ee(be["rp-theme-variables"], be["rp-container"]), children: /* @__PURE__ */ s(cr, { mobileWidth: i, children: /* @__PURE__ */ s(rr, { slots: r, children: /* @__PURE__ */ s(or, { icons: o, children: /* @__PURE__ */ s(
+  }), [l, p]), /* @__PURE__ */ a("div", { ref: t, className: te(be["rp-theme-variables"], be["rp-container"]), children: /* @__PURE__ */ a(cr, { mobileWidth: i, children: /* @__PURE__ */ a(rr, { slots: r, children: /* @__PURE__ */ a(or, { icons: o, children: /* @__PURE__ */ O(
     ar,
     {
       getContainerRef: u,
-      toolbarRef: h,
-      style: a,
+      toolbarRef: m,
+      style: s,
       className: c,
-      children: /* @__PURE__ */ O(sr, { children: [
-        /* @__PURE__ */ O("div", { className: be["rp-layout"], children: [
-          /* @__PURE__ */ s(ma, { ref: f }),
-          /* @__PURE__ */ O("div", { className: be["rp-content"], children: [
-            /* @__PURE__ */ s("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ s(ba, {}) }),
-            /* @__PURE__ */ s("div", { ref: m, className: be["rp-pages"], children: n })
-          ] })
+      children: [
+        /* @__PURE__ */ O(sr, { children: [
+          /* @__PURE__ */ O("div", { className: be["rp-layout"], children: [
+            /* @__PURE__ */ a(ma, { ref: f }),
+            /* @__PURE__ */ O("div", { className: be["rp-content"], children: [
+              /* @__PURE__ */ a("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ a(ba, {}) }),
+              /* @__PURE__ */ a("div", { ref: h, className: be["rp-pages"], children: n })
+            ] })
+          ] }),
+          /* @__PURE__ */ a(ir, {})
         ] }),
-        /* @__PURE__ */ s(ir, {})
-      ] })
+        g ? /* @__PURE__ */ a(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              width: "100%",
+              height: "100%",
+              backgroundColor: "rgba(0, 0, 0, 0.2)"
+            },
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center",
+                  height: "100%",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ a(Le, {})
+              }
+            )
+          }
+        ) : null
+      ]
     }
   ) }) }) }) });
 });