@apple-pie/slice 0.1.50 → 0.1.52

package/dist/cjs/chunks/{AudioBubble-Dyf2Tvac.js → AudioBubble-Di2Qyjer.js}

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var colors = require("./colors-E5w_1zz5.js"), audioVisualizer = require("./audioVisualizer-lk5LsLRk.js");
+var colors = require("./colors-jx2QRRls.js"), audioVisualizer = require("./audioVisualizer-DFgLMDKW.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.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-5615YRZf.js → Avatar-L6s2-x0u.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.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-QiLXUSbq.js → AvatarGroup-DNGFPl1j.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-5615YRZf.js"), css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-L6s2-x0u.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-DKiQ3F3_.js → Badge-CWASZI0E.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.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-CTGrDO27.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-oHY1ESJp.js → Button-kzWt5lcL.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DKiQ3F3_.js"), Dot = require("./Dot-fVKYobyz.js"), Icon = require("./Icon-Czl31BDO.js"), ProgressIndicator = require("./ProgressIndicator-BdAfoeqg.js"), sharedTypes = require("./sharedTypes-k6HmUFB-.js"), css = {
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CWASZI0E.js"), Dot = require("./Dot-ByKZIcva.js"), Icon = require("./Icon-CUbgmUeu.js"), ProgressIndicator = require("./ProgressIndicator-Bi1UfJIW.js"), sharedTypes = require("./sharedTypes-BT25wBhL.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",
@@ -9,6 +9,7 @@ var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/
     xs: "Button-module_xs__cF6m0 type-module_body-xs-regular__ZAFft",
     m: "Button-module_m__DR-gs type-module_body-m-regular__LuQBA",
     l: "Button-module_l__0E0yI type-module_body-l-regular__lOYbg",
+    xl: "Button-module_xl__nx4V0 type-module_body-xl-regular__pF2kC",
     s: "Button-module_s__dSKOL type-module_body-s-regular__vRHSP"
 };
 

package/dist/cjs/chunks/{ButtonBar-4Y2V3Nrm.js → ButtonBar-BaFGN5AR.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), Icon = require("./Icon-Czl31BDO.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Icon = require("./Icon-CUbgmUeu.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-CMPgeJ2g.js → Camera-CBZmVUf6.js}

@@ -1,17 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var misc = require("./misc-DVuhbWd-.js"), colors = require("./colors-E5w_1zz5.js");
+var misc = require("./misc-BNlFh_4N.js"), colors = require("./colors-jx2QRRls.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.js"), require("../hooks/useWindow.js");
 
-var Avatar = require("./Avatar-5615YRZf.js"), Icon = require("./Icon-Czl31BDO.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-L6s2-x0u.js"), Icon = require("./Icon-CUbgmUeu.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-CyiFsnzH.js → CheckBox-D8e57FqA.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), Icon = require("./Icon-Czl31BDO.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Icon = require("./Icon-CUbgmUeu.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-BB4t9HTY.js → Chip-DCFtFPpu.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), Icon = require("./Icon-Czl31BDO.js"), sharedTypes = require("./sharedTypes-k6HmUFB-.js"), css = {
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Icon = require("./Icon-CUbgmUeu.js"), sharedTypes = require("./sharedTypes-BT25wBhL.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",
     s: "Chip-module_s__2KTXi type-module_body-s-regular__vRHSP",
     m: "Chip-module_m__l2u3N type-module_body-m-regular__LuQBA",
-    l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg"
+    l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg",
+    xl: "Chip-module_xl__iJX-F type-module_body-xl-regular__pF2kC"
 };
 
 const Chip = React.memo(props => {

package/dist/cjs/chunks/{DivInput-CzpCqi0m.js → DivInput-BbYo5dnn.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DVuhbWd-.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BNlFh_4N.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-fVKYobyz.js → Dot-ByKZIcva.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.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-CTGrDO27.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-B_njQ0Me.js → DrggablePanel-EvnMMRh0.js}

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var misc = require("./misc-DVuhbWd-.js");
+var misc = require("./misc-BNlFh_4N.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.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-CItUGWpi.js → DropDown-C-i2rIhH.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), Icon = require("./Icon-Czl31BDO.js"), css = {
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Icon = require("./Icon-CUbgmUeu.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",
@@ -10,6 +10,7 @@ var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/
     s: "DropDown-module_s__vAxXD type-module_body-s-regular__vRHSP",
     m: "DropDown-module_m__K6JPk type-module_body-m-regular__LuQBA",
     l: "DropDown-module_l__Kib48 type-module_body-l-regular__lOYbg",
+    xl: "DropDown-module_xl__mwc0C type-module_body-xl-regular__pF2kC",
     chevron: "DropDown-module_chevron__LkYsE flexBox-module_rowStart__4tcxS",
     select: "DropDown-module_select__mzNnv"
 };
@@ -19,7 +20,7 @@ function resolveValueKey(value, valueKey) {
 }
 
 function DropDownComponent(props) {
-    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", size: size = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 8, backgroundColor: backgroundColor = "var(--core-surface-secondary)", bgColor: bgColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "10px", paddingRight: paddingRight = "8px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "name", "label", "labelColor", "size", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "bgColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = React.useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = React.useState("Select an option"), ref = React.useRef(null);
+    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", textSize: textSize = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 8, backgroundColor: backgroundColor = "var(--core-surface-secondary)", bgColor: bgColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "10px", paddingRight: paddingRight = "8px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "name", "label", "labelColor", "textSize", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "bgColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = React.useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = React.useState("Select an option"), ref = React.useRef(null);
     React.useEffect(() => {
         if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
             if (!(null == options ? void 0 : options[selectedIndex])) return;
@@ -70,10 +71,10 @@ function DropDownComponent(props) {
         style: Object.assign(Object.assign({}, divStyle), cssVars)
     }, rest, {
         children: [ label && jsxRuntime.jsx("span", {
-            className: `${css.label} ${css[size]}`,
+            className: `${css.label} ${css[textSize]}`,
             children: label
         }), jsxRuntime.jsx("span", {
-            className: `${css.face} ${css[size]}`,
+            className: `${css.face} ${css[textSize]}`,
             children: jsxRuntime.jsx("span", {
                 className: css.faceText,
                 children: displayText

package/dist/cjs/chunks/{ErrorSummary-BqgHSyAh.js → ErrorSummary-DLaE1duh.js}

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var colors = require("./colors-E5w_1zz5.js");
+var colors = require("./colors-jx2QRRls.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.js"), require("../hooks/useWindow.js");
 
 var css = {
     errorBox: "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44",
@@ -20,7 +19,8 @@ var css = {
     xs: "ErrorSummary-module_xs__pTqMn type-module_body-xs-regular__ZAFft",
     s: "ErrorSummary-module_s__u2sIP type-module_body-s-regular__vRHSP",
     m: "ErrorSummary-module_m__-QyP- type-module_body-m-regular__LuQBA",
-    l: "ErrorSummary-module_l__bb1xZ type-module_body-l-regular__lOYbg"
+    l: "ErrorSummary-module_l__bb1xZ type-module_body-l-regular__lOYbg",
+    xl: "ErrorSummary-module_xl__SaVRd type-module_body-xl-regular__pF2kC"
 };
 
 const ErrorSummary = React.memo(props => {

package/dist/cjs/chunks/{FileIcon-Drygvqh6.js → FileIcon-DqFMbhRF.js}

@@ -1,15 +1,15 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var FileIconNames, misc = require("./misc-DVuhbWd-.js");
+var FileIconNames, misc = require("./misc-BNlFh_4N.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js"), exports.FileIconNames = void 0, (FileIconNames = exports.FileIconNames || (exports.FileIconNames = {})).pdf = "pdf", 
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.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", 
 FileIconNames.audio = "audio", FileIconNames.video = "video", FileIconNames.other = "other";

package/dist/cjs/chunks/{FileList-DnwlX72e.js → FileList-C3KR7jHj.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), FileIcon = require("./FileIcon-Drygvqh6.js"), Icon = require("./Icon-Czl31BDO.js"), ProgressIndicator = require("./ProgressIndicator-BdAfoeqg.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), FileIcon = require("./FileIcon-DqFMbhRF.js"), Icon = require("./Icon-CUbgmUeu.js"), ProgressIndicator = require("./ProgressIndicator-Bi1UfJIW.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",
@@ -34,7 +34,7 @@ function displayClose(uploading) {
 }
 
 const FileList = React.memo(props => {
-    const {files: files = [], onChange: onChange, onToolTip: onToolTip, maxWidth: maxWidth, minWidth: minWidth, direction: direction = "row", padding: padding, gap: gap = 10, size: size = "s", iconSize: iconSize = 24, backgroundColor: backgroundColor, bgColor: bgColor, canRemove: canRemove = !0} = props, divAttributes = tslib_es6.__rest(props, [ "files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "backgroundColor", "bgColor", "canRemove" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, fileNameToFileItem = React.useCallback(fileName => {
+    const {files: files = [], onChange: onChange, onToolTip: onToolTip, maxWidth: maxWidth, minWidth: minWidth, direction: direction = "row", padding: padding, gap: gap = 10, textSize: textSize = "s", iconSize: iconSize = 24, backgroundColor: backgroundColor, bgColor: bgColor, canRemove: canRemove = !0} = props, divAttributes = tslib_es6.__rest(props, [ "files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "textSize", "iconSize", "backgroundColor", "bgColor", "canRemove" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, fileNameToFileItem = React.useCallback(fileName => {
         const {ext: ext, name: name} = 
         /**
  * Split a file name into its display name and extension.
@@ -165,7 +165,7 @@ const FileList = React.memo(props => {
     }, rest, {
         children: displayList.map(i => {
             return jsxRuntime.jsxs("div", {
-                className: `${css.file} ${css[size]}`,
+                className: `${css.file} ${css[textSize]}`,
                 style: fileCSSVars(i.progress, i.error),
                 children: [ jsxRuntime.jsx("div", {
                     className: css.fileIcon,

package/dist/cjs/chunks/{FlexDiv-CR8kCjmG.js → FlexDiv-BPmDJlQe.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var Size, Preset, tslib_es6 = require("./tslib.es6-BkPXT_ao.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 scrollBars-module_scrollbars__c-ZPl";
+var Size, Preset, tslib_es6 = require("./tslib.es6-CTGrDO27.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 scrollBars-module_scrollbars__c-ZPl";
 
 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-YByIKrV9.js → Grouper-Bm013ATj.js}

@@ -1,13 +1,13 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("../theme/type.js"), require("./broadcastChannel-C0xM7Joi.js"), 
-require("./webRTCStore-gFAVHa3-.js"), require("./microphoneStore-D_PdS6Ob.js"), 
-require("./volumeStore-DUfgDH0Y.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js"), require("../theme/type.js"), require("./broadcastChannel-B0l8OE4I.js"), 
+require("./microphoneStore-Ch3VVm4T.js"), require("./volumeStore-CA9Pdx5e.js"), 
+require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-DKiQ3F3_.js"), Icon = require("./Icon-Czl31BDO.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-CWASZI0E.js"), Icon = require("./Icon-CUbgmUeu.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-Czl31BDO.js → Icon-CUbgmUeu.js}

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var misc = require("./misc-DVuhbWd-.js");
+var misc = require("./misc-BNlFh_4N.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.js"), require("../hooks/useWindow.js");
 
 var css_icon = "Icon-module_icon__szG-X";
 

package/dist/cjs/chunks/{IconButton-B3732eH3.js → IconButton-BbgyyMjG.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DKiQ3F3_.js"), Dot = require("./Dot-fVKYobyz.js"), Icon = require("./Icon-Czl31BDO.js"), sharedTypes = require("./sharedTypes-k6HmUFB-.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CWASZI0E.js"), Dot = require("./Dot-ByKZIcva.js"), Icon = require("./Icon-CUbgmUeu.js"), sharedTypes = require("./sharedTypes-BT25wBhL.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-COaet5q4.js → IndexedDB-DFVmvrQg.js}

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

package/dist/cjs/chunks/{Label-D-B3oOF6.js → Label-CDuN-9n3.js}

@@ -1,13 +1,14 @@
 'use client';
 "use strict";
 
-var LabelBackground, tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), css = {
+var LabelBackground, tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.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",
     s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
     m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
-    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg"
+    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg",
+    xl: "Label-module_xl__bX0ub type-module_body-xl-regular__pF2kC"
 };
 
 function resolveSemanticBackground(backgroundColor) {

package/dist/cjs/chunks/{Level-BOm5W7K-.js → Level-vbDvflcO.js}

@@ -1,9 +1,9 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), audioVisualizer = require("./audioVisualizer-lk5LsLRk.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), audioVisualizer = require("./audioVisualizer-DFgLMDKW.js");
 
-require("./broadcastChannel-C0xM7Joi.js");
+require("./broadcastChannel-B0l8OE4I.js");
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/cjs/chunks/{Modal-Bdo7uOPt.js → Modal-BS-9UkxV.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.js"), Button = require("./Button-oHY1ESJp.js"), Icon = require("./Icon-Czl31BDO.js"), IconButton = require("./IconButton-B3732eH3.js"), css = {
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.js"), Button = require("./Button-kzWt5lcL.js"), Icon = require("./Icon-CUbgmUeu.js"), IconButton = require("./IconButton-BbgyyMjG.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",
@@ -19,7 +19,7 @@ var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/
 };
 
 const Modal = React.memo(props => {
-    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, autoBorderBottom: autoBorderBottom = !0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", scrollHandleColor: scrollHandleColor = "var(--core-text-disabled)", scrollHandleColorHover: scrollHandleColorHover = "var(--core-text-disabled)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = tslib_es6.__rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "autoBorderBottom", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "scrollHandleColor", "scrollHandleColorHover", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), contentWrapperRef = React.useRef(null), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", [scrolls, setScrolls] = React.useState(!1), getScrolls = React.useCallback(() => {
+    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleTextSize: titleTextSize = "l", contentTextSize: contentTextSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, autoBorderBottom: autoBorderBottom = !0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", scrollHandleColor: scrollHandleColor = "var(--core-text-disabled)", scrollHandleColorHover: scrollHandleColorHover = "var(--core-text-disabled)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = tslib_es6.__rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleTextSize", "contentTextSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "autoBorderBottom", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "scrollHandleColor", "scrollHandleColorHover", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), contentWrapperRef = React.useRef(null), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", [scrolls, setScrolls] = React.useState(!1), getScrolls = React.useCallback(() => {
         var _a, _b;
         const height = null === (_a = contentWrapperRef.current) || void 0 === _a ? void 0 : _a.offsetHeight, scrollHeight = null === (_b = contentWrapperRef.current) || void 0 === _b ? void 0 : _b.scrollHeight;
         return !(!height || !scrollHeight) && height < scrollHeight;
@@ -75,7 +75,7 @@ const Modal = React.memo(props => {
         style: Object.assign(Object.assign({}, modalStyle), cssVars)
     }, rest, {
         children: [ (title || close) && jsxRuntime.jsxs("div", {
-            className: `${css.title} ${css[titleSize]}`,
+            className: `${css.title} ${css[titleTextSize]}`,
             onPointerDown: onDragPointerDown,
             children: [ jsxRuntime.jsxs("div", {
                 className: css.titleBlock,
@@ -107,7 +107,7 @@ const Modal = React.memo(props => {
             className: css.contentWrapper,
             ref: contentWrapperRef,
             children: jsxRuntime.jsx("div", {
-                className: `${css.content} ${css[contentSize]}`,
+                className: `${css.content} ${css[contentTextSize]}`,
                 children: children
             })
         }), actions && actions.length > 0 && jsxRuntime.jsxs("div", {

package/dist/cjs/chunks/{ModalController-D7UUu10l.js → ModalController-B-m3OD5K.js}

@@ -3,10 +3,9 @@
 
 var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("./webRTCStore-gFAVHa3-.js");
+require("./microphoneStore-Ch3VVm4T.js"), require("./volumeStore-CA9Pdx5e.js");
 
-var Overlay = require("./Overlay-CYLmWXtx.js"), modalStore = require("./modalStore-prHVj0Vs.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-QprT1IaK.js"), modalStore = require("./modalStore-DaB75uoa.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-CYLmWXtx.js → Overlay-QprT1IaK.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.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-CTGrDO27.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-DAtdhdhR.js → Pager-7edBFop6.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DVuhbWd-.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-CTGrDO27.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BNlFh_4N.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-BdAfoeqg.js → ProgressIndicator-Bi1UfJIW.js}

@@ -5,13 +5,12 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var tslib_es6 = require("./tslib.es6-BkPXT_ao.js");
+var tslib_es6 = require("./tslib.es6-CTGrDO27.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.js"), require("../hooks/useWindow.js");
 
-var Icon = require("./Icon-Czl31BDO.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-CUbgmUeu.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-C1ZtWI_B.js → PromptInput-BHDK8fjX.js}

@@ -3,15 +3,14 @@
 
 var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("../theme/type.js"), require("./tslib.es6-BkPXT_ao.js");
+require("../theme/colors.js"), require("../theme/type.js"), require("./tslib.es6-CTGrDO27.js");
 
-var misc = require("./misc-DVuhbWd-.js");
+var misc = require("./misc-BNlFh_4N.js");
 
-require("./broadcastChannel-C0xM7Joi.js"), require("./webRTCStore-gFAVHa3-.js"), 
-require("./microphoneStore-D_PdS6Ob.js"), require("./volumeStore-DUfgDH0Y.js"), 
-require("../hooks/useWindow.js");
+require("./broadcastChannel-B0l8OE4I.js"), require("./microphoneStore-Ch3VVm4T.js"), 
+require("./volumeStore-CA9Pdx5e.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-oHY1ESJp.js"), FileList = require("./FileList-DnwlX72e.js"), css = {
+var Button = require("./Button-kzWt5lcL.js"), FileList = require("./FileList-C3KR7jHj.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",
@@ -20,9 +19,11 @@ var Button = require("./Button-oHY1ESJp.js"), FileList = require("./FileList-Dnw
     buttonBar: "PromptInput-module_buttonBar__X8LDe flexBox-module_rowBetween__5FEvi",
     toolBar: "PromptInput-module_toolBar__GBvPT flexBox-module_rowStart__4tcxS",
     textarea: "PromptInput-module_textarea__e4Kxn",
+    xs: "PromptInput-module_xs__Oy1ZT type-module_body-xs-regular__ZAFft",
     s: "PromptInput-module_s__ivyC9 type-module_body-s-regular__vRHSP",
     m: "PromptInput-module_m__LFHvW type-module_body-m-regular__LuQBA",
-    l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg"
+    l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg",
+    xl: "PromptInput-module_xl__FbITb type-module_body-xl-regular__pF2kC"
 };
 
 const PromptInputBase = React.forwardRef((props, ref) => {
@@ -96,7 +97,7 @@ const PromptInputBase = React.forwardRef((props, ref) => {
                     files: attachments,
                     onChange: handleAttachmentsChange,
                     bgColor: "var(--core-surface-primary)",
-                    size: "s",
+                    textSize: "s",
                     direction: "row",
                     gap: 8,
                     iconSize: 24