@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/components/layout/RPDefaultLayout.js

@@ -0,0 +1,238 @@
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as L, useState as P, useEffect as R } from "react";
+import { RPToolbar as w } from "./toolbar/RPToolbar.js";
+import { RPSidebar as x } from "./sidebar/RPSidebar.js";
+import { c as r } from "../../RPLayout.module-b4b23e29.js";
+import { ToolbarComponentProvider as D } from "../../contexts/ToolbarComponentContext.js";
+import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
+import { Container as S } from "./Container.js";
+import { IconProvider as k } from "../../contexts/IconContext.js";
+import { WrapperLayout as F } from "./WrapperLayout.js";
+import { RPDropFileZone as j } from "../RPDropFileZone.js";
+import { ViewportProvider as I } from "../../contexts/ViewportContext.js";
+import { useDocumentContext as T } from "../../contexts/RPDocumentContext.js";
+import { useLoaderContext as W } from "../../contexts/LoaderContext.js";
+import { LayoutContainer as M } from "./LayoutContainer.js";
+import { SkipLink as e } from "./SkipLink.js";
+import "../../RPToolbar.module-27d7fe77.js";
+import "./toolbar/Paginate.js";
+import "../icons/ChevronUpIcon.js";
+import "../ui/Button.js";
+import "../../clsx-0c6e471a.js";
+import "../../utils/withRef.js";
+import "../ui/Input.js";
+import "../../Paginate.module-4eef00aa.js";
+import "../../PaginationContext-9217cab4.js";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../utils/smoothScrollTo.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
+import "../ui/RPTooltip.js";
+import "../../index-c0faa594.js";
+import "react-dom";
+import "../../index-e3ee9457.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
+import "../../contexts/LocalizationContext.js";
+import "../../utils/hooks/useLocalization.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/ToolComponentContext.js";
+import "./toolbar/RPToolbarEnd.js";
+import "./toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "./toolbar/MenuItem.js";
+import "../../index-4baea9b5.js";
+import "../../Combination-54a77a7a.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "./toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../../contexts/DarkModeContext.js";
+import "../../utils/hooks/useDarkMode.js";
+import "./toolbar/OtherTool.js";
+import "../icons/ThreeDotIcon.js";
+import "../ui/DropDown.js";
+import "./toolbar/DocumentDialog.js";
+import "../icons/CloseIcon.js";
+import "../../utils/dateFormatter.js";
+import "./toolbar/PropertyItem.js";
+import "../../contexts/OtherToolContext.js";
+import "../../OtherTool.module-a4be5f1f.js";
+import "./toolbar/DocumentProperties.js";
+import "../icons/InfoIcon.js";
+import "./toolbar/MenuSeparator.js";
+import "./toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../RotateTool.module-67946714.js";
+import "../../utils/hooks/useRotate.js";
+import "./toolbar/ViewModeTool.js";
+import "../icons/DualPageIcon.js";
+import "../icons/DualPageWithCoverIcon.js";
+import "../icons/SinglePageIcon.js";
+import "../icons/CheckIcon.js";
+import "./toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "./toolbar/FileDownloadTool.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../../utils/hooks/useFileDownload.js";
+import "../../contexts/DownloadContext.js";
+import "./toolbar/PrintTool.js";
+import "../icons/PrintDefaultIcon.js";
+import "../../contexts/PrintContext.js";
+import "../../utils/hooks/usePrint.js";
+import "pdfjs-dist";
+import "./toolbar/FullScreenTool.js";
+import "../../contexts/FullScreenContext.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../icons/FullScreenIcon.js";
+import "./toolbar/MostPageTool.js";
+import "../icons/GoToDownIcon.js";
+import "../../MostPageTool.module-13578ad6.js";
+import "./toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../../contexts/SelectionModeContext.js";
+import "./toolbar/ZoomTool.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../../ZoomTool.module-7082af8c.js";
+import "./toolbar/tools/ZoomLevelDisplay.js";
+import "../../utils/zoom.js";
+import "./toolbar/SearchTool.js";
+import "../icons/SearchIcon.js";
+import "../../SearchTool.module-99f60dc7.js";
+import "../ui/Checkbox.js";
+import "../icons/ClearIcon.js";
+import "../icons/LoaderIcon.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/getWordPositionInPage.js";
+import "./toolbar/SearchResultNavigator.js";
+import "./toolbar/SearchCloseButton.js";
+import "../ui/LoadingIndicator.js";
+import "../icons/Thumbnail.js";
+import "../../RPSplitter-f6acf13b.js";
+import "./sidebar/Thumbnails.js";
+import "./sidebar/Thumbnail.js";
+import "../../contexts/RenderQueueProvider.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "../../contexts/ThumbnailsContext.js";
+import "../../utils/hooks/useThumbnail.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "../../contexts/ConfigContext.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../../contexts/ThemeContext.js";
+const kt = L((n, a) => {
+  const {
+    children: l,
+    slots: s,
+    icons: d,
+    style: c,
+    className: f,
+    mobileWidth: h,
+    onLoaded: i,
+    cleanupOnLoaded: m,
+    onLayoutWidthChange: u
+  } = n, [b, C] = P(null), { setContainer: y, setContentRef: g } = N(), { loading: v } = T(), { LoaderImageComponent: p } = W();
+  return R(() => (i && i(), () => {
+    m && m();
+  }), [i, m]), // TODO: deprecated in v2.0.0, remove later ~
+  /* @__PURE__ */ o(M, { toolbarRef: b, ref: a, children: /* @__PURE__ */ o(I, { mobileWidth: h, onLayoutWidthChange: u, children: /* @__PURE__ */ o(D, { slots: s, children: /* @__PURE__ */ o(k, { icons: d, children: /* @__PURE__ */ t(S, { getContainerRef: y, style: c, className: f, children: [
+    /* @__PURE__ */ o(e, { href: "#rp-menu", label: "Skip to Menu" }),
+    /* @__PURE__ */ o(e, { href: "#rp-main-content", label: "Skip to Main Content" }),
+    /* @__PURE__ */ t(F, { children: [
+      /* @__PURE__ */ t("div", { className: r["rp-layout"], children: [
+        /* @__PURE__ */ o("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ o(
+          w,
+          {
+            ref: C
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: r["rp-content"], children: [
+          /* @__PURE__ */ o(
+            "aside",
+            {
+              className: r["rp-sidebar"],
+              role: "complementary",
+              "aria-label": "PDF viewer sidebar",
+              children: /* @__PURE__ */ o(x, {})
+            }
+          ),
+          /* @__PURE__ */ o(
+            "main",
+            {
+              id: "rp-main-content",
+              ref: g,
+              className: r["rp-pages"],
+              role: "main",
+              "aria-label": "PDF document pages",
+              children: l
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ o(j, {})
+    ] }),
+    v ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: r["rp-loader"],
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: p && /* @__PURE__ */ o(p, {})
+          }
+        )
+      }
+    ) : null
+  ] }) }) }) }) });
+});
+export {
+  kt as RPDefaultLayout
+};

package/dist/components/layout/RPLayout.js

@@ -0,0 +1,213 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useEffect as u } from "react";
+import { useLayoutContainer as y } from "../../contexts/LayoutContainerContext.js";
+import { Container as C } from "./Container.js";
+import { ViewportProvider as L } from "../../contexts/ViewportContext.js";
+import { ToolbarLayout as g } from "./toolbar/ToolbarLayout.js";
+import { WrapperLayout as b } from "./WrapperLayout.js";
+import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
+import { RPDropFileZone as k } from "../RPDropFileZone.js";
+import { c as j } from "../../RPLayout.module-b4b23e29.js";
+import { useLoaderContext as v } from "../../contexts/LoaderContext.js";
+import { LayoutContainer as w } from "./LayoutContainer.js";
+import { SkipLink as p } from "./SkipLink.js";
+import "../../clsx-0c6e471a.js";
+import "./toolbar/ToolbarDefault.js";
+import "../../ToolbarLayout.module-6e339802.js";
+import "./sidebar/Thumbnails.js";
+import "./sidebar/Thumbnail.js";
+import "../icons/LoaderIcon.js";
+import "../../PaginationContext-9217cab4.js";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
+import "../../contexts/ScrollModeContext.js";
+import "../../utils/appConsole.js";
+import "../../contexts/InitialStateContext.js";
+import "../../contexts/GlobalCurrentPage.js";
+import "../../contexts/EventCallbackContext.js";
+import "../../contexts/ViewModeContext.js";
+import "../../contexts/VirtualScrollContext.js";
+import "../../contexts/VirtualGridContext.js";
+import "../../utils/smoothScrollTo.js";
+import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/ZoomContext.js";
+import "../../utils/constants.js";
+import "../../utils/getZoomLevel.js";
+import "../../contexts/RotationContext.js";
+import "../../utils/hooks/useDebounce.js";
+import "../../contexts/PagesRotateContext.js";
+import "../../contexts/SmoothScrollContext.js";
+import "../../utils/getScrollDistance.js";
+import "../../utils/calculatePage.js";
+import "../../contexts/RenderQueueProvider.js";
+import "../../utils/Queue.js";
+import "../../utils/renderPage.js";
+import "pdfjs-dist";
+import "../../contexts/ThumbnailsContext.js";
+import "../../utils/hooks/useThumbnail.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../utils/hooks/useInfiniteScroll.js";
+import "../../utils/withRef.js";
+import "../../contexts/ToolbarComponentContext.js";
+import "./toolbar/tools/defaults/RPVerticalBar.js";
+import "../../contexts/IconToolContext.js";
+import "../../contexts/ToolComponentContext.js";
+import "./toolbar/ThumbnailTool.js";
+import "../icons/Thumbnail.js";
+import "../ui/Button.js";
+import "../ui/RPTooltip.js";
+import "../../index-c0faa594.js";
+import "react-dom";
+import "../../index-e3ee9457.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
+import "../../contexts/LocalizationContext.js";
+import "../../utils/hooks/useLocalization.js";
+import "./toolbar/tools/defaults/RPHorizontalBar.js";
+import "./toolbar/SearchTool.js";
+import "../icons/SearchIcon.js";
+import "../../SearchTool.module-99f60dc7.js";
+import "../ui/Input.js";
+import "../ui/Checkbox.js";
+import "../icons/CheckIcon.js";
+import "../icons/ClearIcon.js";
+import "../../contexts/SearchContext.js";
+import "../../utils/hooks/useSearch.js";
+import "../../utils/highlight.js";
+import "../../utils/charators.js";
+import "../../utils/getWordPositionInPage.js";
+import "../../contexts/IconContext.js";
+import "../icons/InfoIcon.js";
+import "./toolbar/SearchResultNavigator.js";
+import "../icons/ChevronUpIcon.js";
+import "./toolbar/SearchCloseButton.js";
+import "../icons/CloseIcon.js";
+import "../ui/DropDown.js";
+import "../../index-4baea9b5.js";
+import "../../Combination-54a77a7a.js";
+import "./toolbar/Paginate.js";
+import "../../Paginate.module-4eef00aa.js";
+import "./toolbar/ZoomTool.js";
+import "../icons/ZoomInIcon.js";
+import "../icons/ZoomOutIcon.js";
+import "../../ZoomTool.module-7082af8c.js";
+import "./toolbar/MenuItem.js";
+import "./toolbar/MenuSeparator.js";
+import "./toolbar/tools/ZoomLevelDisplay.js";
+import "../../utils/zoom.js";
+import "./toolbar/RPToolbarEnd.js";
+import "./toolbar/FileUploadTool.js";
+import "../icons/FileUploadDefaultIcon.js";
+import "../../contexts/FileInputContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "./toolbar/DarkModeTool.js";
+import "../icons/MoonIcon.js";
+import "../icons/SunIcon.js";
+import "../../contexts/DarkModeContext.js";
+import "../../utils/hooks/useDarkMode.js";
+import "./toolbar/OtherTool.js";
+import "../icons/ThreeDotIcon.js";
+import "./toolbar/DocumentDialog.js";
+import "../../utils/dateFormatter.js";
+import "./toolbar/PropertyItem.js";
+import "../../contexts/OtherToolContext.js";
+import "../../OtherTool.module-a4be5f1f.js";
+import "./toolbar/DocumentProperties.js";
+import "./toolbar/RotateTool.js";
+import "../icons/ClockwiseIcon.js";
+import "../../RotateTool.module-67946714.js";
+import "../../utils/hooks/useRotate.js";
+import "./toolbar/ViewModeTool.js";
+import "../icons/DualPageIcon.js";
+import "../icons/DualPageWithCoverIcon.js";
+import "../icons/SinglePageIcon.js";
+import "./toolbar/ScrollModeTool.js";
+import "../icons/PageScrollingIcon.js";
+import "../icons/VerticalScrollingIcon.js";
+import "../icons/HorizontalScrollingIcon.js";
+import "./toolbar/FileDownloadTool.js";
+import "../icons/FileDownloadDefaultIcon.js";
+import "../../utils/hooks/useFileDownload.js";
+import "../../contexts/DownloadContext.js";
+import "./toolbar/PrintTool.js";
+import "../icons/PrintDefaultIcon.js";
+import "../../contexts/PrintContext.js";
+import "../../utils/hooks/usePrint.js";
+import "./toolbar/FullScreenTool.js";
+import "../../contexts/FullScreenContext.js";
+import "../../utils/hooks/useFullScreen.js";
+import "../icons/FullScreenIcon.js";
+import "./toolbar/MostPageTool.js";
+import "../icons/GoToDownIcon.js";
+import "../../MostPageTool.module-13578ad6.js";
+import "./toolbar/SelectionModeTool.js";
+import "../icons/TextSelectionDefaultIcon.js";
+import "../icons/HandModeDefaultIcon.js";
+import "../../contexts/SelectionModeContext.js";
+import "../../RPToolbar.module-27d7fe77.js";
+import "../ui/LoadingIndicator.js";
+import "../../RPSplitter-f6acf13b.js";
+import "./toolbar/ToolbarCustom.js";
+import "../../contexts/DropFileZoneContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "../../contexts/ConfigContext.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+import "../icons/LightPdfIcon.js";
+import "../icons/DarkPdfIcon.js";
+import "../../contexts/ThemeContext.js";
+const vr = (e) => {
+  const {
+    children: n,
+    style: a,
+    className: l,
+    mobileWidth: s,
+    onLoaded: t,
+    cleanupOnLoaded: r,
+    onLayoutWidthChange: d,
+    toolbar: f
+  } = e, { setContainer: c } = y(), { loading: h } = x(), { LoaderImageComponent: i } = v();
+  return u(() => (t && t(), () => {
+    r && r();
+  }), [t, r]), // TODO: deprecated in v2.0.0, remove later ("LayoutContainer") ~
+  /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(L, { mobileWidth: s, onLayoutWidthChange: d, children: /* @__PURE__ */ m(C, { getContainerRef: c, style: a, className: l, children: [
+    /* @__PURE__ */ o(p, { href: "#rp-menu", label: "Skip to Menu" }),
+    /* @__PURE__ */ o(p, { href: "#rp-main-content", label: "Skip to Main Content" }),
+    /* @__PURE__ */ m(b, { children: [
+      /* @__PURE__ */ o(g, { toolbar: f, children: n }),
+      /* @__PURE__ */ o(k, {})
+    ] }),
+    h ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: j["rp-loader"],
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: i && /* @__PURE__ */ o(i, {})
+          }
+        )
+      }
+    ) : null
+  ] }) }) });
+};
+export {
+  vr as RPLayout
+};

package/dist/components/layout/SkipLink.js

@@ -0,0 +1,29 @@
+import { jsx as c } from "react/jsx-runtime";
+const s = {
+  "rp-skip-link": "_rp-skip-link_15qjp_1"
+}, l = ({ href: n, label: i }) => {
+  const o = (r) => {
+    r.preventDefault();
+    const e = document.querySelector(n);
+    if (!e)
+      return;
+    const t = e.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ) || e;
+    t && typeof t.focus == "function" && t.focus();
+  };
+  return /* @__PURE__ */ c(
+    "a",
+    {
+      href: n,
+      className: s["rp-skip-link"],
+      onClick: o,
+      "aria-label": i,
+      tabIndex: 0,
+      children: i
+    }
+  );
+};
+export {
+  l as SkipLink
+};

package/dist/components/layout/WrapperLayout.js

@@ -0,0 +1,26 @@
+import { jsx as r, Fragment as e } from "react/jsx-runtime";
+import { useDropFileZoneContext as n } from "../../contexts/DropFileZoneContext.js";
+import { useToolbarComponentContext as i } from "../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as a } from "../../contexts/ToolComponentContext.js";
+import "react";
+import "../../contexts/RPDocumentContext.js";
+import "../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../utils/types.js";
+import "../../de_DE-a553b162.js";
+import "../../utils/getThumbnailViewport.js";
+import "../../contexts/ConfigContext.js";
+import "../../contexts/DocumentPasswordContext.js";
+import "../../utils/appConsole.js";
+import "../../utils/hooks/usePdfProperties.js";
+import "../../utils/convertPdfDate.js";
+import "../../utils/formatFileSize.js";
+const s = {
+  "rp-wrapper-layout": "_rp-wrapper-layout_2cghq_1"
+}, j = ({ children: o }) => {
+  const { handleDragEnter: m } = n(), { dropFileZone: t } = i(), { dropFileZone: p } = a();
+  return typeof t == "boolean" && !t ? /* @__PURE__ */ r(e, { children: o }) : typeof p == "boolean" && !p ? /* @__PURE__ */ r(e, { children: o }) : /* @__PURE__ */ r("div", { className: s["rp-wrapper-layout"], onDragEnter: m, children: o });
+};
+export {
+  j as WrapperLayout
+};

package/dist/components/layout/sidebar/RPSidebar.js

@@ -0,0 +1,107 @@
+import { jsx as t, Fragment as f, jsxs as l } from "react/jsx-runtime";
+import { useState as T, useRef as s, useCallback as C, useMemo as I } from "react";
+import { ThumbnailIcon as x } from "../../icons/Thumbnail.js";
+import { UIButton as R } from "../../ui/Button.js";
+import { c as m, R as w } from "../../../RPSplitter-f6acf13b.js";
+import { Thumbnails as v } from "./Thumbnails.js";
+import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as k } from "../../../contexts/IconContext.js";
+import y from "../../ui/RPTooltip.js";
+import { useLocalizationContext as B } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as P } from "../../../contexts/IconToolContext.js";
+import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "./Thumbnail.js";
+import "../../icons/LoaderIcon.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../contexts/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/hooks/useLocalization.js";
+const $ = () => {
+  const { thumbnailIcon: o } = k(), { thumbnailIcon: p } = P();
+  return o || p || /* @__PURE__ */ t(x, {});
+}, Ut = () => {
+  const { active: o, setActive: p } = N(), [c, u] = T(W), e = s(null), a = s(null), { thumbnailTool: i, sidebarEnable: h } = S(), { localeMessages: r } = B(), n = C(() => {
+    p((d) => !d);
+  }, []), b = I(() => typeof i != "boolean" && i ? /* @__PURE__ */ t(i, { onClick: n, active: o }) : i ? /* @__PURE__ */ t(y, { content: r == null ? void 0 : r.thumbnailTooltip, children: /* @__PURE__ */ t(
+    R,
+    {
+      onClick: n,
+      active: o,
+      "aria-label": r == null ? void 0 : r.thumbnailTooltip,
+      children: /* @__PURE__ */ t($, {})
+    }
+  ) }) : null, [i, o, n, r]);
+  return /* @__PURE__ */ t(f, { children: h && /* @__PURE__ */ l(
+    "div",
+    {
+      style: { "--rp-thumbnail-width": `${c}px` },
+      className: m["rp-sidebar-content-wrapper"],
+      "data-rp": "sidebar",
+      children: [
+        /* @__PURE__ */ t("div", { ref: a, className: m["rp-sidebar-content"], children: b }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            "data-rp": "thumbnailSidebar",
+            className: `${m["rp-thumbnails-wrapper"]} ${o ? "" : m["rp-thumbnails-wrapper-hidden"]}`,
+            children: [
+              /* @__PURE__ */ t(v, { show: o, ref: e }),
+              /* @__PURE__ */ t(
+                w,
+                {
+                  onWidthChange: u,
+                  thumbnailRef: e,
+                  leftSidebarRef: a
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Ut as RPSidebar
+};

package/dist/components/layout/sidebar/RPSplitter.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "react";
+import { R as e } from "../../../RPSplitter-f6acf13b.js";
+import "../../../utils/constants.js";
+import "../../../contexts/LayoutContainerContext.js";
+export {
+  e as RPSplitter
+};