@pdf-viewer/react 0.5.0-beta.4 → 0.6.0-beta.1

package/dist/Container-83627c27.js

@@ -0,0 +1,37 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useDarkModeContext as _ } from "./contexts/DarkModeContext.js";
+import { c as i } from "./clsx-0c6e471a.js";
+import { useThemeContext as l } from "./contexts/ThemeContext.js";
+import './assets/Container.css';const d = {
+  "rp-layout": "_rp-layout_1mrjz_1",
+  "rp-content": "_rp-content_1mrjz_5",
+  "rp-pages": "_rp-pages_1mrjz_11",
+  "rp-container": "_rp-container_1mrjz_16",
+  "rp-theme-variables": "_rp-theme-variables_1mrjz_51",
+  "rp-dark-mode": "_rp-dark-mode_1mrjz_128"
+}, h = {
+  "rp-container": "_rp-container_1fbrq_1"
+}, x = (t) => {
+  const { children: o, getContainerRef: a, toolbarRef: r, style: s, className: n } = t, { darkMode: e } = _(), { customVariables: p, customDarkVariables: c } = l();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: a,
+      className: i(
+        h["rp-container"],
+        e ? d["rp-dark-mode"] : "",
+        n
+      ),
+      style: {
+        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
+        ...e ? c : p,
+        ...s
+      },
+      children: o
+    }
+  );
+};
+export {
+  x as C,
+  d as c
+};

package/dist/{RPLayout-7fd91861.js → RPLayout-34472ceb.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as O, Fragment as Ae } from "react/jsx-runtime";
 import * as V from "react";
-import { useRef as $, useEffect as A, useCallback as M, useState as F, useMemo as D, createContext as We, useContext as He, forwardRef as $e, useImperativeHandle as qt, createElement as Ne, PureComponent as zn, Component as Fn, memo as kn } from "react";
+import { useRef as $, useEffect as A, useCallback as M, useState as F, useMemo as D, createContext as We, useContext as He, forwardRef as $e, useImperativeHandle as qt, createElement as Le, PureComponent as zn, Component as Fn, memo as kn } from "react";
 import { ChevronUpIcon as Me } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as B } from "./components/ui/Button.js";
 import { UIInput as Zt } from "./components/ui/Input.js";
@@ -29,7 +29,7 @@ import { useInfiniteScroll as or } from "./utils/hooks/useInfiniteScroll.js";
 import { RPSplitter as ar } from "./components/layout/sidebar/RPSplitter.js";
 import { useIconContext as re, IconProvider as ir } from "./contexts/IconContext.js";
 import X from "./components/ui/RPTooltip.js";
-import { c as he, C as sr } from "./Container-337e1b18.js";
+import { c as he, C as sr } from "./Container-83627c27.js";
 import { useLayoutContainer as qe, LayoutContainerProvider as lr } from "./contexts/LayoutContainerContext.js";
 import { ViewMode as ze, ScrollMode as Q, AnnotationSubType as at, SelectionMode as jt, ZoomLevel as we } from "./utils/types.js";
 import { useLayerContext as cr, LayerProvider as ur } from "./contexts/LayerContext.js";
@@ -53,7 +53,7 @@ import { FileUploadTool as Jt } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as xr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as Mr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as mt, a as Le, c as xe, b as gt, d as Lr, e as Nr, h as Er, f as Or, F as Dr, D as Ar, g as zr, G as Fe } from "./index-316854c1.js";
+import { u as mt, a as Ne, c as xe, b as gt, d as Nr, e as Lr, h as Er, f as Or, F as Dr, D as Ar, g as zr, G as Fe } from "./index-316854c1.js";
 import { c as Fr, e as kr, b as Wr } from "./index-71898eb9.js";
 import { e as Be } from "./floating-ui.react-dom-e6d5fe8f.js";
 import { CloseIcon as Yt } from "./components/icons/CloseIcon.js";
@@ -153,7 +153,7 @@ import './assets/RPLayout.css';const ae = {
     const y = g || _;
     if (!y)
       return;
-    const R = S.getBoundingClientRect(), L = y.clientHeight / 2, N = y.clientWidth / 2, x = y.scrollTop + R.top - L, E = y.scrollLeft + R.left - N;
+    const R = S.getBoundingClientRect(), N = y.clientHeight / 2, L = y.clientWidth / 2, x = y.scrollTop + R.top - N, E = y.scrollLeft + R.left - L;
     y.scrollTo({
       top: x,
       left: E,
@@ -174,14 +174,14 @@ import './assets/RPLayout.css';const ae = {
   }, [d]), I = M(async (y) => {
     if (!y)
       return {};
-    const R = y.numPages, L = {};
-    for (let N = 1; N <= R; N++) {
+    const R = y.numPages, N = {};
+    for (let L = 1; L <= R; L++) {
       if (s.current)
         throw "close pop over";
-      const x = await y.getPage(N);
-      L[N.toString()] = await x.getTextContent();
+      const x = await y.getPage(L);
+      N[L.toString()] = await x.getTextContent();
     }
-    return L;
+    return N;
   }, []);
   return A(() => {
     if (!n) {
@@ -189,16 +189,16 @@ import './assets/RPLayout.css';const ae = {
       return;
     }
     s.current = !1, i(!0), p([]), m(0), I(l).then((y) => {
-      const L = Object.keys(y).reduce((N, x) => {
+      const N = Object.keys(y).reduce((L, x) => {
         const E = Kn(
           [n],
           y[x],
           Number(x) - 1,
           e
         ).map((z, k) => ({ ...z, page: Number(x), pageMatchIdx: k }));
-        return [...N, ...E];
+        return [...L, ...E];
       }, []);
-      p(L), m(L.length ? 1 : 0);
+      p(N), m(N.length ? 1 : 0);
     }).catch(() => {
       p([]), m(0);
     }).finally(() => i(!1));
@@ -599,7 +599,7 @@ function lt() {
     return e;
   }, lt.apply(null, arguments);
 }
-function Lt(e) {
+function Nt(e) {
   if (e === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
@@ -612,11 +612,11 @@ function ct(e, t) {
 function fo(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ct(e, t);
 }
-var Nt = Number.isNaN || function(t) {
+var Lt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
 function mo(e, t) {
-  return !!(e === t || Nt(e) && Nt(t));
+  return !!(e === t || Lt(e) && Lt(t));
 }
 function go(e, t) {
   if (e.length !== t.length)
@@ -697,23 +697,23 @@ function Po(e) {
     fo(S, b);
     function S(T) {
       var d;
-      return d = b.call(this, T) || this, d._instanceProps = v(d.props, Lt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
-        instance: Lt(d),
+      return d = b.call(this, T) || this, d._instanceProps = v(d.props, Nt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
+        instance: Nt(d),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof d.props.initialScrollLeft == "number" ? d.props.initialScrollLeft : 0,
         scrollTop: typeof d.props.initialScrollTop == "number" ? d.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Je(function(C, w, I, y, R, L, N, x) {
+      }, d._callOnItemsRendered = void 0, d._callOnItemsRendered = Je(function(C, w, I, y, R, N, L, x) {
         return d.props.onItemsRendered({
           overscanColumnStartIndex: C,
           overscanColumnStopIndex: w,
           overscanRowStartIndex: I,
           overscanRowStopIndex: y,
           visibleColumnStartIndex: R,
-          visibleColumnStopIndex: L,
-          visibleRowStartIndex: N,
+          visibleColumnStopIndex: N,
+          visibleRowStartIndex: L,
           visibleRowStopIndex: x
         });
       }), d._callOnScroll = void 0, d._callOnScroll = Je(function(C, w, I, y, R) {
@@ -725,12 +725,12 @@ function Po(e) {
           scrollUpdateWasRequested: R
         });
       }), d._getItemStyle = void 0, d._getItemStyle = function(C, w) {
-        var I = d.props, y = I.columnWidth, R = I.direction, L = I.rowHeight, N = d._getItemStyleCache(_ && y, _ && R, _ && L), x = C + ":" + w, E;
-        if (N.hasOwnProperty(x))
-          E = N[x];
+        var I = d.props, y = I.columnWidth, R = I.direction, N = I.rowHeight, L = d._getItemStyleCache(_ && y, _ && R, _ && N), x = C + ":" + w, E;
+        if (L.hasOwnProperty(x))
+          E = L[x];
         else {
           var z = n(d.props, w, d._instanceProps), k = R === "rtl";
-          N[x] = E = {
+          L[x] = E = {
             position: "absolute",
             left: k ? void 0 : z,
             right: k ? z : void 0,
@@ -743,9 +743,9 @@ function Po(e) {
       }, d._getItemStyleCache = void 0, d._getItemStyleCache = Je(function(C, w, I) {
         return {};
       }), d._onScroll = function(C) {
-        var w = C.currentTarget, I = w.clientHeight, y = w.clientWidth, R = w.scrollLeft, L = w.scrollTop, N = w.scrollHeight, x = w.scrollWidth;
+        var w = C.currentTarget, I = w.clientHeight, y = w.clientWidth, R = w.scrollLeft, N = w.scrollTop, L = w.scrollHeight, x = w.scrollWidth;
         d.setState(function(E) {
-          if (E.scrollLeft === R && E.scrollTop === L)
+          if (E.scrollLeft === R && E.scrollTop === N)
             return null;
           var z = d.props.direction, k = R;
           if (z === "rtl")
@@ -758,13 +758,13 @@ function Po(e) {
                 break;
             }
           k = Math.max(0, Math.min(k, x - y));
-          var G = Math.max(0, Math.min(L, N - I));
+          var G = Math.max(0, Math.min(N, L - I));
           return {
             isScrolling: !0,
             horizontalScrollDirection: E.scrollLeft < R ? "forward" : "backward",
             scrollLeft: k,
             scrollTop: G,
-            verticalScrollDirection: E.scrollTop < L ? "forward" : "backward",
+            verticalScrollDirection: E.scrollTop < N ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, d._resetIsScrollingDebounced);
@@ -797,9 +797,9 @@ function Po(e) {
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(d) {
-      var C = d.align, w = C === void 0 ? "auto" : C, I = d.columnIndex, y = d.rowIndex, R = this.props, L = R.columnCount, N = R.height, x = R.rowCount, E = R.width, z = this.state, k = z.scrollLeft, G = z.scrollTop, Z = wo();
-      I !== void 0 && (I = Math.max(0, Math.min(I, L - 1))), y !== void 0 && (y = Math.max(0, Math.min(y, x - 1)));
-      var U = l(this.props, this._instanceProps), K = s(this.props, this._instanceProps), ue = K > E ? Z : 0, oe = U > N ? Z : 0;
+      var C = d.align, w = C === void 0 ? "auto" : C, I = d.columnIndex, y = d.rowIndex, R = this.props, N = R.columnCount, L = R.height, x = R.rowCount, E = R.width, z = this.state, k = z.scrollLeft, G = z.scrollTop, Z = wo();
+      I !== void 0 && (I = Math.max(0, Math.min(I, N - 1))), y !== void 0 && (y = Math.max(0, Math.min(y, x - 1)));
+      var U = l(this.props, this._instanceProps), K = s(this.props, this._instanceProps), ue = K > E ? Z : 0, oe = U > L ? Z : 0;
       this.scrollTo({
         scrollLeft: I !== void 0 ? c(this.props, I, w, k, this._instanceProps, oe) : k,
         scrollTop: y !== void 0 ? p(this.props, y, w, G, this._instanceProps, ue) : G
@@ -824,8 +824,8 @@ function Po(e) {
               R.scrollLeft = w;
               break;
             default:
-              var L = R.clientWidth, N = R.scrollWidth;
-              R.scrollLeft = N - L - w;
+              var N = R.clientWidth, L = R.scrollWidth;
+              R.scrollLeft = L - N - w;
               break;
           }
         else
@@ -836,11 +836,11 @@ function Po(e) {
     }, P.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Dt(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
-      var d = this.props, C = d.children, w = d.className, I = d.columnCount, y = d.direction, R = d.height, L = d.innerRef, N = d.innerElementType, x = d.innerTagName, E = d.itemData, z = d.itemKey, k = z === void 0 ? Co : z, G = d.outerElementType, Z = d.outerTagName, U = d.rowCount, K = d.style, ue = d.useIsScrolling, oe = d.width, ve = this.state.isScrolling, _e = this._getHorizontalRangeToRender(), Se = _e[0], W = _e[1], H = this._getVerticalRangeToRender(), q = H[0], le = H[1], Te = [];
+      var d = this.props, C = d.children, w = d.className, I = d.columnCount, y = d.direction, R = d.height, N = d.innerRef, L = d.innerElementType, x = d.innerTagName, E = d.itemData, z = d.itemKey, k = z === void 0 ? Co : z, G = d.outerElementType, Z = d.outerTagName, U = d.rowCount, K = d.style, ue = d.useIsScrolling, oe = d.width, ve = this.state.isScrolling, _e = this._getHorizontalRangeToRender(), Se = _e[0], W = _e[1], H = this._getVerticalRangeToRender(), q = H[0], le = H[1], Te = [];
       if (I > 0 && U)
         for (var de = q; de <= le; de++)
           for (var pe = Se; pe <= W; pe++)
-            Te.push(Ne(C, {
+            Te.push(Le(C, {
               columnIndex: pe,
               data: E,
               isScrolling: ue ? ve : void 0,
@@ -853,7 +853,7 @@ function Po(e) {
               style: this._getItemStyle(de, pe)
             }));
       var Ze = l(this.props, this._instanceProps), je = s(this.props, this._instanceProps);
-      return Ne(G || Z || "div", {
+      return Le(G || Z || "div", {
         className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -866,9 +866,9 @@ function Po(e) {
           willChange: "transform",
           direction: y
         }, K)
-      }, Ne(N || x || "div", {
+      }, Le(L || x || "div", {
         children: Te,
-        ref: L,
+        ref: N,
         style: {
           height: Ze,
           pointerEvents: ve ? "none" : void 0,
@@ -878,24 +878,24 @@ function Po(e) {
     }, P._callPropsCallbacks = function() {
       var d = this.props, C = d.columnCount, w = d.onItemsRendered, I = d.onScroll, y = d.rowCount;
       if (typeof w == "function" && C > 0 && y > 0) {
-        var R = this._getHorizontalRangeToRender(), L = R[0], N = R[1], x = R[2], E = R[3], z = this._getVerticalRangeToRender(), k = z[0], G = z[1], Z = z[2], U = z[3];
-        this._callOnItemsRendered(L, N, k, G, x, E, Z, U);
+        var R = this._getHorizontalRangeToRender(), N = R[0], L = R[1], x = R[2], E = R[3], z = this._getVerticalRangeToRender(), k = z[0], G = z[1], Z = z[2], U = z[3];
+        this._callOnItemsRendered(N, L, k, G, x, E, Z, U);
       }
       if (typeof I == "function") {
         var K = this.state, ue = K.horizontalScrollDirection, oe = K.scrollLeft, ve = K.scrollTop, _e = K.scrollUpdateWasRequested, Se = K.verticalScrollDirection;
         this._callOnScroll(oe, ve, ue, Se, _e);
       }
     }, P._getHorizontalRangeToRender = function() {
-      var d = this.props, C = d.columnCount, w = d.overscanColumnCount, I = d.overscanColumnsCount, y = d.overscanCount, R = d.rowCount, L = this.state, N = L.horizontalScrollDirection, x = L.isScrolling, E = L.scrollLeft, z = w || I || y || 1;
+      var d = this.props, C = d.columnCount, w = d.overscanColumnCount, I = d.overscanColumnsCount, y = d.overscanCount, R = d.rowCount, N = this.state, L = N.horizontalScrollDirection, x = N.isScrolling, E = N.scrollLeft, z = w || I || y || 1;
       if (C === 0 || R === 0)
         return [0, 0, 0, 0];
-      var k = r(this.props, E, this._instanceProps), G = o(this.props, k, E, this._instanceProps), Z = !x || N === "backward" ? Math.max(1, z) : 1, U = !x || N === "forward" ? Math.max(1, z) : 1;
+      var k = r(this.props, E, this._instanceProps), G = o(this.props, k, E, this._instanceProps), Z = !x || L === "backward" ? Math.max(1, z) : 1, U = !x || L === "forward" ? Math.max(1, z) : 1;
       return [Math.max(0, k - Z), Math.max(0, Math.min(C - 1, G + U)), k, G];
     }, P._getVerticalRangeToRender = function() {
-      var d = this.props, C = d.columnCount, w = d.overscanCount, I = d.overscanRowCount, y = d.overscanRowsCount, R = d.rowCount, L = this.state, N = L.isScrolling, x = L.verticalScrollDirection, E = L.scrollTop, z = I || y || w || 1;
+      var d = this.props, C = d.columnCount, w = d.overscanCount, I = d.overscanRowCount, y = d.overscanRowsCount, R = d.rowCount, N = this.state, L = N.isScrolling, x = N.verticalScrollDirection, E = N.scrollTop, z = I || y || w || 1;
       if (C === 0 || R === 0)
         return [0, 0, 0, 0];
-      var k = u(this.props, E, this._instanceProps), G = f(this.props, k, E, this._instanceProps), Z = !N || x === "backward" ? Math.max(1, z) : 1, U = !N || x === "forward" ? Math.max(1, z) : 1;
+      var k = u(this.props, E, this._instanceProps), G = f(this.props, k, E, this._instanceProps), Z = !L || x === "backward" ? Math.max(1, z) : 1, U = !L || x === "forward" ? Math.max(1, z) : 1;
       return [Math.max(0, k - Z), Math.max(0, Math.min(R - 1, G + U)), k, G];
     }, S;
   }(zn), t.defaultProps = {
@@ -1110,7 +1110,7 @@ et == null || Vt == null ? (ut = Qe, dt = function(t) {
   }, Ht);
   return [n, r];
 });
-function Lo(e) {
+function No(e) {
   let t, n, r, o, i, l, s;
   const c = typeof document < "u" && document.attachEvent;
   if (!c) {
@@ -1182,7 +1182,7 @@ function Lo(e) {
     }
   };
 }
-class No extends Fn {
+class Lo extends Fn {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1223,7 +1223,7 @@ class No extends Fn {
       const r = n.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = Lo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = No(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1251,7 +1251,7 @@ class No extends Fn {
       overflow: "visible"
     }, b = {};
     let S = !1;
-    return o || (u === 0 && (S = !0), g.height = 0, b.height = u, b.scaledHeight = f), i || (_ === 0 && (S = !0), g.width = 0, b.width = _, b.scaledWidth = v), l && (S = !1), Ne(h, {
+    return o || (u === 0 && (S = !0), g.height = 0, b.height = u, b.scaledHeight = f), i || (_ === 0 && (S = !0), g.width = 0, b.width = _, b.scaledWidth = v), l && (S = !1), Le(h, {
       ref: this._setRef,
       style: {
         ...g,
@@ -1403,13 +1403,13 @@ const Eo = (e = 1) => {
     columnWidth: w,
     estimatedColumnWidth: I,
     estimatedRowHeight: y
-  } = Mo(), [R, L] = F({}), { isScrolling: N } = Kt(), x = $(), E = $({
+  } = Mo(), [R, N] = F({}), { isScrolling: L } = Kt(), x = $(), E = $({
     scrollTop: 0,
     scrollLeft: 0
   }), { isPressed: z } = Tr(), { selectionMode: k } = fr(), { initializeGrabScroll: G, scrollBehavior: Z } = Ir({
     isPressed: z
   }), U = D(() => k === jt.HAND, [k]), K = M((W, H) => {
-    L((q) => ({ ...q, [W]: Math.round(H * 100) }));
+    N((q) => ({ ...q, [W]: Math.round(H * 100) }));
   }, []), ue = D(() => ({
     columnCount: C,
     handleIntersectRatioChange: K
@@ -1448,10 +1448,10 @@ const Eo = (e = 1) => {
           });
     }
   }, [T, C, P, r, n]), A(() => {
-    if (N.current)
+    if (L.current)
       return;
     if (b.current.viewMode !== v || b.current.scrollMode !== f) {
-      x.current && clearTimeout(x.current), L({}), n(u), f === Q.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
+      x.current && clearTimeout(x.current), N({}), n(u), f === Q.HORIZONTAL_SCROLLING && (r == null || r.scrollTo({
         scrollTop: 0
       })), x.current = setTimeout(() => {
         requestAnimationFrame(() => {
@@ -1470,8 +1470,8 @@ const Eo = (e = 1) => {
     }
   }, [c, v, f]), A(() => {
     const W = Object.entries(R);
-    if (N.current) {
-      N.current && (N.current = !1);
+    if (L.current) {
+      L.current && (L.current = !1);
       return;
     }
     let H = 0, q = -1;
@@ -1493,7 +1493,7 @@ const Eo = (e = 1) => {
     },
     [U, G, ae]
   );
-  return /* @__PURE__ */ a("div", { ref: e, tabIndex: -1, className: _e, children: /* @__PURE__ */ a(No, { children: ({ width: W, height: H }) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { ref: e, tabIndex: -1, className: _e, children: /* @__PURE__ */ a(Lo, { children: ({ width: W, height: H }) => /* @__PURE__ */ a(
     "div",
     {
       "data-rp": "pagesWrapper",
@@ -1534,11 +1534,11 @@ const Eo = (e = 1) => {
     }
   ) }) });
 }, Ie = {
-  "rp-toolbar-content": "_rp-toolbar-content_16hg5_1",
-  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_16hg5_9",
-  "rp-toolbar-start": "_rp-toolbar-start_16hg5_17",
-  "rp-toolbar-middle": "_rp-toolbar-middle_16hg5_23",
-  "rp-toolbar-end": "_rp-toolbar-end_16hg5_30"
+  "rp-toolbar-content": "_rp-toolbar-content_fw3uq_1",
+  "rp-toolbar-wrapper": "_rp-toolbar-wrapper_fw3uq_10",
+  "rp-toolbar-start": "_rp-toolbar-start_fw3uq_18",
+  "rp-toolbar-middle": "_rp-toolbar-middle_fw3uq_24",
+  "rp-toolbar-end": "_rp-toolbar-end_fw3uq_31"
 }, tt = {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
@@ -1632,7 +1632,7 @@ var hn = "DialogTrigger", $o = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(hn, n), i = mt(t, o.triggerRef);
     return /* @__PURE__ */ a(
-      Le.button,
+      Ne.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -1667,8 +1667,8 @@ var Go = V.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ a(Lr, { as: Nr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
-        Le.div,
+      /* @__PURE__ */ a(Nr, { as: Lr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ a(
+        Ne.div,
         {
           "data-state": St(o.open),
           ...r,
@@ -1773,14 +1773,14 @@ var Uo = V.forwardRef(
 ), Pt = "DialogTitle", wn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(Pt, n);
-    return /* @__PURE__ */ a(Le.h2, { id: o.titleId, ...r, ref: t });
+    return /* @__PURE__ */ a(Ne.h2, { id: o.titleId, ...r, ref: t });
   }
 );
 wn.displayName = Pt;
 var bn = "DialogDescription", Zo = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(bn, n);
-    return /* @__PURE__ */ a(Le.p, { id: o.descriptionId, ...r, ref: t });
+    return /* @__PURE__ */ a(Ne.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
 Zo.displayName = bn;
@@ -1788,7 +1788,7 @@ var Cn = "DialogClose", Pn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = te(Cn, n);
     return /* @__PURE__ */ a(
-      Le.button,
+      Ne.button,
       {
         type: "button",
         ...r,
@@ -1893,7 +1893,7 @@ const fe = {
 }, In = () => {
   const { downloadIcon: e } = re();
   return e || /* @__PURE__ */ a(Zr, {});
-}, yn = ({ children: e }) => /* @__PURE__ */ a(X, { content: "Download file", children: e }), aa = ({ downloadFile: e }) => /* @__PURE__ */ a(yn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(In, {}) }) }), ia = ({ downloadFile: e }) => /* @__PURE__ */ a(yn, { children: /* @__PURE__ */ O(ce, { onClick: e, children: [
+}, yn = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Download file", children: e }), aa = ({ downloadFile: e }) => /* @__PURE__ */ a(yn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(In, {}) }) }), ia = ({ downloadFile: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(yn, { className: "rp-menu-item", children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(In, {}) }),
   "Download file"
 ] }) }), Rn = () => {
@@ -1936,9 +1936,9 @@ const sa = () => {
     }
     const R = w / tr.PDF;
     P.width = Math.floor(C.width * R), P.height = Math.floor(C.height * R);
-    const L = P.getContext("2d");
-    L.save(), L.fillStyle = "rgb(255, 255, 255)", L.fillRect(0, 0, P.width, P.height), L.restore();
-    const [N, x] = await Promise.all([
+    const N = P.getContext("2d");
+    N.save(), N.fillStyle = "rgb(255, 255, 255)", N.fillRect(0, 0, P.width, P.height), N.restore();
+    const [L, x] = await Promise.all([
       T.getPage(d),
       y
     ]);
@@ -1947,16 +1947,16 @@ const sa = () => {
       return;
     }
     const E = {
-      canvasContext: L,
+      canvasContext: N,
       transform: [R, 0, 0, R, 0, 0],
-      viewport: N.getViewport({ scale: 1, rotation: C.rotation }),
+      viewport: L.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
       annotationMode: nr.ENABLE_STORAGE,
       optionalContentConfigPromise: I,
       printAnnotationStorage: x
     };
     try {
-      return N.render(E).promise;
+      return L.render(E).promise;
     } catch (z) {
       throw z instanceof rr || console.error(z), z;
     }
@@ -2006,17 +2006,17 @@ const sa = () => {
       const C = e.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
         e.annotationStorage.print ?? void 0
       ), I = t.size;
-      for (const [R, L] of t) {
+      for (const [R, N] of t) {
         if (h.current) {
           u();
           return;
         }
-        const N = L.page.getViewport({ scale: 1 });
+        const L = N.page.getViewport({ scale: 1 });
         if (await v({
           scratchCanvas: P,
           pdfDocument: e,
           pageNumber: R,
-          viewerPdfPage: N,
+          viewerPdfPage: L,
           printResolution: 150,
           optionalContentConfigPromise: C,
           printAnnotationStoragePromise: w
@@ -2116,10 +2116,10 @@ const sa = () => {
 }, Mn = () => {
   const { printIcon: e } = re();
   return e || /* @__PURE__ */ a(jr, {});
-}, Ln = ({ children: e }) => /* @__PURE__ */ a(X, { content: "Print", children: e }), ca = ({ print: e }) => /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(Mn, {}) }) }), ua = ({ print: e }) => /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ O(ce, { onClick: e, children: [
+}, Nn = ({ children: e, className: t }) => /* @__PURE__ */ a(X, { className: t, content: "Print", children: e }), ca = ({ print: e }) => /* @__PURE__ */ a(Nn, { children: /* @__PURE__ */ a(B, { onClick: e, children: /* @__PURE__ */ a(Mn, {}) }) }), ua = ({ print: e }) => /* @__PURE__ */ a(ce, { onClick: e, children: /* @__PURE__ */ O(Nn, { className: "rp-menu-item", children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Mn, {}) }),
   "Print"
-] }) }), Nn = () => {
+] }) }), Ln = () => {
   const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = Tt(), { printTool: l = !0 } = se(), { isSmallScreen: s } = ge();
   return l ? s ? /* @__PURE__ */ a(ua, { print: e }) : typeof l == "function" ? /* @__PURE__ */ a(
     l,
@@ -2147,11 +2147,11 @@ const sa = () => {
     e(t);
   }, [e, t]);
   return r ? /* @__PURE__ */ O(Fe, { children: [
-    /* @__PURE__ */ a(X, { content: "Go to first page", children: /* @__PURE__ */ O(ce, { disabled: o, onClick: l, children: [
+    /* @__PURE__ */ a(ce, { disabled: o, onClick: l, children: /* @__PURE__ */ O(X, { className: "rp-menu-item", content: "Go to first page", children: [
       /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(pa, {}) }),
       "First page"
     ] }) }),
-    /* @__PURE__ */ a(X, { content: "Go to last page", children: /* @__PURE__ */ O(ce, { disabled: i, onClick: s, children: [
+    /* @__PURE__ */ a(ce, { disabled: i, onClick: s, children: /* @__PURE__ */ O(X, { className: "rp-menu-item", content: "Go to last page", children: [
       /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(ha, {}) }),
       "Last page"
     ] }) }),
@@ -2192,7 +2192,7 @@ const sa = () => {
           t && /* @__PURE__ */ O(Fe, { children: [
             /* @__PURE__ */ a(Jt, {}),
             /* @__PURE__ */ a(Rn, {}),
-            /* @__PURE__ */ a(Nn, {}),
+            /* @__PURE__ */ a(Ln, {}),
             /* @__PURE__ */ a(Qt, {}),
             /* @__PURE__ */ a(vt, {})
           ] }),
@@ -2213,7 +2213,7 @@ const sa = () => {
     !e && /* @__PURE__ */ O(Ae, { children: [
       /* @__PURE__ */ a(Jt, {}),
       /* @__PURE__ */ a(Rn, {}),
-      /* @__PURE__ */ a(Nn, {}),
+      /* @__PURE__ */ a(Ln, {}),
       /* @__PURE__ */ a(Qt, {})
     ] }),
     /* @__PURE__ */ a(ma, {})
@@ -2348,12 +2348,12 @@ const sa = () => {
     b(x.target.value);
   }, []), w = M(() => {
     b(""), p("");
-  }, [p]), I = D(() => `${m} / ${h}`, [m, h]), { wholeWords: y, matchCase: R } = D(() => l, [l]), L = M(
+  }, [p]), I = D(() => `${m} / ${h}`, [m, h]), { wholeWords: y, matchCase: R } = D(() => l, [l]), N = M(
     (x) => {
       s((E) => ({ ...E, matchCase: x }));
     },
     [s]
-  ), N = M(
+  ), L = M(
     (x) => {
       s((E) => ({ ...E, wholeWords: x }));
     },
@@ -2387,8 +2387,8 @@ const sa = () => {
             c ? /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(pt, {}) }) : /* @__PURE__ */ a("span", { children: I })
           ] }),
           /* @__PURE__ */ O("div", { className: ne["rp-search-tool-input-checkboxes"], children: [
-            /* @__PURE__ */ a(Rt, { name: "matchCase", value: R, onChange: L, children: "Match Case" }),
-            /* @__PURE__ */ a(Rt, { name: "wholeWord", value: y, onChange: N, children: "Whole Word" })
+            /* @__PURE__ */ a(Rt, { name: "matchCase", value: R, onChange: N, children: "Match Case" }),
+            /* @__PURE__ */ a(Rt, { name: "wholeWord", value: y, onChange: L, children: "Whole Word" })
           ] })
         ] }),
         /* @__PURE__ */ O("div", { className: ne["rp-search-tool-controls"], children: [
@@ -2440,10 +2440,10 @@ const sa = () => {
     n && i ? /* @__PURE__ */ a(Ta, { percentage: i }) : null
   ] });
 }), rt = {
-  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_p2vax_1",
-  "rp-sidebar-content": "_rp-sidebar-content_p2vax_1",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_p2vax_16",
-  "rp-thumbnail-dragging": "_rp-thumbnail-dragging_p2vax_21"
+  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
+  "rp-sidebar-content": "_rp-sidebar-content_4wlw3_1",
+  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_4wlw3_16",
+  "rp-thumbnail-dragging": "_rp-thumbnail-dragging_4wlw3_21"
 }, Re = {
   "rp-thumbnail-wrapper": "_rp-thumbnail-wrapper_3fenb_1",
   "rp-thumbnail-text": "_rp-thumbnail-text_3fenb_10",
@@ -2590,10 +2590,10 @@ const sa = () => {
       children: e
     }
   );
-}, Ma = 16, La = (e, t) => {
+}, Ma = 16, Na = (e, t) => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
   e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - Ma);
-}, Na = $e((e, t) => {
+}, La = $e((e, t) => {
   const { show: n } = e, { focusedPage: r, totalPages: o } = ee(), { thumbnailPages: i, addPage: l, thumbnailLength: s, addToPage: c } = On(), p = $(null), h = $(1);
   qt(t, () => p.current);
   const m = D(() => Object.values(i), [i]), u = M(() => {
@@ -2601,7 +2601,7 @@ const sa = () => {
     f <= o && l(f);
   }, [l, o, s]);
   return A(() => {
-    r > s ? c(r) : n && h.current !== r && (La(p.current, r), h.current = r);
+    r > s ? c(r) : n && h.current !== r && (Na(p.current, r), h.current = r);
   }, [r, s, c, n, m]), or(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((f, v) => {
     var _, g;
     return /* @__PURE__ */ a(
@@ -2632,7 +2632,7 @@ const sa = () => {
       children: [
         /* @__PURE__ */ a("div", { "data-rp": "thumbnailButton", className: rt["rp-sidebar-content"], children: s }),
         /* @__PURE__ */ O("div", { "data-rp": "thumbnails", hidden: !e, className: rt["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ a(Na, { show: e, ref: o }),
+          /* @__PURE__ */ a(La, { show: e, ref: o }),
           /* @__PURE__ */ a(ar, { onWidthChange: r, thumbnailRef: o })
         ] })
       ]
@@ -2717,7 +2717,7 @@ export {
   xa as B,
   Qr as C,
   Do as D,
-  Na as E,
+  La as E,
   Rn as F,
   Oa as G,
   Da as H,
@@ -2746,7 +2746,7 @@ export {
   sa as o,
   xn as p,
   la as q,
-  Nn as r,
+  Ln as r,
   ga as s,
   Pa as t,
   ee as u,

package/dist/assets/Button.css

@@ -1 +1 @@
-._rp-button_a4kc3_1{border-radius:var(--rp-border-radius);padding:var(--rp-button-padding);background:transparent;border:none;color:var(--rp-text-color);display:flex;cursor:pointer;font-size:var(--rp-icon-font-size)}._rp-button_a4kc3_1:hover:not(:disabled),._rp-button-active_a4kc3_13:not(:disabled){background:var(--rp-button-hover-background)}._rp-button_a4kc3_1:disabled{cursor:not-allowed;color:var(--rp-icon-disabled)}._rp-button_a4kc3_1:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0}
+._rp-button_uycem_1{border-radius:var(--rp-border-radius);padding:var(--rp-button-padding);background:transparent;border:none;color:var(--rp-text-color);cursor:pointer;font-size:var(--rp-icon-font-size);line-height:0}._rp-button_uycem_1:hover:not(:disabled),._rp-button-active_uycem_13:not(:disabled){background:var(--rp-button-hover-background)}._rp-button_uycem_1:disabled{cursor:not-allowed;color:var(--rp-icon-disabled)}._rp-button_uycem_1:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0}