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

package/dist/components/layout/toolbar/tools/ZoomLevelTool.js

@@ -1,134 +1,95 @@
-import { jsx as r, Fragment as v, jsxs as e } from "react/jsx-runtime";
-import { useState as x, useRef as C, useEffect as A } from "react";
-import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
-import { UIButton as T } from "../../../ui/Button.js";
-import { c as n } from "../../../../ZoomTool.module-7082af8c.js";
-import { UIDropDown as b } from "../../../ui/DropDown.js";
-import { useLayoutContainer as P } from "../../../../contexts/LayoutContainerContext.js";
-import { G as u } from "../../../../index-11f3cd64.js";
-import { MenuItem as c } from "../MenuItem.js";
-import { MenuSeparator as k } from "../MenuSeparator.js";
-import I from "../../../ui/RPTooltip.js";
-import { ZoomLevel as i } from "../../../../utils/types.js";
-import { useLocalizationContext as w } from "../../../../contexts/LocalizationContext.js";
-import { ChevronDownIcon as D } from "../../../icons/ChevronDownIcon.js";
-import { ZoomLevelDisplay as G } from "./ZoomLevelDisplay.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/const.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../../de_DE-8145915f.js";
-import "../../../../utils/constants.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../Combination-17ab8af1.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/hooks/useLocalization.js";
-const S = [50, 75, 100, 125, 150, 200, 300, 400], To = ({ icon: d }) => {
-  const { zoomLevel: m, setZoomLevel: p } = L(), { container: f, pagesRef: a } = P(), { localeMessages: o } = w(), [l, z] = x(0), h = C(
-    new ResizeObserver((t) => {
-      z(t[0].contentRect.height);
-    })
-  );
-  return A(() => (a && h.current.observe(a), () => {
-    h.current.disconnect();
-  }), [a]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
-    b,
-    {
-      container: f,
-      triggerComponent: /* @__PURE__ */ r("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ e(
-        T,
-        {
-          className: n["rp-current-zoom-wrapper"],
-          "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
-          "aria-expanded": !1,
-          children: [
-            /* @__PURE__ */ r(
-              G,
-              {
-                zoomLevel: m,
-                className: n["rp-current-zoom-text"]
-              }
-            ),
-            /* @__PURE__ */ r("div", { className: n["rp-zoom-level-icon"], "aria-hidden": "true", children: d || /* @__PURE__ */ r(D, {}) })
-          ]
-        }
-      ) }) }),
-      style: { minWidth: "200px" },
-      align: "center",
-      children: /* @__PURE__ */ e(
-        "div",
-        {
-          style: { maxHeight: `${l}px`, overflow: "auto" },
-          className: n["rp-zoom-dropdown-content"],
-          children: [
-            /* @__PURE__ */ e(u, { children: [
-              /* @__PURE__ */ r(
-                c,
-                {
-                  onClick: () => p(i.ACTUAL),
-                  "aria-label": o == null ? void 0 : o.zoomActualSize,
-                  "aria-checked": m === i.ACTUAL,
-                  children: o == null ? void 0 : o.zoomActualSize
-                }
-              ),
-              /* @__PURE__ */ r(
-                c,
-                {
-                  onClick: () => p(i.PAGE_FIT),
-                  "aria-label": o == null ? void 0 : o.zoomPageFit,
-                  "aria-checked": m === i.PAGE_FIT,
-                  children: o == null ? void 0 : o.zoomPageFit
-                }
-              ),
-              /* @__PURE__ */ r(
-                c,
-                {
-                  onClick: () => p(i.PAGE_WIDTH),
-                  "aria-label": o == null ? void 0 : o.zoomPageWidth,
-                  "aria-checked": m === i.PAGE_WIDTH,
-                  children: o == null ? void 0 : o.zoomPageWidth
-                }
-              )
-            ] }),
-            /* @__PURE__ */ r(k, {}),
-            /* @__PURE__ */ r(u, { children: S.map((t) => /* @__PURE__ */ e(
-              c,
-              {
-                onClick: () => p(t),
-                "aria-label": `${t}%`,
-                "aria-checked": m === t,
-                children: [
-                  t,
-                  " %"
-                ]
-              },
-              t
-            )) })
-          ]
-        }
-      )
-    }
-  ) });
-};
-export {
-  To as ZoomLevelTool
+import { ZoomLevel as e } from "../../../../utils/types.js";
+import { useLayoutContainer as t } from "../../../../contexts/LayoutContainerContext.js";
+import { useZoomContext as n } from "../../../../contexts/ZoomContext.js";
+import { useLocalizationContext as r } from "../../../../contexts/LocalizationContext.js";
+import { t as i } from "../../../../Button-jStpvb3T.js";
+import { t as a } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { n as o } from "../../../../dist-CKteKPPA.js";
+import { t as s } from "../../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../../DropDown-DikL-krI.js";
+import { t as l } from "../../../../MenuSeparator-D1H5l8Ej.js";
+import { t as u } from "../../../../ZoomTool.module-BrIPy8pO.js";
+import { ZoomLevelDisplay as d } from "./ZoomLevelDisplay.js";
+import { ChevronDownIcon as f } from "../../../icons/ChevronDownIcon.js";
+import { useEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ZoomLevelTool.tsx
+var y = [
+	50,
+	75,
+	100,
+	125,
+	150,
+	200,
+	300,
+	400
+], b = ({ icon: b }) => {
+	let { zoomLevel: x, setZoomLevel: S } = n(), { container: C, pagesRef: w } = t(), { localeMessages: T } = r(), [E, D] = h(0), O = m(new ResizeObserver((e) => {
+		D(e[0].contentRect.height);
+	}));
+	return p(() => (w && O.current.observe(w), () => {
+		O.current.disconnect();
+	}), [w]), /* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(c, {
+		container: C,
+		triggerComponent: /* @__PURE__ */ _("div", {
+			role: "button",
+			"aria-haspopup": "menu",
+			children: /* @__PURE__ */ _(a, {
+				content: T?.zoomSelectTooltip,
+				children: /* @__PURE__ */ v(i, {
+					className: u["rp-current-zoom-wrapper"],
+					"aria-label": T?.zoomSelectTooltip,
+					"aria-expanded": !1,
+					children: [/* @__PURE__ */ _(d, {
+						zoomLevel: x,
+						className: u["rp-current-zoom-text"]
+					}), /* @__PURE__ */ _("div", {
+						className: u["rp-zoom-level-icon"],
+						"aria-hidden": "true",
+						children: b || /* @__PURE__ */ _(f, {})
+					})]
+				})
+			})
+		}),
+		style: { minWidth: "200px" },
+		align: "center",
+		children: /* @__PURE__ */ v("div", {
+			style: {
+				maxHeight: `${E}px`,
+				overflow: "auto"
+			},
+			className: u["rp-zoom-dropdown-content"],
+			children: [
+				/* @__PURE__ */ v(o, { children: [
+					/* @__PURE__ */ _(s, {
+						onClick: () => S(e.ACTUAL),
+						"aria-label": T?.zoomActualSize,
+						"aria-checked": x === e.ACTUAL,
+						children: T?.zoomActualSize
+					}),
+					/* @__PURE__ */ _(s, {
+						onClick: () => S(e.PAGE_FIT),
+						"aria-label": T?.zoomPageFit,
+						"aria-checked": x === e.PAGE_FIT,
+						children: T?.zoomPageFit
+					}),
+					/* @__PURE__ */ _(s, {
+						onClick: () => S(e.PAGE_WIDTH),
+						"aria-label": T?.zoomPageWidth,
+						"aria-checked": x === e.PAGE_WIDTH,
+						children: T?.zoomPageWidth
+					})
+				] }),
+				/* @__PURE__ */ _(l, {}),
+				/* @__PURE__ */ _(o, { children: y.map((e) => /* @__PURE__ */ v(s, {
+					onClick: () => S(e),
+					"aria-label": `${e}%`,
+					"aria-checked": x === e,
+					children: [e, " %"]
+				}, e)) })
+			]
+		})
+	}) });
 };
+//#endregion
+export { b as ZoomLevelTool };

package/dist/components/layout/toolbar/tools/ZoomOutTool.js

@@ -1,59 +1,30 @@
-import { jsx as r, Fragment as u } from "react/jsx-runtime";
-import { useMemo as d, useCallback as l } from "react";
-import { useZoomContext as a } from "../../../../contexts/ZoomContext.js";
-import { UIButton as c } from "../../../ui/Button.js";
-import f from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
-import { ZoomOutIcon as Z } from "../../../icons/ZoomOutIcon.js";
-import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
-import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
-import "../../../../utils/types.js";
-import "../../../../de_DE-8145915f.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/const.js";
-import "../../../../utils/hooks/usePdfProperties.js";
-import "../../../../utils/convertPdfDate.js";
-import "../../../../utils/formatFileSize.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../index-23911b43.js";
-import "../../../../index-d0f0aa9a.js";
-import "../../../../index-ada501c4.js";
-import "../../../../utils/hooks/useLocalization.js";
-const ro = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: i } = a(), { localeMessages: o } = O(), p = d(() => s(t), [t]), n = l(() => {
-    i(() => {
-      const e = Math.ceil(t * 100 / 25) * 25;
-      return Math.min(e - 25, h);
-    });
-  }, [i, t]);
-  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(f, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
-    c,
-    {
-      disabled: p,
-      onClick: n,
-      "aria-label": o == null ? void 0 : o.zoomOutTooltip,
-      "aria-disabled": p,
-      children: m || /* @__PURE__ */ r(Z, { "aria-hidden": "true" })
-    }
-  ) }) });
-};
-export {
-  ro as ZoomOutTool
+import { MAX_ZOOM_SCALE as e } from "../../../../utils/constants.js";
+import { useZoomContext as t } from "../../../../contexts/ZoomContext.js";
+import { useLocalizationContext as n } from "../../../../contexts/LocalizationContext.js";
+import { t as r } from "../../../../Button-jStpvb3T.js";
+import { t as i } from "../../../../RPTooltip-ZZoFqP7C.js";
+import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
+import { isZoomOutDisabled as o } from "../../../../utils/zoom.js";
+import { useCallback as s, useMemo as c } from "react";
+import { Fragment as l, jsx as u } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/ZoomOutTool.tsx
+var d = ({ icon: d }) => {
+	let { currentZoom: f, setZoomLevel: p } = t(), { localeMessages: m } = n(), h = c(() => o(f), [f]), g = s(() => {
+		p(() => {
+			let t = Math.ceil(f * 100 / 25) * 25;
+			return Math.min(t - 25, e);
+		});
+	}, [p, f]);
+	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(i, {
+		content: m?.zoomOutTooltip,
+		children: /* @__PURE__ */ u(r, {
+			disabled: h,
+			onClick: g,
+			"aria-label": m?.zoomOutTooltip,
+			"aria-disabled": h,
+			children: d || /* @__PURE__ */ u(a, { "aria-hidden": "true" })
+		})
+	}) });
 };
+//#endregion
+export { d as ZoomOutTool };

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -1,149 +1,61 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { useState as d, useEffect as f } from "react";
-import { SearchTool as y } from "../../SearchTool.js";
-import { Paginate as C } from "../../Paginate.js";
-import { ZoomTool as R } from "../../ZoomTool.js";
-import { RPToolbarEnd as v } from "../../RPToolbarEnd.js";
-import { c as t } from "../../../../../RPToolbar.module-27d7fe77.js";
-import { useViewportContext as x } from "../../../../../contexts/ViewportContext.js";
-import { useIconToolContext as I } from "../../../../../contexts/IconToolContext.js";
-import { useToolComponentContext as T } from "../../../../../contexts/ToolComponentContext.js";
-import "../../../../ui/Button.js";
-import "../../../../../clsx-0c6e471a.js";
-import "../../../../../utils/withRef.js";
-import "../../../../icons/SearchIcon.js";
-import "../../../../../contexts/LayoutContainerContext.js";
-import "../../../../../SearchTool.module-99f60dc7.js";
-import "../../../../ui/Input.js";
-import "../../../../ui/Checkbox.js";
-import "../../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../../index-ada501c4.js";
-import "../../../../icons/CheckIcon.js";
-import "../../../../icons/ClearIcon.js";
-import "../../../../icons/LoaderIcon.js";
-import "../../../../../contexts/SearchContext.js";
-import "../../../../../utils/hooks/useSearch.js";
-import "../../../../../utils/types.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/highlight.js";
-import "../../../../../utils/charators.js";
-import "../../../../../contexts/VirtualScrollContext.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/const.js";
-import "../../../../../utils/hooks/usePdfProperties.js";
-import "../../../../../utils/convertPdfDate.js";
-import "../../../../../utils/formatFileSize.js";
-import "../../../../../contexts/ZoomContext.js";
-import "../../../../../utils/constants.js";
-import "../../../../../utils/getZoomLevel.js";
-import "../../../../../contexts/ViewModeContext.js";
-import "../../../../../contexts/RotationContext.js";
-import "../../../../../contexts/GlobalCurrentPage.js";
-import "../../../../../contexts/EventCallbackContext.js";
-import "../../../../../utils/hooks/useDebounce.js";
-import "../../../../../PaginationContext-87f832f2.js";
-import "../../../../../contexts/VirtualGridContext.js";
-import "../../../../../utils/smoothScrollTo.js";
-import "../../../../../contexts/DimensionPagesContext.js";
-import "../../../../../contexts/PagesRotateContext.js";
-import "../../../../../contexts/SmoothScrollContext.js";
-import "../../../../../utils/getScrollDistance.js";
-import "../../../../../utils/calculatePage.js";
-import "../../../../../utils/getWordPositionInPage.js";
-import "../../../../../contexts/IconContext.js";
-import "../../../../ui/RPTooltip.js";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../contexts/ToolbarComponentContext.js";
-import "../../../../../contexts/LocalizationContext.js";
-import "../../../../../utils/hooks/useLocalization.js";
-import "../../../../icons/InfoIcon.js";
-import "../../SearchResultNavigator.js";
-import "../../../../icons/ChevronUpIcon.js";
-import "../../SearchCloseButton.js";
-import "../../../../icons/CloseIcon.js";
-import "../../../../ui/DropDown.js";
-import "../../../../../index-11f3cd64.js";
-import "../../../../../Combination-17ab8af1.js";
-import "../../../../../Paginate.module-4eef00aa.js";
-import "../../../../icons/ZoomInIcon.js";
-import "../../../../icons/ZoomOutIcon.js";
-import "../../../../../ZoomTool.module-7082af8c.js";
-import "../../MenuItem.js";
-import "../../MenuSeparator.js";
-import "../ZoomLevelDisplay.js";
-import "../../../../../utils/zoom.js";
-import "../../FileUploadTool.js";
-import "../../../../icons/FileUploadDefaultIcon.js";
-import "../../../../../contexts/FileInputContext.js";
-import "../../DarkModeTool.js";
-import "../../../../icons/MoonIcon.js";
-import "../../../../icons/SunIcon.js";
-import "../../../../../contexts/DarkModeContext.js";
-import "../../../../../utils/hooks/useDarkMode.js";
-import "../../OtherTool.js";
-import "../../../../icons/ThreeDotIcon.js";
-import "../../DocumentDialog.js";
-import "../../../../../utils/dateFormatter.js";
-import "../../PropertyItem.js";
-import "../../../../../contexts/OtherToolContext.js";
-import "../../../../../OtherTool.module-a4be5f1f.js";
-import "../../DocumentProperties.js";
-import "../../RotateTool.js";
-import "../../../../icons/ClockwiseIcon.js";
-import "../../../../../RotateTool.module-67946714.js";
-import "../../../../../utils/hooks/useRotate.js";
-import "../../ViewModeTool.js";
-import "../../../../icons/DualPageIcon.js";
-import "../../../../icons/DualPageWithCoverIcon.js";
-import "../../../../icons/SinglePageIcon.js";
-import "../../ScrollModeTool.js";
-import "../../../../icons/PageScrollingIcon.js";
-import "../../../../icons/VerticalScrollingIcon.js";
-import "../../../../icons/HorizontalScrollingIcon.js";
-import "../../FileDownloadTool.js";
-import "../../../../icons/FileDownloadDefaultIcon.js";
-import "../../../../../utils/hooks/useFileDownload.js";
-import "../../../../../contexts/DownloadContext.js";
-import "../../PrintTool.js";
-import "../../../../icons/PrintDefaultIcon.js";
-import "../../../../../contexts/PrintContext.js";
-import "../../../../../utils/hooks/usePrint.js";
-import "../../FullScreenTool.js";
-import "../../../../../contexts/FullScreenContext.js";
-import "../../../../../utils/hooks/useFullScreen.js";
-import "../../../../icons/FullScreenIcon.js";
-import "../../MostPageTool.js";
-import "../../../../icons/GoToDownIcon.js";
-import "../../../../../MostPageTool.module-13578ad6.js";
-import "../../SelectionModeTool.js";
-import "../../../../icons/TextSelectionDefaultIcon.js";
-import "../../../../icons/HandModeDefaultIcon.js";
-import "../../../../../contexts/SelectionModeContext.js";
-const Ut = (u) => {
-  const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: e } = T(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = x(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
-  return f(() => {
-    p((r) => ({ ...r, ...i })), a(!0);
-  }, [i, p, s, a]), f(() => {
-    e((r) => ({ ...r, ...m })), n(!0);
-  }, [m, e, l, n]), !s || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: S(), children: [
-    /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
-      /* @__PURE__ */ o(y, {}),
-      /* @__PURE__ */ o(C, {})
-    ] }),
-    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
-    /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
-  ] }) });
-};
-export {
-  Ut as RPHorizontalBar
+import { useToolComponentContext as e } from "../../../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as t } from "../../../../../contexts/IconToolContext.js";
+import { t as n } from "../../../../../RPToolbar.module-BwqWLviy.js";
+import { useViewportContext as r } from "../../../../../contexts/ViewportContext.js";
+import { Paginate as i } from "../../Paginate.js";
+import { RPToolbarEnd as a } from "../../RPToolbarEnd.js";
+import { ZoomTool as o } from "../../ZoomTool.js";
+import { SearchTool as s } from "../../SearchTool.js";
+import { useEffect as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/defaults/RPHorizontalBar.tsx
+var f = (f) => {
+	let { icons: p, slots: m } = f, { setIcons: h } = t(), { setSlots: g } = e(), [_, v] = l(!1), [y, b] = l(!1), { isSmallScreen: x } = r();
+	return c(() => {
+		h((e) => ({
+			...e,
+			...p
+		})), v(!0);
+	}, [
+		p,
+		h,
+		_,
+		v
+	]), c(() => {
+		g((e) => ({
+			...e,
+			...m
+		})), b(!0);
+	}, [
+		m,
+		g,
+		y,
+		b
+	]), !_ || !y ? null : /* @__PURE__ */ u("div", {
+		"data-rp": "topBar",
+		style: { width: "100%" },
+		children: /* @__PURE__ */ d("div", {
+			className: n["rp-toolbar-wrapper"],
+			style: x ? { gridTemplateColumns: "25% 60% 15%" } : void 0,
+			children: [
+				/* @__PURE__ */ d("div", {
+					"data-rp": "topBarLeft",
+					className: n["rp-toolbar-start"],
+					children: [/* @__PURE__ */ u(s, {}), /* @__PURE__ */ u(i, {})]
+				}),
+				/* @__PURE__ */ u("div", {
+					"data-rp": "topBarCenter",
+					className: n["rp-toolbar-middle"],
+					children: /* @__PURE__ */ u(o, {})
+				}),
+				/* @__PURE__ */ u("div", {
+					"data-rp": "topBarRight",
+					className: n["rp-toolbar-end"],
+					children: /* @__PURE__ */ u(a, {})
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { f as RPHorizontalBar };

package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js

@@ -1,43 +1,32 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as l, useEffect as a } from "react";
-import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
-import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
-import { ThumbnailTool as I } from "../../ThumbnailTool.js";
-import "../../../../../contexts/ThumbnailsContext.js";
-import "../../../../../utils/hooks/useThumbnail.js";
-import "../../../../../contexts/RPDocumentContext.js";
-import "../../../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../../../utils/types.js";
-import "../../../../../de_DE-8145915f.js";
-import "../../../../../utils/getThumbnailViewport.js";
-import "../../../../../contexts/ConfigContext.js";
-import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../utils/appConsole.js";
-import "../../../../../utils/const.js";
-import "../../../../../utils/hooks/usePdfProperties.js";
-import "../../../../../utils/convertPdfDate.js";
-import "../../../../../utils/formatFileSize.js";
-import "../../../../icons/Thumbnail.js";
-import "../../../../ui/Button.js";
-import "../../../../../clsx-0c6e471a.js";
-import "../../../../../utils/withRef.js";
-import "../../../../ui/RPTooltip.js";
-import "../../../../../index-113053cf.js";
-import "react-dom";
-import "../../../../../index-23911b43.js";
-import "../../../../../index-d0f0aa9a.js";
-import "../../../../../index-ada501c4.js";
-import "../../../../../contexts/LocalizationContext.js";
-import "../../../../../utils/hooks/useLocalization.js";
-const W = (f) => {
-  const { icons: t, slots: r } = f, { setIcons: i } = u(), { setSlots: m } = d(), [p, s] = l(!1), [e, n] = l(!1);
-  return a(() => {
-    i((o) => ({ ...o, ...t })), s(!0);
-  }, [t, i, p, s]), a(() => {
-    m((o) => ({ ...o, ...r })), n(!0);
-  }, [r, m, e, n]), !p || !e ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(I, {}) });
-};
-export {
-  W as RPVerticalBar
+import { useToolComponentContext as e } from "../../../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as t } from "../../../../../contexts/IconToolContext.js";
+import { ThumbnailTool as n } from "../../ThumbnailTool.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/tools/defaults/RPVerticalBar.tsx
+var o = (o) => {
+	let { icons: s, slots: c } = o, { setIcons: l } = t(), { setSlots: u } = e(), [d, f] = i(!1), [p, m] = i(!1);
+	return r(() => {
+		l((e) => ({
+			...e,
+			...s
+		})), f(!0);
+	}, [
+		s,
+		l,
+		d,
+		f
+	]), r(() => {
+		u((e) => ({
+			...e,
+			...c
+		})), m(!0);
+	}, [
+		c,
+		u,
+		p,
+		m
+	]), !d || !p ? null : /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(n, {}) });
 };
+//#endregion
+export { o as RPVerticalBar };