@pdf-viewer/react 0.6.0-beta.3 → 0.6.0-beta.4

package/dist/{RPLayout-753dcb2b.js → RPLayout-fab06e11.js}

@@ -1,80 +1,79 @@
 import { jsx as a, jsxs as O, Fragment as Ae } from "react/jsx-runtime";
 import * as V from "react";
-import { useRef as $, useEffect as A, useCallback as M, useState as F, useMemo as D, createContext as We, useContext as He, forwardRef as $e, useImperativeHandle as qt, createElement as Le, PureComponent as zn, Component as Fn, memo as kn } from "react";
+import { useRef as $, useEffect as A, useCallback as M, useState as F, useMemo as D, createContext as We, useContext as He, forwardRef as $e, useImperativeHandle as Zt, createElement as Le, PureComponent as Fn, Component as kn, memo as Wn } from "react";
 import { ChevronUpIcon as Me } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as B } from "./components/ui/Button.js";
-import { UIInput as Zt } from "./components/ui/Input.js";
-import { useScrollModeContext as Pe, ScrollModeProvider as Wn } from "./contexts/ScrollModeContext.js";
+import { UIInput as jt } from "./components/ui/Input.js";
+import { useScrollModeContext as Pe, ScrollModeProvider as Hn } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as Y } from "./contexts/RPDocumentContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as Hn } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as $n } from "./components/icons/Thumbnail.js";
 import { c as j } from "./clsx-0c6e471a.js";
 import { LoaderIcon as pt } from "./components/icons/LoaderIcon.js";
 import { renderPage as ot } from "./utils/renderPage.js";
 import "./contexts/ThemeContext.js";
-import { RPDropFileZone as $n } from "./components/RPDropFileZone.js";
-import { DropFileZoneProvider as Vn } from "./contexts/DropFileZoneContext.js";
-import { DarkModeProvider as Gn } from "./contexts/DarkModeContext.js";
-import { useToolbarComponentContext as se, ToolbarComponentProvider as Un } from "./contexts/ToolbarComponentContext.js";
-import { useRotateContext as Ve, RotateProvider as qn } from "./contexts/RotateContext.js";
-import { useViewModeContext as Ge, ViewModeProvider as Zn } from "./contexts/ViewModeContext.js";
-import { FileInputProvider as jn } from "./contexts/FileInputContext.js";
-import { useZoomContext as ht, ZoomProvider as Bn } from "./contexts/ZoomContext.js";
-import { findMatches as Kn, resetDivs as Xn, highlightMatches as Jn } from "./utils/highlight.js";
-import { useVirtualScrollContext as Ue, VirtualScrollProvider as Yn } from "./contexts/VirtualScrollContext.js";
-import * as Qn from "pdfjs-dist";
-import { AnnotationLayer as er, PixelsPerInch as tr, AnnotationMode as nr, RenderingCancelledException as rr } from "pdfjs-dist";
+import { RPDropFileZone as Vn } from "./components/RPDropFileZone.js";
+import { DropFileZoneProvider as Gn } from "./contexts/DropFileZoneContext.js";
+import { DarkModeProvider as Un } from "./contexts/DarkModeContext.js";
+import { useToolbarComponentContext as se, ToolbarComponentProvider as qn } from "./contexts/ToolbarComponentContext.js";
+import { useRotateContext as Ve, RotateProvider as Zn } from "./contexts/RotateContext.js";
+import { useViewModeContext as Ge, ViewModeProvider as jn } from "./contexts/ViewModeContext.js";
+import { FileInputProvider as Bn } from "./contexts/FileInputContext.js";
+import { useZoomContext as ht, ZoomProvider as Kn } from "./contexts/ZoomContext.js";
+import { findMatches as Xn, resetDivs as Jn, highlightMatches as Yn } from "./utils/highlight.js";
+import { useVirtualScrollContext as Ue, VirtualScrollProvider as Qn } from "./contexts/VirtualScrollContext.js";
+import * as er from "pdfjs-dist";
+import { AnnotationLayer as tr, PixelsPerInch as nr, AnnotationMode as rr, RenderingCancelledException as or } from "pdfjs-dist";
 import { getThumbnailViewport as It } from "./utils/getThumbnailViewport.js";
-import { useInfiniteScroll as or } from "./utils/hooks/useInfiniteScroll.js";
-import { RPSplitter as ar } from "./components/layout/sidebar/RPSplitter.js";
-import { useIconContext as re, IconProvider as ir } from "./contexts/IconContext.js";
+import { useInfiniteScroll as ar } from "./utils/hooks/useInfiniteScroll.js";
+import { RPSplitter as ir } from "./components/layout/sidebar/RPSplitter.js";
+import { useIconContext as re, IconProvider as sr } from "./contexts/IconContext.js";
 import X from "./components/ui/RPTooltip.js";
-import { c as he, C as sr } from "./Container-83627c27.js";
-import { useLayoutContainer as qe, LayoutContainerProvider as lr } from "./contexts/LayoutContainerContext.js";
-import { ViewMode as ze, ScrollMode as Q, AnnotationSubType as at, SelectionMode as jt, ZoomLevel as we } from "./utils/types.js";
-import { useLayerContext as cr, LayerProvider as ur } from "./contexts/LayerContext.js";
-import { useVirtualGridContext as Bt, VirtualGridProvider as dr } from "./contexts/VirtualGridContext.js";
-import { useScrollStateContext as Kt, ScrollStateProvider as pr } from "./contexts/ScrollStateContext.js";
-import { useViewportContext as ge, ViewportProvider as hr } from "./contexts/ViewportContext.js";
-import { useSelectionModeContext as fr, SelectionModeProvider as mr } from "./contexts/SelectionModeContext.js";
-import { useInitialStateContext as gr, InitialStateProvider as vr } from "./contexts/InitialStateContext.js";
-import { useFullScreenContext as _r, FullScreenProvider as wr } from "./contexts/FullScreenContext.js";
-import { WrapperLayout as br } from "./components/layout/WrapperLayout.js";
-import { SimpleLinkService as Cr } from "./utils/link_service.js";
+import { c as he, C as lr } from "./Container-83627c27.js";
+import { useLayoutContainer as qe, LayoutContainerProvider as cr } from "./contexts/LayoutContainerContext.js";
+import { ViewMode as ze, ScrollMode as Q, AnnotationSubType as at, SelectionMode as Bt, ZoomLevel as we } from "./utils/types.js";
+import { useLayerContext as ur, LayerProvider as dr } from "./contexts/LayerContext.js";
+import { useVirtualGridContext as Kt, VirtualGridProvider as pr } from "./contexts/VirtualGridContext.js";
+import { useScrollStateContext as Xt, ScrollStateProvider as hr } from "./contexts/ScrollStateContext.js";
+import { useViewportContext as ge, ViewportProvider as fr } from "./contexts/ViewportContext.js";
+import { useSelectionModeContext as mr, SelectionModeProvider as gr } from "./contexts/SelectionModeContext.js";
+import { useInitialStateContext as vr, InitialStateProvider as _r } from "./contexts/InitialStateContext.js";
+import { useFullScreenContext as wr, FullScreenProvider as br } from "./contexts/FullScreenContext.js";
+import { WrapperLayout as Cr } from "./components/layout/WrapperLayout.js";
+import { SimpleLinkService as Pr } from "./utils/link_service.js";
 import { dateFormatter as it } from "./utils/dateFormatter.js";
-import { sanitizeExternalUrl as Pr } from "./utils/sanitizeExternalUrl.js";
-import { useWatermark as Sr } from "./utils/hooks/useWatermark.js";
-import { usePageDimension as Xt } from "./utils/hooks/usePageDimension.js";
-import { useMousePressed as Tr } from "./utils/hooks/useMousePressed.js";
-import { useGrabScroll as Ir } from "./utils/hooks/useGrabScroll.js";
-import { useDebounce as yr } from "./utils/hooks/useDebounce.js";
-import { appConsole as Rr } from "./utils/appConsole.js";
-import { FileUploadTool as Jt } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as xr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as Mr } from "./components/icons/ThreeDotIcon.js";
+import { sanitizeExternalUrl as Sr } from "./utils/sanitizeExternalUrl.js";
+import { useWatermark as Tr } from "./utils/hooks/useWatermark.js";
+import { usePageDimension as Jt } from "./utils/hooks/usePageDimension.js";
+import { useMousePressed as Ir } from "./utils/hooks/useMousePressed.js";
+import { useGrabScroll as yr } from "./utils/hooks/useGrabScroll.js";
+import { useDebounce as Rr } from "./utils/hooks/useDebounce.js";
+import { appConsole as xr } from "./utils/appConsole.js";
+import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool.js";
+import { DarkModeTool as Mr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as Nr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as mt, a as Ne, c as xe, b as gt, d as Nr, e as Lr, h as Er, f as Or, F as Dr, D as Ar, g as zr, G as Fe } from "./index-316854c1.js";
-import { c as Fr, e as kr, b as Wr } from "./index-71898eb9.js";
-import { e as Be } from "./floating-ui.react-dom-e6d5fe8f.js";
-import { CloseIcon as Yt } from "./components/icons/CloseIcon.js";
-import { PropertyItem as Hr } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as $r, OtherToolProvider as Vr } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as Gr } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as Ur } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as qr } from "./components/layout/toolbar/ScrollModeTool.js";
+import { u as mt, a as Ne, c as xe, b as gt, d as Lr, e as Er, h as Or, f as Dr, F as Ar, D as zr, g as Be, i as Fr, G as Fe } from "./index-3459164c.js";
+import { c as kr, e as Wr, a as Hr } from "./index-743c36f0.js";
+import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
+import { PropertyItem as $r } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as Vr, OtherToolProvider as Gr } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as Ur } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as qr } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as Zr } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as vt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Zr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as jr } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as ce } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as jr } from "./components/icons/PrintDefaultIcon.js";
-import { FullScreenTool as Qt } from "./components/layout/toolbar/FullScreenTool.js";
-import { GoToDownIcon as en } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Br } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as Kr } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as Xr } from "./components/icons/ZoomOutIcon.js";
+import { PrintDefaultTool as Br } 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 Kr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Xr } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as Jr } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as yt } from "./utils/constants.js";
-import { SearchIcon as Jr } from "./components/icons/SearchIcon.js";
+import { SearchIcon as Yr } from "./components/icons/SearchIcon.js";
 import { UICheckbox as Rt } from "./components/ui/Checkbox.js";
-import { ClearIcon as Yr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as Qr } from "./components/icons/ClearIcon.js";
 import './assets/RPLayout.css';const ae = {
   "rp-pages": "_rp-pages_34orh_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_34orh_7",
@@ -87,7 +86,7 @@ import './assets/RPLayout.css';const ae = {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, Qr = (e) => {
+}, eo = (e) => {
   const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = $(null), { pages: i } = Y(), { rotate: l } = Ve(), s = $(), { currentZoom: c } = ht();
   return A(() => {
     if (!i || c === 0)
@@ -109,7 +108,7 @@ import './assets/RPLayout.css';const ae = {
   "rp-text-layer": "_rp-text-layer_1mgyz_1",
   "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
 }, _t = () => {
-  const { viewMode: e } = Ge(), { scrollMode: t } = Pe(), { virtualScrollRef: n, pageScrollElementRef: r } = Ue(), { setFocusedPage: o } = ee(), i = $(), { columnCount: l } = Bt(), s = Xt(), c = $(t), p = $(e);
+  const { viewMode: e } = Ge(), { scrollMode: t } = Pe(), { virtualScrollRef: n, pageScrollElementRef: r } = Ue(), { setFocusedPage: o } = ee(), i = $(), { columnCount: l } = Kt(), s = Jt(), c = $(t), p = $(e);
   A(() => {
     n != null && n.scrollToItem && (i.current = n);
   }, [n]);
@@ -126,8 +125,8 @@ import './assets/RPLayout.css';const ae = {
     c.current = t, p.current = e;
   }, [t, e]), { scrollToPage: M(
     (u, f = "start") => {
-      const v = u - 1;
-      let _ = v, g = 0;
+      const g = u - 1;
+      let _ = g, v = 0;
       if (p.current === ze.DUAL_PAGE && c.current === Q.PAGE_SCROLLING) {
         h(u);
         return;
@@ -136,12 +135,12 @@ import './assets/RPLayout.css';const ae = {
         o(u);
         return;
       }
-      i.current && (c.current === Q.HORIZONTAL_SCROLLING ? g = v : p.current === ze.DUAL_PAGE && (g = v % 2, _ = Math.floor(v / 2)), i.current.scrollToItem({ rowIndex: _, columnIndex: g, align: f }));
+      i.current && (c.current === Q.HORIZONTAL_SCROLLING ? v = g : p.current === ze.DUAL_PAGE && (v = g % 2, _ = Math.floor(g / 2)), i.current.scrollToItem({ rowIndex: _, columnIndex: v, align: f }));
     },
     [l, h, o]
   ) };
-}, eo = (e = {}, t = "") => {
-  const [n, r] = F(t), [o, i] = F(!1), { pdf: l } = Y(), s = $(!n), [c, p] = F([]), [h, m] = F(0), { focusedPage: u } = ee(), { scrollToPage: f } = _t(), { virtualScrollRef: v, pageScrollElementRef: _, virtualScrollableElementRef: g } = Ue(), { scrollMode: b } = Pe(), [S, P] = F(null), T = D(() => h === 0 ? null : c[h - 1], [h, c]), d = D(() => c.length, [c]);
+}, to = (e = {}, t = "") => {
+  const [n, r] = F(t), [o, i] = F(!1), { pdf: l } = Y(), s = $(!n), [c, p] = F([]), [h, m] = F(0), { focusedPage: u } = ee(), { scrollToPage: f } = _t(), { virtualScrollRef: g, pageScrollElementRef: _, virtualScrollableElementRef: v } = Ue(), { scrollMode: b } = Pe(), [S, P] = F(null), T = D(() => h === 0 ? null : c[h - 1], [h, c]), d = D(() => c.length, [c]);
   A(() => {
     if (T && u !== T.page) {
       const y = u < T.page ? "start" : "end";
@@ -150,7 +149,7 @@ import './assets/RPLayout.css';const ae = {
   }, [T, f]), A(() => {
     if (!T || u !== T.page || !S || !S.classList.contains("selected"))
       return;
-    const y = g || _;
+    const y = v || _;
     if (!y)
       return;
     const R = S.getBoundingClientRect(), N = y.clientHeight / 2, L = y.clientWidth / 2, x = y.scrollTop + R.top - N, E = y.scrollLeft + R.left - L;
@@ -161,10 +160,10 @@ import './assets/RPLayout.css';const ae = {
     });
   }, [
     u,
-    v,
+    g,
     S,
     b,
-    g,
+    v,
     _
   ]);
   const C = M(() => {
@@ -190,7 +189,7 @@ import './assets/RPLayout.css';const ae = {
     }
     s.current = !1, i(!0), p([]), m(0), I(l).then((y) => {
       const N = Object.keys(y).reduce((L, x) => {
-        const E = Kn(
+        const E = Xn(
           [n],
           y[x],
           Number(x) - 1,
@@ -215,7 +214,7 @@ import './assets/RPLayout.css';const ae = {
     currentMatchElement: S,
     setCurrentMatchElement: P
   };
-}, tn = We({
+}, nn = We({
   search: "",
   setSearch: (e) => {
   },
@@ -233,7 +232,7 @@ import './assets/RPLayout.css';const ae = {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), to = ({
+}), no = ({
   children: e,
   initialSearch: t
 }) => {
@@ -248,10 +247,10 @@ import './assets/RPLayout.css';const ae = {
     nextMatch: m,
     prevMatch: u,
     currentMatchElement: f,
-    setCurrentMatchElement: v
-  } = eo(n, t);
+    setCurrentMatchElement: g
+  } = to(n, t);
   return /* @__PURE__ */ a(
-    tn.Provider,
+    nn.Provider,
     {
       value: {
         searchOptions: n,
@@ -266,43 +265,43 @@ import './assets/RPLayout.css';const ae = {
         search: p,
         matches: h,
         currentMatchElement: f,
-        setCurrentMatchElement: v
+        setCurrentMatchElement: g
       },
       children: e
     }
   );
-}, nn = () => He(tn), no = (e) => {
-  const { pageNumber: t } = e, { pages: n } = Y(), r = $(null), { matches: o, currentMatch: i, setCurrentMatchElement: l } = nn(), [s, c] = F(
+}, rn = () => He(nn), ro = (e) => {
+  const { pageNumber: t } = e, { pages: n } = Y(), r = $(null), { matches: o, currentMatch: i, setCurrentMatchElement: l } = rn(), [s, c] = F(
     []
-  ), p = $(), h = $(), m = $(), u = D(() => o.filter((v) => v.pageIndex === t - 1), [o, t]), f = M(
-    (v, _, g = !1) => {
-      if (g && Xn(v, _), !u.length) {
+  ), p = $(), h = $(), m = $(), u = D(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), f = M(
+    (g, _, v = !1) => {
+      if (v && Jn(g, _), !u.length) {
         m.current = void 0, c([]);
         return;
       }
-      const b = Jn(u, v, _);
+      const b = Yn(u, g, _);
       c(b);
     },
     [u]
   );
   return A(() => {
-    var g;
-    if ((g = m.current) == null || g.classList.remove("selected"), !s.length || !i || i.pageIndex !== t - 1)
+    var v;
+    if ((v = m.current) == null || v.classList.remove("selected"), !s.length || !i || i.pageIndex !== t - 1)
       return;
-    const v = u.findIndex(
+    const g = u.findIndex(
       (b) => JSON.stringify(b) === JSON.stringify(i)
     );
-    if (v === -1)
+    if (g === -1)
       return;
-    const _ = s.find((b) => b.index === v);
+    const _ = s.find((b) => b.index === g);
     _ && (m.current = _.element, l(_.element), _.element.classList.add("selected"));
   }, [i, s, u]), A(() => {
-    const v = n.get(t);
-    if (!(!v || !r.current))
-      return p.current && p.current.cancel(), v.page.getTextContent().then((_) => {
-        const g = v.page.getViewport({ scale: 1 });
-        return p.current = new Qn.TextLayer({
-          viewport: g,
+    const g = n.get(t);
+    if (!(!g || !r.current))
+      return p.current && p.current.cancel(), g.page.getTextContent().then((_) => {
+        const v = g.page.getViewport({ scale: 1 });
+        return p.current = new er.TextLayer({
+          viewport: v,
           textContentSource: _,
           container: r.current
         }), h.current = _, r.current && (r.current.innerText = ""), p.current.render();
@@ -311,19 +310,19 @@ import './assets/RPLayout.css';const ae = {
         [].slice.call(r.current.children).forEach((S) => {
           S.classList.add(Xe["rp-text-layer-text"]);
         });
-        const g = (b = p.current) == null ? void 0 : b.textDivs;
-        g && h.current && f(h.current, g);
+        const v = (b = p.current) == null ? void 0 : b.textDivs;
+        v && h.current && f(h.current, v);
       }).catch(() => {
       }), () => {
         var _;
         (_ = p.current) == null || _.cancel();
       };
   }, [n, t]), A(() => {
-    var g;
+    var v;
     [].slice.call(r.current.children).forEach((b) => {
       b.classList.add(Xe["rp-text-layer-text"]);
     });
-    const _ = (g = p.current) == null ? void 0 : g.textDivs;
+    const _ = (v = p.current) == null ? void 0 : v.textDivs;
     _ && h.current && f(h.current, _, !0);
   }, [f]), /* @__PURE__ */ a(
     "div",
@@ -333,17 +332,17 @@ import './assets/RPLayout.css';const ae = {
       ref: r
     }
   );
-}, ro = {
+}, oo = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
-}, rn = ["click", "dblclick", "mouseover", "input", "change"];
-let oo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
-const st = /* @__PURE__ */ new Map(), on = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
-function ao(e, t) {
-  const n = on(e, t);
+}, on = ["click", "dblclick", "mouseover", "input", "change"];
+let ao = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+const st = /* @__PURE__ */ new Map(), an = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
+function io(e, t) {
+  const n = an(e, t);
   return st.has(n) ? st.get(n) ?? null : null;
 }
-const io = (e, t, n) => {
-  st.set(on(e, t), n);
+const so = (e, t, n) => {
+  st.set(an(e, t), n);
 }, xt = (e, t) => {
   switch (t[1].name) {
     case "XYZ":
@@ -378,29 +377,29 @@ const io = (e, t, n) => {
       };
   }
 };
-async function an(e, t) {
+async function sn(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 = ao(e, r);
+    const r = n[0], o = io(e, r);
     if (o === null) {
       const i = await e.getPageIndex(r);
-      return io(e, r, i), await an(e, n);
+      return so(e, r, i), await sn(e, n);
     } else
       return xt(o, n);
   } else
     return xt(n[0], n);
 }
-function so(e) {
-  const { id: t, url: n, unsafeUrl: r } = e, o = new MutationObserver((i) => {
-    const l = document.querySelector(`[data-annotation-id="${t}"]`);
-    if (l) {
-      const s = l.querySelector("a"), c = Pr((n || r) ?? "", "");
-      s && (s.setAttribute("target", "_blank"), s.setAttribute("href", c), s.setAttribute("rel", "noopener noreferrer")), o.disconnect();
+function lo(e) {
+  const { id: t, url: n, unsafeUrl: r } = e;
+  new MutationObserver((i, l) => {
+    const s = document.querySelector(`[data-annotation-id="${t}"]`);
+    if (s) {
+      const c = s.querySelector("a"), p = Sr((n || r) ?? "", "");
+      c && (c.setAttribute("target", "_blank"), c.setAttribute("href", p), c.setAttribute("rel", "noopener noreferrer")), l.disconnect();
     }
-  });
-  o.observe(document.body, { childList: !0, subtree: !0 });
+  }).observe(document.body, { childList: !0, subtree: !0 });
 }
-const lo = (e) => {
+const co = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -430,20 +429,20 @@ const lo = (e) => {
 }, Mt = (e, t, n, r) => {
   if (e.type !== "click")
     return;
-  const o = e.target, i = o.getAttribute("data-element-id");
-  if (o.getAttribute("href"))
+  const o = e.target, i = o.getAttribute("data-element-id"), l = o.getAttribute("href");
+  if (l && l !== "#")
     return;
   const s = t.find((c) => c.id === i);
-  !s || s.annotationType !== at.Link || s.dest && an(n, s.dest).then((c) => {
+  !s || s.annotationType !== at.Link || s.dest && sn(n, s.dest).then((c) => {
     r(c);
   });
 };
-function co(e, t) {
-  for (const n of rn)
+function uo(e, t) {
+  for (const n of on)
     e.addEventListener(n, t);
 }
-function uo(e, t) {
-  for (const n of rn)
+function Nt(e, t) {
+  for (const n of on)
     e.removeEventListener(n, t);
 }
 const po = (e) => {
@@ -457,9 +456,9 @@ const po = (e) => {
       i.current = void 0, s(_), n.current && (n.current.innerText = "");
     });
   }, [m]);
-  const v = M(
+  const g = M(
     (_) => {
-      lo(_), !(!l || !o) && (h === Q.PAGE_SCROLLING ? Mt(_, l, o, (g) => c(g.pageIndex + 1)) : Mt(_, l, o, (g) => p(g.pageIndex + 1)));
+      co(_), !(!l || !o) && (h === Q.PAGE_SCROLLING ? Mt(_, l, o, (v) => c(v.pageIndex + 1)) : Mt(_, l, o, (v) => p(v.pageIndex + 1)));
     },
     [o, l, p, c, h]
   );
@@ -477,14 +476,14 @@ const po = (e) => {
       const { annotationType: S } = b;
       switch (S) {
         case at.Link:
-          so(b);
+          lo(b);
           break;
         case at.Widget:
           break;
       }
     }
-    (async () => {
-      i.current = new er({
+    return (async () => {
+      i.current = new tr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -492,7 +491,7 @@ const po = (e) => {
         structTreeLayer: void 0,
         page: m.page,
         viewport: _.clone({ dontFlip: !0 })
-      }), n.current && uo(n.current, v);
+      }), n.current && Nt(n.current, g);
       const b = await (o == null ? void 0 : o.hasJSActions()), S = await (o == null ? void 0 : o.getFieldObjects());
       return i.current.render({
         annotations: l,
@@ -502,46 +501,48 @@ const po = (e) => {
         div: n.current,
         viewport: _.clone({ dontFlip: !0 }),
         page: m.page,
-        imageResourcesPath: oo,
+        imageResourcesPath: ao,
         renderForms: !1,
-        linkService: new Cr(),
+        linkService: new Pr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && co(n.current, v);
-    });
-  }, [o, l, v]), /* @__PURE__ */ a(
+      n.current && uo(n.current, g);
+    }), () => {
+      n.current && Nt(n.current, g);
+    };
+  }, [o, l, g]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${t}-annotationLayer`,
       style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
-      className: ro["rp-annotation-layer"],
+      className: oo["rp-annotation-layer"],
       ref: n
     }
   );
 }, ho = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), wt = $e((e, t) => {
-  const { pageNumber: n, style: r, onIntersectRatioChange: o, ...i } = e, { pages: l } = Y(), { rotate: s } = Ve(), { textLayer: c } = cr(), { currentZoom: p } = ht(), h = $(l.get(n)), [m, u] = F(!1), f = $(null), [v, _] = F({
+  const { pageNumber: n, style: r, onIntersectRatioChange: o, ...i } = e, { pages: l } = Y(), { rotate: s } = Ve(), { textLayer: c } = ur(), { currentZoom: p } = ht(), h = $(l.get(n)), [m, u] = F(!1), f = $(null), [g, _] = F({
     width: 0,
     height: 0
   });
-  qt(t, () => f.current), A(() => {
+  Zt(t, () => f.current), A(() => {
     if (l && (h.current = l.get(n), h.current)) {
       const P = h.current.page.getViewport({ scale: p, rotation: s });
       _(P);
     }
   }, [l, n, s, p]);
-  const g = D(() => {
+  const v = D(() => {
     switch (s) {
       case 90:
-        return `${v.width / 2}px ${v.width / 2}px`;
+        return `${g.width / 2}px ${g.width / 2}px`;
       case -90:
       case 270:
-        return `${v.height / 2}px ${v.height / 2}px`;
+        return `${g.height / 2}px ${g.height / 2}px`;
       default:
         return "center";
     }
-  }, [s, v]), b = M(() => {
+  }, [s, g]), b = M(() => {
     u(!0);
   }, []), S = M(() => {
     u(!1);
@@ -566,7 +567,7 @@ const po = (e) => {
       style: {
         ...r,
         "--rp-rotate": `${s}deg`,
-        "--rp-page-rotate-translate": `${g}`,
+        "--rp-page-rotate-translate": `${v}`,
         "--scale-factor": p
       },
       className: Ke["rp-page-wrapper"],
@@ -574,14 +575,14 @@ const po = (e) => {
         "div",
         {
           style: {
-            width: `${v.width}px`,
-            height: `${v.height}px`
+            width: `${g.width}px`,
+            height: `${g.height}px`
           },
           className: Ke["rp-page"],
           children: [
-            /* @__PURE__ */ a(Qr, { onLoading: b, onLoaded: S, pageNumber: n }),
+            /* @__PURE__ */ a(eo, { onLoading: b, onLoaded: S, pageNumber: n }),
             m && /* @__PURE__ */ a("div", { className: Ke["rp-loader-wrapper"], children: /* @__PURE__ */ a(pt, {}) }),
-            c && /* @__PURE__ */ a(no, { pageNumber: n }),
+            c && /* @__PURE__ */ a(ro, { pageNumber: n }),
             /* @__PURE__ */ a(po, { pageNumber: n })
           ]
         }
@@ -599,7 +600,7 @@ function lt() {
     return e;
   }, lt.apply(null, arguments);
 }
-function Nt(e) {
+function Lt(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
@@ -612,11 +613,11 @@ function ct(e, t) {
 function fo(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ct(e, t);
 }
-var Lt = Number.isNaN || function(t) {
+var Et = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function mo(e, t) {
-  return !!(e === t || Lt(e) && Lt(t));
+  return !!(e === t || Et(e) && Et(t));
 }
 function go(e, t) {
   if (e.length !== t.length)
@@ -636,7 +637,7 @@ function Je(e, t) {
   }
   return l;
 }
-function Et(e, t) {
+function Ot(e, t) {
   if (e == null)
     return {};
   var n = {};
@@ -648,18 +649,18 @@ function Et(e, t) {
     }
   return n;
 }
-var vo = typeof performance == "object" && typeof performance.now == "function", Ot = vo ? function() {
+var vo = typeof performance == "object" && typeof performance.now == "function", Dt = vo ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Dt(e) {
+function At(e) {
   cancelAnimationFrame(e.id);
 }
 function _o(e, t) {
-  var n = Ot();
+  var n = Dt();
   function r() {
-    Ot() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
+    Dt() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
   }
   var o = {
     id: requestAnimationFrame(r)
@@ -675,7 +676,7 @@ function wo(e) {
   return Ye;
 }
 var be = null;
-function At(e) {
+function zt(e) {
   if (e === void 0 && (e = !1), be === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -692,13 +693,13 @@ var bo = 150, Co = function(t) {
 }, 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 Po(e) {
-  var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, i = e.getColumnWidth, l = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, c = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, m = e.getRowOffset, u = e.getRowStartIndexForOffset, f = e.getRowStopIndexForStartIndex, v = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, g = e.validateProps;
+  var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, i = e.getColumnWidth, l = e.getEstimatedTotalHeight, s = e.getEstimatedTotalWidth, c = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, m = e.getRowOffset, u = e.getRowStartIndexForOffset, f = e.getRowStopIndexForStartIndex, g = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
   return t = /* @__PURE__ */ function(b) {
     fo(S, b);
     function S(T) {
       var d;
-      return d = b.call(this, T) || this, d._instanceProps = v(d.props, Nt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
-        instance: Nt(d),
+      return d = b.call(this, T) || this, d._instanceProps = g(d.props, Lt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
+        instance: Lt(d),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof d.props.initialScrollLeft == "number" ? d.props.initialScrollLeft : 0,
@@ -749,7 +750,7 @@ function Po(e) {
             return null;
           var z = d.props.direction, k = R;
           if (z === "rtl")
-            switch (At()) {
+            switch (zt()) {
               case "negative":
                 k = -R;
                 break;
@@ -772,7 +773,7 @@ function Po(e) {
         var w = d.props.outerRef;
         d._outerRef = C, typeof w == "function" ? w(C) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = C);
       }, d._resetIsScrollingDebounced = function() {
-        d._resetIsScrollingTimeoutId !== null && Dt(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = _o(d._resetIsScrolling, bo);
+        d._resetIsScrollingTimeoutId !== null && At(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = _o(d._resetIsScrolling, bo);
       }, d._resetIsScrolling = function() {
         d._resetIsScrollingTimeoutId = null, d.setState({
           isScrolling: !1
@@ -782,7 +783,7 @@ function Po(e) {
       }, d;
     }
     S.getDerivedStateFromProps = function(d, C) {
-      return So(d, C), g(d), null;
+      return So(d, C), v(d), null;
     };
     var P = S.prototype;
     return P.scrollTo = function(d) {
@@ -816,7 +817,7 @@ function Po(e) {
       if (y && this._outerRef != null) {
         var R = this._outerRef;
         if (d === "rtl")
-          switch (At()) {
+          switch (zt()) {
             case "negative":
               R.scrollLeft = -w;
               break;
@@ -834,7 +835,7 @@ function Po(e) {
       }
       this._callPropsCallbacks();
     }, P.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Dt(this._resetIsScrollingTimeoutId);
+      this._resetIsScrollingTimeoutId !== null && At(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
       var d = this.props, C = d.children, w = d.className, I = d.columnCount, y = d.direction, R = d.height, N = d.innerRef, L = d.innerElementType, x = d.innerTagName, E = d.itemData, z = d.itemKey, k = z === void 0 ? Co : z, G = d.outerElementType, Z = d.outerTagName, U = d.rowCount, K = d.style, ue = d.useIsScrolling, oe = d.width, ve = this.state.isScrolling, _e = this._getHorizontalRangeToRender(), Se = _e[0], W = _e[1], H = this._getVerticalRangeToRender(), q = H[0], le = H[1], Te = [];
       if (I > 0 && U)
@@ -898,7 +899,7 @@ function Po(e) {
       var k = u(this.props, E, this._instanceProps), G = f(this.props, k, E, this._instanceProps), Z = !L || x === "backward" ? Math.max(1, z) : 1, U = !L || x === "forward" ? Math.max(1, z) : 1;
       return [Math.max(0, k - Z), Math.max(0, Math.min(R - 1, G + U)), k, G];
     }, S;
-  }(zn), t.defaultProps = {
+  }(Fn), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
@@ -921,7 +922,7 @@ var So = function(t, n) {
     if (typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
-}, zt = 50, sn = function(t, n) {
+}, Ft = 50, ln = function(t, n) {
   var r = t.rowCount, o = n.rowMetadataMap, i = n.estimatedRowHeight, l = n.lastMeasuredRowIndex, s = 0;
   if (l >= r && (l = r - 1), l >= 0) {
     var c = o[l];
@@ -929,7 +930,7 @@ var So = function(t, n) {
   }
   var p = r - l - 1, h = p * i;
   return s + h;
-}, ln = function(t, n) {
+}, cn = function(t, n) {
   var r = t.columnCount, o = n.columnMetadataMap, i = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, s = 0;
   if (l >= r && (l = r - 1), l >= 0) {
     var c = o[l];
@@ -955,12 +956,12 @@ var So = function(t, n) {
     t === "column" ? o.lastMeasuredColumnIndex = r : o.lastMeasuredRowIndex = r;
   }
   return i[r];
-}, Ft = function(t, n, r, o) {
+}, kt = function(t, n, r, o) {
   var i, l;
   t === "column" ? (i = r.columnMetadataMap, l = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, l = r.lastMeasuredRowIndex);
   var s = l > 0 ? i[l].offset : 0;
-  return s >= o ? cn(t, n, r, l, 0, o) : To(t, n, r, Math.max(0, l), o);
-}, cn = function(t, n, r, o, i, l) {
+  return s >= o ? un(t, n, r, l, 0, o) : To(t, n, r, Math.max(0, l), o);
+}, un = function(t, n, r, o, i, l) {
   for (; i <= o; ) {
     var s = i + Math.floor((o - i) / 2), c = ie(t, n, s, r).offset;
     if (c === l)
@@ -971,9 +972,9 @@ var So = function(t, n) {
 }, To = function(t, n, r, o, i) {
   for (var l = t === "column" ? n.columnCount : n.rowCount, s = 1; o < l && ie(t, n, o, r).offset < i; )
     o += s, s *= 2;
-  return cn(t, n, r, Math.min(o, l - 1), Math.floor(o / 2), i);
-}, kt = function(t, n, r, o, i, l, s) {
-  var c = t === "column" ? n.width : n.height, p = ie(t, n, r, l), h = t === "column" ? ln(n, l) : sn(n, l), m = Math.max(0, Math.min(h - c, p.offset)), u = Math.max(0, p.offset - c + s + p.size);
+  return un(t, n, r, Math.min(o, l - 1), Math.floor(o / 2), i);
+}, Wt = function(t, n, r, o, i, l, s) {
+  var c = t === "column" ? n.width : n.height, p = ie(t, n, r, l), h = t === "column" ? cn(n, l) : ln(n, l), m = Math.max(0, Math.min(h - c, p.offset)), u = Math.max(0, p.offset - c + s + p.size);
   switch (o === "smart" && (i >= u - c && i <= m + c ? o = "auto" : o = "center"), o) {
     case "start":
       return m;
@@ -990,7 +991,7 @@ var So = function(t, n) {
     return ie("column", t, n, r).offset;
   },
   getColumnStartIndexForOffset: function(t, n, r) {
-    return Ft("column", t, r, n);
+    return kt("column", t, r, n);
   },
   getColumnStopIndexForStartIndex: function(t, n, r, o) {
     for (var i = t.columnCount, l = t.width, s = ie("column", t, n, o), c = r + l, p = s.offset + s.size, h = n; h < i - 1 && p < c; )
@@ -1000,13 +1001,13 @@ var So = function(t, n) {
   getColumnWidth: function(t, n, r) {
     return r.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: sn,
-  getEstimatedTotalWidth: ln,
+  getEstimatedTotalHeight: ln,
+  getEstimatedTotalWidth: cn,
   getOffsetForColumnAndAlignment: function(t, n, r, o, i, l) {
-    return kt("column", t, n, r, o, i, l);
+    return Wt("column", t, n, r, o, i, l);
   },
   getOffsetForRowAndAlignment: function(t, n, r, o, i, l) {
-    return kt("row", t, n, r, o, i, l);
+    return Wt("row", t, n, r, o, i, l);
   },
   getRowOffset: function(t, n, r) {
     return ie("row", t, n, r).offset;
@@ -1015,7 +1016,7 @@ var So = function(t, n) {
     return r.rowMetadataMap[n].size;
   },
   getRowStartIndexForOffset: function(t, n, r) {
-    return Ft("row", t, r, n);
+    return kt("row", t, r, n);
   },
   getRowStopIndexForStartIndex: function(t, n, r, o) {
     for (var i = t.rowCount, l = t.height, s = ie("row", t, n, o), c = r + l, p = s.offset + s.size, h = n; h < i - 1 && p < c; )
@@ -1025,8 +1026,8 @@ var So = function(t, n) {
   initInstanceProps: function(t, n) {
     var r = t, o = r.estimatedColumnWidth, i = r.estimatedRowHeight, l = {
       columnMetadataMap: {},
-      estimatedColumnWidth: o || zt,
-      estimatedRowHeight: i || zt,
+      estimatedColumnWidth: o || Ft,
+      estimatedRowHeight: i || Ft,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
@@ -1058,7 +1059,7 @@ var So = function(t, n) {
   }
 });
 process.env.NODE_ENV;
-function Wt(e, t) {
+function Ht(e, t) {
   for (var n in e)
     if (!(n in t))
       return !0;
@@ -1069,11 +1070,11 @@ function Wt(e, t) {
 }
 var yo = ["style"], Ro = ["style"];
 function xo(e, t) {
-  var n = e.style, r = Et(e, yo), o = t.style, i = Et(t, Ro);
-  return !Wt(n, o) && !Wt(r, i);
+  var n = e.style, r = Ot(e, yo), o = t.style, i = Ot(t, Ro);
+  return !Ht(n, o) && !Ht(r, i);
 }
 const Mo = () => {
-  const { viewMode: e } = Ge(), { scrollMode: t } = Pe(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = Ue(), o = Xt(), i = M(
+  const { viewMode: e } = Ge(), { scrollMode: t } = Pe(), { setColumnCount: n } = Kt(), { virtualScrollableElementRef: r } = Ue(), o = Jt(), i = M(
     (f) => o.widths[f] || 0,
     [o]
   ), l = M(
@@ -1083,7 +1084,7 @@ const Mo = () => {
   A(() => {
     n(p);
   }, [p, n]);
-  const h = D(() => t === Q.HORIZONTAL_SCROLLING || t === Q.PAGE_SCROLLING ? 1 : Math.round(s / p), [p, s, t]), m = D(() => o.heights.reduce((f, v) => f + v, 0) / o.heights.length || 0, [o]), u = D(() => o.widths.reduce((f, v) => f + v, 0) / o.heights.length || 0, [o]);
+  const h = D(() => t === Q.HORIZONTAL_SCROLLING || t === Q.PAGE_SCROLLING ? 1 : Math.round(s / p), [p, s, t]), m = D(() => o.heights.reduce((f, g) => f + g, 0) / o.heights.length || 0, [o]), u = D(() => o.widths.reduce((f, g) => f + g, 0) / o.heights.length || 0, [o]);
   return {
     rowCount: h,
     rowHeight: l,
@@ -1097,17 +1098,17 @@ const Mo = () => {
 let J;
 typeof window < "u" ? J = window : typeof self < "u" ? J = self : J = global;
 let ut = null, dt = null;
-const Ht = 20, Qe = J.clearTimeout, $t = J.setTimeout, et = J.cancelAnimationFrame || J.mozCancelAnimationFrame || J.webkitCancelAnimationFrame, Vt = J.requestAnimationFrame || J.mozRequestAnimationFrame || J.webkitRequestAnimationFrame;
-et == null || Vt == null ? (ut = Qe, dt = function(t) {
-  return $t(t, Ht);
+const $t = 20, Qe = J.clearTimeout, Vt = J.setTimeout, et = J.cancelAnimationFrame || J.mozCancelAnimationFrame || J.webkitCancelAnimationFrame, Gt = J.requestAnimationFrame || J.mozRequestAnimationFrame || J.webkitRequestAnimationFrame;
+et == null || Gt == null ? (ut = Qe, dt = function(t) {
+  return Vt(t, $t);
 }) : (ut = function([t, n]) {
   et(t), Qe(n);
 }, dt = function(t) {
-  const n = Vt(function() {
+  const n = Gt(function() {
     Qe(r), t();
-  }), r = $t(function() {
+  }), r = Vt(function() {
     et(n), t();
-  }, Ht);
+  }, $t);
   return [n, r];
 });
 function No(e) {
@@ -1131,14 +1132,14 @@ function No(e) {
     };
     let u = !1, f = "";
     r = "animationstart";
-    const v = "Webkit Moz O ms".split(" ");
-    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), g = "";
+    const g = "Webkit Moz O ms".split(" ");
+    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), v = "";
     {
       const b = document.createElement("fakeelement");
       if (b.style.animationName !== void 0 && (u = !0), u === !1) {
-        for (let S = 0; S < v.length; S++)
-          if (b.style[v[S] + "AnimationName"] !== void 0) {
-            g = v[S], f = "-" + g.toLowerCase() + "-", r = _[S], u = !0;
+        for (let S = 0; S < g.length; S++)
+          if (b.style[g[S] + "AnimationName"] !== void 0) {
+            v = g[S], f = "-" + v.toLowerCase() + "-", r = _[S], u = !0;
             break;
           }
       }
@@ -1147,8 +1148,8 @@ function No(e) {
   }
   const p = function(u) {
     if (!u.getElementById("detectElementResize")) {
-      const f = (t || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', v = u.head || u.getElementsByTagName("head")[0], _ = u.createElement("style");
-      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = f : _.appendChild(u.createTextNode(f)), v.appendChild(_);
+      const f = (t || "") + ".resize-triggers { " + (o || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', g = u.head || u.getElementsByTagName("head")[0], _ = u.createElement("style");
+      _.id = "detectElementResize", _.type = "text/css", e != null && _.setAttribute("nonce", e), _.styleSheet ? _.styleSheet.cssText = f : _.appendChild(u.createTextNode(f)), g.appendChild(_);
     }
   };
   return {
@@ -1157,12 +1158,12 @@ function No(e) {
         u.attachEvent("onresize", f);
       else {
         if (!u.__resizeTriggers__) {
-          const v = u.ownerDocument, _ = J.getComputedStyle(u);
-          _ && _.position === "static" && (u.style.position = "relative"), p(v), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = v.createElement("div")).className = "resize-triggers";
-          const g = v.createElement("div");
-          g.className = "expand-trigger", g.appendChild(v.createElement("div"));
-          const b = v.createElement("div");
-          b.className = "contract-trigger", u.__resizeTriggers__.appendChild(g), u.__resizeTriggers__.appendChild(b), u.appendChild(u.__resizeTriggers__), l(u), u.addEventListener("scroll", s, !0), r && (u.__resizeTriggers__.__animationListener__ = function(P) {
+          const g = u.ownerDocument, _ = J.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"));
+          const b = g.createElement("div");
+          b.className = "contract-trigger", u.__resizeTriggers__.appendChild(v), u.__resizeTriggers__.appendChild(b), u.appendChild(u.__resizeTriggers__), l(u), u.addEventListener("scroll", s, !0), r && (u.__resizeTriggers__.__animationListener__ = function(P) {
             P.animationName === n && l(u);
           }, u.__resizeTriggers__.addEventListener(r, u.__resizeTriggers__.__animationListener__));
         }
@@ -1182,7 +1183,7 @@ function No(e) {
     }
   };
 }
-class Lo extends Fn {
+class Lo extends kn {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1197,17 +1198,17 @@ class Lo extends Fn {
         onResize: o
       } = this.props;
       if (this._parentNode) {
-        const i = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(i.paddingLeft || "0"), s = parseFloat(i.paddingRight || "0"), c = parseFloat(i.paddingTop || "0"), p = parseFloat(i.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), m = h.height - c - p, u = h.width - l - s, f = this._parentNode.offsetHeight - c - p, v = this._parentNode.offsetWidth - l - s;
-        (!n && (this.state.height !== f || this.state.scaledHeight !== m) || !r && (this.state.width !== v || this.state.scaledWidth !== u)) && (this.setState({
+        const i = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(i.paddingLeft || "0"), s = parseFloat(i.paddingRight || "0"), c = parseFloat(i.paddingTop || "0"), p = parseFloat(i.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), m = h.height - c - p, u = h.width - l - s, f = this._parentNode.offsetHeight - c - p, g = this._parentNode.offsetWidth - l - s;
+        (!n && (this.state.height !== f || this.state.scaledHeight !== m) || !r && (this.state.width !== g || this.state.scaledWidth !== u)) && (this.setState({
           height: f,
-          width: v,
+          width: g,
           scaledHeight: m,
           scaledWidth: u
         }), typeof o == "function" && o({
           height: f,
           scaledHeight: m,
           scaledWidth: u,
-          width: v
+          width: g
         }));
       }
     }, this._setRef = (n) => {
@@ -1245,16 +1246,16 @@ class Lo extends Fn {
     } = this.props, {
       height: u,
       scaledHeight: f,
-      scaledWidth: v,
+      scaledWidth: g,
       width: _
-    } = this.state, g = {
+    } = this.state, v = {
       overflow: "visible"
     }, b = {};
     let S = !1;
-    return o || (u === 0 && (S = !0), g.height = 0, b.height = u, b.scaledHeight = f), i || (_ === 0 && (S = !0), g.width = 0, b.width = _, b.scaledWidth = v), l && (S = !1), Le(h, {
+    return o || (u === 0 && (S = !0), v.height = 0, b.height = u, b.scaledHeight = f), i || (_ === 0 && (S = !0), v.width = 0, b.width = _, b.scaledWidth = g), l && (S = !1), Le(h, {
       ref: this._setRef,
       style: {
-        ...g,
+        ...v,
         ...p
       },
       ...m
@@ -1262,26 +1263,26 @@ class Lo extends Fn {
   }
 }
 const Eo = (e = 1) => {
-  const [t, n] = F(e), [r, o] = F(0), { scrollToPage: i } = _t(), l = $(1), { isScrolling: s } = Kt(), { viewMode: c } = Ge(), { scrollMode: p } = Pe(), h = yr(t, 100), m = M(
-    (g) => {
-      if (!/^[0-9]*$/g.test(g.toString()) || !g)
+  const [t, n] = F(e), [r, o] = F(0), { scrollToPage: i } = _t(), l = $(1), { isScrolling: s } = Xt(), { viewMode: c } = Ge(), { scrollMode: p } = Pe(), h = Rr(t, 100), m = M(
+    (v) => {
+      if (!/^[0-9]*$/g.test(v.toString()) || !v)
         return { success: !1, currentPage: l.current };
-      const S = +g;
-      return S < 0 || S > r ? { success: !1, currentPage: l.current } : (n(S), l.current = S, { success: !0, currentPage: +g });
+      const S = +v;
+      return S < 0 || S > r ? { success: !1, currentPage: l.current } : (n(S), l.current = S, { success: !0, currentPage: +v });
     },
     [r]
   ), u = M(m, [m]), f = M(
-    (g) => {
-      const b = m(g);
+    (v) => {
+      const b = m(v);
       return b.success && (s.current = !0, i(b.currentPage)), b;
     },
     [m, i]
-  ), v = M(() => {
-    let g = t - 1;
-    f(g);
+  ), g = M(() => {
+    let v = t - 1;
+    f(v);
   }, [f, t, c, p]), _ = M(() => {
-    let g = t + 1;
-    f(g);
+    let v = t + 1;
+    f(v);
   }, [f, t, c, p]);
   return {
     focusedPage: h,
@@ -1289,10 +1290,10 @@ const Eo = (e = 1) => {
     setFocusedPage: u,
     setTotalPages: o,
     nextPage: _,
-    prevPage: v,
+    prevPage: g,
     goToPage: f
   };
-}, un = We({
+}, dn = We({
   focusedPage: 0,
   setFocusedPage: (e) => {
   },
@@ -1305,10 +1306,10 @@ const Eo = (e = 1) => {
   nextPage: () => {
   }
 }), ee = () => {
-  const e = He(un);
-  return typeof (e == null ? void 0 : e.focusedPage) > "u" && Rr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
+  const e = He(dn);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && xr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
 }, Oo = ({ children: e }) => {
-  const { initialPage: t = 1 } = gr(), { pdf: n } = Y(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: l, goToPage: s, nextPage: c, prevPage: p } = Eo(t);
+  const { initialPage: t = 1 } = vr(), { pdf: n } = Y(), { focusedPage: r, totalPages: o, setFocusedPage: i, setTotalPages: l, goToPage: s, nextPage: c, prevPage: p } = Eo(t);
   return A(() => {
     n != null && n.numPages && l(n.numPages);
   }, [n, l, o, t]), A(() => {
@@ -1316,7 +1317,7 @@ const Eo = (e = 1) => {
       s(t);
     });
   }, [s, t]), /* @__PURE__ */ a(
-    un.Provider,
+    dn.Provider,
     {
       value: {
         focusedPage: r,
@@ -1370,7 +1371,7 @@ const Eo = (e = 1) => {
       children: /* @__PURE__ */ a(wt, { style: r, pageNumber: n }, n)
     }
   );
-}, zo = kn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
+}, zo = Wn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
   const o = D(() => e + 1 + t * n.columnCount, [e, t, n]);
   return /* @__PURE__ */ a(
     wt,
@@ -1381,21 +1382,21 @@ const Eo = (e = 1) => {
     },
     o
   );
-}, xo), ns = () => {
-  const { getContainer: e, container: t } = Sr(), { scrollToPage: n } = _t(), {
+}, xo), ts = () => {
+  const { getContainer: e, container: t } = Tr(), { scrollToPage: n } = _t(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
     getPageScrollElementRef: i,
     getVirtualScrollableElementRef: l,
     setTotalInnerDimensions: s,
     totalInnerDimensions: c
-  } = Ue(), { nextPage: p, prevPage: h, setFocusedPage: m, focusedPage: u } = ee(), { scrollMode: f } = Pe(), { viewMode: v } = Ge(), _ = $(null), g = $({
+  } = Ue(), { nextPage: p, prevPage: h, setFocusedPage: m, focusedPage: u } = ee(), { scrollMode: f } = Pe(), { viewMode: g } = Ge(), _ = $(null), v = $({
     height: 0,
     width: 0
   }), b = $({
-    viewMode: v,
+    viewMode: g,
     scrollMode: f
-  }), { isFullScreen: S } = _r(), {
+  }), { isFullScreen: S } = wr(), {
     pageDimension: P,
     rowCount: T,
     rowHeight: d,
@@ -1403,12 +1404,12 @@ const Eo = (e = 1) => {
     columnWidth: w,
     estimatedColumnWidth: I,
     estimatedRowHeight: y
-  } = Mo(), [R, N] = F({}), { isScrolling: L } = Kt(), x = $(), E = $({
+  } = Mo(), [R, N] = F({}), { isScrolling: L } = Xt(), x = $(), E = $({
     scrollTop: 0,
     scrollLeft: 0
-  }), { isPressed: z } = Tr(), { selectionMode: k } = fr(), { initializeGrabScroll: G, scrollBehavior: Z } = Ir({
+  }), { isPressed: z } = Ir(), { selectionMode: k } = mr(), { initializeGrabScroll: G, scrollBehavior: Z } = yr({
     isPressed: z
-  }), U = D(() => k === jt.HAND, [k]), K = M((W, H) => {
+  }), U = D(() => k === Bt.HAND, [k]), K = M((W, H) => {
     N((q) => ({ ...q, [W]: Math.round(H * 100) }));
   }, []), ue = D(() => ({
     columnCount: C,
@@ -1429,7 +1430,7 @@ const Eo = (e = 1) => {
     window.removeEventListener("keydown", oe);
   }), [oe]), A(() => {
     if (_.current && (_.current.style.position = "relative"), !!r) {
-      g.current = c, s({
+      v.current = c, s({
         height: Array.from({ length: T }).reduce(
           (W, H, q) => W + d(q),
           0
@@ -1450,25 +1451,25 @@ const Eo = (e = 1) => {
   }, [T, C, P, r, n]), A(() => {
     if (L.current)
       return;
-    if (b.current.viewMode !== v || b.current.scrollMode !== f) {
+    if (b.current.viewMode !== g || b.current.scrollMode !== f) {
       x.current && clearTimeout(x.current), N({}), n(u), f === Q.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
         scrollTop: 0
       })), x.current = setTimeout(() => {
         requestAnimationFrame(() => {
-          b.current = { viewMode: v, scrollMode: f };
+          b.current = { viewMode: g, scrollMode: f };
         });
       }, 100);
       return;
     }
     const H = E.current.scrollTop, q = E.current.scrollLeft;
     if (c.height !== 0 && c.width !== 0) {
-      const { height: le, width: Te } = c, { height: de, width: pe } = g.current, Ze = H / de * le, je = q / pe * Te, Dn = Math.min(Ze, le) || 0, An = Math.min(je, Te) || 0;
+      const { height: le, width: Te } = c, { height: de, width: pe } = v.current, Ze = H / de * le, je = q / pe * Te, An = Math.min(Ze, le) || 0, zn = Math.min(je, Te) || 0;
       r == null || r.scrollTo({
-        scrollTop: Dn,
-        scrollLeft: An
+        scrollTop: An,
+        scrollLeft: zn
       });
     }
-  }, [c, v, f]), A(() => {
+  }, [c, g, f]), A(() => {
     const W = Object.entries(R);
     if (L.current) {
       L.current && (L.current = !1);
@@ -1496,7 +1497,7 @@ const Eo = (e = 1) => {
   return /* @__PURE__ */ a("div", { ref: e, tabIndex: -1, className: _e, children: /* @__PURE__ */ a(Lo, { children: ({ width: W, height: H }) => /* @__PURE__ */ a(
     "div",
     {
-      "data-rp": "pagesWrapper",
+      "data-rp": "pages",
       ref: Se,
       style: { width: W, height: H, scrollBehavior: Z },
       children: f === Q.PAGE_SCROLLING ? /* @__PURE__ */ a(
@@ -1505,7 +1506,7 @@ const Eo = (e = 1) => {
           ref: i,
           style: { width: W, height: H },
           className: j(ae["rp-pages"], ae["rp-page-scrolling-wrapper"]),
-          children: v === ze.DUAL_PAGE ? /* @__PURE__ */ a(Do, { widths: w, heights: d }) : /* @__PURE__ */ a(Ao, { widths: w, heights: d })
+          children: g === ze.DUAL_PAGE ? /* @__PURE__ */ a(Do, { widths: w, heights: d }) : /* @__PURE__ */ a(Ao, { widths: w, heights: d })
         }
       ) : I ? /* @__PURE__ */ a(
         Io,
@@ -1554,17 +1555,17 @@ const Eo = (e = 1) => {
   A(() => {
     s(e.toString());
   }, [e]);
-  const h = M((v) => {
-    const _ = v.target.value;
+  const h = M((g) => {
+    const _ = g.target.value;
     s(_);
   }, []), m = M(() => {
-    const v = i(l);
-    v.success || s(v.currentPage.toString());
+    const g = i(l);
+    g.success || s(g.currentPage.toString());
   }, [i, l, t]), u = M(() => {
     s(e.toString());
   }, [e]), f = M(
-    (v) => {
-      v.key === "Enter" && m();
+    (g) => {
+      g.key === "Enter" && m();
     },
     [m]
   );
@@ -1581,7 +1582,7 @@ const Eo = (e = 1) => {
   ) : c ? /* @__PURE__ */ O("div", { className: tt["rp-paginate"], children: [
     !p && /* @__PURE__ */ a(X, { content: "Previous page", children: /* @__PURE__ */ a(B, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ a(Fo, {}) }) }),
     /* @__PURE__ */ a(
-      Zt,
+      jt,
       {
         onKeyDown: f,
         onBlur: u,
@@ -1597,7 +1598,7 @@ const Eo = (e = 1) => {
     !p && /* @__PURE__ */ a(X, { content: "Next page", children: /* @__PURE__ */ a(B, { onClick: r, disabled: e === t, children: /* @__PURE__ */ a(ko, {}) }) })
   ] }) : null;
 };
-var bt = "Dialog", [dn, rs] = Fr(bt), [Ho, te] = dn(bt), pn = (e) => {
+var bt = "Dialog", [pn, ns] = kr(bt), [Ho, te] = pn(bt), hn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -1605,7 +1606,7 @@ var bt = "Dialog", [dn, rs] = Fr(bt), [Ho, te] = dn(bt), pn = (e) => {
     defaultOpen: o,
     onOpenChange: i,
     modal: l = !0
-  } = e, s = V.useRef(null), c = V.useRef(null), [p = !1, h] = Wr({
+  } = e, s = V.useRef(null), c = V.useRef(null), [p = !1, h] = Hr({
     prop: r,
     defaultProp: o,
     onChange: i
@@ -1627,10 +1628,10 @@ var bt = "Dialog", [dn, rs] = Fr(bt), [Ho, te] = dn(bt), pn = (e) => {
     }
   );
 };
-pn.displayName = bt;
-var hn = "DialogTrigger", $o = V.forwardRef(
+hn.displayName = bt;
+var fn = "DialogTrigger", $o = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = te(hn, n), i = mt(t, o.triggerRef);
+    const { __scopeDialog: n, ...r } = e, o = te(fn, n), i = mt(t, o.triggerRef);
     return /* @__PURE__ */ a(
       Ne.button,
       {
@@ -1646,28 +1647,28 @@ var hn = "DialogTrigger", $o = V.forwardRef(
     );
   }
 );
-$o.displayName = hn;
-var Ct = "DialogPortal", [Vo, fn] = dn(Ct, {
+$o.displayName = fn;
+var Ct = "DialogPortal", [Vo, mn] = pn(Ct, {
   forceMount: void 0
-}), mn = (e) => {
+}), gn = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, i = te(Ct, t);
-  return /* @__PURE__ */ a(Vo, { scope: t, forceMount: n, children: V.Children.map(r, (l) => /* @__PURE__ */ a(gt, { present: n || i.open, children: /* @__PURE__ */ a(zr, { asChild: !0, container: o, children: l }) })) });
+  return /* @__PURE__ */ a(Vo, { scope: t, forceMount: n, children: V.Children.map(r, (l) => /* @__PURE__ */ a(gt, { present: n || i.open, children: /* @__PURE__ */ a(Fr, { asChild: !0, container: o, children: l }) })) });
 };
-mn.displayName = Ct;
-var ke = "DialogOverlay", gn = V.forwardRef(
+gn.displayName = Ct;
+var ke = "DialogOverlay", vn = V.forwardRef(
   (e, t) => {
-    const n = fn(ke, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, i = te(ke, e.__scopeDialog);
+    const n = mn(ke, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, i = te(ke, e.__scopeDialog);
     return i.modal ? /* @__PURE__ */ a(gt, { present: r || i.open, children: /* @__PURE__ */ a(Go, { ...o, ref: t }) }) : null;
   }
 );
-gn.displayName = ke;
+vn.displayName = ke;
 var Go = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(ke, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(Nr, { as: Lr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Lr, { as: Er, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
         Ne.div,
         {
           "data-state": St(o.open),
@@ -1678,22 +1679,22 @@ var Go = V.forwardRef(
       ) })
     );
   }
-), me = "DialogContent", vn = V.forwardRef(
+), me = "DialogContent", _n = V.forwardRef(
   (e, t) => {
-    const n = fn(me, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, i = te(me, e.__scopeDialog);
+    const n = mn(me, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, i = te(me, e.__scopeDialog);
     return /* @__PURE__ */ a(gt, { present: r || i.open, children: i.modal ? /* @__PURE__ */ a(Uo, { ...o, ref: t }) : /* @__PURE__ */ a(qo, { ...o, ref: t }) });
   }
 );
-vn.displayName = me;
+_n.displayName = me;
 var Uo = V.forwardRef(
   (e, t) => {
     const n = te(me, e.__scopeDialog), r = V.useRef(null), o = mt(t, n.contentRef, r);
     return V.useEffect(() => {
       const i = r.current;
       if (i)
-        return Er(i);
+        return Or(i);
     }, []), /* @__PURE__ */ a(
-      _n,
+      wn,
       {
         ...e,
         ref: o,
@@ -1718,7 +1719,7 @@ var Uo = V.forwardRef(
   (e, t) => {
     const n = te(me, e.__scopeDialog), r = V.useRef(!1), o = V.useRef(!1);
     return /* @__PURE__ */ a(
-      _n,
+      wn,
       {
         ...e,
         ref: t,
@@ -1737,12 +1738,12 @@ var Uo = V.forwardRef(
       }
     );
   }
-), _n = V.forwardRef(
+), wn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: i, ...l } = e, s = te(me, n), c = V.useRef(null), p = mt(t, c);
-    return Or(), /* @__PURE__ */ O(Ae, { children: [
+    return Dr(), /* @__PURE__ */ O(Ae, { children: [
       /* @__PURE__ */ a(
-        Dr,
+        Ar,
         {
           asChild: !0,
           loop: !0,
@@ -1750,7 +1751,7 @@ var Uo = V.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: i,
           children: /* @__PURE__ */ a(
-            Ar,
+            zr,
             {
               role: "dialog",
               id: s.contentId,
@@ -1770,23 +1771,23 @@ var Uo = V.forwardRef(
       ] })
     ] });
   }
-), Pt = "DialogTitle", wn = V.forwardRef(
+), Pt = "DialogTitle", bn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(Pt, n);
     return /* @__PURE__ */ a(Ne.h2, { id: o.titleId, ...r, ref: t });
   }
 );
-wn.displayName = Pt;
-var bn = "DialogDescription", Zo = V.forwardRef(
+bn.displayName = Pt;
+var Cn = "DialogDescription", Zo = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = te(bn, n);
+    const { __scopeDialog: n, ...r } = e, o = te(Cn, n);
     return /* @__PURE__ */ a(Ne.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
-Zo.displayName = bn;
-var Cn = "DialogClose", Pn = V.forwardRef(
+Zo.displayName = Cn;
+var Pn = "DialogClose", Sn = V.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = te(Cn, n);
+    const { __scopeDialog: n, ...r } = e, o = te(Pn, n);
     return /* @__PURE__ */ a(
       Ne.button,
       {
@@ -1798,16 +1799,16 @@ var Cn = "DialogClose", Pn = V.forwardRef(
     );
   }
 );
-Pn.displayName = Cn;
+Sn.displayName = Pn;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Sn = "DialogTitleWarning", [os, Tn] = kr(Sn, {
+var Tn = "DialogTitleWarning", [rs, In] = Wr(Tn, {
   contentName: me,
   titleName: Pt,
   docsSlug: "dialog"
 }), jo = ({ titleId: e }) => {
-  const t = Tn(Sn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = In(Tn), 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.
 
@@ -1816,13 +1817,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
 }, Bo = "DialogDescriptionWarning", Ko = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Tn(Bo).contentName}}.`;
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${In(Bo).contentName}}.`;
   return V.useEffect(() => {
     var i;
     const o = (i = e.current) == null ? void 0 : i.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, Xo = pn, Jo = mn, Yo = gn, Qo = vn, ea = wn, ta = Pn;
+}, Xo = hn, Jo = gn, Yo = vn, Qo = _n, ea = bn, ta = Sn;
 const fe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -1832,7 +1833,7 @@ const fe = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, na = () => {
-  const { pdfProperties: e } = Y(), { container: t } = qe(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = $r(), o = D(() => {
+  const { pdfProperties: e } = Y(), { container: t } = qe(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Vr(), o = D(() => {
     if (!e)
       return [];
     const {
@@ -1845,9 +1846,9 @@ const fe = {
       creator: m,
       keywords: u,
       modifierOn: f,
-      pdfProducer: v,
+      pdfProducer: g,
       pdfVersion: _,
-      pageCount: g
+      pageCount: v
     } = e;
     return [
       { label: "File name", value: l },
@@ -1867,17 +1868,17 @@ const fe = {
         value: f ? it(f) : ""
       },
       { separate: !0 },
-      { label: "PDF producer", value: v },
+      { label: "PDF producer", value: g },
       { label: "PDF version", value: _ },
-      { label: "Page count", value: g }
+      { label: "Page count", value: v }
     ];
   }, [e]);
   return /* @__PURE__ */ a(Xo, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(Jo, { container: t, children: /* @__PURE__ */ O("div", { className: fe["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ a(Yo, { className: fe["rp-dialog-overlay"] }),
     /* @__PURE__ */ O(Qo, { className: fe["rp-document-dialog"], children: [
       /* @__PURE__ */ a(ea, { className: fe["rp-dialog-title"], children: "Document Properties" }),
-      /* @__PURE__ */ a("div", { className: fe["rp-document-properties"], children: o.map((i, l) => /* @__PURE__ */ a("div", { children: i.separate ? /* @__PURE__ */ a("div", { className: fe["rp-properties-divider"] }) : /* @__PURE__ */ a(Hr, { label: i.label, value: i.value }) }, l)) }),
-      /* @__PURE__ */ a(ta, { asChild: !0, className: fe["rp-dialog-close"], children: /* @__PURE__ */ a(Yt, {}) })
+      /* @__PURE__ */ a("div", { className: fe["rp-document-properties"], children: o.map((i, l) => /* @__PURE__ */ a("div", { children: i.separate ? /* @__PURE__ */ a("div", { className: fe["rp-properties-divider"] }) : /* @__PURE__ */ a($r, { label: i.label, value: i.value }) }, l)) }),
+      /* @__PURE__ */ a(ta, { asChild: !0, className: fe["rp-dialog-close"], children: /* @__PURE__ */ a(Qt, {}) })
     ] })
   ] }) }) });
 }, ra = {
@@ -1890,13 +1891,13 @@ const fe = {
     const r = document.createElement("a");
     r.href = t, r.download = e, document.body.appendChild(r), r.click(), document.body.removeChild(r);
   } };
-}, In = () => {
+}, yn = () => {
   const { downloadIcon: e } = re();
-  return e || /* @__PURE__ */ a(Zr, {});
-}, yn = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Download file", children: e }), aa = ({ downloadFile: e }) => /* @__PURE__ */ a(yn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(In, {}) }) }), ia = ({ downloadFile: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(yn, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(In, {}) }),
+  return e || /* @__PURE__ */ a(jr, {});
+}, Rn = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Download file", children: e }), aa = ({ downloadFile: e }) => /* @__PURE__ */ a(Rn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(yn, {}) }) }), ia = ({ downloadFile: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(Rn, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(yn, {}) }),
   "Download file"
-] }) }), Rn = () => {
+] }) }), xn = () => {
   const { downloadFile: e } = oa(), { downloadTool: t = !0 } = se(), { isSmallScreen: n } = ge();
   return t ? n ? /* @__PURE__ */ a(ia, { downloadFile: e }) : typeof t == "function" ? /* @__PURE__ */ a(t, { downloadFile: e }) : t ? /* @__PURE__ */ a(aa, { downloadFile: e }) : null : null;
 };
@@ -1921,7 +1922,7 @@ const sa = () => {
     });
   }, []), f = () => {
     h.current = !0;
-  }, v = async ({
+  }, g = async ({
     scratchCanvas: P,
     pdfDocument: T,
     pageNumber: d,
@@ -1934,7 +1935,7 @@ const sa = () => {
       u();
       return;
     }
-    const R = w / tr.PDF;
+    const R = w / nr.PDF;
     P.width = Math.floor(C.width * R), P.height = Math.floor(C.height * R);
     const N = P.getContext("2d");
     N.save(), N.fillStyle = "rgb(255, 255, 255)", N.fillRect(0, 0, P.width, P.height), N.restore();
@@ -1951,14 +1952,14 @@ const sa = () => {
       transform: [R, 0, 0, R, 0, 0],
       viewport: L.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
-      annotationMode: nr.ENABLE_STORAGE,
+      annotationMode: rr.ENABLE_STORAGE,
       optionalContentConfigPromise: I,
       printAnnotationStorage: x
     };
     try {
       return L.render(E).promise;
     } catch (z) {
-      throw z instanceof rr || console.error(z), z;
+      throw z instanceof or || console.error(z), z;
     }
   }, _ = M(() => {
     const P = window.print;
@@ -1977,7 +1978,7 @@ const sa = () => {
       });
       w.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), g = async (P) => {
+  }, []), v = async (P) => {
     const T = document.createElement("img"), d = document.createElement("div");
     return d.classList.add("rp-print-page"), await new Promise((C, w) => {
       P.toBlob((I) => {
@@ -2012,7 +2013,7 @@ const sa = () => {
           return;
         }
         const L = N.page.getViewport({ scale: 1 });
-        if (await v({
+        if (await g({
           scratchCanvas: P,
           pdfDocument: e,
           pageNumber: R,
@@ -2024,7 +2025,7 @@ const sa = () => {
           u();
           return;
         }
-        const x = await g(P);
+        const x = await v(P);
         T.push(x);
         const E = parseFloat((T.length / I * 100).toFixed(2));
         r({
@@ -2060,7 +2061,7 @@ const sa = () => {
     isError: l,
     error: c
   };
-}, xn = We({
+}, Mn = We({
   print: () => {
   },
   cancel: () => {
@@ -2078,26 +2079,26 @@ const sa = () => {
     }
   }
 }), la = ({ children: e }) => {
-  const [t, n] = F(null), [r, o] = F(null), { print: i, cancel: l, progress: s, isComplete: c, isError: p, error: h } = sa(), m = M((g) => {
-    g && typeof g == "function" && o(() => g);
-  }, []), u = (g) => {
-    h && g(h);
+  const [t, n] = F(null), [r, o] = F(null), { print: i, cancel: l, progress: s, isComplete: c, isError: p, error: h } = sa(), m = M((v) => {
+    v && typeof v == "function" && o(() => v);
+  }, []), u = (v) => {
+    h && v(h);
   }, f = M(
-    (g) => {
-      n(() => g);
+    (v) => {
+      n(() => v);
     },
     [s, t]
   );
   A(() => {
-    c && r && v();
+    c && r && g();
   }, [c, r]), A(() => {
-    p && u((g) => {
-      console.error(g);
+    p && u((v) => {
+      console.error(v);
     });
   }, [p]), A(() => {
     s && t && t(s);
   }, [s, t]);
-  const v = () => {
+  const g = () => {
     r && (r(), o(null));
   }, _ = {
     print: i,
@@ -2107,19 +2108,19 @@ const sa = () => {
     setOnError: u,
     progress: s
   };
-  return /* @__PURE__ */ a(xn.Provider, { value: _, children: e });
+  return /* @__PURE__ */ a(Mn.Provider, { value: _, children: e });
 }, Tt = () => {
-  const e = He(xn);
+  const e = He(Mn);
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, Mn = () => {
+}, Nn = () => {
   const { printIcon: e } = re();
-  return e || /* @__PURE__ */ a(jr, {});
-}, Nn = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Print", children: e }), ca = ({ print: e }) => /* @__PURE__ */ a(Nn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(Mn, {}) }) }), ua = ({ print: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(Nn, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Mn, {}) }),
+  return e || /* @__PURE__ */ a(Br, {});
+}, Ln = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Print", children: e }), ca = ({ print: e }) => /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(Nn, {}) }) }), ua = ({ print: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(Ln, { className: "rp-menu-item", children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Nn, {}) }),
   "Print"
-] }) }), Ln = () => {
+] }) }), En = () => {
   const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = Tt(), { printTool: l = !0 } = se(), { isSmallScreen: s } = ge();
   return l ? s ? /* @__PURE__ */ a(ua, { print: e }) : typeof l == "function" ? /* @__PURE__ */ a(
     l,
@@ -2136,10 +2137,10 @@ const sa = () => {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, pa = () => {
   const { goToFirstPageIcon: e } = re();
-  return e || /* @__PURE__ */ a(en, { className: da["rp-go-to-Top"] });
+  return e || /* @__PURE__ */ a(tn, { className: da["rp-go-to-Top"] });
 }, ha = () => {
   const { goToLastPageIcon: e } = re();
-  return e || /* @__PURE__ */ a(en, {});
+  return e || /* @__PURE__ */ a(tn, {});
 }, fa = () => {
   const { goToPage: e, totalPages: t, focusedPage: n } = ee(), { jumpNavigationTool: r = !0 } = se(), o = D(() => n === 1, [n]), i = D(() => n === t, [n, t]), l = M(() => {
     e(1);
@@ -2182,25 +2183,26 @@ const sa = () => {
     s,
     c,
     t
-  ]) ? /* @__PURE__ */ O(Vr, { children: [
+  ]) ? /* @__PURE__ */ O(Gr, { children: [
     /* @__PURE__ */ a(
       ft,
       {
+        "data-rp": "moreOptionsDropdown",
         container: e,
-        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(X, { content: "More options", children: /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(Mr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(X, { content: "More options", children: /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(Nr, {}) }) }) }),
         children: /* @__PURE__ */ O("div", { className: ra["rp-other-tool-content"], children: [
           t && /* @__PURE__ */ O(Fe, { children: [
-            /* @__PURE__ */ a(Jt, {}),
-            /* @__PURE__ */ a(Rn, {}),
-            /* @__PURE__ */ a(Ln, {}),
-            /* @__PURE__ */ a(Qt, {}),
+            /* @__PURE__ */ a(Yt, {}),
+            /* @__PURE__ */ a(xn, {}),
+            /* @__PURE__ */ a(En, {}),
+            /* @__PURE__ */ a(en, {}),
             /* @__PURE__ */ a(vt, {})
           ] }),
           /* @__PURE__ */ a(fa, {}),
-          /* @__PURE__ */ a(Ur, {}),
-          /* @__PURE__ */ a(Br, {}),
           /* @__PURE__ */ a(qr, {}),
-          /* @__PURE__ */ a(Gr, {})
+          /* @__PURE__ */ a(Kr, {}),
+          /* @__PURE__ */ a(Zr, {}),
+          /* @__PURE__ */ a(Ur, {})
         ] })
       }
     ),
@@ -2209,12 +2211,12 @@ const sa = () => {
 }, ga = () => {
   const { isSmallScreen: e } = ge();
   return /* @__PURE__ */ O(Ae, { children: [
-    /* @__PURE__ */ a(xr, {}),
+    /* @__PURE__ */ a(Mr, {}),
     !e && /* @__PURE__ */ O(Ae, { children: [
-      /* @__PURE__ */ a(Jt, {}),
-      /* @__PURE__ */ a(Rn, {}),
-      /* @__PURE__ */ a(Ln, {}),
-      /* @__PURE__ */ a(Qt, {})
+      /* @__PURE__ */ a(Yt, {}),
+      /* @__PURE__ */ a(xn, {}),
+      /* @__PURE__ */ a(En, {}),
+      /* @__PURE__ */ a(en, {})
     ] }),
     /* @__PURE__ */ a(ma, {})
   ] });
@@ -2226,28 +2228,28 @@ const sa = () => {
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_163s9_20"
 }, va = 25, nt = 1e3, _a = [50, 75, 100, 125, 150, 200, 300, 400], wa = () => {
   const { zoomInIcon: e } = re();
-  return e || /* @__PURE__ */ a(Kr, {});
+  return e || /* @__PURE__ */ a(Xr, {});
 }, ba = () => {
   const { zoomOutIcon: e } = re();
-  return e || /* @__PURE__ */ a(Xr, {});
+  return e || /* @__PURE__ */ a(Jr, {});
 }, Ca = () => {
   const { zoomLevel: e, setZoomLevel: t } = ht(), { container: n, contentRef: r } = qe(), { zoomTool: o = !0 } = se(), { focusedPage: i } = ee(), { rotate: l } = Ve(), { pages: s } = Y(), { isSmallScreen: c } = ge(), p = M(() => {
-    t((g) => {
-      const b = Math.floor(g / 25) * 25;
+    t((v) => {
+      const b = Math.floor(v / 25) * 25;
       return Math.min(b + 25, nt);
     });
   }, [t]), h = M(() => {
-    t((g) => {
-      const b = Math.ceil(g / 25) * 25;
+    t((v) => {
+      const b = Math.ceil(v / 25) * 25;
       return Math.min(b - 25, nt);
     });
   }, [t]), m = D(() => e === va, [e]), u = D(() => e === nt, [e]), f = D(() => {
-    var g;
-    return (g = s.get(i)) == null ? void 0 : g.page.getViewport({ scale: 1, rotation: l });
-  }, [s, i, l]), v = M(
-    (g) => {
+    var v;
+    return (v = s.get(i)) == null ? void 0 : v.page.getViewport({ scale: 1, rotation: l });
+  }, [s, i, l]), g = M(
+    (v) => {
       const b = ((f == null ? void 0 : f.width) || 0) + 2 * yt, S = ((f == null ? void 0 : f.height) || 0) + 2 * yt, P = (r == null ? void 0 : r.clientWidth) || 0, T = (r == null ? void 0 : r.clientHeight) || 0;
-      switch (g) {
+      switch (v) {
         case we.ACTUAL:
           t(100);
           break;
@@ -2265,10 +2267,10 @@ const sa = () => {
     },
     [t, f]
   ), _ = M(
-    (g) => {
-      typeof g == "number" ? t(g) : v(g);
+    (v) => {
+      typeof v == "number" ? t(v) : g(v);
     },
-    [t, v]
+    [t, g]
   );
   return typeof o != "boolean" ? /* @__PURE__ */ a(o, { zoomLevel: e, setZoomLevel: t }) : o ? /* @__PURE__ */ O("div", { className: ye["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ a(X, { content: "Zoom out", children: /* @__PURE__ */ a(B, { disabled: m, onClick: h, children: /* @__PURE__ */ a(ba, {}) }) }),
@@ -2292,10 +2294,10 @@ const sa = () => {
             /* @__PURE__ */ a(ce, { onClick: () => _(we.PAGE_WIDTH), children: "Page width" })
           ] }),
           /* @__PURE__ */ a(vt, {}),
-          /* @__PURE__ */ a(Fe, { children: _a.map((g) => /* @__PURE__ */ O(ce, { onClick: () => _(g), children: [
-            g,
+          /* @__PURE__ */ a(Fe, { children: _a.map((v) => /* @__PURE__ */ O(ce, { onClick: () => _(v), children: [
+            v,
             " %"
-          ] }, g)) })
+          ] }, v)) })
         ] })
       }
     ),
@@ -2310,9 +2312,9 @@ const sa = () => {
   "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_1vxow_30",
   "rp-search-tool-input-clear": "_rp-search-tool-input-clear_1vxow_35",
   "rp-search-input": "_rp-search-input_1vxow_49"
-}, Gt = () => {
+}, Ut = () => {
   const { searchIcon: e } = re();
-  return e || /* @__PURE__ */ a(Jr, {});
+  return e || /* @__PURE__ */ a(Yr, {});
 }, Pa = () => {
   const { container: e } = qe(), [t, n] = F(!1), { pdf: r } = Y(), [o, i] = F(null), {
     searchOptions: l,
@@ -2323,8 +2325,8 @@ const sa = () => {
     currentMatchPosition: m,
     nextMatch: u,
     prevMatch: f,
-    search: v
-  } = nn(), { searchTool: _ = !0 } = se(), [g, b] = F(v), S = M(() => {
+    search: g
+  } = rn(), { searchTool: _ = !0 } = se(), [v, b] = F(g), S = M(() => {
     n(!0);
   }, []), P = M(() => {
     p(""), b(""), n(!1);
@@ -2335,9 +2337,9 @@ const sa = () => {
     [t]
   ), d = M(
     (x) => {
-      x.shiftKey && x.key === "Enter" ? f() : x.key === "Enter" && p((E) => (g === E && u(), g));
+      x.shiftKey && x.key === "Enter" ? f() : x.key === "Enter" && g !== v ? p(v) : x.key === "Enter" && u();
     },
-    [g, f, u, p]
+    [v, f, u, p, g]
   );
   A(() => (window.addEventListener("keydown", T), () => {
     window.removeEventListener("keydown", T);
@@ -2367,21 +2369,21 @@ const sa = () => {
       open: t,
       container: e,
       align: "start",
-      triggerComponent: /* @__PURE__ */ a(X, { content: "Search in document", children: /* @__PURE__ */ a(B, { onClick: S, children: /* @__PURE__ */ a(Gt, {}) }) }),
+      triggerComponent: /* @__PURE__ */ a(X, { content: "Search in document", children: /* @__PURE__ */ a(B, { onClick: S, children: /* @__PURE__ */ a(Ut, {}) }) }),
       children: /* @__PURE__ */ O("div", { className: ne["rp-search-tool-content"], children: [
         /* @__PURE__ */ O("div", { className: ne["rp-search-tool-input-wrapper"], children: [
           /* @__PURE__ */ O("div", { className: ne["rp-search-tool-input"], children: [
             /* @__PURE__ */ a(
-              Zt,
+              jt,
               {
-                value: g,
+                value: v,
                 onKeyDown: d,
                 onChange: C,
-                icon: /* @__PURE__ */ a(Gt, {}),
+                icon: /* @__PURE__ */ a(Ut, {}),
                 placeholder: "Enter to Search",
                 className: ne["rp-search-input"],
                 ref: i,
-                children: !!g && /* @__PURE__ */ a("span", { className: ne["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ a(Yr, {}) })
+                children: !!v && /* @__PURE__ */ a("span", { className: ne["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ a(Qr, {}) })
               }
             ),
             c ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(pt, {}) }) : /* @__PURE__ */ a("span", { children: I })
@@ -2400,7 +2402,7 @@ const sa = () => {
               className: ne["rp-search-tool-input-icon"]
             }
           ) }),
-          /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(Yt, { onClick: P, className: ne["rp-search-tool-input-icon"] }) })
+          /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(Qt, { onClick: P, className: ne["rp-search-tool-input-icon"] }) })
         ] })
       ] })
     }
@@ -2429,13 +2431,13 @@ const sa = () => {
 }, Ia = $e((e, t) => {
   const { showPrintProgress: n } = se(), { progress: r } = Tt(), { isSmallScreen: o } = ge(), { percentage: i } = r || {}, l = () => o ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ O("div", { children: [
-    /* @__PURE__ */ a("div", { "data-rp": "topBarWrapper", ref: t, className: Ie["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { "data-rp": "topBar", className: Ie["rp-toolbar-wrapper"], style: l(), children: [
-      /* @__PURE__ */ O("div", { "data-rp": "topBarStart", className: Ie["rp-toolbar-start"], children: [
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: t, className: Ie["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { className: Ie["rp-toolbar-wrapper"], style: l(), children: [
+      /* @__PURE__ */ O("div", { "data-rp": "topBarLeft", className: Ie["rp-toolbar-start"], children: [
         /* @__PURE__ */ a(Pa, {}),
         /* @__PURE__ */ a(Wo, {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarMiddle", className: Ie["rp-toolbar-middle"], children: /* @__PURE__ */ a(Ca, {}) }),
-      /* @__PURE__ */ a("div", { "data-rp": "topBarEnd", className: Ie["rp-toolbar-end"], children: /* @__PURE__ */ a(ga, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: Ie["rp-toolbar-middle"], children: /* @__PURE__ */ a(Ca, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: Ie["rp-toolbar-end"], children: /* @__PURE__ */ a(ga, {}) })
     ] }) }),
     n && i ? /* @__PURE__ */ a(Ta, { percentage: i }) : null
   ] });
@@ -2487,7 +2489,7 @@ const sa = () => {
       ]
     }
   );
-}, Ut = {
+}, qt = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
 }, Ra = () => {
@@ -2513,10 +2515,10 @@ const sa = () => {
           m.scale,
           r
         ).promise.then(() => {
-          const v = u.toDataURL();
+          const g = u.toDataURL();
           return {
             ...m,
-            thumbnailSrc: v,
+            thumbnailSrc: g,
             loading: !1
           };
         });
@@ -2524,7 +2526,7 @@ const sa = () => {
       }
       Promise.all(h).then((m) => {
         const u = m.reduce(
-          (f, v) => (f[v.page.pageNumber] = v, f),
+          (f, g) => (f[g.page.pageNumber] = g, f),
           {}
         );
         t((f) => ({ ...f, ...u }));
@@ -2568,7 +2570,7 @@ const sa = () => {
     [n, r]
   );
   return { thumbnailPages: e, addPage: l, addToPage: i, thumbnailLength: o };
-}, En = We({
+}, On = We({
   thumbnailPages: {},
   addPage: (e) => {
   },
@@ -2578,13 +2580,13 @@ const sa = () => {
   setActive: (e) => {
   },
   active: !1
-}), On = () => He(En), xa = ({
+}), Dn = () => He(On), xa = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
   const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i } = Ra(), [l, s] = F(t);
   return /* @__PURE__ */ a(
-    En.Provider,
+    On.Provider,
     {
       value: { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: i, active: l, setActive: s },
       children: e
@@ -2594,33 +2596,33 @@ const sa = () => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
   e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Ma);
 }, La = $e((e, t) => {
-  const { show: n } = e, { focusedPage: r, totalPages: o } = ee(), { thumbnailPages: i, addPage: l, thumbnailLength: s, addToPage: c } = On(), p = $(null), h = $(1);
-  qt(t, () => p.current);
+  const { show: n } = e, { focusedPage: r, totalPages: o } = ee(), { thumbnailPages: i, addPage: l, thumbnailLength: s, addToPage: c } = Dn(), p = $(null), h = $(1);
+  Zt(t, () => p.current);
   const m = D(() => Object.values(i), [i]), u = M(() => {
     const f = s + 1;
     f <= o && l(f);
   }, [l, o, s]);
   return A(() => {
     r > s ? c(r) : n && h.current !== r && (Na(p.current, r), h.current = r);
-  }, [r, s, c, n, m]), or(p.current, u), /* @__PURE__ */ a("div", { ref: p, className: Ut["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: Ut["rp-thumbnails"], children: n ? m.map((f, v) => {
-    var _, g;
+  }, [r, s, c, n, m]), ar(p.current, u), /* @__PURE__ */ a("div", { ref: p, className: qt["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: qt["rp-thumbnails"], children: n ? m.map((f, g) => {
+    var _, v;
     return /* @__PURE__ */ a(
       ya,
       {
         isFocused: r === ((_ = f.page) == null ? void 0 : _.pageNumber),
-        pageNumber: (g = f.page) == null ? void 0 : g.pageNumber,
+        pageNumber: (v = f.page) == null ? void 0 : v.pageNumber,
         thumbnailSrc: f.thumbnailSrc,
         loading: f.loading,
         viewport: f.viewport
       },
-      v
+      g
     );
   }) : null }) });
 }), Ea = () => {
   const { thumbnailIcon: e } = re();
-  return e || /* @__PURE__ */ a(Hn, {});
+  return e || /* @__PURE__ */ a($n, {});
 }, Oa = () => {
-  const { active: e, setActive: t } = On(), [n, r] = F(200), o = $(null), { thumbnailTool: i } = se(), l = M(() => {
+  const { active: e, setActive: t } = Dn(), [n, r] = F(200), o = $(null), { thumbnailTool: i } = se(), l = M(() => {
     t((c) => !c);
   }, []), s = D(() => typeof i != "boolean" && i ? /* @__PURE__ */ a(i, { onClick: l, active: e }) : i ? /* @__PURE__ */ a(X, { content: "Thumbnail", children: /* @__PURE__ */ a(B, { onClick: l, active: e, children: /* @__PURE__ */ a(Ea, {}) }) }) : null, [i, e, l]);
   return /* @__PURE__ */ O(
@@ -2630,10 +2632,10 @@ const sa = () => {
       className: rt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ a("div", { "data-rp": "thumbnailButton", className: rt["rp-sidebar-content"], children: s }),
-        /* @__PURE__ */ O("div", { "data-rp": "thumbnails", hidden: !e, className: rt["rp-thumbnails-wrapper"], children: [
+        /* @__PURE__ */ a("div", { className: rt["rp-sidebar-content"], children: s }),
+        /* @__PURE__ */ O("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: rt["rp-thumbnails-wrapper"], children: [
           /* @__PURE__ */ a(La, { show: e, ref: o }),
-          /* @__PURE__ */ a(ar, { onWidthChange: r, thumbnailRef: o })
+          /* @__PURE__ */ a(ir, { onWidthChange: r, thumbnailRef: o })
         ] })
       ]
     }
@@ -2652,14 +2654,14 @@ const sa = () => {
     mobileWidth: p
   } = e;
   return /* @__PURE__ */ a(
-    vr,
+    _r,
     {
       initialScale: s,
       initialPage: l,
       initialScrollMode: c,
       initialRotate: o,
-      children: /* @__PURE__ */ a(hr, { mobileWidth: p, children: /* @__PURE__ */ a(dr, { children: /* @__PURE__ */ a(Yn, { children: /* @__PURE__ */ a(Zn, { children: /* @__PURE__ */ a(Wn, { children: /* @__PURE__ */ a(mr, { initialSelectionMode: jt.TEXT, children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ a(Oo, { children: /* @__PURE__ */ a(qn, { children: /* @__PURE__ */ a(ur, { textLayer: i, children: /* @__PURE__ */ a(Bn, { children: /* @__PURE__ */ a(
-        Gn,
+      children: /* @__PURE__ */ a(fr, { mobileWidth: p, children: /* @__PURE__ */ a(pr, { children: /* @__PURE__ */ a(Qn, { children: /* @__PURE__ */ a(jn, { children: /* @__PURE__ */ a(Hn, { children: /* @__PURE__ */ a(gr, { initialSelectionMode: Bt.TEXT, children: /* @__PURE__ */ a(hr, { children: /* @__PURE__ */ a(Oo, { children: /* @__PURE__ */ a(Zn, { children: /* @__PURE__ */ a(dr, { textLayer: i, children: /* @__PURE__ */ a(Kn, { children: /* @__PURE__ */ a(
+        Un,
         {
           darkMode: n,
           onDarkModeChange: r,
@@ -2668,7 +2670,7 @@ const sa = () => {
       ) }) }) }) }) }) }) }) }) }) }) })
     }
   );
-}, as = $e((e, t) => {
+}, os = $e((e, t) => {
   const {
     children: n,
     slots: r,
@@ -2681,25 +2683,25 @@ const sa = () => {
     onLoaded: h,
     cleanupOnLoaded: m,
     ...u
-  } = e, [f, v] = F(null), [_, g] = F(null), [b, S] = F(null);
+  } = e, [f, g] = F(null), [_, v] = F(null), [b, S] = F(null);
   return A(() => (h && h(), () => {
     m && m();
-  }), [h, m]), /* @__PURE__ */ a("div", { ref: t, className: j(he["rp-theme-variables"], he["rp-container"]), children: /* @__PURE__ */ a(lr, { container: _, contentRef: b, children: /* @__PURE__ */ a(Da, { ...u, children: /* @__PURE__ */ a(to, { initialSearch: l, children: /* @__PURE__ */ a(xa, { initialThumbnailsVisible: i, children: /* @__PURE__ */ a(Un, { slots: r, children: /* @__PURE__ */ a(Vn, { children: /* @__PURE__ */ a(ir, { icons: o, children: /* @__PURE__ */ a(wr, { elementRef: b, children: /* @__PURE__ */ a(la, { children: /* @__PURE__ */ a(jn, { children: s ? /* @__PURE__ */ a(
-    sr,
+  }), [h, m]), /* @__PURE__ */ a("div", { ref: t, className: j(he["rp-theme-variables"], he["rp-container"]), children: /* @__PURE__ */ a(cr, { container: _, contentRef: b, children: /* @__PURE__ */ a(Da, { ...u, children: /* @__PURE__ */ a(no, { initialSearch: l, children: /* @__PURE__ */ a(xa, { initialThumbnailsVisible: i, children: /* @__PURE__ */ a(qn, { slots: r, children: /* @__PURE__ */ a(Gn, { children: /* @__PURE__ */ a(sr, { icons: o, children: /* @__PURE__ */ a(br, { elementRef: b, children: /* @__PURE__ */ a(la, { children: /* @__PURE__ */ a(Bn, { children: s ? /* @__PURE__ */ a(
+    lr,
     {
-      getContainerRef: g,
+      getContainerRef: v,
       toolbarRef: f,
       style: c,
       className: p,
-      children: /* @__PURE__ */ O(br, { children: [
+      children: /* @__PURE__ */ O(Cr, { children: [
         /* @__PURE__ */ O("div", { className: he["rp-layout"], children: [
-          /* @__PURE__ */ a(Ia, { ref: v }),
+          /* @__PURE__ */ a(Ia, { ref: g }),
           /* @__PURE__ */ O("div", { className: he["rp-content"], children: [
             /* @__PURE__ */ a("div", { className: he["rp-sidebar"], children: /* @__PURE__ */ a(Oa, {}) }),
             /* @__PURE__ */ a("div", { ref: S, className: he["rp-pages"], children: n })
           ] })
         ] }),
-        /* @__PURE__ */ a($n, {})
+        /* @__PURE__ */ a(Vn, {})
       ] })
     }
   ) : /* @__PURE__ */ a(
@@ -2715,27 +2717,27 @@ const sa = () => {
 export {
   po as A,
   xa as B,
-  Qr as C,
+  eo as C,
   Do as D,
   La as E,
-  Rn as F,
+  xn as F,
   Oa as G,
   Da as H,
   Ta as L,
   fa as M,
   ma as O,
-  un as P,
-  ns as R,
-  tn as S,
-  no as T,
+  dn as P,
+  ts as R,
+  nn as S,
+  ro as T,
   Ca as Z,
-  as as a,
+  os as a,
   oa as b,
   Tt as c,
-  nn as d,
+  rn as d,
   _t as e,
-  eo as f,
-  to as g,
+  to as f,
+  no as g,
   wt as h,
   Mo as i,
   Eo as j,
@@ -2744,15 +2746,15 @@ export {
   Wo as m,
   na as n,
   sa as o,
-  xn as p,
+  Mn as p,
   la as q,
-  Ln as r,
+  En as r,
   ga as s,
   Pa as t,
   ee as u,
   Ia as v,
   ya as w,
   Ra as x,
-  En as y,
-  On as z
+  On as y,
+  Dn as z
 };