@pdf-viewer/react 1.4.0 → 1.4.1-rc.0

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 n } from "../../../RPDefaultLayout-70dc4200.js";
+import { O as n } from "../../../RPDefaultLayout-a5d7b0b8.js";
 import "../../../contexts/OtherToolContext.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-4ba3ab9a.js";
+import "../../../index-5ff5dbd0.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 { v } from "../../../RPDefaultLayout-70dc4200.js";
+import { v } from "../../../RPDefaultLayout-a5d7b0b8.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 { x as n } from "../../../RPDefaultLayout-70dc4200.js";
+import { x as n } from "../../../RPDefaultLayout-a5d7b0b8.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { B as a } from "../../../RPDefaultLayout-70dc4200.js";
+import { B as a } from "../../../RPDefaultLayout-a5d7b0b8.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 { y as b } from "../../../RPDefaultLayout-70dc4200.js";
+import { y as b } from "../../../RPDefaultLayout-a5d7b0b8.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
-import { G as a } from "../../../index-4ba3ab9a.js";
+import { G as a } from "../../../index-5ff5dbd0.js";
 import { ClockwiseIcon as i } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as n } from "./MenuItem.js";
 import { MenuSeparator as s } from "./MenuSeparator.js";

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as a, jsxs as i } from "react/jsx-runtime";
-import { G as L } from "../../../index-4ba3ab9a.js";
+import { G as L } from "../../../index-5ff5dbd0.js";
 import { MenuSeparator as S } 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

@@ -3,7 +3,7 @@ import "../../ui/Button.js";
 import "../../icons/SearchIcon.js";
 import "react";
 import "../../../contexts/LayoutContainerContext.js";
-import { z as M } from "../../../RPDefaultLayout-70dc4200.js";
+import { z as M } from "../../../RPDefaultLayout-a5d7b0b8.js";
 import "../../ui/Input.js";
 import "../../icons/CloseIcon.js";
 import "../../icons/ChevronUpIcon.js";
@@ -36,7 +36,7 @@ import "../../RPDropFileZone.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../ui/RPTooltip.js";
 import "../../icons/InfoIcon.js";
-import "../../../Popover-5281103c.js";
+import "../../../Popover-b7402893.js";
 export {
   M as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as u, jsxs as r } from "react/jsx-runtime";
-import { G as f } from "../../../index-4ba3ab9a.js";
+import { G as f } from "../../../index-5ff5dbd0.js";
 import { TextSelectionDefaultIcon as a } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as h } 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-4ba3ab9a.js";
+import { G as p } from "../../../index-5ff5dbd0.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 O } from "../../../RPDefaultLayout-70dc4200.js";
+import { Z as O } from "../../../RPDefaultLayout-a5d7b0b8.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-4ba3ab9a.js";
+import "../../../index-5ff5dbd0.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 F } from "../../RPDefaultLayout-70dc4200.js";
+import { A as F } from "../../RPDefaultLayout-a5d7b0b8.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 B } from "../../RPDefaultLayout-70dc4200.js";
+import { C as B } from "../../RPDefaultLayout-a5d7b0b8.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 a } from "../../RPDefaultLayout-70dc4200.js";
+import { D as a } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/ScrollStateContext.js";
 export {
   a as DualPage

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { r as B } from "../../RPDefaultLayout-70dc4200.js";
+import { r as B } from "../../RPDefaultLayout-a5d7b0b8.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 { t as p } from "../../RPDefaultLayout-70dc4200.js";
+import { t as p } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/ScrollStateContext.js";
 export {
   p as SinglePage

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
-import { q as B } from "../../RPDefaultLayout-70dc4200.js";
+import { q as B } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as C } from "../../RPDefaultLayout-70dc4200.js";
+import { p as C } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/Checkbox.js

@@ -1,12 +1,13 @@
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import * as c from "react";
-import { c as O, u as j, a as A, P as S, b as _, d as B, e as H } from "../../index-48ca3f30.js";
-import { CheckIcon as K } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function L(e) {
+import { u as j, P as S, c as _, a as A } from "../../index-353ec0a6.js";
+import { c as B, b as H, d as K } from "../../index-71898eb9.js";
+import { CheckIcon as L } from "../icons/CheckIcon.js";
+import '../../assets/Checkbox.css';function q(e) {
   const r = c.useRef({ value: e, previous: e });
   return c.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
 }
-var E = "Checkbox", [z, W] = O(E), [F, T] = z(E), w = c.forwardRef(
+var E = "Checkbox", [z, Y] = B(E), [F, T] = z(E), w = c.forwardRef(
   (e, r) => {
     const {
       __scopeCheckbox: t,
@@ -16,18 +17,18 @@ var E = "Checkbox", [z, W] = O(E), [F, T] = z(E), w = c.forwardRef(
       required: h,
       disabled: u,
       value: b = "on",
-      onCheckedChange: m,
+      onCheckedChange: C,
       form: l,
       ...x
-    } = e, [i, C] = c.useState(null), v = j(r, (o) => C(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = A({
+    } = e, [i, m] = c.useState(null), v = j(r, (o) => m(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = H({
       prop: f,
       defaultProp: n,
-      onChange: m
-    }), q = c.useRef(p);
+      onChange: C
+    }), O = c.useRef(p);
     return c.useEffect(() => {
       const o = i == null ? void 0 : i.form;
       if (o) {
-        const k = () => P(q.current);
+        const k = () => P(O.current);
         return o.addEventListener("reset", k), () => o.removeEventListener("reset", k);
       }
     }, [i, P]), /* @__PURE__ */ g(F, { scope: t, state: p, disabled: u, children: [
@@ -74,7 +75,7 @@ w.displayName = E;
 var N = "CheckboxIndicator", D = c.forwardRef(
   (e, r) => {
     const { __scopeCheckbox: t, forceMount: a, ...f } = e, n = T(N, t);
-    return /* @__PURE__ */ s(B, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ s(A, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
       S.span,
       {
         "data-state": M(n.state),
@@ -88,21 +89,21 @@ var N = "CheckboxIndicator", D = c.forwardRef(
 );
 D.displayName = N;
 var X = (e) => {
-  const { control: r, checked: t, bubbles: a = !0, defaultChecked: f, ...n } = e, h = c.useRef(null), u = L(t), b = H(r);
+  const { control: r, checked: t, bubbles: a = !0, defaultChecked: f, ...n } = e, h = c.useRef(null), u = q(t), b = K(r);
   c.useEffect(() => {
-    const l = h.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
-    if (u !== t && C) {
+    const l = h.current, x = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (u !== t && m) {
       const v = new Event("click", { bubbles: a });
-      l.indeterminate = d(t), C.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
+      l.indeterminate = d(t), m.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
     }
   }, [u, t, a]);
-  const m = c.useRef(d(t) ? !1 : t);
+  const C = c.useRef(d(t) ? !1 : t);
   return /* @__PURE__ */ s(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: f ?? m.current,
+      defaultChecked: f ?? C.current,
       ...n,
       tabIndex: -1,
       ref: h,
@@ -125,17 +126,17 @@ function M(e) {
 }
 var U = w, G = D;
 const R = {
-  "rp-checkbox": "_rp-checkbox_11dq0_1",
-  "rp-checkbox-indicator": "_rp-checkbox-indicator_11dq0_18"
-}, Y = ({
+  "rp-checkbox": "_rp-checkbox_188mv_1",
+  "rp-checkbox-indicator": "_rp-checkbox-indicator_188mv_21"
+}, Z = ({
   children: e,
   value: r,
   name: t,
   onChange: a
 }) => /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
-  /* @__PURE__ */ s(U, { className: R["rp-checkbox"], checked: r, id: t, onCheckedChange: a, children: /* @__PURE__ */ s(G, { className: R["rp-checkbox-indicator"], children: /* @__PURE__ */ s(K, {}) }) }),
+  /* @__PURE__ */ s(U, { className: R["rp-checkbox"], checked: r, id: t, onCheckedChange: a, children: /* @__PURE__ */ s(G, { className: R["rp-checkbox-indicator"], children: /* @__PURE__ */ s(L, {}) }) }),
   /* @__PURE__ */ s("label", { className: R["rp-checkbox-label"], htmlFor: t, children: e })
 ] });
 export {
-  Y as UICheckbox
+  Z as UICheckbox
 };

package/dist/components/ui/DropDown.js

@@ -1,25 +1,25 @@
 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-4ba3ab9a.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",
-  slideDownAndFade: F,
-  slideLeftAndFade: w,
-  slideUpAndFade: m,
+import { R as l, T as c, P as p, C as _ } from "../../index-5ff5dbd0.js";
+import { c as m } from "../../clsx-0c6e471a.js";
+import '../../assets/DropDown.css';const A = "_slideDownAndFade_d12em_1", F = "_slideLeftAndFade_d12em_1", w = "_slideUpAndFade_d12em_1", f = "_slideRightAndFade_d12em_1", g = {
+  "rp-dropdown-content": "_rp-dropdown-content_d12em_1",
+  slideDownAndFade: A,
+  slideLeftAndFade: F,
+  slideUpAndFade: w,
   slideRightAndFade: f,
-  "rp-dropdown-arrow": "_rp-dropdown-arrow_1000s_30"
+  "rp-dropdown-arrow": "_rp-dropdown-arrow_d12em_30"
 }, x = (e) => {
-  const { triggerComponent: n, children: s, container: o, className: r, open: t, ...a } = e;
+  const { triggerComponent: n, children: o, container: s, className: r, open: t, ...a } = e;
   return /* @__PURE__ */ i(l, { modal: !1, open: t, children: [
     /* @__PURE__ */ d(c, { asChild: !0, children: n }),
-    /* @__PURE__ */ d(p, { container: o, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ d(p, { container: s, children: /* @__PURE__ */ d(
       _,
       {
         sideOffset: 8,
         align: "end",
         ...a,
-        className: A(g["rp-dropdown-content"], r),
-        children: s
+        className: m(g["rp-dropdown-content"], r),
+        children: o
       }
     ) })
   ] });

package/dist/components/ui/Input.js

@@ -1,24 +1,24 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
 import { c as e } from "../../clsx-0c6e471a.js";
 import { forwardRef as u } from "react";
-import '../../assets/Input.css';const r = {
-  "rp-input": "_rp-input_zo6kn_1",
-  "rp-input-wrapper": "_rp-input-wrapper_zo6kn_22",
-  "rp-input-icon": "_rp-input-icon_zo6kn_26"
-}, d = u((i, o) => {
-  const { className: s, icon: p, children: t, ...c } = i;
-  return /* @__PURE__ */ a("div", { className: r["rp-input-wrapper"], children: [
+import '../../assets/Input.css';const p = {
+  "rp-input": "_rp-input_3rj4v_1",
+  "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
+  "rp-input-icon": "_rp-input-icon_3rj4v_26"
+}, d = u((i, s) => {
+  const { className: t, icon: r, children: o, ...c } = i;
+  return /* @__PURE__ */ a("div", { className: p["rp-input-wrapper"], children: [
     /* @__PURE__ */ n(
       "input",
       {
         ...c,
-        "data-icon": !!p,
-        ref: o,
-        className: e(s, r["rp-input"], "ignore-hover")
+        "data-icon": !!r,
+        ref: s,
+        className: e(t, p["rp-input"], "ignore-hover")
       }
     ),
-    p && /* @__PURE__ */ n("span", { className: r["rp-input-icon"], children: p }),
-    t
+    r && /* @__PURE__ */ n("span", { className: p["rp-input-icon"], children: r }),
+    o
   ] });
 });
 export {

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as i } from "../../RPDefaultLayout-70dc4200.js";
+import { L as i } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/components/ui/Popover.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { U as t } from "../../Popover-5281103c.js";
+import { U as t } from "../../Popover-b7402893.js";
 import "../../clsx-0c6e471a.js";
 export {
   t as UIPopOver