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

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-651c2426.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-651c2426.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-651c2426.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-651c2426.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 { G as a } from "../../../index-316854c1.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 { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
+import { G as a } from "../../../index-4ba3ab9a.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-316854c1.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-651c2426.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-316854c1.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/ViewModeTool.js

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as u, jsxs as o } from "react/jsx-runtime";
-import { G as p } from "../../../index-316854c1.js";
+import { G as p } from "../../../index-4ba3ab9a.js";
 import { MenuSeparator as d } from "./MenuSeparator.js";
 import { MenuItem as t } from "./MenuItem.js";
 import { DualPageIcon as f } from "../../icons/SinglePageIcon.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as L } from "../../../RPDefaultLayout-651c2426.js";
+import { Z as M } from "../../../RPDefaultLayout-79c7577a.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-316854c1.js";
+import "../../../index-4ba3ab9a.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.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-651c2426.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-651c2426.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-651c2426.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-651c2426.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-651c2426.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-651c2426.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
 };

package/dist/components/ui/Button.js

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { c as p } from "../../clsx-0c6e471a.js";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as u } from "../../clsx-0c6e471a.js";
 import '../../assets/Button.css';const t = {
-  "rp-button": "_rp-button_uycem_1",
-  "rp-button-active": "_rp-button-active_uycem_13"
-}, _ = u((o, r) => {
-  const { children: c, active: n, className: e, ...s } = o;
-  return /* @__PURE__ */ a(
+  "rp-button": "_rp-button_aqcwn_1",
+  "rp-button-active": "_rp-button-active_aqcwn_18"
+}, _ = p((o, r) => {
+  const { children: n, active: c, className: a, ...s } = o;
+  return /* @__PURE__ */ e(
     "button",
     {
       tabIndex: 0,
       ref: r,
       ...s,
-      className: p(t["rp-button"], e, n ? t["rp-button-active"] : ""),
-      children: c
+      className: u(t["rp-button"], a, c ? t["rp-button-active"] : ""),
+      children: n
     }
   );
 });