@apple-pie/slice 0.1.31 → 0.1.33

package/dist/cjs/chunks/{Switch-OBVHKn_D.js → Switch-Bs0r5va5.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
 
 function SwitchComponent(props) {
     const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding = 3, backgroundColorOn: backgroundColorOn, backgroundColorOff: backgroundColorOff, bgColorOn: bgColorOn = "var(--feedback-positive)", bgColorOff: bgColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "bgColorOn", "bgColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = React.useState(state), resolvedBackgroundColorOn = null != backgroundColorOn ? backgroundColorOn : bgColorOn, resolvedBackgroundColorOff = null != backgroundColorOff ? backgroundColorOff : bgColorOff;

package/dist/cjs/chunks/{TabBar-C1HkBaxE.js → TabBar-BCSTg_Uc.js}

@@ -1,11 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js"), require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
+require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-D2TbyfJS.js"), Icon = require("./Icon-BFZ_5Qv3.js"), IconButton = require("./IconButton-CgsuJIuF.js"), sharedTypes = require("./sharedTypes-CthHPjrO.js"), 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";
+var Badge = require("./Badge-DWUeXxm2.js"), Icon = require("./Icon-DjvProjz.js"), IconButton = require("./IconButton-BuwQLUuj.js"), sharedTypes = require("./sharedTypes-BOieqpQy.js"), 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";
 
 const placeholderOptions = [ {
     name: "Light",

package/dist/cjs/chunks/{TextArea-BEmNI_HZ.js → TextArea-Dj7jsvVr.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-CTsHZBEB.js"), 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";
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-CuGvPAkH.js"), 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";
 
 const TextArea = React.memo(props => {
     const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {

package/dist/cjs/chunks/{TextField-D9_COA9H.js → TextField-DNP0wJla.js}

@@ -1,15 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-DZAbObFp.js");
+var misc = require("./misc-BwQIEIuF.js");
 
-require("../hooks/useWindow.js");
+require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
+require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-CTsHZBEB.js"), Icon = require("./Icon-BFZ_5Qv3.js"), IconButton = require("./IconButton-CgsuJIuF.js"), css = {
+var Button = require("./Button-CuGvPAkH.js"), Icon = require("./Icon-DjvProjz.js"), IconButton = require("./IconButton-BuwQLUuj.js"), css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
     container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
     label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{Tip-2W0u_oQN.js → Tip-awq6PDZa.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DZAbObFp.js"), css = {
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BwQIEIuF.js"), css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",

package/dist/cjs/chunks/{Toast-B9jX6ioq.js → Toast-xS1TC3Ba.js}

@@ -1,15 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-DZAbObFp.js");
+var misc = require("./misc-BwQIEIuF.js");
 
-require("../hooks/useWindow.js");
+require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
+require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
 
-var ToastType, Icon = require("./Icon-BFZ_5Qv3.js"), ProgressIndicator = require("./ProgressIndicator-ByZ_aYAZ.js"), css = {
+var ToastType, Icon = require("./Icon-DjvProjz.js"), ProgressIndicator = require("./ProgressIndicator-DwqslY4o.js"), css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
     close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
     message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",
@@ -23,7 +24,7 @@ exports.ToastType = void 0, (ToastType = exports.ToastType || (exports.ToastType
 ToastType.Error = "error", ToastType.Warning = "warning", ToastType.Info = "info";
 
 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 = exports.ToastType.Info, didHide: didHide = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = hooks_useTheme.useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = React.useState(!1), [content, setContent] = React.useState(null), timer = React.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 = exports.ToastType.Info, didHide: didHide = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "notifId", "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = hooks_useTheme.useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = React.useState(!1), [content, setContent] = React.useState(null), timer = React.useRef(null);
     React.useEffect(() => {
         timer.current && clearTimeout(timer.current);
         return message && message.length > 0 ? timer.current = setTimeout(() => {
@@ -166,7 +167,7 @@ const ToastBase = React.forwardRef((props, ref) => {
                     strokeColor: iconColor
                 })
             }) ]
-        }))
+        }), notifId)
     });
 });
 

package/dist/cjs/chunks/{ToggleButton-C_Gu5dYR.js → ToggleButton-CqD5c6JA.js}

@@ -1,9 +1,9 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-CgsuJIuF.js"), Label = require("./Label-BuyhcJbF.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-BuwQLUuj.js"), Label = require("./Label-d32ENzwL.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 exports.ToggleButton = function(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());
@@ -27,7 +27,8 @@ exports.ToggleButton = function(props) {
             iconSize: iconSize,
             iconFill: fill,
             disabled: disabled,
-            onToolTip: onToolTip
+            onToolTip: onToolTip,
+            border: border
         }), (children || label) && jsxRuntime.jsx(Label.Label, {
             textSize: textSize,
             borderSize: 0,

package/dist/cjs/chunks/{UploadArea-ENFAf4tE.js → UploadArea-CvWqk8YK.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), Icon = require("./Icon-BFZ_5Qv3.js"), ProgressIndicator = require("./ProgressIndicator-ByZ_aYAZ.js"), FileList = require("./FileList-CDcfKIV6.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BwQIEIuF.js"), FileList = require("./FileList-CzQZZErI.js"), Icon = require("./Icon-DjvProjz.js"), ProgressIndicator = require("./ProgressIndicator-DwqslY4o.js"), css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
     icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
     title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",

package/dist/cjs/chunks/{WSConnection-CZ22tcLz.js → WSConnection-BACWw4TS.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/cjs/chunks/WebRTCConnection-DBeyg4j9.js

@@ -0,0 +1,252 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
+
+exports.WebRTCConnection = class {
+    /**
+     * 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 tslib_es6.__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 tslib_es6.__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 tslib_es6.__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 tslib_es6.__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 tslib_es6.__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 tslib_es6.__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 tslib_es6.__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);
+            });
+        });
+    }
+};

package/dist/cjs/chunks/{localDBStore-Ca73jeFf.js → localDBStore-wgCc1SmV.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-Dgwal8na.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-Ddhq6Gjd.js");
 
 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/cjs/chunks/{microphoneStore-lxYIvhN8.js → microphoneStore-Dy5TwE2I.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), React = require("react"), zustand = require("zustand");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), React = require("react"), zustand = require("zustand");
 
 const emptyMicStreamRef = {
     current: null
@@ -95,11 +95,34 @@ function createBoundActions(microphone, clearState) {
 
 /**
  * Bind the value of useMicrophone hook to the useMicrophoneStore. Use this to update the store with a new mic object.
- */ const microphoneActions = useMicrophoneStore.getState().actions;
+ */ const 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)
+};
 
-exports.getMicrophoneState = () => useMicrophoneStore.getState(), exports.microphoneActions = microphoneActions, 
+exports.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;
+}, exports.getMicrophoneState = () => useMicrophoneStore.getState(), exports.microphoneActions = microphoneActions, 
 exports.useCurrentMicDeviceId = () => useMicrophoneStore(state => state.currentDeviceId), 
-exports.useMicActive = () => useMicrophoneStore(state => state.isActive), exports.useMicError = () => useMicrophoneStore(state => state.error), 
+exports.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;
+}), exports.useMicActive = () => useMicrophoneStore(state => state.isActive), exports.useMicError = () => useMicrophoneStore(state => state.error), 
 exports.useMicInputVolume = () => useMicrophoneStore(state => state.inputVolume), 
 exports.useMicMuted = () => useMicrophoneStore(state => state.muted), exports.useMicOptions = () => useMicrophoneStore(state => state.micOptions), 
 exports.useMicRequesting = () => useMicrophoneStore(state => state.isRequesting), 

package/dist/cjs/chunks/{misc-DZAbObFp.js → misc-BwQIEIuF.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/cjs/chunks/{sseStore-Bq7sVvyA.js → sseStore-CFFaYonG.js}

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-CzpRaW14.js");
+require("./tslib.es6-DqjaJVC3.js");
 
-var SSEConnection = require("./SSEConnection-ACoOeeTO.js");
+var SSEConnection = require("./SSEConnection-CF5WZG9b.js");
 
 const useSSEStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{uploads-worker-CD-annza.js → uploads-worker-DWvOe9F8.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
 
 !function(FileUploadStatus) {
     FileUploadStatus.queued = "pending", FileUploadStatus.uploading = "uploading", FileUploadStatus.completed = "completed", 

package/dist/cjs/chunks/{uploadsStore-CUeB10zx.js → uploadsStore-BCmts7Ie.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-CD-annza.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
+var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-DWvOe9F8.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
 
 let uploadsWorker = null;
 
@@ -64,7 +64,7 @@ function handleWorkerMessage(event) {
 const uploadsActions = useUploadsStore.getState().actions;
 
 exports.createUploadsWorker = function(workerUrl) {
-    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-CUeB10zx.js", document.baseURI).href), {
+    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-BCmts7Ie.js", document.baseURI).href), {
         type: "module"
     });
 }, exports.getUploads = () => useUploadsStore.getState().uploads, exports.getUploadsError = () => useUploadsStore.getState().error, 

package/dist/cjs/chunks/{volumeStore-roYTyKJ2.js → volumeStore-BXFAQhvS.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
 
 const useVolumeStore = require("zustand").create((set, get) => ({
     volume: 1,
@@ -26,12 +26,13 @@ const useVolumeStore = require("zustand").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 => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
             if (get().muted) return;

package/dist/cjs/chunks/webRTCStore-DRjvbnve.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-DBeyg4j9.js");
+
+const useWebRTCStore = zustand.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.WebRTCConnection(options), nextConnection = {
+                name: name,
+                connection: connection
+            };
+            return set(state => ({
+                connections: [ ...state.connections.filter(connection => connection.name !== name), nextConnection ]
+            })), nextConnection;
+        },
+        initializeConnection: (name, offerOptions, bearerToken) => tslib_es6.__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) => tslib_es6.__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);
+        }
+    }
+})), useWebRTCActions = useWebRTCStore.getState().actions;
+
+exports.getWebRTCConnections = function(name) {
+    var _a;
+    const connections = useWebRTCStore.getState().connections;
+    return name ? null !== (_a = connections.find(connection => connection.name === name)) && void 0 !== _a ? _a : null : connections;
+}, exports.useWebRTC = () => useWebRTCStore(state => state.actions), exports.useWebRTCActions = useWebRTCActions, 
+exports.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);
+}), exports.useWebRTCConnection = name => useWebRTCStore(state => {
+    var _a;
+    return null !== (_a = state.connections.find(connection => connection.name === name)) && void 0 !== _a ? _a : null;
+}), exports.useWebRTCConnections = () => useWebRTCStore(state => state.connections), 
+exports.useWebRTCStore = useWebRTCStore;

package/dist/cjs/chunks/{windowStore-BdJv-RF0.js → windowStore-C4Bg6I9i.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FormFactor, tslib_es6 = require("./tslib.es6-CzpRaW14.js"), zustand = require("zustand");
+var FormFactor, tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), zustand = require("zustand");
 
 /**
  * Form factor names