@alfadocs/ui-kit-debug 0.72.2 → 0.75.0

package/dist/_chunks/{signature-capture-Ct_4Md4e.js → signature-capture-DN52VNKL.js}

@@ -1,10 +1,14 @@
-import { jsxs as q, jsx as b } from "react/jsx-runtime";
-import { forwardRef as Ae, useId as Pe, useMemo as ie, useRef as C, useState as P, useEffect as V, useCallback as M, useImperativeHandle as Te } from "react";
-import Ve from "signature_pad";
-import { c as R } from "./index-D2ZczOXr.js";
-import { useTranslation as Me } from "react-i18next";
-import { u as Ne } from "./registry-DvAUVLHh.js";
-const je = {
+import { jsxs as V, jsx as d } from "react/jsx-runtime";
+import { forwardRef as Pe, useId as Te, useMemo as oe, useRef as C, useState as P, useEffect as A, useCallback as E, useImperativeHandle as Ve } from "react";
+import Ae from "signature_pad";
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as Ee } from "react-i18next";
+import { u as Me } from "./registry-DvAUVLHh.js";
+import { E as je } from "./eraser-CHOGQfVv.js";
+import { T as Be } from "./type-ggmfVs23.js";
+import { P as Fe } from "./pen-line-D0De5zdl.js";
+import { C as Le } from "./check-DrFSN__t.js";
+const De = {
   id: "signature-capture",
   // Multi-step media lifecycle: draw / type strokes (capture) then commit the
   // serialised signature (submit).
@@ -77,7 +81,7 @@ const je = {
       description: "Sourced from the id prop."
     }
   }
-}, Ee = R(
+}, Ue = z(
   [
     "ds:signature-capture-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
@@ -88,7 +92,7 @@ const je = {
     "ds:p-[var(--spacing-sm)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), Be = R(
+), $e = z(
   [
     "ds:relative ds:block",
     // Mobile-first: fill the available width but never exceed the configured
@@ -107,7 +111,7 @@ const je = {
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Le = R(
+), Ie = z(
   [
     "ds:block",
     // Arbitrary-property form, NOT `inline-size-full` / `block-size-full`:
@@ -123,11 +127,12 @@ const je = {
     "ds:touch-none",
     "ds:select-none"
   ].join(" ")
-), Ue = R(
-  ["ds:flex ds:items-stretch ds:flex-wrap ds:gap-[var(--spacing-sm)]"].join(
-    " "
-  )
-), oe = R(
+), He = z(
+  [
+    "ds:@container/sigactions",
+    "ds:flex ds:items-stretch ds:flex-wrap ds:gap-[var(--spacing-sm)]"
+  ].join(" ")
+), G = z("ds:hidden ds:@[30rem]/sigactions:inline"), de = z(
   [
     "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -148,7 +153,7 @@ const je = {
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), $e = R(
+), Oe = z(
   [
     "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -167,7 +172,7 @@ const je = {
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), De = R(
+), _e = z(
   [
     "ds:block ds:inline-size-full",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -184,7 +189,7 @@ const je = {
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Fe = R(
+), Ke = z(
   [
     "ds:flex ds:items-center ds:justify-center",
     // Match the pad frame: responsive width capped at the configured size.
@@ -203,88 +208,88 @@ const je = {
     "ds:p-[var(--spacing-md)]"
   ].join(" ")
 );
-function de(t) {
+function ce(t) {
   return typeof document > "u" ? "" : getComputedStyle(document.documentElement).getPropertyValue(t).trim();
 }
-function ce(t, n) {
+function le(t, n) {
   return typeof t == "number" ? `${t}px` : typeof t == "string" && t.length > 0 ? t : n;
 }
-function le(t) {
+function ue(t) {
   if (typeof t == "string" && /[^0-9.\s\-px]/i.test(t)) return null;
   const n = parseFloat(t);
   return Number.isFinite(n) ? n : null;
 }
-function Ie(t) {
+function We(t) {
   let n = "";
   for (let s = 0; s < t.length; s += 1) {
-    const i = t[s];
-    n += i.toString(16).padStart(2, "0");
+    const c = t[s];
+    n += c.toString(16).padStart(2, "0");
   }
   return n;
 }
-function He(t) {
+function qe(t) {
   if (typeof atob == "function") {
-    const s = atob(t), i = new Uint8Array(s.length);
-    for (let a = 0; a < s.length; a += 1) i[a] = s.charCodeAt(a);
-    return i;
+    const s = atob(t), c = new Uint8Array(s.length);
+    for (let i = 0; i < s.length; i += 1) c[i] = s.charCodeAt(i);
+    return c;
   }
   const n = globalThis;
   return n.Buffer ? n.Buffer.from(t, "base64") : new Uint8Array();
 }
-async function Oe(t) {
+async function Ge(t) {
   var s;
   const n = globalThis;
   if ((s = n.crypto) != null && s.subtle) {
-    const i = new Uint8Array(t.byteLength);
-    i.set(t);
-    const a = await n.crypto.subtle.digest("SHA-256", i.buffer);
-    return Ie(new Uint8Array(a));
+    const c = new Uint8Array(t.byteLength);
+    c.set(t);
+    const i = await n.crypto.subtle.digest("SHA-256", c.buffer);
+    return We(new Uint8Array(i));
   }
   return "";
 }
-function _e(t, n, s, i, a) {
-  const m = Math.max(
+function Xe(t, n, s, c, i) {
+  const v = Math.max(
     1,
     typeof window < "u" ? window.devicePixelRatio : 1
-  ), z = document.createElement("canvas");
-  z.width = Math.floor(n * m), z.height = Math.floor(s * m);
-  const d = z.getContext("2d");
-  return d && (d.setTransform(m, 0, 0, m, 0, 0), d.fillStyle = a, d.fillRect(0, 0, n, s), d.fillStyle = i, d.font = "32px italic sans-serif", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, n / 2, s / 2, n - 16)), z;
+  ), S = document.createElement("canvas");
+  S.width = Math.floor(n * v), S.height = Math.floor(s * v);
+  const u = S.getContext("2d");
+  return u && (u.setTransform(v, 0, 0, v, 0, 0), u.fillStyle = i, u.fillRect(0, 0, n, s), u.fillStyle = c, u.font = "32px italic sans-serif", u.textAlign = "center", u.textBaseline = "middle", u.fillText(t, n / 2, s / 2, n - 16)), S;
 }
-const Ke = Ae(
+const Ze = Pe(
   ({
     id: t,
     onConfirm: n,
     onClear: s,
-    onStart: i,
-    width: a = 400,
-    height: m = 200,
-    penColor: z,
-    backgroundColor: d,
-    allowTypedFallback: ue = !0,
-    name: N,
+    onStart: c,
+    width: i = 400,
+    height: v = 200,
+    penColor: S,
+    backgroundColor: u,
+    allowTypedFallback: pe = !0,
+    name: M,
     disabled: h = !1,
-    ariaLabel: fe,
-    className: pe
-  }, ge) => {
-    const { t: c } = Me(), G = Pe(), X = `${ie(
-      () => `sig-${G.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [G]
-    )}-live`, D = C(null), Z = C(null), j = C(null), J = C(null), y = C(null), [l, me] = P("draw"), [S, F] = P(""), [ve, Q] = P(""), [be, I] = P(!1), he = C("empty"), [ye, we] = P(""), [v, xe] = P(""), [w, ke] = P(""), E = C(i), B = C(s), L = C(n);
-    V(() => {
-      E.current = i, B.current = s, L.current = n;
-    }, [i, s, n]);
-    const f = M(
+    ariaLabel: ge,
+    className: fe
+  }, me) => {
+    const { t: a } = Ee(), X = Te(), Z = `${oe(
+      () => `sig-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [X]
+    )}-live`, $ = C(null), J = C(null), j = C(null), Q = C(null), y = C(null), [o, ve] = P("draw"), [N, I] = P(""), [be, Y] = P(""), [he, H] = P(!1), ye = C("empty"), [we, xe] = P(""), [b, ke] = P(""), [w, Ce] = P(""), B = C(c), F = C(s), L = C(n);
+    A(() => {
+      B.current = c, F.current = s, L.current = n;
+    }, [c, s, n]);
+    const g = E(
       (e) => {
-        he.current = e, we(c(`signature.state.${e}`));
+        ye.current = e, xe(a(`signature.state.${e}`));
       },
-      [c]
+      [a]
     );
-    V(() => {
+    A(() => {
       if (typeof document > "u") return;
       function e() {
-        const o = z ?? de("--foreground"), p = d ?? de("--background");
-        xe(o || "currentColor"), ke(p || "transparent");
+        const l = S ?? ce("--foreground"), f = u ?? ce("--background");
+        ke(l || "currentColor"), Ce(f || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -294,247 +299,259 @@ const Ke = Ae(
         attributes: !0,
         attributeFilter: ["class"]
       }), () => r.disconnect();
-    }, [z, d]), V(() => {
+    }, [S, u]), A(() => {
       const e = y.current;
-      e && (v && (e.penColor = v), w && (e.backgroundColor = w));
-    }, [v, w]), V(() => {
-      if (l !== "draw") return;
+      e && (b && (e.penColor = b), w && (e.backgroundColor = w));
+    }, [b, w]), A(() => {
+      if (o !== "draw") return;
       const e = j.current;
       if (!e) return;
-      const r = new Ve(e, {
-        penColor: v || "currentColor",
+      const r = new Ae(e, {
+        penColor: b || "currentColor",
         backgroundColor: w || "transparent",
         minWidth: 0.5,
         maxWidth: 2.5,
         velocityFilterWeight: 0.7
       });
       y.current = r;
-      const o = () => {
+      const l = () => {
         var x;
-        I(!0), f("drawing"), (x = E.current) == null || x.call(E);
-      }, p = () => {
+        H(!0), g("drawing"), (x = B.current) == null || x.call(B);
+      }, f = () => {
       };
-      return r.addEventListener("beginStroke", o), r.addEventListener("endStroke", p), U(e), f("empty"), () => {
-        r.removeEventListener("beginStroke", o), r.removeEventListener("endStroke", p), r.clear(), r.off(), y.current = null;
+      return r.addEventListener("beginStroke", l), r.addEventListener("endStroke", f), D(e), g("empty"), () => {
+        r.removeEventListener("beginStroke", l), r.removeEventListener("endStroke", f), r.clear(), r.off(), y.current = null;
       };
-    }, [l]), V(() => {
+    }, [o]), A(() => {
       const e = y.current;
       e && (h ? e.off() : e.on());
-    }, [h, l]);
-    const Y = 4096, U = M(
+    }, [h, o]);
+    const ee = 4096, D = E(
       (e) => {
-        const r = e.getBoundingClientRect(), o = Math.max(
+        const r = e.getBoundingClientRect(), l = Math.max(
           1,
           typeof window < "u" ? window.devicePixelRatio : 1
-        ), p = Math.max(1, Math.floor(r.width * o)), x = Math.max(1, Math.floor(r.height * o)), A = Math.min(p, Y), k = Math.min(x, Y);
-        if (e.width === A && e.height === k)
+        ), f = Math.max(1, Math.floor(r.width * l)), x = Math.max(1, Math.floor(r.height * l)), R = Math.min(f, ee), k = Math.min(x, ee);
+        if (e.width === R && e.height === k)
           return;
-        const g = y.current, T = g ? g.toData() : null;
-        e.width = A, e.height = k;
-        const $ = e.getContext("2d");
-        $ && $.scale(o, o), g && (w && (g.backgroundColor = w), v && (g.penColor = v), g.clear(), T && T.length > 0 && g.fromData(T));
+        const m = y.current, T = m ? m.toData() : null;
+        e.width = R, e.height = k;
+        const U = e.getContext("2d");
+        U && U.scale(l, l), m && (w && (m.backgroundColor = w), b && (m.penColor = b), m.clear(), T && T.length > 0 && m.fromData(T));
       },
-      [w, v]
+      [w, b]
     );
-    V(() => {
+    A(() => {
       const e = j.current;
       if (!e) return;
       if (typeof ResizeObserver > "u") {
-        U(e);
+        D(e);
         return;
       }
       const r = new ResizeObserver(() => {
-        U(e);
+        D(e);
       });
       return r.observe(e), () => r.disconnect();
-    }, [U]);
-    const H = M(() => {
+    }, [D]);
+    const O = E(() => {
       var r;
       const e = y.current;
-      e && e.clear(), F(""), Q(""), I(!1), f("cleared"), (r = B.current) == null || r.call(B);
-    }, [f]), ee = M(() => {
+      e && e.clear(), I(""), Y(""), H(!1), g("cleared"), (r = F.current) == null || r.call(F);
+    }, [g]), te = E(() => {
       const e = y.current;
       if (!e) return;
       const r = e.toData();
-      !r || r.length === 0 || (r.pop(), e.fromData(r), r.length === 0 && (I(!1), f("empty")));
-    }, [f]), te = M(() => {
-      if (l === "typed") return S.trim().length === 0;
+      !r || r.length === 0 || (r.pop(), e.fromData(r), r.length === 0 && (H(!1), g("empty")));
+    }, [g]), re = E(() => {
+      if (o === "typed") return N.trim().length === 0;
       const e = y.current;
       return e ? e.isEmpty() : !0;
-    }, [l, S]), O = M(async () => {
-      var se;
-      const e = le(
-        typeof a == "number" ? `${a}` : String(a)
-      ), r = le(
-        typeof m == "number" ? `${m}` : String(m)
-      ), o = l === "draw" ? j.current ?? Z.current ?? D.current : J.current ?? D.current, p = o == null ? void 0 : o.getBoundingClientRect(), x = e ?? (p ? p.width : 400), A = r ?? (p ? p.height : 200);
-      let k = "", g = "", T;
-      if (l === "draw") {
-        const u = y.current;
-        if (!u || u.isEmpty()) return null;
-        k = u.toDataURL("image/png"), g = u.toSVG(), T = u.toData();
+    }, [o, N]), _ = E(async () => {
+      var ae;
+      const e = ue(
+        typeof i == "number" ? `${i}` : String(i)
+      ), r = ue(
+        typeof v == "number" ? `${v}` : String(v)
+      ), l = o === "draw" ? j.current ?? J.current ?? $.current : Q.current ?? $.current, f = l == null ? void 0 : l.getBoundingClientRect(), x = e ?? (f ? f.width : 400), R = r ?? (f ? f.height : 200);
+      let k = "", m = "", T;
+      if (o === "draw") {
+        const p = y.current;
+        if (!p || p.isEmpty()) return null;
+        k = p.toDataURL("image/png"), m = p.toSVG(), T = p.toData();
       } else {
-        const u = S.trim();
-        if (u.length === 0) return null;
-        k = _e(
-          u,
+        const p = N.trim();
+        if (p.length === 0) return null;
+        k = Xe(
+          p,
           x,
-          A,
-          v || "currentColor",
+          R,
+          b || "currentColor",
           w || "transparent"
         ).toDataURL("image/png");
-        const W = u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-        g = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x} ${A}" width="${x}" height="${A}"><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">${W}</text></svg>`;
+        const q = p.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 ${x} ${R}" width="${x}" height="${R}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${b || "currentColor"}" letter-spacing="3">${q}</text></svg>`;
       }
-      const $ = x * 25.4 / 96, Se = A * 25.4 / 96, Re = (/* @__PURE__ */ new Date()).toISOString();
-      let ne = "";
+      const U = x * 25.4 / 96, Ne = R * 25.4 / 96, Re = (/* @__PURE__ */ new Date()).toISOString();
+      let se = "";
       if (k) {
-        const u = k.indexOf(","), ae = u >= 0 ? k.slice(u + 1) : "", W = He(ae);
-        ne = await Oe(W);
+        const p = k.indexOf(","), ie = p >= 0 ? k.slice(p + 1) : "", q = qe(ie);
+        se = await Ge(q);
       }
-      const K = {
+      const W = {
         png: k,
-        svg: g,
-        widthMm: $,
-        heightMm: Se,
+        svg: m,
+        widthMm: U,
+        heightMm: Ne,
         capturedAt: Re,
-        sha256: ne,
+        sha256: se,
         strokes: T
       };
-      return f("captured"), N && Q(K.png), (se = L.current) == null || se.call(L, K), K;
+      return g("captured"), M && Y(W.png), (ae = L.current) == null || ae.call(L, W), W;
     }, [
-      l,
-      S,
-      a,
-      m,
+      o,
+      N,
+      i,
       v,
+      b,
       w,
-      f,
-      N
-    ]), _ = ie(
+      g,
+      M
+    ]), K = oe(
       () => ({
-        clear: H,
-        undo: ee,
-        isEmpty: te,
-        confirm: O
+        clear: O,
+        undo: te,
+        isEmpty: re,
+        confirm: _
       }),
-      [H, ee, te, O]
+      [O, te, re, _]
     );
-    Te(ge, () => _, [_]), Ne(je, _, t);
-    const Ce = l === "typed" ? S.trim().length > 0 : be, re = h || !Ce, ze = {
-      "--signature-width": ce(
-        a,
+    Ve(me, () => K, [K]), Me(De, K, t);
+    const ze = o === "typed" ? N.trim().length > 0 : he, ne = h || !ze, Se = {
+      "--signature-width": le(
+        i,
         "var(--signature-default-width)"
       ),
-      "--signature-height": ce(
-        m,
+      "--signature-height": le(
+        v,
         "var(--signature-default-height)"
       )
     };
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ V(
       "div",
       {
-        ref: D,
+        ref: $,
         role: "group",
-        "aria-label": fe ?? c("signature.padLabel"),
+        "aria-label": ge ?? a("signature.padLabel"),
         "aria-disabled": h || void 0,
-        className: [Ee(), pe].filter(Boolean).join(" "),
-        style: ze,
+        className: [Ue(), fe].filter(Boolean).join(" "),
+        style: Se,
         "data-component": "signature-capture",
         "data-component-id": t,
         children: [
-          N ? /* @__PURE__ */ b("input", { type: "hidden", name: N, value: ve, readOnly: !0 }) : null,
-          l === "draw" ? /* @__PURE__ */ b("div", { ref: Z, className: Be(), children: /* @__PURE__ */ b(
+          M ? /* @__PURE__ */ d("input", { type: "hidden", name: M, value: be, readOnly: !0 }) : null,
+          o === "draw" ? /* @__PURE__ */ d("div", { ref: J, className: $e(), children: /* @__PURE__ */ d(
             "canvas",
             {
               ref: j,
               role: "img",
-              "aria-label": c("signature.padLabel"),
-              className: Le(),
+              "aria-label": a("signature.padLabel"),
+              className: Ie(),
               "data-testid": "signature-canvas"
             }
-          ) }) : /* @__PURE__ */ q("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: c("signature.typedFallback.label") }),
-            /* @__PURE__ */ b(
+          ) }) : /* @__PURE__ */ V("label", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ d("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: a("signature.typedFallback.label") }),
+            /* @__PURE__ */ d(
               "input",
               {
                 type: "text",
-                value: S,
+                value: N,
                 onChange: (e) => {
-                  F(e.target.value), e.target.value.length > 0 ? f("drawing") : f("empty");
+                  I(e.target.value), e.target.value.length > 0 ? g("drawing") : g("empty");
                 },
-                placeholder: c("signature.typedFallback.placeholder"),
-                "aria-label": c("signature.typedFallback.label"),
+                placeholder: a("signature.typedFallback.placeholder"),
+                "aria-label": a("signature.typedFallback.label"),
                 disabled: h,
-                className: De(),
+                className: _e(),
                 "data-testid": "signature-typed-input"
               }
             ),
-            S ? /* @__PURE__ */ b(
+            N ? /* @__PURE__ */ d(
               "div",
               {
-                ref: J,
-                className: Fe(),
+                ref: Q,
+                className: Ke(),
                 "aria-hidden": "true",
-                children: S
+                children: N
               }
             ) : null
           ] }),
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ d(
             "div",
             {
-              id: X,
+              id: Z,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: ye
+              children: we
             }
           ),
-          /* @__PURE__ */ q(
+          /* @__PURE__ */ V(
             "div",
             {
-              className: Ue(),
+              className: He(),
               role: "group",
-              "aria-label": c("signature.padLabel"),
+              "aria-label": a("signature.padLabel"),
               children: [
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ V(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      h || H();
+                      h || O();
                     },
                     "aria-disabled": h || void 0,
-                    className: oe(),
-                    children: c("signature.clear")
+                    "aria-label": a("signature.clear"),
+                    className: de(),
+                    children: [
+                      /* @__PURE__ */ d(je, { "aria-hidden": "true", className: "ds:size-4" }),
+                      /* @__PURE__ */ d("span", { className: G(), children: a("signature.clear") })
+                    ]
                   }
                 ),
-                ue ? /* @__PURE__ */ b(
+                pe ? /* @__PURE__ */ V(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      h || (F(""), me((e) => e === "draw" ? "typed" : "draw"), f("cleared"));
+                      h || (I(""), ve((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
                     },
                     "aria-disabled": h || void 0,
-                    className: oe(),
-                    "aria-pressed": l === "typed",
-                    children: c(l === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
+                    "aria-label": a(o === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw"),
+                    className: de(),
+                    "aria-pressed": o === "typed",
+                    children: [
+                      o === "draw" ? /* @__PURE__ */ d(Be, { "aria-hidden": "true", className: "ds:size-4" }) : /* @__PURE__ */ d(Fe, { "aria-hidden": "true", className: "ds:size-4" }),
+                      /* @__PURE__ */ d("span", { className: G(), children: a(o === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw") })
+                    ]
                   }
                 ) : null,
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ V(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      re || O();
+                      ne || _();
                     },
-                    "aria-disabled": re || void 0,
-                    "aria-describedby": X,
-                    className: $e(),
+                    "aria-disabled": ne || void 0,
+                    "aria-describedby": Z,
+                    "aria-label": a("signature.confirm"),
+                    className: Oe(),
                     "data-testid": "signature-confirm",
-                    children: c("signature.confirm")
+                    children: [
+                      /* @__PURE__ */ d(Le, { "aria-hidden": "true", className: "ds:size-4" }),
+                      /* @__PURE__ */ d("span", { className: G(), children: a("signature.confirm") })
+                    ]
                   }
                 )
               ]
@@ -545,9 +562,9 @@ const Ke = Ae(
     );
   }
 );
-Ke.displayName = "SignatureCapture";
+Ze.displayName = "SignatureCapture";
 export {
-  Ke as S,
-  je as s
+  Ze as S,
+  De as s
 };
-//# sourceMappingURL=signature-capture-Ct_4Md4e.js.map
+//# sourceMappingURL=signature-capture-DN52VNKL.js.map