@apple-pie/slice 0.1.23 → 0.1.25

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Icon = require("../../chunks/Icon-BB-t50Yt.js"), _types = require("../../chunks/_types-BD6txsj1.js");
+var Icon = require("../../chunks/Icon-fRM3E0N6.js"), _types = require("../../chunks/_types-VoADvwjb.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 

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

@@ -1,10 +1,10 @@
 "use strict";
 
-var IconButton = require("../../chunks/IconButton-BUw3YUsI.js");
+var IconButton = require("../../chunks/IconButton-Cf2RBUKA.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
+require("react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BTF7BCZW.js"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Label = require("../../chunks/Label-NzMpkZo2.js");
+var Label = require("../../chunks/Label-Bxp2pCXf.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Overlay = require("../../chunks/Overlay-BX6vXX9F.js");
+var Overlay = require("../../chunks/Overlay-DDOvMM6L.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.Overlay = Overlay.Overlay;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Pager = require("../../chunks/Pager-BN37VYEC.js");
+var Pager = require("../../chunks/Pager-DO197OyC.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

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

@@ -1,11 +1,11 @@
 "use strict";
 
-var ProgressIndicator = require("../../chunks/ProgressIndicator-8QZwTSyY.js");
+var ProgressIndicator = require("../../chunks/ProgressIndicator-t-jv4OhI.js");
 
 require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
 require("../../hooks/useObserveTheme.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Icon-BB-t50Yt.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("motion/react"), exports.DoneCheck = ProgressIndicator.DoneCheck, 
 exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var PromptInput = require("../../chunks/PromptInput-D1wP5-uN.js");
+var PromptInput = require("../../chunks/PromptInput-B1WG22xz.js");
 
 require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
 require("../../hooks/useObserveTheme.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Button-DmWbooXb.js"), 
-require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-8QZwTSyY.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-DjTXjXnK.js"), 
-require("../../chunks/FileIcon-xoD-xIme.js"), exports.PromptInput = PromptInput.PromptInput;
+require("../../hooks/useWindow.js"), require("../../chunks/Button-D3wZtdtj.js"), 
+require("motion/react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-DobAcOSH.js"), 
+require("../../chunks/FileIcon-DgRlhqzv.js"), exports.PromptInput = PromptInput.PromptInput;

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

@@ -1,9 +1,9 @@
 "use strict";
 
-var RadioButton = require("../../chunks/RadioButton-Cvqum7dU.js");
+var RadioButton = require("../../chunks/RadioButton-BAIMCshV.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 

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

@@ -1,10 +1,10 @@
 "use strict";
 
-var RadioButtonList = require("../../chunks/RadioButtonList-CPHTioGa.js");
+var RadioButtonList = require("../../chunks/RadioButtonList-Bsg5oFaC.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/RadioButton-Cvqum7dU.js"), 
-require("../../chunks/Icon-BB-t50Yt.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/RadioButton-BAIMCshV.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
 require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
 require("../../hooks/useWindow.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Slider = require("../../chunks/Slider-CnXBacf-.js");
+var Slider = require("../../chunks/Slider-BAcaZUs2.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useObserveResize.js"), require("../../chunks/misc-BTF7BCZW.js"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Spacer = require("../../chunks/Spacer-CtxV2Pww.js");
+var Spacer = require("../../chunks/Spacer-CyZAUR5N.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 exports.Spacer = Spacer.Spacer;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Switch = require("../../chunks/Switch-Cbn0ql3B.js");
+var Switch = require("../../chunks/Switch-Crm-nHYI.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.Switch = Switch.Switch;

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var TabBar = require("../../chunks/TabBar-CnD3E-qa.js");
+var TabBar = require("../../chunks/TabBar-BfyfjmPQ.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Icon-BB-t50Yt.js"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/IconButton-BUw3YUsI.js"), require("motion/react"), require("../../chunks/Dot-_HCJ3qxd.js"), 
+require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../chunks/IconButton-Cf2RBUKA.js"), require("motion/react"), require("../../chunks/Dot-fKIwhjYA.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TabBar = TabBar.TabBar;

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var TextArea = require("../../chunks/TextArea-rWqDDui3.js");
+var TextArea = require("../../chunks/TextArea-CHNWsfWH.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Button-DmWbooXb.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-_HCJ3qxd.js"), 
-require("../../chunks/Icon-BB-t50Yt.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
+require("../../chunks/Button-D3wZtdtj.js"), require("motion/react"), require("../../chunks/Badge-DjPJ_iJX.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-fKIwhjYA.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
 require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-8QZwTSyY.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TextArea = TextArea.TextArea;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var TextField = require("../../chunks/TextField-C6U-qhDt.js");
+var TextField = require("../../chunks/TextField-2xzSdIx3.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
 require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Button-DmWbooXb.js"), 
-require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
-require("../../chunks/ProgressIndicator-8QZwTSyY.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
-require("../../chunks/IconButton-BUw3YUsI.js"), exports.TextField = TextField.TextField;
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Button-D3wZtdtj.js"), 
+require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
+require("../../chunks/ProgressIndicator-t-jv4OhI.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+require("../../chunks/IconButton-Cf2RBUKA.js"), exports.TextField = TextField.TextField;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Tip = require("../../chunks/Tip-DAxoyMyA.js");
+var Tip = require("../../chunks/Tip-DceuNR6k.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var Toast = require("../../chunks/Toast-D2fpwdjF.js");
+var Toast = require("../../chunks/Toast-C8Hc9ZKI.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
 require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.Toast = Toast.Toast, 
 Object.defineProperty(exports, "ToastType", {
     enumerable: !0,

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

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

package/dist/cjs/hooks/useAudioRecorder.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");

package/dist/cjs/hooks/useDoubleClick.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useKeyboardShortcuts.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useLastUpdated.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useLocalStore.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useMdStreamBuffer.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useMicrophone.js

@@ -1,9 +1,10 @@
+'use client';
 "use strict";
 
 var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
 
 exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
-    const micStream = React.useRef(null), micTrack = React.useRef(null), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), waitForPaint = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+    const micStream = React.useRef(null), micTrack = React.useRef(null), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [micOptions, setMicOptions] = React.useState([]), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), waitForPaint = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
         yield new Promise(resolve => {
             requestAnimationFrame(() => resolve());
         });
@@ -31,9 +32,9 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
         return audioTrack;
     }, []), muteMic = React.useCallback(() => (getMicTrack().enabled = !1, mutedRef.current = !0, 
     setMuted(!0), !0), [ getMicTrack ]), unmuteMic = React.useCallback(() => (getMicTrack().enabled = !0, 
-    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = React.useCallback(deviceId => {
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = React.useCallback((deviceId, usePreferredDevice = !0) => {
         var _a;
-        const id = null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0;
+        const id = usePreferredDevice ? null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0 : deviceId;
         return {
             audio: {
                 deviceId: id ? {
@@ -41,51 +42,54 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
                 } : void 0
             }
         };
-    }, [ microphoneDeviceId ]), requestMicrophone = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+    }, [ microphoneDeviceId ]), requestStream = React.useCallback((deviceId_1, ...args_1) => tslib_es6.__awaiter(this, [ deviceId_1, ...args_1 ], void 0, function*(deviceId, usePreferredDevice = !0) {
+        return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId, usePreferredDevice)), 
+        micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+        mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), micStream.current;
+    }), [ constraints, getMicTrack, waitForTrackToBecomeActive ]), requestMicrophone = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
         if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
             const nextError = new Error("Microphone access is not supported");
             return setError(nextError), mountedRef.current && setIsRequesting(!1), null;
         }
         setError(null), stopMicStream();
         try {
-            return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints()), 
-            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
-            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), micStream.current;
+            return yield requestStream();
         } catch (error) {
             if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) {
                 const nextError = error instanceof Error ? error : new Error("Failed to access microphone");
                 throw setError(nextError), nextError;
             }
-            return micStream.current = yield navigator.mediaDevices.getUserMedia({
-                audio: !0
-            }), micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
-            micStream.current;
+            return yield requestStream(void 0, !1);
         } finally {
             setIsRequesting(!1);
         }
-    }), [ constraints, getMicTrack, hasMediaSupport, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), refreshMicrophones = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+    }), [ hasMediaSupport, requestStream, stopMicStream, waitForPaint ]), refreshMicrophones = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
         if (!hasMediaSupport) return [];
         try {
-            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind);
-            return setMicrophones(mics), devices.filter(device => "audioinput" === device.kind);
+            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind), options = mics.map(mic => ({
+                value: {
+                    id: mic.deviceId
+                },
+                label: mic.label
+            }));
+            return setMicrophones(mics), setMicOptions(options), devices.filter(device => "audioinput" === device.kind);
         } catch (error) {
             return console.warn("Error getting microphone devices:", error), setMicrophones([]), 
-            [];
+            setMicOptions([]), [];
         }
     }), [ hasMediaSupport ]), setMicrophone = React.useCallback(deviceId => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        var _a;
         setIsRequesting(!0), yield waitForPaint();
+        const id = "string" == typeof deviceId ? deviceId : null === (_a = deviceId.value) || void 0 === _a ? void 0 : _a.id;
         try {
-            if (!deviceId) return;
-            setError(null), stopMicStream(), micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId)), 
-            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
-            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current));
+            setError(null), stopMicStream(), yield requestStream(id, !1);
         } catch (err) {
             setError(err instanceof Error ? err : new Error("Error switching microphone")), 
             console.warn("Error switching microphone:", err);
         } finally {
             setIsRequesting(!1);
         }
-    }), [ constraints, getMicTrack, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), toggleMute = React.useCallback(() => {
+    }), [ requestStream, stopMicStream, waitForPaint ]), toggleMute = React.useCallback(() => {
         try {
             muted ? unmuteMic() : muteMic();
         } catch (error) {
@@ -107,13 +111,19 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
         if (!hasMediaSupport || !(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.addEventListener)) return;
         refreshMicrophones();
         const handleDeviceChange = () => {
-            refreshMicrophones();
+            refreshMicrophones().then(nextMicrophones => {
+                var _a;
+                const currentDeviceId = null === (_a = micTrack.current) || void 0 === _a ? void 0 : _a.getSettings().deviceId, selectedDeviceId = null != microphoneDeviceId ? microphoneDeviceId : currentDeviceId;
+                if (!selectedDeviceId) return;
+                nextMicrophones.some(mic => mic.deviceId === selectedDeviceId) || requestMicrophone();
+            });
         };
         return navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange), 
         () => {
             navigator.mediaDevices.removeEventListener("devicechange", handleDeviceChange);
         };
-    }, [ hasMediaSupport, refreshMicrophones ]), {
+    }, [ hasMediaSupport, microphoneDeviceId, refreshMicrophones, requestMicrophone ]), 
+    {
         micStream: micStream,
         micTrack: micTrack,
         muted: muted,
@@ -121,6 +131,7 @@ exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
         isRequesting: isRequesting,
         error: error,
         microphones: microphones,
+        micOptions: micOptions,
         requestMicrophone: requestMicrophone,
         stopMicrophone: stopMicStream,
         muteMic: muteMic,

package/dist/cjs/hooks/useObserveResize.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useObserveTheme.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react"), theme_themes = require("../theme/themes.js");

package/dist/cjs/hooks/useTheme.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react"), theme_themes = require("../theme/themes.js"), theme_colors = require("../theme/colors.js"), theme_type = require("../theme/type.js"), hooks_useObserveTheme = require("./useObserveTheme.js");

package/dist/cjs/hooks/useToolTip.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react");

package/dist/cjs/hooks/useTrackRenders.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var React = require("react"), misc = require("../chunks/misc-BTF7BCZW.js");

package/dist/cjs/hooks/useWindow.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var FormFactor, React = require("react");
@@ -63,6 +64,7 @@ exports.useWindow = function(breakpoints = bootstrapBreakPoints, top = !0) {
     }, [ geolocationSupported ]);
     function handleResize() {
         var _a, _b, _c, _d;
+        if (!isBrowser) return;
         const windowWidth = top && null !== (_b = null === (_a = window.top) || void 0 === _a ? void 0 : _a.innerWidth) && void 0 !== _b ? _b : window.innerWidth, windowHeight = top && null !== (_d = null === (_c = window.top) || void 0 === _c ? void 0 : _c.innerHeight) && void 0 !== _d ? _d : window.innerHeight;
         setFormFactor(getFormFactor(windowWidth)), setViewportHeight(windowHeight), setViewportWidth(windowWidth), 
         isElectron || setHeight(isTouchDevice ? `${windowHeight}px` : "100vh");

package/dist/cjs/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), AudioBubble = require("./chunks/AudioBubble-v4xKclI8.js"), Avatar = require("./chunks/Avatar-CUaQ3kN1.js"), AvatarGroup = require("./chunks/AvatarGroup-B3M7o4Hh.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-BUw3YUsI.js"), Camera = require("./chunks/Camera-CLm3aQR8.js"), CheckBox = require("./chunks/CheckBox-DDINn56u.js"), DivInput = require("./chunks/DivInput-DO3Dgbjp.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CERavfv3.js"), DropDown = require("./chunks/DropDown-CJH-Y6Z5.js"), ErrorSummary = require("./chunks/ErrorSummary-BfVHS893.js"), Grouper = require("./chunks/Grouper-RYRxazG9.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), _types = require("./chunks/_types-Sa2RAJ2U.js"), Pager = require("./chunks/Pager-BN37VYEC.js"), PromptInput = require("./chunks/PromptInput-D1wP5-uN.js"), ProgressIndicator = require("./chunks/ProgressIndicator-8QZwTSyY.js"), RadioButton = require("./chunks/RadioButton-Cvqum7dU.js"), RadioButtonList = require("./chunks/RadioButtonList-CPHTioGa.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Cbn0ql3B.js"), TabBar = require("./chunks/TabBar-CnD3E-qa.js"), TextArea = require("./chunks/TextArea-rWqDDui3.js"), TextField = require("./chunks/TextField-C6U-qhDt.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-DAxoyMyA.js"), Toast = require("./chunks/Toast-D2fpwdjF.js"), Button = require("./chunks/Button-DmWbooXb.js"), Chip = require("./chunks/Chip-DRSg6kLh.js"), FileIcon = require("./chunks/FileIcon-xoD-xIme.js"), Icon = require("./chunks/Icon-BB-t50Yt.js"), _types$1 = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-RSBwFaU-.js"), Label = require("./chunks/Label-NzMpkZo2.js"), UploadArea = require("./chunks/UploadArea-BS2BPuhZ.js");
+var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), AudioBubble = require("./chunks/AudioBubble-Bqb2Jexf.js"), Avatar = require("./chunks/Avatar-Dg8ZHnw6.js"), AvatarGroup = require("./chunks/AvatarGroup-F8eSiMwn.js"), Badge = require("./chunks/Badge-DjPJ_iJX.js"), IconButton = require("./chunks/IconButton-Cf2RBUKA.js"), Camera = require("./chunks/Camera-BnsGhOrt.js"), CheckBox = require("./chunks/CheckBox-CEWLxffo.js"), DivInput = require("./chunks/DivInput-DWPwVUs_.js"), Dot = require("./chunks/Dot-fKIwhjYA.js"), DrggablePanel = require("./chunks/DrggablePanel-Duv0nmOm.js"), DropDown = require("./chunks/DropDown-Bf_pm-Go.js"), ErrorSummary = require("./chunks/ErrorSummary-K_rPxGWK.js"), Grouper = require("./chunks/Grouper-D9G8PKoM.js"), Overlay = require("./chunks/Overlay-DDOvMM6L.js"), FlexDiv = require("./chunks/FlexDiv-C-3ahI-j.js"), Pager = require("./chunks/Pager-DO197OyC.js"), PromptInput = require("./chunks/PromptInput-B1WG22xz.js"), ProgressIndicator = require("./chunks/ProgressIndicator-t-jv4OhI.js"), RadioButton = require("./chunks/RadioButton-BAIMCshV.js"), RadioButtonList = require("./chunks/RadioButtonList-Bsg5oFaC.js"), Slider = require("./chunks/Slider-BAcaZUs2.js"), Spacer = require("./chunks/Spacer-CyZAUR5N.js"), Switch = require("./chunks/Switch-Crm-nHYI.js"), TabBar = require("./chunks/TabBar-BfyfjmPQ.js"), TextArea = require("./chunks/TextArea-CHNWsfWH.js"), TextField = require("./chunks/TextField-2xzSdIx3.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-DceuNR6k.js"), Toast = require("./chunks/Toast-C8Hc9ZKI.js"), Button = require("./chunks/Button-D3wZtdtj.js"), Chip = require("./chunks/Chip-BrQgOmJc.js"), FileIcon = require("./chunks/FileIcon-DgRlhqzv.js"), Icon = require("./chunks/Icon-fRM3E0N6.js"), _types = require("./chunks/_types-VoADvwjb.js"), ButtonBar = require("./chunks/ButtonBar-EH8fHFhS.js"), Label = require("./chunks/Label-Bxp2pCXf.js"), UploadArea = require("./chunks/UploadArea-UFWRQ-nW.js");
 
 require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"), 
 require("./chunks/MdStreamBuffer-DObxjnAm.js"), require("react/jsx-runtime"), require("./chunks/colors-njquvHkx.js"), 
 require("./chunks/audioVisualizer-EIfIjWH7.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
-require("./chunks/misc-BTF7BCZW.js"), require("motion/react"), require("./chunks/FileList-DjTXjXnK.js"), 
+require("./chunks/misc-BTF7BCZW.js"), require("motion/react"), require("./chunks/FileList-DobAcOSH.js"), 
 require("./chunks/debounce-BF4i6uIC.js"), Object.defineProperty(exports, "ToolTipType", {
     enumerable: !0,
     get: function() {
@@ -25,11 +25,16 @@ exports.Avatar = Avatar.Avatar, exports.AvatarGroup = AvatarGroup.AvatarGroup, e
 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.FlexDiv = _types.FlexDiv, 
-Object.defineProperty(exports, "Size", {
+exports.Grouper = Grouper.Grouper, exports.Overlay = Overlay.Overlay, exports.FlexDiv = FlexDiv.FlexDiv, 
+Object.defineProperty(exports, "Preset", {
     enumerable: !0,
     get: function() {
-        return _types.Size;
+        return FlexDiv.Preset;
+    }
+}), Object.defineProperty(exports, "Size", {
+    enumerable: !0,
+    get: function() {
+        return FlexDiv.Size;
     }
 }), exports.Pager = Pager.Pager, exports.PromptInput = PromptInput.PromptInput, 
 exports.DoneCheck = ProgressIndicator.DoneCheck, exports.ProgressIndicator = ProgressIndicator.ProgressIndicator, 
@@ -48,7 +53,7 @@ Object.defineProperty(exports, "FileIconNames", {
     get: function() {
         return FileIcon.FileIconNames;
     }
-}), exports.Icon = Icon.Icon, exports.SliceIcons = _types$1.SliceIcons, exports.ButtonBar = ButtonBar.ButtonBar, 
+}), exports.Icon = Icon.Icon, exports.SliceIcons = _types.SliceIcons, exports.ButtonBar = ButtonBar.ButtonBar, 
 exports.Label = Label.Label, Object.defineProperty(exports, "LabelBackground", {
     enumerable: !0,
     get: function() {

package/dist/cjs/providers/ThemeProvider.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 var jsxRuntime = require("react/jsx-runtime"), React = require("react"), styleInject_es = require("../chunks/style-inject.es-CMuL-BfJ.js"), theme_themes = require("../theme/themes.js");
@@ -15,21 +16,22 @@ styleInject_es.styleInject("/* Keep these values in sync with src/hooks/useWindo
 
 styleInject_es.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_es.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 darkModeMediaQuery = globalThis.matchMedia("(prefers-color-scheme: dark)");
-
+styleInject_es.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'), 
 exports.ThemeProvider = function(props) {
-    const {children: children, theme: theme, system: system, global: global} = props;
+    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props;
     return React.useEffect(() => {
-        if (theme) {
+        if (theme || initialTheme) {
             const newTheme = function(theme) {
                 if (theme) return theme.includes("dark") ? theme_themes.darkTheme : theme_themes.lightTheme;
-            }(theme);
+            }(null != theme ? theme : initialTheme);
             if (!newTheme) return;
-            document.documentElement.dataset.sliceTheme = newTheme.name;
+            name = newTheme.name, "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name);
         }
-    }, [ theme ]), React.useEffect(() => {
+        var name;
+    }, [ theme, initialTheme ]), React.useEffect(() => {
+        if (!system) return;
+        const darkModeMediaQuery = "undefined" == typeof globalThis || "function" != typeof globalThis.matchMedia ? null : globalThis.matchMedia("(prefers-color-scheme: dark)");
+        if (!darkModeMediaQuery) return;
         const handleSystemThemeChange = e => {
             if (system) {
                 const autoTheme = e.matches ? theme_themes.darkTheme : theme_themes.lightTheme;

package/dist/cjs/providers/themeServer.js

@@ -0,0 +1,24 @@
+"use strict";
+
+function normalizeThemeName(theme) {
+    if (theme) return theme.includes("dark") ? "darkMode" : "lightMode";
+}
+
+/**
+ * Resolve the startup Slice theme from an explicit theme value, cookie value,
+ * or fallback theme in that order.
+ */ exports.getThemeHtmlAttributes = 
+/**
+ * Return the root HTML attributes needed to render the active Slice theme
+ * before client hydration.
+ */
+function(theme) {
+    var _a;
+    return {
+        "data-slice-theme": null !== (_a = normalizeThemeName(theme)) && void 0 !== _a ? _a : "lightMode"
+    };
+}, exports.resolveInitialTheme = 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;
+};