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

package/dist/{RPDefaultLayout-528c99bf.js → RPDefaultLayout-e37d2a6d.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as D, Fragment as ke } from "react/jsx-runtime";
 import * as q from "react";
-import { useRef as W, useEffect as z, useCallback as R, useState as $, createContext as Ge, useContext as Ve, useMemo as A, forwardRef as Ue, useImperativeHandle as qt, createElement as De, PureComponent as Gn, Component as Vn, memo as Un } from "react";
+import { useRef as W, useEffect as A, useCallback as R, useState as $, createContext as Ge, useContext as Ve, useMemo as z, forwardRef as Ue, useImperativeHandle as qt, createElement as De, PureComponent as Gn, Component as Vn, memo as Un } from "react";
 import { ChevronUpIcon as Re } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as J } from "./components/ui/Button.js";
 import { UIInput as Zt } from "./components/ui/Input.js";
@@ -55,9 +55,9 @@ import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as Co } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as To } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as mt } from "./components/ui/DropDown.js";
-import { u as ft, a as Me, c as xe, b as gt, d as Po, e as So, h as Io, f as yo, F as xo, D as Ro, g as Lo, G as He } from "./index-316854c1.js";
-import { c as No, e as Mo, b as Eo } from "./index-71898eb9.js";
-import { e as Xe } from "./floating-ui.react-dom-e6d5fe8f.js";
+import { c as Po, a as ft, P as Me, b as xe, d as gt, i as So, k as Io, u as yo } from "./index-3dff3fa8.js";
+import { D as xo, u as Xe } from "./index-4f17fe4d.js";
+import { a as Ro, h as Lo, u as No, F as Mo, b as Eo, G as He } from "./index-1db49c1a.js";
 import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
 import { PropertyItem as Oo } from "./components/layout/toolbar/PropertyItem.js";
 import { useOtherToolContext as Do, OtherToolProvider as Ao } from "./contexts/OtherToolContext.js";
@@ -80,9 +80,9 @@ import { UICheckbox as yt } from "./components/ui/Checkbox.js";
 import { ClearIcon as Zo } from "./components/icons/ClearIcon.js";
 import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e, nn = () => {
   const { viewMode: e } = je(), { scrollMode: t } = Pe(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = Be(), { setFocusedPage: s } = re(), c = W(), { columnCount: i } = jt(), { widths: l, heights: p } = _o(), h = W(t), m = W(e), u = W(i);
-  z(() => {
+  A(() => {
     n != null && n.scrollToItem && (c.current = n);
-  }, [n]), z(() => {
+  }, [n]), A(() => {
     h.current = t, m.current = e;
   }, [t, e]);
   const g = R((f, _, P) => {
@@ -109,9 +109,9 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
     },
     [r, l, g]
   );
-  return z(() => {
+  return A(() => {
     h.current = t, m.current = e;
-  }, [t, e]), z(() => {
+  }, [t, e]), A(() => {
     u.current = i;
   }, [i]), { scrollToPage: R(
     (f) => {
@@ -199,7 +199,7 @@ import './assets/RPDefaultLayout.css';const jo = (e) => e < 0.5 ? 2 * e * e : -1
   return typeof (e == null ? void 0 : e.focusedPage) > "u" && bo.error("Please use this hooks inside children component of RPProvider"), e;
 }, Ka = ({ children: e }) => {
   const { pdf: t } = Y(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: s, goToPage: c, nextPage: i, prevPage: l } = Bo();
-  return z(() => {
+  return A(() => {
     t != null && t.numPages && s(t.numPages);
   }, [t, s]), /* @__PURE__ */ a(
     on.Provider,
@@ -223,7 +223,7 @@ const Ko = () => {
     totalPages: 0,
     percentage: 0
   }), [r, s] = $(!1), [c, i] = $(!1), [l, p] = $(null), h = W(!1);
-  z(() => {
+  A(() => {
     h.current;
   }, [h]);
   const m = R(() => {
@@ -362,7 +362,7 @@ const Ko = () => {
       T.height = 0, T.width = 0;
     }
   }, [e, t, h]);
-  return z(() => {
+  return A(() => {
     const T = () => {
       u(), m();
     };
@@ -405,13 +405,13 @@ const Ko = () => {
     },
     [i, t]
   );
-  z(() => {
+  A(() => {
     l && o && v();
-  }, [l, o]), z(() => {
+  }, [l, o]), A(() => {
     p && u((f) => {
       console.error(f);
     });
-  }, [p]), z(() => {
+  }, [p]), A(() => {
     i && t && t(i);
   }, [i, t]);
   const v = () => {
@@ -431,7 +431,7 @@ const Ko = () => {
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
 }, Xo = () => {
-  const [e, t] = $({}), { pages: n } = Y(), { rotate: o } = qe(), r = A(() => Object.keys(e).length, [e]), s = R(
+  const [e, t] = $({}), { pages: n } = Y(), { rotate: o } = qe(), r = z(() => Object.keys(e).length, [e]), s = R(
     (i) => {
       if (!n.size)
         return;
@@ -472,7 +472,7 @@ const Ko = () => {
     },
     [n, o]
   );
-  z(() => {
+  A(() => {
     s(10);
   }, [s]);
   const c = R(
@@ -531,8 +531,8 @@ const Ko = () => {
     }
   );
 }, Jo = (e = {}, t = "") => {
-  const [n, o] = $(t), [r, s] = $(!1), { pdf: c, pages: i } = Y(), l = Jt(), p = W(!n), { currentZoom: h } = Ze(), [m, u] = $([]), { setFocusedPage: g } = re(), [v, b] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: _ } = Be(), { scrollMode: P } = Pe(), [T, x] = $(null), d = W({}), C = A(() => v === 0 ? null : m[v - 1], [v, m]), w = A(() => m.length, [m]);
-  z(() => {
+  const [n, o] = $(t), [r, s] = $(!1), { pdf: c, pages: i } = Y(), l = Jt(), p = W(!n), { currentZoom: h } = Ze(), [m, u] = $([]), { setFocusedPage: g } = re(), [v, b] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: _ } = Be(), { scrollMode: P } = Pe(), [T, x] = $(null), d = W({}), C = z(() => v === 0 ? null : m[v - 1], [v, m]), w = z(() => m.length, [m]);
+  A(() => {
     if (!C || !i)
       return;
     const S = _ || f;
@@ -585,7 +585,7 @@ const Ko = () => {
     }
     return L;
   }, []);
-  return z(() => {
+  return A(() => {
     if (!n) {
       p.current = !0, u([]), b(0);
       return;
@@ -688,7 +688,7 @@ const Ko = () => {
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
 }, Yo = (e) => {
   const { pageNumber: t, onLoaded: n, onLoading: o } = e, r = W(null), { pages: s } = Y(), { rotate: c } = qe(), i = W(), { currentZoom: l } = Ze();
-  return z(() => {
+  return A(() => {
     if (!s || l === 0)
       return;
     const p = s.get(t);
@@ -710,7 +710,7 @@ const Ko = () => {
 }, Qo = (e) => {
   const { pageNumber: t } = e, { pages: n } = Y(), o = W(null), { matches: r, currentMatch: s, setCurrentMatchElement: c } = ln(), [i, l] = $(
     []
-  ), p = W(), h = W(), m = W(), u = A(() => r.filter((v) => v.pageIndex === t - 1), [r, t]), g = R(
+  ), p = W(), h = W(), m = W(), u = z(() => r.filter((v) => v.pageIndex === t - 1), [r, t]), g = R(
     (v, b, f = !1) => {
       if (f && Jn(v, b), !u.length) {
         m.current = void 0, l([]);
@@ -721,7 +721,7 @@ const Ko = () => {
     },
     [u]
   );
-  return z(() => {
+  return A(() => {
     var f;
     if ((f = m.current) == null || f.classList.remove("selected"), !i.length || !s || s.pageIndex !== t - 1)
       return;
@@ -732,7 +732,7 @@ const Ko = () => {
       return;
     const b = i.find((_) => _.index === v);
     b && (m.current = b.element, c(b.element), b.element.classList.add("selected"));
-  }, [s, i, u]), z(() => {
+  }, [s, i, u]), A(() => {
     const v = n.get(t);
     if (!(!v || !o.current))
       return p.current && p.current.cancel(), v.page.getTextContent().then((b) => {
@@ -754,7 +754,7 @@ const Ko = () => {
         var b;
         (b = p.current) == null || b.cancel();
       };
-  }, [n, t]), z(() => {
+  }, [n, t]), A(() => {
     var f;
     [].slice.call(o.current.children).forEach((_) => {
       _.classList.add(Ye["rp-text-layer-text"]);
@@ -883,12 +883,12 @@ function Lt(e, t) {
     e.removeEventListener(n, t);
 }
 const ir = (e) => {
-  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = Y(), s = W(), [c, i] = $(), { setFocusedPage: l, goToPage: p } = re(), { scrollMode: h } = Pe(), m = A(() => o.get(t), [o, t]), u = A(() => m == null ? void 0 : m.page.getViewport(), [m]);
-  z(() => {
+  const { pageNumber: t } = e, n = W(null), { pages: o, pdf: r } = Y(), s = W(), [c, i] = $(), { setFocusedPage: l, goToPage: p } = re(), { scrollMode: h } = Pe(), m = z(() => o.get(t), [o, t]), u = z(() => m == null ? void 0 : m.page.getViewport(), [m]);
+  A(() => {
     s.current && (s.current.div.replaceChildren(), s.current = void 0);
   }, [r]);
-  const g = A(() => r == null ? void 0 : r.annotationStorage, [r]);
-  z(() => {
+  const g = z(() => r == null ? void 0 : r.annotationStorage, [r]);
+  A(() => {
     m && m.page.getAnnotations().then((b) => {
       s.current = void 0, i(b), n.current && (n.current.innerText = "");
     });
@@ -899,7 +899,7 @@ const ir = (e) => {
     },
     [r, c, p, l, h]
   );
-  return z(() => {
+  return A(() => {
     if (!m || !c)
       return;
     const b = m.page.getViewport();
@@ -963,13 +963,13 @@ const ir = (e) => {
     width: 0,
     height: 0
   });
-  qt(t, () => g.current), z(() => {
+  qt(t, () => g.current), A(() => {
     if (c && (h.current = c.get(n), h.current)) {
       const T = h.current.page.getViewport({ scale: p, rotation: i });
       b(T);
     }
   }, [c, n, i, p]);
-  const f = A(() => {
+  const f = z(() => {
     switch (i) {
       case 90:
         return `${v.width / 2}px ${v.width / 2}px`;
@@ -984,7 +984,7 @@ const ir = (e) => {
   }, []), P = R(() => {
     u(!1);
   }, []);
-  return z(() => {
+  return A(() => {
     const T = new IntersectionObserver(
       (x) => {
         r && r(n, x[0].intersectionRatio);
@@ -1080,7 +1080,7 @@ function Et(e, t) {
   var n = {};
   for (var o in e)
     if ({}.hasOwnProperty.call(e, o)) {
-      if (t.includes(o))
+      if (t.indexOf(o) !== -1)
         continue;
       n[o] = e[o];
     }
@@ -1517,11 +1517,11 @@ const Sr = () => {
   ), c = R(
     (g) => r.heights[g] || 0,
     [r.heights]
-  ), i = A(() => r.heights.length, [r.heights]), l = A(() => Math.max(...r.widths), [r.widths]), p = A(() => t === B.HORIZONTAL_SCROLLING ? i : e === We.DUAL_PAGE ? 2 : 1, [e, t, t, i, o, l]);
-  z(() => {
+  ), i = z(() => r.heights.length, [r.heights]), l = z(() => Math.max(...r.widths), [r.widths]), p = z(() => t === B.HORIZONTAL_SCROLLING ? i : e === We.DUAL_PAGE ? 2 : 1, [e, t, t, i, o, l]);
+  A(() => {
     n(p);
   }, [p, n]);
-  const h = A(() => t === B.HORIZONTAL_SCROLLING || t === B.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), m = A(() => r.heights.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]), u = A(() => r.widths.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]);
+  const h = z(() => t === B.HORIZONTAL_SCROLLING || t === B.PAGE_SCROLLING ? 1 : Math.round(i / p), [p, i, t]), m = z(() => r.heights.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]), u = z(() => r.widths.reduce((g, v) => g + v, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: h,
     rowHeight: c,
@@ -1700,14 +1700,14 @@ class yr extends Vn {
   }
 }
 const xr = ({ widths: e, heights: t }) => {
-  const { focusedPage: n, totalPages: o } = re(), r = A(() => {
+  const { focusedPage: n, totalPages: o } = re(), r = z(() => {
     const i = [], l = Math.ceil(n / 2) * 2 - 1;
     if (i.push(l), l + 1 < o) {
       const p = l + 1;
       i.push(p);
     }
     return i;
-  }, [n, o]), s = A(() => [
+  }, [n, o]), s = z(() => [
     {
       position: "absolute",
       left: 0,
@@ -1721,14 +1721,14 @@ const xr = ({ widths: e, heights: t }) => {
       width: e(n),
       height: t(n)
     }
-  ], [e, t, r]), c = A(() => s.reduce((i, l) => i + Number(l.width || 0), 0), [s]);
+  ], [e, t, r]), c = z(() => s.reduce((i, l) => i + Number(l.width || 0), 0), [s]);
   return /* @__PURE__ */ a("div", { style: { width: c, position: "relative" }, children: r.map((i, l) => /* @__PURE__ */ a(wt, { style: s[l], pageNumber: i }, i)) });
 }, Rr = ({ widths: e, heights: t }) => {
-  const { focusedPage: n } = re(), o = A(() => ({
+  const { focusedPage: n } = re(), o = z(() => ({
     position: "absolute",
     width: e(n - 1),
     height: t(n - 1)
-  }), [e, t, n]), r = A(() => e(n - 1), [e]);
+  }), [e, t, n]), r = z(() => e(n - 1), [e]);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1740,7 +1740,7 @@ const xr = ({ widths: e, heights: t }) => {
     }
   );
 }, Lr = Un(({ columnIndex: e, rowIndex: t, data: n, style: o }) => {
-  const r = A(() => e + 1 + t * n.columnCount, [e, t, n]);
+  const r = e + 1 + t * n.columnCount;
   return /* @__PURE__ */ a(
     wt,
     {
@@ -1779,9 +1779,9 @@ const xr = ({ widths: e, heights: t }) => {
   vo(o);
   const { isPressed: V } = fo(), { selectionMode: K } = jn(), { initializeGrabScroll: ae } = go({
     isPressed: V
-  }), Q = A(() => K === qn.HAND, [K]), X = R((k, H) => {
+  }), Q = z(() => K === qn.HAND, [K]), X = R((k, H) => {
     F((Z) => ({ ...Z, [k]: Math.round(H * 100) }));
-  }, []), ee = A(() => ({
+  }, []), ee = z(() => ({
     columnCount: S,
     handleIntersectRatioChange: X
   }), [S, X]), ie = R(
@@ -1796,9 +1796,9 @@ const xr = ({ widths: e, heights: t }) => {
       scrollLeft: k.scrollLeft
     };
   }, []);
-  z(() => (window.addEventListener("keydown", ie), () => {
+  A(() => (window.addEventListener("keydown", ie), () => {
     window.removeEventListener("keydown", ie);
-  }), [ie]), z(() => {
+  }), [ie]), A(() => {
     if (P.current && (P.current.style.position = "relative"), !!s) {
       T.current = {
         height: h.height,
@@ -1821,7 +1821,7 @@ const xr = ({ widths: e, heights: t }) => {
             shouldForceUpdate: !0
           });
     }
-  }, [N, S, y, s, r]), z(() => {
+  }, [N, S, y, s, r]), A(() => {
     if (G.current)
       return;
     if (x.current.viewMode !== _ || x.current.scrollMode !== f) {
@@ -1845,7 +1845,7 @@ const xr = ({ widths: e, heights: t }) => {
         d.current = !1;
       }, 100);
     }
-  }, [h, _, f]), z(() => {
+  }, [h, _, f]), A(() => {
     const k = Object.entries(O);
     if (G.current || d.current) {
       G.current = !1;
@@ -1855,10 +1855,10 @@ const xr = ({ widths: e, heights: t }) => {
     k.forEach((he) => {
       Z < he[1] && (H = Number(he[0]), Z = he[1]);
     }), H && v(H);
-  }, [O, v]), z(() => () => {
+  }, [O, v]), A(() => () => {
     U.current && clearTimeout(U.current), C.current && clearTimeout(C.current);
   }, []);
-  const Ee = A(() => te(ue["rp-pages-container"], {
+  const Ee = z(() => te(ue["rp-pages-container"], {
     [ue["rp-cursor-grab"]]: Q && !V,
     [ue["rp-cursor-grabbing"]]: Q && V
   }), [Q, V]), Se = R(
@@ -1870,7 +1870,7 @@ const xr = ({ widths: e, heights: t }) => {
     },
     [Q, ae, ue]
   );
-  return z(() => {
+  return A(() => {
     if (t === B.PAGE_SCROLLING) {
       e !== b && m && v(e);
       return;
@@ -1955,7 +1955,7 @@ const xr = ({ widths: e, heights: t }) => {
   return e || /* @__PURE__ */ a(Re, { style: { transform: "rotate(180deg" } });
 }, Er = () => {
   const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: s } = re(), [c, i] = $(e.toString()), { pageNavigationTool: l = !0 } = pe(), { isSmallScreen: p } = ve();
-  z(() => {
+  A(() => {
     i(e.toString());
   }, [e]);
   const h = R((v) => {
@@ -2001,7 +2001,7 @@ const xr = ({ widths: e, heights: t }) => {
     !p && /* @__PURE__ */ a(ne, { content: "Next page", children: /* @__PURE__ */ a(J, { onClick: o, disabled: e === t, children: /* @__PURE__ */ a(Mr, {}) }) })
   ] }) : null;
 };
-var bt = "Dialog", [gn, ei] = No(bt), [Or, se] = gn(bt), vn = (e) => {
+var bt = "Dialog", [gn, ei] = Po(bt), [Or, se] = gn(bt), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -2009,7 +2009,7 @@ var bt = "Dialog", [gn, ei] = No(bt), [Or, se] = gn(bt), vn = (e) => {
     defaultOpen: r,
     onOpenChange: s,
     modal: c = !0
-  } = e, i = q.useRef(null), l = q.useRef(null), [p = !1, h] = Eo({
+  } = e, i = q.useRef(null), l = q.useRef(null), [p = !1, h] = yo({
     prop: o,
     defaultProp: r,
     onChange: s
@@ -2055,7 +2055,7 @@ var Ct = "DialogPortal", [Ar, wn] = gn(Ct, {
   forceMount: void 0
 }), bn = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, s = se(Ct, t);
-  return /* @__PURE__ */ a(Ar, { scope: t, forceMount: n, children: q.Children.map(o, (c) => /* @__PURE__ */ a(gt, { present: n || s.open, children: /* @__PURE__ */ a(Lo, { asChild: !0, container: r, children: c }) })) });
+  return /* @__PURE__ */ a(Ar, { scope: t, forceMount: n, children: q.Children.map(o, (c) => /* @__PURE__ */ a(gt, { present: n || s.open, children: /* @__PURE__ */ a(Eo, { asChild: !0, container: r, children: c }) })) });
 };
 bn.displayName = Ct;
 var $e = "DialogOverlay", Cn = q.forwardRef(
@@ -2071,7 +2071,7 @@ var zr = q.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(Po, { as: So, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
+      /* @__PURE__ */ a(Ro, { as: So, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ a(
         Me.div,
         {
           "data-state": Pt(r.open),
@@ -2095,7 +2095,7 @@ var Fr = q.forwardRef(
     return q.useEffect(() => {
       const s = o.current;
       if (s)
-        return Io(s);
+        return Lo(s);
     }, []), /* @__PURE__ */ a(
       Pn,
       {
@@ -2144,9 +2144,9 @@ var Fr = q.forwardRef(
 ), Pn = q.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: s, ...c } = e, i = se(ge, n), l = q.useRef(null), p = ft(t, l);
-    return yo(), /* @__PURE__ */ D(ke, { children: [
+    return No(), /* @__PURE__ */ D(ke, { children: [
       /* @__PURE__ */ a(
-        xo,
+        Mo,
         {
           asChild: !0,
           loop: !0,
@@ -2154,7 +2154,7 @@ var Fr = q.forwardRef(
           onMountAutoFocus: r,
           onUnmountAutoFocus: s,
           children: /* @__PURE__ */ a(
-            Ro,
+            xo,
             {
               role: "dialog",
               id: i.contentId,
@@ -2206,7 +2206,7 @@ xn.displayName = yn;
 function Pt(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [ti, Ln] = Mo(Rn, {
+var Rn = "DialogTitleWarning", [ti, Ln] = Io(Rn, {
   contentName: ge,
   titleName: Tt,
   docsSlug: "dialog"
@@ -2236,7 +2236,7 @@ const fe = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, Kr = () => {
-  const { pdfProperties: e } = Y(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Do(), r = A(() => {
+  const { pdfProperties: e } = Y(), { container: t } = Le(), { activeDocumentProperties: n, setActiveDocumentProperties: o } = Do(), r = z(() => {
     if (!e)
       return [];
     const {
@@ -2334,7 +2334,7 @@ const fe = {
   const { goToLastPageIcon: e } = le();
   return e || /* @__PURE__ */ a(tn, {});
 }, is = () => {
-  const { goToPage: e, totalPages: t, focusedPage: n } = re(), { jumpNavigationTool: o = !0 } = pe(), r = A(() => n === 1, [n]), s = A(() => n === t, [n, t]), c = R(() => {
+  const { goToPage: e, totalPages: t, focusedPage: n } = re(), { jumpNavigationTool: o = !0 } = pe(), r = z(() => n === 1, [n]), s = z(() => n === t, [n, t]), c = R(() => {
     e(1);
   }, [e]), i = R(() => {
     e(t);
@@ -2362,7 +2362,7 @@ const fe = {
     printTool: p,
     fullscreenTool: h
   } = pe();
-  return A(() => {
+  return z(() => {
     const u = l || c || i || s || r;
     let g = !1;
     return t && (g = !(!n && !o && !p && !h)), u || g;
@@ -2434,7 +2434,7 @@ const fe = {
       const _ = Math.ceil(f / 25) * 25;
       return Math.min(_ - 25, rt);
     });
-  }, [t]), m = A(() => e === us, [e]), u = A(() => e === rt, [e]), g = A(() => {
+  }, [t]), m = z(() => e === us, [e]), u = z(() => e === rt, [e]), g = z(() => {
     var f;
     return (f = i.get(s)) == null ? void 0 : f.page.getViewport({ scale: 1, rotation: c });
   }, [i, s, c]), v = R(
@@ -2516,16 +2516,16 @@ const fe = {
     },
     [f, g, u, p, v]
   );
-  z(() => (window.addEventListener("keydown", x), () => {
+  A(() => (window.addEventListener("keydown", x), () => {
     window.removeEventListener("keydown", x);
-  }), [x]), z(() => {
+  }), [x]), A(() => {
     r && r.focus();
   }, [r]);
   const C = R((L) => {
     _(L.target.value);
   }, []), w = R(() => {
     _(""), p("");
-  }, [p]), y = A(() => `${m} / ${h}`, [m, h]), { wholeWords: N, matchCase: I } = A(() => c, [c]), S = R(
+  }, [p]), y = z(() => `${m} / ${h}`, [m, h]), { wholeWords: N, matchCase: I } = z(() => c, [c]), S = R(
     (L) => {
       i((E) => ({ ...E, matchCase: L }));
     },
@@ -2536,7 +2536,7 @@ const fe = {
     },
     [i]
   );
-  return z(() => {
+  return A(() => {
     T();
   }, [o, T]), b ? /* @__PURE__ */ a(
     mt,
@@ -2628,7 +2628,7 @@ const fe = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, ws = (e) => {
-  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: s } = re(), c = A(() => o ? ye["rp-thumbnail-active"] : "", [o]), i = A(() => ({
+  const { thumbnailSrc: t, pageNumber: n, isFocused: o, viewport: r } = e, { goToPage: s } = re(), c = z(() => o ? ye["rp-thumbnail-active"] : "", [o]), i = z(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), l = R(() => {
@@ -2673,11 +2673,11 @@ const fe = {
 }, Ts = Ue((e, t) => {
   const { show: n } = e, { focusedPage: o, totalPages: r } = re(), { thumbnailPages: s, addPage: c, thumbnailLength: i, addToPage: l } = an(), p = W(null), h = W(1);
   qt(t, () => p.current);
-  const m = A(() => Object.values(s), [s]), u = R(() => {
+  const m = z(() => Object.values(s), [s]), u = R(() => {
     const g = i + 1;
     g <= r && c(g);
   }, [c, r, i]);
-  return z(() => {
+  return A(() => {
     o > i ? l(o) : n && h.current !== o && (Cs(p.current, o), h.current = o);
   }, [o, i, l, n, m]), oo(p.current, u), /* @__PURE__ */ a("div", { ref: p, className: Ut["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: Ut["rp-thumbnails"], children: n ? m.map((g, v) => {
     var b, f;
@@ -2699,7 +2699,7 @@ const fe = {
 }, Ss = () => {
   const { active: e, setActive: t } = an(), [n, o] = $(200), r = W(null), { thumbnailTool: s } = pe(), c = R(() => {
     t((l) => !l);
-  }, []), i = A(() => typeof s != "boolean" && s ? /* @__PURE__ */ a(s, { onClick: c, active: e }) : s ? /* @__PURE__ */ a(ne, { content: "Thumbnail", children: /* @__PURE__ */ a(J, { onClick: c, active: e, children: /* @__PURE__ */ a(Ps, {}) }) }) : null, [s, e, c]);
+  }, []), i = z(() => typeof s != "boolean" && s ? /* @__PURE__ */ a(s, { onClick: c, active: e }) : s ? /* @__PURE__ */ a(ne, { content: "Thumbnail", children: /* @__PURE__ */ a(J, { onClick: c, active: e, children: /* @__PURE__ */ a(Ps, {}) }) }) : null, [s, e, c]);
   return /* @__PURE__ */ D(
     "div",
     {
@@ -2717,7 +2717,7 @@ const fe = {
   );
 }, ni = Ue((e, t) => {
   const { children: n, slots: o, icons: r, style: s, className: c, mobileWidth: i, onLoaded: l, cleanupOnLoaded: p } = e, [h, m] = $(null), { setContainer: u, setContentRef: g } = Le(), { loading: v } = Y();
-  return z(() => (l && l(), () => {
+  return A(() => (l && l(), () => {
     p && p();
   }), [l, p]), /* @__PURE__ */ a("div", { ref: t, className: te(we["rp-theme-variables"], we["rp-container"]), children: /* @__PURE__ */ a(uo, { mobileWidth: i, children: /* @__PURE__ */ a(so, { slots: o, children: /* @__PURE__ */ a(ao, { icons: r, children: /* @__PURE__ */ D(
     io,