@apple-pie/slice 0.1.36 → 0.1.38

package/dist/esm/chunks/Video-Dvkx0zJN.mjs

@@ -0,0 +1,308 @@
+'use client';
+import { _ as __rest, a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
+
+import { s as setStyle } from "./misc-BCwU6qLj.mjs";
+
+import { I as IconButton } from "./IconButton-DfXCtxO7.mjs";
+
+import { S as Slider } from "./Slider-D-W_jWtn.mjs";
+
+import { T as ToggleButton } from "./ToggleButton-D_jOHDpK.mjs";
+
+var PlayState, css_wrapper = "Video-module_wrapper__a9iH8", css_video = "Video-module_video__hxKME", css_controls = "Video-module_controls__X4yt6", css_controlsHeader = "Video-module_controlsHeader__dD64-", css_controlsFooter = "Video-module_controlsFooter__qJNTa", css_controlsBody = "Video-module_controlsBody__2GbQz", css_right = "Video-module_right__UMhfW", css_left = "Video-module_left__XC33m", css_progress = "Video-module_progress__UTWtq";
+
+!function(PlayState) {
+    PlayState.Playing = "playing", PlayState.Paused = "paused", PlayState.Stopped = "stopped", 
+    PlayState.Ended = "ended";
+}(PlayState || (PlayState = {}));
+
+const BaseVideo = React.forwardRef((props, ref) => {
+    const {children: children, src: src, playing: playing, loop: loop = !1, muted: muted = !0, playsInline: playsInline = !0, controls: controls = "simple", volume: volume = 1, poster: poster, captionsSrc: captionsSrc, playRate: playRate = 1, width: width = "100%", height: height = "auto", borderRadius: borderRadius, borderSize: borderSize, borderColor: borderColor, backgroundColor: backgroundColor, objectFit: objectFit = "contain", customControls: customControls = {
+        play: !1,
+        progress: !0,
+        volume: !0,
+        fullscreen: !0
+    }, onPlay: onPlay, onPause: onPause, onEnd: onEnd, onProgress: onProgress, onLoadProgress: onLoadProgress, onPlaybackRateChange: onPlaybackRateChange, onCanPlayThrough: onCanPlayThrough, onPlayStateChange: onPlayStateChange, onLoadMetaData: onLoadMetaData, onFullScreenChange: onFullScreenChange, onVolumeChange: onVolumeChange, onLoadedFrameData: onLoadedFrameData, onQuit: onQuit} = props, divAttributes = __rest(props, [ "children", "src", "playing", "loop", "muted", "playsInline", "controls", "volume", "poster", "captionsSrc", "playRate", "width", "height", "borderRadius", "borderSize", "borderColor", "backgroundColor", "objectFit", "customControls", "onPlay", "onPause", "onEnd", "onProgress", "onLoadProgress", "onPlaybackRateChange", "onCanPlayThrough", "onPlayStateChange", "onLoadMetaData", "onFullScreenChange", "onVolumeChange", "onLoadedFrameData", "onQuit" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", videoRef = useRef(null), containerRef = useRef(null), progress = useRef(null), wasPlaying = useRef(null != playing && playing), playState = useRef(PlayState.Stopped), [isPlaying, setIsPlaying] = useState(null != playing && playing), [isMuted, setIsMuted] = useState(null != muted && muted), [currentVolume, setCurrentVolume] = useState(null != volume ? volume : 1), [currentProgress, setCurrentProgress] = useState(0), [hovered, setHovered] = useState(!1), timer = useRef(null), handleLoadProgress = useCallback(event => {
+        const target = event.target;
+        if (target.buffered.length > 0) {
+            const bufferedEnd = target.buffered.end(target.buffered.length - 1), duration = target.duration;
+            if (duration > 0) {
+                null == onLoadProgress || onLoadProgress(bufferedEnd / duration);
+            }
+        }
+    }, [ onLoadProgress ]), handlePlayProgress = useCallback(event => {
+        var _a, _b, _c;
+        const target = event.target, percentPlayed = target.currentTime / target.duration;
+        if (setCurrentProgress(percentPlayed), progress.current !== percentPlayed) {
+            null == onProgress || onProgress(percentPlayed), progress.current = percentPlayed;
+            const isAtZero = 0 === (null === (_a = videoRef.current) || void 0 === _a ? void 0 : _a.currentTime), isAtEnd = (null === (_b = videoRef.current) || void 0 === _b ? void 0 : _b.currentTime) === (null === (_c = videoRef.current) || void 0 === _c ? void 0 : _c.duration);
+            isAtZero && target.paused ? (playState.current !== PlayState.Stopped && (null == onPlayStateChange || onPlayStateChange(PlayState.Stopped)), 
+            playState.current = PlayState.Stopped) : isAtEnd ? (playState.current !== PlayState.Ended && (null == onPlayStateChange || onPlayStateChange(PlayState.Ended)), 
+            playState.current = PlayState.Ended) : target.paused && playState.current !== PlayState.Paused ? (null == onPlayStateChange || onPlayStateChange(PlayState.Paused), 
+            playState.current = PlayState.Paused) : target.paused || playState.current === PlayState.Playing || (null == onPlayStateChange || onPlayStateChange(PlayState.Playing), 
+            playState.current = PlayState.Playing);
+        }
+    }, [ onProgress, onPlayStateChange ]), handleCanPlayThrough = useCallback(() => {
+        null == onCanPlayThrough || onCanPlayThrough();
+    }, [ onCanPlayThrough ]), handlePlay = useCallback(() => {
+        var _a, _b, _c;
+        (null === (_a = videoRef.current) || void 0 === _a ? void 0 : _a.paused) && videoRef.current.play().then(() => null), 
+        null == onPlay || onPlay(), setIsPlaying(!0);
+        (null === (_b = videoRef.current) || void 0 === _b ? void 0 : _b.currentTime) === (null === (_c = videoRef.current) || void 0 === _c ? void 0 : _c.duration) ? (playState.current !== PlayState.Ended && (null == onPlayStateChange || onPlayStateChange(PlayState.Ended)), 
+        playState.current = PlayState.Ended) : playState.current !== PlayState.Playing && (null == onPlayStateChange || onPlayStateChange(PlayState.Playing), 
+        playState.current = PlayState.Playing);
+    }, [ onPlay, onPlayStateChange ]), handlePause = useCallback(() => {
+        var _a, _b, _c;
+        null == onPause || onPause(), setIsPlaying(!1);
+        const isAtZero = 0 === (null === (_a = videoRef.current) || void 0 === _a ? void 0 : _a.currentTime);
+        (null === (_b = videoRef.current) || void 0 === _b ? void 0 : _b.currentTime) === (null === (_c = videoRef.current) || void 0 === _c ? void 0 : _c.duration) || isAtZero || playState.current !== PlayState.Paused && (null == onPlayStateChange || onPlayStateChange(PlayState.Paused), 
+        playState.current = PlayState.Paused);
+    }, [ onPause, onPlayStateChange ]), handleEnd = useCallback(() => {
+        null == onEnd || onEnd();
+    }, [ onEnd ]), handleLoadMetadata = useCallback(event => {
+        const target = event.target;
+        null == onLoadMetaData || onLoadMetaData(target.duration);
+    }, [ onLoadMetaData ]), handlePlaybackRate = useCallback(event => {
+        const playbackRate = event.target.playbackRate;
+        null == onPlaybackRateChange || onPlaybackRateChange(playbackRate);
+    }, [ onPlaybackRateChange ]), handlePlayClick = useCallback(play => {
+        const video = videoRef.current;
+        if (!video) return;
+        let setPlaying = video.paused;
+        void 0 !== play && (setPlaying = play), setPlaying ? video.play().then(() => null).catch(() => null) : video.pause();
+    }, []), handleMouseOver = useCallback(() => {
+        setHovered(!0), timer.current && clearTimeout(timer.current), timer.current = setTimeout(() => {
+            setHovered(!1);
+        }, 2e3);
+    }, []), handleMouseOut = useCallback(() => {
+        timer.current && clearTimeout(timer.current), setHovered(!1);
+    }, []), handleFullScreen = useCallback((state = !0) => {
+        const video = videoRef.current;
+        video && (state ? video.requestFullscreen().catch(() => null) : document.fullscreenElement === video && document.exitFullscreen().catch(() => null));
+    }, []), handleMute = useCallback(state => {
+        if (!videoRef.current) return;
+        let nextMuted = !videoRef.current.muted;
+        void 0 !== state && (nextMuted = state), videoRef.current.muted = nextMuted, setIsMuted(nextMuted);
+    }, []), handleRateChange = useCallback((rate = 1) => {
+        if (!videoRef.current) return;
+        let nextRate = rate;
+        rate < .5 && (nextRate = .5), rate > 3 && (nextRate = 3), videoRef.current.playbackRate = nextRate;
+    }, []), handleRestart = useCallback(() => {
+        videoRef.current && (videoRef.current.pause(), videoRef.current.currentTime = 0, 
+        videoRef.current.play().then(() => null));
+    }, []), handleVolumeChange = useCallback((volume = 1) => {
+        if (!videoRef.current) return;
+        let nextVolume = volume;
+        volume < 0 && (nextVolume = 0), volume > 1 && (nextVolume = 1), videoRef.current.volume = nextVolume, 
+        setCurrentVolume(nextVolume), null == onVolumeChange || onVolumeChange(nextVolume);
+    }, [ onVolumeChange ]), handleSetProgress = useCallback(progress => {
+        videoRef.current && (wasPlaying.current || (wasPlaying.current = !videoRef.current.paused), 
+        videoRef.current.pause(), videoRef.current.currentTime = progress * videoRef.current.duration);
+    }, []), handleSeekEnd = useCallback(() => {
+        wasPlaying.current && (handlePlayClick(!0), wasPlaying.current = !1);
+    }, [ handlePlayClick ]), handleFullScreenChange = useCallback(() => {
+        const isFullscreen = document.fullscreenElement === videoRef.current;
+        null == onFullScreenChange || onFullScreenChange(isFullscreen);
+    }, [ onFullScreenChange ]), handleLoadedFrame = useCallback(() => {
+        null == onLoadedFrameData || onLoadedFrameData();
+    }, [ onLoadedFrameData ]);
+    React.useImperativeHandle(ref, () => ({
+        play: () => __awaiter(void 0, void 0, void 0, function*() {
+            handlePlayClick(!0);
+        }),
+        stop: () => __awaiter(void 0, void 0, void 0, function*() {
+            handlePlayClick(!1);
+        }),
+        restart: () => __awaiter(void 0, void 0, void 0, function*() {
+            handleRestart();
+        }),
+        setVolume: volume => {
+            handleVolumeChange(volume);
+        },
+        mute: mute => {
+            handleMute(mute);
+        },
+        fullscreen: state => {
+            handleFullScreen(state);
+        },
+        playbackRate: rate => {
+            handleRateChange(rate);
+        },
+        get videoElement() {
+            var _a;
+            return null !== (_a = videoRef.current) && void 0 !== _a ? _a : void 0;
+        }
+    }), [ handlePlayClick, handleRestart, handleMute, handleFullScreen, handleRateChange, handleVolumeChange ]);
+    const showCustomControls = useMemo(() => "default" !== controls && "none" !== controls, [ controls ]), cssVars = useMemo(() => ({
+        "--video-width": setStyle(width, "unset"),
+        "--video-height": setStyle(height, "unset"),
+        "--video-border-radius": setStyle(borderRadius, 0),
+        "--video-border-size": setStyle(borderSize, 0),
+        "--video-border-color": setStyle(borderColor, "transparent"),
+        "--video-bg-color": setStyle(backgroundColor, "transparent"),
+        "--video-object-fit": null != objectFit ? objectFit : "contain",
+        "--video-controls-pointer-events": hovered ? "auto" : "none",
+        "--video-controls-opacity": hovered ? 1 : 0,
+        "--video-progress-padding-left": customControls.quit ? "8px" : "16px"
+    }), [ width, height, borderRadius, borderSize, borderColor, backgroundColor, objectFit, hovered, customControls.quit ]), speakerIcon = useMemo(() => isMuted || 0 === currentVolume ? "speaker muted" : "speaker", [ isMuted, currentVolume ]);
+    return useEffect(() => handleRateChange(playRate), [ playRate, handleRateChange ]), 
+    useEffect(() => {
+        void 0 !== playing && handlePlayClick(playing);
+    }, [ playing, handlePlayClick ]), useEffect(() => handleMute(muted), [ muted, handleMute ]), 
+    useEffect(() => handleVolumeChange(volume), [ volume, handleVolumeChange ]), useEffect(() => {
+        var _a, _b;
+        return null === (_a = videoRef.current) || void 0 === _a || _a.addEventListener("seeked", handleSeekEnd), 
+        null === (_b = videoRef.current) || void 0 === _b || _b.addEventListener("loadeddata", handleLoadedFrame), 
+        document.addEventListener("fullscreenchange", handleFullScreenChange), () => {
+            var _a, _b;
+            null === (_a = videoRef.current) || void 0 === _a || _a.removeEventListener("seeked", handleSeekEnd), 
+            null === (_b = videoRef.current) || void 0 === _b || _b.removeEventListener("loadeddata", handleLoadedFrame), 
+            document.removeEventListener("fullscreenchange", handleFullScreenChange);
+        };
+    }, [ handleSeekEnd, handleFullScreenChange, handleLoadedFrame ]), jsxs("div", Object.assign({
+        id: divId,
+        ref: containerRef,
+        className: `${css_wrapper}${divClass}`,
+        style: Object.assign(Object.assign({}, cssVars), divStyle),
+        onMouseEnter: handleMouseOver,
+        onMouseLeave: handleMouseOut,
+        onBlur: handleMouseOut,
+        onFocus: handleMouseOver,
+        onMouseMove: handleMouseOver
+    }, rest, {
+        children: [ showCustomControls && jsxs("div", {
+            className: css_controls,
+            children: [ !children && "simple" === controls && jsxs("div", {
+                className: css_controls,
+                children: [ jsxs("div", {
+                    className: css_controlsHeader,
+                    children: [ customControls.fullscreen && jsx("div", {
+                        className: css_left,
+                        children: jsx(IconButton, {
+                            icon: "fullscreen",
+                            iconFill: !0,
+                            buttonSize: "m",
+                            iconSize: 18,
+                            bgColor: "rgba(255,255,255,0.05)",
+                            bgColorHover: "rgba(0,0,0,0.7)",
+                            iconColor: "var(--core-text-light)",
+                            iconColorHover: "var(--core-text-light)",
+                            onClick: () => handleFullScreen(!0)
+                        })
+                    }), customControls.volume && jsxs("div", {
+                        className: css_right,
+                        children: [ jsx(IconButton, {
+                            icon: speakerIcon,
+                            iconFill: !0,
+                            buttonSize: "m",
+                            iconSize: 20,
+                            bgColor: "rgba(255,255,255,0.05)",
+                            bgColorHover: "rgba(0,0,0,0.7)",
+                            bgColorOn: "rgba(0,0,0,0.5)",
+                            iconColor: "var(--core-text-light)",
+                            iconColorHover: "var(--core-text-light)",
+                            onClick: () => handleMute()
+                        }), jsx(Slider, {
+                            trackColor: "rgba(0,0,0,0.5)",
+                            progressColor: "var(--core-text-light)",
+                            trackHeadSize: 16,
+                            trackHeadBorderSize: 0,
+                            scaleMax: 1,
+                            scaleMin: 0,
+                            value: currentVolume,
+                            onChange: value => handleVolumeChange(value)
+                        }) ]
+                    }) ]
+                }), jsx("div", {
+                    className: css_controlsBody,
+                    children: customControls.play && jsx(ToggleButton, {
+                        selected: isPlaying,
+                        icon: "play",
+                        iconOn: "pause",
+                        iconSize: 48,
+                        buttonSize: "xl",
+                        bgColor: "rgba(0,0,0,0.5)",
+                        bgColorHover: "rgba(0,0,0,0.7)",
+                        bgColorOn: "rgba(0,0,0,0.5)",
+                        iconColor: "var(--core-text-light)",
+                        iconColorOn: "var(--core-text-light)",
+                        iconColorHover: "var(--core-text-light)",
+                        onChange: () => handlePlayClick()
+                    })
+                }), jsx("div", {
+                    className: css_controlsFooter,
+                    children: customControls.progress && jsxs("div", {
+                        className: css_progress,
+                        children: [ jsx(ToggleButton, {
+                            selected: isPlaying,
+                            icon: "play",
+                            iconOn: "pause",
+                            buttonSize: "m",
+                            iconSize: 28,
+                            bgColor: "rgba(255,255,255,0.05)",
+                            bgColorHover: "rgba(0,0,0,0.7)",
+                            bgColorOn: "rgba(255,255,255,0.05)",
+                            iconColor: "var(--core-text-light)",
+                            iconColorHover: "var(--core-text-light)",
+                            iconColorOn: "var(--core-text-light)",
+                            onChange: () => handlePlayClick()
+                        }), jsx(Slider, {
+                            trackColor: "rgba(0,0,0,0.5)",
+                            progressColor: "var(--core-text-light)",
+                            trackHeadSize: 16,
+                            trackHeadBorderSize: 0,
+                            scaleMax: 1,
+                            scaleMin: 0,
+                            value: currentProgress,
+                            onChange: handleSetProgress,
+                            width: "100%"
+                        }), customControls.quit && jsx(IconButton, {
+                            toggle: !1,
+                            icon: "x",
+                            buttonSize: "m",
+                            bgColor: "rgba(255,255,255,0.05)",
+                            bgColorHover: "rgba(0,0,0,0.7)",
+                            bgColorOn: "rgba(255,255,255,0.05)",
+                            iconColor: "var(--core-text-light)",
+                            iconColorHover: "var(--core-text-light)",
+                            iconColorOn: "var(--core-text-light)",
+                            onClick: () => null == onQuit ? void 0 : onQuit()
+                        }) ]
+                    })
+                }) ]
+            }), "custom" === controls && children ]
+        }), jsx("video", {
+            ref: videoRef,
+            src: src,
+            autoPlay: !1,
+            playsInline: playsInline,
+            loop: loop,
+            muted: isMuted,
+            controls: "default" === controls,
+            poster: poster,
+            onCanPlayThrough: handleCanPlayThrough,
+            onPlay: handlePlay,
+            onPause: handlePause,
+            onEnded: handleEnd,
+            onProgress: handleLoadProgress,
+            onTimeUpdate: handlePlayProgress,
+            onRateChange: handlePlaybackRate,
+            onLoadedMetadata: handleLoadMetadata,
+            className: css_video,
+            children: jsx("track", {
+                kind: "captions",
+                src: captionsSrc
+            })
+        }) ]
+    }));
+});
+
+BaseVideo.displayName = "Video";
+
+const Video = React.memo(BaseVideo);
+
+export { Video as V };

package/dist/esm/chunks/VideoController-DUAGSgCK.mjs

@@ -0,0 +1,111 @@
+'use client';
+import { _ as __rest } from "./tslib.es6-snMG2wnR.mjs";
+
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+
+import { useDragControls, AnimatePresence, motion } from "motion/react";
+
+import { useRef, useState, useEffect, useMemo } from "react";
+
+import "./microphoneStore-BGWQI4OG.mjs";
+
+import "./volumeStore-C-Iat9Bn.mjs";
+
+import "./webRTCStore-CWIDJL7j.mjs";
+
+import { s as setStyle } from "./misc-BCwU6qLj.mjs";
+
+import { I as IconButton } from "./IconButton-DfXCtxO7.mjs";
+
+import { O as Overlay } from "./Overlay-o7rQtTk-.mjs";
+
+import { u as useVideo, a as useVideoActions } from "./videoStore-CZfHgy1p.mjs";
+
+var css_container = "VideoController-module_container__wNiGy", css_box = "VideoController-module_box__a0PRD", css_wrapper = "VideoController-module_wrapper__RhpUo", css_video = "VideoController-module_video__9bS2L";
+
+const defaultTransition = {
+    ease: "easeOut",
+    duration: .25,
+    delay: .1
+}, defaultVariants = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+};
+
+function VideoController(props) {
+    var _a;
+    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)", padding: padding = 64, borderRadius: borderRadius = 8, quit: quit = "inline", onQuit: onQuit} = props, controls = useDragControls(), video = useVideo(), hide = useVideoActions().clear, VideoComponent = null == video ? void 0 : video.component, _b = null !== (_a = null == video ? void 0 : video.props) && void 0 !== _a ? _a : {}, {onLoadedFrameData: onLoadedFrameData, borderRadius: videoBorderRadius} = _b, videoProps = __rest(_b, [ "onLoadedFrameData", "borderRadius" ]), ref = useRef(null), constraints = null != dragConstraintsRef ? dragConstraintsRef : ref, [ready, setReady] = useState(!1);
+    useEffect(() => {
+        (null == video ? void 0 : video.id) && setReady(!1);
+    }, [ null == video ? void 0 : video.id ]);
+    const handleHide = () => {
+        setReady(!1), hide(), null == onQuit || onQuit();
+    }, cssVars = useMemo(() => ({
+        "--overlay-padding": setStyle(padding, 64),
+        "--video-visibility": ready ? "visible" : "hidden",
+        "--video-border-radius": setStyle(borderRadius, 8)
+    }), [ padding, ready, borderRadius ]);
+    return jsxs(Fragment, {
+        children: [ jsx(Overlay, {
+            show: !!video,
+            type: "dark",
+            opacity: overlayOpacity,
+            color: overlayColor,
+            onClick: handleHide
+        }), jsx(AnimatePresence, {
+            initial: !1,
+            children: video && VideoComponent && jsx("div", {
+                className: css_container,
+                ref: ref,
+                style: cssVars,
+                children: jsx("div", {
+                    className: css_box,
+                    children: jsxs(motion.div, {
+                        className: css_wrapper,
+                        variants: variants,
+                        initial: initial,
+                        animate: animate,
+                        exit: exit,
+                        transition: transition,
+                        drag: draggable,
+                        dragListener: !draggable && void 0,
+                        dragControls: draggable ? controls : void 0,
+                        dragConstraints: draggable ? constraints : void 0,
+                        dragElastic: draggable ? 0 : void 0,
+                        dragMomentum: !draggable && void 0,
+                        children: [ jsx("div", {
+                            className: css_video,
+                            children: jsx(VideoComponent, Object.assign({}, videoProps, {
+                                borderRadius: null != borderRadius ? borderRadius : videoBorderRadius,
+                                onLoadedFrameData: () => {
+                                    setReady(!0), null == onLoadedFrameData || onLoadedFrameData();
+                                },
+                                customControls: Object.assign(Object.assign({}, videoProps.customControls), {
+                                    quit: "inside" === quit
+                                }),
+                                onQuit: () => handleHide()
+                            }))
+                        }), "outside" === quit && jsx(IconButton, {
+                            icon: "x",
+                            buttonSize: "l",
+                            onClick: handleHide,
+                            bgColor: "rgba(255,255,255,0.05)",
+                            bgColorHover: "rgba(255,255,255,0.25)",
+                            iconColor: "var(--core-text-light)",
+                            iconColorHover: "var(--core-text-light)"
+                        }) ]
+                    })
+                })
+            })
+        }) ]
+    });
+}
+
+export { VideoController as V };

package/dist/esm/chunks/{WSConnection-B1_GePm4.mjs → WSConnection-DoZ0xJZ6.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/esm/chunks/{WebRTCConnection-DFZPhyph.mjs → WebRTCConnection-_zBzV614.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 class WebRTCConnection {
     /**

package/dist/esm/chunks/{_types-CI0sR4EH.mjs → _types-BO3tclBe.mjs}

@@ -41,7 +41,11 @@ const SliceIcons = {
         speaker: "speaker",
         speakerMuted: "speaker muted",
         speakerHigh: "speaker high",
-        speakerLow: "speaker low"
+        speakerLow: "speaker low",
+        play: "play",
+        playCircle: "play circle",
+        pause: "pause",
+        pauseCircle: "pause circle"
     },
     files: {
         document: "document",
@@ -82,7 +86,8 @@ const SliceIcons = {
         googleMono: "google mono",
         linkedin: "linkedin",
         github: "github",
-        npm: "npm"
+        npm: "npm",
+        openAI: "openAI"
     },
     edit: {
         edit: "edit",
@@ -126,7 +131,8 @@ const SliceIcons = {
         sidebar: "sidebar",
         sidebarSplit: "sidebar split",
         keyboard: "keyboard",
-        x: "x"
+        x: "x",
+        fullscreen: "fullscreen"
     }
 };
 

package/dist/esm/chunks/{localDBStore-C-lYeGJl.mjs → localDBStore-D7_9yym7.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter, _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter, _ as __rest } from "./tslib.es6-snMG2wnR.mjs";
 
 import { useMemo } from "react";
 
@@ -6,7 +6,7 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-Ckz-KqBO.mjs";
+import { I as IndexedDB } from "./IndexedDB-FKrpsWT5.mjs";
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));

package/dist/esm/chunks/{microphoneStore-zHPtnRfW.mjs → microphoneStore-BGWQI4OG.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 import { useEffect } from "react";
 

package/dist/esm/chunks/{misc-DjqDmrJE.mjs → misc-BCwU6qLj.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/esm/chunks/{sseStore-ZGbbKbVB.mjs → sseStore-DWnaYuNg.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-8-nvCYY0.mjs";
+import "./tslib.es6-snMG2wnR.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-Bxy3gcK3.mjs";
+import { S as SSEConnection } from "./SSEConnection-dWPQXa3J.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-kw6UOEx5.mjs → uploads-worker-5NJ0rSVJ.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 

package/dist/esm/chunks/{uploadsStore-BfyNmYWk.mjs → uploadsStore-ygVc1ghD.mjs}

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 
-import { W as WorkerStatus } from "./uploads-worker-kw6UOEx5.mjs";
+import { W as WorkerStatus } from "./uploads-worker-5NJ0rSVJ.mjs";
 
 let uploadsWorker = null;
 

package/dist/esm/chunks/videoStore-CZfHgy1p.mjs

@@ -0,0 +1,19 @@
+import { create } from "zustand";
+
+const useVideoStore = create((set, get) => ({
+    video: null,
+    actions: {
+        show: video => {
+            get().video !== video && set({
+                video: video
+            });
+        },
+        clear: () => {
+            set({
+                video: null
+            });
+        }
+    }
+})), useVideo = () => useVideoStore(state => state.video), useVideoActions = () => useVideoStore(state => state.actions), videoActions = useVideoStore.getState().actions, getVideo = () => useVideoStore.getState().video;
+
+export { useVideoActions as a, useVideoStore as b, getVideo as g, useVideo as u, videoActions as v };

package/dist/esm/chunks/{volumeStore-D_5Xqf_0.mjs → volumeStore-C-Iat9Bn.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 import { create } from "zustand";
 

package/dist/esm/chunks/{webRTCStore-Cy7Mo7hB.mjs → webRTCStore-CWIDJL7j.mjs}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 import { create } from "zustand";
 
-import { W as WebRTCConnection } from "./WebRTCConnection-DFZPhyph.mjs";
+import { W as WebRTCConnection } from "./WebRTCConnection-_zBzV614.mjs";
 
 const useWebRTCStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{windowStore-CXggRA80.mjs → windowStore-D-1yvjRs.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-8-nvCYY0.mjs";
+import { a as __awaiter } from "./tslib.es6-snMG2wnR.mjs";
 
 import { create } from "zustand";
 

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

@@ -1,6 +1,6 @@
-export { A as AudioBubble } from "../../chunks/AudioBubble-DbIkKNSG.mjs";
+export { A as AudioBubble } from "../../chunks/AudioBubble-iizzoWYu.mjs";
 
-import "../../chunks/tslib.es6-8-nvCYY0.mjs";
+import "../../chunks/tslib.es6-snMG2wnR.mjs";
 
 import "react/jsx-runtime";
 
@@ -24,12 +24,18 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/colors-znQ0X8Pf.mjs";
+import "../../chunks/colors-BlWPMqVw.mjs";
 
-import "../../chunks/audioVisualizer-DKVVhtrd.mjs";
+import "../../chunks/audioVisualizer-CEutpKkb.mjs";
 
-import "../../chunks/microphoneStore-zHPtnRfW.mjs";
+import "../../chunks/webRTCStore-CWIDJL7j.mjs";
 
 import "zustand";
 
+import "../../chunks/WebRTCConnection-_zBzV614.mjs";
+
+import "../../chunks/microphoneStore-BGWQI4OG.mjs";
+
+import "../../chunks/volumeStore-C-Iat9Bn.mjs";
+
 import "../../hooks/useWindow.mjs";

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

@@ -1,9 +1,9 @@
-export { A as Avatar } from "../../chunks/Avatar-BdEM1ozC.mjs";
+export { A as Avatar } from "../../chunks/Avatar-DubrdG84.mjs";
 
-import "../../chunks/tslib.es6-8-nvCYY0.mjs";
+import "../../chunks/tslib.es6-snMG2wnR.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-DjqDmrJE.mjs";
+import "../../chunks/misc-BCwU6qLj.mjs";

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

@@ -1,11 +1,11 @@
-export { A as AvatarGroup } from "../../chunks/AvatarGroup-BTYNzBuA.mjs";
+export { A as AvatarGroup } from "../../chunks/AvatarGroup-BgRuyywS.mjs";
 
-import "../../chunks/tslib.es6-8-nvCYY0.mjs";
+import "../../chunks/tslib.es6-snMG2wnR.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/Avatar-BdEM1ozC.mjs";
+import "../../chunks/Avatar-DubrdG84.mjs";
 
-import "../../chunks/misc-DjqDmrJE.mjs";
+import "../../chunks/misc-BCwU6qLj.mjs";

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

@@ -1,6 +1,6 @@
-export { B as Badge } from "../../chunks/Badge-BpiR8FTR.mjs";
+export { B as Badge } from "../../chunks/Badge-DuAuiCDh.mjs";
 
-import "../../chunks/tslib.es6-8-nvCYY0.mjs";
+import "../../chunks/tslib.es6-snMG2wnR.mjs";
 
 import "react/jsx-runtime";