@pdf-viewer/react 1.17.0-beta.4 → 1.17.0-beta.6

package/dist/{ToolbarLayout.module-e348917a.js → ToolbarLayout.module-9e2d330e.js}

@@ -12,7 +12,7 @@ import { useDarkModeContext as bo } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
 import { useLayerContext as _o } from "./contexts/LayerContext.js";
 import { useZoomContext as ot } from "./contexts/ZoomContext.js";
-import { useViewModeContext as He } from "./contexts/ViewModeContext.js";
+import { useViewModeContext as $e } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as rt } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as vn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as Po } from "./contexts/SelectionModeContext.js";
@@ -43,24 +43,24 @@ import "./contexts/ConfigContext.js";
 import * as zo from "pdfjs-dist";
 import { PixelsPerInch as Wo, AnnotationMode as Fo, RenderingCancelledException as ko, AnnotationLayer as Mo } from "pdfjs-dist";
 import { ThumbnailIcon as Ho } from "./components/icons/Thumbnail.js";
-import { c as Xe, R as $o } from "./RPSplitter-b942c039.js";
+import { c as Xe, R as $o } from "./RPSplitter-5e40cc27.js";
 import { c as se } from "./clsx-0c6e471a.js";
 import { LoaderIcon as bn } from "./components/icons/LoaderIcon.js";
 import { Container as Go } from "./components/layout/Container.js";
-import { useViewportContext as Se, ViewportProvider as Uo } from "./contexts/ViewportContext.js";
-import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Vo } from "./contexts/ToolbarComponentContext.js";
-import { WrapperLayout as qo } from "./components/layout/WrapperLayout.js";
+import { useViewportContext as Se, ViewportProvider as qo } from "./contexts/ViewportContext.js";
+import { useToolbarComponentContext as Ce, ToolbarComponentProvider as Uo } from "./contexts/ToolbarComponentContext.js";
+import { WrapperLayout as Vo } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as Bo } from "./components/RPDropFileZone.js";
 import { c as ye, L as Zo } from "./LayoutWrapper-3f4d0a19.js";
 import { SkipLink as Gt } from "./components/layout/SkipLink.js";
-import { c as ne, S as Ut } from "./SearchCloseButton-08d57275.js";
-import { UICheckbox as Vt } from "./components/ui/Checkbox.js";
+import { c as ne, S as qt } from "./SearchCloseButton-08d57275.js";
+import { UICheckbox as Ut } from "./components/ui/Checkbox.js";
 import { useIconContext as ve, IconProvider as jo } from "./contexts/IconContext.js";
 import K from "./components/ui/RPTooltip.js";
 import { UIDropDown as Rt } from "./components/ui/DropDown.js";
 import { MenuItem as Ie } from "./components/layout/toolbar/MenuItem.js";
 import { MenuSeparator as Lt } from "./components/layout/toolbar/MenuSeparator.js";
-import { dateFormatter as qt } from "./utils/dateFormatter.js";
+import { dateFormatter as Vt } from "./utils/dateFormatter.js";
 import { PropertyItem as Ko } from "./components/layout/toolbar/PropertyItem.js";
 import "./RotateTool.module-67946714.js";
 import { withRef as at } from "./utils/withRef.js";
@@ -105,7 +105,7 @@ import { SearchIcon as Cn } from "./components/icons/SearchIcon.js";
 import { ClearIcon as Gr } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Xt } from "./components/icons/InfoIcon.js";
 const yn = () => {
-  const { viewMode: t } = He(), { scrollMode: e } = Ae(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = rt(), { setFocusedPage: a } = ce(), c = M(), { columnCount: d } = vn(), { widths: s, heights: f } = je(), m = M(e), C = M(t), u = M(d), { targetScrollPage: T } = wn();
+  const { viewMode: t } = $e(), { scrollMode: e } = Ae(), { virtualScrollRef: n, virtualScrollableElementRef: r, pageScrollElementRef: o } = rt(), { setFocusedPage: a } = ce(), c = M(), { columnCount: d } = vn(), { widths: s, heights: f } = je(), m = M(e), C = M(t), u = M(d), { targetScrollPage: T } = wn();
   A(() => {
     n != null && n.scrollToItem && (c.current = n);
   }, [n]), A(() => {
@@ -202,8 +202,8 @@ const yn = () => {
       s
     ]
   ) };
-}, Ur = (t = 1) => {
-  const [e, n] = H(t), [r, o] = H(0), { scrollToPage: a } = yn(), c = M(1), { viewMode: d } = He(), { scrollMode: s } = Ae(), { widths: f } = je(), { pagesRef: m } = Te(), C = Nt(e, 100), u = N(
+}, qr = (t = 1) => {
+  const [e, n] = H(t), [r, o] = H(0), { scrollToPage: a } = yn(), c = M(1), { viewMode: d } = $e(), { scrollMode: s } = Ae(), { widths: f } = je(), { pagesRef: m } = Te(), C = Nt(e, 100), u = N(
     (h) => {
       if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: c.current };
@@ -257,7 +257,7 @@ const yn = () => {
   const t = Ze(In);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && vr.error("Please use this hooks inside children component of RPProvider"), t;
 }, bc = ({ children: t }) => {
-  const { pdf: e } = re(), { setCurrentPage: n } = No(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: d, nextPage: s, prevPage: f } = Ur();
+  const { pdf: e } = re(), { setCurrentPage: n } = No(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: d, nextPage: s, prevPage: f } = qr();
   return A(() => {
     e != null && e.numPages && (c(e.numPages), a(1));
   }, [e, c, a]), A(() => {
@@ -277,7 +277,7 @@ const yn = () => {
       children: t
     }
   );
-}, Vr = () => {
+}, Ur = () => {
   const { pdf: t, pages: e } = re(), [n, r] = H({
     loadedPages: 0,
     totalPages: 0,
@@ -461,7 +461,7 @@ const yn = () => {
     }
   }
 }), _c = ({ children: t }) => {
-  const [e, n] = H(null), [r, o] = H(null), { print: a, cancel: c, progress: d, isComplete: s, isError: f, error: m, showDefaultProgress: C } = Vr(), u = N((w) => {
+  const [e, n] = H(null), [r, o] = H(null), { print: a, cancel: c, progress: d, isComplete: s, isError: f, error: m, showDefaultProgress: C } = Ur(), u = N((w) => {
     w && typeof w == "function" && o(() => w);
   }, []), T = (w) => {
     m && w(m);
@@ -497,7 +497,7 @@ const yn = () => {
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, qr = () => {
+}, Vr = () => {
   const [t, e] = H({}), { pages: n } = re(), r = W(() => Object.keys(t).length, [t]), o = N(
     (c) => {
       if (!n.size)
@@ -552,7 +552,7 @@ const yn = () => {
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = qr(), [c, d] = H(e);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = Vr(), [c, d] = H(e);
   return /* @__PURE__ */ i(
     Sn.Provider,
     {
@@ -561,7 +561,7 @@ const yn = () => {
     }
   );
 }, Br = (t = {}, e = "") => {
-  const [n, r] = H(e), [o, a] = H(!1), { pdf: c, pages: d } = re(), { widths: s, heights: f } = je(), m = M(!n), { currentZoom: C } = ot(), [u, T] = H([]), { setFocusedPage: b } = ce(), { columnCount: P } = He(), { pageRotate: y } = it(), [w, g] = H(0), { pageScrollElementRef: h, virtualScrollableElementRef: p } = rt(), { scrollMode: l } = Ae(), { pagesRef: v } = Te(), _ = M({}), I = M(0), S = W(() => w === 0 ? null : u[w - 1], [w, u]), x = W(() => u.length, [u]), R = N(
+  const [n, r] = H(e), [o, a] = H(!1), { pdf: c, pages: d } = re(), { widths: s, heights: f } = je(), m = M(!n), { currentZoom: C } = ot(), [u, T] = H([]), { setFocusedPage: b } = ce(), { columnCount: P } = $e(), { pageRotate: y } = it(), [w, g] = H(0), { pageScrollElementRef: h, virtualScrollableElementRef: p } = rt(), { scrollMode: l } = Ae(), { pagesRef: v } = Te(), _ = M({}), I = M(0), S = W(() => w === 0 ? null : u[w - 1], [w, u]), x = W(() => u.length, [u]), R = N(
     (E) => {
       if (E === 0)
         return;
@@ -574,12 +574,12 @@ const yn = () => {
       const G = d.get(L.page);
       if (l === ie.PAGE_SCROLLING && b(L.page), !G)
         return;
-      let U = 0, V = 0;
+      let q = 0, U = 0;
       if (l === ie.VERTICAL_SCROLLING) {
         const ee = L.page - 1, Y = P, we = ee % Y, me = Math.floor(ee / Y);
-        U = ke(f, me), V = ke(s, we);
+        q = ke(f, me), U = ke(s, we);
       }
-      l === ie.HORIZONTAL_SCROLLING && (V = s.slice(0, L.page - 1).reduce((ee, Y) => ee + Y, 0));
+      l === ie.HORIZONTAL_SCROLLING && (U = s.slice(0, L.page - 1).reduce((ee, Y) => ee + Y, 0));
       const B = {
         height: f[L.page - 1],
         width: s[L.page - 1]
@@ -589,7 +589,7 @@ const yn = () => {
         L.rect,
         C,
         Z
-      ), Q = V + ae, J = U + $, te = {
+      ), Q = U + ae, J = q + $, te = {
         left: Math.max(Q, 0),
         top: Math.max(J, 0)
       };
@@ -630,8 +630,8 @@ const yn = () => {
     for (let G = 1; G <= L; G++) {
       if (m.current)
         throw "close pop over";
-      const U = await E.getPage(G);
-      F[G.toString()] = await U.getTextContent();
+      const q = await E.getPage(G);
+      F[G.toString()] = await q.getTextContent();
     }
     return F;
   }, []);
@@ -642,14 +642,14 @@ const yn = () => {
     }
     m.current = !1, a(!0), T([]), g(0), z(c).then((E) => {
       _.current = E;
-      const F = Object.keys(E).reduce((G, U) => {
-        const V = Co(
+      const F = Object.keys(E).reduce((G, q) => {
+        const U = Co(
           [n],
-          E[U],
-          Number(U) - 1,
+          E[q],
+          Number(q) - 1,
           t
-        ).map((B, Z) => ({ ...B, page: Number(U), pageMatchIdx: Z }));
-        return [...G, ...V];
+        ).map((B, Z) => ({ ...B, page: Number(q), pageMatchIdx: Z }));
+        return [...G, ...U];
       }, []);
       T(F), g(F.length ? 1 : 0);
     }).catch(() => {
@@ -1107,23 +1107,23 @@ const Jr = (t) => {
     });
   }
   const P = (g, h, p, l) => {
-    var V;
+    var U;
     const v = document.createRange(), _ = p.firstChild;
     if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const I = ((V = _.textContent) == null ? void 0 : V.length) ?? 0, S = l[0].charIdxInSpan, x = l.length === 1 ? S : l[l.length - 1].charIdxInSpan;
+    const I = ((U = _.textContent) == null ? void 0 : U.length) ?? 0, S = l[0].charIdxInSpan, x = l.length === 1 ? S : l[l.length - 1].charIdxInSpan;
     if (S > I || x + 1 > I)
       return null;
     v.setStart(_, S), v.setEnd(_, x + 1);
     const R = document.createElement("span");
     R.style.width = "auto", v.surroundContents(R);
-    const O = R.getBoundingClientRect(), D = g.getBoundingClientRect(), z = D.height, E = D.width, L = 100 * (O.left - D.left) / E, F = 100 * (O.top - D.top) / z, G = 100 * O.height / z, U = 100 * O.width / E;
+    const O = R.getBoundingClientRect(), D = g.getBoundingClientRect(), z = D.height, E = D.width, L = 100 * (O.left - D.left) / E, F = 100 * (O.top - D.top) / z, G = 100 * O.height / z, q = 100 * O.width / E;
     return ar(R), {
       keywordStr: h,
       left: L,
       top: F,
       height: G,
-      width: U,
+      width: q,
       pageHeight: z,
       pageWidth: E
     };
@@ -1171,17 +1171,17 @@ const Jr = (t) => {
           startIndex: L.index,
           endIndex: E.lastIndex
         });
-      const G = F.map((U) => ({
-        keyword: U.keyword,
-        indexes: l.slice(U.startIndex, U.endIndex),
+      const G = F.map((q) => ({
+        keyword: q.keyword,
+        indexes: l.slice(q.startIndex, q.endIndex),
         color: D
       }));
-      for (const U of G) {
-        const V = U.indexes.reduce(
+      for (const q of G) {
+        const U = q.indexes.reduce(
           (B, Z) => (B[Z.spanIdx] = (B[Z.spanIdx] || []).concat([Z]), B),
           {}
         );
-        for (const B of Object.values(V))
+        for (const B of Object.values(U))
           if (B.length !== 1 || B[0].char.trim() !== "") {
             const Z = B, ae = p[Z[0].spanIdx], $ = P(
               g,
@@ -1193,7 +1193,7 @@ const Jr = (t) => {
               const { left: Q, top: J } = $;
               if (_.find((ee) => ee.left === Q && ee.top === J))
                 continue;
-              _.push({ ...$, highlightColor: U.color });
+              _.push({ ...$, highlightColor: q.color });
             }
           }
       }
@@ -1225,7 +1225,7 @@ const Jr = (t) => {
     },
     h
   )) }) });
-}, qe = at((t, e) => {
+}, He = at((t, e) => {
   const { pageNumber: n, style: r, ...o } = t, { pages: a } = re(), { pageRotate: c } = it(), { textLayer: d } = _o(), { currentZoom: s } = ot(), { LoaderImageComponent: f } = St(), m = M(a.get(n)), [C, u] = H(!1), T = M(null), [b, P] = H({
     width: 0,
     height: 0
@@ -1501,7 +1501,7 @@ function di(t) {
     }, h.scrollToItem = function(l) {
       var v = l.align, _ = v === void 0 ? "auto" : v, I = l.columnIndex, S = l.rowIndex, x = this.props, R = x.columnCount, O = x.height, D = x.rowCount, z = x.width, E = this.state, L = E.scrollLeft, F = E.scrollTop, G = si();
       I !== void 0 && (I = Math.max(0, Math.min(I, R - 1))), S !== void 0 && (S = Math.max(0, Math.min(S, D - 1)));
-      var U = c(this.props, this._instanceProps), V = d(this.props, this._instanceProps), B = V > z ? G : 0, Z = U > O ? G : 0;
+      var q = c(this.props, this._instanceProps), U = d(this.props, this._instanceProps), B = U > z ? G : 0, Z = q > O ? G : 0;
       this.scrollTo({
         scrollLeft: I !== void 0 ? s(this.props, I, _, L, this._instanceProps, Z) : L,
         scrollTop: S !== void 0 ? f(this.props, S, _, F, this._instanceProps, B) : F
@@ -1538,8 +1538,8 @@ function di(t) {
     }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && tn(this._resetIsScrollingTimeoutId);
     }, h.render = function() {
-      var l = this.props, v = l.children, _ = l.className, I = l.columnCount, S = l.direction, x = l.height, R = l.innerRef, O = l.innerElementType, D = l.innerTagName, z = l.itemData, E = l.itemKey, L = E === void 0 ? li : E, F = l.outerElementType, G = l.outerTagName, U = l.rowCount, V = l.style, B = l.useIsScrolling, Z = l.width, ae = this.state.isScrolling, $ = this._getHorizontalRangeToRender(), Q = $[0], J = $[1], te = this._getVerticalRangeToRender(), ee = te[0], Y = te[1], we = [];
-      if (I > 0 && U)
+      var l = this.props, v = l.children, _ = l.className, I = l.columnCount, S = l.direction, x = l.height, R = l.innerRef, O = l.innerElementType, D = l.innerTagName, z = l.itemData, E = l.itemKey, L = E === void 0 ? li : E, F = l.outerElementType, G = l.outerTagName, q = l.rowCount, U = l.style, B = l.useIsScrolling, Z = l.width, ae = this.state.isScrolling, $ = this._getHorizontalRangeToRender(), Q = $[0], J = $[1], te = this._getVerticalRangeToRender(), ee = te[0], Y = te[1], we = [];
+      if (I > 0 && q)
         for (var me = ee; me <= Y; me++)
           for (var Re = Q; Re <= J; Re++)
             we.push(Qe(v, {
@@ -1567,7 +1567,7 @@ function di(t) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: S
-        }, V)
+        }, U)
       }, Qe(O || D || "div", {
         children: we,
         ref: R,
@@ -1580,25 +1580,25 @@ function di(t) {
     }, h._callPropsCallbacks = function() {
       var l = this.props, v = l.columnCount, _ = l.onItemsRendered, I = l.onScroll, S = l.rowCount;
       if (typeof _ == "function" && v > 0 && S > 0) {
-        var x = this._getHorizontalRangeToRender(), R = x[0], O = x[1], D = x[2], z = x[3], E = this._getVerticalRangeToRender(), L = E[0], F = E[1], G = E[2], U = E[3];
-        this._callOnItemsRendered(R, O, L, F, D, z, G, U);
+        var x = this._getHorizontalRangeToRender(), R = x[0], O = x[1], D = x[2], z = x[3], E = this._getVerticalRangeToRender(), L = E[0], F = E[1], G = E[2], q = E[3];
+        this._callOnItemsRendered(R, O, L, F, D, z, G, q);
       }
       if (typeof I == "function") {
-        var V = this.state, B = V.horizontalScrollDirection, Z = V.scrollLeft, ae = V.scrollTop, $ = V.scrollUpdateWasRequested, Q = V.verticalScrollDirection;
+        var U = this.state, B = U.horizontalScrollDirection, Z = U.scrollLeft, ae = U.scrollTop, $ = U.scrollUpdateWasRequested, Q = U.verticalScrollDirection;
         this._callOnScroll(Z, ae, B, Q, $);
       }
     }, h._getHorizontalRangeToRender = function() {
       var l = this.props, v = l.columnCount, _ = l.overscanColumnCount, I = l.overscanColumnsCount, S = l.overscanCount, x = l.rowCount, R = this.state, O = R.horizontalScrollDirection, D = R.isScrolling, z = R.scrollLeft, E = _ || I || S || 1;
       if (v === 0 || x === 0)
         return [0, 0, 0, 0];
-      var L = r(this.props, z, this._instanceProps), F = o(this.props, L, z, this._instanceProps), G = !D || O === "backward" ? Math.max(1, E) : 1, U = !D || O === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, L - G), Math.max(0, Math.min(v - 1, F + U)), L, F];
+      var L = r(this.props, z, this._instanceProps), F = o(this.props, L, z, this._instanceProps), G = !D || O === "backward" ? Math.max(1, E) : 1, q = !D || O === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, L - G), Math.max(0, Math.min(v - 1, F + q)), L, F];
     }, h._getVerticalRangeToRender = function() {
       var l = this.props, v = l.columnCount, _ = l.overscanCount, I = l.overscanRowCount, S = l.overscanRowsCount, x = l.rowCount, R = this.state, O = R.isScrolling, D = R.verticalScrollDirection, z = R.scrollTop, E = I || S || _ || 1;
       if (v === 0 || x === 0)
         return [0, 0, 0, 0];
-      var L = u(this.props, z, this._instanceProps), F = T(this.props, L, z, this._instanceProps), G = !O || D === "backward" ? Math.max(1, E) : 1, U = !O || D === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, L - G), Math.max(0, Math.min(x - 1, F + U)), L, F];
+      var L = u(this.props, z, this._instanceProps), F = T(this.props, L, z, this._instanceProps), G = !O || D === "backward" ? Math.max(1, E) : 1, q = !O || D === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, L - G), Math.max(0, Math.min(x - 1, F + q)), L, F];
     }, g;
   }(po), e.defaultProps = {
     direction: "ltr",
@@ -1775,7 +1775,7 @@ function gi(t, e) {
   return !sn(n, o) && !sn(r, a);
 }
 const vi = () => {
-  const { viewMode: t } = He(), { scrollMode: e } = Ae(), { setColumnCount: n } = vn(), { virtualScrollableElementRef: r } = rt(), o = je(), a = W(() => o.heights.length, [o.heights]), c = W(() => e === ie.HORIZONTAL_SCROLLING ? a : t === oe.DUAL_PAGE || t === oe.DUAL_PAGE_WITH_COVER ? 2 : 1, [t, e, e, a, r]), d = W(() => {
+  const { viewMode: t } = $e(), { scrollMode: e } = Ae(), { setColumnCount: n } = vn(), { virtualScrollableElementRef: r } = rt(), o = je(), a = W(() => o.heights.length, [o.heights]), c = W(() => e === ie.HORIZONTAL_SCROLLING ? a : t === oe.DUAL_PAGE || t === oe.DUAL_PAGE_WITH_COVER ? 2 : 1, [t, e, e, a, r]), d = W(() => {
     if (t === oe.DUAL_PAGE_WITH_COVER && o.widths.length > 0) {
       const w = [0, 0];
       return o.widths.forEach((g, h) => {
@@ -2034,7 +2034,7 @@ const _i = It(({ widths: t, heights: e }) => {
       }
     ];
   }, [t, e, o]), c = W(() => a.reduce((d, s) => d + Number(s.width || 0), 0), [a]);
-  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: o.map((d, s) => /* @__PURE__ */ i(qe, { style: a[s], pageNumber: d }, d)) });
+  return /* @__PURE__ */ i("div", { style: { width: c, position: "relative" }, children: o.map((d, s) => /* @__PURE__ */ i(He, { style: a[s], pageNumber: d }, d)) });
 }), Pi = It(({ widths: t, heights: e }) => {
   const { focusedPage: n, totalPages: r } = ce(), o = W(() => {
     const d = [];
@@ -2092,7 +2092,7 @@ const _i = It(({ widths: t, heights: e }) => {
       }
     ];
   }, [t, e, o]);
-  return /* @__PURE__ */ i("div", { style: a, children: o.map((d, s) => /* @__PURE__ */ i(qe, { style: c[s], pageNumber: d }, d)) });
+  return /* @__PURE__ */ i("div", { style: a, children: o.map((d, s) => /* @__PURE__ */ i(He, { style: c[s], pageNumber: d }, d)) });
 }), Ti = ({ widths: t, heights: e }) => {
   const { focusedPage: n } = ce(), r = W(() => ({
     position: "absolute",
@@ -2106,7 +2106,7 @@ const _i = It(({ widths: t, heights: e }) => {
         width: o,
         position: "relative"
       },
-      children: /* @__PURE__ */ i(qe, { style: r, pageNumber: n }, n)
+      children: /* @__PURE__ */ i(He, { style: r, pageNumber: n }, n)
     }
   );
 }, Ci = (t, e, n, r) => {
@@ -2201,12 +2201,23 @@ const _i = It(({ widths: t, heights: e }) => {
             justifyContent: "center",
             alignItems: "flex-start"
           },
-          children: /* @__PURE__ */ i(qe, { style: { position: "relative" }, pageNumber: o }, o)
+          children: /* @__PURE__ */ i(He, { style: { position: "relative" }, pageNumber: o }, o)
         }
       );
     }
   }
-  return /* @__PURE__ */ i(qe, { style: r, pageNumber: o }, o);
+  return n.columnCount === 2 ? /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        ...r,
+        display: "flex",
+        justifyContent: t === 0 ? "flex-end" : "flex-start",
+        alignItems: "flex-start"
+      },
+      children: /* @__PURE__ */ i(He, { style: { position: "relative" }, pageNumber: o }, o)
+    }
+  ) : /* @__PURE__ */ i(He, { style: r, pageNumber: o }, o);
 }, gi), yc = () => {
   const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = xt(), { pagesRef: r, setPagesRef: o, setContentRef: a } = Te(), { scrollToPage: c } = yn();
   fr(r);
@@ -2219,7 +2230,7 @@ const _i = It(({ widths: t, heights: e }) => {
     virtualScrollableElementRef: u,
     totalInnerDimensions: T,
     pageScrollElementRef: b
-  } = rt(), P = M(!0), { nextPage: y, prevPage: w, setFocusedPage: g, focusedPage: h, totalPages: p } = ce(), { scrollMode: l } = Ae(), { viewMode: v } = He(), _ = M(null), { loading: I, error: S } = re(), { passwordRequired: x } = wo(), { LoaderImageComponent: R } = St(), O = M(
+  } = rt(), P = M(!0), { nextPage: y, prevPage: w, setFocusedPage: g, focusedPage: h, totalPages: p } = ce(), { scrollMode: l } = Ae(), { viewMode: v } = $e(), _ = M(null), { loading: I, error: S } = re(), { passwordRequired: x } = wo(), { LoaderImageComponent: R } = St(), O = M(
     T
   ), D = M({
     viewMode: v,
@@ -2227,14 +2238,14 @@ const _i = It(({ widths: t, heights: e }) => {
   }), z = M(!1), E = M(), { isFullScreen: L } = To(), {
     pageDimension: F,
     rowCount: G,
-    rowHeight: U,
-    columnCount: V,
+    rowHeight: q,
+    columnCount: U,
     columnWidth: B,
     estimatedColumnWidth: Z,
     estimatedRowHeight: ae,
     totalDimension: $
   } = vi(), Q = Nt(T, 100), { onScroll: J } = Do(), te = M();
-  Ci(V, G, u, v);
+  Ci(U, G, u, v);
   const ee = M({
     scrollTop: 0,
     scrollLeft: 0
@@ -2243,17 +2254,17 @@ const _i = It(({ widths: t, heights: e }) => {
   const { isPressed: Y } = dr(), { selectionMode: we } = Po(), { initializeGrabScroll: me, resetGrabState: Re } = ur({
     isPressed: Y
   }), Le = W(() => we === go.HAND, [we]), lt = W(() => {
-    const q = Array.from({ length: V }, (j, be) => B(be));
+    const V = Array.from({ length: U }, (j, be) => B(be));
     return {
-      columnCount: V,
+      columnCount: U,
       isDualPageWithCover: v === oe.DUAL_PAGE_WITH_COVER,
-      columnWidths: q,
+      columnWidths: V,
       totalPages: p
     };
-  }, [V, v, B, p]), dt = N(
-    (q) => {
+  }, [U, v, B, p]), dt = N(
+    (V) => {
       const j = document.activeElement !== r;
-      !L && j || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), w()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
+      !L && j || (["ArrowUp", "ArrowLeft"].includes(V.key) ? (V.preventDefault(), w()) : ["ArrowDown", "ArrowRight"].includes(V.key) && (V.preventDefault(), y()));
     },
     [y, w, L, l]
   );
@@ -2261,19 +2272,19 @@ const _i = It(({ widths: t, heights: e }) => {
     window.removeEventListener("keydown", dt);
   }), [dt]), A(() => {
     if (_.current && (_.current.style.position = "relative"), !!d)
-      for (let q = 0; q < G; q++)
-        for (let j = 0; j < V; j++)
+      for (let V = 0; V < G; V++)
+        for (let j = 0; j < U; j++)
           d.resetAfterIndices({
             columnIndex: j,
-            rowIndex: q,
+            rowIndex: V,
             shouldForceUpdate: !0
           });
-  }, [G, V, F, d]);
+  }, [G, U, F, d]);
   const oo = N(
-    (q, j) => {
+    (V, j) => {
       if (!u)
         return { scrollTop: 0, scrollLeft: 0 };
-      const be = ee.current.scrollTop > j, Ee = ee.current.scrollLeft > q;
+      const be = ee.current.scrollTop > j, Ee = ee.current.scrollLeft > V;
       return be || Ee ? ee.current : {
         scrollTop: u.scrollTop,
         scrollLeft: u.scrollLeft
@@ -2281,7 +2292,7 @@ const _i = It(({ widths: t, heights: e }) => {
     },
     [u]
   ), kt = N(
-    (q, j) => {
+    (V, j) => {
       if (D.current.viewMode !== v || D.current.scrollMode !== l) {
         te.current && clearTimeout(te.current), z.current = !0, c(h, "auto"), te.current = setTimeout(() => {
           requestAnimationFrame(() => {
@@ -2290,7 +2301,7 @@ const _i = It(({ widths: t, heights: e }) => {
         }, 100);
         return;
       }
-      const Ee = q.scrollTop, ut = q.scrollLeft;
+      const Ee = V.scrollTop, ut = V.scrollLeft;
       if (!j.height || !j.width)
         return;
       z.current = !0;
@@ -2315,23 +2326,23 @@ const _i = It(({ widths: t, heights: e }) => {
   );
   A(() => {
     clearTimeout(E.current);
-    const q = Array.from({ length: G }).reduce(
-      (Ee, ut, Ne) => Ee + U(Ne),
+    const V = Array.from({ length: G }).reduce(
+      (Ee, ut, Ne) => Ee + q(Ne),
       0
-    ), j = Array.from({ length: V }).reduce(
+    ), j = Array.from({ length: U }).reduce(
       (Ee, ut, Ne) => Ee + B(Ne),
       0
-    ), be = oo(j, q);
-    ee.current = be, kt(be, { height: q, width: j }), C({
-      height: q,
+    ), be = oo(j, V);
+    ee.current = be, kt(be, { height: V, width: j }), C({
+      height: V,
       width: j
     });
-  }, [F, G, V, kt]);
+  }, [F, G, U, kt]);
   const ro = N(
-    (q) => {
+    (V) => {
       ee.current = {
-        scrollTop: q.scrollTop,
-        scrollLeft: q.scrollLeft
+        scrollTop: V.scrollTop,
+        scrollLeft: V.scrollLeft
       };
     },
     [u]
@@ -2348,8 +2359,8 @@ const _i = It(({ widths: t, heights: e }) => {
     [le["rp-cursor-grab"]]: Le && !Y,
     [le["rp-cursor-grabbing"]]: Le && Y
   }), [Le, Y]), ao = N(
-    (q) => {
-      if (Le && q) {
+    (V) => {
+      if (Le && V) {
         const j = se(le["rp-pages"]), be = document.querySelector(`.${j}`);
         me(be);
       }
@@ -2380,13 +2391,13 @@ const _i = It(({ widths: t, heights: e }) => {
         ref: o,
         tabIndex: -1,
         className: io,
-        children: /* @__PURE__ */ i(bi, { style: { minHeight: "50px" }, children: ({ width: q, height: j }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: ao, style: { width: q, height: j }, children: l === ie.PAGE_SCROLLING ? /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(bi, { style: { minHeight: "50px" }, children: ({ width: V, height: j }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: ao, style: { width: V, height: j }, children: l === ie.PAGE_SCROLLING ? /* @__PURE__ */ i(
           "div",
           {
             ref: f,
-            style: { width: q, height: j },
+            style: { width: V, height: j },
             className: se(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
-            children: v === oe.DUAL_PAGE ? /* @__PURE__ */ i(_i, { widths: B, heights: U }) : v === oe.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ i(Pi, { widths: B, heights: U }) : /* @__PURE__ */ i(Ti, { widths: B, heights: U })
+            children: v === oe.DUAL_PAGE ? /* @__PURE__ */ i(_i, { widths: B, heights: q }) : v === oe.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ i(Pi, { widths: B, heights: q }) : /* @__PURE__ */ i(Ti, { widths: B, heights: q })
           }
         ) : ae ? /* @__PURE__ */ i(
           hi,
@@ -2396,11 +2407,11 @@ const _i = It(({ widths: t, heights: e }) => {
             outerRef: m,
             innerRef: _,
             onScroll: ro,
-            columnCount: V,
+            columnCount: U,
             columnWidth: B,
-            rowHeight: U,
+            rowHeight: q,
             height: j,
-            width: q,
+            width: V,
             estimatedColumnWidth: Z,
             estimatedRowHeight: ae,
             rowCount: G,
@@ -2412,7 +2423,7 @@ const _i = It(({ widths: t, heights: e }) => {
               "--rp-pages-height": `${$.height}px`,
               "--rp-pages-width": `${$.width}px`,
               "--rp-row-count": `${G}`,
-              "--rp-column-count": `${V}`
+              "--rp-column-count": `${U}`
             },
             children: yi
           }
@@ -2444,7 +2455,7 @@ const _i = It(({ widths: t, heights: e }) => {
     ) }),
     x && /* @__PURE__ */ i(hr, {})
   ] });
-}, $e = {
+}, Ge = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
   "rp-toolbar-wrapper": "_rp-toolbar-wrapper_sz31z_10",
   "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
@@ -2461,7 +2472,7 @@ const _i = It(({ widths: t, heights: e }) => {
   const { nextIcon: t } = ve(), { nextIcon: e } = ge();
   return t || e || /* @__PURE__ */ i(Ve, { style: { transform: "rotate(180deg" } });
 }, Si = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = ce(), [c, d] = H(t.toString()), { pageNavigationTool: s = !0 } = Ce(), { pageNavigationTool: f = !0 } = xe(), { isSmallScreen: m } = Se(), { viewMode: C } = He(), { scrollMode: u } = Ae(), { localeMessages: T } = pe();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = ce(), [c, d] = H(t.toString()), { pageNavigationTool: s = !0 } = Ce(), { pageNavigationTool: f = !0 } = xe(), { isSmallScreen: m } = Se(), { viewMode: C } = $e(), { scrollMode: u } = Ae(), { localeMessages: T } = pe();
   A(() => {
     d(t.toString());
   }, [t]);
@@ -2640,7 +2651,7 @@ var Di = X.forwardRef(
       if (a)
         return xr(a);
     }, []), /* @__PURE__ */ i(
-      Un,
+      qn,
       {
         ...t,
         ref: o,
@@ -2665,7 +2676,7 @@ var Di = X.forwardRef(
   (t, e) => {
     const n = fe(De, t.__scopeDialog), r = X.useRef(!1), o = X.useRef(!1);
     return /* @__PURE__ */ i(
-      Un,
+      qn,
       {
         ...t,
         ref: e,
@@ -2684,7 +2695,7 @@ var Di = X.forwardRef(
       }
     );
   }
-), Un = X.forwardRef(
+), qn = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...c } = t, d = fe(De, n), s = X.useRef(null), f = Ot(e, s);
     return Sr(), /* @__PURE__ */ k(he, { children: [
@@ -2717,20 +2728,20 @@ var Di = X.forwardRef(
       ] })
     ] });
   }
-), Wt = "DialogTitle", Vn = X.forwardRef(
+), Wt = "DialogTitle", Un = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = fe(Wt, n);
     return /* @__PURE__ */ i(Ke.h2, { id: o.titleId, ...r, ref: e });
   }
 );
-Vn.displayName = Wt;
-var qn = "DialogDescription", zi = X.forwardRef(
+Un.displayName = Wt;
+var Vn = "DialogDescription", zi = X.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...r } = t, o = fe(qn, n);
+    const { __scopeDialog: n, ...r } = t, o = fe(Vn, n);
     return /* @__PURE__ */ i(Ke.p, { id: o.descriptionId, ...r, ref: e });
   }
 );
-zi.displayName = qn;
+zi.displayName = Vn;
 var Bn = "DialogClose", Zn = X.forwardRef(
   (t, e) => {
     const { __scopeDialog: n, ...r } = t, o = fe(Bn, n);
@@ -2769,7 +2780,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     const o = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && o && (document.getElementById(e) || console.warn(r));
   }, [r, t, e]), null;
-}, Mi = Fn, Hi = Hn, $i = $n, Gi = Gn, Ui = Vn, Vi = Zn;
+}, Mi = Fn, Hi = Hn, $i = $n, Gi = Gn, qi = Un, Ui = Zn;
 const Oe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2778,7 +2789,7 @@ const Oe = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, qi = () => {
+}, Vi = () => {
   const { pdfProperties: t } = re(), { container: e } = Te(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Oo(), { localeMessages: o } = pe(), a = W(() => {
     if (!t)
       return [];
@@ -2807,11 +2818,11 @@ const Oe = {
       { label: o == null ? void 0 : o.propertiesCreatorLabel, value: u },
       {
         label: o == null ? void 0 : o.propertiesCreateOnLabel,
-        value: C ? qt(C) : ""
+        value: C ? Vt(C) : ""
       },
       {
         label: o == null ? void 0 : o.propertiesModifiedOnLabel,
-        value: b ? qt(b) : ""
+        value: b ? Vt(b) : ""
       },
       { separate: !0 },
       { label: o == null ? void 0 : o.propertiesPDFProducerLabel, value: P },
@@ -2822,9 +2833,9 @@ const Oe = {
   return /* @__PURE__ */ i(Mi, { open: n, onOpenChange: r, children: /* @__PURE__ */ i(Hi, { container: e, children: /* @__PURE__ */ k("div", { className: Oe["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ i($i, { className: Oe["rp-dialog-overlay"] }),
     /* @__PURE__ */ k(Gi, { className: Oe["rp-document-dialog"], "aria-labelledby": "document-properties-title", children: [
-      /* @__PURE__ */ i(Ui, { id: "document-properties-title", className: Oe["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
+      /* @__PURE__ */ i(qi, { id: "document-properties-title", className: Oe["rp-dialog-title"], children: o == null ? void 0 : o.documentPropertiesLabel }),
       /* @__PURE__ */ i("div", { className: Oe["rp-document-properties"], role: "region", "aria-labelledby": "document-properties-title", children: a.map((c, d) => /* @__PURE__ */ i("div", { children: c.separate ? /* @__PURE__ */ i("div", { className: Oe["rp-properties-divider"], role: "separator", "aria-orientation": "horizontal" }) : /* @__PURE__ */ i(Ko, { label: c.label, value: c.value }) }, d)) }),
-      /* @__PURE__ */ i(Vi, { asChild: !0, className: Oe["rp-dialog-close"], "aria-label": (o == null ? void 0 : o.searchCloseButtonTooltip) || "Close dialog", children: /* @__PURE__ */ i(Er, { "aria-hidden": "true" }) })
+      /* @__PURE__ */ i(Ui, { asChild: !0, className: Oe["rp-dialog-close"], "aria-label": (o == null ? void 0 : o.searchCloseButtonTooltip) || "Close dialog", children: /* @__PURE__ */ i(Er, { "aria-hidden": "true" }) })
     ] })
   ] }) }) });
 }, Bi = {
@@ -3002,7 +3013,7 @@ const Oe = {
         )
       }
     ),
-    /* @__PURE__ */ i(qi, {})
+    /* @__PURE__ */ i(Vi, {})
   ] });
 }, ra = () => {
   const { isSmallScreen: t } = Se();
@@ -3237,7 +3248,7 @@ const Oe = {
     h($.target.value);
   }, []), L = N(() => {
     h(""), m("");
-  }, [m]), F = W(() => `${u} / ${C}`, [u, C]), { wholeWords: G, matchCase: U } = W(() => d, [d]), V = N(
+  }, [m]), F = W(() => `${u} / ${C}`, [u, C]), { wholeWords: G, matchCase: q } = W(() => d, [d]), U = N(
     ($) => {
       s((Q) => ({ ...Q, matchCase: $ }));
     },
@@ -3339,24 +3350,24 @@ const Oe = {
                   }
                 ) }),
                 f ? /* @__PURE__ */ i("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ i(bn, { className: ne["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ i("span", { id: "search-results-count", "aria-live": "polite", children: F }),
-                l && /* @__PURE__ */ i("div", { className: ne["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ut, { onKeyPress: O, handleClose: R }) })
+                l && /* @__PURE__ */ i("div", { className: ne["rp-search-tool-controls"], children: /* @__PURE__ */ i(qt, { onKeyPress: O, handleClose: R }) })
               ] }),
               /* @__PURE__ */ k("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
                 l && /* @__PURE__ */ i(hn, {}),
                 /* @__PURE__ */ i(
-                  Vt,
+                  Ut,
                   {
                     tabIndex: 0,
                     name: "matchCase",
-                    value: U,
-                    onChange: V,
+                    value: q,
+                    onChange: U,
                     "aria-label": p == null ? void 0 : p.searchMatchCaseLabel,
                     children: p == null ? void 0 : p.searchMatchCaseLabel
                   }
                 ),
                 !l && /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: ne["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Xt, {}) }) }),
                 /* @__PURE__ */ i(
-                  Vt,
+                  Ut,
                   {
                     tabIndex: 0,
                     name: "wholeWord",
@@ -3371,7 +3382,7 @@ const Oe = {
             ] }),
             !l && /* @__PURE__ */ k("div", { className: ne["rp-search-tool-controls"], children: [
               /* @__PURE__ */ i(hn, {}),
-              /* @__PURE__ */ i(Ut, { onKeyPress: O, handleClose: R })
+              /* @__PURE__ */ i(qt, { onKeyPress: O, handleClose: R })
             ] })
           ]
         }
@@ -3408,24 +3419,24 @@ const Oe = {
       return /* @__PURE__ */ i(fa, { percentage: d });
   };
   return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: $e["rp-toolbar-content"], children: /* @__PURE__ */ k("div", { className: $e["rp-toolbar-wrapper"], style: s(), children: [
-      /* @__PURE__ */ k("div", { "data-rp": "topBarLeft", className: $e["rp-toolbar-start"], children: [
+    /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: Ge["rp-toolbar-content"], children: /* @__PURE__ */ k("div", { className: Ge["rp-toolbar-wrapper"], style: s(), children: [
+      /* @__PURE__ */ k("div", { "data-rp": "topBarLeft", className: Ge["rp-toolbar-start"], children: [
         /* @__PURE__ */ i(pa, {}),
         /* @__PURE__ */ i(Si, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: $e["rp-toolbar-middle"], children: /* @__PURE__ */ i(da, {}) }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: $e["rp-toolbar-end"], children: /* @__PURE__ */ i(ra, {}) })
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: Ge["rp-toolbar-middle"], children: /* @__PURE__ */ i(da, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: Ge["rp-toolbar-end"], children: /* @__PURE__ */ i(ra, {}) })
     ] }) }),
     /* @__PURE__ */ i(f, {})
   ] });
-}), Ge = {
+}), qe = {
   "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_3fenb_1",
   "rp-thumbnail-text": "_rp-thumbnail-text_3fenb_10",
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, ga = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ce(), { pageRotate: a } = it(), c = M(null), d = Nn(), { pages: s } = re(), [f, m] = H(null), C = M(!1), u = M(), T = W(() => n ? Ge["rp-thumbnail-active"] : "", [n]), b = W(() => ({
+  const { pageNumber: e, isFocused: n, viewport: r } = t, { goToPage: o } = ce(), { pageRotate: a } = it(), c = M(null), d = Nn(), { pages: s } = re(), [f, m] = H(null), C = M(!1), u = M(), T = W(() => n ? qe["rp-thumbnail-active"] : "", [n]), b = W(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
   }), [r]), P = N(() => {
@@ -3479,7 +3490,7 @@ const Oe = {
         (y.key === "Enter" || y.key === " ") && (y.preventDefault(), P());
       },
       id: `page-${e}`,
-      className: Ge["rp-thumbnail-wrapper"],
+      className: qe["rp-thumbnail-wrapper"],
       ref: c,
       role: "button",
       tabIndex: 0,
@@ -3492,7 +3503,7 @@ const Oe = {
             style: {
               transform: `rotate(${a[e || 0]}deg)`
             },
-            className: se(T, Ge["rp-thumbnail"]),
+            className: se(T, qe["rp-thumbnail"]),
             "aria-hidden": "true",
             children: f ? /* @__PURE__ */ i(
               "img",
@@ -3506,7 +3517,7 @@ const Oe = {
             ) : /* @__PURE__ */ i(
               "div",
               {
-                className: Ge["rp-thumbnail-loader"],
+                className: qe["rp-thumbnail-loader"],
                 style: {
                   width: `${b.width}px`,
                   height: `${b.height}px`
@@ -3516,7 +3527,7 @@ const Oe = {
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: Ge["rp-thumbnail-text"], "aria-hidden": "true", children: e })
+        /* @__PURE__ */ i("div", { className: qe["rp-thumbnail-text"], "aria-hidden": "true", children: e })
       ]
     }
   );
@@ -3608,10 +3619,10 @@ const Oe = {
   return A(() => (s && s(), () => {
     f && f();
   }), [s, f]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ i(zn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(Uo, { mobileWidth: d, onLayoutWidthChange: m, children: /* @__PURE__ */ i(Vo, { slots: r, children: /* @__PURE__ */ i(jo, { icons: o, children: /* @__PURE__ */ k(Go, { getContainerRef: T, style: a, className: c, children: [
+  /* @__PURE__ */ i(zn, { toolbarRef: C, ref: e, children: /* @__PURE__ */ i(qo, { mobileWidth: d, onLayoutWidthChange: m, children: /* @__PURE__ */ i(Uo, { slots: r, children: /* @__PURE__ */ i(jo, { icons: o, children: /* @__PURE__ */ k(Go, { getContainerRef: T, style: a, className: c, children: [
     /* @__PURE__ */ i(Gt, { href: "#rp-navigation", label: "Skip to navigation" }),
     /* @__PURE__ */ i(Gt, { href: "#rp-main-content", label: "Skip to main content" }),
-    /* @__PURE__ */ k(qo, { children: [
+    /* @__PURE__ */ k(Vo, { children: [
       /* @__PURE__ */ k("div", { className: ye["rp-layout"], children: [
         /* @__PURE__ */ i("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ i(
           ma,
@@ -3674,27 +3685,27 @@ const Oe = {
     ) : null
   ] }) }) }) }) });
 }), Rc = {
-  "rp-toolbar-layout": "_rp-toolbar-layout_yancp_1",
-  "rp-content": "_rp-content_yancp_7",
-  "rp-topbar-content": "_rp-topbar-content_yancp_13",
-  "rp-sidebar-content": "_rp-sidebar-content_yancp_22",
-  "rp-pages": "_rp-pages_yancp_32",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_yancp_37",
-  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_yancp_45"
+  "rp-toolbar-layout": "_rp-toolbar-layout_qsonu_1",
+  "rp-content": "_rp-content_qsonu_7",
+  "rp-topbar-content": "_rp-topbar-content_qsonu_13",
+  "rp-sidebar-content": "_rp-sidebar-content_qsonu_22",
+  "rp-pages": "_rp-pages_qsonu_32",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_qsonu_37",
+  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_qsonu_44"
 };
 export {
   ma as $,
   Sn as A,
   Br as B,
   Ln as C,
-  qi as D,
+  Vi as D,
   En as E,
   Nn as F,
   Zr as G,
   Xr as H,
   Jr as I,
   ti as J,
-  qe as K,
+  He as K,
   zn as L,
   vi as M,
   _i as N,
@@ -3720,7 +3731,7 @@ export {
   Rn as e,
   _t as f,
   We as g,
-  $e as h,
+  Ge as h,
   da as i,
   ra as j,
   bc as k,
@@ -3734,9 +3745,9 @@ export {
   Ji as s,
   yn as t,
   ce as u,
-  Ur as v,
+  qr as v,
   In as w,
-  Vr as x,
+  Ur as x,
   xn as y,
-  qr as z
+  Vr as z
 };