@tawqi3i/pdf-viewer 0.1.0

package/dist/index.js

@@ -0,0 +1,1717 @@
+import { jsxs as a, jsx as e, Fragment as we } from "react/jsx-runtime";
+import { memo as ve, useRef as F, useState as W, useEffect as $, useCallback as U } from "react";
+import { GemBoxPdfViewer as fe } from "@gembox/pdfviewer";
+import "@gembox/pdfviewer/dist/es/pdfviewer.css";
+import { PDFDocument as pe, StandardFonts as ye, rgb as ge, degrees as ke } from "pdf-lib";
+if (typeof window < "u" && !window["pdfjs-dist/build/pdf"]) {
+  const t = globalThis["pdfjs-dist/build/pdf"] ?? globalThis.pdfjsLib;
+  t && (window["pdfjs-dist/build/pdf"] = t);
+}
+let le = !1;
+function Se(t) {
+  le || (fe.setLicense(t), le = !0);
+}
+function Ne({
+  fileUrl: t = null,
+  fileBlob: n = null,
+  height: o = "600px",
+  width: i = "100%",
+  className: l,
+  licenseKey: p = "FREE-LIMITED-KEY",
+  theme: m = null,
+  readOnly: g = !1,
+  visibility: u = null,
+  onLoad: x,
+  onError: S
+}) {
+  const c = F(null), y = F(null), d = F(x), N = F(S), T = F({ url: t, blob: n }), [A, E] = W(null);
+  if ($(() => {
+    d.current = x;
+  }, [x]), $(() => {
+    N.current = S;
+  }, [S]), $(() => {
+    T.current = { url: t, blob: n }, E(null);
+    const w = y.current;
+    if (!w) return;
+    let D = !1;
+    return (async () => {
+      try {
+        const f = n ? await n.arrayBuffer() : t;
+        f && !D && (await w.open(f), d.current?.());
+      } catch (f) {
+        D || (E(f), N.current?.(f));
+      }
+    })(), () => {
+      D = !0;
+    };
+  }, [t, n]), $(() => {
+    const w = c.current;
+    if (!w) return;
+    const D = document.createElement("div");
+    D.style.width = "100%", D.style.height = "100%", w.appendChild(D);
+    let f = !1;
+    const v = g ? { open: !1, download: !1, print: !1, ...u } : u, B = {};
+    if (m && (B.theme = m), v) {
+      const r = {};
+      v.open !== void 0 && (r.openButton = { isVisible: v.open }), v.download !== void 0 && (r.downloadButton = { isVisible: v.download }), v.print !== void 0 && (r.printButton = { isVisible: v.print }), Object.keys(r).length && (B.toolbar = r);
+    }
+    return (async () => {
+      try {
+        Se(p);
+        const r = await fe.create({
+          container: D,
+          ...Object.keys(B).length ? { ui: B } : {}
+        });
+        if (f) return;
+        y.current = r;
+        const { url: b, blob: h } = T.current, C = h ? await h.arrayBuffer() : b;
+        C && !f && (await r.open(C), d.current?.());
+      } catch (r) {
+        f || (E(r), N.current?.(r));
+      }
+    })(), () => {
+      f = !0, y.current = null, w.innerHTML = "";
+    };
+  }, []), A) {
+    const w = A?.message || String(A);
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center gap-2 border border-danger/30 rounded-md bg-danger/10 text-danger-dark text-sm p-4 ${l ?? ""}`,
+        style: { width: i, height: o, boxSizing: "border-box" },
+        children: [
+          /* @__PURE__ */ e("span", { className: "font-medium", children: "Failed to load PDF" }),
+          w && /* @__PURE__ */ e("span", { className: "text-xs text-danger text-center max-w-sm wrap-break-word", children: w })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ e("div", { ref: c, className: l, style: { width: i, height: o } });
+}
+const Ce = ve(Ne), k = { TEXT: "text", STAMP: "stamp", SIGNATURE: "Esig" }, oe = [
+  { id: "approved", label: "APPROVED", color: "#15803d", bg: "#f0fdf4" },
+  { id: "rejected", label: "REJECTED", color: "#dc2626", bg: "#fef2f2" },
+  { id: "reviewed", label: "REVIEWED", color: "#0369a1", bg: "#f0f9ff" },
+  { id: "void", label: "VOID", color: "#9f1239", bg: "#fff1f2" }
+], Te = 220, Ee = 80, Me = 160, Le = 44, Ae = 120, De = 120, se = 8, Ie = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.5"><line x1="12" y1="2" x2="12" y2="22"/><line x1="2" y1="12" x2="22" y2="12"/><circle cx="12" cy="12" r="1.5" fill="black"/></svg>') 12 12, crosshair`;
+let Re = 0;
+const re = () => `ann-${++Re}`, O = (t, n) => Math.min(Math.max(t, 0), Math.max(0, 1 - n));
+function ie(t, n) {
+  return document.elementsFromPoint(t, n).find((i) => i?.dataset?.pageNumber != null) ?? null;
+}
+function ce(t) {
+  return document.querySelector(`[data-page-number="${t + 1}"]`);
+}
+function Pe({
+  ann: t,
+  pos: n,
+  onDelete: o,
+  onDragStart: i,
+  onResizeStart: l,
+  onTextChange: p
+}) {
+  const [m, g] = W(
+    t.type === k.TEXT && !t.content
+  ), u = F(null);
+  if ($(() => {
+    m && u.current && u.current.focus();
+  }, [m]), !n) return null;
+  const x = (d) => {
+    m || (d.stopPropagation(), i(d, t.id));
+  }, S = /* @__PURE__ */ e(
+    "button",
+    {
+      onMouseDown: (d) => {
+        d.stopPropagation(), o(t.id);
+      },
+      className: "absolute -top-2.5 -right-2.5 w-5 h-5 rounded-full bg-danger text-white text-xs leading-none flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity shadow-md z-10",
+      children: "×"
+    }
+  ), c = /* @__PURE__ */ e(
+    "div",
+    {
+      onMouseDown: (d) => {
+        d.stopPropagation(), l(d, t.id);
+      },
+      title: "Drag to resize",
+      style: { cursor: "nwse-resize" },
+      className: "absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-sm bg-brand border-2 border-white opacity-0 group-hover:opacity-100 transition-opacity shadow-md z-10"
+    }
+  ), y = {
+    position: "absolute",
+    left: n.x,
+    top: n.y,
+    width: n.w,
+    height: n.h,
+    userSelect: m ? "text" : "none",
+    cursor: m ? "text" : "grab",
+    zIndex: 10,
+    pointerEvents: "auto"
+  };
+  if (t.type === k.TEXT)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: y,
+        onMouseDown: x,
+        onClick: (d) => d.stopPropagation(),
+        className: "group",
+        children: [
+          m ? /* @__PURE__ */ e(
+            "textarea",
+            {
+              ref: u,
+              defaultValue: t.content,
+              onChange: (d) => p(t.id, d.target.value),
+              onBlur: () => g(!1),
+              onKeyDown: (d) => {
+                d.key === "Escape" && d.target.blur();
+              },
+              placeholder: "Type here…",
+              className: "w-full h-full rounded-md border-2 border-brand bg-yellow-50 text-ink shadow-lg outline-none resize-none",
+              style: {
+                boxSizing: "border-box",
+                fontSize: n.h / 5,
+                padding: `${n.h * 0.125}px ${n.w * 0.05}px`
+              }
+            }
+          ) : /* @__PURE__ */ e(
+            "div",
+            {
+              onDoubleClick: () => g(!0),
+              className: "w-full h-full rounded-md border-2 border-yellow-400 bg-yellow-50 text-ink shadow-md whitespace-pre-wrap overflow-hidden",
+              style: {
+                boxSizing: "border-box",
+                fontSize: n.h / 5,
+                padding: `${n.h * 0.125}px ${n.w * 0.05}px`
+              },
+              children: t.content || /* @__PURE__ */ e("span", { className: "text-ink-muted italic text-xs", children: "Double-click to edit" })
+            }
+          ),
+          S,
+          c
+        ]
+      }
+    );
+  if (t.type === k.STAMP) {
+    const d = se * Math.PI / 180, N = Math.cos(d), T = Math.sin(d), A = Math.min(
+      n.w / (n.w * N + n.h * T),
+      n.h / (n.w * T + n.h * N)
+    ), E = t.stamp.label || "", f = E.length * 0.65 + Math.max(0, E.length - 1) * 0.18, v = f > 0 ? n.w * 0.82 / f : n.h * 0.42, B = Math.max(8, Math.min(v, n.h * 0.42));
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: y,
+        onMouseDown: x,
+        onClick: (r) => r.stopPropagation(),
+        className: "group",
+        children: [
+          t.stamp.imageUrl ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: t.stamp.imageUrl,
+              alt: "Stamp",
+              style: { width: "100%", height: "100%", objectFit: "contain" },
+              className: "select-none rounded shadow-md",
+              draggable: !1
+            }
+          ) : /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                width: "100%",
+                height: "100%",
+                color: t.stamp.color,
+                borderColor: t.stamp.color,
+                backgroundColor: t.stamp.bg,
+                transform: `rotate(-${se}deg) scale(${A})`,
+                transformOrigin: "center",
+                boxSizing: "border-box",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: B,
+                whiteSpace: "nowrap",
+                overflow: "hidden"
+              },
+              className: "border-[3px] rounded-lg font-black tracking-[0.18em] uppercase shadow-md select-none",
+              children: E
+            }
+          ),
+          S,
+          c
+        ]
+      }
+    );
+  }
+  return t.type === k.SIGNATURE ? /* @__PURE__ */ a(
+    "div",
+    {
+      style: y,
+      onMouseDown: x,
+      onClick: (d) => d.stopPropagation(),
+      className: "group",
+      children: [
+        /* @__PURE__ */ e(
+          "img",
+          {
+            src: t.imageData,
+            alt: "Signature",
+            style: { width: "100%", height: "100%" },
+            className: "select-none",
+            draggable: !1
+          }
+        ),
+        S,
+        c
+      ]
+    }
+  ) : null;
+}
+function Ue({
+  annotations: t,
+  activeTool: n,
+  pendingSignature: o,
+  onPlace: i,
+  onDelete: l,
+  onMove: p,
+  onResize: m,
+  onTextChange: g
+}) {
+  const u = F(null), x = F(null), S = F(t), c = F({}), [, y] = W(0), [d, N] = W(null), T = n === k.SIGNATURE && !!o;
+  $(() => {
+    T || N(null);
+  }, [T]);
+  const A = U(
+    (r) => {
+      if (!T) return;
+      const b = u.current;
+      if (!b) return;
+      const h = b.getBoundingClientRect();
+      N({ x: r.clientX - h.left, y: r.clientY - h.top });
+    },
+    [T]
+  ), E = U(() => N(null), []);
+  $(() => {
+    S.current = t;
+  }, [t]);
+  const w = t.length > 0;
+  $(() => {
+    if (!w) {
+      c.current = {};
+      return;
+    }
+    let r, b = "";
+    const h = () => {
+      const C = u.current;
+      if (C) {
+        const L = C.getBoundingClientRect(), M = {};
+        let I = "";
+        for (const R of S.current) {
+          const X = ce(R.pageIndex);
+          if (!X) {
+            I += `${R.id}:none|`;
+            continue;
+          }
+          const s = X.getBoundingClientRect(), j = {
+            x: s.left - L.left + R.normX * s.width,
+            y: s.top - L.top + R.normY * s.height,
+            w: R.normW * s.width,
+            h: R.normH * s.height
+          };
+          M[R.id] = j, I += `${R.id}:${j.x.toFixed(1)},${j.y.toFixed(1)},${j.w.toFixed(1)},${j.h.toFixed(1)}|`;
+        }
+        I !== b && (b = I, c.current = M, y((R) => R + 1));
+      }
+      r = requestAnimationFrame(h);
+    };
+    return r = requestAnimationFrame(h), () => cancelAnimationFrame(r);
+  }, [w]);
+  const D = c.current, f = U(
+    (r) => {
+      if (!n || x.current) return;
+      const b = ie(r.clientX, r.clientY);
+      if (!b) return;
+      const h = b.getBoundingClientRect(), C = parseInt(b.dataset.pageNumber, 10) - 1, L = (r.clientX - h.left) / h.width, M = (r.clientY - h.top) / h.height;
+      i(C, L, M, h.width, h.height);
+    },
+    [n, i]
+  ), v = U(
+    (r, b) => {
+      const h = u.current, C = c.current[b];
+      if (!h || !C) return;
+      const L = h.getBoundingClientRect(), M = C.x + L.left, I = C.y + L.top, R = r.clientX - M, X = r.clientY - I;
+      x.current = { id: b, offsetX: R, offsetY: X };
+      const s = (Y) => {
+        const z = x.current;
+        if (!z) return;
+        const G = c.current[z.id];
+        if (!G) return;
+        const V = S.current.find((H) => H.id === z.id);
+        if (!V) return;
+        const K = Y.clientX - z.offsetX, q = Y.clientY - z.offsetY, _ = K + G.w / 2, te = q + G.h / 2, J = ie(_, te) ?? ie(Y.clientX, Y.clientY);
+        if (!J) return;
+        const Q = J.getBoundingClientRect(), ne = parseInt(J.dataset.pageNumber, 10) - 1, P = O(
+          (K - Q.left) / Q.width,
+          V.normW
+        ), Z = O(
+          (q - Q.top) / Q.height,
+          V.normH
+        );
+        p(z.id, ne, P, Z);
+      }, j = () => {
+        x.current = null, window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", j);
+      };
+      window.addEventListener("mousemove", s), window.addEventListener("mouseup", j);
+    },
+    [p]
+  ), B = U(
+    (r, b) => {
+      const h = S.current.find((_) => _.id === b), C = h ? ce(h.pageIndex) : null;
+      if (!h || !C) return;
+      const L = C.getBoundingClientRect(), M = L.width, I = L.height, R = r.clientX, X = r.clientY, s = h.normW * M, j = h.normH * I, Y = M - h.normX * M, z = I - h.normY * I, G = 40, V = 28, K = (_) => {
+        const te = Math.max(
+          G,
+          Math.min(Y, s + _.clientX - R)
+        ), J = Math.max(
+          V,
+          Math.min(z, j + _.clientY - X)
+        );
+        m(b, te / M, J / I);
+      }, q = () => {
+        window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", q);
+      };
+      window.addEventListener("mousemove", K), window.addEventListener("mouseup", q);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: u,
+      onClick: f,
+      onMouseMove: A,
+      onMouseLeave: E,
+      style: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 5,
+        pointerEvents: n ? "auto" : "none",
+        cursor: T ? "none" : n ? Ie : "default"
+      },
+      children: [
+        /* @__PURE__ */ e("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: t.map((r) => /* @__PURE__ */ e(
+          Pe,
+          {
+            ann: r,
+            pos: D[r.id],
+            onDelete: l,
+            onDragStart: v,
+            onResizeStart: B,
+            onTextChange: g
+          },
+          r.id
+        )) }),
+        T && d && /* @__PURE__ */ e(
+          "img",
+          {
+            src: o.imageData,
+            alt: "",
+            draggable: !1,
+            style: {
+              position: "absolute",
+              left: d.x - o.w / 2,
+              top: d.y - o.h / 2,
+              width: o.w,
+              height: o.h,
+              opacity: 0.65,
+              pointerEvents: "none",
+              filter: "drop-shadow(0 1px 2px rgba(0,0,0,0.25))"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function dt({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ e("line", { x1: "9", y1: "13", x2: "15", y2: "13" }),
+        /* @__PURE__ */ e("line", { x1: "9", y1: "17", x2: "15", y2: "17" }),
+        /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "11", y2: "9" })
+      ]
+    }
+  );
+}
+function je({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ e("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
+}
+function ae({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function Be({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }),
+        /* @__PURE__ */ e("path", { d: "M12 12v9" }),
+        /* @__PURE__ */ e("path", { d: "m8 17 4-4 4 4" })
+      ]
+    }
+  );
+}
+function xe({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
+}
+function Fe({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("polyline", { points: "4 7 4 4 20 4 20 7" }),
+        /* @__PURE__ */ e("line", { x1: "9", y1: "20", x2: "15", y2: "20" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "4", x2: "12", y2: "20" })
+      ]
+    }
+  );
+}
+function We({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M5 22h14" }),
+        /* @__PURE__ */ e("path", { d: "M19.27 13.73A2.5 2.5 0 0 0 17 13h-1a2 2 0 0 1-2-2v-1a4 4 0 0 0-8 0v1a2 2 0 0 1-2 2H3a2.5 2.5 0 0 0-1.77 4.26" }),
+        /* @__PURE__ */ e("path", { d: "M5 18h14a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1z" })
+      ]
+    }
+  );
+}
+function Xe({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M3 17c3.333-4 6-6 7-6s1 2-1 4 0 4 2 2 4-4 5-4 2 1 1 3" }),
+        /* @__PURE__ */ e("line", { x1: "3", y1: "21", x2: "21", y2: "21" })
+      ]
+    }
+  );
+}
+function ze({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ e("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+        /* @__PURE__ */ e("path", { d: "M10 11v6" }),
+        /* @__PURE__ */ e("path", { d: "M14 11v6" }),
+        /* @__PURE__ */ e("path", { d: "M9 6V4h6v2" })
+      ]
+    }
+  );
+}
+function $e({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M3 7v6h6" }),
+        /* @__PURE__ */ e("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+      ]
+    }
+  );
+}
+function He({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ e("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ e("polyline", { points: "21 15 16 10 5 21" })
+      ]
+    }
+  );
+}
+function Ye({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
+        /* @__PURE__ */ e("polyline", { points: "17 21 17 13 7 13 7 21" }),
+        /* @__PURE__ */ e("polyline", { points: "7 3 7 8 15 8" })
+      ]
+    }
+  );
+}
+function _e({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+      ]
+    }
+  );
+}
+function Oe({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function Ge({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+      ]
+    }
+  );
+}
+function Ve({ className: t }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ e("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+        /* @__PURE__ */ e("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+      ]
+    }
+  );
+}
+function de({ className: t }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function Ke({
+  selected: t,
+  onSelect: n,
+  customStamps: o,
+  onImageUpload: i,
+  stamps: l = oe
+}) {
+  const p = F(null), m = (g) => t?.id === g.id;
+  return /* @__PURE__ */ a("div", { className: "absolute right-11 top-0 z-30 w-64 bg-surface border border-stroke rounded-xl shadow-lg overflow-hidden", children: [
+    /* @__PURE__ */ a("div", { className: "px-5 pt-4 pb-3 border-b border-stroke", children: [
+      /* @__PURE__ */ e("p", { className: "text-xs font-semibold text-ink", children: "Stamp" }),
+      /* @__PURE__ */ e("p", { className: "text-[10px] text-ink-muted mt-1", children: "Choose a preset or upload your own" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "p-4 flex flex-col gap-4", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-[9px] text-ink-muted uppercase tracking-widest font-semibold mb-3 px-0.5", children: "Presets" }),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: l.map((g) => /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => n(g),
+            style: {
+              color: g.color,
+              borderColor: g.color,
+              backgroundColor: g.bg
+            },
+            className: [
+              "py-[2.5px] text-[11px] font-black tracking-widest uppercase border-2 rounded-md transition-all text-center leading-none",
+              m(g) ? "ring-2 ring-offset-1 ring-offset-surface ring-current scale-105 shadow-md" : "opacity-70 hover:opacity-100 hover:scale-[1.03]"
+            ].join(" "),
+            children: g.label
+          },
+          g.id
+        )) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "h-px bg-stroke" }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("p", { className: "text-[9px] text-ink-muted uppercase tracking-widest font-semibold mb-3 p-4 text-center", children: "Custom image" }),
+        o.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 mb-3", children: o.map((g) => /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => n(g),
+            title: g.label,
+            className: [
+              "w-16 h-16 rounded-md overflow-hidden border-2 transition-all bg-surface",
+              m(g) ? "border-brand scale-105 shadow-md" : "border-stroke hover:border-ink-muted"
+            ].join(" "),
+            children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: g.imageUrl,
+                alt: g.label,
+                className: "w-full h-full object-contain p-1"
+              }
+            )
+          },
+          g.id
+        )) }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: () => p.current?.click(),
+            className: "w-full flex items-center justify-center gap-2 py-3 text-xs text-ink-muted border border-dashed border-stroke rounded-md hover:border-brand hover:text-brand hover:bg-brand-subtle transition-all",
+            children: [
+              /* @__PURE__ */ e(He, { className: "w-4 h-4" }),
+              "Upload image…"
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: p,
+            type: "file",
+            accept: "image/*",
+            onChange: i,
+            className: "hidden"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ee({
+  active: t,
+  onClick: n,
+  title: o,
+  disabled: i = !1,
+  danger: l = !1,
+  primary: p = !1,
+  children: m
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      onClick: n,
+      title: o,
+      disabled: i,
+      className: [
+        "w-10 h-10 flex items-center justify-center rounded-md transition-all",
+        t ? "bg-brand text-white shadow-md" : p ? "text-success hover:text-success-dark hover:bg-success/10 disabled:opacity-25 disabled:cursor-not-allowed" : l ? "text-ink-muted hover:text-danger hover:bg-danger/10 disabled:opacity-25 disabled:cursor-not-allowed" : "text-ink-muted hover:text-ink hover:bg-surface-muted disabled:opacity-25 disabled:cursor-not-allowed"
+      ].join(" "),
+      children: m
+    }
+  );
+}
+function qe({
+  activeTool: t,
+  onToolSelect: n,
+  selectedStamp: o,
+  onStampSelect: i,
+  onUndo: l,
+  onClearAll: p,
+  onSave: m,
+  count: g,
+  saveAlwaysEnabled: u = !1,
+  isSigned: x = !1,
+  stamps: S = oe
+}) {
+  const [c, y] = W(!1), [d, N] = W([]), T = F(null);
+  $(() => {
+    if (!c) return;
+    const w = setTimeout(() => {
+      const D = (f) => {
+        T.current?.contains(f.target) || y(!1);
+      };
+      return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
+    }, 0);
+    return () => clearTimeout(w);
+  }, [c]);
+  const A = (w) => {
+    const D = w.target.files[0];
+    if (!D) return;
+    const f = new FileReader();
+    f.onload = (v) => {
+      const B = {
+        id: `custom-${Date.now()}`,
+        label: D.name,
+        imageUrl: v.target.result
+      };
+      N((r) => [...r, B]), i(B), n(k.STAMP), y(!1);
+    }, f.readAsDataURL(D), w.target.value = "";
+  }, E = (w) => {
+    w === k.STAMP ? (y((D) => !D), n(t === w ? null : w)) : (y(!1), n(t === w ? null : w));
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: T,
+      className: "absolute right-3 top-1/2 -translate-y-1/2 z-20 flex flex-col items-center gap-1.5 bg-surface/95 backdrop-blur-md border border-stroke rounded-xl p-3 shadow-lg",
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-[9px] text-ink-disabled uppercase tracking-widest mb-1 font-semibold select-none", children: "Tools" }),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            active: t === k.TEXT,
+            onClick: () => E(k.TEXT),
+            title: "Text field",
+            children: /* @__PURE__ */ e(Fe, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            ee,
+            {
+              active: t === k.STAMP,
+              onClick: () => E(k.STAMP),
+              title: "Stamp",
+              children: /* @__PURE__ */ e(We, { className: "w-4 h-4" })
+            }
+          ),
+          c && /* @__PURE__ */ e(
+            Ke,
+            {
+              selected: o,
+              customStamps: d,
+              onImageUpload: A,
+              stamps: S,
+              onSelect: (w) => {
+                i(w), y(!1), n(k.STAMP);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            active: t === k.SIGNATURE,
+            onClick: () => E(k.SIGNATURE),
+            title: "Signature",
+            children: /* @__PURE__ */ e(Xe, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "w-6 h-px bg-stroke my-1.5" }),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            active: !1,
+            onClick: l,
+            title: "Undo last",
+            disabled: g === 0,
+            children: /* @__PURE__ */ e($e, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            active: !1,
+            onClick: p,
+            title: "Clear all fields",
+            disabled: g === 0,
+            danger: !0,
+            children: /* @__PURE__ */ e(ze, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "w-6 h-px bg-stroke my-1.5" }),
+        /* @__PURE__ */ e(
+          ee,
+          {
+            active: !1,
+            onClick: m,
+            title: x ? "Save the signed document" : "Save a copy with your fields (not yet signed)",
+            primary: !0,
+            children: /* @__PURE__ */ e(Ye, { className: "w-4 h-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Je({ onConfirm: t, onClose: n }) {
+  const o = F(null), i = F(!1), l = F(!1);
+  $(() => {
+    const c = o.current.getContext("2d");
+    c.strokeStyle = "#111827", c.lineWidth = 2.5, c.lineCap = "round", c.lineJoin = "round";
+  }, []);
+  const p = (c, y) => {
+    const d = y.getBoundingClientRect(), N = c.touches ? c.touches[0] : c;
+    return { x: N.clientX - d.left, y: N.clientY - d.top };
+  }, m = (c) => {
+    c.preventDefault();
+    const y = o.current, { x: d, y: N } = p(c, y);
+    y.getContext("2d").beginPath(), y.getContext("2d").moveTo(d, N), i.current = !0, l.current = !0;
+  }, g = (c) => {
+    if (c.preventDefault(), !i.current) return;
+    const y = o.current, { x: d, y: N } = p(c, y), T = y.getContext("2d");
+    T.lineTo(d, N), T.stroke();
+  }, u = () => {
+    i.current = !1;
+  };
+  return /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-ink/40 backdrop-blur-sm", children: /* @__PURE__ */ a("div", { className: "bg-surface rounded-xl shadow-2xl p-8 w-130 max-w-[95vw] border border-stroke", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("h3", { className: "font-semibold text-ink text-base", children: "Draw your signature" }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-ink-muted mt-1", children: "Use your mouse or touch to sign below" })
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: n,
+          className: "w-8 h-8 flex items-center justify-center rounded-md text-ink-muted hover:text-ink hover:bg-surface-muted transition-colors",
+          children: /* @__PURE__ */ e(ae, { className: "w-5 h-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "border-2 border-dashed border-stroke rounded-md overflow-hidden bg-surface-muted relative mb-3", children: [
+      /* @__PURE__ */ e(
+        "canvas",
+        {
+          ref: o,
+          width: 464,
+          height: 200,
+          onMouseDown: m,
+          onMouseMove: g,
+          onMouseUp: u,
+          onMouseLeave: u,
+          onTouchStart: m,
+          onTouchMove: g,
+          onTouchEnd: u,
+          style: {
+            display: "block",
+            cursor: "crosshair",
+            touchAction: "none"
+          }
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 w-32 h-px bg-stroke" })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "text-xs text-ink-muted text-center mb-6", children: "Sign above the line" }),
+    /* @__PURE__ */ a("div", { className: "flex gap-3 justify-end", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            const c = o.current;
+            c.getContext("2d").clearRect(0, 0, c.width, c.height), l.current = !1;
+          },
+          className: "px-5 py-2.5 text-sm text-ink border border-stroke rounded-md hover:bg-surface-muted transition-colors",
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            if (!l.current) return;
+            const c = o.current;
+            t(
+              c.toDataURL("image/png"),
+              c.width / 2,
+              c.height / 2
+            );
+          },
+          className: "px-5 py-2.5 text-sm font-medium bg-brand hover:bg-brand-dark text-white rounded-md transition-colors",
+          children: "Place signature"
+        }
+      )
+    ] })
+  ] }) });
+}
+const ue = {
+  success: {
+    accent: "#43a047",
+    outline: "#81c784",
+    icon: Oe,
+    title: "Success"
+  },
+  warning: {
+    accent: "#ffb300",
+    outline: "#ffd54f",
+    icon: _e,
+    title: "Warning"
+  },
+  error: {
+    accent: "#e53935",
+    outline: "#e57373",
+    icon: xe,
+    title: "Error"
+  },
+  info: {
+    accent: "#1e88e5",
+    outline: "#64b5f6",
+    icon: Ge,
+    title: "Info"
+  }
+};
+function Qe({ snackbar: t, onDismiss: n }) {
+  if ($(() => {
+    if (!t) return;
+    const p = setTimeout(n, t.duration ?? 5e3);
+    return () => clearTimeout(p);
+  }, [t, n]), !t) return null;
+  const o = ue[t.severity] ?? ue.info, i = o.icon, l = t.title ?? o.title;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "alert",
+      style: {
+        border: `0.5px solid ${o.outline}`,
+        borderLeft: `3px solid ${o.accent}`,
+        boxShadow: "0 0 10px rgba(0,0,0,0.25)"
+      },
+      className: "fixed top-2 right-6 rtl:right-auto rtl:left-6 z-50 w-80 max-w-80 rounded bg-surface",
+      children: /* @__PURE__ */ a("div", { className: "flex flex-row items-start py-2.5 px-2 rounded bg-surface", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex items-start justify-start h-full max-w-fit mr-2 rtl:mr-0 rtl:ml-2",
+            style: { color: o.accent },
+            children: /* @__PURE__ */ e(i, { className: "w-7 h-7" })
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "flex flex-col flex-auto w-full h-full min-w-0", children: [
+          /* @__PURE__ */ e("div", { className: "flex w-full py-1 mb-0.5 overflow-hidden max-h-8", children: /* @__PURE__ */ e("span", { className: "overflow-hidden font-semibold leading-normal tracking-normal text-sm text-[#424242] truncate", children: l }) }),
+          /* @__PURE__ */ e("div", { className: "flex flex-1 w-full overflow-x-hidden overflow-y-auto max-h-40", children: /* @__PURE__ */ e("span", { className: "font-normal wrap-break-word text-[11px] text-ink-muted whitespace-pre-wrap", children: t.message }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex items-start justify-start h-full mx-1 mt-0.5 max-w-fit", children: /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: n,
+            title: "Dismiss",
+            className: "p-0.5 rounded text-ink-muted opacity-60 hover:opacity-100 hover:bg-ink/10 transition-colors",
+            children: /* @__PURE__ */ e(ae, { className: "w-4.5 h-4.5" })
+          }
+        ) })
+      ] })
+    },
+    t.key
+  );
+}
+function Ze({
+  isDragging: t,
+  error: n,
+  onDrop: o,
+  onDragOver: i,
+  onDragLeave: l,
+  onBrowse: p
+}) {
+  return /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col items-center justify-center p-6 bg-page", children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        onDrop: o,
+        onDragOver: i,
+        onDragLeave: l,
+        onClick: p,
+        className: [
+          "w-full max-w-md rounded-xl border-2 border-dashed transition-all duration-200 cursor-pointer",
+          "flex flex-col items-center justify-center gap-4 p-12",
+          t ? "border-brand bg-brand-subtle scale-[1.02]" : "border-stroke bg-surface hover:border-brand hover:bg-surface-muted"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                "w-16 h-16 rounded-xl flex items-center justify-center transition-colors",
+                t ? "bg-brand" : "bg-surface-muted"
+              ].join(" "),
+              children: /* @__PURE__ */ e(
+                Be,
+                {
+                  className: [
+                    "w-8 h-8 transition-colors",
+                    t ? "text-white" : "text-ink-muted"
+                  ].join(" ")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "text-center space-y-1", children: [
+            /* @__PURE__ */ e("p", { className: "font-semibold text-ink", children: t ? "Drop it here" : "Drop your PDF here" }),
+            /* @__PURE__ */ a("p", { className: "text-sm text-ink-muted", children: [
+              "or",
+              " ",
+              /* @__PURE__ */ e("span", { className: "text-brand hover:text-brand-dark underline underline-offset-2", children: "click to browse" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "text-xs text-ink-muted bg-surface-muted px-3 py-1 rounded-full", children: "PDF only" })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ a("div", { className: "mt-4 flex items-center gap-2 text-sm text-danger-dark bg-danger/10 border border-danger/30 px-4 py-2.5 rounded-md", children: [
+      /* @__PURE__ */ e(xe, { className: "w-4 h-4 shrink-0" }),
+      n
+    ] })
+  ] });
+}
+function et({ stamps: t = oe } = {}) {
+  const [n, o] = W([]), [i, l] = W(null), [p, m] = W(t[0] ?? null), [g, u] = W(!1), [x, S] = W(null), c = U(
+    (r) => {
+      r === k.SIGNATURE ? i === k.SIGNATURE ? (l(null), S(null)) : (l(null), u(!0)) : l(r);
+    },
+    [i]
+  ), y = U((r, b, h) => {
+    u(!1), S({ imageData: r, w: b, h }), l(k.SIGNATURE);
+  }, []), d = U(
+    (r, b, h, C, L) => {
+      if (i === k.TEXT) {
+        const M = Te / C, I = Ee / L;
+        o((R) => [
+          ...R,
+          {
+            id: re(),
+            type: k.TEXT,
+            pageIndex: r,
+            normX: O(b - M / 2, M),
+            normY: O(h - I / 2, I),
+            normW: M,
+            normH: I,
+            content: ""
+          }
+        ]), l(null);
+      } else if (i === k.STAMP) {
+        const M = !!p.imageUrl, I = (M ? Ae : Me) / C, R = (M ? De : Le) / L;
+        o((X) => [
+          ...X,
+          {
+            id: re(),
+            type: k.STAMP,
+            pageIndex: r,
+            normX: O(b - I / 2, I),
+            normY: O(h - R / 2, R),
+            normW: I,
+            normH: R,
+            stamp: p
+          }
+        ]), l(null);
+      } else if (i === k.SIGNATURE && x) {
+        const M = x.w / C, I = x.h / L;
+        o((R) => [
+          ...R,
+          {
+            id: re(),
+            type: k.SIGNATURE,
+            pageIndex: r,
+            normX: O(b - M / 2, M),
+            normY: O(h - I / 2, I),
+            normW: M,
+            normH: I,
+            imageData: x.imageData
+          }
+        ]), l(null), S(null);
+      }
+    },
+    [i, p, x]
+  ), N = U(
+    (r) => o((b) => b.filter((h) => h.id !== r)),
+    []
+  ), T = U(
+    (r, b, h, C) => o(
+      (L) => L.map((M) => M.id === r ? { ...M, pageIndex: b, normX: h, normY: C } : M)
+    ),
+    []
+  ), A = U(
+    (r, b, h) => o(
+      (C) => C.map((L) => L.id === r ? { ...L, normW: b, normH: h } : L)
+    ),
+    []
+  ), E = U(
+    (r, b) => o(
+      (h) => h.map((C) => C.id === r ? { ...C, content: b } : C)
+    ),
+    []
+  ), w = U(
+    () => o((r) => r.slice(0, -1)),
+    []
+  ), D = U(() => o([]), []), f = U(() => {
+    o([]), l(null), S(null), u(!1);
+  }, []);
+  $(() => {
+    const r = (b) => {
+      b.key === "Escape" && (l(null), S(null), u(!1));
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, []);
+  const v = n.filter(
+    (r) => r.type === k.TEXT && !r.content?.trim()
+  ).length, B = i === k.TEXT ? "Click on a page to place a text box · ESC to cancel" : i === k.STAMP ? p?.imageUrl ? "Click to place image stamp · ESC to cancel" : `Click to stamp "${p?.label}" · ESC to cancel` : i === k.SIGNATURE ? "Click to place your signature · ESC to cancel" : null;
+  return {
+    annotations: n,
+    setAnnotations: o,
+    activeTool: i,
+    selectedStamp: p,
+    setSelectedStamp: m,
+    showSignatureModal: g,
+    setShowSignatureModal: u,
+    pendingSignature: x,
+    handleToolSelect: c,
+    handleSignatureConfirm: y,
+    handlePlace: d,
+    handleDelete: N,
+    handleMove: T,
+    handleResize: A,
+    handleTextChange: E,
+    handleUndo: w,
+    handleClearAll: D,
+    reset: f,
+    unsignedCount: v,
+    hint: B
+  };
+}
+function tt(t) {
+  const n = parseInt(t.slice(1, 3), 16) / 255, o = parseInt(t.slice(3, 5), 16) / 255, i = parseInt(t.slice(5, 7), 16) / 255;
+  return ge(n, o, i);
+}
+function me(t) {
+  const n = t.split(",")[1], o = atob(n), i = new Uint8Array(o.length);
+  for (let l = 0; l < o.length; l++) i[l] = o.charCodeAt(l);
+  return i;
+}
+function ut(t) {
+  return new Promise((n, o) => {
+    const i = new FileReader();
+    i.onload = () => {
+      const l = String(i.result);
+      n(l.slice(l.indexOf(",") + 1));
+    }, i.onerror = () => o(i.error), i.readAsDataURL(t);
+  });
+}
+function he(t) {
+  return t ? t.startsWith("data:") ? t.slice(t.indexOf(",") + 1) : t : null;
+}
+function nt(t, n, o = "application/pdf") {
+  const i = atob(t), l = new Uint8Array(i.length);
+  for (let p = 0; p < i.length; p++) l[p] = i.charCodeAt(p);
+  return new File([l], n, { type: o });
+}
+function mt() {
+  if (typeof crypto < "u") {
+    if (crypto.randomUUID) return crypto.randomUUID();
+    if (crypto.getRandomValues) {
+      const t = crypto.getRandomValues(new Uint8Array(16));
+      t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128;
+      const n = Array.from(t, (o) => o.toString(16).padStart(2, "0")).join("");
+      return `${n.slice(0, 8)}-${n.slice(8, 12)}-${n.slice(12, 16)}-${n.slice(16, 20)}-${n.slice(20)}`;
+    }
+  }
+  throw new Error("Cannot generate UUID: crypto API unavailable");
+}
+async function ot(t, n) {
+  const o = await t.arrayBuffer(), i = await pe.load(o), l = i.getPages(), p = await i.embedFont(ye.HelveticaBold);
+  for (const u of n) {
+    const x = l[u.pageIndex];
+    if (!x) continue;
+    const S = x.getWidth(), c = x.getHeight(), y = u.normX * S, d = u.normW * S, N = u.normH * c, T = c - u.normY * c - N;
+    if (u.type === k.TEXT) {
+      const A = u.content ?? "";
+      if (!A.trim()) continue;
+      const E = Math.max(6, N / 5);
+      x.drawText(A, {
+        x: y + d * 0.05,
+        y: T + N * 0.35,
+        size: E,
+        color: ge(0.07, 0.09, 0.15),
+        maxWidth: d * 0.9
+      });
+    } else if (u.type === k.STAMP)
+      if (u.stamp.imageUrl) {
+        const A = me(u.stamp.imageUrl), E = u.stamp.imageUrl.includes("image/png") ? await i.embedPng(A) : await i.embedJpg(A);
+        x.drawImage(E, { x: y, y: T, width: d, height: N });
+      } else {
+        const A = u.stamp.label || "", E = tt(u.stamp.color), w = Math.max(
+          6,
+          Math.min(N * 0.42, d * 0.8 / Math.max(1, A.length * 0.6))
+        ), D = A.length * w * 0.6;
+        x.drawText(A, {
+          x: y + (d - D) / 2,
+          y: T + (N - w) / 2,
+          size: w,
+          font: p,
+          color: E,
+          rotate: ke(-se)
+        });
+      }
+    else if (u.type === k.SIGNATURE) {
+      const A = me(u.imageData), E = await i.embedPng(A);
+      x.drawImage(E, { x: y, y: T, width: d, height: N });
+    }
+  }
+  const m = await i.save();
+  let g = "";
+  return m.forEach((u) => {
+    g += String.fromCharCode(u);
+  }), btoa(g);
+}
+async function ht(t, n) {
+  const o = await t.arrayBuffer(), l = (await pe.load(o)).getPages(), p = [];
+  for (const m of n) {
+    const g = l[m.pageIndex];
+    if (!g) continue;
+    const u = g.getWidth(), x = g.getHeight();
+    let S = null;
+    m.type === k.TEXT ? S = m.content ?? "" : m.type === k.STAMP ? S = m.stamp.imageUrl ? he(m.stamp.imageUrl) : m.stamp.label : m.type === k.SIGNATURE && (S = he(m.imageData)), p.push({
+      top: m.normY * x,
+      left: m.normX * u,
+      width: m.normW * u,
+      height: m.normH * x,
+      pageNumber: m.pageIndex + 1,
+      type: m.type,
+      value: S
+    });
+  }
+  return p;
+}
+const rt = {
+  completeButton: "Complete",
+  completeSending: "Sending…",
+  completeSuccess: "Completed successfully.",
+  completeErrorPrefix: "Failed to complete: ",
+  noFileOpen: "No file open",
+  loadingDocument: "Loading document…",
+  openFile: "Open PDF",
+  changeFile: "Change file",
+  renderError: "Failed to render this PDF.",
+  saveUnavailable: "You can't download the document right now."
+};
+function ft({
+  fileBlob: t = null,
+  fileUrl: n = null,
+  allowFileUpload: o = !0,
+  header: i = null,
+  loading: l = !1,
+  stamps: p = oe,
+  licenseKey: m = "FREE-LIMITED-KEY",
+  theme: g = null,
+  visibility: u = { open: !1, download: !1, print: !1 },
+  readOnly: x = !1,
+  isSigned: S = !1,
+  saveAlwaysEnabled: c = !1,
+  documentTitle: y = null,
+  errorMessage: d = null,
+  labels: N = {},
+  onFileChange: T,
+  onSave: A,
+  onComplete: E,
+  onError: w,
+  className: D = ""
+}) {
+  const f = { ...rt, ...N }, [v, B] = W(t), [r, b] = W(!1), [h, C] = W(null), [L, M] = W(!1), [I, R] = W(null), X = F(null), s = et({ stamps: p });
+  $(() => {
+    B(t);
+  }, [t]);
+  const j = U(
+    (P, Z = "info", H = 5e3) => {
+      R({ message: P, severity: Z, duration: H, key: Date.now() });
+    },
+    []
+  ), Y = U(() => R(null), []), z = U(
+    (P) => {
+      if (P) {
+        if (P.type !== "application/pdf") {
+          C("Only PDF files are supported.");
+          return;
+        }
+        C(null), B(P), s.reset(), T?.(P);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s.reset, T]
+  ), G = U(() => {
+    B(null), C(null), s.reset(), X.current && (X.current.value = ""), T?.(null);
+  }, [s.reset, T]), V = U(
+    (P) => z(P.target.files[0]),
+    [z]
+  ), K = U(
+    (P) => {
+      P.preventDefault(), b(!1), z(P.dataTransfer.files[0]);
+    },
+    [z]
+  ), q = U((P) => {
+    P.preventDefault(), b(!0);
+  }, []), _ = U(() => b(!1), []), te = U(async () => {
+    if (A) {
+      A(v, s.annotations);
+      return;
+    }
+    if (!v) {
+      j(f.saveUnavailable, "warning", 5e3);
+      return;
+    }
+    try {
+      let P = v;
+      if (s.annotations.length > 0) {
+        const be = await ot(v, s.annotations);
+        P = nt(be, v.name);
+      }
+      const Z = URL.createObjectURL(P), H = document.createElement("a");
+      H.href = Z, H.download = v.name || "document.pdf", document.body.appendChild(H), H.click(), document.body.removeChild(H), URL.revokeObjectURL(Z);
+    } catch (P) {
+      j(f.saveUnavailable, "error", 5e3), w?.(P);
+    }
+  }, [A, v, s.annotations, j, f.saveUnavailable, w]), J = U(async () => {
+    if (!(!v || s.annotations.length === 0 || L || !E)) {
+      M(!0);
+      try {
+        await E(v, s.annotations), s.reset(), C(null), j(f.completeSuccess, "success");
+      } catch (P) {
+        j(
+          f.completeErrorPrefix + (P?.message ?? String(P)),
+          "error",
+          8e3
+        );
+      } finally {
+        M(!1);
+      }
+    }
+  }, [
+    v,
+    s.annotations,
+    s.reset,
+    L,
+    E,
+    j,
+    f.completeSuccess,
+    f.completeErrorPrefix
+  ]), Q = !!v || !!n, ne = L ? f.completeSending : s.hint;
+  return /* @__PURE__ */ a("div", { className: `h-full bg-page text-ink flex flex-col ${D}`, children: [
+    /* @__PURE__ */ a("header", { className: "h-16 bg-surface border-b border-stroke flex items-center px-6 gap-4 shrink-0 shadow-sm", children: [
+      i && /* @__PURE__ */ a(we, { children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5", children: i }),
+        /* @__PURE__ */ e("div", { className: "h-5 w-px bg-stroke mx-1" })
+      ] }),
+      v ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: "text-xs text-ink-muted truncate",
+            title: y ?? void 0,
+            children: v.name
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "text-xs text-ink-disabled shrink-0", children: [
+          "(",
+          (v.size / 1024).toFixed(0),
+          " KB)"
+        ] }),
+        s.annotations.length > 0 && /* @__PURE__ */ a("span", { className: "text-xs text-brand bg-brand-subtle border border-brand-light/40 px-2.5 py-1 rounded-full shrink-0 font-medium", children: [
+          s.annotations.length,
+          " field",
+          s.annotations.length !== 1 ? "s" : ""
+        ] }),
+        s.unsignedCount > 0 && /* @__PURE__ */ a("span", { className: "text-xs text-warning-dark bg-warning/15 border border-warning/40 px-2.5 py-1 rounded-full shrink-0 font-medium", children: [
+          s.unsignedCount,
+          " unsigned"
+        ] })
+      ] }) : /* @__PURE__ */ e("span", { className: "text-xs text-ink-muted flex-1", children: l ? f.loadingDocument : f.noFileOpen }),
+      v && E && !x && /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: J,
+          disabled: s.annotations.length === 0 || s.unsignedCount > 0 || L,
+          title: L ? f.completeSending : s.annotations.length === 0 ? "Add at least one field to complete" : s.unsignedCount > 0 ? `${s.unsignedCount} unsigned field${s.unsignedCount !== 1 ? "s" : ""} remaining` : "Complete and send",
+          className: "ml-auto shrink-0 flex items-center gap-2 text-xs font-medium bg-success hover:bg-success-dark active:bg-success-dark disabled:bg-surface-muted disabled:text-ink-disabled disabled:cursor-not-allowed text-white px-4 py-2 rounded-md transition-colors cursor-pointer",
+          children: [
+            L ? /* @__PURE__ */ e(de, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ e(Ve, { className: "w-3.5 h-3.5" }),
+            L ? f.completeSending : f.completeButton
+          ]
+        }
+      ),
+      o && /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => X.current?.click(),
+          disabled: l,
+          className: `${v && E && !x ? "" : "ml-auto "}shrink-0 flex items-center gap-2 text-xs font-medium bg-brand hover:bg-brand-dark active:bg-brand-dark disabled:bg-surface-muted disabled:text-ink-disabled disabled:cursor-not-allowed text-white px-4 py-2 rounded-md transition-colors cursor-pointer`,
+          children: [
+            /* @__PURE__ */ e(je, { className: "w-3.5 h-3.5" }),
+            v ? f.changeFile : f.openFile
+          ]
+        }
+      ),
+      o && v && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: G,
+          title: "Close file",
+          className: "shrink-0 w-9 h-9 flex items-center justify-center rounded-md text-ink-muted hover:text-ink hover:bg-surface-muted transition-colors cursor-pointer",
+          children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
+        }
+      ),
+      o && /* @__PURE__ */ e(
+        "input",
+        {
+          ref: X,
+          type: "file",
+          accept: "application/pdf",
+          onChange: V,
+          className: "hidden"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("main", { className: "flex-1 flex flex-col overflow-hidden", children: Q ? /* @__PURE__ */ a("div", { className: "relative flex-1 min-h-0", children: [
+      /* @__PURE__ */ e(
+        Ce,
+        {
+          fileBlob: v,
+          fileUrl: v ? null : n,
+          height: "100%",
+          width: "100%",
+          licenseKey: m,
+          theme: g,
+          visibility: u,
+          readOnly: x,
+          onError: (P) => {
+            j(f.renderError, "error"), w?.(P);
+          }
+        }
+      ),
+      !x && /* @__PURE__ */ e(
+        Ue,
+        {
+          annotations: s.annotations,
+          activeTool: s.activeTool,
+          pendingSignature: s.pendingSignature,
+          onPlace: s.handlePlace,
+          onDelete: s.handleDelete,
+          onMove: s.handleMove,
+          onResize: s.handleResize,
+          onTextChange: s.handleTextChange
+        }
+      ),
+      !x && /* @__PURE__ */ e(
+        qe,
+        {
+          activeTool: s.activeTool,
+          onToolSelect: s.handleToolSelect,
+          selectedStamp: s.selectedStamp,
+          onStampSelect: s.setSelectedStamp,
+          onUndo: s.handleUndo,
+          onClearAll: s.handleClearAll,
+          onSave: te,
+          count: s.annotations.length,
+          saveAlwaysEnabled: c,
+          isSigned: S,
+          stamps: p
+        }
+      ),
+      ne && /* @__PURE__ */ e("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-20 bg-surface/95 backdrop-blur border border-stroke text-ink text-xs px-5 py-2.5 rounded-full shadow-md pointer-events-none whitespace-nowrap", children: ne })
+    ] }) : l ? /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col items-center justify-center gap-3 p-6 bg-page", children: [
+      /* @__PURE__ */ e(de, { className: "w-8 h-8 text-brand animate-spin" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-ink-muted", children: f.loadingDocument })
+    ] }) : o ? /* @__PURE__ */ e(
+      Ze,
+      {
+        isDragging: r,
+        error: h ?? d,
+        onDrop: K,
+        onDragOver: q,
+        onDragLeave: _,
+        onBrowse: () => X.current?.click()
+      }
+    ) : /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center p-6 bg-page", children: /* @__PURE__ */ e("p", { className: "text-sm text-ink-muted", children: f.noFileOpen }) }) }),
+    s.showSignatureModal && /* @__PURE__ */ e(
+      Je,
+      {
+        onConfirm: s.handleSignatureConfirm,
+        onClose: () => s.setShowSignatureModal(!1)
+      }
+    ),
+    /* @__PURE__ */ e(Qe, { snackbar: I, onDismiss: Y })
+  ] });
+}
+export {
+  Pe as AnnotationItem,
+  Ue as AnnotationLayer,
+  qe as AnnotationToolbar,
+  Oe as CheckIcon,
+  ae as CloseIcon,
+  oe as DEFAULT_STAMPS,
+  Be as DropIcon,
+  Ze as EmptyState,
+  xe as ErrorIcon,
+  He as ImageIcon,
+  Ge as InfoIcon,
+  ft as PdfAnnotator,
+  dt as PdfIcon,
+  Ce as PdfViewer,
+  ue as SNACKBAR_VARIANTS,
+  Ye as SaveIcon,
+  Ve as SendIcon,
+  Xe as SignatureIcon,
+  Je as SignatureModal,
+  Qe as Snackbar,
+  de as SpinnerIcon,
+  We as StampIcon,
+  Ke as StampPicker,
+  k as TOOL,
+  Fe as TextIcon,
+  ee as ToolBtn,
+  ze as TrashIcon,
+  $e as UndoIcon,
+  je as UploadIcon,
+  _e as WarningIcon,
+  ht as annotationsToFields,
+  ot as bakeAnnotationsToBase64,
+  nt as base64ToFile,
+  ut as blobToBase64,
+  me as dataUrlToBytes,
+  ie as findPageElementAt,
+  ce as findPageElementByIndex,
+  tt as hexToRgb01,
+  mt as makeUuid,
+  he as stripDataUrl,
+  et as useAnnotations
+};
+//# sourceMappingURL=index.js.map