react-vector-pdf 0.5.0 → 0.6.0

package/dist/react-vector-pdf.js

@@ -1,263 +1,263 @@
-import H, { createContext as ft, useContext as ct, useState as lt } from "react";
+import $, { createContext as ct, useContext as ft, useState as lt } from "react";
 import { jsPDF as et } from "jspdf";
-var K = { exports: {} }, J = {};
+var K = { exports: {} }, Q = {};
 var rt;
-function ut() {
-  if (rt) return J;
+function ht() {
+  if (rt) return Q;
   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, {
+  function r(a, i, s) {
+    var e = null;
+    if (s !== void 0 && (e = "" + s), i.key !== void 0 && (e = "" + i.key), "key" in i) {
+      s = {};
+      for (var f in i)
+        f !== "key" && (s[f] = i[f]);
+    } else s = i;
+    return i = s.ref, {
       $$typeof: n,
-      type: i,
-      key: s,
-      ref: o !== void 0 ? o : null,
-      props: f
+      type: a,
+      key: e,
+      ref: i !== void 0 ? i : null,
+      props: s
     };
   }
-  return J.Fragment = t, J.jsx = r, J.jsxs = r, J;
+  return Q.Fragment = t, Q.jsx = r, Q.jsxs = r, Q;
 }
-var Q = {};
+var Z = {};
 var ot;
-function ht() {
+function ut() {
   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 === A ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
+    function n(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === E ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
         case d:
           return "Fragment";
-        case X:
+        case L:
           return "Profiler";
-        case F:
+        case P:
           return "StrictMode";
-        case B:
+        case X:
           return "Suspense";
-        case G:
+        case M:
           return "SuspenseList";
-        case T:
+        case A:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case x:
+        ), o.$$typeof) {
+          case w:
             return "Portal";
-          case N:
-            return e.displayName || "Context";
           case j:
-            return (e._context.displayName || "Context") + ".Consumer";
-          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;
+            return o.displayName || "Context";
+          case y:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case I:
+            var c = o.render;
+            return o = o.displayName, o || (o = c.displayName || c.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case J:
+            return c = o.displayName || null, c !== null ? c : n(o.type) || "Memo";
+          case S:
+            c = o._payload, o = o._init;
             try {
-              return n(e(u));
+              return n(o(c));
             } catch {
             }
         }
       return null;
     }
-    function t(e) {
-      return "" + e;
+    function t(o) {
+      return "" + o;
     }
-    function r(e) {
+    function r(o) {
       try {
-        t(e);
-        var u = !1;
+        t(o);
+        var c = !1;
       } catch {
-        u = !0;
+        c = !0;
       }
-      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,
+      if (c) {
+        c = console;
+        var b = c.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return b.call(
+          c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
-        ), t(e);
+          C
+        ), t(o);
       }
     }
-    function i(e) {
-      if (e === d) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === v)
+    function a(o) {
+      if (o === d) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === S)
         return "<...>";
       try {
-        var u = n(e);
-        return u ? "<" + u + ">" : "<...>";
+        var c = n(o);
+        return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = O.A;
-      return e === null ? null : e.getOwner();
+    function i() {
+      var o = Y.A;
+      return o === null ? null : o.getOwner();
     }
-    function f() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function s(e) {
-      if (E.call(e, "key")) {
-        var u = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (u && u.isReactWarning) return !1;
+    function e(o) {
+      if (z.call(o, "key")) {
+        var c = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (c && c.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return o.key !== void 0;
     }
-    function a(e, u) {
-      function h() {
-        Y || (Y = !0, console.error(
+    function f(o, c) {
+      function b() {
+        D || (D = !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)",
-          u
+          c
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: h,
+      b.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function b() {
-      var e = n(this.type);
-      return D[e] || (D[e] = !0, console.error(
+    function u() {
+      var o = n(this.type);
+      return k[o] || (k[o] = !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;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function p(e, u, h, g, W, M) {
-      var C = h.ref;
-      return e = {
-        $$typeof: w,
-        type: e,
-        key: u,
-        props: h,
-        _owner: g
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(e, "ref", {
+    function p(o, c, b, C, F, N) {
+      var T = b.ref;
+      return o = {
+        $$typeof: m,
+        type: o,
+        key: c,
+        props: b,
+        _owner: C
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: b
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: u
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
-      }), Object.defineProperty(e, "_debugTask", {
+        value: F
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: N
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    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);
+    function l(o, c, b, C, F, N) {
+      var T = c.children;
+      if (T !== void 0)
+        if (C)
+          if (v(T)) {
+            for (C = 0; C < T.length; C++)
+              x(T[C]);
+            Object.freeze && Object.freeze(T);
           } 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 m(C);
-      if (E.call(u, "key")) {
-        C = n(e);
-        var L = Object.keys(u).filter(function(V) {
-          return V !== "key";
+        else x(T);
+      if (z.call(c, "key")) {
+        T = n(o);
+        var B = Object.keys(c).filter(function(O) {
+          return O !== "key";
         });
-        g = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", _[C + g] || (L = 0 < L.length ? "{" + L.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", R[T + C] || (B = 0 < B.length ? "{" + B.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,
-          L,
-          C
-        ), _[C + g] = !0);
+          T,
+          B,
+          T
+        ), R[T + C] = !0);
       }
-      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
+      if (T = null, b !== void 0 && (r(b), T = "" + b), e(c) && (r(c.key), T = "" + c.key), "key" in c) {
+        b = {};
+        for (var G in c)
+          G !== "key" && (b[G] = c[G]);
+      } else b = c;
+      return T && f(
+        b,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), p(
-        e,
-        C,
-        h,
-        o(),
-        W,
-        M
+        o,
+        T,
+        b,
+        i(),
+        F,
+        N
       );
     }
-    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 x(o) {
+      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === S && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function c(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === w;
+    function h(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === m;
     }
-    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() {
+    var g = $, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), L = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), j = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), M = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), A = /* @__PURE__ */ Symbol.for("react.activity"), E = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, v = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    g = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    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++;
+    var D, k = {}, H = g.react_stack_bottom_frame.bind(
+      g,
+      s
+    )(), _ = W(a(s)), R = {};
+    Z.Fragment = d, Z.jsx = function(o, c, b) {
+      var C = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return l(
-        e,
-        u,
-        h,
+        o,
+        c,
+        b,
         !1,
-        g ? Error("react-stack-top-frame") : P,
-        g ? I(i(e)) : S
+        C ? Error("react-stack-top-frame") : H,
+        C ? W(a(o)) : _
       );
-    }, Q.jsxs = function(e, u, h) {
-      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, Z.jsxs = function(o, c, b) {
+      var C = 1e4 > Y.recentlyCreatedOwnerStacks++;
       return l(
-        e,
-        u,
-        h,
+        o,
+        c,
+        b,
         !0,
-        g ? Error("react-stack-top-frame") : P,
-        g ? I(i(e)) : S
+        C ? Error("react-stack-top-frame") : H,
+        C ? W(a(o)) : _
       );
     };
-  })()), Q;
+  })()), Z;
 }
 var nt;
 function dt() {
-  return nt || (nt = 1, process.env.NODE_ENV === "production" ? K.exports = ut() : K.exports = ht()), K.exports;
+  return nt || (nt = 1, process.env.NODE_ENV === "production" ? K.exports = ht() : K.exports = ut()), K.exports;
 }
 var U = dt();
 function tt(n) {
@@ -268,19 +268,29 @@ function tt(n) {
     left: n.left ?? 0
   };
 }
-function Z(n) {
-  const t = n.replace("#", "");
-  if (t.length === 3) {
-    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), i = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
-    return [r, i, o];
+function q(n) {
+  if (!n) return null;
+  if (n.startsWith("#")) {
+    const r = n.replace("#", "");
+    if (r.length === 3) {
+      const a = parseInt(r[0] + r[0], 16), i = parseInt(r[1] + r[1], 16), s = parseInt(r[2] + r[2], 16);
+      return [a, i, s, 1];
+    }
+    if (r.length === 6) {
+      const a = parseInt(r.slice(0, 2), 16), i = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16);
+      return [a, i, s, 1];
+    }
+    if (r.length === 8) {
+      const a = parseInt(r.slice(0, 2), 16), i = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16), e = parseInt(r.slice(6, 8), 16) / 255;
+      return [a, i, s, e];
+    }
   }
-  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];
+  const t = n.match(
+    /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/
+  );
+  if (t) {
+    const r = parseInt(t[1], 10), a = parseInt(t[2], 10), i = parseInt(t[3], 10), s = t[4] !== void 0 ? parseFloat(t[4]) : 1;
+    return [r, a, i, s];
   }
   return null;
 }
@@ -301,22 +311,22 @@ function it(n, t = !0) {
     [4, "IV"],
     [1, "I"]
   ];
-  let i = n, o = "";
-  for (const [f, s] of r)
-    for (; i >= f; )
-      o += s, i -= f;
-  return t ? o : o.toLowerCase();
+  let a = n, i = "";
+  for (const [s, e] of r)
+    for (; a >= s; )
+      i += e, a -= s;
+  return t ? i : i.toLowerCase();
 }
 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 = {
+    this.cursorX = 0, this.cursorY = 0, this.contentWidth = 0, this.reservedBottomHeight = 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.recurringItems = [], 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.recordingStack = [], this.recurringItems = [], this.indentStack = [], this.currentIndent = { left: 0, right: 0 }, 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
@@ -326,6 +336,22 @@ class gt {
       orientation: t.orientation ?? "p"
     }), this.pageWidth = this.pdf.internal.pageSize.getWidth(), this.pageHeight = this.pdf.internal.pageSize.getHeight(), this.resetFlowCursor(), this.applyBaseFont();
   }
+  // ... getters ...
+  // (Keeping getters omitted for brevity in replace block if possible, but replace_file_content needs context)
+  // I will target the variable declaration area specifically.
+  // Implementation of Stack Methods
+  startRecording() {
+    this.recordingStack.push([]);
+  }
+  stopRecording() {
+    return this.recordingStack.pop() || [];
+  }
+  playback(t) {
+    t.forEach((r) => r());
+  }
+  drawOp(t) {
+    this.recordingStack.length > 0 ? this.recordingStack[this.recordingStack.length - 1].push(t) : t();
+  }
   get instance() {
     return this.pdf;
   }
@@ -345,7 +371,7 @@ class gt {
     return this.margin.top;
   }
   get contentBottom() {
-    return this.pageHeight - this.margin.bottom;
+    return this.pageHeight - this.margin.bottom - this.reservedBottomHeight;
   }
   get contentHeight() {
     return this.contentBottom - this.contentTop;
@@ -359,8 +385,18 @@ class gt {
   get baseLineHeight() {
     return this.defaultLineHeight;
   }
+  setReservedHeight(t) {
+    this.reservedBottomHeight = t;
+  }
+  pushIndent(t, r) {
+    this.indentStack.push({ ...this.currentIndent }), this.currentIndent.left += t, this.currentIndent.right += r, this.cursorX += t, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right - this.currentIndent.left - this.currentIndent.right;
+  }
+  popIndent() {
+    const t = this.indentStack.pop();
+    t && (this.currentIndent.left - t.left, this.currentIndent = t, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right - this.currentIndent.left - this.currentIndent.right);
+  }
   resetFlowCursor() {
-    this.cursorX = this.margin.left, this.cursorY = this.margin.top, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right;
+    this.cursorX = this.margin.left + this.currentIndent.left, this.cursorY = this.margin.top, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right - this.currentIndent.left - this.currentIndent.right;
   }
   reset() {
     if (this.pdf = new et({
@@ -368,7 +404,7 @@ class gt {
       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 = Z(this.options.color);
+      const t = q(this.options.color);
       t && this.pdf.setTextColor(...t);
     }
     this.recurringItems = [];
@@ -377,13 +413,17 @@ class gt {
     this.headerDrawer = t, this.footerDrawer = r;
   }
   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 = Z(this.defaultColor);
-    r && this.pdf.setTextColor(...r);
+    const t = this.defaultFont.name ?? this.pdf.getFont().fontName, r = this.defaultFont.style, a = this.defaultFont.size, i = this.defaultColor;
+    this.drawOp(() => {
+      this.pdf.setFont(t, r), this.pdf.setFontSize(a);
+      const s = q(i);
+      s && this.pdf.setTextColor(...s);
+    });
   }
   addPage() {
-    this.pdf.addPage(), this.resetFlowCursor();
+    this.drawOp(() => {
+      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));
@@ -394,92 +434,101 @@ class gt {
       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)) {
+    let a = !0;
+    for (; a; ) {
+      a = !1;
+      for (const i of this.recurringItems)
+        if (st(r, i.scope) && this.cursorY < i.y + i.height && this.cursorY + t > i.y && (this.cursorY = i.y + i.height, a = !0, this.cursorY + t > this.contentBottom)) {
           this.addPage();
           return;
         }
     }
   }
   setTextStyle(t) {
-    if (t) {
-      if (t.fontSize && this.pdf.setFontSize(t.fontSize), t.fontStyle) {
-        const r = this.pdf.getFont().fontName;
-        this.pdf.setFont(r, t.fontStyle);
+    if (!t) return;
+    const r = t.fontSize, a = t.fontStyle, i = t.color;
+    this.drawOp(() => {
+      if (r && this.pdf.setFontSize(r), a) {
+        const s = this.pdf.getFont().fontName;
+        this.pdf.setFont(s, a);
       }
-      if (t.color) {
-        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] })
+      if (i) {
+        const s = q(i);
+        s && (this.pdf.setTextColor(s[0], s[1], s[2]), s[3] !== void 0 ? this.pdf.setGState(
+          new this.pdf.GState({ opacity: s[3] })
         ) : this.pdf.setGState(new this.pdf.GState({ opacity: 1 })));
       }
-    }
+    });
   }
-  textRaw(t, r, i, o, f, s = "left") {
-    this.setTextStyle(o);
-    const a = { align: s };
-    typeof f == "number" && (a.maxWidth = f), this.pdf.text(t, r, i, a), this.applyBaseFont();
+  textRaw(t, r, a, i, s, e = "left") {
+    this.setTextStyle(i);
+    const f = { align: e };
+    typeof s == "number" && (f.maxWidth = s), this.drawOp(() => {
+      this.pdf.text(t, r, a, f);
+    }), 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 (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]));
+  box(t, r, a, i, s) {
+    const e = s ?? {};
+    this.drawOp(() => {
+      if (e.borderWidth || e.borderColor || e.fillColor) {
+        if (e.fillColor) {
+          const u = q(e.fillColor);
+          u && (u[3] !== void 0 && this.pdf.setGState(
+            new this.pdf.GState({ opacity: u[3] })
+          ), this.pdf.setFillColor(u[0], u[1], u[2]));
+        }
+        if ((e.borderWidth || e.borderColor) && (e.borderWidth && this.pdf.setLineWidth(e.borderWidth), e.borderColor)) {
+          const u = q(e.borderColor);
+          u && (u[3] !== void 0 && this.pdf.setGState(
+            new this.pdf.GState({ opacity: u[3] })
+          ), this.pdf.setDrawColor(u[0], u[1], u[2]));
+        }
+        let f = "";
+        e.fillColor && (f += "F"), (e.borderWidth || e.borderColor) && (f += "D"), f && (e.radius ? this.pdf.roundedRect(t, r, a, i, e.radius, e.radius, f) : this.pdf.rect(t, r, a, i, f)), this.pdf.setLineWidth(0.2), this.pdf.setDrawColor(0, 0, 0), this.pdf.setGState(new this.pdf.GState({ opacity: 1 }));
       }
-      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, i, o) {
-    this.pdf.line(t, r, i, o);
+  line(t, r, a, i) {
+    this.drawOp(() => {
+      this.pdf.line(t, r, a, i);
+    });
   }
   async imageFromUrl(t, r = {}) {
-    const i = (async () => {
+    const a = (async () => {
       try {
-        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 { dataUrl: i, width: s, height: e } = await this.loadImageAsDataURL(t), f = 0.264583, u = s * f, p = e * f;
+        let l = r.w, x = r.h;
+        l === void 0 && x === void 0 ? (l = u, x = p) : l === void 0 && x !== void 0 ? l = x * (u / p) : x === void 0 && l !== void 0 && (x = l * (p / u));
+        const h = l ?? u, g = x ?? p;
+        let m = r.x, w = r.y ?? this.cursorY;
+        if (r.y === void 0 && w + g > this.contentBottom && (this.addPage(), w = this.cursorY), m === 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);
+          d === "left" ? m = this.contentLeft : d === "center" ? m = (this.contentLeft + this.contentRight) / 2 - h / 2 : d === "right" && (m = this.contentRight - h);
         }
         return this.pdf.addImage(
-          o,
+          i,
           r.mime ?? "PNG",
+          m,
           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 };
+          h,
+          g
+        ), { width: h, height: g, x: m, y: w };
+      } catch (i) {
+        return console.error("Failed to load image", t, i), { width: 0, height: 0, x: 0, y: 0 };
       }
     })();
-    return this.registerTask(i), i;
+    return this.registerTask(a), a;
   }
   queueOperation(t) {
-    const r = this.generation, i = this.opQueue.then(async () => {
+    const r = this.generation, a = this.opQueue.then(async () => {
       if (this.generation === r)
         try {
           await t();
-        } catch (o) {
-          console.error("Operation failed", o);
+        } catch (i) {
+          console.error("Operation failed", i);
         }
     });
-    this.opQueue = i, this.registerTask(i);
+    this.opQueue = a, this.registerTask(a);
   }
   registerTask(t) {
     this.pendingTasks.add(t), t.finally(() => {
@@ -490,30 +539,33 @@ class gt {
     await Promise.all(this.pendingTasks), await this.opQueue;
   }
   loadImageAsDataURL(t) {
-    return new Promise((r, i) => {
-      const o = new Image();
-      o.crossOrigin = "anonymous", o.onload = () => {
-        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
+    return new Promise((r, a) => {
+      const i = new Image();
+      i.crossOrigin = "anonymous", i.onload = () => {
+        const s = document.createElement("canvas");
+        s.width = i.width, s.height = i.height;
+        const e = s.getContext("2d");
+        if (!e) return a(new Error("Canvas 2D context not available"));
+        e.drawImage(i, 0, 0), r({
+          dataUrl: s.toDataURL("image/png"),
+          width: i.width,
+          height: i.height
         });
-      }, o.onerror = (f) => i(f), o.src = t;
+      }, i.onerror = (s) => a(s), i.src = t;
     });
   }
-  paragraph(t, r, i) {
-    const o = i ?? this.contentWidth;
+  paragraph(t, r, a) {
+    const i = a ?? this.contentWidth;
     this.setTextStyle(r);
-    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";
+    const s = r?.lineHeight ?? this.defaultLineHeight, e = r?.fontSize ?? this.defaultFont.size, f = e * s * 0.3528, u = this.pdf.splitTextToSize(t, i), 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;
+    return u.forEach((x) => {
+      this.cursorY + f > this.contentBottom && this.addPage();
+      const h = this.cursorY + e * 0.3528;
+      let g = this.cursorX;
+      p === "center" ? g = this.cursorX + i / 2 : p === "right" && (g = this.cursorX + i), this.drawOp(() => {
+        this.pdf.text(x, g, h, { align: p, maxWidth: i });
+      }), this.cursorY += f, l += f;
     }), this.cursorY += 1, this.applyBaseFont(), l;
   }
   moveCursor(t, r) {
@@ -539,18 +591,18 @@ class gt {
       this.pdf.setPage(t);
     }
   }
-  measureText(t, r, i) {
+  measureText(t, r, a) {
     this.setTextStyle(r);
-    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);
+    const i = r?.fontSize ?? this.defaultFont.size, s = r?.lineHeight ?? this.defaultLineHeight, e = i * s * 0.3528;
+    if (a) {
+      const f = this.pdf.splitTextToSize(t, a);
       return {
-        width: i,
-        height: a.length * s
+        width: a,
+        height: f.length * e
       };
     } else {
-      const a = this.pdf.getTextDimensions(t);
-      return { width: a.w, height: a.h };
+      const f = this.pdf.getTextDimensions(t);
+      return { width: f.w, height: f.h };
     }
   }
   setMetadata(t) {
@@ -564,174 +616,192 @@ class gt {
   getBlobUrl() {
     return this.applyHeaderFooter(), this.pdf.output("bloburl");
   }
+  /**
+   * Injects a filled rectangle at the beginning of the page stream.
+   * This ensures the background is drawn BEHIND all other content on the page.
+   */
+  injectFill(t, r, a) {
+    const s = this.pdf.internal.pages[t];
+    if (!s) return;
+    const e = this.pdf.internal.scaleFactor, f = this.pdf.internal.pageSize.getHeight(), u = r.x * e, p = r.h * e, l = r.w * e, x = (f - (r.y + r.h)) * e, h = q(a);
+    if (!h) return;
+    const g = ["q"];
+    g.push(
+      `${(h[0] / 255).toFixed(3)} ${(h[1] / 255).toFixed(3)} ${(h[2] / 255).toFixed(3)} rg`
+    ), g.push(
+      `${u.toFixed(2)} ${x.toFixed(2)} ${l.toFixed(2)} ${p.toFixed(2)} re f`
+    ), g.push("Q"), s && Array.isArray(s) && s.unshift(g.join(" "));
+  }
 }
-const at = ft(null), $ = () => {
-  const n = ct(at);
+const at = ct(null), V = () => {
+  const n = ft(at);
   if (!n) throw new Error("usePdf must be used within <PdfDocument>");
   return n;
 }, pt = ({
   options: n,
   header: t,
   footer: r,
-  pageNumbers: i,
-  centerLabel: o,
-  metadata: f,
-  children: s,
-  onReady: a,
-  filename: b,
+  pageNumbers: a,
+  centerLabel: i,
+  metadata: s,
+  children: e,
+  onReady: f,
+  filename: u,
   autoSave: p = !1
 }) => {
-  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;
+  const l = $.useMemo(() => new gt(n), [n]);
+  return $.useEffect(() => {
+    s && l.setMetadata(s);
+  }, [l, s]), $.useEffect(() => {
+    const x = (w, d) => !d || d === "all" ? !0 : d === "first-only" ? w === 1 : d === "except-first" ? w > 1 : Array.isArray(d) ? d.includes(w) : !0, h = (w, d) => d === "roman-upper" ? it(w, !0) : d === "roman-lower" ? it(w, !1) : String(w), g = (w, d, P) => {
+      if (!a?.enabled || !x(d, a.scope)) return;
+      const L = a.preset ?? "page-slash-total", j = (a.template ?? (L === "page-slash-total" ? "Page {page}/{total}" : L === "page-of-total" ? "Page {page} of {total}" : "{page}/{total}")).replace("{page}", h(d, a.format)).replace("{total}", h(P, a.format)), I = a.align ?? "right", X = I === "left" ? l.contentLeft + (a.offsetX ?? 0) : I === "right" ? l.contentRight - (a.offsetX ?? 0) : (l.contentLeft + l.contentRight) / 2 + (a.offsetX ?? 0), M = w === "header" ? 10 : l.height - 7, J = typeof a.y == "number" ? a.y : M;
+      l.textRaw(j, X, J, a.style, void 0, I);
+    }, m = (w, d, P) => {
+      if (!i?.enabled || !x(d, i.scope)) return;
+      const L = "center", y = (l.contentLeft + l.contentRight) / 2 + (i.offsetX ?? 0), j = w === "header" ? 10 : l.height - 7, I = typeof i.y == "number" ? i.y : j;
       l.textRaw(
-        o.text,
-        j,
-        z,
-        o.style,
+        i.text,
+        y,
+        I,
+        i.style,
         void 0,
-        X
+        L
       );
     };
     return l.setHeaderFooter(
-      (x, d, F) => {
-        t && t(l, d, F), i?.position === "header" && y("header", d, F), o?.position === "header" && w("header", d);
+      (w, d, P) => {
+        t && t(l, d, P), a?.position === "header" && g("header", d, P), i?.position === "header" && m("header", d);
       },
-      (x, d, F) => {
-        i?.position === "footer" && y("footer", d, F), r && r(l, d, F), o?.position === "footer" && w("footer", d);
+      (w, d, P) => {
+        a?.position === "footer" && g("footer", d, P), r && r(l, d, P), i?.position === "footer" && m("footer", d);
       }
     ), l.waitForTasks().then(() => {
-      a?.(l);
+      f?.(l);
     }), () => {
       l.reset();
     };
-  }, [l]), H.useEffect(() => {
-    p && b && l.save(b);
-  }, [p, b]), /* @__PURE__ */ U.jsx(at.Provider, { value: l, children: s });
-}, St = ({
+  }, [l]), $.useEffect(() => {
+    p && u && l.save(u);
+  }, [p, u]), /* @__PURE__ */ U.jsx(at.Provider, { value: l, children: e });
+}, Rt = ({
   src: n,
   x: t,
   y: r,
-  w: i,
-  h: o,
-  mime: f = "PNG",
-  flow: s,
-  layout: a,
-  sizing: b,
+  w: a,
+  h: i,
+  mime: s = "PNG",
+  flow: e,
+  layout: f,
+  sizing: u,
   align: p = "left",
   showInAllPages: l,
-  scope: m
+  scope: x
 }) => {
-  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,
+  const h = V();
+  return $.useLayoutEffect(() => {
+    const g = f === "flow" || e === !0 || t === void 0 && r === void 0 && f !== "fixed";
+    let m = a;
+    u === "fill" && (m = h.contentAreaWidth);
+    const w = t, d = r;
+    h.queueOperation(async () => {
+      const P = h.getCursor(), y = await (async (j, I) => {
+        const X = w, M = d;
+        return await h.imageFromUrl(n, {
+          x: X,
+          y: M,
+          w: m,
+          h: i,
+          mime: s,
           align: p
         });
       })();
-      y && j && c.moveCursor(0, j.height + 2), l && j && c.registerRecurringItem({
+      g && y && h.moveCursor(0, y.height + 2), l && y && h.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,
+          h.queueOperation(async () => {
+            g && h.setCursor(P.x, P.y), await h.imageFromUrl(n, {
+              x: w,
+              y: g ? P.y : d,
+              w: m,
+              h: i,
+              mime: s,
               align: p
             });
           });
         },
-        scope: m ?? "all",
-        y: y ? F.y : d ?? 0,
-        height: j.height + 2
+        scope: x ?? "all",
+        y: g ? P.y : d ?? 0,
+        height: y.height + 2
       });
     });
   }, [
-    c,
+    h,
     n,
     t,
     r,
+    a,
     i,
-    o,
-    f,
     s,
-    a,
-    b,
+    e,
+    f,
+    u,
     p,
     l,
-    m
+    x
   ]), null;
-}, Rt = ({
+}, St = ({
   items: n,
   ordered: t = !1,
   style: r,
-  indent: i = 5,
-  markerWidth: o = 5,
-  spacing: f = 2
+  indent: a = 5,
+  markerWidth: i = 5,
+  spacing: s = 2
 }) => {
-  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(
+  const e = V();
+  return $.useLayoutEffect(() => {
+    e.queueOperation(() => {
+      n.forEach((f, u) => {
+        const p = t ? `${u + 1}.` : "•", l = r?.fontSize ?? e.baseFont.size, x = l * 1.2 * 0.3528;
+        e.getCursor().y + x > e.contentBottom && e.addPage();
+        const g = e.getCursor().y, m = e.getCursor().x, w = m + a + i, d = g + l * 0.3528;
+        e.textRaw(
           p,
-          m + i,
-          w,
+          m + a,
+          d,
           r,
-          o,
+          i,
           "right"
-        ), s.setCursor(c, l);
-        const x = s.contentRight - c;
-        s.paragraph(a, r, x);
-        const d = s.getCursor().y;
-        s.setCursor(m, d + f);
+        ), e.setCursor(w, g);
+        const P = e.contentRight - w;
+        e.paragraph(f, r, P);
+        const L = e.getCursor().y;
+        e.setCursor(m, L + s);
       });
     });
-  }, [s, n, t, r, i, o, f]), null;
-}, xt = ({
+  }, [e, n, t, r, a, i, s]), null;
+}, Tt = ({
   width: n = "inherit",
   height: t = "inherit",
   className: r,
-  style: i,
-  iframeClassName: o,
-  iframeStyle: f,
-  ...s
+  style: a,
+  iframeClassName: i,
+  iframeStyle: s,
+  ...e
 }) => {
-  const [a, b] = lt(null), p = (l) => {
-    const m = l.getBlobUrl();
-    b(m.toString());
+  const [f, u] = lt(null), p = (l) => {
+    const x = l.getBlobUrl();
+    u(x.toString());
   };
-  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(
+  return /* @__PURE__ */ U.jsxs("div", { className: r, style: { width: n, height: t, ...a }, children: [
+    /* @__PURE__ */ U.jsx("div", { style: { display: "none" }, children: /* @__PURE__ */ U.jsx(pt, { ...e, onReady: p, autoSave: !1, children: e.children }) }),
+    f ? /* @__PURE__ */ U.jsx(
       "iframe",
       {
-        src: a,
+        src: f,
         width: "100%",
         height: "100%",
-        className: o,
-        style: { border: "none", ...f },
+        className: i,
+        style: { border: "none", ...s },
         title: "PDF Preview"
       }
     ) : /* @__PURE__ */ U.jsx(
@@ -750,237 +820,286 @@ const at = ft(null), $ = () => {
       }
     )
   ] });
-}, Ct = ({
+}, Pt = ({
   data: n,
   columns: t,
   width: r = "100%",
-  borderWidth: i = 0.1,
-  borderColor: o = "#000000",
-  cellPadding: f = 2,
-  headerStyle: s,
-  rowStyle: a,
-  alternateRowStyle: b,
+  borderWidth: a = 0.1,
+  borderColor: i = "#000000",
+  cellPadding: s = 2,
+  headerStyle: e,
+  rowStyle: f,
+  alternateRowStyle: u,
   headerHeight: p,
   repeatHeader: l = !0,
-  striped: m = !1
+  striped: x = !1
 }) => {
-  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 = V();
+  return $.useLayoutEffect(() => {
+    h.queueOperation(() => {
+      const g = typeof r == "number" ? r : parseFloat(r) / 100 * h.contentAreaWidth, m = t.map((S) => typeof S.width == "number" ? S.width : typeof S.width == "string" && S.width.endsWith("%") ? parseFloat(S.width) / 100 * g : 0), w = m.reduce((S, A) => S + A, 0), d = Math.max(0, g - w), P = m.filter((S) => S === 0).length;
+      if (P > 0) {
+        const S = d / P;
+        for (let A = 0; A < m.length; A++)
+          m[A] === 0 && (m[A] = S);
       }
-      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 L = (S, A, E, Y, z, v, W = "left", D = !0) => {
+        D && h.box(A, E, Y, z, {
+          borderColor: v.borderColor ?? i,
+          borderWidth: v.borderWidth ?? a,
+          fillColor: v.fillColor
         });
-        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);
+        const k = tt(v.padding ?? s), H = {
+          top: v.paddingTop ?? k.top,
+          right: v.paddingRight ?? k.right,
+          bottom: v.paddingBottom ?? k.bottom,
+          left: v.paddingLeft ?? k.left
+        }, _ = Y - H.left - H.right, R = h.instance.splitTextToSize(S, _, v), o = (v.fontSize ?? h.baseFont.size) * (v.lineHeight ?? h.baseLineHeight) * 0.3528, c = (v.fontSize ?? h.baseFont.size) * 0.3528, b = R.length * o, C = z - H.top - H.bottom;
+        let F = 0;
+        v.verticalAlign === "middle" ? F = Math.max(0, (C - b) / 2) : v.verticalAlign === "bottom" && (F = Math.max(0, C - b));
+        let N = E + H.top + F + c;
+        const T = v.align ?? W, B = h.getCursor();
+        R.forEach((G) => {
+          let O = A + H.left;
+          T === "center" ? O = A + Y / 2 : T === "right" && (O = A + Y - H.right), h.textRaw(G, O, N, v, void 0, T), N += o;
+        }), h.setCursor(B.x, B.y);
       };
-      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;
+      let y = h.getCursor().y;
+      const j = h.getCursor().x, I = p ?? 10;
+      y + I > h.contentBottom && (h.addPage(), y = h.getCursor().y);
+      let X = j;
+      t.forEach((S, A) => {
+        const E = m[A];
+        L(
+          S.header ?? "",
+          X,
+          y,
+          E,
+          I,
+          e ?? { fontStyle: "bold" },
+          S.align ?? "left"
+        ), X += E;
+      }), y += I, h.setCursor(j, y);
+      const M = (S, A, E) => {
+        const Y = tt(s), z = {
+          top: E.paddingTop ?? Y.top,
+          right: E.paddingRight ?? Y.right,
+          bottom: E.paddingBottom ?? Y.bottom,
+          left: E.paddingLeft ?? Y.left
+        }, v = A - z.left - z.right;
+        return h.measureText(S, E, v).height + z.top + z.bottom;
       };
       new Array(t.length).fill(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 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;
+        const S = new Array(n.length).fill(0), A = [];
+        for (let v = 0; v < n.length; v++) {
+          const W = n[v];
+          let D = 0;
+          for (let k = 0; k < t.length; k++) {
+            const H = t[k], _ = typeof H.accessor == "function" ? H.accessor(W) : W[H.accessor];
+            let R = "", o = f, c = 1, b = 1;
+            _ && typeof _ == "object" && _.content !== void 0 ? (R = String(_.content), _.style && (o = _.style), _.colSpan && (c = _.colSpan), _.rowSpan && (b = _.rowSpan)) : R = String(_ ?? "");
+            let C = m[k];
+            for (let N = 1; N < c; N++)
+              k + N < m.length && (C += m[k + N]);
+            if (b > 1) {
+              A.push({
+                ri: v,
+                rSpan: b,
+                content: R,
+                width: C,
+                style: o ?? {}
+              }), k += c - 1;
               continue;
             }
-            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;
+            const F = M(R, C, o ?? {});
+            F > D && (D = F), k += c - 1;
           }
-          I < 8 && (I = 8), v[E] = I;
+          D < 8 && (D = 8), S[v] = D;
         }
-        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);
+        A.forEach((v) => {
+          const { ri: W, rSpan: D, content: k, width: H, style: _ } = v, R = M(k, H, _);
+          let o = 0;
+          for (let c = 0; c < D; c++)
+            W + c < S.length && (o += S[W + c]);
+          if (R > o) {
+            const c = R - o, b = Math.min(W + D - 1, S.length - 1);
+            S[b] += c;
+          }
+        });
+        let E = y;
+        const Y = new Array(t.length).fill(0), z = h.getCursor().x;
+        for (let v = 0; v < n.length; v++) {
+          const W = n[v], D = S[v];
+          let k = D;
+          for (let R = 0; R < t.length; R++) {
+            const o = t[R], c = typeof o.accessor == "function" ? o.accessor(W) : W[o.accessor];
+            let b = 1;
+            if (c && typeof c == "object" && c.rowSpan && (b = c.rowSpan), b > 1) {
+              let C = 0;
+              for (let F = 0; F < b; F++)
+                v + F < S.length && (C += S[v + F]);
+              C > k && (k = C);
             }
           }
-          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,
+          const H = Math.abs(E - (h.contentTop + (p ?? 10))) < 1;
+          if (E + k > h.contentBottom && !H && (h.addPage(), E = h.getCursor().y, l && (p ?? 10) !== 0)) {
+            let R = z;
+            t.forEach((o, c) => {
+              const b = m[c];
+              L(
+                o.header ?? "",
+                R,
+                E,
+                b,
                 p ?? 10,
-                s ?? { fontStyle: "bold" },
-                _.align ?? "left"
-              ), S += u;
-            }), T += p ?? 10;
+                e ?? { fontStyle: "bold" },
+                o.align ?? "left"
+              ), R += b;
+            }), E += p ?? 10;
           }
-          let P = O;
-          for (let S = 0; S < t.length; S++) {
-            if (A[S] > 0) {
-              A[S]--, P += w[S];
+          let _ = z;
+          for (let R = 0; R < t.length; R++) {
+            if (Y[R] > 0) {
+              Y[R]--, _ += m[R];
               continue;
             }
-            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,
+            const o = t[R], c = typeof o.accessor == "function" ? o.accessor(W) : W[o.accessor];
+            let b = 1, C = 1, F = f;
+            v % 2 === 1 && (u ? F = u : x && (F = { ...f, fillColor: "#E5E7EB" }));
+            let T = "";
+            c && typeof c == "object" && c.content !== void 0 ? (T = String(c.content), c.colSpan && (b = c.colSpan), c.rowSpan && (C = c.rowSpan), c.style && (F = { ...F, ...c.style })) : T = String(c ?? "");
+            let B = m[R];
+            for (let O = 1; O < b; O++)
+              R + O < m.length && (B += m[R + O]);
+            let G = D;
+            if (C > 1)
+              for (let O = 1; O < C; O++)
+                v + O < S.length && (G += S[v + O]);
+            if (L(
               T,
-              C,
-              L,
-              g ?? {},
-              _.align ?? "left",
+              _,
+              E,
+              B,
+              G,
+              F ?? {},
+              o.align ?? "left",
               !0
-            ), h > 1) {
-              A[S] = h - 1;
-              for (let k = 1; k < u; k++)
-                S + k < A.length && (A[S + k] = h - 1);
+            ), C > 1) {
+              Y[R] = C - 1;
+              for (let O = 1; O < b; O++)
+                R + O < Y.length && (Y[R + O] = C - 1);
             }
-            P += C, S += u - 1;
+            _ += B, R += b - 1;
           }
-          T += I;
+          E += D;
         }
-        c.setCursor(O, T);
+        h.setCursor(z, E);
       })();
     });
-  }, [c, n, t, r]), null;
-}, Tt = ({
+  }, [h, n, t, r]), null;
+}, yt = ({
   children: n,
   x: t,
   y: r,
-  maxWidth: i,
-  spacingBelow: o = 2,
-  ...f
+  maxWidth: a,
+  spacingBelow: i = 2,
+  ...s
 }) => {
-  const s = $();
-  return H.useEffect(() => {
-    s.queueOperation(() => {
-      const a = s.getCursor();
-      let b = 0;
+  const e = V();
+  return $.useLayoutEffect(() => {
+    e.queueOperation(() => {
+      const f = e.getCursor();
+      let u = 0;
       const p = () => {
         if (typeof t == "number" && typeof r == "number")
-          s.textRaw(n, t, r, f, i, f.align);
+          e.textRaw(n, t, r, s, a, s.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);
+          e.setCursor(f.x, f.y), u = e.paragraph(n, s, a);
+          const l = e.getCursor();
+          e.setCursor(l.x, l.y + i);
         }
       };
-      p(), f.showInAllPages && s.registerRecurringItem({
+      p(), s.showInAllPages && e.registerRecurringItem({
         draw: p,
-        scope: f.scope ?? "all",
-        y: a.y,
-        height: b + o
+        scope: s.scope ?? "all",
+        y: f.y,
+        height: u + i
       });
     });
   }, [
-    s,
+    e,
     n,
     t,
     r,
+    a,
     i,
-    o,
-    f.fontSize,
-    f.align
+    s.fontSize,
+    s.align
   ]), null;
 }, mt = ({
   viewState: n,
   style: t,
   pad: r,
-  margin: i,
-  w: o,
-  h: f
+  margin: a,
+  w: i,
+  h: s
 }) => {
-  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);
+  const e = V();
+  return $.useLayoutEffect(() => {
+    e.queueOperation(() => {
+      const f = n.start;
+      if (!f) return;
+      const u = e.stopRecording();
+      let p = i ?? e.contentAreaWidth;
+      typeof t.width == "number" && (p = t.width), e.playback(u);
+      const l = e.getPageCount(), x = e.getCursor(), h = n.start.page ?? l;
+      for (let g = h; g <= l; g++) {
+        e.instance.setPage(g);
+        let m = e.contentTop, w;
+        if (g === h)
+          m = f.y, g === l ? t.height ? w = t.height : w = x.y - f.y + r.bottom : w = e.height - e.margin.bottom - f.y;
+        else if (g === l) {
+          m = e.contentTop, t.height, w = x.y - e.contentTop + r.bottom;
+          const d = e.height - e.margin.bottom;
+          w = Math.min(w, d - e.contentTop);
+        } else
+          m = e.contentTop, w = e.height - e.margin.bottom - e.contentTop;
+        if (t.fillColor) {
+          const d = g === h ? f.x : e.contentLeft, P = m, L = p, y = w;
+          e.injectFill && e.injectFill(
+            g,
+            { x: d, y: P, w: L, h: y },
+            t.fillColor
+          );
+        }
+        if (t.borderColor || t.borderWidth) {
+          const d = e.instance, P = t.borderWidth ?? 0.1, L = t.borderColor ?? "#000000";
+          d.setLineWidth(P);
+          const y = q(L);
+          y && d.setDrawColor(y[0], y[1], y[2]);
+          const j = g === h ? f.x : e.contentLeft, I = m, X = p, M = w;
+          d.line(j, I, j, I + M), d.line(j + X, I, j + X, I + M), g === h && d.line(j, I, j + X, I), g === l && d.line(j, I + M, j + X, I + M);
+        }
       }
+      if (e.instance.setPage(l), t.showInAllPages) {
+        const g = () => {
+          const m = t.height ?? 20;
+          e.box(f.x, f.y, p, m, t);
+        };
+        e.registerRecurringItem({
+          draw: g,
+          scope: t.scope ?? "all",
+          y: f.y,
+          height: t.height ?? 0
+        });
+      }
+      if (!n.isAbsolute) {
+        const g = x.y + r.bottom + a.bottom;
+        e.setCursor(f.x, g);
+      }
+      e.setReservedHeight(0), e.popIndent && e.popIndent();
     });
-  }, [s, t.showInAllPages, t.scope, o, f]), null;
+  }, [e, t.showInAllPages, t.scope, i, s]), null;
 };
 function bt(n) {
   return typeof n == "number" ? { top: n, right: n, bottom: n, left: n } : {
@@ -990,57 +1109,100 @@ function bt(n) {
     left: n?.left ?? 0
   };
 }
-const Pt = ({
-  style: n = {},
-  children: t,
-  x: r,
-  y: i,
-  w: o,
-  h: f
+const wt = ({
+  style: n,
+  x: t,
+  y: r,
+  w: a,
+  h: i,
+  viewState: s
 }) => {
-  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
+  const e = V(), f = tt(n.padding), u = {
+    top: n.paddingTop ?? f.top,
+    right: n.paddingRight ?? f.right,
+    bottom: n.paddingBottom ?? f.bottom,
+    left: n.paddingLeft ?? f.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);
+  };
+  return $.useLayoutEffect(() => {
+    e.queueOperation(() => {
+      if (typeof t == "number" && typeof r == "number" && typeof a == "number" && typeof i == "number") {
+        s.isAbsolute = !0;
+        const x = e.getPageCount();
+        s.start = { x: t, y: r, page: x }, e.setCursor(t + u.left, r + u.top);
+      } else {
+        s.isAbsolute = !1, l.top > 0 && e.moveCursor(0, l.top), e.startRecording();
+        const x = e.getCursor(), h = e.getPageCount();
+        s.start = { ...x, page: h }, e.pushIndent ? (e.pushIndent(u.left, u.right), u.top > 0 && e.moveCursor(0, u.top)) : e.setCursor(x.x + u.left, x.y + u.top), e.setReservedHeight(u.bottom);
       }
     });
-  }, [s, r, i, o, f]), /* @__PURE__ */ U.jsxs(H.Fragment, { children: [
+  }, [e, t, r, a, i]), null;
+};
+function vt(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 Et = ({
+  style: n = {},
+  children: t,
+  x: r,
+  y: a,
+  w: i,
+  h: s
+}) => {
+  V();
+  const e = tt(n.padding), f = {
+    top: n.paddingTop ?? e.top,
+    right: n.paddingRight ?? e.right,
+    bottom: n.paddingBottom ?? e.bottom,
+    left: n.paddingLeft ?? e.left
+  }, u = vt(n.margin), p = {
+    top: n.marginTop ?? u.top,
+    right: n.marginRight ?? u.right,
+    bottom: n.marginBottom ?? u.bottom,
+    left: n.marginLeft ?? u.left
+  }, l = $.useRef({}).current;
+  return l.radius = n.radius, /* @__PURE__ */ U.jsxs($.Fragment, { children: [
+    /* @__PURE__ */ U.jsx(
+      wt,
+      {
+        style: n,
+        x: r,
+        y: a,
+        w: i,
+        h: s,
+        viewState: l
+      }
+    ),
     t,
     /* @__PURE__ */ U.jsx(
       mt,
       {
-        viewState: m,
+        viewState: l,
         style: n,
-        pad: b,
-        margin: l,
-        w: o,
-        h: f
+        pad: f,
+        margin: p,
+        w: i,
+        h: s
       }
     )
   ] });
 };
 export {
   pt as PdfDocument,
-  St as PdfImage,
-  Rt as PdfList,
-  xt as PdfPreview,
+  Rt as PdfImage,
+  St as PdfList,
+  Tt as PdfPreview,
   gt as PdfRenderer,
-  Ct as PdfTable,
-  Tt as PdfText,
-  Pt as PdfView
+  Pt as PdfTable,
+  yt as PdfText,
+  Et as PdfView
 };