@pdf-viewer/react 1.17.0-beta.0 → 1.17.0-beta.2

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

@@ -1,9 +1,9 @@
 import { jsx as o, Fragment as n } from "react/jsx-runtime";
-import { e as l } from "../../../../ToolbarLayout.module-0245d511.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 { e as l } from "../../../../ToolbarLayout.module-60ee3cc4.js";
+import { ThumbnailIcon as a } from "../../../icons/Thumbnail.js";
+import { UIButton as e } from "../../../ui/Button.js";
+import h from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import "react";
 import "../../../icons/ChevronUpIcon.js";
 import "../../../ui/Input.js";
@@ -73,6 +73,7 @@ import "../../../RPDropFileZone.js";
 import "../../../icons/LightPdfIcon.js";
 import "../../../icons/DarkPdfIcon.js";
 import "../../../../LayoutWrapper-3f4d0a19.js";
+import "../../SkipLink.js";
 import "../../../../SearchCloseButton-08d57275.js";
 import "../../../icons/CloseIcon.js";
 import "../../../ui/Checkbox.js";
@@ -135,20 +136,21 @@ import "../../../../utils/zoom.js";
 import "../../../icons/SearchIcon.js";
 import "../../../icons/ClearIcon.js";
 import "../../../../utils/hooks/useLocalization.js";
-const Oo = ({ icon: i }) => {
-  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
-    m(!r);
+const Qo = ({ icon: r }) => {
+  const { active: i, setActive: m } = l(), { localeMessages: t } = u(), p = () => {
+    m(!i);
   };
-  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
-    u,
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(h, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+    e,
     {
       onClick: p,
-      active: r,
+      active: i,
       "aria-label": t == null ? void 0 : t.thumbnailTooltip,
-      children: i || /* @__PURE__ */ o(h, {})
+      "aria-pressed": i,
+      children: r || /* @__PURE__ */ o(a, {})
     }
   ) }) });
 };
 export {
-  Oo as ThumbnailTool
+  Qo as ThumbnailTool
 };

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

@@ -1,10 +1,10 @@
 import { jsx as r, Fragment as l } from "react/jsx-runtime";
-import { useCallback as c, useMemo as f } from "react";
-import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
-import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
-import { UIButton as I } from "../../../ui/Button.js";
-import Z from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
+import { useCallback as d, useMemo as a } from "react";
+import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
+import { UIButton as u } from "../../../ui/Button.js";
+import I from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
 import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
 import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
 import "../../../../utils/types.js";
@@ -34,19 +34,20 @@ import "react-dom";
 import "../../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../../utils/hooks/useLocalization.js";
 const g = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
+  const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
     i(() => {
       const e = Math.floor(t * 100 / 25) * 25;
       return Math.min(e + 25, s);
     });
-  }, [i, t]), n = f(() => h(t), [t]);
-  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
-    I,
+  }, [i, t]), p = a(() => h(t), [t]);
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    u,
     {
-      disabled: n,
-      onClick: p,
+      disabled: p,
+      onClick: n,
       "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      children: m || /* @__PURE__ */ r(u, {})
+      "aria-disabled": p,
+      children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
     }
   ) }) });
 };

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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
-import { Z as Cm } from "../../../../ToolbarLayout.module-0245d511.js";
+import { Z as Em } from "../../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../utils/types.js";
 import "../../../../contexts/RotationContext.js";
@@ -42,6 +42,7 @@ import "../../sidebar/RPSplitter.js";
 import "../../WrapperLayout.js";
 import "../../../RPDropFileZone.js";
 import "../../../../LayoutWrapper-3f4d0a19.js";
+import "../../SkipLink.js";
 import "../../../ui/Button.js";
 import "../../../../SearchCloseButton-08d57275.js";
 import "../../../ui/Input.js";
@@ -136,5 +137,5 @@ import "../../../../utils/hooks/useHighlight.js";
 import "../../../icons/LightPdfIcon.js";
 import "../../../icons/DarkPdfIcon.js";
 export {
-  Cm as ZoomLevelDisplay
+  Em as ZoomLevelDisplay
 };

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

@@ -1,17 +1,17 @@
-import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
-import { useState as z, useRef as x, useEffect as C } from "react";
+import { jsx as r, Fragment as v, jsxs as e } from "react/jsx-runtime";
+import { useState as x, useRef as C, useEffect as A } from "react";
 import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
 import { UIButton as T } from "../../../ui/Button.js";
-import { g as p, Z as w } from "../../../../ToolbarLayout.module-0245d511.js";
-import { UIDropDown as I } from "../../../ui/DropDown.js";
-import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
-import { G as h } from "../../../../index-f563c6f0.js";
-import { MenuItem as e } from "../MenuItem.js";
-import { MenuSeparator as b } from "../MenuSeparator.js";
-import A from "../../../ui/RPTooltip.js";
-import { ZoomLevel as c } from "../../../../utils/types.js";
+import { g as n, Z as b } from "../../../../ToolbarLayout.module-60ee3cc4.js";
+import { UIDropDown as P } from "../../../ui/DropDown.js";
+import { useLayoutContainer as k } from "../../../../contexts/LayoutContainerContext.js";
+import { G as u } from "../../../../index-f563c6f0.js";
+import { MenuItem as c } from "../MenuItem.js";
+import { MenuSeparator as I } from "../MenuSeparator.js";
+import w from "../../../ui/RPTooltip.js";
+import { ZoomLevel as i } from "../../../../utils/types.js";
 import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
-import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
+import { ChevronDownIcon as G } from "../../../icons/ChevronDownIcon.js";
 import "../../../../utils/appConsole.js";
 import "../../../../contexts/InitialStateContext.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -78,6 +78,7 @@ import "../../../RPDropFileZone.js";
 import "../../../icons/LightPdfIcon.js";
 import "../../../icons/DarkPdfIcon.js";
 import "../../../../LayoutWrapper-3f4d0a19.js";
+import "../../SkipLink.js";
 import "../../../../SearchCloseButton-08d57275.js";
 import "../../../icons/CloseIcon.js";
 import "../../../ui/Checkbox.js";
@@ -136,53 +137,87 @@ import "../../../../utils/zoom.js";
 import "../../../icons/SearchIcon.js";
 import "../../../icons/ClearIcon.js";
 import "../../../../utils/hooks/useLocalization.js";
-const R = [50, 75, 100, 125, 150, 200, 300, 400], nt = ({ icon: l }) => {
-  const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
+const S = [50, 75, 100, 125, 150, 200, 300, 400], ct = ({ icon: d }) => {
+  const { zoomLevel: m, setZoomLevel: p } = L(), { container: f, pagesRef: a } = k(), { localeMessages: o } = D(), [l, z] = x(0), h = C(
     new ResizeObserver((t) => {
-      s(t[0].contentRect.height);
+      z(t[0].contentRect.height);
     })
   );
-  return C(() => (n && d.current.observe(n), () => {
-    d.current.disconnect();
-  }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
-    I,
+  return A(() => (a && h.current.observe(a), () => {
+    h.current.disconnect();
+  }), [a]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
+    P,
     {
-      container: u,
-      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
+      container: f,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ r(w, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ e(
         T,
         {
-          className: p["rp-current-zoom-wrapper"],
+          className: n["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+          "aria-expanded": !1,
           children: [
             /* @__PURE__ */ r(
-              w,
+              b,
               {
-                zoomLevel: f,
-                className: p["rp-current-zoom-text"]
+                zoomLevel: m,
+                className: n["rp-current-zoom-text"]
               }
             ),
-            /* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
+            /* @__PURE__ */ r("div", { className: n["rp-zoom-level-icon"], "aria-hidden": "true", children: d || /* @__PURE__ */ r(G, {}) })
           ]
         }
       ) }) }),
       style: { minWidth: "200px" },
       align: "center",
-      children: /* @__PURE__ */ m(
+      children: /* @__PURE__ */ e(
         "div",
         {
-          style: { maxHeight: `${a}px`, overflow: "auto" },
-          className: p["rp-zoom-dropdown-content"],
+          style: { maxHeight: `${l}px`, overflow: "auto" },
+          className: n["rp-zoom-dropdown-content"],
           children: [
-            /* @__PURE__ */ m(h, { children: [
-              /* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            /* @__PURE__ */ e(u, { children: [
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => p(i.ACTUAL),
+                  "aria-label": o == null ? void 0 : o.zoomActualSize,
+                  "aria-checked": m === i.ACTUAL,
+                  children: o == null ? void 0 : o.zoomActualSize
+                }
+              ),
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => p(i.PAGE_FIT),
+                  "aria-label": o == null ? void 0 : o.zoomPageFit,
+                  "aria-checked": m === i.PAGE_FIT,
+                  children: o == null ? void 0 : o.zoomPageFit
+                }
+              ),
+              /* @__PURE__ */ r(
+                c,
+                {
+                  onClick: () => p(i.PAGE_WIDTH),
+                  "aria-label": o == null ? void 0 : o.zoomPageWidth,
+                  "aria-checked": m === i.PAGE_WIDTH,
+                  children: o == null ? void 0 : o.zoomPageWidth
+                }
+              )
             ] }),
-            /* @__PURE__ */ r(b, {}),
-            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
-              t,
-              " %"
-            ] }, t)) })
+            /* @__PURE__ */ r(I, {}),
+            /* @__PURE__ */ r(u, { children: S.map((t) => /* @__PURE__ */ e(
+              c,
+              {
+                onClick: () => p(t),
+                "aria-label": `${t}%`,
+                "aria-checked": m === t,
+                children: [
+                  t,
+                  " %"
+                ]
+              },
+              t
+            )) })
           ]
         }
       )
@@ -190,5 +225,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], nt = ({ icon: l }) => {
   ) });
 };
 export {
-  nt as ZoomLevelTool
+  ct as ZoomLevelTool
 };

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

@@ -1,10 +1,10 @@
 import { jsx as r, Fragment as u } from "react/jsx-runtime";
-import { useMemo as l, useCallback as c } from "react";
-import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
-import { UIButton as f } from "../../../ui/Button.js";
-import O from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
-import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
+import { useMemo as d, useCallback as l } from "react";
+import { useZoomContext as a } from "../../../../contexts/ZoomContext.js";
+import { UIButton as c } from "../../../ui/Button.js";
+import f from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
+import { ZoomOutIcon as Z } from "../../../icons/ZoomOutIcon.js";
 import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
 import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
 import "../../../../utils/types.js";
@@ -34,19 +34,20 @@ import "react-dom";
 import "../../../../floating-ui.react-dom-6b2fe0df.js";
 import "../../../../utils/hooks/useLocalization.js";
 const g = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
+  const { currentZoom: t, setZoomLevel: i } = a(), { localeMessages: o } = O(), p = d(() => s(t), [t]), n = l(() => {
     i(() => {
       const e = Math.ceil(t * 100 / 25) * 25;
       return Math.min(e - 25, h);
     });
   }, [i, t]);
-  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
-    f,
+  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(f, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
+    c,
     {
       disabled: p,
       onClick: n,
       "aria-label": o == null ? void 0 : o.zoomOutTooltip,
-      children: m || /* @__PURE__ */ r(a, {})
+      "aria-disabled": p,
+      children: m || /* @__PURE__ */ r(Z, { "aria-hidden": "true" })
     }
   ) }) });
 };

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

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import { h as t, S as y, P as C, i as R, j as v } from "../../../../../ToolbarLayout.module-0245d511.js";
+import { h as t, S as y, P as C, i as R, j as v } from "../../../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";
@@ -41,6 +41,7 @@ import "../../../sidebar/RPSplitter.js";
 import "../../../WrapperLayout.js";
 import "../../../../RPDropFileZone.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../ui/Button.js";
 import "../../../../ui/RPTooltip.js";
 import "../../../../ui/Input.js";
@@ -135,7 +136,7 @@ import "../../../../../utils/hooks/useLicense.js";
 import "../../../../../utils/getElementPositionInPage.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
-const or = (u) => {
+const tr = (u) => {
   const { icons: i, slots: p } = u, { setIcons: m } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = T(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return f(() => {
     m((r) => ({ ...r, ...i })), a(!0);
@@ -151,5 +152,5 @@ const or = (u) => {
   ] }) });
 };
 export {
-  or as RPHorizontalBar
+  tr as RPHorizontalBar
 };

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

@@ -3,7 +3,7 @@ import { useState as l, useEffect as a } from "react";
 import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
 import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
 import { ThumbnailTool as I } from "../../ThumbnailTool.js";
-import "../../../../../ToolbarLayout.module-0245d511.js";
+import "../../../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../../icons/ChevronUpIcon.js";
 import "../../../../ui/Button.js";
 import "../../../../../clsx-0c6e471a.js";
@@ -74,6 +74,7 @@ import "../../../../RPDropFileZone.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../ui/RPTooltip.js";
 import "../../../../../index-35c7f4a2.js";
@@ -136,7 +137,7 @@ import "../../../../icons/ZoomOutIcon.js";
 import "../../../../../utils/zoom.js";
 import "../../../../icons/SearchIcon.js";
 import "../../../../icons/ClearIcon.js";
-const Ut = (f) => {
+const Wt = (f) => {
   const { icons: t, slots: r } = f, { setIcons: i } = u(), { setSlots: m } = d(), [p, s] = l(!1), [e, n] = l(!1);
   return a(() => {
     i((o) => ({ ...o, ...t })), s(!0);
@@ -145,5 +146,5 @@ const Ut = (f) => {
   }, [r, m, e, n]), !p || !e ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(I, {}) });
 };
 export {
-  Ut as RPVerticalBar
+  Wt as RPVerticalBar
 };

package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js

@@ -1,9 +1,9 @@
-import { jsx as t, Fragment as p, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, Fragment as p, jsxs as c } from "react/jsx-runtime";
 import { MenuItem as u } from "../../MenuItem.js";
-import { InfoIcon as l } from "../../../../icons/InfoIcon.js";
-import { useOtherToolContext as s } from "../../../../../contexts/OtherToolContext.js";
+import { InfoIcon as d } from "../../../../icons/InfoIcon.js";
+import { useOtherToolContext as l } from "../../../../../contexts/OtherToolContext.js";
 import f from "../../../../ui/RPTooltip.js";
-import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as h } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../index-f563c6f0.js";
 import "react";
 import "../../../../../index-35c7f4a2.js";
@@ -15,10 +15,10 @@ import "../../../../../utils/appConsole.js";
 import "../../../../../utils/hooks/useLocalization.js";
 import "../../../../../th_TH-d1686d95.js";
 const F = (i) => {
-  const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = s(), { localeMessages: o } = d();
-  return m ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(u, { onClick: () => e((n) => !n), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
-    /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(l, {}) }),
-    o == null ? void 0 : o.documentPropertiesLabel
+  const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = l(), { localeMessages: t } = h();
+  return m ? /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(u, { onClick: () => e((n) => !n), "aria-label": t == null ? void 0 : t.documentPropertiesTooltip, children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: t == null ? void 0 : t.documentPropertiesTooltip, children: [
+    /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ o(d, { "aria-hidden": "true" }) }),
+    t == null ? void 0 : t.documentPropertiesLabel
   ] }) }) }) : null;
 };
 export {

package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js

@@ -1,10 +1,10 @@
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import l from "../../../../ui/RPTooltip.js";
-import { MenuItem as c } from "../../MenuItem.js";
-import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
-import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
-import { b as u } from "../../../../../ToolbarLayout.module-0245d511.js";
-import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import e from "../../../../ui/RPTooltip.js";
+import { MenuItem as d } from "../../MenuItem.js";
+import { useViewportContext as a } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
+import { b as c } from "../../../../../ToolbarLayout.module-60ee3cc4.js";
+import { FileDownloadDefaultIcon as f } from "../../../../icons/FileDownloadDefaultIcon.js";
 import "react";
 import "../../../../../index-35c7f4a2.js";
 import "react-dom";
@@ -80,6 +80,7 @@ import "../../../../RPDropFileZone.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../icons/CloseIcon.js";
 import "../../../../ui/Checkbox.js";
@@ -135,16 +136,23 @@ import "../../../../icons/ZoomOutIcon.js";
 import "../../../../../utils/zoom.js";
 import "../../../../icons/SearchIcon.js";
 import "../../../../icons/ClearIcon.js";
-const Qi = (m) => {
-  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
+const Ui = (m) => {
+  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = a(), { localeMessages: o } = u(), { download: n } = c();
   if (!p || !r)
     return null;
   if (r)
-    return /* @__PURE__ */ i(c, { onClick: n, children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
-      /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(a, {}) }),
-      o == null ? void 0 : o.downloadFileLabel
-    ] }) });
+    return /* @__PURE__ */ i(
+      d,
+      {
+        onClick: n,
+        "aria-label": o == null ? void 0 : o.downloadFileTooltip,
+        children: /* @__PURE__ */ l(e, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(f, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.downloadFileLabel
+        ] })
+      }
+    );
 };
 export {
-  Qi as FileDownloadTool
+  Ui as FileDownloadTool
 };

package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
 import l from "../../../../ui/RPTooltip.js";
 import { MenuItem as c } from "../../MenuItem.js";
-import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
-import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
+import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
+import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
 import "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import "../../../../../ToolbarLayout.module-0245d511.js";
+import "../../../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";
@@ -18,7 +18,7 @@ import "../../../../../contexts/VirtualGridContext.js";
 import "../../../../../contexts/SelectionModeContext.js";
 import "../../../../../contexts/InitialStateContext.js";
 import "../../../../../contexts/FullScreenContext.js";
-import { useOpenFileContext as s } from "../../../../../contexts/FileInputContext.js";
+import { useOpenFileContext as a } from "../../../../../contexts/FileInputContext.js";
 import "../../../../../contexts/DropFileZoneContext.js";
 import "../../../../../contexts/LayoutContainerContext.js";
 import "../../../../../contexts/DimensionPagesContext.js";
@@ -43,6 +43,7 @@ import "../../../sidebar/RPSplitter.js";
 import "../../../WrapperLayout.js";
 import "../../../../RPDropFileZone.js";
 import "../../../../../LayoutWrapper-3f4d0a19.js";
+import "../../../SkipLink.js";
 import "../../../../ui/Button.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../ui/Input.js";
@@ -50,7 +51,7 @@ import "../../../../ui/Checkbox.js";
 import "../../../../icons/LoaderIcon.js";
 import "../../../../../contexts/IconContext.js";
 import "../../../../ui/DropDown.js";
-import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
+import { FileUploadDefaultIcon as d } from "../../../../icons/FileUploadDefaultIcon.js";
 import "../../MenuSeparator.js";
 import "../../../../../utils/dateFormatter.js";
 import "../../PropertyItem.js";
@@ -135,16 +136,23 @@ import "../../../../icons/ClearIcon.js";
 import "../../../../../utils/hooks/useHighlight.js";
 import "../../../../icons/LightPdfIcon.js";
 import "../../../../icons/DarkPdfIcon.js";
-const Kt = (m) => {
-  const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
+const Qi = (m) => {
+  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = f(), { openFile: n } = a();
   if (!p || !r)
     return null;
   if (r)
-    return /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(a, {}) }),
-      o == null ? void 0 : o.openLocalFileLabel
-    ] }) });
+    return /* @__PURE__ */ i(
+      c,
+      {
+        onClick: n,
+        "aria-label": o == null ? void 0 : o.openLocalFileTooltip,
+        children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
+          /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(d, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.openLocalFileLabel
+        ] })
+      }
+    );
 };
 export {
-  Kt as FileUploadTool
+  Qi as FileUploadTool
 };

package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { MenuItem as c } from "../../MenuItem.js";
-import u from "../../../../ui/RPTooltip.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { MenuItem as u } from "../../MenuItem.js";
+import c from "../../../../ui/RPTooltip.js";
 import { FullScreenIcon as f } from "../../../../icons/FullScreenIcon.js";
-import { useViewportContext as s } from "../../../../../contexts/ViewportContext.js";
-import { useFullScreenContext as S } from "../../../../../contexts/FullScreenContext.js";
-import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
+import { useViewportContext as S } from "../../../../../contexts/ViewportContext.js";
+import { useFullScreenContext as d } from "../../../../../contexts/FullScreenContext.js";
+import { useLocalizationContext as x } from "../../../../../contexts/LocalizationContext.js";
 import "../../../../../index-f563c6f0.js";
 import "react";
 import "../../../../../index-35c7f4a2.js";
@@ -18,14 +18,22 @@ import "../../../../../utils/appConsole.js";
 import "../../../../../utils/hooks/useLocalization.js";
 import "../../../../../th_TH-d1686d95.js";
 const y = (m) => {
-  const { icon: r, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = S(), { isSmallScreen: i } = s(), { localeMessages: o } = d();
+  const { icon: t, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = d(), { isSmallScreen: i } = S(), { localeMessages: o } = x();
   if (!e || !i)
     return null;
   if (i)
-    return /* @__PURE__ */ t(c, { onClick: n, disabled: !p, children: /* @__PURE__ */ l(u, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(f, {}) }),
-      o == null ? void 0 : o.fullScreenTooltip
-    ] }) });
+    return /* @__PURE__ */ r(
+      u,
+      {
+        onClick: n,
+        disabled: !p,
+        "aria-label": o == null ? void 0 : o.fullScreenTooltip,
+        children: /* @__PURE__ */ l(c, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(f, { "aria-hidden": "true" }) }),
+          o == null ? void 0 : o.fullScreenTooltip
+        ] })
+      }
+    );
 };
 export {
   y as FullScreenTool