@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{audio-recorder-DjXLP4aF.js → audio-recorder-Cpdk5qpQ.js}

@@ -1,13 +1,13 @@
 import { jsxs as R, jsx as s, Fragment as se } from "react/jsx-runtime";
-import { forwardRef as ae, useReducer as ne, useState as x, useRef as l, useEffect as D, useCallback as h, useMemo as de, useImperativeHandle as ce } from "react";
+import { forwardRef as ne, useReducer as ae, useState as x, useRef as l, useEffect as N, useCallback as h, useMemo as de, useImperativeHandle as ce } from "react";
 import { c as oe } from "./index-D2ZczOXr.js";
 import { useTranslation as ue } from "react-i18next";
 import { B as G } from "./button-DD_0Xdmr.js";
-import { I as N } from "./icon-button-LqoiKcUN.js";
-import { S as pe } from "./select-CEtRcon5.js";
+import { I as D } from "./icon-button-LqoiKcUN.js";
+import { S as pe } from "./select-DMLG44F5.js";
 import { A as le } from "./audio-visualiser-l6zPd0AG.js";
-import { A as F } from "./alert-_mUKLmwA.js";
-import { u as me } from "./registry-nPAVE19X.js";
+import { A as F } from "./alert-CHYZ96tR.js";
+import { u as me } from "./registry-DvAUVLHh.js";
 import { M as fe } from "./mic-B4Gog3Gi.js";
 import { c as J } from "./createLucideIcon-CrFbzy84.js";
 import { S as ge } from "./square-CZoGU14v.js";
@@ -38,7 +38,7 @@ const ke = [
   ]
 ], be = J("play", ke), Re = {
   id: "audio-recorder",
-  capabilities: ["submit"],
+  capabilities: ["capture", "submit"],
   state: {
     isRecording: {
       type: "boolean",
@@ -62,8 +62,10 @@ const ke = [
   actions: {
     start_recording: {
       safety: "write",
+      returns: "void",
       descriptionKey: "ui.agent.audioRecorder.actions.startRecording",
       description: "Request microphone permission and begin recording.",
+      errors: ["Microphone permission denied", "No audio input device"],
       invoke: (r) => r.startRecording()
     },
     stop_recording: {
@@ -76,6 +78,7 @@ const ke = [
     },
     discard: {
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.audioRecorder.actions.discard",
       description: "Cancel the recording. Irreversible — the captured audio is dropped.",
       invoke: (r) => {
@@ -135,7 +138,7 @@ function we(r, u) {
       return r;
   }
 }
-const Ae = oe(
+const Me = oe(
   [
     "ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
@@ -152,7 +155,7 @@ const Ae = oe(
     },
     defaultVariants: { size: "md" }
   }
-), Me = [
+), Ae = [
   "audio/webm;codecs=opus",
   "audio/webm",
   "audio/mp4",
@@ -160,15 +163,15 @@ const Ae = oe(
 ];
 function xe() {
   if (!(typeof MediaRecorder > "u")) {
-    for (const r of Me)
+    for (const r of Ae)
       if (MediaRecorder.isTypeSupported(r)) return r;
   }
 }
-function De(r, u) {
+function Ne(r, u) {
   const m = Math.max(0, Math.floor(r / 1e3)), i = Math.floor(m / 60), f = m % 60, v = (S) => new Intl.NumberFormat(u, { minimumIntegerDigits: 2 }).format(S);
   return `${v(i)}:${v(f)}`;
 }
-const Ne = ae(
+const De = ne(
   ({
     size: r = "md",
     onRecordingComplete: u,
@@ -179,23 +182,23 @@ const Ne = ae(
     className: S,
     ...I
   }, Q) => {
-    const { t: d, i18n: W } = ue(), [t, p] = ne(we, { kind: "idle" }), [z, T] = x(null), [Y, Z] = x(Date.now()), [E, ee] = x([]), [w, te] = x(""), c = l(null), y = l([]), _ = l(0), V = l(0), g = l(null), B = l(!1), k = l(!1), H = l(0), b = typeof MediaRecorder < "u";
-    D(() => {
+    const { t: d, i18n: W } = ue(), [t, p] = ae(we, { kind: "idle" }), [z, T] = x(null), [Y, Z] = x(Date.now()), [E, ee] = x([]), [w, te] = x(""), c = l(null), y = l([]), _ = l(0), V = l(0), g = l(null), B = l(!1), k = l(!1), H = l(0), b = typeof MediaRecorder < "u";
+    N(() => {
       var e;
-      !b || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((a) => {
-        const o = a.filter((n) => n.kind === "audioinput");
+      !b || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((n) => {
+        const o = n.filter((a) => a.kind === "audioinput");
         ee(o);
       }).catch(() => {
       });
-    }, [b]), D(() => {
+    }, [b]), N(() => {
       if (t.kind !== "recording") return;
       const e = window.setInterval(() => Z(Date.now()), 250);
       return () => window.clearInterval(e);
     }, [t.kind]);
     const $ = h(() => {
       const e = g.current ?? z;
-      e == null || e.getTracks().forEach((a) => a.stop()), g.current = null, T(null);
-    }, [z]), A = h(async () => {
+      e == null || e.getTracks().forEach((n) => n.stop()), g.current = null, T(null);
+    }, [z]), M = h(async () => {
       if (!b) {
         p({ type: "error", kind: "unsupported" }), i == null || i("unsupported");
         return;
@@ -206,17 +209,17 @@ const Ne = ae(
           audio: w ? { deviceId: { exact: w } } : !0
         });
         if (B.current || k.current) {
-          e.getTracks().forEach((n) => n.stop());
+          e.getTracks().forEach((a) => a.stop());
           return;
         }
         g.current = e, T(e);
-        const a = xe(), o = new MediaRecorder(
+        const n = xe(), o = new MediaRecorder(
           e,
-          a ? { mimeType: a } : void 0
+          n ? { mimeType: n } : void 0
         );
-        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (n) => {
+        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (a) => {
           var X;
-          if (n.data && n.data.size > 0 && (y.current.push(n.data), _.current += n.data.size, typeof v == "number" && _.current >= v && ((X = c.current) == null ? void 0 : X.state) === "recording")) {
+          if (a.data && a.data.size > 0 && (y.current.push(a.data), _.current += a.data.size, typeof v == "number" && _.current >= v && ((X = c.current) == null ? void 0 : X.state) === "recording")) {
             i == null || i("max-size");
             try {
               c.current.stop();
@@ -225,16 +228,16 @@ const Ne = ae(
           }
         }, o.onstop = () => {
           if (!k.current) {
-            const n = new Blob(y.current, {
-              type: a ?? "audio/webm"
+            const a = new Blob(y.current, {
+              type: n ?? "audio/webm"
             });
-            u == null || u(n, V.current);
+            u == null || u(a, V.current);
           }
-          y.current = [], c.current = null, e.getTracks().forEach((n) => n.stop()), g.current = null, T(null), k.current = !1;
+          y.current = [], c.current = null, e.getTracks().forEach((a) => a.stop()), g.current = null, T(null), k.current = !1;
         }, H.current = performance.now(), o.start(1e3), p({ type: "start" });
       } catch (e) {
-        const a = e instanceof Error ? e.name : "";
-        a === "NotAllowedError" || a === "SecurityError" ? (p({ type: "error", kind: "permission-denied" }), i == null || i("permission-denied")) : a === "NotFoundError" || a === "OverconstrainedError" ? (p({ type: "error", kind: "no-device" }), i == null || i("no-device")) : (p({ type: "error", kind: "capture-failed" }), i == null || i("capture-failed"));
+        const n = e instanceof Error ? e.name : "";
+        n === "NotAllowedError" || n === "SecurityError" ? (p({ type: "error", kind: "permission-denied" }), i == null || i("permission-denied")) : n === "NotFoundError" || n === "OverconstrainedError" ? (p({ type: "error", kind: "no-device" }), i == null || i("no-device")) : (p({ type: "error", kind: "capture-failed" }), i == null || i("capture-failed"));
       }
     }, [i, u, w, b]), re = h(() => {
       var e;
@@ -245,8 +248,8 @@ const Ne = ae(
     }, []), q = h(() => {
       var e;
       if (t.kind === "recording" || t.kind === "paused") {
-        const a = t.startedAt, o = t.pausedMs, n = Date.now() - a - o;
-        V.current = Math.max(0, n), p({ type: "stop", duration: n });
+        const n = t.startedAt, o = t.pausedMs, a = Date.now() - n - o;
+        V.current = Math.max(0, a), p({ type: "stop", duration: a });
       }
       try {
         (e = c.current) == null || e.stop();
@@ -261,38 +264,38 @@ const Ne = ae(
       }
       y.current = [], c.current = null, $(), p({ type: "cancel" }), m == null || m();
     }, [$, m]);
-    D(() => {
+    N(() => {
       if (t.kind !== "recording" || typeof f != "number" || f <= 0) return;
-      const e = performance.now() - H.current - t.pausedMs, a = Math.max(0, f - e), o = window.setTimeout(() => {
-        var n;
-        if (((n = c.current) == null ? void 0 : n.state) === "recording") {
+      const e = performance.now() - H.current - t.pausedMs, n = Math.max(0, f - e), o = window.setTimeout(() => {
+        var a;
+        if (((a = c.current) == null ? void 0 : a.state) === "recording") {
           i == null || i("max-duration");
           try {
             c.current.stop();
           } catch {
           }
         }
-      }, a);
+      }, n);
       return () => window.clearTimeout(o);
-    }, [t, f, i]), D(() => () => {
-      var e, a;
+    }, [t, f, i]), N(() => () => {
+      var e, n;
       B.current = !0;
       try {
         (e = c.current) == null || e.stop();
       } catch {
       }
-      (a = g.current) == null || a.getTracks().forEach((o) => o.stop()), g.current = null;
+      (n = g.current) == null || n.getTracks().forEach((o) => o.stop()), g.current = null;
     }, []);
     const j = t.kind === "recording" ? Y - t.startedAt - t.pausedMs : t.kind === "paused" ? t.pausedAt - t.startedAt - t.pausedMs : t.kind === "stopped" ? t.duration : 0, P = de(
       () => ({
         isRecording: () => t.kind === "recording",
         getDuration: () => j,
         hasRecording: () => t.kind === "stopped",
-        startRecording: () => A(),
+        startRecording: () => M(),
         stopRecording: () => q(),
         discard: () => K()
       }),
-      [t, j, A, q, K]
+      [t, j, M, q, K]
     );
     ce(Q, () => P, [P]), me(Re, P, I.id);
     const C = E.map((e) => ({
@@ -313,13 +316,13 @@ const Ne = ae(
         case "error":
           return t.type === "permission-denied" ? d("chat.audio.permissionDenied") : t.type === "unsupported" ? d("chat.audio.unsupported") : d("chat.audio.idle");
       }
-    })(), M = t.kind === "recording", L = t.kind === "paused", U = t.kind === "error";
+    })(), A = t.kind === "recording", L = t.kind === "paused", U = t.kind === "error";
     return /* @__PURE__ */ R(
       "div",
       {
         "data-component": "audio-recorder",
         "data-component-id": I.id,
-        className: Ae({ size: r, className: S }),
+        className: Me({ size: r, className: S }),
         ...I,
         children: [
           /* @__PURE__ */ R("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
@@ -329,9 +332,9 @@ const Ne = ae(
                 "aria-hidden": "true",
                 className: [
                   "ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]",
-                  M ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
+                  A ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
                 ].join(" "),
-                children: M ? /* @__PURE__ */ s(
+                children: A ? /* @__PURE__ */ s(
                   "span",
                   {
                     className: [
@@ -359,7 +362,7 @@ const Ne = ae(
                 dir: "ltr",
                 "aria-hidden": "true",
                 className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
-                children: De(j, W.language)
+                children: Ne(j, W.language)
               }
             )
           ] }),
@@ -371,13 +374,13 @@ const Ne = ae(
                 intent: "primary",
                 size: "sm",
                 startIcon: /* @__PURE__ */ s(fe, {}),
-                onClick: A,
+                onClick: M,
                 disabled: !b,
                 children: d("chat.audio.record")
               }
             ) : null,
-            M ? /* @__PURE__ */ s(
-              N,
+            A ? /* @__PURE__ */ s(
+              D,
               {
                 icon: /* @__PURE__ */ s(ye, {}),
                 "aria-label": d("chat.audio.pause"),
@@ -387,7 +390,7 @@ const Ne = ae(
               }
             ) : null,
             L ? /* @__PURE__ */ s(
-              N,
+              D,
               {
                 icon: /* @__PURE__ */ s(be, {}),
                 "aria-label": d("chat.audio.resume"),
@@ -396,9 +399,9 @@ const Ne = ae(
                 onClick: ie
               }
             ) : null,
-            M || L ? /* @__PURE__ */ R(se, { children: [
+            A || L ? /* @__PURE__ */ R(se, { children: [
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
                   icon: /* @__PURE__ */ s(ge, {}),
                   "aria-label": d("chat.audio.stop"),
@@ -408,7 +411,7 @@ const Ne = ae(
                 }
               ),
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
                   icon: /* @__PURE__ */ s(he, {}),
                   "aria-label": d("chat.audio.cancel"),
@@ -432,16 +435,16 @@ const Ne = ae(
           ] }),
           U && t.kind === "error" ? /* @__PURE__ */ R(F, { variant: "error", live: "polite", children: [
             /* @__PURE__ */ s(F.Description, { children: O }),
-            t.type === "permission-denied" ? /* @__PURE__ */ s(F.Action, { children: /* @__PURE__ */ s(G, { intent: "ghost", size: "sm", onClick: A, children: d("chat.audio.retry") }) }) : null
+            t.type === "permission-denied" ? /* @__PURE__ */ s(F.Action, { children: /* @__PURE__ */ s(G, { intent: "ghost", size: "sm", onClick: M, children: d("chat.audio.retry") }) }) : null
           ] }) : null
         ]
       }
     );
   }
 );
-Ne.displayName = "AudioRecorder";
+De.displayName = "AudioRecorder";
 export {
-  Ne as A,
+  De as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-DjXLP4aF.js.map
+//# sourceMappingURL=audio-recorder-Cpdk5qpQ.js.map