@pdf-viewer/react 0.9.0-beta.2 → 0.9.0-beta.3

package/dist/{Container-83627c27.js → Container-fdb0a71f.js}

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useDarkModeContext as _ } from "./contexts/DarkModeContext.js";
-import { c as i } from "./clsx-0c6e471a.js";
+import { useDarkModeContext as i } from "./contexts/DarkModeContext.js";
+import { c as _ } from "./clsx-0c6e471a.js";
 import { useThemeContext as l } from "./contexts/ThemeContext.js";
 import './assets/Container.css';const d = {
   "rp-layout": "_rp-layout_1mrjz_1",
@@ -12,12 +12,13 @@ import './assets/Container.css';const d = {
 }, h = {
   "rp-container": "_rp-container_1fbrq_1"
 }, x = (t) => {
-  const { children: o, getContainerRef: a, toolbarRef: r, style: s, className: n } = t, { darkMode: e } = _(), { customVariables: p, customDarkVariables: c } = l();
+  const { children: a, getContainerRef: o, toolbarRef: r, style: s, className: n } = t, { darkMode: e } = i(), { customVariables: p, customDarkVariables: c } = l();
   return /* @__PURE__ */ m(
     "div",
     {
-      ref: a,
-      className: i(
+      ref: o,
+      "data-rp": "container",
+      className: _(
         h["rp-container"],
         e ? d["rp-dark-mode"] : "",
         n
@@ -27,7 +28,7 @@ import './assets/Container.css';const d = {
         ...e ? c : p,
         ...s
       },
-      children: o
+      children: a
     }
   );
 };

package/dist/{RPDefaultLayout-3d9595ed.js → RPDefaultLayout-1a423868.js}

@@ -36,7 +36,7 @@ import { RPSplitter as er } from "./components/layout/sidebar/RPSplitter.js";
 import { useToolbarComponentContext as de, ToolbarComponentProvider as tr } from "./contexts/ToolbarComponentContext.js";
 import { useIconContext as ce, IconProvider as nr } from "./contexts/IconContext.js";
 import ee from "./components/ui/RPTooltip.js";
-import { c as be, C as rr } from "./Container-83627c27.js";
+import { c as be, C as rr } from "./Container-fdb0a71f.js";
 import { WrapperLayout as or } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as ar } from "./components/RPDropFileZone.js";
 import "./contexts/ThemeContext.js";
@@ -54,8 +54,9 @@ import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as mr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as fr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as gt, a as Le, c as Re, b as vt, d as gr, e as vr, h as _r, f as wr, F as br, D as Cr, g as Ke, i as Pr, G as ke } from "./index-3459164c.js";
-import { c as Tr, e as Sr, a as yr } from "./index-743c36f0.js";
+import { u as gt, a as Le, c as Re, b as vt, d as gr, e as vr, h as _r, f as wr, F as br, D as Cr, g as Pr, G as ke } from "./index-316854c1.js";
+import { c as Tr, e as Sr, b as yr } from "./index-71898eb9.js";
+import { e as Ke } from "./floating-ui.react-dom-e6d5fe8f.js";
 import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
 import { PropertyItem as Ir } from "./components/layout/toolbar/PropertyItem.js";
 import { useOtherToolContext as xr, OtherToolProvider as Rr } from "./contexts/OtherToolContext.js";
@@ -153,7 +154,7 @@ import './assets/RPDefaultLayout.css';const nn = () => {
 }), oe = () => {
   const e = $e(rn);
   return typeof (e == null ? void 0 : e.focusedPage) > "u" && hr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
-}, zs = ({ children: e }) => {
+}, Fs = ({ children: e }) => {
   const { initialPage: t = 1 } = Un(), { pdf: n } = ne(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = Wr(t);
   return F(() => {
     n != null && n.numPages && c(n.numPages);
@@ -354,7 +355,7 @@ const Hr = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), Fs = ({ children: e }) => {
+}), ks = ({ children: e }) => {
   const [t, n] = W(null), [r, o] = W(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Hr(), f = M((v) => {
     v && typeof v == "function" && o(() => v);
   }, []), u = (v) => {
@@ -478,7 +479,7 @@ const Hr = () => {
   setActive: (e) => {
   },
   active: !1
-}), sn = () => $e(an), ks = ({
+}), sn = () => $e(an), Ws = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
@@ -596,7 +597,7 @@ const Hr = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Ws = ({
+}), Hs = ({
   children: e,
   initialSearch: t
 }) => {
@@ -1710,7 +1711,7 @@ const wo = ({ widths: e, heights: t }) => {
     },
     o
   );
-}, fo), Hs = () => {
+}, fo), $s = () => {
   const { getContainer: e, container: t } = cr(), { scrollToPage: n } = nn(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
@@ -1920,7 +1921,7 @@ const wo = ({ widths: e, heights: t }) => {
     !p && /* @__PURE__ */ s(ee, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(To, {}) }) })
   ] }) : null;
 };
-var Ct = "Dialog", [gn, $s] = Tr(Ct), [yo, ae] = gn(Ct), vn = (e) => {
+var Ct = "Dialog", [gn, Gs] = Tr(Ct), [yo, ae] = gn(Ct), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -2125,7 +2126,7 @@ xn.displayName = In;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [Gs, Mn] = Sr(Rn, {
+var Rn = "DialogTitleWarning", [Vs, Mn] = Sr(Rn, {
   contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
@@ -2647,7 +2648,7 @@ const ge = {
       ]
     }
   );
-}, Vs = Ge((e, t) => {
+}, Us = Ge((e, t) => {
   const { children: n, slots: r, icons: o, style: a, className: c, onLoaded: i, cleanupOnLoaded: l } = e, [p, h] = W(null), { setContainer: f, setContentRef: u } = Ne();
   return F(() => (i && i(), () => {
     l && l();
@@ -2682,13 +2683,13 @@ export {
   ia as L,
   Jo as M,
   Yo as O,
-  zs as P,
-  Hs as R,
-  Ws as S,
-  ks as T,
+  Fs as P,
+  $s as R,
+  Hs as S,
+  Ws as T,
   oa as Z,
-  Fs as a,
-  Vs as b,
+  ks as a,
+  Us as b,
   Vo as c,
   wt as d,
   ln as e,

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-3d9595ed.js";
+import { P as u, S as M, T as C, a as R } from "../RPDefaultLayout-1a423868.js";
 import { DarkModeProvider as L } from "../contexts/DarkModeContext.js";
 import { ScrollMode as T, SelectionMode as V } from "../utils/types.js";
 import { RotateProvider as b } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as D } from "../RPDefaultLayout-3d9595ed.js";
+import { R as D } from "../RPDefaultLayout-1a423868.js";
 import "../utils/hooks/useWatermark.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";

package/dist/components/RPProvider.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { DocumentProvider as c } from "../contexts/RPDocumentContext.js";
 import { RPController as d } from "./RPController.js";
-import "../RPDefaultLayout-3d9595ed.js";
+import "../RPDefaultLayout-1a423868.js";
 import "./RPConfig.js";
 import "./RPTheme.js";
 import "./RPDropFileZone.js";

package/dist/components/layout/Container.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../contexts/DarkModeContext.js";
-import { C as a } from "../../Container-83627c27.js";
+import { C as a } from "../../Container-fdb0a71f.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/ThemeContext.js";
 export {

package/dist/components/layout/RPDefaultLayout.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import { b as l } from "../../RPDefaultLayout-3d9595ed.js";
-import "../../Container-83627c27.js";
+import { b as l } from "../../RPDefaultLayout-1a423868.js";
+import "../../Container-fdb0a71f.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "../../contexts/IconContext.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { G as f } from "../../../RPDefaultLayout-3d9595ed.js";
+import { G as f } from "../../../RPDefaultLayout-1a423868.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as a } from "../../../RPDefaultLayout-3d9595ed.js";
+import { B as a } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 export {

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { E as t } from "../../../RPDefaultLayout-3d9595ed.js";
+import { E as t } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 export {
   t as Thumbnails

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as C } from "../../../RPDefaultLayout-3d9595ed.js";
+import { v as C } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

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

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { F as d } from "../../../RPDefaultLayout-3d9595ed.js";
+import { F as d } from "../../../RPDefaultLayout-1a423868.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-3459164c.js";
+import { I as o } from "../../../index-316854c1.js";
 import { c as n } from "../../../clsx-0c6e471a.js";
 import '../../../assets/MenuItem.css';const c = {
   "rp-menu-item": "_rp-menu-item_gqbz3_1"

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-3459164c.js";
+import { S as a } from "../../../index-316854c1.js";
 import '../../../assets/MenuSeparator.css';const e = {
   "rp-menu-separator": "_rp-menu-separator_17dlz_1"
 }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "../../../contexts/RPDocumentContext.js";
 import "react";
-import { M as C } from "../../../RPDefaultLayout-3d9595ed.js";
+import { M as C } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as k } from "../../../RPDefaultLayout-3d9595ed.js";
+import { O as k } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";

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 { t as s } from "../../../RPDefaultLayout-3d9595ed.js";
+import { t as s } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

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 n } from "../../../RPDefaultLayout-3d9595ed.js";
+import { w as n } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/ViewportContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a } from "../../../RPDefaultLayout-3d9595ed.js";
+import { z as a } from "../../../RPDefaultLayout-1a423868.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { x } from "../../../RPDefaultLayout-3d9595ed.js";
+import { x } from "../../../RPDefaultLayout-1a423868.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as m, jsxs as t } from "react/jsx-runtime";
-import { G as a } from "../../../index-3459164c.js";
+import { G as a } from "../../../index-316854c1.js";
 import { ClockwiseIcon as n } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as r } from "./MenuItem.js";
 import { MenuSeparator as u } from "./MenuSeparator.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u, jsxs as n } from "react/jsx-runtime";
-import { G as d } from "../../../index-3459164c.js";
+import { G as d } from "../../../index-316854c1.js";
 import { MenuSeparator as I } from "./MenuSeparator.js";
 import { MenuItem as c } from "./MenuItem.js";
 import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";

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

@@ -4,7 +4,7 @@ import "../../icons/SearchIcon.js";
 import "react";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import { y as I } from "../../../RPDefaultLayout-3d9595ed.js";
+import { y as I } from "../../../RPDefaultLayout-1a423868.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as a, jsxs as n } from "react/jsx-runtime";
-import { G as d } from "../../../index-3459164c.js";
+import { G as d } from "../../../index-316854c1.js";
 import { TextSelectionDefaultIcon as p } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as u } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as c } from "../../icons/CheckIcon.js";

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as u, jsxs as o } from "react/jsx-runtime";
-import { G as p } from "../../../index-3459164c.js";
+import { G as p } from "../../../index-316854c1.js";
 import { MenuSeparator as d } from "./MenuSeparator.js";
 import { MenuItem as t } from "./MenuItem.js";
 import { DualPageIcon as f } from "../../icons/SinglePageIcon.js";

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as J } from "../../../RPDefaultLayout-3d9595ed.js";
+import { Z as J } from "../../../RPDefaultLayout-1a423868.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-3459164c.js";
+import "../../../index-316854c1.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { A as D } from "../../RPDefaultLayout-3d9595ed.js";
+import { A as D } from "../../RPDefaultLayout-1a423868.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as w } from "../../RPDefaultLayout-3d9595ed.js";
+import { C as w } from "../../RPDefaultLayout-1a423868.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as p } from "../../RPDefaultLayout-3d9595ed.js";
+import { D as p } from "../../RPDefaultLayout-1a423868.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { q as y } from "../../RPDefaultLayout-3d9595ed.js";
+import { q as y } from "../../RPDefaultLayout-1a423868.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as m } from "../../RPDefaultLayout-3d9595ed.js";
+import { s as m } from "../../RPDefaultLayout-1a423868.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as z } from "../../RPDefaultLayout-3d9595ed.js";
+import { p as z } from "../../RPDefaultLayout-1a423868.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as q, jsxs as M } from "react/jsx-runtime";
 import * as i from "react";
-import { u as A, c as B, a as K, b as z } from "../../index-743c36f0.js";
+import { a as A, c as B, b as K, d as z } from "../../index-71898eb9.js";
 import "react-dom";
 import { CheckIcon as X } from "../icons/CheckIcon.js";
 import '../../assets/Checkbox.css';function S(e, t) {

package/dist/components/ui/DropDown.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as d } from "react/jsx-runtime";
-import { R as l, T as c, P as p, C as _ } from "../../index-3459164c.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-316854c1.js";
 import { c as A } from "../../clsx-0c6e471a.js";
 import '../../assets/DropDown.css';const F = "_slideDownAndFade_1000s_1", w = "_slideLeftAndFade_1000s_1", m = "_slideUpAndFade_1000s_1", f = "_slideRightAndFade_1000s_1", g = {
   "rp-dropdown-content": "_rp-dropdown-content_1000s_1",

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPDefaultLayout-3d9595ed.js";
+import { L as p } from "../../RPDefaultLayout-1a423868.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default