@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/index-655864a7.js

@@ -0,0 +1,27 @@
+import * as h from "react";
+import { u as z } from "./index-c0faa594.js";
+function n(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
+}
+export {
+  n as u
+};

package/dist/index-c0faa594.js

@@ -0,0 +1,309 @@
+import * as s from "react";
+import { jsx as S, Fragment as R } from "react/jsx-runtime";
+import * as b from "react-dom";
+function B(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), n === !1 || !r.defaultPrevented)
+      return t == null ? void 0 : t(r);
+  };
+}
+function g(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function w(...e) {
+  return (t) => {
+    let n = !1;
+    const o = e.map((r) => {
+      const i = g(r, t);
+      return !n && typeof i == "function" && (n = !0), i;
+    });
+    if (n)
+      return () => {
+        for (let r = 0; r < o.length; r++) {
+          const i = o[r];
+          typeof i == "function" ? i() : g(e[r], null);
+        }
+      };
+  };
+}
+function A(...e) {
+  return s.useCallback(w(...e), e);
+}
+function Z(e, t) {
+  const n = s.createContext(t), o = (i) => {
+    const { children: u, ...c } = i, a = s.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ S(n.Provider, { value: a, children: u });
+  };
+  o.displayName = e + "Provider";
+  function r(i) {
+    const u = s.useContext(n);
+    if (u)
+      return u;
+    if (t !== void 0)
+      return t;
+    throw new Error(`\`${i}\` must be used within \`${e}\``);
+  }
+  return [o, r];
+}
+function q(e, t = []) {
+  let n = [];
+  function o(i, u) {
+    const c = s.createContext(u), a = n.length;
+    n = [...n, u];
+    const l = (f) => {
+      var P;
+      const { scope: m, children: p, ...v } = f, N = ((P = m == null ? void 0 : m[e]) == null ? void 0 : P[a]) || c, y = s.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ S(N.Provider, { value: y, children: p });
+    };
+    l.displayName = i + "Provider";
+    function d(f, m) {
+      var N;
+      const p = ((N = m == null ? void 0 : m[e]) == null ? void 0 : N[a]) || c, v = s.useContext(p);
+      if (v)
+        return v;
+      if (u !== void 0)
+        return u;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return [l, d];
+  }
+  const r = () => {
+    const i = n.map((u) => s.createContext(u));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || i;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return r.scopeName = e, [o, O(r, ...t)];
+}
+function O(...e) {
+  const t = e[0];
+  if (e.length === 1)
+    return t;
+  const n = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(i) {
+      const u = o.reduce((c, { useScope: a, scopeName: l }) => {
+        const f = a(i)[`__scope${l}`];
+        return { ...c, ...f };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+// @__NO_SIDE_EFFECTS__
+function x(e) {
+  const t = /* @__PURE__ */ M(e), n = s.forwardRef((o, r) => {
+    const { children: i, ...u } = o, c = s.Children.toArray(i), a = c.find(I);
+    if (a) {
+      const l = a.props.children, d = c.map((f) => f === a ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : f);
+      return /* @__PURE__ */ S(t, { ...u, ref: r, children: s.isValidElement(l) ? s.cloneElement(l, void 0, d) : null });
+    }
+    return /* @__PURE__ */ S(t, { ...u, ref: r, children: i });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function M(e) {
+  const t = s.forwardRef((n, o) => {
+    const { children: r, ...i } = n;
+    if (s.isValidElement(r)) {
+      const u = _(r), c = T(i, r.props);
+      return r.type !== s.Fragment && (c.ref = o ? w(o, u) : u), s.cloneElement(r, c);
+    }
+    return s.Children.count(r) > 1 ? s.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var E = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function z(e) {
+  const t = ({ children: n }) => /* @__PURE__ */ S(R, { children: n });
+  return t.displayName = `${e}.Slottable`, t.__radixId = E, t;
+}
+function I(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === E;
+}
+function T(e, t) {
+  const n = { ...t };
+  for (const o in t) {
+    const r = e[o], i = t[o];
+    /^on[A-Z]/.test(o) ? r && i ? n[o] = (...c) => {
+      const a = i(...c);
+      return r(...c), a;
+    } : r && (n[o] = r) : o === "style" ? n[o] = { ...r, ...i } : o === "className" && (n[o] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function _(e) {
+  var o, r;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var $ = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], G = $.reduce((e, t) => {
+  const n = /* @__PURE__ */ x(`Primitive.${t}`), o = s.forwardRef((r, i) => {
+    const { asChild: u, ...c } = r, a = u ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(a, { ...c, ref: i });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {});
+function J(e, t) {
+  e && b.flushSync(() => e.dispatchEvent(t));
+}
+var C = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+};
+function D(e, t) {
+  return s.useReducer((n, o) => t[n][o] ?? n, e);
+}
+var U = (e) => {
+  const { present: t, children: n } = e, o = W(t), r = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), i = A(o.ref, L(r));
+  return typeof n == "function" || o.isPresent ? s.cloneElement(r, { ref: i }) : null;
+};
+U.displayName = "Presence";
+function W(e) {
+  const [t, n] = s.useState(), o = s.useRef(null), r = s.useRef(e), i = s.useRef("none"), u = e ? "mounted" : "unmounted", [c, a] = D(u, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return s.useEffect(() => {
+    const l = h(o.current);
+    i.current = c === "mounted" ? l : "none";
+  }, [c]), C(() => {
+    const l = o.current, d = r.current;
+    if (d !== e) {
+      const m = i.current, p = h(l);
+      e ? a("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? a("UNMOUNT") : a(d && m !== p ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, a]), C(() => {
+    if (t) {
+      let l;
+      const d = t.ownerDocument.defaultView ?? window, f = (p) => {
+        const N = h(o.current).includes(CSS.escape(p.animationName));
+        if (p.target === t && N && (a("ANIMATION_END"), !r.current)) {
+          const y = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
+          });
+        }
+      }, m = (p) => {
+        p.target === t && (i.current = h(o.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      a("ANIMATION_END");
+  }, [t, a]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: s.useCallback((l) => {
+      o.current = l ? getComputedStyle(l) : null, n(l);
+    }, [])
+  };
+}
+function h(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function L(e) {
+  var o, r;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var j = s[" useInsertionEffect ".trim().toString()] || C;
+function K({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: o
+}) {
+  const [r, i, u] = F({
+    defaultProp: t,
+    onChange: n
+  }), c = e !== void 0, a = c ? e : r;
+  {
+    const d = s.useRef(e !== void 0);
+    s.useEffect(() => {
+      const f = d.current;
+      f !== c && console.warn(
+        `${o} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = c;
+    }, [c, o]);
+  }
+  const l = s.useCallback(
+    (d) => {
+      var f;
+      if (c) {
+        const m = V(d) ? d(e) : d;
+        m !== e && ((f = u.current) == null || f.call(u, m));
+      } else
+        i(d);
+    },
+    [c, e, i, u]
+  );
+  return [a, l];
+}
+function F({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, o] = s.useState(e), r = s.useRef(n), i = s.useRef(t);
+  return j(() => {
+    i.current = t;
+  }, [t]), s.useEffect(() => {
+    var u;
+    r.current !== n && ((u = i.current) == null || u.call(i, n), r.current = n);
+  }, [n, r]), [n, o, i];
+}
+function V(e) {
+  return typeof e == "function";
+}
+export {
+  G as P,
+  A as a,
+  B as b,
+  q as c,
+  U as d,
+  Z as e,
+  K as f,
+  x as g,
+  J as h,
+  z as i,
+  w as j,
+  C as u
+};

package/dist/index-e3ee9457.js

@@ -0,0 +1,150 @@
+import * as r from "react";
+import { a as R, P as w, b as y, h as _, u as U } from "./index-c0faa594.js";
+import { jsx as T } from "react/jsx-runtime";
+function b(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...n) => {
+    var s;
+    return (s = e.current) == null ? void 0 : s.call(e, ...n);
+  }, []);
+}
+function z(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t);
+  r.useEffect(() => {
+    const s = (i) => {
+      i.key === "Escape" && n(i);
+    };
+    return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
+  }, [n, e]);
+}
+var H = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", K = "dismissableLayer.focusOutside", O, S = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), j = r.forwardRef(
+  (t, e) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: i,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...E
+    } = t, u = r.useContext(S), [c, B] = r.useState(null), f = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = r.useState({}), I = R(e, (o) => B(o)), m = Array.from(u.layers), [W] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), A = m.indexOf(W), P = c ? m.indexOf(c) : -1, N = u.layersWithOutsidePointerEventsDisabled.size > 0, D = P >= A, k = $((o) => {
+      const v = o.target, C = [...u.branches].some((h) => h.contains(v));
+      !D || C || (i == null || i(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f), L = q((o) => {
+      const v = o.target;
+      [...u.branches].some((h) => h.contains(v)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || d == null || d());
+    }, f);
+    return z((o) => {
+      P === u.layers.size - 1 && (s == null || s(o), !o.defaultPrevented && d && (o.preventDefault(), d()));
+    }, f), r.useEffect(() => {
+      if (c)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (O = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), g(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = O);
+        };
+    }, [c, f, n, u]), r.useEffect(() => () => {
+      c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), g());
+    }, [c, u]), r.useEffect(() => {
+      const o = () => F({});
+      return document.addEventListener(p, o), () => document.removeEventListener(p, o);
+    }, []), /* @__PURE__ */ T(
+      w.div,
+      {
+        ...E,
+        ref: I,
+        style: {
+          pointerEvents: N ? D ? "auto" : "none" : void 0,
+          ...t.style
+        },
+        onFocusCapture: y(t.onFocusCapture, L.onFocusCapture),
+        onBlurCapture: y(t.onBlurCapture, L.onBlurCapture),
+        onPointerDownCapture: y(
+          t.onPointerDownCapture,
+          k.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+j.displayName = H;
+var X = "DismissableLayerBranch", Y = r.forwardRef((t, e) => {
+  const n = r.useContext(S), s = r.useRef(null), i = R(e, s);
+  return r.useEffect(() => {
+    const a = s.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ T(w.div, { ...t, ref: i });
+});
+Y.displayName = X;
+function $(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1), i = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !s.current) {
+        let E = function() {
+          x(
+            M,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", i.current), i.current = E, e.addEventListener("click", i.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", i.current);
+      s.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", i.current);
+    };
+  }, [e, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => s.current = !0
+  };
+}
+function q(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = b(t), s = r.useRef(!1);
+  return r.useEffect(() => {
+    const i = (a) => {
+      a.target && !s.current && x(K, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", i), () => e.removeEventListener("focusin", i);
+  }, [e, n]), {
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
+  };
+}
+function g() {
+  const t = new CustomEvent(p);
+  document.dispatchEvent(t);
+}
+function x(t, e, n, { discrete: s }) {
+  const i = n.originalEvent.target, a = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
+  e && i.addEventListener(t, e, { once: !0 }), s ? _(i, a) : i.dispatchEvent(a);
+}
+var G = r[" useId ".trim().toString()] || (() => {
+}), J = 0;
+function Z(t) {
+  const [e, n] = r.useState(G());
+  return U(() => {
+    t || n((s) => s ?? String(J++));
+  }, [t]), t || (e ? `radix-${e}` : "");
+}
+export {
+  j as D,
+  b as a,
+  Z as u
+};

package/dist/libInjectCss.js

@@ -0,0 +1,9 @@
+function d(n, t) {
+  if (typeof window > "u" || document.getElementById(t))
+    return;
+  const e = document.createElement("style");
+  e.id = t, e.textContent = n, document.head.appendChild(e);
+}
+export {
+  d as injectGlobalCSS
+};