@react-pdf-kit/viewer 2.6.0-beta.0 → 2.6.0-beta.2

package/dist/components/RPPages.js

@@ -1,37 +1,37 @@
-import { jsx as w, jsxs as Se, Fragment as ct } from "react/jsx-runtime";
-import { createElement as fe, PureComponent as dt, Component as ut, memo as ft, useRef as K, useState as mt, useMemo as Ie, useCallback as se, useEffect as ee } from "react";
-import { RPPage as Te } from "./page/RPPage.js";
-import { useVirtualReactWindow as pt } from "../utils/hooks/useVirtualReactWindow.js";
-import { useVirtualScrollContext as ht } from "../contexts/VirtualScrollContext.js";
-import { a as gt, u as vt } from "../PaginationContext-87f832f2.js";
-import { useDocumentContext as _t } from "../contexts/RPDocumentContext.js";
-import { useViewModeContext as wt } from "../contexts/ViewModeContext.js";
-import { useScrollModeContext as Ct } from "../contexts/ScrollModeContext.js";
-import { SelectionMode as St, ViewMode as Re, ScrollMode as xe, ErrorType as ye } from "../utils/types.js";
-import { useFullScreenContext as It } from "../contexts/FullScreenContext.js";
-import { c as ue } from "../clsx-0c6e471a.js";
-import { DualPage as Tt } from "./page/DualPage.js";
-import { DualPageWithCover as Rt } from "./page/DualPageWithCover.js";
-import { SinglePage as xt } from "./page/SinglePage.js";
-import { useMousePressed as yt } from "../utils/hooks/useMousePressed.js";
-import { useSelectionModeContext as bt } from "../contexts/SelectionModeContext.js";
-import { useGrabScroll as zt } from "../utils/hooks/useGrabScroll.js";
-import { usePinch as Lt } from "../utils/hooks/usePinch.js";
-import { useInitialStateContext as Mt } from "../contexts/InitialStateContext.js";
-import { useLayoutContainer as Et } from "../contexts/LayoutContainerContext.js";
-import { useDebounce as Ot } from "../utils/hooks/useDebounce.js";
-import { useLoaderContext as Pt } from "../contexts/LoaderContext.js";
-import Nt from "./ui/PasswordModal.js";
+import { jsx as w, jsxs as Ie, Fragment as dt } from "react/jsx-runtime";
+import { createElement as pe, PureComponent as ut, Component as ft, memo as mt, useRef as K, useState as pt, useMemo as Te, useCallback as se, useEffect as Y } from "react";
+import { RPPage as Re } from "./page/RPPage.js";
+import { useVirtualReactWindow as ht } from "../utils/hooks/useVirtualReactWindow.js";
+import { useVirtualScrollContext as gt } from "../contexts/VirtualScrollContext.js";
+import { a as vt, u as _t } from "../PaginationContext-87f832f2.js";
+import { useDocumentContext as wt } from "../contexts/RPDocumentContext.js";
+import { useViewModeContext as Ct } from "../contexts/ViewModeContext.js";
+import { useScrollModeContext as St } from "../contexts/ScrollModeContext.js";
+import { SelectionMode as It, ViewMode as xe, ErrorType as fe, ScrollMode as ye } from "../utils/types.js";
+import { useFullScreenContext as Tt } from "../contexts/FullScreenContext.js";
+import { c as me } from "../clsx-0c6e471a.js";
+import { DualPage as Rt } from "./page/DualPage.js";
+import { DualPageWithCover as xt } from "./page/DualPageWithCover.js";
+import { SinglePage as yt } from "./page/SinglePage.js";
+import { useMousePressed as bt } from "../utils/hooks/useMousePressed.js";
+import { useSelectionModeContext as zt } from "../contexts/SelectionModeContext.js";
+import { useGrabScroll as Lt } from "../utils/hooks/useGrabScroll.js";
+import { usePinch as Mt } from "../utils/hooks/usePinch.js";
+import { useInitialStateContext as Et } from "../contexts/InitialStateContext.js";
+import { useLayoutContainer as Ot } from "../contexts/LayoutContainerContext.js";
+import { useDebounce as Pt } from "../utils/hooks/useDebounce.js";
+import { useLoaderContext as Nt } from "../contexts/LoaderContext.js";
+import At from "./ui/PasswordModal.js";
 import { usePresentPage as Wt } from "../utils/hooks/usePresentPage.js";
-import { getPageFromPosition as At } from "../utils/calculatePage.js";
-import { useDocumentPasswordContext as Ft } from "../contexts/DocumentPasswordContext.js";
-import { LayoutContainer as Dt } from "./layout/LayoutContainer.js";
-import { LayoutWrapper as Ht } from "./layout/LayoutWrapper.js";
-import { useEventCallbackContext as kt } from "../contexts/EventCallbackContext.js";
-import { useCopyText as Ut } from "../utils/hooks/useCopyText.js";
-import { useTextSelection as Vt } from "../utils/hooks/useTextSelection.js";
-import { OutputScale as qt } from "pdfjs-dist";
-import { approximateFraction as Ae } from "../utils/approximateFragtion.js";
+import { getPageFromPosition as Ft } from "../utils/calculatePage.js";
+import { useDocumentPasswordContext as Dt } from "../contexts/DocumentPasswordContext.js";
+import { LayoutContainer as Ht } from "./layout/LayoutContainer.js";
+import { LayoutWrapper as kt } from "./layout/LayoutWrapper.js";
+import { useEventCallbackContext as Ut } from "../contexts/EventCallbackContext.js";
+import { useCopyText as Vt } from "../utils/hooks/useCopyText.js";
+import { useTextSelection as qt } from "../utils/hooks/useTextSelection.js";
+import { OutputScale as Gt } from "pdfjs-dist";
+import { approximateFraction as Fe } from "../utils/approximateFragtion.js";
 import "./page/CanvasLayer.js";
 import "../contexts/ZoomContext.js";
 import "../utils/appConsole.js";
@@ -90,7 +90,7 @@ import "../RPLayout.module-92fa19f7.js";
 import "../contexts/ThemeContext.js";
 import "../contexts/DarkModeContext.js";
 import "../utils/hooks/useDarkMode.js";
-const F = {
+const W = {
   "rp-pages": "_rp-pages_fn8tz_1",
   "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_fn8tz_6",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_fn8tz_11",
@@ -115,7 +115,7 @@ function Ee() {
     return n;
   }, Ee.apply(null, arguments);
 }
-function Fe(n) {
+function De(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
@@ -125,25 +125,25 @@ function Oe(n, e) {
     return t.__proto__ = r, t;
   }, Oe(n, e);
 }
-function Gt(n, e) {
+function $t(n, e) {
   n.prototype = Object.create(e.prototype), n.prototype.constructor = n, Oe(n, e);
 }
-var De = Number.isNaN || function(e) {
+var He = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function $t(n, e) {
-  return !!(n === e || De(n) && De(e));
-}
 function jt(n, e) {
+  return !!(n === e || He(n) && He(e));
+}
+function Bt(n, e) {
   if (n.length !== e.length)
     return !1;
   for (var t = 0; t < n.length; t++)
-    if (!$t(n[t], e[t]))
+    if (!jt(n[t], e[t]))
       return !1;
   return !0;
 }
 function be(n, e) {
-  e === void 0 && (e = jt);
+  e === void 0 && (e = Bt);
   var t, r = [], s, l = !1;
   function a() {
     for (var c = [], u = 0; u < arguments.length; u++)
@@ -152,7 +152,7 @@ function be(n, e) {
   }
   return a;
 }
-function He(n, e) {
+function ke(n, e) {
   if (n == null)
     return {};
   var t = {};
@@ -164,18 +164,18 @@ function He(n, e) {
     }
   return t;
 }
-var Bt = typeof performance == "object" && typeof performance.now == "function", ke = Bt ? function() {
+var Kt = typeof performance == "object" && typeof performance.now == "function", Ue = Kt ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function Ue(n) {
+function Ve(n) {
   cancelAnimationFrame(n.id);
 }
-function Kt(n, e) {
-  var t = ke();
+function Zt(n, e) {
+  var t = Ue();
   function r() {
-    ke() - t >= e ? n.call(null) : s.id = requestAnimationFrame(r);
+    Ue() - t >= e ? n.call(null) : s.id = requestAnimationFrame(r);
   }
   var s = {
     id: requestAnimationFrame(r)
@@ -183,53 +183,53 @@ function Kt(n, e) {
   return s;
 }
 var ze = -1;
-function Zt(n) {
+function Jt(n) {
   if (n === void 0 && (n = !1), ze === -1 || n) {
     var e = document.createElement("div"), t = e.style;
     t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), ze = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
   return ze;
 }
-var oe = null;
-function Ve(n) {
-  if (n === void 0 && (n = !1), oe === null || n) {
+var re = null;
+function qe(n) {
+  if (n === void 0 && (n = !1), re === null || n) {
     var e = document.createElement("div"), t = e.style;
     t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
     var r = document.createElement("div"), s = r.style;
-    return s.width = "100px", s.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? oe = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? oe = "negative" : oe = "positive-ascending"), document.body.removeChild(e), oe;
+    return s.width = "100px", s.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? re = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? re = "negative" : re = "positive-ascending"), document.body.removeChild(e), re;
   }
-  return oe;
+  return re;
 }
-var Jt = 150, Qt = function(e) {
+var Qt = 150, Xt = function(e) {
   var t = e.columnIndex;
   e.data;
   var r = e.rowIndex;
   return r + ":" + t;
-}, me = null, pe = null, he = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (me = /* @__PURE__ */ new WeakSet(), pe = /* @__PURE__ */ new WeakSet(), he = /* @__PURE__ */ new WeakSet());
-function Xt(n) {
-  var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, u = n.getOffsetForColumnAndAlignment, g = n.getOffsetForRowAndAlignment, h = n.getRowHeight, I = n.getRowOffset, i = n.getRowStartIndexForOffset, L = n.getRowStopIndexForStartIndex, T = n.initInstanceProps, R = n.shouldResetStyleCacheOnItemSizeChange, H = n.validateProps;
+}, he = null, ge = null, ve = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (he = /* @__PURE__ */ new WeakSet(), ge = /* @__PURE__ */ new WeakSet(), ve = /* @__PURE__ */ new WeakSet());
+function Yt(n) {
+  var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, u = n.getOffsetForColumnAndAlignment, v = n.getOffsetForRowAndAlignment, h = n.getRowHeight, I = n.getRowOffset, i = n.getRowStartIndexForOffset, L = n.getRowStopIndexForStartIndex, T = n.initInstanceProps, R = n.shouldResetStyleCacheOnItemSizeChange, F = n.validateProps;
   return e = /* @__PURE__ */ function(M) {
-    Gt(b, M);
-    function b(N) {
+    $t(z, M);
+    function z(N) {
       var o;
-      return o = M.call(this, N) || this, o._instanceProps = T(o.props, Fe(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
-        instance: Fe(o),
+      return o = M.call(this, N) || this, o._instanceProps = T(o.props, De(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
+        instance: De(o),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof o.props.initialScrollLeft == "number" ? o.props.initialScrollLeft : 0,
         scrollTop: typeof o.props.initialScrollTop == "number" ? o.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = be(function(f, d, m, C, p, S, O, P) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = be(function(f, d, m, C, p, x, S, P) {
         return o.props.onItemsRendered({
           overscanColumnStartIndex: f,
           overscanColumnStopIndex: d,
           overscanRowStartIndex: m,
           overscanRowStopIndex: C,
           visibleColumnStartIndex: p,
-          visibleColumnStopIndex: S,
-          visibleRowStartIndex: O,
+          visibleColumnStopIndex: x,
+          visibleRowStartIndex: S,
           visibleRowStopIndex: P
         });
       }), o._callOnScroll = void 0, o._callOnScroll = be(function(f, d, m, C, p) {
@@ -241,46 +241,46 @@ function Xt(n) {
           scrollUpdateWasRequested: p
         });
       }), o._getItemStyle = void 0, o._getItemStyle = function(f, d) {
-        var m = o.props, C = m.columnWidth, p = m.direction, S = m.rowHeight, O = o._getItemStyleCache(R && C, R && p, R && S), P = f + ":" + d, x;
-        if (O.hasOwnProperty(P))
-          x = O[P];
+        var m = o.props, C = m.columnWidth, p = m.direction, x = m.rowHeight, S = o._getItemStyleCache(R && C, R && p, R && x), P = f + ":" + d, E;
+        if (S.hasOwnProperty(P))
+          E = S[P];
         else {
-          var z = t(o.props, d, o._instanceProps), y = p === "rtl";
-          O[P] = x = {
+          var y = t(o.props, d, o._instanceProps), b = p === "rtl";
+          S[P] = E = {
             position: "absolute",
-            left: y ? void 0 : z,
-            right: y ? z : void 0,
+            left: b ? void 0 : y,
+            right: b ? y : void 0,
             top: I(o.props, f, o._instanceProps),
             height: h(o.props, f, o._instanceProps),
             width: l(o.props, d, o._instanceProps)
           };
         }
-        return x;
+        return E;
       }, o._getItemStyleCache = void 0, o._getItemStyleCache = be(function(f, d, m) {
         return {};
       }), o._onScroll = function(f) {
-        var d = f.currentTarget, m = d.clientHeight, C = d.clientWidth, p = d.scrollLeft, S = d.scrollTop, O = d.scrollHeight, P = d.scrollWidth;
-        o.setState(function(x) {
-          if (x.scrollLeft === p && x.scrollTop === S)
+        var d = f.currentTarget, m = d.clientHeight, C = d.clientWidth, p = d.scrollLeft, x = d.scrollTop, S = d.scrollHeight, P = d.scrollWidth;
+        o.setState(function(E) {
+          if (E.scrollLeft === p && E.scrollTop === x)
             return null;
-          var z = o.props.direction, y = p;
-          if (z === "rtl")
-            switch (Ve()) {
+          var y = o.props.direction, b = p;
+          if (y === "rtl")
+            switch (qe()) {
               case "negative":
-                y = -p;
+                b = -p;
                 break;
               case "positive-descending":
-                y = P - C - p;
+                b = P - C - p;
                 break;
             }
-          y = Math.max(0, Math.min(y, P - C));
-          var W = Math.max(0, Math.min(S, O - m));
+          b = Math.max(0, Math.min(b, P - C));
+          var A = Math.max(0, Math.min(x, S - m));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: x.scrollLeft < p ? "forward" : "backward",
-            scrollLeft: y,
-            scrollTop: W,
-            verticalScrollDirection: x.scrollTop < S ? "forward" : "backward",
+            horizontalScrollDirection: E.scrollLeft < p ? "forward" : "backward",
+            scrollLeft: b,
+            scrollTop: A,
+            verticalScrollDirection: E.scrollTop < x ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
@@ -288,7 +288,7 @@ function Xt(n) {
         var d = o.props.outerRef;
         o._outerRef = f, typeof d == "function" ? d(f) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = f);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && Ue(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Kt(o._resetIsScrolling, Jt);
+        o._resetIsScrollingTimeoutId !== null && Ve(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Zt(o._resetIsScrolling, Qt);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -297,11 +297,11 @@ function Xt(n) {
         });
       }, o;
     }
-    b.getDerivedStateFromProps = function(o, f) {
-      return Yt(o, f), H(o), null;
+    z.getDerivedStateFromProps = function(o, f) {
+      return er(o, f), F(o), null;
     };
-    var E = b.prototype;
-    return E.scrollTo = function(o) {
+    var O = z.prototype;
+    return O.scrollTo = function(o) {
       var f = o.scrollLeft, d = o.scrollTop;
       f !== void 0 && (f = Math.max(0, f)), d !== void 0 && (d = Math.max(0, d)), this.setState(function(m) {
         return f === void 0 && (f = m.scrollLeft), d === void 0 && (d = m.scrollTop), m.scrollLeft === f && m.scrollTop === d ? null : {
@@ -312,27 +312,27 @@ function Xt(n) {
           verticalScrollDirection: m.scrollTop < d ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, E.scrollToItem = function(o) {
-      var f = o.align, d = f === void 0 ? "auto" : f, m = o.columnIndex, C = o.rowIndex, p = this.props, S = p.columnCount, O = p.height, P = p.rowCount, x = p.width, z = this.state, y = z.scrollLeft, W = z.scrollTop, k = Zt();
-      m !== void 0 && (m = Math.max(0, Math.min(m, S - 1))), C !== void 0 && (C = Math.max(0, Math.min(C, P - 1)));
-      var U = a(this.props, this._instanceProps), A = c(this.props, this._instanceProps), G = A > x ? k : 0, D = U > O ? k : 0;
+    }, O.scrollToItem = function(o) {
+      var f = o.align, d = f === void 0 ? "auto" : f, m = o.columnIndex, C = o.rowIndex, p = this.props, x = p.columnCount, S = p.height, P = p.rowCount, E = p.width, y = this.state, b = y.scrollLeft, A = y.scrollTop, H = Jt();
+      m !== void 0 && (m = Math.max(0, Math.min(m, x - 1))), C !== void 0 && (C = Math.max(0, Math.min(C, P - 1)));
+      var U = a(this.props, this._instanceProps), V = c(this.props, this._instanceProps), k = V > E ? H : 0, $ = U > S ? H : 0;
       this.scrollTo({
-        scrollLeft: m !== void 0 ? u(this.props, m, d, y, this._instanceProps, D) : y,
-        scrollTop: C !== void 0 ? g(this.props, C, d, W, this._instanceProps, G) : W
+        scrollLeft: m !== void 0 ? u(this.props, m, d, b, this._instanceProps, $) : b,
+        scrollTop: C !== void 0 ? v(this.props, C, d, A, this._instanceProps, k) : A
       });
-    }, E.componentDidMount = function() {
+    }, O.componentDidMount = function() {
       var o = this.props, f = o.initialScrollLeft, d = o.initialScrollTop;
       if (this._outerRef != null) {
         var m = this._outerRef;
         typeof f == "number" && (m.scrollLeft = f), typeof d == "number" && (m.scrollTop = d);
       }
       this._callPropsCallbacks();
-    }, E.componentDidUpdate = function() {
+    }, O.componentDidUpdate = function() {
       var o = this.props.direction, f = this.state, d = f.scrollLeft, m = f.scrollTop, C = f.scrollUpdateWasRequested;
       if (C && this._outerRef != null) {
         var p = this._outerRef;
         if (o === "rtl")
-          switch (Ve()) {
+          switch (qe()) {
             case "negative":
               p.scrollLeft = -d;
               break;
@@ -340,8 +340,8 @@ function Xt(n) {
               p.scrollLeft = d;
               break;
             default:
-              var S = p.clientWidth, O = p.scrollWidth;
-              p.scrollLeft = O - S - d;
+              var x = p.clientWidth, S = p.scrollWidth;
+              p.scrollLeft = S - x - d;
               break;
           }
         else
@@ -349,81 +349,81 @@ function Xt(n) {
         p.scrollTop = Math.max(0, m);
       }
       this._callPropsCallbacks();
-    }, E.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && Ue(this._resetIsScrollingTimeoutId);
-    }, E.render = function() {
-      var o = this.props, f = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, S = o.innerRef, O = o.innerElementType, P = o.innerTagName, x = o.itemData, z = o.itemKey, y = z === void 0 ? Qt : z, W = o.outerElementType, k = o.outerTagName, U = o.rowCount, A = o.style, G = o.useIsScrolling, D = o.width, V = this.state.isScrolling, te = this._getHorizontalRangeToRender(), re = te[0], ae = te[1], ne = this._getVerticalRangeToRender(), J = ne[0], ge = ne[1], Q = [];
+    }, O.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Ve(this._resetIsScrollingTimeoutId);
+    }, O.render = function() {
+      var o = this.props, f = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, x = o.innerRef, S = o.innerElementType, P = o.innerTagName, E = o.itemData, y = o.itemKey, b = y === void 0 ? Xt : y, A = o.outerElementType, H = o.outerTagName, U = o.rowCount, V = o.style, k = o.useIsScrolling, $ = o.width, D = this.state.isScrolling, q = this._getHorizontalRangeToRender(), oe = q[0], ae = q[1], ne = this._getVerticalRangeToRender(), le = ne[0], Q = ne[1], ce = [];
       if (m > 0 && U)
-        for (var $ = J; $ <= ge; $++)
-          for (var j = re; j <= ae; j++)
-            Q.push(fe(f, {
-              columnIndex: j,
-              data: x,
-              isScrolling: G ? V : void 0,
-              key: y({
-                columnIndex: j,
-                data: x,
-                rowIndex: $
+        for (var j = le; j <= Q; j++)
+          for (var B = oe; B <= ae; B++)
+            ce.push(pe(f, {
+              columnIndex: B,
+              data: E,
+              isScrolling: k ? D : void 0,
+              key: b({
+                columnIndex: B,
+                data: E,
+                rowIndex: j
               }),
-              rowIndex: $,
-              style: this._getItemStyle($, j)
+              rowIndex: j,
+              style: this._getItemStyle(j, B)
             }));
-      var le = a(this.props, this._instanceProps), ce = c(this.props, this._instanceProps);
-      return fe(W || k || "div", {
+      var te = a(this.props, this._instanceProps), de = c(this.props, this._instanceProps);
+      return pe(A || H || "div", {
         className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Ee({
           position: "relative",
           height: p,
-          width: D,
+          width: $,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: C
-        }, A)
-      }, fe(O || P || "div", {
-        children: Q,
-        ref: S,
+        }, V)
+      }, pe(S || P || "div", {
+        children: ce,
+        ref: x,
         style: {
-          height: le,
-          pointerEvents: V ? "none" : void 0,
-          width: ce
+          height: te,
+          pointerEvents: D ? "none" : void 0,
+          width: de
         }
       }));
-    }, E._callPropsCallbacks = function() {
+    }, O._callPropsCallbacks = function() {
       var o = this.props, f = o.columnCount, d = o.onItemsRendered, m = o.onScroll, C = o.rowCount;
       if (typeof d == "function" && f > 0 && C > 0) {
-        var p = this._getHorizontalRangeToRender(), S = p[0], O = p[1], P = p[2], x = p[3], z = this._getVerticalRangeToRender(), y = z[0], W = z[1], k = z[2], U = z[3];
-        this._callOnItemsRendered(S, O, y, W, P, x, k, U);
+        var p = this._getHorizontalRangeToRender(), x = p[0], S = p[1], P = p[2], E = p[3], y = this._getVerticalRangeToRender(), b = y[0], A = y[1], H = y[2], U = y[3];
+        this._callOnItemsRendered(x, S, b, A, P, E, H, U);
       }
       if (typeof m == "function") {
-        var A = this.state, G = A.horizontalScrollDirection, D = A.scrollLeft, V = A.scrollTop, te = A.scrollUpdateWasRequested, re = A.verticalScrollDirection;
-        this._callOnScroll(D, V, G, re, te);
+        var V = this.state, k = V.horizontalScrollDirection, $ = V.scrollLeft, D = V.scrollTop, q = V.scrollUpdateWasRequested, oe = V.verticalScrollDirection;
+        this._callOnScroll($, D, k, oe, q);
       }
-    }, E._getHorizontalRangeToRender = function() {
-      var o = this.props, f = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, S = this.state, O = S.horizontalScrollDirection, P = S.isScrolling, x = S.scrollLeft, z = d || m || C || 1;
+    }, O._getHorizontalRangeToRender = function() {
+      var o = this.props, f = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, x = this.state, S = x.horizontalScrollDirection, P = x.isScrolling, E = x.scrollLeft, y = d || m || C || 1;
       if (f === 0 || p === 0)
         return [0, 0, 0, 0];
-      var y = r(this.props, x, this._instanceProps), W = s(this.props, y, x, this._instanceProps), k = !P || O === "backward" ? Math.max(1, z) : 1, U = !P || O === "forward" ? Math.max(1, z) : 1;
-      return [Math.max(0, y - k), Math.max(0, Math.min(f - 1, W + U)), y, W];
-    }, E._getVerticalRangeToRender = function() {
-      var o = this.props, f = o.columnCount, d = o.overscanCount, m = o.overscanRowCount, C = o.overscanRowsCount, p = o.rowCount, S = this.state, O = S.isScrolling, P = S.verticalScrollDirection, x = S.scrollTop, z = m || C || d || 1;
+      var b = r(this.props, E, this._instanceProps), A = s(this.props, b, E, this._instanceProps), H = !P || S === "backward" ? Math.max(1, y) : 1, U = !P || S === "forward" ? Math.max(1, y) : 1;
+      return [Math.max(0, b - H), Math.max(0, Math.min(f - 1, A + U)), b, A];
+    }, O._getVerticalRangeToRender = function() {
+      var o = this.props, f = o.columnCount, d = o.overscanCount, m = o.overscanRowCount, C = o.overscanRowsCount, p = o.rowCount, x = this.state, S = x.isScrolling, P = x.verticalScrollDirection, E = x.scrollTop, y = m || C || d || 1;
       if (f === 0 || p === 0)
         return [0, 0, 0, 0];
-      var y = i(this.props, x, this._instanceProps), W = L(this.props, y, x, this._instanceProps), k = !O || P === "backward" ? Math.max(1, z) : 1, U = !O || P === "forward" ? Math.max(1, z) : 1;
-      return [Math.max(0, y - k), Math.max(0, Math.min(p - 1, W + U)), y, W];
-    }, b;
-  }(dt), e.defaultProps = {
+      var b = i(this.props, E, this._instanceProps), A = L(this.props, b, E, this._instanceProps), H = !S || P === "backward" ? Math.max(1, y) : 1, U = !S || P === "forward" ? Math.max(1, y) : 1;
+      return [Math.max(0, b - H), Math.max(0, Math.min(p - 1, A + U)), b, A];
+    }, z;
+  }(ut), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var Yt = function(e, t) {
-  var r = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, g = e.overscanCount, h = e.overscanRowsCount, I = e.width, i = t.instance;
+var er = function(e, t) {
+  var r = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, v = e.overscanCount, h = e.overscanRowsCount, I = e.width, i = t.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof g == "number" && me && !me.has(i) && (me.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof h == "number") && pe && !pe.has(i) && (pe.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && he && !he.has(i) && (he.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof v == "number" && he && !he.has(i) && (he.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof h == "number") && ge && !ge.has(i) && (ge.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && ve && !ve.has(i) && (ve.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (s) {
       case "ltr":
@@ -437,29 +437,29 @@ var Yt = function(e, t) {
     if (typeof l != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (l === null ? "null" : typeof l) + '" was specified.'));
   }
-}, qe = 50, Je = function(e, t) {
+}, Ge = 50, Qe = function(e, t) {
   var r = e.rowCount, s = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
   if (a >= r && (a = r - 1), a >= 0) {
     var u = s[a];
     c = u.offset + u.size;
   }
-  var g = r - a - 1, h = g * l;
+  var v = r - a - 1, h = v * l;
   return c + h;
-}, Qe = function(e, t) {
+}, Xe = function(e, t) {
   var r = e.columnCount, s = t.columnMetadataMap, l = t.estimatedColumnWidth, a = t.lastMeasuredColumnIndex, c = 0;
   if (a >= r && (a = r - 1), a >= 0) {
     var u = s[a];
     c = u.offset + u.size;
   }
-  var g = r - a - 1, h = g * l;
+  var v = r - a - 1, h = v * l;
   return c + h;
-}, Z = function(e, t, r, s) {
+}, J = function(e, t, r, s) {
   var l, a, c;
   if (e === "column" ? (l = s.columnMetadataMap, a = t.columnWidth, c = s.lastMeasuredColumnIndex) : (l = s.rowMetadataMap, a = t.rowHeight, c = s.lastMeasuredRowIndex), r > c) {
     var u = 0;
     if (c >= 0) {
-      var g = l[c];
-      u = g.offset + g.size;
+      var v = l[c];
+      u = v.offset + v.size;
     }
     for (var h = c + 1; h <= r; h++) {
       var I = a(h);
@@ -471,25 +471,25 @@ var Yt = function(e, t) {
     e === "column" ? s.lastMeasuredColumnIndex = r : s.lastMeasuredRowIndex = r;
   }
   return l[r];
-}, Ge = function(e, t, r, s) {
+}, $e = function(e, t, r, s) {
   var l, a;
   e === "column" ? (l = r.columnMetadataMap, a = r.lastMeasuredColumnIndex) : (l = r.rowMetadataMap, a = r.lastMeasuredRowIndex);
   var c = a > 0 ? l[a].offset : 0;
-  return c >= s ? Xe(e, t, r, a, 0, s) : er(e, t, r, Math.max(0, a), s);
-}, Xe = function(e, t, r, s, l, a) {
+  return c >= s ? Ye(e, t, r, a, 0, s) : tr(e, t, r, Math.max(0, a), s);
+}, Ye = function(e, t, r, s, l, a) {
   for (; l <= s; ) {
-    var c = l + Math.floor((s - l) / 2), u = Z(e, t, c, r).offset;
+    var c = l + Math.floor((s - l) / 2), u = J(e, t, c, r).offset;
     if (u === a)
       return c;
     u < a ? l = c + 1 : u > a && (s = c - 1);
   }
   return l > 0 ? l - 1 : 0;
-}, er = function(e, t, r, s, l) {
-  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && Z(e, t, s, r).offset < l; )
+}, tr = function(e, t, r, s, l) {
+  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && J(e, t, s, r).offset < l; )
     s += c, c *= 2;
-  return Xe(e, t, r, Math.min(s, a - 1), Math.floor(s / 2), l);
-}, $e = function(e, t, r, s, l, a, c) {
-  var u = e === "column" ? t.width : t.height, g = Z(e, t, r, a), h = e === "column" ? Qe(t, a) : Je(t, a), I = Math.max(0, Math.min(h - u, g.offset)), i = Math.max(0, g.offset - u + c + g.size);
+  return Ye(e, t, r, Math.min(s, a - 1), Math.floor(s / 2), l);
+}, je = function(e, t, r, s, l, a, c) {
+  var u = e === "column" ? t.width : t.height, v = J(e, t, r, a), h = e === "column" ? Xe(t, a) : Qe(t, a), I = Math.max(0, Math.min(h - u, v.offset)), i = Math.max(0, v.offset - u + c + v.size);
   switch (s === "smart" && (l >= i - u && l <= I + u ? s = "auto" : s = "center"), s) {
     case "start":
       return I;
@@ -501,48 +501,48 @@ var Yt = function(e, t) {
     default:
       return l >= i && l <= I ? l : i > I || l < i ? i : I;
   }
-}, tr = /* @__PURE__ */ Xt({
+}, rr = /* @__PURE__ */ Yt({
   getColumnOffset: function(e, t, r) {
-    return Z("column", e, t, r).offset;
+    return J("column", e, t, r).offset;
   },
   getColumnStartIndexForOffset: function(e, t, r) {
-    return Ge("column", e, r, t);
+    return $e("column", e, r, t);
   },
   getColumnStopIndexForStartIndex: function(e, t, r, s) {
-    for (var l = e.columnCount, a = e.width, c = Z("column", e, t, s), u = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < u; )
-      h++, g += Z("column", e, h, s).size;
+    for (var l = e.columnCount, a = e.width, c = J("column", e, t, s), u = r + a, v = c.offset + c.size, h = t; h < l - 1 && v < u; )
+      h++, v += J("column", e, h, s).size;
     return h;
   },
   getColumnWidth: function(e, t, r) {
     return r.columnMetadataMap[t].size;
   },
-  getEstimatedTotalHeight: Je,
-  getEstimatedTotalWidth: Qe,
+  getEstimatedTotalHeight: Qe,
+  getEstimatedTotalWidth: Xe,
   getOffsetForColumnAndAlignment: function(e, t, r, s, l, a) {
-    return $e("column", e, t, r, s, l, a);
+    return je("column", e, t, r, s, l, a);
   },
   getOffsetForRowAndAlignment: function(e, t, r, s, l, a) {
-    return $e("row", e, t, r, s, l, a);
+    return je("row", e, t, r, s, l, a);
   },
   getRowOffset: function(e, t, r) {
-    return Z("row", e, t, r).offset;
+    return J("row", e, t, r).offset;
   },
   getRowHeight: function(e, t, r) {
     return r.rowMetadataMap[t].size;
   },
   getRowStartIndexForOffset: function(e, t, r) {
-    return Ge("row", e, r, t);
+    return $e("row", e, r, t);
   },
   getRowStopIndexForStartIndex: function(e, t, r, s) {
-    for (var l = e.rowCount, a = e.height, c = Z("row", e, t, s), u = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < u; )
-      h++, g += Z("row", e, h, s).size;
+    for (var l = e.rowCount, a = e.height, c = J("row", e, t, s), u = r + a, v = c.offset + c.size, h = t; h < l - 1 && v < u; )
+      h++, v += J("row", e, h, s).size;
     return h;
   },
   initInstanceProps: function(e, t) {
     var r = e, s = r.estimatedColumnWidth, l = r.estimatedRowHeight, a = {
       columnMetadataMap: {},
-      estimatedColumnWidth: s || qe,
-      estimatedRowHeight: l || qe,
+      estimatedColumnWidth: s || Ge,
+      estimatedRowHeight: l || Ge,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
@@ -558,8 +558,8 @@ var Yt = function(e, t) {
         shouldForceUpdate: u
       });
     }, t.resetAfterIndices = function(c) {
-      var u = c.columnIndex, g = c.rowIndex, h = c.shouldForceUpdate, I = h === void 0 ? !0 : h;
-      typeof u == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, u - 1)), typeof g == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, g - 1)), t._getItemStyleCache(-1), I && t.forceUpdate();
+      var u = c.columnIndex, v = c.rowIndex, h = c.shouldForceUpdate, I = h === void 0 ? !0 : h;
+      typeof u == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, u - 1)), typeof v == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, v - 1)), t._getItemStyleCache(-1), I && t.forceUpdate();
     }, a;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -574,7 +574,7 @@ var Yt = function(e, t) {
   }
 });
 process.env.NODE_ENV;
-function je(n, e) {
+function Be(n, e) {
   for (var t in n)
     if (!(t in e))
       return !0;
@@ -583,63 +583,63 @@ function je(n, e) {
       return !0;
   return !1;
 }
-var rr = ["style"], or = ["style"];
-function nr(n, e) {
-  var t = n.style, r = He(n, rr), s = e.style, l = He(e, or);
-  return !je(t, s) && !je(r, l);
+var or = ["style"], nr = ["style"];
+function ir(n, e) {
+  var t = n.style, r = ke(n, or), s = e.style, l = ke(e, nr);
+  return !Be(t, s) && !Be(r, l);
 }
-let q;
-typeof window < "u" ? q = window : typeof self < "u" ? q = self : q = global;
+let G;
+typeof window < "u" ? G = window : typeof self < "u" ? G = self : G = global;
 let Pe = null, Ne = null;
-const Be = 20, Le = q.clearTimeout, Ke = q.setTimeout, Me = q.cancelAnimationFrame || q.mozCancelAnimationFrame || q.webkitCancelAnimationFrame, Ze = q.requestAnimationFrame || q.mozRequestAnimationFrame || q.webkitRequestAnimationFrame;
-Me == null || Ze == null ? (Pe = Le, Ne = function(e) {
-  return Ke(e, Be);
+const Ke = 20, Le = G.clearTimeout, Ze = G.setTimeout, Me = G.cancelAnimationFrame || G.mozCancelAnimationFrame || G.webkitCancelAnimationFrame, Je = G.requestAnimationFrame || G.mozRequestAnimationFrame || G.webkitRequestAnimationFrame;
+Me == null || Je == null ? (Pe = Le, Ne = function(e) {
+  return Ze(e, Ke);
 }) : (Pe = function([e, t]) {
   Me(e), Le(t);
 }, Ne = function(e) {
-  const t = Ze(function() {
+  const t = Je(function() {
     Le(r), e();
-  }), r = Ke(function() {
+  }), r = Ze(function() {
     Me(t), e();
-  }, Be);
+  }, Ke);
   return [t, r];
 });
-function ir(n) {
+function sr(n) {
   let e, t, r, s, l, a, c;
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
     a = function(M) {
-      const b = M.__resizeTriggers__, E = b.firstElementChild, N = b.lastElementChild, o = E.firstElementChild;
-      N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight, o.style.width = E.offsetWidth + 1 + "px", o.style.height = E.offsetHeight + 1 + "px", E.scrollLeft = E.scrollWidth, E.scrollTop = E.scrollHeight;
+      const z = M.__resizeTriggers__, O = z.firstElementChild, N = z.lastElementChild, o = O.firstElementChild;
+      N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight, o.style.width = O.offsetWidth + 1 + "px", o.style.height = O.offsetHeight + 1 + "px", O.scrollLeft = O.scrollWidth, O.scrollTop = O.scrollHeight;
     }, l = function(M) {
       return M.offsetWidth !== M.__resizeLast__.width || M.offsetHeight !== M.__resizeLast__.height;
     }, c = function(M) {
       if (M.target.className && typeof M.target.className.indexOf == "function" && M.target.className.indexOf("contract-trigger") < 0 && M.target.className.indexOf("expand-trigger") < 0)
         return;
-      const b = this;
+      const z = this;
       a(this), this.__resizeRAF__ && Pe(this.__resizeRAF__), this.__resizeRAF__ = Ne(function() {
-        l(b) && (b.__resizeLast__.width = b.offsetWidth, b.__resizeLast__.height = b.offsetHeight, b.__resizeListeners__.forEach(function(o) {
-          o.call(b, M);
+        l(z) && (z.__resizeLast__.width = z.offsetWidth, z.__resizeLast__.height = z.offsetHeight, z.__resizeListeners__.forEach(function(o) {
+          o.call(z, M);
         }));
       });
     };
     let i = !1, L = "";
     r = "animationstart";
     const T = "Webkit Moz O ms".split(" ");
-    let R = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), H = "";
+    let R = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), F = "";
     {
       const M = document.createElement("fakeelement");
       if (M.style.animationName !== void 0 && (i = !0), i === !1) {
-        for (let b = 0; b < T.length; b++)
-          if (M.style[T[b] + "AnimationName"] !== void 0) {
-            H = T[b], L = "-" + H.toLowerCase() + "-", r = R[b], i = !0;
+        for (let z = 0; z < T.length; z++)
+          if (M.style[T[z] + "AnimationName"] !== void 0) {
+            F = T[z], L = "-" + F.toLowerCase() + "-", r = R[z], i = !0;
             break;
           }
       }
     }
     t = "resizeanim", e = "@" + L + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", s = L + "animation: 1ms " + t + "; ";
   }
-  const g = function(i) {
+  const v = function(i) {
     if (!i.getElementById("detectElementResize")) {
       const L = (e || "") + ".resize-triggers { " + (s || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', T = i.head || i.getElementsByTagName("head")[0], R = i.createElement("style");
       R.id = "detectElementResize", R.type = "text/css", n != null && R.setAttribute("nonce", n), R.styleSheet ? R.styleSheet.cssText = L : R.appendChild(i.createTextNode(L)), T.appendChild(R);
@@ -651,13 +651,13 @@ function ir(n) {
         i.attachEvent("onresize", L);
       else {
         if (!i.__resizeTriggers__) {
-          const T = i.ownerDocument, R = q.getComputedStyle(i);
-          R && R.position === "static" && (i.style.position = "relative"), g(T), i.__resizeLast__ = {}, i.__resizeListeners__ = [], (i.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
-          const H = T.createElement("div");
-          H.className = "expand-trigger", H.appendChild(T.createElement("div"));
+          const T = i.ownerDocument, R = G.getComputedStyle(i);
+          R && R.position === "static" && (i.style.position = "relative"), v(T), i.__resizeLast__ = {}, i.__resizeListeners__ = [], (i.__resizeTriggers__ = T.createElement("div")).className = "resize-triggers";
+          const F = T.createElement("div");
+          F.className = "expand-trigger", F.appendChild(T.createElement("div"));
           const M = T.createElement("div");
-          M.className = "contract-trigger", i.__resizeTriggers__.appendChild(H), i.__resizeTriggers__.appendChild(M), i.appendChild(i.__resizeTriggers__), a(i), i.addEventListener("scroll", c, !0), r && (i.__resizeTriggers__.__animationListener__ = function(E) {
-            E.animationName === t && a(i);
+          M.className = "contract-trigger", i.__resizeTriggers__.appendChild(F), i.__resizeTriggers__.appendChild(M), i.appendChild(i.__resizeTriggers__), a(i), i.addEventListener("scroll", c, !0), r && (i.__resizeTriggers__.__animationListener__ = function(O) {
+            O.animationName === t && a(i);
           }, i.__resizeTriggers__.addEventListener(r, i.__resizeTriggers__.__animationListener__));
         }
         i.__resizeListeners__.push(L);
@@ -676,7 +676,7 @@ function ir(n) {
     }
   };
 }
-class sr extends ut {
+class ar extends ft {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -689,7 +689,7 @@ class sr extends ut {
         onResize: s
       } = this.props;
       if (this._parentNode) {
-        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), u = parseFloat(l.paddingTop || "0"), g = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), I = h.height - u - g, i = h.width - a - c;
+        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), u = parseFloat(l.paddingTop || "0"), v = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), I = h.height - u - v, i = h.width - a - c;
         if (!t && this.state.height !== I || !r && this.state.width !== i) {
           this.setState({
             height: I,
@@ -724,7 +724,7 @@ class sr extends ut {
       const r = t.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(t)) : (this._detectElementResize = ir(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(t)) : (this._detectElementResize = sr(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -740,7 +740,7 @@ class sr extends ut {
       doNotBailOutOnEmptyChildren: a = !1,
       nonce: c,
       onResize: u,
-      style: g = {},
+      style: v = {},
       tagName: h = "div",
       ...I
     } = this.props, {
@@ -749,19 +749,19 @@ class sr extends ut {
     } = this.state, T = {
       overflow: "visible"
     }, R = {};
-    let H = !1;
-    return s || (i === 0 && (H = !0), T.height = 0, R.height = i, R.scaledHeight = i), l || (L === 0 && (H = !0), T.width = 0, R.width = L, R.scaledWidth = L), a && (H = !1), fe(h, {
+    let F = !1;
+    return s || (i === 0 && (F = !0), T.height = 0, R.height = i, R.scaledHeight = i), l || (L === 0 && (F = !0), T.width = 0, R.width = L, R.scaledWidth = L), a && (F = !1), pe(h, {
       ref: this._setRef,
       style: {
         ...T,
-        ...g
+        ...v
       },
       ...I
-    }, !H && e(R));
+    }, !F && e(R));
   }
 }
-const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
-  const s = At(
+const lr = mt(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
+  const s = Ft(
     e,
     n,
     t.columnCount,
@@ -772,7 +772,7 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   if (t.isDualPageWithCover) {
     const a = s === t.totalPages && t.totalPages % 2 === 0;
     if (e === 0 && s === 1 || a && n === 0) {
-      const u = t.columnWidths.reduce((g, h) => g + h, 0);
+      const u = t.columnWidths.reduce((v, h) => v + h, 0);
       return /* @__PURE__ */ w(
         "div",
         {
@@ -783,7 +783,7 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             justifyContent: "center",
             alignItems: "flex-start"
           },
-          children: /* @__PURE__ */ w(Te, { style: { position: "relative" }, pageNumber: s }, s)
+          children: /* @__PURE__ */ w(Re, { style: { position: "relative" }, pageNumber: s }, s)
         }
       );
     }
@@ -797,187 +797,197 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         justifyContent: n === 0 ? "flex-end" : "flex-start",
         alignItems: "flex-start"
       },
-      children: /* @__PURE__ */ w(Te, { style: { position: "relative" }, pageNumber: s }, s)
+      children: /* @__PURE__ */ w(Re, { style: { position: "relative" }, pageNumber: s }, s)
     }
-  ) : /* @__PURE__ */ w(Te, { style: r, pageNumber: s }, s);
-}, nr), Ko = () => {
-  const n = K(new qt()), { initialPage: e = 1, initialScrollMode: t } = Mt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = Et(), { scrollToPage: a } = gt();
-  Ut(r);
+  ) : /* @__PURE__ */ w(Re, { style: r, pageNumber: s }, s);
+}, ir), Zo = () => {
+  const n = K(new Gt()), { initialPage: e = 1, initialScrollMode: t } = Et(), { pagesRef: r, setPagesRef: s, setContentRef: l } = Ot(), { scrollToPage: a } = vt();
+  Vt(r);
   const {
     virtualScrollRef: c,
     getVirtualScrollRef: u,
-    getPageScrollElementRef: g,
+    getPageScrollElementRef: v,
     getVirtualScrollableElementRef: h,
     setTotalInnerDimensions: I,
     virtualScrollableElementRef: i,
     totalInnerDimensions: L,
     pageScrollElementRef: T
-  } = ht(), R = K(e > 1), [H, M] = mt(e > 1), { nextPage: b, prevPage: E, setFocusedPage: N, focusedPage: o, totalPages: f } = vt(), { scrollMode: d } = Ct(), { viewMode: m } = wt(), C = K(null), { loading: p, error: S } = _t(), { passwordRequired: O } = Ft(), { LoaderImageComponent: P } = Pt(), x = K(
+  } = gt(), R = K(e > 1), [F, M] = pt(e > 1), { nextPage: z, prevPage: O, setFocusedPage: N, focusedPage: o, totalPages: f } = _t(), { scrollMode: d } = St(), { viewMode: m } = Ct(), C = K(null), p = K(null), { loading: x, error: S } = wt(), { passwordRequired: P } = Dt(), { LoaderImageComponent: E } = Nt(), y = K(
     L
-  ), z = K({
+  ), b = K({
     viewMode: m,
     scrollMode: d
-  }), y = K(!1), W = K(), { isFullScreen: k } = It(), {
-    pageDimension: U,
-    rowCount: A,
-    rowHeight: G,
+  }), A = K(!1), H = K(), { isFullScreen: U } = Tt(), {
+    pageDimension: V,
+    rowCount: k,
+    rowHeight: $,
     columnCount: D,
-    columnWidth: V,
-    estimatedColumnWidth: te,
-    estimatedRowHeight: re,
-    totalDimension: ae
-  } = pt(), ne = Ot(L, 100), { onScroll: J, onTextSelect: ge } = kt();
-  Vt({ onTextSelect: ge, pagesRef: r });
-  const Q = K();
-  Wt(D, A, i, m);
-  const $ = K({
+    columnWidth: q,
+    estimatedColumnWidth: oe,
+    estimatedRowHeight: ae,
+    totalDimension: ne
+  } = ht(), le = Pt(L, 100), { onScroll: Q, onTextSelect: ce } = Ut();
+  qt({ onTextSelect: ce, pagesRef: r });
+  const j = K();
+  Wt(D, k, i, m);
+  const B = K({
     scrollTop: 0,
     scrollLeft: 0
   });
-  Lt(r);
-  const { isPressed: j } = yt(), { selectionMode: le } = bt(), { initializeGrabScroll: ce, resetGrabState: Ye } = zt({
-    isPressed: j
-  }), ie = Ie(() => le === St.HAND, [le]), et = Ie(() => {
-    const _ = Array.from({ length: D }, (v, B) => V(B));
+  Mt(r);
+  const { isPressed: te } = bt(), { selectionMode: de } = zt(), { initializeGrabScroll: Ae, resetGrabState: et } = Lt({
+    isPressed: te
+  }), ie = Te(() => de === It.HAND, [de]), tt = Te(() => {
+    const _ = Array.from({ length: D }, (g, Z) => q(Z));
     return {
       columnCount: D,
-      isDualPageWithCover: m === Re.DUAL_PAGE_WITH_COVER,
+      isDualPageWithCover: m === xe.DUAL_PAGE_WITH_COVER,
       columnWidths: _,
       totalPages: f
     };
-  }, [D, m, V, f]), ve = se(
+  }, [D, m, q, f]), _e = se(
     (_) => {
-      const v = document.activeElement !== r;
-      !k && v || (["ArrowUp", "ArrowLeft"].includes(_.key) ? (_.preventDefault(), E()) : ["ArrowDown", "ArrowRight"].includes(_.key) && (_.preventDefault(), b()));
+      const g = document.activeElement !== r;
+      !U && g || (["ArrowUp", "ArrowLeft"].includes(_.key) ? (_.preventDefault(), O()) : ["ArrowDown", "ArrowRight"].includes(_.key) && (_.preventDefault(), z()));
     },
-    [b, E, k, d]
+    [z, O, U, d]
   );
-  ee(() => (window.addEventListener("keydown", ve), () => {
-    window.removeEventListener("keydown", ve);
-  }), [ve]), ee(() => {
+  Y(() => (window.addEventListener("keydown", _e), () => {
+    window.removeEventListener("keydown", _e);
+  }), [_e]), Y(() => {
     if (C.current && (C.current.style.position = "relative"), !!c)
-      for (let _ = 0; _ < A; _++)
-        for (let v = 0; v < D; v++)
+      for (let _ = 0; _ < k; _++)
+        for (let g = 0; g < D; g++)
           c.resetAfterIndices({
-            columnIndex: v,
+            columnIndex: g,
             rowIndex: _,
             shouldForceUpdate: !0
           });
-  }, [A, D, U, c]);
-  const tt = se(
-    (_, v) => {
+  }, [k, D, V, c]);
+  const rt = se(
+    (_, g) => {
       if (!i)
         return { scrollTop: 0, scrollLeft: 0 };
-      const B = $.current.scrollTop > v, X = $.current.scrollLeft > _;
-      return B || X ? $.current : {
+      const Z = B.current.scrollTop > g, X = B.current.scrollLeft > _;
+      return Z || X ? B.current : {
         scrollTop: i.scrollTop,
         scrollLeft: i.scrollLeft
       };
     },
     [i]
   ), We = se(
-    (_, v) => {
-      if (z.current.viewMode !== m || z.current.scrollMode !== d) {
-        Q.current && clearTimeout(Q.current), y.current = !0, a(o, "auto"), Q.current = setTimeout(() => {
+    (_, g) => {
+      if (b.current.viewMode !== m || b.current.scrollMode !== d) {
+        j.current && clearTimeout(j.current), A.current = !0, a(o, "auto"), j.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            z.current = { viewMode: m, scrollMode: d };
+            b.current = { viewMode: m, scrollMode: d };
           });
         }, 100);
         return;
       }
-      const X = _.scrollTop, de = _.scrollLeft;
-      if (!v.height || !v.width)
+      const X = _.scrollTop, ue = _.scrollLeft;
+      if (!g.height || !g.width)
         return;
-      y.current = !0;
-      const { height: Y, width: _e } = v, { height: we, width: Ce } = x.current;
-      if (we === Y && Ce === _e)
+      A.current = !0;
+      const { height: ee, width: we } = g, { height: Ce, width: Se } = y.current;
+      if (Ce === ee && Se === we)
         return;
       if (R.current && e > 1) {
-        x.current = {
-          height: v.height,
-          width: v.width
+        y.current = {
+          height: g.height,
+          width: g.width
         };
         return;
       }
-      if (!we || !Ce) {
-        x.current = {
-          height: v.height,
-          width: v.width
+      if (!Ce || !Se) {
+        y.current = {
+          height: g.height,
+          width: g.width
         };
         return;
       }
-      if (X === 0 && de === 0) {
-        x.current = {
-          height: v.height,
-          width: v.width
+      if (X === 0 && ue === 0) {
+        y.current = {
+          height: g.height,
+          width: g.width
         };
         return;
       }
-      const it = X / we * Y, st = de / Ce * _e, at = Math.round(Math.min(it, Y)) || 0, lt = Math.round(Math.min(st, _e)) || 0;
-      W.current = setTimeout(() => {
+      const st = X / Ce * ee, at = ue / Se * we, lt = Math.round(Math.min(st, ee)) || 0, ct = Math.round(Math.min(at, we)) || 0;
+      H.current = setTimeout(() => {
         requestAnimationFrame(() => {
           i == null || i.scrollTo({
-            top: at,
-            left: lt,
+            top: lt,
+            left: ct,
             behavior: "auto"
           });
         });
-      }, 0), x.current = {
-        height: v.height,
-        width: v.width
+      }, 0), y.current = {
+        height: g.height,
+        width: g.width
       };
     },
     [i, m, d, a, e]
   );
-  ee(() => {
-    clearTimeout(W.current);
-    const _ = Array.from({ length: A }).reduce(
-      (X, de, Y) => X + G(Y),
+  Y(() => {
+    clearTimeout(H.current);
+    const _ = Array.from({ length: k }).reduce(
+      (X, ue, ee) => X + $(ee),
       0
-    ), v = Array.from({ length: D }).reduce(
-      (X, de, Y) => X + V(Y),
+    ), g = Array.from({ length: D }).reduce(
+      (X, ue, ee) => X + q(ee),
       0
-    ), B = tt(v, _);
-    $.current = B, We(B, { height: _, width: v }), I({
+    ), Z = rt(g, _);
+    B.current = Z, We(Z, { height: _, width: g }), I({
       height: _,
-      width: v
+      width: g
     });
-  }, [U, A, D, We]);
-  const rt = se(
+  }, [V, k, D, We]);
+  const ot = se(
     (_) => {
-      $.current = {
+      B.current = {
         scrollTop: _.scrollTop,
         scrollLeft: _.scrollLeft
       };
     },
     [i]
   );
-  ee(() => {
-    if (J)
-      return T && T.addEventListener("scroll", J), i && i.addEventListener("scroll", J), () => {
-        T == null || T.removeEventListener("scroll", J), i == null || i.removeEventListener("scroll", J);
+  Y(() => {
+    if (Q)
+      return T && T.addEventListener("scroll", Q), i && i.addEventListener("scroll", Q), () => {
+        T == null || T.removeEventListener("scroll", Q), i == null || i.removeEventListener("scroll", Q);
       };
-  }, [i, T, J]), ee(() => () => {
-    Q.current && clearTimeout(Q.current);
+  }, [i, T, Q]), Y(() => () => {
+    j.current && clearTimeout(j.current);
   }, []);
-  const ot = Ie(() => ue(F["rp-pages-container"], {
-    [F["rp-cursor-grab"]]: ie && !j,
-    [F["rp-cursor-grabbing"]]: ie && j
-  }), [ie, j]), nt = se(
+  const nt = Te(() => me(W["rp-pages-container"], {
+    [W["rp-cursor-grab"]]: ie && !te,
+    [W["rp-cursor-grabbing"]]: ie && te
+  }), [ie, te]), it = se(
     (_) => {
       if (ie && _) {
-        const v = ue(F["rp-pages"]), B = document.querySelector(`.${v}`);
-        ce(B);
+        const g = me(W["rp-pages"]), Z = document.querySelector(`.${g}`);
+        Ae(Z);
       }
     },
-    [ie, ce, F]
+    [ie, Ae, W]
   );
-  return ee(() => {
-    p && Ye();
-  }, [p]), ee(() => {
-    if (ne.height === 0 || !R.current)
+  return Y(() => {
+    x && et();
+  }, [x]), Y(() => {
+    if (S !== fe.INVALID_OR_CORRUPTED_PDF)
       return;
-    if (t === xe.PAGE_SCROLLING) {
+    const _ = requestAnimationFrame(() => {
+      var g;
+      (g = p.current) == null || g.focus();
+    });
+    return () => {
+      cancelAnimationFrame(_);
+    };
+  }, [S]), Y(() => {
+    if (le.height === 0 || !R.current)
+      return;
+    if (t === ye.PAGE_SCROLLING) {
       e !== o && T && N(e), R.current = !1, M(!1);
       return;
     }
@@ -987,69 +997,81 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     t,
     T,
     N,
-    ne,
+    le,
     i
-  ]), /* @__PURE__ */ Se(ct, { children: [
-    /* @__PURE__ */ w(Ht, { ref: l, children: /* @__PURE__ */ w(
-      Dt,
+  ]), /* @__PURE__ */ Ie(dt, { children: [
+    /* @__PURE__ */ w(kt, { ref: l, children: /* @__PURE__ */ w(
+      Ht,
       {
         ref: s,
         tabIndex: -1,
-        className: ot,
+        className: nt,
         style: {
-          "--scale-round-x": `${Ae(n.current.sx)[1]}px`,
-          "--scale-round-y": `${Ae(n.current.sy)[1]}px`
+          "--scale-round-x": `${Fe(n.current.sx)[1]}px`,
+          "--scale-round-y": `${Fe(n.current.sy)[1]}px`
         },
-        children: /* @__PURE__ */ w(sr, { style: { minHeight: "50px" }, children: ({ width: _, height: v }) => /* @__PURE__ */ w(
+        children: /* @__PURE__ */ w(ar, { style: { minHeight: "50px" }, children: ({ width: _, height: g }) => /* @__PURE__ */ w(
           "div",
           {
             "data-rp": "pages",
-            ref: nt,
+            ref: it,
             style: {
               width: _,
-              height: v,
-              ...H && { visibility: "hidden" }
+              height: g,
+              ...F && { visibility: "hidden" }
             },
-            children: d === xe.PAGE_SCROLLING ? S === ye.INVALID_OR_CORRUPTED_PDF ? /* @__PURE__ */ w("div", { className: F["rp-load-error"], style: { width: _, height: v }, children: /* @__PURE__ */ w("div", { className: F["rp-load-error-message"], children: "Invalid or corrupted PDF file." }) }) : /* @__PURE__ */ w(
+            children: d === ye.PAGE_SCROLLING ? S === fe.INVALID_OR_CORRUPTED_PDF ? /* @__PURE__ */ w(
+              "div",
+              {
+                ref: p,
+                className: W["rp-load-error"],
+                style: { width: _, height: g },
+                tabIndex: -1,
+                role: "alert",
+                "aria-live": "assertive",
+                "aria-atomic": "true",
+                children: /* @__PURE__ */ w("div", { className: W["rp-load-error-message"], children: "Invalid or corrupted PDF file." })
+              }
+            ) : /* @__PURE__ */ w(
               "div",
               {
-                ref: g,
-                style: { width: _, height: v },
-                className: ue(F["rp-pages"], F["rp-page-scrolling-wrapper"]),
-                children: m === Re.DUAL_PAGE ? /* @__PURE__ */ w(Tt, { widths: V, heights: G }) : m === Re.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ w(Rt, { widths: V, heights: G }) : /* @__PURE__ */ w(xt, { widths: V, heights: G })
+                ref: v,
+                style: { width: _, height: g },
+                className: me(W["rp-pages"], W["rp-page-scrolling-wrapper"]),
+                children: m === xe.DUAL_PAGE ? /* @__PURE__ */ w(Rt, { widths: q, heights: $ }) : m === xe.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ w(xt, { widths: q, heights: $ }) : /* @__PURE__ */ w(yt, { widths: q, heights: $ })
               }
-            ) : re ? /* @__PURE__ */ w(
-              tr,
+            ) : ae ? /* @__PURE__ */ w(
+              rr,
               {
                 ref: u,
-                itemData: et,
+                itemData: tt,
                 outerRef: h,
                 innerRef: C,
-                onScroll: rt,
+                onScroll: ot,
                 columnCount: D,
-                columnWidth: V,
-                rowHeight: G,
-                height: v,
+                columnWidth: q,
+                rowHeight: $,
+                height: g,
                 width: _,
-                estimatedColumnWidth: te,
-                estimatedRowHeight: re,
-                rowCount: A,
-                className: ue(
-                  F["rp-pages"],
-                  d === xe.HORIZONTAL_SCROLLING ? F["rp-pages-horizontal-scroll"] : ""
+                estimatedColumnWidth: oe,
+                estimatedRowHeight: ae,
+                rowCount: k,
+                className: me(
+                  W["rp-pages"],
+                  d === ye.HORIZONTAL_SCROLLING ? W["rp-pages-horizontal-scroll"] : ""
                 ),
                 style: {
-                  "--rp-pages-height": `${ae.height}px`,
-                  "--rp-pages-width": `${ae.width}px`,
-                  "--rp-row-count": `${A}`,
+                  "--rp-pages-height": `${ne.height}px`,
+                  "--rp-pages-width": `${ne.width}px`,
+                  "--rp-row-count": `${k}`,
                   "--rp-column-count": `${D}`
                 },
-                children: ar
+                children: lr
               }
-            ) : !p && !S ? /* @__PURE__ */ w(
+            ) : !x && !S ? /* @__PURE__ */ w(
               "div",
               {
-                className: F["rp-loader"],
+                className: W["rp-loader"],
                 style: {
                   display: "flex",
                   justifyContent: "center",
@@ -1057,11 +1079,11 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
                   height: "100%",
                   width: "100%"
                 },
-                children: P && /* @__PURE__ */ w(P, {})
+                children: E && /* @__PURE__ */ w(E, {})
               }
-            ) : S === ye.NOT_SUPPORTED ? /* @__PURE__ */ w("div", { className: F["rp-not-supported"], children: /* @__PURE__ */ Se("div", { className: F["rp-not-supported-content"], children: [
+            ) : S === fe.NOT_SUPPORTED ? /* @__PURE__ */ w("div", { className: W["rp-not-supported"], children: /* @__PURE__ */ Ie("div", { className: W["rp-not-supported-content"], children: [
               "React PDF Kit is unable to render on this browser. Please use the supported browsers from the list below:",
-              /* @__PURE__ */ w("div", { children: /* @__PURE__ */ Se("ul", { className: F["rp-not-supported-list"], children: [
+              /* @__PURE__ */ w("div", { children: /* @__PURE__ */ Ie("ul", { className: W["rp-not-supported-list"], children: [
                 /* @__PURE__ */ w("li", { children: "Chrome 126+" }),
                 /* @__PURE__ */ w("li", { children: "Edge 126+" }),
                 /* @__PURE__ */ w("li", { children: "Firefox 126+" }),
@@ -1069,14 +1091,25 @@ const ar = ft(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
                 /* @__PURE__ */ w("li", { children: "Safari iOS 18.4+" }),
                 /* @__PURE__ */ w("li", { children: "Chrome Android 126+" })
               ] }) })
-            ] }) }) : S === ye.INVALID_OR_CORRUPTED_PDF ? /* @__PURE__ */ w("div", { className: F["rp-load-error"], children: /* @__PURE__ */ w("div", { className: F["rp-load-error-message"], children: "Invalid or corrupted PDF file." }) }) : null
+            ] }) }) : S === fe.INVALID_OR_CORRUPTED_PDF ? /* @__PURE__ */ w(
+              "div",
+              {
+                ref: p,
+                className: W["rp-load-error"],
+                tabIndex: -1,
+                role: "alert",
+                "aria-live": "assertive",
+                "aria-atomic": "true",
+                children: /* @__PURE__ */ w("div", { className: W["rp-load-error-message"], children: "Invalid or corrupted PDF file." })
+              }
+            ) : null
           }
         ) })
       }
     ) }),
-    O && /* @__PURE__ */ w(Nt, {})
+    P && /* @__PURE__ */ w(At, {})
   ] });
 };
 export {
-  Ko as RPPages
+  Zo as RPPages
 };