@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/sidebar.agent-C9TM_ZDZ.js

@@ -0,0 +1,49 @@
+const i = {
+  id: "sidebar",
+  capabilities: ["expand", "select_single", "navigate"],
+  state: {
+    isCollapsed: {
+      type: "boolean",
+      description: "True when the sidebar is in its collapsed (rail) state.",
+      read: (e) => e.getIsCollapsed()
+    },
+    activeItem: {
+      type: "string | null",
+      description: "Id of the currently-active navigation item, or null.",
+      read: (e) => e.getActiveItem()
+    }
+  },
+  actions: {
+    toggle_collapsed: {
+      safety: "read",
+      description: "Toggle the sidebar between collapsed and expanded.",
+      invoke: (e) => {
+        e.toggleCollapsed();
+      }
+    },
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      description: "Mark the navigation item with the given id as active.",
+      invoke: (e, t) => {
+        e.selectItem(t.id);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sidebar" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-nav-id",
+      description: "Each Sidebar.Item emits its key as data-nav-id."
+    }
+  }
+};
+export {
+  i as s
+};
+//# sourceMappingURL=sidebar.agent-C9TM_ZDZ.js.map

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

@@ -1,9 +1,9 @@
-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 _, 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 { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as he } from "react-i18next";
+const ye = k(
   [
     "ds:signature-capture-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
@@ -12,7 +12,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(
+), we = k(
   [
     "ds:relative ds:block",
     "ds:inline-size-[var(--signature-width)]",
@@ -27,7 +27,7 @@ const he = x(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), we = x(
+), xe = k(
   [
     "ds:block",
     "ds:inline-size-full",
@@ -35,9 +35,9 @@ const he = x(
     "ds:touch-none",
     "ds:select-none"
   ].join(" ")
-), xe = x(
+), ke = k(
   ["ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]"].join(" ")
-), W = x(
+), W = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -57,7 +57,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(
+), ze = k(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -75,7 +75,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(
+), Ce = k(
   [
     "ds:block ds:inline-size-full",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -92,7 +92,7 @@ const he = x(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Ce = x(
+), Se = k(
   [
     "ds:flex ds:items-center ds:justify-center",
     "ds:inline-size-[var(--signature-width)]",
@@ -117,72 +117,73 @@ function ee(t, n) {
   const s = parseFloat(t);
   return Number.isFinite(s) ? s : n;
 }
-function Se(t) {
+function Me(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 Ne(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 Ae(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 Me(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 Ee(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 Te = ge(
   ({
-    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: te = !0,
     disabled: u = !1,
-    ariaLabel: te,
-    className: re
-  }, ne) => {
-    const { t: d } = be(), X = ge(), q = `${pe(
+    ariaLabel: re,
+    className: ne
+  }, se) => {
+    const { t: d } = he(), X = pe(), q = `${ve(
       () => `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);
+    )}-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 = s, j.current = n, R.current = t;
-    }, [s, n, t]);
+      V.current = o, j.current = s, R.current = n;
+    }, [o, s, n]);
     const g = A(
       (e) => {
-        ie.current = e, de(d(`signature.state.${e}`));
+        oe.current = e, ce(d(`signature.state.${e}`));
       },
       [d]
     );
     N(() => {
       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 ?? Q("--foreground"), m = c ?? Q("--background");
+        le(a || "currentColor"), ue(m || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -192,44 +193,44 @@ 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]), N(() => {
+      const e = h.current;
+      e && (v && (e.penColor = v), y && (e.backgroundColor = y));
+    }, [v, y]), N(() => {
       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 be(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 = () => {
+      }, 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;
+      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);
+      ), 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 y = b.current, M = y ? y.toData() : null;
+      const w = h.current, M = w ? w.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]);
+      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 e = F.current;
       if (!e) return;
@@ -244,16 +245,16 @@ const Ee = fe(
     }, [B]);
     const P = A(() => {
       var r;
-      const e = b.current;
+      const e = h.current;
       e && e.clear(), L(""), g("cleared"), (r = j.current) == null || r.call(j);
-    }, [g]), U = A(() => {
-      const e = b.current;
+    }, [g]), I = A(() => {
+      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 = A(() => {
       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;
@@ -261,39 +262,39 @@ const Ee = fe(
         typeof i == "number" ? `${i}` : String(i),
         400
       ), r = ee(
-        typeof o == "number" ? `${o}` : String(o),
+        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 = Ee(
           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>`;
+        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 $ = e * 25.4 / 96, D = r * 25.4 / 96, y = (/* @__PURE__ */ new Date()).toISOString();
+      const $ = e * 25.4 / 96, D = r * 25.4 / 96, w = (/* @__PURE__ */ new Date()).toISOString();
       let M = "";
       if (a) {
-        const l = a.indexOf(","), K = l >= 0 ? a.slice(l + 1) : "", O = Me(K);
-        M = await Ne(O);
+        const l = a.indexOf(","), K = l >= 0 ? a.slice(l + 1) : "", O = Ne(K);
+        M = await Ae(O);
       }
       const E = {
         png: a,
-        svg: v,
+        svg: m,
         widthMm: $,
         heightMm: D,
-        capturedAt: y,
+        capturedAt: w,
         sha256: M,
         strokes: C
       };
@@ -302,54 +303,55 @@ const Ee = fe(
       f,
       z,
       i,
-      o,
       p,
-      h,
+      v,
+      y,
       g
     ]);
-    ve(
-      ne,
+    me(
+      se,
       () => ({
         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 = {
+    const Z = u || U(), fe = {
       "--signature-width": Y(i, "var(--signature-default-width)"),
-      "--signature-height": Y(o, "var(--signature-default-height)")
+      "--signature-height": Y(p, "var(--signature-default-height)")
     };
     return /* @__PURE__ */ _(
       "div",
       {
         role: "region",
-        "aria-label": te ?? d("signature.padLabel"),
+        "aria-label": re ?? d("signature.padLabel"),
         "aria-disabled": u || void 0,
-        className: [he(), re].filter(Boolean).join(" "),
-        style: ue,
+        className: [ye(), ne].filter(Boolean).join(" "),
+        style: fe,
         "data-component": "signature-capture",
+        "data-component-id": t,
         children: [
-          f === "draw" ? /* @__PURE__ */ m(
+          f === "draw" ? /* @__PURE__ */ b(
             "div",
             {
-              ref: se,
-              className: ye(),
-              children: /* @__PURE__ */ m(
+              ref: ae,
+              className: we(),
+              children: /* @__PURE__ */ b(
                 "canvas",
                 {
                   ref: F,
                   role: "img",
                   "aria-label": d("signature.padLabel"),
-                  className: we(),
+                  className: xe(),
                   "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__ */ b("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: d("signature.typedFallback.label") }),
+            /* @__PURE__ */ b(
               "input",
               {
                 type: "text",
@@ -360,20 +362,20 @@ const Ee = fe(
                 placeholder: d("signature.typedFallback.placeholder"),
                 "aria-label": d("signature.typedFallback.label"),
                 disabled: u,
-                className: ze(),
+                className: Ce(),
                 "data-testid": "signature-typed-input"
               }
             ),
-            z ? /* @__PURE__ */ m(
+            z ? /* @__PURE__ */ b(
               "div",
               {
-                className: Ce(),
+                className: Se(),
                 "aria-hidden": "true",
                 children: z
               }
             ) : null
           ] }),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ b(
             "div",
             {
               id: q,
@@ -381,11 +383,11 @@ const Ee = fe(
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: oe
+              children: de
             }
           ),
-          /* @__PURE__ */ _("div", { className: xe(), role: "group", "aria-label": d("signature.padLabel"), children: [
-            /* @__PURE__ */ m(
+          /* @__PURE__ */ _("div", { className: ke(), role: "group", "aria-label": d("signature.padLabel"), children: [
+            /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
@@ -397,24 +399,24 @@ const Ee = fe(
                 children: d("signature.clear")
               }
             ),
-            f === "draw" ? /* @__PURE__ */ m(
+            f === "draw" ? /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  u || U();
+                  u || I();
                 },
                 "aria-disabled": u || void 0,
                 className: W(),
                 children: d("signature.undo")
               }
             ) : null,
-            c ? /* @__PURE__ */ m(
+            te ? /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
                 onClick: () => {
-                  u || (L(""), ae((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
+                  u || (L(""), ie((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
                 },
                 "aria-disabled": u || void 0,
                 className: W(),
@@ -422,7 +424,7 @@ const Ee = fe(
                 children: d(f === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
               }
             ) : null,
-            /* @__PURE__ */ m(
+            /* @__PURE__ */ b(
               "button",
               {
                 type: "button",
@@ -431,7 +433,7 @@ const Ee = fe(
                 },
                 "aria-disabled": Z || void 0,
                 "aria-describedby": q,
-                className: ke(),
+                className: ze(),
                 "data-testid": "signature-confirm",
                 children: d("signature.confirm")
               }
@@ -442,8 +444,8 @@ const Ee = fe(
     );
   }
 );
-Ee.displayName = "SignatureCapture";
-const De = {
+Te.displayName = "SignatureCapture";
+const Fe = {
   id: "signature-capture",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -475,11 +477,16 @@ const De = {
     }
   },
   domHooks: {
-    root: { attr: "data-component", value: "signature-capture" }
+    root: { attr: "data-component", value: "signature-capture" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
   }
 };
 export {
-  Ee as S,
-  De as s
+  Te as S,
+  Fe as s
 };
-//# sourceMappingURL=signature-capture.agent-C38VPXxg.js.map
+//# sourceMappingURL=signature-capture.agent-BpeDwFht.js.map