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

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

@@ -5,7 +5,7 @@ import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
 import "react";
 import "../../../../contexts/RPDocumentContext.js";
 import "../../../../contexts/DocumentPasswordContext.js";
-import "../../../../ToolbarLayout.module-0245d511.js";
+import "../../../../ToolbarLayout.module-00eddd49.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";
@@ -44,6 +44,7 @@ import "../../sidebar/RPSplitter.js";
 import "../../WrapperLayout.js";
 import "../../../RPDropFileZone.js";
 import "../../../../LayoutWrapper-3f4d0a19.js";
+import "../../SkipLink.js";
 import "../../../../SearchCloseButton-08d57275.js";
 import "../../../ui/Input.js";
 import "../../../ui/Checkbox.js";
@@ -55,9 +56,9 @@ import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
 import "../../../../RotateTool.module-67946714.js";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-808ea7bf.js";
 import "../../../../utils/withRef.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/hooks/useLoadPdf.js";
@@ -98,7 +99,7 @@ import "../DarkModeTool.js";
 import "../../../icons/MoonIcon.js";
 import "../../../icons/SunIcon.js";
 import "../../../icons/ThreeDotIcon.js";
-import "../../../../index-f563c6f0.js";
+import "../../../../index-a48ec088.js";
 import "../../../icons/CloseIcon.js";
 import "../DocumentProperties.js";
 import "../../../icons/InfoIcon.js";
@@ -135,10 +136,10 @@ import "../../../../utils/hooks/useLicense.js";
 import "../../../../utils/getElementPositionInPage.js";
 import "../../../icons/LightPdfIcon.js";
 import "../../../icons/DarkPdfIcon.js";
-const l = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.singlePageTooltip, children: t }), Ht = ({ icon: t }) => {
+const l = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.singlePageTooltip, children: t }), Jt = ({ icon: t }) => {
   const { setSinglePage: r } = e(), { localeMessages: o } = g();
-  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.singlePageTooltip, children: t || /* @__PURE__ */ i(n, {}) }) });
+  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.singlePageTooltip, children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" }) }) });
 };
 export {
-  Ht as SinglePageTool
+  Jt as SinglePageTool
 };

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

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

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-00eddd49.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,16 +73,17 @@ 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";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
 import "../../../icons/CheckIcon.js";
 import "../../../../contexts/IconContext.js";
 import "../../../ui/DropDown.js";
-import "../../../../index-f563c6f0.js";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-a48ec088.js";
+import "../../../../index-808ea7bf.js";
 import "../MenuItem.js";
 import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.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";
@@ -29,24 +29,25 @@ import "../../../../contexts/EventCallbackContext.js";
 import "../../../../utils/hooks/useDebounce.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-808ea7bf.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-00eddd49.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";
@@ -94,10 +95,10 @@ import "../../../../utils/getWordPositionInPage.js";
 import "../../../../utils/smoothScrollTo.js";
 import "../FileUploadTool.js";
 import "../../../icons/FileUploadDefaultIcon.js";
-import "../../../../index-f563c6f0.js";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-a48ec088.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-808ea7bf.js";
 import "../DarkModeTool.js";
 import "../../../icons/MoonIcon.js";
 import "../../../icons/SunIcon.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-00eddd49.js";
+import { UIDropDown as P } from "../../../ui/DropDown.js";
+import { useLayoutContainer as k } from "../../../../contexts/LayoutContainerContext.js";
+import { G as u } from "../../../../index-a48ec088.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,10 +78,11 @@ 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";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
 import "../../../icons/CheckIcon.js";
 import "../../../../contexts/IconContext.js";
@@ -108,7 +109,7 @@ import "../DarkModeTool.js";
 import "../../../icons/MoonIcon.js";
 import "../../../icons/SunIcon.js";
 import "../../../icons/ThreeDotIcon.js";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-808ea7bf.js";
 import "../DocumentProperties.js";
 import "../../../icons/InfoIcon.js";
 import "../RotateTool.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";
@@ -29,24 +29,25 @@ import "../../../../contexts/EventCallbackContext.js";
 import "../../../../utils/hooks/useDebounce.js";
 import "../../../../clsx-0c6e471a.js";
 import "../../../../utils/withRef.js";
-import "../../../../index-35c7f4a2.js";
+import "../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../index-808ea7bf.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-00eddd49.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";
@@ -69,7 +70,7 @@ import "../../../../icons/LoaderIcon.js";
 import "../../../../../SearchCloseButton-08d57275.js";
 import "../../../../icons/CloseIcon.js";
 import "../../../../ui/Checkbox.js";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
 import "../../../../icons/CheckIcon.js";
 import "../../../../../contexts/IconContext.js";
@@ -98,8 +99,8 @@ import "../../DarkModeTool.js";
 import "../../../../icons/MoonIcon.js";
 import "../../../../icons/SunIcon.js";
 import "../../../../icons/ThreeDotIcon.js";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
-import "../../../../../index-f563c6f0.js";
+import "../../../../../index-808ea7bf.js";
+import "../../../../../index-a48ec088.js";
 import "../../DocumentProperties.js";
 import "../../../../icons/InfoIcon.js";
 import "../../RotateTool.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-00eddd49.js";
 import "../../../../icons/ChevronUpIcon.js";
 import "../../../../ui/Button.js";
 import "../../../../../clsx-0c6e471a.js";
@@ -74,17 +74,18 @@ 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";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../icons/CloseIcon.js";
 import "../../../../ui/Checkbox.js";
 import "../../../../icons/CheckIcon.js";
 import "../../../../../contexts/IconContext.js";
 import "../../../../ui/DropDown.js";
-import "../../../../../index-f563c6f0.js";
+import "../../../../../index-a48ec088.js";
 import "../../MenuItem.js";
 import "../../MenuSeparator.js";
 import "../../../../../utils/dateFormatter.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,24 +1,24 @@
-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 "../../../../../index-f563c6f0.js";
+import { useLocalizationContext as h } from "../../../../../contexts/LocalizationContext.js";
+import "../../../../../index-a48ec088.js";
 import "react";
-import "../../../../../index-35c7f4a2.js";
+import "../../../../../index-c9a2990a.js";
 import "react-dom";
-import "../../../../../floating-ui.react-dom-6b2fe0df.js";
+import "../../../../../index-808ea7bf.js";
 import "../../../../../clsx-0c6e471a.js";
 import "../../../../../utils/withRef.js";
 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 {