@react-pdf-kit/viewer 2.0.0-beta.1 → 2.0.0-beta.11

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

@@ -1,146 +1,35 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
 import { UIButton as m } from "../../../ui/Button.js";
-import { c as n } from "../../../../ToolbarLayout.module-37619c4b.js";
+import { usePrintContext as n } from "../../../../contexts/PrintContext.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
 import T from "../../../ui/RPTooltip.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
 import "react";
-import "../../../icons/ChevronUpIcon.js";
-import "../../../ui/Input.js";
-import "../../../../utils/types.js";
-import "../../../../th_TH-d627cd51.js";
-import "../../../../contexts/ScrollModeContext.js";
-import "../../../../utils/appConsole.js";
-import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/usePrint.js";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.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";
-import "../../../../contexts/DarkModeContext.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/LayerContext.js";
-import "../../../../contexts/ZoomContext.js";
-import "../../../../utils/constants.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../contexts/VirtualScrollContext.js";
-import "../../../../contexts/VirtualGridContext.js";
-import "../../../../contexts/SelectionModeContext.js";
-import "../../../../contexts/FullScreenContext.js";
-import "../../../../utils/hooks/useFullScreen.js";
-import "../../../../contexts/FileInputContext.js";
-import "../../../../contexts/DropFileZoneContext.js";
-import "../../../../contexts/ToolbarComponentContext.js";
-import "../../../../contexts/ToolComponentContext.js";
-import "../../../../utils/highlight.js";
-import "../../../../utils/charators.js";
-import "../../../../contexts/DimensionPagesContext.js";
-import "../../../../contexts/PagesRotateContext.js";
-import "../../../../contexts/HighlightContext.js";
-import "../../../../utils/hooks/useHighlight.js";
-import "../../../../contexts/LicenseContext.js";
-import "../../../../utils/hooks/useLicense.js";
-import "../../../../contexts/DownloadContext.js";
-import "../../../../contexts/SmoothScrollContext.js";
-import "../../../../contexts/ElementPageContext.js";
-import "../../../../utils/const.js";
-import "../../../../utils/getScrollDistance.js";
-import "../../../../utils/getElementPositionInPage.js";
-import "../../../../utils/Queue.js";
-import "../../../../utils/renderPage.js";
-import "../../../../contexts/LoaderContext.js";
-import "../../../icons/LoaderIcon.js";
-import "../../../../contexts/IconToolContext.js";
-import "../../../../contexts/OtherToolContext.js";
-import "../../../RPConfig.js";
-import "../../../RPTheme.js";
-import "../../../../contexts/ThemeContext.js";
-import "../../../../utils/hooks/useLoadWorker.js";
-import "../../../icons/Thumbnail.js";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../../LayoutWrapper-6224491f.js";
-import "../../../RPDropFileZone.js";
-import "../../../icons/LightPdfIcon.js";
-import "../../../icons/DarkPdfIcon.js";
-import "../../../../SearchCloseButton-08d57275.js";
-import "../../../icons/CloseIcon.js";
-import "../../../ui/Checkbox.js";
-import "../../../../index-c9a2990a.js";
-import "react-dom";
-import "../../../icons/CheckIcon.js";
-import "../../../../contexts/IconContext.js";
-import "../../../ui/DropDown.js";
-import "../../../../index-a48ec088.js";
-import "../../../../index-808ea7bf.js";
-import "../MenuItem.js";
-import "../MenuSeparator.js";
-import "../../../../utils/dateFormatter.js";
-import "../PropertyItem.js";
-import "../../../../RotateTool.module-67946714.js";
-import "../../../../utils/hooks/useInfiniteScroll.js";
-import "../../../../utils/link_service.js";
-import "../../../../utils/annotations.js";
-import "../../../../utils/sanitizeExternalUrl.js";
-import "../../../page/searchHighlight.js";
-import "../../../page/CustomElement.js";
-import "../../../../utils/calculatePage.js";
-import "../../../../utils/hooks/useMousePressed.js";
-import "../../../../utils/hooks/useGrabScroll.js";
-import "../../../../utils/hooks/usePinch.js";
-import "../../../ui/PasswordModal.js";
-import "../../../../utils/approximateFragtion.js";
-import "../../../../utils/getWordPositionInPage.js";
-import "../../../../utils/smoothScrollTo.js";
-import "../FileUploadTool.js";
-import "../../../icons/FileUploadDefaultIcon.js";
-import "../DarkModeTool.js";
-import "../../../icons/MoonIcon.js";
-import "../../../icons/SunIcon.js";
-import "../../../icons/ThreeDotIcon.js";
-import "../DocumentProperties.js";
-import "../../../icons/InfoIcon.js";
-import "../RotateTool.js";
-import "../../../icons/ClockwiseIcon.js";
-import "../../../../utils/hooks/useRotate.js";
-import "../ViewModeTool.js";
-import "../../../icons/SinglePageIcon.js";
-import "../../../icons/DualPageIcon.js";
-import "../ScrollModeTool.js";
-import "../../../icons/PageScrollingIcon.js";
-import "../../../icons/VerticalScrollingIcon.js";
-import "../../../icons/HorizontalScrollingIcon.js";
-import "../../../icons/FileDownloadDefaultIcon.js";
-import "../FullScreenTool.js";
-import "../../../icons/FullScreenIcon.js";
-import "../../../icons/GoToDownIcon.js";
-import "../SelectionModeTool.js";
-import "../../../icons/TextSelectionDefaultIcon.js";
-import "../../../icons/HandModeDefaultIcon.js";
-import "../../../icons/ZoomInIcon.js";
-import "../../../icons/ZoomOutIcon.js";
-import "../../../../utils/zoom.js";
-import "../../../icons/SearchIcon.js";
-import "../../../icons/ClearIcon.js";
 import "../../../../utils/hooks/useLocalization.js";
-const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), Vo = ({ icon: o }) => {
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), N = ({ icon: o }) => {
   const { print: i } = n(), { localeMessages: t } = f();
   return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
 };
 export {
-  Vo as PrintTool
+  N as PrintTool
 };

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

@@ -5,9 +5,11 @@ import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
 import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import "react";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../index-808ea7bf.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/withRef.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../contexts/RotationContext.js";
@@ -29,10 +31,10 @@ const l = ({
   children: t,
   className: r,
   localeMessages: o
-}) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), H = ({ icon: t }) => {
+}) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), K = ({ icon: t }) => {
   const { handleRotateClockwise: r } = c(), { localeMessages: o } = e();
   return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.rotateClockwiseLabel, children: t || /* @__PURE__ */ i(n, {}) }) });
 };
 export {
-  H as RotateClockwiseTool
+  K as RotateClockwiseTool
 };

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

@@ -6,9 +6,11 @@ import { useRotate as n } from "../../../../utils/hooks/useRotate.js";
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
 import { c as l } from "../../../../RotateTool.module-67946714.js";
 import "react";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../index-808ea7bf.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/withRef.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../contexts/RotationContext.js";
@@ -30,7 +32,7 @@ const u = ({
   children: t,
   className: i,
   localeMessages: o
-}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), H = ({ icon: t }) => {
+}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), K = ({ icon: t }) => {
   const { handleRotateCounterclockwise: i } = n(), { localeMessages: o } = e();
   return /* @__PURE__ */ r(u, { localeMessages: o, children: /* @__PURE__ */ r(
     p,
@@ -42,5 +44,5 @@ const u = ({
   ) });
 };
 export {
-  H as RotateCounterclockwiseTool
+  K as RotateCounterclockwiseTool
 };

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

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as i, useCallback as S } from "react";
+import { UIButton as u } from "../../../ui/Button.js";
+import x from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
+import { useSelectionModeContext as h } from "../../../../contexts/SelectionModeContext.js";
+import { SelectionMode as n } from "../../../../utils/types.js";
+import { TextSelectionDefaultIcon as s } from "../../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as M } from "../../../icons/HandModeDefaultIcon.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.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/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+const v = ({ icons: d }) => {
+  const { textSelectionIcon: r, handModeIcon: m } = d ?? {}, { selectionMode: c, setSelectionMode: p } = h(), { localeMessages: o } = a(), t = i(() => c === n.TEXT, [c]), l = i(
+    () => t ? o == null ? void 0 : o.handToolTooltip : o == null ? void 0 : o.textSelectionTooltip,
+    [t, o]
+  ), f = S(() => {
+    p(t ? n.HAND : n.TEXT);
+  }, [t, p]), T = i(() => t ? m ?? /* @__PURE__ */ e(M, {}) : r ?? /* @__PURE__ */ e(s, {}), [t, r, m]);
+  return /* @__PURE__ */ e(x, { content: l, children: /* @__PURE__ */ e(u, { onClick: f, "aria-label": l, children: T }) });
+};
+export {
+  v as SelectionModeSwitcherTool
+};

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

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
+import { useViewModeContext as e } from "../../../../contexts/ViewModeContext.js";
+import { useLocalizationContext as g } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/useLocalization.js";
+const l = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.singlePageTooltip, children: t }), R = ({ icon: t }) => {
+  const { setSinglePage: r } = e(), { localeMessages: o } = g();
+  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.singlePageTooltip, children: t || /* @__PURE__ */ i(n, {}) }) });
+};
+export {
+  R as SinglePageTool
+};

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

@@ -12,15 +12,17 @@ import "../../../../utils/hooks/useDarkMode.js";
 import "../../../../utils/appConsole.js";
 import "../../../../utils/hooks/useLocalization.js";
 import "../../../../th_TH-d627cd51.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../index-808ea7bf.js";
-const q = ({ icons: o }) => {
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+const y = ({ icons: o }) => {
   const { darkMode: m, setDarkMode: i } = f(), { localeMessages: t } = I(), e = o == null ? void 0 : o.lightModeIcon, n = o == null ? void 0 : o.darkModeIcon, p = m ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, d = a(() => {
     i((l) => !l);
   }, [i]);
   return /* @__PURE__ */ r(u, { content: p, children: /* @__PURE__ */ r(k, { onClick: d, "aria-label": p, children: m ? n ?? /* @__PURE__ */ r(c, {}) : e ?? /* @__PURE__ */ r(h, {}) }) });
 };
 export {
-  q as ThemeSwitcherTool
+  y as ThemeSwitcherTool
 };

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

@@ -1,147 +1,36 @@
 import { jsx as o, Fragment as n } from "react/jsx-runtime";
-import { h as l } from "../../../../ToolbarLayout.module-37619c4b.js";
+import { useThumbnailContext as l } from "../../../../contexts/ThumbnailsContext.js";
 import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
-import a from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
+import c from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
 import "react";
-import "../../../icons/ChevronUpIcon.js";
-import "../../../ui/Input.js";
-import "../../../../clsx-0c6e471a.js";
-import "../../../../utils/withRef.js";
-import "../../../../utils/types.js";
-import "../../../../th_TH-d627cd51.js";
-import "../../../../contexts/ScrollModeContext.js";
-import "../../../../utils/appConsole.js";
-import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/useThumbnail.js";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.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";
-import "../../../../contexts/DarkModeContext.js";
-import "../../../../utils/hooks/useDarkMode.js";
-import "../../../../contexts/RotationContext.js";
-import "../../../../contexts/LayerContext.js";
-import "../../../../contexts/ZoomContext.js";
-import "../../../../utils/constants.js";
-import "../../../../utils/getZoomLevel.js";
-import "../../../../contexts/LayoutContainerContext.js";
-import "../../../../contexts/ViewModeContext.js";
-import "../../../../contexts/GlobalCurrentPage.js";
-import "../../../../contexts/EventCallbackContext.js";
-import "../../../../utils/hooks/useDebounce.js";
-import "../../../../contexts/VirtualScrollContext.js";
-import "../../../../contexts/VirtualGridContext.js";
-import "../../../../contexts/SelectionModeContext.js";
-import "../../../../contexts/FullScreenContext.js";
-import "../../../../utils/hooks/useFullScreen.js";
-import "../../../../contexts/FileInputContext.js";
-import "../../../../contexts/DropFileZoneContext.js";
-import "../../../../contexts/ToolbarComponentContext.js";
-import "../../../../contexts/ToolComponentContext.js";
-import "../../../../utils/highlight.js";
-import "../../../../utils/charators.js";
-import "../../../../contexts/DimensionPagesContext.js";
-import "../../../../contexts/PagesRotateContext.js";
-import "../../../../contexts/HighlightContext.js";
-import "../../../../utils/hooks/useHighlight.js";
-import "../../../../contexts/LicenseContext.js";
-import "../../../../utils/hooks/useLicense.js";
-import "../../../../contexts/DownloadContext.js";
-import "../../../../contexts/SmoothScrollContext.js";
-import "../../../../contexts/ElementPageContext.js";
-import "../../../../utils/const.js";
-import "../../../../utils/getScrollDistance.js";
-import "../../../../utils/getElementPositionInPage.js";
-import "../../../../utils/Queue.js";
-import "../../../../utils/renderPage.js";
-import "../../../../contexts/LoaderContext.js";
-import "../../../icons/LoaderIcon.js";
-import "../../../../contexts/IconToolContext.js";
-import "../../../../contexts/OtherToolContext.js";
-import "../../../RPConfig.js";
-import "../../../RPTheme.js";
-import "../../../../contexts/ThemeContext.js";
-import "../../../../utils/hooks/useLoadWorker.js";
-import "../../Container.js";
-import "../../../../contexts/ViewportContext.js";
-import "../../sidebar/RPSplitter.js";
-import "../../WrapperLayout.js";
-import "../../../../LayoutWrapper-6224491f.js";
-import "../../../RPDropFileZone.js";
-import "../../../icons/LightPdfIcon.js";
-import "../../../icons/DarkPdfIcon.js";
-import "../../../../SearchCloseButton-08d57275.js";
-import "../../../icons/CloseIcon.js";
-import "../../../ui/Checkbox.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../icons/CheckIcon.js";
-import "../../../../contexts/IconContext.js";
-import "../../../ui/DropDown.js";
-import "../../../../index-a48ec088.js";
-import "../../../../index-808ea7bf.js";
-import "../MenuItem.js";
-import "../MenuSeparator.js";
-import "../../../../utils/dateFormatter.js";
-import "../PropertyItem.js";
-import "../../../../RotateTool.module-67946714.js";
-import "../../../../utils/hooks/useInfiniteScroll.js";
-import "../../../../utils/link_service.js";
-import "../../../../utils/annotations.js";
-import "../../../../utils/sanitizeExternalUrl.js";
-import "../../../page/searchHighlight.js";
-import "../../../page/CustomElement.js";
-import "../../../../utils/calculatePage.js";
-import "../../../../utils/hooks/useMousePressed.js";
-import "../../../../utils/hooks/useGrabScroll.js";
-import "../../../../utils/hooks/usePinch.js";
-import "../../../ui/PasswordModal.js";
-import "../../../../utils/approximateFragtion.js";
-import "../../../../utils/getWordPositionInPage.js";
-import "../../../../utils/smoothScrollTo.js";
-import "../FileUploadTool.js";
-import "../../../icons/FileUploadDefaultIcon.js";
-import "../DarkModeTool.js";
-import "../../../icons/MoonIcon.js";
-import "../../../icons/SunIcon.js";
-import "../../../icons/ThreeDotIcon.js";
-import "../DocumentProperties.js";
-import "../../../icons/InfoIcon.js";
-import "../RotateTool.js";
-import "../../../icons/ClockwiseIcon.js";
-import "../../../../utils/hooks/useRotate.js";
-import "../ViewModeTool.js";
-import "../../../icons/SinglePageIcon.js";
-import "../../../icons/DualPageIcon.js";
-import "../ScrollModeTool.js";
-import "../../../icons/PageScrollingIcon.js";
-import "../../../icons/VerticalScrollingIcon.js";
-import "../../../icons/HorizontalScrollingIcon.js";
-import "../../../icons/FileDownloadDefaultIcon.js";
-import "../../../icons/PrintDefaultIcon.js";
-import "../FullScreenTool.js";
-import "../../../icons/FullScreenIcon.js";
-import "../../../icons/GoToDownIcon.js";
-import "../SelectionModeTool.js";
-import "../../../icons/TextSelectionDefaultIcon.js";
-import "../../../icons/HandModeDefaultIcon.js";
-import "../../../icons/ZoomInIcon.js";
-import "../../../icons/ZoomOutIcon.js";
-import "../../../../utils/zoom.js";
-import "../../../icons/SearchIcon.js";
-import "../../../icons/ClearIcon.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/hooks/useLocalization.js";
-const So = ({ icon: i }) => {
-  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
+const K = ({ icon: i }) => {
+  const { active: r, setActive: m } = l(), { localeMessages: t } = a(), p = () => {
     m(!r);
   };
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(c, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
     u,
     {
       onClick: p,
@@ -152,5 +41,5 @@ const So = ({ icon: i }) => {
   ) }) });
 };
 export {
-  So as ThumbnailTool
+  K as ThumbnailTool
 };

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

@@ -29,11 +29,13 @@ import "../../../../contexts/EventCallbackContext.js";
 import "../../../../utils/hooks/useDebounce.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
-import "../../../../index-c9a2990a.js";
+import "../../../../index-c0faa594.js";
 import "react-dom";
-import "../../../../index-808ea7bf.js";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
 import "../../../../utils/hooks/useLocalization.js";
-const g = ({ icon: m }) => {
+const to = ({ icon: m }) => {
   const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
     i(() => {
       const e = Math.floor(t * 100 / 25) * 25;
@@ -51,5 +53,5 @@ const g = ({ icon: m }) => {
   ) }) });
 };
 export {
-  g as ZoomInTool
+  to as ZoomInTool
 };