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

package/dist/{RPDefaultLayout-17ed747f.js → RPDefaultLayout-31523cdc.js}

@@ -1,6 +1,6 @@
-import { jsx as i, jsxs as z, Fragment as Fe } from "react/jsx-runtime";
+import { jsx as i, jsxs as D, Fragment as ke } from "react/jsx-runtime";
 import * as V from "react";
-import { useRef as W, useEffect as O, useCallback as L, useState as H, createContext as Be, useContext as Ke, useMemo as F, forwardRef as Xe, useImperativeHandle as en, createElement as $e, PureComponent as Jn, Component as Yn, memo as Qn } from "react";
+import { useRef as W, useEffect as O, useCallback as L, useState as H, createContext as Be, useContext as Ke, useMemo as k, forwardRef as Xe, useImperativeHandle as en, createElement as $e, PureComponent as Jn, Component as Yn, memo as Qn } from "react";
 import { ChevronUpIcon as We } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as te } from "./components/ui/Button.js";
 import { UIInput as tn } from "./components/ui/Input.js";
@@ -24,7 +24,7 @@ import { renderPage as mt } from "./utils/renderPage.js";
 import { highlightMatches as rn, findMatches as ir, resetDivs as ar } from "./utils/highlight.js";
 import * as on from "pdfjs-dist";
 import { PixelsPerInch as sr, AnnotationMode as cr, RenderingCancelledException as lr, AnnotationLayer as ur } from "pdfjs-dist";
-import { useLayoutContainer as Se } from "./contexts/LayoutContainerContext.js";
+import { useLayoutContainer as Ie } from "./contexts/LayoutContainerContext.js";
 import { useDimensionPagesContext as an } from "./contexts/DimensionPagesContext.js";
 import { useLocalizationContext as le } from "./contexts/LocalizationContext.js";
 import "./components/RPConfig.js";
@@ -35,11 +35,11 @@ import { useInfiniteScroll as pr } from "./utils/hooks/useInfiniteScroll.js";
 import { RPSplitter as hr } from "./components/layout/sidebar/RPSplitter.js";
 import { useToolbarComponentContext as ge, ToolbarComponentProvider as mr } from "./contexts/ToolbarComponentContext.js";
 import { useIconContext as ue, IconProvider as fr } from "./contexts/IconContext.js";
-import Z from "./components/ui/RPTooltip.js";
-import { c as xe, C as gr } from "./Container-f68e1779.js";
+import j from "./components/ui/RPTooltip.js";
+import { c as Ce, C as gr } from "./Container-8fea0875.js";
 import { WrapperLayout as vr } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as _r } from "./components/RPDropFileZone.js";
-import { useViewportContext as Ie, ViewportProvider as wr } from "./contexts/ViewportContext.js";
+import { useViewportContext as ye, ViewportProvider as wr } from "./contexts/ViewportContext.js";
 import "./contexts/ThemeContext.js";
 import { SimpleLinkService as br } from "./utils/link_service.js";
 import { dateFormatter as ft } from "./utils/dateFormatter.js";
@@ -51,15 +51,15 @@ import { usePinch as Ir } from "./utils/hooks/usePinch.js";
 import { useDebounce as gt } from "./utils/hooks/useDebounce.js";
 import { getThumbnailViewport as Et } from "./utils/getThumbnailViewport.js";
 import { useDimensionPages as yr } from "./utils/hooks/useDimensionPages.js";
-import { smoothScrollTo as Ce } from "./utils/smoothScrollTo.js";
+import { smoothScrollTo as Te } from "./utils/smoothScrollTo.js";
 import { appConsole as xr } from "./utils/appConsole.js";
 import { FileUploadTool as sn } from "./components/layout/toolbar/FileUploadTool.js";
 import { DarkModeTool as Rr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as Lr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as cn } from "./components/ui/DropDown.js";
-import { c as Nr, u as Tt, P as He, b as ke, d as Pt, i as Er, k as Or, a as zr } from "./index-48ca3f30.js";
-import { D as Dr, d as rt } from "./floating-ui.react-dom-88a86594.js";
-import { a as Ar, h as kr, u as Fr, F as Wr, b as Mr, G as Ze } from "./index-4ba3ab9a.js";
+import { c as Nr, u as Tt, P as He, b as Fe, d as Pt, i as Er, k as Or, a as Dr } from "./index-48ca3f30.js";
+import { D as zr, d as rt } from "./floating-ui.react-dom-88a86594.js";
+import { a as Ar, h as Fr, u as kr, F as Wr, b as Mr, G as je } from "./index-4ba3ab9a.js";
 import { CloseIcon as ln } from "./components/icons/CloseIcon.js";
 import { PropertyItem as Hr } from "./components/layout/toolbar/PropertyItem.js";
 import { useOtherToolContext as $r, OtherToolProvider as Gr } from "./contexts/OtherToolContext.js";
@@ -67,9 +67,9 @@ import { DocumentProperties as Vr } from "./components/layout/toolbar/DocumentPr
 import { RotateTool as Ur } from "./components/layout/toolbar/RotateTool.js";
 import { ScrollModeTool as qr } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as St } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Zr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as jr } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as we } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as jr } from "./components/icons/PrintDefaultIcon.js";
+import { PrintDefaultTool as Zr } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as un } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as dn } from "./components/icons/GoToDownIcon.js";
 import { SelectionModeTool as Br } from "./components/layout/toolbar/SelectionModeTool.js";
@@ -78,9 +78,9 @@ import { ZoomOutIcon as Xr } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as Ot } from "./utils/constants.js";
 import { getZoomLevel as Jr } from "./utils/getZoomLevel.js";
 import { SearchIcon as Yr } from "./components/icons/SearchIcon.js";
-import { UICheckbox as zt } from "./components/ui/Checkbox.js";
+import { UICheckbox as Dt } from "./components/ui/Checkbox.js";
 import { ClearIcon as Qr } from "./components/icons/ClearIcon.js";
-import { InfoIcon as Dt } from "./components/icons/InfoIcon.js";
+import { InfoIcon as zt } from "./components/icons/InfoIcon.js";
 import { UIPopOver as eo } from "./components/ui/Popover.js";
 import './assets/RPDefaultLayout.css';const pn = () => {
   const { viewMode: t } = Qe(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = se(), s = W(), { columnCount: c } = nn(), { widths: l, heights: u } = yr(), h = W(e), m = W(t), d = W(c);
@@ -95,7 +95,7 @@ import './assets/RPDefaultLayout.css';const pn = () => {
         return;
       const v = Math.ceil(b / 2) * 2 - 1;
       return b === v + 1 ? new Promise(
-        (_) => Ce(
+        (_) => Te(
           r,
           {
             left: l[v],
@@ -104,10 +104,10 @@ import './assets/RPDefaultLayout.css';const pn = () => {
           _
         )
       ) : new Promise(
-        (_) => Ce(r, { left: 0, top: 0 }, _)
+        (_) => Te(r, { left: 0, top: 0 }, _)
       );
     },
-    [r, l, Ce]
+    [r, l, Te]
   );
   return O(() => {
     h.current = e, m.current = t;
@@ -128,19 +128,19 @@ import './assets/RPDefaultLayout.css';const pn = () => {
         f = v;
         const p = v * (l[v] ?? 0);
         return new Promise(
-          (T) => Ce(P, { left: p, top: 0 }, T)
+          (T) => Te(P, { left: p, top: 0 }, T)
         );
       }
       if (m.current === qe.DUAL_PAGE) {
         f = v % 2, _ = Math.floor(v / 2);
         const T = _ * (u[_] ?? 0), C = f * (l[f] ?? 0);
         return new Promise(
-          (S) => Ce(P, { left: C, top: T }, S)
+          (S) => Te(P, { left: C, top: T }, S)
         );
       }
       const R = _ * (u[_] ?? 0);
       return new Promise(
-        (p) => Ce(P, { left: 0, top: R }, p)
+        (p) => Te(P, { left: 0, top: R }, p)
       );
     },
     [
@@ -148,7 +148,7 @@ import './assets/RPDefaultLayout.css';const pn = () => {
       c,
       w,
       a,
-      Ce,
+      Te,
       u,
       l
     ]
@@ -259,7 +259,7 @@ const no = () => {
     P.width = Math.floor(T.width * I), P.height = Math.floor(T.height * I);
     const E = P.getContext("2d");
     E.save(), E.fillStyle = "rgb(255, 255, 255)", E.fillRect(0, 0, P.width, P.height), E.restore();
-    const [y, k] = await Promise.all([
+    const [y, F] = await Promise.all([
       R.getPage(p),
       A
     ]);
@@ -267,17 +267,17 @@ const no = () => {
       d();
       return;
     }
-    const D = {
+    const z = {
       canvasContext: E,
       transform: [I, 0, 0, I, 0, 0],
       viewport: y.getViewport({ scale: 1, rotation: T.rotation }),
       intent: "print",
       annotationMode: cr.ENABLE_STORAGE,
       optionalContentConfigPromise: S,
-      printAnnotationStorage: k
+      printAnnotationStorage: F
     };
     try {
-      return y.render(D).promise;
+      return y.render(z).promise;
     } catch (x) {
       throw x instanceof lr || console.error(x), x;
     }
@@ -345,13 +345,13 @@ const no = () => {
           d();
           return;
         }
-        const k = await v(P);
-        R.push(k);
-        const D = parseFloat((R.length / S * 100).toFixed(2));
+        const F = await v(P);
+        R.push(F);
+        const z = parseFloat((R.length / S * 100).toFixed(2));
         o({
           loadedPages: I,
           totalPages: S,
-          percentage: D
+          percentage: z
         });
       }
       if (h.current) {
@@ -435,7 +435,7 @@ const no = () => {
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
 }, ro = () => {
-  const [t, e] = H({}), { pages: n } = Y(), { rotate: o } = Je(), r = F(() => Object.keys(t).length, [t]), a = L(
+  const [t, e] = H({}), { pages: n } = Y(), { rotate: o } = Je(), r = k(() => Object.keys(t).length, [t]), a = L(
     (c) => {
       if (!n.size)
         return;
@@ -535,33 +535,33 @@ const no = () => {
     }
   );
 }, oo = (t = {}, e = "") => {
-  const [n, o] = H(e), [r, a] = H(!1), { pdf: s, pages: c } = Y(), l = an(), u = W(!n), { currentZoom: h } = Ye(), [m, d] = H([]), { setFocusedPage: w } = se(), [g, b] = H(0), { pageScrollElementRef: v, virtualScrollableElementRef: _ } = et(), { scrollMode: f } = Ee(), { pagesRef: P } = Se(), [R, p] = H(null), T = W({}), C = F(() => g === 0 ? null : m[g - 1], [g, m]), S = F(() => m.length, [m]);
+  const [n, o] = H(e), [r, a] = H(!1), { pdf: s, pages: c } = Y(), l = an(), u = W(!n), { currentZoom: h } = Ye(), [m, d] = H([]), { setFocusedPage: w } = se(), [g, b] = H(0), { pageScrollElementRef: v, virtualScrollableElementRef: _ } = et(), { scrollMode: f } = Ee(), { pagesRef: P } = Ie(), [R, p] = H(null), T = W({}), C = k(() => g === 0 ? null : m[g - 1], [g, m]), S = k(() => m.length, [m]);
   O(() => {
     if (!C || !c)
       return;
     const y = _ || v;
     if (!y || !P)
       return;
-    const k = c.get(C.page), D = P.clientHeight / 2, x = P.clientWidth / 2;
+    const F = c.get(C.page), z = P.clientHeight / 2, x = P.clientWidth / 2;
     let N = 0, $ = 0;
     f === X.PAGE_SCROLLING && w(C.page), f === X.VERTICAL_SCROLLING && (N = l.heights.slice(0, C.page - 1).reduce((q, K) => q + K, 0)), f === X.HORIZONTAL_SCROLLING && ($ = l.widths.slice(0, C.page - 1).reduce((q, K) => q + K, 0));
     let U;
-    if (!k)
+    if (!F)
       return;
-    const j = T.current[C.page], B = k.page.getViewport({ scale: 1 });
+    const Z = T.current[C.page], B = F.page.getViewport({ scale: 1 });
     U = new on.TextLayer({
       viewport: B,
-      textContentSource: j,
+      textContentSource: Z,
       container: document.createElement("div")
     }), U.render().then(() => {
-      const q = U.textDivs[C.start.idx], [K] = rn([C], j, U.textDivs), ie = l.widths[C.page - 1], de = l.heights[C.page - 1], Q = document.createElement("div"), ae = document.createElement("div");
+      const q = U.textDivs[C.start.idx], [K] = rn([C], Z, U.textDivs), ie = l.widths[C.page - 1], de = l.heights[C.page - 1], Q = document.createElement("div"), ae = document.createElement("div");
       q.style.position = "absolute", q.style.color = "transparent", ae.style.position = "absolute", ae.style.top = "0", ae.style.setProperty("--scale-factor", `${h}`), Q.style.position = "relative", Q.style.width = `${ie}px`, Q.style.height = `${de}px`, Q.style.zIndex = "-1", Q.appendChild(q), ae.appendChild(Q), P.prepend(ae);
-      const ee = K.element.getBoundingClientRect(), be = ae.getBoundingClientRect(), Oe = ee.top - be.top, ve = ee.left - be.left, pe = N + Oe - D + ee.height / 2, he = $ + ve - x + ee.width / 2, ze = {
+      const ee = K.element.getBoundingClientRect(), be = ae.getBoundingClientRect(), Oe = ee.top - be.top, ve = ee.left - be.left, pe = N + Oe - z + ee.height / 2, he = $ + ve - x + ee.width / 2, De = {
         left: Math.max(he, 0),
         top: Math.max(pe, 0)
       };
       P.removeChild(ae), y.scrollTo({
-        ...ze
+        ...De
       });
     });
   }, [
@@ -581,14 +581,14 @@ const no = () => {
   }, [S]), E = L(async (y) => {
     if (!y)
       return {};
-    const k = y.numPages, D = {};
-    for (let x = 1; x <= k; x++) {
+    const F = y.numPages, z = {};
+    for (let x = 1; x <= F; x++) {
       if (u.current)
         throw "close pop over";
       const N = await y.getPage(x);
-      D[x.toString()] = await N.getTextContent();
+      z[x.toString()] = await N.getTextContent();
     }
-    return D;
+    return z;
   }, []);
   return O(() => {
     if (!n) {
@@ -597,16 +597,16 @@ const no = () => {
     }
     u.current = !1, a(!0), d([]), b(0), E(s).then((y) => {
       T.current = y;
-      const D = Object.keys(y).reduce((x, N) => {
+      const z = Object.keys(y).reduce((x, N) => {
         const $ = ir(
           [n],
           y[N],
           Number(N) - 1,
           t
-        ).map((U, j) => ({ ...U, page: Number(N), pageMatchIdx: j }));
+        ).map((U, Z) => ({ ...U, page: Number(N), pageMatchIdx: Z }));
         return [...x, ...$];
       }, []);
-      d(D), b(D.length ? 1 : 0);
+      d(z), b(z.length ? 1 : 0);
     }).catch(() => {
       d([]), b(0);
     }).finally(() => a(!1));
@@ -715,7 +715,7 @@ const no = () => {
 }, ao = (t) => {
   const { pageNumber: e } = t, { pages: n } = Y(), o = W(null), { matches: r, currentMatch: a, setCurrentMatchElement: s } = _n(), [c, l] = H(
     []
-  ), u = W(), h = W(), m = W(), d = F(() => r.filter((g) => g.pageIndex === e - 1), [r, e]), w = L(
+  ), u = W(), h = W(), m = W(), d = k(() => r.filter((g) => g.pageIndex === e - 1), [r, e]), w = L(
     (g, b, v = !1) => {
       if (v && ar(g, b), !d.length) {
         m.current = void 0, l([]);
@@ -868,7 +868,7 @@ const ho = (t) => {
     attributes: !0
     // Watch for changes to attributes
   }), () => o.disconnect();
-}, kt = (t, e, n, o) => {
+}, Ft = (t, e, n, o) => {
   if (t.type !== "click")
     return;
   const r = t.target, a = r.getAttribute("data-element-id"), s = r.getAttribute("href");
@@ -883,16 +883,16 @@ function mo(t, e) {
   for (const n of wn)
     t.addEventListener(n, e);
 }
-function Ft(t, e) {
+function kt(t, e) {
   for (const n of wn)
     t.removeEventListener(n, e);
 }
 const fo = (t) => {
-  const { pageNumber: e } = t, n = W(null), { pages: o, pdf: r } = Y(), a = W(), [s, c] = H(), { setFocusedPage: l, goToPage: u } = se(), { scrollMode: h } = Ee(), m = F(() => o.get(e), [o, e]), d = F(() => m == null ? void 0 : m.page.getViewport(), [m]);
+  const { pageNumber: e } = t, n = W(null), { pages: o, pdf: r } = Y(), a = W(), [s, c] = H(), { setFocusedPage: l, goToPage: u } = se(), { scrollMode: h } = Ee(), m = k(() => o.get(e), [o, e]), d = k(() => m == null ? void 0 : m.page.getViewport(), [m]);
   O(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]);
-  const w = F(() => r == null ? void 0 : r.annotationStorage, [r]);
+  const w = k(() => r == null ? void 0 : r.annotationStorage, [r]);
   O(() => {
     m && m.page.getAnnotations().then((b) => {
       a.current = void 0, c(b), n.current && (n.current.innerText = "");
@@ -900,7 +900,7 @@ const fo = (t) => {
   }, [m]);
   const g = L(
     (b) => {
-      ho(b), !(!s || !r) && (h === X.PAGE_SCROLLING ? kt(b, s, r, (v) => l(v.pageIndex + 1)) : kt(b, s, r, (v) => u(v.pageIndex + 1)));
+      ho(b), !(!s || !r) && (h === X.PAGE_SCROLLING ? Ft(b, s, r, (v) => l(v.pageIndex + 1)) : Ft(b, s, r, (v) => u(v.pageIndex + 1)));
     },
     [r, s, u, l, h]
   );
@@ -933,7 +933,7 @@ const fo = (t) => {
         structTreeLayer: void 0,
         page: m.page,
         viewport: b.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, g);
+      }), n.current && kt(n.current, g);
       const _ = await (r == null ? void 0 : r.hasJSActions()), f = await (r == null ? void 0 : r.getFieldObjects());
       return a.current.render({
         annotations: s,
@@ -952,7 +952,7 @@ const fo = (t) => {
     })().then(() => {
       n.current && mo(n.current, g);
     }), () => {
-      n.current && Ft(n.current, g);
+      n.current && kt(n.current, g);
     };
   }, [r, s, g]), /* @__PURE__ */ i(
     "div",
@@ -974,7 +974,7 @@ const fo = (t) => {
       b(P);
     }
   }, [s, n, c, u]);
-  const v = F(() => {
+  const v = k(() => {
     switch (c) {
       case 90:
         return `${g.width / 2}px ${g.width / 2}px`;
@@ -1013,7 +1013,7 @@ const fo = (t) => {
         "--scale-factor": u
       },
       className: ot["rp-page-wrapper"],
-      children: /* @__PURE__ */ z(
+      children: /* @__PURE__ */ D(
         "div",
         {
           style: {
@@ -1148,7 +1148,7 @@ function Io(t) {
         scrollTop: typeof p.props.initialScrollTop == "number" ? p.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, p._callOnItemsRendered = void 0, p._callOnItemsRendered = at(function(T, C, S, A, I, E, y, k) {
+      }, p._callOnItemsRendered = void 0, p._callOnItemsRendered = at(function(T, C, S, A, I, E, y, F) {
         return p.props.onItemsRendered({
           overscanColumnStartIndex: T,
           overscanColumnStopIndex: C,
@@ -1157,7 +1157,7 @@ function Io(t) {
           visibleColumnStartIndex: I,
           visibleColumnStopIndex: E,
           visibleRowStartIndex: y,
-          visibleRowStopIndex: k
+          visibleRowStopIndex: F
         });
       }), p._callOnScroll = void 0, p._callOnScroll = at(function(T, C, S, A, I) {
         return p.props.onScroll({
@@ -1168,12 +1168,12 @@ function Io(t) {
           scrollUpdateWasRequested: I
         });
       }), p._getItemStyle = void 0, p._getItemStyle = function(T, C) {
-        var S = p.props, A = S.columnWidth, I = S.direction, E = S.rowHeight, y = p._getItemStyleCache(b && A, b && I, b && E), k = T + ":" + C, D;
-        if (y.hasOwnProperty(k))
-          D = y[k];
+        var S = p.props, A = S.columnWidth, I = S.direction, E = S.rowHeight, y = p._getItemStyleCache(b && A, b && I, b && E), F = T + ":" + C, z;
+        if (y.hasOwnProperty(F))
+          z = y[F];
         else {
           var x = n(p.props, C, p._instanceProps), N = I === "rtl";
-          y[k] = D = {
+          y[F] = z = {
             position: "absolute",
             left: N ? void 0 : x,
             right: N ? x : void 0,
@@ -1182,13 +1182,13 @@ function Io(t) {
             width: a(p.props, C, p._instanceProps)
           };
         }
-        return D;
+        return z;
       }, p._getItemStyleCache = void 0, p._getItemStyleCache = at(function(T, C, S) {
         return {};
       }), p._onScroll = function(T) {
-        var C = T.currentTarget, S = C.clientHeight, A = C.clientWidth, I = C.scrollLeft, E = C.scrollTop, y = C.scrollHeight, k = C.scrollWidth;
-        p.setState(function(D) {
-          if (D.scrollLeft === I && D.scrollTop === E)
+        var C = T.currentTarget, S = C.clientHeight, A = C.clientWidth, I = C.scrollLeft, E = C.scrollTop, y = C.scrollHeight, F = C.scrollWidth;
+        p.setState(function(z) {
+          if (z.scrollLeft === I && z.scrollTop === E)
             return null;
           var x = p.props.direction, N = I;
           if (x === "rtl")
@@ -1197,17 +1197,17 @@ function Io(t) {
                 N = -I;
                 break;
               case "positive-descending":
-                N = k - A - I;
+                N = F - A - I;
                 break;
             }
-          N = Math.max(0, Math.min(N, k - A));
+          N = Math.max(0, Math.min(N, F - A));
           var $ = Math.max(0, Math.min(E, y - S));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: D.scrollLeft < I ? "forward" : "backward",
+            horizontalScrollDirection: z.scrollLeft < I ? "forward" : "backward",
             scrollLeft: N,
             scrollTop: $,
-            verticalScrollDirection: D.scrollTop < E ? "forward" : "backward",
+            verticalScrollDirection: z.scrollTop < E ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, p._resetIsScrollingDebounced);
@@ -1240,9 +1240,9 @@ function Io(t) {
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(p) {
-      var T = p.align, C = T === void 0 ? "auto" : T, S = p.columnIndex, A = p.rowIndex, I = this.props, E = I.columnCount, y = I.height, k = I.rowCount, D = I.width, x = this.state, N = x.scrollLeft, $ = x.scrollTop, U = To();
-      S !== void 0 && (S = Math.max(0, Math.min(S, E - 1))), A !== void 0 && (A = Math.max(0, Math.min(A, k - 1)));
-      var j = s(this.props, this._instanceProps), B = c(this.props, this._instanceProps), q = B > D ? U : 0, K = j > y ? U : 0;
+      var T = p.align, C = T === void 0 ? "auto" : T, S = p.columnIndex, A = p.rowIndex, I = this.props, E = I.columnCount, y = I.height, F = I.rowCount, z = I.width, x = this.state, N = x.scrollLeft, $ = x.scrollTop, U = To();
+      S !== void 0 && (S = Math.max(0, Math.min(S, E - 1))), A !== void 0 && (A = Math.max(0, Math.min(A, F - 1)));
+      var Z = s(this.props, this._instanceProps), B = c(this.props, this._instanceProps), q = B > z ? U : 0, K = Z > y ? U : 0;
       this.scrollTo({
         scrollLeft: S !== void 0 ? l(this.props, S, C, N, this._instanceProps, K) : N,
         scrollTop: A !== void 0 ? u(this.props, A, C, $, this._instanceProps, q) : $
@@ -1279,23 +1279,23 @@ function Io(t) {
     }, P.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Gt(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
-      var p = this.props, T = p.children, C = p.className, S = p.columnCount, A = p.direction, I = p.height, E = p.innerRef, y = p.innerElementType, k = p.innerTagName, D = p.itemData, x = p.itemKey, N = x === void 0 ? So : x, $ = p.outerElementType, U = p.outerTagName, j = p.rowCount, B = p.style, q = p.useIsScrolling, K = p.width, ie = this.state.isScrolling, de = this._getHorizontalRangeToRender(), Q = de[0], ae = de[1], ee = this._getVerticalRangeToRender(), be = ee[0], Oe = ee[1], ve = [];
-      if (S > 0 && j)
+      var p = this.props, T = p.children, C = p.className, S = p.columnCount, A = p.direction, I = p.height, E = p.innerRef, y = p.innerElementType, F = p.innerTagName, z = p.itemData, x = p.itemKey, N = x === void 0 ? So : x, $ = p.outerElementType, U = p.outerTagName, Z = p.rowCount, B = p.style, q = p.useIsScrolling, K = p.width, ie = this.state.isScrolling, de = this._getHorizontalRangeToRender(), Q = de[0], ae = de[1], ee = this._getVerticalRangeToRender(), be = ee[0], Oe = ee[1], ve = [];
+      if (S > 0 && Z)
         for (var pe = be; pe <= Oe; pe++)
           for (var he = Q; he <= ae; he++)
             ve.push($e(T, {
               columnIndex: he,
-              data: D,
+              data: z,
               isScrolling: q ? ie : void 0,
               key: N({
                 columnIndex: he,
-                data: D,
+                data: z,
                 rowIndex: pe
               }),
               rowIndex: pe,
               style: this._getItemStyle(pe, he)
             }));
-      var ze = s(this.props, this._instanceProps), M = c(this.props, this._instanceProps);
+      var De = s(this.props, this._instanceProps), M = c(this.props, this._instanceProps);
       return $e($ || U || "div", {
         className: C,
         onScroll: this._onScroll,
@@ -1309,11 +1309,11 @@ function Io(t) {
           willChange: "transform",
           direction: A
         }, B)
-      }, $e(y || k || "div", {
+      }, $e(y || F || "div", {
         children: ve,
         ref: E,
         style: {
-          height: ze,
+          height: De,
           pointerEvents: ie ? "none" : void 0,
           width: M
         }
@@ -1321,25 +1321,25 @@ function Io(t) {
     }, P._callPropsCallbacks = function() {
       var p = this.props, T = p.columnCount, C = p.onItemsRendered, S = p.onScroll, A = p.rowCount;
       if (typeof C == "function" && T > 0 && A > 0) {
-        var I = this._getHorizontalRangeToRender(), E = I[0], y = I[1], k = I[2], D = I[3], x = this._getVerticalRangeToRender(), N = x[0], $ = x[1], U = x[2], j = x[3];
-        this._callOnItemsRendered(E, y, N, $, k, D, U, j);
+        var I = this._getHorizontalRangeToRender(), E = I[0], y = I[1], F = I[2], z = I[3], x = this._getVerticalRangeToRender(), N = x[0], $ = x[1], U = x[2], Z = x[3];
+        this._callOnItemsRendered(E, y, N, $, F, z, U, Z);
       }
       if (typeof S == "function") {
         var B = this.state, q = B.horizontalScrollDirection, K = B.scrollLeft, ie = B.scrollTop, de = B.scrollUpdateWasRequested, Q = B.verticalScrollDirection;
         this._callOnScroll(K, ie, q, Q, de);
       }
     }, P._getHorizontalRangeToRender = function() {
-      var p = this.props, T = p.columnCount, C = p.overscanColumnCount, S = p.overscanColumnsCount, A = p.overscanCount, I = p.rowCount, E = this.state, y = E.horizontalScrollDirection, k = E.isScrolling, D = E.scrollLeft, x = C || S || A || 1;
+      var p = this.props, T = p.columnCount, C = p.overscanColumnCount, S = p.overscanColumnsCount, A = p.overscanCount, I = p.rowCount, E = this.state, y = E.horizontalScrollDirection, F = E.isScrolling, z = E.scrollLeft, x = C || S || A || 1;
       if (T === 0 || I === 0)
         return [0, 0, 0, 0];
-      var N = o(this.props, D, this._instanceProps), $ = r(this.props, N, D, this._instanceProps), U = !k || y === "backward" ? Math.max(1, x) : 1, j = !k || y === "forward" ? Math.max(1, x) : 1;
-      return [Math.max(0, N - U), Math.max(0, Math.min(T - 1, $ + j)), N, $];
+      var N = o(this.props, z, this._instanceProps), $ = r(this.props, N, z, this._instanceProps), U = !F || y === "backward" ? Math.max(1, x) : 1, Z = !F || y === "forward" ? Math.max(1, x) : 1;
+      return [Math.max(0, N - U), Math.max(0, Math.min(T - 1, $ + Z)), N, $];
     }, P._getVerticalRangeToRender = function() {
-      var p = this.props, T = p.columnCount, C = p.overscanCount, S = p.overscanRowCount, A = p.overscanRowsCount, I = p.rowCount, E = this.state, y = E.isScrolling, k = E.verticalScrollDirection, D = E.scrollTop, x = S || A || C || 1;
+      var p = this.props, T = p.columnCount, C = p.overscanCount, S = p.overscanRowCount, A = p.overscanRowsCount, I = p.rowCount, E = this.state, y = E.isScrolling, F = E.verticalScrollDirection, z = E.scrollTop, x = S || A || C || 1;
       if (T === 0 || I === 0)
         return [0, 0, 0, 0];
-      var N = d(this.props, D, this._instanceProps), $ = w(this.props, N, D, this._instanceProps), U = !y || k === "backward" ? Math.max(1, x) : 1, j = !y || k === "forward" ? Math.max(1, x) : 1;
-      return [Math.max(0, N - U), Math.max(0, Math.min(I - 1, $ + j)), N, $];
+      var N = d(this.props, z, this._instanceProps), $ = w(this.props, N, z, this._instanceProps), U = !y || F === "backward" ? Math.max(1, x) : 1, Z = !y || F === "forward" ? Math.max(1, x) : 1;
+      return [Math.max(0, N - U), Math.max(0, Math.min(I - 1, $ + Z)), N, $];
     }, f;
   }(Jn), e.defaultProps = {
     direction: "ltr",
@@ -1415,7 +1415,7 @@ var yo = function(e, n) {
   for (var s = e === "column" ? n.columnCount : n.rowCount, c = 1; r < s && fe(e, n, r, o).offset < a; )
     r += c, c *= 2;
   return Sn(e, n, o, Math.min(r, s - 1), Math.floor(r / 2), a);
-}, Zt = function(e, n, o, r, a, s, c) {
+}, jt = function(e, n, o, r, a, s, c) {
   var l = e === "column" ? n.width : n.height, u = fe(e, n, o, s), h = e === "column" ? Pn(n, s) : Tn(n, s), m = Math.max(0, Math.min(h - l, u.offset)), d = Math.max(0, u.offset - l + c + u.size);
   switch (r === "smart" && (a >= d - l && a <= m + l ? r = "auto" : r = "center"), r) {
     case "start":
@@ -1446,10 +1446,10 @@ var yo = function(e, n) {
   getEstimatedTotalHeight: Tn,
   getEstimatedTotalWidth: Pn,
   getOffsetForColumnAndAlignment: function(e, n, o, r, a, s) {
-    return Zt("column", e, n, o, r, a, s);
+    return jt("column", e, n, o, r, a, s);
   },
   getOffsetForRowAndAlignment: function(e, n, o, r, a, s) {
-    return Zt("row", e, n, o, r, a, s);
+    return jt("row", e, n, o, r, a, s);
   },
   getRowOffset: function(e, n, o) {
     return fe("row", e, n, o).offset;
@@ -1501,7 +1501,7 @@ var yo = function(e, n) {
   }
 });
 process.env.NODE_ENV;
-function jt(t, e) {
+function Zt(t, e) {
   for (var n in t)
     if (!(n in e))
       return !0;
@@ -1513,7 +1513,7 @@ function jt(t, e) {
 var Lo = ["style"], No = ["style"];
 function Eo(t, e) {
   var n = t.style, o = Ht(t, Lo), r = e.style, a = Ht(e, No);
-  return !jt(n, r) && !jt(o, a);
+  return !Zt(n, r) && !Zt(o, a);
 }
 const Oo = () => {
   const { viewMode: t } = Qe(), { scrollMode: e } = Ee(), { setColumnCount: n } = nn(), { virtualScrollableElementRef: o } = et(), r = an(), a = L(
@@ -1522,11 +1522,11 @@ const Oo = () => {
   ), s = L(
     (w) => r.heights[w] || 0,
     [r.heights]
-  ), c = F(() => r.heights.length, [r.heights]), l = F(() => Math.max(...r.widths), [r.widths]), u = F(() => e === X.HORIZONTAL_SCROLLING ? c : t === qe.DUAL_PAGE ? 2 : 1, [t, e, e, c, o, l]);
+  ), c = k(() => r.heights.length, [r.heights]), l = k(() => Math.max(...r.widths), [r.widths]), u = k(() => e === X.HORIZONTAL_SCROLLING ? c : t === qe.DUAL_PAGE ? 2 : 1, [t, e, e, c, o, l]);
   O(() => {
     n(u);
   }, [u, n]);
-  const h = F(() => e === X.HORIZONTAL_SCROLLING || e === X.PAGE_SCROLLING ? 1 : Math.round(c / u), [u, c, e]), m = F(() => r.heights.reduce((w, g) => w + g, 0) / r.heights.length || 0, [r]), d = F(() => r.widths.reduce((w, g) => w + g, 0) / r.heights.length || 0, [r]);
+  const h = k(() => e === X.HORIZONTAL_SCROLLING || e === X.PAGE_SCROLLING ? 1 : Math.round(c / u), [u, c, e]), m = k(() => r.heights.reduce((w, g) => w + g, 0) / r.heights.length || 0, [r]), d = k(() => r.widths.reduce((w, g) => w + g, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: h,
     rowHeight: s,
@@ -1553,7 +1553,7 @@ lt == null || Xt == null ? (bt = ct, Ct = function(e) {
   }, Bt);
   return [n, o];
 });
-function zo(t) {
+function Do(t) {
   let e, n, o, r, a, s, c;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
@@ -1625,7 +1625,7 @@ function zo(t) {
     }
   };
 }
-class Do extends Yn {
+class zo extends Yn {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1666,7 +1666,7 @@ class Do extends Yn {
       const o = n.ownerDocument.defaultView.ResizeObserver;
       o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = zo(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Do(e), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1705,14 +1705,14 @@ class Do extends Yn {
   }
 }
 const Ao = ({ widths: t, heights: e }) => {
-  const { focusedPage: n, totalPages: o } = se(), { isScrolling: r } = tt(), a = F(() => {
+  const { focusedPage: n, totalPages: o } = se(), { isScrolling: r } = tt(), a = k(() => {
     const l = [], u = Math.ceil(n / 2) * 2 - 1;
     if (l.push(u), u + 1 < o) {
       const h = u + 1;
       l.push(h);
     }
     return l;
-  }, [n, o]), s = F(() => [
+  }, [n, o]), s = k(() => [
     {
       position: "absolute",
       left: 0,
@@ -1730,11 +1730,11 @@ const Ao = ({ widths: t, heights: e }) => {
   O(() => {
     r.current = !1;
   }, [n]);
-  const c = F(() => s.reduce((l, u) => l + Number(u.width || 0), 0), [s]);
+  const c = k(() => s.reduce((l, u) => l + Number(u.width || 0), 0), [s]);
   return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: a.map((l, u) => /* @__PURE__ */ i(yt, { onIntersectRatioChange: () => {
   }, style: s[u], pageNumber: l }, l)) });
-}, ko = ({ widths: t, heights: e }) => {
-  const { focusedPage: n } = se(), { isScrolling: o } = tt(), r = F(() => ({
+}, Fo = ({ widths: t, heights: e }) => {
+  const { focusedPage: n } = se(), { isScrolling: o } = tt(), r = k(() => ({
     position: "absolute",
     width: t(n - 1),
     height: e(n - 1)
@@ -1742,7 +1742,7 @@ const Ao = ({ widths: t, heights: e }) => {
   O(() => {
     o.current = !1;
   }, [n]);
-  const a = F(() => t(n - 1), [t]);
+  const a = k(() => t(n - 1), [t]);
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1762,7 +1762,7 @@ const Ao = ({ widths: t, heights: e }) => {
       )
     }
   );
-}, Fo = Qn(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
+}, ko = Qn(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
   const r = t + 1 + e * n.columnCount;
   return /* @__PURE__ */ i(
     yt,
@@ -1774,7 +1774,7 @@ const Ao = ({ widths: t, heights: e }) => {
     r
   );
 }, Eo), ds = () => {
-  const { initialPage: t = 1, initialScrollMode: e } = rr(), { pagesRef: n, setPagesRef: o } = Se();
+  const { initialPage: t = 1, initialScrollMode: e } = rr(), { pagesRef: n, setPagesRef: o } = Ie();
   Tr(n);
   const { scrollToPage: r } = pn(), {
     virtualScrollRef: a,
@@ -1794,19 +1794,19 @@ const Ao = ({ widths: t, heights: e }) => {
     rowCount: I,
     rowHeight: E,
     columnCount: y,
-    columnWidth: k,
-    estimatedColumnWidth: D,
+    columnWidth: F,
+    estimatedColumnWidth: z,
     estimatedRowHeight: x
-  } = Oo(), N = gt(h, 100), [$, U] = H({}), j = gt($, 100), { isScrolling: B } = tt(), q = W(), K = W({
+  } = Oo(), N = gt(h, 100), [$, U] = H({}), Z = gt($, 100), { isScrolling: B } = tt(), q = W(), K = W({
     scrollTop: 0,
     scrollLeft: 0
   });
   Ir(n);
   const { isPressed: ie } = Pr(), { selectionMode: de } = nr(), { initializeGrabScroll: Q, resetGrabState: ae } = Sr({
     isPressed: ie
-  }), ee = F(() => de === er.HAND, [de]), be = L((M, G) => {
+  }), ee = k(() => de === er.HAND, [de]), be = L((M, G) => {
     U((J) => G > -1 ? { ...J, [M]: Math.round(G * 100) } : (delete J[M], J));
-  }, []), Oe = F(() => ({
+  }, []), Oe = k(() => ({
     columnCount: y,
     handleIntersectRatioChange: be
   }), [y, be]), ve = L(
@@ -1834,10 +1834,10 @@ const Ao = ({ widths: t, heights: e }) => {
           });
   }, [I, y, A, a]), O(() => {
     const M = Array.from({ length: I }).reduce(
-      (J, _e, ye) => J + E(ye),
+      (J, _e, xe) => J + E(xe),
       0
     ), G = Array.from({ length: y }).reduce(
-      (J, _e, ye) => J + k(ye),
+      (J, _e, xe) => J + F(xe),
       0
     );
     u({
@@ -1860,7 +1860,7 @@ const Ao = ({ widths: t, heights: e }) => {
     const G = K.current.scrollTop, J = K.current.scrollLeft;
     if (N.height && N.width) {
       T.current = !0;
-      const { height: _e, width: ye } = N, { height: qn, width: Zn } = R.current, jn = G / qn * _e, Bn = J / Zn * ye, Kn = Math.min(jn, _e) || 0, Xn = Math.min(Bn, ye) || 0;
+      const { height: _e, width: xe } = N, { height: qn, width: jn } = R.current, Zn = G / qn * _e, Bn = J / jn * xe, Kn = Math.min(Zn, _e) || 0, Xn = Math.min(Bn, xe) || 0;
       a == null || a.scrollTo({
         scrollTop: Kn,
         scrollLeft: Xn
@@ -1874,18 +1874,18 @@ const Ao = ({ widths: t, heights: e }) => {
   }, [N, _, v]), O(() => {
     if ((B.current || T.current) && (B.current = !1), B.current)
       return;
-    const M = Object.entries(j);
+    const M = Object.entries(Z);
     let G = 0, J = -1;
     M.forEach((_e) => {
       J < _e[1] && (G = Number(_e[0]), J = _e[1]);
     }), G && g(G);
-  }, [j, g]), O(() => () => {
+  }, [Z, g]), O(() => () => {
     q.current && clearTimeout(q.current), C.current && clearTimeout(C.current);
   }, []);
-  const he = F(() => re(me["rp-pages-container"], {
+  const he = k(() => re(me["rp-pages-container"], {
     [me["rp-cursor-grab"]]: ee && !ie,
     [me["rp-cursor-grabbing"]]: ee && ie
-  }), [ee, ie]), ze = L(
+  }), [ee, ie]), De = L(
     (M) => {
       if (ee && M) {
         const G = re(me["rp-pages"]), J = document.querySelector(`.${G}`);
@@ -1918,15 +1918,15 @@ const Ao = ({ widths: t, heights: e }) => {
           });
           break;
       }
-  }, [a, e, m, g]), /* @__PURE__ */ i("div", { ref: o, tabIndex: -1, className: he, children: /* @__PURE__ */ i(Do, { style: { minHeight: "50px" }, children: ({ width: M, height: G }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: ze, style: { width: M, height: G }, children: v === X.PAGE_SCROLLING ? /* @__PURE__ */ i(
+  }, [a, e, m, g]), /* @__PURE__ */ i("div", { ref: o, tabIndex: -1, className: he, children: /* @__PURE__ */ i(zo, { style: { minHeight: "50px" }, children: ({ width: M, height: G }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: De, style: { width: M, height: G }, children: v === X.PAGE_SCROLLING ? /* @__PURE__ */ i(
     "div",
     {
       ref: c,
       style: { width: M, height: G },
       className: re(me["rp-pages"], me["rp-page-scrolling-wrapper"]),
-      children: _ === qe.DUAL_PAGE ? /* @__PURE__ */ i(Ao, { widths: k, heights: E }) : /* @__PURE__ */ i(ko, { widths: k, heights: E })
+      children: _ === qe.DUAL_PAGE ? /* @__PURE__ */ i(Ao, { widths: F, heights: E }) : /* @__PURE__ */ i(Fo, { widths: F, heights: E })
     }
-  ) : D ? /* @__PURE__ */ i(
+  ) : z ? /* @__PURE__ */ i(
     Ro,
     {
       ref: s,
@@ -1935,18 +1935,18 @@ const Ao = ({ widths: t, heights: e }) => {
       innerRef: f,
       onScroll: pe,
       columnCount: y,
-      columnWidth: k,
+      columnWidth: F,
       rowHeight: E,
       height: G,
       width: M,
-      estimatedColumnWidth: D,
+      estimatedColumnWidth: z,
       estimatedRowHeight: x,
       rowCount: I,
       className: re(
         me["rp-pages"],
         v === X.HORIZONTAL_SCROLLING ? me["rp-pages-horizontal-scroll"] : ""
       ),
-      children: Fo
+      children: ko
     }
   ) : P ? null : /* @__PURE__ */ i(
     "div",
@@ -1961,7 +1961,7 @@ const Ao = ({ widths: t, heights: e }) => {
       children: /* @__PURE__ */ i(Me, {})
     }
   ) }) }) });
-}, De = {
+}, ze = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
   "rp-toolbar-wrapper": "_rp-toolbar-wrapper_sz31z_10",
   "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
@@ -1978,7 +1978,7 @@ const Ao = ({ widths: t, heights: e }) => {
   const { nextIcon: t } = ue();
   return t || /* @__PURE__ */ i(We, { style: { transform: "rotate(180deg" } });
 }, Ho = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = se(), [s, c] = H(t.toString()), { pageNavigationTool: l = !0 } = ge(), { isSmallScreen: u } = Ie(), { localeMessages: h } = le();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = se(), [s, c] = H(t.toString()), { pageNavigationTool: l = !0 } = ge(), { isSmallScreen: u } = ye(), { localeMessages: h } = le();
   O(() => {
     c(t.toString());
   }, [t]);
@@ -2006,8 +2006,8 @@ const Ao = ({ widths: t, heights: e }) => {
       goToPage: a,
       changePage: n
     }
-  ) : l ? /* @__PURE__ */ z("div", { className: ut["rp-paginate"], children: [
-    !u && /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.previousPageTooltip, children: /* @__PURE__ */ i(
+  ) : l ? /* @__PURE__ */ D("div", { className: ut["rp-paginate"], children: [
+    !u && /* @__PURE__ */ i(j, { content: h == null ? void 0 : h.previousPageTooltip, children: /* @__PURE__ */ i(
       te,
       {
         onClick: r,
@@ -2016,7 +2016,7 @@ const Ao = ({ widths: t, heights: e }) => {
         children: /* @__PURE__ */ i(Wo, {})
       }
     ) }),
-    /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.currentPageTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(j, { content: h == null ? void 0 : h.currentPageTooltip, children: /* @__PURE__ */ i(
       tn,
       {
         onKeyDown: g,
@@ -2026,11 +2026,11 @@ const Ao = ({ widths: t, heights: e }) => {
         className: ut["rp-page-input"]
       }
     ) }),
-    /* @__PURE__ */ z("span", { className: ut["rp-total-page"], children: [
+    /* @__PURE__ */ D("span", { className: ut["rp-total-page"], children: [
       "/",
       e
     ] }),
-    !u && /* @__PURE__ */ i(Z, { content: h == null ? void 0 : h.nextPageTooltip, children: /* @__PURE__ */ i(
+    !u && /* @__PURE__ */ i(j, { content: h == null ? void 0 : h.nextPageTooltip, children: /* @__PURE__ */ i(
       te,
       {
         onClick: o,
@@ -2049,7 +2049,7 @@ var xt = "Dialog", [In, ps] = Nr(xt), [$o, ce] = In(xt), yn = (t) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: s = !0
-  } = t, c = V.useRef(null), l = V.useRef(null), [u = !1, h] = zr({
+  } = t, c = V.useRef(null), l = V.useRef(null), [u = !1, h] = Dr({
     prop: o,
     defaultProp: r,
     onChange: a
@@ -2085,7 +2085,7 @@ var xn = "DialogTrigger", Go = V.forwardRef(
         "data-state": Nt(r.open),
         ...o,
         ref: a,
-        onClick: ke(t.onClick, r.onOpenToggle)
+        onClick: Fe(t.onClick, r.onOpenToggle)
       }
     );
   }
@@ -2098,16 +2098,16 @@ var Rt = "DialogPortal", [Vo, Rn] = In(Rt, {
   return /* @__PURE__ */ i(Vo, { scope: e, forceMount: n, children: V.Children.map(o, (s) => /* @__PURE__ */ i(Pt, { present: n || a.open, children: /* @__PURE__ */ i(Mr, { asChild: !0, container: r, children: s }) })) });
 };
 Ln.displayName = Rt;
-var je = "DialogOverlay", Nn = V.forwardRef(
+var Ze = "DialogOverlay", Nn = V.forwardRef(
   (t, e) => {
-    const n = Rn(je, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(je, t.__scopeDialog);
+    const n = Rn(Ze, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Ze, t.__scopeDialog);
     return a.modal ? /* @__PURE__ */ i(Pt, { present: o || a.open, children: /* @__PURE__ */ i(Uo, { ...r, ref: e }) }) : null;
   }
 );
-Nn.displayName = je;
+Nn.displayName = Ze;
 var Uo = V.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(je, n);
+    const { __scopeDialog: n, ...o } = t, r = ce(Ze, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -2122,20 +2122,20 @@ var Uo = V.forwardRef(
       ) })
     );
   }
-), Pe = "DialogContent", En = V.forwardRef(
+), Se = "DialogContent", En = V.forwardRef(
   (t, e) => {
-    const n = Rn(Pe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Pe, t.__scopeDialog);
-    return /* @__PURE__ */ i(Pt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(qo, { ...r, ref: e }) : /* @__PURE__ */ i(Zo, { ...r, ref: e }) });
+    const n = Rn(Se, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Se, t.__scopeDialog);
+    return /* @__PURE__ */ i(Pt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(qo, { ...r, ref: e }) : /* @__PURE__ */ i(jo, { ...r, ref: e }) });
   }
 );
-En.displayName = Pe;
+En.displayName = Se;
 var qo = V.forwardRef(
   (t, e) => {
-    const n = ce(Pe, t.__scopeDialog), o = V.useRef(null), r = Tt(e, n.contentRef, o);
+    const n = ce(Se, t.__scopeDialog), o = V.useRef(null), r = Tt(e, n.contentRef, o);
     return V.useEffect(() => {
       const a = o.current;
       if (a)
-        return kr(a);
+        return Fr(a);
     }, []), /* @__PURE__ */ i(
       On,
       {
@@ -2143,24 +2143,24 @@ var qo = V.forwardRef(
         ref: r,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ke(t.onCloseAutoFocus, (a) => {
+        onCloseAutoFocus: Fe(t.onCloseAutoFocus, (a) => {
           var s;
           a.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: ke(t.onPointerDownOutside, (a) => {
+        onPointerDownOutside: Fe(t.onPointerDownOutside, (a) => {
           const s = a.detail.originalEvent, c = s.button === 0 && s.ctrlKey === !0;
           (s.button === 2 || c) && a.preventDefault();
         }),
-        onFocusOutside: ke(
+        onFocusOutside: Fe(
           t.onFocusOutside,
           (a) => a.preventDefault()
         )
       }
     );
   }
-), Zo = V.forwardRef(
+), jo = V.forwardRef(
   (t, e) => {
-    const n = ce(Pe, t.__scopeDialog), o = V.useRef(!1), r = V.useRef(!1);
+    const n = ce(Se, t.__scopeDialog), o = V.useRef(!1), r = V.useRef(!1);
     return /* @__PURE__ */ i(
       On,
       {
@@ -2183,8 +2183,8 @@ var qo = V.forwardRef(
   }
 ), On = V.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, c = ce(Pe, n), l = V.useRef(null), u = Tt(e, l);
-    return Fr(), /* @__PURE__ */ z(Fe, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...s } = t, c = ce(Se, n), l = V.useRef(null), u = Tt(e, l);
+    return kr(), /* @__PURE__ */ D(ke, { children: [
       /* @__PURE__ */ i(
         Wr,
         {
@@ -2194,7 +2194,7 @@ var qo = V.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ i(
-            Dr,
+            zr,
             {
               role: "dialog",
               id: c.contentId,
@@ -2208,27 +2208,27 @@ var qo = V.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ z(Fe, { children: [
+      /* @__PURE__ */ D(ke, { children: [
         /* @__PURE__ */ i(Bo, { titleId: c.titleId }),
         /* @__PURE__ */ i(Xo, { contentRef: l, descriptionId: c.descriptionId })
       ] })
     ] });
   }
-), Lt = "DialogTitle", zn = V.forwardRef(
+), Lt = "DialogTitle", Dn = V.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(Lt, n);
     return /* @__PURE__ */ i(He.h2, { id: r.titleId, ...o, ref: e });
   }
 );
-zn.displayName = Lt;
-var Dn = "DialogDescription", jo = V.forwardRef(
+Dn.displayName = Lt;
+var zn = "DialogDescription", Zo = V.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Dn, n);
+    const { __scopeDialog: n, ...o } = t, r = ce(zn, n);
     return /* @__PURE__ */ i(He.p, { id: r.descriptionId, ...o, ref: e });
   }
 );
-jo.displayName = Dn;
-var An = "DialogClose", kn = V.forwardRef(
+Zo.displayName = zn;
+var An = "DialogClose", Fn = V.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...o } = t, r = ce(An, n);
     return /* @__PURE__ */ i(
@@ -2237,21 +2237,21 @@ var An = "DialogClose", kn = V.forwardRef(
         type: "button",
         ...o,
         ref: e,
-        onClick: ke(t.onClick, () => r.onOpenChange(!1))
+        onClick: Fe(t.onClick, () => r.onOpenChange(!1))
       }
     );
   }
 );
-kn.displayName = An;
+Fn.displayName = An;
 function Nt(t) {
   return t ? "open" : "closed";
 }
-var Fn = "DialogTitleWarning", [hs, Wn] = Or(Fn, {
-  contentName: Pe,
+var kn = "DialogTitleWarning", [hs, Wn] = Or(kn, {
+  contentName: Se,
   titleName: Lt,
   docsSlug: "dialog"
 }), Bo = ({ titleId: t }) => {
-  const e = Wn(Fn), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
+  const e = Wn(kn), n = `\`${e.contentName}\` requires a \`${e.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${e.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -2266,8 +2266,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
-}, Jo = yn, Yo = Ln, Qo = Nn, ei = En, ti = zn, ni = kn;
-const Te = {
+}, Jo = yn, Yo = Ln, Qo = Nn, ei = En, ti = Dn, ni = Fn;
+const Pe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2276,7 +2276,7 @@ const Te = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, ri = () => {
-  const { pdfProperties: t } = Y(), { container: e } = Se(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = $r(), { localeMessages: r } = le(), a = F(() => {
+  const { pdfProperties: t } = Y(), { container: e } = Ie(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = $r(), { localeMessages: r } = le(), a = k(() => {
     if (!t)
       return [];
     const {
@@ -2316,12 +2316,12 @@ const Te = {
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: _ }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(Jo, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(Yo, { container: e, children: /* @__PURE__ */ z("div", { className: Te["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(Qo, { className: Te["rp-dialog-overlay"] }),
-    /* @__PURE__ */ z(ei, { className: Te["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(ti, { className: Te["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Te["rp-document-properties"], children: a.map((s, c) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Te["rp-properties-divider"] }) : /* @__PURE__ */ i(Hr, { label: s.label, value: s.value }) }, c)) }),
-      /* @__PURE__ */ i(ni, { asChild: !0, className: Te["rp-dialog-close"], children: /* @__PURE__ */ i(ln, {}) })
+  return /* @__PURE__ */ i(Jo, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(Yo, { container: e, children: /* @__PURE__ */ D("div", { className: Pe["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(Qo, { className: Pe["rp-dialog-overlay"] }),
+    /* @__PURE__ */ D(ei, { className: Pe["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(ti, { className: Pe["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: Pe["rp-document-properties"], children: a.map((s, c) => /* @__PURE__ */ i("div", { children: s.separate ? /* @__PURE__ */ i("div", { className: Pe["rp-properties-divider"] }) : /* @__PURE__ */ i(Hr, { label: s.label, value: s.value }) }, c)) }),
+      /* @__PURE__ */ i(ni, { asChild: !0, className: Pe["rp-dialog-close"], children: /* @__PURE__ */ i(ln, {}) })
     ] })
   ] }) }) });
 }, oi = {
@@ -2339,21 +2339,21 @@ const Te = {
   }, []) };
 }, Mn = () => {
   const { downloadIcon: t } = ue();
-  return t || /* @__PURE__ */ i(Zr, {});
-}, Hn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), ci = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Hn, { localeMessages: e, children: /* @__PURE__ */ i(te, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Mn, {}) }) }), li = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ z(Hn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || /* @__PURE__ */ i(jr, {});
+}, Hn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(j, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), ci = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Hn, { localeMessages: e, children: /* @__PURE__ */ i(te, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Mn, {}) }) }), li = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ D(Hn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Mn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
 ] }) }), $n = () => {
-  const { download: t } = si(), { downloadTool: e = !0 } = ge(), { isSmallScreen: n } = Ie(), { localeMessages: o } = le();
+  const { download: t } = si(), { downloadTool: e = !0 } = ge(), { isSmallScreen: n } = ye(), { localeMessages: o } = le();
   return e ? n ? /* @__PURE__ */ i(li, { download: t, localeMessages: o }) : typeof e == "function" ? /* @__PURE__ */ i(e, { download: t }) : e ? /* @__PURE__ */ i(ci, { download: t, localeMessages: o }) : null : null;
 }, Gn = () => {
   const { printIcon: t } = ue();
-  return t || /* @__PURE__ */ i(jr, {});
-}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(Z, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), ui = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Vn, { localeMessages: e, children: /* @__PURE__ */ i(te, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Gn, {}) }) }), di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ z(Vn, { className: "rp-menu-item", localeMessages: e, children: [
+  return t || /* @__PURE__ */ i(Zr, {});
+}, Vn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(j, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), ui = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Vn, { localeMessages: e, children: /* @__PURE__ */ i(te, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(Gn, {}) }) }), di = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(we, { onClick: t, children: /* @__PURE__ */ D(Vn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Gn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Un = () => {
-  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = It(), { printTool: s = !0 } = ge(), { isSmallScreen: c } = Ie(), { localeMessages: l } = le();
+  const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = It(), { printTool: s = !0 } = ge(), { isSmallScreen: c } = ye(), { localeMessages: l } = le();
   return s ? c ? /* @__PURE__ */ i(di, { print: t, localeMessages: l }) : typeof s == "function" ? /* @__PURE__ */ i(
     s,
     {
@@ -2374,24 +2374,24 @@ const Te = {
   const { goToLastPageIcon: t } = ue();
   return t || /* @__PURE__ */ i(dn, {});
 }, Jt = { width: "100%" }, fi = () => {
-  const { goToPage: t, totalPages: e, focusedPage: n } = se(), { jumpNavigationTool: o = !0 } = ge(), { localeMessages: r } = le(), a = F(() => n === 1, [n]), s = F(() => n === e, [n, e]), c = L(() => {
+  const { goToPage: t, totalPages: e, focusedPage: n } = se(), { jumpNavigationTool: o = !0 } = ge(), { localeMessages: r } = le(), a = k(() => n === 1, [n]), s = k(() => n === e, [n, e]), c = L(() => {
     t(1);
   }, [t]), l = L(() => {
     t(e);
   }, [t, e]);
-  return o ? /* @__PURE__ */ z(Ze, { children: [
-    /* @__PURE__ */ i(we, { onClick: c, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.firstPageTooltip, style: Jt, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": a, children: [
+  return o ? /* @__PURE__ */ D(je, { children: [
+    /* @__PURE__ */ i(we, { onClick: c, children: /* @__PURE__ */ i(j, { content: r == null ? void 0 : r.firstPageTooltip, style: Jt, children: /* @__PURE__ */ D("div", { className: "rp-menu-item", "aria-disabled": a, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(hi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.firstPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(we, { onClick: l, children: /* @__PURE__ */ i(Z, { content: r == null ? void 0 : r.lastPageTooltip, style: Jt, children: /* @__PURE__ */ z("div", { className: "rp-menu-item", "aria-disabled": s, children: [
+    /* @__PURE__ */ i(we, { onClick: l, children: /* @__PURE__ */ i(j, { content: r == null ? void 0 : r.lastPageTooltip, style: Jt, children: /* @__PURE__ */ D("div", { className: "rp-menu-item", "aria-disabled": s, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(mi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
     /* @__PURE__ */ i(St, {})
   ] }) : null;
 }, gi = () => {
-  const { container: t } = Se(), { isSmallScreen: e } = Ie(), {
+  const { container: t } = Ie(), { isSmallScreen: e } = ye(), {
     openFileTool: n,
     downloadTool: o,
     documentProperties: r,
@@ -2402,7 +2402,7 @@ const Te = {
     printTool: u,
     fullscreenTool: h
   } = ge(), { localeMessages: m } = le();
-  return F(() => {
+  return k(() => {
     const w = l || s || c || a || r;
     let g = !1;
     return e && (g = !(!n && !o && !u && !h)), w || g;
@@ -2415,14 +2415,14 @@ const Te = {
     c,
     l,
     e
-  ]) ? /* @__PURE__ */ z(Gr, { children: [
+  ]) ? /* @__PURE__ */ D(Gr, { children: [
     /* @__PURE__ */ i(
       cn,
       {
         container: t,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(te, { "aria-label": m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(Lr, {}) }) }) }),
-        children: /* @__PURE__ */ z("div", { className: oi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          e && /* @__PURE__ */ z(Ze, { children: [
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(j, { content: m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(te, { "aria-label": m == null ? void 0 : m.moreOptionTooltip, children: /* @__PURE__ */ i(Lr, {}) }) }) }),
+        children: /* @__PURE__ */ D("div", { className: oi["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+          e && /* @__PURE__ */ D(je, { children: [
             /* @__PURE__ */ i(sn, {}),
             /* @__PURE__ */ i($n, {}),
             /* @__PURE__ */ i(Un, {}),
@@ -2440,10 +2440,10 @@ const Te = {
     /* @__PURE__ */ i(ri, {})
   ] }) : null;
 }, vi = () => {
-  const { isSmallScreen: t } = Ie();
-  return /* @__PURE__ */ z(Fe, { children: [
+  const { isSmallScreen: t } = ye();
+  return /* @__PURE__ */ D(ke, { children: [
     /* @__PURE__ */ i(Rr, {}),
-    !t && /* @__PURE__ */ z(Fe, { children: [
+    !t && /* @__PURE__ */ D(ke, { children: [
       /* @__PURE__ */ i(sn, {}),
       /* @__PURE__ */ i($n, {}),
       /* @__PURE__ */ i(Un, {}),
@@ -2464,7 +2464,7 @@ const Te = {
   const { zoomOutIcon: t } = ue();
   return t || /* @__PURE__ */ i(Xr, {});
 }, Ti = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Ye(), { container: n, contentRef: o } = Se(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = se(), { rotate: s } = Je(), { pages: c } = Y(), { isSmallScreen: l } = Ie(), { localeMessages: u } = le(), h = L(() => {
+  const { zoomLevel: t, setZoomLevel: e } = Ye(), { container: n, contentRef: o } = Ie(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = se(), { rotate: s } = Je(), { pages: c } = Y(), { isSmallScreen: l } = ye(), { localeMessages: u } = le(), h = L(() => {
     e((_) => {
       const f = Math.floor(_ / 25) * 25;
       return Math.min(f + 25, dt);
@@ -2474,7 +2474,7 @@ const Te = {
       const f = Math.ceil(_ / 25) * 25;
       return Math.min(f - 25, dt);
     });
-  }, [e]), d = F(() => t === _i, [t]), w = F(() => t === dt, [t]), g = F(() => {
+  }, [e]), d = k(() => t === _i, [t]), w = k(() => t === dt, [t]), g = k(() => {
     var _;
     return (_ = c.get(a)) == null ? void 0 : _.page.getViewport({ scale: 1, rotation: s });
   }, [c, a, s]), b = L(
@@ -2489,8 +2489,8 @@ const Te = {
     },
     [e, b]
   );
-  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ z("div", { className: Le["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
+  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ D("div", { className: Le["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ i(j, { content: u == null ? void 0 : u.zoomOutTooltip, children: /* @__PURE__ */ i(
       te,
       {
         disabled: d,
@@ -2503,7 +2503,7 @@ const Te = {
       cn,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ z(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(j, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ D(
           te,
           {
             className: Le["rp-current-zoom-wrapper"],
@@ -2517,21 +2517,21 @@ const Te = {
         ) }) }),
         style: { minWidth: "200px" },
         align: "center",
-        children: /* @__PURE__ */ z("div", { className: Le["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ z(Ze, { children: [
+        children: /* @__PURE__ */ D("div", { className: Le["rp-zoom-dropdown-content"], children: [
+          /* @__PURE__ */ D(je, { children: [
             /* @__PURE__ */ i(we, { onClick: () => v(nt.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
             /* @__PURE__ */ i(we, { onClick: () => v(nt.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
             /* @__PURE__ */ i(we, { onClick: () => v(nt.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
           ] }),
           /* @__PURE__ */ i(St, {}),
-          /* @__PURE__ */ i(Ze, { children: wi.map((_) => /* @__PURE__ */ z(we, { onClick: () => v(_), children: [
+          /* @__PURE__ */ i(je, { children: wi.map((_) => /* @__PURE__ */ D(we, { onClick: () => v(_), children: [
             _,
             " %"
           ] }, _)) })
         ] })
       }
     ),
-    /* @__PURE__ */ i(Z, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(j, { content: u == null ? void 0 : u.zoomInTooltip, children: /* @__PURE__ */ i(
       te,
       {
         disabled: w,
@@ -2542,20 +2542,20 @@ const Te = {
     ) })
   ] }) : null;
 }, ne = {
-  "rp-search-tool-content": "_rp-search-tool-content_1hznk_1",
-  "rp-search-tool-input": "_rp-search-tool-input_1hznk_6",
-  "rp-search-tool-input-icon": "_rp-search-tool-input-icon_1hznk_12",
-  "rp-search-tool-controls": "_rp-search-tool-controls_1hznk_21",
-  "rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_1hznk_29",
-  "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_1hznk_35",
-  "rp-search-tool-input-clear": "_rp-search-tool-input-clear_1hznk_40",
-  "rp-search-input": "_rp-search-input_1hznk_54",
-  "rp-search-icon-info": "_rp-search-icon-info_1hznk_58"
+  "rp-search-tool-content": "_rp-search-tool-content_jvchu_1",
+  "rp-search-tool-input": "_rp-search-tool-input_jvchu_8",
+  "rp-search-tool-input-icon": "_rp-search-tool-input-icon_jvchu_14",
+  "rp-search-tool-controls": "_rp-search-tool-controls_jvchu_24",
+  "rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_jvchu_32",
+  "rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_jvchu_38",
+  "rp-search-tool-input-clear": "_rp-search-tool-input-clear_jvchu_43",
+  "rp-search-input": "_rp-search-input_jvchu_57",
+  "rp-search-icon-info": "_rp-search-icon-info_jvchu_62"
 }, Yt = () => {
   const { searchIcon: t } = ue();
   return t || /* @__PURE__ */ i(Yr, {});
 }, Pi = () => {
-  const { container: t } = Se(), [e, n] = H(!1), { pdf: o } = Y(), [r, a] = H(null), {
+  const { container: t } = Ie(), [e, n] = H(!1), { pdf: o } = Y(), [r, a] = H(null), {
     searchOptions: s,
     setSearchOptions: c,
     loading: l,
@@ -2592,12 +2592,12 @@ const Te = {
     _(x.target.value);
   }, []), A = L(() => {
     _(""), u("");
-  }, [u]), I = F(() => `${m} / ${h}`, [m, h]), { wholeWords: E, matchCase: y } = F(() => s, [s]), k = L(
+  }, [u]), I = k(() => `${m} / ${h}`, [m, h]), { wholeWords: E, matchCase: y } = k(() => s, [s]), F = L(
     (x) => {
       c((N) => ({ ...N, matchCase: x }));
     },
     [c]
-  ), D = L(
+  ), z = L(
     (x) => {
       c((N) => ({ ...N, wholeWords: x }));
     },
@@ -2605,16 +2605,16 @@ const Te = {
   );
   return O(() => {
     R();
-  }, [o, R]), b ? /* @__PURE__ */ i(Fe, { children: /* @__PURE__ */ i(
+  }, [o, R]), b ? /* @__PURE__ */ i(ke, { children: /* @__PURE__ */ i(
     eo,
     {
       open: e,
       container: t,
-      triggerComponent: /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(te, { onClick: P, "aria-label": f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(Yt, {}) }) }),
-      children: /* @__PURE__ */ z("div", { className: ne["rp-search-tool-content"], children: [
-        /* @__PURE__ */ z("div", { className: ne["rp-search-tool-input-wrapper"], children: [
-          /* @__PURE__ */ z("div", { className: ne["rp-search-tool-input"], children: [
-            /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
+      triggerComponent: /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(te, { onClick: P, "aria-label": f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(Yt, {}) }) }),
+      children: /* @__PURE__ */ D("div", { className: ne["rp-search-tool-content"], children: [
+        /* @__PURE__ */ D("div", { className: ne["rp-search-tool-input-wrapper"], children: [
+          /* @__PURE__ */ D("div", { className: ne["rp-search-tool-input"], children: [
+            /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
               tn,
               {
                 value: v,
@@ -2629,22 +2629,22 @@ const Te = {
             ) }),
             l ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Me, {}) }) : /* @__PURE__ */ i("span", { children: I })
           ] }),
-          /* @__PURE__ */ z("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ i(zt, { name: "matchCase", value: y, onChange: k, children: f == null ? void 0 : f.searchMatchCaseLabel }),
-            /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Dt, {}) }) }),
-            /* @__PURE__ */ i(zt, { name: "wholeWord", value: E, onChange: D, children: f == null ? void 0 : f.searchWholeWordsLabel }),
-            /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Dt, {}) }) })
+          /* @__PURE__ */ D("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
+            /* @__PURE__ */ i(Dt, { name: "matchCase", value: y, onChange: F, children: f == null ? void 0 : f.searchMatchCaseLabel }),
+            /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(zt, {}) }) }),
+            /* @__PURE__ */ i(Dt, { name: "wholeWord", value: E, onChange: z, children: f == null ? void 0 : f.searchWholeWordsLabel }),
+            /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(zt, {}) }) })
           ] })
         ] }),
-        /* @__PURE__ */ z("div", { className: ne["rp-search-tool-controls"], children: [
-          /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchPrevTooltip, children: /* @__PURE__ */ i(te, { onClick: w, "aria-label": f == null ? void 0 : f.searchPrevTooltip, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ D("div", { className: ne["rp-search-tool-controls"], children: [
+          /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchPrevTooltip, children: /* @__PURE__ */ i(te, { onClick: w, "aria-label": f == null ? void 0 : f.searchPrevTooltip, children: /* @__PURE__ */ i(
             We,
             {
               className: ne["rp-search-tool-input-icon"],
               "aria-disabled": !h
             }
           ) }) }),
-          /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchNextTooltip, children: /* @__PURE__ */ i(te, { onClick: d, "aria-label": f == null ? void 0 : f.searchNextTooltip, children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchNextTooltip, children: /* @__PURE__ */ i(te, { onClick: d, "aria-label": f == null ? void 0 : f.searchNextTooltip, children: /* @__PURE__ */ i(
             We,
             {
               style: { transform: "rotate(180deg" },
@@ -2652,7 +2652,7 @@ const Te = {
               "aria-disabled": !h
             }
           ) }) }),
-          /* @__PURE__ */ i(Z, { content: f == null ? void 0 : f.searchCloseButtonTooltip, children: /* @__PURE__ */ i(
+          /* @__PURE__ */ i(j, { content: f == null ? void 0 : f.searchCloseButtonTooltip, children: /* @__PURE__ */ i(
             te,
             {
               onKeyDown: p,
@@ -2664,18 +2664,18 @@ const Te = {
       ] })
     }
   ) }) : null;
-}, Si = "_loading_1snj5_1", Ne = {
-  "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
-  "rp-loading-modal": "_rp-loading-modal_1snj5_14",
-  "rp-loading-title": "_rp-loading-title_1snj5_27",
-  "rp-loading-progress-bar": "_rp-loading-progress-bar_1snj5_35",
-  "rp-loading-progress": "_rp-loading-progress_1snj5_35",
-  "rp-loading-cancel-button": "_rp-loading-cancel-button_1snj5_52",
+}, Si = "_loading_16o91_1", Ne = {
+  "rp-loading-overlay": "_rp-loading-overlay_16o91_1",
+  "rp-loading-modal": "_rp-loading-modal_16o91_14",
+  "rp-loading-title": "_rp-loading-title_16o91_27",
+  "rp-loading-progress-bar": "_rp-loading-progress-bar_16o91_35",
+  "rp-loading-progress": "_rp-loading-progress_16o91_35",
+  "rp-loading-cancel-button": "_rp-loading-cancel-button_16o91_52",
   loading: Si
 }, Ii = ({ percentage: t }) => {
   const { cancel: e } = It(), { localeMessages: n } = le();
-  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ z("div", { className: re(Ne["rp-loading-modal"]), children: [
-    /* @__PURE__ */ z("div", { className: re(Ne["rp-loading-title"]), children: [
+  return t < 1 ? null : /* @__PURE__ */ i("div", { className: re(Ne["rp-loading-overlay"]), children: /* @__PURE__ */ D("div", { className: re(Ne["rp-loading-modal"]), children: [
+    /* @__PURE__ */ D("div", { className: re(Ne["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
@@ -2689,15 +2689,15 @@ const Te = {
     /* @__PURE__ */ i("button", { className: re(Ne["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, yi = Xe((t, e) => {
-  const { showPrintProgress: n } = ge(), { progress: o } = It(), { isSmallScreen: r } = Ie(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
-  return /* @__PURE__ */ z("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: De["rp-toolbar-content"], children: /* @__PURE__ */ z("div", { className: De["rp-toolbar-wrapper"], style: s(), children: [
-      /* @__PURE__ */ z("div", { "data-rp": "topBarLeft", className: De["rp-toolbar-start"], children: [
+  const { showPrintProgress: n } = ge(), { progress: o } = It(), { isSmallScreen: r } = ye(), { percentage: a } = o || {}, s = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return /* @__PURE__ */ D("div", { children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: ze["rp-toolbar-content"], children: /* @__PURE__ */ D("div", { className: ze["rp-toolbar-wrapper"], style: s(), children: [
+      /* @__PURE__ */ D("div", { "data-rp": "topBarLeft", className: ze["rp-toolbar-start"], children: [
         /* @__PURE__ */ i(Pi, {}),
         /* @__PURE__ */ i(Ho, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: De["rp-toolbar-middle"], children: /* @__PURE__ */ i(Ti, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: De["rp-toolbar-end"], children: /* @__PURE__ */ i(vi, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: ze["rp-toolbar-middle"], children: /* @__PURE__ */ i(Ti, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: ze["rp-toolbar-end"], children: /* @__PURE__ */ i(vi, {}) })
     ] }) }),
     n && a ? /* @__PURE__ */ i(Ii, { percentage: a }) : null
   ] });
@@ -2713,13 +2713,13 @@ const Te = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, xi = (t) => {
-  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = se(), s = F(() => o ? Ae["rp-thumbnail-active"] : "", [o]), c = F(() => ({
+  const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = se(), s = k(() => o ? Ae["rp-thumbnail-active"] : "", [o]), c = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), l = L(() => {
     n && a(n);
   }, [a, n]);
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ D(
     "div",
     {
       onClick: l,
@@ -2758,7 +2758,7 @@ const Te = {
 }, Ni = Xe((t, e) => {
   const { show: n } = t, { focusedPage: o, totalPages: r } = se(), { thumbnailPages: a, addPage: s, thumbnailLength: c, addToPage: l } = gn(), u = W(null), h = W(1);
   en(e, () => u.current);
-  const m = F(() => Object.values(a), [a]), d = L(() => {
+  const m = k(() => Object.values(a), [a]), d = L(() => {
     const w = c + 1;
     w <= r && s(w);
   }, [s, r, c]);
@@ -2784,7 +2784,7 @@ const Te = {
 }, Oi = () => {
   const { active: t, setActive: e } = gn(), [n, o] = H(200), r = W(null), { thumbnailTool: a } = ge(), { localeMessages: s } = le(), c = L(() => {
     e((u) => !u);
-  }, []), l = F(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: c, active: t }) : a ? /* @__PURE__ */ i(Z, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), l = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: c, active: t }) : a ? /* @__PURE__ */ i(j, { content: s == null ? void 0 : s.thumbnailTooltip, children: /* @__PURE__ */ i(
     te,
     {
       onClick: c,
@@ -2793,7 +2793,7 @@ const Te = {
       children: /* @__PURE__ */ i(Ei, {})
     }
   ) }) : null, [a, t, c]);
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ D(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -2801,7 +2801,7 @@ const Te = {
       "data-rp": "sidebar",
       children: [
         /* @__PURE__ */ i("div", { className: pt["rp-sidebar-content"], children: l }),
-        /* @__PURE__ */ z("div", { "data-rp": "thumbnailSidebar", hidden: !t, className: pt["rp-thumbnails-wrapper"], children: [
+        /* @__PURE__ */ D("div", { "data-rp": "thumbnailSidebar", hidden: !t, className: pt["rp-thumbnails-wrapper"], children: [
           /* @__PURE__ */ i(Ni, { show: t, ref: r }),
           /* @__PURE__ */ i(hr, { onWidthChange: o, thumbnailRef: r })
         ] })
@@ -2809,10 +2809,10 @@ const Te = {
     }
   );
 }, ms = Xe((t, e) => {
-  const { children: n, slots: o, icons: r, style: a, className: s, mobileWidth: c, onLoaded: l, cleanupOnLoaded: u } = t, [h, m] = H(null), { setContainer: d, setContentRef: w } = Se(), { loading: g } = Y();
+  const { children: n, slots: o, icons: r, style: a, className: s, mobileWidth: c, onLoaded: l, cleanupOnLoaded: u } = t, [h, m] = H(null), { setContainer: d, setContentRef: w } = Ie(), { loading: g } = Y();
   return O(() => (l && l(), () => {
     u && u();
-  }), [l, u]), /* @__PURE__ */ i("div", { ref: e, className: re(xe["rp-theme-variables"], xe["rp-container"]), children: /* @__PURE__ */ i(wr, { mobileWidth: c, children: /* @__PURE__ */ i(mr, { slots: o, children: /* @__PURE__ */ i(fr, { icons: r, children: /* @__PURE__ */ z(
+  }), [l, u]), /* @__PURE__ */ i("div", { ref: e, className: re(Ce["rp-theme-variables"], Ce["rp-container"]), children: /* @__PURE__ */ i(wr, { mobileWidth: c, children: /* @__PURE__ */ i(mr, { slots: o, children: /* @__PURE__ */ i(fr, { icons: r, children: /* @__PURE__ */ D(
     gr,
     {
       getContainerRef: d,
@@ -2820,12 +2820,12 @@ const Te = {
       style: a,
       className: s,
       children: [
-        /* @__PURE__ */ z(vr, { children: [
-          /* @__PURE__ */ z("div", { className: xe["rp-layout"], children: [
+        /* @__PURE__ */ D(vr, { children: [
+          /* @__PURE__ */ D("div", { className: Ce["rp-layout"], children: [
             /* @__PURE__ */ i(yi, { ref: m }),
-            /* @__PURE__ */ z("div", { className: xe["rp-content"], children: [
-              /* @__PURE__ */ i("div", { className: xe["rp-sidebar"], children: /* @__PURE__ */ i(Oi, {}) }),
-              /* @__PURE__ */ i("div", { ref: w, className: xe["rp-pages"], children: n })
+            /* @__PURE__ */ D("div", { className: Ce["rp-content"], children: [
+              /* @__PURE__ */ i("div", { className: Ce["rp-sidebar"], children: /* @__PURE__ */ i(Oi, {}) }),
+              /* @__PURE__ */ i("div", { ref: w, className: Ce["rp-pages"], children: n })
             ] })
           ] }),
           /* @__PURE__ */ i(_r, {})
@@ -2833,6 +2833,7 @@ const Te = {
         g ? /* @__PURE__ */ i(
           "div",
           {
+            className: Ce["rp-loader"],
             style: {
               position: "absolute",
               top: 0,
@@ -2840,8 +2841,7 @@ const Te = {
               right: 0,
               bottom: 0,
               width: "100%",
-              height: "100%",
-              backgroundColor: "rgba(0, 0, 0, 0.2)"
+              height: "100%"
             },
             children: /* @__PURE__ */ i(
               "div",
@@ -2896,7 +2896,7 @@ export {
   ao as p,
   yt as q,
   Oo as r,
-  ko as s,
+  Fo as s,
   Ho as t,
   se as u,
   ri as v,