@react-pdf-kit/viewer 2.3.0-beta.2 → 2.3.0-beta.3

package/dist/main.js

@@ -7,7 +7,7 @@ import { RPTheme as Ht } from "./components/RPTheme.js";
 import { default as bt } from "./components/ui/RPTooltip.js";
 import { UIButton as zt } from "./components/ui/Button.js";
 import { useDarkModeContext as Ut } from "./contexts/DarkModeContext.js";
-import { u as Nt } from "./PaginationContext-9217cab4.js";
+import { u as Nt } from "./PaginationContext-15f88187.js";
 import { useDocumentContext as jt } from "./contexts/RPDocumentContext.js";
 import { useRotationContext as At } from "./contexts/RotationContext.js";
 import { useViewModeContext as Jt } from "./contexts/ViewModeContext.js";
@@ -193,7 +193,7 @@ import "./utils/zoom.js";
 import "./components/ui/LoadingIndicator.js";
 import "./components/layout/sidebar/RPSidebar.js";
 import "./components/icons/Thumbnail.js";
-import "./RPSplitter-3438b930.js";
+import "./RPSplitter-b62772f9.js";
 import "./components/layout/sidebar/Thumbnails.js";
 import "./components/layout/sidebar/Thumbnail.js";
 import "./utils/hooks/useInfiniteScroll.js";

package/dist/types/utils/hooks/usePaginate.d.ts

@@ -1,2 +1,2 @@
-import { PageControl } from '../types';
-export declare const usePaginate: (initialPage?: number) => PageControl;
+import { PageControlInternal } from '../types';
+export declare const usePaginate: (initialPage?: number) => PageControlInternal;

package/dist/types/utils/types.d.ts

@@ -271,6 +271,9 @@ export interface PageControl {
     nextPage: () => void;
     prevPage: () => void;
 }
+export interface PageControlInternal extends PageControl {
+    resetPage: (page: number) => void;
+}
 export interface PageControlContextType extends PageControl {
 }
 export interface ThumbnailContextType {

package/dist/utils/hooks/useLicense.js

@@ -2,7 +2,7 @@ import { useState as E, useCallback as y, useEffect as b } from "react";
 import { LicenseType as L } from "../types.js";
 import { appConsole as c } from "../appConsole.js";
 import "../../de_DE-a553b162.js";
-const A = /* @__PURE__ */ new Date("2026-03-31T09:28:25.744Z"), w = `-----BEGIN PUBLIC KEY-----
+const A = /* @__PURE__ */ new Date("2026-04-02T17:26:38.433Z"), w = `-----BEGIN PUBLIC KEY-----
 MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx
 gr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b
 HLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y

package/dist/utils/hooks/useLoadPdf.js

@@ -1,5 +1,5 @@
-import { useState as a, useRef as F, useEffect as v } from "react";
-import * as U from "pdfjs-dist";
+import { useState as d, useRef as F, useEffect as k } from "react";
+import * as h from "pdfjs-dist";
 import { ErrorType as j } from "../types.js";
 import { getThumbnailViewport as z } from "../getThumbnailViewport.js";
 import { useConfigContext as _ } from "../../contexts/ConfigContext.js";
@@ -7,37 +7,37 @@ import { useDocumentPasswordContext as B } from "../../contexts/DocumentPassword
 import "../../de_DE-a553b162.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
-const Z = (m, s, h = {}) => {
-  const [n, q] = a(), { workerUrlAdded: S, wasmUrl: f } = _(), [D, T] = a(/* @__PURE__ */ new Map()), d = F(), [g, P] = a(0), [c, x] = a(!1), [N, O] = a(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: C, disableStream: V, rangeChunkSize: I } = h;
-  return v(() => {
+const Z = (m, s, q = {}) => {
+  const [n, S] = d(), { workerUrlAdded: T, wasmUrl: f } = _(), [D, x] = d(/* @__PURE__ */ new Map()), a = F(), [g, P] = d(0), [c, C] = d(!1), [N, O] = d(), { password: u, passwordError: A, setPasswordError: p, passwordRequired: w, setPasswordRequired: E } = B(), { onLoadError: i, onLoaded: b, onLoadProgress: R, disableAutoFetch: V, disableStream: I, rangeChunkSize: U } = q;
+  return k(() => {
     R && R(g);
-  }, [g, R]), v(() => {
-    if (!S || !m)
+  }, [g, R]), k(() => {
+    if (!T || !m)
       return;
-    P(0), d.current = Date.now();
-    const r = d.current, y = {
+    P(0), a.current = Date.now();
+    const r = a.current, v = {
       url: m,
       cMapPacked: (s == null ? void 0 : s.isCompressed) ?? !0,
       ...(s == null ? void 0 : s.url) && { cMapUrl: s.url },
       ...u && { password: u },
-      ...C !== void 0 && { disableAutoFetch: C },
-      ...V !== void 0 && { disableStream: V },
-      ...I !== void 0 && { rangeChunkSize: I },
+      ...V !== void 0 && { disableAutoFetch: V },
+      ...I !== void 0 && { disableStream: I },
+      ...U !== void 0 && { rangeChunkSize: U },
       ...f && { wasmUrl: f },
-      verbosity: U.VerbosityLevel.ERRORS
+      verbosity: h.VerbosityLevel.ERRORS
     };
     try {
-      const e = U.getDocument(y);
+      const e = h.getDocument(v);
       e.onProgress = (o) => {
-        if (r === d.current) {
-          const { loaded: L, total: l } = o, k = l ? Math.min(100, Math.round(L / l * 100)) : 0;
-          P(k);
+        if (r === a.current) {
+          const { loaded: y, total: l } = o, L = l ? Math.min(100, Math.round(y / l * 100)) : 0;
+          P(L);
         }
-      }, x(!0);
-      const t = e.promise.then((o) => (r === d.current && (q(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
+      }, C(!0), S(void 0);
+      const t = e.promise.then((o) => (r === a.current && (S(o), P(100)), b && b(o), E(!1), p(""), o)).catch((o) => {
         o instanceof Error && o.name === "PasswordException" ? (E(!0), p(o.message || "Password required")) : o instanceof Error && o.name === "InvalidPDFException" && u ? (E(!0), p("Incorrect password")) : i && i(o);
       }).finally(() => {
-        x(!1);
+        C(!1);
       });
       return () => {
         t.finally(() => {
@@ -47,29 +47,29 @@ const Z = (m, s, h = {}) => {
     } catch (e) {
       O(j.NOT_SUPPORTED), i && i(e);
     }
-  }, [m, S, f, u, i, b]), v(() => {
+  }, [m, T, f, u, i, b]), k(() => {
     if (w)
       return;
     const r = /* @__PURE__ */ new Map();
     if (!n || c) {
-      T(r);
+      x(r);
       return;
     }
-    const y = n.numPages, e = [];
-    for (let t = 1; t <= y; t++) {
+    const v = n.numPages, e = [];
+    for (let t = 1; t <= v; t++) {
       const o = n.getPage(t);
       e.push(o);
     }
     Promise.all(e).then((t) => {
       t.map((o) => {
-        const { thumbnailViewport: L, scale: l } = z(o), k = o.getViewport();
+        const { thumbnailViewport: y, scale: l } = z(o), L = o.getViewport();
         r.set(o.pageNumber, {
           page: o,
-          thumbnailViewport: L,
+          thumbnailViewport: y,
           thumbnailScale: l,
-          defaultRotation: k.rotation
+          defaultRotation: L.rotation
         });
-      }), T(r);
+      }), x(r);
     });
   }, [n, c, w]), {
     pdf: n,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { b as I } from "../../PaginationContext-9217cab4.js";
+import { b as I } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../../contexts/ScrollModeContext.js";
 import "./useDebounce.js";

package/dist/utils/hooks/usePresentPage.js

@@ -1,11 +1,11 @@
-import { useRef as x, useState as C, useMemo as D, useEffect as X, useCallback as F } from "react";
-import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as v } from "../../contexts/DimensionPagesContext.js";
-import { getGridDimension as A, getPositionFromPage as H } from "../calculatePage.js";
-import { u as _ } from "../../PaginationContext-9217cab4.js";
-import { useDebounce as q } from "./useDebounce.js";
-import { useSmoothScrollContext as G } from "../../contexts/SmoothScrollContext.js";
-import { ViewMode as M } from "../types.js";
+import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback as N } from "react";
+import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
+import { useDimensionPagesContext as A } from "../../contexts/DimensionPagesContext.js";
+import { getGridDimension as H, getPositionFromPage as _ } from "../calculatePage.js";
+import { u as q } from "../../PaginationContext-15f88187.js";
+import { useDebounce as G } from "./useDebounce.js";
+import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
+import { ViewMode as V } from "../types.js";
 import "react/jsx-runtime";
 import "../appConsole.js";
 import "../../contexts/RPDocumentContext.js";
@@ -32,15 +32,17 @@ import "../../contexts/VirtualScrollContext.js";
 import "../../contexts/VirtualGridContext.js";
 import "../smoothScrollTo.js";
 import "../getScrollDistance.js";
-const Wt = (f, Y, n, W) => {
-  const P = x(), { contentRef: E } = N(), { heights: h, widths: l } = v(), { setFocusedPage: b } = _(), [S, R] = C([]), { targetScrollPage: L } = G(), i = q(S, 0, 500), I = D(() => {
-    const c = W === M.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = A({ heights: h, widths: l }, f, c);
+const bt = (f, R, e, W) => {
+  const P = Y(), { contentRef: S } = v(), { heights: h, widths: g } = A(), { setFocusedPage: b } = q(), I = Y(b);
+  I.current = b;
+  const [F, x] = C([]), { targetScrollPage: l } = M(), i = G(F, 0, 500), X = D(() => {
+    const c = W === V.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = H({ heights: h, widths: g }, f, c);
     return h.map((m, t) => {
-      const e = l[t], s = H(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + e, w = d + m;
+      const n = g[t], s = _(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + n, w = d + m;
       return {
         pageNumber: t + 1,
         ...s,
-        width: e,
+        width: n,
         height: m,
         startX: p,
         startY: d,
@@ -48,14 +50,14 @@ const Wt = (f, Y, n, W) => {
         endY: w
       };
     });
-  }, [h, l, f, Y, W]);
-  X(() => {
+  }, [h, g, f, R, W]);
+  E(() => {
     var r;
-    i.length > 0 && !L.current && b(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === L.current) && setTimeout(() => {
-      L.current = void 0;
+    i.length > 0 && !l.current && I.current(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === l.current) && setTimeout(() => {
+      l.current = void 0;
     }, 500);
-  }, [i, b]);
-  const g = F(
+  }, [i]);
+  const L = N(
     (c) => {
       P.current && cancelAnimationFrame(P.current), P.current = requestAnimationFrame(() => {
         const r = c.target, o = {
@@ -63,28 +65,28 @@ const Wt = (f, Y, n, W) => {
           startLeft: r.scrollLeft,
           endTop: r.scrollTop + r.clientHeight,
           endLeft: r.scrollLeft + r.clientWidth
-        }, m = I.filter((t) => {
-          const e = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
-          return e && s;
+        }, m = X.filter((t) => {
+          const n = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
+          return n && s;
         }).map((t) => {
-          const e = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - e, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
+          const n = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - n, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
           return {
             pageNumber: t.pageNumber,
             ratio: a
           };
-        }).sort((t, e) => e.ratio - t.ratio);
-        R(m);
+        }).sort((t, n) => n.ratio - t.ratio);
+        x(m);
       });
     },
-    [E, I]
+    [S, X]
   );
-  X(() => {
-    if (n)
-      return n == null || n.addEventListener("scroll", g), () => {
-        n == null || n.removeEventListener("scroll", g);
+  E(() => {
+    if (e)
+      return e == null || e.addEventListener("scroll", L), () => {
+        e == null || e.removeEventListener("scroll", L);
       };
-  }, [n, g]);
+  }, [e, L]);
 };
 export {
-  Wt as usePresentPage
+  bt as usePresentPage
 };

package/dist/utils/hooks/useScrollToPage.js

@@ -1,6 +1,6 @@
 import "react";
 import "../../contexts/ScrollModeContext.js";
-import { a as G } from "../../PaginationContext-9217cab4.js";
+import { a as G } from "../../PaginationContext-15f88187.js";
 import "../../contexts/ViewModeContext.js";
 import "../types.js";
 import "../../contexts/VirtualScrollContext.js";

package/dist/utils/hooks/useSearch.js

@@ -5,7 +5,7 @@ import { useVirtualScrollContext as st } from "../../contexts/VirtualScrollConte
 import { useScrollModeContext as ct } from "../../contexts/ScrollModeContext.js";
 import { useDocumentContext as it } from "../../contexts/RPDocumentContext.js";
 import { useZoomContext as at } from "../../contexts/ZoomContext.js";
-import { u as mt } from "../../PaginationContext-9217cab4.js";
+import { u as mt } from "../../PaginationContext-15f88187.js";
 import { useViewModeContext as ut } from "../../contexts/ViewModeContext.js";
 import { useDimensionPagesContext as pt } from "../../contexts/DimensionPagesContext.js";
 import { useLayoutContainer as lt } from "../../contexts/LayoutContainerContext.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf-kit/viewer",
-  "version": "2.3.0-beta.2",
+  "version": "2.3.0-beta.3",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
   "keywords": [

package/dist/PaginationContext-9217cab4.js

@@ -1,201 +0,0 @@
-import { jsx as H } from "react/jsx-runtime";
-import { useRef as G, useEffect as S, useCallback as x, useState as F, useMemo as y, createContext as j, useContext as Z } from "react";
-import { ViewMode as D, ScrollMode as R } from "./utils/types.js";
-import { useScrollModeContext as O } from "./contexts/ScrollModeContext.js";
-import { useDocumentContext as $ } from "./contexts/RPDocumentContext.js";
-import { appConsole as q } from "./utils/appConsole.js";
-import { useGlobalCurrentPage as B } from "./contexts/GlobalCurrentPage.js";
-import { useViewModeContext as W } from "./contexts/ViewModeContext.js";
-import { useVirtualScrollContext as J } from "./contexts/VirtualScrollContext.js";
-import { useVirtualGridContext as K } from "./contexts/VirtualGridContext.js";
-import { smoothScrollTo as I } from "./utils/smoothScrollTo.js";
-import { useDimensionPagesContext as b } from "./contexts/DimensionPagesContext.js";
-import { useSmoothScrollContext as Q } from "./contexts/SmoothScrollContext.js";
-import { getScrollDistance as A } from "./utils/getScrollDistance.js";
-import { getGridDimension as X } from "./utils/calculatePage.js";
-import { useDebounce as Y } from "./utils/hooks/useDebounce.js";
-import { useLayoutContainer as ee } from "./contexts/LayoutContainerContext.js";
-const te = () => {
-  const { viewMode: o } = W(), { scrollMode: t } = O(), { virtualScrollRef: i, virtualScrollableElementRef: r, pageScrollElementRef: a } = J(), { setFocusedPage: l } = re(), g = G(), { columnCount: n } = K(), { widths: u, heights: P } = b(), d = G(t), C = G(o), T = G(n), { targetScrollPage: E } = Q();
-  S(() => {
-    i != null && i.scrollToItem && (g.current = i);
-  }, [i]), S(() => {
-    d.current = t, C.current = o;
-  }, [t, o]);
-  const h = x(
-    (f, m) => {
-      if (!a)
-        return;
-      const p = Math.ceil(f / 2) * 2 - 1;
-      if (f === p + 1) {
-        const s = {
-          left: u[p],
-          top: 0
-        };
-        return new Promise(
-          (c) => I(a, s, c)
-        );
-      }
-      const e = {
-        left: 0,
-        top: 0
-      };
-      return a == null ? void 0 : a.scrollTo({
-        ...e,
-        behavior: m
-      });
-    },
-    [a, u, I]
-  );
-  return S(() => {
-    d.current = t, C.current = o;
-  }, [t, o]), S(() => {
-    T.current = n;
-  }, [n]), { scrollToPage: x(
-    (f, m = "smooth") => {
-      l(f);
-      const p = f - 1;
-      let e = p, s = 0;
-      if (C.current === D.DUAL_PAGE && d.current === R.PAGE_SCROLLING) {
-        h(f, m);
-        return;
-      }
-      if (d.current === R.PAGE_SCROLLING) {
-        l(f);
-        return;
-      }
-      if (!g.current || !r)
-        return;
-      const c = r;
-      m === "smooth" && (E.current = f);
-      const { columnsWidth: L, rowsHeight: N } = X(
-        { widths: u, heights: P },
-        n
-      );
-      if (d.current === R.HORIZONTAL_SCROLLING) {
-        s = p;
-        const w = A(L, s), _ = {
-          left: Math.floor(w),
-          top: 0
-        };
-        return c.scrollTo({
-          ..._,
-          behavior: m
-        });
-      }
-      if (C.current === D.DUAL_PAGE) {
-        s = p % 2, e = Math.floor(p / 2);
-        const _ = A(L, s), k = A(N, e), z = {
-          left: Math.floor(_),
-          top: Math.floor(k)
-        };
-        return c.scrollTo({
-          ...z,
-          behavior: m
-        });
-      }
-      const U = A(N, e), V = {
-        left: 0,
-        top: Math.floor(U)
-      };
-      return c.scrollTo({
-        ...V,
-        behavior: m
-      });
-    },
-    [
-      r,
-      n,
-      h,
-      l,
-      I,
-      P,
-      u
-    ]
-  ) };
-}, oe = (o = 1) => {
-  const [t, i] = F(o), [r, a] = F(0), { scrollToPage: l } = te(), g = G(1), { viewMode: n } = W(), { scrollMode: u } = O(), { widths: P } = b(), { pagesRef: d } = ee(), C = Y(t, 100), T = x(
-    (e) => {
-      if (!/^[0-9]*$/g.test(e.toString()) || !e)
-        return { success: !1, currentPage: g.current };
-      const c = +e;
-      return c < 0 || c > r ? { success: !1, currentPage: g.current } : (i(c), g.current = c, { success: !0, currentPage: +e });
-    },
-    [r]
-  ), E = x(T, [T]), h = x(
-    (e) => {
-      const s = T(e);
-      return s.success && l(s.currentPage), s;
-    },
-    [T, l]
-  ), M = x(
-    (e) => {
-      const s = e % 2 === 1;
-      if (!d || s)
-        return !1;
-      const c = s ? P[e] : P[e - 1], L = s ? P[e + 1] : P[e];
-      return n === D.DUAL_PAGE && c + L < d.clientWidth;
-    },
-    [n, P, d, r]
-  ), f = x(() => {
-    let e = t - 1;
-    M(e) && (e = t - 2), h(e);
-  }, [h, t, n, u, M]), m = y(() => n === D.DUAL_PAGE && u === R.PAGE_SCROLLING ? t === r - 1 : t === r, [t, r, n, u]), p = x(() => {
-    if (m)
-      return;
-    let e = t + 1;
-    M(e) && (e = t + 2), h(e);
-  }, [h, t, M, n, u, m]);
-  return {
-    focusedPage: C,
-    totalPages: r,
-    setFocusedPage: E,
-    setTotalPages: a,
-    nextPage: p,
-    prevPage: f,
-    goToPage: h
-  };
-}, v = j({
-  focusedPage: 0,
-  setFocusedPage: (o) => {
-  },
-  goToPage: (o) => ({ success: !!o, currentPage: +o }),
-  totalPages: 0,
-  setTotalPages: (o) => {
-  },
-  prevPage: () => {
-  },
-  nextPage: () => {
-  }
-}), re = () => {
-  const o = Z(v);
-  return typeof (o == null ? void 0 : o.focusedPage) > "u" && q.error("Please use this hooks inside children component of RPProvider"), o;
-}, Se = ({ children: o }) => {
-  const { pdf: t } = $(), { setCurrentPage: i } = B(), { focusedPage: r, totalPages: a, setFocusedPage: l, setTotalPages: g, goToPage: n, nextPage: u, prevPage: P } = oe();
-  return S(() => {
-    t != null && t.numPages && (g(t.numPages), l(1));
-  }, [t, g, l]), S(() => {
-    i(r);
-  }, [r, i]), /* @__PURE__ */ H(
-    v.Provider,
-    {
-      value: {
-        focusedPage: r,
-        totalPages: a,
-        setFocusedPage: l,
-        setTotalPages: g,
-        nextPage: u,
-        prevPage: P,
-        goToPage: n
-      },
-      children: o
-    }
-  );
-};
-export {
-  Se as P,
-  te as a,
-  oe as b,
-  v as c,
-  re as u
-};

package/dist/RPSplitter-3438b930.js

@@ -1,109 +0,0 @@
-import { jsx as j } from "react/jsx-runtime";
-import { useRef as d, useState as k, useLayoutEffect as q, useCallback as f, useEffect as N } from "react";
-import { THUMBNAIL_MIN_WIDTH as s } from "./utils/constants.js";
-import { useLayoutContainer as z } from "./contexts/LayoutContainerContext.js";
-const F = {
-  "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_ppg43_1",
-  "rp-sidebar-content": "_rp-sidebar-content_ppg43_1",
-  "rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_ppg43_17",
-  "rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_ppg43_24",
-  "rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_ppg43_28"
-}, A = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_1faw8_2",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1faw8_13"
-}, T = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_174bn_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_174bn_15"
-}, U = 20, y = (w) => {
-  w.preventDefault(), w.stopPropagation();
-}, J = (w) => {
-  const { onWidthChange: e, thumbnailRef: _, leftSidebarRef: S, isRPLayout: H } = w, n = d(null), B = d(0), L = d(null), v = d(!1), C = d(s), I = d(s), E = d(s), [l, O] = k(s), { container: o, pagesRef: c } = z();
-  q(() => {
-    C.current = l;
-  }, [l]);
-  const x = f(() => {
-    var m, h, b;
-    if (!o)
-      return null;
-    const r = (m = n.current) == null ? void 0 : m.closest(".rp-content"), t = (r == null ? void 0 : r.clientWidth) ?? o.clientWidth, a = ((h = S.current) == null ? void 0 : h.getBoundingClientRect().width) ?? 0, D = ((b = n.current) == null ? void 0 : b.offsetWidth) ?? 0, M = (c == null ? void 0 : c.clientWidth) ?? Number.POSITIVE_INFINITY, R = Math.floor(t * 0.5 - a), W = Math.floor(t * U / 100 - a - D);
-    let i = Math.min(R, M);
-    Number.isFinite(i) || (i = 0), i = Math.max(0, Math.floor(i));
-    let u = Math.max(s, W);
-    return u = Math.min(u, i), E.current = u, { maxAllowed: i, minAllowed: u };
-  }, [o, c, S]), p = f(() => {
-    if (!o || v.current)
-      return;
-    const r = x();
-    r && O(r.maxAllowed);
-  }, [o, x]), X = f(
-    (r) => {
-      var M, R, W, i, u, m, h, b;
-      y(r);
-      const t = x();
-      t ? (E.current = t.minAllowed, I.current = t.maxAllowed) : I.current = C.current, v.current = !0;
-      try {
-        r.currentTarget.setPointerCapture(r.pointerId);
-      } catch {
-      }
-      const a = ((R = (M = n.current) == null ? void 0 : M.getBoundingClientRect()) == null ? void 0 : R.left) ?? 0, D = ((i = (W = _.current) == null ? void 0 : W.getBoundingClientRect()) == null ? void 0 : i.width) ?? 0;
-      L.current = { x: a, y: 0 }, B.current = D, (u = n.current) == null || u.classList.add(A["rp-thumbnail-dragger-dragging"]), (m = n.current) == null || m.classList.add(T["rp-thumbnail-dragger-dragging"]), (b = (h = n.current) == null ? void 0 : h.closest('[data-rp="thumbnailSidebar"]')) == null || b.classList.add(
-        F["rp-thumbnails-wrapper"],
-        F["rp-thumbnails-wrapper-dragging"]
-      );
-    },
-    [_, x]
-  ), g = f(
-    (r) => {
-      var t, a;
-      y(r);
-      try {
-        n.current && r.pointerId != null && n.current.releasePointerCapture(r.pointerId);
-      } catch {
-      }
-      L.current = null, v.current = !1, requestAnimationFrame(() => {
-        p();
-      }), (t = n.current) == null || t.classList.remove(A["rp-thumbnail-dragger-dragging"]), (a = n.current) == null || a.classList.remove(T["rp-thumbnail-dragger-dragging"]);
-    },
-    [p]
-  ), P = f(
-    (r) => {
-      if (!L.current)
-        return;
-      const t = r.clientX - L.current.x, a = Math.max(
-        E.current,
-        Math.min(B.current + t, I.current)
-      );
-      e == null || e(a), y(r);
-    },
-    [e]
-  );
-  return N(() => {
-    if (!o)
-      return;
-    const r = new ResizeObserver(() => {
-      p();
-    });
-    return r.observe(o), c && r.observe(c), p(), () => {
-      r.disconnect();
-    };
-  }, [o, c, p]), N(() => {
-    var t;
-    if (v.current)
-      return;
-    const r = ((t = _.current) == null ? void 0 : t.clientWidth) ?? s;
-    r > l ? e == null || e(l) : l >= s && r < s && (e == null || e(s));
-  }, [l, e, _]), N(() => (window.addEventListener("pointermove", P), window.addEventListener("pointerup", g), window.addEventListener("pointercancel", g), () => {
-    window.removeEventListener("pointermove", P), window.removeEventListener("pointerup", g), window.removeEventListener("pointercancel", g);
-  }), [P, g]), /* @__PURE__ */ j(
-    "div",
-    {
-      ref: n,
-      className: H ? T["rp-thumbnail-dragger"] : A["rp-thumbnail-dragger"],
-      onPointerDown: X
-    }
-  );
-};
-export {
-  J as R,
-  F as c
-};