@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0

package/dist/components/layout/RPDefaultLayout.js

@@ -1,245 +1,100 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as L, useState as P, useEffect as R } from "react";
-import { RPToolbar as w } from "./toolbar/RPToolbar.js";
-import { RPSidebar as x } from "./sidebar/RPSidebar.js";
-import { c as r } from "../../RPLayout.module-92fa19f7.js";
-import { ToolbarComponentProvider as D } from "../../contexts/ToolbarComponentContext.js";
-import { useLayoutContainer as N } from "../../contexts/LayoutContainerContext.js";
-import { Container as S } from "./Container.js";
-import { IconProvider as k } from "../../contexts/IconContext.js";
-import { WrapperLayout as F } from "./WrapperLayout.js";
-import { RPDropFileZone as j } from "../RPDropFileZone.js";
-import { ViewportProvider as I } from "../../contexts/ViewportContext.js";
-import { useDocumentContext as T } from "../../contexts/RPDocumentContext.js";
-import { useLoaderContext as W } from "../../contexts/LoaderContext.js";
-import { LayoutContainer as M } from "./LayoutContainer.js";
-import { SkipLink as e } from "./SkipLink.js";
-import "../../RPToolbar.module-27d7fe77.js";
-import "./toolbar/Paginate.js";
-import "../icons/ChevronUpIcon.js";
-import "../ui/Button.js";
-import "../../clsx-0c6e471a.js";
-import "../../utils/withRef.js";
-import "../ui/Input.js";
-import "../../Paginate.module-4eef00aa.js";
-import "../../PaginationContext-87f832f2.js";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../utils/appConsole.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../utils/smoothScrollTo.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/RotationContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/calculatePage.js";
-import "../ui/RPTooltip.js";
-import "../../index-113053cf.js";
-import "react-dom";
-import "../../index-23911b43.js";
-import "../../index-d0f0aa9a.js";
-import "../../index-ada501c4.js";
-import "../../contexts/LocalizationContext.js";
-import "../../utils/hooks/useLocalization.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "./toolbar/RPToolbarEnd.js";
-import "./toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "./toolbar/MenuItem.js";
-import "../../index-11f3cd64.js";
-import "../../Combination-17ab8af1.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "./toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/hooks/useDarkMode.js";
-import "./toolbar/OtherTool.js";
-import "../icons/ThreeDotIcon.js";
-import "../ui/DropDown.js";
-import "./toolbar/DocumentDialog.js";
-import "../icons/CloseIcon.js";
-import "../../utils/dateFormatter.js";
-import "./toolbar/PropertyItem.js";
-import "../../contexts/OtherToolContext.js";
-import "../../OtherTool.module-a4be5f1f.js";
-import "./toolbar/DocumentProperties.js";
-import "../icons/InfoIcon.js";
-import "./toolbar/MenuSeparator.js";
-import "./toolbar/RotateTool.js";
-import "../icons/ClockwiseIcon.js";
-import "../../RotateTool.module-67946714.js";
-import "../../utils/hooks/useRotate.js";
-import "./toolbar/ViewModeTool.js";
-import "../icons/DualPageIcon.js";
-import "../icons/DualPageWithCoverIcon.js";
-import "../icons/SinglePageIcon.js";
-import "../icons/CheckIcon.js";
-import "./toolbar/ScrollModeTool.js";
-import "../icons/PageScrollingIcon.js";
-import "../icons/VerticalScrollingIcon.js";
-import "../icons/HorizontalScrollingIcon.js";
-import "./toolbar/FileDownloadTool.js";
-import "../icons/FileDownloadDefaultIcon.js";
-import "../../utils/hooks/useFileDownload.js";
-import "../../contexts/DownloadContext.js";
-import "./toolbar/PrintTool.js";
-import "../icons/PrintDefaultIcon.js";
-import "../../contexts/PrintContext.js";
-import "../../utils/hooks/usePrint.js";
-import "pdfjs-dist";
-import "./toolbar/FullScreenTool.js";
-import "../../contexts/FullScreenContext.js";
-import "../../utils/hooks/useFullScreen.js";
-import "../icons/FullScreenIcon.js";
-import "./toolbar/MostPageTool.js";
-import "../icons/GoToDownIcon.js";
-import "../../MostPageTool.module-13578ad6.js";
-import "./toolbar/SelectionModeTool.js";
-import "../icons/TextSelectionDefaultIcon.js";
-import "../icons/HandModeDefaultIcon.js";
-import "../../contexts/SelectionModeContext.js";
-import "./toolbar/ZoomTool.js";
-import "../icons/ZoomInIcon.js";
-import "../icons/ZoomOutIcon.js";
-import "../../ZoomTool.module-7082af8c.js";
-import "./toolbar/tools/ZoomLevelDisplay.js";
-import "../../utils/zoom.js";
-import "./toolbar/SearchTool.js";
-import "../icons/SearchIcon.js";
-import "../../SearchTool.module-99f60dc7.js";
-import "../ui/Checkbox.js";
-import "../icons/ClearIcon.js";
-import "../icons/LoaderIcon.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../utils/getWordPositionInPage.js";
-import "./toolbar/SearchResultNavigator.js";
-import "./toolbar/SearchCloseButton.js";
-import "../ui/LoadingIndicator.js";
-import "../icons/Thumbnail.js";
-import "../../RPSplitter-b62772f9.js";
-import "./sidebar/Thumbnails.js";
-import "./sidebar/Thumbnail.js";
-import "../../contexts/RenderQueueProvider.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "./sidebar/CustomThumbnailElement.js";
-import "../../contexts/ElementThumbnailContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../contexts/ThumbnailsContext.js";
-import "../../utils/hooks/useThumbnail.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../utils/const.js";
-import "../../utils/hooks/useInfiniteScroll.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
-import "../../utils/hooks/useDropFileZone.js";
-import "../../contexts/LayoutDropFileZoneContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "../../contexts/ConfigContext.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../../contexts/ThemeContext.js";
-const Et = L((n, a) => {
-  const {
-    children: l,
-    slots: s,
-    icons: d,
-    style: c,
-    className: f,
-    mobileWidth: h,
-    onLoaded: i,
-    cleanupOnLoaded: m,
-    onLayoutWidthChange: u
-  } = n, [b, C] = P(null), { setContainer: y, setContentRef: g } = N(), { loading: v } = T(), { LoaderImageComponent: p } = W();
-  return R(() => (i && i(), () => {
-    m && m();
-  }), [i, m]), // TODO: deprecated in v2.0.0, remove later ~
-  /* @__PURE__ */ o(M, { toolbarRef: b, ref: a, children: /* @__PURE__ */ o(I, { mobileWidth: h, onLayoutWidthChange: u, children: /* @__PURE__ */ o(D, { slots: s, children: /* @__PURE__ */ o(k, { icons: d, children: /* @__PURE__ */ t(S, { getContainerRef: y, style: c, className: f, children: [
-    /* @__PURE__ */ o(e, { href: "#rp-menu", label: "Skip to Menu" }),
-    /* @__PURE__ */ o(e, { href: "#rp-main-content", label: "Skip to Main Content" }),
-    /* @__PURE__ */ t(F, { children: [
-      /* @__PURE__ */ t("div", { className: r["rp-layout"], children: [
-        /* @__PURE__ */ o("header", { children: /* @__PURE__ */ o("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ o(
-          w,
-          {
-            ref: C
-          }
-        ) }) }),
-        /* @__PURE__ */ t("div", { className: r["rp-content"], children: [
-          /* @__PURE__ */ o(
-            "aside",
-            {
-              className: r["rp-sidebar"],
-              role: "complementary",
-              "aria-label": "PDF viewer sidebar",
-              children: /* @__PURE__ */ o(x, {})
-            }
-          ),
-          /* @__PURE__ */ o(
-            "main",
-            {
-              id: "rp-main-content",
-              ref: g,
-              className: r["rp-pages"],
-              role: "main",
-              "aria-label": "PDF document pages",
-              children: l
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ o(j, {})
-    ] }),
-    v ? /* @__PURE__ */ o(
-      "div",
-      {
-        className: r["rp-loader"],
-        style: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          width: "100%",
-          height: "100%"
-        },
-        children: /* @__PURE__ */ o(
-          "div",
-          {
-            style: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%",
-              width: "100%"
-            },
-            children: p && /* @__PURE__ */ o(p, {})
-          }
-        )
-      }
-    ) : null
-  ] }) }) }) }) });
+"use client";
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
+import { ToolbarComponentProvider as n } from "../../contexts/ToolbarComponentContext.js";
+import { useLoaderContext as r } from "../../contexts/LoaderContext.js";
+import { t as i } from "../../RPLayout.module-Vc3h4xxS.js";
+import { LayoutContainer as a } from "./LayoutContainer.js";
+import { IconProvider as o } from "../../contexts/IconContext.js";
+import { ViewportProvider as s } from "../../contexts/ViewportContext.js";
+import { RPToolbar as c } from "./toolbar/RPToolbar.js";
+import { RPSidebar as l } from "./sidebar/RPSidebar.js";
+import { t as u } from "../../Container-DTWaZzc7.js";
+import { t as d } from "../../WrapperLayout-Dcd9l9xH.js";
+import { t as f } from "../../RPDropFileZone-BunRfzst.js";
+import { t as p } from "../../SkipLink-Bvbn3miT.js";
+import { forwardRef as m, useEffect as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region lib/components/layout/RPDefaultLayout.tsx
+var y = m((m, y) => {
+	let { children: b, slots: x, icons: S, style: C, className: w, mobileWidth: T, onLoaded: E, cleanupOnLoaded: D, onLayoutWidthChange: O } = m, [k, A] = g(null), { setContainer: j, setContentRef: M } = t(), { loading: N } = e(), { LoaderImageComponent: P } = r();
+	return h(() => (E && E(), () => {
+		D && D();
+	}), [E, D]), /* @__PURE__ */ _(a, {
+		toolbarRef: k,
+		ref: y,
+		children: /* @__PURE__ */ _(s, {
+			mobileWidth: T,
+			onLayoutWidthChange: O,
+			children: /* @__PURE__ */ _(n, {
+				slots: x,
+				children: /* @__PURE__ */ _(o, {
+					icons: S,
+					children: /* @__PURE__ */ v(u, {
+						getContainerRef: j,
+						style: C,
+						className: w,
+						children: [
+							/* @__PURE__ */ _(p, {
+								href: "#rp-menu",
+								label: "Skip to Menu"
+							}),
+							/* @__PURE__ */ _(p, {
+								href: "#rp-main-content",
+								label: "Skip to Main Content"
+							}),
+							/* @__PURE__ */ v(d, { children: [/* @__PURE__ */ v("div", {
+								className: i["rp-layout"],
+								children: [/* @__PURE__ */ _("header", { children: /* @__PURE__ */ _("nav", {
+									id: "rp-menu",
+									role: "menu",
+									"aria-label": "PDF viewer toolbar",
+									children: /* @__PURE__ */ _(c, { ref: A })
+								}) }), /* @__PURE__ */ v("div", {
+									className: i["rp-content"],
+									children: [/* @__PURE__ */ _("aside", {
+										className: i["rp-sidebar"],
+										role: "complementary",
+										"aria-label": "PDF viewer sidebar",
+										children: /* @__PURE__ */ _(l, {})
+									}), /* @__PURE__ */ _("main", {
+										id: "rp-main-content",
+										ref: M,
+										className: i["rp-pages"],
+										role: "main",
+										"aria-label": "PDF document pages",
+										children: b
+									})]
+								})]
+							}), /* @__PURE__ */ _(f, {})] }),
+							N ? /* @__PURE__ */ _("div", {
+								className: i["rp-loader"],
+								style: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									right: 0,
+									bottom: 0,
+									width: "100%",
+									height: "100%"
+								},
+								children: /* @__PURE__ */ _("div", {
+									style: {
+										display: "flex",
+										justifyContent: "center",
+										alignItems: "center",
+										height: "100%",
+										width: "100%"
+									},
+									children: P && /* @__PURE__ */ _(P, {})
+								})
+							}) : null
+						]
+					})
+				})
+			})
+		})
+	});
 });
-export {
-  Et as RPDefaultLayout
-};
+//#endregion
+export { y as RPDefaultLayout };

package/dist/components/layout/RPLayout.js

@@ -1,221 +1,71 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useEffect as y } from "react";
-import { useLayoutContainer as L } from "../../contexts/LayoutContainerContext.js";
-import { Container as C } from "./Container.js";
-import { ViewportProvider as g } from "../../contexts/ViewportContext.js";
-import { ToolbarLayout as b } from "./toolbar/ToolbarLayout.js";
-import { WrapperLayout as x } from "./WrapperLayout.js";
-import { useDocumentContext as v } from "../../contexts/RPDocumentContext.js";
-import { RPDropFileZone as k } from "../RPDropFileZone.js";
-import { LayoutDropFileZoneProvider as P } from "../../contexts/LayoutDropFileZoneContext.js";
-import { c as j } from "../../RPLayout.module-92fa19f7.js";
-import { useLoaderContext as w } from "../../contexts/LoaderContext.js";
-import { LayoutContainer as D } from "./LayoutContainer.js";
-import { SkipLink as p } from "./SkipLink.js";
-import "../../clsx-0c6e471a.js";
-import "./toolbar/ToolbarDefault.js";
-import "../../ToolbarLayout.module-6e339802.js";
-import "./sidebar/Thumbnails.js";
-import "./sidebar/Thumbnail.js";
-import "../icons/LoaderIcon.js";
-import "../../PaginationContext-87f832f2.js";
-import "../../utils/types.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../utils/appConsole.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../../utils/smoothScrollTo.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/ZoomContext.js";
-import "../../utils/constants.js";
-import "../../utils/getZoomLevel.js";
-import "../../contexts/RotationContext.js";
-import "../../utils/hooks/useDebounce.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../../utils/getScrollDistance.js";
-import "../../utils/calculatePage.js";
-import "../../contexts/RenderQueueProvider.js";
-import "../../utils/Queue.js";
-import "../../utils/renderPage.js";
-import "pdfjs-dist";
-import "./sidebar/CustomThumbnailElement.js";
-import "../../contexts/ElementThumbnailContext.js";
-import "../../contexts/LicenseContext.js";
-import "../../utils/hooks/useLicense.js";
-import "../../contexts/ThumbnailsContext.js";
-import "../../utils/hooks/useThumbnail.js";
-import "../../utils/getThumbnailViewport.js";
-import "../../utils/const.js";
-import "../../utils/hooks/useInfiniteScroll.js";
-import "../../utils/withRef.js";
-import "../../contexts/ToolbarComponentContext.js";
-import "./toolbar/tools/defaults/RPVerticalBar.js";
-import "../../contexts/IconToolContext.js";
-import "../../contexts/ToolComponentContext.js";
-import "./toolbar/ThumbnailTool.js";
-import "../icons/Thumbnail.js";
-import "../ui/Button.js";
-import "../ui/RPTooltip.js";
-import "../../index-113053cf.js";
-import "react-dom";
-import "../../index-23911b43.js";
-import "../../index-d0f0aa9a.js";
-import "../../index-ada501c4.js";
-import "../../contexts/LocalizationContext.js";
-import "../../utils/hooks/useLocalization.js";
-import "./toolbar/tools/defaults/RPHorizontalBar.js";
-import "./toolbar/SearchTool.js";
-import "../icons/SearchIcon.js";
-import "../../SearchTool.module-99f60dc7.js";
-import "../ui/Input.js";
-import "../ui/Checkbox.js";
-import "../icons/CheckIcon.js";
-import "../icons/ClearIcon.js";
-import "../../contexts/SearchContext.js";
-import "../../utils/hooks/useSearch.js";
-import "../../utils/highlight.js";
-import "../../utils/charators.js";
-import "../../utils/getWordPositionInPage.js";
-import "../../contexts/IconContext.js";
-import "../icons/InfoIcon.js";
-import "./toolbar/SearchResultNavigator.js";
-import "../icons/ChevronUpIcon.js";
-import "./toolbar/SearchCloseButton.js";
-import "../icons/CloseIcon.js";
-import "../ui/DropDown.js";
-import "../../index-11f3cd64.js";
-import "../../Combination-17ab8af1.js";
-import "./toolbar/Paginate.js";
-import "../../Paginate.module-4eef00aa.js";
-import "./toolbar/ZoomTool.js";
-import "../icons/ZoomInIcon.js";
-import "../icons/ZoomOutIcon.js";
-import "../../ZoomTool.module-7082af8c.js";
-import "./toolbar/MenuItem.js";
-import "./toolbar/MenuSeparator.js";
-import "./toolbar/tools/ZoomLevelDisplay.js";
-import "../../utils/zoom.js";
-import "./toolbar/RPToolbarEnd.js";
-import "./toolbar/FileUploadTool.js";
-import "../icons/FileUploadDefaultIcon.js";
-import "../../contexts/FileInputContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "./toolbar/DarkModeTool.js";
-import "../icons/MoonIcon.js";
-import "../icons/SunIcon.js";
-import "../../contexts/DarkModeContext.js";
-import "../../utils/hooks/useDarkMode.js";
-import "./toolbar/OtherTool.js";
-import "../icons/ThreeDotIcon.js";
-import "./toolbar/DocumentDialog.js";
-import "../../utils/dateFormatter.js";
-import "./toolbar/PropertyItem.js";
-import "../../contexts/OtherToolContext.js";
-import "../../OtherTool.module-a4be5f1f.js";
-import "./toolbar/DocumentProperties.js";
-import "./toolbar/RotateTool.js";
-import "../icons/ClockwiseIcon.js";
-import "../../RotateTool.module-67946714.js";
-import "../../utils/hooks/useRotate.js";
-import "./toolbar/ViewModeTool.js";
-import "../icons/DualPageIcon.js";
-import "../icons/DualPageWithCoverIcon.js";
-import "../icons/SinglePageIcon.js";
-import "./toolbar/ScrollModeTool.js";
-import "../icons/PageScrollingIcon.js";
-import "../icons/VerticalScrollingIcon.js";
-import "../icons/HorizontalScrollingIcon.js";
-import "./toolbar/FileDownloadTool.js";
-import "../icons/FileDownloadDefaultIcon.js";
-import "../../utils/hooks/useFileDownload.js";
-import "../../contexts/DownloadContext.js";
-import "./toolbar/PrintTool.js";
-import "../icons/PrintDefaultIcon.js";
-import "../../contexts/PrintContext.js";
-import "../../utils/hooks/usePrint.js";
-import "./toolbar/FullScreenTool.js";
-import "../../contexts/FullScreenContext.js";
-import "../../utils/hooks/useFullScreen.js";
-import "../icons/FullScreenIcon.js";
-import "./toolbar/MostPageTool.js";
-import "../icons/GoToDownIcon.js";
-import "../../MostPageTool.module-13578ad6.js";
-import "./toolbar/SelectionModeTool.js";
-import "../icons/TextSelectionDefaultIcon.js";
-import "../icons/HandModeDefaultIcon.js";
-import "../../contexts/SelectionModeContext.js";
-import "../../RPToolbar.module-27d7fe77.js";
-import "../ui/LoadingIndicator.js";
-import "../../RPSplitter-b62772f9.js";
-import "./toolbar/ToolbarCustom.js";
-import "../../contexts/DropFileZoneContext.js";
-import "../../utils/hooks/useLoadPdf.js";
-import "../../contexts/ConfigContext.js";
-import "../../utils/hooks/usePdfProperties.js";
-import "../../utils/convertPdfDate.js";
-import "../../utils/formatFileSize.js";
-import "../icons/LightPdfIcon.js";
-import "../icons/DarkPdfIcon.js";
-import "../../utils/hooks/useDropFileZone.js";
-import "../../contexts/ThemeContext.js";
-const Ir = (e) => {
-  const {
-    children: n,
-    style: a,
-    className: l,
-    mobileWidth: s,
-    onLoaded: t,
-    cleanupOnLoaded: r,
-    onLayoutWidthChange: d,
-    toolbar: f,
-    dropFileZone: c = !0
-  } = e, { setContainer: u } = L(), { loading: h } = v(), { LoaderImageComponent: i } = w();
-  return y(() => (t && t(), () => {
-    r && r();
-  }), [t, r]), // TODO: deprecated in v2.0.0, remove later ("LayoutContainer") ~
-  /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(P, { value: c, children: /* @__PURE__ */ o(g, { mobileWidth: s, onLayoutWidthChange: d, children: /* @__PURE__ */ m(C, { getContainerRef: u, style: a, className: l, children: [
-    /* @__PURE__ */ o(p, { href: "#rp-menu", label: "Skip to Menu" }),
-    /* @__PURE__ */ o(p, { href: "#rp-main-content", label: "Skip to Main Content" }),
-    /* @__PURE__ */ m(x, { children: [
-      /* @__PURE__ */ o(b, { toolbar: f, children: n }),
-      /* @__PURE__ */ o(k, {})
-    ] }),
-    h ? /* @__PURE__ */ o(
-      "div",
-      {
-        className: j["rp-loader"],
-        style: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          width: "100%",
-          height: "100%"
-        },
-        children: /* @__PURE__ */ o(
-          "div",
-          {
-            style: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%",
-              width: "100%"
-            },
-            children: i && /* @__PURE__ */ o(i, {})
-          }
-        )
-      }
-    ) : null
-  ] }) }) }) });
-};
-export {
-  Ir as RPLayout
+"use client";
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
+import { useLoaderContext as n } from "../../contexts/LoaderContext.js";
+import { t as r } from "../../RPLayout.module-Vc3h4xxS.js";
+import { LayoutContainer as i } from "./LayoutContainer.js";
+import { ViewportProvider as a } from "../../contexts/ViewportContext.js";
+import { t as o } from "../../Container-DTWaZzc7.js";
+import { t as s } from "../../WrapperLayout-Dcd9l9xH.js";
+import { t as c } from "../../RPDropFileZone-BunRfzst.js";
+import { LayoutDropFileZoneProvider as l } from "../../contexts/LayoutDropFileZoneContext.js";
+import { t as u } from "../../SkipLink-Bvbn3miT.js";
+import { ToolbarLayout as d } from "./toolbar/ToolbarLayout.js";
+import { useEffect as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region lib/components/layout/RPLayout.tsx
+var h = (h) => {
+	let { children: g, style: _, className: v, mobileWidth: y, onLoaded: b, cleanupOnLoaded: x, onLayoutWidthChange: S, toolbar: C, dropFileZone: w = !0 } = h, { setContainer: T } = t(), { loading: E } = e(), { LoaderImageComponent: D } = n();
+	return f(() => (b && b(), () => {
+		x && x();
+	}), [b, x]), /* @__PURE__ */ p(i, { children: /* @__PURE__ */ p(l, {
+		value: w,
+		children: /* @__PURE__ */ p(a, {
+			mobileWidth: y,
+			onLayoutWidthChange: S,
+			children: /* @__PURE__ */ m(o, {
+				getContainerRef: T,
+				style: _,
+				className: v,
+				children: [
+					/* @__PURE__ */ p(u, {
+						href: "#rp-menu",
+						label: "Skip to Menu"
+					}),
+					/* @__PURE__ */ p(u, {
+						href: "#rp-main-content",
+						label: "Skip to Main Content"
+					}),
+					/* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(d, {
+						toolbar: C,
+						children: g
+					}), /* @__PURE__ */ p(c, {})] }),
+					E ? /* @__PURE__ */ p("div", {
+						className: r["rp-loader"],
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							right: 0,
+							bottom: 0,
+							width: "100%",
+							height: "100%"
+						},
+						children: /* @__PURE__ */ p("div", {
+							style: {
+								display: "flex",
+								justifyContent: "center",
+								alignItems: "center",
+								height: "100%",
+								width: "100%"
+							},
+							children: D && /* @__PURE__ */ p(D, {})
+						})
+					}) : null
+				]
+			})
+		})
+	}) });
 };
+//#endregion
+export { h as RPLayout };