@react-pdf-kit/viewer 2.0.0-beta.0

package/dist/components/layout/toolbar/PropertyItem.js

@@ -0,0 +1,12 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import '../../../assets/PropertyItem.css';const r = {
+  "rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
+  "rp-property-item-label": "_rp-property-item-label_jno3l_11",
+  "rp-property-item-value": "_rp-property-item-value_jno3l_15"
+}, a = ({ label: p, value: t }) => /* @__PURE__ */ l("div", { className: r["rp-property-item-wrapper"], children: [
+  /* @__PURE__ */ e("div", { className: r["rp-property-item-label"], children: p }),
+  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: t || "-" })
+] });
+export {
+  a as PropertyItem
+};

package/dist/components/layout/toolbar/RPMenuItem.js

@@ -0,0 +1,23 @@
+import { jsxs as r, Fragment as l, jsx as m } from "react/jsx-runtime";
+import { MenuItem as f } from "./MenuItem.js";
+import { InfoIcon as s } from "../../icons/InfoIcon.js";
+import d from "../../ui/RPTooltip.js";
+import { MenuSeparator as n } from "./MenuSeparator.js";
+const M = ({
+  icon: t,
+  label: i,
+  tooltip: p,
+  onClick: c,
+  menuSeparator: e,
+  menuSeparatorPosition: o = "bottom"
+}) => /* @__PURE__ */ r(l, { children: [
+  o === "top" && e && /* @__PURE__ */ m(n, {}),
+  /* @__PURE__ */ m(f, { onClick: c, children: /* @__PURE__ */ r(d, { className: "rp-menu-item", content: p, children: [
+    /* @__PURE__ */ m("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ m(s, {}) }),
+    i ?? "No menu name"
+  ] }) }),
+  o === "bottom" && e && /* @__PURE__ */ m(n, {})
+] });
+export {
+  M as RPMenuItem
+};

package/dist/components/layout/toolbar/RPMoreOptions.js

@@ -0,0 +1,147 @@
+import { jsxs as T, Fragment as R, jsx as r } from "react/jsx-runtime";
+import { useState as k, useRef as z, useMemo as M, useEffect as j } from "react";
+import { p as H, D as L } from "../../../ToolbarLayout.module-c588d36b.js";
+import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
+import { ThreeDotIcon as U } from "../../icons/ThreeDotIcon.js";
+import { UIButton as y } from "../../ui/Button.js";
+import { UIDropDown as B } from "../../ui/DropDown.js";
+import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
+import { G as E } from "../../../index-f563c6f0.js";
+import { MenuSeparator as b } from "./MenuSeparator.js";
+import $ from "../../ui/RPTooltip.js";
+import { useLocalizationContext as q } from "../../../contexts/LocalizationContext.js";
+import { FileDownloadTool as A } from "./tools/more-options/FileDownloadTool.js";
+import { FileUploadTool as J } from "./tools/more-options/FileUploadTool.js";
+import { PrintTool as K } from "./tools/more-options/PrintTool.js";
+import { FullScreenTool as Q } from "./tools/more-options/FullScreenTool.js";
+import { MostPageTool as W } from "./tools/more-options/MostPageTool.js";
+import { RotateTool as X } from "./tools/more-options/RotateTool.js";
+import { SelectionModeTool as Y } from "./tools/more-options/SelectionModeTool.js";
+import { ViewModeTool as Z } from "./tools/more-options/ViewModeTool.js";
+import { ScrollModeTool as _ } from "./tools/more-options/ScrollModeTool.js";
+import { DocumentProperties as oo } from "./tools/more-options/DocumentProperties.js";
+const Vo = (P) => {
+  const { children: S, icons: o, slots: e, slotTop: s, slotBottom: V } = P, {
+    openFileTool: i = !0,
+    downloadTool: l = !0,
+    printTool: n = !0,
+    fullscreenTool: c = !0,
+    jumpNavigationTool: u = !0,
+    rotateTool: d = !0,
+    selectionModeTool: f = !0,
+    scrollModeTool: I = !0,
+    documentProperties: g = !0,
+    viewModeTool: h = !0
+  } = e ?? {}, { container: v, pagesRef: m } = N(), { isSmallScreen: p } = G(), { localeMessages: t } = q(), [x, C] = k(0), w = z(
+    new ResizeObserver((a) => {
+      C(a[0].contentRect.height);
+    })
+  ), D = M(() => {
+    let a = !1;
+    const O = u || d || f || I || g || h;
+    return p && (a = !(!i && !l && !n && !c)), O || a;
+  }, [
+    p,
+    i,
+    n,
+    c,
+    l,
+    g,
+    I,
+    d,
+    f,
+    u,
+    h
+  ]), F = M(() => i || l || n || c, [i, l, n, c]);
+  return j(() => (m && w.current.observe(m), () => {
+    w.current.disconnect();
+  }), [m]), D ? /* @__PURE__ */ T(R, { children: [
+    /* @__PURE__ */ r(
+      B,
+      {
+        container: v,
+        triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r($, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ r(y, { "aria-label": t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ r(U, {}) }) }) }),
+        children: /* @__PURE__ */ T(
+          "div",
+          {
+            style: { maxHeight: `${x}px`, overflow: "auto" },
+            className: H["rp-other-tool-content"],
+            "data-rp": "moreOptionsDropdown",
+            children: [
+              s,
+              p && /* @__PURE__ */ T(E, { children: [
+                /* @__PURE__ */ r(J, { icon: o == null ? void 0 : o.openFileIcon, isToolVisible: e == null ? void 0 : e.openFileTool }),
+                /* @__PURE__ */ r(A, { icon: o == null ? void 0 : o.downloadIcon, isToolVisible: e == null ? void 0 : e.downloadTool }),
+                /* @__PURE__ */ r(K, { icon: o == null ? void 0 : o.printIcon, isToolVisible: e == null ? void 0 : e.printTool }),
+                /* @__PURE__ */ r(Q, { icon: o == null ? void 0 : o.fullScreenIcon, isToolVisible: e == null ? void 0 : e.fullscreenTool }),
+                F && /* @__PURE__ */ r(b, {})
+              ] }),
+              /* @__PURE__ */ r(
+                W,
+                {
+                  icons: {
+                    firstPageIcon: o == null ? void 0 : o.goToFirstPageIcon,
+                    lastPageIcon: o == null ? void 0 : o.goToLastPageIcon
+                  },
+                  isToolVisible: e == null ? void 0 : e.jumpNavigationTool
+                }
+              ),
+              /* @__PURE__ */ r(
+                X,
+                {
+                  icons: {
+                    rotateClockwiseIcon: o == null ? void 0 : o.rotateClockwiseIcon,
+                    rotateCounterClockwiseIcon: o == null ? void 0 : o.rotateCounterClockwiseIcon
+                  },
+                  isToolVisible: e == null ? void 0 : e.rotateTool
+                }
+              ),
+              /* @__PURE__ */ r(
+                Y,
+                {
+                  icons: {
+                    handModeIcon: o == null ? void 0 : o.handModeIcon,
+                    textSelectionIcon: o == null ? void 0 : o.textSelectionIcon
+                  },
+                  isToolVisible: e == null ? void 0 : e.selectionModeTool
+                }
+              ),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  icons: { singlePageIcon: o == null ? void 0 : o.singlePageIcon, dualPageIcon: o == null ? void 0 : o.dualPageIcon },
+                  isToolVisible: e == null ? void 0 : e.viewModeTool
+                }
+              ),
+              /* @__PURE__ */ r(
+                _,
+                {
+                  icons: {
+                    pageScrollIcon: o == null ? void 0 : o.pageScrollIcon,
+                    verticalScrollIcon: o == null ? void 0 : o.verticalScrollIcon,
+                    horizontalScrollIcon: o == null ? void 0 : o.horizontalScrollIcon
+                  },
+                  isToolVisible: e == null ? void 0 : e.scrollModeTool
+                }
+              ),
+              !((e == null ? void 0 : e.scrollModeTool) === !1 || (e == null ? void 0 : e.documentProperties) === !1) && /* @__PURE__ */ r(b, {}),
+              /* @__PURE__ */ r(
+                oo,
+                {
+                  icon: o == null ? void 0 : o.documentPropertiesIcon,
+                  isToolVisible: e == null ? void 0 : e.documentProperties
+                }
+              ),
+              V,
+              S
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(L, {})
+  ] }) : "";
+};
+export {
+  Vo as RPMoreOptions
+};

package/dist/components/layout/toolbar/RPToolbar.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import { X as e } from "../../../ToolbarLayout.module-c588d36b.js";
+import "./ZoomTool.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../utils/withRef.js";
+export {
+  e as RPToolbar
+};

package/dist/components/layout/toolbar/RPToolbarEnd.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "./FileUploadTool.js";
+import "./DarkModeTool.js";
+import { l } from "../../../ToolbarLayout.module-c588d36b.js";
+import "./FullScreenTool.js";
+import "../../../contexts/ViewportContext.js";
+export {
+  l as RPToolbarEnd
+};

package/dist/components/layout/toolbar/RotateTool.js

@@ -0,0 +1,36 @@
+import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
+import { G as p } from "../../../index-f563c6f0.js";
+import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
+import { MenuItem as c } from "./MenuItem.js";
+import { c as f } from "../../../RotateTool.module-03987eba.js";
+import { MenuSeparator as k } from "./MenuSeparator.js";
+import { useRotate as w } from "../../../utils/hooks/useRotate.js";
+import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as l } from "../../../contexts/IconContext.js";
+import i from "../../ui/RPTooltip.js";
+import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
+const h = () => {
+  const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, {});
+}, x = () => {
+  const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
+  return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
+}, q = () => {
+  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
+  return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
+      o == null ? void 0 : o.rotateClockwiseLabel
+    ] }) }),
+    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
+      o == null ? void 0 : o.rotateCounterclockwiseLabel
+    ] }) }),
+    /* @__PURE__ */ t(k, {})
+  ] }) });
+};
+export {
+  q as RotateTool
+};

package/dist/components/layout/toolbar/ScrollModeTool.js

@@ -0,0 +1,56 @@
+import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
+import { G as C } from "../../../index-f563c6f0.js";
+import { MenuItem as m } from "./MenuItem.js";
+import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
+import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as T } from "../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as s } from "../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as N } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as G, ScrollMode as l } from "../../../utils/types.js";
+import { CheckIcon as p } from "../../icons/CheckIcon.js";
+import { useViewModeContext as O } from "../../../contexts/ViewModeContext.js";
+import { useMemo as R } from "react";
+import { useIconContext as d } from "../../../contexts/IconContext.js";
+import u from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as v } from "../../../contexts/ToolComponentContext.js";
+const z = () => {
+  const { pageScrollIcon: n } = d(), { pageScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(h, {});
+}, A = () => {
+  const { verticalScrollIcon: n } = d(), { verticalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(T, {});
+}, g = () => {
+  const { horizontalScrollIcon: n } = d(), { horizontalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(s, {});
+}, J = () => {
+  const { scrollModeTool: n = !0 } = L(), { scrollModeTool: t = !0 } = v(), { viewMode: S } = O(), { scrollMode: i, setScrollMode: e } = N(), { localeMessages: o } = x(), a = R(() => S === G.DUAL_PAGE, [S]);
+  return !n || !t ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ r(m, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(z, {}) }),
+      o == null ? void 0 : o.pageScrollingLabel,
+      i === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ r(m, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(A, {}) }),
+      o == null ? void 0 : o.verticalScrollingLabel,
+      i === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ r(
+      m,
+      {
+        disabled: a,
+        onClick: () => e(l.HORIZONTAL_SCROLLING),
+        children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
+          o == null ? void 0 : o.horizontalLabel,
+          i === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+        ] })
+      }
+    )
+  ] }) });
+};
+export {
+  J as ScrollModeTool
+};

package/dist/components/layout/toolbar/SearchCloseButton.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "../../ui/RPTooltip.js";
+import "../../ui/Button.js";
+import "../../icons/CloseIcon.js";
+import "../../../contexts/LocalizationContext.js";
+import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
+export {
+  a as SearchCloseButton
+};

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../ui/RPTooltip.js";
+import "../../ui/Button.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../../contexts/LocalizationContext.js";
+import { W as s } from "../../../ToolbarLayout.module-c588d36b.js";
+import "../../../SearchCloseButton-cbf182aa.js";
+export {
+  s as SearchResultNavigator
+};

package/dist/components/layout/toolbar/SearchTool.js

@@ -0,0 +1,61 @@
+import "react/jsx-runtime";
+import "../../ui/Button.js";
+import "../../icons/SearchIcon.js";
+import "react";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../SearchCloseButton-cbf182aa.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/ClearIcon.js";
+import "../../icons/LoaderIcon.js";
+import { S as io } from "../../../ToolbarLayout.module-c588d36b.js";
+import "../../../contexts/IconContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../sidebar/RPSplitter.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-a871c161.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../ui/RPTooltip.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
+import "../../ui/DropDown.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../icons/InfoIcon.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-03987eba.js";
+export {
+  io as SearchTool
+};

package/dist/components/layout/toolbar/SelectionModeTool.js

@@ -0,0 +1,40 @@
+import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
+import { G as a } from "../../../index-f563c6f0.js";
+import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
+import { CheckIcon as l } from "../../icons/CheckIcon.js";
+import { MenuItem as d } from "./MenuItem.js";
+import { SelectionMode as r } from "../../../utils/types.js";
+import { MenuSeparator as x } from "./MenuSeparator.js";
+import { useIconContext as u } from "../../../contexts/IconContext.js";
+import { useSelectionModeContext as I } from "../../../contexts/SelectionModeContext.js";
+import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
+import p from "../../ui/RPTooltip.js";
+import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
+const N = () => {
+  const { textSelectionIcon: e } = u(), { textSelectionIcon: n } = T();
+  return e || n || /* @__PURE__ */ t(h, {});
+}, D = () => {
+  const { handModeIcon: e } = u(), { handModeIcon: n } = T();
+  return e || n || /* @__PURE__ */ t(s, {});
+}, q = () => {
+  const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: c, setSelectionMode: m } = I(), { localeMessages: o } = C();
+  return !e || !n ? null : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(d, { onClick: () => m(r.TEXT), children: /* @__PURE__ */ i(p, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(N, {}) }),
+      o == null ? void 0 : o.textSelectionLabel,
+      c === r.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(d, { onClick: () => m(r.HAND), children: /* @__PURE__ */ i(p, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(D, {}) }),
+      o == null ? void 0 : o.handToolLabel,
+      c === r.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(x, {})
+  ] }) });
+};
+export {
+  q as SelectionModeTool
+};

package/dist/components/layout/toolbar/ThumbnailTool.js

@@ -0,0 +1,17 @@
+import { jsx as o, Fragment as u } from "react/jsx-runtime";
+import { h as a } from "../../../ToolbarLayout.module-c588d36b.js";
+import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
+import { UIButton as p } from "../../ui/Button.js";
+import e from "../../ui/RPTooltip.js";
+import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+const y = () => {
+  const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
+    c(!t);
+  };
+  return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;
+};
+export {
+  y as ThumbnailTool
+};

package/dist/components/layout/toolbar/ToolbarCustom.js

@@ -0,0 +1,95 @@
+import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useState as x } from "react";
+import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-c588d36b.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import { RPSplitter as R } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-a871c161.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../ui/Button.js";
+import "../../../SearchCloseButton-cbf182aa.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-03987eba.js";
+const Lt = (d) => {
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
+  return /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
+      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
+        /* @__PURE__ */ o(n, { children: [
+          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !e,
+              className: i["rp-thumbnails-wrapper"],
+              style: { ...e && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  R,
+                  {
+                    onWidthChange: T,
+                    thumbnailRef: s,
+                    leftSidebarRef: l,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(n, { children: h })
+      ] })
+    ] }),
+    b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
+  ] });
+};
+export {
+  Lt as ToolbarCustom
+};

package/dist/components/layout/toolbar/ToolbarDefault.js

@@ -0,0 +1,97 @@
+import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useRef as n, useState as b } from "react";
+import { h as f, c as v, m as o, n as x, o as N } from "../../../ToolbarLayout.module-c588d36b.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
+import { RPSplitter as T } from "../sidebar/RPSplitter.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-a871c161.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../ui/Button.js";
+import "../../../SearchCloseButton-cbf182aa.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-03987eba.js";
+import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
+const Wt = (s) => {
+  const { children: l } = s, p = n(null), { active: i } = f(), { showPrintProgress: c } = P(), { progress: d } = v(), { percentage: e } = d || {}, a = n(null), [h, u] = b(R);
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r("div", { className: o["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ t(g, {}) }),
+      /* @__PURE__ */ r("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: a, className: o["rp-sidebar-content"], children: /* @__PURE__ */ t(C, {}) }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !i,
+              className: o["rp-thumbnails-wrapper"],
+              style: { ...i && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(x, { show: i, ref: p, width: h }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  T,
+                  {
+                    onWidthChange: u,
+                    thumbnailRef: p,
+                    leftSidebarRef: a,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(m, { children: l })
+      ] })
+    ] }),
+    c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
+  ] });
+};
+export {
+  Wt as ToolbarDefault
+};