@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/{audio-recorder-GkGNtW2X.js → audio-recorder-D2UEBF9B.js}

@@ -1,12 +1,12 @@
-import { jsxs as b, jsx as i, Fragment as re } from "react/jsx-runtime";
-import { forwardRef as ie, useReducer as ae, useState as x, useRef as m, useEffect as N, useCallback as k } from "react";
-import { c as se } from "./index-D2ZczOXr.js";
+import { jsxs as b, jsx as r, Fragment as se } from "react/jsx-runtime";
+import { forwardRef as re, useReducer as ie, useState as x, useRef as m, useEffect as N, useCallback as k } from "react";
+import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as ne } from "react-i18next";
-import { B as U } from "./button-CXL8bA8G.js";
-import { I as D } from "./icon-button-C1vpylg3.js";
-import { S as ce } from "./select-B4m4upMg.js";
-import { A as de } from "./audio-visualiser-CIO3yy23.js";
-import { A as T } from "./alert-C5ud6CfE.js";
+import { B as U } from "./button-DmiGFnNA.js";
+import { I as D } from "./icon-button-C482ii4y.js";
+import { S as de } from "./select-DbxWF3O_.js";
+import { A as ce } from "./audio-visualiser-B4u4goV5.js";
+import { A as T } from "./alert-ETrF7Q8J.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { S as ue } from "./square-CZoGU14v.js";
 import { X as oe } from "./x-CCcI3eJp.js";
@@ -77,12 +77,12 @@ function ve(n, o) {
       return n;
   }
 }
-const ye = se(
+const ye = ae(
   [
-    "inline-flex flex-col items-stretch gap-[var(--spacing-sm)]",
-    "rounded-[var(--radius-md)] border border-border",
-    "ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]",
-    "bg-background"
+    "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: {
@@ -107,25 +107,25 @@ function be() {
   }
 }
 function we(n, o) {
-  const p = Math.max(0, Math.floor(n / 1e3)), r = Math.floor(p / 60), f = p % 60, v = (z) => new Intl.NumberFormat(o, { minimumIntegerDigits: 2 }).format(z);
-  return `${v(r)}:${v(f)}`;
+  const p = Math.max(0, Math.floor(n / 1e3)), s = Math.floor(p / 60), f = p % 60, v = (z) => new Intl.NumberFormat(o, { minimumIntegerDigits: 2 }).format(z);
+  return `${v(s)}:${v(f)}`;
 }
-const Me = ie(
+const Me = re(
   ({
     size: n = "md",
     onRecordingComplete: o,
     onCancel: p,
-    onError: r,
+    onError: s,
     maxDurationMs: f = 1800 * 1e3,
     maxBytes: v = 250 * 1024 * 1024,
     className: z,
     ...X
   }, C) => {
-    const { t: c, i18n: G } = ne(), [t, l] = ae(ve, { kind: "idle" }), [R, S] = x(null), [H, J] = x(Date.now()), [K, Q] = x([]), [w, W] = x(""), d = m(null), y = m([]), I = m(0), j = m(0), h = m(null), q = m(!1), M = m(!1), g = typeof MediaRecorder < "u";
+    const { t: d, i18n: G } = ne(), [t, l] = ie(ve, { kind: "idle" }), [R, S] = x(null), [H, J] = x(Date.now()), [K, Q] = x([]), [w, W] = x(""), c = m(null), y = m([]), I = m(0), j = m(0), h = m(null), q = m(!1), M = m(!1), g = typeof MediaRecorder < "u";
     N(() => {
       var e;
-      !g || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((a) => {
-        const u = a.filter((s) => s.kind === "audioinput");
+      !g || !((e = navigator.mediaDevices) != null && e.enumerateDevices) || navigator.mediaDevices.enumerateDevices().then((i) => {
+        const u = i.filter((a) => a.kind === "audioinput");
         Q(u);
       }).catch(() => {
       });
@@ -136,10 +136,10 @@ const Me = ie(
     }, [t.kind]);
     const F = k(() => {
       const e = h.current ?? R;
-      e == null || e.getTracks().forEach((a) => a.stop()), h.current = null, S(null);
+      e == null || e.getTracks().forEach((i) => i.stop()), h.current = null, S(null);
     }, [R]), P = k(async () => {
       if (!g) {
-        l({ type: "error", kind: "unsupported" }), r == null || r("unsupported");
+        l({ type: "error", kind: "unsupported" }), s == null || s("unsupported");
         return;
       }
       l({ type: "request" }), M.current = !1;
@@ -148,100 +148,100 @@ const Me = ie(
           audio: w ? { deviceId: { exact: w } } : !0
         });
         if (q.current) {
-          e.getTracks().forEach((s) => s.stop());
+          e.getTracks().forEach((a) => a.stop());
           return;
         }
         h.current = e, S(e);
-        const a = be(), u = new MediaRecorder(
+        const i = be(), u = new MediaRecorder(
           e,
-          a ? { mimeType: a } : void 0
+          i ? { mimeType: i } : void 0
         );
-        d.current = u, y.current = [], I.current = 0, u.ondataavailable = (s) => {
+        c.current = u, y.current = [], I.current = 0, u.ondataavailable = (a) => {
           var L;
-          if (s.data && s.data.size > 0 && (y.current.push(s.data), I.current += s.data.size, typeof v == "number" && I.current >= v && ((L = d.current) == null ? void 0 : L.state) === "recording")) {
-            r == null || r("max-size");
+          if (a.data && a.data.size > 0 && (y.current.push(a.data), I.current += a.data.size, typeof v == "number" && I.current >= v && ((L = c.current) == null ? void 0 : L.state) === "recording")) {
+            s == null || s("max-size");
             try {
-              d.current.stop();
+              c.current.stop();
             } catch {
             }
           }
         }, u.onstop = () => {
           if (!M.current) {
-            const s = new Blob(y.current, {
-              type: a ?? "audio/webm"
+            const a = new Blob(y.current, {
+              type: i ?? "audio/webm"
             });
-            o == null || o(s, j.current);
+            o == null || o(a, j.current);
           }
-          y.current = [], d.current = null, e.getTracks().forEach((s) => s.stop()), h.current = null, S(null), M.current = !1;
+          y.current = [], c.current = null, e.getTracks().forEach((a) => a.stop()), h.current = null, S(null), M.current = !1;
         }, u.start(1e3), l({ type: "start" });
       } catch (e) {
-        const a = e instanceof Error ? e.name : "";
-        a === "NotAllowedError" || a === "SecurityError" ? (l({ type: "error", kind: "permission-denied" }), r == null || r("permission-denied")) : a === "NotFoundError" || a === "OverconstrainedError" ? (l({ type: "error", kind: "no-device" }), r == null || r("no-device")) : (l({ type: "error", kind: "capture-failed" }), r == null || r("capture-failed"));
+        const i = e instanceof Error ? e.name : "";
+        i === "NotAllowedError" || i === "SecurityError" ? (l({ type: "error", kind: "permission-denied" }), s == null || s("permission-denied")) : i === "NotFoundError" || i === "OverconstrainedError" ? (l({ type: "error", kind: "no-device" }), s == null || s("no-device")) : (l({ type: "error", kind: "capture-failed" }), s == null || s("capture-failed"));
       }
-    }, [r, o, w, g]), Y = k(() => {
+    }, [s, o, w, g]), Y = k(() => {
       var e;
-      (e = d.current) == null || e.pause(), l({ type: "pause" });
+      (e = c.current) == null || e.pause(), l({ type: "pause" });
     }, []), Z = k(() => {
       var e;
-      (e = d.current) == null || e.resume(), l({ type: "resume" });
+      (e = c.current) == null || e.resume(), l({ type: "resume" });
     }, []), E = k(() => {
       var e;
       if (t.kind === "recording" || t.kind === "paused") {
-        const a = t.startedAt, u = t.pausedMs, s = Date.now() - a - u;
-        j.current = Math.max(0, s), l({ type: "stop", duration: s });
+        const i = t.startedAt, u = t.pausedMs, a = Date.now() - i - u;
+        j.current = Math.max(0, a), l({ type: "stop", duration: a });
       }
       try {
-        (e = d.current) == null || e.stop();
+        (e = c.current) == null || e.stop();
       } catch {
       }
     }, [t]), ee = k(() => {
       var e;
       M.current = !0;
       try {
-        (e = d.current) == null || e.stop();
+        (e = c.current) == null || e.stop();
       } catch {
       }
-      y.current = [], d.current = null, F(), l({ type: "cancel" }), p == null || p();
+      y.current = [], c.current = null, F(), l({ type: "cancel" }), p == null || p();
     }, [F, p]);
     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), u = window.setTimeout(() => {
-        var s;
-        if (((s = d.current) == null ? void 0 : s.state) === "recording") {
-          r == null || r("max-duration");
+      const e = Date.now() - t.startedAt - t.pausedMs, i = Math.max(0, f - e), u = window.setTimeout(() => {
+        var a;
+        if (((a = c.current) == null ? void 0 : a.state) === "recording") {
+          s == null || s("max-duration");
           try {
-            d.current.stop();
+            c.current.stop();
           } catch {
           }
         }
-      }, a);
+      }, i);
       return () => window.clearTimeout(u);
-    }, [t, f, r]), N(() => () => {
-      var e, a;
+    }, [t, f, s]), N(() => () => {
+      var e, i;
       q.current = !0;
       try {
-        (e = d.current) == null || e.stop();
+        (e = c.current) == null || e.stop();
       } catch {
       }
-      (a = h.current) == null || a.getTracks().forEach((u) => u.stop()), h.current = null;
+      (i = h.current) == null || i.getTracks().forEach((u) => u.stop()), h.current = null;
     }, []);
     const te = t.kind === "recording" ? H - t.startedAt - t.pausedMs : t.kind === "paused" ? t.pausedAt - t.startedAt - t.pausedMs : t.kind === "stopped" ? t.duration : 0, V = K.map((e) => ({
       value: e.deviceId,
-      label: e.label || c("ui.chat.audio.selectDevice")
+      label: e.label || d("ui.chat.audio.selectDevice")
     })), $ = (() => {
       switch (t.kind) {
         case "idle":
-          return c("ui.chat.audio.idle");
+          return d("ui.chat.audio.idle");
         case "requesting":
-          return c("ui.common.loading");
+          return d("ui.common.loading");
         case "recording":
-          return c("ui.chat.audio.recording");
+          return d("ui.chat.audio.recording");
         case "paused":
-          return c("ui.chat.audio.paused");
+          return d("ui.chat.audio.paused");
         case "stopped":
-          return c("ui.chat.audio.idle");
+          return d("ui.chat.audio.idle");
         case "error":
-          return t.type === "permission-denied" ? c("ui.chat.audio.permissionDenied") : t.type === "unsupported" ? c("ui.chat.audio.unsupported") : c("ui.chat.audio.idle");
+          return t.type === "permission-denied" ? d("ui.chat.audio.permissionDenied") : t.type === "unsupported" ? d("ui.chat.audio.unsupported") : d("ui.chat.audio.idle");
       }
     })(), A = t.kind === "recording", B = t.kind === "paused", O = t.kind === "error";
     return /* @__PURE__ */ b(
@@ -251,106 +251,106 @@ const Me = ie(
         className: ye({ size: n, className: z }),
         ...X,
         children: [
-          /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ i(
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ r(
               "span",
               {
                 "aria-hidden": "true",
                 className: [
-                  "relative inline-flex size-3 items-center justify-center rounded-[var(--radius-full)]",
-                  A ? "bg-[color:var(--destructive)]" : "bg-[color:var(--muted)]"
+                  "ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]",
+                  A ? "ds:bg-[color:var(--destructive)]" : "ds:bg-[color:var(--muted)]"
                 ].join(" "),
-                children: A ? /* @__PURE__ */ i(
+                children: A ? /* @__PURE__ */ r(
                   "span",
                   {
                     className: [
-                      "absolute inset-0 rounded-[var(--radius-full)]",
-                      "bg-[color:var(--destructive)]",
-                      "motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]",
-                      "[.theme-accessible_&]:animate-none"
+                      "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__ */ i(
-              de,
+            /* @__PURE__ */ r(
+              ce,
               {
                 stream: R,
                 size: "sm",
                 "aria-hidden": "true",
-                className: "flex-1"
+                className: "ds:flex-1"
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ r(
               "time",
               {
                 dir: "ltr",
                 "aria-hidden": "true",
-                className: "tabular-nums type-meta text-[color:var(--muted-foreground)]",
+                className: "ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]",
                 children: we(te, G.language)
               }
             )
           ] }),
-          /* @__PURE__ */ i("span", { role: "status", "aria-live": "polite", className: "sr-only", children: $ }),
-          /* @__PURE__ */ b("div", { className: "flex items-center gap-[var(--spacing-xs)]", children: [
-            t.kind === "idle" || t.kind === "stopped" || O ? /* @__PURE__ */ i(
+          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: $ }),
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            t.kind === "idle" || t.kind === "stopped" || O ? /* @__PURE__ */ r(
               U,
               {
                 intent: "primary",
                 size: "sm",
-                startIcon: /* @__PURE__ */ i(pe, {}),
+                startIcon: /* @__PURE__ */ r(pe, {}),
                 onClick: P,
                 disabled: !g,
-                children: c("ui.chat.audio.record")
+                children: d("ui.chat.audio.record")
               }
             ) : null,
-            A ? /* @__PURE__ */ i(
+            A ? /* @__PURE__ */ r(
               D,
               {
-                icon: /* @__PURE__ */ i(fe, {}),
-                "aria-label": c("ui.chat.audio.pause"),
+                icon: /* @__PURE__ */ r(fe, {}),
+                "aria-label": d("ui.chat.audio.pause"),
                 intent: "secondary",
                 size: "sm",
                 onClick: Y
               }
             ) : null,
-            B ? /* @__PURE__ */ i(
+            B ? /* @__PURE__ */ r(
               D,
               {
-                icon: /* @__PURE__ */ i(ke, {}),
-                "aria-label": c("ui.chat.audio.resume"),
+                icon: /* @__PURE__ */ r(ke, {}),
+                "aria-label": d("ui.chat.audio.resume"),
                 intent: "secondary",
                 size: "sm",
                 onClick: Z
               }
             ) : null,
-            A || B ? /* @__PURE__ */ b(re, { children: [
-              /* @__PURE__ */ i(
+            A || B ? /* @__PURE__ */ b(se, { children: [
+              /* @__PURE__ */ r(
                 D,
                 {
-                  icon: /* @__PURE__ */ i(ue, {}),
-                  "aria-label": c("ui.chat.audio.stop"),
+                  icon: /* @__PURE__ */ r(ue, {}),
+                  "aria-label": d("ui.chat.audio.stop"),
                   intent: "primary",
                   size: "sm",
                   onClick: E
                 }
               ),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ r(
                 D,
                 {
-                  icon: /* @__PURE__ */ i(oe, {}),
-                  "aria-label": c("ui.chat.audio.cancel"),
+                  icon: /* @__PURE__ */ r(oe, {}),
+                  "aria-label": d("ui.chat.audio.cancel"),
                   intent: "ghost",
                   size: "sm",
                   onClick: ee
                 }
               )
             ] }) : null,
-            t.kind === "idle" && V.length > 1 ? /* @__PURE__ */ i("div", { className: "ms-auto min-w-[160px]", children: /* @__PURE__ */ i(
-              ce,
+            t.kind === "idle" && V.length > 1 ? /* @__PURE__ */ r("div", { className: "ds:ms-auto ds:min-w-[160px]", children: /* @__PURE__ */ r(
+              de,
               {
-                "aria-label": c("ui.chat.audio.selectDevice"),
+                "aria-label": d("ui.chat.audio.selectDevice"),
                 options: V,
                 value: w,
                 onValueChange: (e) => W(e),
@@ -360,8 +360,8 @@ const Me = ie(
             ) }) : null
           ] }),
           O && t.kind === "error" ? /* @__PURE__ */ b(T, { variant: "error", live: "polite", children: [
-            /* @__PURE__ */ i(T.Description, { children: $ }),
-            t.type === "permission-denied" ? /* @__PURE__ */ i(T.Action, { children: /* @__PURE__ */ i(U, { intent: "ghost", size: "sm", onClick: P, children: c("ui.chat.audio.retry") }) }) : null
+            /* @__PURE__ */ r(T.Description, { children: $ }),
+            t.type === "permission-denied" ? /* @__PURE__ */ r(T.Action, { children: /* @__PURE__ */ r(U, { intent: "ghost", size: "sm", onClick: P, children: d("ui.chat.audio.retry") }) }) : null
           ] }) : null
         ]
       }
@@ -372,4 +372,4 @@ Me.displayName = "AudioRecorder";
 export {
   Me as A
 };
-//# sourceMappingURL=audio-recorder-GkGNtW2X.js.map
+//# sourceMappingURL=audio-recorder-D2UEBF9B.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audio-recorder-D2UEBF9B.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.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","import {\n  forwardRef,\n  useCallback,\n  useEffect,\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';\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: 'permission-denied' | 'no-device' | 'unsupported' | '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: 'permission-denied' | 'no-device' | 'unsupported' | '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\nexport interface AudioRecorderProps\n  extends 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<HTMLDivElement, AudioRecorderProps>(\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 =\n          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 (errorName === 'NotFoundError' || errorName === 'OverconstrainedError') {\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 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        ref={ref}\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","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","handle","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","deviceOptions","statusText","isRecording","isPaused","hasError","jsxs","jsx","AudioVisualiser","Button","IconButton","Fragment","Square","X","Select","v","Alert"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{audio-visualiser-CIO3yy23.js → audio-visualiser-B4u4goV5.js}

@@ -4,27 +4,27 @@ import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
 const K = H(
   [
-    "relative inline-flex items-end justify-center",
+    "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).
-    "gap-[2px]",
-    "rounded-[var(--radius-sm)]",
-    "bg-transparent",
-    "forced-colors:border forced-colors:border-[CanvasText]"
+    "ds:gap-[2px]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:bg-transparent",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "h-6 min-w-[120px] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
-        md: "h-10 min-w-[160px] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] pt-[var(--spacing-xs)] pb-[var(--spacing-xs)]",
-        lg: "h-14 min-w-[220px] ps-[var(--spacing-md)] pe-[var(--spacing-md)] pt-[var(--spacing-sm)] pb-[var(--spacing-sm)]"
+        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" }
   }
 ), O = U(
-  ({ stream: m, size: T = "md", barCount: a = 32, deviceName: A, label: V, className: k, ...q }, B) => {
-    const { t: M } = J(), o = i([]), c = i(null), f = i(null), d = i(null), h = i(null), v = i(null), [R, j] = _(!1);
+  ({ 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);
     b(() => {
       var n;
       if (typeof window > "u") return;
@@ -32,13 +32,13 @@ const K = H(
       j(e.matches);
       const r = () => j(e.matches);
       return (n = e.addEventListener) == null || n.call(e, "change", r), () => {
-        var u;
-        return (u = e.removeEventListener) == null ? void 0 : u.call(e, "change", r);
+        var o;
+        return (o = e.removeEventListener) == null ? void 0 : o.call(e, "change", r);
       };
     }, []), b(() => {
       if (!m) {
-        o.current.forEach((t) => {
-          t == null || t.style.setProperty("--bar-height", "10%");
+        d.current.forEach((s) => {
+          s == null || s.style.setProperty("--bar-height", "10%");
         });
         return;
       }
@@ -46,53 +46,53 @@ const K = H(
       if (!e) return;
       const r = new e(), n = r.createAnalyser();
       n.fftSize = 256;
-      const u = r.createMediaStreamSource(m);
-      u.connect(n), f.current = r, d.current = n, h.current = u, v.current = new Uint8Array(n.frequencyBinCount);
+      const o = r.createMediaStreamSource(m);
+      o.connect(n), f.current = r, l.current = n, h.current = o, v.current = new Uint8Array(n.frequencyBinCount);
       let z = 0;
-      const x = (t) => {
+      const x = (s) => {
         var E;
-        if (R && t - z < 250) {
+        if (R && s - z < 250) {
           c.current = requestAnimationFrame(x);
           return;
         }
-        z = t;
-        const s = v.current, l = d.current;
-        if (!s || !l) return;
-        l.getByteFrequencyData(
-          s
+        z = s;
+        const a = v.current, u = l.current;
+        if (!a || !u) return;
+        u.getByteFrequencyData(
+          a
         );
-        const y = Math.max(1, Math.floor(s.length / a));
-        for (let p = 0; p < a; p += 1) {
+        const y = Math.max(1, Math.floor(a.length / t));
+        for (let p = 0; p < t; p += 1) {
           let L = 0;
           for (let w = 0; w < y; w += 1)
-            L += s[p * y + w] ?? 0;
+            L += a[p * y + w] ?? 0;
           const D = L / y, I = Math.max(8, Math.min(100, D / 255 * 100));
-          (E = o.current[p]) == null || E.style.setProperty("--bar-height", `${I}%`);
+          (E = d.current[p]) == null || E.style.setProperty("--bar-height", `${I}%`);
         }
         c.current = requestAnimationFrame(x);
       };
       return c.current = requestAnimationFrame(x), () => {
-        var t, s, l;
+        var s, a, u;
         c.current !== null && cancelAnimationFrame(c.current), c.current = null;
         try {
-          (t = h.current) == null || t.disconnect();
+          (s = h.current) == null || s.disconnect();
         } catch {
         }
         try {
-          (s = d.current) == null || s.disconnect();
+          (a = l.current) == null || a.disconnect();
         } catch {
         }
-        (l = f.current) == null || l.close().catch(() => {
-        }), f.current = null, d.current = null, h.current = null, v.current = null;
+        (u = f.current) == null || u.close().catch(() => {
+        }), f.current = null, l.current = null, h.current = null, v.current = null;
       };
-    }, [m, a, R]);
+    }, [m, t, R]);
     const N = $(
-      () => Array.from({ length: a }),
-      [a]
+      () => Array.from({ length: t }),
+      [t]
     );
     b(() => {
-      o.current.length > a && (o.current.length = a);
-    }, [a]);
+      d.current.length > t && (d.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",
@@ -107,25 +107,25 @@ const K = H(
             "div",
             {
               ref: (n) => {
-                o.current[r] = n;
+                d.current[r] = n;
               },
               "aria-hidden": "true",
               className: [
-                "inline-block w-[3px] min-w-[3px]",
-                "bg-[color:var(--primary)]",
-                "forced-colors:bg-[CanvasText]",
-                "rounded-[1px]",
-                "transition-[height] duration-[var(--duration-fast)] motion-reduce:transition-none",
+                "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).
-                "[block-size:var(--bar-height,10%)]"
+                "ds:[block-size:var(--bar-height,10%)]"
               ].join(" "),
               style: { "--bar-height": "10%" }
             },
             r
           )),
-          g ? /* @__PURE__ */ S("span", { id: F, className: "sr-only", children: g }) : null
+          g ? /* @__PURE__ */ S("span", { id: F, className: "ds:sr-only", children: g }) : null
         ]
       }
     );
@@ -135,4 +135,4 @@ O.displayName = "AudioVisualiser";
 export {
   O as A
 };
-//# sourceMappingURL=audio-visualiser-CIO3yy23.js.map
+//# sourceMappingURL=audio-visualiser-B4u4goV5.js.map