@apple-pie/slice 0.1.21 → 0.1.23

package/dist/cjs/components/UploadArea/index.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var UploadArea = require("../../chunks/UploadArea-CKuE4rtg.js");
+var UploadArea = require("../../chunks/UploadArea-BS2BPuhZ.js");
 
 require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-BHwBIics.js"), 
-require("../../chunks/FileIcon-CZLe2S2l.js"), require("../../hooks/useTheme.js"), 
+require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-DjTXjXnK.js"), 
+require("../../chunks/FileIcon-xoD-xIme.js"), require("../../hooks/useTheme.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
 require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Icon-D1EB8S5r.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-BGqIwycX.js"), require("motion/react"), 
+require("../../chunks/Icon-BB-t50Yt.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/ProgressIndicator-8QZwTSyY.js"), require("motion/react"), 
 exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
 exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes, 
 exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes, 

package/dist/cjs/hooks/useAudioRecorder.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
+
+exports.useAudioRecorder = function(audioStream) {
+    const audioBlob = React.useRef(null), mediaRecorderRef = React.useRef(null), recordedChunksRef = React.useRef([]), stopResolveRef = React.useRef(null), [error, setError] = React.useState(null), [isRecording, setIsRecording] = React.useState(!1), [recordingSizeMb, setRecordingSizeMb] = React.useState(0), [mimeType, setMimeType] = React.useState(null), resetRecording = React.useCallback(() => {
+        audioBlob.current = null, recordedChunksRef.current = [], setRecordingSizeMb(0), 
+        setError(null);
+    }, []), startRecording = React.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 = React.useCallback(() => tslib_es6.__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 React.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
+    };
+};

package/dist/cjs/hooks/useMdStreamBuffer.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var React = require("react");
+
+require("../chunks/tslib.es6-C8dZW5nY.js");
+
+var MdStreamBuffer = require("../chunks/MdStreamBuffer-DObxjnAm.js");
+
+exports.useMDStreamBuffer = function(options) {
+    const bufferRef = React.useRef(null), [healthy, setHealthy] = React.useState(""), [raw, setRaw] = React.useState(""), [isComplete, setIsComplete] = React.useState(!1);
+    return React.useEffect(() => (bufferRef.current = new MdStreamBuffer.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;
+    }), []), {
+        raw: raw,
+        healthy: healthy,
+        isComplete: isComplete,
+        append: React.useCallback(value => {
+            var _a;
+            value && (null === (_a = bufferRef.current) || void 0 === _a || _a.append(value));
+        }, []),
+        flush: React.useCallback(() => {
+            var _a;
+            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.flush();
+        }, []),
+        complete: React.useCallback(() => {
+            var _a;
+            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.complete();
+        }, []),
+        reset: React.useCallback(() => {
+            var _a;
+            null === (_a = bufferRef.current) || void 0 === _a || _a.reset(), setHealthy(""), 
+            setRaw("");
+        }, [])
+    };
+};

package/dist/cjs/hooks/useMicrophone.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
+
+exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
+    const micStream = React.useRef(null), micTrack = React.useRef(null), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), waitForPaint = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        yield new Promise(resolve => {
+            requestAnimationFrame(() => resolve());
+        });
+    }), []), waitForTrackToBecomeActive = React.useCallback(track => tslib_es6.__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 = React.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 = React.useMemo(() => {
+        var _a;
+        return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
+    }, []), getMicTrack = React.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 = React.useCallback(() => (getMicTrack().enabled = !1, mutedRef.current = !0, 
+    setMuted(!0), !0), [ getMicTrack ]), unmuteMic = React.useCallback(() => (getMicTrack().enabled = !0, 
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = React.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 = React.useCallback(() => tslib_es6.__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 = React.useCallback(() => tslib_es6.__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 = React.useCallback(deviceId => tslib_es6.__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 = React.useCallback(() => {
+        try {
+            muted ? unmuteMic() : muteMic();
+        } catch (error) {
+            return void console.warn("Error toggling microphone mute:", error);
+        }
+    }, [ muted, unmuteMic, muteMic ]);
+    return React.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 ]), 
+    React.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
+    };
+};

package/dist/cjs/hooks.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js");
+var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js");
 
 require("react"), require("./theme/themes.js"), require("./theme/colors.js"), require("./theme/corners.js"), 
 require("./theme/elevations.js"), require("./theme/motion.js"), require("./theme/type.js"), 
+require("./chunks/tslib.es6-C8dZW5nY.js"), require("./chunks/MdStreamBuffer-DObxjnAm.js"), 
 exports.useTheme = hooks_useTheme.useTheme, exports.useObserveTheme = hooks_useObserveTheme.useObserveTheme, 
 exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick, exports.useToolTip = hooks_useToolTip.useToolTip, 
 exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts, 
 exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated, exports.useLocalStore = hooks_useLocalStore.useLocalStore, 
-Object.defineProperty(exports, "FormFactor", {
+exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useMicrophone = hooks_useMicrophone.useMicrophone, 
+exports.useAudioRecorder = hooks_useAudioRecorder.useAudioRecorder, Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return hooks_useWindow.FormFactor;

package/dist/cjs/index.js

@@ -1,10 +1,11 @@
 "use strict";
 
-var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), Avatar = require("./chunks/Avatar-CUaQ3kN1.js"), AvatarGroup = require("./chunks/AvatarGroup-B3M7o4Hh.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-B07Ttxbr.js"), Camera = require("./chunks/Camera-rVC4KI4v.js"), CheckBox = require("./chunks/CheckBox-DQRLqTAK.js"), DivInput = require("./chunks/DivInput-DO3Dgbjp.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CkhCXqKv.js"), DropDown = require("./chunks/DropDown-C3AZ5b_b.js"), ErrorSummary = require("./chunks/ErrorSummary-BTgAd3sK.js"), Grouper = require("./chunks/Grouper-D4yyHHkM.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), _types = require("./chunks/_types-Sa2RAJ2U.js"), Pager = require("./chunks/Pager-BN37VYEC.js"), PromptInput = require("./chunks/PromptInput-z6TuhHsG.js"), ProgressIndicator = require("./chunks/ProgressIndicator-BGqIwycX.js"), RadioButton = require("./chunks/RadioButton-DuIsM4lu.js"), RadioButtonList = require("./chunks/RadioButtonList-bu11ILyw.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Cbn0ql3B.js"), TabBar = require("./chunks/TabBar-Bcq_n4Mk.js"), TextArea = require("./chunks/TextArea-BSKbDOEt.js"), TextField = require("./chunks/TextField-BNacOZVx.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-DAxoyMyA.js"), Toast = require("./chunks/Toast-CZzAWG0S.js"), Button = require("./chunks/Button-DXvjvGtY.js"), Chip = require("./chunks/Chip-Pv9-KTnh.js"), FileIcon = require("./chunks/FileIcon-CZLe2S2l.js"), Icon = require("./chunks/Icon-D1EB8S5r.js"), _types$1 = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-BZ6sme27.js"), Label = require("./chunks/Label-CTzvGcds.js"), UploadArea = require("./chunks/UploadArea-CKuE4rtg.js");
+var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), AudioBubble = require("./chunks/AudioBubble-v4xKclI8.js"), Avatar = require("./chunks/Avatar-CUaQ3kN1.js"), AvatarGroup = require("./chunks/AvatarGroup-B3M7o4Hh.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-BUw3YUsI.js"), Camera = require("./chunks/Camera-CLm3aQR8.js"), CheckBox = require("./chunks/CheckBox-DDINn56u.js"), DivInput = require("./chunks/DivInput-DO3Dgbjp.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CERavfv3.js"), DropDown = require("./chunks/DropDown-CJH-Y6Z5.js"), ErrorSummary = require("./chunks/ErrorSummary-BfVHS893.js"), Grouper = require("./chunks/Grouper-RYRxazG9.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), _types = require("./chunks/_types-Sa2RAJ2U.js"), Pager = require("./chunks/Pager-BN37VYEC.js"), PromptInput = require("./chunks/PromptInput-D1wP5-uN.js"), ProgressIndicator = require("./chunks/ProgressIndicator-8QZwTSyY.js"), RadioButton = require("./chunks/RadioButton-Cvqum7dU.js"), RadioButtonList = require("./chunks/RadioButtonList-CPHTioGa.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Cbn0ql3B.js"), TabBar = require("./chunks/TabBar-CnD3E-qa.js"), TextArea = require("./chunks/TextArea-rWqDDui3.js"), TextField = require("./chunks/TextField-C6U-qhDt.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-DAxoyMyA.js"), Toast = require("./chunks/Toast-D2fpwdjF.js"), Button = require("./chunks/Button-DmWbooXb.js"), Chip = require("./chunks/Chip-DRSg6kLh.js"), FileIcon = require("./chunks/FileIcon-xoD-xIme.js"), Icon = require("./chunks/Icon-BB-t50Yt.js"), _types$1 = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-RSBwFaU-.js"), Label = require("./chunks/Label-NzMpkZo2.js"), UploadArea = require("./chunks/UploadArea-BS2BPuhZ.js");
 
 require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"), 
-require("react/jsx-runtime"), require("./chunks/misc-BTF7BCZW.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
-require("motion/react"), require("./chunks/colors-njquvHkx.js"), require("./chunks/FileList-BHwBIics.js"), 
+require("./chunks/MdStreamBuffer-DObxjnAm.js"), require("react/jsx-runtime"), require("./chunks/colors-njquvHkx.js"), 
+require("./chunks/audioVisualizer-EIfIjWH7.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
+require("./chunks/misc-BTF7BCZW.js"), require("motion/react"), require("./chunks/FileList-DjTXjXnK.js"), 
 require("./chunks/debounce-BF4i6uIC.js"), Object.defineProperty(exports, "ToolTipType", {
     enumerable: !0,
     get: function() {
@@ -17,7 +18,9 @@ exports.useTheme = hooks_useTheme.useTheme, exports.useObserveTheme = hooks_useO
 exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick, exports.useToolTip = hooks_useToolTip.useToolTip, 
 exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts, 
 exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated, exports.useLocalStore = hooks_useLocalStore.useLocalStore, 
-exports.useWindow = hooks_useWindow.useWindow, exports.useObserveResize = hooks_useObserveResize.useObserveResize, 
+exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useMicrophone = hooks_useMicrophone.useMicrophone, 
+exports.useAudioRecorder = hooks_useAudioRecorder.useAudioRecorder, exports.useWindow = hooks_useWindow.useWindow, 
+exports.useObserveResize = hooks_useObserveResize.useObserveResize, exports.AudioBubble = AudioBubble.AudioBubble, 
 exports.Avatar = Avatar.Avatar, exports.AvatarGroup = AvatarGroup.AvatarGroup, exports.Badge = Badge.Badge, 
 exports.IconButton = IconButton.IconButton, exports.Camera = Camera.Camera, exports.CheckBox = CheckBox.CheckBox, 
 exports.DivInput = DivInput.DivInput, exports.Dot = Dot.Dot, exports.DraggablePanel = DrggablePanel.DraggablePanel, 

package/dist/cjs/utils/index.js

@@ -1,8 +1,9 @@
 "use strict";
 
-var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BaVmQgkK.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
+var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-DObxjnAm.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
 
 require("../chunks/tslib.es6-C8dZW5nY.js"), exports.copyToClipboard = misc.copyToClipboard, 
 exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.addOpacity = colors.addOpacity, 
 exports.tintFromColor = colors.tintFromColor, exports.IndexedDB = IndexedDB.IndexedDB, 
+exports.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer, 
 exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;

package/dist/cjs/utils/objects/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
+var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-DObxjnAm.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
+exports.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer, 
 exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;

package/dist/esm/chunks/AudioBubble-Dvsrq1dZ.mjs

@@ -0,0 +1,62 @@
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+
+import { jsx } from "react/jsx-runtime";
+
+import React, { useRef, useState, useMemo, useEffect } from "react";
+
+import { useTheme } from "../hooks/useTheme.mjs";
+
+import "../theme/colors.mjs";
+
+import { a as addOpacity } from "./colors-FQ0uNQcW.mjs";
+
+import { A as AudioVisualizer } from "./audioVisualizer-ZgT77nUw.mjs";
+
+import "../hooks/useWindow.mjs";
+
+import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
+
+var css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";
+
+styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AudioBubble-module_wrapper__f2yKg {\n\tmin-height: var(--ab-size);\n\tmin-width: var(--ab-size);\n\theight: var(--ab-size);\n\twidth: var(--ab-size);\n\toverflow: visible;\n}\n\n.AudioBubble-module_bubble__bpPT3 {\n\tmin-height: var(--ab-size);\n\tmin-width: var(--ab-size);\n\theight: var(--ab-size);\n\twidth: var(--ab-size);\n\tborder-radius: 100%;\n\tbackground: var(--ab-bg-color);\n\tbox-shadow: var(--ab-box-shadow);\n\ttransition: transform 40ms linear 0s;\n}\n");
+
+const AudioBubble = React.memo(props => {
+    const lightColor = useTheme().current.colors["core-text-light"], {audioStream: audioStream, playing: playing = !1, size: size = 64, backgroundColor: backgroundColor = lightColor, glow: glow = !0, glowColor: glowColor = addOpacity(lightColor, .1), glowSize: glowSize = 48, glowOffset: glowOffset = 18, minScale: minScale = 1, maxScale: maxScale = 3, intensity: intensity = 2.2, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, ReleasePerSeconds: ReleasePerSeconds = 1.5} = props, divAttributes = __rest(props, [ "audioStream", "playing", "size", "backgroundColor", "glow", "glowColor", "glowSize", "glowOffset", "minScale", "maxScale", "intensity", "peakIntensity", "risePerSeconds", "ReleasePerSeconds" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = useRef(null), [scale, setScale] = useState(minScale), visualizerSettings = useMemo(() => ({
+        minScale: minScale,
+        maxScale: maxScale,
+        intensityMultiplier: intensity,
+        peakIntensity: peakIntensity,
+        risePerSecond: risePerSeconds,
+        releasePerSecond: ReleasePerSeconds,
+        onUpdate: ({scale: nextScale}) => setScale(nextScale)
+    }), [ minScale, maxScale, intensity, peakIntensity, risePerSeconds, ReleasePerSeconds ]), setGlow = useMemo(() => glow ? `0 ${glowOffset}px ${glowSize}px ${glowColor}` : "unset", [ glow, glowColor, glowSize, glowOffset ]), cssVars = useMemo(() => ({
+        "--ab-size": `${size}px`,
+        "--ab-bg-color": backgroundColor,
+        "--ab-box-shadow": setGlow
+    }), [ size, backgroundColor, setGlow ]);
+    return useEffect(() => {
+        var _a;
+        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
+        !audioStream) return void setScale(minScale);
+        const visualizer = new AudioVisualizer(audioStream, visualizerSettings);
+        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
+            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
+        };
+    }, [ audioStream, minScale, playing, visualizerSettings ]), useEffect(() => {
+        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
+        setScale(minScale)));
+    }, [ minScale, playing ]), jsx("div", Object.assign({
+        id: divId,
+        className: `${css_wrapper}${divClass}`,
+        style: divStyle
+    }, rest, {
+        children: jsx("div", {
+            className: css_bubble,
+            style: Object.assign(Object.assign({}, cssVars), {
+                transform: `scale(${scale})`
+            })
+        })
+    }));
+});
+
+export { AudioBubble as A };

package/dist/esm/chunks/{Avatar-CSLVUF_y.mjs → Avatar-C8uV7ROZ.mjs}

@@ -1,10 +1,10 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
 
-import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-N8KLjOXc.mjs";
+import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{AvatarGroup--ELW-bO1.mjs → AvatarGroup-Bt1Lkn5S.mjs}

@@ -1,10 +1,10 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
-import { A as Avatar } from "./Avatar-CSLVUF_y.mjs";
+import { A as Avatar } from "./Avatar-C8uV7ROZ.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Badge-DyICxZP2.mjs → Badge-D-U1jomY.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Button-daLv0i7S.mjs → Button-sEYjFcR2.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -6,13 +6,13 @@ import { motion } from "motion/react";
 
 import React, { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useMemo } from "react";
 
-import { B as Badge } from "./Badge-DyICxZP2.mjs";
+import { B as Badge } from "./Badge-D-U1jomY.mjs";
 
-import { D as Dot } from "./Dot-CLGwQu-i.mjs";
+import { D as Dot } from "./Dot-Cj6gWj4_.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-D7paCpgY.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-CxsZm_As.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{ButtonBar-DXK8meQq.mjs → ButtonBar-DSR2lhhN.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
 
-import { s as setStyle } from "./misc-N8KLjOXc.mjs";
+import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Camera-BqmVsVKy.mjs → Camera-DSSiOeJd.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-c-7TIv71.mjs";
+import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -8,15 +8,15 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "../hooks/useWindow.mjs";
-
-import { a as accessibleKeyDown } from "./misc-N8KLjOXc.mjs";
+import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
 
 import { a as addOpacity } from "./colors-FQ0uNQcW.mjs";
 
-import { A as Avatar } from "./Avatar-CSLVUF_y.mjs";
+import "../hooks/useWindow.mjs";
+
+import { A as Avatar } from "./Avatar-C8uV7ROZ.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{CheckBox-BsaYFNC6.mjs → CheckBox-B6zWSySW.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -6,9 +6,9 @@ import { motion } from "motion/react";
 
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-N8KLjOXc.mjs";
+import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Chip-BRZeD1OX.mjs → Chip-BBKJ6wG4.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-N8KLjOXc.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{DivInput-DeSpC8Wm.mjs → DivInput-cIMIH07H.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -6,7 +6,7 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useCallback, useEffect, useMemo } from "react";
 
-import { b as cleanString } from "./misc-N8KLjOXc.mjs";
+import { b as cleanString } from "./misc-BeEWwOaJ.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Dot-CLGwQu-i.mjs → Dot-Cj6gWj4_.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{DrggablePanel-Ddi0vPRp.mjs → DrggablePanel-CQcIbxpX.mjs}

@@ -1,4 +1,4 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -8,12 +8,12 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import { p as pointerPosition } from "./misc-BeEWwOaJ.mjs";
+
 import "../hooks/useWindow.mjs";
 
 import { useObserveResize } from "../hooks/useObserveResize.mjs";
 
-import { p as pointerPosition } from "./misc-N8KLjOXc.mjs";
-
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
 var css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";

package/dist/esm/chunks/{DropDown-DOJvg96J.mjs → DropDown-B98ZoY1x.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
+import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-N8KLjOXc.mjs";
+import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-KDwlMXzH.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";