@apple-pie/slice 0.1.33 → 0.1.34

package/dist/cjs/chunks/{TabBar-BCSTg_Uc.js → TabBar-BzfXUqQ7.js}

@@ -1,12 +1,27 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
-require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js");
 
-var Badge = require("./Badge-DWUeXxm2.js"), Icon = require("./Icon-DjvProjz.js"), IconButton = require("./IconButton-BuwQLUuj.js"), sharedTypes = require("./sharedTypes-BOieqpQy.js"), css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
+var misc = require("./misc-CktV9aap.js");
+
+require("./webRTCStore-M1HXHN92.js"), require("./microphoneStore-BQttBRKb.js"), 
+require("./volumeStore-CPxgI64S.js"), require("../hooks/useWindow.js");
+
+var Badge = require("./Badge-D0jOqpGM.js"), Icon = require("./Icon-CRxH8X5b.js"), IconButton = require("./IconButton-KFtalJ6A.js"), sharedTypes = require("./sharedTypes-Cep5dDpY.js"), css = {
+    wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",
+    option: "TabBar-module_option__gYjDf flexBox-module_row__z24tF",
+    icon: "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF",
+    close: "TabBar-module_close__bvSBh flexBox-module_row__z24tF",
+    xs: "TabBar-module_xs__QDjV9 type-module_body-xs-regular__ZAFft",
+    s: "TabBar-module_s__-EBj2 type-module_body-s-regular__vRHSP",
+    m: "TabBar-module_m__3sCA3 type-module_body-m-regular__LuQBA",
+    l: "TabBar-module_l__hy1rR type-module_body-l-regular__lOYbg",
+    xl: "TabBar-module_xl__zaASU type-module_body-xl-regular__pF2kC",
+    selected: "TabBar-module_selected__UmBdu"
+};
 
 const placeholderOptions = [ {
     name: "Light",
@@ -17,7 +32,7 @@ const placeholderOptions = [ {
     value: "Option 2",
     icon: "moon full"
 } ], TabBar = React.memo(props => {
-    const {options: options = placeholderOptions, selected: selected = 0, border: border = !0, underline: underline = !0, height: height = "100%", width: width = "100%", tabWidth: tabWidth = "fill", padding: padding = 8, iconFill: iconFill = !1, iconSize: iconSize = 20, iconGap: iconGap = 8, tabGap: tabGap = 0, disabled: disabled = !1, hasClose: hasClose = !1, closeWidth: closeWidth = "auto", selectedValue: selectedValue = null, onChange: onChange = () => null, onTabChange: onTabChange = () => null, onClose: onClose = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "options", "selected", "border", "underline", "height", "width", "tabWidth", "padding", "iconFill", "iconSize", "iconGap", "tabGap", "disabled", "hasClose", "closeWidth", "selectedValue", "onChange", "onTabChange", "onClose", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = React.useState(selected), optionRefs = React.useRef([]);
+    const {options: options = placeholderOptions, selected: selected = 0, border: border = !0, underline: underline = !0, height: height = "100%", width: width = "100%", tabWidth: tabWidth = "fill", padding: padding = 8, iconFill: iconFill = !1, iconSize: iconSize = 20, iconGap: iconGap = 8, tabGap: tabGap = 0, disabled: disabled = !1, hasClose: hasClose = !1, closeWidth: closeWidth = "auto", selectedValue: selectedValue = null, justify: justify = "start", borderColor: borderColor = "var(--core-outline-secondary)", textSize: textSize = "m", onChange: onChange = () => null, onTabChange: onTabChange = () => null, onClose: onClose = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "options", "selected", "border", "underline", "height", "width", "tabWidth", "padding", "iconFill", "iconSize", "iconGap", "tabGap", "disabled", "hasClose", "closeWidth", "selectedValue", "justify", "borderColor", "textSize", "onChange", "onTabChange", "onClose", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = React.useState(selected), optionRefs = React.useRef([]);
     React.useEffect(() => {
         let selectedIndex = 0;
         selectedValue && options ? (selectedIndex = options.findIndex(option => option.value === selectedValue), 
@@ -69,26 +84,30 @@ const placeholderOptions = [ {
         underline: underline,
         iconFill: iconFill,
         tabWidth: tabWidth,
+        textSize: textSize,
+        borderColor: borderColor,
         buttonRef: element => {
             optionRefs.current[i] = element;
         }
-    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown ]), setStyle = React.useCallback(value => "string" == typeof value ? value : `${value}px`, []), cssVars = React.useMemo(() => ({
+    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown, textSize ]), cssVars = React.useMemo(() => ({
         "--tab-bar-gap": `${tabGap}px`,
-        "--tab-bar-height": `${setStyle(height)}px`,
-        "--tab-bar-width": setStyle(width),
+        "--tab-bar-height": `${misc.setStyle(height)}px`,
+        "--tab-bar-width": misc.setStyle(width),
         "--tab-bar-border-bottom": "" + (border ? "1px" : "0"),
+        "--tab-bar-border-color": borderColor,
+        "--tab-bar-justify": justify,
         "--tab-bar-close-width": `${closeWidth}px`,
-        "--tab-bar-close-padding": padding ? `${padding}px` : "8px"
-    }), [ tabGap, height, width, border, setStyle, closeWidth, padding ]);
+        "--tab-bar-close-padding": misc.setStyle(padding, "8px")
+    }), [ tabGap, height, width, border, closeWidth, padding, borderColor, justify ]);
     return jsxRuntime.jsxs("div", Object.assign({
         id: divId,
-        className: `${css_wrapper}${divClass}`,
+        className: `${css.wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
         role: "tablist",
         "aria-orientation": "horizontal"
     }, rest, {
         children: [ renderedOptions, hasClose && jsxRuntime.jsx("div", {
-            className: css_close,
+            className: css.close,
             children: jsxRuntime.jsx(IconButton.IconButton, {
                 iconSize: iconSize - 4,
                 frameSize: iconSize,
@@ -105,7 +124,7 @@ const placeholderOptions = [ {
 TabBar.displayName = "TabBar";
 
 const Option = React.memo(props => {
-    const theme = hooks_useTheme.useTheme(), {label: label = "Option", value: value = 0, icon: icon = null, selected: selected = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null, padding: padding = 8, iconSize: iconSize = 20, iconGap: iconGap = 6, disabled: disabled = !1, showToolTip: showToolTip = null, underline: underline = !0, tabWidth: tabWidth = "fill", count: count = 0, iconFill: iconFill = !1, onKeyDown: onKeyDown = () => null, buttonRef: buttonRef} = props, ref = React.useRef(null), strokeColor = React.useMemo(() => !disabled && selected ? theme.current.colors["core-text-special"] : disabled ? theme.current.colors["core-text-disabled"] : theme.current.colors["core-text-primary"], [ disabled, selected, theme ]), handleMouseOver = React.useCallback(e => {
+    const theme = hooks_useTheme.useTheme(), {label: label = "Option", value: value = 0, icon: icon = null, selected: selected = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null, padding: padding = 8, iconSize: iconSize = 20, iconGap: iconGap = 6, disabled: disabled = !1, showToolTip: showToolTip = null, underline: underline = !0, tabWidth: tabWidth = "fill", borderColor: borderColor = "var(--core-outline-secondary)", count: count = 0, iconFill: iconFill = !1, textSize: textSize = "m", onKeyDown: onKeyDown = () => null, buttonRef: buttonRef} = props, ref = React.useRef(null), strokeColor = React.useMemo(() => !disabled && selected ? theme.current.colors["core-text-special"] : disabled ? theme.current.colors["core-text-disabled"] : theme.current.colors["core-text-primary"], [ disabled, selected, theme ]), handleMouseOver = React.useCallback(e => {
         if (onToolTip(null), showToolTip && ref.current) {
             const tip = {
                 type: sharedTypes.ToolTipType.button,
@@ -121,17 +140,18 @@ const Option = React.memo(props => {
         showToolTip && onToolTip(null);
     }, [ showToolTip, onToolTip ]), textColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : selected ? "var(--core-text-special)" : "var(--core-text-primary)", [ disabled, selected ]), setTabWidth = React.useMemo(() => "compact" === tabWidth ? "min-content" : "fill" === tabWidth ? "unset" : `${tabWidth}px`, [ tabWidth ]), setTabFlex = React.useMemo(() => "fill" === tabWidth ? "1" : "unset", [ tabWidth ]), setUnderline = React.useMemo(() => selected && underline && !disabled ? "1px" : "0", [ underline, disabled, selected ]), cssVars = React.useMemo(() => ({
         "--tab-bar-option-border": setUnderline,
-        "--tab-bar-option-padding": `${padding}px`,
+        "--tab-bar-option-border-color": borderColor,
+        "--tab-bar-option-padding": misc.setStyle(padding, "8px"),
         "--tab-bar-option-icon-size": `${iconSize}px`,
         "--tab-bar-option-cursor": disabled ? "default" : "pointer",
         "--tab-bar-option-gap": `${null != iconGap ? iconGap : 0}px`,
         "--tab-bar-option-color": textColor,
         "--tab-bar-option-width": setTabWidth,
         "--tab-bar-option-flex": setTabFlex
-    }), [ padding, iconSize, disabled, textColor, iconGap, setTabFlex, setTabWidth, setUnderline ]);
+    }), [ padding, iconSize, disabled, textColor, iconGap, setTabFlex, setTabWidth, setUnderline, borderColor ]);
     return jsxRuntime.jsxs("button", {
         type: "button",
-        className: css_option,
+        className: `${css.option} ${css[textSize]} ${selected ? css.selected : ""}`,
         style: cssVars,
         ref: element => {
             ref.current = element, null == buttonRef || buttonRef(element);
@@ -144,7 +164,7 @@ const Option = React.memo(props => {
         onClick: () => onClick(value),
         onKeyDown: e => onKeyDown(e, value),
         children: [ icon && jsxRuntime.jsx("div", {
-            className: css_icon,
+            className: css.icon,
             children: jsxRuntime.jsx(Icon.Icon, {
                 name: icon,
                 fill: iconFill,
@@ -157,6 +177,6 @@ const Option = React.memo(props => {
             count: count
         }) ]
     });
-}, (prevProps, nextProps) => prevProps.selected === nextProps.selected && prevProps.underline === nextProps.underline && prevProps.tabWidth === nextProps.tabWidth && prevProps.disabled === nextProps.disabled && prevProps.iconGap === nextProps.iconGap && prevProps.iconSize === nextProps.iconSize && prevProps.count === nextProps.count && prevProps.label === nextProps.label && prevProps.icon === nextProps.icon);
+}, (prevProps, nextProps) => prevProps.selected === nextProps.selected && prevProps.underline === nextProps.underline && prevProps.tabWidth === nextProps.tabWidth && prevProps.disabled === nextProps.disabled && prevProps.iconGap === nextProps.iconGap && prevProps.iconSize === nextProps.iconSize && prevProps.count === nextProps.count && prevProps.label === nextProps.label && prevProps.icon === nextProps.icon && prevProps.borderColor === nextProps.borderColor && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding);
 
 Option.displayName = "TabOption", exports.TabBar = TabBar;

package/dist/cjs/chunks/{TextArea-Dj7jsvVr.js → TextArea-Aqo_XxW3.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-CuGvPAkH.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-CSyenByA.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 
 const TextArea = React.memo(props => {
     const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {

package/dist/cjs/chunks/{TextField-DNP0wJla.js → TextField-D9cVqxeH.js}

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.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-yslq87rf.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-BwQIEIuF.js");
+var misc = require("./misc-CktV9aap.js");
 
-require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
-require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-M1HXHN92.js"), require("./microphoneStore-BQttBRKb.js"), 
+require("./volumeStore-CPxgI64S.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-CuGvPAkH.js"), Icon = require("./Icon-DjvProjz.js"), IconButton = require("./IconButton-BuwQLUuj.js"), css = {
+var Button = require("./Button-CSyenByA.js"), Icon = require("./Icon-CRxH8X5b.js"), IconButton = require("./IconButton-KFtalJ6A.js"), css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
     container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
     label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{Tip-awq6PDZa.js → Tip-6p-WETDg.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-BwQIEIuF.js"), css = {
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CktV9aap.js"), css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",

package/dist/cjs/chunks/{Toast-xS1TC3Ba.js → Toast-D2RPpe4w.js}

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.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-yslq87rf.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-BwQIEIuF.js");
+var misc = require("./misc-CktV9aap.js");
 
-require("./webRTCStore-DRjvbnve.js"), require("./microphoneStore-Dy5TwE2I.js"), 
-require("./volumeStore-BXFAQhvS.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-M1HXHN92.js"), require("./microphoneStore-BQttBRKb.js"), 
+require("./volumeStore-CPxgI64S.js"), require("../hooks/useWindow.js");
 
-var ToastType, Icon = require("./Icon-DjvProjz.js"), ProgressIndicator = require("./ProgressIndicator-DwqslY4o.js"), css = {
+var ToastType, Icon = require("./Icon-CRxH8X5b.js"), ProgressIndicator = require("./ProgressIndicator-V-orBNdI.js"), css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
     close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
     message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{ToggleButton-CqD5c6JA.js → ToggleButton-DIO-mLzn.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-BuwQLUuj.js"), Label = require("./Label-d32ENzwL.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-KFtalJ6A.js"), Label = require("./Label-BHP_DdP0.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 exports.ToggleButton = function(props) {
     const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = props, handleClick = () => {

package/dist/cjs/chunks/{UploadArea-CvWqk8YK.js → UploadArea-dLHkxZaJ.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BwQIEIuF.js"), FileList = require("./FileList-CzQZZErI.js"), Icon = require("./Icon-DjvProjz.js"), ProgressIndicator = require("./ProgressIndicator-DwqslY4o.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CktV9aap.js"), FileList = require("./FileList-B93Xcxz4.js"), Icon = require("./Icon-CRxH8X5b.js"), ProgressIndicator = require("./ProgressIndicator-V-orBNdI.js"), css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
     icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
     title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",

package/dist/cjs/chunks/{WSConnection-BACWw4TS.js → WSConnection-DUtc0Zek.js}

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

package/dist/cjs/chunks/{WebRTCConnection-DBeyg4j9.js → WebRTCConnection-DOegM5k_.js}

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

package/dist/cjs/chunks/{localDBStore-wgCc1SmV.js → localDBStore-BE1Spdvk.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-Ddhq6Gjd.js");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-BFj53nVB.js");
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));

package/dist/cjs/chunks/{microphoneStore-Dy5TwE2I.js → microphoneStore-BQttBRKb.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), React = require("react"), zustand = require("zustand");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), React = require("react"), zustand = require("zustand");
 
 const emptyMicStreamRef = {
     current: null

package/dist/cjs/chunks/{misc-BwQIEIuF.js → misc-CktV9aap.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js");
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/cjs/chunks/{sseStore-CFFaYonG.js → sseStore-CUctZwDm.js}

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-DqjaJVC3.js");
+require("./tslib.es6-yslq87rf.js");
 
-var SSEConnection = require("./SSEConnection-CF5WZG9b.js");
+var SSEConnection = require("./SSEConnection-BqitbvAq.js");
 
 const useSSEStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{uploads-worker-DWvOe9F8.js → uploads-worker-B-7wl30J.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
+var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-yslq87rf.js");
 
 !function(FileUploadStatus) {
     FileUploadStatus.queued = "pending", FileUploadStatus.uploading = "uploading", FileUploadStatus.completed = "completed", 

package/dist/cjs/chunks/{uploadsStore-BCmts7Ie.js → uploadsStore-BhvyVpxk.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-DWvOe9F8.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
+var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-B-7wl30J.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
 
 let uploadsWorker = null;
 
@@ -64,7 +64,7 @@ function handleWorkerMessage(event) {
 const uploadsActions = useUploadsStore.getState().actions;
 
 exports.createUploadsWorker = function(workerUrl) {
-    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-BCmts7Ie.js", document.baseURI).href), {
+    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-BhvyVpxk.js", document.baseURI).href), {
         type: "module"
     });
 }, exports.getUploads = () => useUploadsStore.getState().uploads, exports.getUploadsError = () => useUploadsStore.getState().error, 

package/dist/cjs/chunks/{volumeStore-BXFAQhvS.js → volumeStore-CPxgI64S.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js");
 
 const useVolumeStore = require("zustand").create((set, get) => ({
     volume: 1,
@@ -26,14 +26,13 @@ const useVolumeStore = require("zustand").create((set, get) => ({
                 feedbackElement: null
             });
         },
-        setVolume: (volume, options) => {
-            var _a;
+        setVolume: (volume, options) => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
             const muted = get().muted, currentVolume = muted ? 0 : volume, attachedMedia = get().elements, feedbackElement = get().feedbackElement, newStored = volume > 0 ? volume : get().storedVolume;
             attachedMedia.size > 0 && adjustMediaVolume(attachedMedia, currentVolume), set({
                 volume: currentVolume,
                 storedVolume: newStored
-            }), muted || null !== (_a = null == options ? void 0 : options.playFeedback) && void 0 !== _a && !_a || playFeedbackSound(feedbackElement, currentVolume);
-        },
+            }), !muted && feedbackElement && !0 === (null == options ? void 0 : options.playFeedback) && (yield playFeedbackSound(feedbackElement, currentVolume));
+        }),
         playFeedback: volume => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
             if (get().muted) return;
             const feedbackElement = get().feedbackElement;

package/dist/cjs/chunks/{webRTCStore-DRjvbnve.js → webRTCStore-M1HXHN92.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-DBeyg4j9.js");
+var tslib_es6 = require("./tslib.es6-yslq87rf.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-DOegM5k_.js");
 
 const useWebRTCStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{windowStore-C4Bg6I9i.js → windowStore-BeMPlP7X.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FormFactor, tslib_es6 = require("./tslib.es6-DqjaJVC3.js"), zustand = require("zustand");
+var FormFactor, tslib_es6 = require("./tslib.es6-yslq87rf.js"), zustand = require("zustand");
 
 /**
  * Form factor names

package/dist/cjs/components/AudioBubble/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var AudioBubble = require("../../chunks/AudioBubble-_eYM1QMu.js");
+var AudioBubble = require("../../chunks/AudioBubble-D6EdVxCx.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/colors-CmOkcjB3.js"), 
-require("../../chunks/audioVisualizer-C7fMG0WH.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
-require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/colors-BlSE7Sf2.js"), 
+require("../../chunks/audioVisualizer-i41gzZXM.js"), require("../../chunks/webRTCStore-M1HXHN92.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), require("../../chunks/microphoneStore-BQttBRKb.js"), 
+require("../../chunks/volumeStore-CPxgI64S.js"), require("../../hooks/useWindow.js"), 
 exports.AudioBubble = AudioBubble.AudioBubble;

package/dist/cjs/components/Avatar/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Avatar = require("../../chunks/Avatar-DTro_MXZ.js");
+var Avatar = require("../../chunks/Avatar-C8Y8QA6W.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-BwQIEIuF.js"), exports.Avatar = Avatar.Avatar;
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-CktV9aap.js"), exports.Avatar = Avatar.Avatar;

package/dist/cjs/components/AvatarGroup/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var AvatarGroup = require("../../chunks/AvatarGroup-OPJJ_Te5.js");
+var AvatarGroup = require("../../chunks/AvatarGroup-BJGROy0D.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Avatar-DTro_MXZ.js"), require("../../chunks/misc-BwQIEIuF.js"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/Avatar-C8Y8QA6W.js"), require("../../chunks/misc-CktV9aap.js"), 
 exports.AvatarGroup = AvatarGroup.AvatarGroup;

package/dist/cjs/components/Badge/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Badge = require("../../chunks/Badge-DWUeXxm2.js");
+var Badge = require("../../chunks/Badge-D0jOqpGM.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
 exports.Badge = Badge.Badge;

package/dist/cjs/components/Button/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var Button = require("../../chunks/Button-CuGvPAkH.js");
+var Button = require("../../chunks/Button-CSyenByA.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/Badge-DWUeXxm2.js"), require("../../chunks/Dot-DaRF2JyO.js"), 
-require("../../chunks/Icon-DjvProjz.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/Badge-D0jOqpGM.js"), require("../../chunks/Dot-DLk45OlQ.js"), 
+require("../../chunks/Icon-CRxH8X5b.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
-require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
-require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-DwqslY4o.js"), 
-require("../../chunks/sharedTypes-BOieqpQy.js"), exports.Button = Button.Button;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-CktV9aap.js"), 
+require("../../chunks/webRTCStore-M1HXHN92.js"), require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), 
+require("../../chunks/microphoneStore-BQttBRKb.js"), require("../../chunks/volumeStore-CPxgI64S.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-V-orBNdI.js"), 
+require("../../chunks/sharedTypes-Cep5dDpY.js"), exports.Button = Button.Button;

package/dist/cjs/components/ButtonBar/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var ButtonBar = require("../../chunks/ButtonBar-CbXToyfD.js");
+var ButtonBar = require("../../chunks/ButtonBar-D6nO_KLU.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-BwQIEIuF.js"), require("../../chunks/Icon-DjvProjz.js"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-CktV9aap.js"), require("../../chunks/Icon-CRxH8X5b.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
-require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-M1HXHN92.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), require("../../chunks/microphoneStore-BQttBRKb.js"), 
+require("../../chunks/volumeStore-CPxgI64S.js"), require("../../hooks/useWindow.js"), 
 exports.ButtonBar = ButtonBar.ButtonBar;

package/dist/cjs/components/Camera/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var Camera = require("../../chunks/Camera-DjENiyud.js");
+var Camera = require("../../chunks/Camera-C8ug84NJ.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
-require("../../chunks/colors-CmOkcjB3.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
-require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Avatar-DTro_MXZ.js"), require("../../chunks/Icon-DjvProjz.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-CktV9aap.js"), 
+require("../../chunks/colors-BlSE7Sf2.js"), require("../../chunks/webRTCStore-M1HXHN92.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), require("../../chunks/microphoneStore-BQttBRKb.js"), 
+require("../../chunks/volumeStore-CPxgI64S.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Avatar-C8Y8QA6W.js"), require("../../chunks/Icon-CRxH8X5b.js"), 
 exports.Camera = Camera.Camera;

package/dist/cjs/components/CheckBox/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var CheckBox = require("../../chunks/CheckBox-DiJpbdy5.js");
+var CheckBox = require("../../chunks/CheckBox-rALyYaSt.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/misc-BwQIEIuF.js"), require("../../chunks/Icon-DjvProjz.js"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/misc-CktV9aap.js"), require("../../chunks/Icon-CRxH8X5b.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
-require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-M1HXHN92.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), require("../../chunks/microphoneStore-BQttBRKb.js"), 
+require("../../chunks/volumeStore-CPxgI64S.js"), require("../../hooks/useWindow.js"), 
 exports.CheckBox = CheckBox.CheckBox;

package/dist/cjs/components/Chip/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var Chip = require("../../chunks/Chip-kzOvEo0P.js");
+var Chip = require("../../chunks/Chip-BwxjTPRM.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-BwQIEIuF.js"), require("../../chunks/Icon-DjvProjz.js"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-CktV9aap.js"), require("../../chunks/Icon-CRxH8X5b.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-DRjvbnve.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), require("../../chunks/microphoneStore-Dy5TwE2I.js"), 
-require("../../chunks/volumeStore-BXFAQhvS.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/sharedTypes-BOieqpQy.js"), exports.Chip = Chip.Chip;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-M1HXHN92.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), require("../../chunks/microphoneStore-BQttBRKb.js"), 
+require("../../chunks/volumeStore-CPxgI64S.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/sharedTypes-Cep5dDpY.js"), exports.Chip = Chip.Chip;

package/dist/cjs/components/DivInput/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var DivInput = require("../../chunks/DivInput-B917fKB9.js");
+var DivInput = require("../../chunks/DivInput-BRhOr7b5.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/misc-BwQIEIuF.js"), exports.DivInput = DivInput.DivInput;
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/misc-CktV9aap.js"), exports.DivInput = DivInput.DivInput;

package/dist/cjs/components/Dot/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Dot = require("../../chunks/Dot-DaRF2JyO.js");
+var Dot = require("../../chunks/Dot-DLk45OlQ.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), exports.Dot = Dot.Dot;

package/dist/cjs/components/DraggablePanel/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var DrggablePanel = require("../../chunks/DrggablePanel-CJTEmYW6.js");
+var DrggablePanel = require("../../chunks/DrggablePanel-Ch24xWZu.js");
 
-require("../../chunks/tslib.es6-DqjaJVC3.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-yslq87rf.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BwQIEIuF.js"), 
-require("../../chunks/webRTCStore-DRjvbnve.js"), require("zustand"), require("../../chunks/WebRTCConnection-DBeyg4j9.js"), 
-require("../../chunks/microphoneStore-Dy5TwE2I.js"), require("../../chunks/volumeStore-BXFAQhvS.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-CktV9aap.js"), 
+require("../../chunks/webRTCStore-M1HXHN92.js"), require("zustand"), require("../../chunks/WebRTCConnection-DOegM5k_.js"), 
+require("../../chunks/microphoneStore-BQttBRKb.js"), require("../../chunks/volumeStore-CPxgI64S.js"), 
 require("../../hooks/useWindow.js"), require("../../hooks/useObserveResize.js"), 
 exports.DraggablePanel = DrggablePanel.DraggablePanel;