@apple-pie/slice 0.1.31 → 0.1.33

package/dist/esm/chunks/{TabBar-RBXExqMK.mjs → TabBar-C1DYnCRx.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,15 +9,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
+
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-pLwG0zm7.mjs";
+import { B as Badge } from "./Badge-bh5UVUnt.mjs";
 
-import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-U5H1I85x.mjs";
+import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
 
 var css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
 

package/dist/esm/chunks/{TextArea-CIlx_P26.mjs → TextArea-CF3r5m2G.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-BJoMLZIs.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
 var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 

package/dist/esm/chunks/{TextField-CX72ybwH.mjs → TextField-BNfTj9v2.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-CTGTuM2J.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-BJoMLZIs.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
-import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Tip-COBSyEjm.mjs → Tip-DIKQvxxO.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-CTGTuM2J.mjs";
+import { f as filterClasses } from "./misc-zecH7-IH.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Toast-BTm3HxDD.mjs → Toast-CkXPrDpp.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,13 +11,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BnqZFATV.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
 
 var ToastType, css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
@@ -35,7 +41,7 @@ var ToastType, css = {
 }(ToastType || (ToastType = {}));
 
 const ToastBase = React.forwardRef((props, ref) => {
-    const {message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, progress: progress, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = useState(!1), [content, setContent] = useState(null), timer = useRef(null);
+    const {notifId: notifId, message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, progress: progress, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "notifId", "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = useState(!1), [content, setContent] = useState(null), timer = useRef(null);
     useEffect(() => {
         timer.current && clearTimeout(timer.current);
         return message && message.length > 0 ? timer.current = setTimeout(() => {
@@ -178,7 +184,7 @@ const ToastBase = React.forwardRef((props, ref) => {
                     strokeColor: iconColor
                 })
             }) ]
-        }))
+        }), notifId)
     });
 });
 

package/dist/esm/chunks/{ToggleButton-DujsCKF3.mjs → ToggleButton-Dvy8fc4t.mjs}

@@ -2,14 +2,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import { useMemo } from "react";
 
-import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
-import { L as Label } from "./Label-DhmJ_Sln.mjs";
+import { L as Label } from "./Label-wDPtyK4h.mjs";
 
 var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 function ToggleButton(props) {
-    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = props, handleClick = () => {
+    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = props, handleClick = () => {
         if (!unselect && selected) return;
         const newState = !selected;
         null == onChange || onChange(newState), newState && (null == onSelect || onSelect());
@@ -33,7 +33,8 @@ function ToggleButton(props) {
             iconSize: iconSize,
             iconFill: fill,
             disabled: disabled,
-            onToolTip: onToolTip
+            onToolTip: onToolTip,
+            border: border
         }), (children || label) && jsx(Label, {
             textSize: textSize,
             borderSize: 0,

package/dist/esm/chunks/{UploadArea-D--Nt8Ed.mjs → UploadArea-D_xGzR2e.mjs}

@@ -3,13 +3,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useId, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
 
-import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+import { F as FileList } from "./FileList-CztHFCJe.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BnqZFATV.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { F as FileList } from "./FileList-C1tOvoc0.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",

package/dist/esm/chunks/{WSConnection-BMXcuW3f.mjs → WSConnection-TiYLENWB.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/esm/chunks/WebRTCConnection-d0Yvd66q.mjs

@@ -0,0 +1,252 @@
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+
+class WebRTCConnection {
+    /**
+     * Report whether the peer connection is currently connected
+     */
+    get connected() {
+        return "connected" === this.peerConnection.connectionState;
+    }
+    /**
+     * Report whether the connection currently has an audio path attached
+     */    get audioConnected() {
+        var _a, _b;
+        const hasLocalAudioTrack = "live" === (null === (_b = null === (_a = this.RTCSenderAudioSender) || void 0 === _a ? void 0 : _a.track) || void 0 === _b ? void 0 : _b.readyState), hasRemoteAudioTrack = this.RTCReceiverAudioTracks.size > 0;
+        return Boolean(hasLocalAudioTrack || hasRemoteAudioTrack);
+    }
+    /**
+     * Report whether the connection currently has a video path attached
+     */    get videoConnected() {
+        var _a, _b;
+        const hasLocalVideoTrack = "live" === (null === (_a = this.RTCSenderVideoTrack) || void 0 === _a ? void 0 : _a.readyState) || "live" === (null === (_b = this.RTCScreenShareTrack) || void 0 === _b ? void 0 : _b.readyState), hasRemoteVideoTrack = this.RTCReceiverVideoTracks.size > 0;
+        return Boolean(hasLocalVideoTrack || hasRemoteVideoTrack);
+    }
+    /**
+     * Report whether any data channel is currently open
+     */    get dataConnected() {
+        return this.RTCDataChannels.some(channel => "open" === channel.readyState);
+    }
+    /**
+     * Create the base instance
+     */    constructor(rtcConnectionInfo) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (this.RTCSenderAudioTrack = null, this.RTCSenderVideoTrack = null, this.RTCSenderAudioSender = null, 
+        this.RTCSenderAudioStream = new MediaStream, this.RTCScreenShareTrack = null, this.RTCScreenShareSender = null, 
+        this.RTCReceiverAudioStream = new MediaStream, this.RTCReceiverVideoTracks = new Map, 
+        this.RTCReceiverAudioTracks = new Map, this.RTCDataChannels = [], this.connectionUrl = "", 
+        this.connectionOffer = null, this.autoPlayAudio = !0, this.iceTimer = null, !globalThis.document) throw new Error("RTC needs a valid browser environment");
+        if (this.connectionUrl = null !== (_a = rtcConnectionInfo.connectionUrl) && void 0 !== _a ? _a : "", 
+        this.peerConnection = new RTCPeerConnection, this.RTCSenderAudioTrack = null !== (_d = null !== (_c = null === (_b = rtcConnectionInfo.micStream) || void 0 === _b ? void 0 : _b.getAudioTracks()[0]) && void 0 !== _c ? _c : rtcConnectionInfo.micTrack) && void 0 !== _d ? _d : null, 
+        !this.RTCSenderAudioTrack) throw new Error("WebRTCConnection requires a microphone stream or track");
+        this.RTCSenderVideoTrack = rtcConnectionInfo.videoTrack, this.audioElement = null !== (_e = rtcConnectionInfo.audioElement) && void 0 !== _e ? _e : document.createElement("audio"), 
+        this.autoPlayAudio = null === (_f = rtcConnectionInfo.autoPlayAudio) || void 0 === _f || _f;
+        const channels = null !== (_g = rtcConnectionInfo.dataChannels) && void 0 !== _g ? _g : [];
+        this.onRemoteVideoStream = rtcConnectionInfo.onRemoteVideoStream, this.onRemoteAudioStream = rtcConnectionInfo.onRemoteAudioStream, 
+        this.onDataChannelEvent = rtcConnectionInfo.onDataChannelEvent, this.setupIncomingAudioStream(), 
+        "number" == typeof rtcConnectionInfo.volume && this.setVolume(rtcConnectionInfo.volume), 
+        this.setupOutgoingMediaStream(), this.setupDataChannels(channels), this.setupDataChannelEventListeners(), 
+        this.peerConnection.ontrack = this.onTrack.bind(this);
+    }
+    /**
+     * Initialize the RTC connection
+     */    initialize(offerOptions, bearerToken) {
+        return __awaiter(this, void 0, void 0, function*() {
+            this.offerOptions = offerOptions, this.bearerToken = bearerToken, yield this.negotiate();
+        });
+    }
+    /**
+     * Start an optional screen share stream and renegotiate if already connected
+     */    startScreenShare() {
+        return __awaiter(this, void 0, void 0, function*() {
+            var _a, _b;
+            if (!(null === (_b = null === (_a = globalThis.navigator) || void 0 === _a ? void 0 : _a.mediaDevices) || void 0 === _b ? void 0 : _b.getDisplayMedia)) throw new Error("Screen share is not supported in this browser");
+            if (this.RTCScreenShareSender) return;
+            const screenTrack = (yield navigator.mediaDevices.getDisplayMedia({
+                video: !0,
+                audio: !1
+            })).getVideoTracks()[0];
+            if (!screenTrack) throw new Error("No screen share video track was provided");
+            const screenShareStream = new MediaStream([ screenTrack ]);
+            this.RTCScreenShareTrack = screenTrack, this.RTCScreenShareSender = this.peerConnection.addTrack(screenTrack, screenShareStream), 
+            screenTrack.addEventListener("ended", () => {
+                this.stopScreenShare(!1);
+            }), this.peerConnection.remoteDescription && (yield this.negotiate());
+        });
+    }
+    /**
+     * Stop the optional screen share stream and renegotiate if already connected
+     */    stopScreenShare() {
+        return __awaiter(this, arguments, void 0, function*(stopTrack = !0) {
+            this.RTCScreenShareSender && (this.peerConnection.removeTrack(this.RTCScreenShareSender), 
+            this.RTCScreenShareSender = null), stopTrack && this.RTCScreenShareTrack && this.RTCScreenShareTrack.stop(), 
+            this.RTCScreenShareTrack = null, this.peerConnection.remoteDescription && (yield this.negotiate());
+        });
+    }
+    /**
+     * Create an offer, wait for ICE gathering, POST SDP, and apply the answer
+     */    negotiate() {
+        return __awaiter(this, void 0, void 0, function*() {
+            var _a;
+            if (!this.peerConnection) throw new Error("Peer connection not initialized");
+            if (!this.connectionUrl) throw new Error("Peer connection url not provided");
+            this.connectionOffer = yield this.peerConnection.createOffer(this.offerOptions), 
+            yield this.peerConnection.setLocalDescription(this.connectionOffer), yield this.waitForIceGathering();
+            const headers = {
+                "Content-Type": "application/sdp"
+            };
+            this.bearerToken && "" !== this.bearerToken && (headers.Authorization = `Bearer ${this.bearerToken}`);
+            const sdpResponse = yield fetch(this.connectionUrl, {
+                method: "POST",
+                body: null === (_a = this.connectionOffer) || void 0 === _a ? void 0 : _a.sdp,
+                headers: headers
+            });
+            if (!sdpResponse.ok) throw new Error(`Failed to send connection offer to ${this.connectionUrl}. Status: ${sdpResponse.status} ${sdpResponse.statusText}`);
+            const sdpReply = {
+                type: "answer",
+                sdp: yield sdpResponse.text()
+            };
+            yield this.peerConnection.setRemoteDescription(sdpReply);
+        });
+    }
+    /**
+     * Send a JSON-serializable payload over a named data channel
+     */    sendMessage(channelName, data) {
+        const channel = this.RTCDataChannels.find(dataChannel => dataChannel.label === channelName);
+        if (!channel) throw new Error(`Data channel "${channelName}" not found`);
+        if ("open" !== channel.readyState) throw new Error(`Data channel "${channelName}" is not open. Current state: ${channel.readyState}`);
+        channel.send(JSON.stringify(data));
+    }
+    /**
+     * Mute or unmute all incoming audio playback
+     */    muteAllAudio(muted) {
+        this.audioElement.muted = muted;
+    }
+    /**
+     * Mute or unmute a specific incoming audio track
+     */    muteAudioTrack(trackId, muted) {
+        const track = this.RTCReceiverAudioTracks.get(trackId);
+        if (!track) throw new Error(`Audio track "${trackId}" not found`);
+        track.enabled = !muted;
+    }
+    /**
+     * Set the playback volume for the incoming audio element
+     */    setVolume(volume) {
+        this.audioElement.volume = Math.max(0, Math.min(1, volume));
+    }
+    /**
+     * Replace the outgoing audio source with the first track from a stream
+     */    setOutgoingAudioStream(stream) {
+        return __awaiter(this, void 0, void 0, function*() {
+            var _a;
+            yield this.replaceAudioTrack(null !== (_a = null == stream ? void 0 : stream.getAudioTracks()[0]) && void 0 !== _a ? _a : null);
+        });
+    }
+    /**
+     * Replace the outgoing audio track without rebuilding the peer connection
+     */    replaceAudioTrack(track) {
+        return __awaiter(this, void 0, void 0, function*() {
+            this.RTCSenderAudioTrack = track, this.syncSenderAudioStream(track), this.RTCSenderAudioSender ? yield this.RTCSenderAudioSender.replaceTrack(track) : track && (this.RTCSenderAudioSender = this.peerConnection.addTrack(track, this.RTCSenderAudioStream), 
+            this.peerConnection.remoteDescription && (yield this.negotiate()));
+        });
+    }
+    /**
+     * Close the peer connection and release local media bindings
+     */    close() {
+        this.iceTimer && (clearTimeout(this.iceTimer), this.iceTimer = null), this.RTCScreenShareSender && (this.peerConnection.removeTrack(this.RTCScreenShareSender), 
+        this.RTCScreenShareSender = null), this.RTCSenderAudioSender && (this.peerConnection.removeTrack(this.RTCSenderAudioSender), 
+        this.RTCSenderAudioSender = null), this.RTCScreenShareTrack = null, this.RTCSenderAudioTrack = null, 
+        this.audioElement.srcObject = null, this.peerConnection.close();
+    }
+    /**
+     * Create an audio source node from the unified incoming audio stream
+     */    createIncomingAudioSource(audioContext) {
+        return audioContext.createMediaStreamSource(this.RTCReceiverAudioStream);
+    }
+    /**
+     * Handle track events adding them to the unified audio and video streams
+     */    onTrack(event) {
+        var _a, _b;
+        if (event.streams[0]) {
+            if ("video" === event.track.kind) {
+                const stream = event.streams[0], id = stream.id;
+                this.RTCReceiverVideoTracks.has(id) || (this.RTCReceiverVideoTracks.set(id, stream), 
+                null === (_a = this.onRemoteVideoStream) || void 0 === _a || _a.call(this, this.RTCReceiverVideoTracks));
+            }
+            if ("audio" === event.track.kind) {
+                const id = event.track.id;
+                this.RTCReceiverAudioTracks.has(id) || (this.RTCReceiverAudioStream.addTrack(event.track), 
+                this.RTCReceiverAudioTracks.set(id, event.track), null === (_b = this.onRemoteAudioStream) || void 0 === _b || _b.call(this, new Map([ [ this.RTCReceiverAudioStream.id, this.RTCReceiverAudioStream ] ])));
+            }
+        }
+    }
+    /**
+     * Create a local audio element and set its source to the rtc incoming media stream
+     */    setupIncomingAudioStream() {
+        this.audioElement.autoplay = this.autoPlayAudio, this.audioElement.srcObject = this.RTCReceiverAudioStream;
+    }
+    /**
+     * Set up a local stream with mic and video tracks and add to peer connection
+     */    setupOutgoingMediaStream() {
+        if (this.RTCSenderAudioTrack && (this.syncSenderAudioStream(this.RTCSenderAudioTrack), 
+        this.RTCSenderAudioSender = this.peerConnection.addTrack(this.RTCSenderAudioTrack, this.RTCSenderAudioStream)), 
+        this.RTCSenderVideoTrack) {
+            const senderStream = new MediaStream([ this.RTCSenderVideoTrack ]);
+            this.peerConnection.addTrack(this.RTCSenderVideoTrack, senderStream);
+        }
+    }
+    /**
+     * Keep the sender stream aligned to the current local audio track
+     */    syncSenderAudioStream(track) {
+        for (const currentTrack of this.RTCSenderAudioStream.getAudioTracks()) this.RTCSenderAudioStream.removeTrack(currentTrack);
+        track && this.RTCSenderAudioStream.addTrack(track);
+    }
+    /**
+     * Setup data channels
+     */    setupDataChannels(channels) {
+        const channelsArray = Array.isArray(channels) ? channels : [ channels ];
+        if (channelsArray.length > 0) for (const channel of channelsArray) {
+            const dataChannel = this.peerConnection.createDataChannel(channel);
+            this.RTCDataChannels.push(dataChannel);
+        }
+    }
+    /**
+     * Add listeners for data events and push through callback
+     */    setupDataChannelEventListeners() {
+        for (const channel of this.RTCDataChannels) {
+            const channelName = channel.label;
+            channel.addEventListener("message", event => {
+                var _a;
+                null === (_a = this.onDataChannelEvent) || void 0 === _a || _a.call(this, channelName, "message", event);
+            }), channel.addEventListener("open", event => {
+                var _a;
+                null === (_a = this.onDataChannelEvent) || void 0 === _a || _a.call(this, channelName, "open", event);
+            }), channel.addEventListener("close", event => {
+                var _a;
+                null === (_a = this.onDataChannelEvent) || void 0 === _a || _a.call(this, channelName, "close", event);
+            }), channel.addEventListener("error", event => {
+                var _a;
+                null === (_a = this.onDataChannelEvent) || void 0 === _a || _a.call(this, channelName, "error", event);
+            });
+        }
+    }
+    /**
+     * Wait for the ICE gathering to be complete
+     */    waitForIceGathering() {
+        return __awaiter(this, void 0, void 0, function*() {
+            if ("complete" !== this.peerConnection.iceGatheringState) return new Promise((resolve, reject) => {
+                const handleStateChange = () => {
+                    "complete" === this.peerConnection.iceGatheringState && (this.iceTimer && clearTimeout(this.iceTimer), 
+                    this.iceTimer = null, this.peerConnection.removeEventListener("icegatheringstatechange", handleStateChange), 
+                    resolve());
+                };
+                this.peerConnection.addEventListener("icegatheringstatechange", handleStateChange), 
+                this.iceTimer = setTimeout(() => {
+                    this.peerConnection.removeEventListener("icegatheringstatechange", handleStateChange), 
+                    this.iceTimer = null, reject(new Error("ICE gathering timed out"));
+                }, 5e3);
+            });
+        });
+    }
+}
+
+export { WebRTCConnection as W };

package/dist/esm/chunks/{localDBStore-36E3160Z.mjs → localDBStore-C-5y16uv.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter, _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { useMemo } from "react";
 
@@ -6,7 +6,7 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-DVoDikoA.mjs";
+import { I as IndexedDB } from "./IndexedDB-DA5oZXju.mjs";
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));

package/dist/esm/chunks/{microphoneStore-Cexu82zH.mjs → microphoneStore-Cbx9nV4R.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { useEffect } from "react";
 
@@ -130,6 +130,29 @@ function createBoundActions(microphone, clearState) {
     }, [ sync, hasMicrophone, micStream, processedMicStream, micTrack, currentDeviceId, isActive, inputVolume, muted, isSupported, isRequesting, error, microphones, micOptions, requestMicrophone, stopMicrophone, muteMic, unmuteMic, toggleMute, setInputVolume, refreshMicrophones, setMicrophone ]);
 }
 
-const useMicStream = () => useMicrophoneStore(state => state.micStream), useProcessedMicStream = () => useMicrophoneStore(state => state.processedMicStream), useMicTrack = () => useMicrophoneStore(state => state.micTrack), useCurrentMicDeviceId = () => useMicrophoneStore(state => state.currentDeviceId), useMicActive = () => useMicrophoneStore(state => state.isActive), useMicInputVolume = () => useMicrophoneStore(state => state.inputVolume), useMicMuted = () => useMicrophoneStore(state => state.muted), useMicSupported = () => useMicrophoneStore(state => state.isSupported), useMicRequesting = () => useMicrophoneStore(state => state.isRequesting), useMicError = () => useMicrophoneStore(state => state.error), useMicrophones = () => useMicrophoneStore(state => state.microphones), useMicOptions = () => useMicrophoneStore(state => state.micOptions), useMicrophoneStoreActions = () => useMicrophoneStore(state => state.actions), microphoneActions = useMicrophoneStore.getState().actions, getMicrophoneState = () => useMicrophoneStore.getState();
+const useMicStream = () => useMicrophoneStore(state => state.micStream), useProcessedMicStream = () => useMicrophoneStore(state => state.processedMicStream), useMicTrack = () => useMicrophoneStore(state => state.micTrack), useCurrentMicDeviceId = () => useMicrophoneStore(state => state.currentDeviceId), useCurrentMicDeviceLabel = () => useMicrophoneStore(state => {
+    var _a, _b, _c;
+    const liveTrackLabel = null === (_a = state.micTrack.current) || void 0 === _a ? void 0 : _a.label;
+    if (liveTrackLabel) return liveTrackLabel;
+    const currentDeviceId = state.currentDeviceId;
+    return currentDeviceId && null !== (_c = null === (_b = state.microphones.find(device => device.deviceId === currentDeviceId)) || void 0 === _b ? void 0 : _b.label) && void 0 !== _c ? _c : null;
+}), useMicActive = () => useMicrophoneStore(state => state.isActive), useMicInputVolume = () => useMicrophoneStore(state => state.inputVolume), useMicMuted = () => useMicrophoneStore(state => state.muted), useMicSupported = () => useMicrophoneStore(state => state.isSupported), useMicRequesting = () => useMicrophoneStore(state => state.isRequesting), useMicError = () => useMicrophoneStore(state => state.error), useMicrophones = () => useMicrophoneStore(state => state.microphones), useMicOptions = () => useMicrophoneStore(state => state.micOptions), useMicrophoneStoreActions = () => useMicrophoneStore(state => state.actions), microphoneActions = {
+    sync: microphone => useMicrophoneStore.getState().actions.sync(microphone),
+    clear: () => useMicrophoneStore.getState().actions.clear(),
+    requestMicrophone: () => useMicrophoneStore.getState().actions.requestMicrophone(),
+    stopMicrophone: () => useMicrophoneStore.getState().actions.stopMicrophone(),
+    muteMic: () => useMicrophoneStore.getState().actions.muteMic(),
+    unmuteMic: () => useMicrophoneStore.getState().actions.unmuteMic(),
+    toggleMute: () => useMicrophoneStore.getState().actions.toggleMute(),
+    setInputVolume: volume => useMicrophoneStore.getState().actions.setInputVolume(volume),
+    refreshMicrophones: () => useMicrophoneStore.getState().actions.refreshMicrophones(),
+    setMicrophone: deviceId => useMicrophoneStore.getState().actions.setMicrophone(deviceId)
+}, getMicrophoneState = () => useMicrophoneStore.getState(), getCurrentMicDeviceLabel = () => {
+    var _a, _b, _c;
+    const state = useMicrophoneStore.getState(), liveTrackLabel = null === (_a = state.micTrack.current) || void 0 === _a ? void 0 : _a.label;
+    if (liveTrackLabel) return liveTrackLabel;
+    const currentDeviceId = state.currentDeviceId;
+    return currentDeviceId && null !== (_c = null === (_b = state.microphones.find(device => device.deviceId === currentDeviceId)) || void 0 === _b ? void 0 : _b.label) && void 0 !== _c ? _c : null;
+};
 
-export { useMicActive as a, useMicError as b, useMicInputVolume as c, useMicMuted as d, useMicOptions as e, useMicRequesting as f, getMicrophoneState as g, useMicStream as h, useMicSupported as i, useMicTrack as j, useMicrophoneStore as k, useMicrophoneStoreActions as l, microphoneActions as m, useMicrophones as n, useProcessedMicStream as o, useSyncMicrophoneStore as p, useCurrentMicDeviceId as u };
+export { getMicrophoneState as a, useCurrentMicDeviceLabel as b, useMicActive as c, useMicError as d, useMicInputVolume as e, useMicMuted as f, getCurrentMicDeviceLabel as g, useMicOptions as h, useMicRequesting as i, useMicStream as j, useMicSupported as k, useMicTrack as l, microphoneActions as m, useMicrophoneStore as n, useMicrophoneStoreActions as o, useMicrophones as p, useProcessedMicStream as q, useSyncMicrophoneStore as r, useCurrentMicDeviceId as u };

package/dist/esm/chunks/{misc-CTGTuM2J.mjs → misc-zecH7-IH.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/esm/chunks/{sseStore-Dow4NXkZ.mjs → sseStore-DIquUNpm.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-BX2F90pK.mjs";
+import "./tslib.es6-CVvvNSPr.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-qNnkZUOe.mjs";
+import { S as SSEConnection } from "./SSEConnection-g0GBGAqe.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{tslib.es6-BX2F90pK.mjs → tslib.es6-CVvvNSPr.mjs}

@@ -50,4 +50,4 @@ function __awaiter(thisArg, _arguments, P, generator) {
 
 "function" == typeof SuppressedError && SuppressedError;
 
-export { __awaiter as _, __rest as a };
+export { __rest as _, __awaiter as a };

package/dist/esm/chunks/{uploads-worker-Dhyp4ot3.mjs → uploads-worker-CUggKU9b.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 

package/dist/esm/chunks/{uploadsStore-DT4lFybE.mjs → uploadsStore-9QngohOe.mjs}

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 
-import { W as WorkerStatus } from "./uploads-worker-Dhyp4ot3.mjs";
+import { W as WorkerStatus } from "./uploads-worker-CUggKU9b.mjs";
 
 let uploadsWorker = null;
 

package/dist/esm/chunks/{volumeStore-RAxdmQ60.mjs → volumeStore-BrgZCRKF.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { create } from "zustand";
 
@@ -26,12 +26,13 @@ const useVolumeStore = create((set, get) => ({
                 feedbackElement: null
             });
         },
-        setVolume: volume => {
-            const currentVolume = get().muted ? 0 : volume, attachedMedia = get().elements, newStored = volume > 0 ? volume : get().storedVolume;
+        setVolume: (volume, options) => {
+            var _a;
+            const muted = get().muted, currentVolume = muted ? 0 : volume, attachedMedia = get().elements, feedbackElement = get().feedbackElement, newStored = volume > 0 ? volume : get().storedVolume;
             attachedMedia.size > 0 && adjustMediaVolume(attachedMedia, currentVolume), set({
                 volume: currentVolume,
                 storedVolume: newStored
-            });
+            }), muted || null !== (_a = null == options ? void 0 : options.playFeedback) && void 0 !== _a && !_a || playFeedbackSound(feedbackElement, currentVolume);
         },
         playFeedback: volume => __awaiter(void 0, void 0, void 0, function*() {
             if (get().muted) return;

package/dist/esm/chunks/webRTCStore-DhFE9-bb.mjs

@@ -0,0 +1,57 @@
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+
+import { create } from "zustand";
+
+import { W as WebRTCConnection } from "./WebRTCConnection-d0Yvd66q.mjs";
+
+const useWebRTCStore = create((set, get) => ({
+    connections: [],
+    actions: {
+        addConnection: (name, options) => {
+            const existingConnection = get().connections.find(c => c.name === name);
+            null == existingConnection || existingConnection.connection.close();
+            const connection = new WebRTCConnection(options), nextConnection = {
+                name: name,
+                connection: connection
+            };
+            return set(state => ({
+                connections: [ ...state.connections.filter(connection => connection.name !== name), nextConnection ]
+            })), nextConnection;
+        },
+        initializeConnection: (name, offerOptions, bearerToken) => __awaiter(void 0, void 0, void 0, function*() {
+            var _a;
+            const connection = null === (_a = get().connections.find(c => c.name === name)) || void 0 === _a ? void 0 : _a.connection;
+            connection && (yield connection.initialize(offerOptions, bearerToken));
+        }),
+        removeConnection: name => {
+            const existingConnection = get().connections.find(c => c.name === name);
+            existingConnection && (existingConnection.connection.close(), set(state => ({
+                connections: state.connections.filter(connection => connection.name !== name)
+            })));
+        },
+        setMicStream: (name, stream) => __awaiter(void 0, void 0, void 0, function*() {
+            var _a;
+            const connection = null === (_a = get().connections.find(c => c.name === name)) || void 0 === _a ? void 0 : _a.connection;
+            connection && (yield connection.setOutgoingAudioStream(stream));
+        }),
+        setVolume: (name, volume) => {
+            var _a;
+            const connection = null === (_a = get().connections.find(c => c.name === name)) || void 0 === _a ? void 0 : _a.connection;
+            connection && connection.setVolume(volume);
+        }
+    }
+})), useWebRTC = () => useWebRTCStore(state => state.actions), useWebRTCConnections = () => useWebRTCStore(state => state.connections), useWebRTCConnection = name => useWebRTCStore(state => {
+    var _a;
+    return null !== (_a = state.connections.find(connection => connection.name === name)) && void 0 !== _a ? _a : null;
+}), useWebRTCConnected = name => useWebRTCStore(state => {
+    var _a, _b;
+    return name ? null !== (_b = null === (_a = state.connections.find(entry => entry.name === name)) || void 0 === _a ? void 0 : _a.connection.connected) && void 0 !== _b && _b : state.connections.some(entry => entry.connection.connected);
+}), useWebRTCActions = useWebRTCStore.getState().actions;
+
+function getWebRTCConnections(name) {
+    var _a;
+    const connections = useWebRTCStore.getState().connections;
+    return name ? null !== (_a = connections.find(connection => connection.name === name)) && void 0 !== _a ? _a : null : connections;
+}
+
+export { useWebRTCActions as a, useWebRTCConnected as b, useWebRTCConnection as c, useWebRTCConnections as d, useWebRTCStore as e, getWebRTCConnections as g, useWebRTC as u };