@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/{signature-capture.agent-L_1_-zVR.js → signature-capture.agent-4htVctJ2.js}

@@ -5,106 +5,106 @@ import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as be } from "react-i18next";
 const he = x(
   [
-    "signature-capture-alfadocs flex flex-col",
-    "gap-[var(--spacing-sm)]",
-    "bg-[var(--background)] text-[var(--foreground)]",
-    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
-    "p-[var(--spacing-sm)]",
-    "aria-disabled:opacity-[var(--opacity-50)] aria-disabled:cursor-not-allowed"
+    "ds:signature-capture-alfadocs ds:flex ds:flex-col",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:p-[var(--spacing-sm)]",
+    "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
 ), ye = x(
   [
-    "relative block",
-    "inline-size-[var(--signature-width)]",
-    "block-size-[var(--signature-height)]",
-    "rounded-[var(--radius-sm)]",
-    "border border-[color:var(--border)]",
-    "bg-[var(--background)]",
-    "overflow-hidden",
-    "touch-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)]",
-    "forced-colors:focus-visible:outline-[CanvasText]"
+    "ds:relative ds:block",
+    "ds:inline-size-[var(--signature-width)]",
+    "ds:block-size-[var(--signature-height)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)]",
+    "ds:overflow-hidden",
+    "ds:touch-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
 ), we = x(
   [
-    "block",
-    "inline-size-full",
-    "block-size-full",
-    "touch-none",
-    "select-none"
+    "ds:block",
+    "ds:inline-size-full",
+    "ds:block-size-full",
+    "ds:touch-none",
+    "ds:select-none"
   ].join(" ")
 ), xe = x(
-  ["flex items-center flex-wrap gap-[var(--spacing-xs)]"].join(" ")
+  ["ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]"].join(" ")
 ), W = x(
   [
-    "inline-flex items-center justify-center",
-    "min-block-size-[var(--min-target-size)]",
-    "min-inline-size-[var(--min-target-size)]",
-    "gap-[var(--spacing-xs)]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-    "rounded-[var(--radius-sm)]",
-    "border border-[color:var(--border)]",
-    "bg-transparent text-[var(--foreground)]",
-    "text-[var(--font-size-sm)] font-medium",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "hover:bg-[var(--muted)]",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)]",
-    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "aria-disabled:opacity-[var(--opacity-50)] aria-disabled:cursor-not-allowed"
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:gap-[var(--spacing-xs)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-transparent ds:text-[var(--foreground)]",
+    "ds:text-[var(--font-size-sm)] ds:font-medium",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--muted)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
 ), ke = x(
   [
-    "inline-flex items-center justify-center",
-    "min-block-size-[var(--min-target-size)]",
-    "min-inline-size-[var(--min-target-size)]",
-    "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-    "rounded-[var(--radius-sm)]",
-    "bg-[var(--primary)] text-[var(--primary-foreground)]",
-    "text-[var(--font-size-sm)] font-medium",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "hover:bg-[var(--primary-hover)]",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)]",
-    "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "aria-disabled:opacity-[var(--opacity-50)] aria-disabled:cursor-not-allowed"
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
+    "ds:text-[var(--font-size-sm)] ds:font-medium",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--primary-hover)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
 ), ze = x(
   [
-    "block inline-size-full",
-    "min-block-size-[var(--min-target-size)]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-    "rounded-[var(--radius-sm)]",
-    "border border-[color:var(--border)]",
-    "bg-[var(--background)] text-[var(--foreground)]",
-    "font-[family-name:var(--font-sans)]",
-    "italic",
-    "tracking-[0.1em]",
-    "text-[var(--font-size-lg)]",
-    "focus-visible:outline-[length:var(--focus-ring-width)]",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)]",
-    "forced-colors:focus-visible:outline-[CanvasText]"
+    "ds:block ds:inline-size-full",
+    "ds:min-block-size-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    "ds:font-[family-name:var(--font-sans)]",
+    "ds:italic",
+    "ds:tracking-[0.1em]",
+    "ds:text-[var(--font-size-lg)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
 ), Ce = x(
   [
-    "flex items-center justify-center",
-    "inline-size-[var(--signature-width)]",
-    "block-size-[var(--signature-height)]",
-    "rounded-[var(--radius-sm)]",
-    "border border-[color:var(--border)]",
-    "bg-[var(--background)] text-[var(--foreground)]",
-    "font-[family-name:var(--font-sans)]",
-    "italic",
-    "tracking-[0.1em]",
-    "text-[var(--font-size-2xl)]",
-    "p-[var(--spacing-md)]"
+    "ds:flex ds:items-center ds:justify-center",
+    "ds:inline-size-[var(--signature-width)]",
+    "ds:block-size-[var(--signature-height)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    "ds:font-[family-name:var(--font-sans)]",
+    "ds:italic",
+    "ds:tracking-[0.1em]",
+    "ds:text-[var(--font-size-2xl)]",
+    "ds:p-[var(--spacing-md)]"
   ].join(" ")
 );
 function Q(t) {
@@ -114,75 +114,75 @@ function Y(t, n) {
   return typeof t == "number" ? `${t}px` : typeof t == "string" && t.length > 0 ? t : n;
 }
 function ee(t, n) {
-  const a = parseFloat(t);
-  return Number.isFinite(a) ? a : n;
+  const s = parseFloat(t);
+  return Number.isFinite(s) ? s : n;
 }
 function Se(t) {
   let n = "";
-  for (let a = 0; a < t.length; a += 1) {
-    const o = t[a];
-    n += o.toString(16).padStart(2, "0");
+  for (let s = 0; s < t.length; s += 1) {
+    const i = t[s];
+    n += i.toString(16).padStart(2, "0");
   }
   return n;
 }
 function Me(t) {
   if (typeof atob == "function") {
-    const a = atob(t), o = new Uint8Array(a.length);
-    for (let s = 0; s < a.length; s += 1) o[s] = a.charCodeAt(s);
-    return o;
+    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 n = globalThis;
   return n.Buffer ? n.Buffer.from(t, "base64") : new Uint8Array();
 }
 async function Ne(t) {
-  var a;
+  var s;
   const n = globalThis;
-  if ((a = n.crypto) != null && a.subtle) {
-    const o = new Uint8Array(t.byteLength);
-    o.set(t);
-    const s = await n.crypto.subtle.digest("SHA-256", o.buffer);
-    return Se(new Uint8Array(s));
+  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));
   }
   return "";
 }
-function Ae(t, n, a, o, s) {
+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(a * k);
-  const u = w.getContext("2d");
-  return u && (u.setTransform(k, 0, 0, k, 0, 0), u.fillStyle = s, u.fillRect(0, 0, n, a), u.fillStyle = o, u.font = "32px italic sans-serif", u.textAlign = "center", u.textBaseline = "middle", u.fillText(t, n / 2, a / 2, n - 16)), w;
+  w.width = Math.floor(n * k), w.height = Math.floor(s * k);
+  const l = w.getContext("2d");
+  return l && (l.setTransform(k, 0, 0, k, 0, 0), l.fillStyle = o, l.fillRect(0, 0, n, s), l.fillStyle = i, l.font = "32px italic sans-serif", l.textAlign = "center", l.textBaseline = "middle", l.fillText(t, n / 2, s / 2, n - 16)), w;
 }
 const Ee = fe(
   ({
     onConfirm: t,
     onClear: n,
-    onStart: a,
-    width: o = 400,
-    height: s = 200,
+    onStart: s,
+    width: i = 400,
+    height: o = 200,
     penColor: k,
     backgroundColor: w,
-    allowTypedFallback: u = !0,
-    disabled: d = !1,
+    allowTypedFallback: l = !0,
+    disabled: u = !1,
     ariaLabel: te,
     className: re
   }, ne) => {
-    const { t: c } = be(), X = ge(), q = `${pe(
+    const { t: d } = be(), X = ge(), q = `${pe(
       () => `sig-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
       [X]
-    )}-live`, ae = S(null), F = S(null), b = S(null), [f, ie] = T("draw"), [z, L] = T(""), oe = S("empty"), [se, ce] = T(""), [p, le] = T(""), [h, ue] = T(""), V = S(a), j = S(n), R = S(t);
+    )}-live`, se = S(null), F = S(null), b = S(null), [f, ae] = T("draw"), [z, L] = T(""), ie = S("empty"), [oe, de] = T(""), [p, ce] = T(""), [h, le] = T(""), V = S(s), j = S(n), R = S(t);
     N(() => {
-      V.current = a, j.current = n, R.current = t;
-    }, [a, n, t]);
+      V.current = s, j.current = n, R.current = t;
+    }, [s, n, t]);
     const g = A(
       (e) => {
-        oe.current = e, ce(c(`signature.state.${e}`));
+        ie.current = e, de(d(`signature.state.${e}`));
       },
-      [c]
+      [d]
     );
     N(() => {
       if (typeof document > "u") return;
       function e() {
-        const i = k ?? Q("--foreground"), v = w ?? Q("--background");
-        le(i || "currentColor"), ue(v || "transparent");
+        const a = k ?? Q("--foreground"), v = w ?? Q("--background");
+        ce(a || "currentColor"), le(v || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -207,28 +207,28 @@ const Ee = fe(
         velocityFilterWeight: 0.7
       });
       b.current = r;
-      const i = () => {
+      const a = () => {
         var C;
         g("drawing"), (C = V.current) == null || C.call(V);
       }, v = () => {
       };
-      return r.addEventListener("beginStroke", i), r.addEventListener("endStroke", v), B(e), g("empty"), () => {
-        r.removeEventListener("beginStroke", i), r.removeEventListener("endStroke", v), r.clear(), r.off(), b.current = null;
+      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;
       };
     }, [f]), N(() => {
       const e = b.current;
-      e && (d ? e.off() : e.on());
-    }, [d, f]);
+      e && (u ? e.off() : e.on());
+    }, [u, f]);
     const G = 4096, B = A((e) => {
-      const r = e.getBoundingClientRect(), i = Math.max(
+      const r = e.getBoundingClientRect(), a = Math.max(
         1,
         typeof window < "u" ? window.devicePixelRatio : 1
-      ), v = Math.max(1, Math.floor(r.width * i)), C = Math.max(1, Math.floor(r.height * i)), $ = Math.min(v, G), D = Math.min(C, G);
+      ), 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(i, i), y && (h && (y.backgroundColor = h), p && (y.penColor = p), y.clear(), M && M.length > 0 && y.fromData(M));
+      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 e = F.current;
@@ -258,38 +258,38 @@ const Ee = fe(
     }, [f, z]), H = A(async () => {
       var J;
       const e = ee(
-        typeof o == "number" ? `${o}` : String(o),
+        typeof i == "number" ? `${i}` : String(i),
         400
       ), r = ee(
-        typeof s == "number" ? `${s}` : String(s),
+        typeof o == "number" ? `${o}` : String(o),
         200
       );
-      let i = "", v = "", C;
+      let a = "", v = "", C;
       if (f === "draw") {
-        const l = b.current;
-        if (!l || l.isEmpty()) return null;
-        i = l.toDataURL("image/png"), v = l.toSVG(), C = l.toData();
+        const c = b.current;
+        if (!c || c.isEmpty()) return null;
+        a = c.toDataURL("image/png"), v = c.toSVG(), C = c.toData();
       } else {
-        const l = z.trim();
-        if (l.length === 0) return null;
-        i = Ae(
-          l,
+        const c = z.trim();
+        if (c.length === 0) return null;
+        a = Ae(
+          c,
           e,
           r,
           p || "currentColor",
           h || "transparent"
         ).toDataURL("image/png");
-        const O = l.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+        const O = c.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 $ = e * 25.4 / 96, D = r * 25.4 / 96, y = (/* @__PURE__ */ new Date()).toISOString();
       let M = "";
-      if (i) {
-        const l = i.indexOf(","), K = l >= 0 ? i.slice(l + 1) : "", O = Me(K);
+      if (a) {
+        const c = a.indexOf(","), K = c >= 0 ? a.slice(c + 1) : "", O = Me(K);
         M = await Ne(O);
       }
       const E = {
-        png: i,
+        png: a,
         svg: v,
         widthMm: $,
         heightMm: D,
@@ -301,8 +301,8 @@ const Ee = fe(
     }, [
       f,
       z,
+      i,
       o,
-      s,
       p,
       h,
       g
@@ -317,38 +317,38 @@ const Ee = fe(
       }),
       [P, U, I, H]
     );
-    const Z = d || I(), de = {
-      "--signature-width": Y(o, "var(--signature-default-width)"),
-      "--signature-height": Y(s, "var(--signature-default-height)")
+    const Z = u || I(), ue = {
+      "--signature-width": Y(i, "var(--signature-default-width)"),
+      "--signature-height": Y(o, "var(--signature-default-height)")
     };
     return /* @__PURE__ */ _(
       "div",
       {
         role: "region",
-        "aria-label": te ?? c("signature.padLabel"),
-        "aria-disabled": d || void 0,
+        "aria-label": te ?? d("signature.padLabel"),
+        "aria-disabled": u || void 0,
         className: [he(), re].filter(Boolean).join(" "),
-        style: de,
+        style: ue,
         "data-component": "signature-capture",
         children: [
           f === "draw" ? /* @__PURE__ */ m(
             "div",
             {
-              ref: ae,
+              ref: se,
               className: ye(),
               children: /* @__PURE__ */ m(
                 "canvas",
                 {
                   ref: F,
                   role: "img",
-                  "aria-label": c("signature.padLabel"),
+                  "aria-label": d("signature.padLabel"),
                   className: we(),
                   "data-testid": "signature-canvas"
                 }
               )
             }
-          ) : /* @__PURE__ */ _("label", { className: "flex flex-col gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ m("span", { className: "type-body-sm text-[var(--muted-foreground)]", children: c("signature.typedFallback.label") }),
+          ) : /* @__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(
               "input",
               {
@@ -357,9 +357,9 @@ const Ee = fe(
                 onChange: (e) => {
                   L(e.target.value), e.target.value.length > 0 ? g("drawing") : g("empty");
                 },
-                placeholder: c("signature.typedFallback.placeholder"),
-                "aria-label": c("signature.typedFallback.label"),
-                disabled: d,
+                placeholder: d("signature.typedFallback.placeholder"),
+                "aria-label": d("signature.typedFallback.label"),
+                disabled: u,
                 className: ze(),
                 "data-testid": "signature-typed-input"
               }
@@ -379,22 +379,22 @@ const Ee = fe(
               id: q,
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: "sr-only",
+              className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: se
+              children: oe
             }
           ),
-          /* @__PURE__ */ _("div", { className: xe(), role: "group", "aria-label": c("signature.padLabel"), children: [
+          /* @__PURE__ */ _("div", { className: xe(), role: "group", "aria-label": d("signature.padLabel"), children: [
             /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  d || P();
+                  u || P();
                 },
-                "aria-disabled": d || void 0,
+                "aria-disabled": u || void 0,
                 className: W(),
-                children: c("signature.clear")
+                children: d("signature.clear")
               }
             ),
             f === "draw" ? /* @__PURE__ */ m(
@@ -402,24 +402,24 @@ const Ee = fe(
               {
                 type: "button",
                 onClick: () => {
-                  d || U();
+                  u || U();
                 },
-                "aria-disabled": d || void 0,
+                "aria-disabled": u || void 0,
                 className: W(),
-                children: c("signature.undo")
+                children: d("signature.undo")
               }
             ) : null,
-            u ? /* @__PURE__ */ m(
+            l ? /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  d || (L(""), ie((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
+                  u || (L(""), ae((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
                 },
-                "aria-disabled": d || void 0,
+                "aria-disabled": u || void 0,
                 className: W(),
                 "aria-pressed": f === "typed",
-                children: c(f === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
+                children: d(f === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
               }
             ) : null,
             /* @__PURE__ */ m(
@@ -433,7 +433,7 @@ const Ee = fe(
                 "aria-describedby": q,
                 className: ke(),
                 "data-testid": "signature-confirm",
-                children: c("signature.confirm")
+                children: d("signature.confirm")
               }
             )
           ] })
@@ -482,4 +482,4 @@ export {
   Ee as S,
   De as s
 };
-//# sourceMappingURL=signature-capture.agent-L_1_-zVR.js.map
+//# sourceMappingURL=signature-capture.agent-4htVctJ2.js.map