@pdf-viewer/react 1.1.1 → 1.2.0-beta.0

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

@@ -1,44 +1,50 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { useFullScreenContext as s } from "../../../contexts/FullScreenContext.js";
-import { UIButton as m } from "../../ui/Button.js";
-import { FullScreenIcon as t } from "../../icons/FullScreenIcon.js";
-import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as p } from "../../../contexts/IconContext.js";
-import { useViewportContext as S } from "../../../contexts/ViewportContext.js";
-import { MenuItem as d } from "./MenuItem.js";
-import F from "../../ui/RPTooltip.js";
-const a = () => {
-  const { fullScreenIcon: o } = p();
-  return o || /* @__PURE__ */ e(t, {});
-}, c = ({ children: o, className: l }) => /* @__PURE__ */ e(F, { className: l, content: "Full screen", children: o }), C = ({ toggleFullScreen: o, isSupported: l }) => /* @__PURE__ */ e(d, { onClick: o, disabled: !l, children: /* @__PURE__ */ u(c, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
-  "Full screen"
-] }) }), N = () => {
-  const { isFullScreen: o, toggleFullScreen: l, isSupported: n } = s(), { fullscreenTool: r } = f(), { isSmallScreen: i } = S();
-  return r ? i ? /* @__PURE__ */ e(
-    C,
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { useFullScreenContext as f } from "../../../contexts/FullScreenContext.js";
+import { UIButton as p } from "../../ui/Button.js";
+import { FullScreenIcon as i } from "../../icons/FullScreenIcon.js";
+import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as d } from "../../../contexts/IconContext.js";
+import { useViewportContext as C } from "../../../contexts/ViewportContext.js";
+import { MenuItem as F } from "./MenuItem.js";
+import T from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+const s = () => {
+  const { fullScreenIcon: r } = d();
+  return r || /* @__PURE__ */ n(i, {});
+}, c = ({ children: r, className: t, localeMessages: o }) => /* @__PURE__ */ n(T, { className: t, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), I = ({
+  toggleFullScreen: r,
+  isSupported: t,
+  localeMessages: o
+}) => /* @__PURE__ */ n(F, { onClick: r, disabled: !t, children: /* @__PURE__ */ m(c, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(i, {}) }),
+  o == null ? void 0 : o.fullScreenTooltip
+] }) }), L = () => {
+  const { isFullScreen: r, toggleFullScreen: t, isSupported: o } = f(), { fullscreenTool: e } = S(), { isSmallScreen: u } = C(), { localeMessages: l } = x();
+  return e ? u ? /* @__PURE__ */ n(
+    I,
     {
-      isFullScreen: o,
-      toggleFullScreen: l,
-      isSupported: n
+      isFullScreen: r,
+      toggleFullScreen: t,
+      isSupported: o,
+      localeMessages: l
     }
-  ) : typeof r == "function" ? /* @__PURE__ */ e(
-    r,
+  ) : typeof e == "function" ? /* @__PURE__ */ n(
+    e,
     {
-      isFullScreen: o,
-      toggleFullScreen: l,
-      isSupported: n
+      isFullScreen: r,
+      toggleFullScreen: t,
+      isSupported: o
     }
-  ) : /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
-    m,
+  ) : /* @__PURE__ */ n(c, { localeMessages: l, children: /* @__PURE__ */ n(
+    p,
     {
-      disabled: !n,
-      onClick: l,
-      "aria-label": o ? "Exit full screen" : "Enter full screen",
-      children: /* @__PURE__ */ e(a, {})
+      disabled: !o,
+      onClick: t,
+      "aria-label": r ? "Exit full screen" : "Enter full screen",
+      children: /* @__PURE__ */ n(s, {})
     }
   ) }) : null;
 };
 export {
-  N as FullScreenTool
+  L as FullScreenTool
 };

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

@@ -1,12 +1,12 @@
 import { jsx as t } from "react/jsx-runtime";
 import { I as o } from "../../../index-4ba3ab9a.js";
-import { c as n } from "../../../clsx-0c6e471a.js";
-import '../../../assets/MenuItem.css';const c = {
-  "rp-menu-item": "_rp-menu-item_gqbz3_1"
-}, l = (e) => {
+import { c } from "../../../clsx-0c6e471a.js";
+import '../../../assets/MenuItem.css';const n = {
+  "rp-menu-item": "_rp-menu-item_cu12j_1"
+}, u = (e) => {
   const { children: m, className: s, ...r } = e;
-  return /* @__PURE__ */ t(o, { ...r, tabIndex: 0, className: n(c["rp-menu-item"], s), children: m });
+  return /* @__PURE__ */ t(o, { ...r, tabIndex: 0, className: c(n["rp-menu-item"], s), children: m });
 };
 export {
-  l as MenuItem
+  u as MenuItem
 };

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

@@ -3,7 +3,7 @@ import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-5e5126fd.js";
+import { M as D } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -20,6 +20,7 @@ import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
@@ -29,5 +30,5 @@ import "../../icons/GoToDownIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 export {
-  C as MostPageTool
+  D as MostPageTool
 };

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

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-5e5126fd.js";
+import { O as n } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
@@ -17,6 +17,7 @@ import "../../ui/RPTooltip.js";
 import "./SelectionModeTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "react";
+import "../../../contexts/LocalizationContext.js";
 export {
-  k as OtherTool
+  n as OtherTool
 };

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

@@ -3,11 +3,12 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { t as s } from "../../../RPDefaultLayout-5e5126fd.js";
+import { t as x } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
+import "../../../contexts/LocalizationContext.js";
 export {
-  s as Paginate
+  x as Paginate
 };

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

@@ -3,10 +3,11 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { w as n } from "../../../RPDefaultLayout-5e5126fd.js";
+import { w as s } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";
 export {
-  n as PrintTool
+  s as PrintTool
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a } from "../../../RPDefaultLayout-5e5126fd.js";
+import { z as a } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../RPDefaultLayout-5e5126fd.js";
+import { x } from "../../../RPDefaultLayout-79c7577a.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,34 +1,35 @@
-import { jsx as o, Fragment as m, jsxs as t } from "react/jsx-runtime";
+import { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
 import { G as a } from "../../../index-4ba3ab9a.js";
-import { ClockwiseIcon as n } from "../../icons/ClockwiseIcon.js";
-import { MenuItem as r } from "./MenuItem.js";
-import { MenuSeparator as u } from "./MenuSeparator.js";
-import { useRotate as p } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as s } from "../../../contexts/IconContext.js";
+import { ClockwiseIcon as i } from "../../icons/ClockwiseIcon.js";
+import { MenuItem as n } from "./MenuItem.js";
+import { MenuSeparator as s } from "./MenuSeparator.js";
+import { useRotate as C } from "../../../utils/hooks/useRotate.js";
+import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as m } from "../../../contexts/IconContext.js";
 import c from "../../ui/RPTooltip.js";
-import '../../../assets/RotateTool.css';const k = {
+import { useLocalizationContext as f } from "../../../contexts/LocalizationContext.js";
+import '../../../assets/RotateTool.css';const d = {
   "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1s164_1"
-}, d = () => {
-  const { rotateClockwiseIcon: e } = s();
-  return e || /* @__PURE__ */ o(n, {});
-}, f = () => {
-  const { rotateCounterClockwiseIcon: e } = s();
-  return e || /* @__PURE__ */ o(n, { className: k["rp-rotate-counterclockwise"] });
-}, v = () => {
-  const { handleRotateClockwise: e, handleRotateCounterclockwise: i } = p(), { rotateTool: l } = C();
-  return l ? /* @__PURE__ */ o(m, { children: /* @__PURE__ */ t(a, { children: [
-    /* @__PURE__ */ o(r, { onClick: e, children: /* @__PURE__ */ t(c, { className: "rp-menu-item", content: "Rotate clockwise", children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(d, {}) }),
-      "Rotate clockwise"
+}, w = () => {
+  const { rotateClockwiseIcon: r } = m();
+  return r || /* @__PURE__ */ t(i, {});
+}, h = () => {
+  const { rotateCounterClockwiseIcon: r } = m();
+  return r || /* @__PURE__ */ t(i, { className: d["rp-rotate-counterclockwise"] });
+}, G = () => {
+  const { handleRotateClockwise: r, handleRotateCounterclockwise: l } = C(), { rotateTool: p } = k(), { localeMessages: o } = f();
+  return p ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(a, { children: [
+    /* @__PURE__ */ t(n, { onClick: r, children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(w, {}) }),
+      o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ o(r, { onClick: i, children: /* @__PURE__ */ t(c, { className: "rp-menu-item", content: "Rotate counterclockwise", children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
-      "Rotate counterclockwise"
+    /* @__PURE__ */ t(n, { onClick: l, children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
+      o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
-    /* @__PURE__ */ o(u, {})
+    /* @__PURE__ */ t(s, {})
   ] }) }) : null;
 };
 export {
-  v as RotateTool
+  G as RotateTool
 };

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

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

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

@@ -2,9 +2,8 @@ import "react/jsx-runtime";
 import "../../ui/Button.js";
 import "../../icons/SearchIcon.js";
 import "react";
-import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { y as I } from "../../../RPDefaultLayout-5e5126fd.js";
+import { y as K } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -28,11 +27,14 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../ui/RPTooltip.js";
+import "../../icons/InfoIcon.js";
+import "../../ui/Popover.js";
 export {
-  I as SearchTool
+  K as SearchTool
 };

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

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

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

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as L } from "../../../RPDefaultLayout-5e5126fd.js";
+import { Z as M } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-4ba3ab9a.js";
@@ -29,6 +29,7 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
@@ -37,5 +38,5 @@ import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../utils/getZoomLevel.js";
 export {
-  L as ZoomTool
+  M as ZoomTool
 };

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as D } from "../../RPDefaultLayout-5e5126fd.js";
+import { A as E } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";
@@ -19,6 +19,7 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
@@ -28,5 +29,5 @@ import "../../utils/link_service.js";
 import "../../utils/dateFormatter.js";
 import "../../utils/sanitizeExternalUrl.js";
 export {
-  D as AnnotationLayer
+  E as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as w } from "../../RPDefaultLayout-5e5126fd.js";
+import { C as z } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/renderPage.js";
 export {
-  w as CanvasLayer
+  z as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as a } from "../../RPDefaultLayout-5e5126fd.js";
+import { D as a } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/ScrollStateContext.js";
 export {
   a as DualPage

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { q as y } from "../../RPDefaultLayout-5e5126fd.js";
+import { q as z } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
@@ -18,11 +18,12 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../icons/LoaderIcon.js";
 export {
-  y as RPPage
+  z as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as t } from "../../RPDefaultLayout-5e5126fd.js";
+import { s as t } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/ScrollStateContext.js";
 export {
   t as SinglePage

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as z } from "../../RPDefaultLayout-5e5126fd.js";
+import { p as A } from "../../RPDefaultLayout-79c7577a.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -18,6 +18,7 @@ import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/DimensionPagesContext.js";
+import "../../contexts/LocalizationContext.js";
 import "../RPConfig.js";
 import "../../contexts/ThemeContext.js";
 import "../RPDropFileZone.js";
@@ -25,5 +26,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  z as TextLayer
+  A as TextLayer
 };