@react-pdf-kit/viewer 2.0.1-rc.2 → 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,32 +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.
-
-# 📜 Background
-
-As developers ourselves, we faced many issues such as browser incompatibility and customizability while trying to render a PDF document or working with PDF libraries. Having faced issues using PDF libraries, we want the solution to be flexible for React.js developers and teams. More importantly, the technical document must be easy to use!
+- **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
 
@@ -51,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:
 
@@ -137,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>
   )
@@ -180,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].
 
@@ -195,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?
 
@@ -227,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
 
@@ -237,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
 };