@apple-pie/slice 0.1.26 → 0.1.29

package/dist/esm/components/TextArea/index.mjs

@@ -1,4 +1,4 @@
-export { T as TextArea } from "../../chunks/TextArea-B64bIPHm.mjs";
+export { T as TextArea } from "../../chunks/TextArea-DGF43RON.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
@@ -6,7 +6,7 @@ import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/Button-YER9dCLE.mjs";
+import "../../chunks/Button-CYFpitCp.mjs";
 
 import "motion/react";
 
@@ -16,10 +16,12 @@ import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
 import "../../chunks/Dot-DZE134mJ.mjs";
 
-import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/Icon-BOJAk-hM.mjs";
 
 import "../../hooks/useTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
 import "../../theme/themes.mjs";
 
 import "../../theme/colors.mjs";
@@ -34,12 +36,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../providers/ThemeProvider.mjs";
-
-import "../../chunks/misc-BeEWwOaJ.mjs";
+import "../../chunks/misc-Bjbro8Xe.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
+import "../../chunks/ProgressIndicator-d2JGUDW_.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/components/Textfield/index.mjs

@@ -1,4 +1,4 @@
-export { T as TextField } from "../../chunks/TextField-BZeoN_ye.mjs";
+export { T as TextField } from "../../chunks/TextField-j4q0RUzH.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
@@ -10,6 +10,10 @@ import "react";
 
 import "../../hooks/useTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../theme/themes.mjs";
 
 import "../../theme/colors.mjs";
@@ -24,24 +28,20 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../providers/ThemeProvider.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
-import "../../chunks/misc-BeEWwOaJ.mjs";
+import "../../chunks/misc-Bjbro8Xe.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Button-YER9dCLE.mjs";
+import "../../chunks/Button-CYFpitCp.mjs";
 
 import "../../chunks/Badge-CC0zSLMf.mjs";
 
 import "../../chunks/Dot-DZE134mJ.mjs";
 
-import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/Icon-BOJAk-hM.mjs";
 
-import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
+import "../../chunks/ProgressIndicator-d2JGUDW_.mjs";
 
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";
 
-import "../../chunks/IconButton-Dciw5CLn.mjs";
+import "../../chunks/IconButton-Ck0IMn4i.mjs";

package/dist/esm/components/Tip/index.mjs

@@ -1,4 +1,4 @@
-export { T as Tip } from "../../chunks/Tip-C5LB54J9.mjs";
+export { T as Tip } from "../../chunks/Tip-Bj9d-230.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
@@ -8,6 +8,6 @@ import "motion/react";
 
 import "react";
 
-import "../../chunks/misc-BeEWwOaJ.mjs";
+import "../../chunks/misc-Bjbro8Xe.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/Toast/index.mjs

@@ -1,4 +1,4 @@
-export { T as Toast, a as ToastType } from "../../chunks/Toast-Bl4s4tRo.mjs";
+export { T as Toast, a as ToastType } from "../../chunks/Toast-CoioLlEG.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
@@ -10,6 +10,10 @@ import "react";
 
 import "../../hooks/useTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../theme/themes.mjs";
 
 import "../../theme/colors.mjs";
@@ -24,12 +28,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../providers/ThemeProvider.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
-import "../../chunks/misc-BeEWwOaJ.mjs";
+import "../../chunks/misc-Bjbro8Xe.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/Icon-BOJAk-hM.mjs";

package/dist/esm/components/ToggleButton/index.mjs

@@ -0,0 +1,45 @@
+export { T as ToggleButton } from "../../chunks/ToggleButton-CwTm8Yx0.mjs";
+
+import "react/jsx-runtime";
+
+import "react";
+
+import "../../chunks/IconButton-Ck0IMn4i.mjs";
+
+import "../../chunks/tslib.es6-C-olHjXV.mjs";
+
+import "motion/react";
+
+import "../../chunks/Badge-CC0zSLMf.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../chunks/Dot-DZE134mJ.mjs";
+
+import "../../chunks/Icon-BOJAk-hM.mjs";
+
+import "../../hooks/useTheme.mjs";
+
+import "../../providers/ThemeProvider.mjs";
+
+import "../../theme/themes.mjs";
+
+import "../../theme/colors.mjs";
+
+import "../../theme/corners.mjs";
+
+import "../../theme/elevations.mjs";
+
+import "../../theme/motion.mjs";
+
+import "../../theme/type.mjs";
+
+import "../../hooks/useObserveTheme.mjs";
+
+import "../../chunks/misc-Bjbro8Xe.mjs";
+
+import "../../hooks/useWindow.mjs";
+
+import "../../chunks/sharedTypes-tn9-uJvb.mjs";
+
+import "../../chunks/Label-DSfCcKtQ.mjs";

package/dist/esm/components/UploadArea/index.mjs

@@ -1,19 +1,23 @@
-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-D3g2g1LK.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-DAwoJxtr.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-BeEWwOaJ.mjs";
+import "../../chunks/misc-Bjbro8Xe.mjs";
 
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
-import "../../chunks/FileList-BQ9X5YnB.mjs";
+import "../../chunks/FileList-CxHaEEUi.mjs";
 
-import "../../chunks/FileIcon-Cufsp1gn.mjs";
+import "../../chunks/FileIcon-fJV_Cl6v.mjs";
 
 import "../../hooks/useTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../theme/themes.mjs";
 
 import "../../theme/colors.mjs";
@@ -28,14 +32,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../providers/ThemeProvider.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Icon-DI32kOA1.mjs";
+import "../../chunks/Icon-BOJAk-hM.mjs";
 
-import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
+import "../../chunks/ProgressIndicator-d2JGUDW_.mjs";
 
 import "motion/react";

package/dist/esm/hooks/useMdStreamBuffer.mjs

@@ -3,7 +3,7 @@ import { useRef, useState, useEffect, useCallback } from "react";
 
 import "../chunks/tslib.es6-C-olHjXV.mjs";
 
-import { M as MdBuffer } from "../chunks/MdStreamBuffer-DNXE4XbN.mjs";
+import { M as MdBuffer } from "../chunks/MdStreamBuffer-By7pHJQL.mjs";
 
 function useMDStreamBuffer(options) {
     const bufferRef = useRef(null), [healthy, setHealthy] = useState(""), [raw, setRaw] = useState(""), [isComplete, setIsComplete] = useState(!1);

package/dist/esm/hooks/useMicrophone.mjs

@@ -3,8 +3,25 @@ import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
 
 import { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-function useMicrophone(startMuted = !0, microphoneDeviceId) {
-    const micStream = useRef(null), micTrack = useRef(null), mutedRef = useRef(startMuted), mountedRef = useRef(!0), initializedRef = useRef(!1), [microphones, setMicrophones] = useState([]), [micOptions, setMicOptions] = useState([]), [muted, setMuted] = useState(startMuted), [isRequesting, setIsRequesting] = useState(!1), [error, setError] = useState(null), waitForPaint = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
+    const micStream = useRef(null), processedMicStream = useRef(null), micTrack = useRef(null), audioContextRef = useRef(null), sourceNodeRef = useRef(null), gainNodeRef = useRef(null), destinationNodeRef = useRef(null), inputVolumeRef = useRef(1), mutedRef = useRef(startMuted), mountedRef = useRef(!0), initializedRef = useRef(!1), [microphones, setMicrophones] = useState([]), [micOptions, setMicOptions] = useState([]), [currentDeviceId, setCurrentDeviceId] = useState(null), [isActive, setIsActive] = useState(!1), [inputVolume, setInputVolumeState] = useState(1), [muted, setMuted] = useState(startMuted), [isRequesting, setIsRequesting] = useState(!1), [error, setError] = useState(null), normalizeInputVolume = useCallback(volume => Number.isFinite(volume) ? Math.min(1, Math.max(0, volume)) : 1, []), resetAudioProcessing = useCallback(() => {
+        var _a, _b, _c, _d;
+        null === (_a = sourceNodeRef.current) || void 0 === _a || _a.disconnect(), null === (_b = gainNodeRef.current) || void 0 === _b || _b.disconnect(), 
+        null === (_c = destinationNodeRef.current) || void 0 === _c || _c.disconnect(), 
+        null === (_d = audioContextRef.current) || void 0 === _d || _d.close().catch(() => null), 
+        sourceNodeRef.current = null, gainNodeRef.current = null, destinationNodeRef.current = null, 
+        audioContextRef.current = null, processedMicStream.current = null;
+    }, []), setupAudioProcessing = useCallback(stream => {
+        var _a;
+        resetAudioProcessing();
+        const AudioContextCtor = null !== (_a = globalThis.AudioContext) && void 0 !== _a ? _a : globalThis.webkitAudioContext;
+        if (!AudioContextCtor) return processedMicStream.current = stream, stream;
+        const context = new AudioContextCtor, source = context.createMediaStreamSource(stream), gain = context.createGain(), destination = context.createMediaStreamDestination();
+        return gain.gain.value = normalizeInputVolume(inputVolumeRef.current), source.connect(gain), 
+        gain.connect(destination), audioContextRef.current = context, sourceNodeRef.current = source, 
+        gainNodeRef.current = gain, destinationNodeRef.current = destination, processedMicStream.current = destination.stream, 
+        destination.stream;
+    }, [ normalizeInputVolume, resetAudioProcessing ]), waitForPaint = useCallback(() => __awaiter(this, void 0, void 0, function*() {
         yield new Promise(resolve => {
             requestAnimationFrame(() => resolve());
         });
@@ -19,10 +36,12 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
         }));
     }), []), stopMicStream = useCallback(() => {
         var _a;
+        resetAudioProcessing();
         const tracks = null === (_a = micStream.current) || void 0 === _a ? void 0 : _a.getTracks();
         for (const track of null != tracks ? tracks : []) track.stop();
-        micStream.current = null, micTrack.current = null;
-    }, []), hasMediaSupport = useMemo(() => {
+        micStream.current = null, micTrack.current = null, processedMicStream.current = null, 
+        setCurrentDeviceId(null), setIsActive(!1);
+    }, [ resetAudioProcessing ]), hasMediaSupport = useMemo(() => {
         var _a;
         return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
     }, []), getMicTrack = useCallback(() => {
@@ -30,9 +49,13 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
         const audioTrack = micStream.current.getAudioTracks()[0];
         if (!audioTrack) throw new Error("No audio track found");
         return audioTrack;
-    }, []), muteMic = useCallback(() => (getMicTrack().enabled = !1, mutedRef.current = !0, 
-    setMuted(!0), !0), [ getMicTrack ]), unmuteMic = useCallback(() => (getMicTrack().enabled = !0, 
-    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = useCallback((deviceId, usePreferredDevice = !0) => {
+    }, []), hasActiveStream = useCallback(() => !(!micStream.current || !micTrack.current) && "live" === micTrack.current.readyState, []), muteMic = useCallback(() => (getMicTrack().enabled = !1, 
+    mutedRef.current = !0, setMuted(!0), !0), [ getMicTrack ]), unmuteMic = useCallback(() => (getMicTrack().enabled = !0, 
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), setInputVolume = useCallback(volume => {
+        const nextVolume = normalizeInputVolume(volume);
+        return inputVolumeRef.current = nextVolume, setInputVolumeState(nextVolume), gainNodeRef.current && (gainNodeRef.current.gain.value = nextVolume), 
+        nextVolume;
+    }, [ normalizeInputVolume ]), constraints = useCallback((deviceId, usePreferredDevice = !0) => {
         var _a;
         const id = usePreferredDevice ? null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0 : deviceId;
         return {
@@ -43,36 +66,56 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
             }
         };
     }, [ microphoneDeviceId ]), requestStream = useCallback((deviceId_1, ...args_1) => __awaiter(this, [ deviceId_1, ...args_1 ], void 0, function*(deviceId, usePreferredDevice = !0) {
+        var _a;
         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 = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        setupAudioProcessing(micStream.current), micTrack.current = getMicTrack(), setCurrentDeviceId(null !== (_a = micTrack.current.getSettings().deviceId) && void 0 !== _a ? _a : null), 
+        micTrack.current.enabled = !mutedRef.current, mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), 
+        setIsActive(Boolean("live" === micTrack.current.readyState)), micStream.current;
+    }), [ constraints, getMicTrack, setupAudioProcessing, waitForTrackToBecomeActive ]), requestMicrophone = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        if (hasActiveStream()) return setIsActive(!0), setError(null), micStream.current;
         if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
-            const nextError = new Error("Microphone access is not supported");
-            return setError(nextError), mountedRef.current && setIsRequesting(!1), null;
+            const nextError = new Error("Microphone access isn't supported");
+            return setError(nextError), setCurrentDeviceId(null), setIsActive(!1), mountedRef.current && setIsRequesting(!1), 
+            null;
         }
         setError(null), stopMicStream();
         try {
             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;
+                let nextError = new Error("Failed to access microphone");
+                throw error instanceof Error && (error.message.toLowerCase().includes("denied permission") || "NotAllowedError" === error.name) && (nextError = new Error("Permission to access the microphone was denied")), 
+                setError(nextError), setCurrentDeviceId(null), setIsActive(!1), nextError;
             }
             return yield requestStream(void 0, !1);
         } finally {
             setIsRequesting(!1);
         }
-    }), [ hasMediaSupport, requestStream, stopMicStream, waitForPaint ]), refreshMicrophones = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+    }), [ hasActiveStream, hasMediaSupport, requestStream, stopMicStream, waitForPaint ]), refreshMicrophones = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        var _a;
         if (!hasMediaSupport) return [];
         try {
-            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind), options = mics.map(mic => ({
+            const devices = yield navigator.mediaDevices.enumerateDevices(), currentDeviceId = null === (_a = micTrack.current) || void 0 === _a ? void 0 : _a.getSettings().deviceId, mics = function(devices, activeDeviceId) {
+                const microphones = [ ...devices ], defaultIndex = microphones.findIndex(device => "default" === device.deviceId);
+                if (defaultIndex > 0) {
+                    const [defaultDevice] = microphones.splice(defaultIndex, 1);
+                    return microphones.unshift(defaultDevice), microphones;
+                }
+                if (0 === defaultIndex) return microphones;
+                if (!activeDeviceId) return microphones;
+                const activeIndex = microphones.findIndex(device => device.deviceId === activeDeviceId);
+                if (activeIndex > 0) {
+                    const [activeDevice] = microphones.splice(activeIndex, 1);
+                    microphones.unshift(activeDevice);
+                }
+                return microphones;
+            }(devices.filter(device => "audioinput" === device.kind), currentDeviceId), options = mics.map(mic => ({
                 value: {
                     id: mic.deviceId
                 },
                 label: mic.label
             }));
-            return setMicrophones(mics), setMicOptions(options), devices.filter(device => "audioinput" === device.kind);
+            return setMicrophones(mics), setMicOptions(options), mics;
         } catch (error) {
             return console.warn("Error getting microphone devices:", error), setMicrophones([]), 
             setMicOptions([]), [];
@@ -84,7 +127,7 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
         try {
             setError(null), stopMicStream(), yield requestStream(id, !1);
         } catch (err) {
-            setError(err instanceof Error ? err : new Error("Error switching microphone")), 
+            setCurrentDeviceId(null), setIsActive(!1), setError(err instanceof Error ? err : new Error("Error switching microphone")), 
             console.warn("Error switching microphone:", err);
         } finally {
             setIsRequesting(!1);
@@ -98,14 +141,16 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
     }, [ muted, unmuteMic, muteMic ]);
     return useEffect(() => {
         if (mountedRef.current = !0, hasMediaSupport && !initializedRef.current) return initializedRef.current = !0, 
-        requestMicrophone().then(() => {
+        autoRequest ? (requestMicrophone().then(() => {
             startMuted && muteMic();
         }).catch(err => {
             console.error("Error accessing microphone:", err);
         }), () => {
             mountedRef.current = !1, stopMicStream();
-        };
-    }, [ hasMediaSupport, requestMicrophone, startMuted, muteMic, stopMicStream ]), 
+        }) : (refreshMicrophones(), () => {
+            mountedRef.current = !1, stopMicStream();
+        });
+    }, [ autoRequest, hasMediaSupport, refreshMicrophones, requestMicrophone, startMuted, muteMic, stopMicStream ]), 
     useEffect(() => {
         var _a;
         if (!hasMediaSupport || !(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.addEventListener)) return;
@@ -125,7 +170,11 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
     }, [ hasMediaSupport, microphoneDeviceId, refreshMicrophones, requestMicrophone ]), 
     {
         micStream: micStream,
+        processedMicStream: processedMicStream,
         micTrack: micTrack,
+        currentDeviceId: currentDeviceId,
+        isActive: isActive,
+        inputVolume: inputVolume,
         muted: muted,
         isSupported: hasMediaSupport,
         isRequesting: isRequesting,
@@ -137,6 +186,7 @@ function useMicrophone(startMuted = !0, microphoneDeviceId) {
         muteMic: muteMic,
         unmuteMic: unmuteMic,
         toggleMute: toggleMute,
+        setInputVolume: setInputVolume,
         refreshMicrophones: refreshMicrophones,
         setMicrophone: setMicrophone
     };

package/dist/esm/hooks/useTheme.mjs

@@ -1,6 +1,8 @@
 'use client';
 import { useCallback, useMemo } from "react";
 
+import { useThemeContext } from "../providers/ThemeProvider.mjs";
+
 import { darkTheme, lightTheme } from "../theme/themes.mjs";
 
 import { colorClass, colorCssVars } from "../theme/colors.mjs";
@@ -9,28 +11,36 @@ import { typeStyles, typeCssClasses } from "../theme/type.mjs";
 
 import { useObserveTheme } from "./useObserveTheme.mjs";
 
+import "react/jsx-runtime";
+
+import "../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../theme/corners.mjs";
 
 import "../theme/elevations.mjs";
 
 import "../theme/motion.mjs";
 
-import "../providers/ThemeProvider.mjs";
-
-import "react/jsx-runtime";
-
-import "../chunks/style-inject.es-D0BjEaN8.mjs";
+function setDocumentTheme(name, system) {
+    "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name, 
+    document.cookie = `slice-theme=${encodeURIComponent(name)}; path=/; max-age=31536000; samesite=lax`, 
+    document.cookie = `slice-system-theme=${encodeURIComponent(system)}; path=/; max-age=31536000; samesite=lax`);
+}
 
 /**
  * Hook to manage Slice theming
  */ function useTheme() {
-    const current = useObserveTheme(), set = useCallback(newTheme => {
-        let theme;
+    const current = useObserveTheme(), {systemTheme: systemTheme, setSystemTheme: setSystemTheme} = useThemeContext(), set = useCallback(newTheme => {
+        let theme, system = !1;
         if ("string" == typeof newTheme) if ("system" === newTheme) {
+            system = !0;
             theme = globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? darkTheme : lightTheme;
         } else theme = newTheme === darkTheme.name ? darkTheme : lightTheme; else theme = newTheme;
-        document.documentElement.dataset.sliceTheme = theme.name;
-    }, []), isDark = useMemo(() => current.name === darkTheme.name, [ current ]);
+        setSystemTheme(system), setDocumentTheme(theme.name, system);
+    }, [ setSystemTheme ]), toggle = useCallback(() => {
+        const newTheme = current.name === lightTheme.name ? darkTheme : lightTheme;
+        setSystemTheme(!1), setDocumentTheme(newTheme.name, !1);
+    }, [ current.name, setSystemTheme ]), isDark = useMemo(() => current.name === darkTheme.name, [ current ]);
     return {
         /**
          * Slice's default dark theme
@@ -66,16 +76,17 @@ import "../chunks/style-inject.es-D0BjEaN8.mjs";
          */
         set: set,
         /**
-         * Toggle between light and dark themes
+         * Togglebetween light and dark themes
          */
-        toggle: () => {
-            const newTheme = current.name === lightTheme.name ? darkTheme : lightTheme;
-            document.documentElement.dataset.sliceTheme = newTheme.name;
-        },
+        toggle: toggle,
         /**
          * If the currently active theme is the Slice's default dark theme'
          */
-        isDark: isDark
+        isDark: isDark,
+        /**
+         * True when the current theme is still being derived from the OS preference
+         */
+        systemTheme: systemTheme
     };
 }
 

package/dist/esm/hooks/useToolTip.mjs

@@ -8,16 +8,19 @@ const hiddenCoords = {
 
 function useToolTip(toolTip, tipElement) {
     const [coords, setCoords] = useState(hiddenCoords), adjustX = useCallback(x => {
+        var _a;
         if (x < 10) return 10;
-        const maxWidth = globalThis.innerWidth - 10;
-        if (x > maxWidth) {
-            return x - (x - maxWidth);
+        if (!tipElement.current) return x;
+        const maxWidth = globalThis.innerWidth - 10, tipWdithStyle = null !== (_a = globalThis.getComputedStyle(tipElement.current).width) && void 0 !== _a ? _a : 0, endX = x + Number.parseInt(tipWdithStyle.replace("px", ""));
+        if (endX > maxWidth) {
+            return x - (endX - maxWidth);
         }
         return x;
-    }, []), adjustY = useCallback((y, parentY) => {
-        var _a, _b;
+    }, [ tipElement ]), adjustY = useCallback((y, parentY) => {
+        var _a;
         if (y < 10) return 10;
-        const tipHeight = null !== (_b = null === (_a = tipElement.current) || void 0 === _a ? void 0 : _a.offsetHeight) && void 0 !== _b ? _b : 0;
+        if (!tipElement.current) return y;
+        const tipHeightStyle = null !== (_a = globalThis.getComputedStyle(tipElement.current).height) && void 0 !== _a ? _a : 0, tipHeight = Number.parseInt(tipHeightStyle.replace("px", ""));
         return y + tipHeight > globalThis.innerHeight - 10 ? parentY - tipHeight - 10 : y;
     }, [ tipElement ]);
     return useLayoutEffect(() => {

package/dist/esm/hooks/useTrackRenders.mjs

@@ -1,7 +1,7 @@
 'use client';
 import { useRef, useEffect } from "react";
 
-import { d as debug } from "../chunks/misc-BeEWwOaJ.mjs";
+import { d as debug } from "../chunks/misc-Bjbro8Xe.mjs";
 
 import "../chunks/tslib.es6-C-olHjXV.mjs";
 

package/dist/esm/hooks.mjs

@@ -24,6 +24,12 @@ export { useObserveResize } from "./hooks/useObserveResize.mjs";
 
 import "react";
 
+import "./providers/ThemeProvider.mjs";
+
+import "react/jsx-runtime";
+
+import "./chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "./theme/themes.mjs";
 
 import "./theme/colors.mjs";
@@ -36,12 +42,6 @@ import "./theme/motion.mjs";
 
 import "./theme/type.mjs";
 
-import "./providers/ThemeProvider.mjs";
-
-import "react/jsx-runtime";
-
-import "./chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "./chunks/tslib.es6-C-olHjXV.mjs";
 
-import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";
+import "./chunks/MdStreamBuffer-By7pHJQL.mjs";