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

package/dist/{RPDefaultLayout-e42e8172.js → RPDefaultLayout-3344b69e.js}

@@ -1,4 +1,4 @@
-import { jsx as i, Fragment as Ee, jsxs as z } from "react/jsx-runtime";
+import { jsx as i, Fragment as Ie, jsxs as z } from "react/jsx-runtime";
 import * as V from "react";
 import { useRef as W, useEffect as O, useCallback as x, useState as $, createContext as Ze, useContext as je, useMemo as k, forwardRef as Be, useImperativeHandle as sn, createElement as Me, PureComponent as rr, Component as or, memo as ir } from "react";
 import { ChevronUpIcon as ke } from "./components/icons/ChevronUpIcon.js";
@@ -24,7 +24,7 @@ import { renderPage as gt } from "./utils/renderPage.js";
 import { highlightMatches as un, findMatches as dr, resetDivs as dn, highlightMultipleColorMatches as pr } from "./utils/highlight.js";
 import * as Tt from "pdfjs-dist";
 import { PixelsPerInch as hr, AnnotationMode as mr, RenderingCancelledException as fr, AnnotationLayer as gr } from "pdfjs-dist";
-import { useLayoutContainer as ye } from "./contexts/LayoutContainerContext.js";
+import { useLayoutContainer as xe } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as Pt } from "./contexts/DimensionPagesContext.js";
 import { useLocalizationContext as me } from "./contexts/LocalizationContext.js";
 import { useHighlightContext as vr } from "./contexts/HighlightContext.js";
@@ -41,7 +41,7 @@ import q from "./components/ui/RPTooltip.js";
 import { c as Pe, C as Pr } from "./Container-8fea0875.js";
 import { WrapperLayout as Sr } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as Ir } from "./components/RPDropFileZone.js";
-import { useViewportContext as xe, ViewportProvider as yr } from "./contexts/ViewportContext.js";
+import { useViewportContext as Re, ViewportProvider as yr } from "./contexts/ViewportContext.js";
 import "./contexts/ThemeContext.js";
 import { SimpleLinkService as xr } from "./utils/link_service.js";
 import { annotationsEvents as Rr, annotationEventsHandler as Lr, handleClick as Ft, handleAnnotationWidget as Nr, handleAnnotationLink as Er, bindLayerEvents as Or, unbindLayerEvents as kt } from "./utils/annotations.js";
@@ -84,9 +84,9 @@ import { ClearIcon as lo } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Vt } from "./components/icons/InfoIcon.js";
 import { UIPopOver as uo } from "./components/ui/Popover.js";
 import './assets/RPDefaultLayout.css';const _n = () => {
-  const { viewMode: t } = Je(), { scrollMode: e } = Oe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Ye(), { setFocusedPage: a } = ce(), s = W(), { columnCount: c } = ln(), { widths: u, heights: l } = Pt(), d = W(e), f = W(t), h = W(c);
+  const { viewMode: t } = Je(), { scrollMode: e } = Oe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Ye(), { setFocusedPage: a } = ce(), c = W(), { columnCount: s } = ln(), { widths: u, heights: l } = Pt(), d = W(e), f = W(t), h = W(s);
   O(() => {
-    n != null && n.scrollToItem && (s.current = n);
+    n != null && n.scrollToItem && (c.current = n);
   }, [n]), O(() => {
     d.current = e, f.current = t;
   }, [e, t]);
@@ -112,8 +112,8 @@ import './assets/RPDefaultLayout.css';const _n = () => {
   return O(() => {
     d.current = e, f.current = t;
   }, [e, t]), O(() => {
-    h.current = c;
-  }, [c]), { scrollToPage: x(
+    h.current = s;
+  }, [s]), { scrollToPage: x(
     (b) => {
       const v = b - 1;
       let w = v, m = 0;
@@ -121,7 +121,7 @@ import './assets/RPDefaultLayout.css';const _n = () => {
         return g(b), Promise.resolve();
       if (d.current === K.PAGE_SCROLLING)
         return a(b), Promise.resolve();
-      if (!s.current || !o)
+      if (!c.current || !o)
         return Promise.resolve();
       const T = o;
       if (d.current === K.HORIZONTAL_SCROLLING) {
@@ -157,7 +157,7 @@ import './assets/RPDefaultLayout.css';const _n = () => {
     },
     [
       o,
-      c,
+      s,
       g,
       a,
       Mt,
@@ -166,20 +166,20 @@ import './assets/RPDefaultLayout.css';const _n = () => {
     ]
   ) };
 }, po = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = _n(), s = W(1), { isScrolling: c } = Qe(), { viewMode: u } = Je(), { scrollMode: l } = Oe(), d = vt(e, 100), f = x(
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = _n(), c = W(1), { isScrolling: s } = Qe(), { viewMode: u } = Je(), { scrollMode: l } = Oe(), d = vt(e, 100), f = x(
     (v) => {
       if (!/^[0-9]*$/g.test(v.toString()) || !v)
-        return { success: !1, currentPage: s.current };
+        return { success: !1, currentPage: c.current };
       const m = +v;
-      return m < 0 || m > o ? { success: !1, currentPage: s.current } : (n(m), s.current = m, { success: !0, currentPage: +v });
+      return m < 0 || m > o ? { success: !1, currentPage: c.current } : (n(m), c.current = m, { success: !0, currentPage: +v });
     },
     [o]
   ), h = x(f, [f]), g = x(
     async (v) => {
-      if (c.current)
-        return { success: !1, currentPage: s.current };
+      if (s.current)
+        return { success: !1, currentPage: c.current };
       const w = f(v);
-      return w.success && (c.current = !0, await a(w.currentPage), c.current = !1), w;
+      return w.success && (s.current = !0, await a(w.currentPage), s.current = !1), w;
     },
     [f, a]
   ), _ = x(() => {
@@ -214,7 +214,7 @@ import './assets/RPDefaultLayout.css';const _n = () => {
   const t = je(wn);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && kr.error("Please use this hooks inside children component of RPProvider"), t;
 }, ms = ({ children: t }) => {
-  const { pdf: e } = X(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: c, prevPage: u } = po();
+  const { pdf: e } = X(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: c, nextPage: s, prevPage: u } = po();
   return O(() => {
     e != null && e.numPages && a(e.numPages);
   }, [e, a]), /* @__PURE__ */ i(
@@ -225,9 +225,9 @@ import './assets/RPDefaultLayout.css';const _n = () => {
         totalPages: o,
         setFocusedPage: r,
         setTotalPages: a,
-        nextPage: c,
+        nextPage: s,
         prevPage: u,
-        goToPage: s
+        goToPage: c
       },
       children: t
     }
@@ -238,7 +238,7 @@ const ho = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [s, c] = $(!1), [u, l] = $(null), d = W(!1);
+  }), [r, a] = $(!1), [c, s] = $(!1), [u, l] = $(null), d = W(!1);
   O(() => {
     d.current;
   }, [d]);
@@ -247,7 +247,7 @@ const ho = () => {
     const T = document.querySelector(".rp-print-zone");
     T && T.remove();
   }, []), h = x(() => {
-    d.current = !1, a(!1), c(!1), l(null), o({
+    d.current = !1, a(!1), s(!1), l(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
@@ -373,7 +373,7 @@ const ho = () => {
       const A = w(I, e);
       document.body.appendChild(A), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await b();
     } catch (p) {
-      c(!0), p instanceof Error && l(p);
+      s(!0), p instanceof Error && l(p);
     } finally {
       T.height = 0, T.width = 0;
     }
@@ -390,7 +390,7 @@ const ho = () => {
     cancel: g,
     progress: n,
     isComplete: r,
-    isError: s,
+    isError: c,
     error: u
   };
 }, bn = Ze({
@@ -411,7 +411,7 @@ const ho = () => {
     }
   }
 }), fs = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: s, progress: c, isComplete: u, isError: l, error: d } = ho(), f = x((v) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: c, progress: s, isComplete: u, isError: l, error: d } = ho(), f = x((v) => {
     v && typeof v == "function" && r(() => v);
   }, []), h = (v) => {
     d && v(d);
@@ -419,7 +419,7 @@ const ho = () => {
     (v) => {
       n(() => v);
     },
-    [c, e]
+    [s, e]
   );
   O(() => {
     u && o && _();
@@ -428,17 +428,17 @@ const ho = () => {
       console.error(v);
     });
   }, [l]), O(() => {
-    c && e && e(c);
-  }, [c, e]);
+    s && e && e(s);
+  }, [s, e]);
   const _ = () => {
     o && (o(), r(null));
   }, b = {
     print: a,
-    cancel: s,
+    cancel: c,
     setOnProgress: g,
     setOnComplete: f,
     setOnError: h,
-    progress: c
+    progress: s
   };
   return /* @__PURE__ */ i(bn.Provider, { value: b, children: t });
 }, et = () => {
@@ -448,10 +448,10 @@ const ho = () => {
   return t;
 }, mo = () => {
   const [t, e] = $({}), { pages: n } = X(), { rotate: o } = Ke(), r = k(() => Object.keys(t).length, [t]), a = x(
-    (c) => {
+    (s) => {
       if (!n.size)
         return;
-      const u = Array.from(n.values()).slice(0, c).map((f) => {
+      const u = Array.from(n.values()).slice(0, s).map((f) => {
         const { thumbnailViewport: h, scale: g } = Wt(f.page, o);
         return {
           scale: g,
@@ -489,16 +489,16 @@ const ho = () => {
   O(() => {
     a(10);
   }, [a]);
-  const s = x(
-    (c) => {
+  const c = x(
+    (s) => {
       if (!n)
         return;
-      const u = n.get(c);
+      const u = n.get(s);
       if (!u)
         return;
       e((d) => ({
         ...d,
-        [c]: {
+        [s]: {
           loading: !0,
           page: u.page,
           viewport: u.thumbnailViewport,
@@ -516,12 +516,12 @@ const ho = () => {
           viewport: f
         };
       }).then((d) => {
-        e((f) => ({ ...f, [c]: d }));
+        e((f) => ({ ...f, [s]: d }));
       });
     },
     [n, o]
   );
-  return { thumbnailPages: t, addPage: s, addToPage: a, thumbnailLength: r };
+  return { thumbnailPages: t, addPage: c, addToPage: a, thumbnailLength: r };
 }, Cn = Ze({
   thumbnailPages: {},
   addPage: (t) => {
@@ -536,23 +536,23 @@ const ho = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = mo(), [s, c] = $(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = mo(), [c, s] = $(e);
   return /* @__PURE__ */ i(
     Cn.Provider,
     {
-      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: c },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: c, setActive: s },
       children: t
     }
   );
 }, fo = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: s, pages: c } = X(), u = Pt(), l = W(!n), { currentZoom: d } = Xe(), [f, h] = $([]), { setFocusedPage: g } = ce(), [_, b] = $(0), { pageScrollElementRef: v, virtualScrollableElementRef: w } = Ye(), { scrollMode: m } = Oe(), { pagesRef: T } = ye(), [I, p] = $(null), P = W({}), C = k(() => _ === 0 ? null : f[_ - 1], [_, f]), S = k(() => f.length, [f]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: c, pages: s } = X(), u = Pt(), l = W(!n), { currentZoom: d } = Xe(), [f, h] = $([]), { setFocusedPage: g } = ce(), [_, b] = $(0), { pageScrollElementRef: v, virtualScrollableElementRef: w } = Ye(), { scrollMode: m } = Oe(), { pagesRef: T } = xe(), [I, p] = $(null), P = W({}), C = k(() => _ === 0 ? null : f[_ - 1], [_, f]), S = k(() => f.length, [f]);
   O(() => {
-    if (!C || !c)
+    if (!C || !s)
       return;
     const L = w || v;
     if (!L || !T)
       return;
-    const F = c.get(C.page), E = T.clientHeight / 2, y = T.clientWidth / 2;
+    const F = s.get(C.page), E = T.clientHeight / 2, y = T.clientWidth / 2;
     let N = 0, G = 0;
     m === K.PAGE_SCROLLING && g(C.page), m === K.VERTICAL_SCROLLING && (N = u.heights.slice(0, C.page - 1).reduce((j, J) => j + J, 0)), m === K.HORIZONTAL_SCROLLING && (G = u.widths.slice(0, C.page - 1).reduce((j, J) => j + J, 0));
     let U;
@@ -575,7 +575,7 @@ const ho = () => {
       });
     });
   }, [
-    c,
+    s,
     g,
     u,
     C,
@@ -605,7 +605,7 @@ const ho = () => {
       l.current = !0, h([]), b(0);
       return;
     }
-    l.current = !1, a(!0), h([]), b(0), D(s).then((L) => {
+    l.current = !1, a(!0), h([]), b(0), D(c).then((L) => {
       P.current = L;
       const E = Object.keys(L).reduce((y, N) => {
         const G = dr(
@@ -620,7 +620,7 @@ const ho = () => {
     }).catch(() => {
       h([]), b(0);
     }).finally(() => a(!1));
-  }, [n, D, s, t]), {
+  }, [n, D, c, t]), {
     search: n,
     setSearch: o,
     loading: r,
@@ -658,8 +658,8 @@ const ho = () => {
   const [n, o] = $({}), {
     loading: r,
     setSearch: a,
-    totalMatches: s,
-    currentMatchPosition: c,
+    totalMatches: c,
+    currentMatchPosition: s,
     currentMatch: u,
     search: l,
     matches: d,
@@ -676,8 +676,8 @@ const ho = () => {
         setSearchOptions: o,
         loading: r,
         setSearch: a,
-        totalMatches: s,
-        currentMatchPosition: c,
+        totalMatches: c,
+        currentMatchPosition: s,
         currentMatch: u,
         nextMatch: f,
         prevMatch: h,
@@ -703,7 +703,7 @@ const ho = () => {
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
 }, go = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = W(null), { pages: a } = X(), { rotate: s } = Ke(), c = W(), { currentZoom: u } = Xe();
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = W(null), { pages: a } = X(), { rotate: c } = Ke(), s = W(), { currentZoom: u } = Xe();
   return O(() => {
     if (!a || u === 0)
       return;
@@ -711,24 +711,24 @@ const ho = () => {
     if (r.current && l) {
       const d = r.current;
       d.hidden = !0;
-      const f = c.current;
-      f && f.cancel(), o && o(), c.current = gt(l.page, d, {
+      const f = s.current;
+      f && f.cancel(), o && o(), s.current = gt(l.page, d, {
         scale: u,
-        rotate: s,
+        rotate: c,
         renderForms: !0
-      }), c.current.promise.then(() => {
+      }), s.current.promise.then(() => {
         d.hidden = !1;
       }).catch((h) => {
       }).finally(() => {
         n && n();
       });
     }
-  }, [a, e, s, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
+  }, [a, e, c, u, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
 }, st = {
   "rp-text-layer": "_rp-text-layer_kwwfn_1",
   "rp-text-layer-text": "_rp-text-layer-text_kwwfn_9"
 }, vo = (t) => {
-  const { pageNumber: e } = t, { pages: n } = X(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = Sn(), [c, u] = $(
+  const { pageNumber: e } = t, { pages: n } = X(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: c } = Sn(), [s, u] = $(
     []
   ), l = W(), d = W(), f = W(), h = k(() => r.filter((_) => _.pageIndex === e - 1), [r, e]), g = x(
     (_, b, v = !1) => {
@@ -743,16 +743,16 @@ const ho = () => {
   );
   return O(() => {
     var v;
-    if ((v = f.current) == null || v.classList.remove("selected"), !c.length || !a || a.pageIndex !== e - 1)
+    if ((v = f.current) == null || v.classList.remove("selected"), !s.length || !a || a.pageIndex !== e - 1)
       return;
     const _ = h.findIndex(
       (w) => JSON.stringify(w) === JSON.stringify(a)
     );
     if (_ === -1)
       return;
-    const b = c.find((w) => w.index === _);
-    b && (f.current = b.element, s(b.element), b.element.classList.add("selected"));
-  }, [a, c, h]), O(() => {
+    const b = s.find((w) => w.index === _);
+    b && (f.current = b.element, c(b.element), b.element.classList.add("selected"));
+  }, [a, s, h]), O(() => {
     const _ = n.get(e);
     if (!(!_ || !o.current))
       return l.current && l.current.cancel(), _.page.getTextContent().then((b) => {
@@ -794,25 +794,25 @@ const ho = () => {
 };
 let wo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const bo = (t) => {
-  const { pageNumber: e } = t, n = W(null), { pages: o, pdf: r } = X(), a = W(), [s, c] = $(), { setFocusedPage: u, goToPage: l } = ce(), { scrollMode: d } = Oe(), { print: f } = et(), { download: h } = Gn(), g = k(() => o.get(e), [o, e]), _ = k(() => g == null ? void 0 : g.page.getViewport(), [g]);
+  const { pageNumber: e } = t, n = W(null), { pages: o, pdf: r } = X(), a = W(), [c, s] = $(), { setFocusedPage: u, goToPage: l } = ce(), { scrollMode: d } = Oe(), { print: f } = et(), { download: h } = Gn(), g = k(() => o.get(e), [o, e]), _ = k(() => g == null ? void 0 : g.page.getViewport(), [g]);
   O(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), O(() => {
     g && g.page.getAnnotations().then((v) => {
-      a.current = void 0, c(v), n.current && (n.current.innerText = "");
+      a.current = void 0, s(v), n.current && (n.current.innerText = "");
     });
   }, [g]);
   const b = x(
     (v) => {
-      !s || !r || (Rr(v), Lr(v, r, s).then((w) => {
+      !c || !r || (Rr(v), Lr(v, r, c).then((w) => {
         var m, T;
         ((m = w == null ? void 0 : w.data) == null ? void 0 : m.action) === "Print" ? f() : ((T = w == null ? void 0 : w.data) == null ? void 0 : T.action) === "SaveAs" && h();
-      }), d === K.PAGE_SCROLLING ? Ft(v, s, r, (w) => u(w.pageIndex + 1)) : Ft(v, s, r, (w) => l(w.pageIndex + 1)));
+      }), d === K.PAGE_SCROLLING ? Ft(v, c, r, (w) => u(w.pageIndex + 1)) : Ft(v, c, r, (w) => l(w.pageIndex + 1)));
     },
-    [r, s, l, u, d, f, h]
+    [r, c, l, u, d, f, h]
   );
   return O(() => {
-    if (!g || !s)
+    if (!g || !c)
       return;
     const v = g.page.getViewport();
     if (a.current) {
@@ -822,7 +822,7 @@ const bo = (t) => {
       return;
     }
     const w = /* @__PURE__ */ new Map([]);
-    for (const I of s) {
+    for (const I of c) {
       const { annotationType: p } = I;
       switch (p) {
         case At.Link:
@@ -848,7 +848,7 @@ const bo = (t) => {
       if (m.signal.aborted)
         throw "abort";
       return a.current.render({
-        annotations: s,
+        annotations: c,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: I,
         fieldObjects: p,
@@ -869,7 +869,7 @@ const bo = (t) => {
     }), () => {
       m.abort("clear"), n.current && kt(n.current, b);
     };
-  }, [r, s, b]), /* @__PURE__ */ i(
+  }, [r, c, b]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
@@ -882,11 +882,11 @@ const bo = (t) => {
   "rp-text-highlight-layer": "_rp-text-highlight-layer_1470i_1",
   "rp-text-highlight-layer-text": "_rp-text-highlight-layer-text_1470i_9"
 }, Co = ({ pageNumber: t }) => {
-  const e = W(null), n = W(), o = W(), { pages: r } = X(), { highlightMatches: a } = vr(), s = k(() => a.filter((l) => l.pageIndex === t - 1), [a]), c = x(
+  const e = W(null), n = W(), o = W(), { pages: r } = X(), { highlightMatches: a } = vr(), c = k(() => a.filter((l) => l.pageIndex === t - 1), [a]), s = x(
     (u, l, d = !1) => {
-      d && dn(u, l), pr(s, u, l);
+      d && dn(u, l), pr(c, u, l);
     },
-    [s, r, t]
+    [c, r, t]
   );
   return O(() => {
     const u = r.get(t);
@@ -904,7 +904,7 @@ const bo = (t) => {
           h.classList.add(ct["rp-text-highlight-layer-text"]);
         });
         const d = (f = n.current) == null ? void 0 : f.textDivs;
-        d && o.current && c(o.current, d);
+        d && o.current && s(o.current, d);
       }).catch(() => {
       }), () => {
         var l;
@@ -916,8 +916,8 @@ const bo = (t) => {
       f.classList.add(ct["rp-text-highlight-layer-text"]);
     });
     const l = (d = n.current) == null ? void 0 : d.textDivs;
-    l && o.current && c(o.current, l, !0);
-  }, [c]), /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(
+    l && o.current && s(o.current, l, !0);
+  }, [s]), /* @__PURE__ */ i(Ie, { children: /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${t}-textHighlightLayer`,
@@ -926,18 +926,18 @@ const bo = (t) => {
     }
   ) });
 }, To = Array.from({ length: 21 }, (t, e) => Number((e * 0.05).toFixed(2))), Rt = Be((t, e) => {
-  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...a } = t, { pages: s } = X(), { rotate: c } = Ke(), { textLayer: u } = sr(), { currentZoom: l } = Xe(), d = W(s.get(n)), [f, h] = $(!1), g = W(null), [_, b] = $({
+  const { pageNumber: n, style: o, onIntersectRatioChange: r, ...a } = t, { pages: c } = X(), { rotate: s } = Ke(), { textLayer: u } = sr(), { currentZoom: l } = Xe(), d = W(c.get(n)), [f, h] = $(!1), g = W(null), [_, b] = $({
     width: 0,
     height: 0
   });
   sn(e, () => g.current), O(() => {
-    if (s && (d.current = s.get(n), d.current)) {
-      const T = d.current.page.getViewport({ scale: l, rotation: c });
+    if (c && (d.current = c.get(n), d.current)) {
+      const T = d.current.page.getViewport({ scale: l, rotation: s });
       b(T);
     }
-  }, [s, n, c, l]);
+  }, [c, n, s, l]);
   const v = k(() => {
-    switch (c) {
+    switch (s) {
       case 90:
         return `${_.width / 2}px ${_.width / 2}px`;
       case -90:
@@ -946,7 +946,7 @@ const bo = (t) => {
       default:
         return "center";
     }
-  }, [c, _]), w = x(() => {
+  }, [s, _]), w = x(() => {
     h(!0);
   }, []), m = x(() => {
     h(!1);
@@ -961,7 +961,7 @@ const bo = (t) => {
     return g.current && T.observe(g.current), () => {
       T.disconnect(), r(n, -1);
     };
-  }, [r, n, c, _]), /* @__PURE__ */ i(
+  }, [r, n, s, _]), /* @__PURE__ */ i(
     "div",
     {
       ref: g,
@@ -970,7 +970,7 @@ const bo = (t) => {
       ...a,
       style: {
         ...o,
-        "--rp-rotate": `${c}deg`,
+        "--rp-rotate": `${s}deg`,
         "--rp-page-rotate-translate": `${v}`,
         "--scale-factor": l
       },
@@ -1035,12 +1035,12 @@ function Io(t, e) {
 function lt(t, e) {
   e === void 0 && (e = Io);
   var n, o = [], r, a = !1;
-  function s() {
-    for (var c = [], u = 0; u < arguments.length; u++)
-      c[u] = arguments[u];
-    return a && n === this && e(c, o) || (r = t.apply(this, c), a = !0, n = this, o = c), r;
+  function c() {
+    for (var s = [], u = 0; u < arguments.length; u++)
+      s[u] = arguments[u];
+    return a && n === this && e(s, o) || (r = t.apply(this, s), a = !0, n = this, o = s), r;
   }
-  return s;
+  return c;
 }
 function Zt(t, e) {
   if (t == null)
@@ -1080,15 +1080,15 @@ function Ro(t) {
   }
   return ut;
 }
-var Re = null;
+var Le = null;
 function Kt(t) {
-  if (t === void 0 && (t = !1), Re === null || t) {
+  if (t === void 0 && (t = !1), Le === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var o = document.createElement("div"), r = o.style;
-    return r.width = "100px", r.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? Re = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? Re = "negative" : Re = "positive-ascending"), document.body.removeChild(e), Re;
+    return r.width = "100px", r.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? Le = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? Le = "negative" : Le = "positive-ascending"), document.body.removeChild(e), Le;
   }
-  return Re;
+  return Le;
 }
 var Lo = 150, No = function(e) {
   var n = e.columnIndex;
@@ -1098,7 +1098,7 @@ var Lo = 150, No = function(e) {
 }, He = null, $e = null, Ge = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (He = /* @__PURE__ */ new WeakSet(), $e = /* @__PURE__ */ new WeakSet(), Ge = /* @__PURE__ */ new WeakSet());
 function Eo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, s = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, l = t.getOffsetForRowAndAlignment, d = t.getRowHeight, f = t.getRowOffset, h = t.getRowStartIndexForOffset, g = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, v = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, c = t.getEstimatedTotalHeight, s = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, l = t.getOffsetForRowAndAlignment, d = t.getRowHeight, f = t.getRowOffset, h = t.getRowStartIndexForOffset, g = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, b = t.shouldResetStyleCacheOnItemSizeChange, v = t.validateProps;
   return e = /* @__PURE__ */ function(w) {
     Po(m, w);
     function m(I) {
@@ -1205,7 +1205,7 @@ function Eo(t) {
     }, T.scrollToItem = function(p) {
       var P = p.align, C = P === void 0 ? "auto" : P, S = p.columnIndex, A = p.rowIndex, R = this.props, D = R.columnCount, L = R.height, F = R.rowCount, E = R.width, y = this.state, N = y.scrollLeft, G = y.scrollTop, U = Ro();
       S !== void 0 && (S = Math.max(0, Math.min(S, D - 1))), A !== void 0 && (A = Math.max(0, Math.min(A, F - 1)));
-      var Z = s(this.props, this._instanceProps), ee = c(this.props, this._instanceProps), j = ee > E ? U : 0, J = Z > L ? U : 0;
+      var Z = c(this.props, this._instanceProps), ee = s(this.props, this._instanceProps), j = ee > E ? U : 0, J = Z > L ? U : 0;
       this.scrollTo({
         scrollLeft: S !== void 0 ? u(this.props, S, C, N, this._instanceProps, J) : N,
         scrollTop: A !== void 0 ? l(this.props, A, C, G, this._instanceProps, j) : G
@@ -1258,7 +1258,7 @@ function Eo(t) {
               rowIndex: pe,
               style: this._getItemStyle(pe, ge)
             }));
-      var Ce = s(this.props, this._instanceProps), tt = c(this.props, this._instanceProps);
+      var Ce = c(this.props, this._instanceProps), tt = s(this.props, this._instanceProps);
       return Me(G || U || "div", {
         className: C,
         onScroll: this._onScroll,
@@ -1311,9 +1311,9 @@ function Eo(t) {
   }, e;
 }
 var Oo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, s = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, l = e.overscanCount, d = e.overscanRowsCount, f = e.width, h = n.instance;
+  var o = e.children, r = e.direction, a = e.height, c = e.innerTagName, s = e.outerTagName, u = e.overscanColumnsCount, l = e.overscanCount, d = e.overscanRowsCount, f = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof l == "number" && He && !He.has(h) && (He.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof d == "number") && $e && !$e.has(h) && ($e.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || c != null) && Ge && !Ge.has(h) && (Ge.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof l == "number" && He && !He.has(h) && (He.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof d == "number") && $e && !$e.has(h) && ($e.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || s != null) && Ge && !Ge.has(h) && (Ge.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1328,31 +1328,31 @@ var Oo = function(e, n) {
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
 }, Xt = 50, In = function(e, n) {
-  var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, c = 0;
-  if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
-    c = u.offset + u.size;
+  var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, c = n.lastMeasuredRowIndex, s = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var u = r[c];
+    s = u.offset + u.size;
   }
-  var l = o - s - 1, d = l * a;
-  return c + d;
+  var l = o - c - 1, d = l * a;
+  return s + d;
 }, yn = function(e, n) {
-  var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, c = 0;
-  if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
-    c = u.offset + u.size;
+  var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, c = n.lastMeasuredColumnIndex, s = 0;
+  if (c >= o && (c = o - 1), c >= 0) {
+    var u = r[c];
+    s = u.offset + u.size;
   }
-  var l = o - s - 1, d = l * a;
-  return c + d;
+  var l = o - c - 1, d = l * a;
+  return s + d;
 }, ve = function(e, n, o, r) {
-  var a, s, c;
-  if (e === "column" ? (a = r.columnMetadataMap, s = n.columnWidth, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, s = n.rowHeight, c = r.lastMeasuredRowIndex), o > c) {
+  var a, c, s;
+  if (e === "column" ? (a = r.columnMetadataMap, c = n.columnWidth, s = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, c = n.rowHeight, s = r.lastMeasuredRowIndex), o > s) {
     var u = 0;
-    if (c >= 0) {
-      var l = a[c];
+    if (s >= 0) {
+      var l = a[s];
       u = l.offset + l.size;
     }
-    for (var d = c + 1; d <= o; d++) {
-      var f = s(d);
+    for (var d = s + 1; d <= o; d++) {
+      var f = c(d);
       a[d] = {
         offset: u,
         size: f
@@ -1362,24 +1362,24 @@ var Oo = function(e, n) {
   }
   return a[o];
 }, Jt = function(e, n, o, r) {
-  var a, s;
-  e === "column" ? (a = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
-  var c = s > 0 ? a[s].offset : 0;
-  return c >= r ? xn(e, n, o, s, 0, r) : Do(e, n, o, Math.max(0, s), r);
-}, xn = function(e, n, o, r, a, s) {
+  var a, c;
+  e === "column" ? (a = o.columnMetadataMap, c = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, c = o.lastMeasuredRowIndex);
+  var s = c > 0 ? a[c].offset : 0;
+  return s >= r ? xn(e, n, o, c, 0, r) : Do(e, n, o, Math.max(0, c), r);
+}, xn = function(e, n, o, r, a, c) {
   for (; a <= r; ) {
-    var c = a + Math.floor((r - a) / 2), u = ve(e, n, c, o).offset;
-    if (u === s)
-      return c;
-    u < s ? a = c + 1 : u > s && (r = c - 1);
+    var s = a + Math.floor((r - a) / 2), u = ve(e, n, s, o).offset;
+    if (u === c)
+      return s;
+    u < c ? a = s + 1 : u > c && (r = s - 1);
   }
   return a > 0 ? a - 1 : 0;
 }, Do = function(e, n, o, r, a) {
-  for (var s = e === "column" ? n.columnCount : n.rowCount, c = 1; r < s && ve(e, n, r, o).offset < a; )
-    r += c, c *= 2;
-  return xn(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
-}, Yt = function(e, n, o, r, a, s, c) {
-  var u = e === "column" ? n.width : n.height, l = ve(e, n, o, s), d = e === "column" ? yn(n, s) : In(n, s), f = Math.max(0, Math.min(d - u, l.offset)), h = Math.max(0, l.offset - u + c + l.size);
+  for (var c = e === "column" ? n.columnCount : n.rowCount, s = 1; r < c && ve(e, n, r, o).offset < a; )
+    r += s, s *= 2;
+  return xn(e, n, o, Math.min(r, c - 1), Math.floor(r / 2), a);
+}, Yt = function(e, n, o, r, a, c, s) {
+  var u = e === "column" ? n.width : n.height, l = ve(e, n, o, c), d = e === "column" ? yn(n, c) : In(n, c), f = Math.max(0, Math.min(d - u, l.offset)), h = Math.max(0, l.offset - u + s + l.size);
   switch (r === "smart" && (a >= h - u && a <= f + u ? r = "auto" : r = "center"), r) {
     case "start":
       return f;
@@ -1399,7 +1399,7 @@ var Oo = function(e, n) {
     return Jt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, s = e.width, c = ve("column", e, n, r), u = o + s, l = c.offset + c.size, d = n; d < a - 1 && l < u; )
+    for (var a = e.columnCount, c = e.width, s = ve("column", e, n, r), u = o + c, l = s.offset + s.size, d = n; d < a - 1 && l < u; )
       d++, l += ve("column", e, d, r).size;
     return d;
   },
@@ -1408,11 +1408,11 @@ var Oo = function(e, n) {
   },
   getEstimatedTotalHeight: In,
   getEstimatedTotalWidth: yn,
-  getOffsetForColumnAndAlignment: function(e, n, o, r, a, s) {
-    return Yt("column", e, n, o, r, a, s);
+  getOffsetForColumnAndAlignment: function(e, n, o, r, a, c) {
+    return Yt("column", e, n, o, r, a, c);
   },
-  getOffsetForRowAndAlignment: function(e, n, o, r, a, s) {
-    return Yt("row", e, n, o, r, a, s);
+  getOffsetForRowAndAlignment: function(e, n, o, r, a, c) {
+    return Yt("row", e, n, o, r, a, c);
   },
   getRowOffset: function(e, n, o) {
     return ve("row", e, n, o).offset;
@@ -1424,12 +1424,12 @@ var Oo = function(e, n) {
     return Jt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, s = e.height, c = ve("row", e, n, r), u = o + s, l = c.offset + c.size, d = n; d < a - 1 && l < u; )
+    for (var a = e.rowCount, c = e.height, s = ve("row", e, n, r), u = o + c, l = s.offset + s.size, d = n; d < a - 1 && l < u; )
       d++, l += ve("row", e, d, r).size;
     return d;
   },
   initInstanceProps: function(e, n) {
-    var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, s = {
+    var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, c = {
       columnMetadataMap: {},
       estimatedColumnWidth: r || Xt,
       estimatedRowHeight: a || Xt,
@@ -1437,20 +1437,20 @@ var Oo = function(e, n) {
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(c, u) {
+    return n.resetAfterColumnIndex = function(s, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        columnIndex: c,
+        columnIndex: s,
         shouldForceUpdate: u
       });
-    }, n.resetAfterRowIndex = function(c, u) {
+    }, n.resetAfterRowIndex = function(s, u) {
       u === void 0 && (u = !0), n.resetAfterIndices({
-        rowIndex: c,
+        rowIndex: s,
         shouldForceUpdate: u
       });
-    }, n.resetAfterIndices = function(c) {
-      var u = c.columnIndex, l = c.rowIndex, d = c.shouldForceUpdate, f = d === void 0 ? !0 : d;
-      typeof u == "number" && (s.lastMeasuredColumnIndex = Math.min(s.lastMeasuredColumnIndex, u - 1)), typeof l == "number" && (s.lastMeasuredRowIndex = Math.min(s.lastMeasuredRowIndex, l - 1)), n._getItemStyleCache(-1), f && n.forceUpdate();
-    }, s;
+    }, n.resetAfterIndices = function(s) {
+      var u = s.columnIndex, l = s.rowIndex, d = s.shouldForceUpdate, f = d === void 0 ? !0 : d;
+      typeof u == "number" && (c.lastMeasuredColumnIndex = Math.min(c.lastMeasuredColumnIndex, u - 1)), typeof l == "number" && (c.lastMeasuredRowIndex = Math.min(c.lastMeasuredRowIndex, l - 1)), n._getItemStyleCache(-1), f && n.forceUpdate();
+    }, c;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(e) {
@@ -1482,17 +1482,17 @@ const Wo = () => {
   const { viewMode: t } = Je(), { scrollMode: e } = Oe(), { setColumnCount: n } = ln(), { virtualScrollableElementRef: o } = Ye(), r = Pt(), a = x(
     (g) => r.widths[g] || 0,
     [r.widths]
-  ), s = x(
+  ), c = x(
     (g) => r.heights[g] || 0,
     [r.heights]
-  ), c = k(() => r.heights.length, [r.heights]), u = k(() => Math.max(...r.widths), [r.widths]), l = k(() => e === K.HORIZONTAL_SCROLLING ? c : t === Ve.DUAL_PAGE ? 2 : 1, [t, e, e, c, o, u]);
+  ), s = k(() => r.heights.length, [r.heights]), u = k(() => Math.max(...r.widths), [r.widths]), l = k(() => e === K.HORIZONTAL_SCROLLING ? s : t === Ve.DUAL_PAGE ? 2 : 1, [t, e, e, s, o, u]);
   O(() => {
     n(l);
   }, [l, n]);
-  const d = k(() => e === K.HORIZONTAL_SCROLLING || e === K.PAGE_SCROLLING ? 1 : Math.round(c / l), [l, c, e]), f = k(() => r.heights.reduce((g, _) => g + _, 0) / r.heights.length || 0, [r]), h = k(() => r.widths.reduce((g, _) => g + _, 0) / r.heights.length || 0, [r]);
+  const d = k(() => e === K.HORIZONTAL_SCROLLING || e === K.PAGE_SCROLLING ? 1 : Math.round(s / l), [l, s, e]), f = k(() => r.heights.reduce((g, _) => g + _, 0) / r.heights.length || 0, [r]), h = k(() => r.widths.reduce((g, _) => g + _, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: d,
-    rowHeight: s,
+    rowHeight: c,
     columnCount: l,
     columnWidth: a,
     pageDimension: r,
@@ -1517,19 +1517,19 @@ pt == null || nn == null ? (bt = dt, Ct = function(e) {
   return [n, o];
 });
 function Mo(t) {
-  let e, n, o, r, a, s, c;
+  let e, n, o, r, a, c, s;
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
-    s = function(w) {
+    c = function(w) {
       const m = w.__resizeTriggers__, T = m.firstElementChild, I = m.lastElementChild, p = T.firstElementChild;
       I.scrollLeft = I.scrollWidth, I.scrollTop = I.scrollHeight, p.style.width = T.offsetWidth + 1 + "px", p.style.height = T.offsetHeight + 1 + "px", T.scrollLeft = T.scrollWidth, T.scrollTop = T.scrollHeight;
     }, a = function(w) {
       return w.offsetWidth !== w.__resizeLast__.width || w.offsetHeight !== w.__resizeLast__.height;
-    }, c = function(w) {
+    }, s = function(w) {
       if (w.target.className && typeof w.target.className.indexOf == "function" && w.target.className.indexOf("contract-trigger") < 0 && w.target.className.indexOf("expand-trigger") < 0)
         return;
       const m = this;
-      s(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
+      c(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
         a(m) && (m.__resizeLast__.width = m.offsetWidth, m.__resizeLast__.height = m.offsetHeight, m.__resizeListeners__.forEach(function(p) {
           p.call(m, w);
         }));
@@ -1568,8 +1568,8 @@ function Mo(t) {
           const v = _.createElement("div");
           v.className = "expand-trigger", v.appendChild(_.createElement("div"));
           const w = _.createElement("div");
-          w.className = "contract-trigger", h.__resizeTriggers__.appendChild(v), h.__resizeTriggers__.appendChild(w), h.appendChild(h.__resizeTriggers__), s(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(T) {
-            T.animationName === n && s(h);
+          w.className = "contract-trigger", h.__resizeTriggers__.appendChild(v), h.__resizeTriggers__.appendChild(w), h.appendChild(h.__resizeTriggers__), c(h), h.addEventListener("scroll", s, !0), o && (h.__resizeTriggers__.__animationListener__ = function(T) {
+            T.animationName === n && c(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
         h.__resizeListeners__.push(g);
@@ -1579,7 +1579,7 @@ function Mo(t) {
       if (u)
         h.detachEvent("onresize", g);
       else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(g), 1), !h.__resizeListeners__.length) {
-        h.removeEventListener("scroll", c, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
+        h.removeEventListener("scroll", s, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
           h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
         } catch {
@@ -1603,7 +1603,7 @@ class Ho extends or {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, s = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), l = parseFloat(a.paddingBottom || "0"), d = this._parentNode.getBoundingClientRect(), f = d.height - u - l, h = d.width - s - c, g = this._parentNode.offsetHeight - u - l, _ = this._parentNode.offsetWidth - s - c;
+        const a = window.getComputedStyle(this._parentNode) || {}, c = parseFloat(a.paddingLeft || "0"), s = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), l = parseFloat(a.paddingBottom || "0"), d = this._parentNode.getBoundingClientRect(), f = d.height - u - l, h = d.width - c - s, g = this._parentNode.offsetHeight - u - l, _ = this._parentNode.offsetWidth - c - s;
         (!n && (this.state.height !== g || this.state.scaledHeight !== f) || !o && (this.state.width !== _ || this.state.scaledWidth !== h)) && (this.setState({
           height: g,
           width: _,
@@ -1642,8 +1642,8 @@ class Ho extends or {
       defaultWidth: o,
       disableHeight: r = !1,
       disableWidth: a = !1,
-      doNotBailOutOnEmptyChildren: s = !1,
-      nonce: c,
+      doNotBailOutOnEmptyChildren: c = !1,
+      nonce: s,
       onResize: u,
       style: l = {},
       tagName: d = "div",
@@ -1657,7 +1657,7 @@ class Ho extends or {
       overflow: "visible"
     }, w = {};
     let m = !1;
-    return r || (h === 0 && (m = !0), v.height = 0, w.height = h, w.scaledHeight = g), a || (b === 0 && (m = !0), v.width = 0, w.width = b, w.scaledWidth = _), s && (m = !1), Me(d, {
+    return r || (h === 0 && (m = !0), v.height = 0, w.height = h, w.scaledHeight = g), a || (b === 0 && (m = !0), v.width = 0, w.width = b, w.scaledWidth = _), c && (m = !1), Me(d, {
       ref: this._setRef,
       style: {
         ...v,
@@ -1675,7 +1675,7 @@ const $o = ({ widths: t, heights: e }) => {
       u.push(d);
     }
     return u;
-  }, [n, o]), s = k(() => [
+  }, [n, o]), c = k(() => [
     {
       position: "absolute",
       left: 0,
@@ -1693,9 +1693,9 @@ const $o = ({ widths: t, heights: e }) => {
   O(() => {
     r.current = !1;
   }, [n]);
-  const c = k(() => s.reduce((u, l) => u + Number(l.width || 0), 0), [s]);
-  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: a.map((u, l) => /* @__PURE__ */ i(Rt, { onIntersectRatioChange: () => {
-  }, style: s[l], pageNumber: u }, u)) });
+  const s = k(() => c.reduce((u, l) => u + Number(l.width || 0), 0), [c]);
+  return /* @__PURE__ */ i("div", { style: { width: s, position: "relative" }, children: a.map((u, l) => /* @__PURE__ */ i(Rt, { onIntersectRatioChange: () => {
+  }, style: c[l], pageNumber: u }, u)) });
 }, Go = ({ widths: t, heights: e }) => {
   const { focusedPage: n } = ce(), { isScrolling: o } = Qe(), r = k(() => ({
     position: "absolute",
@@ -1737,12 +1737,12 @@ const $o = ({ widths: t, heights: e }) => {
     r
   );
 }, ko), _s = () => {
-  const { initialPage: t = 1, initialScrollMode: e } = lr(), { pagesRef: n, setPagesRef: o } = ye();
+  const { initialPage: t = 1, initialScrollMode: e } = lr(), { pagesRef: n, setPagesRef: o } = xe();
   Dr(n);
   const { scrollToPage: r } = _n(), {
     virtualScrollRef: a,
-    getVirtualScrollRef: s,
-    getPageScrollElementRef: c,
+    getVirtualScrollRef: c,
+    getPageScrollElementRef: s,
     getVirtualScrollableElementRef: u,
     setTotalInnerDimensions: l,
     virtualScrollableElementRef: d,
@@ -1919,7 +1919,7 @@ const $o = ({ widths: t, heights: e }) => {
   ]), /* @__PURE__ */ i("div", { ref: o, tabIndex: -1, className: Jn, children: /* @__PURE__ */ i(Ho, { style: { minHeight: "50px" }, children: ({ width: M, height: H }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Yn, style: { width: M, height: H }, children: m === K.PAGE_SCROLLING ? /* @__PURE__ */ i(
     "div",
     {
-      ref: c,
+      ref: s,
       style: { width: M, height: H },
       className: oe(he["rp-pages"], he["rp-page-scrolling-wrapper"]),
       children: T === Ve.DUAL_PAGE ? /* @__PURE__ */ i($o, { widths: N, heights: E }) : /* @__PURE__ */ i(Go, { widths: N, heights: E })
@@ -1927,7 +1927,7 @@ const $o = ({ widths: t, heights: e }) => {
   ) : G ? /* @__PURE__ */ i(
     zo,
     {
-      ref: s,
+      ref: c,
       itemData: ge,
       outerRef: u,
       innerRef: I,
@@ -1977,18 +1977,18 @@ const $o = ({ widths: t, heights: e }) => {
   const { nextIcon: t } = fe();
   return t || /* @__PURE__ */ i(ke, { style: { transform: "rotate(180deg" } });
 }, Zo = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ce(), [s, c] = $(t.toString()), { pageNavigationTool: u = !0 } = _e(), { isSmallScreen: l } = xe(), { localeMessages: d } = me();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ce(), [c, s] = $(t.toString()), { pageNavigationTool: u = !0 } = _e(), { isSmallScreen: l } = Re(), { localeMessages: d } = me();
   O(() => {
-    c(t.toString());
+    s(t.toString());
   }, [t]);
   const f = x((b) => {
     const v = b.target.value;
-    c(v);
+    s(v);
   }, []), h = x(async () => {
-    const b = await a(s);
-    b.success || c(b.currentPage.toString());
-  }, [a, s, e]), g = x(() => {
-    c(t.toString());
+    const b = await a(c);
+    b.success || s(b.currentPage.toString());
+  }, [a, c, e]), g = x(() => {
+    s(t.toString());
   }, [t]), _ = x(
     (b) => {
       b.key === "Enter" && h();
@@ -2021,7 +2021,7 @@ const $o = ({ widths: t, heights: e }) => {
         onKeyDown: _,
         onBlur: g,
         onChange: f,
-        value: s,
+        value: c,
         className: ht["rp-page-input"]
       }
     ) }),
@@ -2047,8 +2047,8 @@ var Lt = "Dialog", [Rn, ws] = Hr(Lt), [jo, le] = Rn(Lt), Ln = (t) => {
     open: o,
     defaultOpen: r,
     onOpenChange: a,
-    modal: s = !0
-  } = t, c = V.useRef(null), u = V.useRef(null), [l = !1, d] = Vr({
+    modal: c = !0
+  } = t, s = V.useRef(null), u = V.useRef(null), [l = !1, d] = Vr({
     prop: o,
     defaultProp: r,
     onChange: a
@@ -2057,7 +2057,7 @@ var Lt = "Dialog", [Rn, ws] = Hr(Lt), [jo, le] = Rn(Lt), Ln = (t) => {
     jo,
     {
       scope: e,
-      triggerRef: c,
+      triggerRef: s,
       contentRef: u,
       contentId: it(),
       titleId: it(),
@@ -2065,7 +2065,7 @@ var Lt = "Dialog", [Rn, ws] = Hr(Lt), [jo, le] = Rn(Lt), Ln = (t) => {
       open: l,
       onOpenChange: d,
       onOpenToggle: V.useCallback(() => d((f) => !f), [d]),
-      modal: s,
+      modal: c,
       children: n
     }
   );
@@ -2094,7 +2094,7 @@ var Nt = "DialogPortal", [Ko, En] = Rn(Nt, {
   forceMount: void 0
 }), On = (t) => {
   const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = le(Nt, e);
-  return /* @__PURE__ */ i(Ko, { scope: e, forceMount: n, children: V.Children.map(o, (s) => /* @__PURE__ */ i(yt, { present: n || a.open, children: /* @__PURE__ */ i(Kr, { asChild: !0, container: r, children: s }) })) });
+  return /* @__PURE__ */ i(Ko, { scope: e, forceMount: n, children: V.Children.map(o, (c) => /* @__PURE__ */ i(yt, { present: n || a.open, children: /* @__PURE__ */ i(Kr, { asChild: !0, container: r, children: c }) })) });
 };
 On.displayName = Nt;
 var qe = "DialogOverlay", Dn = V.forwardRef(
@@ -2121,16 +2121,16 @@ var Xo = V.forwardRef(
       ) })
     );
   }
-), Ie = "DialogContent", zn = V.forwardRef(
+), ye = "DialogContent", zn = V.forwardRef(
   (t, e) => {
-    const n = En(Ie, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = le(Ie, t.__scopeDialog);
+    const n = En(ye, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = le(ye, t.__scopeDialog);
     return /* @__PURE__ */ i(yt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(Jo, { ...r, ref: e }) : /* @__PURE__ */ i(Yo, { ...r, ref: e }) });
   }
 );
-zn.displayName = Ie;
+zn.displayName = ye;
 var Jo = V.forwardRef(
   (t, e) => {
-    const n = le(Ie, t.__scopeDialog), o = V.useRef(null), r = It(e, n.contentRef, o);
+    const n = le(ye, t.__scopeDialog), o = V.useRef(null), r = It(e, n.contentRef, o);
     return V.useEffect(() => {
       const a = o.current;
       if (a)
@@ -2143,12 +2143,12 @@ var Jo = V.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: Fe(t.onCloseAutoFocus, (a) => {
-          var s;
-          a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
+          var c;
+          a.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
         }),
         onPointerDownOutside: Fe(t.onPointerDownOutside, (a) => {
-          const s = a.detail.originalEvent, c = s.button === 0 && s.ctrlKey === !0;
-          (s.button === 2 || c) && a.preventDefault();
+          const c = a.detail.originalEvent, s = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || s) && a.preventDefault();
         }),
         onFocusOutside: Fe(
           t.onFocusOutside,
@@ -2159,7 +2159,7 @@ var Jo = V.forwardRef(
   }
 ), Yo = V.forwardRef(
   (t, e) => {
-    const n = le(Ie, t.__scopeDialog), o = V.useRef(!1), r = V.useRef(!1);
+    const n = le(ye, t.__scopeDialog), o = V.useRef(!1), r = V.useRef(!1);
     return /* @__PURE__ */ i(
       An,
       {
@@ -2168,22 +2168,22 @@ var Jo = V.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (a) => {
-          var s, c;
-          (s = t.onCloseAutoFocus) == null || s.call(t, a), a.defaultPrevented || (o.current || (c = n.triggerRef.current) == null || c.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+          var c, s;
+          (c = t.onCloseAutoFocus) == null || c.call(t, a), a.defaultPrevented || (o.current || (s = n.triggerRef.current) == null || s.focus(), a.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (a) => {
           var u, l;
           (u = t.onInteractOutside) == null || u.call(t, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const s = a.target;
-          ((l = n.triggerRef.current) == null ? void 0 : l.contains(s)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          const c = a.target;
+          ((l = n.triggerRef.current) == null ? void 0 : l.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
         }
       }
     );
   }
 ), An = V.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, c = le(Ie, n), u = V.useRef(null), l = It(e, u);
-    return jr(), /* @__PURE__ */ z(Ee, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...c } = t, s = le(ye, n), u = V.useRef(null), l = It(e, u);
+    return jr(), /* @__PURE__ */ z(Ie, { children: [
       /* @__PURE__ */ i(
         Br,
         {
@@ -2196,20 +2196,20 @@ var Jo = V.forwardRef(
             Ur,
             {
               role: "dialog",
-              id: c.contentId,
-              "aria-describedby": c.descriptionId,
-              "aria-labelledby": c.titleId,
-              "data-state": Ot(c.open),
-              ...s,
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": Ot(s.open),
+              ...c,
               ref: l,
-              onDismiss: () => c.onOpenChange(!1)
+              onDismiss: () => s.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ z(Ee, { children: [
-        /* @__PURE__ */ i(ei, { titleId: c.titleId }),
-        /* @__PURE__ */ i(ni, { contentRef: u, descriptionId: c.descriptionId })
+      /* @__PURE__ */ z(Ie, { children: [
+        /* @__PURE__ */ i(ei, { titleId: s.titleId }),
+        /* @__PURE__ */ i(ni, { contentRef: u, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -2246,7 +2246,7 @@ function Ot(t) {
   return t ? "open" : "closed";
 }
 var Hn = "DialogTitleWarning", [bs, $n] = Gr(Hn, {
-  contentName: Ie,
+  contentName: ye,
   titleName: Et,
   docsSlug: "dialog"
 }), ei = ({ titleId: t }) => {
@@ -2275,12 +2275,12 @@ const Se = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, li = () => {
-  const { pdfProperties: t } = X(), { container: e } = ye(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Jr(), { localeMessages: r } = me(), a = k(() => {
+  const { pdfProperties: t } = X(), { container: e } = xe(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Jr(), { localeMessages: r } = me(), a = k(() => {
     if (!t)
       return [];
     const {
-      fileSize: s,
-      filename: c,
+      fileSize: c,
+      filename: s,
       title: u,
       author: l,
       subject: d,
@@ -2293,8 +2293,8 @@ const Se = {
       pageCount: w
     } = t;
     return [
-      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: c },
-      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: s },
+      { label: r == null ? void 0 : r.propertiesFilenameLabel, value: s },
+      { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: c },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: l },
@@ -2319,7 +2319,7 @@ const Se = {
     /* @__PURE__ */ i(ii, { className: Se["rp-dialog-overlay"] }),
     /* @__PURE__ */ z(ai, { className: Se["rp-document-dialog"], children: [
       /* @__PURE__ */ i(si, { className: Se["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Se["rp-document-properties"], children: a.map((s, c) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Se["rp-properties-divider"] }) : /* @__PURE__ */ i(Xr, { label: s.label, value: s.value }) }, c)) }),
+      /* @__PURE__ */ i("div", { className: Se["rp-document-properties"], children: a.map((c, s) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: Se["rp-properties-divider"] }) : /* @__PURE__ */ i(Xr, { label: c.label, value: c.value }) }, s)) }),
       /* @__PURE__ */ i(ci, { asChild: !0, className: Se["rp-dialog-close"], children: /* @__PURE__ */ i(fn, {}) })
     ] })
   ] }) }) });
@@ -2343,7 +2343,7 @@ const Se = {
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Vn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), qn = () => {
-  const { download: t } = Gn(), { downloadTool: e = !0 } = _e(), { isSmallScreen: n } = xe(), { localeMessages: o } = me();
+  const { download: t } = Gn(), { downloadTool: e = !0 } = _e(), { isSmallScreen: n } = Re(), { localeMessages: o } = me();
   return e ? n ? /* @__PURE__ */ i(mi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(hi, { download: t, localeMessages: o }) : null : null;
 }, Zn = () => {
   const { printIcon: t } = fe();
@@ -2352,9 +2352,9 @@ const Se = {
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Zn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Bn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = et(), { printTool: s = !0 } = _e(), { isSmallScreen: c } = xe(), { localeMessages: u } = me();
-  return s ? c ? /* @__PURE__ */ i(gi, { print: t, localeMessages: u }) : typeof s == "function" ? /* @__PURE__ */ i(
-    s,
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = et(), { printTool: c = !0 } = _e(), { isSmallScreen: s } = Re(), { localeMessages: u } = me();
+  return c ? s ? /* @__PURE__ */ i(gi, { print: t, localeMessages: u }) : typeof c == "function" ? /* @__PURE__ */ i(
+    c,
     {
       print: t,
       cancel: e,
@@ -2363,7 +2363,7 @@ const Se = {
       setOnComplete: o,
       progress: a
     }
-  ) : s ? /* @__PURE__ */ i(fi, { print: t, localeMessages: u }) : null : null;
+  ) : c ? /* @__PURE__ */ i(fi, { print: t, localeMessages: u }) : null : null;
 }, vi = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, _i = () => {
@@ -2373,36 +2373,36 @@ const Se = {
   const { goToLastPageIcon: t } = fe();
   return t || /* @__PURE__ */ i(vn, {});
 }, rn = { width: "100%" }, bi = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = ce(), { jumpNavigationTool: o = !0 } = _e(), { localeMessages: r } = me(), a = k(() => n === 1, [n]), s = k(() => n === e, [n, e]), c = x(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = ce(), { jumpNavigationTool: o = !0 } = _e(), { localeMessages: r } = me(), a = k(() => n === 1, [n]), c = k(() => n === e, [n, e]), s = x(() => {
     t(1);
   }, [t]), u = x(() => {
     t(e);
   }, [t, e]);
   return o ? /* @__PURE__ */ z(Ue, { children: [
-    /* @__PURE__ */ i(we, { onClick: c, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+    /* @__PURE__ */ i(we, { onClick: s, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": a, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(_i, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(we, { onClick: u, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": s, children: [
+    /* @__PURE__ */ i(we, { onClick: u, children: /* @__PURE__ */ i(q, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": c, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(wi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(xt, {})
   ] }) : null;
 }, Ci = () => {
-  const { container: t } = ye(), { isSmallScreen: e } = xe(), {
+  const { container: t } = xe(), { isSmallScreen: e } = Re(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
     scrollModeTool: a,
-    rotateTool: s,
-    selectionModeTool: c,
+    rotateTool: c,
+    selectionModeTool: s,
     jumpNavigationTool: u,
     printTool: l,
     fullscreenTool: d
   } = _e(), { localeMessages: f } = me();
   return k(() => {
-    const g = u || s || c || a || r;
+    const g = u || c || s || a || r;
     let _ = !1;
     return e && (_ = !(!n && !o && !l && !d)), g || _;
   }, [
@@ -2410,8 +2410,8 @@ const Se = {
     o,
     r,
     a,
-    s,
     c,
+    s,
     u,
     e
   ]) ? /* @__PURE__ */ z(Yr, { children: [
@@ -2439,10 +2439,10 @@ const Se = {
     /* @__PURE__ */ i(li, {})
   ] }) : null;
 }, Ti = () => {
-  const { isSmallScreen: t } = xe();
-  return /* @__PURE__ */ z(Ee, { children: [
+  const { isSmallScreen: t } = Re();
+  return /* @__PURE__ */ z(Ie, { children: [
     /* @__PURE__ */ i(Wr, {}),
-    !t && /* @__PURE__ */ z(Ee, { children: [
+    !t && /* @__PURE__ */ z(Ie, { children: [
       /* @__PURE__ */ i(hn, {}),
       /* @__PURE__ */ i(qn, {}),
       /* @__PURE__ */ i(Bn, {}),
@@ -2450,7 +2450,7 @@ const Se = {
     ] }),
     /* @__PURE__ */ i(Ci, {})
   ] });
-}, Le = {
+}, Ne = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
   "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_cocqs_6",
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
@@ -2463,7 +2463,7 @@ const Se = {
   const { zoomOutIcon: t } = fe();
   return t || /* @__PURE__ */ i(ao, {});
 }, xi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Xe(), { container: n, contentRef: o } = ye(), { zoomTool: r = !0 } = _e(), { focusedPage: a } = ce(), { rotate: s } = Ke(), { pages: c } = X(), { isSmallScreen: u } = xe(), { localeMessages: l } = me(), d = x(() => {
+  const { zoomLevel: t, setZoomLevel: e } = Xe(), { container: n, contentRef: o } = xe(), { zoomTool: r = !0 } = _e(), { focusedPage: a } = ce(), { rotate: c } = Ke(), { pages: s } = X(), { isSmallScreen: u } = Re(), { localeMessages: l } = me(), d = x(() => {
     e((w) => {
       const m = Math.floor(w / 25) * 25;
       return Math.min(m + 25, mt);
@@ -2475,8 +2475,8 @@ const Se = {
     });
   }, [e]), h = k(() => t === Pi, [t]), g = k(() => t === mt, [t]), _ = k(() => {
     var w;
-    return (w = c.get(a)) == null ? void 0 : w.page.getViewport({ scale: 1, rotation: s });
-  }, [c, a, s]), b = x(
+    return (w = s.get(a)) == null ? void 0 : w.page.getViewport({ scale: 1, rotation: c });
+  }, [s, a, c]), b = x(
     (w) => {
       const m = ((_ == null ? void 0 : _.width) || 0) + 2 * $t, T = ((_ == null ? void 0 : _.height) || 0) + 2 * $t, I = (o == null ? void 0 : o.clientWidth) || 0, p = (o == null ? void 0 : o.clientHeight) || 0, P = so(w, I, p, m, T);
       e(P);
@@ -2488,7 +2488,7 @@ const Se = {
     },
     [e, b]
   );
-  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ z("div", { className: Le["rp-zoom-wrapper"], children: [
+  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ z("div", { className: Ne["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ i(q, { content: l == null ? void 0 : l.zoomOutTooltip, children: /* @__PURE__ */ i(
       te,
       {
@@ -2505,18 +2505,18 @@ const Se = {
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(q, { content: l == null ? void 0 : l.zoomSelectTooltip, children: /* @__PURE__ */ z(
           te,
           {
-            className: Le["rp-current-zoom-wrapper"],
+            className: Ne["rp-current-zoom-wrapper"],
             "aria-label": l == null ? void 0 : l.zoomSelectTooltip,
             children: [
-              /* @__PURE__ */ i("span", { className: Le["rp-current-zoom-text"], children: t }),
-              /* @__PURE__ */ i("span", { className: Le["rp-current-zoom-text"], children: "%" }),
-              /* @__PURE__ */ i(ke, { className: Le["rp-current-zoom-icon"] })
+              /* @__PURE__ */ i("span", { className: Ne["rp-current-zoom-text"], children: t }),
+              /* @__PURE__ */ i("span", { className: Ne["rp-current-zoom-text"], children: "%" }),
+              /* @__PURE__ */ i(ke, { className: Ne["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
         style: { minWidth: "200px" },
         align: "center",
-        children: /* @__PURE__ */ z("div", { className: Le["rp-zoom-dropdown-content"], children: [
+        children: /* @__PURE__ */ z("div", { className: Ne["rp-zoom-dropdown-content"], children: [
           /* @__PURE__ */ z(Ue, { children: [
             /* @__PURE__ */ i(we, { onClick: () => v(ot.ACTUAL), children: l == null ? void 0 : l.zoomActualSize }),
             /* @__PURE__ */ i(we, { onClick: () => v(ot.PAGE_FIT), children: l == null ? void 0 : l.zoomPageFit }),
@@ -2554,9 +2554,9 @@ const Se = {
   const { searchIcon: t } = fe();
   return t || /* @__PURE__ */ i(co, {});
 }, Ri = () => {
-  const { container: t } = ye(), [e, n] = $(!1), { pdf: o } = X(), [r, a] = $(null), {
-    searchOptions: s,
-    setSearchOptions: c,
+  const { container: t } = xe(), [e, n] = $(!1), { pdf: o } = X(), [r, a] = $(null), {
+    searchOptions: c,
+    setSearchOptions: s,
     loading: u,
     setSearch: l,
     totalMatches: d,
@@ -2591,20 +2591,20 @@ const Se = {
     w(y.target.value);
   }, []), A = x(() => {
     w(""), l("");
-  }, [l]), R = k(() => `${f} / ${d}`, [f, d]), { wholeWords: D, matchCase: L } = k(() => s, [s]), F = x(
+  }, [l]), R = k(() => `${f} / ${d}`, [f, d]), { wholeWords: D, matchCase: L } = k(() => c, [c]), F = x(
     (y) => {
-      c((N) => ({ ...N, matchCase: y }));
+      s((N) => ({ ...N, matchCase: y }));
     },
-    [c]
+    [s]
   ), E = x(
     (y) => {
-      c((N) => ({ ...N, wholeWords: y }));
+      s((N) => ({ ...N, wholeWords: y }));
     },
-    [c]
+    [s]
   );
   return O(() => {
     I();
-  }, [o, I]), b ? /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ i(
+  }, [o, I]), b ? /* @__PURE__ */ i(Ie, { children: /* @__PURE__ */ i(
     uo,
     {
       open: e,
@@ -2663,7 +2663,7 @@ const Se = {
       ] })
     }
   ) }) : null;
-}, Li = "_loading_1ln1d_1", Ne = {
+}, Li = "_loading_1ln1d_1", Ee = {
   "rp-loading-overlay": "_rp-loading-overlay_1ln1d_1",
   "rp-loading-modal": "_rp-loading-modal_1ln1d_14",
   "rp-loading-title": "_rp-loading-title_1ln1d_27",
@@ -2673,24 +2673,24 @@ const Se = {
   loading: Li
 }, Ni = ({ percentage: t }) => {
   const { cancel: e } = et(), { localeMessages: n } = me();
-  return t < 1 ? null : /* @__PURE__ */ i("div", { className: oe(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ z("div", { className: oe(Ne["rp-loading-modal"]), children: [
-    /* @__PURE__ */ z("div", { className: oe(Ne["rp-loading-title"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ i("div", { className: oe(Ee["rp-loading-overlay"]), children: /* @__PURE__ */ z("div", { className: oe(Ee["rp-loading-modal"]), children: [
+    /* @__PURE__ */ z("div", { className: oe(Ee["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ i("div", { className: oe(Ne["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: oe(Ee["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
       "div",
       {
-        className: oe(Ne["rp-loading-progress"]),
+        className: oe(Ee["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ i("button", { className: oe(Ne["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ i("button", { className: oe(Ee["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Ei = Be((t, e) => {
-  const { showPrintProgress: n } = _e(), { progress: o } = et(), { isSmallScreen: r } = xe(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  const { showPrintProgress: n } = _e(), { progress: o } = et(), { isSmallScreen: r } = Re(), { percentage: a } = o || {}, c = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ z("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: ze["rp-toolbar-content"], children: /* @__PURE__ */ z("div", { className: ze["rp-toolbar-wrapper"], style: s(), children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: ze["rp-toolbar-content"], children: /* @__PURE__ */ z("div", { className: ze["rp-toolbar-wrapper"], style: c(), children: [
       /* @__PURE__ */ z("div", { "data-rp": "topBarLeft", className: ze["rp-toolbar-start"], children: [
         /* @__PURE__ */ i(Ri, {}),
         /* @__PURE__ */ i(Zo, {})
@@ -2712,7 +2712,7 @@ const Se = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Oi = (t) => {
-  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ce(), s = k(() => o ? Ae["rp-thumbnail-active"] : "", [o]), c = k(() => ({
+  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ce(), c = k(() => o ? Ae["rp-thumbnail-active"] : "", [o]), s = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), u = x(() => {
@@ -2725,12 +2725,12 @@ const Se = {
       id: `page-${n}`,
       className: Ae["rp-thumbnail-wrapper"],
       children: [
-        /* @__PURE__ */ i("div", { className: oe(s, Ae["rp-thumbnail"]), children: e ? /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: oe(c, Ae["rp-thumbnail"]), children: e ? /* @__PURE__ */ i(
           "img",
           {
             src: e,
-            width: c.width,
-            height: c.height,
+            width: s.width,
+            height: s.height,
             alt: "thumbnail"
           }
         ) : /* @__PURE__ */ i(
@@ -2738,8 +2738,8 @@ const Se = {
           {
             className: Ae["rp-thumbnail-loader"],
             style: {
-              width: `${c.width}px`,
-              height: `${c.height}px`
+              width: `${s.width}px`,
+              height: `${s.height}px`
             },
             children: /* @__PURE__ */ i(St, {})
           }
@@ -2755,15 +2755,15 @@ const Se = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Di);
 }, Ai = Be((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = ce(), { thumbnailPages: a, addPage: s, thumbnailLength: c, addToPage: u } = Tn(), l = W(null), d = W(1);
+  const { show: n } = t, { focusedPage: o, totalPages: r } = ce(), { thumbnailPages: a, addPage: c, thumbnailLength: s, addToPage: u } = Tn(), l = W(null), d = W(1);
   sn(e, () => l.current);
   const f = k(() => Object.values(a), [a]), h = x(() => {
-    const g = c + 1;
-    g <= r && s(g);
-  }, [s, r, c]);
+    const g = s + 1;
+    g <= r && c(g);
+  }, [c, r, s]);
   return O(() => {
-    o > c ? u(o) : n && d.current !== o && (zi(l.current, o), d.current = o);
-  }, [o, c, u, n, f]), wr(l.current, h), /* @__PURE__ */ i("div", { ref: l, className: an["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: an["rp-thumbnails"], children: n ? f.map((g, _) => {
+    o > s ? u(o) : n && d.current !== o && (zi(l.current, o), d.current = o);
+  }, [o, s, u, n, f]), wr(l.current, h), /* @__PURE__ */ i("div", { ref: l, className: an["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: an["rp-thumbnails"], children: n ? f.map((g, _) => {
     var b, v;
     return /* @__PURE__ */ i(
       Oi,
@@ -2781,43 +2781,51 @@ const Se = {
   const { thumbnailIcon: t } = fe();
   return t || /* @__PURE__ */ i(_r, {});
 }, ki = () => {
-  const { active: t, setActive: e } = Tn(), [n, o] = $(200), r = W(null), { thumbnailTool: a } = _e(), { localeMessages: s } = me(), c = x(() => {
-    e((l) => !l);
-  }, []), u = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: c, active: t }) : a ? /* @__PURE__ */ i(q, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
+  const { active: t, setActive: e } = Tn(), [n, o] = $(200), r = W(null), { thumbnailTool: a, sidebarEnable: c } = _e(), { localeMessages: s } = me(), u = x(() => {
+    e((d) => !d);
+  }, []), l = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(q, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
     te,
     {
-      onClick: c,
+      onClick: u,
       active: t,
       "aria-label": s == null ? void 0 : s.thumbnailTooltip,
       children: /* @__PURE__ */ i(Fi, {})
     }
-  ) }) : null, [a, t, c, s]);
-  return /* @__PURE__ */ z(
+  ) }) : null, [a, t, u, s]);
+  return /* @__PURE__ */ i(Ie, { children: c && /* @__PURE__ */ z(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
       className: ft["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: ft["rp-sidebar-content"], children: u }),
-        /* @__PURE__ */ z("div", { "data-rp": "thumbnailSidebar", hidden: !t, className: ft["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ i(Ai, { show: t, ref: r }),
-          /* @__PURE__ */ i(br, { onWidthChange: o, thumbnailRef: r })
-        ] })
+        /* @__PURE__ */ i("div", { className: ft["rp-sidebar-content"], children: l }),
+        /* @__PURE__ */ z(
+          "div",
+          {
+            "data-rp": "thumbnailSidebar",
+            hidden: !t,
+            className: ft["rp-thumbnails-wrapper"],
+            children: [
+              /* @__PURE__ */ i(Ai, { show: t, ref: r }),
+              /* @__PURE__ */ i(br, { onWidthChange: o, thumbnailRef: r })
+            ]
+          }
+        )
       ]
     }
-  );
+  ) });
 }, Cs = Be((t, e) => {
-  const { children: n, slots: o, icons: r, style: a, className: s, mobileWidth: c, onLoaded: u, cleanupOnLoaded: l } = t, [d, f] = $(null), { setContainer: h, setContentRef: g } = ye(), { loading: _ } = X(), { LoaderImageComponent: b } = pn();
+  const { children: n, slots: o, icons: r, style: a, className: c, mobileWidth: s, onLoaded: u, cleanupOnLoaded: l } = t, [d, f] = $(null), { setContainer: h, setContentRef: g } = xe(), { loading: _ } = X(), { LoaderImageComponent: b } = pn();
   return O(() => (u && u(), () => {
     l && l();
-  }), [u, l]), /* @__PURE__ */ i("div", { ref: e, className: oe(Pe["rp-theme-variables"], Pe["rp-container"]), children: /* @__PURE__ */ i(yr, { mobileWidth: c, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(Tr, { icons: r, children: /* @__PURE__ */ z(
+  }), [u, l]), /* @__PURE__ */ i("div", { ref: e, className: oe(Pe["rp-theme-variables"], Pe["rp-container"]), children: /* @__PURE__ */ i(yr, { mobileWidth: s, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(Tr, { icons: r, children: /* @__PURE__ */ z(
     Pr,
     {
       getContainerRef: h,
       toolbarRef: d,
       style: a,
-      className: s,
+      className: c,
       children: [
         /* @__PURE__ */ z(Sr, { children: [
           /* @__PURE__ */ z("div", { className: Pe["rp-layout"], children: [