@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/audio-recorder-B4U1LuiQ.js

@@ -0,0 +1,457 @@
+import { jsxs as b, jsx as s, Fragment as re } 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-C4CGcYuz.js";
+import { S as ue } from "./select-y6bXV1f1.js";
+import { A as pe } from "./audio-visualiser-ByDEFLNm.js";
+import { A as F } from "./alert-B1sj8Ss0.js";
+import { u as le } from "./registry-C9nwlNyL.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";
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+], be = V("play", ke), Re = {
+  id: "audio-recorder",
+  capabilities: ["submit"],
+  state: {
+    isRecording: {
+      type: "boolean",
+      descriptionKey: "ui.agent.audioRecorder.state.isRecording",
+      description: "True while actively capturing audio (not paused).",
+      read: (i) => i.isRecording()
+    },
+    duration: {
+      type: "number",
+      descriptionKey: "ui.agent.audioRecorder.state.duration",
+      description: "Elapsed recording time in milliseconds (paused time excluded).",
+      read: (i) => i.getDuration()
+    },
+    hasRecording: {
+      type: "boolean",
+      descriptionKey: "ui.agent.audioRecorder.state.hasRecording",
+      description: "True when a completed recording is available for submission.",
+      read: (i) => i.hasRecording()
+    }
+  },
+  actions: {
+    start_recording: {
+      safety: "write",
+      descriptionKey: "ui.agent.audioRecorder.actions.startRecording",
+      description: "Request microphone permission and begin recording.",
+      invoke: (i) => i.startRecording()
+    },
+    stop_recording: {
+      safety: "write",
+      descriptionKey: "ui.agent.audioRecorder.actions.stopRecording",
+      description: "Stop the current recording and finalise the blob.",
+      invoke: (i) => {
+        i.stopRecording();
+      }
+    },
+    discard: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.audioRecorder.actions.discard",
+      description: "Cancel the recording. Irreversible — the captured audio is dropped.",
+      invoke: (i) => {
+        i.discard();
+      }
+    },
+    submit: {
+      safety: "write",
+      descriptionKey: "ui.agent.audioRecorder.actions.submit",
+      description: "Stop the active recording, finalising it via onRecordingComplete.",
+      invoke: (i) => {
+        i.stopRecording();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "audio-recorder",
+      description: "Marks the AudioRecorder wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+function we(i, u) {
+  switch (u.type) {
+    case "request":
+      return { kind: "requesting" };
+    case "start":
+      return { kind: "recording", startedAt: Date.now(), pausedMs: 0 };
+    case "pause":
+      return i.kind !== "recording" ? i : {
+        kind: "paused",
+        startedAt: i.startedAt,
+        pausedMs: i.pausedMs,
+        pausedAt: Date.now()
+      };
+    case "resume":
+      return i.kind !== "paused" ? i : {
+        kind: "recording",
+        startedAt: i.startedAt,
+        pausedMs: i.pausedMs + (Date.now() - i.pausedAt)
+      };
+    case "stop":
+      return { kind: "stopped", duration: u.duration };
+    case "cancel":
+      return { kind: "idle" };
+    case "error":
+      return { kind: "error", type: u.kind };
+    case "reset":
+      return { kind: "idle" };
+    default:
+      return i;
+  }
+}
+const Ae = ce(
+  [
+    "ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+    "ds:bg-background"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Me = [
+  "audio/webm;codecs=opus",
+  "audio/webm",
+  "audio/mp4",
+  "audio/ogg;codecs=opus"
+];
+function xe() {
+  if (!(typeof MediaRecorder > "u")) {
+    for (const i of Me)
+      if (MediaRecorder.isTypeSupported(i)) return i;
+  }
+}
+function De(i, u) {
+  const l = Math.max(0, Math.floor(i / 1e3)), r = Math.floor(l / 60), f = l % 60, v = (S) => new Intl.NumberFormat(u, { minimumIntegerDigits: 2 }).format(S);
+  return `${v(r)}:${v(f)}`;
+}
+const Ne = se(
+  ({
+    size: i = "md",
+    onRecordingComplete: u,
+    onCancel: l,
+    onError: r,
+    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(() => {
+      var e;
+      !k || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((a) => {
+        const o = a.filter((n) => n.kind === "audioinput");
+        E(o);
+      }).catch(() => {
+      });
+    }, [k]), D(() => {
+      if (t.kind !== "recording") return;
+      const e = window.setInterval(() => Y(Date.now()), 250);
+      return () => window.clearInterval(e);
+    }, [t.kind]);
+    const H = 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) {
+        p({ type: "error", kind: "unsupported" }), r == null || r("unsupported");
+        return;
+      }
+      p({ type: "request" }), w.current = !1;
+      try {
+        const e = await navigator.mediaDevices.getUserMedia({
+          audio: R ? { deviceId: { exact: R } } : !0
+        });
+        if (B.current) {
+          e.getTracks().forEach((n) => n.stop());
+          return;
+        }
+        g.current = e, T(e);
+        const a = xe(), o = new MediaRecorder(
+          e,
+          a ? { mimeType: a } : 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")) {
+            r == null || r("max-size");
+            try {
+              c.current.stop();
+            } catch {
+            }
+          }
+        }, o.onstop = () => {
+          if (!w.current) {
+            const n = new Blob(y.current, {
+              type: a ?? "audio/webm"
+            });
+            u == null || u(n, $.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" });
+      } catch (e) {
+        const a = e instanceof Error ? e.name : "";
+        a === "NotAllowedError" || a === "SecurityError" ? (p({ type: "error", kind: "permission-denied" }), r == null || r("permission-denied")) : a === "NotFoundError" || a === "OverconstrainedError" ? (p({ type: "error", kind: "no-device" }), r == null || r("no-device")) : (p({ type: "error", kind: "capture-failed" }), r == null || r("capture-failed"));
+      }
+    }, [r, u, R, k]), te = h(() => {
+      var e;
+      (e = c.current) == null || e.pause(), p({ type: "pause" });
+    }, []), 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 });
+      }
+      try {
+        (e = c.current) == null || e.stop();
+      } catch {
+      }
+    }, [t]), K = h(() => {
+      var e;
+      w.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(() => {
+      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") {
+          r == null || r("max-duration");
+          try {
+            c.current.stop();
+          } catch {
+          }
+        }
+      }, a);
+      return () => window.clearTimeout(o);
+    }, [t, f, r]), D(() => () => {
+      var e, a;
+      B.current = !0;
+      try {
+        (e = c.current) == null || e.stop();
+      } catch {
+      }
+      (a = g.current) == null || a.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(
+      () => ({
+        isRecording: () => t.kind === "recording",
+        getDuration: () => j,
+        hasRecording: () => t.kind === "stopped",
+        startRecording: () => A(),
+        stopRecording: () => q(),
+        discard: () => K()
+      }),
+      [t, j, A, q, K]
+    );
+    de(J, () => P, [P]), le(Re, P, I.id);
+    const C = Z.map((e) => ({
+      value: e.deviceId,
+      label: e.label || d("ui.chat.audio.selectDevice")
+    })), O = (() => {
+      switch (t.kind) {
+        case "idle":
+          return d("ui.chat.audio.idle");
+        case "requesting":
+          return d("ui.common.loading");
+        case "recording":
+          return d("ui.chat.audio.recording");
+        case "paused":
+          return d("ui.chat.audio.paused");
+        case "stopped":
+          return d("ui.chat.audio.idle");
+        case "error":
+          return t.type === "permission-denied" ? d("ui.chat.audio.permissionDenied") : t.type === "unsupported" ? d("ui.chat.audio.unsupported") : d("ui.chat.audio.idle");
+      }
+    })(), M = t.kind === "recording", L = t.kind === "paused", U = t.kind === "error";
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        "data-component": "audio-recorder",
+        "data-component-id": I.id,
+        className: Ae({ size: i, className: S }),
+        ...I,
+        children: [
+          /* @__PURE__ */ b("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)]"
+                ].join(" "),
+                children: M ? /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: [
+                      "ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)]",
+                      "ds:bg-[color:var(--destructive)]",
+                      "ds:motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]",
+                      "ds:[.theme-accessible_&]:animate-none"
+                    ].join(" ")
+                  }
+                ) : null
+              }
+            ),
+            /* @__PURE__ */ s(
+              pe,
+              {
+                stream: z,
+                size: "sm",
+                "aria-hidden": "true",
+                className: "ds:flex-1"
+              }
+            ),
+            /* @__PURE__ */ s(
+              "time",
+              {
+                dir: "ltr",
+                "aria-hidden": "true",
+                className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
+                children: De(j, Q.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,
+              {
+                intent: "primary",
+                size: "sm",
+                startIcon: /* @__PURE__ */ s(he, {}),
+                onClick: A,
+                disabled: !k,
+                children: d("ui.chat.audio.record")
+              }
+            ) : null,
+            M ? /* @__PURE__ */ s(
+              N,
+              {
+                icon: /* @__PURE__ */ s(ye, {}),
+                "aria-label": d("ui.chat.audio.pause"),
+                intent: "secondary",
+                size: "sm",
+                onClick: te
+              }
+            ) : null,
+            L ? /* @__PURE__ */ s(
+              N,
+              {
+                icon: /* @__PURE__ */ s(be, {}),
+                "aria-label": d("ui.chat.audio.resume"),
+                intent: "secondary",
+                size: "sm",
+                onClick: ie
+              }
+            ) : null,
+            M || L ? /* @__PURE__ */ b(re, { children: [
+              /* @__PURE__ */ s(
+                N,
+                {
+                  icon: /* @__PURE__ */ s(me, {}),
+                  "aria-label": d("ui.chat.audio.stop"),
+                  intent: "primary",
+                  size: "sm",
+                  onClick: q
+                }
+              ),
+              /* @__PURE__ */ s(
+                N,
+                {
+                  icon: /* @__PURE__ */ s(fe, {}),
+                  "aria-label": d("ui.chat.audio.cancel"),
+                  intent: "ghost",
+                  size: "sm",
+                  onClick: K
+                }
+              )
+            ] }) : null,
+            t.kind === "idle" && C.length > 1 ? /* @__PURE__ */ s("div", { className: "ds:ms-auto ds:min-w-[160px]", children: /* @__PURE__ */ s(
+              ue,
+              {
+                "aria-label": d("ui.chat.audio.selectDevice"),
+                options: C,
+                value: R,
+                onValueChange: (e) => ee(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("ui.chat.audio.retry") }) }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+Ne.displayName = "AudioRecorder";
+export {
+  Ne as A,
+  Re as a
+};
+//# sourceMappingURL=audio-recorder-B4U1LuiQ.js.map

package/dist/_chunks/audio-recorder-B4U1LuiQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-recorder-B4U1LuiQ.js","sources":["../../node_modules/lucide-react/dist/esm/icons/mic.js","../../node_modules/lucide-react/dist/esm/icons/pause.js","../../node_modules/lucide-react/dist/esm/icons/play.js","../../src/components/audio-recorder/audio-recorder.agent.ts","../../src/components/audio-recorder/audio-recorder.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 19v3\", key: \"npa21l\" }],\n  [\"path\", { d: \"M19 10v2a7 7 0 0 1-14 0v-2\", key: \"1vc78b\" }],\n  [\"rect\", { x: \"9\", y: \"2\", width: \"6\", height: \"13\", rx: \"3\", key: \"s6n7sd\" }]\n];\nconst Mic = createLucideIcon(\"mic\", __iconNode);\n\nexport { __iconNode, Mic as default };\n//# sourceMappingURL=mic.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\",\n      key: \"10ikf1\"\n    }\n  ]\n];\nconst Play = createLucideIcon(\"play\", __iconNode);\n\nexport { __iconNode, Play as default };\n//# sourceMappingURL=play.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AudioRecorder.                                         */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AudioRecorderHandle } from './audio-recorder';\n\nexport const audioRecorderAgent: AgentAdapter<AudioRecorderHandle> = {\n  id: 'audio-recorder',\n  capabilities: ['submit'],\n  state: {\n    isRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.isRecording',\n      description: 'True while actively capturing audio (not paused).',\n      read: (handle) => handle.isRecording(),\n    },\n    duration: {\n      type: 'number',\n      descriptionKey: 'ui.agent.audioRecorder.state.duration',\n      description:\n        'Elapsed recording time in milliseconds (paused time excluded).',\n      read: (handle) => handle.getDuration(),\n    },\n    hasRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.hasRecording',\n      description:\n        'True when a completed recording is available for submission.',\n      read: (handle) => handle.hasRecording(),\n    },\n  },\n  actions: {\n    start_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.startRecording',\n      description: 'Request microphone permission and begin recording.',\n      invoke: (handle) => handle.startRecording(),\n    },\n    stop_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.stopRecording',\n      description: 'Stop the current recording and finalise the blob.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n    discard: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.audioRecorder.actions.discard',\n      description:\n        'Cancel the recording. Irreversible — the captured audio is dropped.',\n      invoke: (handle) => {\n        handle.discard();\n      },\n    },\n    submit: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.submit',\n      description:\n        'Stop the active recording, finalising it via onRecordingComplete.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'audio-recorder',\n      description: 'Marks the AudioRecorder wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Mic, Pause, Play, Square, X } from 'lucide-react';\nimport { IconButton, Button } from '../button';\nimport { Select, type SelectOption } from '../select/select';\nimport { AudioVisualiser } from '../audio-visualiser';\nimport { Alert } from '../alert';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { audioRecorderAgent } from './audio-recorder.agent';\n\ntype State =\n  | { kind: 'idle' }\n  | { kind: 'requesting' }\n  | { kind: 'recording'; startedAt: number; pausedMs: number }\n  | { kind: 'paused'; startedAt: number; pausedMs: number; pausedAt: number }\n  | { kind: 'stopped'; duration: number }\n  | {\n      kind: 'error';\n      type:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    };\n\ntype Action =\n  | { type: 'request' }\n  | { type: 'start' }\n  | { type: 'pause' }\n  | { type: 'resume' }\n  | { type: 'stop'; duration: number }\n  | { type: 'cancel' }\n  | {\n      type: 'error';\n      kind:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    }\n  | { type: 'reset' };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'request':\n      return { kind: 'requesting' };\n    case 'start':\n      return { kind: 'recording', startedAt: Date.now(), pausedMs: 0 };\n    case 'pause':\n      if (state.kind !== 'recording') return state;\n      return {\n        kind: 'paused',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs,\n        pausedAt: Date.now(),\n      };\n    case 'resume':\n      if (state.kind !== 'paused') return state;\n      return {\n        kind: 'recording',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs + (Date.now() - state.pausedAt),\n      };\n    case 'stop':\n      return { kind: 'stopped', duration: action.duration };\n    case 'cancel':\n      return { kind: 'idle' };\n    case 'error':\n      return { kind: 'error', type: action.kind };\n    case 'reset':\n      return { kind: 'idle' };\n    default:\n      return state;\n  }\n}\n\nconst rootVariants = cva(\n  [\n    'ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:bg-background',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst MIME_PREFERENCES = [\n  'audio/webm;codecs=opus',\n  'audio/webm',\n  'audio/mp4',\n  'audio/ogg;codecs=opus',\n];\n\nfunction pickMimeType(): string | undefined {\n  if (typeof MediaRecorder === 'undefined') return undefined;\n  for (const mime of MIME_PREFERENCES) {\n    if (MediaRecorder.isTypeSupported(mime)) return mime;\n  }\n  return undefined;\n}\n\nfunction formatTimer(ms: number, locale: string): string {\n  const total = Math.max(0, Math.floor(ms / 1000));\n  const minutes = Math.floor(total / 60);\n  const seconds = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(minutes)}:${fmt(seconds)}`;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface AudioRecorderHandle {\n  isRecording: () => boolean;\n  getDuration: () => number;\n  hasRecording: () => boolean;\n  startRecording: () => Promise<void> | void;\n  stopRecording: () => void;\n  discard: () => void;\n}\n\nexport interface AudioRecorderProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onError'>,\n    VariantProps<typeof rootVariants> {\n  /** Called on stop with the final blob + duration in ms. */\n  onRecordingComplete?: (blob: Blob, durationMs: number) => void;\n  /** Called when recording is cancelled. */\n  onCancel?: () => void;\n  /** Called when an error occurs. */\n  onError?: (\n    error:\n      | 'permission-denied'\n      | 'no-device'\n      | 'unsupported'\n      | 'capture-failed'\n      | 'max-duration'\n      | 'max-size',\n  ) => void;\n  /**\n   * Auto-stop after this many milliseconds of active recording. Default\n   * 30 minutes. Set `null` to disable.\n   */\n  maxDurationMs?: number | null;\n  /**\n   * Auto-stop when the accumulated blob chunks exceed this many bytes.\n   * Default 250 MB. Set `null` to disable.\n   */\n  maxBytes?: number | null;\n}\n\nexport const AudioRecorder = forwardRef<\n  AudioRecorderHandle,\n  AudioRecorderProps\n>(\n  (\n    {\n      size = 'md',\n      onRecordingComplete,\n      onCancel,\n      onError,\n      maxDurationMs = 30 * 60 * 1000,\n      maxBytes = 250 * 1024 * 1024,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [state, dispatch] = useReducer(reducer, { kind: 'idle' });\n    const [stream, setStream] = useState<MediaStream | null>(null);\n    const [now, setNow] = useState<number>(Date.now());\n    const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\n    const [selectedDeviceId, setSelectedDeviceId] = useState<string>('');\n\n    const recorderRef = useRef<MediaRecorder | null>(null);\n    const chunksRef = useRef<Blob[]>([]);\n    // Running total of bytes accumulated in `chunksRef` — reading\n    // `chunksRef.current.reduce(...)` on every ondataavailable scales\n    // poorly; maintain the sum incrementally instead.\n    const byteCountRef = useRef<number>(0);\n    const durationAtStopRef = useRef<number>(0);\n    // Tracks the *currently-held* MediaStream in a ref so the unmount\n    // cleanup effect (which closes over [] deps) sees the latest value.\n    // Without this, a unmount while getUserMedia is pending would never\n    // stop() tracks and the browser mic indicator stays on.\n    const streamRef = useRef<MediaStream | null>(null);\n    // Flips to true on unmount; consulted inside the getUserMedia promise\n    // resolution so we don't try to setStream() on a dead component and\n    // so the freshly-acquired tracks get released immediately.\n    const unmountedRef = useRef<boolean>(false);\n    // Flips to true when cancel() is called; the onstop handler reads it\n    // so `onRecordingComplete` is NOT invoked on a cancel path with a blank\n    // blob. Reset on each recording start.\n    const cancelledRef = useRef<boolean>(false);\n\n    const supported = typeof MediaRecorder !== 'undefined';\n\n    /* ── Enumerate devices once (after any prior permission grant) ── */\n    useEffect(() => {\n      if (!supported || !navigator.mediaDevices?.enumerateDevices) return;\n      navigator.mediaDevices\n        .enumerateDevices()\n        .then((list) => {\n          const mics = list.filter((d) => d.kind === 'audioinput');\n          setDevices(mics);\n        })\n        .catch(() => {\n          /* ignore */\n        });\n    }, [supported]);\n\n    /* ── Timer tick ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      const handle = window.setInterval(() => setNow(Date.now()), 250);\n      return () => window.clearInterval(handle);\n    }, [state.kind]);\n\n    const cleanupStream = useCallback(() => {\n      const held = streamRef.current ?? stream;\n      held?.getTracks().forEach((t) => t.stop());\n      streamRef.current = null;\n      setStream(null);\n    }, [stream]);\n\n    const requestAndStart = useCallback(async () => {\n      if (!supported) {\n        dispatch({ type: 'error', kind: 'unsupported' });\n        onError?.('unsupported');\n        return;\n      }\n      dispatch({ type: 'request' });\n      cancelledRef.current = false;\n      try {\n        const nextStream = await navigator.mediaDevices.getUserMedia({\n          audio: selectedDeviceId\n            ? { deviceId: { exact: selectedDeviceId } }\n            : true,\n        });\n        // Guard against the component unmounting between the permission\n        // prompt and the promise resolution — otherwise the freshly-acquired\n        // tracks leak and the browser's mic indicator stays live.\n        if (unmountedRef.current) {\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          return;\n        }\n        streamRef.current = nextStream;\n        setStream(nextStream);\n        const mimeType = pickMimeType();\n        const recorder = new MediaRecorder(\n          nextStream,\n          mimeType ? { mimeType } : undefined,\n        );\n        recorderRef.current = recorder;\n        chunksRef.current = [];\n        byteCountRef.current = 0;\n        recorder.ondataavailable = (event) => {\n          if (event.data && event.data.size > 0) {\n            chunksRef.current.push(event.data);\n            byteCountRef.current += event.data.size;\n            // Byte-cap: auto-stop if the recording would exceed maxBytes.\n            // Cheaper than summing on every tick; stop once and bail.\n            if (\n              typeof maxBytes === 'number' &&\n              byteCountRef.current >= maxBytes &&\n              recorderRef.current?.state === 'recording'\n            ) {\n              onError?.('max-size');\n              try {\n                recorderRef.current.stop();\n              } catch {\n                /* ignore */\n              }\n            }\n          }\n        };\n        recorder.onstop = () => {\n          // Cancel path: drop the blob on the floor — consumers who called\n          // cancel() must not receive a silent empty recording.\n          if (!cancelledRef.current) {\n            const blob = new Blob(chunksRef.current, {\n              type: mimeType ?? 'audio/webm',\n            });\n            onRecordingComplete?.(blob, durationAtStopRef.current);\n          }\n          chunksRef.current = [];\n          recorderRef.current = null;\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          streamRef.current = null;\n          setStream(null);\n          cancelledRef.current = false;\n        };\n        recorder.start(1000);\n        dispatch({ type: 'start' });\n      } catch (err: unknown) {\n        const errorName = err instanceof Error ? err.name : '';\n        if (errorName === 'NotAllowedError' || errorName === 'SecurityError') {\n          dispatch({ type: 'error', kind: 'permission-denied' });\n          onError?.('permission-denied');\n        } else if (\n          errorName === 'NotFoundError' ||\n          errorName === 'OverconstrainedError'\n        ) {\n          dispatch({ type: 'error', kind: 'no-device' });\n          onError?.('no-device');\n        } else {\n          dispatch({ type: 'error', kind: 'capture-failed' });\n          onError?.('capture-failed');\n        }\n      }\n    }, [onError, onRecordingComplete, selectedDeviceId, supported]);\n\n    const pause = useCallback(() => {\n      recorderRef.current?.pause();\n      dispatch({ type: 'pause' });\n    }, []);\n\n    const resume = useCallback(() => {\n      recorderRef.current?.resume();\n      dispatch({ type: 'resume' });\n    }, []);\n\n    const stop = useCallback(() => {\n      if (state.kind === 'recording' || state.kind === 'paused') {\n        const started = state.startedAt;\n        const pausedMs = state.pausedMs;\n        const duration = Date.now() - started - pausedMs;\n        durationAtStopRef.current = Math.max(0, duration);\n        dispatch({ type: 'stop', duration: duration });\n      }\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* stop() throws on non-recording state; safe to swallow */\n      }\n    }, [state]);\n\n    const cancel = useCallback(() => {\n      // Flip the cancelled flag BEFORE asking MediaRecorder to stop so the\n      // async onstop handler sees it and skips onRecordingComplete.\n      cancelledRef.current = true;\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* ignore */\n      }\n      chunksRef.current = [];\n      recorderRef.current = null;\n      cleanupStream();\n      dispatch({ type: 'cancel' });\n      onCancel?.();\n    }, [cleanupStream, onCancel]);\n\n    /* ── Max-duration auto-stop ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      if (typeof maxDurationMs !== 'number' || maxDurationMs <= 0) return;\n      const alreadyElapsed = Date.now() - state.startedAt - state.pausedMs;\n      const remaining = Math.max(0, maxDurationMs - alreadyElapsed);\n      const handle = window.setTimeout(() => {\n        if (recorderRef.current?.state === 'recording') {\n          onError?.('max-duration');\n          try {\n            recorderRef.current.stop();\n          } catch {\n            /* ignore */\n          }\n        }\n      }, remaining);\n      return () => window.clearTimeout(handle);\n    }, [state, maxDurationMs, onError]);\n\n    /* ── Unmount cleanup: release mic if still held ── */\n    useEffect(() => {\n      return () => {\n        unmountedRef.current = true;\n        try {\n          recorderRef.current?.stop();\n        } catch {\n          /* ignore */\n        }\n        // Use streamRef so we see a stream that was acquired by an\n        // in-flight getUserMedia resolution — not just the one captured\n        // by the closure at mount.\n        streamRef.current?.getTracks().forEach((tr) => tr.stop());\n        streamRef.current = null;\n      };\n    }, []);\n\n    const elapsedMs =\n      state.kind === 'recording'\n        ? now - state.startedAt - state.pausedMs\n        : state.kind === 'paused'\n          ? state.pausedAt - state.startedAt - state.pausedMs\n          : state.kind === 'stopped'\n            ? state.duration\n            : 0;\n\n    const agentHandle = useMemo<AudioRecorderHandle>(\n      () => ({\n        isRecording: () => state.kind === 'recording',\n        getDuration: () => elapsedMs,\n        hasRecording: () => state.kind === 'stopped',\n        startRecording: () => requestAndStart(),\n        stopRecording: () => stop(),\n        discard: () => cancel(),\n      }),\n      [state, elapsedMs, requestAndStart, stop, cancel],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(audioRecorderAgent, agentHandle, rest.id);\n\n    const deviceOptions: SelectOption<string>[] = devices.map((d) => ({\n      value: d.deviceId,\n      label: d.label || t('ui.chat.audio.selectDevice'),\n    }));\n\n    const statusText = (() => {\n      switch (state.kind) {\n        case 'idle':\n          return t('ui.chat.audio.idle');\n        case 'requesting':\n          return t('ui.common.loading');\n        case 'recording':\n          return t('ui.chat.audio.recording');\n        case 'paused':\n          return t('ui.chat.audio.paused');\n        case 'stopped':\n          return t('ui.chat.audio.idle');\n        case 'error':\n          if (state.type === 'permission-denied')\n            return t('ui.chat.audio.permissionDenied');\n          if (state.type === 'unsupported')\n            return t('ui.chat.audio.unsupported');\n          return t('ui.chat.audio.idle');\n      }\n    })();\n\n    const isRecording = state.kind === 'recording';\n    const isPaused = state.kind === 'paused';\n    const hasError = state.kind === 'error';\n\n    return (\n      <div\n        data-component=\"audio-recorder\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <span\n            aria-hidden=\"true\"\n            className={[\n              'ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]',\n              isRecording\n                ? 'ds:bg-[color:var(--destructive)]'\n                : 'ds:bg-[color:var(--muted)]',\n            ].join(' ')}\n          >\n            {isRecording ? (\n              <span\n                className={[\n                  'ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)]',\n                  'ds:bg-[color:var(--destructive)]',\n                  'ds:motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]',\n                  'ds:[.theme-accessible_&]:animate-none',\n                ].join(' ')}\n              />\n            ) : null}\n          </span>\n          <AudioVisualiser\n            stream={stream}\n            size=\"sm\"\n            aria-hidden=\"true\"\n            className=\"ds:flex-1\"\n          />\n          <time\n            dir=\"ltr\"\n            aria-hidden=\"true\"\n            className=\"ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]\"\n          >\n            {formatTimer(elapsedMs, i18n.language)}\n          </time>\n        </div>\n\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {statusText}\n        </span>\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {state.kind === 'idle' || state.kind === 'stopped' || hasError ? (\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              startIcon={<Mic />}\n              onClick={requestAndStart}\n              disabled={!supported}\n            >\n              {t('ui.chat.audio.record')}\n            </Button>\n          ) : null}\n          {isRecording ? (\n            <IconButton\n              icon={<Pause />}\n              aria-label={t('ui.chat.audio.pause')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={pause}\n            />\n          ) : null}\n          {isPaused ? (\n            <IconButton\n              icon={<Play />}\n              aria-label={t('ui.chat.audio.resume')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={resume}\n            />\n          ) : null}\n          {isRecording || isPaused ? (\n            <>\n              <IconButton\n                icon={<Square />}\n                aria-label={t('ui.chat.audio.stop')}\n                intent=\"primary\"\n                size=\"sm\"\n                onClick={stop}\n              />\n              <IconButton\n                icon={<X />}\n                aria-label={t('ui.chat.audio.cancel')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={cancel}\n              />\n            </>\n          ) : null}\n          {state.kind === 'idle' && deviceOptions.length > 1 ? (\n            <div className=\"ds:ms-auto ds:min-w-[160px]\">\n              <Select\n                aria-label={t('ui.chat.audio.selectDevice')}\n                options={deviceOptions}\n                value={selectedDeviceId}\n                onValueChange={(v) => setSelectedDeviceId(v)}\n                size=\"sm\"\n                clearable\n              />\n            </div>\n          ) : null}\n        </div>\n\n        {hasError && state.kind === 'error' ? (\n          <Alert variant=\"error\" live=\"polite\">\n            <Alert.Description>{statusText}</Alert.Description>\n            {state.type === 'permission-denied' ? (\n              <Alert.Action>\n                <Button intent=\"ghost\" size=\"sm\" onClick={requestAndStart}>\n                  {t('ui.chat.audio.retry')}\n                </Button>\n              </Alert.Action>\n            ) : null}\n          </Alert>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAudioRecorder.displayName = 'AudioRecorder';\n"],"names":["__iconNode","Mic","createLucideIcon","Pause","Play","audioRecorderAgent","handle","reducer","state","action","rootVariants","cva","MIME_PREFERENCES","pickMimeType","mime","formatTimer","ms","locale","total","minutes","seconds","fmt","n","AudioRecorder","forwardRef","size","onRecordingComplete","onCancel","onError","maxDurationMs","maxBytes","className","rest","ref","t","i18n","useTranslation","dispatch","useReducer","stream","setStream","useState","now","setNow","devices","setDevices","selectedDeviceId","setSelectedDeviceId","recorderRef","useRef","chunksRef","byteCountRef","durationAtStopRef","streamRef","unmountedRef","cancelledRef","supported","useEffect","_a","list","mics","d","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","deviceOptions","statusText","isRecording","isPaused","hasError","jsxs","jsx","AudioVisualiser","Button","IconButton","Fragment","Square","X","Select","v","Alert"],"mappings":";;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,8BAA8B,KAAK,SAAQ,CAAE;AAAA,EAC3D,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,KAAK,OAAO,KAAK,QAAQ,MAAM,IAAI,KAAK,KAAK,SAAQ,CAAE;AAC/E,GACMC,KAAMC,EAAiB,OAAOF,EAAU;ACd9C;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,MAAM,GAAG,KAAK,OAAO,KAAK,QAAQ,MAAM,IAAI,KAAK,KAAK,SAAQ,CAAE;AAAA,EAC9E,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,KAAK,OAAO,KAAK,QAAQ,MAAM,IAAI,KAAK,KAAK,SAAQ,CAAE;AAC/E,GACMG,KAAQD,EAAiB,SAASF,EAAU;ACblD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,GACMI,KAAOF,EAAiB,QAAQF,EAAU,GCXnCK,KAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ;AAAA,EACvB,OAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,YAAA;AAAA,IAAY;AAAA,IAEvC,UAAU;AAAA,MACR,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,YAAA;AAAA,IAAY;AAAA,IAEvC,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,aAAA;AAAA,IAAa;AAAA,EACxC;AAAA,EAEF,SAAS;AAAA,IACP,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAWA,EAAO,eAAA;AAAA,IAAe;AAAA,IAE5C,gBAAgB;AAAA,MACd,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,cAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,cAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;ACzBA,SAASC,GAAQC,GAAcC,GAAuB;AACpD,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO,EAAE,MAAM,aAAA;AAAA,IACjB,KAAK;AACH,aAAO,EAAE,MAAM,aAAa,WAAW,KAAK,IAAA,GAAO,UAAU,EAAA;AAAA,IAC/D,KAAK;AACH,aAAID,EAAM,SAAS,cAAoBA,IAChC;AAAA,QACL,MAAM;AAAA,QACN,WAAWA,EAAM;AAAA,QACjB,UAAUA,EAAM;AAAA,QAChB,UAAU,KAAK,IAAA;AAAA,MAAI;AAAA,IAEvB,KAAK;AACH,aAAIA,EAAM,SAAS,WAAiBA,IAC7B;AAAA,QACL,MAAM;AAAA,QACN,WAAWA,EAAM;AAAA,QACjB,UAAUA,EAAM,YAAY,KAAK,IAAA,IAAQA,EAAM;AAAA,MAAA;AAAA,IAEnD,KAAK;AACH,aAAO,EAAE,MAAM,WAAW,UAAUC,EAAO,SAAA;AAAA,IAC7C,KAAK;AACH,aAAO,EAAE,MAAM,OAAA;AAAA,IACjB,KAAK;AACH,aAAO,EAAE,MAAM,SAAS,MAAMA,EAAO,KAAA;AAAA,IACvC,KAAK;AACH,aAAO,EAAE,MAAM,OAAA;AAAA,IACjB;AACE,aAAOD;AAAA,EAAA;AAEb;AAEA,MAAME,KAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAEMC,KAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAASC,KAAmC;AAC1C,MAAI,SAAO,gBAAkB;AAC7B,eAAWC,KAAQF;AACjB,UAAI,cAAc,gBAAgBE,CAAI,EAAG,QAAOA;AAAA;AAGpD;AAEA,SAASC,GAAYC,GAAYC,GAAwB;AACvD,QAAMC,IAAQ,KAAK,IAAI,GAAG,KAAK,MAAMF,IAAK,GAAI,CAAC,GACzCG,IAAU,KAAK,MAAMD,IAAQ,EAAE,GAC/BE,IAAUF,IAAQ,IAClBG,IAAM,CAACC,MACX,IAAI,KAAK,aAAaL,GAAQ,EAAE,sBAAsB,EAAA,CAAG,EAAE,OAAOK,CAAC;AACrE,SAAO,GAAGD,EAAIF,CAAO,CAAC,IAAIE,EAAID,CAAO,CAAC;AACxC;AA0CO,MAAMG,KAAgBC;AAAA,EAI3B,CACE;AAAA,IACE,MAAAC,IAAO;AAAA,IACP,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB,OAAU;AAAA,IAC1B,UAAAC,IAAW,MAAM,OAAO;AAAA,IACxB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,GAAA,GACd,CAAC5B,GAAO6B,CAAQ,IAAIC,GAAW/B,IAAS,EAAE,MAAM,QAAQ,GACxD,CAACgC,GAAQC,CAAS,IAAIC,EAA6B,IAAI,GACvD,CAACC,GAAKC,CAAM,IAAIF,EAAiB,KAAK,KAAK,GAC3C,CAACG,GAASC,CAAU,IAAIJ,EAA4B,CAAA,CAAE,GACtD,CAACK,GAAkBC,EAAmB,IAAIN,EAAiB,EAAE,GAE7DO,IAAcC,EAA6B,IAAI,GAC/CC,IAAYD,EAAe,EAAE,GAI7BE,IAAeF,EAAe,CAAC,GAC/BG,IAAoBH,EAAe,CAAC,GAKpCI,IAAYJ,EAA2B,IAAI,GAI3CK,IAAeL,EAAgB,EAAK,GAIpCM,IAAeN,EAAgB,EAAK,GAEpCO,IAAY,OAAO,gBAAkB;AAG3C,IAAAC,EAAU,MAAM;;AACd,MAAI,CAACD,KAAa,GAACE,IAAA,UAAU,iBAAV,QAAAA,EAAwB,qBAC3C,UAAU,aACP,iBAAA,EACA,KAAK,CAACC,MAAS;AACd,cAAMC,IAAOD,EAAK,OAAO,CAACE,MAAMA,EAAE,SAAS,YAAY;AACvD,QAAAhB,EAAWe,CAAI;AAAA,MACjB,CAAC,EACA,MAAM,MAAM;AAAA,MAEb,CAAC;AAAA,IACL,GAAG,CAACJ,CAAS,CAAC,GAGdC,EAAU,MAAM;AACd,UAAIjD,EAAM,SAAS,YAAa;AAChC,YAAMF,IAAS,OAAO,YAAY,MAAMqC,EAAO,KAAK,KAAK,GAAG,GAAG;AAC/D,aAAO,MAAM,OAAO,cAAcrC,CAAM;AAAA,IAC1C,GAAG,CAACE,EAAM,IAAI,CAAC;AAEf,UAAMsD,IAAgBC,EAAY,MAAM;AACtC,YAAMC,IAAOX,EAAU,WAAWd;AAClC,MAAAyB,KAAA,QAAAA,EAAM,YAAY,QAAQ,CAAC9B,MAAMA,EAAE,SACnCmB,EAAU,UAAU,MACpBb,EAAU,IAAI;AAAA,IAChB,GAAG,CAACD,CAAM,CAAC,GAEL0B,IAAkBF,EAAY,YAAY;AAC9C,UAAI,CAACP,GAAW;AACd,QAAAnB,EAAS,EAAE,MAAM,SAAS,MAAM,eAAe,GAC/CT,KAAA,QAAAA,EAAU;AACV;AAAA,MACF;AACA,MAAAS,EAAS,EAAE,MAAM,WAAW,GAC5BkB,EAAa,UAAU;AACvB,UAAI;AACF,cAAMW,IAAa,MAAM,UAAU,aAAa,aAAa;AAAA,UAC3D,OAAOpB,IACH,EAAE,UAAU,EAAE,OAAOA,EAAA,MACrB;AAAA,QAAA,CACL;AAID,YAAIQ,EAAa,SAAS;AACxB,UAAAY,EAAW,YAAY,QAAQ,CAACC,MAAOA,EAAG,MAAM;AAChD;AAAA,QACF;AACA,QAAAd,EAAU,UAAUa,GACpB1B,EAAU0B,CAAU;AACpB,cAAME,IAAWvD,GAAA,GACXwD,IAAW,IAAI;AAAA,UACnBH;AAAA,UACAE,IAAW,EAAE,UAAAA,EAAA,IAAa;AAAA,QAAA;AAE5B,QAAApB,EAAY,UAAUqB,GACtBnB,EAAU,UAAU,CAAA,GACpBC,EAAa,UAAU,GACvBkB,EAAS,kBAAkB,CAACC,MAAU;;AACpC,cAAIA,EAAM,QAAQA,EAAM,KAAK,OAAO,MAClCpB,EAAU,QAAQ,KAAKoB,EAAM,IAAI,GACjCnB,EAAa,WAAWmB,EAAM,KAAK,MAIjC,OAAOxC,KAAa,YACpBqB,EAAa,WAAWrB,OACxB4B,IAAAV,EAAY,YAAZ,gBAAAU,EAAqB,WAAU,cAC/B;AACA,YAAA9B,KAAA,QAAAA,EAAU;AACV,gBAAI;AACF,cAAAoB,EAAY,QAAQ,KAAA;AAAA,YACtB,QAAQ;AAAA,YAER;AAAA,UACF;AAAA,QAEJ,GACAqB,EAAS,SAAS,MAAM;AAGtB,cAAI,CAACd,EAAa,SAAS;AACzB,kBAAMgB,IAAO,IAAI,KAAKrB,EAAU,SAAS;AAAA,cACvC,MAAMkB,KAAY;AAAA,YAAA,CACnB;AACD,YAAA1C,KAAA,QAAAA,EAAsB6C,GAAMnB,EAAkB;AAAA,UAChD;AACA,UAAAF,EAAU,UAAU,CAAA,GACpBF,EAAY,UAAU,MACtBkB,EAAW,YAAY,QAAQ,CAACC,MAAOA,EAAG,MAAM,GAChDd,EAAU,UAAU,MACpBb,EAAU,IAAI,GACde,EAAa,UAAU;AAAA,QACzB,GACAc,EAAS,MAAM,GAAI,GACnBhC,EAAS,EAAE,MAAM,SAAS;AAAA,MAC5B,SAASmC,GAAc;AACrB,cAAMC,IAAYD,aAAe,QAAQA,EAAI,OAAO;AACpD,QAAIC,MAAc,qBAAqBA,MAAc,mBACnDpC,EAAS,EAAE,MAAM,SAAS,MAAM,qBAAqB,GACrDT,KAAA,QAAAA,EAAU,wBAEV6C,MAAc,mBACdA,MAAc,0BAEdpC,EAAS,EAAE,MAAM,SAAS,MAAM,aAAa,GAC7CT,KAAA,QAAAA,EAAU,iBAEVS,EAAS,EAAE,MAAM,SAAS,MAAM,kBAAkB,GAClDT,KAAA,QAAAA,EAAU;AAAA,MAEd;AAAA,IACF,GAAG,CAACA,GAASF,GAAqBoB,GAAkBU,CAAS,CAAC,GAExDkB,KAAQX,EAAY,MAAM;;AAC9B,OAAAL,IAAAV,EAAY,YAAZ,QAAAU,EAAqB,SACrBrB,EAAS,EAAE,MAAM,SAAS;AAAA,IAC5B,GAAG,CAAA,CAAE,GAECsC,KAASZ,EAAY,MAAM;;AAC/B,OAAAL,IAAAV,EAAY,YAAZ,QAAAU,EAAqB,UACrBrB,EAAS,EAAE,MAAM,UAAU;AAAA,IAC7B,GAAG,CAAA,CAAE,GAECuC,IAAOb,EAAY,MAAM;;AAC7B,UAAIvD,EAAM,SAAS,eAAeA,EAAM,SAAS,UAAU;AACzD,cAAMqE,IAAUrE,EAAM,WAChBsE,IAAWtE,EAAM,UACjBuE,IAAW,KAAK,IAAA,IAAQF,IAAUC;AACxC,QAAA1B,EAAkB,UAAU,KAAK,IAAI,GAAG2B,CAAQ,GAChD1C,EAAS,EAAE,MAAM,QAAQ,UAAA0C,EAAA,CAAoB;AAAA,MAC/C;AACA,UAAI;AACF,SAAArB,IAAAV,EAAY,YAAZ,QAAAU,EAAqB;AAAA,MACvB,QAAQ;AAAA,MAER;AAAA,IACF,GAAG,CAAClD,CAAK,CAAC,GAEJwE,IAASjB,EAAY,MAAM;;AAG/B,MAAAR,EAAa,UAAU;AACvB,UAAI;AACF,SAAAG,IAAAV,EAAY,YAAZ,QAAAU,EAAqB;AAAA,MACvB,QAAQ;AAAA,MAER;AACA,MAAAR,EAAU,UAAU,CAAA,GACpBF,EAAY,UAAU,MACtBc,EAAA,GACAzB,EAAS,EAAE,MAAM,UAAU,GAC3BV,KAAA,QAAAA;AAAA,IACF,GAAG,CAACmC,GAAenC,CAAQ,CAAC;AAG5B,IAAA8B,EAAU,MAAM;AAEd,UADIjD,EAAM,SAAS,eACf,OAAOqB,KAAkB,YAAYA,KAAiB,EAAG;AAC7D,YAAMoD,IAAiB,KAAK,IAAA,IAAQzE,EAAM,YAAYA,EAAM,UACtD0E,IAAY,KAAK,IAAI,GAAGrD,IAAgBoD,CAAc,GACtD3E,IAAS,OAAO,WAAW,MAAM;;AACrC,cAAIoD,IAAAV,EAAY,YAAZ,gBAAAU,EAAqB,WAAU,aAAa;AAC9C,UAAA9B,KAAA,QAAAA,EAAU;AACV,cAAI;AACF,YAAAoB,EAAY,QAAQ,KAAA;AAAA,UACtB,QAAQ;AAAA,UAER;AAAA,QACF;AAAA,MACF,GAAGkC,CAAS;AACZ,aAAO,MAAM,OAAO,aAAa5E,CAAM;AAAA,IACzC,GAAG,CAACE,GAAOqB,GAAeD,CAAO,CAAC,GAGlC6B,EAAU,MACD,MAAM;;AACX,MAAAH,EAAa,UAAU;AACvB,UAAI;AACF,SAAAI,IAAAV,EAAY,YAAZ,QAAAU,EAAqB;AAAA,MACvB,QAAQ;AAAA,MAER;AAIA,OAAAyB,IAAA9B,EAAU,YAAV,QAAA8B,EAAmB,YAAY,QAAQ,CAAChB,MAAOA,EAAG,SAClDd,EAAU,UAAU;AAAA,IACtB,GACC,CAAA,CAAE;AAEL,UAAM+B,IACJ5E,EAAM,SAAS,cACXkC,IAAMlC,EAAM,YAAYA,EAAM,WAC9BA,EAAM,SAAS,WACbA,EAAM,WAAWA,EAAM,YAAYA,EAAM,WACzCA,EAAM,SAAS,YACbA,EAAM,WACN,GAEJ6E,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,aAAa,MAAM9E,EAAM,SAAS;AAAA,QAClC,aAAa,MAAM4E;AAAA,QACnB,cAAc,MAAM5E,EAAM,SAAS;AAAA,QACnC,gBAAgB,MAAMyD,EAAA;AAAA,QACtB,eAAe,MAAMW,EAAA;AAAA,QACrB,SAAS,MAAMI,EAAA;AAAA,MAAO;AAAA,MAExB,CAACxE,GAAO4E,GAAWnB,GAAiBW,GAAMI,CAAM;AAAA,IAAA;AAElD,IAAAO,GAAoBtD,GAAK,MAAMoD,GAAa,CAACA,CAAW,CAAC,GACzDG,GAAqBnF,IAAoBgF,GAAarD,EAAK,EAAE;AAE7D,UAAMyD,IAAwC7C,EAAQ,IAAI,CAACiB,OAAO;AAAA,MAChE,OAAOA,EAAE;AAAA,MACT,OAAOA,EAAE,SAAS3B,EAAE,4BAA4B;AAAA,IAAA,EAChD,GAEIwD,KAAc,MAAM;AACxB,cAAQlF,EAAM,MAAA;AAAA,QACZ,KAAK;AACH,iBAAO0B,EAAE,oBAAoB;AAAA,QAC/B,KAAK;AACH,iBAAOA,EAAE,mBAAmB;AAAA,QAC9B,KAAK;AACH,iBAAOA,EAAE,yBAAyB;AAAA,QACpC,KAAK;AACH,iBAAOA,EAAE,sBAAsB;AAAA,QACjC,KAAK;AACH,iBAAOA,EAAE,oBAAoB;AAAA,QAC/B,KAAK;AACH,iBAAI1B,EAAM,SAAS,sBACV0B,EAAE,gCAAgC,IACvC1B,EAAM,SAAS,gBACV0B,EAAE,2BAA2B,IAC/BA,EAAE,oBAAoB;AAAA,MAAA;AAAA,IAEnC,GAAA,GAEMyD,IAAcnF,EAAM,SAAS,aAC7BoF,IAAWpF,EAAM,SAAS,UAC1BqF,IAAWrF,EAAM,SAAS;AAEhC,WACE,gBAAAsF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAe;AAAA,QACf,qBAAmB9D,EAAK;AAAA,QACxB,WAAWtB,GAAa,EAAE,MAAAe,GAAM,WAAAM,GAAW;AAAA,QAC1C,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAA8D,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAW;AAAA,kBACT;AAAA,kBACAJ,IACI,qCACA;AAAA,gBAAA,EACJ,KAAK,GAAG;AAAA,gBAET,UAAAA,IACC,gBAAAI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,kBAAA;AAAA,gBAAA,IAEV;AAAA,cAAA;AAAA,YAAA;AAAA,YAEN,gBAAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,QAAAzD;AAAA,gBACA,MAAK;AAAA,gBACL,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEZ,gBAAAwD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAI;AAAA,gBACJ,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAET,UAAAhF,GAAYqE,GAAWjD,EAAK,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UACvC,GACF;AAAA,UAEA,gBAAA4D,EAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAU,cAC9C,UAAAL,EAAA,CACH;AAAA,UAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,YAAAtF,EAAM,SAAS,UAAUA,EAAM,SAAS,aAAaqF,IACpD,gBAAAE;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,6BAAYhG,IAAA,EAAI;AAAA,gBAChB,SAASgE;AAAA,gBACT,UAAU,CAACT;AAAA,gBAEV,YAAE,sBAAsB;AAAA,cAAA;AAAA,YAAA,IAEzB;AAAA,YACHmC,IACC,gBAAAI;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,wBAAO/F,IAAA,EAAM;AAAA,gBACb,cAAY+B,EAAE,qBAAqB;AAAA,gBACnC,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,SAASwC;AAAA,cAAA;AAAA,YAAA,IAET;AAAA,YACHkB,IACC,gBAAAG;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,wBAAO9F,IAAA,EAAK;AAAA,gBACZ,cAAY8B,EAAE,sBAAsB;AAAA,gBACpC,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,SAASyC;AAAA,cAAA;AAAA,YAAA,IAET;AAAA,YACHgB,KAAeC,IACd,gBAAAE,EAAAK,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAJ;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,wBAAOE,IAAA,EAAO;AAAA,kBACd,cAAYlE,EAAE,oBAAoB;AAAA,kBAClC,QAAO;AAAA,kBACP,MAAK;AAAA,kBACL,SAAS0C;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEX,gBAAAmB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,wBAAOG,IAAA,EAAE;AAAA,kBACT,cAAYnE,EAAE,sBAAsB;AAAA,kBACpC,QAAO;AAAA,kBACP,MAAK;AAAA,kBACL,SAAS8C;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX,EAAA,CACF,IACE;AAAA,YACHxE,EAAM,SAAS,UAAUiF,EAAc,SAAS,IAC/C,gBAAAM,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAA;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,cAAYpE,EAAE,4BAA4B;AAAA,gBAC1C,SAASuD;AAAA,gBACT,OAAO3C;AAAA,gBACP,eAAe,CAACyD,MAAMxD,GAAoBwD,CAAC;AAAA,gBAC3C,MAAK;AAAA,gBACL,WAAS;AAAA,cAAA;AAAA,YAAA,GAEb,IACE;AAAA,UAAA,GACN;AAAA,UAECV,KAAYrF,EAAM,SAAS,4BACzBgG,GAAA,EAAM,SAAQ,SAAQ,MAAK,UAC1B,UAAA;AAAA,YAAA,gBAAAT,EAACS,EAAM,aAAN,EAAmB,UAAAd,EAAA,CAAW;AAAA,YAC9BlF,EAAM,SAAS,wCACbgG,EAAM,QAAN,EACC,UAAA,gBAAAT,EAACE,GAAA,EAAO,QAAO,SAAQ,MAAK,MAAK,SAAShC,GACvC,YAAE,qBAAqB,GAC1B,GACF,IACE;AAAA,UAAA,EAAA,CACN,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA1C,GAAc,cAAc;","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{audio-visualiser-CeMPCZkd.js → audio-visualiser-ByDEFLNm.js}

@@ -23,8 +23,16 @@ const K = H(
     defaultVariants: { size: "md" }
   }
 ), O = U(
-  ({ stream: m, size: T = "md", barCount: t = 32, deviceName: A, label: V, className: k, ...q }, B) => {
-    const { t: M } = J(), d = i([]), c = i(null), f = i(null), l = i(null), h = i(null), v = i(null), [R, j] = _(!1);
+  ({
+    stream: p,
+    size: T = "md",
+    barCount: t = 32,
+    deviceName: A,
+    label: V,
+    className: k,
+    ...q
+  }, B) => {
+    const { t: M } = J(), o = i([]), c = i(null), f = i(null), l = i(null), h = i(null), v = i(null), [R, j] = _(!1);
     b(() => {
       var n;
       if (typeof window > "u") return;
@@ -32,12 +40,12 @@ const K = H(
       j(e.matches);
       const r = () => j(e.matches);
       return (n = e.addEventListener) == null || n.call(e, "change", r), () => {
-        var o;
-        return (o = e.removeEventListener) == null ? void 0 : o.call(e, "change", r);
+        var d;
+        return (d = e.removeEventListener) == null ? void 0 : d.call(e, "change", r);
       };
     }, []), b(() => {
-      if (!m) {
-        d.current.forEach((s) => {
+      if (!p) {
+        o.current.forEach((s) => {
           s == null || s.style.setProperty("--bar-height", "10%");
         });
         return;
@@ -46,8 +54,8 @@ const K = H(
       if (!e) return;
       const r = new e(), n = r.createAnalyser();
       n.fftSize = 256;
-      const o = r.createMediaStreamSource(m);
-      o.connect(n), f.current = r, l.current = n, h.current = o, v.current = new Uint8Array(n.frequencyBinCount);
+      const d = r.createMediaStreamSource(p);
+      d.connect(n), f.current = r, l.current = n, h.current = d, v.current = new Uint8Array(n.frequencyBinCount);
       let z = 0;
       const x = (s) => {
         var E;
@@ -62,12 +70,12 @@ const K = H(
           a
         );
         const y = Math.max(1, Math.floor(a.length / t));
-        for (let p = 0; p < t; p += 1) {
+        for (let m = 0; m < t; m += 1) {
           let L = 0;
           for (let w = 0; w < y; w += 1)
-            L += a[p * y + w] ?? 0;
+            L += a[m * y + w] ?? 0;
           const D = L / y, I = Math.max(8, Math.min(100, D / 255 * 100));
-          (E = d.current[p]) == null || E.style.setProperty("--bar-height", `${I}%`);
+          (E = o.current[m]) == null || E.style.setProperty("--bar-height", `${I}%`);
         }
         c.current = requestAnimationFrame(x);
       };
@@ -85,19 +93,17 @@ const K = H(
         (u = f.current) == null || u.close().catch(() => {
         }), f.current = null, l.current = null, h.current = null, v.current = null;
       };
-    }, [m, t, R]);
-    const N = $(
-      () => Array.from({ length: t }),
-      [t]
-    );
+    }, [p, t, R]);
+    const N = $(() => Array.from({ length: t }), [t]);
     b(() => {
-      d.current.length > t && (d.current.length = t);
+      o.current.length > t && (o.current.length = t);
     }, [t]);
     const P = V ?? M("ui.chat.audio.visualiserLabel"), g = A ? M("ui.chat.audio.device", { name: A }) : null, F = G();
     return /* @__PURE__ */ C(
       "div",
       {
         ref: B,
+        role: "img",
         "aria-label": P,
         "aria-describedby": g ? F : void 0,
         "data-component": "audio-visualiser",
@@ -108,7 +114,7 @@ const K = H(
             "div",
             {
               ref: (n) => {
-                d.current[r] = n;
+                o.current[r] = n;
               },
               "aria-hidden": "true",
               className: [
@@ -136,4 +142,4 @@ O.displayName = "AudioVisualiser";
 export {
   O as A
 };
-//# sourceMappingURL=audio-visualiser-CeMPCZkd.js.map
+//# sourceMappingURL=audio-visualiser-ByDEFLNm.js.map