@apple-pie/slice 0.1.30 → 0.1.32

package/dist/esm/hooks/useAudioRecorder.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
+import { a as __awaiter } from "../chunks/tslib.es6-C81Qhn1z.mjs";
 
 import { useRef, useState, useCallback, useEffect } from "react";
 

package/dist/esm/hooks/useBindWebRTC.mjs

@@ -0,0 +1,72 @@
+'use client';
+import { a as __awaiter } from "../chunks/tslib.es6-C81Qhn1z.mjs";
+
+import { useState, useRef, useCallback, useEffect } from "react";
+
+import { q as useProcessedMicStream } from "../chunks/microphoneStore-COEGtgyX.mjs";
+
+import { f as useVolume } from "../chunks/volumeStore-TSYPqbHx.mjs";
+
+import { u as useWebRTC, c as useWebRTCConnection, g as getWebRTCConnections } from "../chunks/webRTCStore-CVCDJzj5.mjs";
+
+import "zustand";
+
+import "../chunks/WebRTCConnection-DQbNa7Z9.mjs";
+
+function useBindWebRTC(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 = useProcessedMicStream(), volume = useVolume(), {addConnection: addConnection, initializeConnection: initializeConnection, removeConnection: removeConnection, setMicStream: setMicStream, setVolume: setVolume} = useWebRTC(), connectionEntry = useWebRTCConnection(connectionName), [error, setError] = useState(null), [bound, setBound] = useState(!1), ownsConnectionRef = useRef(!1), unbind = useCallback(() => {
+        ownsConnectionRef.current && removeConnection(connectionName), ownsConnectionRef.current = !1, 
+        setBound(!1), setError(null);
+    }, [ connectionName, removeConnection ]), bind = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        var _a, _b;
+        setError(null);
+        const existingConnection = 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 = 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 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 ]), useEffect(() => {
+        bound && ownsConnectionRef.current && setVolume(connectionName, volume);
+    }, [ bound, connectionName, setVolume, volume ]), 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
+    };
+}
+
+export { useBindWebRTC };

package/dist/esm/hooks/useLocalStore.mjs

@@ -17,15 +17,15 @@ function readLocalStorageValue(key, fallback) {
 }
 
 function useLocalStore(key, value) {
-    const [item, setItem] = useState(() => readLocalStorageValue(key, value));
+    const [item, setItem] = useState(() => readLocalStorageValue(key, value)), [hydrated, setHydrated] = useState(!1);
     return 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 ];
 }
 
 export { useLocalStore };

package/dist/esm/hooks/useMdStreamBuffer.mjs

@@ -1,42 +1,70 @@
 'use client';
-import { useRef, useState, useEffect, useCallback } from "react";
+import { _ as __rest } from "../chunks/tslib.es6-C81Qhn1z.mjs";
 
-import "../chunks/tslib.es6-C-olHjXV.mjs";
+import { useRef, useState, useCallback, useEffect } from "react";
 
-import { M as MdBuffer } from "../chunks/MdStreamBuffer-By7pHJQL.mjs";
+import { M as MdBuffer } from "../chunks/MdStreamBuffer-CoQWQwRL.mjs";
 
 function useMDStreamBuffer(options) {
-    const bufferRef = useRef(null), [healthy, setHealthy] = useState(""), [raw, setRaw] = useState(""), [isComplete, setIsComplete] = useState(!1);
-    useEffect(() => (bufferRef.current = new MdBuffer(Object.assign(Object.assign({}, options), {
-        onFlush: snapshot => {
-            const {healthy: healthy, raw: raw, isComplete: isComplete} = snapshot;
-            setHealthy(healthy), setRaw(raw), setIsComplete(isComplete);
+    var _a, _b;
+    const bufferRef = useRef(null), queuedValueRef = useRef(""), paceTimerRef = useRef(null), [healthy, setHealthy] = useState(""), [raw, setRaw] = useState(""), [isComplete, setIsComplete] = useState(!1), [pendingCharacters, setPendingCharacters] = 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 = 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 = useCallback(() => {
+        null !== paceTimerRef.current && (clearTimeout(paceTimerRef.current), paceTimerRef.current = null);
+    }, []), releaseQueuedChunk = 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 = useCallback(() => {
+        usesPacing && null === paceTimerRef.current && (paceTimerRef.current = setTimeout(releaseQueuedChunk, paceDelayMs));
+    }, [ paceDelayMs, releaseQueuedChunk, usesPacing ]), drainQueuedValue = useCallback(() => {
+        bufferRef.current && 0 !== queuedValueRef.current.length && (clearPaceTimer(), bufferRef.current.append(queuedValueRef.current), 
+        queuedValueRef.current = "", setPendingCharacters(getTotalPendingCharacters()));
+    }, [ clearPaceTimer, getTotalPendingCharacters ]);
+    useEffect(() => {
+        const _a = null != options ? options : {}, {paceDelayMs: _paceDelayMs, paceChunkSize: _paceChunkSize} = _a, bufferOptions = __rest(_a, [ "paceDelayMs", "paceChunkSize" ]);
+        return bufferRef.current = new 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 = 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 = useCallback(() => {
+        var _a;
+        return drainQueuedValue(), null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.flush();
+    }, [ drainQueuedValue ]), complete = useCallback(() => {
+        var _a;
+        return drainQueuedValue(), null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.complete();
+    }, [ drainQueuedValue ]), reset = useCallback(() => {
         var _a;
-        null === (_a = bufferRef.current) || void 0 === _a || _a.dispose(), bufferRef.current = null;
-    }), []);
+        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: useCallback(value => {
-            var _a;
-            value && (null === (_a = bufferRef.current) || void 0 === _a || _a.append(value));
-        }, []),
-        flush: useCallback(() => {
-            var _a;
-            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.flush();
-        }, []),
-        complete: useCallback(() => {
-            var _a;
-            return null === (_a = bufferRef.current) || void 0 === _a ? void 0 : _a.complete();
-        }, []),
-        reset: useCallback(() => {
-            var _a;
-            null === (_a = bufferRef.current) || void 0 === _a || _a.reset(), setHealthy(""), 
-            setRaw("");
-        }, [])
+        pendingCharacters: pendingCharacters,
+        append: append,
+        flush: flush,
+        complete: complete,
+        reset: reset
     };
 }
 

package/dist/esm/hooks/useMicrophone.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
+import { a as __awaiter } from "../chunks/tslib.es6-C81Qhn1z.mjs";
 
 import { useRef, useState, useCallback, useMemo, useEffect } from "react";
 

package/dist/esm/hooks/useObserveTheme.mjs

@@ -9,8 +9,6 @@ import "../theme/colors.mjs";
 
 import "react/jsx-runtime";
 
-import "../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../theme/corners.mjs";
 
 import "../theme/elevations.mjs";

package/dist/esm/hooks/useTheme.mjs

@@ -13,8 +13,6 @@ import { useObserveTheme } from "./useObserveTheme.mjs";
 
 import "react/jsx-runtime";
 
-import "../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../theme/corners.mjs";
 
 import "../theme/elevations.mjs";

package/dist/esm/hooks/useTrackRenders.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { useRef, useEffect } from "react";
 
-import { d as debug } from "../chunks/misc-wS74txaa.mjs";
+import { d as debug } from "../chunks/misc-2MIIqzsX.mjs";
 
-import "../chunks/tslib.es6-C-olHjXV.mjs";
+import "../chunks/tslib.es6-C81Qhn1z.mjs";
 
 /**
  * Hook to log component renders, mounts, and unmounts

package/dist/esm/hooks.mjs

@@ -14,6 +14,8 @@ export { useLocalStore } from "./hooks/useLocalStore.mjs";
 
 export { useMDStreamBuffer } from "./hooks/useMdStreamBuffer.mjs";
 
+export { useBindWebRTC } from "./hooks/useBindWebRTC.mjs";
+
 export { useMicrophone } from "./hooks/useMicrophone.mjs";
 
 export { useAudioRecorder } from "./hooks/useAudioRecorder.mjs";
@@ -28,8 +30,6 @@ import "./providers/ThemeProvider.mjs";
 
 import "react/jsx-runtime";
 
-import "./chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "./theme/themes.mjs";
 
 import "./theme/colors.mjs";
@@ -42,6 +42,16 @@ import "./theme/motion.mjs";
 
 import "./theme/type.mjs";
 
-import "./chunks/tslib.es6-C-olHjXV.mjs";
+import "./chunks/tslib.es6-C81Qhn1z.mjs";
+
+import "./chunks/MdStreamBuffer-CoQWQwRL.mjs";
+
+import "./chunks/microphoneStore-COEGtgyX.mjs";
+
+import "zustand";
+
+import "./chunks/volumeStore-TSYPqbHx.mjs";
+
+import "./chunks/webRTCStore-CVCDJzj5.mjs";
 
-import "./chunks/MdStreamBuffer-By7pHJQL.mjs";
+import "./chunks/WebRTCConnection-DQbNa7Z9.mjs";

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-export { T as ToolTipType } from "./chunks/sharedTypes-tn9-uJvb.mjs";
+export { T as ToolTipType } from "./chunks/sharedTypes-CyrInj1b.mjs";
 
 export { darkTheme, lightTheme } from "./theme/themes.mjs";
 
@@ -24,6 +24,8 @@ export { useLocalStore } from "./hooks/useLocalStore.mjs";
 
 export { useMDStreamBuffer } from "./hooks/useMdStreamBuffer.mjs";
 
+export { useBindWebRTC } from "./hooks/useBindWebRTC.mjs";
+
 export { useMicrophone } from "./hooks/useMicrophone.mjs";
 
 export { useAudioRecorder } from "./hooks/useAudioRecorder.mjs";
@@ -32,85 +34,87 @@ export { useWindow } from "./hooks/useWindow.mjs";
 
 export { useObserveResize } from "./hooks/useObserveResize.mjs";
 
-export { A as AudioBubble } from "./chunks/AudioBubble-D052QyPH.mjs";
+export { A as AudioBubble } from "./chunks/AudioBubble-cYlxxQ7c.mjs";
 
-export { A as Avatar } from "./chunks/Avatar-29zhNfxX.mjs";
+export { A as Avatar } from "./chunks/Avatar-D84wF2os.mjs";
 
-export { A as AvatarGroup } from "./chunks/AvatarGroup-C7YRtPmJ.mjs";
+export { A as AvatarGroup } from "./chunks/AvatarGroup-DiwfbRxH.mjs";
 
-export { B as Badge } from "./chunks/Badge-CC0zSLMf.mjs";
+export { B as Badge } from "./chunks/Badge-DuUb5-80.mjs";
 
-export { I as IconButton } from "./chunks/IconButton-ByBYppAj.mjs";
+export { I as IconButton } from "./chunks/IconButton-B_W-aOsB.mjs";
 
-export { C as Camera } from "./chunks/Camera-CAp0Y2gN.mjs";
+export { C as Camera } from "./chunks/Camera-BMwkTJPq.mjs";
 
-export { C as CheckBox } from "./chunks/CheckBox-7TiT2U47.mjs";
+export { C as CheckBox } from "./chunks/CheckBox-Cpoxy8w_.mjs";
 
-export { D as DivInput } from "./chunks/DivInput-g6F1YWTo.mjs";
+export { D as DivInput } from "./chunks/DivInput-CWRUxy1y.mjs";
 
-export { D as Dot } from "./chunks/Dot-DZE134mJ.mjs";
+export { D as Dot } from "./chunks/Dot-v_kcIWV2.mjs";
 
-export { D as DraggablePanel } from "./chunks/DrggablePanel-C0AmJy8g.mjs";
+export { D as DraggablePanel } from "./chunks/DrggablePanel-yEeGeE1w.mjs";
 
-export { D as DropDown } from "./chunks/DropDown-mwo8fY7p.mjs";
+export { D as DropDown } from "./chunks/DropDown-QQhwAg_J.mjs";
 
-export { E as ErrorSummary } from "./chunks/ErrorSummary-EzCqVifm.mjs";
+export { E as ErrorSummary } from "./chunks/ErrorSummary-DzIZMIll.mjs";
 
-export { G as Grouper } from "./chunks/Grouper-naJMvpB9.mjs";
+export { G as Grouper } from "./chunks/Grouper-BDrAnfDF.mjs";
 
-export { O as Overlay } from "./chunks/Overlay-sXM7cEYc.mjs";
+export { O as Overlay } from "./chunks/Overlay-C-yori3-.mjs";
 
-export { M as Modal } from "./chunks/Modal-B9ad9OfJ.mjs";
+export { M as Modal } from "./chunks/Modal-CwwyijaO.mjs";
 
-export { M as ModalController } from "./chunks/ModalController-BO5FkAqu.mjs";
+export { M as ModalController } from "./chunks/ModalController-IyB9lDRa.mjs";
 
-export { F as FlexDiv, P as Preset, S as Size } from "./chunks/FlexDiv-DnY1_qk4.mjs";
+export { F as FlexDiv, P as Preset, S as Size } from "./chunks/FlexDiv-B1m7aY04.mjs";
 
-export { P as Pager } from "./chunks/Pager-Bz0FpgO5.mjs";
+export { P as Pager } from "./chunks/Pager-BEtfyKtq.mjs";
 
-export { P as PromptInput } from "./chunks/PromptInput-Cwd53ux7.mjs";
+export { P as PromptInput } from "./chunks/PromptInput-Cn5fRYap.mjs";
 
-export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-B5oByN3i.mjs";
+export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-BV0ginXb.mjs";
 
-export { R as RadioButton } from "./chunks/RadioButton-CLeRiZ8x.mjs";
+export { R as RadioButton } from "./chunks/RadioButton-DWlg6ldv.mjs";
 
-export { R as RadioButtonList } from "./chunks/RadioButtonList-C_heuiis.mjs";
+export { R as RadioButtonList } from "./chunks/RadioButtonList-D9FdlhPL.mjs";
 
-export { S as Slider } from "./chunks/Slider-XEV0D2Rd.mjs";
+export { S as Slider } from "./chunks/Slider-B2WZkZSg.mjs";
 
-export { S as Spacer } from "./chunks/Spacer-C5651N0N.mjs";
+export { S as Spacer } from "./chunks/Spacer-7Oj0SlD0.mjs";
 
-export { S as Switch } from "./chunks/Switch-RfA431T4.mjs";
+export { S as Switch } from "./chunks/Switch-DRhnznnO.mjs";
 
-export { T as ToggleButton } from "./chunks/ToggleButton-C0QIflzX.mjs";
+export { T as ToggleButton } from "./chunks/ToggleButton-BOFITa8_.mjs";
 
-export { T as TabBar } from "./chunks/TabBar-kPZ6ZJxr.mjs";
+export { T as TabBar } from "./chunks/TabBar-D6VR71ye.mjs";
 
-export { T as TextArea } from "./chunks/TextArea-CxscPLwN.mjs";
+export { T as TextArea } from "./chunks/TextArea-CkB5rJjI.mjs";
 
-export { T as TextField } from "./chunks/TextField-DwVKlLI_.mjs";
+export { T as TextField } from "./chunks/TextField-BIXmkjEz.mjs";
 
 export { ThemeProvider } from "./providers/ThemeProvider.mjs";
 
-export { T as Tip } from "./chunks/Tip-C6EcX7_M.mjs";
+export { T as Tip } from "./chunks/Tip-CTdrwLky.mjs";
+
+export { T as Toast, a as ToastType } from "./chunks/Toast-8bUziIgh.mjs";
 
-export { T as Toast, a as ToastType } from "./chunks/Toast-D4uMNvaa.mjs";
+export { B as Button } from "./chunks/Button-BIgwWrPJ.mjs";
 
-export { B as Button } from "./chunks/Button-BQS3rwrS.mjs";
+export { C as Chip } from "./chunks/Chip-BayNVv7N.mjs";
 
-export { C as Chip } from "./chunks/Chip-CKsojimU.mjs";
+export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-6UlkbKzk.mjs";
 
-export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-BQ2zZIW5.mjs";
+export { I as Icon } from "./chunks/Icon-D4A6_c4x.mjs";
 
-export { I as Icon } from "./chunks/Icon--RjjODc9.mjs";
+export { S as SliceIcons } from "./chunks/_types-DrNviSG6.mjs";
 
-export { S as SliceIcons } from "./chunks/_types-BVrr_Khp.mjs";
+export { B as ButtonBar } from "./chunks/ButtonBar-vNvnvw7u.mjs";
 
-export { B as ButtonBar } from "./chunks/ButtonBar-GLNRjmjv.mjs";
+export { L as Label, a as LabelBackground } from "./chunks/Label-I75yz3gq.mjs";
 
-export { L as Label, a as LabelBackground } from "./chunks/Label-C04tD7UZ.mjs";
+export { L as Level } from "./chunks/Level-DgczkKBr.mjs";
 
-export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-je-1NhGb.mjs";
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-DE2ccDVx.mjs";
 
 import "./theme/corners.mjs";
 
@@ -118,26 +122,32 @@ import "./theme/type.mjs";
 
 import "react";
 
-import "./chunks/tslib.es6-C-olHjXV.mjs";
+import "./chunks/tslib.es6-C81Qhn1z.mjs";
 
-import "./chunks/MdStreamBuffer-By7pHJQL.mjs";
+import "./chunks/MdStreamBuffer-CoQWQwRL.mjs";
 
-import "react/jsx-runtime";
+import "./chunks/microphoneStore-COEGtgyX.mjs";
 
-import "./chunks/colors-FQ0uNQcW.mjs";
+import "zustand";
 
-import "./chunks/audioVisualizer-ZgT77nUw.mjs";
+import "./chunks/volumeStore-TSYPqbHx.mjs";
 
-import "./chunks/style-inject.es-D0BjEaN8.mjs";
+import "./chunks/webRTCStore-CVCDJzj5.mjs";
 
-import "./chunks/misc-wS74txaa.mjs";
+import "./chunks/WebRTCConnection-DQbNa7Z9.mjs";
 
-import "motion/react";
+import "react/jsx-runtime";
 
-import "./chunks/modalStore-BpWnLtOF.mjs";
+import "./chunks/colors-BAATtfbL.mjs";
 
-import "zustand";
+import "./chunks/audioVisualizer-BsmpLZyK.mjs";
+
+import "./chunks/misc-2MIIqzsX.mjs";
+
+import "motion/react";
+
+import "./chunks/modalStore-DmaeMv7z.mjs";
 
-import "./chunks/FileList-fh-x9Dzm.mjs";
+import "./chunks/FileList-vMiGJByw.mjs";
 
-import "./chunks/debounce-Bst1jxMS.mjs";
+import "./chunks/debounce-CYBH5qXQ.mjs";

package/dist/esm/providers/ThemeProvider.mjs

@@ -3,9 +3,7 @@ import { jsx } from "react/jsx-runtime";
 
 import { createContext, useContext, useState, useEffect, useMemo } from "react";
 
-import { s as styleInject } from "../chunks/style-inject.es-D0BjEaN8.mjs";
-
-import { lightTheme, darkTheme } from "../theme/themes.mjs";
+import { darkTheme, lightTheme } from "../theme/themes.mjs";
 
 import "../theme/colors.mjs";
 
@@ -17,20 +15,8 @@ import "../theme/motion.mjs";
 
 import "../theme/type.mjs";
 
-styleInject('/* Core brand colors (un-themed) */\n[data-slice-theme-scope] {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-primary-tint-light: #fcfcfc;\n\t--surface-primary-tint-dark: #191e24;\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="lightMode"] {\n\t--core-surface-primary: #ffffff;\n}\n\n/* Light theme tokens */\n:root[data-slice-theme="lightMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-primary-tint: var(--surface-primary-tint-light);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-500);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="darkMode"] {\n\t--core-surface-primary: #1f262d;\n}\n\n/* Dark theme tokens */\n:root[data-slice-theme="darkMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-900);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-primary-tint: var(--surface-primary-tint-dark);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n[data-slice-theme-scope] .array-land {\n\tbackground: var(--array-land);\n}\n[data-slice-theme-scope] .array-land-label {\n\tcolor: var(--array-land-label);\n}\n[data-slice-theme-scope] .array-magenta {\n\tbackground: var(--array-magenta);\n}\n[data-slice-theme-scope] .array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n[data-slice-theme-scope] .array-orange {\n\tbackground: var(--array-orange);\n}\n[data-slice-theme-scope] .array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n[data-slice-theme-scope] .array-purple {\n\tbackground: var(--array-purple);\n}\n[data-slice-theme-scope] .array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n[data-slice-theme-scope] .array-sea {\n\tbackground: var(--array-sea);\n}\n[data-slice-theme-scope] .array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n[data-slice-theme-scope] .array-sky {\n\tbackground: var(--array-sky);\n}\n[data-slice-theme-scope] .array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n[data-slice-theme-scope] .array-yellow {\n\tbackground: var(--array-yellow);\n}\n[data-slice-theme-scope] .array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n[data-slice-theme-scope] .core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n[data-slice-theme-scope] .core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n[data-slice-theme-scope] .core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n[data-slice-theme-scope] .core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n[data-slice-theme-scope] .core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n[data-slice-theme-scope] .core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n[data-slice-theme-scope] .core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n[data-slice-theme-scope] .core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n[data-slice-theme-scope] .core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n[data-slice-theme-scope] .core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n[data-slice-theme-scope] .core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n[data-slice-theme-scope] .core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n[data-slice-theme-scope] .core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n[data-slice-theme-scope] .core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n[data-slice-theme-scope] .core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n[data-slice-theme-scope] .core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n[data-slice-theme-scope] .core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n[data-slice-theme-scope] .core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n[data-slice-theme-scope] .core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n[data-slice-theme-scope] .core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n[data-slice-theme-scope] .core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n[data-slice-theme-scope] .core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n[data-slice-theme-scope] .core-surface-primary-tint {\n\tbackground: var(--core-surface-primary-tint);\n}\n[data-slice-theme-scope] .core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n[data-slice-theme-scope] .core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n[data-slice-theme-scope] .core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n[data-slice-theme-scope] .core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n[data-slice-theme-scope] .core-text-error {\n\tcolor: var(--core-text-error);\n}\n[data-slice-theme-scope] .core-text-light {\n\tcolor: var(--core-text-light);\n}\n[data-slice-theme-scope] .core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n[data-slice-theme-scope] .core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n[data-slice-theme-scope] .core-text-special {\n\tcolor: var(--core-text-special);\n}\n[data-slice-theme-scope] .core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n[data-slice-theme-scope] .eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n[data-slice-theme-scope] .eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n[data-slice-theme-scope] .eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n[data-slice-theme-scope] .eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n[data-slice-theme-scope] .eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n[data-slice-theme-scope] .feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n[data-slice-theme-scope] .feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n[data-slice-theme-scope] .feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n[data-slice-theme-scope] .feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n[data-slice-theme-scope] .feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n[data-slice-theme-scope] .gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n[data-slice-theme-scope] .gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n[data-slice-theme-scope] .gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n[data-slice-theme-scope] .gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n[data-slice-theme-scope] .gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n[data-slice-theme-scope] .scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n[data-slice-theme-scope] .scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n[data-slice-theme-scope] .surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n[data-slice-theme-scope] .surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\n[data-slice-theme-scope] {\n\tbackground: var(--core-surface-primary);\n}\n\n[data-slice-theme-scope] a {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:hover {\n\ttext-decoration: none;\n}\n\n[data-slice-theme-scope] code {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
-
-styleInject("[data-slice-theme-scope] {\n\t--elevation-below-surface: -100;\n\t--elevation-surface: 0;\n\t--elevation-float: 100;\n\t--elevation-describe: 200;\n\t--elevation-status: 300;\n\t--elevation-notify: 400;\n\t--elevation-overlay: 500;\n\t--elevation-confirm: 600;\n}\n");
-
-styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");\n\n[data-slice-theme-scope] {\n\t--font-family: "Funnel Sans";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n[data-slice-theme-scope] .body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n[data-slice-theme-scope] .body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h1,\n[data-slice-theme-scope] h2,\n[data-slice-theme-scope] h3,\n[data-slice-theme-scope] h4 {\n\tmargin: 1.5em 0 0.6em 0;\n}\n\n[data-slice-theme-scope] h1 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n\tmargin-top: 0;\n}\n\n[data-slice-theme-scope] h2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h4 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] p {\n\tmargin: 0 0 1.5em 0;\n}\n\n[data-slice-theme-scope] b,\n[data-slice-theme-scope] strong {\n\tfont-weight: var(--font-weight-bold);\n}\n');
-
-styleInject("/* Keep these values in sync with src/hooks/useWindow/useWindow.ts */\n");
-
-styleInject("[data-slice-theme-scope] {\n\t--motion-magnet: cubic-bezier(0.352, 0.003, 0.993, -0.052);\n\t--motion-water: cubic-bezier(0.36, 0, 0.64, 1);\n\t--motion-spring: linear(\n\t\t0,\n\t\t0.002 0.2%,\n\t\t0.011 0.5%,\n\t\t0.041 1%,\n\t\t0.1 1.6%,\n\t\t0.18 2.2%,\n\t\t0.365 3.3%,\n\t\t0.925 6.2%,\n\t\t1.058 7%,\n\t\t1.17 7.8%,\n\t\t1.26 8.6%,\n\t\t1.318 9.3%,\n\t\t1.342 9.7%,\n\t\t1.36 10.1%,\n\t\t1.372 10.5%,\n\t\t1.378 10.9%,\n\t\t1.378 11.4%,\n\t\t1.374 11.7%,\n\t\t1.368 12%,\n\t\t1.348 12.6%,\n\t\t1.314 13.3%,\n\t\t1.237 14.5%,\n\t\t1.026 17.4%,\n\t\t0.975 18.2%,\n\t\t0.933 19%,\n\t\t0.9 19.8%,\n\t\t0.878 20.5%,\n\t\t0.864 21.2%,\n\t\t0.859 21.6%,\n\t\t0.857 22%,\n\t\t0.856 22.5%,\n\t\t0.86 23.1%,\n\t\t0.867 23.7%,\n\t\t0.88 24.4%,\n\t\t0.909 25.6%,\n\t\t0.991 28.6%,\n\t\t1.01 29.4%,\n\t\t1.026 30.2%,\n\t\t1.037 30.9%,\n\t\t1.046 31.6%,\n\t\t1.051 32.3%,\n\t\t1.054 33.1%,\n\t\t1.053 34.2%,\n\t\t1.046 35.5%,\n\t\t1.035 36.7%,\n\t\t1.003 39.8%,\n\t\t0.99 41.4%,\n\t\t0.983 42.8%,\n\t\t0.979 44.2%,\n\t\t0.982 46.3%,\n\t\t1.002 52%,\n\t\t1.006 53.6%,\n\t\t1.008 55.2%,\n\t\t1.007 57.5%,\n\t\t0.999 63.1%,\n\t\t0.997 66.3%,\n\t\t1.001 77.2%,\n\t\t1 88.2%,\n\t\t1\n\t);\n\t--motion-magnet-duration: 0.5s;\n\t--motion-water-duration: 0.25s;\n\t--motion-spring-duration: 1s;\n}\n");
-
-styleInject('.slice-global-body {\n\t/* apply themed background color */\n\tbackground-color: var(--core-surface-primary);\n\t/* remove gaps */\n\tmargin: 0;\n\tpadding: 0;\n\t/* base medium body font style with pref. for theme google font */\n\tfont-family: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",\n\t\tRoboto, Helvetica, Arial, sans-serif;\n\tfont-weight: 360;\n\tfont-size: 15px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n\t-webkit-font-smoothing: antialiased;\n}\n');
-
 const ThemeContext = createContext({
-    initialTheme: lightTheme.name,
+    initialTheme: darkTheme.name,
     systemTheme: !0,
     setSystemTheme: () => {}
 });
@@ -50,12 +36,13 @@ function setDocumentTheme(name, system) {
 }
 
 function ThemeProvider(props) {
-    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props, [systemTheme, setSystemTheme] = useState(null == system || system);
+    var _a;
+    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme, initialSystem: initialSystem} = props, [systemTheme, setSystemTheme] = useState(null === (_a = null != system ? system : initialSystem) || void 0 === _a || _a);
     useEffect(() => {
-        setSystemTheme(null == system || system);
+        void 0 !== system && setSystemTheme(system);
     }, [ system ]);
     const contextValue = useMemo(() => ({
-        initialTheme: null != initialTheme ? initialTheme : lightTheme.name,
+        initialTheme: null != initialTheme ? initialTheme : darkTheme.name,
         systemTheme: systemTheme,
         setSystemTheme: setSystemTheme
     }), [ initialTheme, systemTheme ]);

package/dist/esm/providers/themeServer.mjs

@@ -1,14 +1,19 @@
 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.
- */ function resolveInitialTheme(options = {}) {
+ * or fallback theme in that order. Resolves a system to true if undefined.
+ */
+function resolveInitialTheme(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;
 }
 
 /**
@@ -17,7 +22,7 @@ function normalizeThemeName(theme) {
  */ function getThemeHtmlAttributes(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"
     };
 }
 

package/dist/esm/providers.mjs

@@ -6,8 +6,6 @@ import "react/jsx-runtime";
 
 import "react";
 
-import "./chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "./theme/themes.mjs";
 
 import "./theme/colors.mjs";

package/dist/esm/stores/LocalDB.mjs

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