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

package/dist/{RPDefaultLayout-4ef5f3c7.js → RPDefaultLayout-43ed3fda.js}

@@ -1,88 +1,88 @@
 import { jsx as s, jsxs as O, Fragment as Ae } from "react/jsx-runtime";
 import * as V from "react";
-import { useRef as $, useEffect as F, useCallback as R, useState as W, createContext as We, useContext as He, useMemo as A, forwardRef as $e, useImperativeHandle as Zt, createElement as Me, PureComponent as kn, Component as Wn, memo as Hn } 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 { 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 Pe } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as ne } from "./contexts/RPDocumentContext.js";
+import { useScrollModeContext as Te } from "./contexts/ScrollModeContext.js";
+import { useDocumentContext as re } from "./contexts/RPDocumentContext.js";
 import "./contexts/DarkModeContext.js";
-import { ViewMode as ze, ScrollMode as J, AnnotationSubType as at, SelectionMode as $n, ZoomLevel as Be } from "./utils/types.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 { useLayerContext as Gn } from "./contexts/LayerContext.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 { useVirtualGridContext as Bt } from "./contexts/VirtualGridContext.js";
 import { useScrollStateContext as Kt } from "./contexts/ScrollStateContext.js";
-import { useSelectionModeContext as Vn } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as Un } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as qn } from "./contexts/FullScreenContext.js";
+import { useSelectionModeContext as qn } from "./contexts/SelectionModeContext.js";
+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 { highlightMatches as Xt, findMatches as Zn, resetDivs as jn } from "./utils/highlight.js";
+import { highlightMatches as Xt, findMatches as Bn, resetDivs as Kn } from "./utils/highlight.js";
 import * as Jt from "pdfjs-dist";
-import { PixelsPerInch as Bn, AnnotationMode as Kn, RenderingCancelledException as Xn, AnnotationLayer as Jn } 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 "./components/RPConfig.js";
-import { ThumbnailIcon as Yn } from "./components/icons/Thumbnail.js";
-import { c as Q } from "./clsx-0c6e471a.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 { useInfiniteScroll as Qn } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as er } from "./components/layout/sidebar/RPSplitter.js";
-import { useToolbarComponentContext as de, ToolbarComponentProvider as tr } from "./contexts/ToolbarComponentContext.js";
-import { useIconContext as ce, IconProvider as nr } from "./contexts/IconContext.js";
-import ee from "./components/ui/RPTooltip.js";
-import { c as we, C as rr } from "./Container-fdb0a71f.js";
-import { WrapperLayout as or } from "./components/layout/WrapperLayout.js";
-import { RPDropFileZone as ar } from "./components/RPDropFileZone.js";
-import { useViewportContext as _e, ViewportProvider as sr } from "./contexts/ViewportContext.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 { 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 ir } from "./utils/link_service.js";
+import { SimpleLinkService as lr } from "./utils/link_service.js";
 import { dateFormatter as it } from "./utils/dateFormatter.js";
-import { sanitizeExternalUrl as cr } from "./utils/sanitizeExternalUrl.js";
-import { useWatermark as lr } from "./utils/hooks/useWatermark.js";
-import { useMousePressed as ur } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as dr } from "./utils/hooks/useGrabScroll.js";
-import { usePinch as pr } from "./utils/hooks/usePinch.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";
+import { useGrabScroll as hr } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as mr } from "./utils/hooks/usePinch.js";
 import { getThumbnailViewport as yt } from "./utils/getThumbnailViewport.js";
-import { useDebounce as hr } from "./utils/hooks/useDebounce.js";
-import { appConsole as mr } from "./utils/appConsole.js";
+import { useDebounce as fr } from "./utils/hooks/useDebounce.js";
+import { appConsole as gr } from "./utils/appConsole.js";
 import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as fr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as gr } from "./components/icons/ThreeDotIcon.js";
+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 { c as vr, a as gt, P as Ne, b as xe, d as vt, i as _r, k as wr, u as br } from "./index-3dff3fa8.js";
-import { D as Cr, u as Ke } from "./index-4f17fe4d.js";
-import { a as Pr, h as Tr, u as Sr, F as yr, b as Ir, G as Fe } from "./index-1db49c1a.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 { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
-import { PropertyItem as xr } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as Rr, OtherToolProvider as Lr } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as Nr } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as Mr } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as Er } from "./components/layout/toolbar/ScrollModeTool.js";
+import { PropertyItem as Lr } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as Nr, 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";
 import { MenuSeparator as _t } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Or } from "./components/icons/FileDownloadDefaultIcon.js";
-import { MenuItem as he } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as Dr } from "./components/icons/PrintDefaultIcon.js";
+import { FileDownloadDefaultIcon as Ar } from "./components/icons/FileDownloadDefaultIcon.js";
+import { MenuItem as fe } from "./components/layout/toolbar/MenuItem.js";
+import { PrintDefaultTool as zr } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as en } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as tn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Ar } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as zr } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as Fr } from "./components/icons/ZoomOutIcon.js";
+import { SelectionModeTool as Fr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as kr } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as Wr } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as It } from "./utils/constants.js";
-import { getZoomLevel as kr } from "./utils/getZoomLevel.js";
-import { SearchIcon as Wr } from "./components/icons/SearchIcon.js";
+import { getZoomLevel as Hr } from "./utils/getZoomLevel.js";
+import { SearchIcon as $r } from "./components/icons/SearchIcon.js";
 import { UICheckbox as xt } from "./components/ui/Checkbox.js";
-import { ClearIcon as Hr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as Gr } from "./components/icons/ClearIcon.js";
 import './assets/RPDefaultLayout.css';const nn = () => {
-  const { viewMode: e } = Ue(), { scrollMode: t } = Pe(), { virtualScrollRef: n, pageScrollElementRef: r } = qe(), { setFocusedPage: o } = oe(), a = $(), { columnCount: c } = Bt(), i = ht(), l = $(t), p = $(e);
-  F(() => {
+  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);
+  z(() => {
     n != null && n.scrollToItem && (a.current = n);
   }, [n]);
-  const h = R(
+  const h = x(
     (u) => {
       if (!r)
         return;
@@ -91,9 +91,9 @@ import './assets/RPDefaultLayout.css';const nn = () => {
     },
     [r, i]
   );
-  return F(() => {
+  return z(() => {
     l.current = t, p.current = e;
-  }, [t, e]), { scrollToPage: R(
+  }, [t, e]), { scrollToPage: x(
     (u, m = "start") => {
       const g = u - 1;
       let _ = g, v = 0;
@@ -109,25 +109,25 @@ import './assets/RPDefaultLayout.css';const nn = () => {
     },
     [c, h, o]
   ) };
-}, $r = (e = 1) => {
-  const [t, n] = W(e), [r, o] = W(0), { scrollToPage: a } = nn(), c = $(1), { isScrolling: i } = Kt(), { viewMode: l } = Ue(), { scrollMode: p } = Pe(), h = hr(t, 100), f = R(
+}, 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(
     (v) => {
       if (!/^[0-9]*$/g.test(v.toString()) || !v)
         return { success: !1, currentPage: c.current };
-      const y = +v;
-      return y < 0 || y > r ? { success: !1, currentPage: c.current } : (n(y), c.current = y, { success: !0, currentPage: +v });
+      const S = +v;
+      return S < 0 || S > r ? { success: !1, currentPage: c.current } : (n(S), c.current = S, { success: !0, currentPage: +v });
     },
     [r]
-  ), u = R(f, [f]), m = R(
+  ), u = x(f, [f]), m = x(
     (v) => {
       const C = f(v);
       return C.success && (i.current = !0, a(C.currentPage)), C;
     },
     [f, a]
-  ), g = R(() => {
+  ), g = x(() => {
     let v = t - 1;
     m(v);
-  }, [m, t, l, p]), _ = R(() => {
+  }, [m, t, l, p]), _ = x(() => {
     let v = t + 1;
     m(v);
   }, [m, t, l, p]);
@@ -154,12 +154,12 @@ import './assets/RPDefaultLayout.css';const nn = () => {
   }
 }), oe = () => {
   const e = He(rn);
-  return typeof (e == null ? void 0 : e.focusedPage) > "u" && mr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
-}, Gs = ({ children: e }) => {
-  const { initialPage: t = 1 } = Un(), { pdf: n } = ne(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = $r(t);
-  return F(() => {
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && gr.error("Please use this hooks inside children component of RPController or RPLayout"), 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);
+  return z(() => {
     n != null && n.numPages && c(n.numPages);
-  }, [n, c, o, t]), F(() => {
+  }, [n, c, o, t]), z(() => {
     requestAnimationFrame(() => {
       i(t);
     });
@@ -179,20 +179,20 @@ import './assets/RPDefaultLayout.css';const nn = () => {
     }
   );
 };
-const Gr = () => {
-  const { pdf: e, pages: t } = ne(), [n, r] = W({
+const Ur = () => {
+  const { pdf: e, pages: t } = re(), [n, r] = H({
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [o, a] = W(!1), [c, i] = W(!1), [l, p] = W(null), h = $(!1);
-  F(() => {
+  }), [o, a] = H(!1), [c, i] = H(!1), [l, p] = H(null), h = W(!1);
+  z(() => {
     h.current;
   }, [h]);
-  const f = R(() => {
+  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 = R(() => {
+  }, []), u = x(() => {
     h.current = !1, a(!1), i(!1), p(null), r({
       loadedPages: 0,
       totalPages: 0,
@@ -207,39 +207,39 @@ const Gr = () => {
     viewerPdfPage: b,
     printResolution: w,
     optionalContentConfigPromise: T,
-    printAnnotationStoragePromise: D
+    printAnnotationStoragePromise: E
   }) => {
     if (h.current) {
       u();
       return;
     }
-    const I = w / Bn.PDF;
+    const I = w / Xn.PDF;
     P.width = Math.floor(b.width * I), P.height = Math.floor(b.height * I);
-    const S = P.getContext("2d");
-    S.save(), S.fillStyle = "rgb(255, 255, 255)", S.fillRect(0, 0, P.width, P.height), S.restore();
-    const [E, x] = await Promise.all([
+    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),
-      D
+      E
     ]);
     if (h.current) {
       u();
       return;
     }
     const N = {
-      canvasContext: S,
+      canvasContext: y,
       transform: [I, 0, 0, I, 0, 0],
-      viewport: E.getViewport({ scale: 1, rotation: b.rotation }),
+      viewport: D.getViewport({ scale: 1, rotation: b.rotation }),
       intent: "print",
-      annotationMode: Kn.ENABLE_STORAGE,
+      annotationMode: Jn.ENABLE_STORAGE,
       optionalContentConfigPromise: T,
-      printAnnotationStorage: x
+      printAnnotationStorage: R
     };
     try {
-      return E.render(N).promise;
+      return D.render(N).promise;
     } catch (M) {
-      throw M instanceof Xn || console.error(M), M;
+      throw M instanceof Yn || console.error(M), M;
     }
-  }, _ = R(() => {
+  }, _ = x(() => {
     const P = window.print;
     return new Promise((L) => {
       const d = (T) => {
@@ -271,11 +271,11 @@ const Gr = () => {
     d.classList.add("rp-print-zone");
     const b = document.createElement("style"), w = L.get(1);
     if (w) {
-      const { width: T, height: D } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
-      b.innerHTML = `@page { size: ${T}px ${D}px }`;
+      const { width: T, height: E } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
+      b.innerHTML = `@page { size: ${T}px ${E}px }`;
     }
     return d.appendChild(b), d.append(...P), d;
-  }, y = R(async () => {
+  }, S = x(async () => {
     if (!e)
       return;
     u();
@@ -285,17 +285,17 @@ const Gr = () => {
       const b = e.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
         e.annotationStorage.print ?? void 0
       ), T = t.size;
-      for (const [I, S] of t) {
+      for (const [I, y] of t) {
         if (h.current) {
           u();
           return;
         }
-        const E = S.page.getViewport({ scale: 1 });
+        const D = y.page.getViewport({ scale: 1 });
         if (await g({
           scratchCanvas: P,
           pdfDocument: e,
           pageNumber: I,
-          viewerPdfPage: E,
+          viewerPdfPage: D,
           printResolution: 150,
           optionalContentConfigPromise: b,
           printAnnotationStoragePromise: w
@@ -303,8 +303,8 @@ const Gr = () => {
           u();
           return;
         }
-        const x = await v(P);
-        L.push(x);
+        const R = await v(P);
+        L.push(R);
         const N = parseFloat((L.length / T * 100).toFixed(2));
         r({
           loadedPages: I,
@@ -316,15 +316,15 @@ const Gr = () => {
         u();
         return;
       }
-      const D = C(L, t);
-      document.body.appendChild(D), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await _();
+      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 _();
     } catch (d) {
       i(!0), d instanceof Error && p(d);
     } finally {
       P.height = 0, P.width = 0;
     }
   }, [e, t, h]);
-  return F(() => {
+  return z(() => {
     const P = () => {
       u(), f();
     };
@@ -332,7 +332,7 @@ const Gr = () => {
       window.removeEventListener("afterprint", P, !0);
     };
   }, [f, u]), {
-    print: y,
+    print: S,
     cancel: m,
     progress: n,
     isComplete: o,
@@ -356,24 +356,24 @@ const Gr = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), Vs = ({ children: e }) => {
-  const [t, n] = W(null), [r, o] = W(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Gr(), f = R((v) => {
+}), 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) => {
     v && typeof v == "function" && o(() => v);
   }, []), u = (v) => {
     h && v(h);
-  }, m = R(
+  }, m = x(
     (v) => {
       n(() => v);
     },
     [i, t]
   );
-  F(() => {
+  z(() => {
     l && r && g();
-  }, [l, r]), F(() => {
+  }, [l, r]), z(() => {
     p && u((v) => {
       console.error(v);
     });
-  }, [p]), F(() => {
+  }, [p]), z(() => {
     i && t && t(i);
   }, [i, t]);
   const g = () => {
@@ -392,8 +392,8 @@ const Gr = () => {
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, Vr = () => {
-  const [e, t] = W({}), { pages: n } = ne(), { rotate: r } = Ge(), o = A(() => Object.keys(e).length, [e]), a = R(
+}, qr = () => {
+  const [e, t] = H({}), { pages: n } = re(), { rotate: r } = Ge(), o = A(() => Object.keys(e).length, [e]), a = x(
     (i) => {
       if (!n.size)
         return;
@@ -434,10 +434,10 @@ const Gr = () => {
     },
     [n, r]
   );
-  F(() => {
+  z(() => {
     a(10);
   }, [a]);
-  const c = R(
+  const c = x(
     (i) => {
       if (!n)
         return;
@@ -480,11 +480,11 @@ const Gr = () => {
   setActive: (e) => {
   },
   active: !1
-}), sn = () => He(an), Us = ({
+}), sn = () => He(an), Zs = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = Vr(), [c, i] = W(t);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = qr(), [c, i] = H(t);
   return /* @__PURE__ */ s(
     an.Provider,
     {
@@ -492,34 +492,34 @@ const Gr = () => {
       children: e
     }
   );
-}, Ur = (e = {}, t = "") => {
-  const [n, r] = W(t), [o, a] = W(!1), { pdf: c, pages: i } = ne(), l = ht(), p = $(!n), { currentZoom: h } = Ve(), [f, u] = W([]), { setFocusedPage: m } = oe(), [g, _] = W(0), { pageScrollElementRef: v, virtualScrollableElementRef: C } = qe(), { scrollMode: y } = Pe(), [P, L] = W(null), d = $({}), b = A(() => g === 0 ? null : f[g - 1], [g, f]), w = A(() => f.length, [f]);
-  F(() => {
+}, 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]);
+  z(() => {
     if (!b || !i)
       return;
-    const S = C || v;
-    if (!S)
+    const y = C || v;
+    if (!y)
       return;
-    const E = i.get(b.page), x = S.clientHeight / 2, N = S.clientWidth / 2;
-    let M = 0, k = 0;
-    y === J.PAGE_SCROLLING && m(b.page), y === J.VERTICAL_SCROLLING && (M = l.heights.slice(0, b.page - 1).reduce((U, B) => U + B, 0)), y === J.HORIZONTAL_SCROLLING && (k = l.widths.slice(0, b.page - 1).reduce((U, B) => U + B, 0));
-    let G;
-    if (!E)
+    const D = i.get(b.page), R = y.clientHeight / 2, N = 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));
+    let $;
+    if (!D)
       return;
-    const q = d.current[b.page], Z = E.page.getViewport({ scale: 1 });
-    G = new Jt.TextLayer({
-      viewport: Z,
+    const q = d.current[b.page], K = D.page.getViewport({ scale: 1 });
+    $ = new Jt.TextLayer({
+      viewport: K,
       textContentSource: q,
       container: document.createElement("div")
-    }), G.render().then(() => {
-      const U = G.textDivs[b.start.idx], [B] = Xt([b], q, G.textDivs), re = l.widths[b.page - 1], pe = l.heights[b.page - 1], K = 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}`), K.style.position = "relative", K.style.width = `${re}px`, K.style.height = `${pe}px`, K.style.zIndex = "-1", K.appendChild(U), Y.appendChild(K), document.body.prepend(Y);
-      const z = B.element.getBoundingClientRect(), H = M + +z.top - x + z.height / 2, se = {
-        left: k + +z.left - N + z.width / 2,
-        top: H
+    }), $.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 he = Z.element.getBoundingClientRect(), we = M + +he.top - R + he.height / 2, G = {
+        left: F + +he.left - N + he.width / 2,
+        top: we
       };
-      document.body.removeChild(Y), S.scrollTo({
-        ...se
+      document.body.removeChild(Y), y.scrollTo({
+        ...G
       });
     });
   }, [
@@ -527,43 +527,43 @@ const Gr = () => {
     m,
     l,
     b,
-    y,
+    S,
     C,
     v
   ]);
-  const T = R(() => {
-    _((S) => w ? S + 1 > w ? 1 : S + 1 : 0);
-  }, [w]), D = R(() => {
-    _((S) => w ? S - 1 <= 0 ? w : S - 1 : 0);
-  }, [w]), I = R(async (S) => {
-    if (!S)
+  const T = x(() => {
+    _((y) => w ? y + 1 > w ? 1 : y + 1 : 0);
+  }, [w]), E = x(() => {
+    _((y) => w ? y - 1 <= 0 ? w : y - 1 : 0);
+  }, [w]), I = x(async (y) => {
+    if (!y)
       return {};
-    const E = S.numPages, x = {};
-    for (let N = 1; N <= E; N++) {
+    const D = y.numPages, R = {};
+    for (let N = 1; N <= D; N++) {
       if (p.current)
         throw "close pop over";
-      const M = await S.getPage(N);
-      x[N.toString()] = await M.getTextContent();
+      const M = await y.getPage(N);
+      R[N.toString()] = await M.getTextContent();
     }
-    return x;
+    return R;
   }, []);
-  return F(() => {
+  return z(() => {
     if (!n) {
       p.current = !0, u([]), _(0);
       return;
     }
-    p.current = !1, a(!0), u([]), _(0), I(c).then((S) => {
-      d.current = S;
-      const x = Object.keys(S).reduce((N, M) => {
-        const k = Zn(
+    p.current = !1, a(!0), u([]), _(0), I(c).then((y) => {
+      d.current = y;
+      const R = Object.keys(y).reduce((N, M) => {
+        const F = Bn(
           [n],
-          S[M],
+          y[M],
           Number(M) - 1,
           e
-        ).map((G, q) => ({ ...G, page: Number(M), pageMatchIdx: q }));
-        return [...N, ...k];
+        ).map(($, q) => ({ ...$, page: Number(M), pageMatchIdx: q }));
+        return [...N, ...F];
       }, []);
-      u(x), _(x.length ? 1 : 0);
+      u(R), _(R.length ? 1 : 0);
     }).catch(() => {
       u([]), _(0);
     }).finally(() => a(!1));
@@ -576,7 +576,7 @@ const Gr = () => {
     currentMatchPosition: g,
     currentMatch: b,
     nextMatch: T,
-    prevMatch: D,
+    prevMatch: E,
     currentMatchElement: P,
     setCurrentMatchElement: L
   };
@@ -598,11 +598,11 @@ const Gr = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), qs = ({
+}), js = ({
   children: e,
   initialSearch: t
 }) => {
-  const [n, r] = W({}), {
+  const [n, r] = H({}), {
     loading: o,
     setSearch: a,
     totalMatches: c,
@@ -614,7 +614,7 @@ const Gr = () => {
     prevMatch: u,
     currentMatchElement: m,
     setCurrentMatchElement: g
-  } = Ur(n, t);
+  } = Zr(n, t);
   return /* @__PURE__ */ s(
     cn.Provider,
     {
@@ -648,9 +648,9 @@ const Gr = () => {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, qr = (e) => {
-  const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = $(null), { pages: a } = ne(), { rotate: c } = Ge(), i = $(), { currentZoom: l } = Ve();
-  return F(() => {
+}, jr = (e) => {
+  const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = W(null), { pages: a } = re(), { rotate: c } = Ge(), i = W(), { currentZoom: l } = Ve();
+  return z(() => {
     if (!a || l === 0)
       return;
     const p = a.get(t);
@@ -669,12 +669,12 @@ const Gr = () => {
 }, Je = {
   "rp-text-layer": "_rp-text-layer_1mgyz_1",
   "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
-}, Zr = (e) => {
-  const { pageNumber: t } = e, { pages: n } = ne(), r = $(null), { matches: o, currentMatch: a, setCurrentMatchElement: c } = ln(), [i, l] = W(
+}, Br = (e) => {
+  const { pageNumber: t } = e, { pages: n } = re(), r = W(null), { matches: o, currentMatch: a, setCurrentMatchElement: c } = ln(), [i, l] = H(
     []
-  ), p = $(), h = $(), f = $(), u = A(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), m = R(
+  ), p = W(), h = W(), f = W(), u = A(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), m = x(
     (g, _, v = !1) => {
-      if (v && jn(g, _), !u.length) {
+      if (v && Kn(g, _), !u.length) {
         f.current = void 0, l([]);
         return;
       }
@@ -683,7 +683,7 @@ const Gr = () => {
     },
     [u]
   );
-  return F(() => {
+  return z(() => {
     var v;
     if ((v = f.current) == null || v.classList.remove("selected"), !i.length || !a || a.pageIndex !== t - 1)
       return;
@@ -694,7 +694,7 @@ const Gr = () => {
       return;
     const _ = i.find((C) => C.index === g);
     _ && (f.current = _.element, c(_.element), _.element.classList.add("selected"));
-  }, [a, i, u]), F(() => {
+  }, [a, i, u]), z(() => {
     const g = n.get(t);
     if (!(!g || !r.current))
       return p.current && p.current.cancel(), g.page.getTextContent().then((_) => {
@@ -706,8 +706,8 @@ const Gr = () => {
         }), h.current = _, r.current && (r.current.innerText = ""), p.current.render();
       }).then(() => {
         var C;
-        [].slice.call(r.current.children).forEach((y) => {
-          y.classList.add(Je["rp-text-layer-text"]);
+        [].slice.call(r.current.children).forEach((S) => {
+          S.classList.add(Je["rp-text-layer-text"]);
         });
         const v = (C = p.current) == null ? void 0 : C.textDivs;
         v && h.current && m(h.current, v);
@@ -716,7 +716,7 @@ const Gr = () => {
         var _;
         (_ = p.current) == null || _.cancel();
       };
-  }, [n, t]), F(() => {
+  }, [n, t]), z(() => {
     var v;
     [].slice.call(r.current.children).forEach((C) => {
       C.classList.add(Je["rp-text-layer-text"]);
@@ -731,16 +731,16 @@ const Gr = () => {
       ref: r
     }
   );
-}, jr = {
+}, Kr = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 }, un = ["click", "dblclick", "mouseover", "input", "change"];
-let Br = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+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}`;
-function Kr(e, t) {
+function Jr(e, t) {
   const n = dn(e, t);
   return ct.has(n) ? ct.get(n) ?? null : null;
 }
-const Xr = (e, t, n) => {
+const Yr = (e, t, n) => {
   ct.set(dn(e, t), n);
 }, Rt = (e, t) => {
   switch (t[1].name) {
@@ -779,26 +779,26 @@ const Xr = (e, t, n) => {
 async function pn(e, t) {
   let n;
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
-    const r = n[0], o = Kr(e, r);
+    const r = n[0], o = Jr(e, r);
     if (o === null) {
       const a = await e.getPageIndex(r);
-      return Xr(e, r, a), await pn(e, n);
+      return Yr(e, r, a), await pn(e, n);
     } else
       return Rt(o, n);
   } else
     return Rt(n[0], n);
 }
-function Jr(e) {
+function Qr(e) {
   const { id: t, url: n, unsafeUrl: r } = e;
   new MutationObserver((a, c) => {
     const i = document.querySelector(`[data-annotation-id="${t}"]`);
     if (i) {
-      const l = i.querySelector("a"), p = cr((n || r) ?? "", "");
+      const l = i.querySelector("a"), p = ur((n || r) ?? "", "");
       l && (l.setAttribute("target", "_blank"), l.setAttribute("href", p), l.setAttribute("rel", "noopener noreferrer")), c.disconnect();
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-const Yr = (e) => {
+const eo = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -836,7 +836,7 @@ const Yr = (e) => {
     r(l);
   });
 };
-function Qr(e, t) {
+function to(e, t) {
   for (const n of un)
     e.addEventListener(n, t);
 }
@@ -844,24 +844,24 @@ function Nt(e, t) {
   for (const n of un)
     e.removeEventListener(n, t);
 }
-const eo = (e) => {
-  const { pageNumber: t } = e, n = $(null), { pages: r, pdf: o } = ne(), a = $(), [c, i] = W(), { setFocusedPage: l, goToPage: p } = oe(), { scrollMode: h } = Pe(), f = A(() => r.get(t), [r, t]), u = A(() => f == null ? void 0 : f.page.getViewport(), [f]);
-  F(() => {
+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]);
+  z(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [o]);
   const m = A(() => o == null ? void 0 : o.annotationStorage, [o]);
-  F(() => {
+  z(() => {
     f && f.page.getAnnotations().then((_) => {
       a.current = void 0, i(_), n.current && (n.current.innerText = "");
     });
   }, [f]);
-  const g = R(
+  const g = x(
     (_) => {
-      Yr(_), !(!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) && (h === J.PAGE_SCROLLING ? Lt(_, c, o, (v) => l(v.pageIndex + 1)) : Lt(_, c, o, (v) => p(v.pageIndex + 1)));
     },
     [o, c, p, l, h]
   );
-  return F(() => {
+  return z(() => {
     if (!f || !c)
       return;
     const _ = f.page.getViewport();
@@ -872,17 +872,17 @@ const eo = (e) => {
       return;
     }
     for (const C of c) {
-      const { annotationType: y } = C;
-      switch (y) {
+      const { annotationType: S } = C;
+      switch (S) {
         case at.Link:
-          Jr(C);
+          Qr(C);
           break;
         case at.Widget:
           break;
       }
     }
     return (async () => {
-      a.current = new Jn({
+      a.current = new Qn({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -891,23 +891,23 @@ const eo = (e) => {
         page: f.page,
         viewport: _.clone({ dontFlip: !0 })
       }), n.current && Nt(n.current, g);
-      const C = await (o == null ? void 0 : o.hasJSActions()), y = await (o == null ? void 0 : o.getFieldObjects());
+      const C = await (o == null ? void 0 : o.hasJSActions()), S = await (o == null ? void 0 : o.getFieldObjects());
       return a.current.render({
         annotations: c,
         annotationStorage: m,
         hasJSActions: C,
-        fieldObjects: y,
+        fieldObjects: S,
         div: n.current,
         viewport: _.clone({ dontFlip: !0 }),
         page: f.page,
-        imageResourcesPath: Br,
+        imageResourcesPath: Xr,
         renderForms: !1,
-        linkService: new ir(),
+        linkService: new lr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Qr(n.current, g);
+      n.current && to(n.current, g);
     }), () => {
       n.current && Nt(n.current, g);
     };
@@ -916,16 +916,16 @@ const eo = (e) => {
     {
       "data-rp": `page-${t}-annotationLayer`,
       style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
-      className: jr["rp-annotation-layer"],
+      className: Kr["rp-annotation-layer"],
       ref: n
     }
   );
-}, to = 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 } = ne(), { rotate: i } = Ge(), { textLayer: l } = Gn(), { currentZoom: p } = Ve(), h = $(c.get(n)), [f, u] = W(!1), m = $(null), [g, _] = W({
+}, 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({
     width: 0,
     height: 0
   });
-  Zt(t, () => m.current), F(() => {
+  Zt(t, () => m.current), z(() => {
     if (c && (h.current = c.get(n), h.current)) {
       const P = h.current.page.getViewport({ scale: p, rotation: i });
       _(P);
@@ -941,17 +941,17 @@ const eo = (e) => {
       default:
         return "center";
     }
-  }, [i, g]), C = R(() => {
+  }, [i, g]), C = x(() => {
     u(!0);
-  }, []), y = R(() => {
+  }, []), S = x(() => {
     u(!1);
   }, []);
-  return F(() => {
+  return z(() => {
     const P = new IntersectionObserver(
       (L) => {
         o && o(n, L[0].intersectionRatio);
       },
-      { threshold: to }
+      { threshold: ro }
     );
     return m.current && P.observe(m.current), () => {
       P.disconnect(), o && o(n, -1);
@@ -979,10 +979,10 @@ const eo = (e) => {
           },
           className: Xe["rp-page"],
           children: [
-            /* @__PURE__ */ s(qr, { onLoading: C, onLoaded: y, pageNumber: n }),
+            /* @__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(Zr, { pageNumber: n }),
-            /* @__PURE__ */ s(eo, { pageNumber: n })
+            l && /* @__PURE__ */ s(Br, { pageNumber: n }),
+            /* @__PURE__ */ s(no, { pageNumber: n })
           ]
         }
       )
@@ -1009,25 +1009,25 @@ function ut(e, t) {
     return n.__proto__ = r, n;
   }, ut(e, t);
 }
-function no(e, t) {
+function oo(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ut(e, t);
 }
 var Et = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function ro(e, t) {
+function ao(e, t) {
   return !!(e === t || Et(e) && Et(t));
 }
-function oo(e, t) {
+function so(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!ro(e[n], t[n]))
+    if (!ao(e[n], t[n]))
       return !1;
   return !0;
 }
 function Ye(e, t) {
-  t === void 0 && (t = oo);
+  t === void 0 && (t = so);
   var n, r = [], o, a = !1;
   function c() {
     for (var i = [], l = 0; l < arguments.length; l++)
@@ -1042,13 +1042,13 @@ function Ot(e, t) {
   var n = {};
   for (var r in e)
     if ({}.hasOwnProperty.call(e, r)) {
-      if (t.indexOf(r) !== -1)
+      if (t.includes(r))
         continue;
       n[r] = e[r];
     }
   return n;
 }
-var ao = typeof performance == "object" && typeof performance.now == "function", Dt = ao ? function() {
+var io = typeof performance == "object" && typeof performance.now == "function", Dt = io ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1056,7 +1056,7 @@ var ao = typeof performance == "object" && typeof performance.now == "function",
 function At(e) {
   cancelAnimationFrame(e.id);
 }
-function so(e, t) {
+function co(e, t) {
   var n = Dt();
   function r() {
     Dt() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
@@ -1067,35 +1067,35 @@ function so(e, t) {
   return o;
 }
 var Qe = -1;
-function io(e) {
+function lo(e) {
   if (e === void 0 && (e = !1), Qe === -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);
   }
   return Qe;
 }
-var be = null;
+var Ce = null;
 function zt(e) {
-  if (e === void 0 && (e = !1), be === null || e) {
+  if (e === void 0 && (e = !1), Ce === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var r = document.createElement("div"), o = r.style;
-    return o.width = "100px", o.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? be = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? be = "negative" : be = "positive-ascending"), document.body.removeChild(t), be;
+    return o.width = "100px", o.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? Ce = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? Ce = "negative" : Ce = "positive-ascending"), document.body.removeChild(t), Ce;
   }
-  return be;
+  return Ce;
 }
-var co = 150, lo = function(t) {
+var uo = 150, po = function(t) {
   var n = t.columnIndex;
   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());
-function uo(e) {
+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;
   return t = /* @__PURE__ */ function(C) {
-    no(y, C);
-    function y(L) {
+    oo(S, C);
+    function S(L) {
       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 = {
         instance: Mt(d),
@@ -1105,35 +1105,35 @@ function uo(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, D, I, S, E, x) {
+      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Ye(function(b, w, T, E, I, y, D, R) {
         return d.props.onItemsRendered({
           overscanColumnStartIndex: b,
           overscanColumnStopIndex: w,
           overscanRowStartIndex: T,
-          overscanRowStopIndex: D,
+          overscanRowStopIndex: E,
           visibleColumnStartIndex: I,
-          visibleColumnStopIndex: S,
-          visibleRowStartIndex: E,
-          visibleRowStopIndex: x
+          visibleColumnStopIndex: y,
+          visibleRowStartIndex: D,
+          visibleRowStopIndex: R
         });
-      }), d._callOnScroll = void 0, d._callOnScroll = Ye(function(b, w, T, D, I) {
+      }), d._callOnScroll = void 0, d._callOnScroll = Ye(function(b, w, T, E, I) {
         return d.props.onScroll({
           horizontalScrollDirection: T,
           scrollLeft: b,
           scrollTop: w,
-          verticalScrollDirection: D,
+          verticalScrollDirection: E,
           scrollUpdateWasRequested: I
         });
       }), d._getItemStyle = void 0, d._getItemStyle = function(b, w) {
-        var T = d.props, D = T.columnWidth, I = T.direction, S = T.rowHeight, E = d._getItemStyleCache(_ && D, _ && I, _ && S), x = b + ":" + w, N;
-        if (E.hasOwnProperty(x))
-          N = E[x];
+        var T = d.props, E = T.columnWidth, I = T.direction, y = T.rowHeight, D = d._getItemStyleCache(_ && E, _ && I, _ && y), R = b + ":" + w, N;
+        if (D.hasOwnProperty(R))
+          N = D[R];
         else {
-          var M = n(d.props, w, d._instanceProps), k = I === "rtl";
-          E[x] = N = {
+          var M = n(d.props, w, d._instanceProps), F = I === "rtl";
+          D[R] = N = {
             position: "absolute",
-            left: k ? void 0 : M,
-            right: k ? M : void 0,
+            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)
@@ -1143,28 +1143,28 @@ function uo(e) {
       }, d._getItemStyleCache = void 0, d._getItemStyleCache = Ye(function(b, w, T) {
         return {};
       }), d._onScroll = function(b) {
-        var w = b.currentTarget, T = w.clientHeight, D = w.clientWidth, I = w.scrollLeft, S = w.scrollTop, E = w.scrollHeight, x = w.scrollWidth;
+        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 === S)
+          if (N.scrollLeft === I && N.scrollTop === y)
             return null;
-          var M = d.props.direction, k = I;
+          var M = d.props.direction, F = I;
           if (M === "rtl")
             switch (zt()) {
               case "negative":
-                k = -I;
+                F = -I;
                 break;
               case "positive-descending":
-                k = x - D - I;
+                F = R - E - I;
                 break;
             }
-          k = Math.max(0, Math.min(k, x - D));
-          var G = Math.max(0, Math.min(S, E - T));
+          F = Math.max(0, Math.min(F, R - E));
+          var $ = Math.max(0, Math.min(y, D - T));
           return {
             isScrolling: !0,
             horizontalScrollDirection: N.scrollLeft < I ? "forward" : "backward",
-            scrollLeft: k,
-            scrollTop: G,
-            verticalScrollDirection: N.scrollTop < S ? "forward" : "backward",
+            scrollLeft: F,
+            scrollTop: $,
+            verticalScrollDirection: N.scrollTop < y ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, d._resetIsScrollingDebounced);
@@ -1172,7 +1172,7 @@ function uo(e) {
         var w = d.props.outerRef;
         d._outerRef = b, typeof w == "function" ? w(b) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = b);
       }, d._resetIsScrollingDebounced = function() {
-        d._resetIsScrollingTimeoutId !== null && At(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = so(d._resetIsScrolling, co);
+        d._resetIsScrollingTimeoutId !== null && At(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = co(d._resetIsScrolling, uo);
       }, d._resetIsScrolling = function() {
         d._resetIsScrollingTimeoutId = null, d.setState({
           isScrolling: !1
@@ -1181,10 +1181,10 @@ function uo(e) {
         });
       }, d;
     }
-    y.getDerivedStateFromProps = function(d, b) {
-      return po(d, b), v(d), null;
+    S.getDerivedStateFromProps = function(d, b) {
+      return mo(d, b), v(d), null;
     };
-    var P = y.prototype;
+    var P = S.prototype;
     return P.scrollTo = function(d) {
       var b = d.scrollLeft, w = d.scrollTop;
       b !== void 0 && (b = Math.max(0, b)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(T) {
@@ -1197,12 +1197,12 @@ function uo(e) {
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(d) {
-      var b = d.align, w = b === void 0 ? "auto" : b, T = d.columnIndex, D = d.rowIndex, I = this.props, S = I.columnCount, E = I.height, x = I.rowCount, N = I.width, M = this.state, k = M.scrollLeft, G = M.scrollTop, q = io();
-      T !== void 0 && (T = Math.max(0, Math.min(T, S - 1))), D !== void 0 && (D = Math.max(0, Math.min(D, x - 1)));
-      var Z = c(this.props, this._instanceProps), U = i(this.props, this._instanceProps), B = U > N ? q : 0, re = Z > E ? q : 0;
+      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();
+      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;
       this.scrollTo({
-        scrollLeft: T !== void 0 ? l(this.props, T, w, k, this._instanceProps, re) : k,
-        scrollTop: D !== void 0 ? p(this.props, D, w, G, this._instanceProps, B) : G
+        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) : $
       });
     }, P.componentDidMount = function() {
       var d = this.props, b = d.initialScrollLeft, w = d.initialScrollTop;
@@ -1212,8 +1212,8 @@ function uo(e) {
       }
       this._callPropsCallbacks();
     }, P.componentDidUpdate = function() {
-      var d = this.props.direction, b = this.state, w = b.scrollLeft, T = b.scrollTop, D = b.scrollUpdateWasRequested;
-      if (D && this._outerRef != null) {
+      var d = this.props.direction, b = this.state, w = b.scrollLeft, T = b.scrollTop, E = b.scrollUpdateWasRequested;
+      if (E && this._outerRef != null) {
         var I = this._outerRef;
         if (d === "rtl")
           switch (zt()) {
@@ -1224,8 +1224,8 @@ function uo(e) {
               I.scrollLeft = w;
               break;
             default:
-              var S = I.clientWidth, E = I.scrollWidth;
-              I.scrollLeft = E - S - w;
+              var y = I.clientWidth, D = I.scrollWidth;
+              I.scrollLeft = D - y - w;
               break;
           }
         else
@@ -1236,39 +1236,39 @@ function uo(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, D = d.direction, I = d.height, S = d.innerRef, E = d.innerElementType, x = d.innerTagName, N = d.itemData, M = d.itemKey, k = M === void 0 ? lo : M, G = d.outerElementType, q = d.outerTagName, Z = d.rowCount, U = d.style, B = d.useIsScrolling, re = d.width, pe = this.state.isScrolling, K = this._getHorizontalRangeToRender(), Y = K[0], z = K[1], H = this._getVerticalRangeToRender(), j = H[0], se = H[1], Te = [];
-      if (T > 0 && Z)
-        for (var me = j; me <= se; me++)
-          for (var fe = Y; fe <= z; fe++)
-            Te.push(Me(b, {
-              columnIndex: fe,
+      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 = [];
+      if (T > 0 && K)
+        for (var Q = k; Q <= G; Q++)
+          for (var me = Y; me <= he; me++)
+            B.push(Me(b, {
+              columnIndex: me,
               data: N,
-              isScrolling: B ? pe : void 0,
-              key: k({
-                columnIndex: fe,
+              isScrolling: Z ? pe : void 0,
+              key: F({
+                columnIndex: me,
                 data: N,
-                rowIndex: me
+                rowIndex: Q
               }),
-              rowIndex: me,
-              style: this._getItemStyle(me, fe)
+              rowIndex: Q,
+              style: this._getItemStyle(Q, me)
             }));
       var Ze = c(this.props, this._instanceProps), je = i(this.props, this._instanceProps);
-      return Me(G || q || "div", {
+      return Me($ || q || "div", {
         className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: lt({
           position: "relative",
           height: I,
-          width: re,
+          width: se,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: D
+          direction: E
         }, U)
-      }, Me(E || x || "div", {
-        children: Te,
-        ref: S,
+      }, Me(D || R || "div", {
+        children: B,
+        ref: y,
         style: {
           height: Ze,
           pointerEvents: pe ? "none" : void 0,
@@ -1276,35 +1276,35 @@ function uo(e) {
         }
       }));
     }, P._callPropsCallbacks = function() {
-      var d = this.props, b = d.columnCount, w = d.onItemsRendered, T = d.onScroll, D = d.rowCount;
-      if (typeof w == "function" && b > 0 && D > 0) {
-        var I = this._getHorizontalRangeToRender(), S = I[0], E = I[1], x = I[2], N = I[3], M = this._getVerticalRangeToRender(), k = M[0], G = M[1], q = M[2], Z = M[3];
-        this._callOnItemsRendered(S, E, k, G, x, N, q, Z);
+      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);
       }
       if (typeof T == "function") {
-        var U = this.state, B = U.horizontalScrollDirection, re = U.scrollLeft, pe = U.scrollTop, K = U.scrollUpdateWasRequested, Y = U.verticalScrollDirection;
-        this._callOnScroll(re, pe, B, Y, K);
+        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);
       }
     }, P._getHorizontalRangeToRender = function() {
-      var d = this.props, b = d.columnCount, w = d.overscanColumnCount, T = d.overscanColumnsCount, D = d.overscanCount, I = d.rowCount, S = this.state, E = S.horizontalScrollDirection, x = S.isScrolling, N = S.scrollLeft, M = w || T || D || 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, N = y.scrollLeft, M = w || T || E || 1;
       if (b === 0 || I === 0)
         return [0, 0, 0, 0];
-      var k = r(this.props, N, this._instanceProps), G = o(this.props, k, N, this._instanceProps), q = !x || E === "backward" ? Math.max(1, M) : 1, Z = !x || E === "forward" ? Math.max(1, M) : 1;
-      return [Math.max(0, k - q), Math.max(0, Math.min(b - 1, G + Z)), k, G];
+      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;
+      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, D = d.overscanRowsCount, I = d.rowCount, S = this.state, E = S.isScrolling, x = S.verticalScrollDirection, N = S.scrollTop, M = T || D || 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, N = y.scrollTop, M = T || E || w || 1;
       if (b === 0 || I === 0)
         return [0, 0, 0, 0];
-      var k = u(this.props, N, this._instanceProps), G = m(this.props, k, N, this._instanceProps), q = !E || x === "backward" ? Math.max(1, M) : 1, Z = !E || x === "forward" ? Math.max(1, M) : 1;
-      return [Math.max(0, k - q), Math.max(0, Math.min(I - 1, G + Z)), k, G];
-    }, y;
-  }(kn), t.defaultProps = {
+      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;
+      return [Math.max(0, F - q), Math.max(0, Math.min(I - 1, $ + K)), F, $];
+    }, S;
+  }(Hn), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, t;
 }
-var po = function(t, n) {
+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;
   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)
@@ -1359,7 +1359,7 @@ var po = function(t, n) {
   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;
-  return i >= o ? fn(t, n, r, c, 0, o) : ho(t, n, r, Math.max(0, c), o);
+  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;
@@ -1368,7 +1368,7 @@ var po = function(t, n) {
     l < c ? a = i + 1 : l > c && (o = i - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, ho = function(t, n, r, o, a) {
+}, 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; )
     o += i, i *= 2;
   return fn(t, n, r, Math.min(o, c - 1), Math.floor(o / 2), a);
@@ -1385,7 +1385,7 @@ var po = function(t, n) {
     default:
       return a >= u && a <= f ? a : u > f || a < u ? u : f;
   }
-}, mo = /* @__PURE__ */ uo({
+}, go = /* @__PURE__ */ ho({
   getColumnOffset: function(t, n, r) {
     return ue("column", t, n, r).offset;
   },
@@ -1467,20 +1467,20 @@ function Ht(e, t) {
       return !0;
   return !1;
 }
-var fo = ["style"], go = ["style"];
-function vo(e, t) {
-  var n = e.style, r = Ot(e, fo), o = t.style, a = Ot(t, go);
+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);
 }
-const _o = () => {
-  const { viewMode: e } = Ue(), { scrollMode: t } = Pe(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = qe(), o = ht(), a = R(
+const bo = () => {
+  const { viewMode: e } = Ue(), { scrollMode: t } = Te(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = qe(), o = ht(), a = x(
     (m) => o.widths[m] || 0,
     [o]
-  ), c = R(
+  ), c = x(
     (m) => o.heights[m] || 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]);
-  F(() => {
+  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]);
@@ -1494,10 +1494,10 @@ const _o = () => {
     estimatedColumnWidth: u
   };
 };
-let te;
-typeof window < "u" ? te = window : typeof self < "u" ? te = self : te = global;
+let ne;
+typeof window < "u" ? ne = window : typeof self < "u" ? ne = self : ne = global;
 let dt = null, pt = null;
-const $t = 20, et = te.clearTimeout, Gt = te.setTimeout, tt = te.cancelAnimationFrame || te.mozCancelAnimationFrame || te.webkitCancelAnimationFrame, Vt = te.requestAnimationFrame || te.mozRequestAnimationFrame || te.webkitRequestAnimationFrame;
+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) {
   return Gt(t, $t);
 }) : (dt = function([t, n]) {
@@ -1510,22 +1510,22 @@ tt == null || Vt == null ? (dt = et, pt = function(t) {
   }, $t);
   return [n, r];
 });
-function wo(e) {
+function Co(e) {
   let t, n, r, o, a, c, i;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
     c = function(C) {
-      const y = C.__resizeTriggers__, P = y.firstElementChild, L = y.lastElementChild, d = P.firstElementChild;
+      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) {
       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 y = this;
+      const S = this;
       c(this), this.__resizeRAF__ && dt(this.__resizeRAF__), this.__resizeRAF__ = pt(function() {
-        a(y) && (y.__resizeLast__.width = y.offsetWidth, y.__resizeLast__.height = y.offsetHeight, y.__resizeListeners__.forEach(function(d) {
-          d.call(y, C);
+        a(S) && (S.__resizeLast__.width = S.offsetWidth, S.__resizeLast__.height = S.offsetHeight, S.__resizeListeners__.forEach(function(d) {
+          d.call(S, C);
         }));
       });
     };
@@ -1536,9 +1536,9 @@ function wo(e) {
     {
       const C = document.createElement("fakeelement");
       if (C.style.animationName !== void 0 && (u = !0), u === !1) {
-        for (let y = 0; y < g.length; y++)
-          if (C.style[g[y] + "AnimationName"] !== void 0) {
-            v = g[y], m = "-" + v.toLowerCase() + "-", r = _[y], u = !0;
+        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;
             break;
           }
       }
@@ -1557,7 +1557,7 @@ function wo(e) {
         u.attachEvent("onresize", m);
       else {
         if (!u.__resizeTriggers__) {
-          const g = u.ownerDocument, _ = te.getComputedStyle(u);
+          const g = u.ownerDocument, _ = ne.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"));
@@ -1582,7 +1582,7 @@ function wo(e) {
     }
   };
 }
-class bo extends Wn {
+class Po extends $n {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1623,7 +1623,7 @@ class bo extends Wn {
       const r = n.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = wo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Co(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1650,18 +1650,18 @@ class bo extends Wn {
     } = this.state, v = {
       overflow: "visible"
     }, C = {};
-    let y = !1;
-    return o || (u === 0 && (y = !0), v.height = 0, C.height = u, C.scaledHeight = m), a || (_ === 0 && (y = !0), v.width = 0, C.width = _, C.scaledWidth = g), c && (y = !1), Me(h, {
+    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, {
       ref: this._setRef,
       style: {
         ...v,
         ...p
       },
       ...f
-    }, !y && t(C));
+    }, !S && t(C));
   }
 }
-const Co = ({ widths: e, heights: t }) => {
+const To = ({ widths: e, heights: t }) => {
   const { focusedPage: n, totalPages: r } = oe(), o = A(() => {
     const i = [], l = Math.ceil(n / 2) * 2 - 1;
     if (i.push(l), l + 1 < r) {
@@ -1685,7 +1685,7 @@ const Co = ({ widths: e, heights: t }) => {
     }
   ], [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)) });
-}, Po = ({ widths: e, heights: t }) => {
+}, So = ({ widths: e, heights: t }) => {
   const { focusedPage: n } = oe(), r = A(() => ({
     position: "absolute",
     width: e(n - 1),
@@ -1701,7 +1701,7 @@ const Co = ({ widths: e, heights: t }) => {
       children: /* @__PURE__ */ s(bt, { style: r, pageNumber: n }, n)
     }
   );
-}, To = Hn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
+}, yo = Gn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
   const o = A(() => e + 1 + t * n.columnCount, [e, t, n]);
   return /* @__PURE__ */ s(
     bt,
@@ -1712,150 +1712,155 @@ const Co = ({ widths: e, heights: t }) => {
     },
     o
   );
-}, vo), Zs = () => {
-  const { getContainer: e, container: t } = lr(), { scrollToPage: n } = nn(), {
+}, wo), Bs = () => {
+  const { getContainer: e, container: t } = dr(), { scrollToPage: n } = nn(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
     getPageScrollElementRef: a,
     getVirtualScrollableElementRef: c,
     setTotalInnerDimensions: i,
     totalInnerDimensions: l
-  } = qe(), { nextPage: p, prevPage: h, setFocusedPage: f, focusedPage: u } = oe(), { scrollMode: m } = Pe(), { viewMode: g } = Ue(), _ = $(null), v = $({
-    height: 0,
-    width: 0
-  }), C = $({
+  } = qe(), { nextPage: p, prevPage: h, setFocusedPage: f, focusedPage: u } = oe(), { scrollMode: m } = Te(), { viewMode: g } = Ue(), _ = W(null), v = W(
+    l
+  ), C = W({
     viewMode: g,
     scrollMode: m
-  }), { isFullScreen: y } = qn(), {
-    pageDimension: P,
-    rowCount: L,
-    rowHeight: d,
-    columnCount: b,
-    columnWidth: w,
-    estimatedColumnWidth: T,
-    estimatedRowHeight: D
-  } = _o(), [I, S] = W({}), { isScrolling: E } = Kt(), x = $(), N = $({
+  }), S = W(!1), P = W(), { isFullScreen: L } = jn(), {
+    pageDimension: d,
+    rowCount: b,
+    rowHeight: w,
+    columnCount: T,
+    columnWidth: E,
+    estimatedColumnWidth: I,
+    estimatedRowHeight: y
+  } = bo(), [D, R] = H({}), { isScrolling: N } = Kt(), M = W(), F = W({
     scrollTop: 0,
     scrollLeft: 0
   });
-  pr(t);
-  const { isPressed: M } = ur(), { selectionMode: k } = Vn(), { initializeGrabScroll: G, scrollBehavior: q } = dr({
-    isPressed: M
-  }), Z = A(() => k === $n.HAND, [k]), U = R((z, H) => {
-    S((j) => ({ ...j, [z]: Math.round(H * 100) }));
-  }, []), B = A(() => ({
-    columnCount: b,
-    handleIntersectRatioChange: U
-  }), [b, U]), re = R(
-    (z) => {
-      const H = document.activeElement !== t;
-      !y && H || (["ArrowUp", "ArrowLeft"].includes(z.key) ? (z.preventDefault(), h()) : ["ArrowDown", "ArrowRight"].includes(z.key) && (z.preventDefault(), p()));
+  mr(t);
+  const { isPressed: $ } = pr(), { selectionMode: q } = qn(), { initializeGrabScroll: K, scrollBehavior: U } = hr({
+    isPressed: $
+  }), Z = A(() => q === Vn.HAND, [q]), se = x((k, G) => {
+    R((B) => ({ ...B, [k]: Math.round(G * 100) }));
+  }, []), pe = A(() => ({
+    columnCount: T,
+    handleIntersectRatioChange: se
+  }), [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()));
     },
-    [p, h, y, m]
-  ), pe = R((z) => {
-    N.current = {
-      scrollTop: z.scrollTop,
-      scrollLeft: z.scrollLeft
+    [p, h, L, m]
+  ), Y = x((k) => {
+    F.current = {
+      scrollTop: k.scrollTop,
+      scrollLeft: k.scrollLeft
     };
   }, []);
-  F(() => (window.addEventListener("keydown", re), () => {
-    window.removeEventListener("keydown", re);
-  }), [re]), F(() => {
+  z(() => (window.addEventListener("keydown", j), () => {
+    window.removeEventListener("keydown", j);
+  }), [j]), z(() => {
     if (_.current && (_.current.style.position = "relative"), !!r) {
-      v.current = l, i({
-        height: Array.from({ length: L }).reduce(
-          (z, H, j) => z + d(j),
+      v.current = {
+        height: l.height,
+        width: l.width
+      }, i({
+        height: Array.from({ length: b }).reduce(
+          (k, G, B) => k + w(B),
           0
         ),
-        width: Array.from({ length: b }).reduce(
-          (z, H, j) => z + w(j),
+        width: Array.from({ length: T }).reduce(
+          (k, G, B) => k + E(B),
           0
         )
       });
-      for (let z = 0; z < L; z++)
-        for (let H = 0; H < b; H++)
+      for (let k = 0; k < b; k++)
+        for (let G = 0; G < T; G++)
           r.resetAfterIndices({
-            columnIndex: H,
-            rowIndex: z,
+            columnIndex: G,
+            rowIndex: k,
             shouldForceUpdate: !0
           });
     }
-  }, [L, b, P, r, n]), F(() => {
-    if (E.current)
+  }, [b, T, d, r, n]), z(() => {
+    if (N.current)
       return;
     if (C.current.viewMode !== g || C.current.scrollMode !== m) {
-      x.current && clearTimeout(x.current), S({}), n(u), m === J.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
+      M.current && clearTimeout(M.current), R({}), S.current = !0, n(u), m === J.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
         scrollTop: 0
-      })), x.current = setTimeout(() => {
+      })), M.current = setTimeout(() => {
         requestAnimationFrame(() => {
           C.current = { viewMode: g, scrollMode: m };
         });
       }, 100);
       return;
     }
-    const H = N.current.scrollTop, j = N.current.scrollLeft;
-    if (l.height !== 0 && l.width !== 0) {
-      const { height: se, width: Te } = l, { height: me, width: fe } = v.current, Ze = H / me * se, je = j / fe * Te, zn = Math.min(Ze, se) || 0, Fn = Math.min(je, Te) || 0;
+    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;
       r == null || r.scrollTo({
-        scrollTop: zn,
-        scrollLeft: Fn
-      });
+        scrollTop: kn,
+        scrollLeft: Wn
+      }), P.current && clearTimeout(P.current), P.current = setTimeout(() => {
+        S.current = !1;
+      }, 100);
     }
-  }, [l, g, m]), F(() => {
-    const z = Object.entries(I);
-    if (E.current) {
-      E.current && (E.current = !1);
+  }, [l, g, m]), z(() => {
+    const k = Object.entries(D);
+    if (N.current || S.current) {
+      N.current = !1;
       return;
     }
-    let H = 0, j = -1;
-    z.forEach((se) => {
-      j < se[1] && (H = Number(se[0]), j = se[1]);
-    }), H && f(H);
-  }, [I, f]), F(() => () => {
-    x.current && clearTimeout(x.current);
+    let G = 0, B = -1;
+    k.forEach((Q) => {
+      B < Q[1] && (G = Number(Q[0]), B = Q[1]);
+    }), G && f(G);
+  }, [D, f]), z(() => () => {
+    M.current && clearTimeout(M.current), P.current && clearTimeout(P.current);
   }, []);
-  const K = A(() => Q(le["rp-pages-container"], {
-    [le["rp-cursor-grab"]]: Z && !M,
-    [le["rp-cursor-grabbing"]]: Z && M
-  }), [Z, M]), Y = R(
-    (z) => {
-      if (Z && z) {
-        const H = Q(le["rp-pages"]), j = document.querySelector(`.${H}`);
-        G(j);
+  const he = A(() => ee(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}`);
+        K(B);
       }
     },
-    [Z, G, le]
+    [Z, K, le]
   );
-  return /* @__PURE__ */ s("div", { ref: e, tabIndex: -1, className: K, children: /* @__PURE__ */ s(bo, { children: ({ width: z, height: H }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: Y, style: { width: z, height: H, scrollBehavior: q }, children: m === J.PAGE_SCROLLING ? /* @__PURE__ */ s(
+  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(
     "div",
     {
       ref: a,
-      style: { width: z, height: H },
-      className: Q(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
-      children: g === ze.DUAL_PAGE ? /* @__PURE__ */ s(Co, { widths: w, heights: d }) : /* @__PURE__ */ s(Po, { widths: w, heights: d })
+      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 })
     }
-  ) : T ? /* @__PURE__ */ s(
-    mo,
+  ) : I ? /* @__PURE__ */ s(
+    go,
     {
       ref: o,
-      itemData: B,
+      itemData: pe,
       outerRef: c,
       innerRef: _,
-      onScroll: pe,
-      columnCount: b,
-      columnWidth: w,
-      rowHeight: d,
-      height: H,
-      width: z,
-      estimatedColumnWidth: T,
-      estimatedRowHeight: D,
-      rowCount: L,
-      className: Q(
+      onScroll: Y,
+      columnCount: T,
+      columnWidth: E,
+      rowHeight: w,
+      height: G,
+      width: k,
+      estimatedColumnWidth: I,
+      estimatedRowHeight: y,
+      rowCount: b,
+      className: ee(
         le["rp-pages"],
         m === J.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
       ),
-      style: { scrollBehavior: q },
-      children: To
+      style: { scrollBehavior: U },
+      children: yo
     }
   ) : null }) }) });
 }, Se = {
@@ -1868,26 +1873,26 @@ const Co = ({ widths: e, heights: t }) => {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
   "rp-total-page": "_rp-total-page_1vu6o_12"
-}, So = () => {
+}, Io = () => {
   const { prevIcon: e } = ce();
   return e || /* @__PURE__ */ s(Re, {});
-}, yo = () => {
+}, xo = () => {
   const { nextIcon: e } = ce();
   return e || /* @__PURE__ */ s(Re, { style: { transform: "rotate(180deg" } });
-}, Io = () => {
-  const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = oe(), [c, i] = W(e.toString()), { pageNavigationTool: l = !0 } = de(), { isSmallScreen: p } = _e();
-  F(() => {
+}, 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();
+  z(() => {
     i(e.toString());
   }, [e]);
-  const h = R((g) => {
+  const h = x((g) => {
     const _ = g.target.value;
     i(_);
-  }, []), f = R(() => {
+  }, []), f = x(() => {
     const g = a(c);
     g.success || i(g.currentPage.toString());
-  }, [a, c, t]), u = R(() => {
+  }, [a, c, t]), u = x(() => {
     i(e.toString());
-  }, [e]), m = R(
+  }, [e]), m = x(
     (g) => {
       g.key === "Enter" && f();
     },
@@ -1904,7 +1909,7 @@ const Co = ({ widths: e, heights: t }) => {
       changePage: n
     }
   ) : l ? /* @__PURE__ */ O("div", { className: nt["rp-paginate"], children: [
-    !p && /* @__PURE__ */ s(ee, { content: "Previous page", children: /* @__PURE__ */ s(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(So, {}) }) }),
+    !p && /* @__PURE__ */ s(te, { content: "Previous page", children: /* @__PURE__ */ s(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(Io, {}) }) }),
     /* @__PURE__ */ s(
       jt,
       {
@@ -1919,10 +1924,10 @@ const Co = ({ widths: e, heights: t }) => {
       "/",
       t
     ] }),
-    !p && /* @__PURE__ */ s(ee, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(yo, {}) }) })
+    !p && /* @__PURE__ */ s(te, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(xo, {}) }) })
   ] }) : null;
 };
-var Ct = "Dialog", [gn, js] = vr(Ct), [xo, ae] = gn(Ct), vn = (e) => {
+var Ct = "Dialog", [gn, Ks] = Ir(Ct), [Lo, ae] = gn(Ct), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -1930,13 +1935,13 @@ var Ct = "Dialog", [gn, js] = vr(Ct), [xo, ae] = gn(Ct), vn = (e) => {
     defaultOpen: o,
     onOpenChange: a,
     modal: c = !0
-  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, h] = br({
+  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, h] = Rr({
     prop: r,
     defaultProp: o,
     onChange: a
   });
   return /* @__PURE__ */ s(
-    xo,
+    Lo,
     {
       scope: t,
       triggerRef: i,
@@ -1953,7 +1958,7 @@ var Ct = "Dialog", [gn, js] = vr(Ct), [xo, ae] = gn(Ct), vn = (e) => {
   );
 };
 vn.displayName = Ct;
-var _n = "DialogTrigger", Ro = V.forwardRef(
+var _n = "DialogTrigger", No = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(_n, n), a = gt(t, o.triggerRef);
     return /* @__PURE__ */ s(
@@ -1971,28 +1976,28 @@ var _n = "DialogTrigger", Ro = V.forwardRef(
     );
   }
 );
-Ro.displayName = _n;
-var Pt = "DialogPortal", [Lo, wn] = gn(Pt, {
+No.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(Lo, { scope: t, forceMount: n, children: V.Children.map(r, (c) => /* @__PURE__ */ s(vt, { present: n || a.open, children: /* @__PURE__ */ s(Ir, { asChild: !0, container: o, children: c }) })) });
+  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 }) })) });
 };
 bn.displayName = Pt;
 var ke = "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(No, { ...o, ref: t }) }) : null;
+    return a.modal ? /* @__PURE__ */ s(vt, { present: r || a.open, children: /* @__PURE__ */ s(Eo, { ...o, ref: t }) }) : null;
   }
 );
 Cn.displayName = ke;
-var No = V.forwardRef(
+var Eo = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(ke, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ s(Pr, { as: _r, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(wr, { as: br, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
         Ne.div,
         {
           "data-state": St(o.open),
@@ -2006,17 +2011,17 @@ var No = 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(Mo, { ...o, ref: t }) : /* @__PURE__ */ s(Eo, { ...o, ref: t }) });
+    return /* @__PURE__ */ s(vt, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s(Oo, { ...o, ref: t }) : /* @__PURE__ */ s(Do, { ...o, ref: t }) });
   }
 );
 Pn.displayName = ve;
-var Mo = V.forwardRef(
+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 Tr(a);
+        return Cr(a);
     }, []), /* @__PURE__ */ s(
       Tn,
       {
@@ -2039,7 +2044,7 @@ var Mo = V.forwardRef(
       }
     );
   }
-), Eo = V.forwardRef(
+), Do = V.forwardRef(
   (e, t) => {
     const n = ae(ve, e.__scopeDialog), r = V.useRef(!1), o = V.useRef(!1);
     return /* @__PURE__ */ s(
@@ -2065,9 +2070,9 @@ var Mo = V.forwardRef(
 ), 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 Sr(), /* @__PURE__ */ O(Ae, { children: [
+    return Pr(), /* @__PURE__ */ O(Ae, { children: [
       /* @__PURE__ */ s(
-        yr,
+        Tr,
         {
           asChild: !0,
           loop: !0,
@@ -2075,7 +2080,7 @@ var Mo = V.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ s(
-            Cr,
+            Sr,
             {
               role: "dialog",
               id: i.contentId,
@@ -2090,8 +2095,8 @@ var Mo = V.forwardRef(
         }
       ),
       /* @__PURE__ */ O(Ae, { children: [
-        /* @__PURE__ */ s(Do, { titleId: i.titleId }),
-        /* @__PURE__ */ s(zo, { contentRef: l, descriptionId: i.descriptionId })
+        /* @__PURE__ */ s(zo, { titleId: i.titleId }),
+        /* @__PURE__ */ s(ko, { contentRef: l, descriptionId: i.descriptionId })
       ] })
     ] });
   }
@@ -2102,13 +2107,13 @@ var Mo = V.forwardRef(
   }
 );
 Sn.displayName = Tt;
-var yn = "DialogDescription", Oo = V.forwardRef(
+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 });
   }
 );
-Oo.displayName = yn;
+Ao.displayName = yn;
 var In = "DialogClose", xn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(In, n);
@@ -2127,11 +2132,11 @@ xn.displayName = In;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [Bs, Ln] = wr(Rn, {
+var Rn = "DialogTitleWarning", [Xs, Ln] = xr(Rn, {
   contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
-}), Do = ({ titleId: e }) => {
+}), zo = ({ titleId: e }) => {
   const t = Ln(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.
@@ -2140,14 +2145,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return V.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, Ao = "DialogDescriptionWarning", zo = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ln(Ao).contentName}}.`;
+}, Fo = "DialogDescriptionWarning", ko = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ln(Fo).contentName}}.`;
   return V.useEffect(() => {
     var a;
     const o = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, Fo = vn, ko = bn, Wo = Cn, Ho = Pn, $o = Sn, Go = xn;
+}, Wo = vn, Ho = bn, $o = Cn, Go = Pn, Vo = Sn, Uo = xn;
 const ge = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2156,8 +2161,8 @@ const ge = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Vo = () => {
-  const { pdfProperties: e } = ne(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Rr(), o = A(() => {
+}, qo = () => {
+  const { pdfProperties: e } = re(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Nr(), o = A(() => {
     if (!e)
       return [];
     const {
@@ -2197,45 +2202,45 @@ const ge = {
       { label: "Page count", value: v }
     ];
   }, [e]);
-  return /* @__PURE__ */ s(Fo, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(ko, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ s(Wo, { className: ge["rp-dialog-overlay"] }),
-    /* @__PURE__ */ O(Ho, { className: ge["rp-document-dialog"], children: [
-      /* @__PURE__ */ s($o, { 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(xr, { label: a.label, value: a.value }) }, c)) }),
-      /* @__PURE__ */ s(Go, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ s(Qt, {}) })
+  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"] }),
+    /* @__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, {}) })
     ] })
   ] }) }) });
-}, Uo = {
+}, Zo = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, qo = (e) => URL.createObjectURL(e), Zo = async (e) => {
+}, jo = (e) => URL.createObjectURL(e), Bo = async (e) => {
   const n = await (await fetch(e)).blob();
-  return qo(n);
-}, jo = () => {
-  const { filename: e, pdfSrc: t } = ne();
-  return { download: R(async () => {
+  return jo(n);
+}, Ko = () => {
+  const { filename: e, pdfSrc: t } = re();
+  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 Zo(t), r.download = e, document.body.appendChild(r), r.click(), document.body.removeChild(r);
+    r.href = await Bo(t), r.download = e, document.body.appendChild(r), r.click(), document.body.removeChild(r);
   }, []) };
 }, Nn = () => {
   const { downloadIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Or, {});
-}, Mn = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Download file", children: e }), Bo = ({ download: e }) => /* @__PURE__ */ s(Mn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(Nn, {}) }) }), Ko = ({ download: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Mn, { className: "rp-menu-item", children: [
+  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, {}) }),
   "Download file"
 ] }) }), En = () => {
-  const { download: e } = jo(), { downloadTool: t = !0 } = de(), { isSmallScreen: n } = _e();
-  return t ? n ? /* @__PURE__ */ s(Ko, { download: e }) : typeof t == "function" ? /* @__PURE__ */ s(t, { download: e }) : t ? /* @__PURE__ */ s(Bo, { download: e }) : null : null;
+  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;
 }, On = () => {
   const { printIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Dr, {});
-}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Print", children: e }), Xo = ({ print: e }) => /* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(On, {}) }) }), Jo = ({ print: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
+  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, {}) }),
   "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(Jo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ s(
+  return c ? i ? /* @__PURE__ */ s(Qo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ s(
     c,
     {
       print: e,
@@ -2245,33 +2250,33 @@ const ge = {
       setOnComplete: r,
       progress: a
     }
-  ) : c ? /* @__PURE__ */ s(Xo, { print: e }) : null : null;
-}, Yo = {
+  ) : c ? /* @__PURE__ */ s(Yo, { print: e }) : null : null;
+}, ea = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Qo = () => {
+}, ta = () => {
   const { goToFirstPageIcon: e } = ce();
-  return e || /* @__PURE__ */ s(tn, { className: Yo["rp-go-to-Top"] });
-}, ea = () => {
+  return e || /* @__PURE__ */ s(tn, { className: ea["rp-go-to-Top"] });
+}, na = () => {
   const { goToLastPageIcon: e } = ce();
   return e || /* @__PURE__ */ s(tn, {});
-}, ta = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: r = !0 } = de(), o = A(() => n === 1, [n]), a = A(() => n === t, [n, t]), c = R(() => {
+}, 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(() => {
     e(1);
-  }, [e]), i = R(() => {
+  }, [e]), i = x(() => {
     e(t);
   }, [e, t]);
   return r ? /* @__PURE__ */ O(Fe, { children: [
-    /* @__PURE__ */ s(he, { disabled: o, onClick: c, children: /* @__PURE__ */ O(ee, { className: "rp-menu-item", content: "Go to first page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Qo, {}) }),
+    /* @__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, {}) }),
       "First page"
     ] }) }),
-    /* @__PURE__ */ s(he, { disabled: a, onClick: i, children: /* @__PURE__ */ O(ee, { className: "rp-menu-item", content: "Go to last page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(ea, {}) }),
+    /* @__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, {}) }),
       "Last page"
     ] }) }),
     /* @__PURE__ */ s(_t, {})
   ] }) : null;
-}, na = () => {
+}, oa = () => {
   const { container: e } = Le(), { isSmallScreen: t } = _e(), {
     openFileTool: n,
     downloadTool: r,
@@ -2296,13 +2301,13 @@ const ge = {
     i,
     l,
     t
-  ]) ? /* @__PURE__ */ O(Lr, { children: [
+  ]) ? /* @__PURE__ */ O(Mr, { children: [
     /* @__PURE__ */ s(
       ft,
       {
         container: e,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(ee, { content: "More options", children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(gr, {}) }) }) }),
-        children: /* @__PURE__ */ O("div", { className: Uo["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(te, { content: "More options", children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(_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, {}),
@@ -2310,27 +2315,27 @@ const ge = {
             /* @__PURE__ */ s(en, {}),
             /* @__PURE__ */ s(_t, {})
           ] }),
-          /* @__PURE__ */ s(ta, {}),
-          /* @__PURE__ */ s(Mr, {}),
-          /* @__PURE__ */ s(Ar, {}),
-          /* @__PURE__ */ s(Er, {}),
-          /* @__PURE__ */ s(Nr, {})
+          /* @__PURE__ */ s(ra, {}),
+          /* @__PURE__ */ s(Or, {}),
+          /* @__PURE__ */ s(Fr, {}),
+          /* @__PURE__ */ s(Dr, {}),
+          /* @__PURE__ */ s(Er, {})
         ] })
       }
     ),
-    /* @__PURE__ */ s(Vo, {})
+    /* @__PURE__ */ s(qo, {})
   ] }) : null;
-}, ra = () => {
+}, aa = () => {
   const { isSmallScreen: e } = _e();
   return /* @__PURE__ */ O(Ae, { children: [
-    /* @__PURE__ */ s(fr, {}),
+    /* @__PURE__ */ s(vr, {}),
     !e && /* @__PURE__ */ O(Ae, { children: [
       /* @__PURE__ */ s(Yt, {}),
       /* @__PURE__ */ s(En, {}),
       /* @__PURE__ */ s(An, {}),
       /* @__PURE__ */ s(en, {})
     ] }),
-    /* @__PURE__ */ s(na, {})
+    /* @__PURE__ */ s(oa, {})
   ] });
 }, ye = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_163s9_1",
@@ -2338,45 +2343,45 @@ const ge = {
   "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"
-}, oa = 25, rt = 1e3, aa = [50, 75, 100, 125, 150, 200, 300, 400], sa = () => {
+}, sa = 25, rt = 1e3, ia = [50, 75, 100, 125, 150, 200, 300, 400], ca = () => {
   const { zoomInIcon: e } = ce();
-  return e || /* @__PURE__ */ s(zr, {});
-}, ia = () => {
+  return e || /* @__PURE__ */ s(kr, {});
+}, la = () => {
   const { zoomOutIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Fr, {});
-}, ca = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Ve(), { container: n, contentRef: r } = Le(), { zoomTool: o = !0 } = de(), { focusedPage: a } = oe(), { rotate: c } = Ge(), { pages: i } = ne(), { isSmallScreen: l } = _e(), p = R(() => {
+  return e || /* @__PURE__ */ s(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(() => {
     t((v) => {
       const C = Math.floor(v / 25) * 25;
       return Math.min(C + 25, rt);
     });
-  }, [t]), h = R(() => {
+  }, [t]), h = x(() => {
     t((v) => {
       const C = Math.ceil(v / 25) * 25;
       return Math.min(C - 25, rt);
     });
-  }, [t]), f = A(() => e === oa, [e]), u = A(() => e === rt, [e]), m = A(() => {
+  }, [t]), f = A(() => e === sa, [e]), u = A(() => e === rt, [e]), m = A(() => {
     var v;
     return (v = i.get(a)) == null ? void 0 : v.page.getViewport({ scale: 1, rotation: c });
-  }, [i, a, c]), g = R(
+  }, [i, a, c]), g = x(
     (v) => {
-      const C = ((m == null ? void 0 : m.width) || 0) + 2 * It, y = ((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 = kr(v, P, L, C, y);
+      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);
       t(d);
     },
     [t, m]
-  ), _ = R(
+  ), _ = 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(ee, { content: "Zoom out", children: /* @__PURE__ */ s(X, { disabled: f, onClick: h, children: /* @__PURE__ */ s(ia, {}) }) }),
+    /* @__PURE__ */ s(te, { content: "Zoom out", children: /* @__PURE__ */ s(X, { disabled: f, onClick: h, children: /* @__PURE__ */ s(la, {}) }) }),
     !l && /* @__PURE__ */ s(
       ft,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(ee, { content: "Select zoom level", children: /* @__PURE__ */ O(X, { className: ye["rp-current-zoom-wrapper"], children: [
+        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,
             " %"
@@ -2387,19 +2392,19 @@ const ge = {
         align: "center",
         children: /* @__PURE__ */ O("div", { className: ye["rp-zoom-dropdown-content"], children: [
           /* @__PURE__ */ O(Fe, { children: [
-            /* @__PURE__ */ s(he, { onClick: () => _(Be.ACTUAL), children: "Actual size" }),
-            /* @__PURE__ */ s(he, { onClick: () => _(Be.PAGE_FIT), children: "Page fit" }),
-            /* @__PURE__ */ s(he, { onClick: () => _(Be.PAGE_WIDTH), children: "Page width" })
+            /* @__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" })
           ] }),
           /* @__PURE__ */ s(_t, {}),
-          /* @__PURE__ */ s(Fe, { children: aa.map((v) => /* @__PURE__ */ O(he, { onClick: () => _(v), children: [
+          /* @__PURE__ */ s(Fe, { children: ia.map((v) => /* @__PURE__ */ O(fe, { onClick: () => _(v), children: [
             v,
             " %"
           ] }, v)) })
         ] })
       }
     ),
-    /* @__PURE__ */ s(ee, { content: "Zoom in", children: /* @__PURE__ */ s(X, { disabled: u, onClick: p, children: /* @__PURE__ */ s(sa, {}) }) })
+    /* @__PURE__ */ s(te, { content: "Zoom in", children: /* @__PURE__ */ s(X, { disabled: u, onClick: p, children: /* @__PURE__ */ s(ca, {}) }) })
   ] }) : null;
 }, ie = {
   "rp-search-tool-content": "_rp-search-tool-content_1vxow_1",
@@ -2412,9 +2417,9 @@ const ge = {
   "rp-search-input": "_rp-search-input_1vxow_49"
 }, Ut = () => {
   const { searchIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Wr, {});
-}, la = () => {
-  const { container: e } = Le(), [t, n] = W(!1), { pdf: r } = ne(), [o, a] = W(null), {
+  return e || /* @__PURE__ */ s($r, {});
+}, da = () => {
+  const { container: e } = Le(), [t, n] = H(!1), { pdf: r } = re(), [o, a] = H(null), {
     searchOptions: c,
     setSearchOptions: i,
     loading: l,
@@ -2424,42 +2429,42 @@ const ge = {
     nextMatch: u,
     prevMatch: m,
     search: g
-  } = ln(), { searchTool: _ = !0 } = de(), [v, C] = W(g), y = R(() => {
+  } = ln(), { searchTool: _ = !0 } = de(), [v, C] = H(g), S = x(() => {
     n(!0);
-  }, []), P = R(() => {
+  }, []), P = x(() => {
     p(""), C(""), n(!1);
-  }, [p]), L = R(
-    (x) => {
-      x.key === "Escape" && t && P();
+  }, [p]), L = x(
+    (R) => {
+      R.key === "Escape" && t && P();
     },
     [t]
-  ), d = R(
-    (x) => {
-      x.shiftKey && x.key === "Enter" ? m() : x.key === "Enter" && g !== v ? p(v) : x.key === "Enter" && u();
+  ), d = x(
+    (R) => {
+      R.shiftKey && R.key === "Enter" ? m() : R.key === "Enter" && g !== v ? p(v) : R.key === "Enter" && u();
     },
     [v, m, u, p, g]
   );
-  F(() => (window.addEventListener("keydown", L), () => {
+  z(() => (window.addEventListener("keydown", L), () => {
     window.removeEventListener("keydown", L);
-  }), [L]), F(() => {
+  }), [L]), z(() => {
     o && o.focus();
   }, [o]);
-  const b = R((x) => {
-    C(x.target.value);
-  }, []), w = R(() => {
+  const b = x((R) => {
+    C(R.target.value);
+  }, []), w = x(() => {
     C(""), p("");
-  }, [p]), T = A(() => `${f} / ${h}`, [f, h]), { wholeWords: D, matchCase: I } = A(() => c, [c]), S = R(
-    (x) => {
-      i((N) => ({ ...N, matchCase: x }));
+  }, [p]), T = A(() => `${f} / ${h}`, [f, h]), { wholeWords: E, matchCase: I } = A(() => c, [c]), y = x(
+    (R) => {
+      i((N) => ({ ...N, matchCase: R }));
     },
     [i]
-  ), E = R(
-    (x) => {
-      i((N) => ({ ...N, wholeWords: x }));
+  ), D = x(
+    (R) => {
+      i((N) => ({ ...N, wholeWords: R }));
     },
     [i]
   );
-  return F(() => {
+  return z(() => {
     P();
   }, [r, P]), _ ? /* @__PURE__ */ s(
     ft,
@@ -2467,7 +2472,7 @@ const ge = {
       open: t,
       container: e,
       align: "start",
-      triggerComponent: /* @__PURE__ */ s(ee, { content: "Search in document", children: /* @__PURE__ */ s(X, { onClick: y, children: /* @__PURE__ */ s(Ut, {}) }) }),
+      triggerComponent: /* @__PURE__ */ s(te, { content: "Search in document", children: /* @__PURE__ */ s(X, { onClick: S, children: /* @__PURE__ */ s(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: [
@@ -2481,14 +2486,14 @@ const ge = {
                 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(Hr, {}) })
+                children: !!v && /* @__PURE__ */ s("span", { className: ie["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ s(Gr, {}) })
               }
             ),
             l ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(mt, {}) }) : /* @__PURE__ */ s("span", { children: T })
           ] }),
           /* @__PURE__ */ O("div", { className: ie["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ s(xt, { name: "matchCase", value: I, onChange: S, children: "Match Case" }),
-            /* @__PURE__ */ s(xt, { name: "wholeWord", value: D, onChange: E, children: "Whole Word" })
+            /* @__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__ */ O("div", { className: ie["rp-search-tool-controls"], children: [
@@ -2505,39 +2510,39 @@ const ge = {
       ] })
     }
   ) : null;
-}, ua = "_loading_1snj5_1", Ce = {
+}, pa = "_loading_1snj5_1", Pe = {
   "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
   "rp-loading-modal": "_rp-loading-modal_1snj5_14",
   "rp-loading-title": "_rp-loading-title_1snj5_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_1snj5_35",
   "rp-loading-progress": "_rp-loading-progress_1snj5_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_1snj5_52",
-  loading: ua
-}, da = ({ percentage: e }) => {
+  loading: pa
+}, ha = ({ percentage: e }) => {
   const { cancel: t } = wt();
-  return e < 1 ? null : /* @__PURE__ */ s("div", { className: Q(Ce["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: Q(Ce["rp-loading-modal"]), children: [
-    /* @__PURE__ */ s("div", { className: Q(Ce["rp-loading-title"]), children: "Preparing document..." }),
-    /* @__PURE__ */ s("div", { className: Q(Ce["rp-loading-progress-bar"]), children: /* @__PURE__ */ s(
+  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(
       "div",
       {
-        className: Q(Ce["rp-loading-progress"]),
+        className: ee(Pe["rp-loading-progress"]),
         style: { width: `${e}%` }
       }
     ) }),
-    /* @__PURE__ */ s("button", { className: Q(Ce["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
+    /* @__PURE__ */ s("button", { className: ee(Pe["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
   ] }) });
-}, pa = $e((e, t) => {
+}, 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;
   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(la, {}),
-        /* @__PURE__ */ s(Io, {})
+        /* @__PURE__ */ s(da, {}),
+        /* @__PURE__ */ s(Ro, {})
       ] }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarCenter", className: Se["rp-toolbar-middle"], children: /* @__PURE__ */ s(ca, {}) }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarRight", className: Se["rp-toolbar-end"], children: /* @__PURE__ */ s(ra, {}) })
+      /* @__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, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ s(da, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ s(ha, { percentage: a }) : null
   ] });
 }), ot = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
@@ -2550,11 +2555,11 @@ const ge = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, ha = (e) => {
+}, 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(() => ({
     width: Math.round(o.width),
     height: Math.round(o.height)
-  }), [o]), l = R(() => {
+  }), [o]), l = x(() => {
     n && a(n);
   }, [a, n]);
   return /* @__PURE__ */ O(
@@ -2564,7 +2569,7 @@ const ge = {
       id: `page-${n}`,
       className: Ie["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ s("div", { className: Q(c, Ie["rp-thumbnail"]), children: t ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("div", { className: ee(c, Ie["rp-thumbnail"]), children: t ? /* @__PURE__ */ s(
           "img",
           {
             src: t,
@@ -2590,22 +2595,22 @@ const ge = {
 }, qt = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, ma = 16, fa = (e, t) => {
+}, 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) - ma);
-}, ga = $e((e, t) => {
-  const { show: n } = e, { focusedPage: r, totalPages: o } = oe(), { thumbnailPages: a, addPage: c, thumbnailLength: i, addToPage: l } = sn(), p = $(null), h = $(1);
+  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);
   Zt(t, () => p.current);
-  const f = A(() => Object.values(a), [a]), u = R(() => {
+  const f = A(() => Object.values(a), [a]), u = x(() => {
     const m = i + 1;
     m <= o && c(m);
   }, [c, o, i]);
-  return F(() => {
-    r > i ? l(r) : n && h.current !== r && (fa(p.current, r), h.current = r);
-  }, [r, i, l, n, f]), Qn(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) => {
+  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) => {
     var _, v;
     return /* @__PURE__ */ s(
-      ha,
+      fa,
       {
         isFocused: r === ((_ = m.page) == null ? void 0 : _.pageNumber),
         pageNumber: (v = m.page) == null ? void 0 : v.pageNumber,
@@ -2616,13 +2621,13 @@ const ge = {
       g
     );
   }) : null }) });
-}), va = () => {
+}), wa = () => {
   const { thumbnailIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Yn, {});
-}, _a = () => {
-  const { active: e, setActive: t } = sn(), [n, r] = W(200), o = $(null), { thumbnailTool: a } = de(), c = R(() => {
+  return e || /* @__PURE__ */ s(er, {});
+}, ba = () => {
+  const { active: e, setActive: t } = sn(), [n, r] = H(200), o = W(null), { thumbnailTool: a } = de(), c = x(() => {
     t((l) => !l);
-  }, []), i = A(() => typeof a != "boolean" && a ? /* @__PURE__ */ s(a, { onClick: c, active: e }) : a ? /* @__PURE__ */ s(ee, { content: "Thumbnail", children: /* @__PURE__ */ s(X, { onClick: c, active: e, children: /* @__PURE__ */ s(va, {}) }) }) : null, [a, e, c]);
+  }, []), 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]);
   return /* @__PURE__ */ O(
     "div",
     {
@@ -2632,76 +2637,76 @@ const ge = {
       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(ga, { show: e, ref: o }),
-          /* @__PURE__ */ s(er, { onWidthChange: r, thumbnailRef: o })
+          /* @__PURE__ */ s(_a, { show: e, ref: o }),
+          /* @__PURE__ */ s(nr, { onWidthChange: r, thumbnailRef: o })
         ] })
       ]
     }
   );
-}, Ks = $e((e, t) => {
-  const { children: n, slots: r, icons: o, style: a, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [h, f] = W(null), { setContainer: u, setContentRef: m } = Le();
-  return F(() => (l && l(), () => {
+}, 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();
+  return z(() => (l && l(), () => {
     p && p();
-  }), [l, p]), /* @__PURE__ */ s("div", { ref: t, className: Q(we["rp-theme-variables"], we["rp-container"]), children: /* @__PURE__ */ s(sr, { mobileWidth: i, children: /* @__PURE__ */ s(tr, { slots: r, children: /* @__PURE__ */ s(nr, { icons: o, children: /* @__PURE__ */ s(
-    rr,
+  }), [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(
+    ar,
     {
       getContainerRef: u,
       toolbarRef: h,
       style: a,
       className: c,
-      children: /* @__PURE__ */ O(or, { children: [
-        /* @__PURE__ */ O("div", { className: we["rp-layout"], children: [
-          /* @__PURE__ */ s(pa, { ref: f }),
-          /* @__PURE__ */ O("div", { className: we["rp-content"], children: [
-            /* @__PURE__ */ s("div", { className: we["rp-sidebar"], children: /* @__PURE__ */ s(_a, {}) }),
-            /* @__PURE__ */ s("div", { ref: m, className: we["rp-pages"], children: n })
+      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 })
           ] })
         ] }),
-        /* @__PURE__ */ s(ar, {})
+        /* @__PURE__ */ s(ir, {})
       ] })
     }
   ) }) }) }) });
 });
 export {
-  eo as A,
-  ha as B,
-  qr as C,
-  Co as D,
-  ga as E,
+  no as A,
+  fa as B,
+  jr as C,
+  To as D,
+  _a as E,
   En as F,
-  _a as G,
-  da as L,
-  ta as M,
-  na as O,
-  Gs as P,
-  Zs as R,
-  qs as S,
-  Us as T,
-  ca as Z,
-  Vs as a,
-  Ks as b,
-  jo as c,
+  ba as G,
+  ha as L,
+  ra as M,
+  oa as O,
+  Us as P,
+  Bs as R,
+  js as S,
+  Zs as T,
+  ua as Z,
+  qs as a,
+  Js as b,
+  Ko as c,
   wt as d,
   ln as e,
   nn as f,
-  $r as g,
+  Vr as g,
   rn as h,
-  Gr as i,
+  Ur as i,
   on as j,
-  Vr as k,
+  qr as k,
   an as l,
   sn as m,
-  Ur as n,
+  Zr as n,
   cn as o,
-  Zr as p,
+  Br as p,
   bt as q,
-  _o as r,
-  Po as s,
-  Io as t,
+  bo as r,
+  So as s,
+  Ro as t,
   oe as u,
-  Vo as v,
+  qo as v,
   An as w,
-  ra as x,
-  la as y,
-  pa as z
+  aa as x,
+  da as y,
+  ma as z
 };