@apple-pie/slice 0.1.52 → 0.1.54

package/dist/cjs/chunks/{UploadArea-Bm674kMd.js → UploadArea-O7qgIT09.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Icon = require("./Icon-CUbgmUeu.js"), ProgressIndicator = require("./ProgressIndicator-Bi1UfJIW.js"), FileList = require("./FileList-C3KR7jHj.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-BPL5e5rQ.js"), Icon = require("./Icon-CsNB8HJ4.js"), ProgressIndicator = require("./ProgressIndicator-CctdHXiJ.js"), FileList = require("./FileList-Be7Sn-bF.js"), css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
     icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
     title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",
@@ -24,7 +24,7 @@ var FileTypes;
 }(FileTypes || (FileTypes = {}));
 
 const UploadAreaBase = React.forwardRef((props, ref) => {
-    const {icon: icon = "upload", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", title: title = "Upload Files", width: width = "100%", height: height = "auto", message: message = "Drag and drop files here or click to upload", busyMessage: busyMessage = "Uploading in progress", iconSize: iconSize = 24, textSize: textSize = "m", borderWidth: borderWidth, border: border = 1, borderStyle: borderStyle = "dashed", borderColor: borderColor = "var(--core-outline-primary)", borderColorHover: borderColorHover = "var(--core-outline-special)", borderRadius: borderRadius, radius: radius = 8, padding: padding = 32, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-surface-special)", acceptedTypes: acceptedTypes = allTypes, multiple: multiple = !0, busy: busy = !1, canRemove: canRemove = !0, showProgress: showProgress = !0, files: files = [], onUpload: onUpload} = props, [hovered, setHovered] = React.useState(!1), inputRef = React.useRef(null), dragDepth = React.useRef(0), inputId = React.useId(), titleId = React.useId(), messageId = React.useId(), isInteractive = !busy && files.length < 1, resolvedBorderWidth = null != borderWidth ? borderWidth : border, resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, handleClickUpload = React.useCallback(() => {
+    const {icon: icon = "upload", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", title: title = "Upload Files", width: width = "100%", height: height = "auto", message: message = "Drag and drop files here or click to upload", busyMessage: busyMessage = "Uploading in progress", iconSize: iconSize = 24, textSize: textSize = "m", borderWidth: borderWidth, border: border = 1, borderStyle: borderStyle = "dashed", borderColor: borderColor = "var(--core-outline-primary)", borderColorHover: borderColorHover = "var(--core-outline-special)", borderRadius: borderRadius, radius: radius = theme_corners.corners["corner-m"], padding: padding = 32, backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-surface-special)", acceptedTypes: acceptedTypes = allTypes, multiple: multiple = !0, busy: busy = !1, canRemove: canRemove = !0, showProgress: showProgress = !0, files: files = [], onUpload: onUpload} = props, [hovered, setHovered] = React.useState(!1), inputRef = React.useRef(null), dragDepth = React.useRef(0), inputId = React.useId(), titleId = React.useId(), messageId = React.useId(), isInteractive = !busy && files.length < 1, resolvedBorderWidth = null != borderWidth ? borderWidth : border, resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, handleClickUpload = React.useCallback(() => {
         var _a;
         isInteractive && (null == inputRef ? void 0 : inputRef.current) && (inputRef.current.value = "", 
         null === (_a = inputRef.current) || void 0 === _a || _a.click());
@@ -39,10 +39,10 @@ const UploadAreaBase = React.forwardRef((props, ref) => {
         e.preventDefault(), busy || (dragDepth.current = Math.max(0, dragDepth.current - 1), 
         0 === dragDepth.current && setHovered(!1));
     }, [ busy ]), handleDrop = React.useCallback(e => {
-        var _a;
+        var _a, _b;
         if (e.preventDefault(), busy) return;
         dragDepth.current = 0, setHovered(!1);
-        const files = Array.from(null !== (_a = e.dataTransfer.files) && void 0 !== _a ? _a : []);
+        const files = Array.from(null !== (_b = null === (_a = e.dataTransfer) || void 0 === _a ? void 0 : _a.files) && void 0 !== _b ? _b : []);
         null == onUpload || onUpload(files);
     }, [ busy, onUpload ]), iconStrokeColor = React.useMemo(() => hovered ? iconColorHover : iconColor, [ hovered, iconColor, iconColorHover ]), cssVars = React.useMemo(() => ({
         "--ua-border": `${resolvedBorderWidth}px`,
@@ -98,7 +98,7 @@ const UploadAreaBase = React.forwardRef((props, ref) => {
             className: css.files,
             children: jsxRuntime.jsx(FileList.FileList, {
                 files: files,
-                bgColor: "var(--core-surface-primary)",
+                backgroundColor: "var(--core-surface-primary)",
                 textSize: "m",
                 direction: "column",
                 gap: 8,

package/dist/cjs/chunks/{Video-Be2aIETB.js → Video-bDe-_ZqY.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var PlayState, tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), IconButton = require("./IconButton-BbgyyMjG.js"), Slider = require("./Slider-CGXCa5hf.js"), ToggleButton = require("./ToggleButton-DclomTgT.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";
+var PlayState, tslib_es6 = require("./tslib.es6-CG8Jpxry.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BPL5e5rQ.js"), IconButton = require("./IconButton-DlLDM8w2.js"), ProgressIndicator = require("./ProgressIndicator-CctdHXiJ.js"), Slider = require("./Slider-CCqbXz95.js"), ToggleButton = require("./ToggleButton-BXsZ_GRW.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", 
@@ -14,7 +14,7 @@ const BaseVideo = React.forwardRef((props, ref) => {
         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 = tslib_es6.__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 = 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), timer = React.useRef(null), handleLoadProgress = React.useCallback(event => {
+    }, 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;
@@ -36,11 +36,12 @@ const BaseVideo = React.forwardRef((props, ref) => {
         }
     }, [ onProgress, onPlayStateChange ]), handleCanPlayThrough = React.useCallback(() => {
         null == onCanPlayThrough || onCanPlayThrough();
-    }, [ onCanPlayThrough ]), handlePlay = React.useCallback(() => {
-        var _a, _b, _c;
-        (null === (_a = videoRef.current) || void 0 === _a ? void 0 : _a.paused) && videoRef.current.play().then(() => null), 
+    }, [ onCanPlayThrough ]), handleCanPlay = React.useCallback(() => {
+        setCanPlay(!0), null == onCanPlay || onCanPlay();
+    }, [ onCanPlay ]), handlePlay = React.useCallback(() => {
+        var _a, _b;
         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)), 
+        (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(() => {
@@ -81,8 +82,8 @@ const BaseVideo = React.forwardRef((props, ref) => {
         rate < .5 && (nextRate = .5), rate > 3 && (nextRate = 3), videoRef.current.playbackRate = nextRate;
     }, []), handleRestart = React.useCallback(() => {
         videoRef.current && (videoRef.current.pause(), videoRef.current.currentTime = 0, 
-        videoRef.current.play().then(() => null));
-    }, []), handleVolumeChange = React.useCallback((volume = 1) => {
+        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, 
@@ -176,8 +177,8 @@ const BaseVideo = React.forwardRef((props, ref) => {
                             iconFill: !0,
                             buttonSize: "m",
                             iconSize: 18,
-                            bgColor: "rgba(255,255,255,0.05)",
-                            bgColorHover: "rgba(0,0,0,0.7)",
+                            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)
@@ -189,9 +190,9 @@ const BaseVideo = React.forwardRef((props, ref) => {
                             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)",
+                            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()
@@ -214,9 +215,9 @@ const BaseVideo = React.forwardRef((props, ref) => {
                         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)",
+                        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)",
@@ -232,9 +233,9 @@ const BaseVideo = React.forwardRef((props, ref) => {
                             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)",
+                            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)",
@@ -253,9 +254,9 @@ const BaseVideo = React.forwardRef((props, ref) => {
                             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)",
+                            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)",
@@ -274,6 +275,7 @@ const BaseVideo = React.forwardRef((props, ref) => {
             controls: "default" === controls,
             poster: poster,
             onCanPlayThrough: handleCanPlayThrough,
+            onCanPlay: handleCanPlay,
             onPlay: handlePlay,
             onPause: handlePause,
             onEnded: handleEnd,
@@ -286,6 +288,8 @@ const BaseVideo = React.forwardRef((props, ref) => {
                 kind: "captions",
                 src: captionsSrc
             })
+        }), !canPlay && showProgressIndicator && jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, {
+            show: !0
         }) ]
     }));
 });

package/dist/cjs/chunks/{VideoController-BCTD_gZh.js → VideoController-CpDn6I-1.js}

@@ -1,11 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
+var tslib_es6 = require("./tslib.es6-CG8Jpxry.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
 
-require("./microphoneStore-Ch3VVm4T.js"), require("./volumeStore-CA9Pdx5e.js");
+require("./microphoneStore-Dn91izLl.js"), require("./volumeStore-DsHPJx-8.js"), 
+require("./webRTCStore-w3zT4ZiO.js");
 
-var misc = require("./misc-BNlFh_4N.js"), IconButton = require("./IconButton-BbgyyMjG.js"), Overlay = require("./Overlay-QprT1IaK.js"), videoStore = require("./videoStore-q-yi22M3.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";
+var theme_corners = require("../theme/corners.js"), misc = require("./misc-BPL5e5rQ.js"), IconButton = require("./IconButton-DlLDM8w2.js"), Overlay = require("./Overlay-BS3eyLZz.js"), videoStore = require("./videoStore-DIXd-mmm.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",
@@ -25,7 +26,7 @@ const defaultTransition = {
 
 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 = 64, borderRadius: borderRadius = 8, quit: quit = "inline", 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);
+    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 = 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 ]);
@@ -34,7 +35,7 @@ exports.VideoController = function(props) {
     }, cssVars = React.useMemo(() => ({
         "--overlay-padding": misc.setStyle(padding, 64),
         "--video-visibility": ready ? "visible" : "hidden",
-        "--video-border-radius": misc.setStyle(borderRadius, 8)
+        "--video-border-radius": misc.setStyle(borderRadius, theme_corners.corners["corner-m"])
     }), [ padding, ready, borderRadius ]);
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx(Overlay.Overlay, {
@@ -67,6 +68,7 @@ exports.VideoController = function(props) {
                         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();
@@ -80,8 +82,8 @@ exports.VideoController = function(props) {
                             icon: "x",
                             buttonSize: "l",
                             onClick: handleHide,
-                            bgColor: "rgba(255,255,255,0.05)",
-                            bgColorHover: "rgba(255,255,255,0.25)",
+                            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/{WSConnection-pryKJWc6.js → WSConnection-DSXroJhQ.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CTGrDO27.js");
+var tslib_es6 = require("./tslib.es6-CG8Jpxry.js");
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/cjs/chunks/{WebRTCConnection-C_GRUnIY.js → WebRTCConnection-hyxJJPiJ.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CTGrDO27.js");
+var tslib_es6 = require("./tslib.es6-CG8Jpxry.js");
 
 exports.WebRTCConnection = class {
     /**

package/dist/cjs/chunks/{browserChannelsStore-6ZSY_xb-.js → browserChannelsStore-CmnVwY1c.js}

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-CTGrDO27.js");
+require("./tslib.es6-CG8Jpxry.js");
 
-var broadcastChannel = require("./broadcastChannel-B0l8OE4I.js");
+var broadcastChannel = require("./broadcastChannel-CtwRunj4.js");
 
 const useBrowserChannelsStore = zustand.create((set, get) => ({
     channels: null,

package/dist/cjs/chunks/{localDBStore-DO3FanPt.js → localDBStore-DmIQbLFy.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-DFVmvrQg.js");
+var tslib_es6 = require("./tslib.es6-CG8Jpxry.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-Cj_Oxilj.js");
 
 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));
@@ -120,7 +120,7 @@ function replaceConnection(connection) {
 
 /**
  * Update connection with an error state
- */ require("./broadcastChannel-B0l8OE4I.js");
+ */ require("./broadcastChannel-CtwRunj4.js");
 
 const useLocalDBStore = zustand.create((set, get) => ({
     stores: [],