react-vector-pdf 0.6.0 → 0.6.1

package/dist/react-vector-pdf.js

@@ -1,70 +1,70 @@
-import $, { createContext as ct, useContext as ft, useState as lt } from "react";
-import { jsPDF as et } from "jspdf";
-var K = { exports: {} }, Q = {};
-var rt;
-function ht() {
-  if (rt) return Q;
-  rt = 1;
+import z, { useRef as Ot, createContext as At, useContext as jt, useId as Ct, useState as Yt } from "react";
+import { jsPDF as Ft } from "jspdf";
+var xt = { exports: {} }, bt = {};
+var Et;
+function Ht() {
+  if (Et) return bt;
+  Et = 1;
   var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(a, i, s) {
-    var e = null;
-    if (s !== void 0 && (e = "" + s), i.key !== void 0 && (e = "" + i.key), "key" in i) {
+  function r(i, e, s) {
+    var u = null;
+    if (s !== void 0 && (u = "" + s), e.key !== void 0 && (u = "" + e.key), "key" in e) {
       s = {};
-      for (var f in i)
-        f !== "key" && (s[f] = i[f]);
-    } else s = i;
-    return i = s.ref, {
+      for (var c in e)
+        c !== "key" && (s[c] = e[c]);
+    } else s = e;
+    return e = s.ref, {
       $$typeof: n,
-      type: a,
-      key: e,
-      ref: i !== void 0 ? i : null,
+      type: i,
+      key: u,
+      ref: e !== void 0 ? e : null,
       props: s
     };
   }
-  return Q.Fragment = t, Q.jsx = r, Q.jsxs = r, Q;
+  return bt.Fragment = t, bt.jsx = r, bt.jsxs = r, bt;
 }
-var Z = {};
-var ot;
-function ut() {
-  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
+var vt = {};
+var kt;
+function Lt() {
+  return kt || (kt = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === E ? null : o.displayName || o.name || null;
+        return o.$$typeof === U ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case d:
+        case l:
           return "Fragment";
-        case L:
+        case v:
           return "Profiler";
-        case P:
+        case m:
           return "StrictMode";
-        case X:
+        case _:
           return "Suspense";
-        case M:
+        case W:
           return "SuspenseList";
-        case A:
+        case F:
           return "Activity";
       }
       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."
         ), o.$$typeof) {
-          case w:
+          case d:
             return "Portal";
-          case j:
+          case x:
             return o.displayName || "Context";
-          case y:
+          case C:
             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;
+          case g:
+            var w = o.render;
+            return o = o.displayName, o || (o = w.displayName || w.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case H:
+            return w = o.displayName || null, w !== null ? w : n(o.type) || "Memo";
+          case O:
+            w = o._payload, o = o._init;
             try {
-              return n(o(c));
+              return n(o(w));
             } catch {
             }
         }
@@ -76,74 +76,74 @@ function ut() {
     function r(o) {
       try {
         t(o);
-        var c = !1;
+        var w = !1;
       } catch {
-        c = !0;
+        w = !0;
       }
-      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,
+      if (w) {
+        w = console;
+        var T = w.error, Y = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return T.call(
+          w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          C
+          Y
         ), t(o);
       }
     }
-    function a(o) {
-      if (o === d) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === S)
+    function i(o) {
+      if (o === l) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === O)
         return "<...>";
       try {
-        var c = n(o);
-        return c ? "<" + c + ">" : "<...>";
+        var w = n(o);
+        return w ? "<" + w + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var o = Y.A;
+    function e() {
+      var o = q.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function e(o) {
-      if (z.call(o, "key")) {
-        var c = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function u(o) {
+      if (L.call(o, "key")) {
+        var w = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (w && w.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function f(o, c) {
-      function b() {
-        D || (D = !0, console.error(
+    function c(o, w) {
+      function T() {
+        E || (E = !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)",
-          c
+          w
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: b,
+      T.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function u() {
+    function a() {
       var o = n(this.type);
-      return k[o] || (k[o] = !0, console.error(
+      return M[o] || (M[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."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function p(o, c, b, C, F, N) {
-      var T = b.ref;
+    function y(o, w, T, Y, Z, ut) {
+      var $ = T.ref;
       return o = {
-        $$typeof: m,
+        $$typeof: b,
         type: o,
-        key: c,
-        props: b,
-        _owner: C
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
+        key: w,
+        props: T,
+        _owner: Y
+      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: u
+        get: a
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,109 +158,214 @@ function ut() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: Z
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
+        value: ut
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    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);
+    function f(o, w, T, Y, Z, ut) {
+      var $ = w.children;
+      if ($ !== void 0)
+        if (Y)
+          if (R($)) {
+            for (Y = 0; Y < $.length; Y++)
+              P($[Y]);
+            Object.freeze && Object.freeze($);
           } 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(T);
-      if (z.call(c, "key")) {
-        T = n(o);
-        var B = Object.keys(c).filter(function(O) {
-          return O !== "key";
+        else P($);
+      if (L.call(w, "key")) {
+        $ = n(o);
+        var lt = Object.keys(w).filter(function(X) {
+          return X !== "key";
         });
-        C = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", R[T + C] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
+        Y = 0 < lt.length ? "{key: someKey, " + lt.join(": ..., ") + ": ...}" : "{key: someKey}", S[$ + Y] || (lt = 0 < lt.length ? "{" + lt.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} />`,
-          C,
-          T,
-          B,
-          T
-        ), R[T + C] = !0);
+          Y,
+          $,
+          lt,
+          $
+        ), S[$ + Y] = !0);
       }
-      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,
+      if ($ = null, T !== void 0 && (r(T), $ = "" + T), u(w) && (r(w.key), $ = "" + w.key), "key" in w) {
+        T = {};
+        for (var I in w)
+          I !== "key" && (T[I] = w[I]);
+      } else T = w;
+      return $ && c(
+        T,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), p(
+      ), y(
         o,
+        $,
         T,
-        b,
-        i(),
-        F,
-        N
+        e(),
+        Z,
+        ut
       );
     }
-    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 P(o) {
+      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === O && (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 h(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === m;
+      return typeof o == "object" && o !== null && o.$$typeof === b;
     }
-    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() {
+    var p = z, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.portal"), l = /* @__PURE__ */ Symbol.for("react.fragment"), m = /* @__PURE__ */ Symbol.for("react.strict_mode"), v = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), x = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), H = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), F = /* @__PURE__ */ Symbol.for("react.activity"), U = /* @__PURE__ */ Symbol.for("react.client.reference"), q = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, R = Array.isArray, at = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    p = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var D, k = {}, H = g.react_stack_bottom_frame.bind(
-      g,
+    var E, M = {}, ft = p.react_stack_bottom_frame.bind(
+      p,
       s
-    )(), _ = W(a(s)), R = {};
-    Z.Fragment = d, Z.jsx = function(o, c, b) {
-      var C = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return l(
+    )(), st = at(i(s)), S = {};
+    vt.Fragment = l, vt.jsx = function(o, w, T) {
+      var Y = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return f(
         o,
-        c,
-        b,
+        w,
+        T,
         !1,
-        C ? Error("react-stack-top-frame") : H,
-        C ? W(a(o)) : _
+        Y ? Error("react-stack-top-frame") : ft,
+        Y ? at(i(o)) : st
       );
-    }, Z.jsxs = function(o, c, b) {
-      var C = 1e4 > Y.recentlyCreatedOwnerStacks++;
-      return l(
+    }, vt.jsxs = function(o, w, T) {
+      var Y = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return f(
         o,
-        c,
-        b,
+        w,
+        T,
         !0,
-        C ? Error("react-stack-top-frame") : H,
-        C ? W(a(o)) : _
+        Y ? Error("react-stack-top-frame") : ft,
+        Y ? at(i(o)) : st
       );
     };
-  })()), Z;
+  })()), vt;
+}
+var _t;
+function Dt() {
+  return _t || (_t = 1, process.env.NODE_ENV === "production" ? xt.exports = Ht() : xt.exports = Lt()), xt.exports;
+}
+var tt = Dt();
+const Wt = 96, Mt = 25.4, zt = Mt / Wt, Xt = 72 / Wt, Bt = [
+  "boxShadow",
+  "textShadow",
+  // "opacity", // Ignored silently
+  "zIndex",
+  // "display", // Ignored silently
+  // "position", // Ignored silently
+  "float",
+  "overflow",
+  "cursor",
+  // "transition", // Ignored silently
+  "transform"
+  // "animation", // Ignored silently
+], Nt = "block", Ut = "inline";
+function it(n) {
+  if (!n || !n.endsWith("px")) return;
+  const t = parseFloat(n);
+  return isNaN(t) ? void 0 : t * zt;
+}
+function qt(n) {
+  if (!n || !n.endsWith("px")) return;
+  const t = parseFloat(n);
+  return isNaN(t) ? void 0 : t * Xt;
+}
+function Rt(n) {
+  if (!(!n || n === "rgba(0, 0, 0, 0)" || n === "transparent"))
+    return n;
+}
+function Vt(n) {
+  if (n === "left" || n === "center" || n === "right" || n === "justify")
+    return n;
+}
+function Gt(n) {
+  const t = it(n.paddingTop), r = it(n.paddingRight), i = it(n.paddingBottom), e = it(n.paddingLeft);
+  if (!(t === void 0 && r === void 0 && i === void 0 && e === void 0))
+    return {
+      top: t ?? 0,
+      right: r ?? 0,
+      bottom: i ?? 0,
+      left: e ?? 0
+    };
+}
+function Jt(n) {
+  const t = it(n.marginTop), r = it(n.marginRight), i = it(n.marginBottom), e = it(n.marginLeft);
+  if (!(t === void 0 && r === void 0 && i === void 0 && e === void 0))
+    return {
+      top: t ?? 0,
+      right: r ?? 0,
+      bottom: i ?? 0,
+      left: e ?? 0
+    };
 }
-var nt;
-function dt() {
-  return nt || (nt = 1, process.env.NODE_ENV === "production" ? K.exports = ht() : K.exports = ut()), K.exports;
+function wt(n, t) {
+  const r = Ot(null);
+  return { ref: r, computeStyle: () => {
+    if (!r.current) return {};
+    const e = window.getComputedStyle(r.current);
+    Bt.forEach((x) => {
+      const g = e[x];
+      if (g && g !== "none" && g !== "auto" && g !== "0px" && g !== "normal" && g !== "visible" && g !== "static") {
+        if (x === "display" && (g === Nt || g === Ut))
+          return;
+        console.warn(
+          `react-vector-pdf: CSS property '${x}' with value '${g}' is not supported and will be ignored.`
+        );
+      }
+    });
+    const s = {}, u = qt(e.fontSize);
+    u && (s.fontSize = u);
+    const c = e.fontWeight;
+    e.fontStyle === "italic" ? c === "bold" || c === "700" || parseInt(c) >= 700 ? s.fontStyle = "bolditalic" : s.fontStyle = "italic" : c === "bold" || c === "700" || parseInt(c) >= 700 ? s.fontStyle = "bold" : s.fontStyle = "normal";
+    const y = Rt(e.color);
+    y && (s.color = y);
+    const f = Vt(e.textAlign);
+    f && (s.align = f);
+    const h = (() => {
+      if (e.lineHeight === "normal") return;
+      const x = parseFloat(e.lineHeight), g = parseFloat(e.fontSize);
+      if (!isNaN(x) && !isNaN(g) && g > 0)
+        return x / g;
+    })();
+    h && (s.lineHeight = h);
+    const p = Rt(e.backgroundColor);
+    p && (s.fillColor = p);
+    const b = Rt(e.borderColor);
+    b && (s.borderColor = b);
+    const d = it(e.borderTopWidth);
+    d && (s.borderWidth = d);
+    const l = Gt(e);
+    l && (s.padding = l);
+    const m = Jt(e);
+    if (m && (s.margin = m), e.width && e.width !== "auto") {
+      const x = it(e.width);
+      x && x > 0 && (s.width = x);
+    }
+    if (e.height && e.height !== "auto") {
+      const x = it(e.height);
+      x && x > 0 && (s.height = x);
+    }
+    const v = it(e.gap) ?? it(e.rowGap);
+    v && (s.gap = v);
+    const C = it(e.borderRadius);
+    return C && (s.radius = C), s;
+  } };
 }
-var U = dt();
-function tt(n) {
+function St(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,
@@ -268,33 +373,33 @@ function tt(n) {
     left: n.left ?? 0
   };
 }
-function q(n) {
+function gt(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];
+      const i = parseInt(r[0] + r[0], 16), e = parseInt(r[1] + r[1], 16), s = parseInt(r[2] + r[2], 16);
+      return [i, e, 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];
+      const i = parseInt(r.slice(0, 2), 16), e = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16);
+      return [i, e, 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];
+      const i = parseInt(r.slice(0, 2), 16), e = parseInt(r.slice(2, 4), 16), s = parseInt(r.slice(4, 6), 16), u = parseInt(r.slice(6, 8), 16) / 255;
+      return [i, e, s, u];
     }
   }
   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];
+    const r = parseInt(t[1], 10), i = parseInt(t[2], 10), e = parseInt(t[3], 10), s = t[4] !== void 0 ? parseFloat(t[4]) : 1;
+    return [r, i, e, s];
   }
   return null;
 }
-function it(n, t = !0) {
+function It(n, t = !0) {
   if (n <= 0) return String(n);
   const r = [
     [1e3, "M"],
@@ -311,34 +416,31 @@ function it(n, t = !0) {
     [4, "IV"],
     [1, "I"]
   ];
-  let a = n, i = "";
-  for (const [s, e] of r)
-    for (; a >= s; )
-      i += e, a -= s;
-  return t ? i : i.toLowerCase();
+  let i = n, e = "";
+  for (const [s, u] of r)
+    for (; i >= s; )
+      e += u, i -= s;
+  return t ? e : e.toLowerCase();
 }
-function st(n, t) {
+function Pt(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 {
+class Qt {
   constructor(t = {}) {
     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.recordingStack = [], this.recurringItems = [], this.indentStack = [], this.currentIndent = { left: 0, right: 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.recordingStack = [], this.recurringItems = [], this.indentStack = [], this.currentIndent = { left: 0, right: 0 }, this.verticalPaddingStack = [], 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 et({
+    }, this.defaultColor = t.color ?? this.defaultColor, this.defaultLineHeight = t.lineHeight ?? this.defaultLineHeight, this.pdf = new Ft({
       unit: t.unit ?? "mm",
       format: t.format ?? "a4",
       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([]);
@@ -368,10 +470,30 @@ class gt {
     return this.pageWidth - this.margin.right;
   }
   get contentTop() {
-    return this.margin.top;
+    return this.margin.top + this.currentVerticalPadding.top;
   }
   get contentBottom() {
-    return this.pageHeight - this.margin.bottom - this.reservedBottomHeight;
+    return this.pageHeight - this.margin.bottom - this.currentVerticalPadding.bottom;
+  }
+  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 = t, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right - this.currentIndent.left - this.currentIndent.right);
+  }
+  /**
+   * Returns the top Y position for content on a given page, accounting for recurring items.
+   * This is useful for drawing background boxes that shouldn't overlap headers.
+   */
+  getSafeContentTop(t) {
+    let r = this.margin.top;
+    for (const i of this.recurringItems)
+      if (Pt(t, i.scope) && i.y <= r + 10) {
+        const e = i.y + i.height;
+        e > r && (r = e);
+      }
+    return r;
   }
   get contentHeight() {
     return this.contentBottom - this.contentTop;
@@ -385,26 +507,33 @@ class gt {
   get baseLineHeight() {
     return this.defaultLineHeight;
   }
-  setReservedHeight(t) {
-    this.reservedBottomHeight = t;
+  pushVerticalPadding(t, r) {
+    this.verticalPaddingStack.push({ top: t, bottom: r }), this.cursorY += 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;
+  popVerticalPadding() {
+    const t = this.verticalPaddingStack.pop();
+    t && (this.cursorY += t.bottom);
   }
-  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);
+  get currentVerticalPadding() {
+    let t = 0, r = 0;
+    for (const i of this.verticalPaddingStack)
+      t += i.top, r += i.bottom;
+    return { top: t, bottom: r };
   }
+  // Legacy support or override if needed, but we prefer stack
+  setReservedHeight(t) {
+  }
+  // ...
   resetFlowCursor() {
-    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;
+    this.cursorX = this.margin.left + this.currentIndent.left, this.cursorY = this.margin.top + this.currentVerticalPadding.top, this.contentWidth = this.pageWidth - this.margin.left - this.margin.right - this.currentIndent.left - this.currentIndent.right;
   }
   reset() {
-    if (this.pdf = new et({
+    if (this.pdf = new Ft({
       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 = q(this.options.color);
+    }), this.generation++, this.cursorX = 0, this.cursorY = 0, this.verticalPaddingStack = [], this.pendingTasks = /* @__PURE__ */ new Set(), this.opQueue = Promise.resolve(), this.indentStack = [], this.currentIndent = { left: 0, right: 0 }, this.recordingStack = [], this.resetFlowCursor(), this.applyBaseFont(), this.options.color) {
+      const t = gt(this.options.color);
       t && this.pdf.setTextColor(...t);
     }
     this.recurringItems = [];
@@ -413,20 +542,22 @@ class gt {
     this.headerDrawer = t, this.footerDrawer = r;
   }
   applyBaseFont() {
-    const t = this.defaultFont.name ?? this.pdf.getFont().fontName, r = this.defaultFont.style, a = this.defaultFont.size, i = this.defaultColor;
+    const t = this.defaultFont.name ?? this.pdf.getFont().fontName, r = this.defaultFont.style, i = this.defaultFont.size, e = this.defaultColor;
     this.drawOp(() => {
-      this.pdf.setFont(t, r), this.pdf.setFontSize(a);
-      const s = q(i);
+      this.pdf.setFont(t, r), this.pdf.setFontSize(i);
+      const s = gt(e);
       s && this.pdf.setTextColor(...s);
     });
   }
   addPage() {
+    const t = this.margin.left + this.currentIndent.left;
     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));
+    const r = this.getPageCount();
+    for (const i of this.recurringItems)
+      Pt(r, i.scope) && (i.draw(), i.y + i.height > this.cursorY && (this.cursorY = i.y + i.height));
+    this.cursorX = t;
   }
   ensureSpace(t) {
     if (this.cursorY + t > this.contentBottom) {
@@ -434,11 +565,11 @@ class gt {
       return;
     }
     const r = this.getPageCount();
-    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)) {
+    let i = !0;
+    for (; i; ) {
+      i = !1;
+      for (const e of this.recurringItems)
+        if (Pt(r, e.scope) && this.cursorY < e.y + e.height && this.cursorY + t > e.y && (this.cursorY = e.y + e.height, i = !0, this.cursorY + t > this.contentBottom)) {
           this.addPage();
           return;
         }
@@ -446,89 +577,100 @@ class gt {
   }
   setTextStyle(t) {
     if (!t) return;
-    const r = t.fontSize, a = t.fontStyle, i = t.color;
+    const r = t.fontSize, i = t.fontStyle, e = t.color;
     this.drawOp(() => {
-      if (r && this.pdf.setFontSize(r), a) {
+      if (r && this.pdf.setFontSize(r), i) {
         const s = this.pdf.getFont().fontName;
-        this.pdf.setFont(s, a);
+        this.pdf.setFont(s, i);
       }
-      if (i) {
-        const s = q(i);
+      if (e) {
+        const s = gt(e);
         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, 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);
+  textRaw(t, r, i, e, s, u = "left") {
+    this.setTextStyle(e);
+    const c = { align: u };
+    typeof s == "number" && (c.maxWidth = s), this.drawOp(() => {
+      this.pdf.text(t, r, i, c);
     }), this.applyBaseFont();
   }
-  box(t, r, a, i, s) {
-    const e = s ?? {};
+  box(t, r, i, e, s) {
+    const u = 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 (u.borderWidth || u.borderColor || u.fillColor) {
+        if (u.fillColor) {
+          const a = gt(u.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]));
         }
-        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]));
+        if ((u.borderWidth || u.borderColor) && (u.borderWidth && this.pdf.setLineWidth(u.borderWidth), u.borderColor)) {
+          const a = gt(u.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]));
         }
-        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 }));
+        let c = "";
+        u.fillColor && (c += "F"), (u.borderWidth || u.borderColor) && (c += "D"), c && (u.radius ? this.pdf.roundedRect(t, r, i, e, u.radius, u.radius, c) : this.pdf.rect(t, r, i, e, c)), this.pdf.setLineWidth(0.2), this.pdf.setDrawColor(0, 0, 0), this.pdf.setGState(new this.pdf.GState({ opacity: 1 }));
       }
     });
   }
-  line(t, r, a, i) {
+  line(t, r, i, e) {
     this.drawOp(() => {
-      this.pdf.line(t, r, a, i);
+      this.pdf.line(t, r, i, e);
     });
   }
   async imageFromUrl(t, r = {}) {
-    const a = (async () => {
+    const i = (async () => {
       try {
-        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" ? m = this.contentLeft : d === "center" ? m = (this.contentLeft + this.contentRight) / 2 - h / 2 : d === "right" && (m = this.contentRight - h);
+        const { dataUrl: e, width: s, height: u } = await this.loadImageAsDataURL(t), c = 0.264583, a = s * c, y = u * c;
+        let f = r.w, P = r.h;
+        f === void 0 && P === void 0 ? (f = a, P = y) : f === void 0 && P !== void 0 ? f = P * (a / y) : P === void 0 && f !== void 0 && (P = f * (y / a));
+        const h = f ?? a, p = P ?? y;
+        let b = r.x, d = r.y ?? this.cursorY;
+        if (r.y === void 0 && d + p > this.contentBottom && (this.addPage(), d = this.cursorY), b === void 0) {
+          const l = r.align ?? "left";
+          l === "left" ? b = this.contentLeft : l === "center" ? b = (this.contentLeft + this.contentRight) / 2 - h / 2 : l === "right" && (b = this.contentRight - h);
+        }
+        if (r.radius && r.radius > 0) {
+          const l = r.radius, m = b, v = d, C = h, x = p, _ = l * 0.551784;
+          this.pdf.saveGraphicsState(), this.pdf.moveTo(m + l, v), this.pdf.lineTo(m + C - l, v), this.pdf.curveTo(m + C - l + _, v, m + C, v + l - _, m + C, v + l), this.pdf.lineTo(m + C, v + x - l), this.pdf.curveTo(
+            m + C,
+            v + x - l + _,
+            m + C - l + _,
+            v + x,
+            m + C - l,
+            v + x
+          ), this.pdf.lineTo(m + l, v + x), this.pdf.curveTo(m + l - _, v + x, m, v + x - l + _, m, v + x - l), this.pdf.lineTo(m, v + l), this.pdf.curveTo(m, v + l - _, m + l - _, v, m + l, v), this.pdf.clip();
         }
         return this.pdf.addImage(
-          i,
+          e,
           r.mime ?? "PNG",
-          m,
-          w,
+          b,
+          d,
           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 };
+          p
+        ), r.radius && r.radius > 0 && this.pdf.restoreGraphicsState(), { width: h, height: p, x: b, y: d };
+      } catch (e) {
+        return console.error("Failed to load image", t, e), { width: 0, height: 0, x: 0, y: 0 };
       }
     })();
-    return this.registerTask(a), a;
+    return this.registerTask(i), i;
   }
   queueOperation(t) {
-    const r = this.generation, a = this.opQueue.then(async () => {
+    const r = this.generation, i = this.opQueue.then(async () => {
       if (this.generation === r)
         try {
           await t();
-        } catch (i) {
-          console.error("Operation failed", i);
+        } catch (e) {
+          console.error("Operation failed", e);
         }
     });
-    this.opQueue = a, this.registerTask(a);
+    this.opQueue = i, this.registerTask(i);
   }
   registerTask(t) {
     this.pendingTasks.add(t), t.finally(() => {
@@ -539,34 +681,34 @@ class gt {
     await Promise.all(this.pendingTasks), await this.opQueue;
   }
   loadImageAsDataURL(t) {
-    return new Promise((r, a) => {
-      const i = new Image();
-      i.crossOrigin = "anonymous", i.onload = () => {
+    return new Promise((r, i) => {
+      const e = new Image();
+      e.crossOrigin = "anonymous", e.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({
+        s.width = e.width, s.height = e.height;
+        const u = s.getContext("2d");
+        if (!u) return i(new Error("Canvas 2D context not available"));
+        u.drawImage(e, 0, 0), r({
           dataUrl: s.toDataURL("image/png"),
-          width: i.width,
-          height: i.height
+          width: e.width,
+          height: e.height
         });
-      }, i.onerror = (s) => a(s), i.src = t;
+      }, e.onerror = (s) => i(s), e.src = t;
     });
   }
-  paragraph(t, r, a) {
-    const i = a ?? this.contentWidth;
+  paragraph(t, r, i) {
+    const e = i ?? this.contentWidth;
     this.setTextStyle(r);
-    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 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;
+    const s = r?.lineHeight ?? this.defaultLineHeight, u = r?.fontSize ?? this.defaultFont.size, c = u * s * 0.3528, a = this.pdf.splitTextToSize(t, e), y = r?.align ?? "left";
+    let f = 0;
+    return a.forEach((P) => {
+      this.cursorY + c > this.contentBottom && this.addPage();
+      const h = u * 0.3528, p = (c - h) / 2, b = this.cursorY + h + p;
+      let d = this.cursorX;
+      y === "center" ? d = this.cursorX + e / 2 : y === "right" && (d = this.cursorX + e), this.drawOp(() => {
+        this.pdf.text(P, d, b, { align: y, maxWidth: e });
+      }), this.cursorY += c, f += c;
+    }), this.applyBaseFont(), f;
   }
   moveCursor(t, r) {
     this.cursorX += t, this.cursorY += r;
@@ -591,24 +733,26 @@ class gt {
       this.pdf.setPage(t);
     }
   }
-  measureText(t, r, a) {
+  measureText(t, r, i) {
     this.setTextStyle(r);
-    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);
+    const e = r?.fontSize ?? this.defaultFont.size, s = r?.lineHeight ?? this.defaultLineHeight, u = e * s * 0.3528;
+    if (i) {
+      const c = this.pdf.splitTextToSize(t, i);
       return {
-        width: a,
-        height: f.length * e
+        width: i,
+        height: c.length * u
       };
     } else {
-      const f = this.pdf.getTextDimensions(t);
-      return { width: f.w, height: f.h };
+      const c = this.pdf.getTextDimensions(t);
+      return { width: c.w, height: c.h };
     }
   }
   setMetadata(t) {
-    t.title && this.pdf.setDocumentProperties({ title: t.title }), t.author && this.pdf.setDocumentProperties({ author: t.author }), t.subject && this.pdf.setDocumentProperties({ subject: t.subject }), t.keywords && this.pdf.setDocumentProperties({
+    t.title && this.pdf.setDocumentProperties({ title: t.title }), t.author && this.pdf.setDocumentProperties({ author: t.author }), t.subject && this.pdf.setDocumentProperties({ subject: t.subject }), t.keywords && (Array.isArray(t.keywords) ? this.pdf.setDocumentProperties({
       keywords: t.keywords.join(", ")
-    });
+    }) : this.pdf.setDocumentProperties({
+      keywords: String(t.keywords)
+    }));
   }
   save(t) {
     this.applyHeaderFooter(), this.pdf.save(t);
@@ -620,488 +764,697 @@ class gt {
    * 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(" "));
+  injectFill(t, r, i, e) {
+    const s = this.pdf.internal.pages;
+    let u = s[t];
+    if (!u && s[t - 1] && (u = s[t - 1]), !u) return;
+    const c = this.pdf.internal.scaleFactor, a = this.pdf.internal.pageSize.getHeight(), y = r.x * c, f = r.h * c, P = r.w * c, h = (a - (r.y + r.h)) * c, p = gt(i);
+    if (!p) return;
+    const b = ["q"];
+    b.push(
+      `${(p[0] / 255).toFixed(3)} ${(p[1] / 255).toFixed(3)} ${(p[2] / 255).toFixed(3)} rg`
+    );
+    let d = !1, l = 0, m = 0, v = 0, C = 0;
+    if (typeof e == "number" && e > 0 ? (d = !0, l = m = v = C = e * c) : typeof e == "object" && (e.tl || e.tr || e.br || e.bl) && (d = !0, l = (e.tl ?? 0) * c, m = (e.tr ?? 0) * c, v = (e.br ?? 0) * c, C = (e.bl ?? 0) * c), d) {
+      const g = y, _ = y + P, W = h, H = h + f;
+      if (b.push(`${(g + l).toFixed(2)} ${H.toFixed(2)} m`), b.push(`${(_ - m).toFixed(2)} ${H.toFixed(2)} l`), m > 0) {
+        const O = m * 0.551784;
+        b.push(
+          `${(_ - m + O).toFixed(2)} ${H.toFixed(2)} ${_.toFixed(
+            2
+          )} ${(H - m + O).toFixed(2)} ${_.toFixed(2)} ${(H - m).toFixed(2)} c`
+        );
+      }
+      if (b.push(`${_.toFixed(2)} ${(W + v).toFixed(2)} l`), v > 0) {
+        const O = v * 0.551784;
+        b.push(
+          `${_.toFixed(2)} ${(W + v - O).toFixed(2)} ${(_ - v + O).toFixed(2)} ${W.toFixed(2)} ${(_ - v).toFixed(
+            2
+          )} ${W.toFixed(2)} c`
+        );
+      }
+      if (b.push(`${(g + C).toFixed(2)} ${W.toFixed(2)} l`), C > 0) {
+        const O = C * 0.551784;
+        b.push(
+          `${(g + C - O).toFixed(2)} ${W.toFixed(2)} ${g.toFixed(
+            2
+          )} ${(W + C - O).toFixed(2)} ${g.toFixed(2)} ${(W + C).toFixed(2)} c`
+        );
+      }
+      if (b.push(`${g.toFixed(2)} ${(H - l).toFixed(2)} l`), l > 0) {
+        const O = l * 0.551784;
+        b.push(
+          `${g.toFixed(2)} ${(H - l + O).toFixed(2)} ${(g + l - O).toFixed(2)} ${H.toFixed(2)} ${(g + l).toFixed(
+            2
+          )} ${H.toFixed(2)} c`
+        );
+      }
+      b.push("f");
+    } else
+      b.push(
+        `${y.toFixed(2)} ${h.toFixed(2)} ${P.toFixed(2)} ${f.toFixed(2)} re f`
+      );
+    b.push("Q"), u && Array.isArray(u) && u.unshift(b.join(" "));
   }
 }
-const at = ct(null), V = () => {
-  const n = ft(at);
+const $t = At(null), pt = () => {
+  const n = jt($t);
   if (!n) throw new Error("usePdf must be used within <PdfDocument>");
   return n;
-}, pt = ({
+}, Kt = ({
   options: n,
   header: t,
   footer: r,
-  pageNumbers: a,
-  centerLabel: i,
+  pageNumbers: i,
+  centerLabel: e,
   metadata: s,
-  children: e,
-  onReady: f,
-  filename: u,
-  autoSave: p = !1
+  children: u,
+  onReady: c,
+  filename: a,
+  autoSave: y = !1
 }) => {
-  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(
-        i.text,
-        y,
-        I,
-        i.style,
+  const f = z.useMemo(() => new Qt(n), [n]);
+  return f.reset(), z.useEffect(() => {
+    s && f.setMetadata(s);
+  }, [f, s]), z.useEffect(() => {
+    const P = (d, l) => !l || l === "all" ? !0 : l === "first-only" ? d === 1 : l === "except-first" ? d > 1 : Array.isArray(l) ? l.includes(d) : !0, h = (d, l) => l === "roman-upper" ? It(d, !0) : l === "roman-lower" ? It(d, !1) : String(d), p = (d, l, m) => {
+      if (!i?.enabled || !P(l, i.scope)) return;
+      const v = i.preset ?? "page-slash-total", x = (i.template ?? (v === "page-slash-total" ? "Page {page}/{total}" : v === "page-of-total" ? "Page {page} of {total}" : "{page}/{total}")).replace("{page}", h(l, i.format)).replace("{total}", h(m, i.format)), g = i.align ?? "right", _ = g === "left" ? f.contentLeft + (i.offsetX ?? 0) : g === "right" ? f.contentRight - (i.offsetX ?? 0) : (f.contentLeft + f.contentRight) / 2 + (i.offsetX ?? 0), W = d === "header" ? 10 : f.height - 7, H = typeof i.y == "number" ? i.y : W;
+      f.textRaw(x, _, H, i.style, void 0, g);
+    }, b = (d, l, m) => {
+      if (!e?.enabled || !P(l, e.scope)) return;
+      const v = "center", C = (f.contentLeft + f.contentRight) / 2 + (e.offsetX ?? 0), x = d === "header" ? 10 : f.height - 7, g = typeof e.y == "number" ? e.y : x;
+      f.textRaw(
+        e.text,
+        C,
+        g,
+        e.style,
         void 0,
-        L
+        v
       );
     };
-    return l.setHeaderFooter(
-      (w, d, P) => {
-        t && t(l, d, P), a?.position === "header" && g("header", d, P), i?.position === "header" && m("header", d);
+    return f.setHeaderFooter(
+      (d, l, m) => {
+        t && t(f, l, m), i?.position === "header" && p("header", l, m), e?.position === "header" && b("header", l);
       },
-      (w, d, P) => {
-        a?.position === "footer" && g("footer", d, P), r && r(l, d, P), i?.position === "footer" && m("footer", d);
+      (d, l, m) => {
+        i?.position === "footer" && p("footer", l, m), r && r(f, l, m), e?.position === "footer" && b("footer", l);
       }
-    ), l.waitForTasks().then(() => {
-      f?.(l);
+    ), f.waitForTasks().then(() => {
+      c?.(f);
     }), () => {
-      l.reset();
+      f.reset();
     };
-  }, [l]), $.useEffect(() => {
-    p && u && l.save(u);
-  }, [p, u]), /* @__PURE__ */ U.jsx(at.Provider, { value: l, children: e });
-}, Rt = ({
+  }, [f]), z.useEffect(() => {
+    y && a && f.save(a);
+  }, [y, a]), /* @__PURE__ */ tt.jsx($t.Provider, { value: f, children: u });
+}, Zt = At(null), Tt = () => jt(Zt), se = ({
   src: n,
   x: t,
   y: r,
-  w: a,
-  h: i,
+  w: i,
+  h: e,
   mime: s = "PNG",
-  flow: e,
-  layout: f,
-  sizing: u,
-  align: p = "left",
-  showInAllPages: l,
-  scope: x
+  flow: u,
+  layout: c,
+  sizing: a,
+  align: y = "left",
+  showInAllPages: f,
+  scope: P,
+  className: h,
+  style: p
 }) => {
-  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,
+  const b = pt(), d = Tt(), l = Ct(), { ref: m, computeStyle: v } = wt(), C = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    if (C.current?.pdf === b && C.current?.gen === b.generation)
+      return;
+    C.current = { pdf: b, gen: b.generation };
+    const x = v(), g = i ?? (typeof x.width == "number" ? x.width : void 0), _ = e ?? (typeof x.height == "number" ? x.height : void 0), W = x.margin, H = (typeof W == "number" ? W : W?.bottom) ?? 2, O = c === "flow" || u === !0 || t === void 0 && r === void 0 && c !== "fixed";
+    let F = g;
+    a === "fill" && (F = b.contentAreaWidth);
+    const U = t, q = r, L = async () => {
+      const R = b.getCursor(), E = await (async (M, ft) => {
+        const st = U, S = q;
+        return await b.imageFromUrl(n, {
+          x: st,
+          y: S,
+          w: F,
+          h: _,
           mime: s,
-          align: p
+          align: y,
+          radius: x.radius
         });
       })();
-      g && y && h.moveCursor(0, y.height + 2), l && y && h.registerRecurringItem({
+      O && E && b.moveCursor(0, E.height + H), f && E && b.registerRecurringItem({
         draw: () => {
-          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,
+          b.queueOperation(async () => {
+            O && b.setCursor(R.x, R.y), await b.imageFromUrl(n, {
+              x: U,
+              y: O ? R.y : q,
+              w: F,
+              h: _,
               mime: s,
-              align: p
+              align: y,
+              radius: x.radius
             });
           });
         },
-        scope: x ?? "all",
-        y: g ? P.y : d ?? 0,
-        height: y.height + 2
+        scope: P ?? "all",
+        y: O ? R.y : q ?? 0,
+        height: E.height + H
       });
-    });
+    };
+    if (d)
+      return d.registerOperation(l, L), () => d.unregisterOperation(l);
+    b.queueOperation(L);
   }, [
-    h,
+    b,
     n,
     t,
     r,
-    a,
     i,
-    s,
     e,
-    f,
+    s,
     u,
-    p,
-    l,
-    x
-  ]), null;
-}, St = ({
+    c,
+    a,
+    y,
+    f,
+    P,
+    h
+  ]), /* @__PURE__ */ tt.jsx(
+    "div",
+    {
+      ref: m,
+      className: h,
+      style: {
+        ...p,
+        position: "absolute",
+        visibility: "hidden",
+        pointerEvents: "none"
+      }
+    }
+  );
+}, ae = ({
   items: n,
   ordered: t = !1,
   style: r,
-  indent: a = 5,
-  markerWidth: i = 5,
-  spacing: s = 2
+  indent: i = 5,
+  markerWidth: e = 5,
+  spacing: s = 2,
+  className: u
 }) => {
-  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 + a,
-          d,
-          r,
-          i,
+  const c = pt(), a = Tt(), y = Ct(), { ref: f, computeStyle: P } = wt(), h = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    if (h.current?.pdf === c && h.current?.gen === c.generation)
+      return;
+    h.current = { pdf: c, gen: c.generation };
+    const p = P(), b = {
+      ...p,
+      ...r
+    }, d = async () => {
+      const l = typeof p.margin == "number" ? p.margin : p.margin?.top;
+      l && c.moveCursor(0, l), n.forEach((v, C) => {
+        const x = t ? `${C + 1}.` : "•", g = b.fontSize ?? c.baseFont.size, _ = g * 1.2 * 0.3528;
+        c.getCursor().y + _ > c.contentBottom && c.addPage();
+        const H = c.getCursor().y, O = c.getCursor().x, F = O + i + e, U = H + g * 0.3528;
+        c.textRaw(
+          x,
+          O + i,
+          U,
+          b,
+          e,
           "right"
-        ), e.setCursor(w, g);
-        const P = e.contentRight - w;
-        e.paragraph(f, r, P);
-        const L = e.getCursor().y;
-        e.setCursor(m, L + s);
+        ), c.setCursor(F, H);
+        const q = c.contentRight - F;
+        c.paragraph(v, b, q);
+        const L = c.getCursor().y;
+        c.setCursor(O, L + s);
       });
-    });
-  }, [e, n, t, r, a, i, s]), null;
-}, Tt = ({
+      const m = typeof p.margin == "number" ? p.margin : p.margin?.bottom;
+      m && c.moveCursor(0, m);
+    };
+    if (a)
+      return a.registerOperation(y, d), () => a.unregisterOperation(y);
+    c.queueOperation(d);
+  }, [
+    c,
+    a,
+    y,
+    n,
+    t,
+    r,
+    i,
+    e,
+    s,
+    u
+  ]), /* @__PURE__ */ tt.jsx(
+    "div",
+    {
+      ref: f,
+      className: u,
+      style: {
+        position: "absolute",
+        visibility: "hidden",
+        pointerEvents: "none"
+      }
+    }
+  );
+}, ce = ({
   width: n = "inherit",
   height: t = "inherit",
   className: r,
-  style: a,
-  iframeClassName: i,
+  style: i,
+  iframeClassName: e,
   iframeStyle: s,
-  ...e
+  ...u
 }) => {
-  const [f, u] = lt(null), p = (l) => {
-    const x = l.getBlobUrl();
-    u(x.toString());
+  const [c, a] = Yt(null), y = (f) => {
+    const P = f.getBlobUrl();
+    a(P.toString());
   };
-  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: f,
-        width: "100%",
-        height: "100%",
-        className: i,
-        style: { border: "none", ...s },
-        title: "PDF Preview"
-      }
-    ) : /* @__PURE__ */ U.jsx(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          backgroundColor: "#f3f4f6",
-          color: "#6b7280"
-        },
-        children: "Generating Preview..."
-      }
-    )
-  ] });
-}, Pt = ({
+  return /* @__PURE__ */ tt.jsxs(
+    "div",
+    {
+      className: `pdf-preview-container ${r || ""}`,
+      style: { width: n, height: t, ...i },
+      children: [
+        /* @__PURE__ */ tt.jsx("div", { className: "pdf-preview-hidden", children: /* @__PURE__ */ tt.jsx(Kt, { ...u, onReady: y, autoSave: !1, children: u.children }) }),
+        c ? /* @__PURE__ */ tt.jsx(
+          "iframe",
+          {
+            src: c,
+            width: "100%",
+            height: "100%",
+            className: `pdf-preview-iframe ${e || ""}`,
+            style: s,
+            title: "PDF Preview"
+          }
+        ) : /* @__PURE__ */ tt.jsx("div", { className: "pdf-preview-placeholder", children: "Generating Preview..." })
+      ]
+    }
+  );
+}, fe = ({
   data: n,
   columns: t,
   width: r = "100%",
-  borderWidth: a = 0.1,
-  borderColor: i = "#000000",
+  borderWidth: i = 0.1,
+  borderColor: e = "#000000",
   cellPadding: s = 2,
-  headerStyle: e,
-  rowStyle: f,
-  alternateRowStyle: u,
-  headerHeight: p,
-  repeatHeader: l = !0,
-  striped: x = !1
+  headerStyle: u,
+  rowStyle: c,
+  alternateRowStyle: a,
+  headerHeight: y,
+  repeatHeader: f = !0,
+  striped: P = !1,
+  stripeColor: h = "#E5E7EB",
+  className: p,
+  style: b
 }) => {
-  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 d = pt(), l = Tt(), m = Ct(), { ref: v, computeStyle: C } = wt(), x = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    if (x.current?.pdf === d && x.current?.gen === d.generation)
+      return;
+    x.current = { pdf: d, gen: d.generation };
+    const g = C(), _ = r === "100%" && g.width ? g.width : r, W = g.borderColor ?? e, H = g.borderWidth ?? i, F = (!!p || !!b) && g.padding ? g.padding : s, U = {
+      color: g.color,
+      fontSize: g.fontSize,
+      fontStyle: g.fontStyle,
+      align: g.align,
+      fillColor: g.fillColor
+    }, q = { ...U, ...c }, L = { ...U, ...u };
+    u?.fontStyle || (L.fontStyle = u?.fontStyle ?? "bold");
+    const R = async () => {
+      const at = typeof g.margin == "number" ? g.margin : g.margin?.top;
+      at && d.moveCursor(0, at);
+      const E = typeof _ == "number" ? _ : parseFloat(_) / 100 * d.contentAreaWidth, M = t.map((I) => typeof I.width == "number" ? I.width : typeof I.width == "string" && I.width.endsWith("%") ? parseFloat(I.width) / 100 * E : 0), ft = M.reduce((I, X) => I + X, 0), st = Math.max(0, E - ft), S = M.filter((I) => I === 0).length;
+      if (S > 0) {
+        const I = st / S;
+        for (let X = 0; X < M.length; X++)
+          M[X] === 0 && (M[X] = I);
       }
-      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 o = (I, X, B, et, ct, k, ot = "left", nt = !0) => {
+        nt && d.box(X, B, et, ct, {
+          borderColor: k.borderColor ?? W,
+          borderWidth: k.borderWidth ?? H,
+          fillColor: k.fillColor,
+          radius: k.radius
         });
-        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);
+        const V = St(k.padding ?? F), rt = {
+          top: k.paddingTop ?? V.top,
+          right: k.paddingRight ?? V.right,
+          bottom: k.paddingBottom ?? V.bottom,
+          left: k.paddingLeft ?? V.left
+        }, G = et - rt.left - rt.right, j = d.instance.splitTextToSize(I, G, k), D = (k.fontSize ?? d.baseFont.size) * (k.lineHeight ?? d.baseLineHeight) * 0.3528, A = (k.fontSize ?? d.baseFont.size) * 0.3528, N = j.length * D, Q = ct - rt.top - rt.bottom;
+        let K = 0;
+        k.verticalAlign === "middle" ? K = Math.max(0, (Q - N) / 2) : k.verticalAlign === "bottom" && (K = Math.max(0, Q - N));
+        let dt = B + rt.top + K + A;
+        const ht = k.align ?? ot, mt = d.getCursor();
+        j.forEach((yt) => {
+          let J = X + rt.left;
+          ht === "center" ? J = X + et / 2 : ht === "right" && (J = X + et - rt.right), d.textRaw(yt, J, dt, k, void 0, ht), dt += D;
+        }), d.setCursor(mt.x, mt.y);
       };
-      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;
+      let w = d.getCursor().y;
+      const T = d.getCursor().x, Y = y ?? 10;
+      w + Y > d.contentBottom && (d.addPage(), w = d.getCursor().y);
+      let Z = T;
+      t.forEach((I, X) => {
+        const B = M[X];
+        o(
+          I.header ?? "",
+          Z,
+          w,
+          B,
+          Y,
+          L,
+          I.align ?? "left"
+        ), Z += B;
+      }), w += Y, d.setCursor(T, w);
+      const ut = (I, X, B) => {
+        const et = St(F), ct = {
+          top: B.paddingTop ?? et.top,
+          right: B.paddingRight ?? et.right,
+          bottom: B.paddingBottom ?? et.bottom,
+          left: B.paddingLeft ?? et.left
+        }, k = X - ct.left - ct.right;
+        return d.measureText(I, B, k).height + ct.top + ct.bottom;
       };
       new Array(t.length).fill(0), (() => {
-        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;
+        const I = new Array(n.length).fill(0), X = [];
+        for (let k = 0; k < n.length; k++) {
+          const ot = n[k];
+          let nt = 0;
+          for (let V = 0; V < t.length; V++) {
+            const rt = t[V], G = typeof rt.accessor == "function" ? rt.accessor(ot) : ot[rt.accessor];
+            let j = "", D = q, A = 1, N = 1;
+            G && typeof G == "object" && G.content !== void 0 ? (j = String(G.content), G.style && (D = { ...D, ...G.style }), G.colSpan && (A = G.colSpan), G.rowSpan && (N = G.rowSpan)) : j = String(G ?? "");
+            let Q = M[V];
+            for (let dt = 1; dt < A; dt++)
+              V + dt < M.length && (Q += M[V + dt]);
+            if (N > 1) {
+              X.push({
+                ri: k,
+                rSpan: N,
+                content: j,
+                width: Q,
+                style: D ?? {}
+              }), V += A - 1;
               continue;
             }
-            const F = M(R, C, o ?? {});
-            F > D && (D = F), k += c - 1;
+            const K = ut(j, Q, D ?? {});
+            K > nt && (nt = K), V += A - 1;
           }
-          D < 8 && (D = 8), S[v] = D;
+          nt < 8 && (nt = 8), I[k] = nt;
         }
-        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;
+        X.forEach((k) => {
+          const { ri: ot, rSpan: nt, content: V, width: rt, style: G } = k, j = ut(V, rt, G);
+          let D = 0;
+          for (let A = 0; A < nt; A++)
+            ot + A < I.length && (D += I[ot + A]);
+          if (j > D) {
+            const A = j - D, N = Math.min(ot + nt - 1, I.length - 1);
+            I[N] += A;
           }
         });
-        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);
+        let B = w;
+        const et = new Array(t.length).fill(0), ct = d.getCursor().x;
+        for (let k = 0; k < n.length; k++) {
+          const ot = n[k], nt = I[k];
+          let V = nt;
+          for (let j = 0; j < t.length; j++) {
+            const D = t[j], A = typeof D.accessor == "function" ? D.accessor(ot) : ot[D.accessor];
+            let N = 1;
+            if (A && typeof A == "object" && A.rowSpan && (N = A.rowSpan), N > 1) {
+              let Q = 0;
+              for (let K = 0; K < N; K++)
+                k + K < I.length && (Q += I[k + K]);
+              Q > V && (V = Q);
             }
           }
-          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,
-                e ?? { fontStyle: "bold" },
-                o.align ?? "left"
-              ), R += b;
-            }), E += p ?? 10;
+          const rt = Math.abs(B - (d.contentTop + (y ?? 10))) < 1;
+          if (B + V > d.contentBottom && !rt && (d.addPage(), B = d.getCursor().y, f && (y ?? 10) !== 0)) {
+            let j = ct;
+            t.forEach((D, A) => {
+              const N = M[A];
+              o(
+                D.header ?? "",
+                j,
+                B,
+                N,
+                y ?? 10,
+                L,
+                D.align ?? "left"
+              ), j += N;
+            }), B += y ?? 10;
           }
-          let _ = z;
-          for (let R = 0; R < t.length; R++) {
-            if (Y[R] > 0) {
-              Y[R]--, _ += m[R];
+          let G = ct;
+          for (let j = 0; j < t.length; j++) {
+            if (et[j] > 0) {
+              et[j]--, G += M[j];
               continue;
             }
-            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,
-              _,
-              E,
-              B,
+            const D = t[j], A = typeof D.accessor == "function" ? D.accessor(ot) : ot[D.accessor];
+            let N = 1, Q = 1, K = q;
+            k % 2 === 1 && (a ? K = a : P && (K = { ...q, fillColor: h }));
+            let ht = "";
+            A && typeof A == "object" && A.content !== void 0 ? (ht = String(A.content), A.colSpan && (N = A.colSpan), A.rowSpan && (Q = A.rowSpan), A.style && (K = { ...K, ...A.style })) : ht = String(A ?? "");
+            let mt = M[j];
+            for (let J = 1; J < N; J++)
+              j + J < M.length && (mt += M[j + J]);
+            let yt = nt;
+            if (Q > 1)
+              for (let J = 1; J < Q; J++)
+                k + J < I.length && (yt += I[k + J]);
+            if (o(
+              ht,
               G,
-              F ?? {},
-              o.align ?? "left",
+              B,
+              mt,
+              yt,
+              K ?? {},
+              D.align ?? "left",
               !0
-            ), C > 1) {
-              Y[R] = C - 1;
-              for (let O = 1; O < b; O++)
-                R + O < Y.length && (Y[R + O] = C - 1);
+            ), Q > 1) {
+              et[j] = Q - 1;
+              for (let J = 1; J < N; J++)
+                j + J < et.length && (et[j + J] = Q - 1);
             }
-            _ += B, R += b - 1;
+            G += mt, j += N - 1;
           }
-          E += D;
+          B += nt;
         }
-        h.setCursor(z, E);
+        d.setCursor(ct, B);
       })();
-    });
-  }, [h, n, t, r]), null;
-}, yt = ({
+      const lt = typeof g.margin == "number" ? g.margin : g.margin?.bottom;
+      lt && d.moveCursor(0, lt);
+    };
+    if (l)
+      return l.registerOperation(m, R), () => l.unregisterOperation(m);
+    d.queueOperation(R);
+  }, [d, n, t, r, p]), /* @__PURE__ */ tt.jsx(
+    "div",
+    {
+      ref: v,
+      className: p,
+      style: {
+        ...b,
+        position: "absolute",
+        visibility: "hidden",
+        pointerEvents: "none"
+      }
+    }
+  );
+}, le = ({
   children: n,
   x: t,
   y: r,
-  maxWidth: a,
-  spacingBelow: i = 2,
-  ...s
+  maxWidth: i,
+  spacingBelow: e = 2,
+  className: s,
+  style: u,
+  ...c
 }) => {
-  const e = V();
-  return $.useLayoutEffect(() => {
-    e.queueOperation(() => {
-      const f = e.getCursor();
-      let u = 0;
-      const p = () => {
+  const a = pt(), y = Tt(), f = Ct(), { ref: P, computeStyle: h } = wt(), p = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    if (p.current?.pdf === a && p.current?.gen === a.generation)
+      return;
+    p.current = { pdf: a, gen: a.generation };
+    const d = {
+      ...h(),
+      ...c
+    }, l = async () => {
+      const m = a.getCursor();
+      let v = 0;
+      const C = () => {
         if (typeof t == "number" && typeof r == "number")
-          e.textRaw(n, t, r, s, a, s.align);
+          a.textRaw(n, t, r, d, i, d.align);
         else {
-          e.setCursor(f.x, f.y), u = e.paragraph(n, s, a);
-          const l = e.getCursor();
-          e.setCursor(l.x, l.y + i);
+          a.setCursor(m.x, m.y), v = a.paragraph(n, d, i);
+          const x = a.getCursor();
+          e > 0 && a.setCursor(x.x, x.y + e);
         }
       };
-      p(), s.showInAllPages && e.registerRecurringItem({
-        draw: p,
-        scope: s.scope ?? "all",
-        y: f.y,
-        height: u + i
+      C(), d.showInAllPages && a.registerRecurringItem({
+        draw: C,
+        scope: d.scope ?? "all",
+        y: m.y,
+        height: v + e
       });
-    });
+    };
+    if (y)
+      return y.registerOperation(f, l), () => y.unregisterOperation(f);
+    a.queueOperation(l);
   }, [
-    e,
+    a,
+    y,
+    // Add context dependency
+    f,
     n,
     t,
     r,
-    a,
     i,
-    s.fontSize,
-    s.align
-  ]), null;
-}, mt = ({
+    e,
+    s,
+    c.fontSize,
+    c.color,
+    c.align
+  ]), /* @__PURE__ */ tt.jsx(
+    "div",
+    {
+      ref: P,
+      className: s,
+      style: {
+        ...u,
+        position: "absolute",
+        visibility: "hidden",
+        pointerEvents: "none"
+      }
+    }
+  );
+}, te = ({
   viewState: n,
   style: t,
-  pad: r,
-  margin: a,
-  w: i,
-  h: s
+  className: r,
+  computeStyle: i,
+  w: e,
+  h: s,
+  showInAllPages: u,
+  scope: c
 }) => {
-  const e = V();
-  return $.useLayoutEffect(() => {
-    e.queueOperation(() => {
+  const a = pt(), y = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    y.current?.pdf === a && y.current?.gen === a.generation || (y.current = { pdf: a, gen: a.generation }, a.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);
+      let h = { ...i(), ...t };
+      const p = !!h.fillColor, b = !!h.borderColor || (h.borderWidth ?? 0) > 0, d = t.padding !== void 0 || t.paddingTop !== void 0 || t.paddingRight !== void 0 || t.paddingBottom !== void 0 || t.paddingLeft !== void 0;
+      (p || b) && !d && !r && (h.padding = 4), u !== void 0 && (h.showInAllPages = u), c !== void 0 && (h.scope = c);
+      const l = St(h.padding), m = {
+        top: h.paddingTop ?? l.top,
+        right: h.paddingRight ?? l.right,
+        bottom: h.paddingBottom ?? l.bottom,
+        left: h.paddingLeft ?? l.left
+      }, C = ((F) => typeof F == "number" ? { top: F, right: F, bottom: F, left: F } : {
+        top: F?.top ?? 0,
+        right: F?.right ?? 0,
+        bottom: F?.bottom ?? 0,
+        left: F?.left ?? 0
+      })(h.margin), x = {
+        top: h.marginTop ?? C.top,
+        right: h.marginRight ?? C.right,
+        bottom: h.marginBottom ?? C.bottom,
+        left: h.marginLeft ?? C.left
+      };
+      let g = e ?? a.contentAreaWidth;
+      typeof h.width == "number" && (g = h.width);
+      const _ = g + m.left + m.right, W = a.getPageCount(), H = a.getCursor(), O = n.start.page ?? W;
+      for (let F = O; F <= W; F++) {
+        a.instance.setPage(F);
+        const U = a.getSafeContentTop ? a.getSafeContentTop(F) : a.contentTop;
+        let q = U, L;
+        if (F === O)
+          q = f.y, F === W ? h.height ? L = h.height : L = H.y - f.y + m.bottom : L = a.height - a.margin.bottom - f.y;
+        else if (F === W) {
+          q = U, h.height, L = H.y - U + m.bottom;
+          const E = a.height - a.margin.bottom;
+          L = Math.min(L, E - U);
         } 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
-          );
+          q = U, L = a.height - a.margin.bottom - U;
+        if (L < 0.5 || isNaN(L)) continue;
+        const R = h.radius ?? 0, at = O === W;
+        if (h.borderWidth && h.borderWidth > 0) {
+          const E = a.instance, M = h.borderWidth, ft = h.borderColor ?? "#000000";
+          E.setLineWidth(M);
+          const st = gt(ft);
+          st && E.setDrawColor(st[0], st[1], st[2]);
+          const S = Math.max(f.x, a.margin.left), o = q, w = _, T = L;
+          if (R > 0 && at)
+            E.roundedRect(S, o, w, T, R, R);
+          else if (R > 0 && !at) {
+            const Y = (Z) => {
+              const $ = R * 0.551784;
+              Z[0] ? (E.moveTo(S, o + R), E.curveTo(S, o + R - $, S + R - $, o, S + R, o)) : E.moveTo(S, o), E.lineTo(S + w - (Z[1] ? R : 0), o), Z[1] ? E.curveTo(
+                S + w - R + $,
+                o,
+                S + w,
+                o + R - $,
+                S + w,
+                o + R
+              ) : E.lineTo(S + w, o), E.lineTo(S + w, o + T - (Z[2] ? R : 0)), Z[2] ? E.curveTo(
+                S + w,
+                o + T - R + $,
+                S + w - R + $,
+                o + T,
+                S + w - R,
+                o + T
+              ) : E.lineTo(S + w, o + T), E.lineTo(S + (Z[3] ? R : 0), o + T), Z[3] ? E.curveTo(
+                S + R - $,
+                o + T,
+                S,
+                o + T - R + $,
+                S,
+                o + T - R
+              ) : E.lineTo(S, o + T), Z[0] ? E.lineTo(S, o + R) : E.lineTo(S, o), E.stroke();
+            };
+            Y(F === O ? [!0, !0, !1, !1] : F === W ? [!1, !1, !0, !0] : [!1, !1, !1, !1]);
+          } else
+            E.line(S, o, S, o + T), E.line(S + w, o, S + w, o + T), F === O && E.line(S, o, S + w, o), F === W && E.line(S, o + T, S + w, o + T);
         }
-        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 (h.fillColor) {
+          const E = Math.max(f.x, a.margin.left), M = q, ft = _, st = L;
+          try {
+            if (a.injectFill) {
+              let S = 0;
+              R > 0 && at ? S = R : R > 0 && (F === O ? S = { tl: R, tr: R, br: 0, bl: 0 } : F === W ? S = { tl: 0, tr: 0, br: R, bl: R } : S = 0), a.injectFill(
+                F,
+                { x: E, y: M, w: ft, h: st },
+                h.fillColor,
+                S
+              );
+            }
+          } catch (S) {
+            console.warn("Background injection failed", S);
+          }
         }
       }
-      if (e.instance.setPage(l), t.showInAllPages) {
-        const g = () => {
-          const m = t.height ?? 20;
-          e.box(f.x, f.y, p, m, t);
+      if (a.instance.setPage(W), h.showInAllPages) {
+        const F = () => {
+          const U = h.height ?? 20;
+          a.box(f.x, f.y, g, U, h);
         };
-        e.registerRecurringItem({
-          draw: g,
-          scope: t.scope ?? "all",
+        a.registerRecurringItem({
+          draw: F,
+          scope: h.scope ?? "all",
           y: f.y,
-          height: t.height ?? 0
+          height: h.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();
-    });
-  }, [e, t.showInAllPages, t.scope, i, s]), null;
+      n.isAbsolute || (a.setCursor(f.x, H.y), a.popVerticalPadding ? a.popVerticalPadding() : (a.moveCursor(0, m.bottom), a.setReservedHeight(0)), x.bottom > 0 && a.moveCursor(0, x.bottom)), n.hasIndent && a.popIndent && a.popIndent();
+    }));
+  }, [a, t, e, s, u, c]), null;
 };
-function bt(n) {
+function ee(n) {
   return typeof n == "number" ? { top: n, right: n, bottom: n, left: n } : {
     top: n?.top ?? 0,
     right: n?.right ?? 0,
@@ -1109,100 +1462,123 @@ function bt(n) {
     left: n?.left ?? 0
   };
 }
-const wt = ({
+const re = ({
   style: n,
-  x: t,
-  y: r,
-  w: a,
-  h: i,
-  viewState: s
+  className: t,
+  computeStyle: r,
+  x: i,
+  y: e,
+  w: s,
+  h: u,
+  showInAllPages: c,
+  scope: a,
+  viewState: y
 }) => {
-  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
-  };
-  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);
+  const f = pt(), P = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    P.current?.pdf === f && P.current?.gen === f.generation || (P.current = { pdf: f, gen: f.generation }, f.queueOperation(() => {
+      let p = { ...r(), ...n };
+      const b = !!p.fillColor, d = !!p.borderColor || (p.borderWidth ?? 0) > 0, l = n.padding !== void 0 || n.paddingTop !== void 0 || n.paddingRight !== void 0 || n.paddingBottom !== void 0 || n.paddingLeft !== void 0;
+      (b || d) && !l && !t && (p.padding = 4), c !== void 0 && (p.showInAllPages = c), a !== void 0 && (p.scope = a);
+      const m = St(p.padding), v = {
+        top: p.paddingTop ?? m.top,
+        right: p.paddingRight ?? m.right,
+        bottom: p.paddingBottom ?? m.bottom,
+        left: p.paddingLeft ?? m.left
+      }, C = ee(p.margin), x = {
+        top: p.marginTop ?? C.top,
+        right: p.marginRight ?? C.right,
+        bottom: p.marginBottom ?? C.bottom,
+        left: p.marginLeft ?? C.left
+      };
+      if (typeof i == "number" && typeof e == "number" && typeof s == "number" && typeof u == "number") {
+        y.isAbsolute = !0;
+        const g = f.getPageCount();
+        y.start = { x: i, y: e, page: g }, f.setCursor(i + v.left, e + v.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);
+        y.isAbsolute = !1, x.top > 0 && f.moveCursor(0, x.top), typeof p.height == "number" && p.height > 0 && f.moveCursor(0, p.height);
+        const g = f.getCursor(), _ = f.getPageCount();
+        y.start = { ...g, page: _ }, f.pushIndent ? ((v.left > 0 || v.right > 0) && (f.pushIndent(v.left, v.right), y.hasIndent = !0), f.pushVerticalPadding ? f.pushVerticalPadding(v.top, v.bottom) : (v.top > 0 && f.moveCursor(0, v.top), f.setReservedHeight(v.bottom))) : (f.setCursor(g.x + v.left, g.y + v.top), f.setReservedHeight(v.bottom));
       }
-    });
-  }, [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 = ({
+    }));
+  }, [f, n, i, e, s, u, c, a]), null;
+}, de = ({
   style: n = {},
-  children: t,
-  x: r,
-  y: a,
-  w: i,
-  h: s
+  className: t,
+  style: r,
+  children: i,
+  x: e,
+  y: s,
+  w: u,
+  h: c,
+  showInAllPages: a,
+  scope: y
 }) => {
-  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,
+  const { ref: f, computeStyle: P } = wt(), h = Ot({}).current;
+  return /* @__PURE__ */ tt.jsxs(z.Fragment, { children: [
+    /* @__PURE__ */ tt.jsx(
+      "div",
+      {
+        ref: f,
+        className: t,
+        style: {
+          ...r,
+          position: "absolute",
+          visibility: "hidden",
+          pointerEvents: "none"
+        }
+      }
+    ),
+    /* @__PURE__ */ tt.jsx(
+      re,
       {
         style: n,
-        x: r,
-        y: a,
-        w: i,
-        h: s,
-        viewState: l
+        className: t,
+        computeStyle: P,
+        x: e,
+        y: s,
+        w: u,
+        h: c,
+        showInAllPages: a,
+        scope: y,
+        viewState: h
       }
     ),
-    t,
-    /* @__PURE__ */ U.jsx(
-      mt,
+    n.gap ? z.Children.map(i, (p, b) => /* @__PURE__ */ tt.jsxs(z.Fragment, { children: [
+      b > 0 && /* @__PURE__ */ tt.jsx(oe, { height: n.gap }),
+      p
+    ] })) : i,
+    /* @__PURE__ */ tt.jsx(
+      te,
       {
-        viewState: l,
+        viewState: h,
         style: n,
-        pad: f,
-        margin: p,
-        w: i,
-        h: s
+        className: t,
+        computeStyle: P,
+        x: e,
+        y: s,
+        w: u,
+        h: c,
+        showInAllPages: a,
+        scope: y
       }
     )
   ] });
+}, oe = ({ height: n }) => {
+  const t = pt(), r = z.useRef(null);
+  return z.useLayoutEffect(() => {
+    n && (r.current?.pdf === t && r.current?.gen === t.generation || (r.current = { pdf: t, gen: t.generation }, t.queueOperation(() => {
+      t.moveCursor(0, n);
+    })));
+  }, [n, t]), null;
 };
 export {
-  pt as PdfDocument,
-  Rt as PdfImage,
-  St as PdfList,
-  Tt as PdfPreview,
-  gt as PdfRenderer,
-  Pt as PdfTable,
-  yt as PdfText,
-  Et as PdfView
+  Kt as PdfDocument,
+  se as PdfImage,
+  ae as PdfList,
+  ce as PdfPreview,
+  Qt as PdfRenderer,
+  fe as PdfTable,
+  le as PdfText,
+  de as PdfView
 };