@apple-pie/slice 0.1.36 → 0.1.38

package/dist/cjs/chunks/{AudioBubble-BE_f4Hso.js → AudioBubble-NNEBsJdS.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-B1ngcCGJ.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-BcjKxDNk.js"), audioVisualizer = require("./audioVisualizer-CcF9txlx.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-SrfANGbC.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.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-CrpB1rY2.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-SrfANGbC.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-CgOsYcT3.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-B1ngcCGJ.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-DaiX-C4m.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CgOsYcT3.js"), Dot = require("./Dot-BPztauRU.js"), Icon = require("./Icon-FZglA3Yv.js"), ProgressIndicator = require("./ProgressIndicator-COd8pJNN.js"), sharedTypes = require("./sharedTypes-CTQSVGwg.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-BZ3rh8Lq.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), Icon = require("./Icon-FZglA3Yv.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-AhNDA3t9.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-B1ngcCGJ.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-thfr_amv.js"), colors = require("./colors-BcjKxDNk.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-SrfANGbC.js"), Icon = require("./Icon-FZglA3Yv.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-C3C5mjHu.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-thfr_amv.js"), Icon = require("./Icon-FZglA3Yv.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-ts1Mqmdz.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), Icon = require("./Icon-FZglA3Yv.js"), sharedTypes = require("./sharedTypes-CTQSVGwg.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-vBlUyYSR.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-thfr_amv.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-BPztauRU.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-B1ngcCGJ.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-DWRBhX1h.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-B1ngcCGJ.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-thfr_amv.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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";
 
@@ -158,7 +159,10 @@ const DraggablePanel = React.memo(props => {
             borderLeft: closed || "left" !== drags ? "none" : borderLeft
         })
     }, rest, {
-        children: [ jsxRuntime.jsxs("div", {
+        children: [ jsxRuntime.jsx("div", {
+            className: css_content,
+            children: children
+        }), jsxRuntime.jsxs("div", {
             ref: handle,
             style: Object.assign(Object.assign({
                 position: "absolute",
@@ -191,9 +195,6 @@ const DraggablePanel = React.memo(props => {
                     transition: "background-color var(--motion-water-duration) var(--motion-water)"
                 }
             }) ]
-        }), jsxRuntime.jsx("div", {
-            className: css_content,
-            children: children
         }) ]
     }));
 }), DragHandle = React.memo(props => {

package/dist/cjs/chunks/{DropDown-DrFvc39t.js → DropDown-aA4rP4nj.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), Icon = require("./Icon-FZglA3Yv.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-Cj13tzbo.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-B1ngcCGJ.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-BcjKxDNk.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.js"), require("../hooks/useWindow.js");
 
 var css = {
     errorBox: "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{FileIcon-UA9ZceY_.js → FileIcon-BnKrr5kO.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-B1ngcCGJ.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-thfr_amv.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js"), exports.FileIconNames = void 0, 
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-Bh2ASAlo.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), FileIcon = require("./FileIcon-BnKrr5kO.js"), Icon = require("./Icon-FZglA3Yv.js"), ProgressIndicator = require("./ProgressIndicator-COd8pJNN.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{FlexDiv-WZf3guIi.js → FlexDiv-Dvt7RZ5w.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-B1ngcCGJ.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-CrXhav6m.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-B1ngcCGJ.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-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-CgOsYcT3.js"), Icon = require("./Icon-FZglA3Yv.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-FZglA3Yv.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-B1ngcCGJ.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-thfr_amv.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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)",
@@ -26,6 +95,11 @@ var css_icon = "Icon-module_icon__szG-X";
         transform: "translate(0 0) scale(1.25)",
         fill: strokeColor
     })
+} ], [ "openAI", {
+    line: ({strokeColor: strokeColor}) => jsxRuntime.jsx("path", {
+        d: "M7.9,7.57v-1.69c0-.14.05-.25.18-.32l3.41-1.96c.46-.27,1.02-.39,1.59-.39,2.14,0,3.5,1.66,3.5,3.43,0,.12,0,.27-.02.41l-3.53-2.07c-.21-.12-.43-.12-.64,0l-4.48,2.6ZM15.86,14.17v-4.05c0-.25-.11-.43-.32-.55l-4.48-2.6,1.46-.84c.12-.07.23-.07.36,0l3.41,1.96c.98.57,1.64,1.78,1.64,2.96,0,1.36-.8,2.6-2.07,3.12h0ZM6.85,10.61l-1.46-.86c-.12-.07-.18-.18-.18-.32v-3.92c0-1.91,1.46-3.35,3.44-3.35.75,0,1.44.25,2.03.7l-3.51,2.03c-.21.12-.32.3-.32.55v5.17h0ZM10,12.43l-2.1-1.18v-2.5l2.1-1.18,2.1,1.18v2.5l-2.1,1.18ZM11.35,17.85c-.75,0-1.44-.25-2.03-.7l3.51-2.03c.21-.12.32-.3.32-.55v-5.17l1.48.86c.12.07.18.18.18.32v3.92c0,1.91-1.48,3.35-3.46,3.35h0ZM7.12,13.87l-3.41-1.96c-.98-.57-1.64-1.78-1.64-2.96,0-1.37.82-2.6,2.09-3.12v4.07c0,.25.11.43.32.55l4.46,2.59-1.46.84c-.12.07-.23.07-.36,0ZM6.92,16.8c-2.02,0-3.5-1.52-3.5-3.39,0-.14.02-.29.04-.43l3.51,2.03c.21.12.43.12.64,0l4.48-2.59v1.69c0,.14-.05.25-.18.32l-3.41,1.96c-.46.27-1.02.39-1.59.39h0ZM11.35,18.92c2.16,0,3.96-1.53,4.37-3.57,2-.52,3.28-2.39,3.28-4.3,0-1.25-.54-2.46-1.5-3.34.09-.37.14-.75.14-1.12,0-2.55-2.07-4.46-4.46-4.46-.48,0-.95.07-1.41.23-.8-.78-1.91-1.28-3.12-1.28-2.16,0-3.96,1.53-4.37,3.57-2,.52-3.28,2.39-3.28,4.3,0,1.25.54,2.46,1.5,3.34-.09.37-.14.75-.14,1.12,0,2.55,2.07,4.46,4.46,4.46.48,0,.95-.07,1.41-.23.8.78,1.91,1.28,3.12,1.28Z",
+        fill: strokeColor
+    })
 } ], [ "talk", {
     line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx("path", {

package/dist/cjs/chunks/{IconButton-DZBikqIA.js → IconButton-NhRNQC8P.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CgOsYcT3.js"), Dot = require("./Dot-BPztauRU.js"), Icon = require("./Icon-FZglA3Yv.js"), sharedTypes = require("./sharedTypes-CTQSVGwg.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-DbfRU4NA.js}

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

package/dist/cjs/chunks/{Label-BLCGQli-.js → Label-yG4MKTBU.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.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-CbDPXUqH.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), audioVisualizer = require("./audioVisualizer-CcF9txlx.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-ByLhIOEY.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), Button = require("./Button-DaiX-C4m.js"), Icon = require("./Icon-FZglA3Yv.js"), IconButton = require("./IconButton-NhRNQC8P.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-CLAsLeXH.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-DPHwHLgx.js"), require("./volumeStore-1w6yUtq4.js"), 
+require("./webRTCStore-C961XakJ.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-EZURYTTf.js"), modalStore = require("./modalStore-BsFlxAuk.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-EZURYTTf.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-B1ngcCGJ.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-C0gzryId.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.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-COd8pJNN.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-B1ngcCGJ.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-FZglA3Yv.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-Fz_LPCgY.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-B1ngcCGJ.js");
 
-var misc = require("./misc-CGesOGlL.js");
+var misc = require("./misc-thfr_amv.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-COMAPFWV.js"), FileList = require("./FileList-CnsmD5Y7.js"), css = {
+var Button = require("./Button-DaiX-C4m.js"), FileList = require("./FileList-Bh2ASAlo.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-9_v2hLcZ.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), Icon = require("./Icon-FZglA3Yv.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-B-ZTg8zH.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-B1ngcCGJ.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-thfr_amv.js"), RadioButton = require("./RadioButton-9_v2hLcZ.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-CVK9DAg2.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-B1ngcCGJ.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-thfr_amv.js"), debounce = require("./debounce-CGlNCeVU.js");
 
-require("./microphoneStore-V2mYQFa4.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-C961XakJ.js"), require("./microphoneStore-DPHwHLgx.js"), 
+require("./volumeStore-1w6yUtq4.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-D-kgqLFU.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-B1ngcCGJ.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(() => ({