react-vector-pdf 0.3.7 → 0.5.0

package/dist/react-vector-pdf.js

@@ -1,70 +1,70 @@
-import A, { createContext as at, useContext as ft, useState as ct } from "react";
-import { jsPDF as tt } from "jspdf";
-var Q = { exports: {} }, $ = {};
-var et;
-function lt() {
-  if (et) return $;
-  et = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(n, o, s) {
-    var a = null;
-    if (s !== void 0 && (a = "" + s), o.key !== void 0 && (a = "" + o.key), "key" in o) {
-      s = {};
-      for (var c in o)
-        c !== "key" && (s[c] = o[c]);
-    } else s = o;
-    return o = s.ref, {
-      $$typeof: i,
-      type: n,
-      key: a,
+import H, { createContext as ft, useContext as ct, useState as lt } from "react";
+import { jsPDF as et } from "jspdf";
+var K = { exports: {} }, J = {};
+var rt;
+function ut() {
+  if (rt) return J;
+  rt = 1;
+  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(i, o, f) {
+    var s = null;
+    if (f !== void 0 && (s = "" + f), o.key !== void 0 && (s = "" + o.key), "key" in o) {
+      f = {};
+      for (var a in o)
+        a !== "key" && (f[a] = o[a]);
+    } else f = o;
+    return o = f.ref, {
+      $$typeof: n,
+      type: i,
+      key: s,
       ref: o !== void 0 ? o : null,
-      props: s
+      props: f
     };
   }
-  return $.Fragment = t, $.jsx = r, $.jsxs = r, $;
+  return J.Fragment = t, J.jsx = r, J.jsxs = r, J;
 }
-var V = {};
-var rt;
-function ut() {
-  return rt || (rt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function i(e) {
+var Q = {};
+var ot;
+function ht() {
+  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === S ? null : e.displayName || e.name || null;
+        return e.$$typeof === A ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case h:
+        case d:
           return "Fragment";
         case X:
           return "Profiler";
-        case O:
+        case F:
           return "StrictMode";
-        case J:
+        case B:
           return "Suspense";
-        case b:
+        case G:
           return "SuspenseList";
-        case W:
+        case T:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case E:
+          case x:
             return "Portal";
-          case U:
-            return e.displayName || "Context";
           case N:
+            return e.displayName || "Context";
+          case j:
             return (e._context.displayName || "Context") + ".Consumer";
-          case B:
-            var l = e.render;
-            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case R:
-            return l = e.displayName || null, l !== null ? l : i(e.type) || "Memo";
-          case P:
-            l = e._payload, e = e._init;
+          case z:
+            var u = e.render;
+            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case q:
+            return u = e.displayName || null, u !== null ? u : n(e.type) || "Memo";
+          case v:
+            u = e._payload, e = e._init;
             try {
-              return i(e(l));
+              return n(e(u));
             } catch {
             }
         }
@@ -76,74 +76,74 @@ function ut() {
     function r(e) {
       try {
         t(e);
-        var l = !1;
+        var u = !1;
       } catch {
-        l = !0;
+        u = !0;
       }
-      if (l) {
-        l = console;
-        var g = l.error, C = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return g.call(
-          l,
+      if (u) {
+        u = console;
+        var h = u.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return h.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          C
+          g
         ), t(e);
       }
     }
-    function n(e) {
-      if (e === h) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === P)
+    function i(e) {
+      if (e === d) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === v)
         return "<...>";
       try {
-        var l = i(e);
-        return l ? "<" + l + ">" : "<...>";
+        var u = n(e);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var e = p.A;
+      var e = O.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function f() {
       return Error("react-stack-top-frame");
     }
-    function a(e) {
-      if (D.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function s(e) {
+      if (E.call(e, "key")) {
+        var u = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function c(e, l) {
-      function g() {
-        T || (T = !0, console.error(
+    function a(e, u) {
+      function h() {
+        Y || (Y = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          l
+          u
         ));
       }
-      g.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: g,
+      h.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: h,
         configurable: !0
       });
     }
-    function u() {
-      var e = i(this.type);
-      return w[e] || (w[e] = !0, console.error(
+    function b() {
+      var e = n(this.type);
+      return D[e] || (D[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function m(e, l, g, C, L, _) {
-      var y = g.ref;
+    function p(e, u, h, g, W, M) {
+      var C = h.ref;
       return e = {
-        $$typeof: j,
+        $$typeof: w,
         type: e,
-        key: l,
-        props: g,
-        _owner: C
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
+        key: u,
+        props: h,
+        _owner: g
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: u
+        get: b
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,125 +158,134 @@ function ut() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: W
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: _
+        value: M
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function f(e, l, g, C, L, _) {
-      var y = l.children;
-      if (y !== void 0)
-        if (C)
-          if (Y(y)) {
-            for (C = 0; C < y.length; C++)
-              x(y[C]);
-            Object.freeze && Object.freeze(y);
+    function l(e, u, h, g, W, M) {
+      var C = u.children;
+      if (C !== void 0)
+        if (g)
+          if (R(C)) {
+            for (g = 0; g < C.length; g++)
+              m(C[g]);
+            Object.freeze && Object.freeze(C);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(y);
-      if (D.call(l, "key")) {
-        y = i(e);
-        var M = Object.keys(l).filter(function(st) {
-          return st !== "key";
+        else m(C);
+      if (E.call(u, "key")) {
+        C = n(e);
+        var L = Object.keys(u).filter(function(V) {
+          return V !== "key";
         });
-        C = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", F[y + C] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", _[C + g] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          g,
           C,
-          y,
-          M,
-          y
-        ), F[y + C] = !0);
+          L,
+          C
+        ), _[C + g] = !0);
       }
-      if (y = null, g !== void 0 && (r(g), y = "" + g), a(l) && (r(l.key), y = "" + l.key), "key" in l) {
-        g = {};
-        for (var K in l)
-          K !== "key" && (g[K] = l[K]);
-      } else g = l;
-      return y && c(
-        g,
+      if (C = null, h !== void 0 && (r(h), C = "" + h), s(u) && (r(u.key), C = "" + u.key), "key" in u) {
+        h = {};
+        for (var k in u)
+          k !== "key" && (h[k] = u[k]);
+      } else h = u;
+      return C && a(
+        h,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), m(
+      ), p(
         e,
-        y,
-        g,
+        C,
+        h,
         o(),
-        L,
-        _
+        W,
+        M
       );
     }
-    function x(e) {
-      d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function m(e) {
+      c(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === v && (e._payload.status === "fulfilled" ? c(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function d(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
+    function c(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === w;
     }
-    var H = A, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), X = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), U = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), J = /* @__PURE__ */ Symbol.for("react.suspense"), b = /* @__PURE__ */ Symbol.for("react.suspense_list"), R = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), W = /* @__PURE__ */ Symbol.for("react.activity"), S = /* @__PURE__ */ Symbol.for("react.client.reference"), p = H.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, Y = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var y = H, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), X = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), N = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), q = /* @__PURE__ */ Symbol.for("react.memo"), v = /* @__PURE__ */ Symbol.for("react.lazy"), T = /* @__PURE__ */ Symbol.for("react.activity"), A = /* @__PURE__ */ Symbol.for("react.client.reference"), O = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, R = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
-    H = {
+    y = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var T, w = {}, k = H.react_stack_bottom_frame.bind(
-      H,
-      s
-    )(), v = z(n(s)), F = {};
-    V.Fragment = h, V.jsx = function(e, l, g) {
-      var C = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return f(
+    var Y, D = {}, P = y.react_stack_bottom_frame.bind(
+      y,
+      f
+    )(), S = I(i(f)), _ = {};
+    Q.Fragment = d, Q.jsx = function(e, u, h) {
+      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return l(
         e,
-        l,
-        g,
+        u,
+        h,
         !1,
-        C ? Error("react-stack-top-frame") : k,
-        C ? z(n(e)) : v
+        g ? Error("react-stack-top-frame") : P,
+        g ? I(i(e)) : S
       );
-    }, V.jsxs = function(e, l, g) {
-      var C = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return f(
+    }, Q.jsxs = function(e, u, h) {
+      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return l(
         e,
-        l,
-        g,
+        u,
+        h,
         !0,
-        C ? Error("react-stack-top-frame") : k,
-        C ? z(n(e)) : v
+        g ? Error("react-stack-top-frame") : P,
+        g ? I(i(e)) : S
       );
     };
-  })()), V;
+  })()), Q;
 }
-var ot;
-function ht() {
-  return ot || (ot = 1, process.env.NODE_ENV === "production" ? Q.exports = lt() : Q.exports = ut()), Q.exports;
+var nt;
+function dt() {
+  return nt || (nt = 1, process.env.NODE_ENV === "production" ? K.exports = ut() : K.exports = ht()), K.exports;
 }
-var I = ht();
-function Z(i) {
-  return !i && i !== 0 ? { top: 0, right: 0, bottom: 0, left: 0 } : typeof i == "number" ? { top: i, right: i, bottom: i, left: i } : { top: i.top ?? 0, right: i.right ?? 0, bottom: i.bottom ?? 0, left: i.left ?? 0 };
+var U = dt();
+function tt(n) {
+  return !n && n !== 0 ? { top: 0, right: 0, bottom: 0, left: 0 } : typeof n == "number" ? { top: n, right: n, bottom: n, left: n } : {
+    top: n.top ?? 0,
+    right: n.right ?? 0,
+    bottom: n.bottom ?? 0,
+    left: n.left ?? 0
+  };
 }
-function G(i) {
-  const t = i.replace("#", "");
+function Z(n) {
+  const t = n.replace("#", "");
   if (t.length === 3) {
-    const r = parseInt(t[0] + t[0], 16), n = parseInt(t[1] + t[1], 16), o = parseInt(t[2] + t[2], 16);
-    return [r, n, o];
+    const r = parseInt(t[0] + t[0], 16), i = parseInt(t[1] + t[1], 16), o = parseInt(t[2] + t[2], 16);
+    return [r, i, o];
   }
   if (t.length === 6) {
-    const r = parseInt(t.slice(0, 2), 16), n = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
-    return [r, n, o];
+    const r = parseInt(t.slice(0, 2), 16), i = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
+    return [r, i, o];
+  }
+  if (t.length === 8) {
+    const r = parseInt(t.slice(0, 2), 16), i = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16), f = parseInt(t.slice(6, 8), 16) / 255;
+    return [r, i, o, f];
   }
   return null;
 }
-function nt(i, t = !0) {
-  if (i <= 0) return String(i);
+function it(n, t = !0) {
+  if (n <= 0) return String(n);
   const r = [
     [1e3, "M"],
     [900, "CM"],
@@ -292,23 +301,26 @@ function nt(i, t = !0) {
     [4, "IV"],
     [1, "I"]
   ];
-  let n = i, o = "";
-  for (const [s, a] of r)
-    for (; n >= s; )
-      o += a, n -= s;
+  let i = n, o = "";
+  for (const [f, s] of r)
+    for (; i >= f; )
+      o += s, i -= f;
   return t ? o : o.toLowerCase();
 }
-class dt {
+function st(n, t) {
+  return !t || t === "all" ? !0 : t === "first-only" ? n === 1 : t === "except-first" ? n > 1 : Array.isArray(t) ? t.includes(n) : !0;
+}
+class gt {
   constructor(t = {}) {
     this.cursorX = 0, this.cursorY = 0, this.contentWidth = 0, this.margin = { top: 15, right: 15, bottom: 15, left: 15 }, this.defaultFont = {
       name: void 0,
       style: "normal",
       size: 12
-    }, this.defaultColor = "#111827", this.defaultLineHeight = 1.25, this.pendingTasks = /* @__PURE__ */ new Set(), this.opQueue = Promise.resolve(), this.generation = 0, this.options = t, this.margin = t.margin ?? this.margin, this.defaultFont = {
+    }, this.defaultColor = "#111827", this.defaultLineHeight = 1.25, this.pendingTasks = /* @__PURE__ */ new Set(), this.opQueue = Promise.resolve(), this.generation = 0, this.recurringItems = [], this.options = t, this.margin = t.margin ?? this.margin, this.defaultFont = {
       name: t.font?.name,
       style: t.font?.style ?? "normal",
       size: t.font?.size ?? 12
-    }, this.defaultColor = t.color ?? this.defaultColor, this.defaultLineHeight = t.lineHeight ?? this.defaultLineHeight, this.pdf = new tt({
+    }, this.defaultColor = t.color ?? this.defaultColor, this.defaultLineHeight = t.lineHeight ?? this.defaultLineHeight, this.pdf = new et({
       unit: t.unit ?? "mm",
       format: t.format ?? "a4",
       orientation: t.orientation ?? "p"
@@ -351,14 +363,15 @@ class dt {
     this.cursorX = this.margin.left, this.cursorY = this.margin.top, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right;
   }
   reset() {
-    if (this.pdf = new tt({
+    if (this.pdf = new et({
       unit: this.options.unit ?? "mm",
       format: this.options.format ?? "a4",
       orientation: this.options.orientation ?? "p"
     }), this.generation++, this.cursorX = 0, this.cursorY = 0, this.pendingTasks = /* @__PURE__ */ new Set(), this.opQueue = Promise.resolve(), this.resetFlowCursor(), this.applyBaseFont(), this.options.color) {
-      const t = G(this.options.color);
+      const t = Z(this.options.color);
       t && this.pdf.setTextColor(...t);
     }
+    this.recurringItems = [];
   }
   setHeaderFooter(t, r) {
     this.headerDrawer = t, this.footerDrawer = r;
@@ -366,14 +379,30 @@ class dt {
   applyBaseFont() {
     const t = this.defaultFont.name ?? this.pdf.getFont().fontName;
     this.pdf.setFont(t, this.defaultFont.style), this.pdf.setFontSize(this.defaultFont.size);
-    const r = G(this.defaultColor);
+    const r = Z(this.defaultColor);
     r && this.pdf.setTextColor(...r);
   }
   addPage() {
     this.pdf.addPage(), this.resetFlowCursor();
+    const t = this.getPageCount();
+    for (const r of this.recurringItems)
+      st(t, r.scope) && (r.draw(), r.y + r.height > this.cursorY && (this.cursorY = r.y + r.height));
   }
   ensureSpace(t) {
-    this.cursorY + t > this.contentBottom && this.addPage();
+    if (this.cursorY + t > this.contentBottom) {
+      this.addPage();
+      return;
+    }
+    const r = this.getPageCount();
+    let i = !0;
+    for (; i; ) {
+      i = !1;
+      for (const o of this.recurringItems)
+        if (st(r, o.scope) && this.cursorY < o.y + o.height && this.cursorY + t > o.y && (this.cursorY = o.y + o.height, i = !0, this.cursorY + t > this.contentBottom)) {
+          this.addPage();
+          return;
+        }
+    }
   }
   setTextStyle(t) {
     if (t) {
@@ -382,61 +411,67 @@ class dt {
         this.pdf.setFont(r, t.fontStyle);
       }
       if (t.color) {
-        const r = G(t.color);
-        r && this.pdf.setTextColor(...r);
+        const r = Z(t.color);
+        r && (this.pdf.setTextColor(r[0], r[1], r[2]), r[3] !== void 0 ? this.pdf.setGState(
+          new this.pdf.GState({ opacity: r[3] })
+        ) : this.pdf.setGState(new this.pdf.GState({ opacity: 1 })));
       }
     }
   }
-  textRaw(t, r, n, o, s, a = "left") {
+  textRaw(t, r, i, o, f, s = "left") {
     this.setTextStyle(o);
-    const c = { align: a };
-    typeof s == "number" && (c.maxWidth = s), this.pdf.text(t, r, n, c), this.applyBaseFont();
-  }
-  box(t, r, n, o, s) {
-    const a = s ?? {};
-    if (a.fillColor) {
-      const c = G(a.fillColor);
-      c && this.pdf.setFillColor(...c), this.pdf.rect(t, r, n, o, "F");
+    const a = { align: s };
+    typeof f == "number" && (a.maxWidth = f), this.pdf.text(t, r, i, a), this.applyBaseFont();
+  }
+  box(t, r, i, o, f) {
+    const s = f ?? {};
+    if (s.fillColor) {
+      const a = Z(s.fillColor);
+      a && (a[3] !== void 0 && this.pdf.setGState(
+        new this.pdf.GState({ opacity: a[3] })
+      ), this.pdf.setFillColor(a[0], a[1], a[2]), this.pdf.rect(t, r, i, o, "F"), a[3] !== void 0 && this.pdf.setGState(new this.pdf.GState({ opacity: 1 })));
     }
-    if (a.borderWidth || a.borderColor) {
-      if (a.borderWidth && this.pdf.setLineWidth(a.borderWidth), a.borderColor) {
-        const c = G(a.borderColor);
-        c && this.pdf.setDrawColor(...c);
+    if (s.borderWidth || s.borderColor) {
+      if (s.borderWidth && this.pdf.setLineWidth(s.borderWidth), s.borderColor) {
+        const a = Z(s.borderColor);
+        a && (a[3] !== void 0 && this.pdf.setGState(
+          new this.pdf.GState({ opacity: a[3] })
+        ), this.pdf.setDrawColor(a[0], a[1], a[2]));
       }
-      this.pdf.rect(t, r, n, o), this.pdf.setLineWidth(0.2), this.pdf.setDrawColor(0, 0, 0);
+      this.pdf.rect(t, r, i, o), this.pdf.setLineWidth(0.2), this.pdf.setDrawColor(0, 0, 0), this.pdf.setGState(new this.pdf.GState({ opacity: 1 }));
     }
   }
-  line(t, r, n, o) {
-    this.pdf.line(t, r, n, o);
+  line(t, r, i, o) {
+    this.pdf.line(t, r, i, o);
   }
   async imageFromUrl(t, r = {}) {
-    const n = (async () => {
+    const i = (async () => {
       try {
-        const { dataUrl: o, width: s, height: a } = await this.loadImageAsDataURL(t), c = 0.264583, u = s * c, m = a * c;
-        let f = r.w, x = r.h;
-        f === void 0 && x === void 0 ? (f = u, x = m) : f === void 0 && x !== void 0 ? f = x * (u / m) : x === void 0 && f !== void 0 && (x = f * (m / u));
-        const d = f ?? u, H = x ?? m;
-        let j = r.x, E = r.y ?? this.cursorY;
-        if (r.y === void 0 && E + H > this.contentBottom && (this.addPage(), E = this.cursorY), j === void 0) {
-          const h = r.align ?? "left";
-          h === "left" ? j = this.contentLeft : h === "center" ? j = (this.contentLeft + this.contentRight) / 2 - d / 2 : h === "right" && (j = this.contentRight - d);
+        const { dataUrl: o, width: f, height: s } = await this.loadImageAsDataURL(t), a = 0.264583, b = f * a, p = s * a;
+        let l = r.w, m = r.h;
+        l === void 0 && m === void 0 ? (l = b, m = p) : l === void 0 && m !== void 0 ? l = m * (b / p) : m === void 0 && l !== void 0 && (m = l * (p / b));
+        const c = l ?? b, y = m ?? p;
+        let w = r.x, x = r.y ?? this.cursorY;
+        if (r.y === void 0 && x + y > this.contentBottom && (this.addPage(), x = this.cursorY), w === void 0) {
+          const d = r.align ?? "left";
+          d === "left" ? w = this.contentLeft : d === "center" ? w = (this.contentLeft + this.contentRight) / 2 - c / 2 : d === "right" && (w = this.contentRight - c);
         }
         return this.pdf.addImage(
           o,
           r.mime ?? "PNG",
-          j,
-          E,
-          d,
-          H
-        ), { width: d, height: H, x: j, y: E };
+          w,
+          x,
+          c,
+          y
+        ), { width: c, height: y, x: w, y: x };
       } catch (o) {
         return console.error("Failed to load image", t, o), { width: 0, height: 0, x: 0, y: 0 };
       }
     })();
-    return this.registerTask(n), n;
+    return this.registerTask(i), i;
   }
   queueOperation(t) {
-    const r = this.generation, n = this.opQueue.then(async () => {
+    const r = this.generation, i = this.opQueue.then(async () => {
       if (this.generation === r)
         try {
           await t();
@@ -444,7 +479,7 @@ class dt {
           console.error("Operation failed", o);
         }
     });
-    this.opQueue = n, this.registerTask(n);
+    this.opQueue = i, this.registerTask(i);
   }
   registerTask(t) {
     this.pendingTasks.add(t), t.finally(() => {
@@ -455,31 +490,31 @@ class dt {
     await Promise.all(this.pendingTasks), await this.opQueue;
   }
   loadImageAsDataURL(t) {
-    return new Promise((r, n) => {
+    return new Promise((r, i) => {
       const o = new Image();
       o.crossOrigin = "anonymous", o.onload = () => {
-        const s = document.createElement("canvas");
-        s.width = o.width, s.height = o.height;
-        const a = s.getContext("2d");
-        if (!a) return n(new Error("Canvas 2D context not available"));
-        a.drawImage(o, 0, 0), r({
-          dataUrl: s.toDataURL("image/png"),
+        const f = document.createElement("canvas");
+        f.width = o.width, f.height = o.height;
+        const s = f.getContext("2d");
+        if (!s) return i(new Error("Canvas 2D context not available"));
+        s.drawImage(o, 0, 0), r({
+          dataUrl: f.toDataURL("image/png"),
           width: o.width,
           height: o.height
         });
-      }, o.onerror = (s) => n(s), o.src = t;
+      }, o.onerror = (f) => i(f), o.src = t;
     });
   }
-  paragraph(t, r, n) {
-    const o = n ?? this.contentWidth;
+  paragraph(t, r, i) {
+    const o = i ?? this.contentWidth;
     this.setTextStyle(r);
-    const s = r?.lineHeight ?? this.defaultLineHeight, a = r?.fontSize ?? this.defaultFont.size, c = a * s * 0.3528, u = this.pdf.splitTextToSize(t, o), m = r?.align ?? "left";
-    let f = 0;
-    return u.forEach((x) => {
-      this.cursorY + c > this.contentBottom && this.addPage();
-      const d = this.cursorY + a * 0.3528;
-      this.pdf.text(x, this.cursorX, d, { align: m, maxWidth: o }), this.cursorY += c, f += c;
-    }), this.cursorY += 1, this.applyBaseFont(), f;
+    const f = r?.lineHeight ?? this.defaultLineHeight, s = r?.fontSize ?? this.defaultFont.size, a = s * f * 0.3528, b = this.pdf.splitTextToSize(t, o), p = r?.align ?? "left";
+    let l = 0;
+    return b.forEach((m) => {
+      this.cursorY + a > this.contentBottom && this.addPage();
+      const c = this.cursorY + s * 0.3528;
+      this.pdf.text(m, this.cursorX, c, { align: p, maxWidth: o }), this.cursorY += a, l += a;
+    }), this.cursorY += 1, this.applyBaseFont(), l;
   }
   moveCursor(t, r) {
     this.cursorX += t, this.cursorY += r;
@@ -493,6 +528,9 @@ class dt {
   getPageCount() {
     return this.pdf.getNumberOfPages();
   }
+  registerRecurringItem(t) {
+    this.recurringItems.push(t);
+  }
   applyHeaderFooter() {
     const t = this.getPageCount();
     if (!(!this.headerDrawer && !this.footerDrawer)) {
@@ -501,18 +539,18 @@ class dt {
       this.pdf.setPage(t);
     }
   }
-  measureText(t, r, n) {
+  measureText(t, r, i) {
     this.setTextStyle(r);
-    const o = r?.fontSize ?? this.defaultFont.size, s = r?.lineHeight ?? this.defaultLineHeight, a = o * s * 0.3528;
-    if (n) {
-      const c = this.pdf.splitTextToSize(t, n);
+    const o = r?.fontSize ?? this.defaultFont.size, f = r?.lineHeight ?? this.defaultLineHeight, s = o * f * 0.3528;
+    if (i) {
+      const a = this.pdf.splitTextToSize(t, i);
       return {
-        width: n,
-        height: c.length * a
+        width: i,
+        height: a.length * s
       };
     } else {
-      const c = this.pdf.getTextDimensions(t);
-      return { width: c.w, height: c.h };
+      const a = this.pdf.getTextDimensions(t);
+      return { width: a.w, height: a.h };
     }
   }
   setMetadata(t) {
@@ -527,177 +565,176 @@ class dt {
     return this.applyHeaderFooter(), this.pdf.output("bloburl");
   }
 }
-const it = at(null), q = () => {
-  const i = ft(it);
-  if (!i) throw new Error("usePdf must be used within <PdfDocument>");
-  return i;
-}, gt = ({
-  options: i,
+const at = ft(null), $ = () => {
+  const n = ct(at);
+  if (!n) throw new Error("usePdf must be used within <PdfDocument>");
+  return n;
+}, pt = ({
+  options: n,
   header: t,
   footer: r,
-  pageNumbers: n,
+  pageNumbers: i,
   centerLabel: o,
-  metadata: s,
-  children: a,
-  onReady: c,
-  filename: u,
-  autoSave: m = !1
+  metadata: f,
+  children: s,
+  onReady: a,
+  filename: b,
+  autoSave: p = !1
 }) => {
-  const f = A.useMemo(() => new dt(i), [i]);
-  return A.useEffect(() => {
-    s && f.setMetadata(s);
-  }, [f, s]), A.useEffect(() => {
-    const x = (E, h) => !h || h === "all" ? !0 : h === "first-only" ? E === 1 : h === "except-first" ? E > 1 : Array.isArray(h) ? h.includes(E) : !0, d = (E, h) => h === "roman-upper" ? nt(E, !0) : h === "roman-lower" ? nt(E, !1) : String(E), H = (E, h, O) => {
-      if (!n?.enabled || !x(h, n.scope)) return;
-      const X = n.preset ?? "page-slash-total", U = (n.template ?? (X === "page-slash-total" ? "Page {page}/{total}" : X === "page-of-total" ? "Page {page} of {total}" : "{page}/{total}")).replace("{page}", d(h, n.format)).replace("{total}", d(O, n.format)), B = n.align ?? "right", J = B === "left" ? f.contentLeft + (n.offsetX ?? 0) : B === "right" ? f.contentRight - (n.offsetX ?? 0) : (f.contentLeft + f.contentRight) / 2 + (n.offsetX ?? 0), b = E === "header" ? 10 : f.height - 7, R = typeof n.y == "number" ? n.y : b;
-      f.textRaw(U, J, R, n.style, void 0, B);
-    }, j = (E, h, O) => {
-      if (!o?.enabled || !x(h, o.scope)) return;
-      const X = "center", N = (f.contentLeft + f.contentRight) / 2 + (o.offsetX ?? 0), U = E === "header" ? 10 : f.height - 7, B = typeof o.y == "number" ? o.y : U;
-      f.textRaw(
+  const l = H.useMemo(() => new gt(n), [n]);
+  return H.useEffect(() => {
+    f && l.setMetadata(f);
+  }, [l, f]), H.useEffect(() => {
+    const m = (x, d) => !d || d === "all" ? !0 : d === "first-only" ? x === 1 : d === "except-first" ? x > 1 : Array.isArray(d) ? d.includes(x) : !0, c = (x, d) => d === "roman-upper" ? it(x, !0) : d === "roman-lower" ? it(x, !1) : String(x), y = (x, d, F) => {
+      if (!i?.enabled || !m(d, i.scope)) return;
+      const X = i.preset ?? "page-slash-total", N = (i.template ?? (X === "page-slash-total" ? "Page {page}/{total}" : X === "page-of-total" ? "Page {page} of {total}" : "{page}/{total}")).replace("{page}", c(d, i.format)).replace("{total}", c(F, i.format)), z = i.align ?? "right", B = z === "left" ? l.contentLeft + (i.offsetX ?? 0) : z === "right" ? l.contentRight - (i.offsetX ?? 0) : (l.contentLeft + l.contentRight) / 2 + (i.offsetX ?? 0), G = x === "header" ? 10 : l.height - 7, q = typeof i.y == "number" ? i.y : G;
+      l.textRaw(N, B, q, i.style, void 0, z);
+    }, w = (x, d, F) => {
+      if (!o?.enabled || !m(d, o.scope)) return;
+      const X = "center", j = (l.contentLeft + l.contentRight) / 2 + (o.offsetX ?? 0), N = x === "header" ? 10 : l.height - 7, z = typeof o.y == "number" ? o.y : N;
+      l.textRaw(
         o.text,
-        N,
-        B,
+        j,
+        z,
         o.style,
         void 0,
         X
       );
     };
-    return f.setHeaderFooter(
-      (E, h, O) => {
-        t && t(f, h, O), n?.position === "header" && H("header", h, O), o?.position === "header" && j("header", h);
+    return l.setHeaderFooter(
+      (x, d, F) => {
+        t && t(l, d, F), i?.position === "header" && y("header", d, F), o?.position === "header" && w("header", d);
       },
-      (E, h, O) => {
-        n?.position === "footer" && H("footer", h, O), r && r(f, h, O), o?.position === "footer" && j("footer", h);
+      (x, d, F) => {
+        i?.position === "footer" && y("footer", d, F), r && r(l, d, F), o?.position === "footer" && w("footer", d);
       }
-    ), f.waitForTasks().then(() => {
-      c?.(f);
+    ), l.waitForTasks().then(() => {
+      a?.(l);
     }), () => {
-      f.reset();
+      l.reset();
     };
-  }, [f]), A.useEffect(() => {
-    m && u && f.save(u);
-  }, [m, u]), /* @__PURE__ */ I.jsx(it.Provider, { value: f, children: a });
-}, xt = ({
-  x: i,
-  y: t,
-  w: r,
-  h: n,
-  children: o,
-  ...s
-}) => {
-  const a = q(), c = Z(s.padding), u = {
-    top: s.paddingTop ?? c.top,
-    right: s.paddingRight ?? c.right,
-    bottom: s.paddingBottom ?? c.bottom,
-    left: s.paddingLeft ?? c.left
-  }, m = A.useRef(
-    {}
-  ).current;
-  return typeof i == "number" && typeof t == "number" && typeof r == "number" && typeof n == "number" ? (A.useEffect(() => {
-    a.queueOperation(() => {
-      a.box(i, t, r, n, s);
-    });
-  }, [a, i, t, r, n]), /* @__PURE__ */ I.jsx(A.Fragment, { children: o })) : (A.useEffect(() => {
-    a.queueOperation(() => {
-      const f = a.getCursor();
-      m.start = { ...f };
-      const x = f.x + u.left, d = f.y + u.top;
-      a.setCursor(x, d);
-    });
-  }, [a]), /* @__PURE__ */ I.jsxs(A.Fragment, { children: [
-    o,
-    /* @__PURE__ */ I.jsx(pt, { boxState: m, pad: u, style: s })
-  ] }));
-}, pt = ({ boxState: i, style: t, pad: r }) => {
-  const n = q();
-  return A.useEffect(() => {
-    n.queueOperation(() => {
-      const o = i.start;
-      if (!o) return;
-      const s = n.getCursor(), c = Math.max(s.y - o.y - r.top, 0) + r.top + r.bottom;
-      n.box(o.x, o.y, n.contentAreaWidth, c, t), n.setCursor(o.x, o.y + c);
-    });
-  }, [n]), null;
-}, Rt = ({
-  src: i,
+  }, [l]), H.useEffect(() => {
+    p && b && l.save(b);
+  }, [p, b]), /* @__PURE__ */ U.jsx(at.Provider, { value: l, children: s });
+}, St = ({
+  src: n,
   x: t,
   y: r,
-  w: n,
+  w: i,
   h: o,
-  mime: s = "PNG",
-  flow: a,
-  align: c = "left"
+  mime: f = "PNG",
+  flow: s,
+  layout: a,
+  sizing: b,
+  align: p = "left",
+  showInAllPages: l,
+  scope: m
 }) => {
-  const u = q();
-  return A.useEffect(() => {
-    const m = a === !0 || t === void 0 && r === void 0, f = t, x = r;
-    u.queueOperation(async () => {
-      const d = await u.imageFromUrl(i, {
-        x: f,
-        y: x,
-        w: n,
-        h: o,
-        mime: s,
-        align: c
+  const c = $();
+  return H.useEffect(() => {
+    const y = a === "flow" || s === !0 || t === void 0 && r === void 0 && a !== "fixed";
+    let w = i;
+    b === "fill" && (w = c.contentAreaWidth);
+    const x = t, d = r;
+    c.queueOperation(async () => {
+      const F = c.getCursor(), j = await (async (N, z) => {
+        const B = x, G = d;
+        return await c.imageFromUrl(n, {
+          x: B,
+          y: G,
+          w,
+          h: o,
+          mime: f,
+          align: p
+        });
+      })();
+      y && j && c.moveCursor(0, j.height + 2), l && j && c.registerRecurringItem({
+        draw: () => {
+          c.queueOperation(async () => {
+            y && c.setCursor(F.x, F.y), await c.imageFromUrl(n, {
+              x,
+              y: y ? F.y : d,
+              w,
+              h: o,
+              mime: f,
+              align: p
+            });
+          });
+        },
+        scope: m ?? "all",
+        y: y ? F.y : d ?? 0,
+        height: j.height + 2
       });
-      m && d && u.moveCursor(0, d.height + 2);
     });
-  }, [u, i, t, r, n, o, s, a, c]), null;
-}, Tt = ({
-  items: i,
+  }, [
+    c,
+    n,
+    t,
+    r,
+    i,
+    o,
+    f,
+    s,
+    a,
+    b,
+    p,
+    l,
+    m
+  ]), null;
+}, Rt = ({
+  items: n,
   ordered: t = !1,
   style: r,
-  indent: n = 5,
+  indent: i = 5,
   markerWidth: o = 5,
-  spacing: s = 2
+  spacing: f = 2
 }) => {
-  const a = q();
-  return A.useEffect(() => {
-    a.queueOperation(() => {
-      i.forEach((c, u) => {
-        const m = t ? `${u + 1}.` : "•", f = a.getCursor().y, x = a.getCursor().x, d = x + n + o, H = r?.fontSize ?? a.baseFont.size, j = f + H * 0.3528;
-        a.textRaw(
-          m,
-          x + n,
-          j,
+  const s = $();
+  return H.useEffect(() => {
+    s.queueOperation(() => {
+      n.forEach((a, b) => {
+        const p = t ? `${b + 1}.` : "•", l = s.getCursor().y, m = s.getCursor().x, c = m + i + o, y = r?.fontSize ?? s.baseFont.size, w = l + y * 0.3528;
+        s.textRaw(
+          p,
+          m + i,
+          w,
           r,
           o,
           "right"
-        ), a.setCursor(d, f);
-        const E = a.contentRight - d;
-        a.paragraph(c, r, E);
-        const h = a.getCursor().y;
-        a.setCursor(x, h + s);
+        ), s.setCursor(c, l);
+        const x = s.contentRight - c;
+        s.paragraph(a, r, x);
+        const d = s.getCursor().y;
+        s.setCursor(m, d + f);
       });
     });
-  }, [a, i, t, r, n, o, s]), null;
-}, Ct = ({
-  width: i = "100%",
-  height: t = "500px",
+  }, [s, n, t, r, i, o, f]), null;
+}, xt = ({
+  width: n = "inherit",
+  height: t = "inherit",
   className: r,
-  style: n,
+  style: i,
   iframeClassName: o,
-  iframeStyle: s,
-  ...a
+  iframeStyle: f,
+  ...s
 }) => {
-  const [c, u] = ct(null), m = (f) => {
-    const x = f.getBlobUrl();
-    u(x.toString());
+  const [a, b] = lt(null), p = (l) => {
+    const m = l.getBlobUrl();
+    b(m.toString());
   };
-  return /* @__PURE__ */ I.jsxs("div", { className: r, style: { width: i, height: t, ...n }, children: [
-    /* @__PURE__ */ I.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ I.jsx(gt, { ...a, onReady: m, autoSave: !1, children: a.children }) }),
-    c ? /* @__PURE__ */ I.jsx(
+  return /* @__PURE__ */ U.jsxs("div", { className: r, style: { width: n, height: t, ...i }, children: [
+    /* @__PURE__ */ U.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ U.jsx(pt, { ...s, onReady: p, autoSave: !1, children: s.children }) }),
+    a ? /* @__PURE__ */ U.jsx(
       "iframe",
       {
-        src: c,
+        src: a,
         width: "100%",
         height: "100%",
         className: o,
-        style: { border: "none", ...s },
+        style: { border: "none", ...f },
         title: "PDF Preview"
       }
-    ) : /* @__PURE__ */ I.jsx(
+    ) : /* @__PURE__ */ U.jsx(
       "div",
       {
         style: {
@@ -713,256 +750,297 @@ const it = at(null), q = () => {
       }
     )
   ] });
-}, Et = ({
-  data: i,
+}, Ct = ({
+  data: n,
   columns: t,
   width: r = "100%",
-  borderWidth: n = 0.1,
+  borderWidth: i = 0.1,
   borderColor: o = "#000000",
-  cellPadding: s = 2,
-  headerStyle: a,
-  rowStyle: c,
-  alternateRowStyle: u,
-  headerHeight: m
+  cellPadding: f = 2,
+  headerStyle: s,
+  rowStyle: a,
+  alternateRowStyle: b,
+  headerHeight: p,
+  repeatHeader: l = !0,
+  striped: m = !1
 }) => {
-  const f = q();
-  return A.useEffect(() => {
-    f.queueOperation(() => {
-      const x = typeof r == "number" ? r : parseFloat(r) / 100 * f.contentAreaWidth, d = t.map((b) => typeof b.width == "number" ? b.width : typeof b.width == "string" && b.width.endsWith("%") ? parseFloat(b.width) / 100 * x : 0), H = d.reduce((b, R) => b + R, 0), j = Math.max(0, x - H), E = d.filter((b) => b === 0).length;
-      if (E > 0) {
-        const b = j / E;
-        for (let R = 0; R < d.length; R++)
-          d[R] === 0 && (d[R] = b);
+  const c = $();
+  return H.useEffect(() => {
+    c.queueOperation(() => {
+      const y = typeof r == "number" ? r : parseFloat(r) / 100 * c.contentAreaWidth, w = t.map((v) => typeof v.width == "number" ? v.width : typeof v.width == "string" && v.width.endsWith("%") ? parseFloat(v.width) / 100 * y : 0), x = w.reduce((v, T) => v + T, 0), d = Math.max(0, y - x), F = w.filter((v) => v === 0).length;
+      if (F > 0) {
+        const v = d / F;
+        for (let T = 0; T < w.length; T++)
+          w[T] === 0 && (w[T] = v);
       }
-      const h = (b, R, P, W, S, p, D = "left", Y = !0) => {
-        Y && f.box(R, P, W, S, {
-          borderColor: p.borderColor ?? o,
-          borderWidth: p.borderWidth ?? n,
-          fillColor: p.fillColor
+      const X = (v, T, A, O, E, R, I = "left", Y = !0) => {
+        Y && c.box(T, A, O, E, {
+          borderColor: R.borderColor ?? o,
+          borderWidth: R.borderWidth ?? i,
+          fillColor: R.fillColor
         });
-        const z = Z(p.padding ?? s), T = {
-          top: p.paddingTop ?? z.top,
-          right: p.paddingRight ?? z.right,
-          bottom: p.paddingBottom ?? z.bottom,
-          left: p.paddingLeft ?? z.left
-        }, w = W - T.left - T.right, k = f.instance.splitTextToSize(b, w, p), v = (p.fontSize ?? f.baseFont.size) * (p.lineHeight ?? f.baseLineHeight) * 0.3528, F = (p.fontSize ?? f.baseFont.size) * 0.3528, e = k.length * v, l = S - T.top - T.bottom;
-        let g = 0;
-        p.verticalAlign === "middle" ? g = Math.max(0, (l - e) / 2) : p.verticalAlign === "bottom" && (g = Math.max(0, l - e));
-        let C = P + T.top + g + F;
-        const L = p.align ?? D, _ = f.getCursor();
-        k.forEach((y) => {
-          let M = R + T.left;
-          L === "center" ? M = R + W / 2 : L === "right" && (M = R + W - T.right), f.textRaw(y, M, C, p, void 0, L), C += v;
-        }), f.setCursor(_.x, _.y);
+        const D = tt(R.padding ?? f), P = {
+          top: R.paddingTop ?? D.top,
+          right: R.paddingRight ?? D.right,
+          bottom: R.paddingBottom ?? D.bottom,
+          left: R.paddingLeft ?? D.left
+        }, S = O - P.left - P.right, _ = c.instance.splitTextToSize(v, S, R), e = (R.fontSize ?? c.baseFont.size) * (R.lineHeight ?? c.baseLineHeight) * 0.3528, u = (R.fontSize ?? c.baseFont.size) * 0.3528, h = _.length * e, g = E - P.top - P.bottom;
+        let W = 0;
+        R.verticalAlign === "middle" ? W = Math.max(0, (g - h) / 2) : R.verticalAlign === "bottom" && (W = Math.max(0, g - h));
+        let M = A + P.top + W + u;
+        const C = R.align ?? I, L = c.getCursor();
+        _.forEach((k) => {
+          let V = T + P.left;
+          C === "center" ? V = T + O / 2 : C === "right" && (V = T + O - P.right), c.textRaw(k, V, M, R, void 0, C), M += e;
+        }), c.setCursor(L.x, L.y);
       };
-      let O = f.getCursor().y;
-      const X = f.getCursor().x, N = m ?? 10;
-      O + N > f.contentBottom && (f.addPage(), O = f.getCursor().y);
-      let U = X;
-      t.forEach((b, R) => {
-        const P = d[R];
-        h(
-          b.header ?? "",
-          U,
-          O,
-          P,
-          N,
-          a ?? { fontStyle: "bold" },
-          b.align ?? "left"
-        ), U += P;
-      }), O += N, f.setCursor(X, O);
-      const B = (b, R, P) => {
-        const W = Z(s), S = {
-          top: P.paddingTop ?? W.top,
-          right: P.paddingRight ?? W.right,
-          bottom: P.paddingBottom ?? W.bottom,
-          left: P.paddingLeft ?? W.left
-        }, p = R - S.left - S.right;
-        return f.measureText(b, P, p).height + S.top + S.bottom;
+      let j = c.getCursor().y;
+      const N = c.getCursor().x, z = p ?? 10;
+      j + z > c.contentBottom && (c.addPage(), j = c.getCursor().y);
+      let B = N;
+      t.forEach((v, T) => {
+        const A = w[T];
+        X(
+          v.header ?? "",
+          B,
+          j,
+          A,
+          z,
+          s ?? { fontStyle: "bold" },
+          v.align ?? "left"
+        ), B += A;
+      }), j += z, c.setCursor(N, j);
+      const G = (v, T, A) => {
+        const O = tt(f), E = {
+          top: A.paddingTop ?? O.top,
+          right: A.paddingRight ?? O.right,
+          bottom: A.paddingBottom ?? O.bottom,
+          left: A.paddingLeft ?? O.left
+        }, R = T - E.left - E.right;
+        return c.measureText(v, A, R).height + E.top + E.bottom;
       };
       new Array(t.length).fill(0), (() => {
-        const b = new Array(i.length).fill(0);
-        for (let S = 0; S < i.length; S++) {
-          const p = i[S];
-          let D = 0;
+        const v = new Array(n.length).fill(0);
+        for (let E = 0; E < n.length; E++) {
+          const R = n[E];
+          let I = 0;
           for (let Y = 0; Y < t.length; Y++) {
-            const z = t[Y], T = typeof z.accessor == "function" ? z.accessor(p) : p[z.accessor];
-            let w = "", k = c, v = 1, F = 1;
-            if (T && typeof T == "object" && T.content !== void 0 ? (w = String(T.content), T.style && (k = T.style), T.colSpan && (v = T.colSpan), T.rowSpan && (F = T.rowSpan)) : w = String(T ?? ""), F > 1) {
-              Y += v - 1;
+            const D = t[Y], P = typeof D.accessor == "function" ? D.accessor(R) : R[D.accessor];
+            let S = "", _ = a, e = 1, u = 1;
+            if (P && typeof P == "object" && P.content !== void 0 ? (S = String(P.content), P.style && (_ = P.style), P.colSpan && (e = P.colSpan), P.rowSpan && (u = P.rowSpan)) : S = String(P ?? ""), u > 1) {
+              Y += e - 1;
               continue;
             }
-            let e = d[Y];
-            for (let g = 1; g < v; g++)
-              Y + g < d.length && (e += d[Y + g]);
-            const l = B(w, e, k ?? {});
-            l > D && (D = l), Y += v - 1;
+            let h = w[Y];
+            for (let W = 1; W < e; W++)
+              Y + W < w.length && (h += w[Y + W]);
+            const g = G(S, h, _ ?? {});
+            g > I && (I = g), Y += e - 1;
           }
-          D < 8 && (D = 8), b[S] = D;
+          I < 8 && (I = 8), v[E] = I;
         }
-        let R = O;
-        const P = new Array(t.length).fill(0), W = f.getCursor().x;
-        for (let S = 0; S < i.length; S++) {
-          const p = i[S], D = b[S];
-          let Y = D;
-          for (let w = 0; w < t.length; w++) {
-            const k = t[w], v = typeof k.accessor == "function" ? k.accessor(p) : p[k.accessor];
-            let F = 1;
-            if (v && typeof v == "object" && v.rowSpan && (F = v.rowSpan), F > 1) {
-              let e = 0;
-              for (let l = 0; l < F; l++)
-                S + l < b.length && (e += b[S + l]);
-              e > Y && (Y = e);
+        let T = j;
+        const A = new Array(t.length).fill(0), O = c.getCursor().x;
+        for (let E = 0; E < n.length; E++) {
+          const R = n[E], I = v[E];
+          let Y = I;
+          for (let S = 0; S < t.length; S++) {
+            const _ = t[S], e = typeof _.accessor == "function" ? _.accessor(R) : R[_.accessor];
+            let u = 1;
+            if (e && typeof e == "object" && e.rowSpan && (u = e.rowSpan), u > 1) {
+              let h = 0;
+              for (let g = 0; g < u; g++)
+                E + g < v.length && (h += v[E + g]);
+              h > Y && (Y = h);
             }
           }
-          const z = Math.abs(R - (f.contentTop + (m ?? 10))) < 1;
-          if (R + Y > f.contentBottom && !z && (f.addPage(), R = f.getCursor().y, m !== 0)) {
-            let w = W;
-            t.forEach((k, v) => {
-              const F = d[v];
-              h(
-                k.header ?? "",
-                w,
-                R,
-                F,
-                m ?? 10,
-                a ?? { fontStyle: "bold" },
-                k.align ?? "left"
-              ), w += F;
-            }), R += m ?? 10;
+          const D = Math.abs(T - (c.contentTop + (p ?? 10))) < 1;
+          if (T + Y > c.contentBottom && !D && (c.addPage(), T = c.getCursor().y, l && (p ?? 10) !== 0)) {
+            let S = O;
+            t.forEach((_, e) => {
+              const u = w[e];
+              X(
+                _.header ?? "",
+                S,
+                T,
+                u,
+                p ?? 10,
+                s ?? { fontStyle: "bold" },
+                _.align ?? "left"
+              ), S += u;
+            }), T += p ?? 10;
           }
-          let T = W;
-          for (let w = 0; w < t.length; w++) {
-            if (P[w] > 0) {
-              P[w]--, T += d[w];
+          let P = O;
+          for (let S = 0; S < t.length; S++) {
+            if (A[S] > 0) {
+              A[S]--, P += w[S];
               continue;
             }
-            const k = t[w], v = typeof k.accessor == "function" ? k.accessor(p) : p[k.accessor];
-            let F = 1, e = 1, l = S % 2 === 1 && u ? u : c, g = "";
-            v && typeof v == "object" && v.content !== void 0 ? (g = String(v.content), v.colSpan && (F = v.colSpan), v.rowSpan && (e = v.rowSpan), v.style && (l = { ...l, ...v.style })) : g = String(v ?? "");
-            let C = d[w];
-            for (let _ = 1; _ < F; _++)
-              w + _ < d.length && (C += d[w + _]);
-            let L = D;
-            if (e > 1)
-              for (let _ = 1; _ < e; _++)
-                S + _ < b.length && (L += b[S + _]);
-            if (h(
-              g,
+            const _ = t[S], e = typeof _.accessor == "function" ? _.accessor(R) : R[_.accessor];
+            let u = 1, h = 1, g = a;
+            E % 2 === 1 && (b ? g = b : m && (g = { ...a, fillColor: "#F9FAFB" }));
+            let M = "";
+            e && typeof e == "object" && e.content !== void 0 ? (M = String(e.content), e.colSpan && (u = e.colSpan), e.rowSpan && (h = e.rowSpan), e.style && (g = { ...g, ...e.style })) : M = String(e ?? "");
+            let C = w[S];
+            for (let k = 1; k < u; k++)
+              S + k < w.length && (C += w[S + k]);
+            let L = I;
+            if (h > 1)
+              for (let k = 1; k < h; k++)
+                E + k < v.length && (L += v[E + k]);
+            if (X(
+              M,
+              P,
               T,
-              R,
               C,
               L,
-              l ?? {},
-              k.align ?? "left",
+              g ?? {},
+              _.align ?? "left",
               !0
-            ), e > 1) {
-              P[w] = e - 1;
-              for (let _ = 1; _ < F; _++)
-                w + _ < P.length && (P[w + _] = e - 1);
+            ), h > 1) {
+              A[S] = h - 1;
+              for (let k = 1; k < u; k++)
+                S + k < A.length && (A[S + k] = h - 1);
             }
-            T += C, w += F - 1;
+            P += C, S += u - 1;
           }
-          R += D;
+          T += I;
         }
-        f.setCursor(W, R);
+        c.setCursor(O, T);
       })();
     });
-  }, [f, i, t, r]), null;
-}, St = ({
-  children: i,
+  }, [c, n, t, r]), null;
+}, Tt = ({
+  children: n,
   x: t,
   y: r,
-  maxWidth: n,
+  maxWidth: i,
   spacingBelow: o = 2,
-  ...s
+  ...f
 }) => {
-  const a = q();
-  return A.useEffect(() => {
-    a.queueOperation(() => {
-      if (typeof t == "number" && typeof r == "number")
-        a.textRaw(i, t, r, s, n, s.align);
-      else {
-        a.paragraph(i, s, n);
-        const c = a.getCursor();
-        a.setCursor(c.x, c.y + o);
-      }
+  const s = $();
+  return H.useEffect(() => {
+    s.queueOperation(() => {
+      const a = s.getCursor();
+      let b = 0;
+      const p = () => {
+        if (typeof t == "number" && typeof r == "number")
+          s.textRaw(n, t, r, f, i, f.align);
+        else {
+          s.setCursor(a.x, a.y), b = s.paragraph(n, f, i);
+          const l = s.getCursor();
+          s.setCursor(l.x, l.y + o);
+        }
+      };
+      p(), f.showInAllPages && s.registerRecurringItem({
+        draw: p,
+        scope: f.scope ?? "all",
+        y: a.y,
+        height: b + o
+      });
     });
   }, [
-    a,
-    i,
+    s,
+    n,
     t,
     r,
-    n,
+    i,
     o,
-    s.fontSize,
-    s.align
+    f.fontSize,
+    f.align
   ]), null;
+}, mt = ({
+  viewState: n,
+  style: t,
+  pad: r,
+  margin: i,
+  w: o,
+  h: f
+}) => {
+  const s = $();
+  return H.useEffect(() => {
+    s.queueOperation(() => {
+      const a = n.start;
+      if (!a) return;
+      const b = s.getCursor(), p = Math.max(b.y - a.y - r.top, 0);
+      let l = f ?? p + r.top + r.bottom;
+      t.height && (l = t.height);
+      let m = o ?? s.contentAreaWidth;
+      typeof t.width == "number" && (m = t.width);
+      const c = () => {
+        (t.borderColor || t.fillColor || t.borderWidth) && s.box(a.x, a.y, m, l, t);
+      };
+      if (c(), t.showInAllPages && s.registerRecurringItem({
+        draw: c,
+        scope: t.scope ?? "all",
+        y: a.y,
+        height: l
+      }), !n.isAbsolute) {
+        const y = a.y + l + i.bottom;
+        s.setCursor(a.x, y);
+      }
+    });
+  }, [s, t.showInAllPages, t.scope, o, f]), null;
 };
-function mt(i) {
-  return typeof i == "number" ? { top: i, right: i, bottom: i, left: i } : {
-    top: i?.top ?? 0,
-    right: i?.right ?? 0,
-    bottom: i?.bottom ?? 0,
-    left: i?.left ?? 0
+function bt(n) {
+  return typeof n == "number" ? { top: n, right: n, bottom: n, left: n } : {
+    top: n?.top ?? 0,
+    right: n?.right ?? 0,
+    bottom: n?.bottom ?? 0,
+    left: n?.left ?? 0
   };
 }
-const Pt = ({ style: i = {}, children: t }) => {
-  const r = q(), n = Z(i.padding), o = {
-    top: i.paddingTop ?? n.top,
-    right: i.paddingRight ?? n.right,
-    bottom: i.paddingBottom ?? n.bottom,
-    left: i.paddingLeft ?? n.left
-  }, s = mt(i.margin), a = {
-    top: i.marginTop ?? s.top,
-    right: i.marginRight ?? s.right,
-    bottom: i.marginBottom ?? s.bottom,
-    left: i.marginLeft ?? s.left
-  }, c = A.useRef(
-    {}
-  ).current;
-  return A.useEffect(() => {
-    r.queueOperation(() => {
-      a.top > 0 && r.moveCursor(0, a.top);
-      const u = r.getCursor();
-      c.start = { ...u }, r.setCursor(u.x + o.left, u.y + o.top);
+const Pt = ({
+  style: n = {},
+  children: t,
+  x: r,
+  y: i,
+  w: o,
+  h: f
+}) => {
+  const s = $(), a = tt(n.padding), b = {
+    top: n.paddingTop ?? a.top,
+    right: n.paddingRight ?? a.right,
+    bottom: n.paddingBottom ?? a.bottom,
+    left: n.paddingLeft ?? a.left
+  }, p = bt(n.margin), l = {
+    top: n.marginTop ?? p.top,
+    right: n.marginRight ?? p.right,
+    bottom: n.marginBottom ?? p.bottom,
+    left: n.marginLeft ?? p.left
+  }, m = H.useRef({}).current;
+  return H.useEffect(() => {
+    s.queueOperation(() => {
+      if (typeof r == "number" && typeof i == "number" && typeof o == "number" && typeof f == "number")
+        m.isAbsolute = !0, m.start = { x: r, y: i }, s.setCursor(r + b.left, i + b.top);
+      else {
+        m.isAbsolute = !1, l.top > 0 && s.moveCursor(0, l.top);
+        const c = s.getCursor();
+        m.start = { ...c }, s.setCursor(c.x + b.left, c.y + b.top);
+      }
     });
-  }, [r]), /* @__PURE__ */ I.jsxs(A.Fragment, { children: [
+  }, [s, r, i, o, f]), /* @__PURE__ */ U.jsxs(H.Fragment, { children: [
     t,
-    /* @__PURE__ */ I.jsx(
-      bt,
+    /* @__PURE__ */ U.jsx(
+      mt,
       {
-        viewState: c,
-        style: i,
-        pad: o,
-        margin: a
+        viewState: m,
+        style: n,
+        pad: b,
+        margin: l,
+        w: o,
+        h: f
       }
     )
   ] });
-}, bt = ({ viewState: i, style: t, pad: r, margin: n }) => {
-  const o = q();
-  return A.useEffect(() => {
-    o.queueOperation(() => {
-      const s = i.start;
-      if (!s) return;
-      const a = o.getCursor();
-      let u = Math.max(a.y - s.y - r.top, 0) + r.top + r.bottom;
-      t.height && (u = t.height);
-      let m = o.contentAreaWidth;
-      typeof t.width == "number" && (m = t.width), (t.borderColor || t.fillColor || t.borderWidth) && o.box(s.x, s.y, m, u, t);
-      const f = s.y + u + n.bottom;
-      o.setCursor(s.x, f);
-    });
-  }, [o]), null;
 };
 export {
-  xt as PdfBox,
-  gt as PdfDocument,
-  Rt as PdfImage,
-  Tt as PdfList,
-  Ct as PdfPreview,
-  dt as PdfRenderer,
-  Et as PdfTable,
-  St as PdfText,
+  pt as PdfDocument,
+  St as PdfImage,
+  Rt as PdfList,
+  xt as PdfPreview,
+  gt as PdfRenderer,
+  Ct as PdfTable,
+  Tt as PdfText,
   Pt as PdfView
 };