@apple-pie/slice 0.1.31 → 0.1.33

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

@@ -1,13 +1,15 @@
 "use strict";
 
-var TabBar = require("../../chunks/TabBar-C1HkBaxE.js");
+var TabBar = require("../../chunks/TabBar-BCSTg_Uc.js");
 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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/Badge-D2TbyfJS.js"), require("../../chunks/Icon-BFZ_5Qv3.js"), 
-require("../../chunks/misc-DZAbObFp.js"), require("../../chunks/IconButton-CgsuJIuF.js"), 
-require("motion/react"), require("../../chunks/Dot-C0MvSJOl.js"), require("../../chunks/sharedTypes-CthHPjrO.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
+require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Badge-DWUeXxm2.js"), require("../../chunks/Icon-DjvProjz.js"), 
+require("../../chunks/misc-BwQIEIuF.js"), require("../../chunks/IconButton-BuwQLUuj.js"), 
+require("motion/react"), require("../../chunks/Dot-DaRF2JyO.js"), require("../../chunks/sharedTypes-BOieqpQy.js"), 
 exports.TabBar = TabBar.TabBar;

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

@@ -1,13 +1,15 @@
 "use strict";
 
-var TextArea = require("../../chunks/TextArea-BEmNI_HZ.js");
+var TextArea = require("../../chunks/TextArea-Dj7jsvVr.js");
 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Button-CTsHZBEB.js"), require("motion/react"), require("../../chunks/Badge-D2TbyfJS.js"), 
-require("../../chunks/Dot-C0MvSJOl.js"), require("../../chunks/Icon-BFZ_5Qv3.js"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/Button-CuGvPAkH.js"), require("motion/react"), require("../../chunks/Badge-DWUeXxm2.js"), 
+require("../../chunks/Dot-DaRF2JyO.js"), require("../../chunks/Icon-DjvProjz.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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("../../chunks/misc-DZAbObFp.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-ByZ_aYAZ.js"), 
-require("../../chunks/sharedTypes-CthHPjrO.js"), exports.TextArea = TextArea.TextArea;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
+require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-DwqslY4o.js"), 
+require("../../chunks/sharedTypes-BOieqpQy.js"), exports.TextArea = TextArea.TextArea;

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

@@ -1,14 +1,16 @@
 "use strict";
 
-var TextField = require("../../chunks/TextField-D9_COA9H.js");
+var TextField = require("../../chunks/TextField-DNP0wJla.js");
 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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("../../chunks/misc-DZAbObFp.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Button-CTsHZBEB.js"), 
-require("../../chunks/Badge-D2TbyfJS.js"), require("../../chunks/Dot-C0MvSJOl.js"), 
-require("../../chunks/Icon-BFZ_5Qv3.js"), require("../../chunks/ProgressIndicator-ByZ_aYAZ.js"), 
-require("../../chunks/sharedTypes-CthHPjrO.js"), require("../../chunks/IconButton-CgsuJIuF.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
+require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/Button-CuGvPAkH.js"), 
+require("../../chunks/Badge-DWUeXxm2.js"), require("../../chunks/Dot-DaRF2JyO.js"), 
+require("../../chunks/Icon-DjvProjz.js"), require("../../chunks/ProgressIndicator-DwqslY4o.js"), 
+require("../../chunks/sharedTypes-BOieqpQy.js"), require("../../chunks/IconButton-BuwQLUuj.js"), 
 exports.TextField = TextField.TextField;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Tip = require("../../chunks/Tip-2W0u_oQN.js");
+var Tip = require("../../chunks/Tip-awq6PDZa.js");
 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/misc-DZAbObFp.js"), exports.Tip = Tip.Tip;
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/misc-BwQIEIuF.js"), exports.Tip = Tip.Tip;

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

@@ -1,13 +1,15 @@
 "use strict";
 
-var Toast = require("../../chunks/Toast-B9jX6ioq.js");
+var Toast = require("../../chunks/Toast-xS1TC3Ba.js");
 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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("../../chunks/misc-DZAbObFp.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Icon-BFZ_5Qv3.js"), require("../../chunks/ProgressIndicator-ByZ_aYAZ.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
+require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/Icon-DjvProjz.js"), require("../../chunks/ProgressIndicator-DwqslY4o.js"), 
 exports.Toast = Toast.Toast, Object.defineProperty(exports, "ToastType", {
     enumerable: !0,
     get: function() {

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

@@ -1,13 +1,15 @@
 "use strict";
 
-var ToggleButton = require("../../chunks/ToggleButton-C_Gu5dYR.js");
+var ToggleButton = require("../../chunks/ToggleButton-CqD5c6JA.js");
 
-require("react/jsx-runtime"), require("react"), require("../../chunks/IconButton-CgsuJIuF.js"), 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("motion/react"), require("../../chunks/Badge-D2TbyfJS.js"), 
-require("../../chunks/Dot-C0MvSJOl.js"), require("../../chunks/Icon-BFZ_5Qv3.js"), 
+require("react/jsx-runtime"), require("react"), require("../../chunks/IconButton-BuwQLUuj.js"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("motion/react"), require("../../chunks/Badge-DWUeXxm2.js"), 
+require("../../chunks/Dot-DaRF2JyO.js"), require("../../chunks/Icon-DjvProjz.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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("../../chunks/misc-DZAbObFp.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/sharedTypes-CthHPjrO.js"), 
-require("../../chunks/Label-BuyhcJbF.js"), exports.ToggleButton = ToggleButton.ToggleButton;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
+require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/sharedTypes-BOieqpQy.js"), 
+require("../../chunks/Label-d32ENzwL.js"), exports.ToggleButton = ToggleButton.ToggleButton;

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

@@ -1,16 +1,17 @@
 "use strict";
 
-var UploadArea = require("../../chunks/UploadArea-ENFAf4tE.js");
+var UploadArea = require("../../chunks/UploadArea-CvWqk8YK.js");
 
-require("react/jsx-runtime"), require("react"), require("../../chunks/misc-DZAbObFp.js"), 
-require("../../chunks/tslib.es6-CzpRaW14.js"), require("../../chunks/Icon-BFZ_5Qv3.js"), 
-require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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/ProgressIndicator-ByZ_aYAZ.js"), require("motion/react"), 
-require("../../chunks/FileList-CDcfKIV6.js"), require("../../chunks/FileIcon-Te8MaqTs.js"), 
-exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
+require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/tslib.es6-DqjaJVC3.js"), require("../../chunks/FileList-CzQZZErI.js"), 
+require("../../chunks/FileIcon-WIVOTJLa.js"), require("../../hooks/useTheme.js"), 
+require("../../providers/ThemeProvider.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("../../chunks/webRTCStore-DRjvbnve.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
+require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Icon-DjvProjz.js"), require("../../chunks/ProgressIndicator-DwqslY4o.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, 
 exports.videoTypes = UploadArea.videoTypes;

package/dist/cjs/hooks/useAudioRecorder.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("../chunks/tslib.es6-CzpRaW14.js"), React = require("react");
+var tslib_es6 = require("../chunks/tslib.es6-DqjaJVC3.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(() => {

package/dist/cjs/hooks/useBindWebRTC.js

@@ -0,0 +1,60 @@
+'use client';
+"use strict";
+
+var tslib_es6 = require("../chunks/tslib.es6-DqjaJVC3.js"), React = require("react"), webRTCStore = require("../chunks/webRTCStore-DRjvbnve.js"), microphoneStore = require("../chunks/microphoneStore-Dy5TwE2I.js"), volumeStore = require("../chunks/volumeStore-BXFAQhvS.js");
+
+require("zustand"), require("../chunks/WebRTCConnection-DBeyg4j9.js"), exports.useBindWebRTC = function(options) {
+    var _a;
+    const {connectionName: connectionName, offerOptions: offerOptions, bearerToken: bearerToken, connectionUrl: connectionUrl, audioElement: audioElement, autoPlayAudio: autoPlayAudio, dataChannels: dataChannels, videoTrack: videoTrack, onRemoteVideoStream: onRemoteVideoStream, onRemoteAudioStream: onRemoteAudioStream, onDataChannelEvent: onDataChannelEvent} = options, processedMicStream = microphoneStore.useProcessedMicStream(), volume = volumeStore.useVolume(), {addConnection: addConnection, initializeConnection: initializeConnection, removeConnection: removeConnection, setMicStream: setMicStream, setVolume: setVolume} = webRTCStore.useWebRTC(), connectionEntry = webRTCStore.useWebRTCConnection(connectionName), [error, setError] = React.useState(null), [bound, setBound] = React.useState(!1), ownsConnectionRef = React.useRef(!1), unbind = React.useCallback(() => {
+        ownsConnectionRef.current && removeConnection(connectionName), ownsConnectionRef.current = !1, 
+        setBound(!1), setError(null);
+    }, [ connectionName, removeConnection ]), bind = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        var _a, _b;
+        setError(null);
+        const existingConnection = webRTCStore.getWebRTCConnections().find(connection => connection.name === connectionName);
+        if (existingConnection) {
+            const nextError = new Error(`WebRTC connection "${connectionName}" already exists`);
+            return setError(nextError), existingConnection.connection;
+        }
+        const micStream = processedMicStream.current;
+        if (!micStream) {
+            const nextError = new Error("No processed microphone stream available");
+            return setError(nextError), null;
+        }
+        try {
+            return addConnection(connectionName, {
+                connectionUrl: connectionUrl,
+                audioElement: audioElement,
+                autoPlayAudio: autoPlayAudio,
+                dataChannels: dataChannels,
+                micStream: micStream,
+                videoTrack: videoTrack,
+                volume: volume,
+                onRemoteVideoStream: onRemoteVideoStream,
+                onRemoteAudioStream: onRemoteAudioStream,
+                onDataChannelEvent: onDataChannelEvent
+            }), ownsConnectionRef.current = !0, yield initializeConnection(connectionName, offerOptions, bearerToken), 
+            setBound(!0), null !== (_b = null === (_a = webRTCStore.getWebRTCConnections().find(connection => connection.name === connectionName)) || void 0 === _a ? void 0 : _a.connection) && void 0 !== _b ? _b : null;
+        } catch (bindError) {
+            ownsConnectionRef.current && removeConnection(connectionName), ownsConnectionRef.current = !1, 
+            setBound(!1);
+            const nextError = bindError instanceof Error ? bindError : new Error("Failed to bind WebRTC connection");
+            return setError(nextError), null;
+        }
+    }), [ addConnection, audioElement, autoPlayAudio, bearerToken, connectionName, connectionUrl, dataChannels, initializeConnection, onDataChannelEvent, onRemoteAudioStream, onRemoteVideoStream, offerOptions, processedMicStream, removeConnection, videoTrack, volume ]);
+    return React.useEffect(() => {
+        bound && ownsConnectionRef.current && setMicStream(connectionName, processedMicStream.current).catch(streamError => {
+            setError(streamError instanceof Error ? streamError : new Error("Failed to update WebRTC microphone stream"));
+        });
+    }, [ bound, connectionName, processedMicStream, setMicStream ]), React.useEffect(() => {
+        bound && ownsConnectionRef.current && setVolume(connectionName, volume);
+    }, [ bound, connectionName, setVolume, volume ]), React.useEffect(() => () => {
+        ownsConnectionRef.current && (removeConnection(connectionName), ownsConnectionRef.current = !1);
+    }, [ connectionName, removeConnection ]), {
+        connection: null !== (_a = null == connectionEntry ? void 0 : connectionEntry.connection) && void 0 !== _a ? _a : null,
+        error: error,
+        bind: bind,
+        unbind: unbind,
+        bound: bound
+    };
+};

package/dist/cjs/hooks/useLocalStore.js

@@ -19,13 +19,13 @@ function readLocalStorageValue(key, fallback) {
 }
 
 exports.useLocalStore = function(key, value) {
-    const [item, setItem] = React.useState(() => readLocalStorageValue(key, value));
+    const [item, setItem] = React.useState(() => readLocalStorageValue(key, value)), [hydrated, setHydrated] = React.useState(!1);
     return React.useEffect(() => {
-        setItem(readLocalStorageValue(key, value));
+        setItem(readLocalStorageValue(key, value)), setHydrated(!0);
     }, [ key, value ]), [ item, function(data) {
         if (canUseLocalStorage()) try {
             globalThis.localStorage.setItem(key, JSON.stringify(data));
         } catch (_a) {}
         setItem(data);
-    } ];
+    }, hydrated ];
 };

package/dist/cjs/hooks/useMdStreamBuffer.js

@@ -1,42 +1,67 @@
 'use client';
 "use strict";
 
-var React = require("react");
-
-require("../chunks/tslib.es6-CzpRaW14.js");
-
-var MdStreamBuffer = require("../chunks/MdStreamBuffer-CbG_VeRI.js");
+var tslib_es6 = require("../chunks/tslib.es6-DqjaJVC3.js"), React = require("react"), MdStreamBuffer = require("../chunks/MdStreamBuffer-Chwibu07.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, _b;
+    const bufferRef = React.useRef(null), queuedValueRef = React.useRef(""), paceTimerRef = React.useRef(null), [healthy, setHealthy] = React.useState(""), [raw, setRaw] = React.useState(""), [isComplete, setIsComplete] = React.useState(!1), [pendingCharacters, setPendingCharacters] = React.useState(0), paceDelayMs = Math.max(0, null !== (_a = null == options ? void 0 : options.paceDelayMs) && void 0 !== _a ? _a : 0), paceChunkSize = Math.max(1, null !== (_b = null == options ? void 0 : options.paceChunkSize) && void 0 !== _b ? _b : Number.POSITIVE_INFINITY), usesPacing = void 0 !== (null == options ? void 0 : options.paceDelayMs) || void 0 !== (null == options ? void 0 : options.paceChunkSize), getTotalPendingCharacters = React.useCallback(() => {
+        var _a, _b;
+        return queuedValueRef.current.length + (null !== (_b = null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.pendingCharacters) && void 0 !== _b ? _b : 0);
+    }, []), clearPaceTimer = React.useCallback(() => {
+        null !== paceTimerRef.current && (clearTimeout(paceTimerRef.current), paceTimerRef.current = null);
+    }, []), releaseQueuedChunk = React.useCallback(() => {
+        if (!bufferRef.current || 0 === queuedValueRef.current.length) return clearPaceTimer(), 
+        void setPendingCharacters(getTotalPendingCharacters());
+        const nextChunk = Number.isFinite(paceChunkSize) ? queuedValueRef.current.slice(0, paceChunkSize) : queuedValueRef.current;
+        queuedValueRef.current = queuedValueRef.current.slice(nextChunk.length), bufferRef.current.append(nextChunk), 
+        setPendingCharacters(getTotalPendingCharacters()), 0 !== queuedValueRef.current.length ? paceTimerRef.current = setTimeout(releaseQueuedChunk, paceDelayMs) : clearPaceTimer();
+    }, [ clearPaceTimer, getTotalPendingCharacters, paceChunkSize, paceDelayMs ]), ensurePaceTimer = React.useCallback(() => {
+        usesPacing && null === paceTimerRef.current && (paceTimerRef.current = setTimeout(releaseQueuedChunk, paceDelayMs));
+    }, [ paceDelayMs, releaseQueuedChunk, usesPacing ]), drainQueuedValue = React.useCallback(() => {
+        bufferRef.current && 0 !== queuedValueRef.current.length && (clearPaceTimer(), bufferRef.current.append(queuedValueRef.current), 
+        queuedValueRef.current = "", setPendingCharacters(getTotalPendingCharacters()));
+    }, [ clearPaceTimer, getTotalPendingCharacters ]);
+    React.useEffect(() => {
+        const _a = null != options ? options : {}, {paceDelayMs: _paceDelayMs, paceChunkSize: _paceChunkSize} = _a, bufferOptions = tslib_es6.__rest(_a, [ "paceDelayMs", "paceChunkSize" ]);
+        return bufferRef.current = new MdStreamBuffer.MdBuffer(Object.assign(Object.assign({}, bufferOptions), {
+            onFlush: snapshot => {
+                const {healthy: healthy, raw: raw, isComplete: isComplete} = snapshot;
+                setHealthy(healthy), setRaw(raw), setIsComplete(isComplete), setPendingCharacters(queuedValueRef.current.length + snapshot.pendingCharacters);
+            }
+        })), () => {
+            var _a;
+            clearPaceTimer(), queuedValueRef.current = "", null === (_a = bufferRef.current) || void 0 === _a || _a.dispose(), 
+            bufferRef.current = null;
+        };
+    }, []);
+    const append = React.useCallback(value => {
+        var _a;
+        if (value) {
+            if (!usesPacing) return null === (_a = bufferRef.current) || void 0 === _a || _a.append(value), 
+            void setPendingCharacters(getTotalPendingCharacters());
+            queuedValueRef.current += value, setPendingCharacters(getTotalPendingCharacters()), 
+            ensurePaceTimer();
         }
-    })), () => {
+    }, [ ensurePaceTimer, getTotalPendingCharacters, usesPacing ]), flush = React.useCallback(() => {
+        var _a;
+        return drainQueuedValue(), null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.flush();
+    }, [ drainQueuedValue ]), complete = React.useCallback(() => {
         var _a;
-        null === (_a = bufferRef.current) || void 0 === _a || _a.dispose(), bufferRef.current = null;
-    }), []), {
+        return drainQueuedValue(), null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.complete();
+    }, [ drainQueuedValue ]), reset = React.useCallback(() => {
+        var _a;
+        clearPaceTimer(), queuedValueRef.current = "", null === (_a = bufferRef.current) || void 0 === _a || _a.reset(), 
+        setHealthy(""), setRaw(""), setIsComplete(!1), setPendingCharacters(0);
+    }, [ clearPaceTimer ]);
+    return {
         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("");
-        }, [])
+        pendingCharacters: pendingCharacters,
+        append: append,
+        flush: flush,
+        complete: complete,
+        reset: reset
     };
 };

package/dist/cjs/hooks/useMicrophone.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("../chunks/tslib.es6-CzpRaW14.js"), React = require("react");
+var tslib_es6 = require("../chunks/tslib.es6-DqjaJVC3.js"), React = require("react");
 
 exports.useMicrophone = function(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
     const micStream = React.useRef(null), processedMicStream = React.useRef(null), micTrack = React.useRef(null), audioContextRef = React.useRef(null), sourceNodeRef = React.useRef(null), gainNodeRef = React.useRef(null), destinationNodeRef = React.useRef(null), inputVolumeRef = React.useRef(1), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [micOptions, setMicOptions] = React.useState([]), [currentDeviceId, setCurrentDeviceId] = React.useState(null), [isActive, setIsActive] = React.useState(!1), [inputVolume, setInputVolumeState] = React.useState(1), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), normalizeInputVolume = React.useCallback(volume => Number.isFinite(volume) ? Math.min(1, Math.max(0, volume)) : 1, []), resetAudioProcessing = React.useCallback(() => {

package/dist/cjs/hooks/useTrackRenders.js

@@ -1,9 +1,9 @@
 'use client';
 "use strict";
 
-var React = require("react"), misc = require("../chunks/misc-DZAbObFp.js");
+var React = require("react"), misc = require("../chunks/misc-BwQIEIuF.js");
 
-require("../chunks/tslib.es6-CzpRaW14.js"), exports.useTrackRenders = 
+require("../chunks/tslib.es6-DqjaJVC3.js"), exports.useTrackRenders = 
 /**
  * Hook to log component renders, mounts, and unmounts
  * Note: wrap in comments with START.DEBUG ... {hook} ... END.DEBUG to remove from build

package/dist/cjs/hooks.js

@@ -1,17 +1,20 @@
 "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_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");
+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_useBindWebRTC = require("./hooks/useBindWebRTC.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("./providers/ThemeProvider.js"), require("react/jsx-runtime"), 
 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-CzpRaW14.js"), require("./chunks/MdStreamBuffer-CbG_VeRI.js"), 
+require("./chunks/tslib.es6-DqjaJVC3.js"), require("./chunks/MdStreamBuffer-Chwibu07.js"), 
+require("./chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("./chunks/WebRTCConnection-DBeyg4j9.js"), 
+require("./chunks/microphoneStore-Dy5TwE2I.js"), require("./chunks/volumeStore-BXFAQhvS.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, 
-exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useMicrophone = hooks_useMicrophone.useMicrophone, 
-exports.useAudioRecorder = hooks_useAudioRecorder.useAudioRecorder, Object.defineProperty(exports, "FormFactor", {
+exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useBindWebRTC = hooks_useBindWebRTC.useBindWebRTC, 
+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,13 +1,14 @@
 "use strict";
 
-var sharedTypes = require("./chunks/sharedTypes-CthHPjrO.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-k7qS53g6.js"), Avatar = require("./chunks/Avatar-hP8GuwvD.js"), AvatarGroup = require("./chunks/AvatarGroup-DMy34q7_.js"), Badge = require("./chunks/Badge-D2TbyfJS.js"), IconButton = require("./chunks/IconButton-CgsuJIuF.js"), Camera = require("./chunks/Camera-CKv087kr.js"), CheckBox = require("./chunks/CheckBox-VRIL1FHh.js"), DivInput = require("./chunks/DivInput-Ci0gaCWL.js"), Dot = require("./chunks/Dot-C0MvSJOl.js"), DrggablePanel = require("./chunks/DrggablePanel-DflouLUs.js"), DropDown = require("./chunks/DropDown-BS1H62yj.js"), ErrorSummary = require("./chunks/ErrorSummary-B3tof7ir.js"), Grouper = require("./chunks/Grouper-DyGkzdvz.js"), Overlay = require("./chunks/Overlay-FooE9M_s.js"), Modal = require("./chunks/Modal-ByRyv3wy.js"), ModalController = require("./chunks/ModalController-xjflFsjF.js"), FlexDiv = require("./chunks/FlexDiv-wO8IY0Zf.js"), Pager = require("./chunks/Pager-B-cuwffo.js"), PromptInput = require("./chunks/PromptInput--grtHPvy.js"), ProgressIndicator = require("./chunks/ProgressIndicator-ByZ_aYAZ.js"), RadioButton = require("./chunks/RadioButton-DP2X1dA_.js"), RadioButtonList = require("./chunks/RadioButtonList-COGNW5y3.js"), Slider = require("./chunks/Slider-G1a8UKef.js"), Spacer = require("./chunks/Spacer-CsRCleXv.js"), Switch = require("./chunks/Switch-OBVHKn_D.js"), ToggleButton = require("./chunks/ToggleButton-C_Gu5dYR.js"), TabBar = require("./chunks/TabBar-C1HkBaxE.js"), TextArea = require("./chunks/TextArea-BEmNI_HZ.js"), TextField = require("./chunks/TextField-D9_COA9H.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-2W0u_oQN.js"), Toast = require("./chunks/Toast-B9jX6ioq.js"), Button = require("./chunks/Button-CTsHZBEB.js"), Chip = require("./chunks/Chip-Dr3vKvRY.js"), FileIcon = require("./chunks/FileIcon-Te8MaqTs.js"), Icon = require("./chunks/Icon-BFZ_5Qv3.js"), _types = require("./chunks/_types-k-3V1fz_.js"), ButtonBar = require("./chunks/ButtonBar-BRb1PTmw.js"), Label = require("./chunks/Label-BuyhcJbF.js"), UploadArea = require("./chunks/UploadArea-ENFAf4tE.js");
+var sharedTypes = require("./chunks/sharedTypes-BOieqpQy.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_useBindWebRTC = require("./hooks/useBindWebRTC.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-_eYM1QMu.js"), Avatar = require("./chunks/Avatar-DTro_MXZ.js"), AvatarGroup = require("./chunks/AvatarGroup-OPJJ_Te5.js"), Badge = require("./chunks/Badge-DWUeXxm2.js"), IconButton = require("./chunks/IconButton-BuwQLUuj.js"), Camera = require("./chunks/Camera-DjENiyud.js"), CheckBox = require("./chunks/CheckBox-DiJpbdy5.js"), DivInput = require("./chunks/DivInput-B917fKB9.js"), Dot = require("./chunks/Dot-DaRF2JyO.js"), DrggablePanel = require("./chunks/DrggablePanel-CJTEmYW6.js"), DropDown = require("./chunks/DropDown-DRSQvXCC.js"), ErrorSummary = require("./chunks/ErrorSummary-ltiIsgJ6.js"), Grouper = require("./chunks/Grouper-Cd3AJEFv.js"), Overlay = require("./chunks/Overlay-CaAA3ey5.js"), Modal = require("./chunks/Modal-CUAj4e6x.js"), ModalController = require("./chunks/ModalController-BwFAVI5G.js"), FlexDiv = require("./chunks/FlexDiv-CBENyLT4.js"), Pager = require("./chunks/Pager-uExZ5E3x.js"), PromptInput = require("./chunks/PromptInput-Dl8l8cZv.js"), ProgressIndicator = require("./chunks/ProgressIndicator-DwqslY4o.js"), RadioButton = require("./chunks/RadioButton-DPpAOFQt.js"), RadioButtonList = require("./chunks/RadioButtonList-IbPA6A3y.js"), Slider = require("./chunks/Slider-D5oa7NGy.js"), Spacer = require("./chunks/Spacer-DtUh2VLv.js"), Switch = require("./chunks/Switch-Bs0r5va5.js"), ToggleButton = require("./chunks/ToggleButton-CqD5c6JA.js"), TabBar = require("./chunks/TabBar-BCSTg_Uc.js"), TextArea = require("./chunks/TextArea-Dj7jsvVr.js"), TextField = require("./chunks/TextField-DNP0wJla.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-awq6PDZa.js"), Toast = require("./chunks/Toast-xS1TC3Ba.js"), Button = require("./chunks/Button-CuGvPAkH.js"), Chip = require("./chunks/Chip-kzOvEo0P.js"), FileIcon = require("./chunks/FileIcon-WIVOTJLa.js"), Icon = require("./chunks/Icon-DjvProjz.js"), _types = require("./chunks/_types-BTdDWVYI.js"), ButtonBar = require("./chunks/ButtonBar-CbXToyfD.js"), Label = require("./chunks/Label-d32ENzwL.js"), Level = require("./chunks/Level-B8eT8XyV.js"), UploadArea = require("./chunks/UploadArea-CvWqk8YK.js");
 
-require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-CzpRaW14.js"), 
-require("./chunks/MdStreamBuffer-CbG_VeRI.js"), require("react/jsx-runtime"), require("./chunks/colors-B0_3srZN.js"), 
-require("./chunks/audioVisualizer-MOSbvvnZ.js"), require("./chunks/misc-DZAbObFp.js"), 
-require("motion/react"), require("./chunks/modalStore-D4bOjuWd.js"), require("zustand"), 
-require("./chunks/FileList-CDcfKIV6.js"), require("./chunks/debounce-CaoYvh12.js"), 
-Object.defineProperty(exports, "ToolTipType", {
+require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-DqjaJVC3.js"), 
+require("./chunks/MdStreamBuffer-Chwibu07.js"), require("./chunks/webRTCStore-DRjvbnve.js"), 
+require("zustand"), require("./chunks/WebRTCConnection-DBeyg4j9.js"), require("./chunks/microphoneStore-Dy5TwE2I.js"), 
+require("./chunks/volumeStore-BXFAQhvS.js"), require("react/jsx-runtime"), require("./chunks/colors-CmOkcjB3.js"), 
+require("./chunks/audioVisualizer-C7fMG0WH.js"), require("./chunks/misc-BwQIEIuF.js"), 
+require("motion/react"), require("./chunks/modalStore-CaQkdY5_.js"), require("./chunks/FileList-CzQZZErI.js"), 
+require("./chunks/debounce-BtCCTkbG.js"), Object.defineProperty(exports, "ToolTipType", {
     enumerable: !0,
     get: function() {
         return sharedTypes.ToolTipType;
@@ -19,16 +20,16 @@ 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.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, 
-exports.DropDown = DropDown.DropDown, exports.ErrorSummary = ErrorSummary.ErrorSummary, 
-exports.Grouper = Grouper.Grouper, exports.Overlay = Overlay.Overlay, exports.Modal = Modal.Modal, 
-exports.ModalController = ModalController.ModalController, exports.FlexDiv = FlexDiv.FlexDiv, 
-Object.defineProperty(exports, "Preset", {
+exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useBindWebRTC = hooks_useBindWebRTC.useBindWebRTC, 
+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, exports.DropDown = DropDown.DropDown, 
+exports.ErrorSummary = ErrorSummary.ErrorSummary, exports.Grouper = Grouper.Grouper, 
+exports.Overlay = Overlay.Overlay, exports.Modal = Modal.Modal, exports.ModalController = ModalController.ModalController, 
+exports.FlexDiv = FlexDiv.FlexDiv, Object.defineProperty(exports, "Preset", {
     enumerable: !0,
     get: function() {
         return FlexDiv.Preset;
@@ -61,7 +62,7 @@ exports.Label = Label.Label, Object.defineProperty(exports, "LabelBackground", {
     get: function() {
         return Label.LabelBackground;
     }
-}), exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
+}), exports.Level = Level.Level, exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
 exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes, 
 exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes, 
 exports.videoTypes = UploadArea.videoTypes;

package/dist/cjs/providers/ThemeProvider.js

@@ -7,7 +7,7 @@ require("../theme/colors.js"), require("../theme/corners.js"), require("../theme
 require("../theme/motion.js"), require("../theme/type.js");
 
 const ThemeContext = React.createContext({
-    initialTheme: theme_themes.lightTheme.name,
+    initialTheme: theme_themes.darkTheme.name,
     systemTheme: !0,
     setSystemTheme: () => {}
 });
@@ -23,12 +23,13 @@ function setDocumentTheme(name, system) {
 }
 
 exports.ThemeProvider = function(props) {
-    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props, [systemTheme, setSystemTheme] = React.useState(null == system || system);
+    var _a;
+    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme, initialSystem: initialSystem} = props, [systemTheme, setSystemTheme] = React.useState(null === (_a = null != system ? system : initialSystem) || void 0 === _a || _a);
     React.useEffect(() => {
-        setSystemTheme(null == system || system);
+        void 0 !== system && setSystemTheme(system);
     }, [ system ]);
     const contextValue = React.useMemo(() => ({
-        initialTheme: null != initialTheme ? initialTheme : theme_themes.lightTheme.name,
+        initialTheme: null != initialTheme ? initialTheme : theme_themes.darkTheme.name,
         systemTheme: systemTheme,
         setSystemTheme: setSystemTheme
     }), [ initialTheme, systemTheme ]);

package/dist/cjs/providers/themeServer.js

@@ -1,13 +1,10 @@
 "use strict";
 
 function normalizeThemeName(theme) {
-    if (theme) return theme.includes("dark") ? "darkMode" : "lightMode";
+    if (theme) return theme.includes("lightMode") ? "lightMode" : "darkMode";
 }
 
-/**
- * Resolve the startup Slice theme from an explicit theme value, cookie value,
- * or fallback theme in that order.
- */ exports.getThemeHtmlAttributes = 
+exports.getThemeHtmlAttributes = 
 /**
  * Return the root HTML attributes needed to render the active Slice theme
  * before client hydration.
@@ -15,10 +12,19 @@ function normalizeThemeName(theme) {
 function(theme) {
     var _a;
     return {
-        "data-slice-theme": null !== (_a = normalizeThemeName(theme)) && void 0 !== _a ? _a : "lightMode"
+        "data-slice-theme": null !== (_a = normalizeThemeName(theme)) && void 0 !== _a ? _a : "darkMode"
     };
-}, exports.resolveInitialTheme = function(options = {}) {
+}, exports.resolveInitialTheme = 
+/**
+ * Resolve the startup Slice theme from an explicit theme value, cookie value,
+ * or fallback theme in that order. Resolves a system to true if undefined.
+ */
+function(options = {}) {
     var _a, _b;
-    const {theme: theme, cookieTheme: cookieTheme, fallbackTheme: fallbackTheme = "lightMode"} = options;
-    return null !== (_b = null !== (_a = normalizeThemeName(theme)) && void 0 !== _a ? _a : normalizeThemeName(cookieTheme)) && void 0 !== _b ? _b : fallbackTheme;
+    const {theme: theme, activeTheme: activeTheme, systemTheme: systemTheme, fallbackTheme: fallbackTheme = "darkMode"} = options;
+    return {
+        initialTheme: null !== (_b = null !== (_a = normalizeThemeName(theme)) && void 0 !== _a ? _a : normalizeThemeName(activeTheme)) && void 0 !== _b ? _b : fallbackTheme,
+        initialSystem: (system = systemTheme, void 0 === system || system)
+    };
+    var system;
 };

package/dist/cjs/stores/LocalDB.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var localDBStore = require("../chunks/localDBStore-Ca73jeFf.js");
+var localDBStore = require("../chunks/localDBStore-wgCc1SmV.js");
 
-require("../chunks/tslib.es6-CzpRaW14.js"), require("react"), require("zustand"), 
-require("zustand/react/shallow"), require("../chunks/IndexedDB-Dgwal8na.js"), exports.localDBActions = localDBStore.localDBActions, 
+require("../chunks/tslib.es6-DqjaJVC3.js"), require("react"), require("zustand"), 
+require("zustand/react/shallow"), require("../chunks/IndexedDB-Ddhq6Gjd.js"), exports.localDBActions = localDBStore.localDBActions, 
 exports.useLocalDB = localDBStore.useLocalDB, exports.useLocalDBError = localDBStore.useLocalDBError, 
 exports.useLocalDBStore = localDBStore.useLocalDBStore, exports.useLocalDBValues = localDBStore.useLocalDBValues, 
 exports.useManageLocalDB = localDBStore.useManageLocalDB;

package/dist/cjs/stores/SSE.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var sseStore = require("../chunks/sseStore-Bq7sVvyA.js");
+var sseStore = require("../chunks/sseStore-CFFaYonG.js");
 
-require("zustand"), require("../chunks/tslib.es6-CzpRaW14.js"), require("../chunks/SSEConnection-ACoOeeTO.js"), 
+require("zustand"), require("../chunks/tslib.es6-DqjaJVC3.js"), require("../chunks/SSEConnection-CF5WZG9b.js"), 
 exports.useConnectionClose = sseStore.useConnectionClose, exports.useConnectionMessage = sseStore.useConnectionMessage, 
 exports.useIsConnected = sseStore.useIsConnected, exports.useLastSSEMessage = sseStore.useLastSSEMessage, 
 exports.useMessage = sseStore.useMessage, exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 

package/dist/cjs/stores/WS.js

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("../chunks/tslib.es6-CzpRaW14.js");
+require("../chunks/tslib.es6-DqjaJVC3.js");
 
-var WSConnection = require("../chunks/WSConnection-CZ22tcLz.js");
+var WSConnection = require("../chunks/WSConnection-BACWw4TS.js");
 
 const useWSStore = zustand.create((set, get) => ({
     connections: [],