@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/{signature-capture.agent-C38VPXxg.js → signature-capture-DjMlFOzS.js}

@@ -1,9 +1,49 @@
-import { jsxs as _, jsx as m } from "react/jsx-runtime";
-import { forwardRef as fe, useId as ge, useMemo as pe, useRef as S, useState as T, useEffect as N, useCallback as A, useImperativeHandle as ve } from "react";
-import me from "signature_pad";
-import { c as x } from "./index-D2ZczOXr.js";
-import { useTranslation as be } from "react-i18next";
-const he = x(
+import { jsxs as W, jsx as b } from "react/jsx-runtime";
+import { forwardRef as ve, useId as me, useMemo as Y, useRef as S, useState as R, useEffect as M, useCallback as N, useImperativeHandle as be } from "react";
+import he from "signature_pad";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as ye } from "react-i18next";
+import { u as we } from "./registry-C9nwlNyL.js";
+const xe = {
+  id: "signature-capture",
+  capabilities: ["edit_inline", "submit"],
+  state: {
+    isEmpty: {
+      type: "boolean",
+      description: "True when no signature has been drawn or typed.",
+      read: (t) => t.isEmpty()
+    }
+  },
+  actions: {
+    clear: {
+      safety: "destructive",
+      description: "Erase the current signature. Loses unsaved input.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    undo: {
+      safety: "write",
+      description: "Undo the last stroke.",
+      invoke: (t) => {
+        t.undo();
+      }
+    },
+    confirm: {
+      safety: "write",
+      description: "Commit the signature and return its serialised payload.",
+      invoke: (t) => t.confirm()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "signature-capture" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ke = k(
   [
     "ds:signature-capture-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
@@ -12,7 +52,7 @@ const he = x(
     "ds:p-[var(--spacing-sm)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), ye = x(
+), ze = k(
   [
     "ds:relative ds:block",
     "ds:inline-size-[var(--signature-width)]",
@@ -27,7 +67,7 @@ const he = x(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), we = x(
+), Ce = k(
   [
     "ds:block",
     "ds:inline-size-full",
@@ -35,9 +75,9 @@ const he = x(
     "ds:touch-none",
     "ds:select-none"
   ].join(" ")
-), xe = x(
+), Se = k(
   ["ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]"].join(" ")
-), W = x(
+), X = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -57,7 +97,7 @@ const he = x(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), ke = x(
+), Ae = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -75,7 +115,7 @@ const he = x(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), ze = x(
+), Me = k(
   [
     "ds:block ds:inline-size-full",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -92,7 +132,7 @@ const he = x(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Ce = x(
+), Ne = k(
   [
     "ds:flex ds:items-center ds:justify-center",
     "ds:inline-size-[var(--signature-width)]",
@@ -107,82 +147,86 @@ const he = x(
     "ds:p-[var(--spacing-md)]"
   ].join(" ")
 );
-function Q(t) {
+function ee(t) {
   return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(t).trim();
 }
-function Y(t, n) {
+function te(t, n) {
   return typeof t == "number" ? `${t}px` : typeof t == "string" && t.length > 0 ? t : n;
 }
-function ee(t, n) {
+function re(t, n) {
   const s = parseFloat(t);
   return Number.isFinite(s) ? s : n;
 }
-function Se(t) {
+function Ee(t) {
   let n = "";
   for (let s = 0; s < t.length; s += 1) {
-    const i = t[s];
-    n += i.toString(16).padStart(2, "0");
+    const o = t[s];
+    n += o.toString(16).padStart(2, "0");
   }
   return n;
 }
-function Me(t) {
+function Re(t) {
   if (typeof atob == "function") {
-    const s = atob(t), i = new Uint8Array(s.length);
-    for (let o = 0; o < s.length; o += 1) i[o] = s.charCodeAt(o);
-    return i;
+    const s = atob(t), o = new Uint8Array(s.length);
+    for (let i = 0; i < s.length; i += 1) o[i] = s.charCodeAt(i);
+    return o;
   }
   const n = globalThis;
   return n.Buffer ? n.Buffer.from(t, "base64") : new Uint8Array();
 }
-async function Ne(t) {
+async function Te(t) {
   var s;
   const n = globalThis;
   if ((s = n.crypto) != null && s.subtle) {
-    const i = new Uint8Array(t.byteLength);
-    i.set(t);
-    const o = await n.crypto.subtle.digest("SHA-256", i.buffer);
-    return Se(new Uint8Array(o));
+    const o = new Uint8Array(t.byteLength);
+    o.set(t);
+    const i = await n.crypto.subtle.digest("SHA-256", o.buffer);
+    return Ee(new Uint8Array(i));
   }
   return "";
 }
-function Ae(t, n, s, i, o) {
-  const k = Math.max(1, typeof window < "u" ? window.devicePixelRatio : 1), w = document.createElement("canvas");
-  w.width = Math.floor(n * k), w.height = Math.floor(s * k);
-  const c = w.getContext("2d");
-  return c && (c.setTransform(k, 0, 0, k, 0, 0), c.fillStyle = o, c.fillRect(0, 0, n, s), c.fillStyle = i, c.font = "32px italic sans-serif", c.textAlign = "center", c.textBaseline = "middle", c.fillText(t, n / 2, s / 2, n - 16)), w;
+function Ve(t, n, s, o, i) {
+  const p = Math.max(
+    1,
+    typeof window < "u" ? window.devicePixelRatio : 1
+  ), x = document.createElement("canvas");
+  x.width = Math.floor(n * p), x.height = Math.floor(s * p);
+  const c = x.getContext("2d");
+  return c && (c.setTransform(p, 0, 0, p, 0, 0), c.fillStyle = i, c.fillRect(0, 0, n, s), c.fillStyle = o, c.font = "32px italic sans-serif", c.textAlign = "center", c.textBaseline = "middle", c.fillText(t, n / 2, s / 2, n - 16)), x;
 }
-const Ee = fe(
+const je = ve(
   ({
-    onConfirm: t,
-    onClear: n,
-    onStart: s,
+    id: t,
+    onConfirm: n,
+    onClear: s,
+    onStart: o,
     width: i = 400,
-    height: o = 200,
-    penColor: k,
-    backgroundColor: w,
-    allowTypedFallback: c = !0,
+    height: p = 200,
+    penColor: x,
+    backgroundColor: c,
+    allowTypedFallback: ne = !0,
     disabled: u = !1,
-    ariaLabel: te,
-    className: re
-  }, ne) => {
-    const { t: d } = be(), X = ge(), q = `${pe(
-      () => `sig-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [X]
-    )}-live`, se = S(null), F = S(null), b = S(null), [f, ae] = T("draw"), [z, L] = T(""), ie = S("empty"), [oe, de] = T(""), [p, le] = T(""), [h, ce] = T(""), V = S(s), j = S(n), R = S(t);
-    N(() => {
-      V.current = s, j.current = n, R.current = t;
-    }, [s, n, t]);
-    const g = A(
+    ariaLabel: se,
+    className: ae
+  }, ie) => {
+    const { t: d } = ye(), q = me(), G = `${Y(
+      () => `sig-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [q]
+    )}-live`, oe = S(null), F = S(null), h = S(null), [f, de] = R("draw"), [z, L] = R(""), ce = S("empty"), [le, ue] = R(""), [v, fe] = R(""), [y, ge] = R(""), T = S(o), V = S(s), j = S(n);
+    M(() => {
+      T.current = o, V.current = s, j.current = n;
+    }, [o, s, n]);
+    const g = N(
       (e) => {
-        ie.current = e, de(d(`signature.state.${e}`));
+        ce.current = e, ue(d(`signature.state.${e}`));
       },
       [d]
     );
-    N(() => {
+    M(() => {
       if (typeof document > "u") return;
       function e() {
-        const a = k ?? Q("--foreground"), v = w ?? Q("--background");
-        le(a || "currentColor"), ce(v || "transparent");
+        const a = x ?? ee("--foreground"), m = c ?? ee("--background");
+        fe(a || "currentColor"), ge(m || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -192,45 +236,49 @@ const Ee = fe(
         attributes: !0,
         attributeFilter: ["class"]
       }), () => r.disconnect();
-    }, [k, w]), N(() => {
-      const e = b.current;
-      e && (p && (e.penColor = p), h && (e.backgroundColor = h));
-    }, [p, h]), N(() => {
+    }, [x, c]), M(() => {
+      const e = h.current;
+      e && (v && (e.penColor = v), y && (e.backgroundColor = y));
+    }, [v, y]), M(() => {
       if (f !== "draw") return;
       const e = F.current;
       if (!e) return;
-      const r = new me(e, {
-        penColor: p || "currentColor",
-        backgroundColor: h || "transparent",
+      const r = new he(e, {
+        penColor: v || "currentColor",
+        backgroundColor: y || "transparent",
         minWidth: 0.5,
         maxWidth: 2.5,
         velocityFilterWeight: 0.7
       });
-      b.current = r;
+      h.current = r;
       const a = () => {
         var C;
-        g("drawing"), (C = V.current) == null || C.call(V);
-      }, v = () => {
+        g("drawing"), (C = T.current) == null || C.call(T);
+      }, m = () => {
       };
-      return r.addEventListener("beginStroke", a), r.addEventListener("endStroke", v), B(e), g("empty"), () => {
-        r.removeEventListener("beginStroke", a), r.removeEventListener("endStroke", v), r.clear(), r.off(), b.current = null;
+      return r.addEventListener("beginStroke", a), r.addEventListener("endStroke", m), B(e), g("empty"), () => {
+        r.removeEventListener("beginStroke", a), r.removeEventListener("endStroke", m), r.clear(), r.off(), h.current = null;
       };
-    }, [f]), N(() => {
-      const e = b.current;
+    }, [f]), M(() => {
+      const e = h.current;
       e && (u ? e.off() : e.on());
     }, [u, f]);
-    const G = 4096, B = A((e) => {
-      const r = e.getBoundingClientRect(), a = Math.max(
-        1,
-        typeof window < "u" ? window.devicePixelRatio : 1
-      ), v = Math.max(1, Math.floor(r.width * a)), C = Math.max(1, Math.floor(r.height * a)), $ = Math.min(v, G), D = Math.min(C, G);
-      if (e.width === $ && e.height === D) return;
-      const y = b.current, M = y ? y.toData() : null;
-      e.width = $, e.height = D;
-      const E = e.getContext("2d");
-      E && E.scale(a, a), y && (h && (y.backgroundColor = h), p && (y.penColor = p), y.clear(), M && M.length > 0 && y.fromData(M));
-    }, [h, p]);
-    N(() => {
+    const Z = 4096, B = N(
+      (e) => {
+        const r = e.getBoundingClientRect(), a = Math.max(
+          1,
+          typeof window < "u" ? window.devicePixelRatio : 1
+        ), m = Math.max(1, Math.floor(r.width * a)), C = Math.max(1, Math.floor(r.height * a)), $ = Math.min(m, Z), D = Math.min(C, Z);
+        if (e.width === $ && e.height === D)
+          return;
+        const w = h.current, A = w ? w.toData() : null;
+        e.width = $, e.height = D;
+        const E = e.getContext("2d");
+        E && E.scale(a, a), w && (y && (w.backgroundColor = y), v && (w.penColor = v), w.clear(), A && A.length > 0 && w.fromData(A));
+      },
+      [y, v]
+    );
+    M(() => {
       const e = F.current;
       if (!e) return;
       if (typeof ResizeObserver > "u") {
@@ -242,114 +290,105 @@ const Ee = fe(
       });
       return r.observe(e), () => r.disconnect();
     }, [B]);
-    const P = A(() => {
+    const P = N(() => {
       var r;
-      const e = b.current;
-      e && e.clear(), L(""), g("cleared"), (r = j.current) == null || r.call(j);
-    }, [g]), U = A(() => {
-      const e = b.current;
+      const e = h.current;
+      e && e.clear(), L(""), g("cleared"), (r = V.current) == null || r.call(V);
+    }, [g]), I = N(() => {
+      const e = h.current;
       if (!e) return;
       const r = e.toData();
       !r || r.length === 0 || (r.pop(), e.fromData(r), r.length === 0 && g("empty"));
-    }, [g]), I = A(() => {
+    }, [g]), U = N(() => {
       if (f === "typed") return z.trim().length === 0;
-      const e = b.current;
+      const e = h.current;
       return e ? e.isEmpty() : !0;
-    }, [f, z]), H = A(async () => {
-      var J;
-      const e = ee(
+    }, [f, z]), H = N(async () => {
+      var K;
+      const e = re(
         typeof i == "number" ? `${i}` : String(i),
         400
-      ), r = ee(
-        typeof o == "number" ? `${o}` : String(o),
+      ), r = re(
+        typeof p == "number" ? `${p}` : String(p),
         200
       );
-      let a = "", v = "", C;
+      let a = "", m = "", C;
       if (f === "draw") {
-        const l = b.current;
+        const l = h.current;
         if (!l || l.isEmpty()) return null;
-        a = l.toDataURL("image/png"), v = l.toSVG(), C = l.toData();
+        a = l.toDataURL("image/png"), m = l.toSVG(), C = l.toData();
       } else {
         const l = z.trim();
         if (l.length === 0) return null;
-        a = Ae(
+        a = Ve(
           l,
           e,
           r,
-          p || "currentColor",
-          h || "transparent"
+          v || "currentColor",
+          y || "transparent"
         ).toDataURL("image/png");
-        const O = l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-        v = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e} ${r}" width="${e}" height="${r}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${p || "currentColor"}" letter-spacing="3">${O}</text></svg>`;
+        const _ = l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+        m = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e} ${r}" width="${e}" height="${r}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${v || "currentColor"}" letter-spacing="3">${_}</text></svg>`;
       }
-      const $ = e * 25.4 / 96, D = r * 25.4 / 96, y = (/* @__PURE__ */ new Date()).toISOString();
-      let M = "";
+      const $ = e * 25.4 / 96, D = r * 25.4 / 96, w = (/* @__PURE__ */ new Date()).toISOString();
+      let A = "";
       if (a) {
-        const l = a.indexOf(","), K = l >= 0 ? a.slice(l + 1) : "", O = Me(K);
-        M = await Ne(O);
+        const l = a.indexOf(","), Q = l >= 0 ? a.slice(l + 1) : "", _ = Re(Q);
+        A = await Te(_);
       }
       const E = {
         png: a,
-        svg: v,
+        svg: m,
         widthMm: $,
         heightMm: D,
-        capturedAt: y,
-        sha256: M,
+        capturedAt: w,
+        sha256: A,
         strokes: C
       };
-      return g("captured"), (J = R.current) == null || J.call(R, E), E;
-    }, [
-      f,
-      z,
-      i,
-      o,
-      p,
-      h,
-      g
-    ]);
-    ve(
-      ne,
+      return g("captured"), (K = j.current) == null || K.call(j, E), E;
+    }, [f, z, i, p, v, y, g]), O = Y(
       () => ({
         clear: P,
-        undo: U,
-        isEmpty: I,
+        undo: I,
+        isEmpty: U,
         confirm: H
       }),
-      [P, U, I, H]
+      [P, I, U, H]
     );
-    const Z = u || I(), ue = {
-      "--signature-width": Y(i, "var(--signature-default-width)"),
-      "--signature-height": Y(o, "var(--signature-default-height)")
+    be(ie, () => O, [O]), we(xe, O, t);
+    const J = u || U(), pe = {
+      "--signature-width": te(
+        i,
+        "var(--signature-default-width)"
+      ),
+      "--signature-height": te(
+        p,
+        "var(--signature-default-height)"
+      )
     };
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ W(
       "div",
       {
-        role: "region",
-        "aria-label": te ?? d("signature.padLabel"),
+        role: "group",
+        "aria-label": se ?? d("signature.padLabel"),
         "aria-disabled": u || void 0,
-        className: [he(), re].filter(Boolean).join(" "),
-        style: ue,
+        className: [ke(), ae].filter(Boolean).join(" "),
+        style: pe,
         "data-component": "signature-capture",
+        "data-component-id": t,
         children: [
-          f === "draw" ? /* @__PURE__ */ m(
-            "div",
+          f === "draw" ? /* @__PURE__ */ b("div", { ref: oe, className: ze(), children: /* @__PURE__ */ b(
+            "canvas",
             {
-              ref: se,
-              className: ye(),
-              children: /* @__PURE__ */ m(
-                "canvas",
-                {
-                  ref: F,
-                  role: "img",
-                  "aria-label": d("signature.padLabel"),
-                  className: we(),
-                  "data-testid": "signature-canvas"
-                }
-              )
+              ref: F,
+              role: "img",
+              "aria-label": d("signature.padLabel"),
+              className: Ce(),
+              "data-testid": "signature-canvas"
             }
-          ) : /* @__PURE__ */ _("label", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d("signature.typedFallback.label") }),
-            /* @__PURE__ */ m(
+          ) }) : /* @__PURE__ */ W("label", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ b("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d("signature.typedFallback.label") }),
+            /* @__PURE__ */ b(
               "input",
               {
                 type: "text",
@@ -360,126 +399,92 @@ const Ee = fe(
                 placeholder: d("signature.typedFallback.placeholder"),
                 "aria-label": d("signature.typedFallback.label"),
                 disabled: u,
-                className: ze(),
+                className: Me(),
                 "data-testid": "signature-typed-input"
               }
             ),
-            z ? /* @__PURE__ */ m(
-              "div",
-              {
-                className: Ce(),
-                "aria-hidden": "true",
-                children: z
-              }
-            ) : null
+            z ? /* @__PURE__ */ b("div", { className: Ne(), "aria-hidden": "true", children: z }) : null
           ] }),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ b(
             "div",
             {
-              id: q,
+              id: G,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: oe
+              children: le
             }
           ),
-          /* @__PURE__ */ _("div", { className: xe(), role: "group", "aria-label": d("signature.padLabel"), children: [
-            /* @__PURE__ */ m(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || P();
-                },
-                "aria-disabled": u || void 0,
-                className: W(),
-                children: d("signature.clear")
-              }
-            ),
-            f === "draw" ? /* @__PURE__ */ m(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || U();
-                },
-                "aria-disabled": u || void 0,
-                className: W(),
-                children: d("signature.undo")
-              }
-            ) : null,
-            c ? /* @__PURE__ */ m(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || (L(""), ae((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
-                },
-                "aria-disabled": u || void 0,
-                className: W(),
-                "aria-pressed": f === "typed",
-                children: d(f === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
-              }
-            ) : null,
-            /* @__PURE__ */ m(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  Z || H();
-                },
-                "aria-disabled": Z || void 0,
-                "aria-describedby": q,
-                className: ke(),
-                "data-testid": "signature-confirm",
-                children: d("signature.confirm")
-              }
-            )
-          ] })
+          /* @__PURE__ */ W(
+            "div",
+            {
+              className: Se(),
+              role: "group",
+              "aria-label": d("signature.padLabel"),
+              children: [
+                /* @__PURE__ */ b(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      u || P();
+                    },
+                    "aria-disabled": u || void 0,
+                    className: X(),
+                    children: d("signature.clear")
+                  }
+                ),
+                f === "draw" ? /* @__PURE__ */ b(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      u || I();
+                    },
+                    "aria-disabled": u || void 0,
+                    className: X(),
+                    children: d("signature.undo")
+                  }
+                ) : null,
+                ne ? /* @__PURE__ */ b(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      u || (L(""), de((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
+                    },
+                    "aria-disabled": u || void 0,
+                    className: X(),
+                    "aria-pressed": f === "typed",
+                    children: d(f === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
+                  }
+                ) : null,
+                /* @__PURE__ */ b(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      J || H();
+                    },
+                    "aria-disabled": J || void 0,
+                    "aria-describedby": G,
+                    className: Ae(),
+                    "data-testid": "signature-confirm",
+                    children: d("signature.confirm")
+                  }
+                )
+              ]
+            }
+          )
         ]
       }
     );
   }
 );
-Ee.displayName = "SignatureCapture";
-const De = {
-  id: "signature-capture",
-  capabilities: ["edit_inline", "submit"],
-  state: {
-    isEmpty: {
-      type: "boolean",
-      description: "True when no signature has been drawn or typed.",
-      read: (t) => t.isEmpty()
-    }
-  },
-  actions: {
-    clear: {
-      safety: "destructive",
-      description: "Erase the current signature. Loses unsaved input.",
-      invoke: (t) => {
-        t.clear();
-      }
-    },
-    undo: {
-      safety: "write",
-      description: "Undo the last stroke.",
-      invoke: (t) => {
-        t.undo();
-      }
-    },
-    confirm: {
-      safety: "write",
-      description: "Commit the signature and return its serialised payload.",
-      invoke: (t) => t.confirm()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "signature-capture" }
-  }
-};
+je.displayName = "SignatureCapture";
 export {
-  Ee as S,
-  De as s
+  je as S,
+  xe as s
 };
-//# sourceMappingURL=signature-capture.agent-C38VPXxg.js.map
+//# sourceMappingURL=signature-capture-DjMlFOzS.js.map