@pdf-viewer/react 0.4.0-beta.2 → 0.5.0-beta.0

package/dist/components/ui/Checkbox.js

@@ -1,8 +1,9 @@
-import { jsx as h, Fragment as $, jsxs as M } from "react/jsx-runtime";
+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-2b077daa.js";
 import "react-dom";
-import { CheckIcon as V } from "../icons/CheckIcon.js";
-import '../../assets/Checkbox.css';function A(e, t) {
+import { CheckIcon as X } from "../icons/CheckIcon.js";
+import '../../assets/Checkbox.css';function S(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -11,154 +12,41 @@ function I(...e) {
   return (t) => {
     let n = !1;
     const r = e.map((o) => {
-      const s = A(o, t);
-      return !n && typeof s == "function" && (n = !0), s;
+      const c = S(o, t);
+      return !n && typeof c == "function" && (n = !0), c;
     });
     if (n)
       return () => {
         for (let o = 0; o < r.length; o++) {
-          const s = r[o];
-          typeof s == "function" ? s() : A(e[o], null);
+          const c = r[o];
+          typeof c == "function" ? c() : S(e[o], null);
         }
       };
   };
 }
-function _(...e) {
+function T(...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 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) {
+function $(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]);
 }
-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) {
+function Z(e, t) {
   return i.useReducer((n, r) => t[n][r] ?? n, e);
 }
-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;
+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;
 };
-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, {
+_.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, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -172,63 +60,63 @@ function Q(e) {
     }
   });
   return i.useEffect(() => {
-    const l = g(r.current);
-    s.current = c === "mounted" ? l : "none";
-  }, [c]), R(() => {
-    const l = r.current, p = o.current;
+    const u = R(r.current);
+    c.current = s === "mounted" ? u : "none";
+  }, [s]), A(() => {
+    const u = r.current, p = o.current;
     if (p !== 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;
+      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;
     }
-  }, [e, a]), R(() => {
+  }, [e, l]), A(() => {
     if (t) {
-      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);
+      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);
           });
         }
-      }, f = (m) => {
-        m.target === t && (s.current = g(r.current));
+      }, d = (m) => {
+        m.target === t && (c.current = R(r.current));
       };
-      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);
+      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);
       };
     } else
-      a("ANIMATION_END");
-  }, [t, a]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(c),
-    ref: i.useCallback((l) => {
-      l && (r.current = getComputedStyle(l)), n(l);
+      l("ANIMATION_END");
+  }, [t, l]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    ref: i.useCallback((u) => {
+      u && (r.current = getComputedStyle(u)), n(u);
     }, [])
   };
 }
-function g(e) {
+function R(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Y(e) {
+function J(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 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 });
+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 });
   }
-  return /* @__PURE__ */ h(E, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ f(E, { ...r, ref: t, children: n });
 });
-U.displayName = "Slot";
+D.displayName = "Slot";
 var E = i.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (i.isValidElement(n)) {
-    const o = re(n);
+    const o = ee(n);
     return i.cloneElement(n, {
-      ...ne(r, n.props),
+      ...H(r, n.props),
       // @ts-ignore
       ref: t ? I(t, o) : o
     });
@@ -236,26 +124,26 @@ var E = i.forwardRef((e, t) => {
   return i.Children.count(n) > 1 ? i.Children.only(null) : null;
 });
 E.displayName = "SlotClone";
-var ee = ({ children: e }) => /* @__PURE__ */ h($, { children: e });
-function te(e) {
-  return i.isValidElement(e) && e.type === ee;
+var Q = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
+function Y(e) {
+  return i.isValidElement(e) && e.type === Q;
 }
-function ne(e, t) {
+function H(e, t) {
   const n = { ...t };
   for (const r in t) {
-    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(" "));
+    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(" "));
   }
   return { ...e, ...n };
 }
-function re(e) {
+function ee(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 oe = [
+var te = [
   "a",
   "button",
   "div",
@@ -272,85 +160,85 @@ var oe = [
   "span",
   "svg",
   "ul"
-], W = oe.reduce((e, t) => {
+], U = te.reduce((e, t) => {
   const n = i.forwardRef((r, 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 });
+    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 });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), w = "Checkbox", [se, me] = q(w), [ie, ce] = se(w), z = i.forwardRef(
+}, {}), w = "Checkbox", [ne, fe] = B(w), [re, oe] = ne(w), W = i.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
       name: r,
       checked: o,
-      defaultChecked: s,
-      required: u,
-      disabled: c,
-      value: a = "on",
-      onCheckedChange: l,
+      defaultChecked: c,
+      required: a,
+      disabled: s,
+      value: l = "on",
+      onCheckedChange: u,
       form: p,
-      ...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({
+      ...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({
       prop: o,
-      defaultProp: s,
-      onChange: l
-    }), F = i.useRef(y);
+      defaultProp: c,
+      onChange: u
+    }), V = i.useRef(N);
     return i.useEffect(() => {
-      const C = f == null ? void 0 : f.form;
-      if (C) {
-        const x = () => S(F.current);
-        return C.addEventListener("reset", x), () => C.removeEventListener("reset", x);
+      const h = d == null ? void 0 : d.form;
+      if (h) {
+        const v = () => x(V.current);
+        return h.addEventListener("reset", v), () => h.removeEventListener("reset", v);
       }
-    }, [f, S]), /* @__PURE__ */ M(ie, { scope: n, state: y, disabled: c, children: [
-      /* @__PURE__ */ h(
-        W.button,
+    }, [d, x]), /* @__PURE__ */ M(re, { scope: n, state: N, disabled: s, children: [
+      /* @__PURE__ */ f(
+        U.button,
         {
           type: "button",
           role: "checkbox",
-          "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();
+          "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();
           }),
-          onClick: O(e.onClick, (C) => {
-            S((x) => N(x) ? !0 : !x), k && (v.current = C.isPropagationStopped(), v.current || C.stopPropagation());
+          onClick: O(e.onClick, (h) => {
+            x((v) => b(v) ? !0 : !v), g && (y.current = h.isPropagationStopped(), y.current || h.stopPropagation());
           })
         }
       ),
-      k && /* @__PURE__ */ h(
-        ue,
+      g && /* @__PURE__ */ f(
+        ie,
         {
-          control: f,
-          bubbles: !v.current,
+          control: d,
+          bubbles: !y.current,
           name: r,
-          value: a,
-          checked: y,
-          required: u,
-          disabled: c,
+          value: l,
+          checked: N,
+          required: a,
+          disabled: s,
           form: p,
           style: { transform: "translateX(-100%)" },
-          defaultChecked: N(s) ? !1 : s
+          defaultChecked: b(c) ? !1 : c
         }
       )
     ] });
   }
 );
-z.displayName = w;
+W.displayName = w;
 var L = "CheckboxIndicator", j = i.forwardRef(
   (e, t) => {
-    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,
+    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,
       {
-        "data-state": B(s.state),
-        "data-disabled": s.disabled ? "" : void 0,
+        "data-state": F(c.state),
+        "data-disabled": c.disabled ? "" : void 0,
         ...o,
         ref: t,
         style: { pointerEvents: "none", ...e.style }
@@ -359,28 +247,28 @@ var L = "CheckboxIndicator", j = i.forwardRef(
   }
 );
 j.displayName = L;
-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);
+var ie = (e) => {
+  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...c } = e, a = i.useRef(null), s = $(n), l = z(t);
   i.useEffect(() => {
-    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);
+    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);
     }
-  }, [c, n, r]);
-  const l = i.useRef(N(n) ? !1 : n);
-  return /* @__PURE__ */ h(
+  }, [s, n, r]);
+  const u = i.useRef(b(n) ? !1 : n);
+  return /* @__PURE__ */ f(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: o ?? l.current,
-      ...s,
+      defaultChecked: o ?? u.current,
+      ...c,
       tabIndex: -1,
-      ref: u,
+      ref: a,
       style: {
         ...e.style,
-        ...a,
+        ...l,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -389,25 +277,25 @@ var ue = (e) => {
     }
   );
 };
-function N(e) {
+function b(e) {
   return e === "indeterminate";
 }
-function B(e) {
-  return N(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function F(e) {
+  return b(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var ae = z, le = j;
+var ce = W, se = j;
 const P = {
   "rp-checkbox": "_rp-checkbox_11dq0_1",
   "rp-checkbox-indicator": "_rp-checkbox-indicator_11dq0_18"
-}, he = ({
+}, pe = ({
   children: e,
   value: t,
   name: n,
   onChange: r
 }) => /* @__PURE__ */ M("div", { style: { display: "flex", alignItems: "center", position: "relative" }, children: [
-  /* @__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 })
+  /* @__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 })
 ] });
 export {
-  he as UICheckbox
+  pe as UICheckbox
 };

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as p } from "../../RPLayout-608b83dd.js";
+import { L as p } from "../../RPLayout-88110444.js";
 import "../../clsx-0c6e471a.js";
 export {
   p as default