@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{sign-in-with-alfadocs-button-BN_FPGHT.js → sign-in-with-alfadocs-button-B9UrqOqH.js}

@@ -1,10 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as L, useRef as c, useEffect as b } from "react";
 import { useTranslation as y } from "react-i18next";
-import { B as E } from "./button-7mLWcMp_.js";
-import { L as I } from "./logo-BpFoCL-s.js";
-import { S as g } from "./spinner-GCcv67vh.js";
-const A = /* @__PURE__ */ new Set(["primary", "secondary", "tonal"]), B = L(
+import { B as E } from "./button-DD_0Xdmr.js";
+import { L as I } from "./logo-_Z-jLq80.js";
+import { S as g } from "./spinner-DLaYfLPl.js";
+const A = /* @__PURE__ */ new Set([
+  "primary",
+  "secondary",
+  "tonal"
+]), B = L(
   ({
     intent: r = "primary",
     size: n,
@@ -42,4 +46,4 @@ B.displayName = "SignInWithAlfadocsButton";
 export {
   B as S
 };
-//# sourceMappingURL=sign-in-with-alfadocs-button-BN_FPGHT.js.map
+//# sourceMappingURL=sign-in-with-alfadocs-button-B9UrqOqH.js.map

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

@@ -1,9 +1,49 @@
-import { jsxs as _, jsx as b } from "react/jsx-runtime";
-import { forwardRef as ge, useId as pe, useMemo as ve, useRef as S, useState as T, useEffect as N, useCallback as A, useImperativeHandle as me } from "react";
-import be from "signature_pad";
+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 he } from "react-i18next";
-const ye = k(
+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 ye = k(
     "ds:p-[var(--spacing-sm)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), we = k(
+), ze = k(
   [
     "ds:relative ds:block",
     "ds:inline-size-[var(--signature-width)]",
@@ -27,7 +67,7 @@ const ye = k(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), xe = k(
+), Ce = k(
   [
     "ds:block",
     "ds:inline-size-full",
@@ -35,9 +75,9 @@ const ye = k(
     "ds:touch-none",
     "ds:select-none"
   ].join(" ")
-), ke = k(
+), Se = k(
   ["ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]"].join(" ")
-), W = k(
+), X = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -57,7 +97,7 @@ const ye = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), ze = k(
+), Ae = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -75,7 +115,7 @@ const ye = k(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), Ce = k(
+), Me = k(
   [
     "ds:block ds:inline-size-full",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -92,7 +132,7 @@ const ye = k(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Se = k(
+), Ne = k(
   [
     "ds:flex ds:items-center ds:justify-center",
     "ds:inline-size-[var(--signature-width)]",
@@ -107,17 +147,17 @@ const ye = k(
     "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 Me(t) {
+function Ee(t) {
   let n = "";
   for (let s = 0; s < t.length; s += 1) {
     const o = t[s];
@@ -125,7 +165,7 @@ function Me(t) {
   }
   return n;
 }
-function Ne(t) {
+function Re(t) {
   if (typeof atob == "function") {
     const s = atob(t), o = new Uint8Array(s.length);
     for (let i = 0; i < s.length; i += 1) o[i] = s.charCodeAt(i);
@@ -134,24 +174,27 @@ function Ne(t) {
   const n = globalThis;
   return n.Buffer ? n.Buffer.from(t, "base64") : new Uint8Array();
 }
-async function Ae(t) {
+async function Te(t) {
   var s;
   const n = globalThis;
   if ((s = n.crypto) != null && s.subtle) {
     const o = new Uint8Array(t.byteLength);
     o.set(t);
     const i = await n.crypto.subtle.digest("SHA-256", o.buffer);
-    return Me(new Uint8Array(i));
+    return Ee(new Uint8Array(i));
   }
   return "";
 }
-function Ee(t, n, s, o, i) {
-  const p = Math.max(1, typeof window < "u" ? window.devicePixelRatio : 1), x = document.createElement("canvas");
+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 Te = ge(
+const je = ve(
   ({
     id: t,
     onConfirm: n,
@@ -161,29 +204,29 @@ const Te = ge(
     height: p = 200,
     penColor: x,
     backgroundColor: c,
-    allowTypedFallback: te = !0,
+    allowTypedFallback: ne = !0,
     disabled: u = !1,
-    ariaLabel: re,
-    className: ne
-  }, se) => {
-    const { t: d } = he(), X = pe(), q = `${ve(
-      () => `sig-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [X]
-    )}-live`, ae = S(null), F = S(null), h = S(null), [f, ie] = T("draw"), [z, L] = T(""), oe = S("empty"), [de, ce] = T(""), [v, le] = T(""), [y, ue] = T(""), V = S(o), j = S(s), R = S(n);
-    N(() => {
-      V.current = o, j.current = s, R.current = n;
+    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 = A(
+    const g = N(
       (e) => {
-        oe.current = e, ce(d(`signature.state.${e}`));
+        ce.current = e, ue(d(`signature.state.${e}`));
       },
       [d]
     );
-    N(() => {
+    M(() => {
       if (typeof document > "u") return;
       function e() {
-        const a = x ?? Q("--foreground"), m = c ?? Q("--background");
-        le(a || "currentColor"), ue(m || "transparent");
+        const a = x ?? ee("--foreground"), m = c ?? ee("--background");
+        fe(a || "currentColor"), ge(m || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -193,14 +236,14 @@ const Te = ge(
         attributes: !0,
         attributeFilter: ["class"]
       }), () => r.disconnect();
-    }, [x, c]), N(() => {
+    }, [x, c]), M(() => {
       const e = h.current;
       e && (v && (e.penColor = v), y && (e.backgroundColor = y));
-    }, [v, y]), N(() => {
+    }, [v, y]), M(() => {
       if (f !== "draw") return;
       const e = F.current;
       if (!e) return;
-      const r = new be(e, {
+      const r = new he(e, {
         penColor: v || "currentColor",
         backgroundColor: y || "transparent",
         minWidth: 0.5,
@@ -210,28 +253,32 @@ const Te = ge(
       h.current = r;
       const a = () => {
         var C;
-        g("drawing"), (C = V.current) == null || C.call(V);
+        g("drawing"), (C = T.current) == null || C.call(T);
       }, m = () => {
       };
       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(() => {
+    }, [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
-      ), m = Math.max(1, Math.floor(r.width * a)), C = Math.max(1, Math.floor(r.height * a)), $ = Math.min(m, G), D = Math.min(C, G);
-      if (e.width === $ && e.height === D) return;
-      const w = h.current, M = 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(), M && M.length > 0 && w.fromData(M));
-    }, [y, v]);
-    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") {
@@ -243,25 +290,25 @@ const Te = ge(
       });
       return r.observe(e), () => r.disconnect();
     }, [B]);
-    const P = A(() => {
+    const P = N(() => {
       var r;
       const e = h.current;
-      e && e.clear(), L(""), g("cleared"), (r = j.current) == null || r.call(j);
-    }, [g]), I = A(() => {
+      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]), U = A(() => {
+    }, [g]), U = N(() => {
       if (f === "typed") return z.trim().length === 0;
       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(
+      ), r = re(
         typeof p == "number" ? `${p}` : String(p),
         200
       );
@@ -273,21 +320,21 @@ const Te = ge(
       } else {
         const l = z.trim();
         if (l.length === 0) return null;
-        a = Ee(
+        a = Ve(
           l,
           e,
           r,
           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;");
-        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">${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, w = (/* @__PURE__ */ new Date()).toISOString();
-      let M = "";
+      let A = "";
       if (a) {
-        const l = a.indexOf(","), K = l >= 0 ? a.slice(l + 1) : "", O = Ne(K);
-        M = await Ae(O);
+        const l = a.indexOf(","), Q = l >= 0 ? a.slice(l + 1) : "", _ = Re(Q);
+        A = await Te(_);
       }
       const E = {
         png: a,
@@ -295,21 +342,11 @@ const Te = ge(
         widthMm: $,
         heightMm: D,
         capturedAt: w,
-        sha256: M,
+        sha256: A,
         strokes: C
       };
-      return g("captured"), (J = R.current) == null || J.call(R, E), E;
-    }, [
-      f,
-      z,
-      i,
-      p,
-      v,
-      y,
-      g
-    ]);
-    me(
-      se,
+      return g("captured"), (K = j.current) == null || K.call(j, E), E;
+    }, [f, z, i, p, v, y, g]), O = Y(
       () => ({
         clear: P,
         undo: I,
@@ -318,38 +355,38 @@ const Te = ge(
       }),
       [P, I, U, H]
     );
-    const Z = u || U(), fe = {
-      "--signature-width": Y(i, "var(--signature-default-width)"),
-      "--signature-height": Y(p, "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": re ?? d("signature.padLabel"),
+        role: "group",
+        "aria-label": se ?? d("signature.padLabel"),
         "aria-disabled": u || void 0,
-        className: [ye(), ne].filter(Boolean).join(" "),
-        style: fe,
+        className: [ke(), ae].filter(Boolean).join(" "),
+        style: pe,
         "data-component": "signature-capture",
         "data-component-id": t,
         children: [
-          f === "draw" ? /* @__PURE__ */ b(
-            "div",
+          f === "draw" ? /* @__PURE__ */ b("div", { ref: oe, className: ze(), children: /* @__PURE__ */ b(
+            "canvas",
             {
-              ref: ae,
-              className: we(),
-              children: /* @__PURE__ */ b(
-                "canvas",
-                {
-                  ref: F,
-                  role: "img",
-                  "aria-label": d("signature.padLabel"),
-                  className: xe(),
-                  "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__ */ 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",
@@ -362,131 +399,92 @@ const Te = ge(
                 placeholder: d("signature.typedFallback.placeholder"),
                 "aria-label": d("signature.typedFallback.label"),
                 disabled: u,
-                className: Ce(),
+                className: Me(),
                 "data-testid": "signature-typed-input"
               }
             ),
-            z ? /* @__PURE__ */ b(
-              "div",
-              {
-                className: Se(),
-                "aria-hidden": "true",
-                children: z
-              }
-            ) : null
+            z ? /* @__PURE__ */ b("div", { className: Ne(), "aria-hidden": "true", children: z }) : null
           ] }),
           /* @__PURE__ */ b(
             "div",
             {
-              id: q,
+              id: G,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: de
+              children: le
             }
           ),
-          /* @__PURE__ */ _("div", { className: ke(), role: "group", "aria-label": d("signature.padLabel"), children: [
-            /* @__PURE__ */ b(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || P();
-                },
-                "aria-disabled": u || void 0,
-                className: W(),
-                children: d("signature.clear")
-              }
-            ),
-            f === "draw" ? /* @__PURE__ */ b(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || I();
-                },
-                "aria-disabled": u || void 0,
-                className: W(),
-                children: d("signature.undo")
-              }
-            ) : null,
-            te ? /* @__PURE__ */ b(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  u || (L(""), ie((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__ */ b(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  Z || H();
-                },
-                "aria-disabled": Z || void 0,
-                "aria-describedby": q,
-                className: ze(),
-                "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")
+                  }
+                )
+              ]
+            }
+          )
         ]
       }
     );
   }
 );
-Te.displayName = "SignatureCapture";
-const Fe = {
-  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."
-    }
-  }
-};
+je.displayName = "SignatureCapture";
 export {
-  Te as S,
-  Fe as s
+  je as S,
+  xe as s
 };
-//# sourceMappingURL=signature-capture.agent-BpeDwFht.js.map
+//# sourceMappingURL=signature-capture-DjMlFOzS.js.map