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

package/dist/components/RPController.js

@@ -1,74 +1,77 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as e } from "react";
-import { P as M, S as R, T as C, a as g } from "../RPDefaultLayout-651c2426.js";
-import { DarkModeProvider as L } from "../contexts/DarkModeContext.js";
-import { ScrollMode as T, SelectionMode as V } from "../utils/types.js";
-import { RotateProvider as x } from "../contexts/RotationContext.js";
-import { LayerProvider as D } from "../contexts/LayerContext.js";
-import { ZoomProvider as I } from "../contexts/ZoomContext.js";
-import { ViewModeProvider as b } from "../contexts/ViewModeContext.js";
-import { ScrollModeProvider as k } from "../contexts/ScrollModeContext.js";
-import { VirtualScrollProvider as y } from "../contexts/VirtualScrollContext.js";
-import { VirtualGridProvider as F } from "../contexts/VirtualGridContext.js";
-import { ScrollStateProvider as E } from "../contexts/ScrollStateContext.js";
-import { SelectionModeProvider as G } from "../contexts/SelectionModeContext.js";
-import { InitialStateProvider as Z } from "../contexts/InitialStateContext.js";
+import { useState as i } from "react";
+import { P as C, S as L, T as g, a as T } from "../RPDefaultLayout-79c7577a.js";
+import { DarkModeProvider as V } from "../contexts/DarkModeContext.js";
+import { ScrollMode as x, SelectionMode as D } from "../utils/types.js";
+import { RotateProvider as I } from "../contexts/RotationContext.js";
+import { LayerProvider as b } from "../contexts/LayerContext.js";
+import { ZoomProvider as k } from "../contexts/ZoomContext.js";
+import { ViewModeProvider as y } from "../contexts/ViewModeContext.js";
+import { ScrollModeProvider as F } from "../contexts/ScrollModeContext.js";
+import { VirtualScrollProvider as z } from "../contexts/VirtualScrollContext.js";
+import { VirtualGridProvider as E } from "../contexts/VirtualGridContext.js";
+import { ScrollStateProvider as G } from "../contexts/ScrollStateContext.js";
+import { SelectionModeProvider as Z } from "../contexts/SelectionModeContext.js";
+import { InitialStateProvider as _ } from "../contexts/InitialStateContext.js";
 import { FullScreenProvider as j } from "../contexts/FullScreenContext.js";
 import { FileInputProvider as w } from "../contexts/FileInputContext.js";
 import { DropFileZoneProvider as A } from "../contexts/DropFileZoneContext.js";
 import { LayoutContainerContext as N } from "../contexts/LayoutContainerContext.js";
 import { DimensionPagesProvider as O } from "../contexts/DimensionPagesContext.js";
-const dr = (o) => {
+import { LocalizationProvider as U } from "../contexts/LocalizationContext.js";
+const fr = (e) => {
   const {
     children: t,
     darkMode: n = !1,
     onDarkModeChange: l,
     initialRotation: d = 0,
-    textLayer: m = !0,
-    initialPage: a = 1,
+    textLayer: a = !0,
+    initialPage: m = 1,
     // initialViewMode = ViewMode.SINGLE_PAGE,
     initialThumbnailsVisible: c = !1,
     initialSearch: f,
     initialScale: P,
-    initialScrollMode: h = T.VERTICAL_SCROLLING
-  } = o, [p, s] = e(null), [i, v] = e(null), [S, u] = e(null);
+    initialScrollMode: h = x.VERTICAL_SCROLLING,
+    locale: p = "en_US",
+    localization: s
+  } = e, [v, S] = i(null), [o, u] = i(null), [M, R] = i(null);
   return /* @__PURE__ */ r(
-    Z,
+    _,
     {
       initialScale: P,
-      initialPage: a,
+      initialPage: m,
       initialScrollMode: h,
       initialRotation: d,
-      children: /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(G, { initialSelectionMode: V.TEXT, children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(D, { textLayer: m, children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(U, { locale: p, localization: s, children: /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(Z, { initialSelectionMode: D.TEXT, children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(b, { textLayer: a, children: /* @__PURE__ */ r(
         N.Provider,
         {
           value: {
-            container: p,
-            contentRef: i,
-            pagesRef: S,
-            setContainer: s,
-            setContentRef: v,
-            setPagesRef: u
+            container: v,
+            contentRef: o,
+            pagesRef: M,
+            setContainer: S,
+            setContentRef: u,
+            setPagesRef: R
           },
-          children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
-            L,
+          children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(
+            V,
             {
               darkMode: n,
               onDarkModeChange: l,
-              children: /* @__PURE__ */ r(R, { initialSearch: f, children: /* @__PURE__ */ r(
-                C,
+              children: /* @__PURE__ */ r(L, { initialSearch: f, children: /* @__PURE__ */ r(
+                g,
                 {
                   initialThumbnailsVisible: c,
-                  children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(j, { elementRef: i, children: /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(w, { children: t }) }) }) })
+                  children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(j, { elementRef: o, children: /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(w, { children: t }) }) }) })
                 }
               ) })
             }
           ) })
         }
-      ) }) }) }) }) }) }) }) }) }) })
+      ) }) }) }) }) }) }) }) }) }) }) })
     }
   );
 };
 export {
-  dr as RPController
+  fr as RPController
 };

package/dist/components/RPDropFileZone.js

@@ -1,37 +1,38 @@
-import { jsxs as n, Fragment as t, jsx as r } from "react/jsx-runtime";
-import { useCallback as c } from "react";
-import { c as m } from "../clsx-0c6e471a.js";
-import { useDropFileZoneContext as f } from "../contexts/DropFileZoneContext.js";
-import { LightPdfIcon as D } from "./icons/LightPdfIcon.js";
-import { DarkPdfIcon as h } from "./icons/DarkPdfIcon.js";
-import { useDarkModeContext as g } from "../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as u } from "../contexts/ToolbarComponentContext.js";
-import '../assets/RPDropFileZone.css';const p = {
+import { jsxs as t, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import { c as f } from "../clsx-0c6e471a.js";
+import { useDropFileZoneContext as D } from "../contexts/DropFileZoneContext.js";
+import { LightPdfIcon as u } from "./icons/LightPdfIcon.js";
+import { DarkPdfIcon as g } from "./icons/DarkPdfIcon.js";
+import { useDarkModeContext as h } from "../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as v } from "../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as x } from "../contexts/LocalizationContext.js";
+import '../assets/RPDropFileZone.css';const a = {
   "rp-drop-zone": "_rp-drop-zone_1sc50_1",
   "rp-drop-zone-transparent": "_rp-drop-zone-transparent_1sc50_15"
-}, v = {}, b = () => {
-  const { dragging: a, handleDragLeave: s, handleDrop: d } = f(), { darkMode: e } = g(), { dropFileZone: o } = u();
-  if (typeof o == "boolean" && !o)
+}, z = {}, y = () => {
+  const { dragging: s, handleDragLeave: i, handleDrop: d } = D(), { darkMode: n } = h(), { dropFileZone: r } = v(), { localeMessages: e } = x();
+  if (typeof r == "boolean" && !r)
     return;
-  const i = c((l) => {
+  const c = m((l) => {
     l.preventDefault();
   }, []);
-  return a ? /* @__PURE__ */ n(t, { children: [
-    /* @__PURE__ */ r("div", { className: m(p["rp-drop-zone"], e ? v["rp-dark-mode"] : ""), children: o && typeof o == "function" ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ n(t, { children: [
-      /* @__PURE__ */ r("div", { children: e ? /* @__PURE__ */ r(h, {}) : /* @__PURE__ */ r(D, {}) }),
-      /* @__PURE__ */ r("p", { children: "Drag & drop the PDF file here" })
+  return s ? /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ o("div", { className: f(a["rp-drop-zone"], n ? z["rp-dark-mode"] : ""), children: r && typeof r == "function" ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ t(p, { children: [
+      /* @__PURE__ */ o("div", { children: n ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(u, {}) }),
+      /* @__PURE__ */ o("p", { children: e == null ? void 0 : e.dragDropFileMessage })
     ] }) }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       "div",
       {
-        className: p["rp-drop-zone-transparent"],
-        onDragOver: i,
-        onDragLeave: s,
+        className: a["rp-drop-zone-transparent"],
+        onDragOver: c,
+        onDragLeave: i,
         onDrop: d
       }
     )
   ] }) : null;
 };
 export {
-  b as RPDropFileZone
+  y as RPDropFileZone
 };

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as F } from "../RPDefaultLayout-651c2426.js";
+import { R as G } from "../RPDefaultLayout-79c7577a.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.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";
@@ -31,5 +32,5 @@ import "../utils/hooks/usePinch.js";
 import "./icons/LoaderIcon.js";
 import "../utils/hooks/useDebounce.js";
 export {
-  F as RPPages
+  G as RPPages
 };

package/dist/components/RPProvider.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { DocumentProvider as c } from "../contexts/RPDocumentContext.js";
 import { RPController as d } from "./RPController.js";
-import "../RPDefaultLayout-651c2426.js";
+import "../RPDefaultLayout-79c7577a.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";

package/dist/components/layout/Container.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../contexts/DarkModeContext.js";
-import { C as a } from "../../Container-fdb0a71f.js";
+import { C as a } from "../../Container-44b8ad45.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/ThemeContext.js";
 export {

package/dist/components/layout/RPDefaultLayout.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { b as y } from "../../RPDefaultLayout-651c2426.js";
-import "../../Container-fdb0a71f.js";
+import { b as y } from "../../RPDefaultLayout-79c7577a.js";
+import "../../Container-44b8ad45.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/IconContext.js";

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

@@ -2,11 +2,12 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { G as f } from "../../../RPDefaultLayout-651c2426.js";
+import { G as s } from "../../../RPDefaultLayout-79c7577a.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
+import "../../../contexts/LocalizationContext.js";
 export {
-  f as RPSidebar
+  s as RPSidebar
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as a } from "../../../RPDefaultLayout-651c2426.js";
+import { B as a } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPDefaultLayout-651c2426.js";
+import { E as t } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,27 +1,28 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useCallback as d } from "react";
-import { MoonIcon as p } from "../../icons/MoonIcon.js";
-import { SunIcon as a } from "../../icons/SunIcon.js";
-import { UIButton as u } from "../../ui/Button.js";
-import { useDarkModeContext as f } from "../../../contexts/DarkModeContext.js";
-import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as i } from "../../../contexts/IconContext.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { MoonIcon as a } from "../../icons/MoonIcon.js";
+import { SunIcon as f } from "../../icons/SunIcon.js";
+import { UIButton as h } from "../../ui/Button.js";
+import { useDarkModeContext as s } from "../../../contexts/DarkModeContext.js";
+import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as m } from "../../../contexts/IconContext.js";
 import c from "../../ui/RPTooltip.js";
-const k = () => {
-  const { lightModeIcon: o } = i();
-  return o || /* @__PURE__ */ t(p, {});
-}, M = () => {
-  const { darkModeIcon: o } = i();
+import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
+const I = () => {
+  const { lightModeIcon: o } = m();
   return o || /* @__PURE__ */ t(a, {});
-}, w = () => {
-  const { darkMode: o, setDarkMode: e } = f(), { themeSwitcher: n = !0 } = h(), r = `Enable ${o ? "light" : "dark"} theme`, m = d(() => {
-    e((l) => !l);
-  }, [e]);
-  return typeof n != "boolean" ? /* @__PURE__ */ s(c, { content: r, children: [
-    /* @__PURE__ */ t(n, { darkMode: o, setDarkMode: e }),
+}, x = () => {
+  const { darkModeIcon: o } = m();
+  return o || /* @__PURE__ */ t(f, {});
+}, z = () => {
+  const { darkMode: o, setDarkMode: r } = s(), { themeSwitcher: e = !0 } = k(), { localeMessages: n } = C(), i = o ? n == null ? void 0 : n.themeEnableLightTooltip : n == null ? void 0 : n.themeEnableDarkTooltip, l = u(() => {
+    r((p) => !p);
+  }, [r]);
+  return typeof e != "boolean" ? /* @__PURE__ */ d(c, { content: i, children: [
+    /* @__PURE__ */ t(e, { darkMode: o, setDarkMode: r }),
     " "
-  ] }) : n ? /* @__PURE__ */ t(c, { content: r, children: /* @__PURE__ */ t(u, { onClick: m, children: o ? /* @__PURE__ */ t(M, {}) : /* @__PURE__ */ t(k, {}) }) }) : null;
+  ] }) : e ? /* @__PURE__ */ t(c, { content: i, children: /* @__PURE__ */ t(h, { onClick: l, "aria-label": i, children: o ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(I, {}) }) }) : null;
 };
 export {
-  w as DarkModeTool
+  z as DarkModeTool
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as C } from "../../../RPDefaultLayout-651c2426.js";
+import { v as E } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";
@@ -20,6 +20,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";
@@ -27,5 +28,5 @@ import "../../../contexts/ToolbarComponentContext.js";
 import "./PropertyItem.js";
 import "../../../contexts/OtherToolContext.js";
 export {
-  C as DocumentDialog
+  E as DocumentDialog
 };

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

@@ -1,20 +1,21 @@
-import { jsx as o, Fragment as n, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, Fragment as m, jsxs as i } from "react/jsx-runtime";
 import { MenuItem as c } from "./MenuItem.js";
-import { InfoIcon as i } from "../../icons/InfoIcon.js";
-import { useOtherToolContext as s } from "../../../contexts/OtherToolContext.js";
-import { useToolbarComponentContext as p } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as u } from "../../../contexts/IconContext.js";
+import { InfoIcon as p } from "../../icons/InfoIcon.js";
+import { useOtherToolContext as u } from "../../../contexts/OtherToolContext.js";
+import { useToolbarComponentContext as s } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as f } from "../../../contexts/IconContext.js";
 import l from "../../ui/RPTooltip.js";
-const f = () => {
-  const { documentPropertiesIcon: e } = u();
-  return e || /* @__PURE__ */ o(i, {});
-}, D = () => {
-  const { setActiveDocumentProperties: e } = s(), { documentProperties: t } = p();
-  return t ? /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(c, { onClick: () => e((r) => !r), children: /* @__PURE__ */ m(l, { className: "rp-menu-item", content: "View document properties", children: [
-    /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(f, {}) }),
-    "Document properties"
+import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
+const x = () => {
+  const { documentPropertiesIcon: r } = f();
+  return r || /* @__PURE__ */ t(p, {});
+}, j = () => {
+  const { setActiveDocumentProperties: r } = u(), { documentProperties: e } = s(), { localeMessages: o } = d();
+  return e ? /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(c, { onClick: () => r((n) => !n), children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
+    o == null ? void 0 : o.documentPropertiesLabel
   ] }) }) }) : null;
 };
 export {
-  D as DocumentProperties
+  j as DocumentProperties
 };

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

@@ -3,10 +3,11 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as d } from "../../../RPDefaultLayout-651c2426.js";
+import { F as f } from "../../../RPDefaultLayout-79c7577a.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
+import "../../../contexts/LocalizationContext.js";
 export {
-  d as FileDownloadTool
+  f as FileDownloadTool
 };

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

@@ -1,25 +1,23 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as p } from "../../icons/FileUploadDefaultIcon.js";
-import { useToolbarComponentContext as c } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as m } from "../../../contexts/IconContext.js";
-import { UIButton as s } from "../../ui/Button.js";
-import { MenuItem as u } from "./MenuItem.js";
-import { useViewportContext as a } from "../../../contexts/ViewportContext.js";
-import { useOpenFileContext as f } from "../../../contexts/FileInputContext.js";
-import d from "../../ui/RPTooltip.js";
-const t = () => {
-  const { openFileIcon: o } = m();
-  return o || /* @__PURE__ */ e(p, {});
-}, l = ({
-  children: o,
-  className: n
-}) => /* @__PURE__ */ e(d, { className: n, content: "Open local file", children: o }), F = ({ onFileChange: o }) => /* @__PURE__ */ e(u, { onClick: o, children: /* @__PURE__ */ r(l, { className: "rp-menu-item", children: [
-  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(t, {}) }),
-  "Open Local File"
-] }) }), C = ({ onFileChange: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(s, { onClick: o, children: /* @__PURE__ */ e(t, {}) }) }), j = () => {
-  const { openFileTool: o = !0 } = c(), { openFile: n } = f(), { isSmallScreen: i } = a();
-  return o ? i ? /* @__PURE__ */ e(F, { onFileChange: n }) : typeof o == "function" ? /* @__PURE__ */ e(o, { openFile: n }) : o ? /* @__PURE__ */ e(C, { onFileChange: n }) : null : null;
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as e } from "../../icons/FileUploadDefaultIcon.js";
+import { useToolbarComponentContext as u } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as c } from "../../../contexts/IconContext.js";
+import { UIButton as f } from "../../ui/Button.js";
+import { MenuItem as F } from "./MenuItem.js";
+import { useViewportContext as d } from "../../../contexts/ViewportContext.js";
+import { useOpenFileContext as C } from "../../../contexts/FileInputContext.js";
+import T from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+const p = () => {
+  const { openFileIcon: n } = c();
+  return n || /* @__PURE__ */ t(e, {});
+}, l = ({ children: n, className: o, localeMessages: i }) => /* @__PURE__ */ t(T, { className: o, content: i == null ? void 0 : i.openLocalFileTooltip, children: n }), h = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(F, { onClick: n, children: /* @__PURE__ */ m(l, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(p, {}) }),
+  o == null ? void 0 : o.openLocalFileLabel
+] }) }), U = ({ onFileChange: n, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(f, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ t(p, {}) }) }), w = () => {
+  const { openFileTool: n = !0 } = u(), { openFile: o } = C(), { isSmallScreen: i } = d(), { localeMessages: r } = x();
+  return n ? i ? /* @__PURE__ */ t(h, { onFileChange: o, localeMessages: r }) : typeof n == "function" ? /* @__PURE__ */ t(n, { openFile: o }) : n ? /* @__PURE__ */ t(U, { onFileChange: o, localeMessages: r }) : null : null;
 };
 export {
-  j as FileUploadTool
+  w as FileUploadTool
 };

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-316854c1.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 { I as o } from "../../../index-4ba3ab9a.js";
+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/MenuSeparator.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-316854c1.js";
+import { S as a } from "../../../index-4ba3ab9a.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../../index-316854c1.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-651c2426.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,20 +3,21 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-651c2426.js";
+import { O as n } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-316854c1.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";
 import "./SelectionModeTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "react";
+import "../../../contexts/LocalizationContext.js";
 export {
-  k as OtherTool
+  n as OtherTool
 };