@react-pdf-kit/viewer 2.0.1-rc.3 → 2.1.0-beta.0

package/README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <a href="https://www.react-pdf-kit.dev/" target="_blank">
+  <a href="https://www.react-pdf.dev/" target="_blank">
     <picture>
       <source srcset="https://raw.githubusercontent.com/pdf-viewer-react/react-pdf/2308e7d88cde64bf343f1509150ebf6c91a15664/assets/img/react-pdf_cover.webp" width="100%">
       <img alt="React PDF" src="https://raw.githubusercontent.com/pdf-viewer-react/react-pdf/2308e7d88cde64bf343f1509150ebf6c91a15664/assets/img/react-pdf_cover.webp" width="100%">
@@ -9,28 +9,28 @@
 
 <br/>
 <div align="center">
-  Works seamlessly on your React or Next.js websites. Fast, Customizable and Web Responsive PDF viewer. Save you weeks of development time.
+  Works seamlessly on your React.js websites. Fast, Customizable and Web Responsive PDF viewer. Save you weeks of development time.
 </div>  
 <br/>
 
 <div align="center">
   
-  [React PDF Kit Home][reactpdf] - [License](#page_facing_up-license) - [Documentation][reactpdf-docs]
+  [React PDF Home][reactpdf] - [License](#page_facing_up-license) - [Documentation][reactpdf-docs]
 
-[![NPM Version](https://img.shields.io/npm/v/%40react-pdf-kit%2Fviewer)][npm]
+[![NPM Version](https://img.shields.io/npm/v/%40pdf-viewer%2Freact)][npm]
 [![Twitter](https://img.shields.io/twitter/follow/ReactPDF?label=ReactPDF&style=social)][twitter]
 
 </div>
 
-# :star: Why React PDF Kit
+# :star: Why React PDF
 
-- **Save Weeks of Development Time**: React PDF Kit simplifies PDF integration with ready-to-use tools, minimizing the need for custom development and saving you valuable time.
+- **Save Weeks of Development Time**: React PDF simplifies PDF integration with ready-to-use tools, minimizing the need for custom development and saving you valuable time.
 - **Tailored for React.js**: React PDF is native to React.js, ensuring smooth integration into your projects.
 - **Customizability at Its Core**: Built with flexibility in mind, allowing you to match your application’s unique style and functionality.
 - **High-Performance & Rapid Rendering**: Optimized for rendering large PDFs efficiently, React PDF delivers lightning-fast load times with features like virtual scrolling.
-- **Accessibility**: Designed with inclusivity in mind, React PDF Kit supports ARIA attributes, catering to diverse user bases.
-- **Modern Browser Compatibility**: The React PDF Viewer components seamlessly across modern browsers, eliminating compatibility headaches.
-- **Active Development & Support**: With regular updates and a responsive support team, React PDF Kit evolves to meet developer needs.
+- **Accessibility**: Designed with inclusivity in mind, React PDF supports ARIA attributes, catering to diverse user bases.
+- **Modern Browser Compatibility**: Works seamlessly across modern browsers, eliminating compatibility headaches.
+- **Active Development & Support**: With regular updates and a responsive support team, React PDF evolves to meet developer needs.
 
 # 📜 Background
 
@@ -47,58 +47,35 @@ As developers ourselves, we faced many issues such as browser incompatibility an
 - 📂 **Document Management Tools**, including features like downloading and printing.
 - 👁️ **Accessibility Support** to built-in support for ARIA attributes and tooltips, catering to diverse user bases.
 
-For the full feature set, visit [React PDF Kit Features](https://www.react-pdf-kit.dev/features?utm_source=github&utm_medium=referral).
+For the full feature set, visit [React PDF Features](https://www.react-pdf.dev/features?utm_source=github).
 
 # :zap: Quick Start Guide
 
-Here’s how to get started with React PDF Kit in your React.js project:
+Here’s how to get started with React PDF in your React.js project:
 
-## 1. Check Prerequsities
+## 1. Check Prerequisites
 
-Here are the basic system requirements to run the React PDF Viewer component:
+Here are the basic system requirements to run the React PDF component:
 
 - React version: >= 18.0
-- React version: >= 19.0
 
-If you are working with a React framework such as Next.js (App Router and Pages Router) or Gatsby, React PDF can run smoothly as long as you are using React 18 and above.
+If you are working with a React framework such as Next and Gatsby, React PDF can run smoothly as long as you are using React 18 and above.
 
-React PDF also works well with other React.js UI libraries such as MUI, Ant Design and Chakra UI.
+React PDF viewer also works well with other React.js UI libraries such as MUI, Ant Design and Chakra UI.
 
-Although React PDF Kit can run on most JavaScript module bundlers, it is more vigorously tested on Vite and Webpack.
+Although React PDF can run on most JavaScript module bundlers, it is more vigorously tested on Vite and Webpack.
 
 _Remark: <br/>- If using TypeScript, it requires >= TypeScript 4.6._
 
 ### Browser support
 
-Starting from [`@react-pdf-kit/viewer@^2.0.0`](https://www.npmjs.com/package/@react-pdf-kit/viewer), we officially support PDF.js 5 and default to PDF.js `5.4.530`.
-
-As newer PDF.js versions rely on more modern browser APIs, minimum supported browser versions have changed. Please review the compatibility details below before choosing a PDF.js version.
-
-#### Default (PDF.js 5.4.530)
-
-React PDF Kit v2.0.0 defaults to PDF.js `5.4.530`.
-
 | Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
 | ------ | ------- | ---- | ------ | ---------- | -------------- |
-| 126+   | 126+    | 126+ | 18.4+  | 18.4+      | 126+           |
-
-<Aside>
-It's currently not recommended to use a PDF.js worker version beyond `5.4.530` because it will support fewer browser versions.
-</Aside>
-
-#### Using PDF.js 4.10.38
-
-If you need broader browser compatibility, you can continue using PDF.js `4.10.38`, which supports:
-
-| Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
-| ------ | ------- | ---- | ------ | ---------- | -------------- |
-| 119+   | 115+    | 115+ | 17.4+  | 17.4+      | 126+           |
-
-To change the version of PDF.js used, refer to [Dependency Override](https://docs.react-pdf-kit.dev/usage-guide/overriding-dependency?utm_source=github&utm_medium=referral) guide.
+| 115+   | 115+    | 115+ | 16.5+  | 16.5+      | 126+           |
 
 ## 2. Install the Package
 
-There are a few ways you can install React PDF Kit, namely `bun`, `npm`, `pnpm` or `yarn`.
+There are a few ways you can install React PDF, namely `bun`, `npm`, `pnpm` or `yarn`.
 
 ### Using bun:
 
@@ -133,42 +110,50 @@ yarn add @react-pdf-kit/viewer
 pnpm add @react-pdf-kit/viewer
 ```
 
-For more information on how to use different package managers, please visit our [installation guide](https://docs.react-pdf-kit.dev/introduction/getting-started/#installation?utm_source=github&utm_medium=referral).
+For more information on how to use different package managers, please visit our [installation guide](https://docs.react-pdf.dev/introduction/getting-started.html#installation?utm_source=github).
 
 ## 3. Import and Use the Component
 
 The following structure demonstrates how to build a React PDF viewer by importing and assembling components. This modular approach gives you the flexibility to customize the viewer as needed.
 
 ```tsx
-<RPConfig>                {/* Configuration license and pdfjs-dist worker */}
-  <RPTheme>               {/* Theme customization (optional) */}
-    <RPProvider>          {/* Viewer context provider */}
-      <RPLayout toolbar>  {/* Provide the default toolbar structure */}
-        <RPPages />       {/* Render the actual PDF content */}
-      </RPLayout>
-    </RPProvider>
-  </RPTheme>
+<RPConfig>
+  {' '}
+  {/* Configuration license and pdfjs-dist worker */}
+  <RPProvider>
+    {' '}
+    {/* Viewer context provider */}
+    <RPTheme>
+      {' '}
+      {/* Theme customization (optional) */}
+      <RPDefaultLayout>
+        {' '}
+        {/* Default layout container */}
+        <RPPages /> {/* PDF pages renderer */}
+      </RPDefaultLayout>
+    </RPTheme>
+  </RPProvider>
 </RPConfig>
 ```
 
-_Remark: For more information on each component, please refer to [Component](https://docs.react-pdf-kit.dev/components/overview?utm_source=github&utm_medium=referral)._
+_Remark: For more information on each component, please refer to [Component](https://docs.react-pdf.dev/components/overview?utm_source=github)._
 
 ### Basic Usage
 
-The most basic usage of React PDF viewer needs four components, namely: `RPConfig`, `RPProvider`, `RPLayout`, and `RPPages`.
+The most basic usage of React PDF viewer needs four components, namely: `RPConfig`, `RPProvider`, `RPDefaultLayout`, and `RPPages`.
 
 Here's how to implement a basic PDF viewer in a React application:
 
 ```jsx
-import { RPProvider, RPLayout, RPPages, RPConfig } from '@react-pdf-kit/viewer'
+import { RPProvider, RPDefaultLayout, RPPages, RPConfig } from '@react-pdf-kit/viewer'
 
 const App = () => {
   return (
     <RPConfig>
       <RPProvider src="https://cdn.codewithmosh.com/image/upload/v1721763853/guides/web-roadmap.pdf">
-        <RPLayout toolbar style={{ height: '660px' }}>
+        <RPDefaultLayout style={{ height: '660px' }}>
           <RPPages />
-        </RPLayout>
+        </RPDefaultLayout>
       </RPProvider>
     </RPConfig>
   )
@@ -176,13 +161,13 @@ const App = () => {
 export default App
 ```
 
-The PDF viewer will automatically adjust to fit its container's dimensions. You can control the size by setting the `style` prop on `RPLayout`. For more information on using React PDF, visit our [basic usage guide](https://docs.react-pdf-kit.dev/introduction/basic-usage?utm_source=github&utm_medium=referral)
+The PDF viewer will automatically adjust to fit its container's dimensions. You can control the size by setting the `style` prop on `RPDefaultLayout`. For more information on using React PDF, visit our [basic usage guide](https://docs.react-pdf.dev/introduction/basic-usage?utm_source=github)
 
 You may also check out our [Starter Toolkit](#pushpin-starter-toolkit) for examples to get you started.
 
 ### 4. Customize with Hooks and Props
 
-To enhance React PDF Kit further, we offer built-in hooks and props that let you fine-tune functionality, adjust appearance, and integrate custom behaviors into your application.
+To enhance React PDF further, we offer built-in hooks and props that let you fine-tune functionality, adjust appearance, and integrate custom behaviors into your application.
 
 For detailed usage, refer to our [Documentation][reactpdf-docs].
 
@@ -191,31 +176,11 @@ For detailed usage, refer to our [Documentation][reactpdf-docs].
 Here are some sample projects to get started on React PDF quickly:
 
 1. [React (webpack) - JavaScript](https://github.com/react-pdf-kit/starter-rp-react-js-webpack)
-2. [React (webpack) - TypeScript](https://github.com/react-pdf-kit/starter-rp-react-ts-webpack)
+2. [React (webpack) - TypeScript](https://github.com/reactpdf/pdf-viewer-react/starter-rp-react-ts-webpack)
 3. [React (vite) - JavaScript](https://github.com/react-pdf-kit/starter-rp-react-js-vite)
 4. [React (vite) - TypeScript](https://github.com/react-pdf-kit/starter-rp-react-ts-vite)
-5. [React (vite) - TypeScript - Turborepo](https://github.com/react-pdf-kit/starter-rp-react-vite-ts-turborepo)
-6. [Next.js - JavaScript (App Router)](https://github.com/react-pdf-kit/starter-rp-nextjs-app-router-js)
-7. [Next.js - TypeScript (App Router)](https://github.com/react-pdf-kit/starter-rp-nextjs-app-router-ts)
-8. [Next.js - JavaScript (Pages Router)](https://github.com/react-pdf-kit/starter-rp-nextjs-pages-router-js)
-9. [Next.js - TypeScript (Pages Router)](https://github.com/react-pdf-kit/starter-rp-nextjs-pages-router-ts)
-10. [Next.js - TypeScript - Turborepo](https://github.com/react-pdf-kit/starter-rp-next-ts-turborepo)
-11. [Remix - JavaScript](https://github.com/react-pdf-kit/starter-rp-remix-js)
-12. [Remix - TypeScript](https://github.com/react-pdf-kit/starter-rp-remix-ts)
-13. [Gatsby - JavaScript](https://github.com/react-pdf-kit/starter-rp-gatsby-js)
-14. [Gatsby - TypeScript](https://github.com/react-pdf-kit/starter-rp-gatsby-ts)
-15. [Docusaurus - JavaScript](https://github.com/react-pdf-kit/starter-rp-docusaurus-js)
-16. [Docusaurus - TypeScript](https://github.com/react-pdf-kit/starter-rp-docusaurus-ts)
-17. [Electron - JavaScript](https://github.com/react-pdf-kit/starter-rp-electron-js-vite)
-18. [Electron - TypeScript](https://github.com/react-pdf-kit/starter-rp-electron-ts-vite)
-19. [React Router - JavaScript](https://github.com/react-pdf-kit/starter-rp-react-router-js)
-20. [React Router - TypeScript](https://github.com/react-pdf-kit/starter-rp-react-router-ts)
-21. [TanStack - JavaScript](https://github.com/react-pdf-kit/starter-rp-tanstack-router-js)
-22. [TanStack - TypeScript](https://github.com/react-pdf-kit/starter-rp-tanstack-router-ts)
-
-# 📝 Changelog
-
-Check out our latest release [v2.0.0 (20 February 2026)](https://docs.react-pdf-kit.dev/introduction/changelog/#v200-20-february-2026?utm_source=github&utm_medium=referral)
+5. [Next - JavaScript](https://github.com/react-pdf-kit/starter-rp-next-js)
+6. [Next - TypeScript](https://github.com/react-pdf-kit/starter-rp-next-ts)
 
 # :raising_hand: Need Help?
 
@@ -223,9 +188,9 @@ We are more than happy to help you. If you have any questions, run into any erro
 
 # :page_facing_up: License
 
-React PDF Kit is distributed under our proprietary license. Please refer to our [License page](https://www.react-pdf-kit.dev/license-agreement?utm_source=github&utm_medium=referral) file for more details.
+React PDF is distributed under our proprietary license. Please refer to our [License page](https://www.react-pdf.dev/license-agreement?utm_source=github) file for more details.
 
-If you would like to use React PDF commercially, please purchase a license from [our website][reactpdf] or reach out to us directly at [https://www.react-pdf-kit.dev/contact-us](https://www.react-pdf-kit.dev/contact-us?utm_source=github&utm_medium=referral).
+If you would like to use React PDF commercially, please purchase a license from [our website][reactpdf] or reach out to us directly at [david@react-pdf.dev](mailto:david@react-pdf.dev).
 
 # Acknowledgement
 
@@ -233,7 +198,7 @@ If you would like to use React PDF commercially, please purchase a license from
 - [Img Shields](https://shields.io)
 - [React.js](https://reactjs.org/)
 
-[reactpdf]: https://www.react-pdf-kit.dev/?utm_source=github&utm_medium=referral
-[reactpdf-docs]: https://docs.react-pdf-kit.dev/?utm_source=github&utm_medium=referral
+[reactpdf]: https://www.react-pdf.dev
+[reactpdf-docs]: https://docs.react-pdf.dev
 [npm]: https://www.npmjs.com/package/@react-pdf-kit/viewer
 [twitter]: https://www.x.com/ReactPDF

package/dist/components/RPController.js

@@ -1,34 +1,34 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as o, useId as D, useMemo as E } from "react";
-import { P as F } from "../PaginationContext-9217cab4.js";
-import { DarkModeProvider as G } from "../contexts/DarkModeContext.js";
-import { ViewMode as T, ScrollMode as b, SelectionMode as k } from "../utils/types.js";
-import { RotateProvider as x } from "../contexts/RotationContext.js";
-import { LayerProvider as y } from "../contexts/LayerContext.js";
-import { ZoomProvider as _ } from "../contexts/ZoomContext.js";
-import { ViewModeProvider as z } from "../contexts/ViewModeContext.js";
-import { ScrollModeProvider as A } from "../contexts/ScrollModeContext.js";
-import { VirtualScrollProvider as N } from "../contexts/VirtualScrollContext.js";
-import { VirtualGridProvider as Z } from "../contexts/VirtualGridContext.js";
-import { SelectionModeProvider as j } from "../contexts/SelectionModeContext.js";
-import { InitialStateProvider as H } from "../contexts/InitialStateContext.js";
-import { FullScreenProvider as O } from "../contexts/FullScreenContext.js";
-import { FileInputProvider as Q } from "../contexts/FileInputContext.js";
-import { PrintProvider as U } from "../contexts/PrintContext.js";
-import { DropFileZoneProvider as W } from "../contexts/DropFileZoneContext.js";
-import { ThumbnailProvider as X } from "../contexts/ThumbnailsContext.js";
-import { SearchProvider as $ } from "../contexts/SearchContext.js";
-import { LayoutContainerContext as q } from "../contexts/LayoutContainerContext.js";
-import { DimensionPagesProvider as B } from "../contexts/DimensionPagesContext.js";
-import { LocalizationProvider as J } from "../contexts/LocalizationContext.js";
-import { HighlightProvider as K } from "../contexts/HighlightContext.js";
-import { useWatermark as Y } from "../utils/hooks/useWatermark.js";
-import { DownloadProvider as rr } from "../contexts/DownloadContext.js";
-import { SmoothScrollProvider as or } from "../contexts/SmoothScrollContext.js";
-import { ElementPageProvider as ir } from "../contexts/ElementPageContext.js";
-import { PagesRotateProvider as er } from "../contexts/PagesRotateContext.js";
-import { RenderQueueProvider as tr } from "../contexts/RenderQueueProvider.js";
-import { GlobalCurrentPageProvider as mr } from "../contexts/GlobalCurrentPage.js";
+import { useState as o } from "react";
+import { P as w } from "../PaginationContext-9217cab4.js";
+import { DarkModeProvider as D } from "../contexts/DarkModeContext.js";
+import { ViewMode as E, ScrollMode as F, SelectionMode as G } from "../utils/types.js";
+import { RotateProvider as I } from "../contexts/RotationContext.js";
+import { LayerProvider as T } from "../contexts/LayerContext.js";
+import { ZoomProvider as b } from "../contexts/ZoomContext.js";
+import { ViewModeProvider as k } from "../contexts/ViewModeContext.js";
+import { ScrollModeProvider as x } from "../contexts/ScrollModeContext.js";
+import { VirtualScrollProvider as y } from "../contexts/VirtualScrollContext.js";
+import { VirtualGridProvider as _ } from "../contexts/VirtualGridContext.js";
+import { SelectionModeProvider as z } from "../contexts/SelectionModeContext.js";
+import { InitialStateProvider as A } from "../contexts/InitialStateContext.js";
+import { FullScreenProvider as N } from "../contexts/FullScreenContext.js";
+import { FileInputProvider as Z } from "../contexts/FileInputContext.js";
+import { PrintProvider as j } from "../contexts/PrintContext.js";
+import { DropFileZoneProvider as H } from "../contexts/DropFileZoneContext.js";
+import { ThumbnailProvider as O } from "../contexts/ThumbnailsContext.js";
+import { SearchProvider as Q } from "../contexts/SearchContext.js";
+import { LayoutContainerContext as U } from "../contexts/LayoutContainerContext.js";
+import { DimensionPagesProvider as W } from "../contexts/DimensionPagesContext.js";
+import { LocalizationProvider as X } from "../contexts/LocalizationContext.js";
+import { HighlightProvider as q } from "../contexts/HighlightContext.js";
+import { useWatermark as B } from "../utils/hooks/useWatermark.js";
+import { DownloadProvider as J } from "../contexts/DownloadContext.js";
+import { SmoothScrollProvider as K } from "../contexts/SmoothScrollContext.js";
+import { ElementPageProvider as Y } from "../contexts/ElementPageContext.js";
+import { PagesRotateProvider as $ } from "../contexts/PagesRotateContext.js";
+import { RenderQueueProvider as rr } from "../contexts/RenderQueueProvider.js";
+import { GlobalCurrentPageProvider as or } from "../contexts/GlobalCurrentPage.js";
 import "../contexts/RPDocumentContext.js";
 import "../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
@@ -65,60 +65,59 @@ import "../utils/const.js";
 import "../utils/getElementPositionInPage.js";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-const go = (m) => {
+const so = (t) => {
   const {
-    children: n,
-    darkMode: l = !1,
-    onDarkModeChange: d,
-    initialRotation: p = 0,
-    textLayer: a = !0,
-    initialPage: c = 1,
-    initialViewMode: f = T.SINGLE_PAGE,
-    initialThumbnailsVisible: P = !1,
-    initialSearch: h,
-    initialScale: v,
-    initialScrollMode: s = b.VERTICAL_SCROLLING,
-    locale: u = "en_US",
-    localization: S,
-    downloadFilename: M,
-    initialSelectionMode: g = k.TEXT,
+    children: m,
+    darkMode: n = !1,
+    onDarkModeChange: l,
+    initialRotation: d = 0,
+    textLayer: p = !0,
+    initialPage: a = 1,
+    initialViewMode: c = E.SINGLE_PAGE,
+    initialThumbnailsVisible: f = !1,
+    initialSearch: P,
+    initialScale: h,
+    initialScrollMode: v = F.VERTICAL_SCROLLING,
+    locale: s = "en_US",
+    localization: u,
+    downloadFilename: S,
+    initialSelectionMode: M = G.TEXT,
     interactiveForm: R = !0
-  } = m, [C, L] = o(null), [i, I] = o(null), [V, w] = o(null), e = D(), t = E(() => `rp-instance-${e.replace(/:/g, "-")}`, [e]);
-  return Y(t), /* @__PURE__ */ r(
-    H,
+  } = t, [g, C] = o(null), [i, L] = o(null), [e, V] = o(null);
+  return B(e), /* @__PURE__ */ r(
+    A,
     {
-      instanceId: t,
-      initialScale: v,
-      initialPage: c,
-      initialScrollMode: s,
-      initialRotation: p,
-      initialViewMode: f,
+      initialScale: h,
+      initialPage: a,
+      initialScrollMode: v,
+      initialRotation: d,
+      initialViewMode: c,
       interactiveForm: R,
-      children: /* @__PURE__ */ r(or, { children: /* @__PURE__ */ r(J, { locale: u, localization: S, children: /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(j, { initialSelectionMode: g, children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(er, { children: /* @__PURE__ */ r(y, { textLayer: a, children: /* @__PURE__ */ r(
-        q.Provider,
+      children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(X, { locale: s, localization: u, children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(z, { initialSelectionMode: M, children: /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(T, { textLayer: p, children: /* @__PURE__ */ r(
+        U.Provider,
         {
           value: {
-            container: C,
+            container: g,
             contentRef: i,
-            pagesRef: V,
-            setContainer: L,
-            setContentRef: I,
-            setPagesRef: w
+            pagesRef: e,
+            setContainer: C,
+            setContentRef: L,
+            setPagesRef: V
           },
-          children: /* @__PURE__ */ r(mr, { children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(
-            G,
+          children: /* @__PURE__ */ r(or, { children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(
+            D,
             {
-              darkMode: l,
-              onDarkModeChange: d,
-              children: /* @__PURE__ */ r($, { initialSearch: h, children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(ir, { children: /* @__PURE__ */ r(tr, { children: /* @__PURE__ */ r(
-                X,
+              darkMode: n,
+              onDarkModeChange: l,
+              children: /* @__PURE__ */ r(Q, { initialSearch: P, children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(rr, { children: /* @__PURE__ */ r(
+                O,
                 {
-                  initialThumbnailsVisible: P,
-                  children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(O, { elementRef: i, children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
-                    rr,
+                  initialThumbnailsVisible: f,
+                  children: /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(N, { elementRef: i, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
+                    J,
                     {
-                      downloadFilename: M,
-                      children: /* @__PURE__ */ r(Q, { children: n })
+                      downloadFilename: S,
+                      children: /* @__PURE__ */ r(Z, { children: m })
                     }
                   ) }) }) })
                 }
@@ -131,5 +130,5 @@ const go = (m) => {
   );
 };
 export {
-  go as RPController
+  so as RPController
 };