@pdf-viewer/react 1.5.0-beta.0 → 1.5.0-beta.2

package/dist/components/page/CanvasLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { C as E } from "../../RPDefaultLayout-77418ce2.js";
+import { C as F } from "../../RPDefaultLayout-ffbfe65f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -21,6 +21,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
 import "../../contexts/HighlightContext.js";
 import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/LicenseContext.js";
 import "../RPConfig.js";
@@ -29,5 +30,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/renderPage.js";
 export {
-  E as CanvasLayer
+  F as CanvasLayer
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { D as a } from "../../RPDefaultLayout-77418ce2.js";
+import { D as a } from "../../RPDefaultLayout-ffbfe65f.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 D } from "../../RPDefaultLayout-77418ce2.js";
+import { r as E } from "../../RPDefaultLayout-ffbfe65f.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
@@ -21,6 +21,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
 import "../../contexts/HighlightContext.js";
 import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/LicenseContext.js";
 import "../RPConfig.js";
@@ -29,5 +30,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../icons/LoaderIcon.js";
 export {
-  D as RPPage
+  E as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { t as p } from "../../RPDefaultLayout-77418ce2.js";
+import { t as p } from "../../RPDefaultLayout-ffbfe65f.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 D } from "../../RPDefaultLayout-77418ce2.js";
+import { q as E } from "../../RPDefaultLayout-ffbfe65f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -22,6 +22,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
 import "../../contexts/HighlightContext.js";
 import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/LicenseContext.js";
 import "../RPConfig.js";
@@ -30,5 +31,5 @@ import "../RPDropFileZone.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../utils/highlight.js";
 export {
-  D as TextHighlightLayer
+  E as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
-import { p as E } from "../../RPDefaultLayout-77418ce2.js";
+import { p as F } from "../../RPDefaultLayout-ffbfe65f.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";
@@ -21,6 +21,7 @@ import "../../contexts/DimensionPagesContext.js";
 import "../../contexts/LocalizationContext.js";
 import "../../contexts/HighlightContext.js";
 import "../../contexts/DownloadContext.js";
+import "../../contexts/SmoothScrollContext.js";
 import "../../contexts/LoaderContext.js";
 import "../../contexts/LicenseContext.js";
 import "../RPConfig.js";
@@ -30,5 +31,5 @@ import "../../contexts/ToolbarComponentContext.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  E as TextLayer
+  F as TextLayer
 };

package/dist/components/ui/Checkbox.js

@@ -1,45 +1,44 @@
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import * as c from "react";
-import { u as O, P as S, c as _, a as j } from "../../index-353ec0a6.js";
-import { c as A, b as B, d as H } from "../../index-71898eb9.js";
-import { CheckIcon as K } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function L(e) {
+import { c as j, u as A, a as B, P as S, b as _, d as H, e as K } from "../../index-48ca3f30.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, Y] = A(E), [F, T] = z(E), w = c.forwardRef(
+var E = "Checkbox", [z, W] = j(E), [F, T] = z(E), w = c.forwardRef(
   (e, r) => {
     const {
       __scopeCheckbox: t,
       name: a,
-      checked: f,
+      checked: p,
       defaultChecked: n,
       required: h,
       disabled: u,
       value: b = "on",
-      onCheckedChange: C,
+      onCheckedChange: m,
       form: l,
       ...x
-    } = e, [i, m] = c.useState(null), v = O(r, (o) => m(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [p = !1, P] = B({
-      prop: f,
+    } = e, [i, C] = c.useState(null), v = A(r, (o) => C(o)), y = c.useRef(!1), I = i ? l || !!i.closest("form") : !0, [f = !1, P] = B({
+      prop: p,
       defaultProp: n,
-      onChange: C
-    }), q = c.useRef(p);
+      onChange: m
+    }), O = c.useRef(f);
     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: [
+    }, [i, P]), /* @__PURE__ */ g(F, { scope: t, state: f, disabled: u, children: [
       /* @__PURE__ */ s(
         S.button,
         {
           type: "button",
           role: "checkbox",
-          "aria-checked": d(p) ? "mixed" : p,
+          "aria-checked": d(f) ? "mixed" : f,
           "aria-required": h,
-          "data-state": M(p),
+          "data-state": M(f),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: b,
@@ -60,7 +59,7 @@ var E = "Checkbox", [z, Y] = A(E), [F, T] = z(E), w = c.forwardRef(
           bubbles: !y.current,
           name: a,
           value: b,
-          checked: p,
+          checked: f,
           required: h,
           disabled: u,
           form: l,
@@ -74,13 +73,13 @@ var E = "Checkbox", [z, Y] = A(E), [F, T] = z(E), w = c.forwardRef(
 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(j, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
+    const { __scopeCheckbox: t, forceMount: a, ...p } = e, n = T(N, t);
+    return /* @__PURE__ */ s(H, { present: a || d(n.state) || n.state === !0, children: /* @__PURE__ */ s(
       S.span,
       {
         "data-state": M(n.state),
         "data-disabled": n.disabled ? "" : void 0,
-        ...f,
+        ...p,
         ref: r,
         style: { pointerEvents: "none", ...e.style }
       }
@@ -89,21 +88,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: p, ...n } = e, h = c.useRef(null), u = q(t), b = K(r);
   c.useEffect(() => {
-    const l = h.current, x = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(x, "checked").set;
-    if (u !== t && m) {
+    const l = h.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (u !== t && C) {
       const v = new Event("click", { bubbles: a });
-      l.indeterminate = d(t), m.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
+      l.indeterminate = d(t), C.call(l, d(t) ? !1 : t), l.dispatchEvent(v);
     }
   }, [u, t, a]);
-  const C = c.useRef(d(t) ? !1 : t);
+  const m = c.useRef(d(t) ? !1 : t);
   return /* @__PURE__ */ s(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: f ?? C.current,
+      defaultChecked: p ?? m.current,
       ...n,
       tabIndex: -1,
       ref: h,
@@ -126,17 +125,17 @@ function M(e) {
 }
 var U = w, G = D;
 const R = {
-  "rp-checkbox": "_rp-checkbox_1hqx2_1",
-  "rp-checkbox-indicator": "_rp-checkbox-indicator_1hqx2_21"
-}, Z = ({
+  "rp-checkbox": "_rp-checkbox_3f10x_1",
+  "rp-checkbox-indicator": "_rp-checkbox-indicator_3f10x_21"
+}, Y = ({
   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 {
-  Z as UICheckbox
+  Y as UICheckbox
 };

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-5ff5dbd0.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-4ba3ab9a.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",

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-77418ce2.js";
+import { L as i } from "../../RPDefaultLayout-ffbfe65f.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-b7402893.js";
+import { U as t } from "../../Popover-d11ec15c.js";
 import "../../clsx-0c6e471a.js";
 export {
   t as UIPopOver