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

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

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { Y as Cr } from "../../../ToolbarLayout.module-0245d511.js";
+import { Y as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";
@@ -88,6 +88,7 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
@@ -136,5 +137,5 @@ import "../../icons/FullScreenIcon.js";
 import "../../icons/TextSelectionDefaultIcon.js";
 import "../../icons/HandModeDefaultIcon.js";
 export {
-  Cr as OtherTool
+  Dr as OtherTool
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { P as Er } from "../../../ToolbarLayout.module-0245d511.js";
+import { P as Fr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
@@ -75,6 +75,7 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
@@ -136,5 +137,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Er as Paginate
+  Fr as Paginate
 };

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { W as Cr } from "../../../ToolbarLayout.module-0245d511.js";
+import { W as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";
@@ -77,6 +77,7 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
@@ -136,5 +137,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Cr as PrintTool
+  Dr as PrintTool
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as R, jsx as t } from "react/jsx-runtime";
 import { useState as k, useRef as z, useMemo as P, useEffect as j } from "react";
-import { r as H, D as L } from "../../../ToolbarLayout.module-0245d511.js";
+import { r as H, D as L } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
 import { ThreeDotIcon as U } from "../../icons/ThreeDotIcon.js";
 import { UIButton as y } from "../../ui/Button.js";
@@ -87,6 +87,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";
@@ -145,8 +146,8 @@ import "../../icons/ZoomOutIcon.js";
 import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
-const Gt = (b) => {
-  const { children: S, icons: o, slots: r, slotTop: v, slotBottom: V } = b, {
+const Wt = (b) => {
+  const { children: S, icons: o, slots: r, slotTop: v, slotBottom: s } = b, {
     openFileTool: e = !0,
     downloadTool: m = !0,
     printTool: p = !0,
@@ -155,15 +156,15 @@ const Gt = (b) => {
     rotateTool: d = !0,
     selectionModeTool: f = !0,
     scrollModeTool: I = !0,
-    documentProperties: g = !0,
-    viewModeTool: h = !0
-  } = r ?? {}, { container: s, pagesRef: a } = N(), { isSmallScreen: c } = G(), { localeMessages: i } = $(), [C, x] = k(0), w = z(
+    documentProperties: h = !0,
+    viewModeTool: g = !0
+  } = r ?? {}, { container: V, pagesRef: a } = N(), { isSmallScreen: c } = G(), { localeMessages: i } = $(), [C, x] = k(0), w = z(
     new ResizeObserver((n) => {
       x(n[0].contentRect.height);
     })
   ), D = P(() => {
     let n = !1;
-    const O = T || d || f || I || g || h;
+    const O = T || d || f || I || h || g;
     return c && (n = !(!e && !m && !p && !l)), O || n;
   }, [
     c,
@@ -171,12 +172,12 @@ const Gt = (b) => {
     p,
     l,
     m,
-    g,
+    h,
     I,
     d,
     f,
     T,
-    h
+    g
   ]), F = P(() => e || m || p || l, [e, m, p, l]);
   return j(() => (a && w.current.observe(a), () => {
     w.current.disconnect();
@@ -184,8 +185,8 @@ const Gt = (b) => {
     /* @__PURE__ */ t(
       B,
       {
-        container: s,
-        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(E, { content: i == null ? void 0 : i.moreOptionTooltip, children: /* @__PURE__ */ t(y, { "aria-label": i == null ? void 0 : i.moreOptionTooltip, children: /* @__PURE__ */ t(U, {}) }) }) }),
+        container: V,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ t(E, { content: i == null ? void 0 : i.moreOptionTooltip, children: /* @__PURE__ */ t(y, { "aria-label": i == null ? void 0 : i.moreOptionTooltip, children: /* @__PURE__ */ t(U, { "aria-hidden": "true" }) }) }) }),
         children: /* @__PURE__ */ u(
           "div",
           {
@@ -257,7 +258,7 @@ const Gt = (b) => {
                   isToolVisible: r == null ? void 0 : r.documentProperties
                 }
               ),
-              V,
+              s,
               S
             ]
           }
@@ -268,5 +269,5 @@ const Gt = (b) => {
   ] }) : "";
 };
 export {
-  Gt as RPMoreOptions
+  Wt as RPMoreOptions
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { $ as Br } from "../../../ToolbarLayout.module-0245d511.js";
+import { $ as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/ToolComponentContext.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 "../../ui/RPTooltip.js";
 import "../../../index-35c7f4a2.js";
@@ -136,5 +137,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Br as RPToolbar
+  Cr as RPToolbar
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { j as Br } from "../../../ToolbarLayout.module-0245d511.js";
+import { j as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 import "../../icons/FileUploadDefaultIcon.js";
@@ -86,6 +86,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,5 +137,5 @@ import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/FullScreenIcon.js";
 export {
-  Br as RPToolbarEnd
+  Cr as RPToolbarEnd
 };

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { _ as Bo } from "../../../ToolbarLayout.module-0245d511.js";
+import { _ as Co } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "react";
 import "../../../index-35c7f4a2.js";
@@ -78,6 +78,7 @@ import "../../RPDropFileZone.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../ui/Checkbox.js";
 import "../../icons/CheckIcon.js";
 import "../../../contexts/IconContext.js";
@@ -136,5 +137,5 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Bo as SearchResultNavigator
+  Co as SearchResultNavigator
 };

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as Dr } from "../../../ToolbarLayout.module-0245d511.js";
+import { S as Er } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -49,6 +49,7 @@ import "../sidebar/RPSplitter.js";
 import "../WrapperLayout.js";
 import "../../RPDropFileZone.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
 import "./MenuItem.js";
@@ -136,5 +137,5 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 export {
-  Dr as SearchTool
+  Er as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { e as u } from "../../../ToolbarLayout.module-0245d511.js";
+import { e as u } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
 import { UIButton as h } from "../../ui/Button.js";
 import l from "../../ui/RPTooltip.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,12 +136,12 @@ import "../../../utils/zoom.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 import "../../../utils/hooks/useLocalization.js";
-const Vt = () => {
+const Wt = () => {
   const { active: t, setActive: e } = u(), { thumbnailIcon: p } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, n = () => {
     e(!t);
   };
   return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: n, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: n, active: t, "aria-label": m, children: p || /* @__PURE__ */ o(a, {}) }) }) }) : null;
 };
 export {
-  Vt as ThumbnailTool
+  Wt as ThumbnailTool
 };

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

@@ -1,7 +1,7 @@
-import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { useRef as c, useState as w } from "react";
-import { e as x, c as N, o as i, p as C, q as R } from "../../../ToolbarLayout.module-0245d511.js";
-import { useToolbarComponentContext as y } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
+import { useRef as c, useState as N } from "react";
+import { e as T, c as x, o as t, p as C, q as R } from "../../../ToolbarLayout.module-60ee3cc4.js";
+import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -42,6 +42,7 @@ import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.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";
@@ -135,28 +136,34 @@ import "../../../utils/hooks/useLocalization.js";
 import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
-const mo = (d) => {
-  const { children: h, toolbar: u } = d, n = c(null), { active: e } = x(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = N(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(W), T = g ?? b;
-  return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
-      m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
-      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
-        /* @__PURE__ */ o(s, { children: [
-          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
-          /* @__PURE__ */ o(
+const po = (d) => {
+  const { children: h, toolbar: u } = d, a = c(null), { active: n } = T(), { showPrintProgress: b } = D(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, o = u, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = c(null), [v, P] = N(W), w = g ?? b;
+  return /* @__PURE__ */ i(e, { children: [
+    /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
+      /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ r(e, { children: p && /* @__PURE__ */ i(e, { children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "sidebar",
+              ref: l,
+              className: t["rp-sidebar-content"],
+              children: p == null ? void 0 : p.component
+            }
+          ),
+          /* @__PURE__ */ i(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !e,
-              className: i["rp-thumbnails-wrapper"],
-              style: { ...e && { position: "relative", display: "flex" } },
+              className: `${t["rp-thumbnails-wrapper"]} ${n ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               children: [
-                /* @__PURE__ */ t(C, { show: e, ref: n, width: v }),
-                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                /* @__PURE__ */ r(C, { show: n, ref: a, width: v }),
+                /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
                   I,
                   {
                     onWidthChange: P,
-                    thumbnailRef: n,
+                    thumbnailRef: a,
                     leftSidebarRef: l,
                     isRPLayout: !0
                   }
@@ -164,13 +171,22 @@ const mo = (d) => {
               ]
             }
           )
-        ] }),
-        /* @__PURE__ */ t(s, { children: h })
+        ] }) }),
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: h
+          }
+        )
       ] })
     ] }),
-    T && a ? /* @__PURE__ */ t(R, { percentage: a }) : null
+    w && s ? /* @__PURE__ */ r(R, { percentage: s }) : null
   ] });
 };
 export {
-  mo as ToolbarCustom
+  po as ToolbarCustom
 };

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

@@ -1,6 +1,6 @@
-import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
-import { useRef as a, useState as P } from "react";
-import { e as g, c as v, o, p as x, q as N } from "../../../ToolbarLayout.module-0245d511.js";
+import { jsxs as o, Fragment as e, jsx as r } from "react/jsx-runtime";
+import { useRef as n, useState as g } from "react";
+import { e as P, c as v, o as t, p as w, q as N } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -38,10 +38,11 @@ import "pdfjs-dist";
 import "../Container.js";
 import "../../../contexts/ViewportContext.js";
 import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
-import { RPSplitter as w } from "../sidebar/RPSplitter.js";
+import { RPSplitter as x } from "../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";
@@ -56,7 +57,7 @@ import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "../../../RotateTool.module-67946714.js";
 import { RPHorizontalBar as C } from "./tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as S } from "./tools/defaults/RPVerticalBar.js";
+import { RPVerticalBar as D } from "./tools/defaults/RPVerticalBar.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../utils/types.js";
 import "../../../th_TH-d1686d95.js";
@@ -138,29 +139,27 @@ import "../../../utils/hooks/useHighlight.js";
 import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "./ThumbnailTool.js";
-const po = (n) => {
-  const { children: l } = n, p = a(null), { active: i } = g(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: e } = d || {}, s = a(null), [u, f] = P(T), b = h ?? c;
-  return /* @__PURE__ */ t(m, { children: [
-    /* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
-      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }),
-      /* @__PURE__ */ t("div", { className: o["rp-content"], children: [
-        /* @__PURE__ */ t(m, { children: [
-          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: s, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(S, {}) }),
-          /* @__PURE__ */ t(
+const ao = (s) => {
+  const { children: l } = s, i = n(null), { active: m } = P(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: p } = d || {}, a = n(null), [u, b] = g(T), f = h ?? c;
+  return /* @__PURE__ */ o(e, { children: [
+    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }) }),
+      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ o(e, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: a, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(D, {}) }),
+          /* @__PURE__ */ o(
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !i,
-              className: o["rp-thumbnails-wrapper"],
-              style: { ...i && { position: "relative", display: "flex" } },
+              className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
               children: [
-                /* @__PURE__ */ r(x, { show: i, ref: p, width: u }),
+                /* @__PURE__ */ r(w, { show: m, ref: i, width: u }),
                 /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
-                  w,
+                  x,
                   {
-                    onWidthChange: f,
-                    thumbnailRef: p,
-                    leftSidebarRef: s,
+                    onWidthChange: b,
+                    thumbnailRef: i,
+                    leftSidebarRef: a,
                     isRPLayout: !0
                   }
                 ) })
@@ -168,12 +167,21 @@ const po = (n) => {
             }
           )
         ] }),
-        /* @__PURE__ */ r(m, { children: l })
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: l
+          }
+        )
       ] })
     ] }),
-    b && e ? /* @__PURE__ */ r(N, { percentage: e }) : null
+    f && p ? /* @__PURE__ */ r(N, { percentage: p }) : null
   ] });
 };
 export {
-  po as ToolbarDefault
+  ao as ToolbarDefault
 };

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

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { ToolbarDefault as i } from "./ToolbarDefault.js";
 import { ToolbarCustom as p } from "./ToolbarCustom.js";
 import "react";
-import "../../../ToolbarLayout.module-0245d511.js";
+import "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../../clsx-0c6e471a.js";
@@ -75,6 +75,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";
@@ -140,10 +141,10 @@ import "../../icons/ClearIcon.js";
 import "./tools/defaults/RPHorizontalBar.js";
 import "./tools/defaults/RPVerticalBar.js";
 import "./ThumbnailTool.js";
-const Or = (m) => {
+const Pr = (m) => {
   const { children: r, toolbar: o } = m;
   return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
 };
 export {
-  Or as ToolbarLayout
+  Pr as ToolbarLayout
 };

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

@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { i as Dm } from "../../../ToolbarLayout.module-0245d511.js";
+import { i as Em } from "../../../ToolbarLayout.module-60ee3cc4.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-f563c6f0.js";
@@ -82,6 +82,7 @@ import "../../icons/LightPdfIcon.js";
 import "../../icons/DarkPdfIcon.js";
 import "../../../utils/hooks/useLocalization.js";
 import "../../../LayoutWrapper-3f4d0a19.js";
+import "../SkipLink.js";
 import "../../../SearchCloseButton-08d57275.js";
 import "../../icons/CloseIcon.js";
 import "../../ui/Checkbox.js";
@@ -136,5 +137,5 @@ import "../../icons/HandModeDefaultIcon.js";
 import "../../icons/SearchIcon.js";
 import "../../icons/ClearIcon.js";
 export {
-  Dm as ZoomTool
+  Em as ZoomTool
 };

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

@@ -4,7 +4,7 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
 import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
 import { InfoIcon as f } from "../../../icons/InfoIcon.js";
 import { UIButton as D } from "../../../ui/Button.js";
-import { D as P } from "../../../../ToolbarLayout.module-0245d511.js";
+import { D as P } from "../../../../ToolbarLayout.module-60ee3cc4.js";
 import "react";
 import "../../../../index-35c7f4a2.js";
 import "react-dom";
@@ -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";
@@ -139,7 +140,7 @@ const d = ({
   children: r,
   className: i,
   localeMessages: o
-}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Vt = ({ icon: r }) => {
+}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Wt = ({ icon: r }) => {
   const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
   return /* @__PURE__ */ p(n, { children: [
     /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
@@ -154,5 +155,5 @@ const d = ({
   ] });
 };
 export {
-  Vt as DocumentPropertiesTool
+  Wt as DocumentPropertiesTool
 };