@apple-pie/slice 0.1.21 → 0.1.23

package/dist/esm/hooks/useAudioRecorder.mjs

@@ -0,0 +1,74 @@
+import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
+
+import { useRef, useState, useCallback, useEffect } from "react";
+
+/**
+ * Get supported audio mime type - perfer mpeg
+ */ function useAudioRecorder(audioStream) {
+    const audioBlob = useRef(null), mediaRecorderRef = useRef(null), recordedChunksRef = useRef([]), stopResolveRef = useRef(null), [error, setError] = useState(null), [isRecording, setIsRecording] = useState(!1), [recordingSizeMb, setRecordingSizeMb] = useState(0), [mimeType, setMimeType] = useState(null), resetRecording = useCallback(() => {
+        audioBlob.current = null, recordedChunksRef.current = [], setRecordingSizeMb(0), 
+        setError(null);
+    }, []), startRecording = useCallback(() => {
+        var _a;
+        try {
+            if ("undefined" == typeof MediaRecorder) throw new TypeError("MediaRecorder is not supported in this browser");
+            if ("recording" === (null === (_a = mediaRecorderRef.current) || void 0 === _a ? void 0 : _a.state)) return;
+            const stream = (audioStream => {
+                const source = (audioStream => audioStream ? "object" == typeof audioStream && "current" in audioStream ? audioStream.current : audioStream : null)(audioStream);
+                return source ? "undefined" == typeof MediaStream ? null : source instanceof MediaStream ? source : new MediaStream([ source ]) : null;
+            })(audioStream);
+            if (!stream) throw new Error("No audio stream or track provided");
+            resetRecording();
+            const nextMimeType = (() => {
+                if ("undefined" == typeof MediaRecorder) return null;
+                const mimeTypes = [ "audio/mpeg", "audio/mp4", "audio/webm;codecs=opus", "audio/webm", "audio/ogg;codecs=opus", "audio/ogg" ];
+                for (const mimeType of mimeTypes) if (MediaRecorder.isTypeSupported(mimeType)) return mimeType;
+                return null;
+            })();
+            setMimeType(nextMimeType);
+            const mediaRecorder = nextMimeType ? new MediaRecorder(stream, {
+                mimeType: nextMimeType
+            }) : new MediaRecorder(stream);
+            mediaRecorder.ondataavailable = event => {
+                event.data.size > 0 && (recordedChunksRef.current.push(event.data), setRecordingSizeMb(size => size + event.data.size / 1024 / 1024));
+            }, mediaRecorder.onerror = () => {
+                setError(new Error("Audio recording failed")), setIsRecording(!1);
+            }, mediaRecorder.onstop = () => {
+                var _a;
+                const nextBlob = new Blob(recordedChunksRef.current, {
+                    type: mediaRecorder.mimeType || nextMimeType || "audio/webm"
+                });
+                audioBlob.current = nextBlob, setIsRecording(!1), null === (_a = stopResolveRef.current) || void 0 === _a || _a.call(stopResolveRef, nextBlob), 
+                stopResolveRef.current = null;
+            }, mediaRecorderRef.current = mediaRecorder, mediaRecorder.start(250), setIsRecording(!0);
+        } catch (error) {
+            console.error("Error recording audio:", error), setError(error instanceof Error ? error : new Error("Unknown error")), 
+            setIsRecording(!1);
+        }
+    }, [ audioStream, resetRecording ]), stopRecording = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        try {
+            const mediaRecorder = mediaRecorderRef.current;
+            return mediaRecorder && "inactive" !== mediaRecorder.state ? new Promise(resolve => {
+                stopResolveRef.current = resolve, mediaRecorder.stop();
+            }) : (setIsRecording(!1), audioBlob.current);
+        } catch (error) {
+            return console.error("Error stopping recording:", error), setError(error instanceof Error ? error : new Error("Unknown error")), 
+            setIsRecording(!1), null;
+        }
+    }), []);
+    return useEffect(() => () => {
+        mediaRecorderRef.current && "inactive" !== mediaRecorderRef.current.state && mediaRecorderRef.current.stop(), 
+        mediaRecorderRef.current = null, stopResolveRef.current = null;
+    }, []), {
+        audioBlob: audioBlob,
+        error: error,
+        isRecording: isRecording,
+        recordingSizeMb: recordingSizeMb,
+        mimeType: mimeType,
+        resetRecording: resetRecording,
+        startRecording: startRecording,
+        stopRecording: stopRecording
+    };
+}
+
+export { useAudioRecorder };

package/dist/esm/hooks/useMdStreamBuffer.mjs

@@ -0,0 +1,42 @@
+import { useRef, useState, useEffect, useCallback } from "react";
+
+import "../chunks/tslib.es6-C-olHjXV.mjs";
+
+import { M as MdBuffer } from "../chunks/MdStreamBuffer-DNXE4XbN.mjs";
+
+function useMDStreamBuffer(options) {
+    const bufferRef = useRef(null), [healthy, setHealthy] = useState(""), [raw, setRaw] = useState(""), [isComplete, setIsComplete] = useState(!1);
+    useEffect(() => (bufferRef.current = new MdBuffer(Object.assign(Object.assign({}, options), {
+        onFlush: snapshot => {
+            const {healthy: healthy, raw: raw, isComplete: isComplete} = snapshot;
+            setHealthy(healthy), setRaw(raw), setIsComplete(isComplete);
+        }
+    })), () => {
+        var _a;
+        null === (_a = bufferRef.current) || void 0 === _a || _a.dispose(), bufferRef.current = null;
+    }), []);
+    return {
+        raw: raw,
+        healthy: healthy,
+        isComplete: isComplete,
+        append: useCallback(value => {
+            var _a;
+            value && (null === (_a = bufferRef.current) || void 0 === _a || _a.append(value));
+        }, []),
+        flush: useCallback(() => {
+            var _a;
+            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.flush();
+        }, []),
+        complete: useCallback(() => {
+            var _a;
+            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.complete();
+        }, []),
+        reset: useCallback(() => {
+            var _a;
+            null === (_a = bufferRef.current) || void 0 === _a || _a.reset(), setHealthy(""), 
+            setRaw("");
+        }, [])
+    };
+}
+
+export { useMDStreamBuffer };

package/dist/esm/hooks/useMicrophone.mjs

@@ -0,0 +1,134 @@
+import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
+
+import { useRef, useState, useCallback, useMemo, useEffect } from "react";
+
+function useMicrophone(startMuted = !0, microphoneDeviceId) {
+    const micStream = useRef(null), micTrack = useRef(null), mutedRef = useRef(startMuted), mountedRef = useRef(!0), initializedRef = useRef(!1), [microphones, setMicrophones] = useState([]), [muted, setMuted] = useState(startMuted), [isRequesting, setIsRequesting] = useState(!1), [error, setError] = useState(null), waitForPaint = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        yield new Promise(resolve => {
+            requestAnimationFrame(() => resolve());
+        });
+    }), []), waitForTrackToBecomeActive = useCallback(track => __awaiter(this, void 0, void 0, function*() {
+        ("live" !== track.readyState || track.muted) && (yield new Promise(resolve => {
+            const handleUnmute = () => {
+                track.removeEventListener("unmute", handleUnmute), resolve();
+            };
+            track.addEventListener("unmute", handleUnmute, {
+                once: !0
+            });
+        }));
+    }), []), stopMicStream = useCallback(() => {
+        var _a;
+        const tracks = null === (_a = micStream.current) || void 0 === _a ? void 0 : _a.getTracks();
+        for (const track of null != tracks ? tracks : []) track.stop();
+        micStream.current = null, micTrack.current = null;
+    }, []), hasMediaSupport = useMemo(() => {
+        var _a;
+        return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
+    }, []), getMicTrack = useCallback(() => {
+        if (!micStream.current) throw new Error("No microphone stream found");
+        const audioTrack = micStream.current.getAudioTracks()[0];
+        if (!audioTrack) throw new Error("No audio track found");
+        return audioTrack;
+    }, []), muteMic = useCallback(() => (getMicTrack().enabled = !1, mutedRef.current = !0, 
+    setMuted(!0), !0), [ getMicTrack ]), unmuteMic = useCallback(() => (getMicTrack().enabled = !0, 
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = useCallback(deviceId => {
+        var _a;
+        const id = null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0;
+        return {
+            audio: {
+                deviceId: id ? {
+                    exact: id
+                } : void 0
+            }
+        };
+    }, [ microphoneDeviceId ]), requestMicrophone = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
+            const nextError = new Error("Microphone access is not supported");
+            return setError(nextError), mountedRef.current && setIsRequesting(!1), null;
+        }
+        setError(null), stopMicStream();
+        try {
+            return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints()), 
+            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), micStream.current;
+        } catch (error) {
+            if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) {
+                const nextError = error instanceof Error ? error : new Error("Failed to access microphone");
+                throw setError(nextError), nextError;
+            }
+            return micStream.current = yield navigator.mediaDevices.getUserMedia({
+                audio: !0
+            }), micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            micStream.current;
+        } finally {
+            setIsRequesting(!1);
+        }
+    }), [ constraints, getMicTrack, hasMediaSupport, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), refreshMicrophones = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        if (!hasMediaSupport) return [];
+        try {
+            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind);
+            return setMicrophones(mics), devices.filter(device => "audioinput" === device.kind);
+        } catch (error) {
+            return console.warn("Error getting microphone devices:", error), setMicrophones([]), 
+            [];
+        }
+    }), [ hasMediaSupport ]), setMicrophone = useCallback(deviceId => __awaiter(this, void 0, void 0, function*() {
+        setIsRequesting(!0), yield waitForPaint();
+        try {
+            if (!deviceId) return;
+            setError(null), stopMicStream(), micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId)), 
+            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current));
+        } catch (err) {
+            setError(err instanceof Error ? err : new Error("Error switching microphone")), 
+            console.warn("Error switching microphone:", err);
+        } finally {
+            setIsRequesting(!1);
+        }
+    }), [ constraints, getMicTrack, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), toggleMute = useCallback(() => {
+        try {
+            muted ? unmuteMic() : muteMic();
+        } catch (error) {
+            return void console.warn("Error toggling microphone mute:", error);
+        }
+    }, [ muted, unmuteMic, muteMic ]);
+    return useEffect(() => {
+        if (mountedRef.current = !0, hasMediaSupport && !initializedRef.current) return initializedRef.current = !0, 
+        requestMicrophone().then(() => {
+            startMuted && muteMic();
+        }).catch(err => {
+            console.error("Error accessing microphone:", err);
+        }), () => {
+            mountedRef.current = !1, stopMicStream();
+        };
+    }, [ hasMediaSupport, requestMicrophone, startMuted, muteMic, stopMicStream ]), 
+    useEffect(() => {
+        var _a;
+        if (!hasMediaSupport || !(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.addEventListener)) return;
+        refreshMicrophones();
+        const handleDeviceChange = () => {
+            refreshMicrophones();
+        };
+        return navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange), 
+        () => {
+            navigator.mediaDevices.removeEventListener("devicechange", handleDeviceChange);
+        };
+    }, [ hasMediaSupport, refreshMicrophones ]), {
+        micStream: micStream,
+        micTrack: micTrack,
+        muted: muted,
+        isSupported: hasMediaSupport,
+        isRequesting: isRequesting,
+        error: error,
+        microphones: microphones,
+        requestMicrophone: requestMicrophone,
+        stopMicrophone: stopMicStream,
+        muteMic: muteMic,
+        unmuteMic: unmuteMic,
+        toggleMute: toggleMute,
+        refreshMicrophones: refreshMicrophones,
+        setMicrophone: setMicrophone
+    };
+}
+
+export { useMicrophone };

package/dist/esm/hooks/useTrackRenders.mjs

@@ -1,8 +1,8 @@
 import { useRef, useEffect } from "react";
 
-import { d as debug } from "../chunks/misc-N8KLjOXc.mjs";
+import { d as debug } from "../chunks/misc-BeEWwOaJ.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";
 
 /**
  * Hook to log component renders, mounts, and unmounts

package/dist/esm/hooks.mjs

@@ -12,6 +12,12 @@ export { useLastUpdated } from "./hooks/useLastUpdated.mjs";
 
 export { useLocalStore } from "./hooks/useLocalStore.mjs";
 
+export { useMDStreamBuffer } from "./hooks/useMdStreamBuffer.mjs";
+
+export { useMicrophone } from "./hooks/useMicrophone.mjs";
+
+export { useAudioRecorder } from "./hooks/useAudioRecorder.mjs";
+
 export { FormFactor, useWindow } from "./hooks/useWindow.mjs";
 
 export { useObserveResize } from "./hooks/useObserveResize.mjs";
@@ -29,3 +35,7 @@ import "./theme/elevations.mjs";
 import "./theme/motion.mjs";
 
 import "./theme/type.mjs";
+
+import "./chunks/tslib.es6-C-olHjXV.mjs";
+
+import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";

package/dist/esm/index.mjs

@@ -22,81 +22,89 @@ export { useLastUpdated } from "./hooks/useLastUpdated.mjs";
 
 export { useLocalStore } from "./hooks/useLocalStore.mjs";
 
+export { useMDStreamBuffer } from "./hooks/useMdStreamBuffer.mjs";
+
+export { useMicrophone } from "./hooks/useMicrophone.mjs";
+
+export { useAudioRecorder } from "./hooks/useAudioRecorder.mjs";
+
 export { useWindow } from "./hooks/useWindow.mjs";
 
 export { useObserveResize } from "./hooks/useObserveResize.mjs";
 
-export { A as Avatar } from "./chunks/Avatar-CSLVUF_y.mjs";
+export { A as AudioBubble } from "./chunks/AudioBubble-Dvsrq1dZ.mjs";
 
-export { A as AvatarGroup } from "./chunks/AvatarGroup--ELW-bO1.mjs";
+export { A as Avatar } from "./chunks/Avatar-C8uV7ROZ.mjs";
 
-export { B as Badge } from "./chunks/Badge-DyICxZP2.mjs";
+export { A as AvatarGroup } from "./chunks/AvatarGroup-Bt1Lkn5S.mjs";
 
-export { I as IconButton } from "./chunks/IconButton-DG69Vlhj.mjs";
+export { B as Badge } from "./chunks/Badge-D-U1jomY.mjs";
 
-export { C as Camera } from "./chunks/Camera-BqmVsVKy.mjs";
+export { I as IconButton } from "./chunks/IconButton-oAB8ZFTf.mjs";
 
-export { C as CheckBox } from "./chunks/CheckBox-BsaYFNC6.mjs";
+export { C as Camera } from "./chunks/Camera-DSSiOeJd.mjs";
 
-export { D as DivInput } from "./chunks/DivInput-DeSpC8Wm.mjs";
+export { C as CheckBox } from "./chunks/CheckBox-B6zWSySW.mjs";
 
-export { D as Dot } from "./chunks/Dot-CLGwQu-i.mjs";
+export { D as DivInput } from "./chunks/DivInput-cIMIH07H.mjs";
 
-export { D as DraggablePanel } from "./chunks/DrggablePanel-Ddi0vPRp.mjs";
+export { D as Dot } from "./chunks/Dot-Cj6gWj4_.mjs";
 
-export { D as DropDown } from "./chunks/DropDown-DOJvg96J.mjs";
+export { D as DraggablePanel } from "./chunks/DrggablePanel-CQcIbxpX.mjs";
 
-export { E as ErrorSummary } from "./chunks/ErrorSummary-CHLkvdHk.mjs";
+export { D as DropDown } from "./chunks/DropDown-B98ZoY1x.mjs";
 
-export { G as Grouper } from "./chunks/Grouper-DR14qDXP.mjs";
+export { E as ErrorSummary } from "./chunks/ErrorSummary-Mz9siVxm.mjs";
 
-export { O as Overlay } from "./chunks/Overlay-TOzZXnwF.mjs";
+export { G as Grouper } from "./chunks/Grouper-B04WxD6K.mjs";
 
-export { F as FlexDiv, S as Size } from "./chunks/_types-CPrEyJX9.mjs";
+export { O as Overlay } from "./chunks/Overlay-3KkyDm1f.mjs";
 
-export { P as Pager } from "./chunks/Pager-BYT7_mCb.mjs";
+export { F as FlexDiv, S as Size } from "./chunks/_types-DOQAaLqq.mjs";
 
-export { P as PromptInput } from "./chunks/PromptInput-CpxUcInZ.mjs";
+export { P as Pager } from "./chunks/Pager-DmiwYLl5.mjs";
 
-export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-D7paCpgY.mjs";
+export { P as PromptInput } from "./chunks/PromptInput-D4Q-DWjz.mjs";
 
-export { R as RadioButton } from "./chunks/RadioButton-B5ZF5oJ_.mjs";
+export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-CxsZm_As.mjs";
 
-export { R as RadioButtonList } from "./chunks/RadioButtonList-D9ZAZgkK.mjs";
+export { R as RadioButton } from "./chunks/RadioButton-B0jvM5VW.mjs";
 
-export { S as Slider } from "./chunks/Slider-DL2iuNlh.mjs";
+export { R as RadioButtonList } from "./chunks/RadioButtonList-DBRAv87_.mjs";
 
-export { S as Spacer } from "./chunks/Spacer-BlgEdKEM.mjs";
+export { S as Slider } from "./chunks/Slider-CONGTXUE.mjs";
 
-export { S as Switch } from "./chunks/Switch-BhCOo5Lu.mjs";
+export { S as Spacer } from "./chunks/Spacer-C5fcJYq-.mjs";
 
-export { T as TabBar } from "./chunks/TabBar-BK7OcjPl.mjs";
+export { S as Switch } from "./chunks/Switch-CyoaJwSX.mjs";
 
-export { T as TextArea } from "./chunks/TextArea-BmsEj6IA.mjs";
+export { T as TabBar } from "./chunks/TabBar-DmO1ixBz.mjs";
 
-export { T as TextField } from "./chunks/TextField-DWPpevsj.mjs";
+export { T as TextArea } from "./chunks/TextArea-Bd_obSSH.mjs";
+
+export { T as TextField } from "./chunks/TextField-CZnUNhFe.mjs";
 
 export { ThemeProvider } from "./providers/ThemeProvider.mjs";
 
-export { T as Tip } from "./chunks/Tip-BnKB9qMi.mjs";
+export { T as Tip } from "./chunks/Tip-DrQvxDsH.mjs";
 
-export { T as Toast, a as ToastType } from "./chunks/Toast-DPHLwDES.mjs";
+export { T as Toast, a as ToastType } from "./chunks/Toast-C5XSDgno.mjs";
 
-export { B as Button } from "./chunks/Button-daLv0i7S.mjs";
+export { B as Button } from "./chunks/Button-sEYjFcR2.mjs";
 
-export { C as Chip } from "./chunks/Chip-BRZeD1OX.mjs";
+export { C as Chip } from "./chunks/Chip-BBKJ6wG4.mjs";
 
-export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-ePouoJpT.mjs";
+export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-DeW-ZBiv.mjs";
 
-export { I as Icon } from "./chunks/Icon-CUSQtytG.mjs";
+export { I as Icon } from "./chunks/Icon-KDwlMXzH.mjs";
 
 export { S as SliceIcons } from "./chunks/_types-C2C2Zwd0.mjs";
 
-export { B as ButtonBar } from "./chunks/ButtonBar-DXK8meQq.mjs";
+export { B as ButtonBar } from "./chunks/ButtonBar-DSR2lhhN.mjs";
 
-export { L as Label, a as LabelBackground } from "./chunks/Label-CRsE7o3D.mjs";
+export { L as Label, a as LabelBackground } from "./chunks/Label-BD7VlTDw.mjs";
 
-export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-DPiOaNpc.mjs";
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-Gpq-MhqB.mjs";
 
 import "./theme/corners.mjs";
 
@@ -104,18 +112,22 @@ import "./theme/type.mjs";
 
 import "react";
 
-import "./chunks/tslib.es6-c-7TIv71.mjs";
+import "./chunks/tslib.es6-C-olHjXV.mjs";
+
+import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";
 
 import "react/jsx-runtime";
 
-import "./chunks/misc-N8KLjOXc.mjs";
+import "./chunks/colors-FQ0uNQcW.mjs";
+
+import "./chunks/audioVisualizer-ZgT77nUw.mjs";
 
 import "./chunks/style-inject.es-D0BjEaN8.mjs";
 
-import "motion/react";
+import "./chunks/misc-BeEWwOaJ.mjs";
 
-import "./chunks/colors-FQ0uNQcW.mjs";
+import "motion/react";
 
-import "./chunks/FileList-5LElsgoE.mjs";
+import "./chunks/FileList-0Dzx15hl.mjs";
 
 import "./chunks/debounce-Bst1jxMS.mjs";

package/dist/esm/stores/LocalDB.mjs

@@ -1,6 +1,6 @@
-export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "../chunks/localDBStore-B4jkR5Jx.mjs";
+export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "../chunks/localDBStore-Dnpo5nSv.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";
 
 import "react";
 
@@ -8,4 +8,4 @@ import "zustand";
 
 import "zustand/react/shallow";
 
-import "../chunks/IndexedDB-CJgzPHPB.mjs";
+import "../chunks/IndexedDB-Dk7a4fPS.mjs";

package/dist/esm/stores/SSE.mjs

@@ -1,7 +1,7 @@
-export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "../chunks/sseStore-2JIpEKfz.mjs";
+export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "../chunks/sseStore-DjrfpNAS.mjs";
 
 import "zustand";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";
 
 import "../chunks/SSEConnection-DcA3wFsO.mjs";

package/dist/esm/stores/WS.mjs

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";
 
-import { W as WSConnection } from "../chunks/WSConnection-D9mpsVdc.mjs";
+import { W as WSConnection } from "../chunks/WSConnection-DV7k84B4.mjs";
 
 const useWSStore = create((set, get) => ({
     connections: [],

package/dist/esm/stores/uploads.mjs

@@ -1,7 +1,7 @@
-export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "../chunks/uploadsStore-D69fEXMY.mjs";
+export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "../chunks/uploadsStore-B7VECR5Q.mjs";
 
 import "zustand";
 
-import "../chunks/uploads-worker-Dv-4zGnC.mjs";
+import "../chunks/uploads-worker-7X9EwX9N.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/stores/window.mjs

@@ -1,5 +1,5 @@
-export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "../chunks/windowStore-BOTh1g37.mjs";
+export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "../chunks/windowStore-CAzx2-QV.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";
 
 import "zustand";

package/dist/esm/stores.mjs

@@ -1,25 +1,25 @@
-export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "./chunks/windowStore-BOTh1g37.mjs";
+export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as isAppleDevice, a as isElectron, b as isTouchDevice, l as location, c as locationError, u as useDpr, e as useFormFactor, h as useGetLocation, j as useGettingLocation, k as useInitializeWindow, m as useIsAppleDevice, n as useIsElectron, o as useIsTouchDevice, p as useLocation, q as useLocationError, r as useViewportHeight, s as useViewportWidth, t as useWindowStore, v as viewportHeight, w as viewportWidth } from "./chunks/windowStore-CAzx2-QV.mjs";
 
-export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "./chunks/uploadsStore-D69fEXMY.mjs";
+export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "./chunks/uploadsStore-B7VECR5Q.mjs";
 
 export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from "./chunks/tipStore-CL5a95Bl.mjs";
 
 export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from "./chunks/toastStore-D2PEIqCo.mjs";
 
-export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "./chunks/localDBStore-B4jkR5Jx.mjs";
+export { l as localDBActions, u as useLocalDB, a as useLocalDBError, b as useLocalDBStore, c as useLocalDBValues, d as useManageLocalDB } from "./chunks/localDBStore-Dnpo5nSv.mjs";
 
-export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "./chunks/sseStore-2JIpEKfz.mjs";
+export { u as useConnectionClose, a as useConnectionMessage, b as useIsConnected, c as useLastSSEMessage, d as useMessage, e as useSSE, f as useSSEActions, g as useSSEStore } from "./chunks/sseStore-DjrfpNAS.mjs";
 
-import "./chunks/tslib.es6-c-7TIv71.mjs";
+import "./chunks/tslib.es6-C-olHjXV.mjs";
 
 import "zustand";
 
-import "./chunks/uploads-worker-Dv-4zGnC.mjs";
+import "./chunks/uploads-worker-7X9EwX9N.mjs";
 
 import "react";
 
 import "zustand/react/shallow";
 
-import "./chunks/IndexedDB-CJgzPHPB.mjs";
+import "./chunks/IndexedDB-Dk7a4fPS.mjs";
 
 import "./chunks/SSEConnection-DcA3wFsO.mjs";

package/dist/esm/utils/index.mjs

@@ -1,13 +1,17 @@
-export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-N8KLjOXc.mjs";
+export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-BeEWwOaJ.mjs";
 
 export { d as debounce } from "../chunks/debounce-Bst1jxMS.mjs";
 
 export { a as addOpacity, t as tintFromColor } from "../chunks/colors-FQ0uNQcW.mjs";
 
-export { I as IndexedDB } from "../chunks/IndexedDB-CJgzPHPB.mjs";
+export { I as IndexedDB } from "../chunks/IndexedDB-Dk7a4fPS.mjs";
+
+export { A as AudioVisualizer } from "../chunks/audioVisualizer-ZgT77nUw.mjs";
+
+export { M as MdBuffer } from "../chunks/MdStreamBuffer-DNXE4XbN.mjs";
 
 export { S as SSEConnection } from "../chunks/SSEConnection-DcA3wFsO.mjs";
 
-export { W as WSConnection } from "../chunks/WSConnection-D9mpsVdc.mjs";
+export { W as WSConnection } from "../chunks/WSConnection-DV7k84B4.mjs";
 
-import "../chunks/tslib.es6-c-7TIv71.mjs";
+import "../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/utils/objects/index.mjs

@@ -1,7 +1,11 @@
-export { I as IndexedDB } from "../../chunks/IndexedDB-CJgzPHPB.mjs";
+export { I as IndexedDB } from "../../chunks/IndexedDB-Dk7a4fPS.mjs";
+
+export { A as AudioVisualizer } from "../../chunks/audioVisualizer-ZgT77nUw.mjs";
+
+export { M as MdBuffer } from "../../chunks/MdStreamBuffer-DNXE4XbN.mjs";
 
 export { S as SSEConnection } from "../../chunks/SSEConnection-DcA3wFsO.mjs";
 
-export { W as WSConnection } from "../../chunks/WSConnection-D9mpsVdc.mjs";
+export { W as WSConnection } from "../../chunks/WSConnection-DV7k84B4.mjs";
 
-import "../../chunks/tslib.es6-c-7TIv71.mjs";
+import "../../chunks/tslib.es6-C-olHjXV.mjs";

package/dist/esm/workers/uploads/uploads.mjs

@@ -1,5 +1,5 @@
-import { r as registerUploadsWorker } from "../../chunks/uploads-worker-Dv-4zGnC.mjs";
+import { r as registerUploadsWorker } from "../../chunks/uploads-worker-7X9EwX9N.mjs";
 
-import "../../chunks/tslib.es6-c-7TIv71.mjs";
+import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
 registerUploadsWorker();

package/dist/types/components/AudioBubble/AudioBubble.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AudioBubbleProps } from './_types';
+export declare const AudioBubble: React.MemoExoticComponent<(props: AudioBubbleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/components/AudioBubble/_types.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+export type AudioBubbleBaseProps = {
+    audioStream?: MediaStream | MediaStreamTrack | null;
+    playing?: boolean;
+    size?: number;
+    backgroundColor?: string;
+    glow?: boolean;
+    glowColor?: string;
+    glowSize?: number;
+    glowOffset?: number;
+    minScale?: number;
+    maxScale?: number;
+    intensity?: number;
+    peakIntensity?: number;
+    risePerSeconds?: number;
+    ReleasePerSeconds?: number;
+};
+export type AudioBubbleProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AudioBubbleBaseProps> & AudioBubbleBaseProps;

package/dist/types/components/AudioBubble/index.d.ts

@@ -0,0 +1,2 @@
+export { AudioBubble } from './AudioBubble';
+export type { AudioBubbleProps } from './_types';

package/dist/types/components/Textfield/_types.d.ts

@@ -17,8 +17,7 @@ type TextFieldBaseProps = {
     onPaste?: (value: React.ClipboardEvent<HTMLInputElement>) => void;
     onClear?: () => void;
     onAction?: () => void;
-    onValidate?: (state: boolean) => void;
-    isValid?: boolean;
+    error?: boolean;
     inline?: boolean;
     maxLength?: number;
     size?: {
@@ -39,7 +38,6 @@ type TextFieldBaseProps = {
     textColorPlaceholder?: string;
     textColorDisabled?: string;
     labelColor?: string;
-    validate?: boolean;
     iconLeft?: {
         name?: string;
         size?: number;