@vibehooks/react 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -1,54 +1,54 @@
-import { useAudio } from "./useAudio.js";
-import { useAsyncState } from "./useAsyncState.js";
-import { useAutoScroll } from "./useAutoScroll.js";
-import { useBarcode } from "./useBarcode.js";
-import { useBatteryStatus } from "./useBatteryStatus.js";
-import { useBodyScrollFreeze } from "./useBodyScrollFreeze.js";
-import { useCameraCapture } from "./useCameraCapture.js";
-import { useCookies } from "./useCookies.js";
-import { useCopyToClipboard } from "./useCopyToClipboard.js";
-import { useCountDown } from "./useCountDown.js";
-import { useDebouncedState } from "./useDebouncedState.js";
-import { useExternalNotifications } from "./useExternalNotifications.js";
-import { useGeolocation } from "./useGeolocation.js";
-import { useHoverIntent } from "./useHoverIntent.js";
-import { useFile } from "./useFile.js";
-import { useFullscreen } from "./useFullScreen.js";
-import { useIdle } from "./useIdle.js";
-import { useIndexedDB } from "./useIndexedDB.js";
-import { useIntersectionObserver } from "./useIntersectionObserver.js";
-import { useIntervalSafe } from "./useIntervalSafe.js";
+import { AudioStatus, UseAudioOptions, UseAudioReturn, useAudio } from "./useAudio.js";
+import { AsyncState, FetchConfig, UseAsyncStateOptions, UseAsyncStateReturn, useAsyncState } from "./useAsyncState.js";
+import { UseAutoScrollOptions, useAutoScroll } from "./useAutoScroll.js";
+import { UseBarcodeOptions, UseBarcodeReturn, useBarcode } from "./useBarcode.js";
+import { UseBatteryStatus, UseBatteryStatusReturn, useBatteryStatus } from "./useBatteryStatus.js";
+import { BodyScrollFreezeOptions, BodyScrollFreezeReturn, ScrollAxis, useBodyScrollFreeze } from "./useBodyScrollFreeze.js";
+import { CameraCaptureFormat, CameraCaptureOutput, UseCameraCaptureOptions, UseCameraCaptureReturn, useCameraCapture } from "./useCameraCapture.js";
+import { UseCookieOptions, UseCookieReturn, useCookies } from "./useCookies.js";
+import { CopyToClipboardReturn, useCopyToClipboard } from "./useCopyToClipboard.js";
+import { CountDown, CountDownControlls, CountDownOptions, CountDownReturn, CountDownStatus, useCountDown } from "./useCountDown.js";
+import { UseDebouncedStateOptions, UseDebouncedStateReturn, useDebouncedState } from "./useDebouncedState.js";
+import { NotificationPayload, UseExternalNotificationReturn, notificationStore, useExternalNotifications } from "./useExternalNotifications.js";
+import { GeolocationPermissionState, UseGeolocationReturn, useGeolocation } from "./useGeolocation.js";
+import { UseHoverIntentOptions, UseHoverIntentReturn, useHoverIntent } from "./useHoverIntent.js";
+import { UseFileOptions, UseFileReturn, useFile } from "./useFile.js";
+import { FullScreenReturn, useFullscreen } from "./useFullScreen.js";
+import { UseIdleOptions, UseIdleReturn, useIdle } from "./useIdle.js";
+import { UseIndexedDBOptions, UseIndexedDBTransactionOptions, UseIndexedDBTransactionReturn, useIndexedDB } from "./useIndexedDB.js";
+import { IntersectionObserverOptions, IntersectionObserverReturn, useIntersectionObserver } from "./useIntersectionObserver.js";
+import { UseIntervalOptions, UseIntervalReturn, useIntervalSafe } from "./useIntervalSafe.js";
 import { useIsClient } from "./useIsClient.js";
 import { useIsDesktop } from "./useIsDesktop.js";
 import { useIsFirstRender } from "./useIsFirstRender.js";
-import { useList } from "./useList.js";
-import { useLocalStorage } from "./useLocalStorage.js";
-import { useLocalNotifications } from "./useLocalNotifications.js";
-import { useNetworkInformation } from "./useNetworkInformation.js";
-import { usePageVisibility } from "./usePageVisibility.js";
-import { usePermissions } from "./usePermissions.js";
-import { usePictureInPicture } from "./usePictureInPicture.js";
-import { usePopover } from "./usePopover.js";
-import { usePreferredTheme } from "./usePreferredTheme.js";
-import { usePreferredLanguage } from "./usePreferredLanguage.js";
+import { ListReturn, useList } from "./useList.js";
+import { UseLocalStorageOptions, UseLocalStorageReturn, useLocalStorage } from "./useLocalStorage.js";
+import { UseLocalNotificationReturn, UseNotificationOptions, useLocalNotifications } from "./useLocalNotifications.js";
+import { NetworkInformation, NetworkInformationSnapshot, UseNetworkInformationReturn, useNetworkInformation } from "./useNetworkInformation.js";
+import { PageVisibilityReturn, pageVisibilityStore, usePageVisibility } from "./usePageVisibility.js";
+import { PermissionState, PermissionsSnapshot, UsePermissionReturn, usePermissions } from "./usePermissions.js";
+import { UsePictureInPictureReturn, usePictureInPicture } from "./usePictureInPicture.js";
+import { UsePopoverReturn, usePopover } from "./usePopover.js";
+import { PreferredThemeReturn, Theme, systemThemeStore, usePreferredTheme, userThemeStore } from "./usePreferredTheme.js";
+import { PreferredLanguageReturn, systemLanguageStore, usePreferredLanguage, userLanguageStore } from "./usePreferredLanguage.js";
 import { usePreviousDistinct } from "./usePreviousDistinct.js";
 import { useResettableState } from "./useResettableState.js";
-import { useScreenOrientation } from "./useScreenOrientation.js";
-import { useScreenSize } from "./useScreenSize.js";
-import { useScreenWakeLock } from "./useScreenWakeLock.js";
-import { useServerSentEvent } from "./useServerSentEvent.js";
-import { useShoppingCart } from "./useShoppingCart.js";
-import { useSmartVideo } from "./useSmartVideo.js";
-import { useSpeech } from "./useSpeech.js";
-import { useSummarizer } from "./useSummarizer.js";
-import { useTaskQueue } from "./useTaskQueue.js";
-import { useTimeout } from "./useTimeout.js";
-import { useThrottledCallback } from "./useThrottledCallback.js";
+import { UseScreenOrientationReturn, useScreenOrientation } from "./useScreenOrientation.js";
+import { ScreenSizeReturn, useScreenSize } from "./useScreenSize.js";
+import { UseScreenWakeLockReturn, useScreenWakeLock } from "./useScreenWakeLock.js";
+import { SSEReadyState, UseServerSentEventOptions, UseServerSentEventReturn, useServerSentEvent } from "./useServerSentEvent.js";
+import { ShoppingCartItemDetail, UseShoppingCartOptions, UseShoppingCartReturn, useShoppingCart } from "./useShoppingCart.js";
+import { SmartVideoOptions, SmartVideoReturn, useSmartVideo } from "./useSmartVideo.js";
+import { UseSpeechOptions, UseSpeechReturn, useSpeech } from "./useSpeech.js";
+import { BrowserSummarizer, SummarizerAvailability, SummarizerCreateOptions, SummarizerFormat, SummarizerLength, SummarizerStatic, SummarizerType, UseSummarizerReturn, useSummarizer } from "./useSummarizer.js";
+import { Task, UseTaskQueueReturn, useTaskQueue } from "./useTaskQueue.js";
+import { UseTimeoutOptions, UseTimeoutReturn, useTimeout } from "./useTimeout.js";
+import { ThrottledCallbackReturn, UseThrottledCallbackOptions, useThrottledCallback } from "./useThrottledCallback.js";
 import { useTraceUpdates } from "./useTraceUpdates.js";
-import { useTranslator } from "./useTranslator.js";
-import { useToggle } from "./useToggle.js";
-import { useOnline } from "./useOnline.js";
-import { useUserActivation } from "./useUserActivation.js";
-import { useVibration } from "./useVibration.js";
-import { useWebsocket } from "./useWebsocket.js";
-export { useAsyncState, useAudio, useAutoScroll, useBarcode, useBatteryStatus, useBodyScrollFreeze, useCameraCapture, useCookies, useCopyToClipboard, useCountDown, useDebouncedState, useExternalNotifications, useFile, useFullscreen, useGeolocation, useHoverIntent, useIdle, useIndexedDB, useIntersectionObserver, useIntervalSafe, useIsClient, useIsDesktop, useIsFirstRender, useList, useLocalNotifications, useLocalStorage, useNetworkInformation, useOnline, usePageVisibility, usePermissions, usePictureInPicture, usePopover, usePreferredLanguage, usePreferredTheme, usePreviousDistinct, useResettableState, useScreenOrientation, useScreenSize, useScreenWakeLock, useServerSentEvent, useShoppingCart, useSmartVideo, useSpeech, useSummarizer, useTaskQueue, useThrottledCallback, useTimeout, useToggle, useTraceUpdates, useTranslator, useUserActivation, useVibration, useWebsocket };
+import { BCP47LanguageTag, TranslatorTranslateOptions, UseTranslatorReturn, useTranslator } from "./useTranslator.js";
+import { ToggleOptions, ToggleReturn, useToggle } from "./useToggle.js";
+import { UseOnlineReturn, useOnline } from "./useOnline.js";
+import { UseUserActivationReturn, useUserActivation } from "./useUserActivation.js";
+import { UseVibrationReturn, VibrationPattern, useVibration } from "./useVibration.js";
+import { UseWebsocketOptions, UseWebsocketReturn, useWebsocket } from "./useWebsocket.js";
+export { AsyncState, AudioStatus, BCP47LanguageTag, BodyScrollFreezeOptions, BodyScrollFreezeReturn, BrowserSummarizer, CameraCaptureFormat, CameraCaptureOutput, CopyToClipboardReturn, CountDown, CountDownControlls, CountDownOptions, CountDownReturn, CountDownStatus, FetchConfig, FullScreenReturn, GeolocationPermissionState, IntersectionObserverOptions, IntersectionObserverReturn, ListReturn, NetworkInformation, NetworkInformationSnapshot, NotificationPayload, PageVisibilityReturn, PermissionState, PermissionsSnapshot, PreferredLanguageReturn, PreferredThemeReturn, SSEReadyState, ScreenSizeReturn, ScrollAxis, ShoppingCartItemDetail, SmartVideoOptions, SmartVideoReturn, SummarizerAvailability, SummarizerCreateOptions, SummarizerFormat, SummarizerLength, SummarizerStatic, SummarizerType, Task, Theme, ThrottledCallbackReturn, ToggleOptions, ToggleReturn, TranslatorTranslateOptions, UseAsyncStateOptions, UseAsyncStateReturn, UseAudioOptions, UseAudioReturn, UseAutoScrollOptions, UseBarcodeOptions, UseBarcodeReturn, UseBatteryStatus, UseBatteryStatusReturn, UseCameraCaptureOptions, UseCameraCaptureReturn, UseCookieOptions, UseCookieReturn, UseDebouncedStateOptions, UseDebouncedStateReturn, UseExternalNotificationReturn, UseFileOptions, UseFileReturn, UseGeolocationReturn, UseHoverIntentOptions, UseHoverIntentReturn, UseIdleOptions, UseIdleReturn, UseIndexedDBOptions, UseIndexedDBTransactionOptions, UseIndexedDBTransactionReturn, UseIntervalOptions, UseIntervalReturn, UseLocalNotificationReturn, UseLocalStorageOptions, UseLocalStorageReturn, UseNetworkInformationReturn, UseNotificationOptions, UseOnlineReturn, UsePermissionReturn, UsePictureInPictureReturn, UsePopoverReturn, UseScreenOrientationReturn, UseScreenWakeLockReturn, UseServerSentEventOptions, UseServerSentEventReturn, UseShoppingCartOptions, UseShoppingCartReturn, UseSpeechOptions, UseSpeechReturn, UseSummarizerReturn, UseTaskQueueReturn, UseThrottledCallbackOptions, UseTimeoutOptions, UseTimeoutReturn, UseTranslatorReturn, UseUserActivationReturn, UseVibrationReturn, UseWebsocketOptions, UseWebsocketReturn, VibrationPattern, notificationStore, pageVisibilityStore, systemLanguageStore, systemThemeStore, useAsyncState, useAudio, useAutoScroll, useBarcode, useBatteryStatus, useBodyScrollFreeze, useCameraCapture, useCookies, useCopyToClipboard, useCountDown, useDebouncedState, useExternalNotifications, useFile, useFullscreen, useGeolocation, useHoverIntent, useIdle, useIndexedDB, useIntersectionObserver, useIntervalSafe, useIsClient, useIsDesktop, useIsFirstRender, useList, useLocalNotifications, useLocalStorage, useNetworkInformation, useOnline, usePageVisibility, usePermissions, usePictureInPicture, usePopover, usePreferredLanguage, usePreferredTheme, usePreviousDistinct, useResettableState, useScreenOrientation, useScreenSize, useScreenWakeLock, useServerSentEvent, useShoppingCart, useSmartVideo, useSpeech, useSummarizer, useTaskQueue, useThrottledCallback, useTimeout, useToggle, useTraceUpdates, useTranslator, useUserActivation, useVibration, useWebsocket, userLanguageStore, userThemeStore };

package/dist/index.js

@@ -9,7 +9,7 @@ import { useCookies } from "./useCookies.js";
 import { useCopyToClipboard } from "./useCopyToClipboard.js";
 import { useCountDown } from "./useCountDown.js";
 import { useDebouncedState } from "./useDebouncedState.js";
-import { useExternalNotifications } from "./useExternalNotifications.js";
+import { notificationStore, useExternalNotifications } from "./useExternalNotifications.js";
 import { useGeolocation } from "./useGeolocation.js";
 import { useHoverIntent } from "./useHoverIntent.js";
 import { useFile } from "./useFile.js";
@@ -26,12 +26,12 @@ import { useList } from "./useList.js";
 import { useLocalStorage } from "./useLocalStorage.js";
 import { useLocalNotifications } from "./useLocalNotifications.js";
 import { useNetworkInformation } from "./useNetworkInformation.js";
-import { usePageVisibility } from "./usePageVisibility.js";
+import { pageVisibilityStore, usePageVisibility } from "./usePageVisibility.js";
 import { usePermissions } from "./usePermissions.js";
 import { usePictureInPicture } from "./usePictureInPicture.js";
 import { usePopover } from "./usePopover.js";
-import { usePreferredTheme } from "./usePreferredTheme.js";
-import { usePreferredLanguage } from "./usePreferredLanguage.js";
+import { systemThemeStore, usePreferredTheme, userThemeStore } from "./usePreferredTheme.js";
+import { systemLanguageStore, usePreferredLanguage, userLanguageStore } from "./usePreferredLanguage.js";
 import { usePreviousDistinct } from "./usePreviousDistinct.js";
 import { useResettableState } from "./useResettableState.js";
 import { useScreenOrientation } from "./useScreenOrientation.js";
@@ -52,4 +52,4 @@ import { useUserActivation } from "./useUserActivation.js";
 import { useVibration } from "./useVibration.js";
 import { useWebsocket } from "./useWebsocket.js";
 
-export { useAsyncState, useAudio, useAutoScroll, useBarcode, useBatteryStatus, useBodyScrollFreeze, useCameraCapture, useCookies, useCopyToClipboard, useCountDown, useDebouncedState, useExternalNotifications, useFile, useFullscreen, useGeolocation, useHoverIntent, useIdle, useIndexedDB, useIntersectionObserver, useIntervalSafe, useIsClient, useIsDesktop, useIsFirstRender, useList, useLocalNotifications, useLocalStorage, useNetworkInformation, useOnline, usePageVisibility, usePermissions, usePictureInPicture, usePopover, usePreferredLanguage, usePreferredTheme, usePreviousDistinct, useResettableState, useScreenOrientation, useScreenSize, useScreenWakeLock, useServerSentEvent, useShoppingCart, useSmartVideo, useSpeech, useSummarizer, useTaskQueue, useThrottledCallback, useTimeout, useToggle, useTraceUpdates, useTranslator, useUserActivation, useVibration, useWebsocket };
+export { notificationStore, pageVisibilityStore, systemLanguageStore, systemThemeStore, useAsyncState, useAudio, useAutoScroll, useBarcode, useBatteryStatus, useBodyScrollFreeze, useCameraCapture, useCookies, useCopyToClipboard, useCountDown, useDebouncedState, useExternalNotifications, useFile, useFullscreen, useGeolocation, useHoverIntent, useIdle, useIndexedDB, useIntersectionObserver, useIntervalSafe, useIsClient, useIsDesktop, useIsFirstRender, useList, useLocalNotifications, useLocalStorage, useNetworkInformation, useOnline, usePageVisibility, usePermissions, usePictureInPicture, usePopover, usePreferredLanguage, usePreferredTheme, usePreviousDistinct, useResettableState, useScreenOrientation, useScreenSize, useScreenWakeLock, useServerSentEvent, useShoppingCart, useSmartVideo, useSpeech, useSummarizer, useTaskQueue, useThrottledCallback, useTimeout, useToggle, useTraceUpdates, useTranslator, useUserActivation, useVibration, useWebsocket, userLanguageStore, userThemeStore };

package/dist/useAsyncState.d.ts

@@ -49,4 +49,4 @@ interface UseAsyncStateOptions<T> {
  */
 declare function useAsyncState<T>(options?: UseAsyncStateOptions<T>): UseAsyncStateReturn<T>;
 //#endregion
-export { useAsyncState };
+export { AsyncState, FetchConfig, UseAsyncStateOptions, UseAsyncStateReturn, useAsyncState };

package/dist/useAudio.d.ts

@@ -23,4 +23,4 @@ interface UseAudioReturn {
  */
 declare function useAudio(options?: UseAudioOptions): UseAudioReturn;
 //#endregion
-export { useAudio };
+export { AudioStatus, UseAudioOptions, UseAudioReturn, useAudio };

package/dist/useAutoScroll.d.ts

@@ -44,4 +44,4 @@ declare function useAutoScroll(options?: UseAutoScrollOptions): {
   scrollToBottom: (forceSmooth?: boolean) => void;
 };
 //#endregion
-export { useAutoScroll };
+export { UseAutoScrollOptions, useAutoScroll };

package/dist/useBarcode.d.ts

@@ -74,4 +74,4 @@ declare function useBarcode({
   onDetect
 }?: UseBarcodeOptions): UseBarcodeReturn;
 //#endregion
-export { useBarcode };
+export { UseBarcodeOptions, UseBarcodeReturn, useBarcode };

package/dist/useBatteryStatus.d.ts

@@ -50,4 +50,4 @@ declare global {
  */
 declare function useBatteryStatus(): UseBatteryStatusReturn;
 //#endregion
-export { useBatteryStatus };
+export { UseBatteryStatus, UseBatteryStatusReturn, useBatteryStatus };

package/dist/useBodyScrollFreeze.d.ts

@@ -33,4 +33,4 @@ interface BodyScrollFreezeReturn {
  */
 declare function useBodyScrollFreeze(): BodyScrollFreezeReturn;
 //#endregion
-export { useBodyScrollFreeze };
+export { BodyScrollFreezeOptions, BodyScrollFreezeReturn, ScrollAxis, useBodyScrollFreeze };

package/dist/useCameraCapture.d.ts

@@ -22,9 +22,7 @@ interface UseCameraCaptureOptions {
   onCapture?: (dataUrl: string, blob: Blob) => void;
   /**
    * Desired output width for the captured image.
-   * The height is automatically calculated to preserve the aspect ratio.
-   *
-   * @default 320
+   * If ommited, the image is captured at native camera resolution.
    */
   width?: number;
 }
@@ -50,6 +48,10 @@ interface UseCameraCaptureReturn {
    * Stops all active media tracks and releases the camera.
    */
   stop: () => void;
+  /**
+   * Toggles between front and back camera if available.
+   */
+  toggleCamera: () => void;
   /**
    * Indicates whether camera permissions has been granted.
    */
@@ -73,4 +75,4 @@ interface UseCameraCaptureReturn {
  */
 declare function useCameraCapture(options?: UseCameraCaptureOptions): UseCameraCaptureReturn;
 //#endregion
-export { useCameraCapture };
+export { CameraCaptureFormat, CameraCaptureOutput, UseCameraCaptureOptions, UseCameraCaptureReturn, useCameraCapture };

package/dist/useCameraCapture.js

@@ -33,17 +33,37 @@ function useCameraCapture(options = {}) {
 	const imageRef = React.useRef(null);
 	const streamRef = React.useRef(null);
 	const streamingRef = React.useRef(false);
-	const heightRef = React.useRef(0);
+	const devicesRef = React.useRef([]);
+	const currentDeviceIndexRef = React.useRef(0);
 	const isBrowser = typeof window !== "undefined";
 	const permissionStoreRef = React.useRef(createExternalStore(() => !!streamRef.current));
 	const streamingStoreRef = React.useRef(createExternalStore(() => streamingRef.current));
+	const isTouchDevice = () => {
+		if (!isBrowser) return false;
+		return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+	};
+	const loadVideDevices = React.useCallback(async () => {
+		if (!navigator.mediaDevices?.enumerateDevices) return;
+		const videoInputs = (await navigator.mediaDevices.enumerateDevices()).filter((device) => device.kind === "videoinput");
+		devicesRef.current = videoInputs;
+		if (videoInputs.length === 0) return;
+		const touch = isTouchDevice();
+		const backCameraIndex = videoInputs.findIndex((device) => /back|rear|environment/i.test(device.label));
+		if (touch && backCameraIndex !== -1) currentDeviceIndexRef.current = backCameraIndex;
+		else currentDeviceIndexRef.current = 0;
+	}, [isBrowser]);
 	const requestPermission = React.useCallback(async () => {
 		if (!isBrowser) return false;
 		if (!navigator.mediaDevices?.getUserMedia) return false;
 		try {
+			if (devicesRef.current.length === 0) {
+				(await navigator.mediaDevices.getUserMedia({ video: true })).getTracks().forEach((track) => track.stop());
+				await loadVideDevices();
+			}
+			const device = devicesRef.current[currentDeviceIndexRef.current];
 			const stream = await navigator.mediaDevices.getUserMedia({
 				audio: false,
-				video: true
+				video: device ? { deviceId: { exact: device.deviceId } } : true
 			});
 			streamRef.current = stream;
 			permissionStoreRef.current.notify();
@@ -51,24 +71,13 @@ function useCameraCapture(options = {}) {
 			if (!video) return false;
 			video.srcObject = stream;
 			await video.play();
-			if (!streamingRef.current) {
-				const { videoHeight, videoWidth } = video;
-				heightRef.current = videoHeight / (videoWidth / width);
-				video.width = width;
-				video.height = heightRef.current;
-				const canvas = canvasRef.current;
-				if (canvas) {
-					canvas.width = width;
-					canvas.height = heightRef.current;
-				}
-				streamingRef.current = true;
-				streamingStoreRef.current.notify();
-			}
+			streamingRef.current = true;
+			streamingStoreRef.current.notify();
 			return true;
 		} catch {
 			return false;
 		}
-	}, [isBrowser, width]);
+	}, [isBrowser, loadVideDevices]);
 	const capture = React.useCallback(() => {
 		const video = videoRef.current;
 		const canvas = canvasRef.current;
@@ -76,9 +85,19 @@ function useCameraCapture(options = {}) {
 		if (!video || !canvas || !streamingRef.current) return null;
 		const context = canvas.getContext("2d");
 		if (!context) return null;
-		canvas.width = width;
-		canvas.height = heightRef.current;
-		context.drawImage(video, 0, 0, width, heightRef.current);
+		const videoWidth = video.videoWidth;
+		const videoHeight = video.videoHeight;
+		if (!videoWidth || !videoHeight) return null;
+		if (width) {
+			const scaledHeight = videoHeight / (videoWidth / width);
+			canvas.width = width;
+			canvas.height = scaledHeight;
+			context.drawImage(video, 0, 0, width, scaledHeight);
+		} else {
+			canvas.width = videoWidth;
+			canvas.height = videoHeight;
+			context.drawImage(video, 0, 0, videoWidth, videoHeight);
+		}
 		const dataUrl = canvas.toDataURL(output.type, output.quality);
 		image?.setAttribute("src", dataUrl);
 		if (onCapture) canvas.toBlob((blob) => {
@@ -93,11 +112,18 @@ function useCameraCapture(options = {}) {
 	]);
 	const stop = React.useCallback(() => {
 		streamRef.current?.getTracks().forEach((track) => track.stop());
+		if (videoRef.current) videoRef.current.srcObject = null;
 		streamRef.current = null;
 		streamingRef.current = false;
 		permissionStoreRef.current.notify();
 		streamingStoreRef.current.notify();
 	}, []);
+	const toggleCamera = React.useCallback(async () => {
+		if (devicesRef.current.length <= 1) return false;
+		stop();
+		currentDeviceIndexRef.current = (currentDeviceIndexRef.current + 1) / devicesRef.current.length;
+		return await requestPermission();
+	}, [requestPermission, stop]);
 	const usePermission = () => React.useSyncExternalStore(permissionStoreRef.current.subscribe, permissionStoreRef.current.getSnapshot, () => false);
 	const useStreaming = () => React.useSyncExternalStore(streamingStoreRef.current.subscribe, streamingStoreRef.current.getSnapshot, () => false);
 	return {
@@ -106,6 +132,7 @@ function useCameraCapture(options = {}) {
 		imageRef,
 		requestPermission,
 		stop,
+		toggleCamera,
 		usePermission,
 		useStreaming,
 		videoRef

package/dist/useCookies.d.ts

@@ -39,4 +39,4 @@ interface UseCookieReturn {
  */
 declare function useCookies(): UseCookieReturn;
 //#endregion
-export { useCookies };
+export { UseCookieOptions, UseCookieReturn, useCookies };

package/dist/useCopyToClipboard.d.ts

@@ -19,4 +19,4 @@ interface CopyToClipboardReturn {
  */
 declare function useCopyToClipboard(): CopyToClipboardReturn;
 //#endregion
-export { useCopyToClipboard };
+export { CopyToClipboardReturn, useCopyToClipboard };

package/dist/useCountDown.d.ts

@@ -77,4 +77,4 @@ declare function useCountDown({
   startOnMount
 }: CountDown): CountDownReturn;
 //#endregion
-export { useCountDown };
+export { CountDown, CountDownControlls, CountDownOptions, CountDownReturn, CountDownStatus, useCountDown };

package/dist/useDebouncedState.d.ts

@@ -44,4 +44,4 @@ interface UseDebouncedStateReturn<T> {
  */
 declare function useDebouncedState<T>(initialValue: T, options: UseDebouncedStateOptions): UseDebouncedStateReturn<T>;
 //#endregion
-export { useDebouncedState };
+export { UseDebouncedStateOptions, UseDebouncedStateReturn, useDebouncedState };

package/dist/useExternalNotifications.d.ts

@@ -4,6 +4,14 @@ interface NotificationPayload extends NotificationOptions {
   id?: string;
   title: string;
 }
+type Listener = () => void;
+declare function suscribe(listener: Listener): () => void;
+declare function getSnapshot(): NotificationPayload[];
+declare const notificationStore: {
+  getSnapshot: typeof getSnapshot;
+  push(notification: NotificationPayload): void;
+  suscribe: typeof suscribe;
+};
 interface UseExternalNotificationReturn {
   isSupported: boolean;
   notifications: NotificationPayload[] | null;
@@ -33,4 +41,4 @@ interface UseExternalNotificationReturn {
  */
 declare function useExternalNotifications(): UseExternalNotificationReturn;
 //#endregion
-export { useExternalNotifications };
+export { NotificationPayload, UseExternalNotificationReturn, notificationStore, useExternalNotifications };

package/dist/useExternalNotifications.js

@@ -97,4 +97,4 @@ function useExternalNotifications() {
 }
 
 //#endregion
-export { useExternalNotifications };
+export { notificationStore, useExternalNotifications };

package/dist/useFile.d.ts

@@ -71,4 +71,4 @@ interface UseFileReturn {
  */
 declare function useFile(options?: UseFileOptions): UseFileReturn;
 //#endregion
-export { useFile };
+export { UseFileOptions, UseFileReturn, useFile };

package/dist/useFullScreen.d.ts

@@ -17,4 +17,4 @@ interface FullScreenReturn {
  */
 declare function useFullscreen<T extends HTMLElement>(ref: React.RefObject<T | null>): FullScreenReturn;
 //#endregion
-export { useFullscreen };
+export { FullScreenReturn, useFullscreen };

package/dist/useGeolocation.d.ts

@@ -44,4 +44,4 @@ interface UseGeolocationReturn {
  */
 declare function useGeolocation(): UseGeolocationReturn;
 //#endregion
-export { useGeolocation };
+export { GeolocationPermissionState, UseGeolocationReturn, useGeolocation };

package/dist/useHoverIntent.d.ts

@@ -42,4 +42,4 @@ interface UseHoverIntentReturn {
  */
 declare function useHoverIntent(options?: UseHoverIntentOptions): UseHoverIntentReturn;
 //#endregion
-export { useHoverIntent };
+export { UseHoverIntentOptions, UseHoverIntentReturn, useHoverIntent };

package/dist/useIdle.d.ts

@@ -44,4 +44,4 @@ interface UseIdleReturn {
  */
 declare function useIdle(options?: UseIdleOptions): UseIdleReturn;
 //#endregion
-export { useIdle };
+export { UseIdleOptions, UseIdleReturn, useIdle };

package/dist/useIndexedDB.d.ts

@@ -57,4 +57,4 @@ interface UseIndexedDBTransactionReturn {
  */
 declare function useIndexedDB(options: UseIndexedDBOptions): UseIndexedDBTransactionReturn;
 //#endregion
-export { useIndexedDB };
+export { UseIndexedDBOptions, UseIndexedDBTransactionOptions, UseIndexedDBTransactionReturn, useIndexedDB };

package/dist/useIntersectionObserver.d.ts

@@ -42,4 +42,4 @@ interface IntersectionObserverReturn<T extends Element> {
  */
 declare function useIntersectionObserver<T extends Element = HTMLElement>(options?: IntersectionObserverOptions, externalRef?: React.RefObject<T | null>): IntersectionObserverReturn<T>;
 //#endregion
-export { useIntersectionObserver };
+export { IntersectionObserverOptions, IntersectionObserverReturn, useIntersectionObserver };

package/dist/useIntervalSafe.d.ts

@@ -69,4 +69,4 @@ declare function useIntervalSafe(callback: () => void, {
   startOnMount
 }: UseIntervalOptions): UseIntervalReturn;
 //#endregion
-export { useIntervalSafe };
+export { UseIntervalOptions, UseIntervalReturn, useIntervalSafe };

package/dist/useList.d.ts

@@ -16,4 +16,4 @@ interface ListReturn<T> {
  */
 declare function useList<T>(defaultValue?: T[]): ListReturn<T>;
 //#endregion
-export { useList };
+export { ListReturn, useList };

package/dist/useLocalNotifications.d.ts

@@ -20,4 +20,4 @@ interface UseNotificationOptions extends NotificationOptions {
  */
 declare function useLocalNotifications(): UseLocalNotificationReturn;
 //#endregion
-export { useLocalNotifications };
+export { UseLocalNotificationReturn, UseNotificationOptions, useLocalNotifications };

package/dist/useLocalStorage.d.ts

@@ -42,4 +42,4 @@ interface UseLocalStorageReturn<T> {
  */
 declare function useLocalStorage<T>(key: string, options: UseLocalStorageOptions<T>): UseLocalStorageReturn<T>;
 //#endregion
-export { useLocalStorage };
+export { UseLocalStorageOptions, UseLocalStorageReturn, useLocalStorage };

package/dist/useNetworkInformation.d.ts

@@ -135,4 +135,4 @@ interface UseNetworkInformationReturn extends NetworkInformationSnapshot {
  */
 declare function useNetworkInformation(): UseNetworkInformationReturn;
 //#endregion
-export { useNetworkInformation };
+export { NetworkInformation, NetworkInformationSnapshot, UseNetworkInformationReturn, useNetworkInformation };

package/dist/useOnline.d.ts

@@ -14,4 +14,4 @@ interface UseOnlineReturn {
  */
 declare function useOnline(): UseOnlineReturn;
 //#endregion
-export { useOnline };
+export { UseOnlineReturn, useOnline };

package/dist/usePageVisibility.d.ts

@@ -9,6 +9,12 @@ interface PageVisibilityReturn {
    */
   visibilityState: DocumentVisibilityState;
 }
+type Listener = () => void;
+declare const pageVisibilityStore: {
+  readonly getServerSnapshot: () => DocumentVisibilityState;
+  readonly getSnapshot: () => DocumentVisibilityState;
+  readonly subscribe: (listener: Listener) => () => void;
+};
 /**
  * `usePageVisibility` is a React hook that exposes the current visibility
  * state of the document using the Page Visibility API.
@@ -29,4 +35,4 @@ interface PageVisibilityReturn {
  */
 declare function usePageVisibility(): PageVisibilityReturn;
 //#endregion
-export { usePageVisibility };
+export { PageVisibilityReturn, pageVisibilityStore, usePageVisibility };

package/dist/usePageVisibility.js

@@ -62,4 +62,4 @@ function usePageVisibility() {
 }
 
 //#endregion
-export { usePageVisibility };
+export { pageVisibilityStore, usePageVisibility };

package/dist/usePermissions.d.ts

@@ -25,4 +25,4 @@ interface UsePermissionReturn {
  */
 declare function usePermissions<T extends readonly PermissionName[]>(permissionNames: T): UsePermissionReturn;
 //#endregion
-export { usePermissions };
+export { PermissionState, PermissionsSnapshot, UsePermissionReturn, usePermissions };

package/dist/usePictureInPicture.d.ts

@@ -44,4 +44,4 @@ interface UsePictureInPictureReturn {
  */
 declare function usePictureInPicture(): UsePictureInPictureReturn;
 //#endregion
-export { usePictureInPicture };
+export { UsePictureInPictureReturn, usePictureInPicture };

package/dist/usePopover.d.ts

@@ -51,4 +51,4 @@ interface UsePopoverReturn<TAnchor extends HTMLElement, TPopover extends HTMLEle
  */
 declare function usePopover<TAnchor extends HTMLElement = HTMLElement, TPopover extends HTMLElement = HTMLElement>(): UsePopoverReturn<TAnchor, TPopover>;
 //#endregion
-export { usePopover };
+export { UsePopoverReturn, usePopover };

package/dist/usePreferredLanguage.d.ts

@@ -1,5 +1,16 @@
 //#region src/usePreferredLanguage.d.ts
-
+type Listener = () => void;
+declare const systemLanguageStore: {
+  readonly getServerSnapshot: () => string;
+  readonly getSnapshot: () => string;
+  readonly subscribe: (listener: Listener) => () => void;
+};
+declare const userLanguageStore: {
+  readonly getServerSnapshot: () => string;
+  readonly getSnapshot: () => string;
+  readonly setLanguage: (lang: string) => void;
+  readonly subscribe: (listener: Listener) => () => void;
+};
 interface PreferredLanguageReturn {
   /**
    * Language effectively used by the application.
@@ -52,4 +63,4 @@ interface PreferredLanguageReturn {
  */
 declare function usePreferredLanguage(): PreferredLanguageReturn;
 //#endregion
-export { usePreferredLanguage };
+export { PreferredLanguageReturn, systemLanguageStore, usePreferredLanguage, userLanguageStore };

package/dist/usePreferredLanguage.js

@@ -124,4 +124,4 @@ function usePreferredLanguage() {
 }
 
 //#endregion
-export { usePreferredLanguage };
+export { systemLanguageStore, usePreferredLanguage, userLanguageStore };

package/dist/usePreferredTheme.d.ts

@@ -1,5 +1,17 @@
 //#region src/usePreferredTheme.d.ts
 type Theme = string;
+type Listener = () => void;
+declare const systemThemeStore: {
+  getServerSnapshot(): Theme;
+  getSnapshot(): Theme;
+  suscribe(listener: Listener): () => void;
+};
+declare const userThemeStore: {
+  getSeverSnapshot(): Theme | null;
+  getSnapshot(): Theme | null;
+  setTheme(theme: Theme | null): void;
+  suscribe(listener: Listener): () => void;
+};
 interface PreferredThemeReturn {
   /**
    * Sets a user-selected theme.
@@ -64,4 +76,4 @@ interface PreferredThemeReturn {
  */
 declare function usePreferredTheme(): PreferredThemeReturn;
 //#endregion
-export { usePreferredTheme };
+export { PreferredThemeReturn, Theme, systemThemeStore, usePreferredTheme, userThemeStore };

package/dist/usePreferredTheme.js

@@ -130,4 +130,4 @@ function usePreferredTheme() {
 }
 
 //#endregion
-export { usePreferredTheme };
+export { systemThemeStore, usePreferredTheme, userThemeStore };

package/dist/useScreenOrientation.d.ts

@@ -45,4 +45,4 @@ interface UseScreenOrientationReturn {
  */
 declare function useScreenOrientation(): UseScreenOrientationReturn;
 //#endregion
-export { useScreenOrientation };
+export { UseScreenOrientationReturn, useScreenOrientation };

package/dist/useScreenSize.d.ts

@@ -13,4 +13,4 @@ interface ScreenSizeReturn {
  */
 declare function useScreenSize(): ScreenSizeReturn;
 //#endregion
-export { useScreenSize };
+export { ScreenSizeReturn, useScreenSize };

package/dist/useScreenWakeLock.d.ts

@@ -34,4 +34,4 @@ interface UseScreenWakeLockReturn {
  */
 declare function useScreenWakeLock(): UseScreenWakeLockReturn;
 //#endregion
-export { useScreenWakeLock };
+export { UseScreenWakeLockReturn, useScreenWakeLock };

package/dist/useServerSentEvent.d.ts

@@ -54,4 +54,4 @@ type SSEReadyState = 0 | 1 | 2;
  */
 declare function useServerSentEvent(url: string, options?: UseServerSentEventOptions): UseServerSentEventReturn;
 //#endregion
-export { useServerSentEvent };
+export { SSEReadyState, UseServerSentEventOptions, UseServerSentEventReturn, useServerSentEvent };

package/dist/useShoppingCart.d.ts

@@ -51,4 +51,4 @@ interface UseShoppingCartReturn<T extends object> {
  */
 declare function useShoppingCart<T extends object>(options: UseShoppingCartOptions<T>): UseShoppingCartReturn<T>;
 //#endregion
-export { useShoppingCart };
+export { ShoppingCartItemDetail, UseShoppingCartOptions, UseShoppingCartReturn, useShoppingCart };

package/dist/useSmartVideo.d.ts

@@ -32,4 +32,4 @@ interface SmartVideoReturn {
 }
 declare function useSmartVideo(options?: SmartVideoOptions): SmartVideoReturn;
 //#endregion
-export { useSmartVideo };
+export { SmartVideoOptions, SmartVideoReturn, useSmartVideo };

package/dist/useSpeech.d.ts

@@ -71,4 +71,4 @@ interface UseSpeechReturn {
  */
 declare function useSpeech(options?: UseSpeechOptions): UseSpeechReturn;
 //#endregion
-export { useSpeech };
+export { UseSpeechOptions, UseSpeechReturn, useSpeech };

package/dist/useSummarizer.d.ts

@@ -89,4 +89,4 @@ interface UseSummarizerReturn {
  */
 declare function useSummarizer(): UseSummarizerReturn;
 //#endregion
-export { useSummarizer };
+export { BrowserSummarizer, SummarizerAvailability, SummarizerCreateOptions, SummarizerFormat, SummarizerLength, SummarizerStatic, SummarizerType, UseSummarizerReturn, useSummarizer };

package/dist/useTaskQueue.d.ts

@@ -22,4 +22,4 @@ interface UseTaskQueueReturn<T = unknown> {
  */
 declare function useTaskQueue<T = unknown>(): UseTaskQueueReturn<T>;
 //#endregion
-export { useTaskQueue };
+export { Task, UseTaskQueueReturn, useTaskQueue };

package/dist/useThrottledCallback.d.ts

@@ -29,4 +29,4 @@ type ThrottledCallbackReturn<TArgs extends readonly unknown[]> = (...args: TArgs
  */
 declare function useThrottledCallback<TArgs extends readonly unknown[]>(callback: (...args: TArgs) => void, options: UseThrottledCallbackOptions): ThrottledCallbackReturn<TArgs>;
 //#endregion
-export { useThrottledCallback };
+export { ThrottledCallbackReturn, UseThrottledCallbackOptions, useThrottledCallback };

package/dist/useTimeout.d.ts

@@ -55,4 +55,4 @@ declare function useTimeout(callback: () => void, {
   startOnMount
 }: UseTimeoutOptions): UseTimeoutReturn;
 //#endregion
-export { useTimeout };
+export { UseTimeoutOptions, UseTimeoutReturn, useTimeout };

package/dist/useToggle.d.ts

@@ -27,4 +27,4 @@ declare function useToggle({
   defaultValue
 }: ToggleOptions): ToggleReturn;
 //#endregion
-export { useToggle };
+export { ToggleOptions, ToggleReturn, useToggle };

package/dist/useTranslator.d.ts

@@ -107,4 +107,4 @@ interface UseTranslatorReturn {
  */
 declare function useTranslator(options: TranslatorTranslateOptions): UseTranslatorReturn;
 //#endregion
-export { useTranslator };
+export { BCP47LanguageTag, TranslatorTranslateOptions, UseTranslatorReturn, useTranslator };

package/dist/useUserActivation.d.ts

@@ -37,4 +37,4 @@ interface UseUserActivationReturn {
  */
 declare function useUserActivation(): UseUserActivationReturn;
 //#endregion
-export { useUserActivation };
+export { UseUserActivationReturn, useUserActivation };

package/dist/useVibration.d.ts

@@ -52,4 +52,4 @@ interface UseVibrationReturn {
  */
 declare function useVibration(): UseVibrationReturn;
 //#endregion
-export { useVibration };
+export { UseVibrationReturn, VibrationPattern, useVibration };

package/dist/useWebsocket.d.ts

@@ -77,4 +77,4 @@ interface UseWebsocketReturn<TMessage = unknown> {
  */
 declare function useWebsocket<TMessage = unknown>(options: UseWebsocketOptions<TMessage>): UseWebsocketReturn<TMessage>;
 //#endregion
-export { useWebsocket };
+export { UseWebsocketOptions, UseWebsocketReturn, useWebsocket };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vibehooks/react",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Modern React and Next.js hooks, unopinionated and focused on developer experience.",
   "author": "Sebastian Marat Urdanegui Bisalaya <sebasurdanegui@gmail.com>",
   "license": "MIT",