@apple-pie/slice 0.1.55 → 0.1.57

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

@@ -1,22 +1,22 @@
-export { T as ToggleButton } from "../../chunks/ToggleButton-CXyf2gcN.mjs";
+export { T as ToggleButton } from "../../chunks/ToggleButton-CZbTyzZ7.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/IconButton-BmaPhYbz.mjs";
+import "../../chunks/IconButton-DUz8Pz1Z.mjs";
 
-import "../../chunks/tslib.es6-C1OKXg6I.mjs";
+import "../../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import "motion/react";
 
 import "../../theme/corners.mjs";
 
-import "../../chunks/Badge-C3B2kCUz.mjs";
+import "../../chunks/Badge-CntS4K1P.mjs";
 
-import "../../chunks/Dot-DlXhSzum.mjs";
+import "../../chunks/Dot-CExdhu0z.mjs";
 
-import "../../chunks/Icon-B0omwLdy.mjs";
+import "../../chunks/Icon-DYv9sj3v.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -34,22 +34,22 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/misc-BOsYupnl.mjs";
+import "../../chunks/misc-Vjo15VLp.mjs";
 
-import "../../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../../chunks/broadcastChannel-_Q346Oc1.mjs";
 
-import "../../chunks/webRTCStore-BTg7uPMp.mjs";
+import "../../chunks/webRTCStore-Dr5M8DFU.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BPywg9cu.mjs";
+import "../../chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "../../chunks/microphoneStore-BMtJqEO9.mjs";
+import "../../chunks/microphoneStore-CKLPc5zm.mjs";
 
-import "../../chunks/volumeStore-BsaVyLo-.mjs";
+import "../../chunks/volumeStore-CicDxCvO.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/sharedTypes-DlKekiim.mjs";
+import "../../chunks/sharedTypes-DRYdKvBH.mjs";
 
-import "../../chunks/Label-DtpPad33.mjs";
+import "../../chunks/Label-osW2bH9O.mjs";

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

@@ -1,4 +1,4 @@
-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-DIs23NU0.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-BjSr0-kl.mjs";
 
 import "react/jsx-runtime";
 
@@ -6,11 +6,11 @@ import "react";
 
 import "../../theme/corners.mjs";
 
-import "../../chunks/misc-BOsYupnl.mjs";
+import "../../chunks/misc-Vjo15VLp.mjs";
 
-import "../../chunks/tslib.es6-C1OKXg6I.mjs";
+import "../../chunks/tslib.es6-UNsbHCvA.mjs";
 
-import "../../chunks/Icon-B0omwLdy.mjs";
+import "../../chunks/Icon-DYv9sj3v.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -28,24 +28,24 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../../chunks/broadcastChannel-_Q346Oc1.mjs";
 
-import "../../chunks/webRTCStore-BTg7uPMp.mjs";
+import "../../chunks/webRTCStore-Dr5M8DFU.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BPywg9cu.mjs";
+import "../../chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "../../chunks/microphoneStore-BMtJqEO9.mjs";
+import "../../chunks/microphoneStore-CKLPc5zm.mjs";
 
-import "../../chunks/volumeStore-BsaVyLo-.mjs";
+import "../../chunks/volumeStore-CicDxCvO.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/ProgressIndicator-tZ_nWPPA.mjs";
+import "../../chunks/ProgressIndicator-DPfGlu5w.mjs";
 
 import "motion/react";
 
-import "../../chunks/FileList-CcYWB5So.mjs";
+import "../../chunks/FileList-CtPtwFg0.mjs";
 
-import "../../chunks/FileIcon--z38OolT.mjs";
+import "../../chunks/FileIcon-CJa41GGE.mjs";

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

@@ -1,24 +1,24 @@
-export { V as Video } from "../../chunks/Video-BJ0gcBel.mjs";
+export { V as Video } from "../../chunks/Video-D5owl4GM.mjs";
 
-import "../../chunks/tslib.es6-C1OKXg6I.mjs";
+import "../../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-BOsYupnl.mjs";
+import "../../chunks/misc-Vjo15VLp.mjs";
 
-import "../../chunks/IconButton-BmaPhYbz.mjs";
+import "../../chunks/IconButton-DUz8Pz1Z.mjs";
 
 import "motion/react";
 
 import "../../theme/corners.mjs";
 
-import "../../chunks/Badge-C3B2kCUz.mjs";
+import "../../chunks/Badge-CntS4K1P.mjs";
 
-import "../../chunks/Dot-DlXhSzum.mjs";
+import "../../chunks/Dot-CExdhu0z.mjs";
 
-import "../../chunks/Icon-B0omwLdy.mjs";
+import "../../chunks/Icon-DYv9sj3v.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -36,30 +36,30 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../../chunks/broadcastChannel-_Q346Oc1.mjs";
 
-import "../../chunks/webRTCStore-BTg7uPMp.mjs";
+import "../../chunks/webRTCStore-Dr5M8DFU.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BPywg9cu.mjs";
+import "../../chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "../../chunks/microphoneStore-BMtJqEO9.mjs";
+import "../../chunks/microphoneStore-CKLPc5zm.mjs";
 
-import "../../chunks/volumeStore-BsaVyLo-.mjs";
+import "../../chunks/volumeStore-CicDxCvO.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/sharedTypes-DlKekiim.mjs";
+import "../../chunks/sharedTypes-DRYdKvBH.mjs";
 
-import "../../chunks/ProgressIndicator-tZ_nWPPA.mjs";
+import "../../chunks/ProgressIndicator-DPfGlu5w.mjs";
 
-import "../../chunks/Slider-Dm0EUbxT.mjs";
+import "../../chunks/Slider-bAlRcnr5.mjs";
 
-import "../../chunks/debounce-CIWvxa5-.mjs";
+import "../../chunks/debounce-D_IO1tKP.mjs";
 
 import "../../hooks/useObserveResize.mjs";
 
-import "../../chunks/ToggleButton-CXyf2gcN.mjs";
+import "../../chunks/ToggleButton-CZbTyzZ7.mjs";
 
-import "../../chunks/Label-DtpPad33.mjs";
+import "../../chunks/Label-osW2bH9O.mjs";

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

@@ -1,6 +1,6 @@
-export { V as VideoController } from "../../chunks/VideoController-u2bIgPdx.mjs";
+export { V as VideoController } from "../../chunks/VideoController-BMm4f486.mjs";
 
-import "../../chunks/tslib.es6-C1OKXg6I.mjs";
+import "../../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import "react/jsx-runtime";
 
@@ -8,29 +8,29 @@ import "motion/react";
 
 import "react";
 
-import "../../chunks/microphoneStore-BMtJqEO9.mjs";
+import "../../chunks/microphoneStore-CKLPc5zm.mjs";
 
 import "zustand";
 
-import "../../chunks/volumeStore-BsaVyLo-.mjs";
+import "../../chunks/volumeStore-CicDxCvO.mjs";
 
-import "../../chunks/webRTCStore-BTg7uPMp.mjs";
+import "../../chunks/webRTCStore-Dr5M8DFU.mjs";
 
-import "../../chunks/WebRTCConnection-BPywg9cu.mjs";
+import "../../chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "../../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../../chunks/broadcastChannel-_Q346Oc1.mjs";
 
 import "../../theme/corners.mjs";
 
-import "../../chunks/misc-BOsYupnl.mjs";
+import "../../chunks/misc-Vjo15VLp.mjs";
 
-import "../../chunks/IconButton-BmaPhYbz.mjs";
+import "../../chunks/IconButton-DUz8Pz1Z.mjs";
 
-import "../../chunks/Badge-C3B2kCUz.mjs";
+import "../../chunks/Badge-CntS4K1P.mjs";
 
-import "../../chunks/Dot-DlXhSzum.mjs";
+import "../../chunks/Dot-CExdhu0z.mjs";
 
-import "../../chunks/Icon-B0omwLdy.mjs";
+import "../../chunks/Icon-DYv9sj3v.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -50,8 +50,8 @@ import "../../hooks/useObserveTheme.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/sharedTypes-DlKekiim.mjs";
+import "../../chunks/sharedTypes-DRYdKvBH.mjs";
 
-import "../../chunks/Overlay-llH2XkgJ.mjs";
+import "../../chunks/Overlay-B8l0rD6j.mjs";
 
-import "../../chunks/videoStore-CZmDvdxC.mjs";
+import "../../chunks/videoStore-DbLjS_2T.mjs";

package/dist/esm/hooks/useActiveTab.mjs

@@ -0,0 +1,28 @@
+'use client';
+import { useState, useEffect } from "react";
+
+/** Observes document visibility and focus. Defaults to hidden and unfocused until mounted. */ function useActiveTab() {
+    const [state, setState] = useState({
+        isActiveTab: !1,
+        isTabFocused: !1,
+        visibilityState: "hidden"
+    });
+    return useEffect(() => {
+        if ("undefined" == typeof document) return;
+        const target = document, win = target.defaultView, handleChange = () => {
+            const visibilityState = target.visibilityState, isActiveTab = "visible" === visibilityState, isTabFocused = target.hasFocus();
+            setState(previous => previous.visibilityState === visibilityState && previous.isTabFocused === isTabFocused ? previous : {
+                isActiveTab: isActiveTab,
+                isTabFocused: isTabFocused,
+                visibilityState: visibilityState
+            });
+        };
+        return target.addEventListener("visibilitychange", handleChange), null == win || win.addEventListener("focus", handleChange), 
+        null == win || win.addEventListener("blur", handleChange), handleChange(), () => {
+            target.removeEventListener("visibilitychange", handleChange), null == win || win.removeEventListener("focus", handleChange), 
+            null == win || win.removeEventListener("blur", handleChange);
+        };
+    }, []), state;
+}
+
+export { useActiveTab };

package/dist/esm/hooks/useAudioRecorder.mjs

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

package/dist/esm/hooks/useBindWebRTC.mjs

@@ -1,19 +1,19 @@
 'use client';
-import { _ as __awaiter } from "../chunks/tslib.es6-C1OKXg6I.mjs";
+import { _ as __awaiter } from "../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import { useState, useRef, useCallback, useEffect } from "react";
 
-import { u as useWebRTC, c as useWebRTCConnection, g as getWebRTCConnections } from "../chunks/webRTCStore-BTg7uPMp.mjs";
+import { u as useWebRTC, c as useWebRTCConnection, g as getWebRTCConnections } from "../chunks/webRTCStore-Dr5M8DFU.mjs";
 
-import { q as useProcessedMicStream } from "../chunks/microphoneStore-BMtJqEO9.mjs";
+import { q as useProcessedMicStream } from "../chunks/microphoneStore-CKLPc5zm.mjs";
 
-import { f as useVolume } from "../chunks/volumeStore-BsaVyLo-.mjs";
+import { f as useVolume } from "../chunks/volumeStore-CicDxCvO.mjs";
 
 import "zustand";
 
-import "../chunks/WebRTCConnection-BPywg9cu.mjs";
+import "../chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../chunks/broadcastChannel-_Q346Oc1.mjs";
 
 function useBindWebRTC(options) {
     var _a;

package/dist/esm/hooks/useClipboard.mjs

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __awaiter } from "../chunks/tslib.es6-C1OKXg6I.mjs";
+import { _ as __awaiter } from "../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import { useState, useRef, useCallback, useEffect } from "react";
 
-import { c as copyToClipboard } from "../chunks/misc-BOsYupnl.mjs";
+import { c as copyToClipboard } from "../chunks/misc-Vjo15VLp.mjs";
 
-import "../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../chunks/broadcastChannel-_Q346Oc1.mjs";
 
 const DEFAULT_COPIED_RESET_DELAY = 2e3;
 

package/dist/esm/hooks/useInfiniteScroll.mjs

@@ -0,0 +1,86 @@
+'use client';
+import { _ as __awaiter } from "../chunks/tslib.es6-UNsbHCvA.mjs";
+
+import { useState, useRef, useCallback, useEffect } from "react";
+
+/** Loads immediately, then appends pages as the sentinel approaches the viewport. */
+function useInfiniteScroll(loader, options) {
+    const {enabled: enabled = !0, hasMore: hasMore, resetKey: resetKey, root: root = null, rootMargin: rootMargin = "0px"} = options, [state, setState] = useState(() => ({
+        items: [],
+        isLoading: !1,
+        error: null,
+        started: !1
+    })), stateRef = useRef(state), loaderRef = useRef(loader), requestRef = useRef(null), mountedRef = useRef(!1), [sentinel, setSentinel] = useState(null), sentinelRef = useCallback(node => setSentinel(node), []);
+    useEffect(() => {
+        loaderRef.current = loader;
+    }, [ loader ]);
+    const update = useCallback(next => {
+        stateRef.current = next, setState(next);
+    }, []), reset = useCallback(() => {
+        requestRef.current = null, update({
+            items: [],
+            isLoading: !1,
+            error: null,
+            started: !1
+        });
+    }, [ update ]);
+    useEffect(() => (mountedRef.current = !0, reset(), () => {
+        mountedRef.current = !1, requestRef.current = null;
+    }), [ reset, resetKey ]);
+    const load = useCallback((...args_1) => __awaiter(this, [ ...args_1 ], void 0, function*(retry = !1) {
+        const current = stateRef.current;
+        if (!mountedRef.current || !enabled || requestRef.current || !hasMore || current.error && !retry) return;
+        const request = {};
+        requestRef.current = request, update(Object.assign(Object.assign({}, current), {
+            started: !0,
+            isLoading: !0,
+            error: null
+        }));
+        try {
+            const items = yield loaderRef.current();
+            if (requestRef.current !== request || !mountedRef.current) return;
+            update({
+                items: [ ...current.items, ...items ],
+                isLoading: !1,
+                error: null,
+                started: !0
+            });
+        } catch (cause) {
+            if (requestRef.current !== request || !mountedRef.current) return;
+            update(Object.assign(Object.assign({}, current), {
+                started: !0,
+                isLoading: !1,
+                error: cause instanceof Error ? cause : new Error(String(cause))
+            }));
+        } finally {
+            requestRef.current === request && (requestRef.current = null);
+        }
+    }), [ enabled, hasMore, update ]), loadMore = useCallback(() => load(), [ load ]), retry = useCallback(() => load(!0), [ load ]);
+    return useEffect(() => {
+        state.started || loadMore();
+    }, [ state.started, loadMore ]), useEffect(() => {
+        if (!enabled || !sentinel || state.isLoading || state.error || !hasMore || "undefined" == typeof IntersectionObserver) return;
+        let active = !0;
+        const observer = new IntersectionObserver(entries => {
+            active && entries.some(entry => entry.isIntersecting) && loadMore();
+        }, {
+            root: root,
+            rootMargin: rootMargin,
+            threshold: 0
+        });
+        return observer.observe(sentinel), () => {
+            active = !1, observer.disconnect();
+        };
+    }, [ enabled, hasMore, sentinel, state, root, rootMargin, loadMore ]), {
+        items: state.items,
+        isLoading: state.isLoading,
+        error: state.error,
+        hasMore: hasMore,
+        sentinelRef: sentinelRef,
+        loadMore: loadMore,
+        retry: retry,
+        reset: reset
+    };
+}
+
+export { useInfiniteScroll };

package/dist/esm/hooks/useMdStreamBuffer.mjs

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "../chunks/tslib.es6-C1OKXg6I.mjs";
+import { a as __rest } from "../chunks/tslib.es6-UNsbHCvA.mjs";
 
 import { useRef, useState, useCallback, useEffect } from "react";
 
-import { M as MdBuffer } from "../chunks/MdStreamBuffer-DVDrRHm9.mjs";
+import { M as MdBuffer } from "../chunks/MdStreamBuffer-ZUWjyTTg.mjs";
 
-import "../chunks/broadcastChannel-COaDB1zC.mjs";
+import "../chunks/broadcastChannel-_Q346Oc1.mjs";
 
 function useMDStreamBuffer(options) {
     var _a, _b;

package/dist/esm/hooks/useMicrophone.mjs

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

package/dist/esm/hooks/useTrackRenders.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { useRef, useEffect } from "react";
 
-import { d as debug } from "../chunks/misc-BOsYupnl.mjs";
+import { d as debug } from "../chunks/misc-Vjo15VLp.mjs";
 
-import "../chunks/tslib.es6-C1OKXg6I.mjs";
+import "../chunks/tslib.es6-UNsbHCvA.mjs";
 
 /**
  * Hook to log component renders, mounts, and unmounts

package/dist/esm/hooks.mjs

@@ -28,6 +28,10 @@ export { defaultOptions as defaultIntersectingOptions, useIntersecting } from ".
 
 export { useClipboard } from "./hooks/useClipboard.mjs";
 
+export { useActiveTab } from "./hooks/useActiveTab.mjs";
+
+export { useInfiniteScroll } from "./hooks/useInfiniteScroll.mjs";
+
 import "react";
 
 import "./providers/ThemeProvider.mjs";
@@ -46,20 +50,20 @@ import "./theme/motion.mjs";
 
 import "./theme/type.mjs";
 
-import "./chunks/tslib.es6-C1OKXg6I.mjs";
+import "./chunks/tslib.es6-UNsbHCvA.mjs";
 
-import "./chunks/MdStreamBuffer-DVDrRHm9.mjs";
+import "./chunks/MdStreamBuffer-ZUWjyTTg.mjs";
 
-import "./chunks/broadcastChannel-COaDB1zC.mjs";
+import "./chunks/broadcastChannel-_Q346Oc1.mjs";
 
-import "./chunks/webRTCStore-BTg7uPMp.mjs";
+import "./chunks/webRTCStore-Dr5M8DFU.mjs";
 
 import "zustand";
 
-import "./chunks/WebRTCConnection-BPywg9cu.mjs";
+import "./chunks/WebRTCConnection-BMc3ILmW.mjs";
 
-import "./chunks/microphoneStore-BMtJqEO9.mjs";
+import "./chunks/microphoneStore-CKLPc5zm.mjs";
 
-import "./chunks/volumeStore-BsaVyLo-.mjs";
+import "./chunks/volumeStore-CicDxCvO.mjs";
 
-import "./chunks/misc-BOsYupnl.mjs";
+import "./chunks/misc-Vjo15VLp.mjs";