@react-pdf-kit/viewer 2.3.0-beta.1 → 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-925c8ff7.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-26T04:34:25.350Z"), 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.1",
+  "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-925c8ff7.js

@@ -1,72 +0,0 @@
-import { jsx as N } from "react/jsx-runtime";
-import { useRef as w, useState as T, useCallback as f, useEffect as v } from "react";
-import { THUMBNAIL_MIN_WIDTH as s } from "./utils/constants.js";
-import { useLayoutContainer as A } from "./contexts/LayoutContainerContext.js";
-const P = {
-  "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"
-}, L = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_17ndw_2",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_17ndw_12"
-}, R = {
-  "rp-thumbnail-dragger": "_rp-thumbnail-dragger_8o6id_1",
-  "rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_8o6id_14"
-}, S = (o) => {
-  o.preventDefault(), o.stopPropagation();
-}, z = (o) => {
-  const { onWidthChange: t, thumbnailRef: x, leftSidebarRef: E, isRPLayout: y } = o, n = w(null), M = w(0), c = w(null), [a, B] = T(s), { container: b } = A(), I = f((r) => {
-    var u, l, m, d, p, g, W, D;
-    S(r);
-    const e = ((l = (u = n.current) == null ? void 0 : u.getBoundingClientRect()) == null ? void 0 : l.left) ?? 0, i = ((d = (m = x.current) == null ? void 0 : m.getBoundingClientRect()) == null ? void 0 : d.width) ?? 0;
-    c.current = { x: e, y: 0 }, M.current = i, (p = n.current) == null || p.classList.add(L["rp-thumbnail-dragger-dragging"]), (g = n.current) == null || g.classList.add(R["rp-thumbnail-dragger-dragging"]), (D = (W = n.current) == null ? void 0 : W.closest('[data-rp="thumbnailSidebar"]')) == null || D.classList.add(
-      P["rp-thumbnails-wrapper"],
-      P["rp-thumbnails-wrapper-dragging"]
-    );
-  }, []), h = f((r) => {
-    var e, i;
-    S(r), c.current = null, (e = n.current) == null || e.classList.remove(L["rp-thumbnail-dragger-dragging"]), (i = n.current) == null || i.classList.remove(R["rp-thumbnail-dragger-dragging"]);
-  }, []), _ = f(
-    (r) => {
-      if (!c.current)
-        return;
-      const e = r.clientX - c.current.x, i = Math.max(
-        s,
-        Math.min(M.current + e, a)
-      );
-      t == null || t(i), S(r);
-    },
-    [t, a]
-  );
-  return v(() => {
-    if (!b)
-      return;
-    const r = new ResizeObserver(([e]) => {
-      var d, p, g;
-      const i = ((d = n.current) == null ? void 0 : d.offsetWidth) ?? 0, u = ((g = (p = E.current) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : g.width) ?? 0, l = e.contentRect.width / 2, m = i + u;
-      B(l - m);
-    });
-    return r.observe(b), () => {
-      r.disconnect();
-    };
-  }, [b, E]), v(() => {
-    var e;
-    const r = ((e = x.current) == null ? void 0 : e.clientWidth) ?? s;
-    r > a ? t == null || t(a) : a >= s && r < s && (t == null || t(s));
-  }, [a, t]), v(() => (window.addEventListener("pointermove", _), window.addEventListener("pointerup", h), () => {
-    window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", h);
-  }), [_, h]), /* @__PURE__ */ N(
-    "div",
-    {
-      ref: n,
-      className: y ? R["rp-thumbnail-dragger"] : L["rp-thumbnail-dragger"],
-      onPointerDown: I
-    }
-  );
-};
-export {
-  z as R,
-  P as c
-};