@pdf-viewer/react 1.8.4-rc.0 → 1.8.4-rc.2

package/dist/{RPDefaultLayout-a85a421b.js → RPDefaultLayout-77e14344.js}

@@ -1,6 +1,6 @@
-import { jsx as i, Fragment as me, jsxs as M } from "react/jsx-runtime";
+import { jsx as a, Fragment as me, jsxs as M } from "react/jsx-runtime";
 import * as j from "react";
-import { useRef as $, useEffect as z, useCallback as E, useState as G, useMemo as W, createContext as $e, useContext as Ge, useImperativeHandle as cn, createElement as Ze, PureComponent as tr, Component as nr, memo as ln } from "react";
+import { useRef as H, useEffect as z, useCallback as E, useState as G, useMemo as W, createContext as $e, useContext as Ge, useImperativeHandle as cn, createElement as Ze, PureComponent as tr, Component as nr, memo as ln } from "react";
 import { ChevronUpIcon as He } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ie } from "./components/ui/Button.js";
 import { UIInput as dn } from "./components/ui/Input.js";
@@ -97,20 +97,20 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as xo } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const vn = () => {
-  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = oe(), s = $(), { columnCount: l } = un(), { widths: u, heights: d } = qe(), m = $(e), b = $(t), h = $(l), { targetScrollPage: w } = pn();
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: i } = oe(), s = H(), { columnCount: l } = un(), { widths: d, heights: u } = qe(), m = H(e), P = H(t), h = H(l), { targetScrollPage: b } = pn();
   z(() => {
     n != null && n.scrollToItem && (s.current = n);
   }, [n]), z(() => {
-    m.current = e, b.current = t;
+    m.current = e, P.current = t;
   }, [e, t]);
   const C = E(
-    (_, S) => {
+    (w, S) => {
       if (!r)
         return;
-      const f = Math.ceil(_ / 2) * 2 - 1;
-      if (_ === f + 1) {
+      const f = Math.ceil(w / 2) * 2 - 1;
+      if (w === f + 1) {
         const g = {
-          left: u[f],
+          left: d[f],
           top: 0
         };
         return new Promise(
@@ -126,32 +126,32 @@ import './assets/RPDefaultLayout.css';const vn = () => {
         behavior: S
       });
     },
-    [r, u, ct]
+    [r, d, ct]
   );
   return z(() => {
-    m.current = e, b.current = t;
+    m.current = e, P.current = t;
   }, [e, t]), z(() => {
     h.current = l;
   }, [l]), { scrollToPage: E(
-    (_, S = "smooth") => {
-      a(_);
-      const f = _ - 1;
+    (w, S = "smooth") => {
+      i(w);
+      const f = w - 1;
       let p = f, g = 0;
-      if (b.current === Le.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
-        C(_, S);
+      if (P.current === Le.DUAL_PAGE && m.current === ne.PAGE_SCROLLING) {
+        C(w, S);
         return;
       }
       if (m.current === ne.PAGE_SCROLLING) {
-        a(_);
+        i(w);
         return;
       }
       if (!s.current || !o)
         return;
       const c = o;
-      if (w.current = _, m.current === ne.HORIZONTAL_SCROLLING) {
+      if (b.current = w, m.current === ne.HORIZONTAL_SCROLLING) {
         g = f;
         const T = {
-          left: Ae(u, g),
+          left: Ae(d, g),
           top: 0
         };
         return c.scrollTo({
@@ -159,23 +159,23 @@ import './assets/RPDefaultLayout.css';const vn = () => {
           behavior: S
         });
       }
-      if (b.current === Le.DUAL_PAGE) {
+      if (P.current === Le.DUAL_PAGE) {
         g = f % 2, p = Math.floor(f / 2);
         const T = {
-          left: Ae(u, g),
-          top: Ae(d, p)
+          left: Ae(d, g),
+          top: Ae(u, p)
         };
         return c.scrollTo({
           ...T,
           behavior: S
         });
       }
-      const P = {
+      const _ = {
         left: 0,
-        top: Ae(d, p)
+        top: Ae(u, p)
       };
       return c.scrollTo({
-        ...P,
+        ..._,
         behavior: S
       });
     },
@@ -183,14 +183,14 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       o,
       l,
       C,
-      a,
+      i,
       ct,
-      d,
-      u
+      u,
+      d
     ]
   ) };
 }, Io = (t = 1) => {
-  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: a } = vn(), s = $(1), { viewMode: l } = Oe(), { scrollMode: u } = Ne(), { widths: d } = qe(), { pagesRef: m } = ge(), b = Tt(e, 100), h = E(
+  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: i } = vn(), s = H(1), { viewMode: l } = Oe(), { scrollMode: d } = Ne(), { widths: u } = qe(), { pagesRef: m } = ge(), P = Tt(e, 100), h = E(
     (p) => {
       if (!/^[0-9]*$/g.test(p.toString()) || !p)
         return { success: !1, currentPage: s.current };
@@ -198,34 +198,34 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       return c < 0 || c > o ? { success: !1, currentPage: s.current } : (n(c), s.current = c, { success: !0, currentPage: +p });
     },
     [o]
-  ), w = E(h, [h]), C = E(
+  ), b = E(h, [h]), C = E(
     (p) => {
       const g = h(p);
-      return g.success && a(g.currentPage), g;
+      return g.success && i(g.currentPage), g;
     },
-    [h, a]
+    [h, i]
   ), y = E((p) => {
     const g = p % 2 === 1;
     if (!m || g)
       return !1;
-    const c = g ? d[p] : d[p - 1], P = g ? d[p + 1] : d[p];
-    return l === Le.DUAL_PAGE && c + P < m.clientWidth;
-  }, [l, d, m, o]), _ = E(() => {
+    const c = g ? u[p] : u[p - 1], _ = g ? u[p + 1] : u[p];
+    return l === Le.DUAL_PAGE && c + _ < m.clientWidth;
+  }, [l, u, m, o]), w = E(() => {
     let p = e - 1;
     y(p) && (p = e - 2), C(p);
-  }, [C, e, l, u, y]), S = W(() => l === Le.DUAL_PAGE && u === ne.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, l, u]), f = E(() => {
+  }, [C, e, l, d, y]), S = W(() => l === Le.DUAL_PAGE && d === ne.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, l, d]), f = E(() => {
     if (S)
       return;
     let p = e + 1;
     y(p) && (p = e + 2), C(p);
-  }, [C, e, y, l, u, S]);
+  }, [C, e, y, l, d, S]);
   return {
-    focusedPage: b,
+    focusedPage: P,
     totalPages: o,
-    setFocusedPage: w,
+    setFocusedPage: b,
     setTotalPages: r,
     nextPage: f,
-    prevPage: _,
+    prevPage: w,
     goToPage: C
   };
 }, wn = $e({
@@ -244,19 +244,19 @@ import './assets/RPDefaultLayout.css';const vn = () => {
   const t = Ge(wn);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && Qr.error("Please use this hooks inside children component of RPProvider"), t;
 }, Bs = ({ children: t }) => {
-  const { pdf: e } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: s, nextPage: l, prevPage: u } = Io();
+  const { pdf: e } = J(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: i, goToPage: s, nextPage: l, prevPage: d } = Io();
   return z(() => {
-    e != null && e.numPages && (a(e.numPages), r(1));
-  }, [e, a, r]), /* @__PURE__ */ i(
+    e != null && e.numPages && (i(e.numPages), r(1));
+  }, [e, i, r]), /* @__PURE__ */ a(
     wn.Provider,
     {
       value: {
         focusedPage: n,
         totalPages: o,
         setFocusedPage: r,
-        setTotalPages: a,
+        setTotalPages: i,
         nextPage: l,
-        prevPage: u,
+        prevPage: d,
         goToPage: s
       },
       children: t
@@ -268,27 +268,27 @@ const Ro = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = G(!1), [s, l] = G(!1), [u, d] = G(null), m = $(!1);
+  }), [r, i] = G(!1), [s, l] = G(!1), [d, u] = G(null), m = H(!1);
   z(() => {
     m.current;
   }, [m]);
-  const b = E(() => {
+  const P = E(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const p = document.querySelector(".rp-print-zone");
     p && p.remove();
   }, []), h = E(() => {
-    m.current = !1, a(!1), l(!1), d(null), o({
+    m.current = !1, i(!1), l(!1), u(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), w = () => {
+  }, []), b = () => {
     m.current = !0;
   }, C = async ({
     scratchCanvas: p,
     pdfDocument: g,
     pageNumber: c,
-    viewerPdfPage: P,
+    viewerPdfPage: _,
     printResolution: v,
     optionalContentConfigPromise: T,
     printAnnotationStoragePromise: R
@@ -298,7 +298,7 @@ const Ro = () => {
       return;
     }
     const x = v / Lr.PDF;
-    p.width = Math.floor(P.width * x), p.height = Math.floor(P.height * x);
+    p.width = Math.floor(_.width * x), p.height = Math.floor(_.height * x);
     const I = p.getContext("2d");
     I.save(), I.fillStyle = "rgb(255, 255, 255)", I.fillRect(0, 0, p.width, p.height), I.restore();
     const [O, A] = await Promise.all([
@@ -312,7 +312,7 @@ const Ro = () => {
     const F = {
       canvasContext: I,
       transform: [x, 0, 0, x, 0, 0],
-      viewport: O.getViewport({ scale: 1, rotation: P.rotation }),
+      viewport: O.getViewport({ scale: 1, rotation: _.rotation }),
       intent: "print",
       annotationMode: Er.ENABLE_STORAGE,
       optionalContentConfigPromise: T,
@@ -340,12 +340,12 @@ const Ro = () => {
       });
       v.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), _ = async (p) => {
+  }, []), w = async (p) => {
     const g = document.createElement("img"), c = document.createElement("div");
-    return c.classList.add("rp-print-page"), await new Promise((P, v) => {
+    return c.classList.add("rp-print-page"), await new Promise((_, v) => {
       p.toBlob((T) => {
         T ? (g.src = URL.createObjectURL(T), g.onload = () => {
-          URL.revokeObjectURL(g.src), P();
+          URL.revokeObjectURL(g.src), _();
         }, g.onerror = v) : v(new Error("Failed to create blob"));
       });
     }).catch(() => {
@@ -353,12 +353,12 @@ const Ro = () => {
   }, S = (p, g) => {
     const c = document.createElement("div");
     c.classList.add("rp-print-zone");
-    const P = document.createElement("style"), v = g.get(1);
+    const _ = document.createElement("style"), v = g.get(1);
     if (v) {
       const { width: T, height: R } = v == null ? void 0 : v.page.getViewport({ scale: 1 });
-      P.innerHTML = `@page { size: ${T}px ${R}px }`;
+      _.innerHTML = `@page { size: ${T}px ${R}px }`;
     }
-    return c.appendChild(P), c.append(...p), c;
+    return c.appendChild(_), c.append(...p), c;
   }, f = E(async () => {
     if (!t)
       return;
@@ -366,7 +366,7 @@ const Ro = () => {
     const p = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const P = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
+      const _ = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), T = e.size;
       for (const [x, I] of e) {
@@ -381,13 +381,13 @@ const Ro = () => {
           pageNumber: x,
           viewerPdfPage: O,
           printResolution: 150,
-          optionalContentConfigPromise: P,
+          optionalContentConfigPromise: _,
           printAnnotationStoragePromise: v
         }), m.current) {
           h();
           return;
         }
-        const A = await _(p);
+        const A = await w(p);
         g.push(A);
         const F = parseFloat((g.length / T * 100).toFixed(2));
         o({
@@ -401,27 +401,27 @@ const Ro = () => {
         return;
       }
       const R = S(g, e);
-      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
+      document.body.appendChild(R), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), i(!0), await y();
     } catch (c) {
-      l(!0), c instanceof Error && d(c);
+      l(!0), c instanceof Error && u(c);
     } finally {
       p.height = 0, p.width = 0;
     }
   }, [t, e, m]);
   return z(() => {
     const p = () => {
-      h(), b();
+      h(), P();
     };
     return window.addEventListener("afterprint", p, !0), () => {
       window.removeEventListener("afterprint", p, !0);
     };
-  }, [b, h]), {
+  }, [P, h]), {
     print: f,
-    cancel: w,
+    cancel: b,
     progress: n,
     isComplete: r,
     isError: s,
-    error: u
+    error: d
   };
 }, _n = $e({
   print: () => {
@@ -441,36 +441,36 @@ const Ro = () => {
     }
   }
 }), Zs = ({ children: t }) => {
-  const [e, n] = G(null), [o, r] = G(null), { print: a, cancel: s, progress: l, isComplete: u, isError: d, error: m } = Ro(), b = E((_) => {
-    _ && typeof _ == "function" && r(() => _);
-  }, []), h = (_) => {
-    m && _(m);
-  }, w = E(
-    (_) => {
-      n(() => _);
+  const [e, n] = G(null), [o, r] = G(null), { print: i, cancel: s, progress: l, isComplete: d, isError: u, error: m } = Ro(), P = E((w) => {
+    w && typeof w == "function" && r(() => w);
+  }, []), h = (w) => {
+    m && w(m);
+  }, b = E(
+    (w) => {
+      n(() => w);
     },
     [l, e]
   );
   z(() => {
-    u && o && C();
-  }, [u, o]), z(() => {
-    d && h((_) => {
-      console.error(_);
+    d && o && C();
+  }, [d, o]), z(() => {
+    u && h((w) => {
+      console.error(w);
     });
-  }, [d]), z(() => {
+  }, [u]), z(() => {
     l && e && e(l);
   }, [l, e]);
   const C = () => {
     o && (o(), r(null));
   }, y = {
-    print: a,
+    print: i,
     cancel: s,
-    setOnProgress: w,
-    setOnComplete: b,
+    setOnProgress: b,
+    setOnComplete: P,
     setOnError: h,
     progress: l
   };
-  return /* @__PURE__ */ i(_n.Provider, { value: y, children: t });
+  return /* @__PURE__ */ a(_n.Provider, { value: y, children: t });
 }, tt = () => {
   const t = Ge(_n);
   if (!t)
@@ -481,30 +481,30 @@ const Ro = () => {
     (s) => {
       if (!n.size)
         return;
-      const l = s > n.size ? n.size : s, d = Array.from(n.values()).slice(0, l).map((m) => {
-        const { thumbnailViewport: b, scale: h } = Xr(m.page, m.defaultRotation);
+      const l = s > n.size ? n.size : s, u = Array.from(n.values()).slice(0, l).map((m) => {
+        const { thumbnailViewport: P, scale: h } = Xr(m.page, m.defaultRotation);
         return {
           scale: h,
           page: m.page,
           loading: !0,
-          viewport: b,
+          viewport: P,
           defaultRotation: m.defaultRotation
         };
-      }).reduce((m, b) => (m[b.page.pageNumber] = b, m), {});
-      e(d);
+      }).reduce((m, P) => (m[P.page.pageNumber] = P, m), {});
+      e(u);
     },
     [n]
   );
   z(() => {
     r(10);
   }, [r]);
-  const a = E(
+  const i = E(
     (s) => {
       if (!n)
         return;
       const l = n.get(s);
-      l && e((u) => ({
-        ...u,
+      l && e((d) => ({
+        ...d,
         [s]: {
           loading: !0,
           page: l.page,
@@ -516,7 +516,7 @@ const Ro = () => {
     },
     [n]
   );
-  return { thumbnailPages: t, addPage: a, addToPage: r, thumbnailLength: o };
+  return { thumbnailPages: t, addPage: i, addToPage: r, thumbnailLength: o };
 }, bn = $e({
   thumbnailPages: {},
   addPage: (t) => {
@@ -531,21 +531,21 @@ const Ro = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = Lo(), [s, l] = G(e);
-  return /* @__PURE__ */ i(
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: i } = Lo(), [s, l] = G(e);
+  return /* @__PURE__ */ a(
     bn.Provider,
     {
-      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a, active: s, setActive: l },
+      value: { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: i, active: s, setActive: l },
       children: t
     }
   );
 }, Eo = (t = {}, e = "") => {
-  const [n, o] = G(e), [r, a] = G(!1), { pdf: s, pages: l } = J(), { widths: u, heights: d } = qe(), m = $(!n), { currentZoom: b } = Je(), [h, w] = G([]), { setFocusedPage: C } = oe(), { columnCount: y } = Oe(), { pageRotate: _ } = Ue(), [S, f] = G(0), { pageScrollElementRef: p, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: P } = ge(), [v, T] = G(null), R = $({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), I = W(() => h.length, [h]);
+  const [n, o] = G(e), [r, i] = G(!1), { pdf: s, pages: l } = J(), { widths: d, heights: u } = qe(), m = H(!n), { currentZoom: P } = Je(), [h, b] = G([]), { setFocusedPage: C } = oe(), { columnCount: y } = Oe(), { pageRotate: w } = Ue(), [S, f] = G(0), { pageScrollElementRef: p, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: _ } = ge(), [v, T] = G(null), R = H({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), I = W(() => h.length, [h]);
   z(() => {
     if (!x || !l)
       return;
     const L = g || p;
-    if (!L || !P)
+    if (!L || !_)
       return;
     const N = l.get(x.page);
     if (c === ne.PAGE_SCROLLING && C(x.page), !N)
@@ -553,20 +553,20 @@ const Ro = () => {
     let D = 0, k = 0;
     if (c === ne.VERTICAL_SCROLLING) {
       const de = x.page - 1, ee = y, Fe = de % ee, we = Math.floor(de / ee);
-      D = Ae(d, we), k = Ae(u, Fe);
+      D = Ae(u, we), k = Ae(d, Fe);
     }
-    c === ne.HORIZONTAL_SCROLLING && (k = u.slice(0, x.page - 1).reduce((de, ee) => de + ee, 0));
+    c === ne.HORIZONTAL_SCROLLING && (k = d.slice(0, x.page - 1).reduce((de, ee) => de + ee, 0));
     const q = {
-      height: d[x.page - 1],
-      width: u[x.page - 1]
-    }, H = {
+      height: u[x.page - 1],
+      width: d[x.page - 1]
+    }, $ = {
       top: q.height / 2,
       left: q.width / 2
-    }, U = _[x.page], { leftInPage: V, topInPage: K } = Kr(
+    }, U = w[x.page], { leftInPage: V, topInPage: K } = Kr(
       q,
-      H,
+      $,
       x.rect,
-      b,
+      P,
       U
     ), X = k + V, Q = D + K, le = {
       left: Math.max(X, 0),
@@ -579,13 +579,13 @@ const Ro = () => {
   }, [
     l,
     C,
-    u,
     d,
+    u,
     x,
     c,
     g,
     p,
-    P
+    _
   ]);
   const O = E(() => {
     f((L) => I ? L + 1 > I ? 1 : L + 1 : 0);
@@ -605,24 +605,24 @@ const Ro = () => {
   }, []);
   return z(() => {
     if (!n) {
-      m.current = !0, w([]), f(0);
+      m.current = !0, b([]), f(0);
       return;
     }
-    m.current = !1, a(!0), w([]), f(0), F(s).then((L) => {
+    m.current = !1, i(!0), b([]), f(0), F(s).then((L) => {
       R.current = L;
       const D = Object.keys(L).reduce((k, q) => {
-        const H = dr(
+        const $ = dr(
           [n],
           L[q],
           Number(q) - 1,
           t
         ).map((U, V) => ({ ...U, page: Number(q), pageMatchIdx: V }));
-        return [...k, ...H];
+        return [...k, ...$];
       }, []);
-      w(D), f(D.length ? 1 : 0);
+      b(D), f(D.length ? 1 : 0);
     }).catch(() => {
-      w([]), f(0);
-    }).finally(() => a(!1));
+      b([]), f(0);
+    }).finally(() => i(!1));
   }, [n, F, s, t]), {
     search: n,
     setSearch: o,
@@ -660,42 +660,42 @@ const Ro = () => {
 }) => {
   const [n, o] = G({}), {
     loading: r,
-    setSearch: a,
+    setSearch: i,
     totalMatches: s,
     currentMatchPosition: l,
-    currentMatch: u,
-    search: d,
+    currentMatch: d,
+    search: u,
     matches: m,
-    nextMatch: b,
+    nextMatch: P,
     prevMatch: h,
-    currentMatchElement: w,
+    currentMatchElement: b,
     setCurrentMatchElement: C
   } = Eo(n, e);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     Pn.Provider,
     {
       value: {
         searchOptions: n,
         setSearchOptions: o,
         loading: r,
-        setSearch: a,
+        setSearch: i,
         totalMatches: s,
         currentMatchPosition: l,
-        currentMatch: u,
-        nextMatch: b,
+        currentMatch: d,
+        nextMatch: P,
         prevMatch: h,
-        search: d,
+        search: u,
         matches: m,
-        currentMatchElement: w,
+        currentMatchElement: b,
         setCurrentMatchElement: C
       },
       children: t
     }
   );
 }, Rt = () => Ge(Pn), Tn = $e(null), Xs = ({ children: t }) => {
-  const [e, n] = G(!1), [o, r] = G([]), a = E((d) => {
-    r((m) => [...m, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
-  }, []), s = W(() => new gr(a), [a]), { focusedPage: l } = oe(), u = E((d) => (n(!0), vr(
+  const e = H(!1), [n, o] = G([]), r = E((d) => {
+    o((u) => [...u, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
+  }, []), i = W(() => new gr(r), [r]), { focusedPage: s } = oe(), l = E((d) => (e.current = !0, vr(
     d.data.page,
     d.data.canvasElem,
     d.data.options
@@ -705,17 +705,18 @@ const Ro = () => {
     d.data.onLoaded && d.data.onLoaded();
   })), []);
   return z(() => {
-    l && (s.changePagePriority(`^page-${l}`, 0), s.changePagePriority(`^thumbnail-${l}`, 1));
-  }, [l]), z(() => {
-    if (s.isEmpty() || e)
-      return;
-    const d = s.dequeue();
-    if (!d)
+    s && (i.changePagePriority(`^page-${s}`, 0), i.changePagePriority(`^thumbnail-${s}`, 1));
+  }, [s]), z(() => {
+    if (i.isEmpty() || e.current)
       return;
-    (async () => {
-      await u(d), n(!1), r(s.peekAll());
-    })();
-  }, [s, u, o, e]), /* @__PURE__ */ i(Tn.Provider, { value: s, children: t });
+    const d = () => {
+      const u = i.dequeue();
+      u ? l(u).finally(() => {
+        d();
+      }) : (e.current = !1, o(i.peekAll()));
+    };
+    d();
+  }, [i, l, n]), /* @__PURE__ */ a(Tn.Provider, { value: i, children: t });
 }, yn = () => {
   const t = Ge(Tn);
   if (!t)
@@ -735,58 +736,58 @@ const Ro = () => {
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
 }, No = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = $(null), { pages: a } = J(), { pageRotate: s } = Ue(), l = $(), { currentZoom: u } = Je(), d = yn(), m = $(`page-${e}`);
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = H(null), { pages: i } = J(), { pageRotate: s } = Ue(), l = H(), { currentZoom: d } = Je(), u = yn(), m = H(`page-${e}`);
   return z(() => {
-    if (!a || u === 0)
+    if (!i || d === 0)
       return;
-    const b = a.get(e);
-    if (r.current && b) {
+    const P = i.get(e);
+    if (r.current && P) {
       const h = r.current;
       h.hidden = !0;
-      const w = l.current;
-      w && w.cancel(), o && o(), d.enqueue(
+      const b = l.current;
+      b && b.cancel(), o && o(), u.enqueue(
         m.current,
         {
-          page: b.page,
+          page: P.page,
           canvasElem: h,
           options: {
-            scale: u,
+            scale: d,
             rotate: s[e],
             renderForms: !0
           },
           onLoaded: n
         },
-        2
+        3
       );
     }
     return () => {
-      d.removeQueue(m.current);
+      u.removeQueue(m.current);
     };
-  }, [a, e, s, u, o, n, d]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
+  }, [i, e, s, d, o, n, u]), /* @__PURE__ */ a("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
 }, Oo = "_selecting_usdup_9", he = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
   selecting: Oo,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
 }, Do = (t) => {
-  const { pageNumber: e } = t, { pages: n } = J(), o = $(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = Rt(), [l, u] = G(
+  const { pageNumber: e } = t, { pages: n } = J(), o = H(null), { matches: r, currentMatch: i, setCurrentMatchElement: s } = Rt(), [l, d] = G(
     []
-  ), d = $(), m = $(), b = $([]), h = W(() => r.filter((p) => p.pageIndex === e - 1), [r, e]), w = E(
+  ), u = H(), m = H(), P = H([]), h = W(() => r.filter((p) => p.pageIndex === e - 1), [r, e]), b = E(
     (p, g, c = !1) => {
       if (c && ur(p, g), !h.length) {
-        b.current = [], u([]);
+        P.current = [], d([]);
         return;
       }
-      const P = pr(h, p, g);
-      u(P);
+      const _ = pr(h, p, g);
+      d(_);
     },
     [h]
-  ), C = $(), y = $(!1), _ = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), C = H(), y = H(!1), w = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   z(() => ((() => {
     if (C.current)
       return;
     C.current = new AbortController();
     const { signal: g } = C.current, c = () => {
-      _().forEach((v) => {
+      w().forEach((v) => {
         const T = v.querySelector(".endOfContent");
         T && (v.appendChild(T), T.style.width = "", T.style.height = "", v.classList.remove(he.selecting));
       });
@@ -816,7 +817,7 @@ const Ro = () => {
       },
       { signal: g }
     );
-    let P = null;
+    let _ = null;
     document.addEventListener(
       "selectionchange",
       () => {
@@ -831,11 +832,11 @@ const Ro = () => {
         const T = /* @__PURE__ */ new Set();
         for (let N = 0; N < v.rangeCount; N++) {
           const D = v.getRangeAt(N);
-          _().forEach((k) => {
+          w().forEach((k) => {
             D.intersectsNode(k) && !T.has(k) && T.add(k);
           });
         }
-        _().forEach((N) => {
+        w().forEach((N) => {
           if (T.has(N))
             N.classList.add(he.selecting);
           else {
@@ -844,72 +845,72 @@ const Ro = () => {
           }
         });
         const R = v.getRangeAt(0);
-        let I = P && (R.compareBoundaryPoints(Range.END_TO_END, P) === 0 || R.compareBoundaryPoints(Range.START_TO_END, P) === 0) ? R.startContainer : R.endContainer;
+        let I = _ && (R.compareBoundaryPoints(Range.END_TO_END, _) === 0 || R.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? R.startContainer : R.endContainer;
         I.nodeType === Node.TEXT_NODE && (I = I.parentNode);
         const O = (F = I.parentElement) == null ? void 0 : F.closest(
           he["rp-text-layer"]
         ), A = O == null ? void 0 : O.querySelector(".endOfContent");
-        A && O && (A.style.width = O.style.width, A.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(A, I.nextSibling)), P = R.cloneRange();
+        A && O && (A.style.width = O.style.width, A.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(A, I.nextSibling)), _ = R.cloneRange();
       },
       { signal: g }
     );
   })(), () => {
     var g;
     (g = C.current) == null || g.abort(), C.current = void 0;
-  }), [_]);
+  }), [w]);
   const S = E(() => {
     o.current && o.current.classList.add(he.selecting);
   }, []), f = E(() => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
   return z(() => {
-    if (b.current.forEach((c) => {
+    if (P.current.forEach((c) => {
       c.classList.remove("selected");
-    }), !l.length || !a || a.pageIndex !== e - 1)
+    }), !l.length || !i || i.pageIndex !== e - 1)
       return;
     const p = h.findIndex(
-      (c) => JSON.stringify(c) === JSON.stringify(a)
+      (c) => JSON.stringify(c) === JSON.stringify(i)
     );
     if (p === -1)
       return;
     const g = l.filter((c) => c.index === p);
-    g.length && (b.current = g.map((c) => c.element), s(g[0].element), g.forEach((c) => {
+    g.length && (P.current = g.map((c) => c.element), s(g[0].element), g.forEach((c) => {
       c.element.classList.add("selected");
     }));
-  }, [a, l, h]), z(() => {
+  }, [i, l, h]), z(() => {
     const p = n.get(e);
     if (!p || !o.current)
       return;
     const g = o.current;
-    return d.current && d.current.cancel(), p.page.getTextContent().then((c) => {
-      const P = p.page.getViewport({ scale: 1 });
-      return d.current = new Rr.TextLayer({
-        viewport: P,
+    return u.current && u.current.cancel(), p.page.getTextContent().then((c) => {
+      const _ = p.page.getViewport({ scale: 1 });
+      return u.current = new Rr.TextLayer({
+        viewport: _,
         textContentSource: c,
         container: g
-      }), m.current = c, g && (g.innerText = ""), d.current.render();
+      }), m.current = c, g && (g.innerText = ""), u.current.render();
     }).then(() => {
       var T, R;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const P = (T = d.current) == null ? void 0 : T.textDivs;
-      P && m.current && w(m.current, P);
+      const _ = (T = u.current) == null ? void 0 : T.textDivs;
+      _ && m.current && b(m.current, _);
       const v = document.createElement("div");
       v.className = "endOfContent", (R = o.current) == null || R.appendChild(v);
     }).catch(() => {
     }), () => {
       var c;
-      (c = d.current) == null || c.cancel();
+      (c = u.current) == null || c.cancel();
     };
   }, [n, e]), z(() => {
     var c;
-    [].slice.call(o.current.children).forEach((P) => {
-      P.classList.add(he["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((_) => {
+      _.classList.add(he["rp-text-layer-text"]);
     });
-    const g = (c = d.current) == null ? void 0 : c.textDivs;
-    g && m.current && w(m.current, g, !0);
-  }, [w]), /* @__PURE__ */ i(
+    const g = (c = u.current) == null ? void 0 : c.textDivs;
+    g && m.current && b(m.current, g, !0);
+  }, [b]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
@@ -924,30 +925,30 @@ const Ro = () => {
 };
 let Ao = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Fo = (t) => {
-  const { pageNumber: e } = t, n = $(null), { pages: o, pdf: r } = J(), a = $(), [s, l] = G(), { setFocusedPage: u, goToPage: d } = oe(), { scrollMode: m } = Ne(), { print: b } = tt(), { download: h } = qn(), w = W(() => o.get(e), [o, e]), C = W(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = J(), i = H(), [s, l] = G(), { setFocusedPage: d, goToPage: u } = oe(), { scrollMode: m } = Ne(), { print: P } = tt(), { download: h } = qn(), b = W(() => o.get(e), [o, e]), C = W(() => b == null ? void 0 : b.page.getViewport(), [b]);
   z(() => {
-    a.current && (a.current.div.replaceChildren(), a.current = void 0);
+    i.current && (i.current.div.replaceChildren(), i.current = void 0);
   }, [r]), z(() => {
-    w && w.page.getAnnotations().then((_) => {
-      a.current = void 0, l(_), n.current && (n.current.innerText = "");
+    b && b.page.getAnnotations().then((w) => {
+      i.current = void 0, l(w), n.current && (n.current.innerText = "");
     });
-  }, [w]);
+  }, [b]);
   const y = E(
-    (_) => {
-      !s || !r || (zr(_), Ar(_, r, s).then((S) => {
+    (w) => {
+      !s || !r || (zr(w), Ar(w, r, s).then((S) => {
         var f, p;
-        ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "Print" ? b() : ((p = S == null ? void 0 : S.data) == null ? void 0 : p.action) === "SaveAs" && h();
-      }), m === ne.PAGE_SCROLLING ? Ft(_, s, r, (S) => u(S.pageIndex + 1)) : Ft(_, s, r, (S) => d(S.pageIndex + 1)));
+        ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "Print" ? P() : ((p = S == null ? void 0 : S.data) == null ? void 0 : p.action) === "SaveAs" && h();
+      }), m === ne.PAGE_SCROLLING ? Ft(w, s, r, (S) => d(S.pageIndex + 1)) : Ft(w, s, r, (S) => u(S.pageIndex + 1)));
     },
-    [r, s, d, u, m, b, h]
+    [r, s, u, d, m, P, h]
   );
   return z(() => {
-    if (!w || !s)
+    if (!b || !s)
       return;
-    const _ = w.page.getViewport();
-    if (a.current) {
-      a.current.update({
-        viewport: _.clone({ dontFlip: !0 })
+    const w = b.page.getViewport();
+    if (i.current) {
+      i.current.update({
+        viewport: w.clone({ dontFlip: !0 })
       });
       return;
     }
@@ -959,33 +960,33 @@ const Fo = (t) => {
           kr(g);
           break;
         case At.Widget:
-          Fr(g, _, S);
+          Fr(g, w, S);
           break;
       }
     }
     const f = new AbortController();
     return (async () => {
-      var P;
-      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Or({
+      var _;
+      i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new Or({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: w.page,
-        viewport: _.clone({ dontFlip: !0 })
+        page: b.page,
+        viewport: w.clone({ dontFlip: !0 })
       }), n.current && kt(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), c = await (r == null ? void 0 : r.getFieldObjects());
       if (f.signal.aborted)
         throw "abort";
-      return (P = a.current) == null ? void 0 : P.render({
+      return (_ = i.current) == null ? void 0 : _.render({
         annotations: s,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: c,
         div: n.current,
-        viewport: _.clone({ dontFlip: !0 }),
-        page: w.page,
+        viewport: w.clone({ dontFlip: !0 }),
+        page: b.page,
         imageResourcesPath: Ao,
         renderForms: !0,
         linkService: new Dr(),
@@ -1000,7 +1001,7 @@ const Fo = (t) => {
     }), () => {
       f.abort("clear"), n.current && kt(n.current, y);
     };
-  }, [r, s, y]), /* @__PURE__ */ i(
+  }, [r, s, y]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
@@ -1012,9 +1013,9 @@ const Fo = (t) => {
 }, ko = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Wo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = G(), { pages: r } = J(), { highlightKeywords: a } = fr(), s = !0, l = $(null), [u, d] = G(null), [m, b] = G([]);
+  const [n, o] = G(), { pages: r } = J(), { highlightKeywords: i } = fr(), s = !0, l = H(null), [d, u] = G(null), [m, P] = G([]);
   z(() => {
-    l.current && d(l.current.parentElement);
+    l.current && u(l.current.parentElement);
   }, [l]), z(() => {
     (async () => {
       const p = r.get(t);
@@ -1024,21 +1025,21 @@ const Fo = (t) => {
       o(g);
     })();
   }, [r, t]);
-  const h = W(() => a ? a.map((f) => {
+  const h = W(() => i ? i.map((f) => {
     var p, g;
     return {
       ...Mr(f.keyword, (p = f.options) == null ? void 0 : p.matchCase, (g = f.options) == null ? void 0 : g.wholeWords),
       color: f.highlightColor
     };
-  }) : [], [a]);
-  function w(f, p) {
+  }) : [], [i]);
+  function b(f, p) {
     if (!f)
       return;
     const g = `[data-rp="page-${p}-textLayer"]`;
     return new Promise((c) => {
-      const P = f.querySelector(g);
-      if (P) {
-        c(P);
+      const _ = f.querySelector(g);
+      if (_) {
+        c(_);
         return;
       }
       new MutationObserver((T, R) => {
@@ -1056,7 +1057,7 @@ const Fo = (t) => {
         p(Array.from(g));
         return;
       }
-      new MutationObserver((P, v) => {
+      new MutationObserver((_, v) => {
         const T = f.querySelectorAll(
           ".rp-text-layer-text"
         );
@@ -1065,16 +1066,16 @@ const Fo = (t) => {
     });
   }
   const y = (f, p, g, c) => {
-    var H;
-    const P = document.createRange(), v = g.firstChild;
+    var $;
+    const _ = document.createRange(), v = g.firstChild;
     if (!v || v.nodeType !== Node.TEXT_NODE)
       return null;
-    const T = ((H = v.textContent) == null ? void 0 : H.length) ?? 0, R = c[0].charIdxInSpan, x = c.length === 1 ? R : c[c.length - 1].charIdxInSpan;
+    const T = (($ = v.textContent) == null ? void 0 : $.length) ?? 0, R = c[0].charIdxInSpan, x = c.length === 1 ? R : c[c.length - 1].charIdxInSpan;
     if (R > T || x + 1 > T)
       return null;
-    P.setStart(v, R), P.setEnd(v, x + 1);
+    _.setStart(v, R), _.setEnd(v, x + 1);
     const I = document.createElement("span");
-    I.style.width = "auto", P.surroundContents(I);
+    I.style.width = "auto", _.surroundContents(I);
     const O = I.getBoundingClientRect(), A = f.getBoundingClientRect(), F = A.height, L = A.width, N = 100 * (O.left - A.left) / L, D = 100 * (O.top - A.top) / F, k = 100 * O.height / F, q = 100 * O.width / L;
     return $r(I), {
       keywordStr: p,
@@ -1086,13 +1087,13 @@ const Fo = (t) => {
       pageWidth: L
     };
   };
-  async function _(f, p) {
-    const g = await w(u, f);
+  async function w(f, p) {
+    const g = await b(d, f);
     if (!g)
       return;
     const c = await C(g);
     if (c.length) {
-      const P = c.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
+      const _ = c.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
         (T, R, x) => T.concat(
           R.split("").map((I, O) => ({
             char: I,
@@ -1107,13 +1108,13 @@ const Fo = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), v = S(g, p, c, P);
-      b(v);
+      ).slice(1), v = S(g, p, c, _);
+      P(v);
     }
   }
   const S = (f, p, g, c) => {
-    const P = p.length;
-    if (!c.length || !P)
+    const _ = p.length;
+    if (!c.length || !_)
       return [];
     const v = [], T = c.map((R) => R.char).join("");
     return h.forEach((R) => {
@@ -1135,11 +1136,11 @@ const Fo = (t) => {
         color: A
       }));
       for (const q of k) {
-        const H = q.indexes.reduce(
+        const $ = q.indexes.reduce(
           (U, V) => (U[V.spanIdx] = (U[V.spanIdx] || []).concat([V]), U),
           {}
         );
-        for (const U of Object.values(H))
+        for (const U of Object.values($))
           if (U.length !== 1 || U[0].char.trim() !== "") {
             const V = U, K = g[V[0].spanIdx], X = y(
               f,
@@ -1159,14 +1160,14 @@ const Fo = (t) => {
   };
   return z(() => {
     (async () => {
-      if (!(!a || a.length === 0))
+      if (!(!i || i.length === 0))
         try {
-          await _(t, a);
+          await w(t, i);
         } catch (p) {
           console.error(p);
         }
     })();
-  }, [s, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((f, p) => /* @__PURE__ */ i(
+  }, [s, i, t, n, e]), /* @__PURE__ */ a(me, { children: /* @__PURE__ */ a("div", { ref: l, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((f, p) => /* @__PURE__ */ a(
     "div",
     {
       className: ko["rp-text-highlight"],
@@ -1181,37 +1182,37 @@ const Fo = (t) => {
     p
   )) }) });
 }, Lt = Ve((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = J(), { pageRotate: s } = Ue(), { textLayer: l } = ar(), { currentZoom: u } = Je(), d = $(a.get(n)), [m, b] = G(!1), h = $(null), [w, C] = G({
+  const { pageNumber: n, style: o, ...r } = t, { pages: i } = J(), { pageRotate: s } = Ue(), { textLayer: l } = ar(), { currentZoom: d } = Je(), u = H(i.get(n)), [m, P] = G(!1), h = H(null), [b, C] = G({
     width: 0,
     height: 0
   });
   cn(e, () => h.current);
-  const y = W(() => d.current ? s[n] : 0, [n, s]);
+  const y = W(() => u.current ? s[n] : 0, [n, s]);
   z(() => {
-    if (a && (d.current = a.get(n), d.current)) {
-      const p = d.current.page.getViewport({
-        scale: u,
+    if (i && (u.current = i.get(n), u.current)) {
+      const p = u.current.page.getViewport({
+        scale: d,
         rotation: y
       });
       C(p);
     }
-  }, [a, n, y, u]);
-  const _ = W(() => {
+  }, [i, n, y, d]);
+  const w = W(() => {
     switch (y) {
       case 90:
-        return `${w.width / 2}px ${w.width / 2}px`;
+        return `${b.width / 2}px ${b.width / 2}px`;
       case -90:
       case 270:
-        return `${w.height / 2}px ${w.height / 2}px`;
+        return `${b.height / 2}px ${b.height / 2}px`;
       default:
         return "center";
     }
-  }, [y, w]), S = E(() => {
-    b(!0);
+  }, [y, b]), S = E(() => {
+    P(!0);
   }, []), f = E(() => {
-    b(!1);
+    P(!1);
   }, []);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: h,
@@ -1221,25 +1222,25 @@ const Fo = (t) => {
       style: {
         ...o,
         "--rp-rotate": `${y}deg`,
-        "--rp-page-rotate-translate": `${_}`,
-        "--scale-factor": u
+        "--rp-page-rotate-translate": `${w}`,
+        "--scale-factor": d
       },
       className: dt["rp-page-wrapper"],
       children: /* @__PURE__ */ M(
         "div",
         {
           style: {
-            width: `${w.width}px`,
-            height: `${w.height}px`
+            width: `${b.width}px`,
+            height: `${b.height}px`
           },
           className: dt["rp-page"],
           children: [
-            /* @__PURE__ */ i(No, { onLoading: S, onLoaded: f, pageNumber: n }),
-            m && /* @__PURE__ */ i("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Pt, {}) }),
-            /* @__PURE__ */ i(Gr, { pageNumber: n }),
-            l && /* @__PURE__ */ i(Do, { pageNumber: n }),
-            /* @__PURE__ */ i(Wo, { pageNumber: n, viewport: w }),
-            /* @__PURE__ */ i(Fo, { pageNumber: n })
+            /* @__PURE__ */ a(No, { onLoading: S, onLoaded: f, pageNumber: n }),
+            m && /* @__PURE__ */ a("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ a(Pt, {}) }),
+            /* @__PURE__ */ a(Gr, { pageNumber: n }),
+            l && /* @__PURE__ */ a(Do, { pageNumber: n }),
+            /* @__PURE__ */ a(Wo, { pageNumber: n, viewport: b }),
+            /* @__PURE__ */ a(Fo, { pageNumber: n })
           ]
         }
       )
@@ -1285,11 +1286,11 @@ function $o(t, e) {
 }
 function ut(t, e) {
   e === void 0 && (e = $o);
-  var n, o = [], r, a = !1;
+  var n, o = [], r, i = !1;
   function s() {
-    for (var l = [], u = 0; u < arguments.length; u++)
-      l[u] = arguments[u];
-    return a && n === this && e(l, o) || (r = t.apply(this, l), a = !0, n = this, o = l), r;
+    for (var l = [], d = 0; d < arguments.length; d++)
+      l[d] = arguments[d];
+    return i && n === this && e(l, o) || (r = t.apply(this, l), i = !0, n = this, o = l), r;
   }
   return s;
 }
@@ -1349,7 +1350,7 @@ var Vo = 150, Bo = function(e) {
 }, je = null, Ke = null, Xe = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet(), Xe = /* @__PURE__ */ new WeakSet());
 function Zo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, s = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, b = t.getRowOffset, h = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, _ = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, s = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, h = t.getRowStartIndexForOffset, b = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
     Mo(f, S);
     function f(g) {
@@ -1362,9 +1363,9 @@ function Zo(t) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(P, v, T, R, x, I, O, A) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(_, v, T, R, x, I, O, A) {
         return c.props.onItemsRendered({
-          overscanColumnStartIndex: P,
+          overscanColumnStartIndex: _,
           overscanColumnStopIndex: v,
           overscanRowStartIndex: T,
           overscanRowStopIndex: R,
@@ -1373,16 +1374,16 @@ function Zo(t) {
           visibleRowStartIndex: O,
           visibleRowStopIndex: A
         });
-      }), c._callOnScroll = void 0, c._callOnScroll = ut(function(P, v, T, R, x) {
+      }), c._callOnScroll = void 0, c._callOnScroll = ut(function(_, v, T, R, x) {
         return c.props.onScroll({
           horizontalScrollDirection: T,
-          scrollLeft: P,
+          scrollLeft: _,
           scrollTop: v,
           verticalScrollDirection: R,
           scrollUpdateWasRequested: x
         });
-      }), c._getItemStyle = void 0, c._getItemStyle = function(P, v) {
-        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), A = P + ":" + v, F;
+      }), c._getItemStyle = void 0, c._getItemStyle = function(_, v) {
+        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), A = _ + ":" + v, F;
         if (O.hasOwnProperty(A))
           F = O[A];
         else {
@@ -1391,16 +1392,16 @@ function Zo(t) {
             position: "absolute",
             left: N ? void 0 : L,
             right: N ? L : void 0,
-            top: b(c.props, P, c._instanceProps),
-            height: m(c.props, P, c._instanceProps),
-            width: a(c.props, v, c._instanceProps)
+            top: P(c.props, _, c._instanceProps),
+            height: m(c.props, _, c._instanceProps),
+            width: i(c.props, v, c._instanceProps)
           };
         }
         return F;
-      }, c._getItemStyleCache = void 0, c._getItemStyleCache = ut(function(P, v, T) {
+      }, c._getItemStyleCache = void 0, c._getItemStyleCache = ut(function(_, v, T) {
         return {};
-      }), c._onScroll = function(P) {
-        var v = P.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, A = v.scrollWidth;
+      }), c._onScroll = function(_) {
+        var v = _.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, A = v.scrollWidth;
         c.setState(function(F) {
           if (F.scrollLeft === x && F.scrollTop === I)
             return null;
@@ -1425,9 +1426,9 @@ function Zo(t) {
             scrollUpdateWasRequested: !1
           };
         }, c._resetIsScrollingDebounced);
-      }, c._outerRefSetter = function(P) {
+      }, c._outerRefSetter = function(_) {
         var v = c.props.outerRef;
-        c._outerRef = P, typeof v == "function" ? v(P) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = P);
+        c._outerRef = _, typeof v == "function" ? v(_) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = _);
       }, c._resetIsScrollingDebounced = function() {
         c._resetIsScrollingTimeoutId !== null && Zt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = qo(c._resetIsScrolling, Vo);
       }, c._resetIsScrolling = function() {
@@ -1438,38 +1439,38 @@ function Zo(t) {
         });
       }, c;
     }
-    f.getDerivedStateFromProps = function(c, P) {
-      return jo(c, P), _(c), null;
+    f.getDerivedStateFromProps = function(c, _) {
+      return jo(c, _), w(c), null;
     };
     var p = f.prototype;
     return p.scrollTo = function(c) {
-      var P = c.scrollLeft, v = c.scrollTop;
-      P !== void 0 && (P = Math.max(0, P)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
-        return P === void 0 && (P = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === P && T.scrollTop === v ? null : {
-          horizontalScrollDirection: T.scrollLeft < P ? "forward" : "backward",
-          scrollLeft: P,
+      var _ = c.scrollLeft, v = c.scrollTop;
+      _ !== void 0 && (_ = Math.max(0, _)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
+        return _ === void 0 && (_ = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === _ && T.scrollTop === v ? null : {
+          horizontalScrollDirection: T.scrollLeft < _ ? "forward" : "backward",
+          scrollLeft: _,
           scrollTop: v,
           scrollUpdateWasRequested: !0,
           verticalScrollDirection: T.scrollTop < v ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, p.scrollToItem = function(c) {
-      var P = c.align, v = P === void 0 ? "auto" : P, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, F = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, k = Uo();
+      var _ = c.align, v = _ === void 0 ? "auto" : _, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, F = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, k = Uo();
       T !== void 0 && (T = Math.max(0, Math.min(T, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
-      var q = s(this.props, this._instanceProps), H = l(this.props, this._instanceProps), U = H > F ? k : 0, V = q > O ? k : 0;
+      var q = s(this.props, this._instanceProps), $ = l(this.props, this._instanceProps), U = $ > F ? k : 0, V = q > O ? k : 0;
       this.scrollTo({
-        scrollLeft: T !== void 0 ? u(this.props, T, v, N, this._instanceProps, V) : N,
-        scrollTop: R !== void 0 ? d(this.props, R, v, D, this._instanceProps, U) : D
+        scrollLeft: T !== void 0 ? d(this.props, T, v, N, this._instanceProps, V) : N,
+        scrollTop: R !== void 0 ? u(this.props, R, v, D, this._instanceProps, U) : D
       });
     }, p.componentDidMount = function() {
-      var c = this.props, P = c.initialScrollLeft, v = c.initialScrollTop;
+      var c = this.props, _ = c.initialScrollLeft, v = c.initialScrollTop;
       if (this._outerRef != null) {
         var T = this._outerRef;
-        typeof P == "number" && (T.scrollLeft = P), typeof v == "number" && (T.scrollTop = v);
+        typeof _ == "number" && (T.scrollLeft = _), typeof v == "number" && (T.scrollTop = v);
       }
       this._callPropsCallbacks();
     }, p.componentDidUpdate = function() {
-      var c = this.props.direction, P = this.state, v = P.scrollLeft, T = P.scrollTop, R = P.scrollUpdateWasRequested;
+      var c = this.props.direction, _ = this.state, v = _.scrollLeft, T = _.scrollTop, R = _.scrollUpdateWasRequested;
       if (R && this._outerRef != null) {
         var x = this._outerRef;
         if (c === "rtl")
@@ -1493,11 +1494,11 @@ function Zo(t) {
     }, p.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, p.render = function() {
-      var c = this.props, P = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, A = c.innerTagName, F = c.itemData, L = c.itemKey, N = L === void 0 ? Bo : L, D = c.outerElementType, k = c.outerTagName, q = c.rowCount, H = c.style, U = c.useIsScrolling, V = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Q = X[0], le = X[1], de = this._getVerticalRangeToRender(), ee = de[0], Fe = de[1], we = [];
+      var c = this.props, _ = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, A = c.innerTagName, F = c.itemData, L = c.itemKey, N = L === void 0 ? Bo : L, D = c.outerElementType, k = c.outerTagName, q = c.rowCount, $ = c.style, U = c.useIsScrolling, V = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Q = X[0], le = X[1], de = this._getVerticalRangeToRender(), ee = de[0], Fe = de[1], we = [];
       if (T > 0 && q)
         for (var Te = ee; Te <= Fe; Te++)
           for (var _e = Q; _e <= le; _e++)
-            we.push(Ze(P, {
+            we.push(Ze(_, {
               columnIndex: _e,
               data: F,
               isScrolling: U ? K : void 0,
@@ -1522,7 +1523,7 @@ function Zo(t) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
-        }, H)
+        }, $)
       }, Ze(O || A || "div", {
         children: we,
         ref: I,
@@ -1533,26 +1534,26 @@ function Zo(t) {
         }
       }));
     }, p._callPropsCallbacks = function() {
-      var c = this.props, P = c.columnCount, v = c.onItemsRendered, T = c.onScroll, R = c.rowCount;
-      if (typeof v == "function" && P > 0 && R > 0) {
+      var c = this.props, _ = c.columnCount, v = c.onItemsRendered, T = c.onScroll, R = c.rowCount;
+      if (typeof v == "function" && _ > 0 && R > 0) {
         var x = this._getHorizontalRangeToRender(), I = x[0], O = x[1], A = x[2], F = x[3], L = this._getVerticalRangeToRender(), N = L[0], D = L[1], k = L[2], q = L[3];
         this._callOnItemsRendered(I, O, N, D, A, F, k, q);
       }
       if (typeof T == "function") {
-        var H = this.state, U = H.horizontalScrollDirection, V = H.scrollLeft, K = H.scrollTop, X = H.scrollUpdateWasRequested, Q = H.verticalScrollDirection;
+        var $ = this.state, U = $.horizontalScrollDirection, V = $.scrollLeft, K = $.scrollTop, X = $.scrollUpdateWasRequested, Q = $.verticalScrollDirection;
         this._callOnScroll(V, K, U, Q, X);
       }
     }, p._getHorizontalRangeToRender = function() {
-      var c = this.props, P = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, F = I.scrollLeft, L = v || T || R || 1;
-      if (P === 0 || x === 0)
+      var c = this.props, _ = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, F = I.scrollLeft, L = v || T || R || 1;
+      if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
       var N = o(this.props, F, this._instanceProps), D = r(this.props, N, F, this._instanceProps), k = !A || O === "backward" ? Math.max(1, L) : 1, q = !A || O === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, N - k), Math.max(0, Math.min(P - 1, D + q)), N, D];
+      return [Math.max(0, N - k), Math.max(0, Math.min(_ - 1, D + q)), N, D];
     }, p._getVerticalRangeToRender = function() {
-      var c = this.props, P = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, F = I.scrollTop, L = T || R || v || 1;
-      if (P === 0 || x === 0)
+      var c = this.props, _ = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, F = I.scrollTop, L = T || R || v || 1;
+      if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
-      var N = h(this.props, F, this._instanceProps), D = w(this.props, N, F, this._instanceProps), k = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
+      var N = h(this.props, F, this._instanceProps), D = b(this.props, N, F, this._instanceProps), k = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, N - k), Math.max(0, Math.min(x - 1, D + q)), N, D];
     }, f;
   }(tr), e.defaultProps = {
@@ -1562,9 +1563,9 @@ function Zo(t) {
   }, e;
 }
 var jo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, s = e.innerTagName, l = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, b = e.width, h = n.instance;
+  var o = e.children, r = e.direction, i = e.height, s = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, u = e.overscanCount, m = e.overscanRowsCount, P = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof d == "number" && je && !je.has(h) && (je.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ke && !Ke.has(h) && (Ke.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || l != null) && Xe && !Xe.has(h) && (Xe.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof u == "number" && je && !je.has(h) && (je.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ke && !Ke.has(h) && (Ke.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (s != null || l != null) && Xe && !Xe.has(h) && (Xe.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":
@@ -1573,74 +1574,74 @@ var jo = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
-    if (typeof b != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (b === null ? "null" : typeof b) + '" was specified.'));
-    if (typeof a != "number")
-      throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
+    if (typeof P != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (P === null ? "null" : typeof P) + '" was specified.'));
+    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.'));
   }
 }, Kt = 50, Sn = function(e, n) {
-  var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, l = 0;
+  var o = e.rowCount, r = n.rowMetadataMap, i = n.estimatedRowHeight, s = n.lastMeasuredRowIndex, l = 0;
   if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
-    l = u.offset + u.size;
+    var d = r[s];
+    l = d.offset + d.size;
   }
-  var d = o - s - 1, m = d * a;
+  var u = o - s - 1, m = u * i;
   return l + m;
 }, xn = function(e, n) {
-  var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, l = 0;
+  var o = e.columnCount, r = n.columnMetadataMap, i = n.estimatedColumnWidth, s = n.lastMeasuredColumnIndex, l = 0;
   if (s >= o && (s = o - 1), s >= 0) {
-    var u = r[s];
-    l = u.offset + u.size;
+    var d = r[s];
+    l = d.offset + d.size;
   }
-  var d = o - s - 1, m = d * a;
+  var u = o - s - 1, m = u * i;
   return l + m;
 }, fe = function(e, n, o, r) {
-  var a, s, l;
-  if (e === "column" ? (a = r.columnMetadataMap, s = n.columnWidth, l = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, s = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
-    var u = 0;
+  var i, s, l;
+  if (e === "column" ? (i = r.columnMetadataMap, s = n.columnWidth, l = r.lastMeasuredColumnIndex) : (i = r.rowMetadataMap, s = n.rowHeight, l = r.lastMeasuredRowIndex), o > l) {
+    var d = 0;
     if (l >= 0) {
-      var d = a[l];
-      u = d.offset + d.size;
+      var u = i[l];
+      d = u.offset + u.size;
     }
     for (var m = l + 1; m <= o; m++) {
-      var b = s(m);
-      a[m] = {
-        offset: u,
-        size: b
-      }, u += b;
+      var P = s(m);
+      i[m] = {
+        offset: d,
+        size: P
+      }, d += P;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
-  return a[o];
+  return i[o];
 }, Xt = function(e, n, o, r) {
-  var a, s;
-  e === "column" ? (a = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
-  var l = s > 0 ? a[s].offset : 0;
+  var i, s;
+  e === "column" ? (i = o.columnMetadataMap, s = o.lastMeasuredColumnIndex) : (i = o.rowMetadataMap, s = o.lastMeasuredRowIndex);
+  var l = s > 0 ? i[s].offset : 0;
   return l >= r ? In(e, n, o, s, 0, r) : Ko(e, n, o, Math.max(0, s), r);
-}, In = function(e, n, o, r, a, s) {
-  for (; a <= r; ) {
-    var l = a + Math.floor((r - a) / 2), u = fe(e, n, l, o).offset;
-    if (u === s)
+}, In = function(e, n, o, r, i, s) {
+  for (; i <= r; ) {
+    var l = i + Math.floor((r - i) / 2), d = fe(e, n, l, o).offset;
+    if (d === s)
       return l;
-    u < s ? a = l + 1 : u > s && (r = l - 1);
+    d < s ? i = l + 1 : d > s && (r = l - 1);
   }
-  return a > 0 ? a - 1 : 0;
-}, Ko = function(e, n, o, r, a) {
-  for (var s = e === "column" ? n.columnCount : n.rowCount, l = 1; r < s && fe(e, n, r, o).offset < a; )
+  return i > 0 ? i - 1 : 0;
+}, Ko = function(e, n, o, r, i) {
+  for (var s = e === "column" ? n.columnCount : n.rowCount, l = 1; r < s && fe(e, n, r, o).offset < i; )
     r += l, l *= 2;
-  return In(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
-}, Qt = function(e, n, o, r, a, s, l) {
-  var u = e === "column" ? n.width : n.height, d = fe(e, n, o, s), m = e === "column" ? xn(n, s) : Sn(n, s), b = Math.max(0, Math.min(m - u, d.offset)), h = Math.max(0, d.offset - u + l + d.size);
-  switch (r === "smart" && (a >= h - u && a <= b + u ? r = "auto" : r = "center"), r) {
+  return In(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), i);
+}, Qt = function(e, n, o, r, i, s, l) {
+  var d = e === "column" ? n.width : n.height, u = fe(e, n, o, s), m = e === "column" ? xn(n, s) : Sn(n, s), P = Math.max(0, Math.min(m - d, u.offset)), h = Math.max(0, u.offset - d + l + u.size);
+  switch (r === "smart" && (i >= h - d && i <= P + d ? r = "auto" : r = "center"), r) {
     case "start":
-      return b;
+      return P;
     case "end":
       return h;
     case "center":
-      return Math.round(h + (b - h) / 2);
+      return Math.round(h + (P - h) / 2);
     case "auto":
     default:
-      return a >= h && a <= b ? a : h > b || a < h ? h : b;
+      return i >= h && i <= P ? i : h > P || i < h ? h : P;
   }
 }, Xo = /* @__PURE__ */ Zo({
   getColumnOffset: function(e, n, o) {
@@ -1650,8 +1651,8 @@ var jo = function(e, n) {
     return Xt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, s = e.width, l = fe("column", e, n, r), u = o + s, d = l.offset + l.size, m = n; m < a - 1 && d < u; )
-      m++, d += fe("column", e, m, r).size;
+    for (var i = e.columnCount, s = e.width, l = fe("column", e, n, r), d = o + s, u = l.offset + l.size, m = n; m < i - 1 && u < d; )
+      m++, u += fe("column", e, m, r).size;
     return m;
   },
   getColumnWidth: function(e, n, o) {
@@ -1659,11 +1660,11 @@ var jo = function(e, n) {
   },
   getEstimatedTotalHeight: Sn,
   getEstimatedTotalWidth: xn,
-  getOffsetForColumnAndAlignment: function(e, n, o, r, a, s) {
-    return Qt("column", e, n, o, r, a, s);
+  getOffsetForColumnAndAlignment: function(e, n, o, r, i, s) {
+    return Qt("column", e, n, o, r, i, s);
   },
-  getOffsetForRowAndAlignment: function(e, n, o, r, a, s) {
-    return Qt("row", e, n, o, r, a, s);
+  getOffsetForRowAndAlignment: function(e, n, o, r, i, s) {
+    return Qt("row", e, n, o, r, i, s);
   },
   getRowOffset: function(e, n, o) {
     return fe("row", e, n, o).offset;
@@ -1675,32 +1676,32 @@ var jo = function(e, n) {
     return Xt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, s = e.height, l = fe("row", e, n, r), u = o + s, d = l.offset + l.size, m = n; m < a - 1 && d < u; )
-      m++, d += fe("row", e, m, r).size;
+    for (var i = e.rowCount, s = e.height, l = fe("row", e, n, r), d = o + s, u = l.offset + l.size, m = n; m < i - 1 && u < d; )
+      m++, u += fe("row", e, m, r).size;
     return m;
   },
   initInstanceProps: function(e, n) {
-    var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, s = {
+    var o = e, r = o.estimatedColumnWidth, i = o.estimatedRowHeight, s = {
       columnMetadataMap: {},
       estimatedColumnWidth: r || Kt,
-      estimatedRowHeight: a || Kt,
+      estimatedRowHeight: i || Kt,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return n.resetAfterColumnIndex = function(l, u) {
-      u === void 0 && (u = !0), n.resetAfterIndices({
+    return n.resetAfterColumnIndex = function(l, d) {
+      d === void 0 && (d = !0), n.resetAfterIndices({
         columnIndex: l,
-        shouldForceUpdate: u
+        shouldForceUpdate: d
       });
-    }, n.resetAfterRowIndex = function(l, u) {
-      u === void 0 && (u = !0), n.resetAfterIndices({
+    }, n.resetAfterRowIndex = function(l, d) {
+      d === void 0 && (d = !0), n.resetAfterIndices({
         rowIndex: l,
-        shouldForceUpdate: u
+        shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(l) {
-      var u = l.columnIndex, d = l.rowIndex, m = l.shouldForceUpdate, b = m === void 0 ? !0 : m;
-      typeof u == "number" && (s.lastMeasuredColumnIndex = Math.min(s.lastMeasuredColumnIndex, u - 1)), typeof d == "number" && (s.lastMeasuredRowIndex = Math.min(s.lastMeasuredRowIndex, d - 1)), n._getItemStyleCache(-1), b && n.forceUpdate();
+      var d = l.columnIndex, u = l.rowIndex, m = l.shouldForceUpdate, P = m === void 0 ? !0 : m;
+      typeof d == "number" && (s.lastMeasuredColumnIndex = Math.min(s.lastMeasuredColumnIndex, d - 1)), typeof u == "number" && (s.lastMeasuredRowIndex = Math.min(s.lastMeasuredRowIndex, u - 1)), n._getItemStyleCache(-1), P && n.forceUpdate();
     }, s;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1726,23 +1727,23 @@ function Yt(t, e) {
 }
 var Qo = ["style"], Yo = ["style"];
 function Jo(t, e) {
-  var n = t.style, o = Vt(t, Qo), r = e.style, a = Vt(e, Yo);
-  return !Yt(n, r) && !Yt(o, a);
+  var n = t.style, o = Vt(t, Qo), r = e.style, i = Vt(e, Yo);
+  return !Yt(n, r) && !Yt(o, i);
 }
 const ei = () => {
-  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), s = W(() => e === ne.HORIZONTAL_SCROLLING ? a : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), l = W(() => r.widths.reduce((C, y, _) => {
-    const S = _ % s;
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = qe(), i = W(() => r.heights.length, [r.heights]), s = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, i, o]), l = W(() => r.widths.reduce((C, y, w) => {
+    const S = w % s;
     return (!C[S] || y > C[S]) && (C[S] = y), C;
-  }, []), [r.widths, s]), u = E(
-    (w) => {
-      const C = w % l.length;
+  }, []), [r.widths, s]), d = E(
+    (b) => {
+      const C = b % l.length;
       return l[C] || 0;
     },
     [l]
-  ), d = E(
-    (w) => {
-      const C = Array.from({ length: s }, (y, _) => {
-        const S = w * s + _;
+  ), u = E(
+    (b) => {
+      const C = Array.from({ length: s }, (y, w) => {
+        const S = b * s + w;
         return r.heights[S] || 0;
       });
       return Math.max(...C);
@@ -1752,14 +1753,14 @@ const ei = () => {
   z(() => {
     n(s);
   }, [s, n]);
-  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(a / s), [s, a, e]), b = W(() => r.heights.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / s), [s, i, e]), P = W(() => r.heights.reduce((b, C) => b + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((b, C) => b + C, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
-    rowHeight: d,
+    rowHeight: u,
     columnCount: s,
-    columnWidth: u,
+    columnWidth: d,
     pageDimension: r,
-    estimatedRowHeight: b,
+    estimatedRowHeight: P,
     estimatedColumnWidth: h
   };
 };
@@ -1780,68 +1781,68 @@ ft == null || tn == null ? (bt = ht, Ct = function(e) {
   return [n, o];
 });
 function ti(t) {
-  let e, n, o, r, a, s, l;
-  const u = typeof document < "u" && document.attachEvent;
-  if (!u) {
+  let e, n, o, r, i, s, l;
+  const d = typeof document < "u" && document.attachEvent;
+  if (!d) {
     s = function(S) {
       const f = S.__resizeTriggers__, p = f.firstElementChild, g = f.lastElementChild, c = p.firstElementChild;
       g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, c.style.width = p.offsetWidth + 1 + "px", c.style.height = p.offsetHeight + 1 + "px", p.scrollLeft = p.scrollWidth, p.scrollTop = p.scrollHeight;
-    }, a = function(S) {
+    }, i = function(S) {
       return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
     }, l = function(S) {
       if (S.target.className && typeof S.target.className.indexOf == "function" && S.target.className.indexOf("contract-trigger") < 0 && S.target.className.indexOf("expand-trigger") < 0)
         return;
       const f = this;
       s(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
-        a(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(c) {
+        i(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(c) {
           c.call(f, S);
         }));
       });
     };
-    let h = !1, w = "";
+    let h = !1, b = "";
     o = "animationstart";
     const C = "Webkit Moz O ms".split(" ");
-    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), _ = "";
+    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), w = "";
     {
       const S = document.createElement("fakeelement");
       if (S.style.animationName !== void 0 && (h = !0), h === !1) {
         for (let f = 0; f < C.length; f++)
           if (S.style[C[f] + "AnimationName"] !== void 0) {
-            _ = C[f], w = "-" + _.toLowerCase() + "-", o = y[f], h = !0;
+            w = C[f], b = "-" + w.toLowerCase() + "-", o = y[f], h = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + b + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = b + "animation: 1ms " + n + "; ";
   }
-  const d = function(h) {
+  const u = function(h) {
     if (!h.getElementById("detectElementResize")) {
-      const w = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = h.head || h.getElementsByTagName("head")[0], y = h.createElement("style");
-      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = w : y.appendChild(h.createTextNode(w)), C.appendChild(y);
+      const b = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = h.head || h.getElementsByTagName("head")[0], y = h.createElement("style");
+      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = b : y.appendChild(h.createTextNode(b)), C.appendChild(y);
     }
   };
   return {
-    addResizeListener: function(h, w) {
-      if (u)
-        h.attachEvent("onresize", w);
+    addResizeListener: function(h, b) {
+      if (d)
+        h.attachEvent("onresize", b);
       else {
         if (!h.__resizeTriggers__) {
           const C = h.ownerDocument, y = ae.getComputedStyle(h);
-          y && y.position === "static" && (h.style.position = "relative"), d(C), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
-          const _ = C.createElement("div");
-          _.className = "expand-trigger", _.appendChild(C.createElement("div"));
+          y && y.position === "static" && (h.style.position = "relative"), u(C), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
+          const w = C.createElement("div");
+          w.className = "expand-trigger", w.appendChild(C.createElement("div"));
           const S = C.createElement("div");
-          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(_), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), s(h), h.addEventListener("scroll", l, !0), o && (h.__resizeTriggers__.__animationListener__ = function(p) {
+          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(w), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), s(h), h.addEventListener("scroll", l, !0), o && (h.__resizeTriggers__.__animationListener__ = function(p) {
             p.animationName === n && s(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        h.__resizeListeners__.push(w);
+        h.__resizeListeners__.push(b);
       }
     },
-    removeResizeListener: function(h, w) {
-      if (u)
-        h.detachEvent("onresize", w);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(w), 1), !h.__resizeListeners__.length) {
+    removeResizeListener: function(h, b) {
+      if (d)
+        h.detachEvent("onresize", b);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(b), 1), !h.__resizeListeners__.length) {
         h.removeEventListener("scroll", l, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
           h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
@@ -1864,24 +1865,24 @@ class ni extends nr {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, s = parseFloat(a.paddingLeft || "0"), l = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), b = m.height - u - d, h = m.width - s - l;
-        if (!n && this.state.height !== b || !o && this.state.width !== h) {
+        const i = window.getComputedStyle(this._parentNode) || {}, s = parseFloat(i.paddingLeft || "0"), l = parseFloat(i.paddingRight || "0"), d = parseFloat(i.paddingTop || "0"), u = parseFloat(i.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - u, h = m.width - s - l;
+        if (!n && this.state.height !== P || !o && this.state.width !== h) {
           this.setState({
-            height: b,
+            height: P,
             width: h
           });
-          const w = () => {
+          const b = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof r == "function" && r({
-            height: b,
+            height: P,
             width: h,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return w(), b;
+              return b(), P;
             },
             get scaledWidth() {
-              return w(), h;
+              return b(), h;
             }
           });
         }
@@ -1911,125 +1912,123 @@ class ni extends nr {
       defaultHeight: n,
       defaultWidth: o,
       disableHeight: r = !1,
-      disableWidth: a = !1,
+      disableWidth: i = !1,
       doNotBailOutOnEmptyChildren: s = !1,
       nonce: l,
-      onResize: u,
-      style: d = {},
+      onResize: d,
+      style: u = {},
       tagName: m = "div",
-      ...b
+      ...P
     } = this.props, {
       height: h,
-      width: w
+      width: b
     } = this.state, C = {
       overflow: "visible"
     }, y = {};
-    let _ = !1;
-    return r || (h === 0 && (_ = !0), C.height = 0, y.height = h, y.scaledHeight = h), a || (w === 0 && (_ = !0), C.width = 0, y.width = w, y.scaledWidth = w), s && (_ = !1), Ze(m, {
+    let w = !1;
+    return r || (h === 0 && (w = !0), C.height = 0, y.height = h, y.scaledHeight = h), i || (b === 0 && (w = !0), C.width = 0, y.width = b, y.scaledWidth = b), s && (w = !1), Ze(m, {
       ref: this._setRef,
       style: {
         ...C,
-        ...d
+        ...u
       },
-      ...b
-    }, !_ && e(y));
+      ...P
+    }, !w && e(y));
   }
 }
 const ri = ln(({ widths: t, heights: e }) => {
   const { focusedPage: n, totalPages: o } = oe(), r = W(() => {
-    const l = [], u = Math.ceil(n / 2) * 2 - 1;
-    if (l.push(u), u + 1 <= o) {
-      const d = u + 1;
-      l.push(d);
+    const l = [], d = Math.ceil(n / 2) * 2 - 1;
+    if (l.push(d), d + 1 <= o) {
+      const u = d + 1;
+      l.push(u);
     }
     return l;
-  }, [n, o]), a = W(() => {
-    const l = n % 2 === 1 ? n - 1 : n - 2, u = t(l), d = e(l), m = t(l + 1), b = e(l + 1), h = d > b ? d : b, w = d < b ? d : b, C = h / 2 - w / 2;
+  }, [n, o]), i = W(() => {
+    const l = n % 2 === 1 ? n - 1 : n - 2, d = Math.floor(l / 2), u = e(d), m = t(l), P = t(l + 1);
     return [
       {
         position: "absolute",
         left: 0,
-        top: h === d ? 0 : C,
-        width: u,
-        height: d
+        width: m,
+        height: u
       },
       {
         position: "absolute",
-        left: u,
-        top: h === b ? 0 : C,
-        width: m,
-        height: b
+        left: m,
+        width: P,
+        height: u
       }
     ];
-  }, [t, e, r]), s = W(() => a.reduce((l, u) => l + Number(u.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: s, position: "relative" }, children: r.map((l, u) => /* @__PURE__ */ i(Lt, { style: a[u], pageNumber: l }, l)) });
+  }, [t, e, r]), s = W(() => i.reduce((l, d) => l + Number(d.width || 0), 0), [i]);
+  return /* @__PURE__ */ a("div", { style: { width: s, position: "relative" }, children: r.map((l, d) => /* @__PURE__ */ a(Lt, { style: i[d], pageNumber: l }, l)) });
 }), oi = ({ widths: t, heights: e }) => {
   const { focusedPage: n } = oe(), o = W(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
   }), [t, e, n]), r = W(() => t(n - 1), [t]);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "div",
     {
       style: {
         width: r,
         position: "relative"
       },
-      children: /* @__PURE__ */ i(Lt, { style: o, pageNumber: n }, n)
+      children: /* @__PURE__ */ a(Lt, { style: o, pageNumber: n }, n)
     }
   );
 }, ii = (t, e, n) => {
-  const o = $(), { contentRef: r } = ge(), { heights: a, widths: s } = qe(), { setFocusedPage: l } = oe(), [u, d] = G([]), { targetScrollPage: m } = pn(), b = Tt(u, 0, 500), h = W(() => a.map((C, y) => {
-    const _ = s[y], S = Zr(y + 1, t), f = _ * S.columnIndex, p = C * S.rowIndex, g = f + _, c = p + C;
+  const o = H(), { contentRef: r } = ge(), { heights: i, widths: s } = qe(), { setFocusedPage: l } = oe(), [d, u] = G([]), { targetScrollPage: m } = pn(), P = Tt(d, 0, 500), h = W(() => i.map((C, y) => {
+    const w = s[y], S = Zr(y + 1, t), f = w * S.columnIndex, p = C * S.rowIndex, g = f + w, c = p + C;
     return {
       pageNumber: y + 1,
       ...S,
-      width: _,
+      width: w,
       height: C,
       startX: f,
       startY: p,
       endX: g,
       endY: c
     };
-  }), [a, s, t, e]);
+  }), [i, s, t, e]);
   z(() => {
     var y;
-    b.length > 0 && !m.current && l(b[0].pageNumber);
-    let C = (y = b[0]) == null ? void 0 : y.ratio;
-    C && b.filter((_) => Math.round(_.ratio) === Math.round(C)).some((_) => _.pageNumber === m.current) && setTimeout(() => {
+    P.length > 0 && !m.current && l(P[0].pageNumber);
+    let C = (y = P[0]) == null ? void 0 : y.ratio;
+    C && P.filter((w) => Math.round(w.ratio) === Math.round(C)).some((w) => w.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [b, l]);
-  const w = E(
+  }, [P, l]);
+  const b = E(
     (C) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const y = C.target, _ = {
+        const y = C.target, w = {
           startTop: y.scrollTop,
           startLeft: y.scrollLeft,
           endTop: y.scrollTop + y.clientHeight,
           endLeft: y.scrollLeft + y.clientWidth
         }, S = h.filter((f) => {
-          const p = f.endX >= _.startLeft && f.endY >= _.startTop, g = f.startX <= _.endLeft && f.startY <= _.endTop;
+          const p = f.endX >= w.startLeft && f.endY >= w.startTop, g = f.startX <= w.endLeft && f.startY <= w.endTop;
           return p && g;
         }).map((f) => {
-          const p = _.startLeft > f.startX ? _.startLeft : f.startX, g = _.startTop > f.startY ? _.startTop : f.startY, c = _.endLeft < f.endX ? _.endLeft : f.endX, P = _.endTop < f.endY ? _.endTop : f.endY, v = c - p, T = P - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
+          const p = w.startLeft > f.startX ? w.startLeft : f.startX, g = w.startTop > f.startY ? w.startTop : f.startY, c = w.endLeft < f.endX ? w.endLeft : f.endX, _ = w.endTop < f.endY ? w.endTop : f.endY, v = c - p, T = _ - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
           return {
             pageNumber: f.pageNumber,
             ratio: x
           };
         }).sort((f, p) => p.ratio - f.ratio);
-        d(S);
+        u(S);
       });
     },
     [r, h]
   );
   z(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", w), () => {
-        n == null || n.removeEventListener("scroll", w);
+      return n == null || n.addEventListener("scroll", b), () => {
+        n == null || n.removeEventListener("scroll", b);
       };
-  }, [n, w]);
+  }, [n, b]);
 }, be = {
   "rp-layout": "_rp-layout_1g4ff_1",
   "rp-content": "_rp-content_1g4ff_5",
@@ -2039,8 +2038,8 @@ const ri = ln(({ widths: t, heights: e }) => {
   "rp-theme-variables": "_rp-theme-variables_1g4ff_24",
   "rp-dark-mode": "_rp-dark-mode_1g4ff_135"
 }, Rn = Ve((t, e) => {
-  const { children: n, toolbarRef: o, style: r, className: a, ...s } = t, { customVariables: l, customDarkVariables: u } = _r(), { darkMode: d } = ir();
-  return /* @__PURE__ */ i(
+  const { children: n, toolbarRef: o, style: r, className: i, ...s } = t, { customVariables: l, customDarkVariables: d } = _r(), { darkMode: u } = ir();
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
@@ -2048,13 +2047,13 @@ const ri = ln(({ widths: t, heights: e }) => {
       className: re(
         be["rp-theme-variables"],
         be["rp-container"],
-        d ? be["rp-dark-mode"] : "",
-        a
+        u ? be["rp-dark-mode"] : "",
+        i
       ),
       style: {
         "--rp-toolbar-height": `${(o == null ? void 0 : o.clientHeight) || 48}px`,
         ...l,
-        ...d ? u : {},
+        ...u ? d : {},
         ...r
       },
       children: n
@@ -2062,33 +2061,33 @@ const ri = ln(({ widths: t, heights: e }) => {
   );
 }), ai = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
   const r = jr(e, t, n.columnCount);
-  return /* @__PURE__ */ i(Lt, { style: o, pageNumber: r }, r);
+  return /* @__PURE__ */ a(Lt, { style: o, pageNumber: r }, r);
 }, Jo), Qs = () => {
-  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = cr(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: a } = vn(), {
+  const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = cr(), { pagesRef: o, setPagesRef: r } = ge(), { scrollToPage: i } = vn(), {
     virtualScrollRef: s,
     getVirtualScrollRef: l,
-    getPageScrollElementRef: u,
-    getVirtualScrollableElementRef: d,
+    getPageScrollElementRef: d,
+    getVirtualScrollableElementRef: u,
     setTotalInnerDimensions: m,
-    virtualScrollableElementRef: b,
+    virtualScrollableElementRef: P,
     totalInnerDimensions: h,
-    pageScrollElementRef: w
-  } = et(), C = $(!0), { nextPage: y, prevPage: _, setFocusedPage: S, focusedPage: f } = oe(), { scrollMode: p } = Ne(), { viewMode: g } = Oe(), c = $(null), { loading: P } = J(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = hn(), R = $(
+    pageScrollElementRef: b
+  } = et(), C = H(!0), { nextPage: y, prevPage: w, setFocusedPage: S, focusedPage: f } = oe(), { scrollMode: p } = Ne(), { viewMode: g } = Oe(), c = H(null), { loading: _ } = J(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = hn(), R = H(
     h
-  ), x = $({
+  ), x = H({
     viewMode: g,
     scrollMode: p
-  }), I = $(!1), O = $(), { isFullScreen: A } = lr(), {
+  }), I = H(!1), O = H(), { isFullScreen: A } = lr(), {
     pageDimension: F,
     rowCount: L,
     rowHeight: N,
     columnCount: D,
     columnWidth: k,
     estimatedColumnWidth: q,
-    estimatedRowHeight: H
-  } = ei(), U = Tt(h, 100), V = $();
-  ii(D, L, b);
-  const K = $({
+    estimatedRowHeight: $
+  } = ei(), U = Tt(h, 100), V = H();
+  ii(D, L, P);
+  const K = H({
     scrollTop: 0,
     scrollLeft: 0
   });
@@ -2100,9 +2099,9 @@ const ri = ln(({ widths: t, heights: e }) => {
   }), [D]), we = E(
     (B) => {
       const Z = document.activeElement !== o;
-      !A && Z || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), _()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), y()));
+      !A && Z || (["ArrowUp", "ArrowLeft"].includes(B.key) ? (B.preventDefault(), w()) : ["ArrowDown", "ArrowRight"].includes(B.key) && (B.preventDefault(), y()));
     },
-    [y, _, A, p]
+    [y, w, A, p]
   );
   z(() => (window.addEventListener("keydown", we), () => {
     window.removeEventListener("keydown", we);
@@ -2118,19 +2117,19 @@ const ri = ln(({ widths: t, heights: e }) => {
   }, [L, D, F, s]);
   const Te = E(
     (B, Z) => {
-      if (!b)
+      if (!P)
         return { scrollTop: 0, scrollLeft: 0 };
       const ye = K.current.scrollTop > Z, Se = K.current.scrollLeft > B;
       return ye || Se ? K.current : {
-        scrollTop: b.scrollTop,
-        scrollLeft: b.scrollLeft
+        scrollTop: P.scrollTop,
+        scrollLeft: P.scrollLeft
       };
     },
-    [b]
+    [P]
   ), _e = E(
     (B, Z) => {
       if (x.current.viewMode !== g || x.current.scrollMode !== p) {
-        V.current && clearTimeout(V.current), I.current = !0, a(f, "auto"), V.current = setTimeout(() => {
+        V.current && clearTimeout(V.current), I.current = !0, i(f, "auto"), V.current = setTimeout(() => {
           requestAnimationFrame(() => {
             x.current = { viewMode: g, scrollMode: p };
           });
@@ -2157,7 +2156,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         width: Z.width
       };
     },
-    [s, g, p, a]
+    [s, g, p, i]
   );
   z(() => {
     clearTimeout(O.current);
@@ -2180,7 +2179,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         scrollLeft: B.scrollLeft
       };
     },
-    [b]
+    [P]
   );
   z(() => () => {
     V.current && clearTimeout(V.current);
@@ -2198,36 +2197,36 @@ const ri = ln(({ widths: t, heights: e }) => {
     [ee, le, ue]
   );
   return z(() => {
-    P && de();
-  }, [P]), z(() => {
+    _ && de();
+  }, [_]), z(() => {
     if (!(U.height === 0 || !C.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== f && w && S(t), C.current = !1;
+        t !== f && b && S(t), C.current = !1;
         return;
       }
-      a(t, "auto"), S(t), C.current = !1;
+      i(t, "auto"), S(t), C.current = !1;
     }
   }, [
-    a,
+    i,
     e,
-    w,
+    b,
     S,
     U
   ]), /* @__PURE__ */ M(me, { children: [
-    /* @__PURE__ */ i(Rn, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ i(ni, { style: { minHeight: "50px" }, children: ({ width: B, height: Z }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Xn, style: { width: B, height: Z }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ i(
+    /* @__PURE__ */ a(Rn, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ a(ni, { style: { minHeight: "50px" }, children: ({ width: B, height: Z }) => /* @__PURE__ */ a("div", { "data-rp": "pages", ref: Xn, style: { width: B, height: Z }, children: p === ne.PAGE_SCROLLING ? /* @__PURE__ */ a(
       "div",
       {
-        ref: u,
+        ref: d,
         style: { width: B, height: Z },
         className: re(ue["rp-pages"], ue["rp-page-scrolling-wrapper"]),
-        children: g === Le.DUAL_PAGE ? /* @__PURE__ */ i(ri, { widths: k, heights: N }) : /* @__PURE__ */ i(oi, { widths: k, heights: N })
+        children: g === Le.DUAL_PAGE ? /* @__PURE__ */ a(ri, { widths: k, heights: N }) : /* @__PURE__ */ a(oi, { widths: k, heights: N })
       }
-    ) : q ? /* @__PURE__ */ i(
+    ) : q ? /* @__PURE__ */ a(
       Xo,
       {
         ref: l,
         itemData: Fe,
-        outerRef: d,
+        outerRef: u,
         innerRef: c,
         onScroll: rt,
         columnCount: D,
@@ -2236,7 +2235,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         height: Z,
         width: B,
         estimatedColumnWidth: q,
-        estimatedRowHeight: H,
+        estimatedRowHeight: $,
         rowCount: L,
         className: re(
           ue["rp-pages"],
@@ -2244,7 +2243,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         ),
         children: ai
       }
-    ) : P ? null : /* @__PURE__ */ i(
+    ) : _ ? null : /* @__PURE__ */ a(
       "div",
       {
         className: ue["rp-loader"],
@@ -2255,10 +2254,10 @@ const ri = ln(({ widths: t, heights: e }) => {
           height: "100%",
           width: "100%"
         },
-        children: T && /* @__PURE__ */ i(T, {})
+        children: T && /* @__PURE__ */ a(T, {})
       }
     ) }) }) }),
-    v && /* @__PURE__ */ i(Br, {})
+    v && /* @__PURE__ */ a(Br, {})
   ] });
 }, ke = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2272,55 +2271,55 @@ const ri = ln(({ widths: t, heights: e }) => {
   "rp-total-page": "_rp-total-page_1y9vo_11"
 }, si = () => {
   const { prevIcon: t } = pe();
-  return t || /* @__PURE__ */ i(He, {});
+  return t || /* @__PURE__ */ a(He, {});
 }, ci = () => {
   const { nextIcon: t } = pe();
-  return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
+  return t || /* @__PURE__ */ a(He, { style: { transform: "rotate(180deg" } });
 }, li = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = oe(), [s, l] = G(t.toString()), { pageNavigationTool: u = !0 } = ve(), { isSmallScreen: d } = Pe(), { localeMessages: m } = se(), { viewMode: b } = Oe(), { scrollMode: h } = Ne();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: i } = oe(), [s, l] = G(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: u } = Pe(), { localeMessages: m } = se(), { viewMode: P } = Oe(), { scrollMode: h } = Ne();
   z(() => {
     l(t.toString());
   }, [t]);
-  const w = E((f) => {
+  const b = E((f) => {
     const p = f.target.value;
     l(p);
   }, []), C = E(async () => {
-    const f = a(s);
+    const f = i(s);
     f.success || l(f.currentPage.toString());
-  }, [a, s, e]), y = E(() => {
+  }, [i, s, e]), y = E(() => {
     l(t.toString());
-  }, [t]), _ = E(
+  }, [t]), w = E(
     (f) => {
       f.key === "Enter" && C();
     },
     [C]
-  ), S = W(() => b === Le.DUAL_PAGE && h === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, b, h]);
-  return typeof u != "boolean" ? /* @__PURE__ */ i(
-    u,
+  ), S = W(() => P === Le.DUAL_PAGE && h === ne.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, h]);
+  return typeof d != "boolean" ? /* @__PURE__ */ a(
+    d,
     {
       total: e,
       current: t,
       nextPage: o,
       prevPage: r,
-      goToPage: a,
+      goToPage: i,
       changePage: n
     }
-  ) : u ? /* @__PURE__ */ M("div", { className: mt["rp-paginate"], children: [
-    !d && /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+  ) : d ? /* @__PURE__ */ M("div", { className: mt["rp-paginate"], children: [
+    !u && /* @__PURE__ */ a(Y, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ a(
       ie,
       {
         onClick: r,
         "aria-label": m == null ? void 0 : m.previousPageTooltip,
         "aria-disabled": t === 1,
-        children: /* @__PURE__ */ i(si, {})
+        children: /* @__PURE__ */ a(si, {})
       }
     ) }),
-    /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ a(Y, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ a(
       dn,
       {
-        onKeyDown: _,
+        onKeyDown: w,
         onBlur: y,
-        onChange: w,
+        onChange: b,
         value: s,
         className: mt["rp-page-input"],
         id: "page-input",
@@ -2331,13 +2330,13 @@ const ri = ln(({ widths: t, heights: e }) => {
       "/",
       e
     ] }),
-    !d && /* @__PURE__ */ i(Y, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+    !u && /* @__PURE__ */ a(Y, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ a(
       ie,
       {
         onClick: o,
         "aria-label": m == null ? void 0 : m.nextPageTooltip,
         "aria-disabled": S,
-        children: /* @__PURE__ */ i(ci, {})
+        children: /* @__PURE__ */ a(ci, {})
       }
     ) })
   ] }) : null;
@@ -2348,26 +2347,26 @@ var nt = "Dialog", [Ln, Ys] = eo(nt), [di, ce] = Ln(nt), En = (t) => {
     children: n,
     open: o,
     defaultOpen: r,
-    onOpenChange: a,
+    onOpenChange: i,
     modal: s = !0
-  } = t, l = j.useRef(null), u = j.useRef(null), [d, m] = no({
+  } = t, l = j.useRef(null), d = j.useRef(null), [u, m] = no({
     prop: o,
     defaultProp: r ?? !1,
-    onChange: a,
+    onChange: i,
     caller: nt
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     di,
     {
       scope: e,
       triggerRef: l,
-      contentRef: u,
+      contentRef: d,
       contentId: lt(),
       titleId: lt(),
       descriptionId: lt(),
-      open: d,
+      open: u,
       onOpenChange: m,
-      onOpenToggle: j.useCallback(() => m((b) => !b), [m]),
+      onOpenToggle: j.useCallback(() => m((P) => !P), [m]),
       modal: s,
       children: n
     }
@@ -2376,8 +2375,8 @@ var nt = "Dialog", [Ln, Ys] = eo(nt), [di, ce] = Ln(nt), En = (t) => {
 En.displayName = nt;
 var Nn = "DialogTrigger", ui = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Nn, n), a = St(e, r.triggerRef);
-    return /* @__PURE__ */ i(
+    const { __scopeDialog: n, ...o } = t, r = ce(Nn, n), i = St(e, r.triggerRef);
+    return /* @__PURE__ */ a(
       Be.button,
       {
         type: "button",
@@ -2386,7 +2385,7 @@ var Nn = "DialogTrigger", ui = j.forwardRef(
         "aria-controls": r.contentId,
         "data-state": Ot(r.open),
         ...o,
-        ref: a,
+        ref: i,
         onClick: Me(t.onClick, r.onOpenToggle)
       }
     );
@@ -2396,14 +2395,14 @@ ui.displayName = Nn;
 var Et = "DialogPortal", [pi, On] = Ln(Et, {
   forceMount: void 0
 }), Dn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Et, e);
-  return /* @__PURE__ */ i(pi, { scope: e, forceMount: n, children: j.Children.map(o, (s) => /* @__PURE__ */ i(xt, { present: n || a.open, children: /* @__PURE__ */ i(lo, { asChild: !0, container: r, children: s }) })) });
+  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, i = ce(Et, e);
+  return /* @__PURE__ */ a(pi, { scope: e, forceMount: n, children: j.Children.map(o, (s) => /* @__PURE__ */ a(xt, { present: n || i.open, children: /* @__PURE__ */ a(lo, { asChild: !0, container: r, children: s }) })) });
 };
 Dn.displayName = Et;
 var Ye = "DialogOverlay", zn = j.forwardRef(
   (t, e) => {
-    const n = On(Ye, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ye, t.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(xt, { present: o || a.open, children: /* @__PURE__ */ i(fi, { ...r, ref: e }) }) : null;
+    const n = On(Ye, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, i = ce(Ye, t.__scopeDialog);
+    return i.modal ? /* @__PURE__ */ a(xt, { present: o || i.open, children: /* @__PURE__ */ a(fi, { ...r, ref: e }) }) : null;
   }
 );
 zn.displayName = Ye;
@@ -2413,7 +2412,7 @@ var hi = ro("DialogOverlay.RemoveScroll"), fi = j.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(io, { as: hi, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+      /* @__PURE__ */ a(io, { as: hi, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
         Be.div,
         {
           "data-state": Ot(r.open),
@@ -2426,8 +2425,8 @@ var hi = ro("DialogOverlay.RemoveScroll"), fi = j.forwardRef(
   }
 ), Ee = "DialogContent", An = j.forwardRef(
   (t, e) => {
-    const n = On(Ee, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ee, t.__scopeDialog);
-    return /* @__PURE__ */ i(xt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(mi, { ...r, ref: e }) : /* @__PURE__ */ i(gi, { ...r, ref: e }) });
+    const n = On(Ee, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, i = ce(Ee, t.__scopeDialog);
+    return /* @__PURE__ */ a(xt, { present: o || i.open, children: i.modal ? /* @__PURE__ */ a(mi, { ...r, ref: e }) : /* @__PURE__ */ a(gi, { ...r, ref: e }) });
   }
 );
 An.displayName = Ee;
@@ -2435,27 +2434,27 @@ var mi = j.forwardRef(
   (t, e) => {
     const n = ce(Ee, t.__scopeDialog), o = j.useRef(null), r = St(e, n.contentRef, o);
     return j.useEffect(() => {
-      const a = o.current;
-      if (a)
-        return ao(a);
-    }, []), /* @__PURE__ */ i(
+      const i = o.current;
+      if (i)
+        return ao(i);
+    }, []), /* @__PURE__ */ a(
       Fn,
       {
         ...t,
         ref: r,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: Me(t.onCloseAutoFocus, (a) => {
+        onCloseAutoFocus: Me(t.onCloseAutoFocus, (i) => {
           var s;
-          a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
+          i.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: Me(t.onPointerDownOutside, (a) => {
-          const s = a.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
-          (s.button === 2 || l) && a.preventDefault();
+        onPointerDownOutside: Me(t.onPointerDownOutside, (i) => {
+          const s = i.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || l) && i.preventDefault();
         }),
         onFocusOutside: Me(
           t.onFocusOutside,
-          (a) => a.preventDefault()
+          (i) => i.preventDefault()
         )
       }
     );
@@ -2463,39 +2462,39 @@ var mi = j.forwardRef(
 ), gi = j.forwardRef(
   (t, e) => {
     const n = ce(Ee, t.__scopeDialog), o = j.useRef(!1), r = j.useRef(!1);
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       Fn,
       {
         ...t,
         ref: e,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (a) => {
+        onCloseAutoFocus: (i) => {
           var s, l;
-          (s = t.onCloseAutoFocus) == null || s.call(t, a), a.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+          (s = t.onCloseAutoFocus) == null || s.call(t, i), i.defaultPrevented || (o.current || (l = n.triggerRef.current) == null || l.focus(), i.preventDefault()), o.current = !1, r.current = !1;
         },
-        onInteractOutside: (a) => {
-          var u, d;
-          (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;
-          ((d = n.triggerRef.current) == null ? void 0 : d.contains(s)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+        onInteractOutside: (i) => {
+          var d, u;
+          (d = t.onInteractOutside) == null || d.call(t, i), i.defaultPrevented || (o.current = !0, i.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const s = i.target;
+          ((u = n.triggerRef.current) == null ? void 0 : u.contains(s)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && r.current && i.preventDefault();
         }
       }
     );
   }
 ), Fn = j.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, l = ce(Ee, n), u = j.useRef(null), d = St(e, u);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: i, ...s } = t, l = ce(Ee, n), d = j.useRef(null), u = St(e, d);
     return so(), /* @__PURE__ */ M(me, { children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         co,
         {
           asChild: !0,
           loop: !0,
           trapped: o,
           onMountAutoFocus: r,
-          onUnmountAutoFocus: a,
-          children: /* @__PURE__ */ i(
+          onUnmountAutoFocus: i,
+          children: /* @__PURE__ */ a(
             oo,
             {
               role: "dialog",
@@ -2504,36 +2503,36 @@ var mi = j.forwardRef(
               "aria-labelledby": l.titleId,
               "data-state": Ot(l.open),
               ...s,
-              ref: d,
+              ref: u,
               onDismiss: () => l.onOpenChange(!1)
             }
           )
         }
       ),
       /* @__PURE__ */ M(me, { children: [
-        /* @__PURE__ */ i(wi, { titleId: l.titleId }),
-        /* @__PURE__ */ i(bi, { contentRef: u, descriptionId: l.descriptionId })
+        /* @__PURE__ */ a(wi, { titleId: l.titleId }),
+        /* @__PURE__ */ a(bi, { contentRef: d, descriptionId: l.descriptionId })
       ] })
     ] });
   }
 ), Nt = "DialogTitle", kn = j.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(Nt, n);
-    return /* @__PURE__ */ i(Be.h2, { id: r.titleId, ...o, ref: e });
+    return /* @__PURE__ */ a(Be.h2, { id: r.titleId, ...o, ref: e });
   }
 );
 kn.displayName = Nt;
 var Wn = "DialogDescription", vi = j.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(Wn, n);
-    return /* @__PURE__ */ i(Be.p, { id: r.descriptionId, ...o, ref: e });
+    return /* @__PURE__ */ a(Be.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
 vi.displayName = Wn;
 var Mn = "DialogClose", Hn = j.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(Mn, n);
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       Be.button,
       {
         type: "button",
@@ -2564,8 +2563,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
 }, _i = "DialogDescriptionWarning", bi = ({ contentRef: t, descriptionId: e }) => {
   const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Gn(_i).contentName}}.`;
   return j.useEffect(() => {
-    var a;
-    const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    var i;
+    const r = (i = t.current) == null ? void 0 : i.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
 }, Ci = En, Pi = Dn, Ti = zn, yi = An, Si = kn, xi = Hn;
@@ -2578,35 +2577,35 @@ const Ie = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Ii = () => {
-  const { pdfProperties: t } = J(), { container: e } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = ho(), { localeMessages: r } = se(), a = W(() => {
+  const { pdfProperties: t } = J(), { container: e } = ge(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = ho(), { localeMessages: r } = se(), i = W(() => {
     if (!t)
       return [];
     const {
       fileSize: s,
       filename: l,
-      title: u,
-      author: d,
+      title: d,
+      author: u,
       subject: m,
-      createdOn: b,
+      createdOn: P,
       creator: h,
-      keywords: w,
+      keywords: b,
       modifiedOn: C,
       pdfProducer: y,
-      pdfVersion: _,
+      pdfVersion: w,
       pageCount: S
     } = t;
     return [
       { label: r == null ? void 0 : r.propertiesFilenameLabel, value: l },
       { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: s },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
-      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: d },
+      { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: u },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: b },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: b ? Wt(b) : ""
+        value: P ? Wt(P) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
@@ -2614,16 +2613,16 @@ const Ie = {
       },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
-      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: _ },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: w },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(Ci, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(Pi, { container: e, children: /* @__PURE__ */ M("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(Ti, { className: Ie["rp-dialog-overlay"] }),
+  return /* @__PURE__ */ a(Ci, { open: n, onOpenChange: o, children: /* @__PURE__ */ a(Pi, { container: e, children: /* @__PURE__ */ M("div", { className: Ie["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(Ti, { className: Ie["rp-dialog-overlay"] }),
     /* @__PURE__ */ M(yi, { className: Ie["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(Si, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ie["rp-document-properties"], children: a.map((s, l) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(po, { label: s.label, value: s.value }) }, l)) }),
-      /* @__PURE__ */ i(xi, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(uo, {}) })
+      /* @__PURE__ */ a(Si, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: Ie["rp-document-properties"], children: i.map((s, l) => /* @__PURE__ */ a("div", { children: s.separate ? /* @__PURE__ */ a("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ a(po, { label: s.label, value: s.value }) }, l)) }),
+      /* @__PURE__ */ a(xi, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ a(uo, {}) })
     ] })
   ] }) }) });
 }, Ri = {
@@ -2632,34 +2631,34 @@ const Ie = {
   const n = await (await fetch(t)).blob();
   return Li(n);
 }, qn = () => {
-  const { filename: t, pdfSrc: e } = J(), { downloadFilename: n } = mr(), o = (a) => {
-    const s = n || a;
+  const { filename: t, pdfSrc: e } = J(), { downloadFilename: n } = mr(), o = (i) => {
+    const s = n || i;
     return s.endsWith(nn) ? s : `${s}${nn}`;
   };
   return { download: E(async () => {
     if (!t || !e)
       throw new Error("There is no PDF source to download");
-    const a = document.createElement("a");
-    a.href = await Ei(e), a.download = o(t), document.body.appendChild(a), a.click(), document.body.removeChild(a);
+    const i = document.createElement("a");
+    i.href = await Ei(e), i.download = o(t), document.body.appendChild(i), i.click(), document.body.removeChild(i);
   }, [t, e]) };
 }, Un = () => {
   const { downloadIcon: t } = pe();
-  return t || /* @__PURE__ */ i(_o, {});
-}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Y, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ni = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Vn, { localeMessages: e, children: /* @__PURE__ */ i(ie, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Un, {}) }) }), Oi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ M(Vn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Un, {}) }),
+  return t || /* @__PURE__ */ a(_o, {});
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Y, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ni = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Vn, { localeMessages: e, children: /* @__PURE__ */ a(ie, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ a(Un, {}) }) }), Oi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ a(Ce, { onClick: t, children: /* @__PURE__ */ M(Vn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Un, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), Bn = () => {
   const { download: t } = qn(), { downloadTool: e = !0 } = ve(), { isSmallScreen: n } = Pe(), { localeMessages: o } = se();
-  return e ? n ? /* @__PURE__ */ i(Oi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(Ni, { download: t, localeMessages: o }) : null : null;
+  return e ? n ? /* @__PURE__ */ a(Oi, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ a(e, { download: t }) : e ? /* @__PURE__ */ a(Ni, { download: t, localeMessages: o }) : null : null;
 }, Zn = () => {
   const { printIcon: t } = pe();
-  return t || /* @__PURE__ */ i(bo, {});
-}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Y, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(jn, { localeMessages: e, children: /* @__PURE__ */ i(ie, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Zn, {}) }) }), zi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Ce, { onClick: t, children: /* @__PURE__ */ M(jn, { className: "rp-menu-item", localeMessages: e, children: [
-  /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Zn, {}) }),
+  return t || /* @__PURE__ */ a(bo, {});
+}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Y, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(jn, { localeMessages: e, children: /* @__PURE__ */ a(ie, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Zn, {}) }) }), zi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Ce, { onClick: t, children: /* @__PURE__ */ M(jn, { className: "rp-menu-item", localeMessages: e, children: [
+  /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Zn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Kn = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: s = !0 } = ve(), { isSmallScreen: l } = Pe(), { localeMessages: u } = se();
-  return s ? l ? /* @__PURE__ */ i(zi, { print: t, localeMessages: u }) : typeof s == "function" ? /* @__PURE__ */ i(
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: i } = tt(), { printTool: s = !0 } = ve(), { isSmallScreen: l } = Pe(), { localeMessages: d } = se();
+  return s ? l ? /* @__PURE__ */ a(zi, { print: t, localeMessages: d }) : typeof s == "function" ? /* @__PURE__ */ a(
     s,
     {
       print: t,
@@ -2667,72 +2666,72 @@ const Ie = {
       setOnProgress: n,
       setOnError: r,
       setOnComplete: o,
-      progress: a
+      progress: i
     }
-  ) : s ? /* @__PURE__ */ i(Di, { print: t, localeMessages: u }) : null : null;
+  ) : s ? /* @__PURE__ */ a(Di, { print: t, localeMessages: d }) : null : null;
 }, Ai = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Fi = () => {
   const { goToFirstPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(gn, { className: Ai["rp-go-to-Top"] });
+  return t || /* @__PURE__ */ a(gn, { className: Ai["rp-go-to-Top"] });
 }, ki = () => {
   const { goToLastPageIcon: t } = pe();
-  return t || /* @__PURE__ */ i(gn, {});
+  return t || /* @__PURE__ */ a(gn, {});
 }, rn = { width: "100%" }, Wi = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = oe(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = W(() => n === 1, [n]), s = W(() => n === e, [n, e]), l = E(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = oe(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), i = W(() => n === 1, [n]), s = W(() => n === e, [n, e]), l = E(() => {
     t(1);
-  }, [t]), u = E(() => {
+  }, [t]), d = E(() => {
     t(e);
   }, [t, e]);
   return o ? /* @__PURE__ */ M(Qe, { children: [
-    /* @__PURE__ */ i(Ce, { onClick: l, children: /* @__PURE__ */ i(Y, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": a, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Fi, {}) }),
-      /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
+    /* @__PURE__ */ a(Ce, { onClick: l, children: /* @__PURE__ */ a(Y, { content: r == null ? void 0 : r.firstPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": i, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Fi, {}) }),
+      /* @__PURE__ */ a("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(Ce, { onClick: u, children: /* @__PURE__ */ i(Y, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": s, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(ki, {}) }),
-      /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
+    /* @__PURE__ */ a(Ce, { onClick: d, children: /* @__PURE__ */ a(Y, { content: r == null ? void 0 : r.lastPageTooltip, style: rn, children: /* @__PURE__ */ M("div", { className: "rp-menu-item", "aria-disabled": s, children: [
+      /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(ki, {}) }),
+      /* @__PURE__ */ a("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(It, {})
+    /* @__PURE__ */ a(It, {})
   ] }) : null;
 }, Mi = () => {
   const [t, e] = G(!1), { container: n, pagesRef: o } = ge(), { isSmallScreen: r } = Pe(), {
-    openFileTool: a,
+    openFileTool: i,
     downloadTool: s,
     documentProperties: l,
-    scrollModeTool: u,
-    rotateTool: d,
+    scrollModeTool: d,
+    rotateTool: u,
     selectionModeTool: m,
-    jumpNavigationTool: b,
+    jumpNavigationTool: P,
     printTool: h,
-    fullscreenTool: w
-  } = ve(), { localeMessages: C } = se(), [y, _] = G(0), S = $(
+    fullscreenTool: b
+  } = ve(), { localeMessages: C } = se(), [y, w] = G(0), S = H(
     new ResizeObserver((p) => {
-      _(p[0].contentRect.height);
+      w(p[0].contentRect.height);
     })
   ), f = W(() => {
-    const p = b || d || m || u || l;
+    const p = P || u || m || d || l;
     let g = !1;
-    return r && (g = !(!a && !s && !h && !w)), p || g;
+    return r && (g = !(!i && !s && !h && !b)), p || g;
   }, [
-    a,
+    i,
     s,
     l,
-    u,
     d,
+    u,
     m,
-    b,
+    P,
     r
   ]);
   return z(() => (o && S.current.observe(o), () => {
     S.current.disconnect();
   }), [o]), f ? /* @__PURE__ */ M(fo, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       yt,
       {
         container: n,
         onOpenChange: e,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Y, { content: C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ i(ie, { active: t, "aria-label": C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ i(Jr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Y, { content: C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ a(ie, { active: t, "aria-label": C == null ? void 0 : C.moreOptionTooltip, children: /* @__PURE__ */ a(Jr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ M(
@@ -2743,36 +2742,36 @@ const Ie = {
             "data-rp": "moreOptionsDropdown",
             children: [
               r && /* @__PURE__ */ M(Qe, { children: [
-                /* @__PURE__ */ i(fn, {}),
-                /* @__PURE__ */ i(Bn, {}),
-                /* @__PURE__ */ i(Kn, {}),
-                /* @__PURE__ */ i(mn, {}),
-                /* @__PURE__ */ i(It, {})
+                /* @__PURE__ */ a(fn, {}),
+                /* @__PURE__ */ a(Bn, {}),
+                /* @__PURE__ */ a(Kn, {}),
+                /* @__PURE__ */ a(mn, {}),
+                /* @__PURE__ */ a(It, {})
               ] }),
-              /* @__PURE__ */ i(Wi, {}),
-              /* @__PURE__ */ i(go, {}),
-              /* @__PURE__ */ i(Co, {}),
-              /* @__PURE__ */ i(vo, {}),
-              /* @__PURE__ */ i(wo, {}),
-              /* @__PURE__ */ i(mo, {})
+              /* @__PURE__ */ a(Wi, {}),
+              /* @__PURE__ */ a(go, {}),
+              /* @__PURE__ */ a(Co, {}),
+              /* @__PURE__ */ a(vo, {}),
+              /* @__PURE__ */ a(wo, {}),
+              /* @__PURE__ */ a(mo, {})
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ i(Ii, {})
+    /* @__PURE__ */ a(Ii, {})
   ] }) : null;
 }, Hi = () => {
   const { isSmallScreen: t } = Pe();
   return /* @__PURE__ */ M(me, { children: [
-    /* @__PURE__ */ i(Yr, {}),
+    /* @__PURE__ */ a(Yr, {}),
     !t && /* @__PURE__ */ M(me, { children: [
-      /* @__PURE__ */ i(fn, {}),
-      /* @__PURE__ */ i(Bn, {}),
-      /* @__PURE__ */ i(Kn, {}),
-      /* @__PURE__ */ i(mn, {})
+      /* @__PURE__ */ a(fn, {}),
+      /* @__PURE__ */ a(Bn, {}),
+      /* @__PURE__ */ a(Kn, {}),
+      /* @__PURE__ */ a(mn, {})
     ] }),
-    /* @__PURE__ */ i(Mi, {})
+    /* @__PURE__ */ a(Mi, {})
   ] });
 }, $i = "_active_1fv1b_11", Re = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_1fv1b_1",
@@ -2783,16 +2782,16 @@ const Ie = {
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_1fv1b_24"
 }, Gi = 25, gt = 1e3, qi = [50, 75, 100, 125, 150, 200, 300, 400], Ui = () => {
   const { zoomInIcon: t } = pe();
-  return t || /* @__PURE__ */ i(Po, {});
+  return t || /* @__PURE__ */ a(Po, {});
 }, Vi = () => {
   const { zoomOutIcon: t } = pe();
-  return t || /* @__PURE__ */ i(To, {});
+  return t || /* @__PURE__ */ a(To, {});
 }, Bi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = oe(), { pageRotate: s } = Ue(), { pages: l } = J(), { isSmallScreen: u } = Pe(), { localeMessages: d } = se(), { viewMode: m } = Oe(), [b, h] = G(0), [w, C] = G(!1), y = $(
+  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: i } = oe(), { pageRotate: s } = Ue(), { pages: l } = J(), { isSmallScreen: d } = Pe(), { localeMessages: u } = se(), { viewMode: m } = Oe(), [P, h] = G(0), [b, C] = G(!1), y = H(
     new ResizeObserver((v) => {
       h(v[0].contentRect.height);
     })
-  ), _ = E(() => {
+  ), w = E(() => {
     e((v) => {
       const T = Math.floor(v / 25) * 25;
       return Math.min(T + 25, gt);
@@ -2803,9 +2802,9 @@ const Ie = {
       return Math.min(T - 25, gt);
     });
   }, [e]), f = W(() => t === Gi, [t]), p = W(() => t === gt, [t]), g = W(() => {
-    const v = l.get(a);
-    return v ? v.page.getViewport({ scale: 1, rotation: s[a] }) : null;
-  }, [l, a, s]), c = E(
+    const v = l.get(i);
+    return v ? v.page.getViewport({ scale: 1, rotation: s[i] }) : null;
+  }, [l, i, s]), c = E(
     (v) => {
       const T = ((g == null ? void 0 : g.width) || 0) + 2 * Mt, R = ((g == null ? void 0 : g.height) || 0) + 2 * Mt, x = (o == null ? void 0 : o.clientWidth) || 0, I = (o == null ? void 0 : o.clientHeight) || 0, O = yo(
         v,
@@ -2818,7 +2817,7 @@ const Ie = {
       e(O);
     },
     [e, g, o]
-  ), P = E(
+  ), _ = E(
     (v) => {
       typeof v == "number" ? e(v) : c(v);
     },
@@ -2826,34 +2825,34 @@ const Ie = {
   );
   return z(() => (o && y.current.observe(o), () => {
     y.current.disconnect();
-  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ M("div", { className: Re["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomOutTooltip, children: /* @__PURE__ */ i(
+  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ a(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ M("div", { className: Re["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ a(Y, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ a(
       ie,
       {
         disabled: f,
         onClick: S,
-        "aria-label": d == null ? void 0 : d.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Vi, {})
+        "aria-label": u == null ? void 0 : u.zoomOutTooltip,
+        children: /* @__PURE__ */ a(Vi, {})
       }
     ) }),
-    !u && /* @__PURE__ */ i(
+    !d && /* @__PURE__ */ a(
       yt,
       {
         container: n,
-        open: w,
+        open: b,
         onOpenChange: C,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomSelectTooltip, children: /* @__PURE__ */ M(
+        triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Y, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ M(
           ie,
           {
             className: re(
               Re["rp-current-zoom-wrapper"],
-              w && Re.active
+              b && Re.active
             ),
-            "aria-label": d == null ? void 0 : d.zoomSelectTooltip,
+            "aria-label": u == null ? void 0 : u.zoomSelectTooltip,
             children: [
-              /* @__PURE__ */ i("span", { className: Re["rp-current-zoom-text"], children: t }),
-              /* @__PURE__ */ i("span", { className: Re["rp-current-zoom-text"], children: "%" }),
-              /* @__PURE__ */ i(He, { className: Re["rp-current-zoom-icon"] })
+              /* @__PURE__ */ a("span", { className: Re["rp-current-zoom-text"], children: t }),
+              /* @__PURE__ */ a("span", { className: Re["rp-current-zoom-text"], children: "%" }),
+              /* @__PURE__ */ a(He, { className: Re["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
@@ -2864,16 +2863,16 @@ const Ie = {
         children: /* @__PURE__ */ M(
           "div",
           {
-            style: { maxHeight: `${b}px`, overflow: "auto" },
+            style: { maxHeight: `${P}px`, overflow: "auto" },
             className: Re["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ M(Qe, { children: [
-                /* @__PURE__ */ i(Ce, { onClick: () => P(st.ACTUAL), children: d == null ? void 0 : d.zoomActualSize }),
-                /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_FIT), children: d == null ? void 0 : d.zoomPageFit }),
-                /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_WIDTH), children: d == null ? void 0 : d.zoomPageWidth })
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ i(It, {}),
-              /* @__PURE__ */ i(Qe, { children: qi.map((v) => /* @__PURE__ */ M(Ce, { onClick: () => P(v), children: [
+              /* @__PURE__ */ a(It, {}),
+              /* @__PURE__ */ a(Qe, { children: qi.map((v) => /* @__PURE__ */ M(Ce, { onClick: () => _(v), children: [
                 v,
                 " %"
               ] }, v)) })
@@ -2882,25 +2881,25 @@ const Ie = {
         )
       }
     ),
-    /* @__PURE__ */ i(Y, { content: d == null ? void 0 : d.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ a(Y, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ a(
       ie,
       {
         disabled: p,
-        onClick: _,
-        "aria-label": d == null ? void 0 : d.zoomInTooltip,
-        children: /* @__PURE__ */ i(Ui, {})
+        onClick: w,
+        "aria-label": u == null ? void 0 : u.zoomInTooltip,
+        children: /* @__PURE__ */ a(Ui, {})
       }
     ) })
   ] }) : null;
 }, on = () => {
   const { totalMatches: t, nextMatch: e, prevMatch: n } = Rt(), { localeMessages: o } = se();
   return /* @__PURE__ */ M(me, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       Y,
       {
         content: o == null ? void 0 : o.searchPrevTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ i(ie, { tabIndex: 0, onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(ie, { tabIndex: 0, onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ a(
           He,
           {
             className: te["rp-search-tool-input-icon"],
@@ -2909,12 +2908,12 @@ const Ie = {
         ) })
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       Y,
       {
         content: o == null ? void 0 : o.searchNextTooltip,
         className: te["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ i(ie, { tabIndex: 0, onClick: e, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(ie, { tabIndex: 0, onClick: e, "aria-label": o == null ? void 0 : o.searchNextTooltip, children: /* @__PURE__ */ a(
           He,
           {
             style: { transform: "rotate(180deg" },
@@ -2927,35 +2926,35 @@ const Ie = {
   ] });
 }, an = () => {
   const { searchIcon: t } = pe();
-  return t || /* @__PURE__ */ i(So, {});
+  return t || /* @__PURE__ */ a(So, {});
 }, Zi = () => {
-  const { container: t } = ge(), [e, n] = G(!1), { pdf: o } = J(), [r, a] = G(null), {
+  const { container: t } = ge(), [e, n] = G(!1), { pdf: o } = J(), [r, i] = G(null), {
     searchOptions: s,
     setSearchOptions: l,
-    loading: u,
-    setSearch: d,
+    loading: d,
+    setSearch: u,
     totalMatches: m,
-    currentMatchPosition: b,
+    currentMatchPosition: P,
     nextMatch: h,
-    prevMatch: w,
+    prevMatch: b,
     search: C
-  } = Rt(), { searchTool: y = !0 } = ve(), [_, S] = G(C), { localeMessages: f } = se(), { isSmallScreen: p } = Pe(), [g, c] = G(null), P = E(() => {
+  } = Rt(), { searchTool: y = !0 } = ve(), [w, S] = G(C), { localeMessages: f } = se(), { isSmallScreen: p } = Pe(), [g, c] = G(null), _ = E(() => {
     n(!0);
   }, []), v = E(() => {
-    d(""), S(""), n(!1);
-  }, [d]), T = (H) => {
-    const U = H.key === "Enter", V = H.key === " ";
+    u(""), S(""), n(!1);
+  }, [u]), T = ($) => {
+    const U = $.key === "Enter", V = $.key === " ";
     (U || V) && v();
   }, R = E(
-    (H) => {
-      H.key === "Escape" && e && v();
+    ($) => {
+      $.key === "Escape" && e && v();
     },
     [e]
   ), x = E(
-    (H) => {
-      H.shiftKey && H.key === "Enter" ? w() : H.key === "Enter" && C !== _ ? d(_) : H.key === "Enter" && h();
+    ($) => {
+      $.shiftKey && $.key === "Enter" ? b() : $.key === "Enter" && C !== w ? u(w) : $.key === "Enter" && h();
     },
-    [_, w, h, d, C]
+    [w, b, h, u, C]
   );
   z(() => (window.addEventListener("keydown", R), () => {
     window.removeEventListener("keydown", R);
@@ -2964,18 +2963,18 @@ const Ie = {
       r.focus();
     }, 0);
   }, [r]);
-  const I = E((H) => {
-    S(H.target.value);
+  const I = E(($) => {
+    S($.target.value);
   }, []), O = E(() => {
-    S(""), d("");
-  }, [d]), A = W(() => `${b} / ${m}`, [b, m]), { wholeWords: F, matchCase: L } = W(() => s, [s]), N = E(
-    (H) => {
-      l((U) => ({ ...U, matchCase: H }));
+    S(""), u("");
+  }, [u]), A = W(() => `${P} / ${m}`, [P, m]), { wholeWords: F, matchCase: L } = W(() => s, [s]), N = E(
+    ($) => {
+      l((U) => ({ ...U, matchCase: $ }));
     },
     [l]
   ), D = E(
-    (H) => {
-      l((U) => ({ ...U, wholeWords: H }));
+    ($) => {
+      l((U) => ({ ...U, wholeWords: $ }));
     },
     [l]
   );
@@ -2983,15 +2982,15 @@ const Ie = {
     v();
   }, [o, v]);
   const k = W(() => (g == null ? void 0 : g.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [g]), q = E(
-    (H) => {
-      if (H.key === "Tab") {
+    ($) => {
+      if ($.key === "Tab") {
         const U = document.activeElement;
         let V = 0;
         k.forEach((Q, le) => {
           Q === U && (V = le);
         });
         let K = V + 1;
-        H.shiftKey && (K = V - 1);
+        $.shiftKey && (K = V - 1);
         const X = k[K];
         if (X)
           X.focus();
@@ -3006,7 +3005,7 @@ const Ie = {
     },
     [k]
   );
-  return y ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
+  return y ? /* @__PURE__ */ a(me, { children: /* @__PURE__ */ a(
     yt,
     {
       open: e,
@@ -3015,13 +3014,13 @@ const Ie = {
       align: "start",
       tabIndex: 0,
       avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(
+      triggerComponent: /* @__PURE__ */ a(Y, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ a(
         ie,
         {
-          onClick: P,
+          onClick: _,
           active: e,
           "aria-label": f == null ? void 0 : f.searchButtonTooltip,
-          children: /* @__PURE__ */ i(an, {})
+          children: /* @__PURE__ */ a(an, {})
         }
       ) }),
       children: /* @__PURE__ */ M(
@@ -3034,28 +3033,28 @@ const Ie = {
           children: [
             /* @__PURE__ */ M("div", { className: te["rp-search-tool-input-wrapper"], children: [
               /* @__PURE__ */ M("div", { className: te["rp-search-tool-input"], children: [
-                /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
+                /* @__PURE__ */ a(Y, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ a(
                   dn,
                   {
-                    value: _,
+                    value: w,
                     onKeyDown: x,
                     onChange: I,
-                    icon: /* @__PURE__ */ i(an, {}),
+                    icon: /* @__PURE__ */ a(an, {}),
                     placeholder: f == null ? void 0 : f.searchInputPlaceholder,
                     className: te["rp-search-input"],
-                    ref: a,
+                    ref: i,
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!_ && /* @__PURE__ */ i("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ i(xo, {}) })
+                    children: !!w && /* @__PURE__ */ a("span", { className: te["rp-search-tool-input-clear"], onClick: O, children: /* @__PURE__ */ a(xo, {}) })
                   }
                 ) }),
-                u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Pt, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: A }),
-                p && /* @__PURE__ */ i("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: T, handleClose: v }) })
+                d ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(Pt, { className: te["rp-search-loader-icon"] }) }) : /* @__PURE__ */ a("span", { children: A }),
+                p && /* @__PURE__ */ a("div", { className: te["rp-search-tool-controls"], children: /* @__PURE__ */ a(Ht, { onKeyPress: T, handleClose: v }) })
               ] }),
               /* @__PURE__ */ M("div", { className: te["rp-search-tool-input-checkboxes"], children: [
-                p && /* @__PURE__ */ i(on, {}),
-                /* @__PURE__ */ i(
+                p && /* @__PURE__ */ a(on, {}),
+                /* @__PURE__ */ a(
                   $t,
                   {
                     tabIndex: 0,
@@ -3065,8 +3064,8 @@ const Ie = {
                     children: f == null ? void 0 : f.searchMatchCaseLabel
                   }
                 ),
-                !p && /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: te["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
-                /* @__PURE__ */ i(
+                !p && /* @__PURE__ */ a(Y, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ a("div", { className: te["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ a(Gt, {}) }) }),
+                /* @__PURE__ */ a(
                   $t,
                   {
                     tabIndex: 0,
@@ -3076,12 +3075,12 @@ const Ie = {
                     children: f == null ? void 0 : f.searchWholeWordsLabel
                   }
                 ),
-                !p && /* @__PURE__ */ i(Y, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { tabIndex: 0, className: te["rp-search-icon-info"], children: /* @__PURE__ */ i(Gt, {}) }) })
+                !p && /* @__PURE__ */ a(Y, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ a("div", { tabIndex: 0, className: te["rp-search-icon-info"], children: /* @__PURE__ */ a(Gt, {}) }) })
               ] })
             ] }),
             !p && /* @__PURE__ */ M("div", { className: te["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ i(on, {}),
-              /* @__PURE__ */ i(Ht, { onKeyPress: T, handleClose: v })
+              /* @__PURE__ */ a(on, {}),
+              /* @__PURE__ */ a(Ht, { onKeyPress: T, handleClose: v })
             ] })
           ]
         }
@@ -3098,32 +3097,32 @@ const Ie = {
   loading: ji
 }, Ki = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = se();
-  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(ze["rp-loading-overlay"]), children: /* @__PURE__ */ M("div", { className: re(ze["rp-loading-modal"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ a("div", { className: re(ze["rp-loading-overlay"]), children: /* @__PURE__ */ M("div", { className: re(ze["rp-loading-modal"]), children: [
     /* @__PURE__ */ M("div", { className: re(ze["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ i("div", { className: re(ze["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
+    /* @__PURE__ */ a("div", { className: re(ze["rp-loading-progress-bar"]), children: /* @__PURE__ */ a(
       "div",
       {
         className: re(ze["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ i("button", { className: re(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ a("button", { className: re(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Xi = Ve((t, e) => {
-  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: i } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ M("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: ke["rp-toolbar-content"], children: /* @__PURE__ */ M("div", { className: ke["rp-toolbar-wrapper"], style: s(), children: [
+    /* @__PURE__ */ a("div", { "data-rp": "topBar", ref: e, className: ke["rp-toolbar-content"], children: /* @__PURE__ */ M("div", { className: ke["rp-toolbar-wrapper"], style: s(), children: [
       /* @__PURE__ */ M("div", { "data-rp": "topBarLeft", className: ke["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(Zi, {}),
-        /* @__PURE__ */ i(li, {})
+        /* @__PURE__ */ a(Zi, {}),
+        /* @__PURE__ */ a(li, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: ke["rp-toolbar-middle"], children: /* @__PURE__ */ i(Bi, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: ke["rp-toolbar-end"], children: /* @__PURE__ */ i(Hi, {}) })
+      /* @__PURE__ */ a("div", { "data-rp": "topBarCenter", className: ke["rp-toolbar-middle"], children: /* @__PURE__ */ a(Bi, {}) }),
+      /* @__PURE__ */ a("div", { "data-rp": "topBarRight", className: ke["rp-toolbar-end"], children: /* @__PURE__ */ a(Hi, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(Ki, { percentage: a }) : null
+    n && i ? /* @__PURE__ */ a(Ki, { percentage: i }) : null
   ] });
 }), vt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
@@ -3137,38 +3136,41 @@ const Ie = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Qi = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = oe(), { pageRotate: a } = Ue(), s = $(null), l = yn(), { pages: u } = J(), [d, m] = G(null), b = $(!1), h = W(() => n ? We["rp-thumbnail-active"] : "", [n]), w = W(() => ({
+  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = oe(), { pageRotate: i } = Ue(), s = H(null), l = yn(), { pages: d } = J(), [u, m] = G(null), P = H(!1), h = H(), b = W(() => n ? We["rp-thumbnail-active"] : "", [n]), C = W(() => ({
     width: Math.round(o.width),
     height: Math.round(o.height)
-  }), [o]), C = E(() => {
+  }), [o]), y = E(() => {
     e && r(e);
   }, [r, e]);
   return z(() => {
-    const y = u.get(e);
-    if (!s.current || !e || !y || d)
+    const w = d.get(e);
+    h.current === w || (m(null), h.current = w);
+  }, [d, e]), z(() => {
+    const w = d.get(e);
+    if (!s.current || !e || !w || u)
       return;
-    const _ = new IntersectionObserver((S) => {
-      S.forEach((f) => {
-        if (b.current) {
-          b.current = !1, l.removeQueue(`thumbnail-${e}`);
+    const S = new IntersectionObserver((f) => {
+      f.forEach((p) => {
+        if (P.current) {
+          P.current = !1, l.removeQueue(`thumbnail-${e}`);
           return;
         }
-        if (f.isIntersecting) {
-          const p = document.createElement("canvas");
-          b.current = !0, l.enqueue(
+        if (p.isIntersecting) {
+          const g = document.createElement("canvas");
+          P.current = !0, l.enqueue(
             `thumbnail-${e}`,
             {
-              page: y.page,
-              canvasElem: p,
+              page: w.page,
+              canvasElem: g,
               options: {
                 scale: 1
               },
               onLoaded: () => {
-                p.toBlob((g) => {
-                  if (!g)
+                g.toBlob((c) => {
+                  if (!c)
                     return;
-                  const c = URL.createObjectURL(g);
-                  m(c);
+                  const _ = URL.createObjectURL(c);
+                  m(_);
                 });
               }
             },
@@ -3177,46 +3179,46 @@ const Ie = {
         }
       });
     });
-    return s.current && _.observe(s.current), () => {
-      _.disconnect(), l.removeQueue(`thumbnail-${e}`);
+    return s.current && S.observe(s.current), () => {
+      S.disconnect(), l.removeQueue(`thumbnail-${e}`);
     };
-  }, [l, e, u, d]), /* @__PURE__ */ M(
+  }, [l, e, d, u]), /* @__PURE__ */ M(
     "div",
     {
-      onClick: C,
+      onClick: y,
       id: `page-${e}`,
       className: We["rp-thumbnail-wrapper"],
       ref: s,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           "div",
           {
             style: {
-              transform: `rotate(${a[e || 0]}deg)`
+              transform: `rotate(${i[e || 0]}deg)`
             },
-            className: re(h, We["rp-thumbnail"]),
-            children: d ? /* @__PURE__ */ i(
+            className: re(b, We["rp-thumbnail"]),
+            children: u ? /* @__PURE__ */ a(
               "img",
               {
-                src: d,
-                width: w.width,
-                height: w.height,
+                src: u,
+                width: C.width,
+                height: C.height,
                 alt: "thumbnail"
               }
-            ) : /* @__PURE__ */ i(
+            ) : /* @__PURE__ */ a(
               "div",
               {
                 className: We["rp-thumbnail-loader"],
                 style: {
-                  width: `${w.width}px`,
-                  height: `${w.height}px`
+                  width: `${C.width}px`,
+                  height: `${C.height}px`
                 },
-                children: /* @__PURE__ */ i(Pt, {})
+                children: /* @__PURE__ */ a(Pt, {})
               }
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: We["rp-thumbnail-text"], children: e })
+        /* @__PURE__ */ a("div", { className: We["rp-thumbnail-text"], children: e })
       ]
     }
   );
@@ -3227,51 +3229,51 @@ const Ie = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Yi);
 }, ea = Ve((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: a, addPage: s, thumbnailLength: l, addToPage: u } = Cn(), d = $(null), m = $(1);
-  cn(e, () => d.current);
-  const b = W(() => Object.values(a), [a]), h = E(() => {
-    const w = l + 1;
-    w <= r && s(w);
+  const { show: n } = t, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: i, addPage: s, thumbnailLength: l, addToPage: d } = Cn(), u = H(null), m = H(1);
+  cn(e, () => u.current);
+  const P = W(() => Object.values(i), [i]), h = E(() => {
+    const b = l + 1;
+    b <= r && s(b);
   }, [s, r, l]);
   return z(() => {
-    o > l ? u(o) : n && m.current !== o && (Ji(d.current, o), m.current = o);
-  }, [o, l, u, n, b]), Pr(d.current, h), /* @__PURE__ */ i("div", { ref: d, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? b.map((w, C) => {
-    var y, _;
-    return /* @__PURE__ */ i(
+    o > l ? d(o) : n && m.current !== o && (Ji(u.current, o), m.current = o);
+  }, [o, l, d, n, P]), Pr(u.current, h), /* @__PURE__ */ a("div", { ref: u, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: sn["rp-thumbnails"], children: n ? P.map((b, C) => {
+    var y, w;
+    return /* @__PURE__ */ a(
       Qi,
       {
-        isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
-        pageNumber: (_ = w.page) == null ? void 0 : _.pageNumber,
-        loading: w.loading,
-        viewport: w.viewport,
-        defaultRotation: w.defaultRotation
+        isFocused: o === ((y = b.page) == null ? void 0 : y.pageNumber),
+        pageNumber: (w = b.page) == null ? void 0 : w.pageNumber,
+        loading: b.loading,
+        viewport: b.viewport,
+        defaultRotation: b.defaultRotation
       },
       C
     );
   }) : null }) });
 }), ta = () => {
   const { thumbnailIcon: t } = pe();
-  return t || /* @__PURE__ */ i(wr, {});
+  return t || /* @__PURE__ */ a(wr, {});
 }, na = () => {
-  const { active: t, setActive: e } = Cn(), [n, o] = G(200), r = $(null), { thumbnailTool: a, sidebarEnable: s } = ve(), { localeMessages: l } = se(), u = E(() => {
+  const { active: t, setActive: e } = Cn(), [n, o] = G(200), r = H(null), { thumbnailTool: i, sidebarEnable: s } = ve(), { localeMessages: l } = se(), d = E(() => {
     e((m) => !m);
-  }, []), d = W(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(Y, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), u = W(() => typeof i != "boolean" && i ? /* @__PURE__ */ a(i, { onClick: d, active: t }) : i ? /* @__PURE__ */ a(Y, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ a(
     ie,
     {
-      onClick: u,
+      onClick: d,
       active: t,
       "aria-label": l == null ? void 0 : l.thumbnailTooltip,
-      children: /* @__PURE__ */ i(ta, {})
+      children: /* @__PURE__ */ a(ta, {})
     }
-  ) }) : null, [a, t, u, l]);
-  return /* @__PURE__ */ i(me, { children: s && /* @__PURE__ */ M(
+  ) }) : null, [i, t, d, l]);
+  return /* @__PURE__ */ a(me, { children: s && /* @__PURE__ */ M(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
       className: vt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: vt["rp-sidebar-content"], children: d }),
+        /* @__PURE__ */ a("div", { className: vt["rp-sidebar-content"], children: u }),
         /* @__PURE__ */ M(
           "div",
           {
@@ -3279,8 +3281,8 @@ const Ie = {
             hidden: !t,
             className: vt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i(ea, { show: t, ref: r }),
-              /* @__PURE__ */ i(Tr, { onWidthChange: o, thumbnailRef: r })
+              /* @__PURE__ */ a(ea, { show: t, ref: r }),
+              /* @__PURE__ */ a(Tr, { onWidthChange: o, thumbnailRef: r })
             ]
           }
         )
@@ -3292,27 +3294,27 @@ const Ie = {
     children: n,
     slots: o,
     icons: r,
-    style: a,
+    style: i,
     className: s,
     mobileWidth: l,
-    onLoaded: u,
-    cleanupOnLoaded: d,
+    onLoaded: d,
+    cleanupOnLoaded: u,
     onLayoutWidthChange: m
-  } = t, [b, h] = G(null), { setContainer: w, setContentRef: C } = ge(), { loading: y } = J(), { LoaderImageComponent: _ } = hn();
-  return z(() => (u && u(), () => {
-    d && d();
-  }), [u, d]), /* @__PURE__ */ i(Rn, { toolbarRef: b, ref: e, children: /* @__PURE__ */ i(Ir, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ i(Cr, { slots: o, children: /* @__PURE__ */ i(yr, { icons: r, children: /* @__PURE__ */ M(Sr, { getContainerRef: w, style: a, className: s, children: [
+  } = t, [P, h] = G(null), { setContainer: b, setContentRef: C } = ge(), { loading: y } = J(), { LoaderImageComponent: w } = hn();
+  return z(() => (d && d(), () => {
+    u && u();
+  }), [d, u]), /* @__PURE__ */ a(Rn, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Ir, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Cr, { slots: o, children: /* @__PURE__ */ a(yr, { icons: r, children: /* @__PURE__ */ M(Sr, { getContainerRef: b, style: i, className: s, children: [
     /* @__PURE__ */ M(xr, { children: [
       /* @__PURE__ */ M("div", { className: be["rp-layout"], children: [
-        /* @__PURE__ */ i(Xi, { ref: h }),
+        /* @__PURE__ */ a(Xi, { ref: h }),
         /* @__PURE__ */ M("div", { className: be["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(na, {}) }),
-          /* @__PURE__ */ i("div", { ref: C, className: be["rp-pages"], children: n })
+          /* @__PURE__ */ a("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ a(na, {}) }),
+          /* @__PURE__ */ a("div", { ref: C, className: be["rp-pages"], children: n })
         ] })
       ] }),
-      /* @__PURE__ */ i(br, {})
+      /* @__PURE__ */ a(br, {})
     ] }),
-    y ? /* @__PURE__ */ i(
+    y ? /* @__PURE__ */ a(
       "div",
       {
         className: be["rp-loader"],
@@ -3325,7 +3327,7 @@ const Ie = {
           width: "100%",
           height: "100%"
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -3335,7 +3337,7 @@ const Ie = {
               height: "100%",
               width: "100%"
             },
-            children: _ && /* @__PURE__ */ i(_, {})
+            children: w && /* @__PURE__ */ a(w, {})
           }
         )
       }