@pdf-viewer/react 0.4.0-beta.1 → 0.4.0-beta.2

package/dist/components/ui/Checkbox.js

@@ -1,9 +1,8 @@
-import { jsx as f, Fragment as q, jsxs as M } from "react/jsx-runtime";
+import { jsx as h, Fragment as $, 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 "react-dom";
-import { CheckIcon as X } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function S(e, t) {
+import { CheckIcon as V } from "../icons/CheckIcon.js";
+import '../../assets/Checkbox.css';function A(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -12,41 +11,154 @@ function I(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const c = S(o, t);
-      return !n && typeof c == "function" && (n = !0), c;
+      const s = A(o, t);
+      return !n && typeof s == "function" && (n = !0), s;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
-          const c = r[o];
-          typeof c == "function" ? c() : S(e[o], null);
+          const s = r[o];
+          typeof s == "function" ? s() : A(e[o], null);
         }
       };
   };
 }
-function T(...e) {
+function _(...e) {
   return i.useCallback(I(...e), e);
 }
+function q(e, t = []) {
+  let n = [];
+  function r(s, u) {
+    const c = i.createContext(u), a = n.length;
+    n = [...n, u];
+    const l = (d) => {
+      var y;
+      const { scope: f, children: m, ...b } = d, v = ((y = f == null ? void 0 : f[e]) == null ? void 0 : y[a]) || c, k = i.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ h(v.Provider, { value: k, children: m });
+    };
+    l.displayName = s + "Provider";
+    function p(d, f) {
+      var v;
+      const m = ((v = f == null ? void 0 : f[e]) == null ? void 0 : v[a]) || c, b = i.useContext(m);
+      if (b)
+        return b;
+      if (u !== void 0)
+        return u;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [l, p];
+  }
+  const o = () => {
+    const s = n.map((u) => i.createContext(u));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return o.scopeName = e, [r, K(o, ...t)];
+}
+function K(...e) {
+  const t = e[0];
+  if (e.length === 1)
+    return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(s) {
+      const u = r.reduce((c, { useScope: a, scopeName: l }) => {
+        const d = a(s)[`__scope${l}`];
+        return { ...c, ...d };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
 function O(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
       return t == null ? void 0 : t(o);
   };
 }
-function $(e) {
+function T(e) {
+  const t = i.useRef(e);
+  return i.useEffect(() => {
+    t.current = e;
+  }), i.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function X({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  }
+}) {
+  const [r, o] = Z({ defaultProp: t, onChange: n }), s = e !== void 0, u = s ? e : r, c = T(n), a = i.useCallback(
+    (l) => {
+      if (s) {
+        const d = typeof l == "function" ? l(e) : l;
+        d !== e && c(d);
+      } else
+        o(l);
+    },
+    [s, e, o, c]
+  );
+  return [u, a];
+}
+function Z({
+  defaultProp: e,
+  onChange: t
+}) {
+  const n = i.useState(e), [r] = n, o = i.useRef(r), s = T(t);
+  return i.useEffect(() => {
+    o.current !== r && (s(r), o.current = r);
+  }, [r, o, s]), n;
+}
+function G(e) {
   const t = i.useRef({ value: e, previous: e });
   return i.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function Z(e, t) {
+var R = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function H(e) {
+  const [t, n] = i.useState(void 0);
+  return R(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const s = o[0];
+        let u, c;
+        if ("borderBoxSize" in s) {
+          const a = s.borderBoxSize, l = Array.isArray(a) ? a[0] : a;
+          u = l.inlineSize, c = l.blockSize;
+        } else
+          u = e.offsetWidth, c = e.offsetHeight;
+        n({ width: u, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+function J(e, t) {
   return i.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var _ = (e) => {
-  const { present: t, children: n } = e, r = G(t), o = typeof n == "function" ? n({ present: r.isPresent }) : i.Children.only(n), c = T(r.ref, J(o));
-  return typeof n == "function" || r.isPresent ? i.cloneElement(o, { ref: c }) : null;
+var D = (e) => {
+  const { present: t, children: n } = e, r = Q(t), o = typeof n == "function" ? n({ present: r.isPresent }) : i.Children.only(n), s = _(r.ref, Y(o));
+  return typeof n == "function" || r.isPresent ? i.cloneElement(o, { ref: s }) : null;
 };
-_.displayName = "Presence";
-function G(e) {
-  const [t, n] = i.useState(), r = i.useRef({}), o = i.useRef(e), c = i.useRef("none"), a = e ? "mounted" : "unmounted", [s, l] = Z(a, {
+D.displayName = "Presence";
+function Q(e) {
+  const [t, n] = i.useState(), r = i.useRef({}), o = i.useRef(e), s = i.useRef("none"), u = e ? "mounted" : "unmounted", [c, a] = J(u, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -60,63 +172,63 @@ function G(e) {
     }
   });
   return i.useEffect(() => {
-    const u = R(r.current);
-    c.current = s === "mounted" ? u : "none";
-  }, [s]), A(() => {
-    const u = r.current, p = o.current;
+    const l = g(r.current);
+    s.current = c === "mounted" ? l : "none";
+  }, [c]), R(() => {
+    const l = r.current, p = o.current;
     if (p !== e) {
-      const d = c.current, m = R(u);
-      e ? l("MOUNT") : m === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(p && d !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+      const f = s.current, m = g(l);
+      e ? a("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? a("UNMOUNT") : a(p && f !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
-  }, [e, l]), A(() => {
+  }, [e, a]), R(() => {
     if (t) {
-      let u;
-      const p = t.ownerDocument.defaultView ?? window, C = (m) => {
-        const y = R(r.current).includes(m.animationName);
-        if (m.target === t && y && (l("ANIMATION_END"), !o.current)) {
-          const g = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
+      let l;
+      const p = t.ownerDocument.defaultView ?? window, d = (m) => {
+        const v = g(r.current).includes(m.animationName);
+        if (m.target === t && v && (a("ANIMATION_END"), !o.current)) {
+          const k = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = k);
           });
         }
-      }, d = (m) => {
-        m.target === t && (c.current = R(r.current));
+      }, f = (m) => {
+        m.target === t && (s.current = g(r.current));
       };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", C), t.addEventListener("animationend", C), () => {
-        p.clearTimeout(u), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", C), t.removeEventListener("animationend", C);
+      return t.addEventListener("animationstart", f), t.addEventListener("animationcancel", d), t.addEventListener("animationend", d), () => {
+        p.clearTimeout(l), t.removeEventListener("animationstart", f), t.removeEventListener("animationcancel", d), t.removeEventListener("animationend", d);
       };
     } else
-      l("ANIMATION_END");
-  }, [t, l]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(s),
-    ref: i.useCallback((u) => {
-      u && (r.current = getComputedStyle(u)), n(u);
+      a("ANIMATION_END");
+  }, [t, a]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: i.useCallback((l) => {
+      l && (r.current = getComputedStyle(l)), n(l);
     }, [])
   };
 }
-function R(e) {
+function g(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function J(e) {
+function Y(e) {
   var r, o;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var D = i.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = i.Children.toArray(n), c = o.find(Y);
-  if (c) {
-    const a = c.props.children, s = o.map((l) => l === c ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : l);
-    return /* @__PURE__ */ f(E, { ...r, ref: t, children: i.isValidElement(a) ? i.cloneElement(a, void 0, s) : null });
+var U = i.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = i.Children.toArray(n), s = o.find(te);
+  if (s) {
+    const u = s.props.children, c = o.map((a) => a === s ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : a);
+    return /* @__PURE__ */ h(E, { ...r, ref: t, children: i.isValidElement(u) ? i.cloneElement(u, void 0, c) : null });
   }
-  return /* @__PURE__ */ f(E, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h(E, { ...r, ref: t, children: n });
 });
-D.displayName = "Slot";
+U.displayName = "Slot";
 var E = i.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (i.isValidElement(n)) {
-    const o = ee(n);
+    const o = re(n);
     return i.cloneElement(n, {
-      ...H(r, n.props),
+      ...ne(r, n.props),
       // @ts-ignore
       ref: t ? I(t, o) : o
     });
@@ -124,26 +236,26 @@ var E = i.forwardRef((e, t) => {
   return i.Children.count(n) > 1 ? i.Children.only(null) : null;
 });
 E.displayName = "SlotClone";
-var Q = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
-function Y(e) {
-  return i.isValidElement(e) && e.type === Q;
+var ee = ({ children: e }) => /* @__PURE__ */ h($, { children: e });
+function te(e) {
+  return i.isValidElement(e) && e.type === ee;
 }
-function H(e, t) {
+function ne(e, t) {
   const n = { ...t };
   for (const r in t) {
-    const o = e[r], c = t[r];
-    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...s) => {
-      c(...s), o(...s);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+    const o = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? o && s ? n[r] = (...c) => {
+      s(...c), o(...c);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...s } : r === "className" && (n[r] = [o, s].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
-function ee(e) {
+function re(e) {
   var r, o;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var te = [
+var oe = [
   "a",
   "button",
   "div",
@@ -160,85 +272,85 @@ var te = [
   "span",
   "svg",
   "ul"
-], U = te.reduce((e, t) => {
+], W = oe.reduce((e, t) => {
   const n = i.forwardRef((r, o) => {
-    const { asChild: c, ...a } = r, s = c ? D : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(s, { ...a, ref: o });
+    const { asChild: s, ...u } = r, c = s ? U : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h(c, { ...u, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), w = "Checkbox", [ne, fe] = B(w), [re, oe] = ne(w), W = i.forwardRef(
+}, {}), w = "Checkbox", [se, me] = q(w), [ie, ce] = se(w), z = i.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
       name: r,
       checked: o,
-      defaultChecked: c,
-      required: a,
-      disabled: s,
-      value: l = "on",
-      onCheckedChange: u,
+      defaultChecked: s,
+      required: u,
+      disabled: c,
+      value: a = "on",
+      onCheckedChange: l,
       form: p,
-      ...C
-    } = e, [d, m] = i.useState(null), k = T(t, (h) => m(h)), y = i.useRef(!1), g = d ? p || !!d.closest("form") : !0, [N = !1, x] = K({
+      ...d
+    } = e, [f, m] = i.useState(null), b = _(t, (C) => m(C)), v = i.useRef(!1), k = f ? p || !!f.closest("form") : !0, [y = !1, S] = X({
       prop: o,
-      defaultProp: c,
-      onChange: u
-    }), V = i.useRef(N);
+      defaultProp: s,
+      onChange: l
+    }), F = i.useRef(y);
     return i.useEffect(() => {
-      const h = d == null ? void 0 : d.form;
-      if (h) {
-        const v = () => x(V.current);
-        return h.addEventListener("reset", v), () => h.removeEventListener("reset", v);
+      const C = f == null ? void 0 : f.form;
+      if (C) {
+        const x = () => S(F.current);
+        return C.addEventListener("reset", x), () => C.removeEventListener("reset", x);
       }
-    }, [d, x]), /* @__PURE__ */ M(re, { scope: n, state: N, disabled: s, children: [
-      /* @__PURE__ */ f(
-        U.button,
+    }, [f, S]), /* @__PURE__ */ M(ie, { scope: n, state: y, disabled: c, children: [
+      /* @__PURE__ */ h(
+        W.button,
         {
           type: "button",
           role: "checkbox",
-          "aria-checked": b(N) ? "mixed" : N,
-          "aria-required": a,
-          "data-state": F(N),
-          "data-disabled": s ? "" : void 0,
-          disabled: s,
-          value: l,
-          ...C,
-          ref: k,
-          onKeyDown: O(e.onKeyDown, (h) => {
-            h.key === "Enter" && h.preventDefault();
+          "aria-checked": N(y) ? "mixed" : y,
+          "aria-required": u,
+          "data-state": B(y),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: a,
+          ...d,
+          ref: b,
+          onKeyDown: O(e.onKeyDown, (C) => {
+            C.key === "Enter" && C.preventDefault();
           }),
-          onClick: O(e.onClick, (h) => {
-            x((v) => b(v) ? !0 : !v), g && (y.current = h.isPropagationStopped(), y.current || h.stopPropagation());
+          onClick: O(e.onClick, (C) => {
+            S((x) => N(x) ? !0 : !x), k && (v.current = C.isPropagationStopped(), v.current || C.stopPropagation());
           })
         }
       ),
-      g && /* @__PURE__ */ f(
-        ie,
+      k && /* @__PURE__ */ h(
+        ue,
         {
-          control: d,
-          bubbles: !y.current,
+          control: f,
+          bubbles: !v.current,
           name: r,
-          value: l,
-          checked: N,
-          required: a,
-          disabled: s,
+          value: a,
+          checked: y,
+          required: u,
+          disabled: c,
           form: p,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: b(c) ? !1 : c
+          defaultChecked: N(s) ? !1 : s
         }
       )
     ] });
   }
 );
-W.displayName = w;
+z.displayName = w;
 var L = "CheckboxIndicator", j = i.forwardRef(
   (e, t) => {
-    const { __scopeCheckbox: n, forceMount: r, ...o } = e, c = oe(L, n);
-    return /* @__PURE__ */ f(_, { present: r || b(c.state) || c.state === !0, children: /* @__PURE__ */ f(
-      U.span,
+    const { __scopeCheckbox: n, forceMount: r, ...o } = e, s = ce(L, n);
+    return /* @__PURE__ */ h(D, { present: r || N(s.state) || s.state === !0, children: /* @__PURE__ */ h(
+      W.span,
       {
-        "data-state": F(c.state),
-        "data-disabled": c.disabled ? "" : void 0,
+        "data-state": B(s.state),
+        "data-disabled": s.disabled ? "" : void 0,
         ...o,
         ref: t,
         style: { pointerEvents: "none", ...e.style }
@@ -247,28 +359,28 @@ var L = "CheckboxIndicator", j = i.forwardRef(
   }
 );
 j.displayName = L;
-var ie = (e) => {
-  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...c } = e, a = i.useRef(null), s = $(n), l = z(t);
+var ue = (e) => {
+  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...s } = e, u = i.useRef(null), c = G(n), a = H(t);
   i.useEffect(() => {
-    const p = a.current, C = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(C, "checked").set;
-    if (s !== n && m) {
-      const k = new Event("click", { bubbles: r });
-      p.indeterminate = b(n), m.call(p, b(n) ? !1 : n), p.dispatchEvent(k);
+    const p = u.current, d = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(d, "checked").set;
+    if (c !== n && m) {
+      const b = new Event("click", { bubbles: r });
+      p.indeterminate = N(n), m.call(p, N(n) ? !1 : n), p.dispatchEvent(b);
     }
-  }, [s, n, r]);
-  const u = i.useRef(b(n) ? !1 : n);
-  return /* @__PURE__ */ f(
+  }, [c, n, r]);
+  const l = i.useRef(N(n) ? !1 : n);
+  return /* @__PURE__ */ h(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: o ?? u.current,
-      ...c,
+      defaultChecked: o ?? l.current,
+      ...s,
       tabIndex: -1,
-      ref: a,
+      ref: u,
       style: {
         ...e.style,
-        ...l,
+        ...a,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -277,25 +389,25 @@ var ie = (e) => {
     }
   );
 };
-function b(e) {
+function N(e) {
   return e === "indeterminate";
 }
-function F(e) {
-  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function B(e) {
+  return N(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var ce = W, se = j;
+var ae = z, le = j;
 const P = {
   "rp-checkbox": "_rp-checkbox_11dq0_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_11dq0_18"
-}, pe = ({
+}, he = ({
   children: e,
   value: t,
   name: n,
   onChange: r
 }) => /* @__PURE__ */ M("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
-  /* @__PURE__ */ f(ce, { className: P["rp-checkbox"], checked: t, id: n, onCheckedChange: r, children: /* @__PURE__ */ f(se, { className: P["rp-checkbox-indicator"], children: /* @__PURE__ */ f(X, {}) }) }),
-  /* @__PURE__ */ f("label", { className: P["rp-checkbox-label"], htmlFor: n, children: e })
+  /* @__PURE__ */ h(ae, { className: P["rp-checkbox"], checked: t, id: n, onCheckedChange: r, children: /* @__PURE__ */ h(le, { className: P["rp-checkbox-indicator"], children: /* @__PURE__ */ h(V, {}) }) }),
+  /* @__PURE__ */ h("label", { className: P["rp-checkbox-label"], htmlFor: n, children: e })
 ] });
 export {
-  pe as UICheckbox
+  he 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-3459164c.js";
+import { R as l, T as c, P as p, C as _ } from "../../index-8049287f.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 "../../Thumbnails-06fa1aa5.js";
+import { L as p } from "../../RPLayout-608b83dd.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default

package/dist/contexts/PaginateContext.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { p as m, h as n, u as s } from "../Thumbnails-06fa1aa5.js";
+import { P as p, k as n, u as P } from "../RPLayout-608b83dd.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./InitialStateContext.js";
 export {
-  m as PaginateContext,
+  p as PaginateContext,
   n as PaginateProvider,
-  s as usePaginateContext
+  P as usePaginateContext
 };

package/dist/contexts/PrintContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { v as e, P as n, b as P } from "../Thumbnails-06fa1aa5.js";
+import { p as e, q as n, c as p } from "../RPLayout-608b83dd.js";
 export {
   e as PrintContext,
   n as PrintProvider,
-  P as usePrintContext
+  p as usePrintContext
 };

package/dist/contexts/RPDocumentContext.js

@@ -1,31 +1,39 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createContext as l, useState as m, useEffect as P, useMemo as x, useContext as h } from "react";
-import { useLoadPdf as C } from "../utils/hooks/useLoadPdf.js";
-import { usePdfProperties as v } from "../utils/hooks/usePdfProperties.js";
-import { LoaderIcon as g } from "../components/icons/LoaderIcon.js";
-import { appConsole as D } from "../utils/appConsole.js";
-const c = l({
+import { createContext as x, useState as a, useEffect as C, useMemo as g, useContext as v } from "react";
+import { useLoadPdf as D } from "../utils/hooks/useLoadPdf.js";
+import { usePdfProperties as S } from "../utils/hooks/usePdfProperties.js";
+import { LoaderIcon as y } from "../components/icons/LoaderIcon.js";
+import { appConsole as j } from "../utils/appConsole.js";
+const c = x({
   pdf: void 0,
   pages: /* @__PURE__ */ new Map(),
   setPdfSrc: () => {
   },
   setFilename: () => {
-  }
-}), L = ({ children: t, src: e, characterMap: u }) => {
-  const [o, s] = m(e), { pdf: n, pages: i } = C(o, u), [p, f] = m(), d = v(o, n, p);
-  P(() => {
-    f(e == null ? void 0 : e.split("/").pop()), s(e);
+  },
+  loading: !1
+}), E = ({
+  children: t,
+  src: e,
+  characterMap: l,
+  onLoadError: u,
+  onLoaded: P
+}) => {
+  const [o, i] = a(e), { pdf: n, pages: s, loading: p } = D(o, l, { onLoadError: u, onLoaded: P }), [d, f] = a(), m = S(o, n, d);
+  C(() => {
+    f(e == null ? void 0 : e.split("/").pop()), i(e);
   }, [e]);
-  const a = x(() => ({
+  const h = g(() => ({
     pdf: n,
-    pages: i,
+    pages: s,
     pdfSrc: o,
-    setPdfSrc: s,
-    pdfProperties: d,
+    setPdfSrc: i,
+    pdfProperties: m,
     setFilename: f,
-    filename: p
-  }), [n, i, o, d]);
-  return n ? /* @__PURE__ */ r(c.Provider, { value: a, children: t }) : /* @__PURE__ */ r(
+    filename: d,
+    loading: p
+  }), [n, s, o, m, p]);
+  return /* @__PURE__ */ r(c.Provider, { value: h, children: n ? t : /* @__PURE__ */ r(
     "div",
     {
       style: {
@@ -35,15 +43,15 @@ const c = l({
         height: "100%",
         width: "100%"
       },
-      children: /* @__PURE__ */ r(g, {})
+      children: /* @__PURE__ */ r(y, {})
     }
-  );
-}, M = () => {
-  const t = h(c);
-  return t.pdf || D.error("Please use this hooks inside children component of RPDocument"), t;
+  ) });
+}, R = () => {
+  const t = v(c);
+  return t.pdf || j.error("Please use this hooks inside children component of RPDocument"), t;
 };
 export {
-  L as DocumentProvider,
+  E as DocumentProvider,
   c as default,
-  M as useDocumentContext
+  R as useDocumentContext
 };