@apple-pie/slice 0.1.36 → 0.1.37

package/dist/cjs/chunks/{AudioBubble-BE_f4Hso.js → AudioBubble-Xo5cZPEk.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var colors = require("./colors-DbCrvnqF.js"), audioVisualizer = require("./audioVisualizer-D3ZG5ZP6.js");
+var colors = require("./colors-hrYWfbGJ.js"), audioVisualizer = require("./audioVisualizer-COVl0T6c.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
 var css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";
 

package/dist/cjs/chunks/{Avatar-BiyInyRO.js → Avatar-CXBRq6_n.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
 
 const Avatar = React.memo(props => {
     var _a;

package/dist/cjs/chunks/{AvatarGroup-DRL0lWmX.js → AvatarGroup-BC67QM2G.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-BiyInyRO.js"), css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-CXBRq6_n.js"), css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
 
 const AvatarGroup = React.memo(props => {
     const {avatars: avatars = [], size: size = 32, borderWidth: borderWidth, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "avatars", "size", "borderWidth", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, cssVars = React.useMemo(() => ({

package/dist/cjs/chunks/{Badge-DMowUBPk.js → Badge-DBNftrlx.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), css_badge = "Badge-module_badge__RsuMz flexBox-module_row__z24tF type-module_body-xs-medium__s3KvF";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), css_badge = "Badge-module_badge__RsuMz flexBox-module_row__z24tF type-module_body-xs-medium__s3KvF";
 
 const Badge = React.memo(props => {
     const {count: count, variant: variant = "dark", hideNull: hideNull = !0} = props, divAttributes = tslib_es6.__rest(props, [ "count", "variant", "hideNull" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", displayCount = React.useMemo(() => void 0 === count ? "0" : "string" == typeof count ? count : count > 99 ? "99+" : count.toString(), [ count ]), cssVars = React.useMemo(() => ({

package/dist/cjs/chunks/{Button-COMAPFWV.js → Button-CFBYcMYb.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DMowUBPk.js"), Dot = require("./Dot-dB91CPB9.js"), Icon = require("./Icon-g039RSWl.js"), ProgressIndicator = require("./ProgressIndicator-BqAJgdQp.js"), sharedTypes = require("./sharedTypes-D5nZ9SDg.js"), css = {
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DBNftrlx.js"), Dot = require("./Dot-Ci0Rzp0t.js"), Icon = require("./Icon-D-RerGRq.js"), ProgressIndicator = require("./ProgressIndicator-D5wkRI9I.js"), sharedTypes = require("./sharedTypes-DbkuoBK5.js"), css = {
     button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
     label: "Button-module_label__UJ3Zt",
     count: "Button-module_count__DFxVB flexBox-module_row__z24tF",

package/dist/cjs/chunks/{ButtonBar-IiuZuTLR.js → ButtonBar-C8XFmA4E.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Icon = require("./Icon-g039RSWl.js"), css_wrapper = "ButtonBar-module_wrapper__FYZ3s flexBox-module_rowStart__4tcxS", css_button = "ButtonBar-module_button__bMR3h flexBox-module_row__z24tF", css_selected = "ButtonBar-module_selected__wKvmi";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Icon = require("./Icon-D-RerGRq.js"), css_wrapper = "ButtonBar-module_wrapper__FYZ3s flexBox-module_rowStart__4tcxS", css_button = "ButtonBar-module_button__bMR3h flexBox-module_row__z24tF", css_selected = "ButtonBar-module_selected__wKvmi";
 
 const ButtonBar = React.memo(function(props) {
     const {buttons: buttons = [], selected: selected, toggle: toggle = !0, buttonSize: buttonSize = "m", frameSize: frameSize = 36, iconSize: iconSize = 20, borderWidth: borderWidth, borderSize: borderSize = 0, borderRadius: borderRadius = 100, borderColor: borderColor = "var(--core-outline-primary)", backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, backgroundColorActive: backgroundColorActive, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorActive: bgColorActive = "var(--core-outline-primary)", labelColor: labelColor = "var(--core-text-primary)", onClick: onClick = button => null, onChange: onChange = button => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "buttons", "selected", "toggle", "buttonSize", "frameSize", "iconSize", "borderWidth", "borderSize", "borderRadius", "borderColor", "backgroundColor", "backgroundColorHover", "backgroundColorActive", "bgColor", "bgColorHover", "bgColorActive", "labelColor", "onClick", "onChange", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, resolvedBackgroundColorActive = null != backgroundColorActive ? backgroundColorActive : bgColorActive, [hovered, setHovered] = React.useState(-1), [selectedIndex, setSelectedIndex] = React.useState(selected);

package/dist/cjs/chunks/{Camera-Ly06XVkk.js → Camera-HWGUD0cK.js}

@@ -1,15 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-CGesOGlL.js"), colors = require("./colors-DbCrvnqF.js");
+var misc = require("./misc-BKCSnz7i.js"), colors = require("./colors-hrYWfbGJ.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
-var Avatar = require("./Avatar-BiyInyRO.js"), Icon = require("./Icon-g039RSWl.js"), css_wrapper = "Camera-module_wrapper__GOsKp flexBox-module_column__ezvMq", css_video = "Camera-module_video__Q2r9B", css_controls = "Camera-module_controls__qXYoL flexBox-module_rowBetween__5FEvi", css_controlsRight = "Camera-module_controlsRight__VcIz7 flexBox-module_rowEnd__rVdVm", css_controlsCenter = "Camera-module_controlsCenter__e-erq flexBox-module_row__z24tF", css_controlsLeft = "Camera-module_controlsLeft__bR4TN flexBox-module_rowStart__4tcxS", css_error = "Camera-module_error__t0w-d flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_poster = "Camera-module_poster__Gun-v flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_snapshotFrame = "Camera-module_snapshotFrame__YM6Eu flexBox-module_row__z24tF", css_clear = "Camera-module_clear__aaCfT", css_snapshot = "Camera-module_snapshot__odQH0", css_toolbarButton = "Camera-module_toolbarButton__mnmoF flexBox-module_columnStartCenter__PKcrG", css_buttonIcon = "Camera-module_buttonIcon__a-VBR flexBox-module_row__z24tF", css_buttonLabel = "Camera-module_buttonLabel__6BEs1 flexBox-module_row__z24tF type-module_body-xs-regular__ZAFft";
+var Avatar = require("./Avatar-CXBRq6_n.js"), Icon = require("./Icon-D-RerGRq.js"), css_wrapper = "Camera-module_wrapper__GOsKp flexBox-module_column__ezvMq", css_video = "Camera-module_video__Q2r9B", css_controls = "Camera-module_controls__qXYoL flexBox-module_rowBetween__5FEvi", css_controlsRight = "Camera-module_controlsRight__VcIz7 flexBox-module_rowEnd__rVdVm", css_controlsCenter = "Camera-module_controlsCenter__e-erq flexBox-module_row__z24tF", css_controlsLeft = "Camera-module_controlsLeft__bR4TN flexBox-module_rowStart__4tcxS", css_error = "Camera-module_error__t0w-d flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_poster = "Camera-module_poster__Gun-v flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_snapshotFrame = "Camera-module_snapshotFrame__YM6Eu flexBox-module_row__z24tF", css_clear = "Camera-module_clear__aaCfT", css_snapshot = "Camera-module_snapshot__odQH0", css_toolbarButton = "Camera-module_toolbarButton__mnmoF flexBox-module_columnStartCenter__PKcrG", css_buttonIcon = "Camera-module_buttonIcon__a-VBR flexBox-module_row__z24tF", css_buttonLabel = "Camera-module_buttonLabel__6BEs1 flexBox-module_row__z24tF type-module_body-xs-regular__ZAFft";
 
 const Camera = React.memo(React.forwardRef((props, ref) => {
     const videoElement = React.useRef(null), containerElement = React.useRef(null), controlsTimer = React.useRef(null), {noVideoPoster: noVideoPoster, width: width, height: height, showControlBar: showControlBar = !0, autoHideControlBar: autoHideControlBar = !0, startCameraOff: startCameraOff = !1, startAudioMuted: startAudioMuted = !1, playLocalAudio: playLocalAudio = !1, pipSnapshot: pipSnapshot = !0, userProfile: userProfile, sessionSettings: sessionSettings, onChangeProfile: onChangeProfile, onChangeSettings: onChangeSettings, onSnapshot: onSnapshot, onVideoStream: onVideoStream, onNoVideo: onNoVideo, onNoAudio: onNoAudio} = props, theme = hooks_useTheme.useTheme(), [cameraSupport, setCameraSupport] = React.useState(void 0), [cameraError, setCameraError] = React.useState(void 0), [hovered, setHovered] = React.useState(!1), [cameraOn, setCameraOn] = React.useState(!1), [micMuted, setMicMuted] = React.useState(startAudioMuted), [snapshot, setSnapshot] = React.useState(void 0), [settings, setSettings] = React.useState(!1), [profile, setProfile] = React.useState(!1), [deviceList, setDeviceList] = React.useState([]), constraints = React.useMemo(() => {

package/dist/cjs/chunks/{CheckBox-HmPtb4qd.js → CheckBox-CP89bz2H.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Icon = require("./Icon-g039RSWl.js"), css_wrapper = "CheckBox-module_wrapper__uRsjI flexBox-module_row__z24tF", css_icon = "CheckBox-module_icon__FoDJN flexBox-module_row__z24tF", css_label = "CheckBox-module_label__0AiBp type-module_body-m-regular__LuQBA";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Icon = require("./Icon-D-RerGRq.js"), css_wrapper = "CheckBox-module_wrapper__uRsjI flexBox-module_row__z24tF", css_icon = "CheckBox-module_icon__FoDJN flexBox-module_row__z24tF", css_label = "CheckBox-module_label__0AiBp type-module_body-m-regular__LuQBA";
 
 const CheckBox = React.memo(props => {
     const {size: size = 20, checked: checked = !1, disabled: disabled = !1, color: color, children: children, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "checked", "disabled", "color", "children", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(checked);

package/dist/cjs/chunks/{Chip-6PG7VzN-.js → Chip-nNOlR74w.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Icon = require("./Icon-g039RSWl.js"), sharedTypes = require("./sharedTypes-D5nZ9SDg.js"), css = {
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Icon = require("./Icon-D-RerGRq.js"), sharedTypes = require("./sharedTypes-DbkuoBK5.js"), css = {
     chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
     icon: "Chip-module_icon__dtR-K flexBox-module_row__z24tF",
     xs: "Chip-module_xs__s-KNG type-module_body-xs-regular__ZAFft",

package/dist/cjs/chunks/{DivInput-C-PFUeDT.js → DivInput-eBsUykBQ.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CGesOGlL.js"), css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
 
 const DivInput = React.memo(props => {
     const {value: value = "", name: name = "Input Field", placeholder: placeholder = "Placeholder", isEditable: isEditable = !0, wrap: wrap = !1, focus: focus = !1, width: width = "auto", textAlign: textAlign = "left", clamp: clamp = 3, padding: padding = "0px", onChange: onChange = () => null, onSubmit: onSubmit = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onDblClick: onDblClick = () => null, onClick: onClick = () => null, borderRadius: borderRadius, radius: radius = 4, backgroundColor: backgroundColor, bgColor: bgColor = "var(--core-surface-secondary)"} = props, divAttributes = tslib_es6.__rest(props, [ "value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "borderRadius", "radius", "backgroundColor", "bgColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), innerText = React.useRef("" === value ? misc.cleanString(placeholder) : misc.cleanString(value)), [isFocused, setIsFocused] = React.useState(focus), [text, setText] = React.useState(innerText.current), [isPlaceholder, setIsPlaceholder] = React.useState(!1), resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, setCursor = React.useCallback((to, length = 1) => {

package/dist/cjs/chunks/{Dot-dB91CPB9.js → Dot-Ci0Rzp0t.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
 
 const DEFAULT_VARIANTS = {
     initial: {

package/dist/cjs/chunks/{DrggablePanel-B4pmiREo.js → DrggablePanel-aMr4Zia0.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-CGesOGlL.js");
+var misc = require("./misc-BKCSnz7i.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
 var hooks_useObserveResize = require("../hooks/useObserveResize.js"), css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";
 

package/dist/cjs/chunks/{DropDown-DrFvc39t.js → DropDown-ObGamgkI.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Icon = require("./Icon-g039RSWl.js"), css = {
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Icon = require("./Icon-D-RerGRq.js"), css = {
     wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
     face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
     faceText: "DropDown-module_faceText__glhB3",

package/dist/cjs/chunks/{ErrorSummary-_XvQGFbZ.js → ErrorSummary-tAgJjuJA.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var colors = require("./colors-DbCrvnqF.js");
+var colors = require("./colors-hrYWfbGJ.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
 var css = {
     errorBox: "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{FileIcon-UA9ZceY_.js → FileIcon-DH6ykApv.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var FileIconNames, misc = require("./misc-CGesOGlL.js");
+var FileIconNames, misc = require("./misc-BKCSnz7i.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js"), exports.FileIconNames = void 0, 
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js"), exports.FileIconNames = void 0, 
 (FileIconNames = exports.FileIconNames || (exports.FileIconNames = {})).pdf = "pdf", 
 FileIconNames.text = "text", FileIconNames.sheet = "sheet", FileIconNames.preso = "preso", 
 FileIconNames.md = "md", FileIconNames.code = "code", FileIconNames.image = "image", 

package/dist/cjs/chunks/{FileList-CnsmD5Y7.js → FileList-TVRpzdus.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), FileIcon = require("./FileIcon-UA9ZceY_.js"), Icon = require("./Icon-g039RSWl.js"), ProgressIndicator = require("./ProgressIndicator-BqAJgdQp.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), FileIcon = require("./FileIcon-DH6ykApv.js"), Icon = require("./Icon-D-RerGRq.js"), ProgressIndicator = require("./ProgressIndicator-D5wkRI9I.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{FlexDiv-WZf3guIi.js → FlexDiv-CiDztYIC.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var Size, Preset, tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
+var Size, Preset, tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
 
 exports.Size = void 0, (Size = exports.Size || (exports.Size = {})).Grow = "grow", 
 Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", Size.Auto = "auto", 

package/dist/cjs/chunks/{Grouper-BzPprBpD.js → Grouper-RPzgqKC0.js}

@@ -1,11 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js"), require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-DMowUBPk.js"), Icon = require("./Icon-g039RSWl.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
+var Badge = require("./Badge-DBNftrlx.js"), Icon = require("./Icon-D-RerGRq.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
 
 const Grouper = React.memo(props => {
     const theme = hooks_useTheme.useTheme(), {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(open), [icon, animateIcon] = react.useAnimate();

package/dist/cjs/chunks/{Icon-g039RSWl.js → Icon-D-RerGRq.js}

@@ -1,20 +1,89 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-CGesOGlL.js");
+var misc = require("./misc-BKCSnz7i.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
 var css_icon = "Icon-module_icon__szG-X";
 
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
- */ const STATIC_ICON_REGISTRY = new Map([ [ "npm", {
+ */ const STATIC_ICON_REGISTRY = new Map([ [ "fullscreen", {
+    line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("polygon", {
+            points: "9.53 8.47 5.31 4.25 8.5 4.25 8.5 2.75 2.75 2.75 2.75 8.5 4.25 8.5 4.25 5.31 8.47 9.53 9.53 8.47",
+            fill: strokeColor
+        }), jsxRuntime.jsx("polygon", {
+            points: "15.75 11.5 15.75 14.69 11.47 10.41 10.41 11.47 14.69 15.75 11.5 15.75 11.5 17.25 17.25 17.25 17.25 11.5 15.75 11.5",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "pause", {
+    line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("rect", {
+            x: "6.62",
+            y: "6.25",
+            width: "2",
+            height: "7.5",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "11.38",
+            y: "6.25",
+            width: "2",
+            height: "7.5",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "pause circle", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("path", {
+            d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "6.62",
+            y: "6.25",
+            width: "2",
+            height: "7.5",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "11.38",
+            y: "6.25",
+            width: "2",
+            height: "7.5",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "play", {
+    line: ({strokeColor: strokeColor}) => jsxRuntime.jsx("polygon", {
+        points: "15.4 10 7.3 5.62 7.3 14.38 15.4 10",
+        fill: strokeColor
+    })
+} ], [ "play circle", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("path", {
+            d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("polygon", {
+            points: "15.4 10 7.3 5.62 7.3 14.38 15.4 10",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "npm", {
     line: ({strokeColor: strokeColor}) => jsxRuntime.jsx("path", {
         d: "M7.415 7.656l17.291 0.024-0.011 17.29h-4.329l0.012-12.974h-4.319l-0.010 12.964h-8.656zM3.207 1.004c-0.002 0-0.003 0-0.005 0-1.214 0-2.198 0.984-2.198 2.198 0 0.002 0 0.004 0 0.006v-0 25.585c0 0.002 0 0.003 0 0.005 0 1.214 0.984 2.198 2.198 2.198 0.002 0 0.004 0 0.006 0h25.585c0.002 0 0.003 0 0.005 0 1.214 0 2.198-0.984 2.198-2.198 0-0.002 0-0.004 0-0.006v0-25.585c0-0.002 0-0.003 0-0.005 0-1.214-0.984-2.198-2.198-2.198-0.002 0-0.004 0-0.006 0h0z",
         transform: "scale(0.625)",

package/dist/cjs/chunks/{IconButton-DZBikqIA.js → IconButton-D-vS9cTS.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DMowUBPk.js"), Dot = require("./Dot-dB91CPB9.js"), Icon = require("./Icon-g039RSWl.js"), sharedTypes = require("./sharedTypes-D5nZ9SDg.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
+var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DBNftrlx.js"), Dot = require("./Dot-Ci0Rzp0t.js"), Icon = require("./Icon-D-RerGRq.js"), sharedTypes = require("./sharedTypes-DbkuoBK5.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
 
 /**
  * Helper for quick popular animation effects

package/dist/cjs/chunks/{IndexedDB-DW-NDU8i.js → IndexedDB-D7vMzi1C.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js");
 
 exports.IndexedDB = class {
     constructor(storeName, options = {}) {

package/dist/cjs/chunks/{Label-BLCGQli-.js → Label-B593UMZN.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var LabelBackground, tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), css = {
+var LabelBackground, tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), css = {
     label: "Label-module_label__RaRvM",
     button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
     xs: "Label-module_xs__K9Ai6 type-module_body-xs-regular__ZAFft",

package/dist/cjs/chunks/{Level-CvPkz_70.js → Level-DttfXgcb.js}

@@ -1,6 +1,7 @@
+'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), audioVisualizer = require("./audioVisualizer-D3ZG5ZP6.js"), css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), audioVisualizer = require("./audioVisualizer-COVl0T6c.js"), css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 
 const Level = React.memo(function(props) {
     const {width: width = 100, height: height = 4, gap: gap = 0, audioStream: audioStream, playing: playing = !1, minIntensity: minIntensity = 0, maxIntensity: maxIntensity = 5, intensity: intensity = 3.5, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, releasePerSeconds: releasePerSeconds, ReleasePerSeconds: ReleasePerSeconds = 1.5, borderRadius: borderRadius = 4, borderColor: borderColor = "transparent", borderWidth: borderWidth = 0, colorActive: colorActive = "var(--feedback-positive)", backgroundColor: backgroundColor = "var(--core-surface-primary-tint)"} = props, divAttributes = tslib_es6.__rest(props, [ "width", "height", "gap", "audioStream", "playing", "minIntensity", "maxIntensity", "intensity", "peakIntensity", "risePerSeconds", "releasePerSeconds", "ReleasePerSeconds", "borderRadius", "borderColor", "borderWidth", "colorActive", "backgroundColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = React.useRef(null), [normalizedIntensity, setNormalizedIntensity] = React.useState(0), totalBars = Math.max(1, Math.floor(maxIntensity)), minBars = Math.max(0, Math.min(Math.floor(minIntensity), totalBars)), releaseRate = null != releasePerSeconds ? releasePerSeconds : ReleasePerSeconds, intensityIntervals = React.useMemo(() => new Array(totalBars).fill(0).map((_, index) => index), [ totalBars ]), activeBars = React.useMemo(() => {

package/dist/cjs/chunks/{Modal-D8RvqX4f.js → Modal-uML3kOba.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Button = require("./Button-COMAPFWV.js"), Icon = require("./Icon-g039RSWl.js"), IconButton = require("./IconButton-DZBikqIA.js"), css = {
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Button = require("./Button-CFBYcMYb.js"), Icon = require("./Icon-D-RerGRq.js"), IconButton = require("./IconButton-D-vS9cTS.js"), css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
     title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
     titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{ModalController-ctBbD_Jn.js → ModalController-HpljwIjV.js}

@@ -1,10 +1,12 @@
+'use client';
 "use strict";
 
 var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
 
-require("./microphoneStore-V2mYQFa4.js");
+require("./microphoneStore-BM-XC3HM.js"), require("./volumeStore-Cq7cBiVC.js"), 
+require("./webRTCStore-BO-7A2lW.js");
 
-var Overlay = require("./Overlay-CB0-ZCbr.js"), modalStore = require("./modalStore-CJNFUtIy.js"), css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
+var Overlay = require("./Overlay-BAPCjL1R.js"), modalStore = require("./modalStore-CAqzPgtE.js"), css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
 
 const defaultTransition = {
     ease: "easeOut",

package/dist/cjs/chunks/{Overlay-CB0-ZCbr.js → Overlay-BAPCjL1R.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_overlay = "Overlay-module_overlay__EkbfA";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_overlay = "Overlay-module_overlay__EkbfA";
 
 const defaultTransition = {
     ease: "easeOut",

package/dist/cjs/chunks/{Pager-GwtjwNSr.js → Pager-BHI3oj2V.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
 
 const Pager = React.memo(props => {
     const {size: size = 8, index: index = 0, color: color, colorHover: colorHover, colorOn: colorOn, pages: pages = 2, gap: gap = 4, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = React.useState(index), bullets = React.useMemo(() => Array.from({

package/dist/cjs/chunks/{ProgressIndicator-BqAJgdQp.js → ProgressIndicator-D5wkRI9I.js}

@@ -5,11 +5,12 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
 
 require("../theme/colors.js");
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
-var Icon = require("./Icon-g039RSWl.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
+var Icon = require("./Icon-D-RerGRq.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
 
 const DoneCheck = React.memo(props => {
     const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 5, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!play);

package/dist/cjs/chunks/{PromptInput-B5-MrCid.js → PromptInput-l2NY9HAt.js}

@@ -3,13 +3,14 @@
 
 var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("./tslib.es6-CjqORQO8.js");
+require("../theme/colors.js"), require("./tslib.es6-BiEkm1EG.js");
 
-var misc = require("./misc-CGesOGlL.js");
+var misc = require("./misc-BKCSnz7i.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-COMAPFWV.js"), FileList = require("./FileList-CnsmD5Y7.js"), css = {
+var Button = require("./Button-CFBYcMYb.js"), FileList = require("./FileList-TVRpzdus.js"), css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
     bgRotate: "PromptInput-module_bgRotate__Um720",
     textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{RadioButton-B0It6bQ8.js → RadioButton-C2uOkiyw.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), Icon = require("./Icon-g039RSWl.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), Icon = require("./Icon-D-RerGRq.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
 
 function RadioButtonComponent(props) {
     const {label: label, children: children, fieldName: fieldName, value: value, selected: selected = !1, controlType: controlType = "radio", deselect: deselect = !0, tabIndex: tabIndex = 0, wrap: wrap = !1, list: list = !1, hideRadio: hideRadio = !1, noFrame: noFrame = !0, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconColor: iconColor, gap: gap = 6, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "label", "children", "fieldName", "value", "selected", "controlType", "deselect", "tabIndex", "wrap", "list", "hideRadio", "noFrame", "icon", "checkedIcon", "iconColor", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isSelected, setIsSelected] = React.useState(selected);

package/dist/cjs/chunks/{RadioButtonList-B-G1DO7M.js → RadioButtonList-G39JfLRY.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CGesOGlL.js"), RadioButton = require("./RadioButton-B0It6bQ8.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BKCSnz7i.js"), RadioButton = require("./RadioButton-C2uOkiyw.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
 
 function RadioButtonListComponent(props) {
     const {width: width = "min-content", options: options = [], selectedIndexes: selectedIndexes = null, selectedOptions: selectedOptions = null, label: label = null, deselect: deselect = !1, multiSelect: multiSelect = !1, wrap: wrap = !1, tabIndexSeed: tabIndexSeed = 0, spacer: spacer = "none", custom: custom = 0, gap: gap = 16, hideRadio: hideRadio = !1, noFrame: noFrame = !0, toggleIcon: toggleIcon = !0, iconColor: iconColor, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconSelectedColor: iconSelectedColor, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "width", "options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "icon", "checkedIcon", "iconSelectedColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", labelId = React.useId(), [selected, setSelected] = React.useState(selectedIndexes);

package/dist/cjs/chunks/{Slider-BDCvQ_h4.js → Slider-Ba951T1H.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-CGesOGlL.js"), debounce = require("./debounce-DnWdlF44.js");
+var misc = require("./misc-BKCSnz7i.js"), debounce = require("./debounce-VXThgD9D.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
 var hooks_useObserveResize = require("../hooks/useObserveResize.js"), css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
 

package/dist/cjs/chunks/{Spacer-C_qGs52F.js → Spacer-Ds3-e4nb.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
 
 const Spacer = React.memo(props => {
     const {size: size = 8} = props, divAttributes = tslib_es6.__rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = React.useMemo(() => ({

package/dist/cjs/chunks/{Switch-2YgqC8vV.js → Switch-B8DulleR.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
 
 function SwitchComponent(props) {
     const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding = 3, backgroundColorOn: backgroundColorOn, backgroundColorOff: backgroundColorOff, bgColorOn: bgColorOn = "var(--feedback-positive)", bgColorOff: bgColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "bgColorOn", "bgColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = React.useState(state), resolvedBackgroundColorOn = null != backgroundColorOn ? backgroundColorOn : bgColorOn, resolvedBackgroundColorOff = null != backgroundColorOff ? backgroundColorOff : bgColorOff;

package/dist/cjs/chunks/{TabBar-C3FbWoTz.js → TabBar-CkE32FOT.js}

@@ -1,15 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CjqORQO8.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-BiEkm1EG.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-CGesOGlL.js");
+var misc = require("./misc-BKCSnz7i.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-BO-7A2lW.js"), require("./microphoneStore-BM-XC3HM.js"), 
+require("./volumeStore-Cq7cBiVC.js"), require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-DMowUBPk.js"), Icon = require("./Icon-g039RSWl.js"), IconButton = require("./IconButton-DZBikqIA.js"), sharedTypes = require("./sharedTypes-D5nZ9SDg.js"), css = {
+var Badge = require("./Badge-DBNftrlx.js"), Icon = require("./Icon-D-RerGRq.js"), IconButton = require("./IconButton-D-vS9cTS.js"), sharedTypes = require("./sharedTypes-DbkuoBK5.js"), css = {
     wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",
     option: "TabBar-module_option__gYjDf flexBox-module_row__z24tF",
     icon: "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF",