epochs-pdf 0.1.2 → 0.1.4

package/dist/epochs-pdf.js

@@ -1,27 +1,27 @@
-var yi = Object.defineProperty;
-var bi = (e, t, n) => t in e ? yi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Ht = (e, t, n) => bi(e, typeof t != "symbol" ? t + "" : t, n);
-import { useRef as _e, useState as U, useEffect as xe, useMemo as Mt, useCallback as q, Fragment as _i } from "react";
-import { jsxs as T, jsx as a, Fragment as bt } from "react/jsx-runtime";
+var ki = Object.defineProperty;
+var Mi = (e, t, n) => t in e ? ki(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Ut = (e, t, n) => Mi(e, typeof t != "symbol" ? t + "" : t, n);
+import { useRef as me, useState as H, useEffect as xe, useMemo as Tt, useCallback as q, Fragment as Pi } from "react";
+import { jsxs as $, jsx as a, Fragment as vt } from "react/jsx-runtime";
 import * as ct from "pdfjs-dist";
-import { TextLayer as vi } from "pdfjs-dist";
-const mt = "#ffffff", un = [
+import { TextLayer as Ni } from "pdfjs-dist";
+const yt = "#ffffff", yn = [
   { id: "yellow", label: "Yellow", hex: "#facc15" },
   { id: "green", label: "Green", hex: "#4ade80" },
   { id: "pink", label: "Pink", hex: "#f472b6" },
   { id: "blue", label: "Blue", hex: "#60a5fa" },
   { id: "orange", label: "Orange", hex: "#fb923c" },
   { id: "purple", label: "Purple", hex: "#c084fc" }
-], fn = [
+], bn = [
   { id: "blue", label: "Blue", hex: "#2563eb" },
   { id: "red", label: "Red", hex: "#dc2626" },
   { id: "green", label: "Green", hex: "#16a34a" },
   { id: "orange", label: "Orange", hex: "#ea580c" },
   { id: "purple", label: "Purple", hex: "#7c3aed" },
   { id: "black", label: "Black", hex: "#111827" }
-], gn = un[0].hex, xi = fn[0].hex;
-mn(gn, "highlight");
-function zt() {
+], _n = yn[0].hex, $i = bn[0].hex;
+vn(_n, "highlight");
+function Wt() {
   return `m_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
 function Qe(e) {
@@ -33,34 +33,34 @@ function Qe(e) {
   }
   return t;
 }
-function mn(e, t, n = 0.45) {
+function vn(e, t, n = 0.45) {
   const i = Qe(e);
   if (t === "underline" || t === "redact") return i;
   const r = /^#([0-9a-f]{6})$/i.exec(i);
   if (!r) return `rgba(250, 204, 21, ${n})`;
-  const s = Number.parseInt(r[1], 16), c = s >> 16 & 255, l = s >> 8 & 255, y = s & 255;
-  return `rgba(${c}, ${l}, ${y}, ${n})`;
+  const o = Number.parseInt(r[1], 16), c = o >> 16 & 255, l = o >> 8 & 255, b = o & 255;
+  return `rgba(${c}, ${l}, ${b}, ${n})`;
 }
-function jt(e, t) {
+function Gt(e, t) {
   const n = window.getSelection();
   if (!n || n.isCollapsed || n.rangeCount === 0)
     return null;
   const i = n.getRangeAt(0);
   if (!e.contains(i.commonAncestorContainer))
     return null;
-  const r = e.getBoundingClientRect(), s = Array.from(i.getClientRects()).filter(
-    (x) => x.width > 0 && x.height > 0
+  const r = e.getBoundingClientRect(), o = Array.from(i.getClientRects()).filter(
+    (M) => M.width > 0 && M.height > 0
   );
-  if (!s.length) return null;
-  const c = t || 1, l = e.clientWidth || r.width, y = e.clientHeight || r.height;
-  return { rects: s.map((x) => ({
-    x: r.width > 0 ? (x.left - r.left) / r.width * (l / c) : 0,
-    y: r.height > 0 ? (x.top - r.top) / r.height * (y / c) : 0,
-    w: r.width > 0 ? x.width / r.width * (l / c) : 0,
-    h: r.height > 0 ? x.height / r.height * (y / c) : 0
+  if (!o.length) return null;
+  const c = t || 1, l = e.clientWidth || r.width, b = e.clientHeight || r.height;
+  return { rects: o.map((M) => ({
+    x: r.width > 0 ? (M.left - r.left) / r.width * (l / c) : 0,
+    y: r.height > 0 ? (M.top - r.top) / r.height * (b / c) : 0,
+    w: r.width > 0 ? M.width / r.width * (l / c) : 0,
+    h: r.height > 0 ? M.height / r.height * (b / c) : 0
   })), text: n.toString() };
 }
-function on(e) {
+function dn(e) {
   const n = [...e].sort((i, r) => i.y - r.y || i.x - r.x)[0] ?? { x: 0, y: 0, h: 14 };
   return {
     x: n.x,
@@ -68,7 +68,7 @@ function on(e) {
     fontSize: Math.max(8, Math.round(n.h * 0.9) || 14)
   };
 }
-function Ot(e, t = 2) {
+function Xt(e, t = 2) {
   return e.map((n) => ({
     x: Math.max(0, n.x - t),
     y: Math.max(0, n.y - t),
@@ -76,26 +76,26 @@ function Ot(e, t = 2) {
     h: n.h + t * 2
   }));
 }
-function wn(e, t, n) {
+function xn(e, t, n) {
   for (const i of t)
     for (const r of i.rects) {
-      const s = r.x * n, c = r.y * n, l = r.w * n, y = r.h * n;
+      const o = r.x * n, c = r.y * n, l = r.w * n, b = r.h * n;
       if (i.kind === "highlight")
-        e.save(), e.globalCompositeOperation = "multiply", e.fillStyle = i.color, e.fillRect(s, c, l, y), e.restore();
+        e.save(), e.globalCompositeOperation = "multiply", e.fillStyle = i.color, e.fillRect(o, c, l, b), e.restore();
       else if (i.kind === "redact")
-        e.fillStyle = i.color || mt, e.fillRect(s, c, l, y);
+        e.fillStyle = i.color || yt, e.fillRect(o, c, l, b);
       else {
         const f = Math.max(2, n * 1.5);
-        e.fillStyle = i.color, e.fillRect(s, c + y - f, l, f);
+        e.fillStyle = i.color, e.fillRect(o, c + b - f, l, f);
       }
     }
 }
-function Tt() {
+function Lt() {
   return `s_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-async function yn(e, t, n) {
+async function kn(e, t, n) {
   for (const i of t) {
-    const r = await Mi(i.imageDataUrl);
+    const r = await Ii(i.imageDataUrl);
     e.drawImage(
       r,
       i.x * n,
@@ -105,21 +105,21 @@ async function yn(e, t, n) {
     );
   }
 }
-function ki(e, t, n, i) {
+function Ti(e, t, n, i) {
   e.save();
   for (const r of t) {
-    const s = n.has(r.id), c = r.x * i, l = r.y * i, y = r.width * i, f = r.height * i;
-    e.fillStyle = s ? "rgba(29, 78, 216, 0.08)" : "rgba(29, 78, 216, 0.18)", e.strokeStyle = s ? "rgba(29, 78, 216, 0.45)" : "#1d4ed8", e.lineWidth = 1.5, e.setLineDash(s ? [] : [4, 3]), e.fillRect(c, l, y, f), e.strokeRect(c, l, y, f);
+    const o = n.has(r.id), c = r.x * i, l = r.y * i, b = r.width * i, f = r.height * i;
+    e.fillStyle = o ? "rgba(29, 78, 216, 0.08)" : "rgba(29, 78, 216, 0.18)", e.strokeStyle = o ? "rgba(29, 78, 216, 0.45)" : "#1d4ed8", e.lineWidth = 1.5, e.setLineDash(o ? [] : [4, 3]), e.fillRect(c, l, b, f), e.strokeRect(c, l, b, f);
   }
   e.restore();
 }
-function Mi(e) {
+function Ii(e) {
   return new Promise((t, n) => {
     const i = new Image();
     i.onload = () => t(i), i.onerror = () => n(new Error("Failed to load signature image")), i.src = e;
   });
 }
-function Pi(e, t, n = 180, i = 64) {
+function Ci(e, t, n = 180, i = 64) {
   if (e <= 0 || t <= 0)
     return { width: n, height: i };
   const r = Math.min(n / e, i / t);
@@ -128,97 +128,97 @@ function Pi(e, t, n = 180, i = 64) {
     height: Math.max(20, t * r)
   };
 }
-function Pt(e, t, n, i) {
-  const r = n.getBoundingClientRect(), s = n.clientWidth || r.width, c = n.clientHeight || r.height;
+function It(e, t, n, i) {
+  const r = n.getBoundingClientRect(), o = n.clientWidth || r.width, c = n.clientHeight || r.height;
   return r.width <= 0 || r.height <= 0 || i <= 0 ? { x: 0, y: 0 } : {
-    x: (e - r.left) / r.width * (s / i),
+    x: (e - r.left) / r.width * (o / i),
     y: (t - r.top) / r.height * (c / i)
   };
 }
-function yt(e, t) {
+function _t(e, t) {
   return {
     width: e.clientWidth / t,
     height: e.clientHeight / t
   };
 }
-function Ni(e, t, n, i) {
-  const r = n.getBoundingClientRect(), s = n.clientWidth || r.width, c = n.clientHeight || r.height;
+function Ri(e, t, n, i) {
+  const r = n.getBoundingClientRect(), o = n.clientWidth || r.width, c = n.clientHeight || r.height;
   return r.width <= 0 || r.height <= 0 || i <= 0 ? { dx: 0, dy: 0 } : {
-    dx: e / r.width * (s / i),
+    dx: e / r.width * (o / i),
     dy: t / r.height * (c / i)
   };
 }
-function $i(e, t, n) {
-  const i = t.getBoundingClientRect(), { width: r, height: s } = yt(t, n);
-  return i.width <= 0 || i.height <= 0 ? { left: 0, top: 0, right: r, bottom: s } : {
+function Li(e, t, n) {
+  const i = t.getBoundingClientRect(), { width: r, height: o } = _t(t, n);
+  return i.width <= 0 || i.height <= 0 ? { left: 0, top: 0, right: r, bottom: o } : {
     left: (e.left - i.left) / i.width * r,
-    top: (e.top - i.top) / i.height * s,
+    top: (e.top - i.top) / i.height * o,
     right: (e.right - i.left) / i.width * r,
-    bottom: (e.bottom - i.top) / i.height * s
+    bottom: (e.bottom - i.top) / i.height * o
   };
 }
-const _t = 14, wt = "#111827", Ut = 24, Wt = 20;
-function Gt() {
+const xt = 14, bt = "#111827", qt = 24, Yt = 20;
+function Kt() {
   return `t_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function ut(e, t) {
+function gt(e, t) {
   if (typeof document > "u")
     return {
-      width: Math.max(Ut, e.length * t * 0.55),
-      height: Math.max(Wt, t * 1.25)
+      width: Math.max(qt, e.length * t * 0.55),
+      height: Math.max(Yt, t * 1.25)
     };
   const i = document.createElement("canvas").getContext("2d");
   if (!i)
     return {
-      width: Math.max(Ut, e.length * t * 0.55),
-      height: Math.max(Wt, t * 1.25)
+      width: Math.max(qt, e.length * t * 0.55),
+      height: Math.max(Yt, t * 1.25)
     };
   i.font = `${t}px sans-serif`;
   const r = e.split(`
-`), s = t * 1.25;
-  let c = Ut;
+`), o = t * 1.25;
+  let c = qt;
   for (const l of r)
     c = Math.max(c, i.measureText(l || " ").width + 4);
   return {
     width: c,
-    height: Math.max(Wt, r.length * s)
+    height: Math.max(Yt, r.length * o)
   };
 }
-function Ti(e, t, n, i, r) {
-  var E;
-  const s = n.getBoundingClientRect(), c = n.clientWidth || s.width, l = n.clientHeight || s.height, y = (I) => s.width > 0 ? (I - s.left) / s.width * (c / r) : 0, f = (I) => s.height > 0 ? (I - s.top) / s.height * (l / r) : 0, x = (I, V) => {
-    const te = V === "x" ? s.width : s.height, X = V === "x" ? c : l;
-    return te > 0 ? I / te * (X / r) : 0;
+function Fi(e, t, n, i, r) {
+  var B;
+  const o = n.getBoundingClientRect(), c = n.clientWidth || o.width, l = n.clientHeight || o.height, b = (T) => o.width > 0 ? (T - o.left) / o.width * (c / r) : 0, f = (T) => o.height > 0 ? (T - o.top) / o.height * (l / r) : 0, M = (T, Q) => {
+    const ee = Q === "x" ? o.width : o.height, W = Q === "x" ? c : l;
+    return ee > 0 ? T / ee * (W / r) : 0;
   };
-  let v = y(e), m = f(t), M = _t;
-  const $ = Ii(e, t, i);
-  if ($)
+  let v = b(e), g = f(t), P = xt;
+  const N = Di(e, t, i);
+  if (N)
     return {
-      x: y($.x),
-      y: f($.y),
-      fontSize: Math.max(8, Math.round(x($.fontSize, "y") * 10) / 10)
+      x: b(N.x),
+      y: f(N.y),
+      fontSize: Math.max(8, Math.round(M(N.fontSize, "y") * 10) / 10)
     };
-  const G = document, S = (E = G.caretRangeFromPoint) == null ? void 0 : E.call(G, e, t);
-  if (S && i.contains(S.startContainer)) {
-    const I = S.getClientRects(), V = I.length > 0 ? I[0] : S.getBoundingClientRect();
-    if (V.height > 0) {
-      m = f(V.top), M = Li(S.startContainer, r, n);
-      const te = y(V.left);
-      return Math.abs(te - v) < x(8, "x") && (v = te), { x: v, y: m, fontSize: M };
+  const U = document, E = (B = U.caretRangeFromPoint) == null ? void 0 : B.call(U, e, t);
+  if (E && i.contains(E.startContainer)) {
+    const T = E.getClientRects(), Q = T.length > 0 ? T[0] : E.getBoundingClientRect();
+    if (Q.height > 0) {
+      g = f(Q.top), P = Ai(E.startContainer, r, n);
+      const ee = b(Q.left);
+      return Math.abs(ee - v) < M(8, "x") && (v = ee), { x: v, y: g, fontSize: P };
     }
   }
-  const z = Ci(e, t, i);
-  return z && (m = f(z.top), M = Math.max(8, Math.round(x(z.height, "y") * 10) / 10)), { x: v, y: m, fontSize: M };
+  const z = Si(e, t, i);
+  return z && (g = f(z.top), P = Math.max(8, Math.round(M(z.height, "y") * 10) / 10)), { x: v, y: g, fontSize: P };
 }
-function Ii(e, t, n) {
-  var s;
+function Di(e, t, n) {
+  var o;
   const i = Array.from(
     n.querySelectorAll("span")
   );
   if (i.length < 2) return null;
   const r = [];
   for (const c of i) {
-    if (!((s = c.textContent) != null && s.trim())) continue;
+    if (!((o = c.textContent) != null && o.trim())) continue;
     const l = c.getBoundingClientRect();
     l.width <= 0 || l.height <= 0 || t < l.top - 4 || t > l.bottom + 4 || r.push({
       left: l.left,
@@ -230,36 +230,36 @@ function Ii(e, t, n) {
   }
   r.sort((c, l) => c.left - l.left);
   for (let c = 0; c < r.length - 1; c += 1) {
-    const l = r[c], y = r[c + 1], f = l.right, x = y.left;
-    if (!(x - f < 1) && e >= f - 2 && e <= x + 2)
+    const l = r[c], b = r[c + 1], f = l.right, M = b.left;
+    if (!(M - f < 1) && e >= f - 2 && e <= M + 2)
       return {
         x: e,
-        y: Math.min(l.top, y.top),
-        fontSize: Math.min(l.height, y.height)
+        y: Math.min(l.top, b.top),
+        fontSize: Math.min(l.height, b.height)
       };
   }
   return null;
 }
-function Ci(e, t, n) {
-  var s;
+function Si(e, t, n) {
+  var o;
   const i = Array.from(
     n.querySelectorAll("span")
   );
   let r = null;
   for (const c of i) {
-    if (!((s = c.textContent) != null && s.trim())) continue;
+    if (!((o = c.textContent) != null && o.trim())) continue;
     const l = c.getBoundingClientRect();
     if (l.width <= 0 || l.height <= 0 || t < l.top - 6 || t > l.bottom + 6) continue;
-    const y = (l.left + l.right) / 2, f = Math.abs(e - y);
+    const b = (l.left + l.right) / 2, f = Math.abs(e - b);
     (!r || f < r.dist) && (r = { top: l.top, height: l.height, dist: f });
   }
   return r ? { top: r.top, height: r.height } : null;
 }
-function Li(e, t, n) {
+function Ai(e, t, n) {
   const i = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-  return i ? Ri(i, t, n) : _t;
+  return i ? Ei(i, t, n) : xt;
 }
-function Ri(e, t, n) {
+function Ei(e, t, n) {
   const i = e.getBoundingClientRect().height;
   if (i > 0) {
     if (n) {
@@ -272,58 +272,58 @@ function Ri(e, t, n) {
     }
     return Math.max(8, Math.round(i / t * 10) / 10);
   }
-  const r = window.getComputedStyle(e).fontSize, s = Number.parseFloat(r);
-  return Number.isFinite(s) && s > 0 ? Math.max(8, Math.round(s / t * 10) / 10) : _t;
+  const r = window.getComputedStyle(e).fontSize, o = Number.parseFloat(r);
+  return Number.isFinite(o) && o > 0 ? Math.max(8, Math.round(o / t * 10) / 10) : xt;
 }
-function Di(e, t, n, i) {
+function Bi(e, t, n, i) {
   for (const r of n)
     if (r.pageNumber === i && e >= r.x && e <= r.x + r.width && t >= r.y && t <= r.y + r.height)
       return r;
   return null;
 }
-function Fi(e, t, n) {
-  var M;
+function Hi(e, t, n) {
+  var P;
   if (!n) return null;
-  const i = document, r = (M = i.caretRangeFromPoint) == null ? void 0 : M.call(i, e, t);
+  const i = document, r = (P = i.caretRangeFromPoint) == null ? void 0 : P.call(i, e, t);
   if (!r || !n.contains(r.startContainer)) return null;
-  const s = r.startContainer;
-  if (s.nodeType !== Node.TEXT_NODE || !s.textContent) return null;
-  const c = s.textContent;
+  const o = r.startContainer;
+  if (o.nodeType !== Node.TEXT_NODE || !o.textContent) return null;
+  const c = o.textContent;
   let l = r.startOffset;
   l = Math.min(Math.max(0, l), c.length);
-  const y = ($) => /[\p{L}\p{N}_'-]/u.test($);
-  let f = l, x = l;
-  for (; f > 0 && y(c[f - 1]); ) f -= 1;
-  for (; x < c.length && y(c[x]); ) x += 1;
-  if (f === x) return null;
+  const b = (N) => /[\p{L}\p{N}_'-]/u.test(N);
+  let f = l, M = l;
+  for (; f > 0 && b(c[f - 1]); ) f -= 1;
+  for (; M < c.length && b(c[M]); ) M += 1;
+  if (f === M) return null;
   const v = document.createRange();
-  v.setStart(s, f), v.setEnd(s, x);
-  const m = window.getSelection();
-  return m == null || m.removeAllRanges(), m == null || m.addRange(v), c.slice(f, x);
+  v.setStart(o, f), v.setEnd(o, M);
+  const g = window.getSelection();
+  return g == null || g.removeAllRanges(), g == null || g.addRange(v), c.slice(f, M);
 }
-function bn(e, t, n) {
+function Mn(e, t, n) {
   e.save();
   for (const i of t) {
     if (!i.value.trim()) continue;
-    const r = i.x * n, s = i.y * n, c = Math.max(8, i.fontSize * n);
+    const r = i.x * n, o = i.y * n, c = Math.max(8, i.fontSize * n);
     e.fillStyle = i.color, e.font = `${c}px sans-serif`, e.textBaseline = "top";
-    const l = c * 1.25, y = i.value.split(`
+    const l = c * 1.25, b = i.value.split(`
 `);
-    let f = s;
-    for (const x of y)
-      e.fillText(x, r, f), f += l;
+    let f = o;
+    for (const M of b)
+      e.fillText(M, r, f), f += l;
   }
   e.restore();
 }
-function Ai(e, t, n, i) {
+function zi(e, t, n, i) {
   e.save();
   for (const r of t) {
-    const s = n.has(r.id), c = r.x * i, l = r.y * i, y = r.width * i, f = r.height * i;
-    e.fillStyle = s ? "rgba(5, 150, 105, 0.08)" : "rgba(5, 150, 105, 0.16)", e.strokeStyle = s ? "rgba(5, 150, 105, 0.45)" : "#059669", e.lineWidth = 1.5, e.setLineDash(s ? [] : [4, 3]), e.fillRect(c, l, y, f), e.strokeRect(c, l, y, f);
+    const o = n.has(r.id), c = r.x * i, l = r.y * i, b = r.width * i, f = r.height * i;
+    e.fillStyle = o ? "rgba(5, 150, 105, 0.08)" : "rgba(5, 150, 105, 0.16)", e.strokeStyle = o ? "rgba(5, 150, 105, 0.45)" : "#059669", e.lineWidth = 1.5, e.setLineDash(o ? [] : [4, 3]), e.fillRect(c, l, b, f), e.strokeRect(c, l, b, f);
   }
   e.restore();
 }
-function Te({
+function Ne({
   size: e = 14,
   className: t,
   children: n
@@ -346,83 +346,83 @@ function Te({
     }
   );
 }
-function Si(e) {
-  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) });
+function ji(e) {
+  return /* @__PURE__ */ a(Ne, { ...e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) });
 }
-function Ei(e) {
-  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("polyline", { points: "9 18 15 12 9 6" }) });
+function Oi(e) {
+  return /* @__PURE__ */ a(Ne, { ...e, children: /* @__PURE__ */ a("polyline", { points: "9 18 15 12 9 6" }) });
 }
-function Bi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Ui(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
     /* @__PURE__ */ a("polyline", { points: "7 10 12 15 17 10" }),
     /* @__PURE__ */ a("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] });
 }
-function Hi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Wi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
     /* @__PURE__ */ a("polyline", { points: "15 3 21 3 21 9" }),
     /* @__PURE__ */ a("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] });
 }
-function zi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Gi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("rect", { x: "3", y: "3", width: "7", height: "7" }),
     /* @__PURE__ */ a("rect", { x: "14", y: "3", width: "7", height: "7" }),
     /* @__PURE__ */ a("rect", { x: "14", y: "14", width: "7", height: "7" }),
     /* @__PURE__ */ a("rect", { x: "3", y: "14", width: "7", height: "7" })
   ] });
 }
-function ji(e) {
-  return /* @__PURE__ */ a(Te, { ...e, children: /* @__PURE__ */ a("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+function Xi(e) {
+  return /* @__PURE__ */ a(Ne, { ...e, children: /* @__PURE__ */ a("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Oi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function qi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ a("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] });
 }
-function Ui(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Yi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("polyline", { points: "6 9 6 2 18 2 18 9" }),
     /* @__PURE__ */ a("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
     /* @__PURE__ */ a("rect", { x: "6", y: "14", width: "12", height: "8" })
   ] });
 }
-function Wi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Ki(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("polyline", { points: "23 4 23 10 17 10" }),
     /* @__PURE__ */ a("polyline", { points: "1 20 1 14 7 14" }),
     /* @__PURE__ */ a("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
   ] });
 }
-function Gi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Zi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("polyline", { points: "23 4 23 10 17 10" }),
     /* @__PURE__ */ a("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
   ] });
 }
-function Xi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Vi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "M12 20h9" }),
     /* @__PURE__ */ a("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
   ] });
 }
-function qi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Qi(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "M6 3v7a6 6 0 0 0 12 0V3" }),
     /* @__PURE__ */ a("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
   ] });
 }
-function Yi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function Ji(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }),
     /* @__PURE__ */ a("path", { d: "M22 21H7" }),
     /* @__PURE__ */ a("path", { d: "m5 11 9 9" })
   ] });
 }
-function Ki({ size: e = 16, className: t }) {
+function er({ size: e = 16, className: t }) {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -440,619 +440,619 @@ function Ki({ size: e = 16, className: t }) {
     }
   );
 }
-function Zi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function tr(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("path", { d: "M12 20h9" }),
     /* @__PURE__ */ a("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })
   ] });
 }
-function Vi(e) {
-  return /* @__PURE__ */ T(Te, { ...e, children: [
+function nr(e) {
+  return /* @__PURE__ */ $(Ne, { ...e, children: [
     /* @__PURE__ */ a("polyline", { points: "4 7 4 4 20 4 20 7" }),
     /* @__PURE__ */ a("line", { x1: "9", y1: "20", x2: "15", y2: "20" }),
     /* @__PURE__ */ a("line", { x1: "12", y1: "4", x2: "12", y2: "20" })
   ] });
 }
-function Qi({
+function ir({
   pdfDoc: e,
   pageNumber: t,
   scale: n,
   rotation: i,
   pageRef: r,
-  onRendered: s,
+  onRendered: o,
   markupTool: c = "none",
   markupColor: l,
-  annotations: y = [],
+  annotations: b = [],
   onAddAnnotation: f,
-  onRemoveAnnotation: x,
+  onRemoveAnnotation: M,
   signatures: v = [],
-  pendingSignature: m = null,
-  onAddSignature: M,
-  onUpdateSignature: $,
-  onRemoveSignature: G,
-  onEditSignature: S,
+  pendingSignature: g = null,
+  onAddSignature: P,
+  onUpdateSignature: N,
+  onRemoveSignature: U,
+  onEditSignature: E,
   onDuplicateSignature: z,
-  selectedSignatureId: E = null,
-  onSelectSignature: I,
-  signatureFields: V = [],
-  selectedSignatureFieldId: te = null,
-  onSelectSignatureField: X,
-  hasFixedSignatureFields: oe = !1,
-  onOpenSignaturePad: ke,
-  fieldValues: ye = {},
+  selectedSignatureId: B = null,
+  onSelectSignature: T,
+  signatureFields: Q = [],
+  selectedSignatureFieldId: ee = null,
+  onSelectSignatureField: W,
+  hasFixedSignatureFields: re = !1,
+  onOpenSignaturePad: Pe,
+  fieldValues: we = {},
   onFieldValueChange: D,
-  onFieldValueCommit: ae,
-  pendingFieldValue: C = null,
-  onPlaceFieldValue: F,
-  texts: Q = [],
-  onAddText: Me,
-  onUpdateText: Ie,
+  onFieldValueCommit: se,
+  pendingFieldValue: te = null,
+  onPlaceFieldValue: A,
+  texts: oe = [],
+  onAddText: ke,
+  onUpdateText: $e,
   onRemoveText: ue,
-  selectedTextId: be = null,
-  onSelectText: J,
-  textFields: Ee = [],
-  selectedTextFieldId: Ye = null,
-  onSelectTextField: Pe,
-  hasFixedTextFields: Oe = !1,
-  editingTextId: ve = null,
-  onEditingTextIdChange: B
+  selectedTextId: ye = null,
+  onSelectText: Y,
+  textFields: lt = [],
+  selectedTextFieldId: je = null,
+  onSelectTextField: Le,
+  hasFixedTextFields: Ue = !1,
+  editingTextId: Fe = null,
+  onEditingTextIdChange: O
 }) {
-  const fe = _e(null), je = _e(null), ie = _e(null), ge = _e(null), he = _e(null), u = _e(null), [g, j] = U(null), Y = _e(null), se = _e(!1);
+  const pe = me(null), fe = me(null), Ee = me(null), G = me(null), Be = me(null), p = me(null), [_, C] = H(null), ne = me(null), K = me(!1);
   xe(() => {
-    if (!e || !je.current || !ie.current || !ge.current)
+    if (!e || !fe.current || !Ee.current || !G.current)
       return;
-    let o = !1;
-    const w = je.current, _ = ie.current, k = ge.current, P = w.getContext("2d");
-    return P ? ((async () => {
+    let s = !1;
+    const m = fe.current, w = Ee.current, x = G.current, j = m.getContext("2d");
+    return j ? ((async () => {
       try {
-        if (he.current) {
+        if (Be.current) {
           try {
-            he.current.cancel();
+            Be.current.cancel();
           } catch {
           }
-          he.current = null;
+          Be.current = null;
         }
-        if (u.current) {
+        if (p.current) {
           try {
-            u.current.cancel();
+            p.current.cancel();
           } catch {
           }
-          u.current = null;
+          p.current = null;
         }
-        const L = await e.getPage(t);
-        if (o) return;
-        const O = L.getViewport({ scale: n, rotation: i }), Z = Math.floor(O.width), W = Math.floor(O.height);
-        w.width = Z, w.height = W, k.style.width = `${Z}px`, k.style.height = `${W}px`;
-        const H = L.render({ canvasContext: P, viewport: O });
-        if (he.current = H, await H.promise, o) return;
-        _.replaceChildren(), _.style.setProperty("--scale-factor", String(O.scale));
-        const le = await L.getTextContent();
-        if (o) return;
-        const de = new vi({
-          textContentSource: le,
-          container: _,
-          viewport: O
+        const R = await e.getPage(t);
+        if (s) return;
+        const S = R.getViewport({ scale: n, rotation: i }), X = Math.floor(S.width), ie = Math.floor(S.height);
+        m.width = X, m.height = ie, x.style.width = `${X}px`, x.style.height = `${ie}px`;
+        const I = R.render({ canvasContext: j, viewport: S });
+        if (Be.current = I, await I.promise, s) return;
+        w.replaceChildren(), w.style.setProperty("--scale-factor", String(S.scale));
+        const ce = await R.getTextContent();
+        if (s) return;
+        const de = new Ni({
+          textContentSource: ce,
+          container: w,
+          viewport: S
         });
-        if (u.current = de, await de.render(), o) return;
-        s == null || s(t);
+        if (p.current = de, await de.render(), s) return;
+        o == null || o(t);
       } catch {
       }
     })(), () => {
-      if (o = !0, he.current) {
+      if (s = !0, Be.current) {
         try {
-          he.current.cancel();
+          Be.current.cancel();
         } catch {
         }
-        he.current = null;
+        Be.current = null;
       }
-      if (u.current) {
+      if (p.current) {
         try {
-          u.current.cancel();
+          p.current.cancel();
         } catch {
         }
-        u.current = null;
+        p.current = null;
       }
     }) : void 0;
-  }, [e, t, n, i, s]), xe(() => {
-    const o = ge.current;
-    if (!o) return;
-    const w = (N) => {
-      var W;
+  }, [e, t, n, i, o]), xe(() => {
+    const s = G.current;
+    if (!s) return;
+    const m = (k) => {
+      var ie;
       if (!f) return !1;
-      const L = N === "redact" ? mt : l;
-      if (!L) return !1;
-      const O = jt(o, n);
-      if (!O) return !1;
-      const Z = N === "redact" ? Ot(O.rects) : O.rects;
+      const R = k === "redact" ? yt : l;
+      if (!R) return !1;
+      const S = Gt(s, n);
+      if (!S) return !1;
+      const X = k === "redact" ? Xt(S.rects) : S.rects;
       return f({
-        id: zt(),
+        id: Wt(),
         pageNumber: t,
-        kind: N,
-        color: L,
-        rects: Z,
-        text: O.text
-      }), (W = window.getSelection()) == null || W.removeAllRanges(), !0;
-    }, _ = (N) => {
-      var le;
-      if (!f || !Me) return !1;
-      const L = jt(o, n);
-      if (!L) return !1;
-      const O = Ot(L.rects);
+        kind: k,
+        color: R,
+        rects: X,
+        text: S.text
+      }), (ie = window.getSelection()) == null || ie.removeAllRanges(), !0;
+    }, w = (k) => {
+      var ce;
+      if (!f || !ke) return !1;
+      const R = Gt(s, n);
+      if (!R) return !1;
+      const S = Xt(R.rects);
       f({
-        id: zt(),
+        id: Wt(),
         pageNumber: t,
         kind: "redact",
-        color: mt,
-        rects: O,
-        text: L.text
+        color: yt,
+        rects: S,
+        text: R.text
       });
-      const Z = on(L.rects), W = ut(N || " ", Z.fontSize), H = {
-        id: Gt(),
+      const X = dn(R.rects), ie = gt(k || " ", X.fontSize), I = {
+        id: Kt(),
         pageNumber: t,
-        x: Z.x,
-        y: Z.y,
-        width: W.width,
-        height: W.height,
-        value: N,
-        fontSize: Z.fontSize,
-        color: wt
+        x: X.x,
+        y: X.y,
+        width: ie.width,
+        height: ie.height,
+        value: k,
+        fontSize: X.fontSize,
+        color: bt
       };
-      return Me(H), J == null || J(H.id), B == null || B(H.id), (le = window.getSelection()) == null || le.removeAllRanges(), se.current = !0, window.setTimeout(() => {
-        se.current = !1;
+      return ke(I), Y == null || Y(I.id), O == null || O(I.id), (ce = window.getSelection()) == null || ce.removeAllRanges(), K.current = !0, window.setTimeout(() => {
+        K.current = !1;
       }, 0), !0;
-    }, k = () => {
+    }, x = () => {
       if (c === "highlight" || c === "underline") {
-        w(c);
+        m(c);
         return;
       }
       if (c === "erase") {
-        w("redact");
+        m("redact");
         return;
       }
       if (c === "text") {
-        const N = window.getSelection();
-        N && !N.isCollapsed && N.toString().trim() && N.anchorNode && o.contains(N.anchorNode) && _(N.toString());
+        const k = window.getSelection();
+        k && !k.isCollapsed && k.toString().trim() && k.anchorNode && s.contains(k.anchorNode) && w(k.toString());
       }
-    }, P = (N) => {
-      const L = N.target;
-      if (L != null && L.closest("[contenteditable='true']") || L != null && L.closest("[contenteditable='']") || L != null && L.isContentEditable)
+    }, j = (k) => {
+      const R = k.target;
+      if (R != null && R.closest("[contenteditable='true']") || R != null && R.closest("[contenteditable='']") || R != null && R.isContentEditable)
         return;
-      const O = window.getSelection(), Z = O != null && !O.isCollapsed && O.toString().trim().length > 0 && O.anchorNode != null && o.contains(O.anchorNode);
-      if (c === "text" && Z) {
-        if (N.key === "Enter" && !N.shiftKey) {
-          N.preventDefault(), _(O.toString());
+      const S = window.getSelection(), X = S != null && !S.isCollapsed && S.toString().trim().length > 0 && S.anchorNode != null && s.contains(S.anchorNode);
+      if (c === "text" && X) {
+        if (k.key === "Enter" && !k.shiftKey) {
+          k.preventDefault(), w(S.toString());
           return;
         }
-        if (N.key.length === 1 && !N.ctrlKey && !N.metaKey && !N.altKey) {
-          N.preventDefault(), _(N.key);
+        if (k.key.length === 1 && !k.ctrlKey && !k.metaKey && !k.altKey) {
+          k.preventDefault(), w(k.key);
           return;
         }
       }
-      c !== "text" && c !== "erase" || N.key !== "Backspace" && N.key !== "Delete" || Z && (N.preventDefault(), w("redact"));
+      c !== "text" && c !== "erase" || k.key !== "Backspace" && k.key !== "Delete" || X && (k.preventDefault(), m("redact"));
     };
-    return o.addEventListener("mouseup", k), window.addEventListener("keydown", P), () => {
-      o.removeEventListener("mouseup", k), window.removeEventListener("keydown", P);
+    return s.addEventListener("mouseup", x), window.addEventListener("keydown", j), () => {
+      s.removeEventListener("mouseup", x), window.removeEventListener("keydown", j);
     };
   }, [
     c,
     l,
     f,
-    Me,
-    B,
-    J,
+    ke,
+    O,
+    Y,
     t,
     n
   ]), xe(() => {
-    if (!g) return;
-    let o = 0, w = 0, _ = 0, k = 0;
-    const P = () => {
-      var H;
-      return (H = fe.current) == null ? void 0 : H.closest(".epochs-pdf-viewer__body");
-    }, N = (H, le) => {
-      if (g.kind !== "resize" || !$ || oe) return;
-      const de = v.find((Xe) => Xe.id === g.id);
+    if (!_) return;
+    let s = 0, m = 0, w = 0, x = 0;
+    const j = () => {
+      var I;
+      return (I = pe.current) == null ? void 0 : I.closest(".epochs-pdf-viewer__body");
+    }, k = (I, ce) => {
+      if (_.kind !== "resize" || !N || re) return;
+      const de = v.find((dt) => dt.id === _.id);
       if (!de) return;
-      const ne = ge.current, Ne = ne ? yt(ne, n) : { width: 1 / 0, height: 1 / 0 }, { dx: pe, dy: me } = ne ? Ni(
-        H - g.startX,
-        le - g.startY,
-        ne,
+      const he = G.current, ve = he ? _t(he, n) : { width: 1 / 0, height: 1 / 0 }, { dx: ze, dy: le } = he ? Ri(
+        I - _.startX,
+        ce - _.startY,
+        he,
         n
-      ) : { dx: 0, dy: 0 }, $e = Ne.width - de.x, Ge = Ne.height - de.y, Se = Math.min($e, Math.max(40, g.startW + pe)), lt = Math.min(Ge, Math.max(20, g.startH + me));
-      $(g.id, { width: Se, height: lt });
-    }, L = (H, le) => {
-      var xt;
-      if (g.kind !== "signature" || !$ || oe) return;
-      const de = v.find((Ze) => Ze.id === g.id);
+      ) : { dx: 0, dy: 0 }, Me = ve.width - de.x, Se = ve.height - de.y, Ye = Math.min(Me, Math.max(40, _.startW + ze)), Xe = Math.min(Se, Math.max(20, _.startH + le));
+      N(_.id, { width: Ye, height: Xe });
+    }, R = (I, ce) => {
+      var Ze;
+      if (_.kind !== "signature" || !N || re) return;
+      const de = v.find((kt) => kt.id === _.id);
       if (!de) return;
-      let ne = (xt = document.elementFromPoint(H, le)) == null ? void 0 : xt.closest("[data-page-number]");
-      if (ne || (ne = Array.from(
+      let he = (Ze = document.elementFromPoint(I, ce)) == null ? void 0 : Ze.closest("[data-page-number]");
+      if (he || (he = Array.from(
         document.querySelectorAll(".epochs-pdf-viewer__page[data-page-number]")
-      ).find((Lt) => {
-        const Je = Lt.getBoundingClientRect();
-        return le >= Je.top && le <= Je.bottom;
-      }) ?? null), ne || (ne = fe.current), !ne) return;
-      const Ne = ne.querySelector(
+      ).find((Je) => {
+        const Mt = Je.getBoundingClientRect();
+        return ce >= Mt.top && ce <= Mt.bottom;
+      }) ?? null), he || (he = pe.current), !he) return;
+      const ve = he.querySelector(
         ".epochs-pdf-viewer__surface"
       );
-      if (!Ne) return;
-      const pe = Number.parseInt(
-        ne.getAttribute("data-page-number") || String(de.pageNumber),
+      if (!ve) return;
+      const ze = Number.parseInt(
+        he.getAttribute("data-page-number") || String(de.pageNumber),
         10
-      ), me = Pt(H, le, Ne, n), $e = yt(Ne, n);
-      let Ge = me.x - g.offsetX, Se = me.y - g.offsetY;
-      const lt = Math.max(0, $e.width - de.width), Xe = Math.max(0, $e.height - de.height);
-      Ge = Math.min(Math.max(0, Ge), lt), Se = Math.min(Math.max(0, Se), Xe), $(g.id, {
-        pageNumber: pe,
-        x: Ge,
-        y: Se
+      ), le = It(I, ce, ve, n), Me = _t(ve, n);
+      let Se = le.x - _.offsetX, Ye = le.y - _.offsetY;
+      const Xe = Math.max(0, Me.width - de.width), dt = Math.max(0, Me.height - de.height);
+      Se = Math.min(Math.max(0, Se), Xe), Ye = Math.min(Math.max(0, Ye), dt), N(_.id, {
+        pageNumber: ze,
+        x: Se,
+        y: Ye
       });
-    }, O = () => {
-      if (o = 0, !k) return;
-      const H = P();
-      if (!H) return;
-      const le = H.scrollHeight - H.clientHeight;
-      if (le <= 0) return;
-      const de = 56, ne = H.getBoundingClientRect(), Ne = _ - ne.top, pe = ne.bottom - _;
-      let me = 0;
-      if (k < 0 && Ne < de)
-        me = -Math.max(6, (de - Ne) / de * 28);
-      else if (k > 0 && pe < de)
-        me = Math.max(6, (de - pe) / de * 28);
+    }, S = () => {
+      if (s = 0, !x) return;
+      const I = j();
+      if (!I) return;
+      const ce = I.scrollHeight - I.clientHeight;
+      if (ce <= 0) return;
+      const de = 56, he = I.getBoundingClientRect(), ve = w - he.top, ze = he.bottom - w;
+      let le = 0;
+      if (x < 0 && ve < de)
+        le = -Math.max(6, (de - ve) / de * 28);
+      else if (x > 0 && ze < de)
+        le = Math.max(6, (de - ze) / de * 28);
       else {
-        k = 0;
+        x = 0;
         return;
       }
-      const $e = H.scrollTop;
-      H.scrollTop = Math.min(le, Math.max(0, $e + me)), H.scrollTop !== $e && L(w, _), me < 0 && H.scrollTop > 0 || me > 0 && H.scrollTop < le ? o = window.requestAnimationFrame(O) : k = 0;
-    }, Z = (H) => {
-      w = H.clientX, _ = H.clientY;
-      const le = P();
-      if (le) {
-        const ne = le.getBoundingClientRect(), Ne = H.clientY - ne.top, pe = ne.bottom - H.clientY;
-        Ne < 56 ? (k = -1, o || (o = window.requestAnimationFrame(O))) : pe < 56 ? (k = 1, o || (o = window.requestAnimationFrame(O))) : k = 0;
+      const Me = I.scrollTop;
+      I.scrollTop = Math.min(ce, Math.max(0, Me + le)), I.scrollTop !== Me && R(m, w), le < 0 && I.scrollTop > 0 || le > 0 && I.scrollTop < ce ? s = window.requestAnimationFrame(S) : x = 0;
+    }, X = (I) => {
+      m = I.clientX, w = I.clientY;
+      const ce = j();
+      if (ce) {
+        const he = ce.getBoundingClientRect(), ve = I.clientY - he.top, ze = he.bottom - I.clientY;
+        ve < 56 ? (x = -1, s || (s = window.requestAnimationFrame(S))) : ze < 56 ? (x = 1, s || (s = window.requestAnimationFrame(S))) : x = 0;
       }
-      g.kind === "resize" ? N(H.clientX, H.clientY) : L(H.clientX, H.clientY);
-    }, W = () => {
-      k = 0, o && (window.cancelAnimationFrame(o), o = 0), j(null);
+      _.kind === "resize" ? k(I.clientX, I.clientY) : R(I.clientX, I.clientY);
+    }, ie = () => {
+      x = 0, s && (window.cancelAnimationFrame(s), s = 0), C(null);
     };
-    return window.addEventListener("pointermove", Z), window.addEventListener("pointerup", W), window.addEventListener("pointercancel", W), () => {
-      k = 0, o && window.cancelAnimationFrame(o), window.removeEventListener("pointermove", Z), window.removeEventListener("pointerup", W), window.removeEventListener("pointercancel", W);
+    return window.addEventListener("pointermove", X), window.addEventListener("pointerup", ie), window.addEventListener("pointercancel", ie), () => {
+      x = 0, s && window.cancelAnimationFrame(s), window.removeEventListener("pointermove", X), window.removeEventListener("pointerup", ie), window.removeEventListener("pointercancel", ie);
     };
   }, [
-    g,
-    oe,
-    $,
+    _,
+    re,
+    N,
     n,
     v
   ]), xe(() => {
-    if (!ve || !Y.current) return;
-    const o = Y.current, w = Q.find((P) => P.id === ve);
-    o.textContent = (w == null ? void 0 : w.value) ?? "", o.focus();
-    const _ = document.createRange();
-    _.selectNodeContents(o), _.collapse(!1);
-    const k = window.getSelection();
-    k == null || k.removeAllRanges(), k == null || k.addRange(_);
-  }, [ve]);
-  const re = (o) => {
-    fe.current = o, r == null || r(o);
-  }, Ce = y.filter((o) => o.pageNumber === t), ce = v.filter((o) => o.pageNumber === t), Be = V.filter((o) => o.pageNumber === t), Ae = Q.filter((o) => o.pageNumber === t), Ue = (o, w) => {
-    const _ = w.trim();
-    if (!_) {
-      ue == null || ue(o.id), B == null || B(null);
+    if (!Fe || !ne.current) return;
+    const s = ne.current, m = oe.find((j) => j.id === Fe);
+    s.textContent = (m == null ? void 0 : m.value) ?? "", s.focus();
+    const w = document.createRange();
+    w.selectNodeContents(s), w.collapse(!1);
+    const x = window.getSelection();
+    x == null || x.removeAllRanges(), x == null || x.addRange(w);
+  }, [Fe]);
+  const be = (s) => {
+    pe.current = s, r == null || r(s);
+  }, ae = b.filter((s) => s.pageNumber === t), Te = v.filter((s) => s.pageNumber === t), _e = Q.filter((s) => s.pageNumber === t), He = oe.filter((s) => s.pageNumber === t), qe = (s, m) => {
+    const w = m.trim();
+    if (!w) {
+      ue == null || ue(s.id), O == null || O(null);
       return;
     }
-    const k = ut(_, o.fontSize);
-    Ie == null || Ie(o.id, {
-      value: _,
-      width: k.width,
-      height: k.height
-    }), B == null || B(null);
-  }, Ke = (o, w) => {
-    if (!Me) return;
-    const _ = ge.current, k = ie.current;
-    if (!_ || !k) return;
-    let P = Ti(
-      o,
+    const x = gt(w, s.fontSize);
+    $e == null || $e(s.id, {
+      value: w,
+      width: x.width,
+      height: x.height
+    }), O == null || O(null);
+  }, We = (s, m) => {
+    if (!ke) return;
+    const w = G.current, x = Ee.current;
+    if (!w || !x) return;
+    let j = Fi(
+      s,
+      m,
       w,
-      _,
-      k,
+      x,
       n
-    ), N, L = wt;
-    if (Oe) {
-      const W = Di(
-        P.x,
-        P.y,
-        Ee,
+    ), k, R = bt;
+    if (Ue) {
+      const ie = Bi(
+        j.x,
+        j.y,
+        lt,
         t
       );
-      if (!W) return;
-      const H = Q.find((le) => le.fieldId === W.id);
-      if (H) {
-        J == null || J(H.id), Pe == null || Pe(W.id), B == null || B(H.id);
+      if (!ie) return;
+      const I = oe.find((ce) => ce.fieldId === ie.id);
+      if (I) {
+        Y == null || Y(I.id), Le == null || Le(ie.id), O == null || O(I.id);
         return;
       }
-      N = W.id, P = {
-        x: W.x,
-        y: W.y,
-        fontSize: W.fontSize ?? _t
-      }, L = W.color ?? wt, Pe == null || Pe(W.id);
+      k = ie.id, j = {
+        x: ie.x,
+        y: ie.y,
+        fontSize: ie.fontSize ?? xt
+      }, R = ie.color ?? bt, Le == null || Le(ie.id);
     }
-    const O = ut("", P.fontSize), Z = {
-      id: Gt(),
-      fieldId: N,
+    const S = gt("", j.fontSize), X = {
+      id: Kt(),
+      fieldId: k,
       pageNumber: t,
-      x: P.x,
-      y: P.y,
-      width: O.width,
-      height: O.height,
+      x: j.x,
+      y: j.y,
+      width: S.width,
+      height: S.height,
       value: "",
-      fontSize: P.fontSize,
-      color: L
+      fontSize: j.fontSize,
+      color: R
     };
-    Me(Z), J == null || J(Z.id), B == null || B(Z.id);
-  }, Le = (o) => {
-    var _;
-    if (c !== "text" || o.target.closest(".epochs-pdf-viewer__inline-text"))
+    ke(X), Y == null || Y(X.id), O == null || O(X.id);
+  }, De = (s) => {
+    var w;
+    if (c !== "text" || s.target.closest(".epochs-pdf-viewer__inline-text"))
       return;
-    if (se.current) {
-      se.current = !1;
+    if (K.current) {
+      K.current = !1;
       return;
     }
-    const w = window.getSelection();
-    if (!(w && !w.isCollapsed && w.toString().trim())) {
-      if (o.detail >= 2 && Fi(o.clientX, o.clientY, ie.current)) {
-        const P = ge.current;
-        if (P && f && Me) {
-          const N = jt(P, n);
-          if (N) {
+    const m = window.getSelection();
+    if (!(m && !m.isCollapsed && m.toString().trim())) {
+      if (s.detail >= 2 && Hi(s.clientX, s.clientY, Ee.current)) {
+        const j = G.current;
+        if (j && f && ke) {
+          const k = Gt(j, n);
+          if (k) {
             f({
-              id: zt(),
+              id: Wt(),
               pageNumber: t,
               kind: "redact",
-              color: mt,
-              rects: Ot(N.rects),
-              text: N.text
+              color: yt,
+              rects: Xt(k.rects),
+              text: k.text
             });
-            const L = on(N.rects), O = ut(N.text || " ", L.fontSize), Z = {
-              id: Gt(),
+            const R = dn(k.rects), S = gt(k.text || " ", R.fontSize), X = {
+              id: Kt(),
               pageNumber: t,
-              x: L.x,
-              y: L.y,
-              width: O.width,
-              height: O.height,
-              value: N.text,
-              fontSize: L.fontSize,
-              color: wt
+              x: R.x,
+              y: R.y,
+              width: S.width,
+              height: S.height,
+              value: k.text,
+              fontSize: R.fontSize,
+              color: bt
             };
-            Me(Z), J == null || J(Z.id), B == null || B(Z.id), (_ = window.getSelection()) == null || _.removeAllRanges(), se.current = !0;
+            ke(X), Y == null || Y(X.id), O == null || O(X.id), (w = window.getSelection()) == null || w.removeAllRanges(), K.current = !0;
           }
         }
         return;
       }
-      o.stopPropagation(), Ke(o.clientX, o.clientY);
+      s.stopPropagation(), We(s.clientX, s.clientY);
     }
-  }, We = (o) => {
-    const w = o.target;
-    if (!(w.closest(".epochs-pdf-viewer__signature") || w.closest(".epochs-pdf-viewer__signature-field") || w.closest(".epochs-pdf-viewer__inline-text"))) {
+  }, Ge = (s) => {
+    const m = s.target;
+    if (!(m.closest(".epochs-pdf-viewer__signature") || m.closest(".epochs-pdf-viewer__signature-field") || m.closest(".epochs-pdf-viewer__inline-text"))) {
       if (c === "text") {
-        Ke(o.clientX, o.clientY);
+        We(s.clientX, s.clientY);
         return;
       }
-      if (!oe && c === "sign" && C && F) {
-        const _ = ge.current;
-        if (!_) return;
-        const k = Pt(o.clientX, o.clientY, _, n);
-        F(t, Math.max(0, k.x - 75), Math.max(0, k.y - 12));
+      if (!re && c === "sign" && te && A) {
+        const w = G.current;
+        if (!w) return;
+        const x = It(s.clientX, s.clientY, w, n);
+        A(t, Math.max(0, x.x - 75), Math.max(0, x.y - 12));
         return;
       }
-      if (!oe && c === "sign" && m && M) {
-        const _ = ge.current;
-        if (!_) return;
-        const k = yt(_, n), P = Pt(o.clientX, o.clientY, _, n);
-        let N = P.x - m.width / 2, L = P.y - m.height / 2;
-        const O = Math.max(0, k.width - m.width), Z = Math.max(0, k.height - m.height);
-        N = Math.min(Math.max(0, N), O), L = Math.min(Math.max(0, L), Z), M({
-          id: Tt(),
+      if (!re && c === "sign" && g && P) {
+        const w = G.current;
+        if (!w) return;
+        const x = _t(w, n), j = It(s.clientX, s.clientY, w, n);
+        let k = j.x - g.width / 2, R = j.y - g.height / 2;
+        const S = Math.max(0, x.width - g.width), X = Math.max(0, x.height - g.height);
+        k = Math.min(Math.max(0, k), S), R = Math.min(Math.max(0, R), X), P({
+          id: Lt(),
           pageNumber: t,
-          x: N,
-          y: L,
-          width: m.width,
-          height: m.height,
-          imageDataUrl: m.imageDataUrl
+          x: k,
+          y: R,
+          width: g.width,
+          height: g.height,
+          imageDataUrl: g.imageDataUrl
         });
         return;
       }
     }
-  }, vt = (o) => ve === o.id ? /* @__PURE__ */ a(
+  }, St = (s) => Fe === s.id ? /* @__PURE__ */ a(
     "span",
     {
-      ref: Y,
+      ref: ne,
       contentEditable: !0,
       suppressContentEditableWarning: !0,
       role: "textbox",
       "aria-label": "Edit text",
       className: "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--editing",
       style: {
-        left: o.x * n,
-        top: o.y * n,
-        fontSize: o.fontSize * n,
-        color: o.color,
-        minWidth: Math.max(12, o.fontSize * n * 0.5),
-        width: Math.max(o.width * n, o.fontSize * n * 0.5)
+        left: s.x * n,
+        top: s.y * n,
+        fontSize: s.fontSize * n,
+        color: s.color,
+        minWidth: Math.max(12, s.fontSize * n * 0.5),
+        width: Math.max(s.width * n, s.fontSize * n * 0.5)
       },
-      onClick: (_) => _.stopPropagation(),
-      onPointerDown: (_) => _.stopPropagation(),
-      onInput: (_) => {
-        const k = _.currentTarget.textContent ?? "", P = ut(k || " ", o.fontSize);
-        Ie == null || Ie(o.id, {
-          value: k,
-          width: P.width,
-          height: P.height
+      onClick: (w) => w.stopPropagation(),
+      onPointerDown: (w) => w.stopPropagation(),
+      onInput: (w) => {
+        const x = w.currentTarget.textContent ?? "", j = gt(x || " ", s.fontSize);
+        $e == null || $e(s.id, {
+          value: x,
+          width: j.width,
+          height: j.height
         });
       },
-      onBlur: (_) => {
-        Ue(o, _.currentTarget.textContent ?? "");
+      onBlur: (w) => {
+        qe(s, w.currentTarget.textContent ?? "");
       },
-      onKeyDown: (_) => {
-        _.stopPropagation(), _.key === "Escape" && (_.preventDefault(), _.currentTarget.blur()), _.key === "Enter" && !_.shiftKey && (_.preventDefault(), _.currentTarget.blur());
+      onKeyDown: (w) => {
+        w.stopPropagation(), w.key === "Escape" && (w.preventDefault(), w.currentTarget.blur()), w.key === "Enter" && !w.shiftKey && (w.preventDefault(), w.currentTarget.blur());
       }
     },
-    o.id
-  ) : o.value.trim() ? /* @__PURE__ */ a(
+    s.id
+  ) : s.value.trim() ? /* @__PURE__ */ a(
     "span",
     {
-      className: be === o.id ? "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--selected" : "epochs-pdf-viewer__inline-text",
+      className: ye === s.id ? "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--selected" : "epochs-pdf-viewer__inline-text",
       style: {
-        left: o.x * n,
-        top: o.y * n,
-        fontSize: o.fontSize * n,
-        color: o.color
+        left: s.x * n,
+        top: s.y * n,
+        fontSize: s.fontSize * n,
+        color: s.color
       },
-      onClick: (_) => {
-        if (_.stopPropagation(), c === "erase") {
-          ue == null || ue(o.id);
+      onClick: (w) => {
+        if (w.stopPropagation(), c === "erase") {
+          ue == null || ue(s.id);
           return;
         }
-        c === "text" && (J == null || J(o.id), B == null || B(o.id));
+        c === "text" && (Y == null || Y(s.id), O == null || O(s.id));
       },
-      children: o.value
+      children: s.value
     },
-    o.id
+    s.id
   ) : null;
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: re,
+      ref: be,
       "data-page-number": t,
       className: "epochs-pdf-viewer__page",
-      children: /* @__PURE__ */ T(
+      children: /* @__PURE__ */ $(
         "div",
         {
-          ref: ge,
+          ref: G,
           className: `epochs-pdf-viewer__surface epochs-pdf-viewer__surface--tool-${c}`,
-          onClick: We,
+          onClick: Ge,
           children: [
-            /* @__PURE__ */ a("canvas", { ref: je, className: "epochs-pdf-viewer__canvas" }),
-            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__markup-layer", "aria-hidden": "true", children: Ce.map(
-              (o) => o.kind === "redact" ? null : o.rects.map((w, _) => o.kind === "highlight" ? /* @__PURE__ */ a(
+            /* @__PURE__ */ a("canvas", { ref: fe, className: "epochs-pdf-viewer__canvas" }),
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__markup-layer", "aria-hidden": "true", children: ae.map(
+              (s) => s.kind === "redact" ? null : s.rects.map((m, w) => s.kind === "highlight" ? /* @__PURE__ */ a(
                 "div",
                 {
                   className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--highlight",
                   style: {
-                    left: w.x * n,
-                    top: w.y * n,
-                    width: w.w * n,
-                    height: w.h * n,
-                    background: o.color
+                    left: m.x * n,
+                    top: m.y * n,
+                    width: m.w * n,
+                    height: m.h * n,
+                    background: s.color
                   },
-                  onClick: (k) => {
-                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  onClick: (x) => {
+                    c === "erase" && (x.stopPropagation(), M == null || M(s.id));
                   }
                 },
-                `${o.id}_${_}`
+                `${s.id}_${w}`
               ) : /* @__PURE__ */ a(
                 "div",
                 {
                   className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--underline",
                   style: {
-                    left: w.x * n,
-                    top: (w.y + w.h) * n - Math.max(2, n * 1.5),
-                    width: w.w * n,
+                    left: m.x * n,
+                    top: (m.y + m.h) * n - Math.max(2, n * 1.5),
+                    width: m.w * n,
                     height: Math.max(2, n * 1.5),
-                    background: o.color
+                    background: s.color
                   },
-                  onClick: (k) => {
-                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  onClick: (x) => {
+                    c === "erase" && (x.stopPropagation(), M == null || M(s.id));
                   }
                 },
-                `${o.id}_${_}`
+                `${s.id}_${w}`
               ))
             ) }),
-            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__signature-layer", children: [
-              Be.map((o) => {
-                const w = ce.some((_) => _.fieldId === o.id);
+            /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__signature-layer", children: [
+              _e.map((s) => {
+                const m = Te.some((w) => w.fieldId === s.id);
                 return /* @__PURE__ */ a(
                   "button",
                   {
                     type: "button",
-                    "data-signature-field-id": o.id,
-                    className: te === o.id ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--selected" : w ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--filled" : "epochs-pdf-viewer__signature-field",
+                    "data-signature-field-id": s.id,
+                    className: ee === s.id ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--selected" : m ? "epochs-pdf-viewer__signature-field epochs-pdf-viewer__signature-field--filled" : "epochs-pdf-viewer__signature-field",
                     style: {
-                      left: o.x * n,
-                      top: o.y * n,
-                      width: o.width * n,
-                      height: o.height * n
+                      left: s.x * n,
+                      top: s.y * n,
+                      width: s.width * n,
+                      height: s.height * n
                     },
-                    onClick: (_) => {
-                      _.stopPropagation();
-                      const k = o.type;
-                      if (k === "date" || k === "text") return;
-                      X == null || X(o.id);
-                      const P = ce.find((N) => N.fieldId === o.id);
-                      I == null || I((P == null ? void 0 : P.id) ?? null), P ? S == null || S(P.id) : ke == null || ke(o.type);
+                    onClick: (w) => {
+                      w.stopPropagation();
+                      const x = s.type;
+                      if (x === "date" || x === "text") return;
+                      W == null || W(s.id);
+                      const j = Te.find((k) => k.fieldId === s.id);
+                      T == null || T((j == null ? void 0 : j.id) ?? null), j ? E == null || E(j.id) : Pe == null || Pe(s.type);
                     },
-                    title: w ? "Signed field" : "Signature field",
+                    title: m ? "Signed field" : "Signature field",
                     children: (() => {
-                      const _ = o.type;
-                      return _ === "date" ? /* @__PURE__ */ a(
+                      const w = s.type;
+                      return w === "date" ? /* @__PURE__ */ a(
                         "input",
                         {
                           type: "date",
                           className: "epochs-pdf-viewer__signature-field-input",
-                          value: ye[o.id] ?? "",
-                          onClick: (k) => k.stopPropagation(),
-                          onChange: (k) => {
-                            k.stopPropagation(), D == null || D(o.id, k.target.value), ae == null || ae(o.id);
+                          value: we[s.id] ?? "",
+                          onClick: (x) => x.stopPropagation(),
+                          onChange: (x) => {
+                            x.stopPropagation(), D == null || D(s.id, x.target.value), se == null || se(s.id);
                           },
                           style: { width: "100%", height: "100%" }
                         }
-                      ) : _ === "text" ? /* @__PURE__ */ a(
+                      ) : w === "text" ? /* @__PURE__ */ a(
                         "input",
                         {
                           type: "text",
                           className: "epochs-pdf-viewer__signature-field-input",
-                          value: ye[o.id] ?? "",
-                          placeholder: o.placeholder ?? "Enter text",
-                          onClick: (k) => k.stopPropagation(),
-                          onChange: (k) => {
-                            k.stopPropagation(), D == null || D(o.id, k.target.value);
+                          value: we[s.id] ?? "",
+                          placeholder: s.placeholder ?? "Enter text",
+                          onClick: (x) => x.stopPropagation(),
+                          onChange: (x) => {
+                            x.stopPropagation(), D == null || D(s.id, x.target.value);
                           },
-                          onBlur: () => ae == null ? void 0 : ae(o.id),
+                          onBlur: () => se == null ? void 0 : se(s.id),
                           style: { width: "100%", height: "100%" }
                         }
-                      ) : w ? null : /* @__PURE__ */ a("span", { children: "Sign here" });
+                      ) : m ? null : /* @__PURE__ */ a("span", { children: "Sign here" });
                     })()
                   },
-                  o.id
+                  s.id
                 );
               }),
-              ce.map((o) => /* @__PURE__ */ T(
+              Te.map((s) => /* @__PURE__ */ $(
                 "div",
                 {
-                  className: E === o.id ? "epochs-pdf-viewer__signature epochs-pdf-viewer__signature--selected" : "epochs-pdf-viewer__signature",
+                  className: B === s.id ? "epochs-pdf-viewer__signature epochs-pdf-viewer__signature--selected" : "epochs-pdf-viewer__signature",
                   style: {
-                    left: o.x * n,
-                    top: o.y * n,
-                    width: o.width * n,
-                    height: o.height * n
+                    left: s.x * n,
+                    top: s.y * n,
+                    width: s.width * n,
+                    height: s.height * n
                   },
-                  onPointerDown: (w) => {
-                    if (w.stopPropagation(), w.preventDefault(), I == null || I(o.id), c === "erase" && !oe) {
-                      G == null || G(o.id);
+                  onPointerDown: (m) => {
+                    if (m.stopPropagation(), m.preventDefault(), T == null || T(s.id), c === "erase" && !re) {
+                      U == null || U(s.id);
                       return;
                     }
-                    if (oe) {
-                      X == null || X(o.fieldId ?? null), S == null || S(o.id);
+                    if (re) {
+                      W == null || W(s.fieldId ?? null), E == null || E(s.id);
                       return;
                     }
-                    const _ = ge.current;
-                    if (!_) return;
-                    const k = Pt(w.clientX, w.clientY, _, n);
-                    j({
+                    const w = G.current;
+                    if (!w) return;
+                    const x = It(m.clientX, m.clientY, w, n);
+                    C({
                       kind: "signature",
-                      id: o.id,
-                      offsetX: k.x - o.x,
-                      offsetY: k.y - o.y
+                      id: s.id,
+                      offsetX: x.x - s.x,
+                      offsetY: x.y - s.y
                     });
                   },
                   children: [
@@ -1063,16 +1063,16 @@ function Qi({
                         className: "epochs-pdf-viewer__signature-edit",
                         title: "Edit signature",
                         "aria-label": "Edit signature",
-                        onPointerDown: (w) => {
-                          w.stopPropagation();
+                        onPointerDown: (m) => {
+                          m.stopPropagation();
                         },
-                        onClick: (w) => {
-                          w.stopPropagation(), I == null || I(o.id), S == null || S(o.id);
+                        onClick: (m) => {
+                          m.stopPropagation(), T == null || T(s.id), E == null || E(s.id);
                         },
-                        children: /* @__PURE__ */ a(Zi, { size: 12 })
+                        children: /* @__PURE__ */ a(tr, { size: 12 })
                       }
                     ),
-                    oe ? null : /* @__PURE__ */ T(bt, { children: [
+                    re ? null : /* @__PURE__ */ $(vt, { children: [
                       /* @__PURE__ */ a(
                         "button",
                         {
@@ -1080,11 +1080,11 @@ function Qi({
                           className: "epochs-pdf-viewer__signature-duplicate",
                           title: "Duplicate signature",
                           "aria-label": "Duplicate signature",
-                          onPointerDown: (w) => {
-                            w.stopPropagation();
+                          onPointerDown: (m) => {
+                            m.stopPropagation();
                           },
-                          onClick: (w) => {
-                            w.stopPropagation(), I == null || I(o.id), z == null || z(o.id);
+                          onClick: (m) => {
+                            m.stopPropagation(), T == null || T(s.id), z == null || z(s.id);
                           },
                           children: "⧉"
                         }
@@ -1096,30 +1096,30 @@ function Qi({
                           className: "epochs-pdf-viewer__signature-remove",
                           title: "Remove signature",
                           "aria-label": "Remove signature",
-                          onPointerDown: (w) => {
-                            w.stopPropagation();
+                          onPointerDown: (m) => {
+                            m.stopPropagation();
                           },
-                          onClick: (w) => {
-                            w.stopPropagation(), G == null || G(o.id);
+                          onClick: (m) => {
+                            m.stopPropagation(), U == null || U(s.id);
                           },
                           children: "×"
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ a("img", { src: o.imageDataUrl, alt: "Signature", draggable: !1 }),
-                    oe ? null : /* @__PURE__ */ a(
+                    /* @__PURE__ */ a("img", { src: s.imageDataUrl, alt: "Signature", draggable: !1 }),
+                    re ? null : /* @__PURE__ */ a(
                       "div",
                       {
                         className: "epochs-pdf-viewer__signature-resize",
                         title: "Resize",
-                        onPointerDown: (w) => {
-                          w.stopPropagation(), w.preventDefault(), I == null || I(o.id), j({
+                        onPointerDown: (m) => {
+                          m.stopPropagation(), m.preventDefault(), T == null || T(s.id), C({
                             kind: "resize",
-                            id: o.id,
-                            startX: w.clientX,
-                            startY: w.clientY,
-                            startW: o.width,
-                            startH: o.height
+                            id: s.id,
+                            startX: m.clientX,
+                            startY: m.clientY,
+                            startW: s.width,
+                            startH: s.height
                           });
                         },
                         children: /* @__PURE__ */ a("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("path", { d: "M7 1L1 7M7 4L4 7", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round" }) })
@@ -1127,35 +1127,35 @@ function Qi({
                     )
                   ]
                 },
-                o.id
+                s.id
               ))
             ] }),
-            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__text-layer-overlay", children: Ae.map((o) => vt(o)) }),
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__text-layer-overlay", children: He.map((s) => St(s)) }),
             /* @__PURE__ */ a(
               "div",
               {
-                ref: ie,
+                ref: Ee,
                 className: "textLayer epochs-pdf-viewer__text-layer",
-                onClick: Le
+                onClick: De
               }
             ),
-            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__redact-layer", "aria-hidden": "true", children: Ce.map(
-              (o) => o.kind === "redact" ? o.rects.map((w, _) => /* @__PURE__ */ a(
+            /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__redact-layer", "aria-hidden": "true", children: ae.map(
+              (s) => s.kind === "redact" ? s.rects.map((m, w) => /* @__PURE__ */ a(
                 "div",
                 {
                   className: "epochs-pdf-viewer__markup epochs-pdf-viewer__markup--redact",
                   style: {
-                    left: w.x * n,
-                    top: w.y * n,
-                    width: w.w * n,
-                    height: w.h * n,
-                    background: o.color || mt
+                    left: m.x * n,
+                    top: m.y * n,
+                    width: m.w * n,
+                    height: m.h * n,
+                    background: s.color || yt
                   },
-                  onClick: (k) => {
-                    c === "erase" && (k.stopPropagation(), x == null || x(o.id));
+                  onClick: (x) => {
+                    c === "erase" && (x.stopPropagation(), M == null || M(s.id));
                   }
                 },
-                `${o.id}_${_}`
+                `${s.id}_${w}`
               )) : null
             ) })
           ]
@@ -1164,60 +1164,60 @@ function Qi({
     }
   );
 }
-function Ji({
+function rr({
   pdfDoc: e,
   pageNumber: t,
   isActive: n,
   rotation: i,
   onSelect: r,
-  width: s = 140,
+  width: o = 140,
   annotations: c = [],
   signatures: l = [],
-  signatureFields: y = [],
+  signatureFields: b = [],
   texts: f = [],
-  textFields: x = []
+  textFields: M = []
 }) {
-  const v = _e(null);
+  const v = me(null);
   return xe(() => {
     if (!e || !v.current) return;
-    let m = !1;
-    const M = v.current, $ = M.getContext("2d");
-    if (!$) return;
-    let G = null;
+    let g = !1;
+    const P = v.current, N = P.getContext("2d");
+    if (!N) return;
+    let U = null;
     return (async () => {
       try {
         const z = await e.getPage(t);
-        if (m) return;
-        const E = z.getViewport({ scale: 1, rotation: i }), I = s / E.width, V = z.getViewport({ scale: I, rotation: i });
-        M.width = Math.floor(V.width), M.height = Math.floor(V.height), G = z.render({ canvasContext: $, viewport: V }), await G.promise;
-        const te = c.filter((D) => D.pageNumber === t);
-        te.length > 0 && wn($, te, I);
-        const X = l.filter((D) => D.pageNumber === t), oe = y.filter(
+        if (g) return;
+        const B = z.getViewport({ scale: 1, rotation: i }), T = o / B.width, Q = z.getViewport({ scale: T, rotation: i });
+        P.width = Math.floor(Q.width), P.height = Math.floor(Q.height), U = z.render({ canvasContext: N, viewport: Q }), await U.promise;
+        const ee = c.filter((D) => D.pageNumber === t);
+        ee.length > 0 && xn(N, ee, T);
+        const W = l.filter((D) => D.pageNumber === t), re = b.filter(
           (D) => D.pageNumber === t
         );
-        oe.length > 0 && ki(
-          $,
-          oe,
-          new Set(X.map((D) => D.fieldId).filter(Boolean)),
-          I
-        ), X.length > 0 && await yn($, X, I);
-        const ke = f.filter((D) => D.pageNumber === t), ye = x.filter(
+        re.length > 0 && Ti(
+          N,
+          re,
+          new Set(W.map((D) => D.fieldId).filter(Boolean)),
+          T
+        ), W.length > 0 && await kn(N, W, T);
+        const Pe = f.filter((D) => D.pageNumber === t), we = M.filter(
           (D) => D.pageNumber === t
         );
-        ye.length > 0 && Ai(
-          $,
-          ye,
+        we.length > 0 && zi(
+          N,
+          we,
           new Set(
-            ke.filter((D) => D.fieldId && D.value.trim()).map((D) => D.fieldId)
+            Pe.filter((D) => D.fieldId && D.value.trim()).map((D) => D.fieldId)
           ),
-          I
-        ), ke.length > 0 && bn($, ke, I);
+          T
+        ), Pe.length > 0 && Mn(N, Pe, T);
       } catch {
       }
     })(), () => {
-      if (m = !0, G)
+      if (g = !0, U)
         try {
-          G.cancel();
+          U.cancel();
         } catch {
         }
     };
@@ -1226,12 +1226,12 @@ function Ji({
     e,
     t,
     i,
-    y,
+    b,
     l,
-    x,
+    M,
     f,
-    s
-  ]), /* @__PURE__ */ T(
+    o
+  ]), /* @__PURE__ */ $(
     "button",
     {
       type: "button",
@@ -1245,36 +1245,36 @@ function Ji({
     }
   );
 }
-const er = /^(blob:|https?:|data:)/i;
-let _n = !1;
-function sn(e) {
-  ct.GlobalWorkerOptions.workerSrc = e, _n = !0;
+const or = /^(blob:|https?:|data:)/i;
+let Pn = !1;
+function hn(e) {
+  ct.GlobalWorkerOptions.workerSrc = e, Pn = !0;
 }
-function tr(e) {
+function sr(e) {
   if (e) {
-    sn(e);
+    hn(e);
     return;
   }
-  _n || ct.GlobalWorkerOptions.workerSrc || sn(
+  Pn || ct.GlobalWorkerOptions.workerSrc || hn(
     `https://unpkg.com/pdfjs-dist@${ct.version}/build/pdf.worker.min.mjs`
   );
 }
-function nr(e, t, n = "") {
+function ar(e, t, n = "") {
   const i = t || e;
   if (!i) return "";
-  if (er.test(i)) return i;
+  if (or.test(i)) return i;
   const r = i.startsWith("/") ? i : `/${i}`;
   return n ? `${n.replace(/\/$/, "")}${r}` : r;
 }
-async function ir(e, t) {
+async function cr(e, t) {
   const n = await fetch(e, t);
   if (!n.ok)
     throw new Error(`Failed to fetch PDF (${n.status})`);
   return n.arrayBuffer();
 }
-async function an(e, t) {
+async function un(e, t) {
   if (typeof e == "string")
-    return ir(e, t);
+    return cr(e, t);
   if (e instanceof ArrayBuffer) return e.slice(0);
   if (e instanceof Uint8Array) {
     const n = new Uint8Array(e.byteLength);
@@ -1282,144 +1282,144 @@ async function an(e, t) {
   }
   return e.arrayBuffer();
 }
-async function rr(e, t, n) {
+async function lr(e, t, n) {
   const {
     scale: i,
     rotation: r,
-    annotations: s,
+    annotations: o,
     signatures: c = [],
     texts: l = [],
-    mimeType: y = "image/jpeg",
+    mimeType: b = "image/jpeg",
     quality: f = 0.92
-  } = n, x = await e.getPage(t), v = x.getViewport({ scale: i, rotation: r }), m = x.getViewport({ scale: 1, rotation: r }), M = document.createElement("canvas"), $ = M.getContext("2d", { alpha: !1 });
-  if (!$)
+  } = n, M = await e.getPage(t), v = M.getViewport({ scale: i, rotation: r }), g = M.getViewport({ scale: 1, rotation: r }), P = document.createElement("canvas"), N = P.getContext("2d", { alpha: !1 });
+  if (!N)
     throw new Error("Could not create canvas context");
-  const G = Math.floor(v.width), S = Math.floor(v.height);
-  M.width = G, M.height = S, $.fillStyle = "#ffffff", $.fillRect(0, 0, G, S), await x.render({ canvasContext: $, viewport: v }).promise;
-  const z = s.filter((X) => X.pageNumber === t);
-  z.length > 0 && wn($, z, i);
-  const E = c.filter((X) => X.pageNumber === t);
-  E.length > 0 && await yn($, E, i);
-  const I = l.filter((X) => X.pageNumber === t);
-  I.length > 0 && bn($, I, i);
-  const V = M.toDataURL(y, f), te = or(V);
-  return M.width = 0, M.height = 0, {
+  const U = Math.floor(v.width), E = Math.floor(v.height);
+  P.width = U, P.height = E, N.fillStyle = "#ffffff", N.fillRect(0, 0, U, E), await M.render({ canvasContext: N, viewport: v }).promise;
+  const z = o.filter((W) => W.pageNumber === t);
+  z.length > 0 && xn(N, z, i);
+  const B = c.filter((W) => W.pageNumber === t);
+  B.length > 0 && await kn(N, B, i);
+  const T = l.filter((W) => W.pageNumber === t);
+  T.length > 0 && Mn(N, T, i);
+  const Q = P.toDataURL(b, f), ee = dr(Q);
+  return P.width = 0, P.height = 0, {
     pageNumber: t,
-    width: G,
-    height: S,
-    pageWidth: m.width,
-    pageHeight: m.height,
-    dataUrl: V,
-    jpegBytes: te
+    width: U,
+    height: E,
+    pageWidth: g.width,
+    pageHeight: g.height,
+    dataUrl: Q,
+    jpegBytes: ee
   };
 }
-async function cn(e, t) {
+async function pn(e, t) {
   const n = [];
   for (let i = 1; i <= e.numPages; i += 1)
-    n.push(await rr(e, i, t));
+    n.push(await lr(e, i, t));
   return n;
 }
-function or(e) {
+function dr(e) {
   const t = e.split(",")[1] ?? "", n = atob(t), i = new Uint8Array(n.length);
   for (let r = 0; r < n.length; r += 1)
     i[r] = n.charCodeAt(r);
   return i;
 }
-function ze(e) {
+function Oe(e) {
   return new TextEncoder().encode(e);
 }
-function ln(...e) {
-  const t = e.reduce((r, s) => r + s.byteLength, 0), n = new Uint8Array(t);
+function fn(...e) {
+  const t = e.reduce((r, o) => r + o.byteLength, 0), n = new Uint8Array(t);
   let i = 0;
   for (const r of e)
     n.set(r, i), i += r.byteLength;
   return n;
 }
-function sr(e) {
-  const t = [], n = (m) => (t.push(m), t.length), i = [];
-  for (const m of e) {
-    const M = ln(
-      ze(
-        `<< /Type /XObject /Subtype /Image /Width ${m.width} /Height ${m.height} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ${m.jpegBytes.byteLength} >>
+function hr(e) {
+  const t = [], n = (g) => (t.push(g), t.length), i = [];
+  for (const g of e) {
+    const P = fn(
+      Oe(
+        `<< /Type /XObject /Subtype /Image /Width ${g.width} /Height ${g.height} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ${g.jpegBytes.byteLength} >>
 stream
 `
       ),
-      m.jpegBytes,
-      ze(`
+      g.jpegBytes,
+      Oe(`
 endstream`)
-    ), $ = n(M), G = `q
-${m.pageWidth.toFixed(2)} 0 0 ${m.pageHeight.toFixed(2)} 0 0 cm
+    ), N = n(P), U = `q
+${g.pageWidth.toFixed(2)} 0 0 ${g.pageHeight.toFixed(2)} 0 0 cm
 /Im0 Do
-Q`, S = n(
-      ze(`<< /Length ${G.length} >>
+Q`, E = n(
+      Oe(`<< /Length ${U.length} >>
 stream
-${G}
+${U}
 endstream`)
     ), z = n(
-      ze(
-        `<< /Type /Page /Parent __PAGES__ 0 R /MediaBox [0 0 ${m.pageWidth.toFixed(2)} ${m.pageHeight.toFixed(2)}] /Contents ${S} 0 R /Resources << /XObject << /Im0 ${$} 0 R >> >> >>`
+      Oe(
+        `<< /Type /Page /Parent __PAGES__ 0 R /MediaBox [0 0 ${g.pageWidth.toFixed(2)} ${g.pageHeight.toFixed(2)}] /Contents ${E} 0 R /Resources << /XObject << /Im0 ${N} 0 R >> >> >>`
       )
     );
     i.push(z);
   }
-  const r = i.map((m) => `${m} 0 R`).join(" "), s = n(
-    ze(`<< /Type /Pages /Kids [${r}] /Count ${i.length} >>`)
+  const r = i.map((g) => `${g} 0 R`).join(" "), o = n(
+    Oe(`<< /Type /Pages /Kids [${r}] /Count ${i.length} >>`)
   );
-  for (const m of i) {
-    const M = new TextDecoder().decode(t[m - 1]);
-    t[m - 1] = ze(
-      M.replace("/Parent __PAGES__ 0 R", `/Parent ${s} 0 R`)
+  for (const g of i) {
+    const P = new TextDecoder().decode(t[g - 1]);
+    t[g - 1] = Oe(
+      P.replace("/Parent __PAGES__ 0 R", `/Parent ${o} 0 R`)
     );
   }
-  const c = n(ze(`<< /Type /Catalog /Pages ${s} 0 R >>`)), l = [ze(`%PDF-1.4
-`)], y = [0];
+  const c = n(Oe(`<< /Type /Catalog /Pages ${o} 0 R >>`)), l = [Oe(`%PDF-1.4
+`)], b = [0];
   let f = l[0].byteLength;
-  for (let m = 0; m < t.length; m += 1) {
-    y.push(f);
-    const M = ze(`${m + 1} 0 obj
-`), $ = ze(`
+  for (let g = 0; g < t.length; g += 1) {
+    b.push(f);
+    const P = Oe(`${g + 1} 0 obj
+`), N = Oe(`
 endobj
 `);
-    l.push(M, t[m], $), f += M.byteLength + t[m].byteLength + $.byteLength;
+    l.push(P, t[g], N), f += P.byteLength + t[g].byteLength + N.byteLength;
   }
-  const x = f;
+  const M = f;
   let v = `xref
 0 ${t.length + 1}
 `;
   v += `0000000000 65535 f 
 `;
-  for (let m = 1; m <= t.length; m += 1)
-    v += `${String(y[m]).padStart(10, "0")} 00000 n 
+  for (let g = 1; g <= t.length; g += 1)
+    v += `${String(b[g]).padStart(10, "0")} 00000 n 
 `;
   return v += `trailer
 << /Size ${t.length + 1} /Root ${c} 0 R >>
 `, v += `startxref
-${x}
-%%EOF`, l.push(ze(v)), ln(...l);
+${M}
+%%EOF`, l.push(Oe(v)), fn(...l);
 }
-function Xt(e, t) {
+function Zt(e, t) {
   const n = URL.createObjectURL(e), i = document.createElement("a");
   i.href = n, i.download = t, i.click(), URL.revokeObjectURL(n);
 }
-const It = [
+const Ft = [
   { id: "dancing-script", label: "Dancing Script", family: "Dancing Script" },
   { id: "great-vibes", label: "Great Vibes", family: "Great Vibes" },
   { id: "pacifico", label: "Pacifico", family: "Pacifico" },
   { id: "satisfy", label: "Satisfy", family: "Satisfy" },
   { id: "allura", label: "Allura", family: "Allura" }
-], ar = "https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@500;600&family=Great+Vibes&family=Pacifico&family=Satisfy&display=swap";
-let Nt = null;
-function cr() {
-  return typeof document > "u" ? Promise.resolve() : Nt || (Nt = new Promise((e) => {
+], ur = "https://fonts.googleapis.com/css2?family=Allura&family=Dancing+Script:wght@500;600&family=Great+Vibes&family=Pacifico&family=Satisfy&display=swap";
+let Ct = null;
+function pr() {
+  return typeof document > "u" ? Promise.resolve() : Ct || (Ct = new Promise((e) => {
     var i;
     if (!document.querySelector(
       'link[data-epochs-signature-fonts="true"]'
     )) {
       const r = document.createElement("link");
-      r.rel = "stylesheet", r.href = ar, r.dataset.epochsSignatureFonts = "true", document.head.appendChild(r);
+      r.rel = "stylesheet", r.href = ur, r.dataset.epochsSignatureFonts = "true", document.head.appendChild(r);
     }
     const n = () => Promise.all(
-      It.map(
+      Ft.map(
         (r) => document.fonts.load(`48px "${r.family}"`)
       )
     ).then(() => {
@@ -1427,113 +1427,113 @@ function cr() {
     (i = document.fonts) != null && i.ready ? document.fonts.ready.then(n).then(e).catch(() => e()) : window.setTimeout(() => {
       n().then(e).catch(() => e());
     }, 300);
-  }), Nt);
+  }), Ct);
 }
-function lr({
+function fr({
   open: e,
   onClose: t,
   onSave: n,
   fieldType: i,
   showFieldTypeTabs: r = !1,
-  textPlaceholder: s
+  textPlaceholder: o
 }) {
-  const c = _e(null), l = _e(!1), y = _e(null), f = _e([]), x = _e([]), v = i ?? "sign", [m, M] = U(v), [$, G] = U(""), [S, z] = U(""), [E, I] = U("draw"), [V, te] = U(""), [X, oe] = U(""), [ke, ye] = U(!1), [D, ae] = U("signature"), [C, F] = U("#111827"), [Q, Me] = U("dancing-script"), [Ie, ue] = U(!1), be = It.find((u) => u.id === Q) ?? It[0], J = D === "initials" ? X.trim() : V.trim(), Ee = J || (D === "initials" ? "AB" : "Signature");
+  const c = me(null), l = me(!1), b = me(null), f = me([]), M = me([]), v = i ?? "sign", [g, P] = H(v), [N, U] = H(""), [E, z] = H(""), [B, T] = H("draw"), [Q, ee] = H(""), [W, re] = H(""), [Pe, we] = H(!1), [D, se] = H("signature"), [te, A] = H("#111827"), [oe, ke] = H("dancing-script"), [$e, ue] = H(!1), ye = Ft.find((p) => p.id === oe) ?? Ft[0], Y = D === "initials" ? W.trim() : Q.trim(), lt = Y || (D === "initials" ? "AB" : "Signature");
   if (xe(() => {
-    e && (M(v), G((/* @__PURE__ */ new Date()).toISOString().slice(0, 10)), z(""));
+    e && (P(v), U((/* @__PURE__ */ new Date()).toISOString().slice(0, 10)), z(""));
   }, [e, v]), xe(() => {
-    if (!e || m !== "sign") return;
-    const u = c.current;
-    if (!u) return;
-    const g = u.getContext("2d");
-    g && (u.width = 560, u.height = 200, g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), g.lineCap = "round", g.lineJoin = "round", g.strokeStyle = C, g.lineWidth = 2.5, y.current = null, l.current = !1);
-  }, [e, m]), xe(() => {
+    if (!e || g !== "sign") return;
+    const p = c.current;
+    if (!p) return;
+    const _ = p.getContext("2d");
+    _ && (p.width = 560, p.height = 200, _.fillStyle = "#ffffff", _.fillRect(0, 0, p.width, p.height), _.lineCap = "round", _.lineJoin = "round", _.strokeStyle = te, _.lineWidth = 2.5, b.current = null, l.current = !1);
+  }, [e, g]), xe(() => {
     if (!e) return;
-    let u = !1;
-    return ue(!1), cr().then(() => {
-      u || ue(!0);
+    let p = !1;
+    return ue(!1), pr().then(() => {
+      p || ue(!0);
     }), () => {
-      u = !0;
+      p = !0;
     };
   }, [e]), xe(() => {
-    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
-    g && (g.strokeStyle = C, g.fillStyle = C);
-  }, [C]), xe(() => {
-    if (!e || E !== "type") return;
-    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
-    if (!u || !g || (g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), !J)) return;
-    const j = D === "initials" ? 72 : be.family === "Great Vibes" || be.family === "Allura" ? 56 : be.family === "Pacifico" ? 44 : 48;
-    g.fillStyle = C, g.textAlign = "center", g.textBaseline = "middle", g.font = `${j}px "${be.family}", cursive`, g.fillText(J, u.width / 2, u.height / 2);
+    const p = c.current, _ = p == null ? void 0 : p.getContext("2d");
+    _ && (_.strokeStyle = te, _.fillStyle = te);
+  }, [te]), xe(() => {
+    if (!e || B !== "type") return;
+    const p = c.current, _ = p == null ? void 0 : p.getContext("2d");
+    if (!p || !_ || (_.fillStyle = "#ffffff", _.fillRect(0, 0, p.width, p.height), !Y)) return;
+    const C = D === "initials" ? 72 : ye.family === "Great Vibes" || ye.family === "Allura" ? 56 : ye.family === "Pacifico" ? 44 : 48;
+    _.fillStyle = te, _.textAlign = "center", _.textBaseline = "middle", _.font = `${C}px "${ye.family}", cursive`, _.fillText(Y, p.width / 2, p.height / 2);
   }, [
-    J,
+    Y,
     D,
-    E,
-    C,
+    B,
+    te,
     e,
-    be,
-    Ie
+    ye,
+    $e
   ]), !e) return null;
-  const Ye = (u) => {
-    const g = c.current, j = g.getBoundingClientRect();
+  const je = (p) => {
+    const _ = c.current, C = _.getBoundingClientRect();
     return {
-      x: (u.clientX - j.left) / j.width * g.width,
-      y: (u.clientY - j.top) / j.height * g.height
+      x: (p.clientX - C.left) / C.width * _.width,
+      y: (p.clientY - C.top) / C.height * _.height
     };
-  }, Pe = (u) => {
-    if (E !== "draw") return;
-    u.currentTarget.setPointerCapture(u.pointerId), l.current = !0;
-    const g = Ye(u);
-    y.current = g, x.current = [g];
-  }, Oe = (u) => {
-    if (!l.current || E !== "draw") return;
-    const g = c.current, j = g == null ? void 0 : g.getContext("2d"), Y = y.current;
-    if (!j || !Y) return;
-    const se = Ye(u);
-    j.beginPath(), j.moveTo(Y.x, Y.y), j.lineTo(se.x, se.y), j.stroke(), y.current = se, x.current.push(se);
-  }, ve = () => {
-    x.current.length > 1 && f.current.push([...x.current]), x.current = [], l.current = !1, y.current = null;
-  }, B = () => {
-    const u = c.current, g = u == null ? void 0 : u.getContext("2d");
-    !u || !g || (g.fillStyle = "#ffffff", g.fillRect(0, 0, u.width, u.height), f.current = [], x.current = [], te(""), oe(""), ye(!1));
-  }, fe = (u) => {
-    te(u), ke || oe(dr(u));
-  }, je = () => {
-    if (E === "draw") {
-      const u = f.current;
-      if (u.length === 0) return;
-      let g = 1 / 0, j = 1 / 0, Y = -1 / 0, se = -1 / 0;
-      for (const Ke of u)
-        for (const Le of Ke)
-          Le.x < g && (g = Le.x), Le.y < j && (j = Le.y), Le.x > Y && (Y = Le.x), Le.y > se && (se = Le.y);
-      const re = 8;
-      g = Math.max(0, g - re), j = Math.max(0, j - re), Y += re, se += re;
-      const Ce = Y - g, ce = se - j, Be = u.map((Ke) => "M" + Ke.map((We) => ({ x: We.x - g, y: We.y - j })).map((We) => `${We.x.toFixed(1)},${We.y.toFixed(1)}`).join("L")).join(" "), Ae = `<svg xmlns="http://www.w3.org/2000/svg" width="${Ce.toFixed(0)}" height="${ce.toFixed(0)}" viewBox="0 0 ${Ce.toFixed(0)} ${ce.toFixed(0)}"><path d="${Be}" fill="none" stroke="${C}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, Ue = `data:image/svg+xml;base64,${btoa(Ae)}`;
-      n(Ue, Ce, ce);
+  }, Le = (p) => {
+    if (B !== "draw") return;
+    p.currentTarget.setPointerCapture(p.pointerId), l.current = !0;
+    const _ = je(p);
+    b.current = _, M.current = [_];
+  }, Ue = (p) => {
+    if (!l.current || B !== "draw") return;
+    const _ = c.current, C = _ == null ? void 0 : _.getContext("2d"), ne = b.current;
+    if (!C || !ne) return;
+    const K = je(p);
+    C.beginPath(), C.moveTo(ne.x, ne.y), C.lineTo(K.x, K.y), C.stroke(), b.current = K, M.current.push(K);
+  }, Fe = () => {
+    M.current.length > 1 && f.current.push([...M.current]), M.current = [], l.current = !1, b.current = null;
+  }, O = () => {
+    const p = c.current, _ = p == null ? void 0 : p.getContext("2d");
+    !p || !_ || (_.fillStyle = "#ffffff", _.fillRect(0, 0, p.width, p.height), f.current = [], M.current = [], ee(""), re(""), we(!1));
+  }, pe = (p) => {
+    ee(p), Pe || re(gr(p));
+  }, fe = () => {
+    if (B === "draw") {
+      const p = f.current;
+      if (p.length === 0) return;
+      let _ = 1 / 0, C = 1 / 0, ne = -1 / 0, K = -1 / 0;
+      for (const We of p)
+        for (const De of We)
+          De.x < _ && (_ = De.x), De.y < C && (C = De.y), De.x > ne && (ne = De.x), De.y > K && (K = De.y);
+      const be = 8;
+      _ = Math.max(0, _ - be), C = Math.max(0, C - be), ne += be, K += be;
+      const ae = ne - _, Te = K - C, _e = p.map((We) => "M" + We.map((Ge) => ({ x: Ge.x - _, y: Ge.y - C })).map((Ge) => `${Ge.x.toFixed(1)},${Ge.y.toFixed(1)}`).join("L")).join(" "), He = `<svg xmlns="http://www.w3.org/2000/svg" width="${ae.toFixed(0)}" height="${Te.toFixed(0)}" viewBox="0 0 ${ae.toFixed(0)} ${Te.toFixed(0)}"><path d="${_e}" fill="none" stroke="${te}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, qe = `data:image/svg+xml;base64,${btoa(He)}`;
+      n(qe, ae, Te);
     } else {
-      if (!J) return;
-      const u = 3, g = D === "initials" ? 72 : be.family === "Great Vibes" || be.family === "Allura" ? 56 : be.family === "Pacifico" ? 44 : 48, Y = document.createElement("canvas").getContext("2d");
-      Y.font = `${g * u}px "${be.family}", cursive`;
-      const se = Y.measureText(J), re = 12 * u, Ce = Math.ceil(se.width) + re * 2, ce = g * u + re * 2, Be = document.createElement("canvas");
-      Be.width = Ce, Be.height = ce;
-      const Ae = Be.getContext("2d");
-      Ae.clearRect(0, 0, Ce, ce), Ae.font = `${g * u}px "${be.family}", cursive`, Ae.fillStyle = C, Ae.textBaseline = "middle", Ae.fillText(J, re, ce / 2);
-      const Ue = Be.toDataURL("image/png");
-      n(Ue, Ce / u, ce / u);
+      if (!Y) return;
+      const p = 3, _ = D === "initials" ? 72 : ye.family === "Great Vibes" || ye.family === "Allura" ? 56 : ye.family === "Pacifico" ? 44 : 48, ne = document.createElement("canvas").getContext("2d");
+      ne.font = `${_ * p}px "${ye.family}", cursive`;
+      const K = ne.measureText(Y), be = 12 * p, ae = Math.ceil(K.width) + be * 2, Te = _ * p + be * 2, _e = document.createElement("canvas");
+      _e.width = ae, _e.height = Te;
+      const He = _e.getContext("2d");
+      He.clearRect(0, 0, ae, Te), He.font = `${_ * p}px "${ye.family}", cursive`, He.fillStyle = te, He.textBaseline = "middle", He.fillText(Y, be, Te / 2);
+      const qe = _e.toDataURL("image/png");
+      n(qe, ae / p, Te / p);
     }
-  }, ie = () => {
-    const u = m === "date" ? $ : S.trim();
-    if (!u) return;
-    const g = document.createElement("canvas"), j = g.getContext("2d"), Y = 16;
-    j.font = `${Y}px sans-serif`;
-    const se = j.measureText(u), re = 8;
-    g.width = Math.ceil(se.width) + re * 2, g.height = Y + re * 2, j.clearRect(0, 0, g.width, g.height), j.font = `${Y}px sans-serif`, j.fillStyle = "#111827", j.textBaseline = "middle", j.fillText(u, re, g.height / 2);
-    const Ce = g.toDataURL("image/png");
-    n(Ce, g.width, g.height);
-  }, ge = m === "sign";
-  return /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal", role: "dialog", "aria-modal": "true", children: [
+  }, Ee = () => {
+    const p = g === "date" ? N : E.trim();
+    if (!p) return;
+    const _ = document.createElement("canvas"), C = _.getContext("2d"), ne = 16;
+    C.font = `${ne}px sans-serif`;
+    const K = C.measureText(p), be = 8;
+    _.width = Math.ceil(K.width) + be * 2, _.height = ne + be * 2, C.clearRect(0, 0, _.width, _.height), C.font = `${ne}px sans-serif`, C.fillStyle = "#111827", C.textBaseline = "middle", C.fillText(p, be, _.height / 2);
+    const ae = _.toDataURL("image/png");
+    n(ae, _.width, _.height);
+  }, G = g === "sign";
+  return /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__modal", role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__modal-backdrop", onClick: t }),
-    /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-card", children: [
-      /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-header", children: [
-        /* @__PURE__ */ a("h3", { children: m === "date" ? "Pick a date" : m === "text" ? "Enter text" : "Create e-signature" }),
+    /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__modal-card", children: [
+      /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__modal-header", children: [
+        /* @__PURE__ */ a("h3", { children: g === "date" ? "Pick a date" : g === "text" ? "Enter text" : "Create e-signature" }),
         /* @__PURE__ */ a(
           "button",
           {
@@ -1545,27 +1545,27 @@ function lr({
           }
         )
       ] }),
-      r && !i ? /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__field-type-tabs", role: "tablist", children: ["sign", "date", "text"].map((u) => /* @__PURE__ */ a(
+      r && !i ? /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__field-type-tabs", role: "tablist", children: ["sign", "date", "text"].map((p) => /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": m === u,
-          className: m === u ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-          onClick: () => M(u),
-          children: u === "sign" ? "Sign" : u === "date" ? "Date" : "Text"
+          "aria-selected": g === p,
+          className: g === p ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+          onClick: () => P(p),
+          children: p === "sign" ? "Sign" : p === "date" ? "Date" : "Text"
         },
-        u
+        p
       )) }) : null,
-      ge ? /* @__PURE__ */ T(bt, { children: [
-        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__sign-modes", children: [
+      G ? /* @__PURE__ */ $(vt, { children: [
+        /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__sign-modes", children: [
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: E === "draw" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+              className: B === "draw" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
               onClick: () => {
-                I("draw"), B();
+                T("draw"), O();
               },
               children: "Draw"
             }
@@ -1574,81 +1574,81 @@ function lr({
             "button",
             {
               type: "button",
-              className: E === "type" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-              onClick: () => I("type"),
+              className: B === "type" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+              onClick: () => T("type"),
               children: "Type"
             }
           ),
-          /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-ink", children: [
+          /* @__PURE__ */ $("label", { className: "epochs-pdf-viewer__sign-ink", children: [
             "Ink",
             /* @__PURE__ */ a(
               "input",
               {
                 type: "color",
-                value: C,
-                onChange: (u) => F(u.target.value)
+                value: te,
+                onChange: (p) => A(p.target.value)
               }
             )
           ] })
         ] }),
-        E === "type" ? /* @__PURE__ */ T(bt, { children: [
+        B === "type" ? /* @__PURE__ */ $(vt, { children: [
           /* @__PURE__ */ a(
             "div",
             {
               className: "epochs-pdf-viewer__sign-fonts",
               role: "group",
               "aria-label": "Handwriting style",
-              children: It.map((u) => /* @__PURE__ */ a(
+              children: Ft.map((p) => /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
-                  className: Q === u.id ? "epochs-pdf-viewer__sign-font epochs-pdf-viewer__sign-font--active" : "epochs-pdf-viewer__sign-font",
-                  style: { fontFamily: `"${u.family}", cursive` },
-                  onClick: () => Me(u.id),
-                  title: u.label,
-                  children: Ee
+                  className: oe === p.id ? "epochs-pdf-viewer__sign-font epochs-pdf-viewer__sign-font--active" : "epochs-pdf-viewer__sign-font",
+                  style: { fontFamily: `"${p.family}", cursive` },
+                  onClick: () => ke(p.id),
+                  title: p.label,
+                  children: lt
                 },
-                u.id
+                p.id
               ))
             }
           ),
-          /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__sign-type-fields", children: [
-            /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
+          /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__sign-type-fields", children: [
+            /* @__PURE__ */ $("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
               /* @__PURE__ */ a("span", { children: "Full name" }),
               /* @__PURE__ */ a(
                 "input",
                 {
                   className: "epochs-pdf-viewer__sign-type-input",
                   type: "text",
-                  value: V,
-                  onChange: (u) => fe(u.target.value),
-                  onFocus: () => ae("signature"),
+                  value: Q,
+                  onChange: (p) => pe(p.target.value),
+                  onFocus: () => se("signature"),
                   placeholder: "Type your full name",
-                  style: { fontFamily: `"${be.family}", cursive` },
+                  style: { fontFamily: `"${ye.family}", cursive` },
                   autoFocus: !0
                 }
               )
             ] }),
-            /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
+            /* @__PURE__ */ $("label", { className: "epochs-pdf-viewer__sign-type-field", children: [
               /* @__PURE__ */ a("span", { children: "Initials" }),
               /* @__PURE__ */ a(
                 "input",
                 {
                   className: "epochs-pdf-viewer__sign-type-input",
                   type: "text",
-                  value: X,
-                  onChange: (u) => {
-                    ye(!0), oe(u.target.value.toUpperCase());
+                  value: W,
+                  onChange: (p) => {
+                    we(!0), re(p.target.value.toUpperCase());
                   },
-                  onFocus: () => ae("initials"),
+                  onFocus: () => se("initials"),
                   placeholder: "e.g. JD",
                   maxLength: 4,
-                  style: { fontFamily: `"${be.family}", cursive` }
+                  style: { fontFamily: `"${ye.family}", cursive` }
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ T(
+          /* @__PURE__ */ $(
             "div",
             {
               className: "epochs-pdf-viewer__sign-type-kind",
@@ -1660,7 +1660,7 @@ function lr({
                   {
                     type: "button",
                     className: D === "signature" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-                    onClick: () => ae("signature"),
+                    onClick: () => se("signature"),
                     children: "Use full name"
                   }
                 ),
@@ -1669,7 +1669,7 @@ function lr({
                   {
                     type: "button",
                     className: D === "initials" ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-                    onClick: () => ae("initials"),
+                    onClick: () => se("initials"),
                     children: "Use initials"
                   }
                 )
@@ -1681,46 +1681,46 @@ function lr({
           "canvas",
           {
             ref: c,
-            className: E === "draw" ? "epochs-pdf-viewer__sign-canvas" : "epochs-pdf-viewer__sign-canvas epochs-pdf-viewer__sign-canvas--preview",
-            onPointerDown: Pe,
-            onPointerMove: Oe,
-            onPointerUp: ve,
-            onPointerLeave: ve
+            className: B === "draw" ? "epochs-pdf-viewer__sign-canvas" : "epochs-pdf-viewer__sign-canvas epochs-pdf-viewer__sign-canvas--preview",
+            onPointerDown: Le,
+            onPointerMove: Ue,
+            onPointerUp: Fe,
+            onPointerLeave: Fe
           }
         )
-      ] }) : m === "date" ? /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
+      ] }) : g === "date" ? /* @__PURE__ */ $("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
         /* @__PURE__ */ a("span", { children: "Date" }),
         /* @__PURE__ */ a(
           "input",
           {
             className: "epochs-pdf-viewer__sign-type-input",
             type: "date",
-            value: $,
-            onChange: (u) => G(u.target.value),
+            value: N,
+            onChange: (p) => U(p.target.value),
             autoFocus: !0
           }
         )
-      ] }) : /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
+      ] }) : /* @__PURE__ */ $("label", { className: "epochs-pdf-viewer__sign-type-field", style: { padding: "1rem" }, children: [
         /* @__PURE__ */ a("span", { children: "Text" }),
         /* @__PURE__ */ a(
           "input",
           {
             className: "epochs-pdf-viewer__sign-type-input",
             type: "text",
-            value: S,
-            onChange: (u) => z(u.target.value),
-            placeholder: s ?? "Enter text",
+            value: E,
+            onChange: (p) => z(p.target.value),
+            placeholder: o ?? "Enter text",
             autoFocus: !0
           }
         )
       ] }),
-      /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-actions", children: [
-        ge ? /* @__PURE__ */ a(
+      /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__modal-actions", children: [
+        G ? /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-            onClick: B,
+            onClick: O,
             children: "Clear"
           }
         ) : null,
@@ -1738,68 +1738,68 @@ function lr({
           {
             type: "button",
             className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--primary",
-            onClick: ge ? je : ie,
-            disabled: m === "date" ? !$ : m === "text" ? !S.trim() : !1,
-            children: ge ? "Use signature" : "Place on page"
+            onClick: G ? fe : Ee,
+            disabled: g === "date" ? !N : g === "text" ? !E.trim() : !1,
+            children: G ? "Use signature" : "Place on page"
           }
         )
       ] })
     ] })
   ] });
 }
-function dr(e) {
+function gr(e) {
   const t = e.trim().split(/\s+/).filter(Boolean);
   return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : t.slice(0, 3).map((n) => {
     var i;
     return ((i = n[0]) == null ? void 0 : i.toUpperCase()) ?? "";
   }).join("");
 }
-const Ct = "__epochsToolbarToolId";
-function Fe(e, t) {
+const Dt = "__epochsToolbarToolId";
+function Re(e, t) {
   const n = (() => null);
-  return n.displayName = t, Object.defineProperty(n, Ct, {
+  return n.displayName = t, Object.defineProperty(n, Dt, {
     value: e,
     enumerable: !0
   }), n;
 }
-function dn(e) {
-  return e[Ct];
+function gn(e) {
+  return e[Dt];
 }
-function hr(e) {
-  return typeof e == "function" && Ct in e && typeof e[Ct] == "string";
+function mr(e) {
+  return typeof e == "function" && Dt in e && typeof e[Dt] == "string";
 }
-const vn = Fe("thumbnail", "Thumbnail"), xn = Fe("navigation", "Navigation"), kn = Fe("zoom", "Zoom"), Mn = Fe("rotate", "Rotate"), Pn = Fe("reload", "Reload"), Nn = Fe("print", "Print"), $n = Fe("open", "Open"), Tn = Fe("download", "Download"), In = Fe("highlight", "Highlight"), Cn = Fe("underline", "Underline"), Ln = Fe("signature", "Signature"), Rn = Fe("text", "AddText"), Dn = Fe("erase", "Erase"), Fn = Fe("clear", "Clear"), Br = [
-  vn,
-  xn,
-  kn,
-  Mn,
+const Nn = Re("thumbnail", "Thumbnail"), $n = Re("navigation", "Navigation"), Tn = Re("zoom", "Zoom"), In = Re("rotate", "Rotate"), Cn = Re("reload", "Reload"), Rn = Re("print", "Print"), Ln = Re("open", "Open"), Fn = Re("download", "Download"), Dn = Re("highlight", "Highlight"), Sn = Re("underline", "Underline"), An = Re("signature", "Signature"), En = Re("text", "AddText"), Bn = Re("erase", "Erase"), Hn = Re("clear", "Clear"), Ur = [
+  Nn,
+  $n,
+  Tn,
   In,
+  Dn,
+  Sn,
+  An,
+  En,
+  Bn,
+  Hn,
   Cn,
-  Ln,
   Rn,
-  Dn,
-  Fn,
-  Pn,
-  Nn,
-  $n,
-  Tn
-], hn = [
-  [vn, xn],
+  Ln,
+  Fn
+], mn = [
+  [Nn, $n],
   [
-    kn,
-    Mn,
+    Tn,
     In,
+    Dn,
+    Sn,
+    An,
+    En,
+    Bn,
+    Hn,
     Cn,
-    Ln,
     Rn,
-    Dn,
-    Fn,
-    Pn,
-    Nn,
-    $n,
-    Tn
+    Ln,
+    Fn
   ]
-], pr = [
+], wr = [
   "highlight",
   "underline",
   "signature",
@@ -1807,10 +1807,10 @@ const vn = Fe("thumbnail", "Thumbnail"), xn = Fe("navigation", "Navigation"), kn
   "erase",
   "clear"
 ];
-function pn(e) {
-  return pr.includes(e);
+function wn(e) {
+  return wr.includes(e);
 }
-function ur(e, t, n) {
+function yr(e, t, n) {
   const i = [];
   switch (n != null && n.showMarkupSep && i.push(
     /* @__PURE__ */ a(
@@ -1831,7 +1831,7 @@ function ur(e, t, n) {
             className: "epochs-pdf-viewer__btn",
             onClick: () => t.setShowThumbnails((r) => !r),
             title: t.showThumbnails ? "Hide thumbnails" : "Show thumbnails",
-            children: /* @__PURE__ */ a(zi, {})
+            children: /* @__PURE__ */ a(Gi, {})
           },
           "thumbnail"
         )
@@ -1847,11 +1847,11 @@ function ur(e, t, n) {
             onClick: t.handlePrev,
             disabled: !t.canGoPrev || t.status !== "ready",
             title: "Previous page",
-            children: /* @__PURE__ */ a(Si, {})
+            children: /* @__PURE__ */ a(ji, {})
           },
           "nav-prev"
         ),
-        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__page-input", children: [
+        /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__page-input", children: [
           /* @__PURE__ */ a(
             "input",
             {
@@ -1860,16 +1860,16 @@ function ur(e, t, n) {
               min: 1,
               max: t.numPages || 1,
               onChange: (r) => {
-                const s = Number.parseInt(r.target.value, 10);
-                Number.isFinite(s) && t.scrollToPage(
-                  Math.max(1, Math.min(t.numPages || 1, s))
+                const o = Number.parseInt(r.target.value, 10);
+                Number.isFinite(o) && t.scrollToPage(
+                  Math.max(1, Math.min(t.numPages || 1, o))
                 );
               },
               disabled: t.status !== "ready",
               "aria-label": "Page number"
             }
           ),
-          /* @__PURE__ */ T("span", { children: [
+          /* @__PURE__ */ $("span", { children: [
             "/ ",
             t.numPages || "-"
           ] })
@@ -1882,7 +1882,7 @@ function ur(e, t, n) {
             onClick: t.handleNext,
             disabled: !t.canGoNext || t.status !== "ready",
             title: "Next page",
-            children: /* @__PURE__ */ a(Ei, {})
+            children: /* @__PURE__ */ a(Oi, {})
           },
           "nav-next"
         )
@@ -1898,11 +1898,11 @@ function ur(e, t, n) {
             onClick: t.handleZoomOut,
             disabled: t.status !== "ready",
             title: "Zoom out",
-            children: /* @__PURE__ */ a(ji, {})
+            children: /* @__PURE__ */ a(Xi, {})
           },
           "zoom-out"
         ),
-        /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__zoom-label", children: [
+        /* @__PURE__ */ $("span", { className: "epochs-pdf-viewer__zoom-label", children: [
           Math.round(t.scale * 100),
           "%"
         ] }, "zoom-label"),
@@ -1914,7 +1914,7 @@ function ur(e, t, n) {
             onClick: t.handleZoomIn,
             disabled: t.status !== "ready",
             title: "Zoom in",
-            children: /* @__PURE__ */ a(Oi, {})
+            children: /* @__PURE__ */ a(qi, {})
           },
           "zoom-in"
         ),
@@ -1942,7 +1942,7 @@ function ur(e, t, n) {
             onClick: t.handleRotate,
             disabled: t.status !== "ready",
             title: "Rotate",
-            children: /* @__PURE__ */ a(Gi, {})
+            children: /* @__PURE__ */ a(Zi, {})
           },
           "rotate"
         )
@@ -1958,7 +1958,7 @@ function ur(e, t, n) {
             onClick: () => t.toggleMarkupTool("highlight"),
             disabled: t.status !== "ready",
             title: "Highlight text — select text to highlight",
-            children: /* @__PURE__ */ a(Xi, {})
+            children: /* @__PURE__ */ a(Vi, {})
           },
           "highlight"
         )
@@ -1974,7 +1974,7 @@ function ur(e, t, n) {
             onClick: () => t.toggleMarkupTool("underline"),
             disabled: t.status !== "ready",
             title: "Underline text — select text to underline",
-            children: /* @__PURE__ */ a(qi, {})
+            children: /* @__PURE__ */ a(Qi, {})
           },
           "underline"
         )
@@ -1996,7 +1996,7 @@ function ur(e, t, n) {
             },
             disabled: t.status !== "ready",
             title: t.hasFixedSignatureFields ? "Create e-signature for a fixed field" : t.pendingSignature ? "Place signature — click on the page, then drag to move" : "Create e-signature",
-            children: /* @__PURE__ */ a(Ki, {})
+            children: /* @__PURE__ */ a(er, {})
           },
           "signature"
         )
@@ -2012,7 +2012,7 @@ function ur(e, t, n) {
             onClick: () => t.toggleMarkupTool("text"),
             disabled: t.status !== "ready",
             title: t.hasFixedTextFields ? "Edit text in predefined areas — click to type" : "Edit PDF text — select words, then change them",
-            children: /* @__PURE__ */ a(Vi, {})
+            children: /* @__PURE__ */ a(nr, {})
           },
           "text"
         )
@@ -2028,7 +2028,7 @@ function ur(e, t, n) {
             onClick: () => t.toggleMarkupTool("erase"),
             disabled: t.status !== "ready",
             title: "Remove text — select PDF words to cover them, or click added markup",
-            children: /* @__PURE__ */ a(Yi, {})
+            children: /* @__PURE__ */ a(Ji, {})
           },
           "erase"
         )
@@ -2059,7 +2059,7 @@ function ur(e, t, n) {
             className: "epochs-pdf-viewer__btn",
             onClick: () => void t.loadDocument(),
             title: "Reload",
-            children: /* @__PURE__ */ a(Wi, {})
+            children: /* @__PURE__ */ a(Ki, {})
           },
           "reload"
         )
@@ -2075,7 +2075,7 @@ function ur(e, t, n) {
             onClick: () => void t.handlePrint(),
             disabled: t.status !== "ready" || !t.pdfDoc || t.isPrinting,
             title: t.isPrinting ? "Preparing print…" : "Print (includes highlights & underlines)",
-            children: /* @__PURE__ */ a(Ui, {})
+            children: /* @__PURE__ */ a(Yi, {})
           },
           "print"
         )
@@ -2091,7 +2091,7 @@ function ur(e, t, n) {
             target: "_blank",
             rel: "noopener noreferrer",
             title: "Open in new tab",
-            children: /* @__PURE__ */ a(Hi, {})
+            children: /* @__PURE__ */ a(Wi, {})
           },
           "open"
         )
@@ -2107,7 +2107,7 @@ function ur(e, t, n) {
             onClick: () => void t.handleDownload(),
             disabled: t.status !== "ready" || !t.pdfDoc || t.isDownloading,
             title: t.isDownloading ? "Preparing download…" : t.annotationsLength > 0 || t.signaturesLength > 0 || t.textsLength > 0 ? "Download PDF with markup" : "Download PDF",
-            children: /* @__PURE__ */ a(Bi, {})
+            children: /* @__PURE__ */ a(Ui, {})
           },
           "download"
         )
@@ -2116,7 +2116,7 @@ function ur(e, t, n) {
   }
   return i.length > 0 ? i : null;
 }
-function fr(e, t) {
+function br(e, t) {
   const n = [];
   if (e.markupTool === "sign" && e.pendingSignature && !e.hasFixedSignatureFields && t.has("signature") && n.push(
     /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__markup-hint", children: "Click page to place duplicate/new signature" }, "sign-hint")
@@ -2125,16 +2125,16 @@ function fr(e, t) {
   ), e.markupTool === "erase" && t.has("erase") && n.push(
     /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__markup-hint", children: "Select PDF words to remove · click added text/markup to erase" }, "erase-hint")
   ), e.markupTool === "highlight" && t.has("highlight") || e.markupTool === "underline" && t.has("underline")) {
-    const i = e.markupTool === "highlight" ? e.highlightHex : e.underlineHex, r = e.markupTool === "highlight" ? e.setHighlightHex : e.setUnderlineHex, s = e.markupTool === "highlight" ? un : fn;
+    const i = e.markupTool === "highlight" ? e.highlightHex : e.underlineHex, r = e.markupTool === "highlight" ? e.setHighlightHex : e.setUnderlineHex, o = e.markupTool === "highlight" ? yn : bn;
     n.push(
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ $(
         "div",
         {
           className: "epochs-pdf-viewer__color-picker",
           role: "group",
           "aria-label": `${e.markupTool} color`,
           children: [
-            s.map((c) => /* @__PURE__ */ a(
+            o.map((c) => /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
@@ -2147,7 +2147,7 @@ function fr(e, t) {
               },
               c.id
             )),
-            /* @__PURE__ */ T(
+            /* @__PURE__ */ $(
               "label",
               {
                 className: "epochs-pdf-viewer__custom-color",
@@ -2180,16 +2180,16 @@ function fr(e, t) {
   }
   return n.length > 0 ? n : null;
 }
-function gr(e, t) {
+function _r(e, t) {
   if (!e) return null;
   if (Array.isArray(e)) {
-    const s = (c) => (c ?? []).filter(hr).map(dn);
+    const o = (c) => (c ?? []).filter(mr).map(gn);
     return {
-      left: s(e[0]),
-      right: s(e[1])
+      left: o(e[0]),
+      right: o(e[1])
     };
   }
-  const n = t.enableThumbnails, i = (s, c) => s.map(dn).filter((l) => c[l] !== !1), r = {
+  const n = t.enableThumbnails, i = (o, c) => o.map(gn).filter((l) => c[l] !== !1), r = {
     thumbnail: n,
     navigation: t.enableNavigation,
     zoom: t.enableZoom,
@@ -2206,161 +2206,186 @@ function gr(e, t) {
     clear: t.enableClear
   };
   return {
-    left: i(hn[0], r),
-    right: i(hn[1], r)
+    left: i(mn[0], r),
+    right: i(mn[1], r)
   };
 }
-function Hr({
+function Wr({
   file: e,
   fileUrl: t,
   baseUrl: n = "",
   fetchOptions: i,
   height: r = "80vh",
-  title: s = "PDF document",
+  title: o = "PDF document",
   initialScale: c = 1,
   withThumbnails: l = !1,
-  thumbnailWidth: y = 140,
+  thumbnailWidth: b = 140,
   maxThumbnails: f = 60,
-  className: x,
+  className: M,
   workerSrc: v,
-  enableToolbar: m = !1,
-  enableThumbnails: M,
-  enableNavigation: $ = !0,
-  enableZoom: G = !0,
-  enableRotate: S = !0,
+  enableToolbar: g = !1,
+  enableThumbnails: P,
+  enableNavigation: N = !0,
+  enableZoom: U = !0,
+  enableRotate: E = !0,
   enableReload: z = !0,
-  enablePrint: E = !0,
-  enableOpen: I = !0,
-  enableDownload: V = !0,
-  enableMarkup: te = !0,
-  enableHighlight: X = !0,
-  enableUnderline: oe = !0,
-  enableSignature: ke = !0,
-  enableText: ye = !0,
+  enablePrint: B = !0,
+  enableOpen: T = !0,
+  enableDownload: Q = !0,
+  enableMarkup: ee = !0,
+  enableHighlight: W = !0,
+  enableUnderline: re = !0,
+  enableSignature: Pe = !0,
+  enableText: we = !0,
   enableErase: D = !0,
-  enableClear: ae = !0,
-  signatureFields: C = [],
-  textFields: F = [],
-  onSignatureComplete: Q,
-  onFieldValueComplete: Me,
-  openSignaturePad: Ie = !1,
-  onSignaturePadClose: ue,
-  onSubmit: be,
-  submitLabel: J = "Submit"
+  enableClear: se = !0,
+  signatureFields: te = [],
+  textFields: A = [],
+  onSignatureComplete: oe,
+  onSignatureFieldsChange: ke,
+  onFieldValueComplete: $e,
+  openSignaturePad: ue = !1,
+  onSignaturePadClose: ye,
+  onSubmit: Y,
+  submitLabel: lt = "Submit"
 }) {
-  const Ee = _e(null), Ye = _e(null), Pe = _e(/* @__PURE__ */ new Map()), Oe = _e(!1), ve = Mt(() => e && typeof e != "string" ? e : null, [e]), B = Mt(() => ve ? "" : nr(typeof e == "string" ? e : void 0, t, n), [ve, e, t, n]), [fe, je] = U("idle"), [ie, ge] = U(null), [he, u] = U(0), [g, j] = U(1), [Y, se] = U(c), [re, Ce] = U(0), [ce, Be] = U(null), [Ae, Ue] = U(!1), [Ke, Le] = U(!1), [We, vt] = U(!1), [o, w] = U("none"), [_, k] = U([]), [P, N] = U([]), [L, O] = U([]), [Z, W] = U(!1), [H, le] = U(void 0), [de, ne] = U(null), [Ne, pe] = U(
+  const je = me(null), Le = me(null), Ue = me(/* @__PURE__ */ new Map()), Fe = me(!1), O = Tt(() => e && typeof e != "string" ? e : null, [e]), pe = Tt(() => O ? "" : ar(typeof e == "string" ? e : void 0, t, n), [O, e, t, n]), [fe, Ee] = H("idle"), [G, Be] = H(null), [p, _] = H(0), [C, ne] = H(1), [K, be] = H(c), [ae, Te] = H(0), [_e, He] = H(null), [qe, We] = H(!1), [De, Ge] = H(!1), [St, s] = H(!1), [m, w] = H("none"), [x, j] = H([]), [k, R] = H([]), [S, X] = H([]), [ie, I] = H(!1), [ce, de] = H(void 0), [he, ve] = H(null), [ze, le] = H(
     null
-  ), [me, $e] = U(
+  ), [Me, Se] = H(
     null
-  ), [Ge, Se] = U(null), [lt, Xe] = U(null), [xt, Ze] = U(null), [Lt, Je] = U(null), [Kt, On] = U(gn), [Zt, Un] = U(xi), He = C.length > 0, dt = F.length > 0, [it, Wn] = U({});
+  ), [Ye, Xe] = H(null), [dt, Ze] = H(null), [kt, Je] = H(null), [Mt, Pt] = H(null), [Jt, qn] = H(_n), [en, Yn] = H($i), ht = A.length > 0, [it, Kn] = H({}), [Z, tn] = H(te), Nt = me(Z);
+  Nt.current = Z, xe(() => {
+    Nt.current = te, tn(te);
+  }, [te]);
+  const Ae = Z.length > 0, ut = q(
+    (u, h) => {
+      const d = Nt.current, y = u ? d.map(
+        (L) => L.id === u ? { ...L, signatureDataUrl: h.imageDataUrl } : L
+      ) : [
+        ...d,
+        {
+          id: h.id,
+          pageNumber: h.pageNumber,
+          x: h.x,
+          y: h.y,
+          width: h.width,
+          height: h.height,
+          type: "sign",
+          signatureDataUrl: h.imageDataUrl
+        }
+      ];
+      Nt.current = y, tn(y), ke == null || ke(y), oe == null || oe(u, h);
+    },
+    [oe, ke]
+  );
   xe(() => {
-    Ie && W(!0);
-  }, [Ie]);
-  const et = Mt(
-    () => gr(m, {
-      enableThumbnails: M,
-      enableNavigation: $,
-      enableZoom: G,
-      enableRotate: S,
+    ue && I(!0);
+  }, [ue]);
+  const et = Tt(
+    () => _r(g, {
+      enableThumbnails: P,
+      enableNavigation: N,
+      enableZoom: U,
+      enableRotate: E,
       enableReload: z,
-      enablePrint: E,
-      enableOpen: I,
-      enableDownload: V,
-      enableHighlight: X,
-      enableUnderline: oe,
-      enableSignature: ke,
-      enableText: ye,
+      enablePrint: B,
+      enableOpen: T,
+      enableDownload: Q,
+      enableHighlight: W,
+      enableUnderline: re,
+      enableSignature: Pe,
+      enableText: we,
       enableErase: D,
-      enableClear: ae
+      enableClear: se
     }),
     [
-      m,
-      M,
-      $,
-      G,
-      S,
-      z,
+      g,
+      P,
+      N,
+      U,
       E,
-      I,
-      V,
-      X,
-      oe,
-      ke,
-      ye,
+      z,
+      B,
+      T,
+      Q,
+      W,
+      re,
+      Pe,
+      we,
       D,
-      ae
+      se
     ]
-  ), tt = Mt(() => et ? /* @__PURE__ */ new Set([...et.left, ...et.right]) : /* @__PURE__ */ new Set(), [et]);
+  ), tt = Tt(() => et ? /* @__PURE__ */ new Set([...et.left, ...et.right]) : /* @__PURE__ */ new Set(), [et]);
   xe(() => {
     if (!tt.has("thumbnail")) {
-      Ue(!1);
+      We(!1);
       return;
     }
-    const p = window.matchMedia("(max-width: 720px)"), d = () => {
-      Ue(p.matches ? !1 : l);
+    const h = window.matchMedia("(max-width: 720px)"), d = () => {
+      We(h.matches ? !1 : l);
     };
-    return d(), p.addEventListener("change", d), () => p.removeEventListener("change", d);
+    return d(), h.addEventListener("change", d), () => h.removeEventListener("change", d);
   }, [tt, l]);
-  const Vt = !He && tt.has("highlight"), Qt = !He && tt.has("underline"), Rt = tt.has("signature"), Jt = tt.has("text") || dt, en = !He && tt.has("erase"), ht = q(() => {
-    Ye.current && (URL.revokeObjectURL(Ye.current), Ye.current = null);
-  }, []), Dt = q(async () => {
-    if (!(!ve && !B)) {
-      tr(v), je("loading"), ge(null), u(0), j(1), k([]), N([]), O([]), ne(null), pe(null), $e(null), Se(null), Xe(null), Ze(null), Je(null), w("none");
+  const nn = !Ae && tt.has("highlight"), rn = !Ae && tt.has("underline"), At = tt.has("signature") || Ae, on = tt.has("text") || ht, sn = !Ae && tt.has("erase"), pt = q(() => {
+    Le.current && (URL.revokeObjectURL(Le.current), Le.current = null);
+  }, []), Et = q(async () => {
+    if (!(!O && !pe)) {
+      sr(v), Ee("loading"), Be(null), _(0), ne(1), j([]), R([]), X([]), ve(null), le(null), Se(null), Xe(null), Ze(null), Je(null), Pt(null), w("none");
       try {
-        const h = ve ? await an(ve, i) : await an(B, i), p = new Blob([h], { type: "application/pdf" }), d = URL.createObjectURL(p);
-        ht(), Ye.current = d, Be(d);
-        const A = await ct.getDocument({
-          data: h,
+        const u = O ? await un(O, i) : await un(pe, i), h = new Blob([u], { type: "application/pdf" }), d = URL.createObjectURL(h);
+        pt(), Le.current = d, He(d);
+        const L = await ct.getDocument({
+          data: u,
           cMapUrl: `https://unpkg.com/pdfjs-dist@${ct.version}/cmaps/`,
           cMapPacked: !0,
           standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${ct.version}/standard_fonts/`
         }).promise;
-        ge(A), u(A.numPages), je("ready");
+        Be(L), _(L.numPages), Ee("ready");
       } catch {
-        je("error");
+        Ee("error");
       }
     }
   }, [
-    ve,
-    B,
+    O,
+    pe,
     i,
-    ht,
+    pt,
     v
   ]);
   xe(() => {
-    if (!ve && !B) {
-      je("idle"), ge(null), u(0), Be(null), ht();
+    if (!O && !pe) {
+      Ee("idle"), Be(null), _(0), He(null), pt();
       return;
     }
-    return Dt(), () => {
-      ht();
+    return Et(), () => {
+      pt();
     };
-  }, [ve, B, Dt, ht]), xe(() => {
-    (o === "highlight" && !Vt || o === "underline" && !Qt || o === "sign" && !Rt || o === "text" && !Jt || o === "erase" && !en) && w("none");
-  }, [Vt, Qt, Rt, Jt, en, o]);
+  }, [O, pe, Et, pt]), xe(() => {
+    (m === "highlight" && !nn || m === "underline" && !rn || m === "sign" && !At || m === "text" && !on || m === "erase" && !sn) && w("none");
+  }, [nn, rn, At, on, sn, m]);
   const rt = q(
-    (h) => {
-      const p = Math.max(1, Math.min(he || 1, h)), d = Pe.current.get(p);
+    (u) => {
+      const h = Math.max(1, Math.min(p || 1, u)), d = Ue.current.get(h);
       if (!d) {
-        j(p);
+        ne(h);
         return;
       }
-      Oe.current = !0, d.scrollIntoView({ behavior: "smooth", block: "start" }), j(p), window.setTimeout(() => {
-        Oe.current = !1;
+      Fe.current = !0, d.scrollIntoView({ behavior: "smooth", block: "start" }), ne(h), window.setTimeout(() => {
+        Fe.current = !1;
       }, 500);
     },
-    [he]
+    [p]
   ), ot = q(
-    (h) => {
-      const p = Pe.current.get(h.pageNumber);
-      p && (Oe.current = !0, j(h.pageNumber));
+    (u) => {
+      const h = Ue.current.get(u.pageNumber);
+      h && (Fe.current = !0, ne(u.pageNumber));
       const d = () => {
-        var A;
-        const b = (A = Ee.current) == null ? void 0 : A.querySelector(
-          `[data-signature-field-id="${CSS.escape(h.id)}"]`
+        var L;
+        const y = (L = je.current) == null ? void 0 : L.querySelector(
+          `[data-signature-field-id="${CSS.escape(u.id)}"]`
         );
-        b ? b.scrollIntoView({ behavior: "smooth", block: "center" }) : p && p.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
-          Oe.current = !1;
+        y ? y.scrollIntoView({ behavior: "smooth", block: "center" }) : h && h.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
+          Fe.current = !1;
         }, 500);
       };
       window.requestAnimationFrame(() => {
@@ -2370,90 +2395,90 @@ function Hr({
     []
   );
   xe(() => {
-    if (fe !== "ready" || !Ee.current || !he) return;
-    const h = Ee.current, p = new IntersectionObserver(
+    if (fe !== "ready" || !je.current || !p) return;
+    const u = je.current, h = new IntersectionObserver(
       (d) => {
-        if (Oe.current) return;
-        let b = null;
-        for (const A of d) {
-          if (!A.isIntersecting) continue;
-          const R = Number.parseInt(
-            A.target.dataset.pageNumber || "0",
+        if (Fe.current) return;
+        let y = null;
+        for (const L of d) {
+          if (!L.isIntersecting) continue;
+          const F = Number.parseInt(
+            L.target.dataset.pageNumber || "0",
             10
           );
-          R && (!b || A.intersectionRatio > b.ratio) && (b = { page: R, ratio: A.intersectionRatio });
+          F && (!y || L.intersectionRatio > y.ratio) && (y = { page: F, ratio: L.intersectionRatio });
         }
-        b && j(b.page);
+        y && ne(y.page);
       },
       {
-        root: h,
+        root: u,
         threshold: [0.25, 0.5, 0.75]
       }
     );
-    for (let d = 1; d <= he; d += 1) {
-      const b = Pe.current.get(d);
-      b && p.observe(b);
+    for (let d = 1; d <= p; d += 1) {
+      const y = Ue.current.get(d);
+      y && h.observe(y);
     }
-    return () => p.disconnect();
-  }, [fe, he]);
-  const Ft = g > 1, At = he ? g < he : !1, Gn = q(() => {
-    Ft && rt(g - 1);
-  }, [Ft, g, rt]), Xn = q(() => {
-    At && rt(g + 1);
-  }, [At, g, rt]), qn = q(() => {
-    Ce((h) => (h + 90) % 360);
-  }, []), Yn = q(() => {
-    se((h) => Math.max(0.25, Math.round((h - 0.1) * 100) / 100));
-  }, []), Kn = q(() => {
-    se((h) => Math.min(5, Math.round((h + 0.1) * 100) / 100));
-  }, []), St = q(async () => {
-    if (!(!ie || !Ee.current))
+    return () => h.disconnect();
+  }, [fe, p]);
+  const Bt = C > 1, Ht = p ? C < p : !1, Zn = q(() => {
+    Bt && rt(C - 1);
+  }, [Bt, C, rt]), Vn = q(() => {
+    Ht && rt(C + 1);
+  }, [Ht, C, rt]), Qn = q(() => {
+    Te((u) => (u + 90) % 360);
+  }, []), Jn = q(() => {
+    be((u) => Math.max(0.25, Math.round((u - 0.1) * 100) / 100));
+  }, []), ei = q(() => {
+    be((u) => Math.min(5, Math.round((u + 0.1) * 100) / 100));
+  }, []), zt = q(async () => {
+    if (!(!G || !je.current))
       try {
-        const p = (await ie.getPage(g)).getViewport({ scale: 1, rotation: re }), b = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, R = Math.max(
+        const h = (await G.getPage(C)).getViewport({ scale: 1, rotation: ae }), y = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, F = Math.max(
           0,
-          Ee.current.clientWidth - b
-        ) / p.width;
-        se(Math.max(0.25, Math.min(5, Math.round(R * 100) / 100)));
+          je.current.clientWidth - y
+        ) / h.width;
+        be(Math.max(0.25, Math.min(5, Math.round(F * 100) / 100)));
       } catch {
       }
-  }, [ie, g, re]);
+  }, [G, C, ae]);
   xe(() => {
-    if (fe !== "ready" || !ie || !window.matchMedia("(max-width: 720px)").matches) return;
-    let h = !1;
-    const p = () => {
-      h || St();
+    if (fe !== "ready" || !G || !window.matchMedia("(max-width: 720px)").matches) return;
+    let u = !1;
+    const h = () => {
+      u || zt();
     };
-    p();
-    const d = Ee.current, b = typeof ResizeObserver < "u" && d ? new ResizeObserver(() => p()) : null;
-    b == null || b.observe(d);
-    const A = window.matchMedia("(max-width: 720px)"), R = () => {
-      A.matches && p();
+    h();
+    const d = je.current, y = typeof ResizeObserver < "u" && d ? new ResizeObserver(() => h()) : null;
+    y == null || y.observe(d);
+    const L = window.matchMedia("(max-width: 720px)"), F = () => {
+      L.matches && h();
     };
-    return A.addEventListener("change", R), () => {
-      h = !0, b == null || b.disconnect(), A.removeEventListener("change", R);
+    return L.addEventListener("change", F), () => {
+      u = !0, y == null || y.disconnect(), L.removeEventListener("change", F);
     };
-  }, [fe, ie, Ae, re, St]);
-  const Zn = q(async () => {
-    var h;
-    if (!(!ie || fe !== "ready")) {
-      Le(!0);
+  }, [fe, G, qe, ae, zt]);
+  const ti = q(async () => {
+    var u;
+    if (!(!G || fe !== "ready")) {
+      Ge(!0);
       try {
-        const p = await cn(ie, {
+        const h = await pn(G, {
           scale: 1.5,
-          rotation: re,
-          annotations: _,
-          signatures: P,
-          texts: L,
+          rotation: ae,
+          annotations: x,
+          signatures: k,
+          texts: S,
           mimeType: "image/png"
         }), d = document.createElement("iframe");
         d.style.position = "fixed", d.style.right = "0", d.style.bottom = "0", d.style.width = "0", d.style.height = "0", d.style.border = "0", d.setAttribute("aria-hidden", "true"), document.body.appendChild(d);
-        const b = (h = d.contentWindow) == null ? void 0 : h.document;
-        if (!b) throw new Error("print iframe not available");
-        b.open(), b.write(`<!doctype html>
+        const y = (u = d.contentWindow) == null ? void 0 : u.document;
+        if (!y) throw new Error("print iframe not available");
+        y.open(), y.write(`<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>${s.replace(/</g, "&lt;")}</title>
+    <title>${o.replace(/</g, "&lt;")}</title>
     <style>
       html, body { margin: 0; padding: 0; }
       img { width: 100%; display: block; }
@@ -2463,26 +2488,26 @@ function Hr({
     </style>
   </head>
   <body></body>
-</html>`), b.close();
-        const A = b.body;
-        for (const R of p) {
-          const K = b.createElement("img");
-          K.src = R.dataUrl;
-          const Re = b.createElement("div");
-          Re.className = "page", Re.appendChild(K), A.appendChild(Re);
+</html>`), y.close();
+        const L = y.body;
+        for (const F of h) {
+          const V = y.createElement("img");
+          V.src = F.dataUrl;
+          const Ie = y.createElement("div");
+          Ie.className = "page", Ie.appendChild(V), L.appendChild(Ie);
         }
         await Promise.all(
-          Array.from(A.querySelectorAll("img")).map(
-            (R) => {
-              var K;
-              return ((K = R.decode) == null ? void 0 : K.call(R).catch(() => {
+          Array.from(L.querySelectorAll("img")).map(
+            (F) => {
+              var V;
+              return ((V = F.decode) == null ? void 0 : V.call(F).catch(() => {
               })) ?? Promise.resolve();
             }
           )
         ), setTimeout(() => {
-          var R, K;
+          var F, V;
           try {
-            (R = d.contentWindow) == null || R.focus(), (K = d.contentWindow) == null || K.print();
+            (F = d.contentWindow) == null || F.focus(), (V = d.contentWindow) == null || V.print();
           } finally {
             setTimeout(() => {
               try {
@@ -2494,391 +2519,391 @@ function Hr({
         }, 50);
       } catch {
         try {
-          ce ? window.open(ce, "_blank", "noopener,noreferrer") : B && window.open(B, "_blank", "noopener,noreferrer");
+          _e ? window.open(_e, "_blank", "noopener,noreferrer") : pe && window.open(pe, "_blank", "noopener,noreferrer");
         } catch {
         }
       } finally {
-        Le(!1);
+        Ge(!1);
       }
     }
-  }, [ie, fe, re, s, ce, B, _, P, L]), Vn = q(async () => {
-    if (!ie || fe !== "ready") return;
-    const h = `${s.replace(/[^\w.-]+/g, "_") || "document"}.pdf`;
-    if (!(_.length > 0 || P.length > 0 || L.length > 0) && ce) {
-      Xt(
-        await fetch(ce).then((d) => d.blob()),
-        h
+  }, [G, fe, ae, o, _e, pe, x, k, S]), ni = q(async () => {
+    if (!G || fe !== "ready") return;
+    const u = `${o.replace(/[^\w.-]+/g, "_") || "document"}.pdf`;
+    if (!(x.length > 0 || k.length > 0 || S.length > 0) && _e) {
+      Zt(
+        await fetch(_e).then((d) => d.blob()),
+        u
       );
       return;
     }
-    vt(!0);
+    s(!0);
     try {
-      const d = await cn(ie, {
+      const d = await pn(G, {
         scale: 2,
-        rotation: re,
-        annotations: _,
-        signatures: P,
-        texts: L,
+        rotation: ae,
+        annotations: x,
+        signatures: k,
+        texts: S,
         mimeType: "image/jpeg",
         quality: 0.92
-      }), b = sr(d), A = new Uint8Array(b.byteLength);
-      A.set(b), Xt(
-        new Blob([A], { type: "application/pdf" }),
-        h
+      }), y = hr(d), L = new Uint8Array(y.byteLength);
+      L.set(y), Zt(
+        new Blob([L], { type: "application/pdf" }),
+        u
       );
     } catch {
-      ce && Xt(
-        await fetch(ce).then((d) => d.blob()),
-        h
+      _e && Zt(
+        await fetch(_e).then((d) => d.blob()),
+        u
       );
     } finally {
-      vt(!1);
+      s(!1);
     }
-  }, [ie, fe, re, s, ce, _, P, L]), Qn = q((h) => {
-    w((p) => p === h ? "none" : h);
-  }, []), Jn = o === "highlight" || o === "underline" ? mn(o === "highlight" ? Kt : o === "underline" ? Zt : null, o) : void 0, st = Ne != null ? P.find((h) => h.id === Ne) ?? null : null, ei = q((h) => {
-    k((p) => [...p, h]);
-  }, []), ti = q((h) => {
-    k((p) => p.filter((d) => d.id !== h));
-  }, []), ni = q(() => {
-    k([]), N([]), O([]), pe(null), Xe(null), Ze(null), Je(null);
-  }, []), ii = q(
-    (h) => {
-      le(h), W(!0);
+  }, [G, fe, ae, o, _e, x, k, S]), ii = q((u) => {
+    w((h) => h === u ? "none" : u);
+  }, []), ri = m === "highlight" || m === "underline" ? vn(m === "highlight" ? Jt : m === "underline" ? en : null, m) : void 0, st = ze != null ? k.find((u) => u.id === ze) ?? null : null, oi = q((u) => {
+    j((h) => [...h, u]);
+  }, []), si = q((u) => {
+    j((h) => h.filter((d) => d.id !== u));
+  }, []), ai = q(() => {
+    j([]), R([]), X([]), le(null), Ze(null), Je(null), Pt(null);
+  }, []), ci = q(
+    (u) => {
+      de(u), I(!0);
     },
     []
-  ), ri = q((h, p) => {
-    Wn((d) => ({ ...d, [h]: p }));
-  }, []), oi = q(
-    (h) => {
-      const p = it[h];
-      p && (Me == null || Me(h, p));
-      const d = C.findIndex((R) => R.id === h), b = new Set(
-        Object.keys(it).filter((R) => {
-          var K;
-          return (K = it[R]) == null ? void 0 : K.trim();
+  ), li = q((u, h) => {
+    Kn((d) => ({ ...d, [u]: h }));
+  }, []), di = q(
+    (u) => {
+      const h = it[u];
+      h && ($e == null || $e(u, h));
+      const d = Z.findIndex((F) => F.id === u), y = new Set(
+        Object.keys(it).filter((F) => {
+          var V;
+          return (V = it[F]) == null ? void 0 : V.trim();
         })
       );
-      b.add(h);
-      const A = C.slice(d + 1).find(
-        (R) => !b.has(R.id) && !P.some((K) => K.fieldId === R.id)
-      ) ?? C.slice(0, Math.max(0, d)).find(
-        (R) => !b.has(R.id) && !P.some((K) => K.fieldId === R.id)
+      y.add(u);
+      const L = Z.slice(d + 1).find(
+        (F) => !y.has(F.id) && !k.some((V) => V.fieldId === F.id)
+      ) ?? Z.slice(0, Math.max(0, d)).find(
+        (F) => !y.has(F.id) && !k.some((V) => V.fieldId === F.id)
       );
-      if (A) {
-        $e(A.id), ot(A);
-        const R = A.type;
-        (R === "sign" || !R) && window.setTimeout(() => W(!0), 350);
+      if (L) {
+        Se(L.id), ot(L);
+        const F = L.type;
+        (F === "sign" || !F) && window.setTimeout(() => I(!0), 350);
       }
     },
-    [C, it, P, ot]
-  ), si = q(
-    (h, p, d) => {
-      const b = Pi(p, d);
-      if (Ge) {
-        N(
-          (ee) => ee.map(
-            (De) => De.id === Ge ? {
-              ...De,
-              imageDataUrl: h,
-              width: De.fieldId ? De.width : b.width,
-              height: De.fieldId ? De.height : b.height
-            } : De
+    [Z, it, k, ot]
+  ), hi = q(
+    (u, h, d) => {
+      const y = Ci(h, d);
+      if (Ye) {
+        R(
+          (J) => J.map(
+            (Ce) => Ce.id === Ye ? {
+              ...Ce,
+              imageDataUrl: u,
+              width: Ce.fieldId ? Ce.width : y.width,
+              height: Ce.fieldId ? Ce.height : y.height
+            } : Ce
           )
-        ), ne(null), w("none"), W(!1), Se(null);
+        ), ve(null), w("none"), I(!1), Xe(null);
         return;
       }
-      if (He) {
-        const ee = C.find(
-          (we) => we.id === me && !P.some((nt) => nt.fieldId === we.id)
-        ) ?? C.find(
-          (we) => !P.some((nt) => nt.fieldId === we.id)
+      if (Ae) {
+        const J = Z.find(
+          (ge) => ge.id === Me && !k.some((nt) => nt.fieldId === ge.id)
+        ) ?? Z.find(
+          (ge) => !k.some((nt) => nt.fieldId === ge.id)
         );
-        if (!ee) {
-          W(!1);
+        if (!J) {
+          I(!1);
           return;
         }
-        const De = {
-          id: Tt(),
-          fieldId: ee.id,
-          pageNumber: ee.pageNumber,
-          x: ee.x,
-          y: ee.y,
-          width: ee.width,
-          height: ee.height,
-          imageDataUrl: h
+        const Ce = {
+          id: Lt(),
+          fieldId: J.id,
+          pageNumber: J.pageNumber,
+          x: J.x,
+          y: J.y,
+          width: J.width,
+          height: J.height,
+          imageDataUrl: u
         };
-        N((we) => [
-          ...we.filter((nt) => nt.fieldId !== ee.id),
-          De
-        ]), Q == null || Q(ee.id, De), ne(null), w("none"), W(!1), Se(null);
+        R((ge) => [
+          ...ge.filter((nt) => nt.fieldId !== J.id),
+          Ce
+        ]), ut(J.id, Ce), ve(null), w("none"), I(!1), Xe(null);
         const Ve = new Set(
-          P.filter((we) => we.fieldId && we.fieldId !== ee.id).map((we) => we.fieldId)
+          k.filter((ge) => ge.fieldId && ge.fieldId !== J.id).map((ge) => ge.fieldId)
         );
-        Ve.add(ee.id);
-        const kt = C.findIndex(
-          (we) => we.id === ee.id
-        ), pt = C.slice(kt + 1).find((we) => !Ve.has(we.id)) ?? C.slice(0, Math.max(0, kt)).find((we) => !Ve.has(we.id));
-        pt ? ($e(pt.id), pe(null), ot(pt), window.setTimeout(() => {
-          W(!0);
-        }, 350)) : (pe(De.id), $e(ee.id));
+        Ve.add(J.id);
+        const $t = Z.findIndex(
+          (ge) => ge.id === J.id
+        ), ft = Z.slice($t + 1).find((ge) => !Ve.has(ge.id)) ?? Z.slice(0, Math.max(0, $t)).find((ge) => !Ve.has(ge.id));
+        ft ? (Se(ft.id), le(null), ot(ft), window.setTimeout(() => {
+          I(!0);
+        }, 350)) : (le(Ce.id), Se(J.id));
         return;
       }
-      const A = Pe.current.get(g), R = A == null ? void 0 : A.querySelector(
+      const L = Ue.current.get(C), F = L == null ? void 0 : L.querySelector(
         ".epochs-pdf-viewer__surface"
       );
-      let K = 24, Re = 24;
-      if (R) {
-        const ee = yt(R, Y), De = R.closest(".epochs-pdf-viewer__body");
-        if (De) {
-          const Ve = $i(
-            De.getBoundingClientRect(),
-            R,
-            Y
-          ), kt = Math.max(0, Ve.top), pt = Math.min(ee.height, Ve.bottom), we = Math.max(0, Ve.left), nt = Math.min(ee.width, Ve.right);
-          K = Math.max(0, (we + nt) / 2 - b.width / 2), Re = Math.max(0, (kt + pt) / 2 - b.height / 2), K = Math.min(K, Math.max(0, ee.width - b.width)), Re = Math.min(Re, Math.max(0, ee.height - b.height));
+      let V = 24, Ie = 24;
+      if (F) {
+        const J = _t(F, K), Ce = F.closest(".epochs-pdf-viewer__body");
+        if (Ce) {
+          const Ve = Li(
+            Ce.getBoundingClientRect(),
+            F,
+            K
+          ), $t = Math.max(0, Ve.top), ft = Math.min(J.height, Ve.bottom), ge = Math.max(0, Ve.left), nt = Math.min(J.width, Ve.right);
+          V = Math.max(0, (ge + nt) / 2 - y.width / 2), Ie = Math.max(0, ($t + ft) / 2 - y.height / 2), V = Math.min(V, Math.max(0, J.width - y.width)), Ie = Math.min(Ie, Math.max(0, J.height - y.height));
         } else
-          K = Math.max(0, (ee.width - b.width) / 2), Re = Math.max(0, (ee.height - b.height) / 2);
+          V = Math.max(0, (J.width - y.width) / 2), Ie = Math.max(0, (J.height - y.height) / 2);
       }
-      const qe = {
-        id: Tt(),
-        pageNumber: g,
-        x: K,
-        y: Re,
-        width: b.width,
-        height: b.height,
-        imageDataUrl: h
+      const Ke = {
+        id: Lt(),
+        pageNumber: C,
+        x: V,
+        y: Ie,
+        width: y.width,
+        height: y.height,
+        imageDataUrl: u
       };
-      N((ee) => [...ee, qe]), Q == null || Q(void 0, qe), pe(qe.id), ne(null), w("none"), W(!1), Se(null);
+      R((J) => [...J, Ke]), ut(void 0, Ke), le(Ke.id), ve(null), w("none"), I(!1), Xe(null);
     },
     [
-      Ge,
-      He,
-      g,
-      Y,
-      ot,
-      me,
+      Ye,
+      Ae,
       C,
-      P,
-      Q
+      K,
+      ot,
+      Me,
+      Z,
+      k,
+      ut
     ]
-  ), ai = q((h) => {
-    N((p) => [...p, h]), pe(h.id), ne(null), w("none");
-  }, []), ci = q(
-    (h, p) => {
-      N(
-        (d) => d.map((b) => b.id === h ? { ...b, ...p } : b)
+  ), ui = q((u) => {
+    R((h) => [...h, u]), ut(void 0, u), le(u.id), ve(null), w("none");
+  }, [ut]), pi = q(
+    (u, h) => {
+      R(
+        (d) => d.map((y) => y.id === u ? { ...y, ...h } : y)
       );
     },
     []
-  ), li = q((h) => {
-    const p = P.find((d) => d.id === h);
-    N((d) => d.filter((b) => b.id !== h)), pe((d) => d === h ? null : d), p != null && p.fieldId && $e(p.fieldId);
-  }, [P]), di = q((h) => {
-    const p = h ? P.find((qe) => qe.id === h) ?? null : st;
-    if (!p) return;
-    const d = Pe.current.get(p.pageNumber), b = d == null ? void 0 : d.querySelector(
+  ), fi = q((u) => {
+    const h = k.find((d) => d.id === u);
+    R((d) => d.filter((y) => y.id !== u)), le((d) => d === u ? null : d), h != null && h.fieldId && Se(h.fieldId);
+  }, [k]), gi = q((u) => {
+    const h = u ? k.find((Ke) => Ke.id === u) ?? null : st;
+    if (!h) return;
+    const d = Ue.current.get(h.pageNumber), y = d == null ? void 0 : d.querySelector(
       ".epochs-pdf-viewer__surface"
-    ), A = 18;
-    let R = p.x + A, K = p.y + A;
-    if (b) {
-      const qe = b.clientWidth / Y, ee = b.clientHeight / Y;
-      R = Math.min(
-        Math.max(0, R),
-        Math.max(0, qe - p.width)
-      ), K = Math.min(
-        Math.max(0, K),
-        Math.max(0, ee - p.height)
+    ), L = 18;
+    let F = h.x + L, V = h.y + L;
+    if (y) {
+      const Ke = y.clientWidth / K, J = y.clientHeight / K;
+      F = Math.min(
+        Math.max(0, F),
+        Math.max(0, Ke - h.width)
+      ), V = Math.min(
+        Math.max(0, V),
+        Math.max(0, J - h.height)
       );
     }
-    const Re = {
-      ...p,
-      id: Tt(),
-      x: R,
-      y: K
+    const Ie = {
+      ...h,
+      id: Lt(),
+      x: F,
+      y: V
     };
-    N((qe) => [...qe, Re]), pe(Re.id), ne(null), w("none");
-  }, [Y, st, P]), hi = q((h) => {
-    const p = h ?? (st == null ? void 0 : st.id);
-    p && (pe(p), Se(p), W(!0));
-  }, [st]), pi = q((h) => {
-    O((p) => h.fieldId ? [...p.filter((d) => d.fieldId !== h.fieldId), h] : [...p, h]), Xe(h.id), h.fieldId && Ze(h.fieldId);
-  }, []), ui = q(
-    (h, p) => {
-      O(
-        (d) => d.map((b) => b.id === h ? { ...b, ...p } : b)
+    R((Ke) => [...Ke, Ie]), le(Ie.id), ve(null), w("none");
+  }, [K, st, k]), mi = q((u) => {
+    const h = u ?? (st == null ? void 0 : st.id);
+    h && (le(h), Xe(h), I(!0));
+  }, [st]), wi = q((u) => {
+    X((h) => u.fieldId ? [...h.filter((d) => d.fieldId !== u.fieldId), u] : [...h, u]), Ze(u.id), u.fieldId && Je(u.fieldId);
+  }, []), yi = q(
+    (u, h) => {
+      X(
+        (d) => d.map((y) => y.id === u ? { ...y, ...h } : y)
       );
     },
     []
-  ), fi = q((h) => {
-    const p = L.find((d) => d.id === h);
-    O((d) => d.filter((b) => b.id !== h)), Xe((d) => d === h ? null : d), Je((d) => d === h ? null : d), p != null && p.fieldId && Ze(p.fieldId);
-  }, [L]);
+  ), bi = q((u) => {
+    const h = S.find((d) => d.id === u);
+    X((d) => d.filter((y) => y.id !== u)), Ze((d) => d === u ? null : d), Pt((d) => d === u ? null : d), h != null && h.fieldId && Je(h.fieldId);
+  }, [S]);
   xe(() => {
-    dt && O(
-      (h) => h.map((p) => {
-        if (!p.fieldId) return p;
-        const d = F.find((b) => b.id === p.fieldId);
+    ht && X(
+      (u) => u.map((h) => {
+        if (!h.fieldId) return h;
+        const d = A.find((y) => y.id === h.fieldId);
         return d ? {
-          ...p,
+          ...h,
           pageNumber: d.pageNumber,
           x: d.x,
           y: d.y,
           width: d.width,
           height: d.height,
-          fontSize: d.fontSize ?? p.fontSize ?? _t,
-          color: d.color ?? p.color ?? wt
-        } : p;
+          fontSize: d.fontSize ?? h.fontSize ?? xt,
+          color: d.color ?? h.color ?? bt
+        } : h;
       })
     );
-  }, [dt, F]);
-  const tn = q(
-    (h) => {
-      var A;
-      if (!C.length) return;
-      const p = me != null ? C.findIndex((R) => R.id === me) : -1, d = Math.min(
-        C.length - 1,
-        Math.max(0, (p < 0 ? 0 : p) + h)
-      ), b = C[d];
-      b && ($e(b.id), pe(
-        ((A = P.find((R) => R.fieldId === b.id)) == null ? void 0 : A.id) ?? null
-      ), ot(b));
+  }, [ht, A]);
+  const an = q(
+    (u) => {
+      var L;
+      if (!Z.length) return;
+      const h = Me != null ? Z.findIndex((F) => F.id === Me) : -1, d = Math.min(
+        Z.length - 1,
+        Math.max(0, (h < 0 ? 0 : h) + u)
+      ), y = Z[d];
+      y && (Se(y.id), le(
+        ((L = k.find((F) => F.fieldId === y.id)) == null ? void 0 : L.id) ?? null
+      ), ot(y));
     },
     [
       ot,
-      me,
-      C,
-      P
+      Me,
+      Z,
+      k
     ]
   );
-  if (!ve && !B)
+  if (!O && !pe)
     return /* @__PURE__ */ a(
       "div",
       {
         "data-testid": "pdf-viewer",
-        className: `epochs-pdf-viewer epochs-pdf-viewer--empty ${x ?? ""}`.trim(),
+        className: `epochs-pdf-viewer epochs-pdf-viewer--empty ${M ?? ""}`.trim(),
         children: "No PDF file provided."
       }
     );
-  const gi = {
+  const _i = {
     height: r
-  }, nn = {
+  }, cn = {
     status: fe,
-    showThumbnails: Ae,
-    setShowThumbnails: Ue,
-    canGoPrev: Ft,
-    canGoNext: At,
-    handlePrev: Gn,
-    handleNext: Xn,
-    pageNumber: g,
-    numPages: he,
+    showThumbnails: qe,
+    setShowThumbnails: We,
+    canGoPrev: Bt,
+    canGoNext: Ht,
+    handlePrev: Zn,
+    handleNext: Vn,
+    pageNumber: C,
+    numPages: p,
     scrollToPage: rt,
-    scale: Y,
-    handleZoomOut: Yn,
-    handleZoomIn: Kn,
-    handleFitWidth: St,
-    handleRotate: qn,
-    markupTool: o,
-    toggleMarkupTool: (h) => Qn(h),
-    hasFixedSignatureFields: He,
-    hasFixedTextFields: dt,
-    pendingSignature: de,
+    scale: K,
+    handleZoomOut: Jn,
+    handleZoomIn: ei,
+    handleFitWidth: zt,
+    handleRotate: Qn,
+    markupTool: m,
+    toggleMarkupTool: (u) => ii(u),
+    hasFixedSignatureFields: Ae,
+    hasFixedTextFields: ht,
+    pendingSignature: he,
     setMarkupTool: w,
-    setSignaturePadOpen: W,
-    annotationsLength: _.length,
-    signaturesLength: P.length,
-    textsLength: L.length,
-    handleClearAnnotations: ni,
-    highlightHex: Kt,
-    underlineHex: Zt,
-    setHighlightHex: On,
-    setUnderlineHex: Un,
-    loadDocument: Dt,
-    handlePrint: Zn,
-    isPrinting: Ke,
-    pdfDoc: ie,
-    displayUrl: ce,
-    resolvedUrl: B,
-    handleDownload: Vn,
-    isDownloading: We
-  }, mi = (h) => h.filter((p) => !(He && (p === "highlight" || p === "underline" || p === "erase"))), Et = me ? C.findIndex((h) => h.id === me) : 0, wi = C.filter((h) => {
+    setSignaturePadOpen: I,
+    annotationsLength: x.length,
+    signaturesLength: k.length,
+    textsLength: S.length,
+    handleClearAnnotations: ai,
+    highlightHex: Jt,
+    underlineHex: en,
+    setHighlightHex: qn,
+    setUnderlineHex: Yn,
+    loadDocument: Et,
+    handlePrint: ti,
+    isPrinting: De,
+    pdfDoc: G,
+    displayUrl: _e,
+    resolvedUrl: pe,
+    handleDownload: ni,
+    isDownloading: St
+  }, vi = (u) => u.filter((h) => !(Ae && (h === "highlight" || h === "underline" || h === "erase"))), jt = Me ? Z.findIndex((u) => u.id === Me) : 0, xi = Z.filter((u) => {
     var d;
-    const p = h.type ?? "sign";
-    return p === "date" || p === "text" ? !!((d = it[h.id]) != null && d.trim()) : P.some((b) => b.fieldId === h.id);
-  }).length, Bt = C.length > 0 ? Math.round(wi / C.length * 100) : 0, rn = (h, p = !1) => {
-    const d = mi(h);
-    if (d.length === 0 && !p)
+    const h = u.type ?? "sign";
+    return h === "date" || h === "text" ? !!((d = it[u.id]) != null && d.trim()) : k.some((y) => y.fieldId === u.id);
+  }).length, Ot = Z.length > 0 ? Math.round(xi / Z.length * 100) : 0, ln = (u, h = !1) => {
+    const d = vi(u);
+    if (d.length === 0 && !h)
       return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__toolbar-group" });
     if (d.length === 0)
       return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" });
-    const b = d.map((A, R) => {
-      const K = d[R - 1], Re = pn(A) && (!K || !pn(K));
-      return /* @__PURE__ */ a(_i, { children: ur(A, nn, { showMarkupSep: Re }) }, A);
+    const y = d.map((L, F) => {
+      const V = d[F - 1], Ie = wn(L) && (!V || !wn(V));
+      return /* @__PURE__ */ a(Pi, { children: yr(L, cn, { showMarkupSep: Ie }) }, L);
     });
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ $(
       "div",
       {
-        className: p ? "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" : "epochs-pdf-viewer__toolbar-group",
+        className: h ? "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" : "epochs-pdf-viewer__toolbar-group",
         children: [
-          b,
-          fr(nn, new Set(d))
+          y,
+          br(cn, new Set(d))
         ]
       }
     );
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ $(
     "div",
     {
       "data-testid": "pdf-viewer",
-      "data-file-url": B || void 0,
-      className: `epochs-pdf-viewer ${x ?? ""}`.trim(),
-      style: gi,
+      "data-file-url": pe || void 0,
+      className: `epochs-pdf-viewer ${M ?? ""}`.trim(),
+      style: _i,
       children: [
-        et ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__toolbar", children: [
-          rn(et.left),
-          rn(et.right, !0)
+        et ? /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__toolbar", children: [
+          ln(et.left),
+          ln(et.right, !0)
         ] }) : null,
-        Rt || Ie ? /* @__PURE__ */ a(
-          lr,
+        At || ue || Ae ? /* @__PURE__ */ a(
+          fr,
           {
-            open: Z,
+            open: ie,
             onClose: () => {
-              W(!1), Se(null), ue == null || ue();
+              I(!1), Xe(null), ye == null || ye();
             },
-            onSave: si,
-            fieldType: H,
-            showFieldTypeTabs: !He
+            onSave: hi,
+            fieldType: ce,
+            showFieldTypeTabs: !Ae
           }
         ) : null,
-        /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__content", children: [
-          Ae ? /* @__PURE__ */ a(
+        /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__content", children: [
+          qe ? /* @__PURE__ */ a(
             "div",
             {
               className: "epochs-pdf-viewer__thumbnails",
-              style: { width: y + 24 },
-              children: fe === "ready" && ie ? /* @__PURE__ */ T(bt, { children: [
+              style: { width: b + 24 },
+              children: fe === "ready" && G ? /* @__PURE__ */ $(vt, { children: [
                 Array.from({
-                  length: Math.min(he || 0, f)
-                }).map((h, p) => {
-                  const d = p + 1;
+                  length: Math.min(p || 0, f)
+                }).map((u, h) => {
+                  const d = h + 1;
                   return /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__thumb-wrap", children: /* @__PURE__ */ a(
-                    Ji,
+                    rr,
                     {
-                      pdfDoc: ie,
+                      pdfDoc: G,
                       pageNumber: d,
-                      isActive: d === g,
-                      rotation: re,
+                      isActive: d === C,
+                      rotation: ae,
                       onSelect: rt,
-                      width: y,
-                      annotations: _,
-                      signatures: P,
-                      signatureFields: C,
-                      texts: L,
-                      textFields: F
+                      width: b,
+                      annotations: x,
+                      signatures: k,
+                      signatureFields: Z,
+                      texts: S,
+                      textFields: A
                     }
                   ) }, d);
                 }),
-                he > f ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__thumb-more", children: [
+                p > f ? /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__thumb-more", children: [
                   "Showing first ",
                   f,
                   " pages"
@@ -2886,69 +2911,69 @@ function Hr({
               ] }) : /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__muted", children: "Thumbnails" })
             }
           ) : null,
-          /* @__PURE__ */ T("div", { ref: Ee, className: "epochs-pdf-viewer__body", children: [
-            fe === "loading" ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__muted", children: [
+          /* @__PURE__ */ $("div", { ref: je, className: "epochs-pdf-viewer__body", children: [
+            fe === "loading" ? /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__muted", children: [
               "Loading PDF…",
               /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__spinner" })
             ] }) : null,
-            fe === "error" ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__error", children: [
+            fe === "error" ? /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__error", children: [
               "Unable to load PDF.",
-              B ? /* @__PURE__ */ a(
+              pe ? /* @__PURE__ */ a(
                 "a",
                 {
                   className: "epochs-pdf-viewer__open-link",
-                  href: B,
+                  href: pe,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   children: "Open file"
                 }
               ) : null
             ] }) : null,
-            fe === "ready" && ie ? /* @__PURE__ */ a("div", { children: Array.from({ length: he }).map((h, p) => {
-              const d = p + 1;
+            fe === "ready" && G ? /* @__PURE__ */ a("div", { children: Array.from({ length: p }).map((u, h) => {
+              const d = h + 1;
               return /* @__PURE__ */ a(
-                Qi,
+                ir,
                 {
-                  pdfDoc: ie,
+                  pdfDoc: G,
                   pageNumber: d,
-                  scale: Y,
-                  rotation: re,
-                  markupTool: te ? o : "none",
-                  markupColor: Jn,
-                  annotations: _,
-                  onAddAnnotation: ei,
-                  onRemoveAnnotation: ti,
-                  signatures: P,
-                  pendingSignature: de,
-                  onAddSignature: ai,
-                  onUpdateSignature: ci,
-                  onRemoveSignature: li,
-                  onEditSignature: hi,
-                  onDuplicateSignature: di,
-                  selectedSignatureId: Ne,
-                  onSelectSignature: pe,
-                  signatureFields: C,
-                  selectedSignatureFieldId: me,
-                  onSelectSignatureField: $e,
-                  hasFixedSignatureFields: He,
-                  onOpenSignaturePad: ii,
+                  scale: K,
+                  rotation: ae,
+                  markupTool: ee ? m : "none",
+                  markupColor: ri,
+                  annotations: x,
+                  onAddAnnotation: oi,
+                  onRemoveAnnotation: si,
+                  signatures: k,
+                  pendingSignature: he,
+                  onAddSignature: ui,
+                  onUpdateSignature: pi,
+                  onRemoveSignature: fi,
+                  onEditSignature: mi,
+                  onDuplicateSignature: gi,
+                  selectedSignatureId: ze,
+                  onSelectSignature: le,
+                  signatureFields: Z,
+                  selectedSignatureFieldId: Me,
+                  onSelectSignatureField: Se,
+                  hasFixedSignatureFields: Ae,
+                  onOpenSignaturePad: ci,
                   fieldValues: it,
-                  onFieldValueChange: ri,
-                  onFieldValueCommit: oi,
-                  texts: L,
-                  onAddText: pi,
-                  onUpdateText: ui,
-                  onRemoveText: fi,
-                  selectedTextId: lt,
-                  onSelectText: Xe,
-                  textFields: F,
-                  selectedTextFieldId: xt,
-                  onSelectTextField: Ze,
-                  hasFixedTextFields: dt,
-                  editingTextId: Lt,
-                  onEditingTextIdChange: Je,
-                  pageRef: (b) => {
-                    b && Pe.current.set(d, b);
+                  onFieldValueChange: li,
+                  onFieldValueCommit: di,
+                  texts: S,
+                  onAddText: wi,
+                  onUpdateText: yi,
+                  onRemoveText: bi,
+                  selectedTextId: dt,
+                  onSelectText: Ze,
+                  textFields: A,
+                  selectedTextFieldId: kt,
+                  onSelectTextField: Je,
+                  hasFixedTextFields: ht,
+                  editingTextId: Mt,
+                  onEditingTextIdChange: Pt,
+                  pageRef: (y) => {
+                    y && Ue.current.set(d, y);
                   }
                 },
                 d
@@ -2956,16 +2981,16 @@ function Hr({
             }) }) : null
           ] })
         ] }),
-        He || be ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer", role: "navigation", "aria-label": "Viewer actions", children: [
-          He ? /* @__PURE__ */ T(bt, { children: [
-            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer-nav", children: [
+        Ae || Y ? /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__footer", role: "navigation", "aria-label": "Viewer actions", children: [
+          Ae ? /* @__PURE__ */ $(vt, { children: [
+            /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__footer-nav", children: [
               /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
                   className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-                  disabled: C.length <= 1 || Et <= 0,
-                  onClick: () => tn(-1),
+                  disabled: Z.length <= 1 || jt <= 0,
+                  onClick: () => an(-1),
                   children: "Prev"
                 }
               ),
@@ -2974,18 +2999,18 @@ function Hr({
                 {
                   type: "button",
                   className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-                  disabled: C.length <= 1 || Et >= C.length - 1,
-                  onClick: () => tn(1),
+                  disabled: Z.length <= 1 || jt >= Z.length - 1,
+                  onClick: () => an(1),
                   children: "Next"
                 }
               )
             ] }),
-            /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer-center", children: [
-              /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__footer-label", children: [
+            /* @__PURE__ */ $("div", { className: "epochs-pdf-viewer__footer-center", children: [
+              /* @__PURE__ */ $("span", { className: "epochs-pdf-viewer__footer-label", children: [
                 "Field ",
-                Math.max(1, Et + 1),
+                Math.max(1, jt + 1),
                 " of ",
-                C.length
+                Z.length
               ] }),
               /* @__PURE__ */ a(
                 "div",
@@ -2994,30 +3019,30 @@ function Hr({
                   role: "progressbar",
                   "aria-valuemin": 0,
                   "aria-valuemax": 100,
-                  "aria-valuenow": Bt,
+                  "aria-valuenow": Ot,
                   "aria-label": "Signature progress",
                   children: /* @__PURE__ */ a(
                     "div",
                     {
                       className: "epochs-pdf-viewer__footer-progress-bar",
-                      style: { width: `${Bt}%` }
+                      style: { width: `${Ot}%` }
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ T("span", { className: "epochs-pdf-viewer__footer-percent", children: [
-                Bt,
+              /* @__PURE__ */ $("span", { className: "epochs-pdf-viewer__footer-percent", children: [
+                Ot,
                 "%"
               ] })
             ] })
           ] }) : /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__footer-center" }),
-          be ? /* @__PURE__ */ a(
+          Y ? /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--primary",
-              onClick: be,
-              children: J
+              onClick: Y,
+              children: lt
             }
           ) : null
         ] }) : null
@@ -3025,31 +3050,31 @@ function Hr({
     }
   );
 }
-function mr(e) {
+function vr(e) {
   return null;
 }
-mr.displayName = "Document";
-function wr(e) {
+vr.displayName = "Document";
+function xr(e) {
   return null;
 }
-wr.displayName = "Page";
-function yr(e) {
+xr.displayName = "Page";
+function kr(e) {
   return null;
 }
-yr.displayName = "View";
-function br(e) {
+kr.displayName = "View";
+function Mr(e) {
   return null;
 }
-br.displayName = "Text";
-function _r(e) {
+Mr.displayName = "Text";
+function Pr(e) {
   return null;
 }
-_r.displayName = "Image";
-function vr(e) {
+Pr.displayName = "Image";
+function Nr(e) {
   return null;
 }
-vr.displayName = "Link";
-const xr = {
+Nr.displayName = "Link";
+const $r = {
   Document: "DOCUMENT",
   Page: "PAGE",
   View: "VIEW",
@@ -3057,7 +3082,7 @@ const xr = {
   Image: "IMAGE",
   Link: "LINK"
 };
-function kr(e) {
+function Tr(e) {
   if (typeof e == "string") return e;
   if (typeof e == "function") {
     const t = e;
@@ -3065,7 +3090,7 @@ function kr(e) {
   }
   return null;
 }
-function An(e) {
+function zn(e) {
   const t = [], n = (i) => {
     if (!(i == null || typeof i == "boolean")) {
       if (Array.isArray(i)) {
@@ -3077,11 +3102,11 @@ function An(e) {
   };
   return n(e), t;
 }
-function Sn(e) {
-  return An(e).map((t) => typeof t == "string" || typeof t == "number" ? String(t) : t && typeof t == "object" && "props" in t ? Sn(t.props.children) : "").join("");
+function jn(e) {
+  return zn(e).map((t) => typeof t == "string" || typeof t == "number" ? String(t) : t && typeof t == "object" && "props" in t ? jn(t.props.children) : "").join("");
 }
-function En(e) {
-  const t = kr(e.type), n = t ? xr[t] : void 0;
+function On(e) {
+  const t = Tr(e.type), n = t ? $r[t] : void 0;
   if (!n)
     throw new Error(
       `[epochs-pdf] Unsupported element "${t ?? "unknown"}". Use Document, Page, View, Text, Image, or Link.`
@@ -3092,27 +3117,27 @@ function En(e) {
       type: n,
       props: i,
       children: [],
-      text: Sn(r)
+      text: jn(r)
     };
-  const s = An(r).filter(
+  const o = zn(r).filter(
     (c) => !!c && typeof c == "object" && "type" in c
-  ).map(En);
+  ).map(On);
   return {
     type: n,
     props: i,
-    children: s
+    children: o
   };
 }
-const Mr = {
+const Ir = {
   A4: [595.28, 841.89],
   LETTER: [612, 792],
   LEGAL: [612, 1008]
 };
-function Pr(e = "A4", t = "portrait") {
-  const [n, i] = Array.isArray(e) ? e : Mr[e];
+function Cr(e = "A4", t = "portrait") {
+  const [n, i] = Array.isArray(e) ? e : Ir[e];
   return t === "landscape" ? [i, n] : [n, i];
 }
-function Bn(e = {}) {
+function Un(e = {}) {
   const t = e.padding ?? 0;
   return {
     top: e.paddingTop ?? t,
@@ -3121,7 +3146,7 @@ function Bn(e = {}) {
     left: e.paddingLeft ?? t
   };
 }
-function ft(e = {}) {
+function mt(e = {}) {
   const t = e.margin ?? 0;
   return {
     top: e.marginTop ?? t,
@@ -3130,18 +3155,18 @@ function ft(e = {}) {
     left: e.marginLeft ?? t
   };
 }
-function $t(e) {
+function Rt(e) {
   if (!e) return null;
   const t = e.trim();
   if (t.startsWith("#")) {
     const i = t.slice(1);
     if (i.length === 3) {
-      const r = parseInt(i[0] + i[0], 16) / 255, s = parseInt(i[1] + i[1], 16) / 255, c = parseInt(i[2] + i[2], 16) / 255;
-      return [r, s, c];
+      const r = parseInt(i[0] + i[0], 16) / 255, o = parseInt(i[1] + i[1], 16) / 255, c = parseInt(i[2] + i[2], 16) / 255;
+      return [r, o, c];
     }
     if (i.length === 6) {
-      const r = parseInt(i.slice(0, 2), 16) / 255, s = parseInt(i.slice(2, 4), 16) / 255, c = parseInt(i.slice(4, 6), 16) / 255;
-      return [r, s, c];
+      const r = parseInt(i.slice(0, 2), 16) / 255, o = parseInt(i.slice(2, 4), 16) / 255, c = parseInt(i.slice(4, 6), 16) / 255;
+      return [r, o, c];
     }
   }
   const n = e.match(
@@ -3163,110 +3188,110 @@ function at(e, t, n = 0) {
   const i = Number.parseFloat(e);
   return Number.isFinite(i) ? i : n;
 }
-function qt(e) {
+function Vt(e) {
   return e === "bold" ? !0 : typeof e == "number" ? e >= 600 : !1;
 }
-const Nr = 12, $r = 1.4, Tr = 0.5;
-function Hn(e, t, n) {
-  const i = t.fontSize ?? Nr, r = (t.lineHeight ?? $r) * i, s = i * (qt(t.fontWeight) ? 0.55 : Tr);
+const Rr = 12, Lr = 1.4, Fr = 0.5;
+function Wn(e, t, n) {
+  const i = t.fontSize ?? Rr, r = (t.lineHeight ?? Lr) * i, o = i * (Vt(t.fontWeight) ? 0.55 : Fr);
   if (!e)
     return { width: 0, height: r, lines: [""] };
   const c = e.split(/\s+/), l = [];
-  let y = "";
-  for (const x of c) {
-    const v = y ? `${y} ${x}` : x;
-    v.length * s <= n || !y ? y = v : (l.push(y), y = x);
+  let b = "";
+  for (const M of c) {
+    const v = b ? `${b} ${M}` : M;
+    v.length * o <= n || !b ? b = v : (l.push(b), b = M);
   }
-  y && l.push(y);
-  const f = Math.max(...l.map((x) => x.length * s), 0);
+  b && l.push(b);
+  const f = Math.max(...l.map((M) => M.length * o), 0);
   return {
     width: Math.min(f, n),
     height: l.length * r,
     lines: l
   };
 }
-function zn(e, t, n, i, r) {
-  const s = e.props.style ?? {}, c = ft(s), l = Bn(s), y = t + c.left, f = n + c.top, x = Math.max(
+function Gn(e, t, n, i, r) {
+  const o = e.props.style ?? {}, c = mt(o), l = Un(o), b = t + c.left, f = n + c.top, M = Math.max(
     0,
-    at(s.width, i, i) - c.left - c.right
-  ), v = Math.max(0, x - l.left - l.right);
+    at(o.width, i, i) - c.left - c.right
+  ), v = Math.max(0, M - l.left - l.right);
   if (e.type === "TEXT" || e.type === "LINK") {
-    const F = Hn(e.text ?? "", s, v), Q = at(s.height, r, F.height + l.top + l.bottom);
+    const A = Wn(e.text ?? "", o, v), oe = at(o.height, r, A.height + l.top + l.bottom);
     return {
-      x: y,
+      x: b,
       y: f,
-      width: x,
-      height: Q,
+      width: M,
+      height: oe,
       node: e,
       children: [],
-      style: s,
+      style: o,
       text: e.text
     };
   }
   if (e.type === "IMAGE") {
-    const F = at(s.width, i, Math.min(200, i)), Q = at(s.height, r, 120);
+    const A = at(o.width, i, Math.min(200, i)), oe = at(o.height, r, 120);
     return {
-      x: y,
+      x: b,
       y: f,
-      width: F - c.left - c.right,
-      height: Q,
+      width: A - c.left - c.right,
+      height: oe,
       node: e,
       children: [],
-      style: s
+      style: o
     };
   }
-  const m = s.flexDirection ?? "column", M = s.gap ?? 0, $ = [];
-  let G = y + l.left, S = f + l.top, z = 0, E = 0;
-  for (let F = 0; F < e.children.length; F++) {
-    const Q = e.children[F], Me = m === "row" ? Math.max(0, v - z - (F > 0 ? M : 0)) : v, Ie = m === "column" ? Math.max(0, r - (S - n) - c.bottom) : r, ue = zn(Q, G, S, Me, Ie);
-    $.push(ue), m === "row" ? (z += ue.width + ft(Q.props.style ?? {}).left + ft(Q.props.style ?? {}).right, F < e.children.length - 1 && (z += M), G = y + l.left + z, E = Math.max(E, ue.height)) : (z += ue.height + ft(Q.props.style ?? {}).top + ft(Q.props.style ?? {}).bottom, F < e.children.length - 1 && (z += M), S = f + l.top + z, E = Math.max(E, ue.width));
+  const g = o.flexDirection ?? "column", P = o.gap ?? 0, N = [];
+  let U = b + l.left, E = f + l.top, z = 0, B = 0;
+  for (let A = 0; A < e.children.length; A++) {
+    const oe = e.children[A], ke = g === "row" ? Math.max(0, v - z - (A > 0 ? P : 0)) : v, $e = g === "column" ? Math.max(0, r - (E - n) - c.bottom) : r, ue = Gn(oe, U, E, ke, $e);
+    N.push(ue), g === "row" ? (z += ue.width + mt(oe.props.style ?? {}).left + mt(oe.props.style ?? {}).right, A < e.children.length - 1 && (z += P), U = b + l.left + z, B = Math.max(B, ue.height)) : (z += ue.height + mt(oe.props.style ?? {}).top + mt(oe.props.style ?? {}).bottom, A < e.children.length - 1 && (z += P), E = f + l.top + z, B = Math.max(B, ue.width));
   }
-  const I = at(
-    s.height,
+  const T = at(
+    o.height,
     r,
-    m === "column" ? z + l.top + l.bottom : E + l.top + l.bottom
-  ), V = m === "row" ? at(s.width, i, z + l.left + l.right) : x, te = s.justifyContent ?? "flex-start", X = s.alignItems ?? "stretch", oe = m === "column" ? I - l.top - l.bottom : V - l.left - l.right, ye = Math.max(0, oe - z);
-  let D = 0, ae = M;
-  te === "center" && (D = ye / 2), te === "flex-end" && (D = ye), te === "space-between" && $.length > 1 && (ae = M + ye / ($.length - 1)), te === "space-around" && $.length > 0 && (ae = M + ye / $.length, D = ae / 2);
-  let C = 0;
-  for (const F of $)
-    m === "column" ? (F.y = f + l.top + D + C, X === "center" ? F.x = y + l.left + Math.max(0, (v - F.width) / 2) : X === "flex-end" ? F.x = y + l.left + Math.max(0, v - F.width) : X === "stretch" && F.style.width == null && (F.width = v), C += F.height + ae) : (F.x = y + l.left + D + C, X === "center" ? F.y = f + l.top + Math.max(0, (I - l.top - l.bottom - F.height) / 2) : X === "flex-end" ? F.y = f + l.top + Math.max(0, I - l.top - l.bottom - F.height) : X === "stretch" && F.style.height == null && (F.height = I - l.top - l.bottom), C += F.width + ae);
+    g === "column" ? z + l.top + l.bottom : B + l.top + l.bottom
+  ), Q = g === "row" ? at(o.width, i, z + l.left + l.right) : M, ee = o.justifyContent ?? "flex-start", W = o.alignItems ?? "stretch", re = g === "column" ? T - l.top - l.bottom : Q - l.left - l.right, we = Math.max(0, re - z);
+  let D = 0, se = P;
+  ee === "center" && (D = we / 2), ee === "flex-end" && (D = we), ee === "space-between" && N.length > 1 && (se = P + we / (N.length - 1)), ee === "space-around" && N.length > 0 && (se = P + we / N.length, D = se / 2);
+  let te = 0;
+  for (const A of N)
+    g === "column" ? (A.y = f + l.top + D + te, W === "center" ? A.x = b + l.left + Math.max(0, (v - A.width) / 2) : W === "flex-end" ? A.x = b + l.left + Math.max(0, v - A.width) : W === "stretch" && A.style.width == null && (A.width = v), te += A.height + se) : (A.x = b + l.left + D + te, W === "center" ? A.y = f + l.top + Math.max(0, (T - l.top - l.bottom - A.height) / 2) : W === "flex-end" ? A.y = f + l.top + Math.max(0, T - l.top - l.bottom - A.height) : W === "stretch" && A.style.height == null && (A.height = T - l.top - l.bottom), te += A.width + se);
   return {
-    x: y,
+    x: b,
     y: f,
-    width: V,
-    height: I,
+    width: Q,
+    height: T,
     node: e,
-    children: $,
-    style: s
+    children: N,
+    style: o
   };
 }
-function Ir(e) {
+function Dr(e) {
   if (e.type !== "DOCUMENT")
     throw new Error("[epochs-pdf] Root element must be <Document>.");
   const t = [];
   for (const n of e.children) {
     if (n.type !== "PAGE")
       throw new Error("[epochs-pdf] Direct children of <Document> must be <Page>.");
-    const i = n.props.size, r = n.props.orientation ?? "portrait", [s, c] = Pr(i, r), l = n.props.style ?? {}, y = Bn(l), f = {
+    const i = n.props.size, r = n.props.orientation ?? "portrait", [o, c] = Cr(i, r), l = n.props.style ?? {}, b = Un(l), f = {
       type: "VIEW",
       props: {
         style: {
           ...l,
-          width: s,
+          width: o,
           height: c,
-          paddingTop: y.top,
-          paddingRight: y.right,
-          paddingBottom: y.bottom,
-          paddingLeft: y.left
+          paddingTop: b.top,
+          paddingRight: b.right,
+          paddingBottom: b.bottom,
+          paddingLeft: b.left
         }
       },
       children: n.children
-    }, x = zn(f, 0, 0, s, c);
+    }, M = Gn(f, 0, 0, o, c);
     t.push({
-      width: s,
+      width: o,
       height: c,
-      boxes: x.children,
+      boxes: M.children,
       style: l
     });
   }
@@ -3280,48 +3305,48 @@ function Ir(e) {
     pages: t
   };
 }
-function gt(e) {
+function wt(e) {
   return e.replace(/\\/g, "\\\\").replace(/\(/g, "\\(").replace(/\)/g, "\\)").replace(/\r/g, "\\r").replace(/\n/g, "\\n");
 }
-class Cr {
+class Sr {
   constructor() {
-    Ht(this, "objects", [null]);
-    Ht(this, "offsets", [0]);
+    Ut(this, "objects", [null]);
+    Ut(this, "offsets", [0]);
   }
   addObject(t) {
     return this.objects.push(t), this.objects.length - 1;
   }
   build(t) {
     const n = this.addObject(
-      `<< /Title (${gt(t.meta.title)}) /Author (${gt(t.meta.author)}) /Subject (${gt(t.meta.subject)}) /Creator (${gt(t.meta.creator)}) /Producer (epochs-pdf) >>`
+      `<< /Title (${wt(t.meta.title)}) /Author (${wt(t.meta.author)}) /Subject (${wt(t.meta.subject)}) /Creator (${wt(t.meta.creator)}) /Producer (epochs-pdf) >>`
     ), i = this.addObject(
       "<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica >>"
     ), r = this.addObject(
       "<< /Type /Font /Subtype /Type1 /BaseFont /Helvetica-Bold >>"
-    ), s = [];
+    ), o = [];
     for (const v of t.pages) {
-      const m = this.renderPageContent(
+      const g = this.renderPageContent(
         v.boxes,
         v.width,
         v.height,
         v.style
-      ), M = this.addObject(
-        `<< /Length ${m.length} >>
+      ), P = this.addObject(
+        `<< /Length ${g.length} >>
 stream
-${m}
+${g}
 endstream`
-      ), $ = this.addObject("");
-      s.push($), this.objects[$] = `<< /Type /Page /Parent 0 0 R /MediaBox [0 0 ${v.width.toFixed(2)} ${v.height.toFixed(2)}] /Contents ${M} 0 R /Resources << /Font << /F1 ${i} 0 R /F2 ${r} 0 R >> >> >>`;
+      ), N = this.addObject("");
+      o.push(N), this.objects[N] = `<< /Type /Page /Parent 0 0 R /MediaBox [0 0 ${v.width.toFixed(2)} ${v.height.toFixed(2)}] /Contents ${P} 0 R /Resources << /Font << /F1 ${i} 0 R /F2 ${r} 0 R >> >> >>`;
     }
-    const c = s.map((v) => `${v} 0 R`).join(" "), l = this.addObject(
-      `<< /Type /Pages /Kids [${c}] /Count ${s.length} >>`
+    const c = o.map((v) => `${v} 0 R`).join(" "), l = this.addObject(
+      `<< /Type /Pages /Kids [${c}] /Count ${o.length} >>`
     );
-    for (const v of s)
+    for (const v of o)
       this.objects[v] = this.objects[v].replace(
         "/Parent 0 0 R",
         `/Parent ${l} 0 R`
       );
-    const y = this.addObject(
+    const b = this.addObject(
       `<< /Type /Catalog /Pages ${l} 0 R >>`
     );
     let f = `%PDF-1.4
@@ -3332,7 +3357,7 @@ endstream`
 ${this.objects[v]}
 endobj
 `;
-    const x = f.length;
+    const M = f.length;
     f += `xref
 0 ${this.objects.length}
 `, f += `0000000000 65535 f 
@@ -3341,109 +3366,109 @@ endobj
       f += `${String(this.offsets[v]).padStart(10, "0")} 00000 n 
 `;
     return f += `trailer
-<< /Size ${this.objects.length} /Root ${y} 0 R /Info ${n} 0 R >>
+<< /Size ${this.objects.length} /Root ${b} 0 R /Info ${n} 0 R >>
 `, f += `startxref
-${x}
+${M}
 %%EOF`, new TextEncoder().encode(f);
   }
   renderPageContent(t, n, i, r) {
-    const s = [], c = $t(r.backgroundColor);
-    c && (s.push("q"), s.push(
+    const o = [], c = Rt(r.backgroundColor);
+    c && (o.push("q"), o.push(
       `${c[0].toFixed(3)} ${c[1].toFixed(3)} ${c[2].toFixed(3)} rg`
-    ), s.push(
+    ), o.push(
       `0 0 ${n.toFixed(2)} ${i.toFixed(2)} re f`
-    ), s.push("Q"));
-    const l = (y) => {
-      const { x: f, y: x, width: v, height: m, style: M, node: $, text: G } = y, S = i - x - m, z = $t(M.backgroundColor);
-      if (z && (s.push("q"), s.push(`${z[0].toFixed(3)} ${z[1].toFixed(3)} ${z[2].toFixed(3)} rg`), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re f`), s.push("Q")), M.borderWidth && M.borderWidth > 0) {
-        const E = $t(M.borderColor) ?? [0, 0, 0];
-        s.push("q"), s.push(`${M.borderWidth} w`), s.push(`${E[0].toFixed(3)} ${E[1].toFixed(3)} ${E[2].toFixed(3)} RG`), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re S`), s.push("Q");
+    ), o.push("Q"));
+    const l = (b) => {
+      const { x: f, y: M, width: v, height: g, style: P, node: N, text: U } = b, E = i - M - g, z = Rt(P.backgroundColor);
+      if (z && (o.push("q"), o.push(`${z[0].toFixed(3)} ${z[1].toFixed(3)} ${z[2].toFixed(3)} rg`), o.push(`${f.toFixed(2)} ${E.toFixed(2)} ${v.toFixed(2)} ${g.toFixed(2)} re f`), o.push("Q")), P.borderWidth && P.borderWidth > 0) {
+        const B = Rt(P.borderColor) ?? [0, 0, 0];
+        o.push("q"), o.push(`${P.borderWidth} w`), o.push(`${B[0].toFixed(3)} ${B[1].toFixed(3)} ${B[2].toFixed(3)} RG`), o.push(`${f.toFixed(2)} ${E.toFixed(2)} ${v.toFixed(2)} ${g.toFixed(2)} re S`), o.push("Q");
       }
-      if (($.type === "TEXT" || $.type === "LINK") && G != null) {
-        const E = M.fontSize ?? 12, I = $t(M.color) ?? [0, 0, 0], V = qt(M.fontWeight) ? "F2" : "F1", te = M.paddingLeft ?? M.padding ?? 0, X = M.paddingTop ?? M.padding ?? 0, oe = Math.max(0, v - te - (M.paddingRight ?? M.padding ?? 0)), ke = Hn(G, M, oe || v), ye = (M.lineHeight ?? 1.4) * E;
-        s.push("q"), s.push("BT"), s.push(`/${V} ${E} Tf`), s.push(`${I[0].toFixed(3)} ${I[1].toFixed(3)} ${I[2].toFixed(3)} rg`), ke.lines.forEach((D, ae) => {
-          let C = f + te;
-          const F = D.length * E * (qt(M.fontWeight) ? 0.55 : 0.5);
-          M.textAlign === "center" ? C = f + (v - F) / 2 : M.textAlign === "right" && (C = f + v - F - (M.paddingRight ?? M.padding ?? 0));
-          const Q = i - x - X - E - ae * ye;
-          s.push(`1 0 0 1 ${C.toFixed(2)} ${Q.toFixed(2)} Tm`), s.push(`(${gt(D)}) Tj`);
-        }), s.push("ET"), s.push("Q");
+      if ((N.type === "TEXT" || N.type === "LINK") && U != null) {
+        const B = P.fontSize ?? 12, T = Rt(P.color) ?? [0, 0, 0], Q = Vt(P.fontWeight) ? "F2" : "F1", ee = P.paddingLeft ?? P.padding ?? 0, W = P.paddingTop ?? P.padding ?? 0, re = Math.max(0, v - ee - (P.paddingRight ?? P.padding ?? 0)), Pe = Wn(U, P, re || v), we = (P.lineHeight ?? 1.4) * B;
+        o.push("q"), o.push("BT"), o.push(`/${Q} ${B} Tf`), o.push(`${T[0].toFixed(3)} ${T[1].toFixed(3)} ${T[2].toFixed(3)} rg`), Pe.lines.forEach((D, se) => {
+          let te = f + ee;
+          const A = D.length * B * (Vt(P.fontWeight) ? 0.55 : 0.5);
+          P.textAlign === "center" ? te = f + (v - A) / 2 : P.textAlign === "right" && (te = f + v - A - (P.paddingRight ?? P.padding ?? 0));
+          const oe = i - M - W - B - se * we;
+          o.push(`1 0 0 1 ${te.toFixed(2)} ${oe.toFixed(2)} Tm`), o.push(`(${wt(D)}) Tj`);
+        }), o.push("ET"), o.push("Q");
       }
-      $.type === "IMAGE" && (s.push("q"), s.push("0.85 0.85 0.85 rg"), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re f`), s.push("0.6 0.6 0.6 RG 1 w"), s.push(`${f.toFixed(2)} ${S.toFixed(2)} ${v.toFixed(2)} ${m.toFixed(2)} re S`), s.push(
-        `BT /F1 10 Tf 0.4 0.4 0.4 rg 1 0 0 1 ${(f + 8).toFixed(2)} ${(S + m / 2 - 4).toFixed(2)} Tm (Image) Tj ET`
-      ), s.push("Q"));
-      for (const E of y.children)
-        l(E);
+      N.type === "IMAGE" && (o.push("q"), o.push("0.85 0.85 0.85 rg"), o.push(`${f.toFixed(2)} ${E.toFixed(2)} ${v.toFixed(2)} ${g.toFixed(2)} re f`), o.push("0.6 0.6 0.6 RG 1 w"), o.push(`${f.toFixed(2)} ${E.toFixed(2)} ${v.toFixed(2)} ${g.toFixed(2)} re S`), o.push(
+        `BT /F1 10 Tf 0.4 0.4 0.4 rg 1 0 0 1 ${(f + 8).toFixed(2)} ${(E + g / 2 - 4).toFixed(2)} Tm (Image) Tj ET`
+      ), o.push("Q"));
+      for (const B of b.children)
+        l(B);
     };
-    for (const y of t)
-      l(y);
-    return s.join(`
+    for (const b of t)
+      l(b);
+    return o.join(`
 `);
   }
 }
-function Lr(e) {
-  return new Cr().build(e);
+function Ar(e) {
+  return new Sr().build(e);
 }
-function Yt(e) {
-  const t = En(e), n = Ir(t);
-  return Lr(n);
+function Qt(e) {
+  const t = On(e), n = Dr(t);
+  return Ar(n);
 }
-function zr(e) {
-  return Yt(e);
+function Gr(e) {
+  return Qt(e);
 }
-function jn(e) {
-  const t = Yt(e), n = new Uint8Array(t.byteLength);
+function Xn(e) {
+  const t = Qt(e), n = new Uint8Array(t.byteLength);
   return n.set(t), new Blob([n], { type: "application/pdf" });
 }
-function Rr(e) {
-  return URL.createObjectURL(jn(e));
+function Er(e) {
+  return URL.createObjectURL(Xn(e));
 }
-function jr(e, t = "document.pdf") {
-  const n = Rr(e), i = document.createElement("a");
+function Xr(e, t = "document.pdf") {
+  const n = Er(e), i = document.createElement("a");
   i.href = n, i.download = t, i.click(), URL.revokeObjectURL(n);
 }
-async function Or(e) {
-  return Yt(e);
+async function qr(e) {
+  return Qt(e);
 }
-async function Ur(e) {
-  return jn(e);
+async function Yr(e) {
+  return Xn(e);
 }
 export {
-  Br as ALL_TOOLBAR_TOOLS,
-  Rn as AddText,
-  Fn as Clear,
-  hn as DEFAULT_TOOLBAR_LAYOUT,
-  mr as Document,
-  Tn as Download,
-  Dn as Erase,
-  un as HIGHLIGHT_PRESETS,
-  In as Highlight,
-  _r as Image,
-  vr as Link,
-  xn as Navigation,
-  $n as Open,
-  Mr as PAGE_SIZES,
-  wr as Page,
-  Hr as PdfViewer,
-  Nn as Print,
-  Pn as Reload,
-  Mn as Rotate,
-  Ln as Signature,
-  br as Text,
-  vn as Thumbnail,
-  fn as UNDERLINE_PRESETS,
-  Cn as Underline,
-  yr as View,
-  kn as Zoom,
-  Hr as default,
-  jr as download,
-  mn as hexToMarkupColor,
-  zr as pdf,
-  Ur as renderToBlob,
-  Or as renderToBuffer,
-  Pr as resolvePageSize,
-  sn as setPdfWorkerSrc,
-  jn as toBlob,
-  Rr as toUrl
+  Ur as ALL_TOOLBAR_TOOLS,
+  En as AddText,
+  Hn as Clear,
+  mn as DEFAULT_TOOLBAR_LAYOUT,
+  vr as Document,
+  Fn as Download,
+  Bn as Erase,
+  yn as HIGHLIGHT_PRESETS,
+  Dn as Highlight,
+  Pr as Image,
+  Nr as Link,
+  $n as Navigation,
+  Ln as Open,
+  Ir as PAGE_SIZES,
+  xr as Page,
+  Wr as PdfViewer,
+  Rn as Print,
+  Cn as Reload,
+  In as Rotate,
+  An as Signature,
+  Mr as Text,
+  Nn as Thumbnail,
+  bn as UNDERLINE_PRESETS,
+  Sn as Underline,
+  kr as View,
+  Tn as Zoom,
+  Wr as default,
+  Xr as download,
+  vn as hexToMarkupColor,
+  Gr as pdf,
+  Yr as renderToBlob,
+  qr as renderToBuffer,
+  Cr as resolvePageSize,
+  hn as setPdfWorkerSrc,
+  Xn as toBlob,
+  Er as toUrl
 };
 //# sourceMappingURL=epochs-pdf.js.map