@alfadocs/ui-kit 0.31.0 → 0.31.3

package/dist/_chunks/{audio-recorder-DL800PE_.js → audio-recorder-C1rhKhSN.js}

@@ -1,44 +1,44 @@
-import { jsxs as b, jsx as s, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as se, useReducer as ae, useState as x, useRef as m, useEffect as D, useCallback as h, useMemo as ne, useImperativeHandle as de } from "react";
-import { c as ce } from "./index-D2ZczOXr.js";
-import { useTranslation as oe } from "react-i18next";
-import { B as G } from "./button-DD_0Xdmr.js";
-import { I as N } from "./icon-button-DPEqBKBQ.js";
-import { S as ue } from "./select-C92AT_OZ.js";
-import { A as pe } from "./audio-visualiser-I-T4Z7EU.js";
+import { jsxs as R, jsx as s, Fragment as se } from "react/jsx-runtime";
+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 J } from "./button-DD_0Xdmr.js";
+import { I as D } from "./icon-button-CKEOrN37.js";
+import { S as pe } from "./select-hsCaJSX3.js";
+import { A as le } from "./audio-visualiser-l6zPd0AG.js";
 import { A as F } from "./alert-ywPR59NE.js";
-import { u as le } from "./registry-C9nwlNyL.js";
+import { u as me } from "./registry-nPAVE19X.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
-import { S as me } from "./square-CZoGU14v.js";
-import { X as fe } from "./x-CCcI3eJp.js";
+import { S as fe } from "./square-CZoGU14v.js";
+import { X as ge } from "./x-CCcI3eJp.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = [
+const he = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
-], he = V("mic", ge);
+], ve = V("mic", he);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = [
+const ye = [
   ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
   ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
-], ye = V("pause", ve);
+], ke = V("pause", ye);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ke = [
+const be = [
   [
     "path",
     {
@@ -46,7 +46,7 @@ const ke = [
       key: "10ikf1"
     }
   ]
-], be = V("play", ke), Re = {
+], Re = V("play", be), we = {
   id: "audio-recorder",
   capabilities: ["submit"],
   state: {
@@ -114,7 +114,7 @@ const ke = [
     }
   }
 };
-function we(r, u) {
+function Me(r, u) {
   switch (u.type) {
     case "request":
       return { kind: "requesting" };
@@ -145,7 +145,7 @@ function we(r, u) {
       return r;
   }
 }
-const Ae = ce(
+const Ae = 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",
@@ -162,71 +162,71 @@ const Ae = ce(
     },
     defaultVariants: { size: "md" }
   }
-), Me = [
+), xe = [
   "audio/webm;codecs=opus",
   "audio/webm",
   "audio/mp4",
   "audio/ogg;codecs=opus"
 ];
-function xe() {
+function Ne() {
   if (!(typeof MediaRecorder > "u")) {
-    for (const r of Me)
+    for (const r of xe)
       if (MediaRecorder.isTypeSupported(r)) return r;
   }
 }
 function De(r, u) {
-  const l = Math.max(0, Math.floor(r / 1e3)), i = Math.floor(l / 60), f = l % 60, v = (S) => new Intl.NumberFormat(u, { minimumIntegerDigits: 2 }).format(S);
+  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 = se(
+const Se = ne(
   ({
     size: r = "md",
     onRecordingComplete: u,
-    onCancel: l,
+    onCancel: m,
     onError: i,
     maxDurationMs: f = 1800 * 1e3,
     maxBytes: v = 250 * 1024 * 1024,
     className: S,
     ...I
-  }, J) => {
-    const { t: d, i18n: Q } = oe(), [t, p] = ae(we, { kind: "idle" }), [z, T] = x(null), [W, Y] = x(Date.now()), [Z, E] = x([]), [R, ee] = x(""), c = m(null), y = m([]), _ = m(0), $ = m(0), g = m(null), B = m(!1), w = m(!1), k = typeof MediaRecorder < "u";
-    D(() => {
+  }, Q) => {
+    const { t: d, i18n: W } = ue(), [t, p] = ae(Me, { kind: "idle" }), [z, T] = x(null), [Y, Z] = x(Date.now()), [E, ee] = x([]), [w, te] = x(""), c = l(null), y = l([]), _ = l(0), $ = l(0), g = l(null), B = l(!1), k = l(!1), H = l(0), b = typeof MediaRecorder < "u";
+    N(() => {
       var e;
-      !k || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((a) => {
-        const o = a.filter((n) => n.kind === "audioinput");
-        E(o);
+      !b || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((n) => {
+        const o = n.filter((a) => a.kind === "audioinput");
+        ee(o);
       }).catch(() => {
       });
-    }, [k]), D(() => {
+    }, [b]), N(() => {
       if (t.kind !== "recording") return;
-      const e = window.setInterval(() => Y(Date.now()), 250);
+      const e = window.setInterval(() => Z(Date.now()), 250);
       return () => window.clearInterval(e);
     }, [t.kind]);
-    const H = h(() => {
+    const C = h(() => {
       const e = g.current ?? z;
-      e == null || e.getTracks().forEach((a) => a.stop()), g.current = null, T(null);
-    }, [z]), A = h(async () => {
-      if (!k) {
+      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;
       }
-      p({ type: "request" }), w.current = !1;
+      p({ type: "request" }), k.current = !1;
       try {
         const e = await navigator.mediaDevices.getUserMedia({
-          audio: R ? { deviceId: { exact: R } } : !0
+          audio: w ? { deviceId: { exact: w } } : !0
         });
-        if (B.current) {
-          e.getTracks().forEach((n) => n.stop());
+        if (B.current || k.current) {
+          e.getTracks().forEach((a) => a.stop());
           return;
         }
         g.current = e, T(e);
-        const a = xe(), o = new MediaRecorder(
+        const n = Ne(), o = new MediaRecorder(
           e,
-          a ? { mimeType: a } : void 0
+          n ? { mimeType: n } : void 0
         );
-        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (n) => {
-          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")) {
+        c.current = o, y.current = [], _.current = 0, o.ondataavailable = (a) => {
+          var G;
+          if (a.data && a.data.size > 0 && (y.current.push(a.data), _.current += a.data.size, typeof v == "number" && _.current >= v && ((G = c.current) == null ? void 0 : G.state) === "recording")) {
             i == null || i("max-size");
             try {
               c.current.stop();
@@ -234,29 +234,29 @@ const Ne = se(
             }
           }
         }, o.onstop = () => {
-          if (!w.current) {
-            const n = new Blob(y.current, {
-              type: a ?? "audio/webm"
+          if (!k.current) {
+            const a = new Blob(y.current, {
+              type: n ?? "audio/webm"
             });
-            u == null || u(n, $.current);
+            u == null || u(a, $.current);
           }
-          y.current = [], c.current = null, e.getTracks().forEach((n) => n.stop()), g.current = null, T(null), w.current = !1;
-        }, o.start(1e3), p({ type: "start" });
+          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, R, k]), te = h(() => {
+    }, [i, u, w, b]), re = h(() => {
       var e;
       (e = c.current) == null || e.pause(), p({ type: "pause" });
-    }, []), re = h(() => {
+    }, []), ie = h(() => {
       var e;
       (e = c.current) == null || e.resume(), p({ type: "resume" });
     }, []), q = h(() => {
       var e;
       if (t.kind === "recording" || t.kind === "paused") {
-        const a = t.startedAt, o = t.pausedMs, n = Date.now() - a - o;
-        $.current = Math.max(0, n), p({ type: "stop", duration: n });
+        const n = t.startedAt, o = t.pausedMs, a = Date.now() - n - o;
+        $.current = Math.max(0, a), p({ type: "stop", duration: a });
       }
       try {
         (e = c.current) == null || e.stop();
@@ -264,51 +264,51 @@ const Ne = se(
       }
     }, [t]), K = h(() => {
       var e;
-      w.current = !0;
+      k.current = !0;
       try {
         (e = c.current) == null || e.stop();
       } catch {
       }
-      y.current = [], c.current = null, H(), p({ type: "cancel" }), l == null || l();
-    }, [H, l]);
-    D(() => {
+      y.current = [], c.current = null, C(), p({ type: "cancel" }), m == null || m();
+    }, [C, m]);
+    N(() => {
       if (t.kind !== "recording" || typeof f != "number" || f <= 0) return;
-      const e = Date.now() - t.startedAt - 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" ? W - t.startedAt - t.pausedMs : t.kind === "paused" ? t.pausedAt - t.startedAt - t.pausedMs : t.kind === "stopped" ? t.duration : 0, P = ne(
+    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]
     );
-    de(J, () => P, [P]), le(Re, P, I.id);
-    const C = Z.map((e) => ({
+    ce(Q, () => P, [P]), me(we, P, I.id);
+    const O = E.map((e) => ({
       value: e.deviceId,
       label: e.label || d("chat.audio.selectDevice")
-    })), O = (() => {
+    })), L = (() => {
       switch (t.kind) {
         case "idle":
           return d("chat.audio.idle");
@@ -323,8 +323,8 @@ const Ne = se(
         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";
-    return /* @__PURE__ */ b(
+    })(), A = t.kind === "recording", U = t.kind === "paused", X = t.kind === "error";
+    return /* @__PURE__ */ R(
       "div",
       {
         "data-component": "audio-recorder",
@@ -332,16 +332,16 @@ const Ne = se(
         className: Ae({ size: r, className: S }),
         ...I,
         children: [
-          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ R("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ s(
               "span",
               {
                 "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: [
@@ -355,7 +355,7 @@ const Ne = se(
               }
             ),
             /* @__PURE__ */ s(
-              pe,
+              le,
               {
                 stream: z,
                 size: "sm",
@@ -369,48 +369,48 @@ const Ne = se(
                 dir: "ltr",
                 "aria-hidden": "true",
                 className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
-                children: De(j, Q.language)
+                children: De(j, W.language)
               }
             )
           ] }),
-          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: O }),
-          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            t.kind === "idle" || t.kind === "stopped" || U ? /* @__PURE__ */ s(
-              G,
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: L }),
+          /* @__PURE__ */ R("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            t.kind === "idle" || t.kind === "stopped" || X ? /* @__PURE__ */ s(
+              J,
               {
                 intent: "primary",
                 size: "sm",
-                startIcon: /* @__PURE__ */ s(he, {}),
-                onClick: A,
-                disabled: !k,
+                startIcon: /* @__PURE__ */ s(ve, {}),
+                onClick: M,
+                disabled: !b,
                 children: d("chat.audio.record")
               }
             ) : null,
-            M ? /* @__PURE__ */ s(
-              N,
+            A ? /* @__PURE__ */ s(
+              D,
               {
-                icon: /* @__PURE__ */ s(ye, {}),
+                icon: /* @__PURE__ */ s(ke, {}),
                 "aria-label": d("chat.audio.pause"),
                 intent: "secondary",
                 size: "sm",
-                onClick: te
+                onClick: re
               }
             ) : null,
-            L ? /* @__PURE__ */ s(
-              N,
+            U ? /* @__PURE__ */ s(
+              D,
               {
-                icon: /* @__PURE__ */ s(be, {}),
+                icon: /* @__PURE__ */ s(Re, {}),
                 "aria-label": d("chat.audio.resume"),
                 intent: "secondary",
                 size: "sm",
-                onClick: re
+                onClick: ie
               }
             ) : null,
-            M || L ? /* @__PURE__ */ b(ie, { children: [
+            A || U ? /* @__PURE__ */ R(se, { children: [
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
-                  icon: /* @__PURE__ */ s(me, {}),
+                  icon: /* @__PURE__ */ s(fe, {}),
                   "aria-label": d("chat.audio.stop"),
                   intent: "primary",
                   size: "sm",
@@ -418,9 +418,9 @@ const Ne = se(
                 }
               ),
               /* @__PURE__ */ s(
-                N,
+                D,
                 {
-                  icon: /* @__PURE__ */ s(fe, {}),
+                  icon: /* @__PURE__ */ s(ge, {}),
                   "aria-label": d("chat.audio.cancel"),
                   intent: "ghost",
                   size: "sm",
@@ -428,30 +428,30 @@ const Ne = se(
                 }
               )
             ] }) : null,
-            t.kind === "idle" && C.length > 1 ? /* @__PURE__ */ s("div", { className: "ds:ms-auto ds:min-w-[160px]", children: /* @__PURE__ */ s(
-              ue,
+            t.kind === "idle" && O.length > 1 ? /* @__PURE__ */ s("div", { className: "ds:ms-auto ds:min-w-[160px]", children: /* @__PURE__ */ s(
+              pe,
               {
                 "aria-label": d("chat.audio.selectDevice"),
-                options: C,
-                value: R,
-                onValueChange: (e) => ee(e),
+                options: O,
+                value: w,
+                onValueChange: (e) => te(e),
                 size: "sm",
                 clearable: !0
               }
             ) }) : null
           ] }),
-          U && t.kind === "error" ? /* @__PURE__ */ b(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
+          X && t.kind === "error" ? /* @__PURE__ */ R(F, { variant: "error", live: "polite", children: [
+            /* @__PURE__ */ s(F.Description, { children: L }),
+            t.type === "permission-denied" ? /* @__PURE__ */ s(F.Action, { children: /* @__PURE__ */ s(J, { intent: "ghost", size: "sm", onClick: M, children: d("chat.audio.retry") }) }) : null
           ] }) : null
         ]
       }
     );
   }
 );
-Ne.displayName = "AudioRecorder";
+Se.displayName = "AudioRecorder";
 export {
-  Ne as A,
-  Re as a
+  Se as A,
+  we as a
 };
-//# sourceMappingURL=audio-recorder-DL800PE_.js.map
+//# sourceMappingURL=audio-recorder-C1rhKhSN.js.map

package/dist/_chunks/audio-visualiser-l6zPd0AG.js

@@ -0,0 +1,162 @@
+import { jsxs as _, jsx as V } from "react/jsx-runtime";
+import { forwardRef as $, useRef as i, useState as G, useEffect as m, useMemo as H, useId as J } from "react";
+import { c as K } from "./index-D2ZczOXr.js";
+import { useTranslation as O } from "react-i18next";
+const Q = K(
+  [
+    "ds:relative ds:inline-flex ds:items-end ds:justify-center",
+    // 2px gap is a visual-tuning value (sub-token): the bars need a pixel
+    // comma between them that would look like padding at --spacing-xs (4px).
+    "ds:gap-[2px]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:bg-transparent",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-6 ds:min-w-[120px] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+        md: "ds:h-10 ds:min-w-[160px] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
+        lg: "ds:h-14 ds:min-w-[220px] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), W = $(
+  ({
+    stream: p,
+    size: k = "md",
+    barCount: s = 32,
+    deviceName: R,
+    label: q,
+    className: B,
+    ...N
+  }, P) => {
+    const { t: j } = O(), d = i([]), o = i(null), h = i(null), l = i(null), v = i(null), g = i(null), [x, F] = G(!1), z = i(x);
+    m(() => {
+      var n;
+      if (typeof window > "u") return;
+      const e = window.matchMedia("(prefers-reduced-motion: reduce)");
+      F(e.matches);
+      const r = () => F(e.matches);
+      return (n = e.addEventListener) == null || n.call(e, "change", r), () => {
+        var a;
+        return (a = e.removeEventListener) == null ? void 0 : a.call(e, "change", r);
+      };
+    }, []), m(() => {
+      z.current = x;
+    }, [x]), m(() => {
+      if (!p) {
+        d.current.forEach((t) => {
+          t == null || t.style.setProperty("--bar-height", "10%");
+        });
+        return;
+      }
+      const e = window.AudioContext || window.webkitAudioContext;
+      if (!e) return;
+      let r = !1;
+      const n = new e(), a = n.createAnalyser();
+      a.fftSize = 256;
+      const w = n.createMediaStreamSource(p);
+      if (w.connect(a), r) {
+        try {
+          w.disconnect();
+        } catch {
+        }
+        try {
+          a.disconnect();
+        } catch {
+        }
+        n.close().catch(() => {
+        });
+        return;
+      }
+      h.current = n, l.current = a, v.current = w, g.current = new Uint8Array(a.frequencyBinCount);
+      let L = 0;
+      const b = (t) => {
+        var S;
+        if (r) return;
+        if (z.current && t - L < 250) {
+          o.current = requestAnimationFrame(b);
+          return;
+        }
+        L = t;
+        const c = g.current, u = l.current;
+        if (!c || !u) return;
+        u.getByteFrequencyData(
+          c
+        );
+        const A = Math.max(1, Math.floor(c.length / s));
+        for (let f = 0; f < s; f += 1) {
+          let T = 0;
+          for (let M = 0; M < A; M += 1)
+            T += c[f * A + M] ?? 0;
+          const C = T / A, U = Math.max(8, Math.min(100, C / 255 * 100));
+          (S = d.current[f]) == null || S.style.setProperty("--bar-height", `${U}%`);
+        }
+        o.current = requestAnimationFrame(b);
+      };
+      return o.current = requestAnimationFrame(b), () => {
+        var t, c, u;
+        r = !0, o.current !== null && cancelAnimationFrame(o.current), o.current = null;
+        try {
+          (t = v.current) == null || t.disconnect();
+        } catch {
+        }
+        try {
+          (c = l.current) == null || c.disconnect();
+        } catch {
+        }
+        (u = h.current) == null || u.close().catch(() => {
+        }), h.current = null, l.current = null, v.current = null, g.current = null;
+      };
+    }, [p, s]);
+    const D = H(() => Array.from({ length: s }), [s]);
+    m(() => {
+      d.current.length > s && (d.current.length = s);
+    }, [s]);
+    const I = q ?? j("chat.audio.visualiserLabel"), y = R ? j("chat.audio.device", { name: R }) : null, E = J();
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        ref: P,
+        role: "img",
+        "aria-label": I,
+        "aria-describedby": y ? E : void 0,
+        "data-component": "audio-visualiser",
+        className: Q({ size: k, className: B }),
+        ...N,
+        children: [
+          D.map((e, r) => /* @__PURE__ */ V(
+            "div",
+            {
+              ref: (n) => {
+                d.current[r] = n;
+              },
+              "aria-hidden": "true",
+              className: [
+                "ds:inline-block ds:w-[3px] ds:min-w-[3px]",
+                "ds:bg-[color:var(--primary)]",
+                "ds:forced-colors:bg-[CanvasText]",
+                "ds:rounded-[1px]",
+                "ds:transition-[height] ds:duration-[var(--duration-fast)] ds:motion-reduce:transition-none",
+                // Height is runtime-computed — applied via --bar-height CSS var
+                // set on the element (inline style is limited to --bar-height; the
+                // element never receives a position/size class via style).
+                "ds:[block-size:var(--bar-height,10%)]"
+              ].join(" "),
+              style: { "--bar-height": "10%" }
+            },
+            r
+          )),
+          y ? /* @__PURE__ */ V("span", { id: E, className: "ds:sr-only", children: y }) : null
+        ]
+      }
+    );
+  }
+);
+W.displayName = "AudioVisualiser";
+export {
+  W as A
+};
+//# sourceMappingURL=audio-visualiser-l6zPd0AG.js.map

package/dist/_chunks/{autocomplete-CUh0f7Dj.js → autocomplete-DIgdhCGJ.js}

@@ -10,7 +10,7 @@ import { u as tt } from "./use-controllable-state-BiY4xTzM.js";
 import { g as st } from "./group-options-BvKhQ3xb.js";
 import { I as nt, a as S, b as K, c as ot } from "./input-surface-xyERuLU_.js";
 import { u as at } from "./use-debounced-callback-BisrB-Fq.js";
-import { u as rt } from "./registry-C9nwlNyL.js";
+import { u as rt } from "./registry-nPAVE19X.js";
 const it = {
   id: "autocomplete",
   capabilities: ["filter", "pick", "open", "close"],
@@ -466,4 +466,4 @@ export {
   it as a,
   dt as b
 };
-//# sourceMappingURL=autocomplete-CUh0f7Dj.js.map
+//# sourceMappingURL=autocomplete-DIgdhCGJ.js.map