@apple-pie/slice 0.1.60 → 0.2.0

package/dist/cjs/chunks/Video-CK1Ui0jI.js

@@ -1,301 +0,0 @@
-'use client';
-"use strict";
-
-var PlayState, tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-B3tF47Um.js"), IconButton = require("./IconButton-C8l4gN5C.js"), ProgressIndicator = require("./ProgressIndicator-BK0eIP3-.js"), Slider = require("./Slider-CekvQKaG.js"), ToggleButton = require("./ToggleButton-I3AxfCqI.js"), 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
-    }, showProgressIndicator: showProgressIndicator = !0, onPlay: onPlay, onPause: onPause, onEnd: onEnd, onProgress: onProgress, onLoadProgress: onLoadProgress, onPlaybackRateChange: onPlaybackRateChange, onCanPlayThrough: onCanPlayThrough, onCanPlay: onCanPlay, onPlayStateChange: onPlayStateChange, onLoadMetaData: onLoadMetaData, onFullScreenChange: onFullScreenChange, onVolumeChange: onVolumeChange, onLoadedFrameData: onLoadedFrameData, onQuit: onQuit} = props, divAttributes = tslib_es6.__rest(props, [ "children", "src", "playing", "loop", "muted", "playsInline", "controls", "volume", "poster", "captionsSrc", "playRate", "width", "height", "borderRadius", "borderSize", "borderColor", "backgroundColor", "objectFit", "customControls", "showProgressIndicator", "onPlay", "onPause", "onEnd", "onProgress", "onLoadProgress", "onPlaybackRateChange", "onCanPlayThrough", "onCanPlay", "onPlayStateChange", "onLoadMetaData", "onFullScreenChange", "onVolumeChange", "onLoadedFrameData", "onQuit" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", videoRef = React.useRef(null), containerRef = React.useRef(null), progress = React.useRef(null), wasPlaying = React.useRef(null != playing && playing), playState = React.useRef(PlayState.Stopped), [isPlaying, setIsPlaying] = React.useState(null != playing && playing), [isMuted, setIsMuted] = React.useState(null != muted && muted), [currentVolume, setCurrentVolume] = React.useState(null != volume ? volume : 1), [currentProgress, setCurrentProgress] = React.useState(0), [hovered, setHovered] = React.useState(!1), [canPlay, setCanPlay] = React.useState(!1), timer = React.useRef(null), handleLoadProgress = React.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 = React.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 = React.useCallback(() => {
-        null == onCanPlayThrough || onCanPlayThrough();
-    }, [ onCanPlayThrough ]), handleCanPlay = React.useCallback(() => {
-        setCanPlay(!0), null == onCanPlay || onCanPlay();
-    }, [ onCanPlay ]), handlePlay = React.useCallback(() => {
-        var _a, _b;
-        null == onPlay || onPlay(), setIsPlaying(!0);
-        (null === (_a = videoRef.current) || void 0 === _a ? void 0 : _a.currentTime) === (null === (_b = videoRef.current) || void 0 === _b ? void 0 : _b.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 = React.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 = React.useCallback(() => {
-        null == onEnd || onEnd();
-    }, [ onEnd ]), handleLoadMetadata = React.useCallback(event => {
-        const target = event.target;
-        null == onLoadMetaData || onLoadMetaData(target.duration);
-    }, [ onLoadMetaData ]), handlePlaybackRate = React.useCallback(event => {
-        const playbackRate = event.target.playbackRate;
-        null == onPlaybackRateChange || onPlaybackRateChange(playbackRate);
-    }, [ onPlaybackRateChange ]), handlePlayClick = React.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 = React.useCallback(() => {
-        setHovered(!0), timer.current && clearTimeout(timer.current), timer.current = setTimeout(() => {
-            setHovered(!1);
-        }, 2e3);
-    }, []), handleMouseOut = React.useCallback(() => {
-        timer.current && clearTimeout(timer.current), setHovered(!1);
-    }, []), handleFullScreen = React.useCallback((state = !0) => {
-        const video = videoRef.current;
-        video && (state ? video.requestFullscreen().catch(() => null) : document.fullscreenElement === video && document.exitFullscreen().catch(() => null));
-    }, []), handleMute = React.useCallback(state => {
-        if (!videoRef.current) return;
-        let nextMuted = !videoRef.current.muted;
-        void 0 !== state && (nextMuted = state), videoRef.current.muted = nextMuted, setIsMuted(nextMuted);
-    }, []), handleRateChange = React.useCallback((rate = 1) => {
-        if (!videoRef.current) return;
-        let nextRate = rate;
-        rate < .5 && (nextRate = .5), rate > 3 && (nextRate = 3), videoRef.current.playbackRate = nextRate;
-    }, []), handleRestart = React.useCallback(() => {
-        videoRef.current && (videoRef.current.pause(), videoRef.current.currentTime = 0, 
-        handlePlayClick(!0));
-    }, [ handlePlayClick ]), handleVolumeChange = React.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 = React.useCallback(progress => {
-        videoRef.current && (wasPlaying.current || (wasPlaying.current = !videoRef.current.paused), 
-        videoRef.current.pause(), videoRef.current.currentTime = progress * videoRef.current.duration);
-    }, []), handleSeekEnd = React.useCallback(() => {
-        wasPlaying.current && (handlePlayClick(!0), wasPlaying.current = !1);
-    }, [ handlePlayClick ]), handleFullScreenChange = React.useCallback(() => {
-        const isFullscreen = document.fullscreenElement === videoRef.current;
-        null == onFullScreenChange || onFullScreenChange(isFullscreen);
-    }, [ onFullScreenChange ]), handleLoadedFrame = React.useCallback(() => {
-        null == onLoadedFrameData || onLoadedFrameData();
-    }, [ onLoadedFrameData ]);
-    React.useImperativeHandle(ref, () => ({
-        play: () => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
-            handlePlayClick(!0);
-        }),
-        stop: () => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
-            handlePlayClick(!1);
-        }),
-        restart: () => tslib_es6.__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 = React.useMemo(() => "default" !== controls && "none" !== controls, [ controls ]), cssVars = React.useMemo(() => ({
-        "--video-width": misc.setStyle(width, "unset"),
-        "--video-height": misc.setStyle(height, "unset"),
-        "--video-border-radius": misc.setStyle(borderRadius, theme_corners.corners["corner-none"]),
-        "--video-border-size": misc.setStyle(borderSize, 0),
-        "--video-border-color": misc.setStyle(borderColor, "transparent"),
-        "--video-bg-color": misc.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 ? "var(--spacing-s)" : "var(--spacing-m)"
-    }), [ width, height, borderRadius, borderSize, borderColor, backgroundColor, objectFit, hovered, customControls.quit ]), speakerIcon = React.useMemo(() => isMuted || 0 === currentVolume ? "speaker muted" : "speaker", [ isMuted, currentVolume ]);
-    return React.useEffect(() => handleRateChange(playRate), [ playRate, handleRateChange ]), 
-    React.useEffect(() => {
-        void 0 !== playing && handlePlayClick(playing);
-    }, [ playing, handlePlayClick ]), React.useEffect(() => handleMute(muted), [ muted, handleMute ]), 
-    React.useEffect(() => handleVolumeChange(volume), [ volume, handleVolumeChange ]), 
-    React.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 ]), jsxRuntime.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 && jsxRuntime.jsxs("div", {
-            className: css_controls,
-            children: [ !children && "simple" === controls && jsxRuntime.jsxs("div", {
-                className: css_controls,
-                children: [ jsxRuntime.jsxs("div", {
-                    className: css_controlsHeader,
-                    children: [ customControls.fullscreen && jsxRuntime.jsx("div", {
-                        className: css_left,
-                        children: jsxRuntime.jsx(IconButton.IconButton, {
-                            icon: "fullscreen",
-                            iconFill: !0,
-                            buttonSize: "m",
-                            iconSize: 18,
-                            backgroundColor: "rgba(255,255,255,0.05)",
-                            backgroundColorHover: "rgba(0,0,0,0.7)",
-                            iconColor: "var(--core-text-light)",
-                            iconColorHover: "var(--core-text-light)",
-                            onClick: () => handleFullScreen(!0)
-                        })
-                    }), customControls.volume && jsxRuntime.jsxs("div", {
-                        className: css_right,
-                        children: [ jsxRuntime.jsx(IconButton.IconButton, {
-                            icon: speakerIcon,
-                            iconFill: !0,
-                            buttonSize: "m",
-                            iconSize: 20,
-                            backgroundColor: "rgba(255,255,255,0.05)",
-                            backgroundColorHover: "rgba(0,0,0,0.7)",
-                            backgroundColorOn: "rgba(0,0,0,0.5)",
-                            iconColor: "var(--core-text-light)",
-                            iconColorHover: "var(--core-text-light)",
-                            onClick: () => handleMute()
-                        }), jsxRuntime.jsx(Slider.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)
-                        }) ]
-                    }) ]
-                }), jsxRuntime.jsx("div", {
-                    className: css_controlsBody,
-                    children: customControls.play && jsxRuntime.jsx(ToggleButton.ToggleButton, {
-                        selected: isPlaying,
-                        icon: "play",
-                        iconOn: "pause",
-                        iconSize: 48,
-                        buttonSize: "xl",
-                        backgroundColor: "rgba(0,0,0,0.5)",
-                        backgroundColorHover: "rgba(0,0,0,0.7)",
-                        backgroundColorOn: "rgba(0,0,0,0.5)",
-                        iconColor: "var(--core-text-light)",
-                        iconColorOn: "var(--core-text-light)",
-                        iconColorHover: "var(--core-text-light)",
-                        onChange: () => handlePlayClick()
-                    })
-                }), jsxRuntime.jsx("div", {
-                    className: css_controlsFooter,
-                    children: customControls.progress && jsxRuntime.jsxs("div", {
-                        className: css_progress,
-                        children: [ jsxRuntime.jsx(ToggleButton.ToggleButton, {
-                            selected: isPlaying,
-                            icon: "play",
-                            iconOn: "pause",
-                            buttonSize: "m",
-                            iconSize: 28,
-                            backgroundColor: "rgba(255,255,255,0.05)",
-                            backgroundColorHover: "rgba(0,0,0,0.7)",
-                            backgroundColorOn: "rgba(255,255,255,0.05)",
-                            iconColor: "var(--core-text-light)",
-                            iconColorHover: "var(--core-text-light)",
-                            iconColorOn: "var(--core-text-light)",
-                            onChange: () => handlePlayClick()
-                        }), jsxRuntime.jsx(Slider.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 && jsxRuntime.jsx(IconButton.IconButton, {
-                            toggle: !1,
-                            icon: "x",
-                            buttonSize: "m",
-                            backgroundColor: "rgba(255,255,255,0.05)",
-                            backgroundColorHover: "rgba(0,0,0,0.7)",
-                            backgroundColorOn: "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 ]
-        }), jsxRuntime.jsx("video", {
-            ref: videoRef,
-            src: src,
-            autoPlay: !1,
-            playsInline: playsInline,
-            loop: loop,
-            muted: isMuted,
-            controls: "default" === controls,
-            poster: poster,
-            onCanPlayThrough: handleCanPlayThrough,
-            onCanPlay: handleCanPlay,
-            onPlay: handlePlay,
-            onPause: handlePause,
-            onEnded: handleEnd,
-            onProgress: handleLoadProgress,
-            onTimeUpdate: handlePlayProgress,
-            onRateChange: handlePlaybackRate,
-            onLoadedMetadata: handleLoadMetadata,
-            className: css_video,
-            children: jsxRuntime.jsx("track", {
-                kind: "captions",
-                src: captionsSrc
-            })
-        }), !canPlay && showProgressIndicator && jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, {
-            show: !0
-        }) ]
-    }));
-});
-
-BaseVideo.displayName = "Video";
-
-const Video = React.memo(BaseVideo);
-
-exports.Video = Video;

package/dist/cjs/chunks/VideoController-Z2VgDcSG.js

@@ -1,95 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
-
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("./webRTCStore-B8IKsBKT.js");
-
-var theme_corners = require("../theme/corners.js"), misc = require("./misc-B3tF47Um.js"), IconButton = require("./IconButton-C8l4gN5C.js"), Overlay = require("./Overlay-CFoktASG.js"), videoStore = require("./videoStore-CR0cDt-h.js"), 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
-    }
-};
-
-exports.VideoController = function(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 = "var(--spacing-xxl)", borderRadius: borderRadius = theme_corners.corners["corner-m"], quit: quit = "inline", showProgressIndicator: showProgressIndicator = !0, onQuit: onQuit} = props, controls = react.useDragControls(), video = videoStore.useVideo(), hide = videoStore.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 = tslib_es6.__rest(_b, [ "onLoadedFrameData", "borderRadius" ]), ref = React.useRef(null), constraints = null != dragConstraintsRef ? dragConstraintsRef : ref, [ready, setReady] = React.useState(!1);
-    React.useEffect(() => {
-        (null == video ? void 0 : video.id) && setReady(!1);
-    }, [ null == video ? void 0 : video.id ]);
-    const handleHide = () => {
-        setReady(!1), hide(), null == onQuit || onQuit();
-    }, cssVars = React.useMemo(() => ({
-        "--overlay-padding": misc.setStyle(padding, "var(--spacing-xxl)"),
-        "--video-visibility": ready ? "visible" : "hidden",
-        "--video-border-radius": misc.setStyle(borderRadius, theme_corners.corners["corner-m"])
-    }), [ padding, ready, borderRadius ]);
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [ jsxRuntime.jsx(Overlay.Overlay, {
-            show: !!video,
-            type: "dark",
-            opacity: overlayOpacity,
-            color: overlayColor,
-            onClick: handleHide
-        }), jsxRuntime.jsx(react.AnimatePresence, {
-            initial: !1,
-            children: video && VideoComponent && jsxRuntime.jsx("div", {
-                className: css_container,
-                ref: ref,
-                style: cssVars,
-                children: jsxRuntime.jsx("div", {
-                    className: css_box,
-                    children: jsxRuntime.jsxs(react.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: [ jsxRuntime.jsx("div", {
-                            className: css_video,
-                            children: jsxRuntime.jsx(VideoComponent, Object.assign({}, videoProps, {
-                                showProgressIndicator: showProgressIndicator,
-                                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 && jsxRuntime.jsx(IconButton.IconButton, {
-                            icon: "x",
-                            buttonSize: "l",
-                            onClick: handleHide,
-                            backgroundColor: "rgba(255,255,255,0.05)",
-                            backgroundColorHover: "rgba(255,255,255,0.25)",
-                            iconColor: "var(--core-text-light)",
-                            iconColorHover: "var(--core-text-light)"
-                        }) ]
-                    })
-                })
-            })
-        }) ]
-    });
-};

package/dist/cjs/chunks/_types-Bvz68-MM.js

@@ -1,141 +0,0 @@
-"use strict";
-
-exports.SliceIcons = {
-    arrows: {
-        arrowLeft: "arrow left",
-        arrowRight: "arrow right",
-        arrowUp: "arrow up",
-        arrowDown: "arrow down",
-        chevronDown: "chevron down",
-        chevronUp: "chevron up",
-        navigateRight: "navigate right",
-        navigateLeft: "navigate left",
-        share: "share"
-    },
-    selection: {
-        check: "check",
-        checkCircle: "check circle",
-        checkbox: "checkbox",
-        checkboxChecked: "checkbox checked",
-        checkboxPartial: "checkbox partial",
-        circle: "circle",
-        circleFill: "circle fill",
-        plus: "plus",
-        plusCircle: "plus circle"
-    },
-    Messaging: {
-        chat: "chat",
-        mail: "mail",
-        notification: "notification",
-        inbox: "inbox",
-        like: "like",
-        unlike: "unlike",
-        at: "@"
-    },
-    media: {
-        camera: "camera",
-        focus: "focus",
-        mic: "mic",
-        micMuted: "mic muted",
-        video: "video",
-        videoOff: "video off",
-        download: "download",
-        upload: "upload",
-        speaker: "speaker",
-        speakerMuted: "speaker muted",
-        speakerHigh: "speaker high",
-        speakerLow: "speaker low",
-        play: "play",
-        playCircle: "play circle",
-        pause: "pause",
-        pauseCircle: "pause circle"
-    },
-    files: {
-        document: "document",
-        documentEditor: "document editor",
-        textDocument: "text document"
-    },
-    people: {
-        people: "people",
-        person: "person",
-        talk: "talk"
-    },
-    business: {
-        briefcase: "briefcase",
-        dollar: "dollar",
-        invoice: "invoice",
-        payment: "payment",
-        wallet: "wallet",
-        laptop: "laptop"
-    },
-    charts: {
-        barChart: "bar chart",
-        chart: "chart",
-        chartArrow: "chart arrow"
-    },
-    status: {
-        alert: "alert",
-        exclamation: "exclamation",
-        help: "help",
-        info: "info",
-        issue: "issue",
-        lightBulb: "light bulb",
-        target: "target",
-        openCircle: "open circle"
-    },
-    brands: {
-        apple: "apple",
-        google: "google",
-        googleMono: "google mono",
-        linkedin: "linkedin",
-        github: "github",
-        npm: "npm",
-        openAI: "openAI",
-        android: "android"
-    },
-    edit: {
-        edit: "edit",
-        trashBin: "trash bin",
-        copy: "copy",
-        filter: "filter",
-        highlight: "highlight",
-        undo: "undo",
-        concise: "concise",
-        expanded: "expanded",
-        moderate: "moderate",
-        recent: "recent"
-    },
-    typography: {
-        fontLarger: "font larger",
-        fontSmaller: "font smaller",
-        characterBeam: "character beam"
-    },
-    weather: {
-        sun: "sun",
-        moonFull: "moon full"
-    },
-    ai: {
-        sparkle: "sparkle",
-        wand: "wand"
-    },
-    ui: {
-        attach: "attach",
-        blank: "blank",
-        book: "book",
-        globeLocation: "globe location",
-        heart: "heart",
-        stop: "stop",
-        search: "search",
-        settings: "settings",
-        view: "view",
-        refresh: "refresh",
-        home: "home",
-        menu: "menu",
-        more: "more",
-        sidebar: "sidebar",
-        sidebarSplit: "sidebar split",
-        keyboard: "keyboard",
-        x: "x",
-        fullscreen: "fullscreen"
-    }
-};

package/dist/cjs/chunks/audioVisualizer-cC1Q8TJs.js

@@ -1,60 +0,0 @@
-"use strict";
-
-exports.AudioVisualizer = class {
-    constructor(source, options = {}) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.analyser = null, this.animationFrameId = null, this.audioContext = null, this.currentIntensity = 0, 
-        this.lastFrameTime = 0, this.sourceNode = null, this.timeDomainData = null, this.onFrame = now => {
-            var _a;
-            if (!this.analyser || !this.timeDomainData) return;
-            this.analyser.getByteTimeDomainData(this.timeDomainData);
-            let sum = 0;
-            for (const sample of this.timeDomainData) {
-                const normalized = (sample - 128) / 128;
-                sum += normalized * normalized;
-            }
-            const rms = Math.sqrt(sum / this.timeDomainData.length), targetIntensity = (value = rms * this.intensityMultiplier / this.peakIntensity, 
-            min = 0, max = 1, Math.min(Math.max(value, min), max));
-            var value, min, max;
-            const deltaSeconds = Math.max((now - this.lastFrameTime) / 1e3, 0), stepPerSecond = targetIntensity > this.currentIntensity ? this.risePerSecond : this.releasePerSecond;
-            var current, target, maxDelta;
-            this.currentIntensity = (current = this.currentIntensity, maxDelta = stepPerSecond * deltaSeconds, 
-            (target = targetIntensity) > current ? Math.min(current + maxDelta, target) : Math.max(current - maxDelta, target)), 
-            this.lastFrameTime = now, null === (_a = this.onUpdate) || void 0 === _a || _a.call(this, {
-                intensity: this.currentIntensity,
-                scale: this.getScale()
-            }), this.animationFrameId = requestAnimationFrame(this.onFrame);
-        }, this.source = source, this.fftSize = null !== (_a = options.fftSize) && void 0 !== _a ? _a : 512, 
-        this.intensityMultiplier = null !== (_b = options.intensityMultiplier) && void 0 !== _b ? _b : 2.2, 
-        this.maxScale = null !== (_c = options.maxScale) && void 0 !== _c ? _c : 2, this.minScale = null !== (_d = options.minScale) && void 0 !== _d ? _d : 1, 
-        this.onUpdate = options.onUpdate, this.peakIntensity = null !== (_e = options.peakIntensity) && void 0 !== _e ? _e : .2, 
-        this.releasePerSecond = null !== (_f = options.releasePerSecond) && void 0 !== _f ? _f : 1.5, 
-        this.risePerSecond = null !== (_g = options.risePerSecond) && void 0 !== _g ? _g : 4;
-    }
-    start() {
-        if ("undefined" == typeof window || "undefined" == typeof AudioContext) throw new Error("AudioVisualizer requires a browser AudioContext");
-        var source;
-        null === this.animationFrameId && (this.audioContext || (this.audioContext = new AudioContext, 
-        this.analyser = this.audioContext.createAnalyser(), this.analyser.fftSize = this.fftSize, 
-        this.sourceNode = this.audioContext.createMediaStreamSource((source = this.source) instanceof MediaStream ? source : new MediaStream([ source ])), 
-        this.sourceNode.connect(this.analyser), this.timeDomainData = new Uint8Array(new ArrayBuffer(this.analyser.fftSize))), 
-        this.audioContext.resume(), this.lastFrameTime = performance.now(), this.animationFrameId = requestAnimationFrame(this.onFrame));
-    }
-    stop() {
-        null !== this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), 
-        this.animationFrameId = null);
-    }
-    dispose() {
-        var _a, _b, _c;
-        this.stop(), null === (_a = this.sourceNode) || void 0 === _a || _a.disconnect(), 
-        null === (_b = this.analyser) || void 0 === _b || _b.disconnect(), null === (_c = this.audioContext) || void 0 === _c || _c.close(), 
-        this.sourceNode = null, this.analyser = null, this.audioContext = null, this.timeDomainData = null, 
-        this.currentIntensity = 0, this.lastFrameTime = 0;
-    }
-    getIntensity() {
-        return this.currentIntensity;
-    }
-    getScale() {
-        return this.minScale + this.currentIntensity * (this.maxScale - this.minScale);
-    }
-};

package/dist/cjs/chunks/colors-BLmUwGPt.js

@@ -1,27 +0,0 @@
-"use strict";
-
-/**
- * Lighten or darken a hex color by mixing it toward white or black.
- */ exports.addOpacity = (color, opacity) => {
-    if (!color) return "";
-    const alpha = Number.isFinite(opacity) ? Math.max(0, Math.min(1, opacity)) : 1, trimmed = color.trim();
-    if (trimmed.startsWith("#")) {
-        const normalized = trimmed.slice(1), fullHex = 3 === normalized.length ? normalized.split("").map(char => `${char}${char}`).join("") : normalized;
-        if (!/^[0-9a-fA-F]{6}$/.test(fullHex)) return color;
-        return `rgba(${Number.parseInt(fullHex.slice(0, 2), 16)}, ${Number.parseInt(fullHex.slice(2, 4), 16)}, ${Number.parseInt(fullHex.slice(4, 6), 16)}, ${alpha})`;
-    }
-    const rgbMatch = trimmed.match(/^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*[\d.]+\s*)?\)$/);
-    if (rgbMatch) {
-        const [, r, g, b] = rgbMatch;
-        return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-    }
-    return color;
-}, exports.tintFromColor = (hex, percent) => {
-    const normalizedHex = hex.trim().replace("#", "");
-    if (!(3 === normalizedHex.length || 6 === normalizedHex.length) || !/^[0-9a-fA-F]+$/.test(normalizedHex)) return hex;
-    const fullHex = 3 === normalizedHex.length ? normalizedHex.split("").map(char => `${char}${char}`).join("") : normalizedHex, ratio = Math.max(-1, Math.min(1, Math.abs(percent) > 1 ? percent / 100 : percent)), mixTo = ratio >= 0 ? 255 : 0, mix = Math.abs(ratio);
-    return `#${[ 0, 2, 4 ].map(start => Number.parseInt(fullHex.slice(start, start + 2), 16)).map(channel => {
-        const next = Math.round(channel + (mixTo - channel) * mix);
-        return Math.max(0, Math.min(255, next));
-    }).map(channel => channel.toString(16).padStart(2, "0")).join("")}`;
-};

package/dist/cjs/chunks/debounce-CiNBCKOh.js

@@ -1,18 +0,0 @@
-"use strict";
-
-/**
- * Delay a function call until activity stops, with cancel and flush helpers.
- */ exports.debounce = function(func, delay) {
-    let timeoutId = null, lastArgs = null;
-    const debounced = function(...args) {
-        lastArgs = args, null !== timeoutId && clearTimeout(timeoutId), timeoutId = setTimeout(() => {
-            func.apply(this, null != lastArgs ? lastArgs : []), timeoutId = null, lastArgs = null;
-        }, delay);
-    };
-    return debounced.cancel = () => {
-        null !== timeoutId && (clearTimeout(timeoutId), timeoutId = null, lastArgs = null);
-    }, debounced.flush = function() {
-        null !== timeoutId && null !== lastArgs && (clearTimeout(timeoutId), func.apply(this, lastArgs), 
-        timeoutId = null, lastArgs = null);
-    }, debounced;
-};

package/dist/cjs/chunks/sharedTypes-CnzGgdys.js

@@ -1,6 +0,0 @@
-"use strict";
-
-var ToolTipType;
-
-exports.ToolTipType = void 0, (ToolTipType = exports.ToolTipType || (exports.ToolTipType = {})).menu = "menu", 
-ToolTipType.button = "button", ToolTipType.general = "general", ToolTipType.other = "other";