@apple-pie/slice 0.1.32 → 0.1.33

package/dist/esm/chunks/{FileList-vMiGJByw.mjs → FileList-CztHFCJe.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
 
-import { F as FileIcon } from "./FileIcon-6UlkbKzk.mjs";
+import { F as FileIcon } from "./FileIcon-iFmAF7_a.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BV0ginXb.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
 
 /**
  * Split a file name into its display name and extension.

package/dist/esm/chunks/{FlexDiv-B1m7aY04.mjs → FlexDiv-DGmDZL7M.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Grouper-BDrAnfDF.mjs → Grouper-DxOISLzH.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,11 +11,17 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
+
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-DuUb5-80.mjs";
+import { B as Badge } from "./Badge-bh5UVUnt.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
 var 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";
 

package/dist/esm/chunks/{Icon-D4A6_c4x.mjs → Icon-L8B35JN1.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -9,7 +9,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-2MIIqzsX.mjs";
+import { a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{IconButton-B_W-aOsB.mjs → IconButton-DxwJemEK.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,13 +7,13 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
 
-import { B as Badge } from "./Badge-DuUb5-80.mjs";
+import { B as Badge } from "./Badge-bh5UVUnt.mjs";
 
-import { D as Dot } from "./Dot-v_kcIWV2.mjs";
+import { D as Dot } from "./Dot-DMst-5Q2.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CyrInj1b.mjs";
+import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
 
 var 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";
 

package/dist/esm/chunks/{IndexedDB-CTqfKmp1.mjs → IndexedDB-DA5oZXju.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-C81Qhn1z.mjs";
+import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
 
 class IndexedDB {
     constructor(storeName, options = {}) {

package/dist/esm/chunks/{Label-I75yz3gq.mjs → Label-wDPtyK4h.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import { useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
 var LabelBackground, css = {
     label: "Label-module_label__RaRvM",

package/dist/esm/chunks/{Level-DgczkKBr.mjs → Level-B9JayinM.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-BsmpLZyK.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-nMo67yOW.mjs";
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/esm/chunks/{Modal-CwwyijaO.mjs → Modal-C-Q2A_RY.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
-import { B as Button } from "./Button-BIgwWrPJ.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-B_W-aOsB.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",

package/dist/esm/chunks/ModalController-ClAjHLPb.mjs

@@ -0,0 +1,91 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+
+import { useDragControls, AnimatePresence, motion } from "motion/react";
+
+import { useRef } from "react";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import { O as Overlay } from "./Overlay-Dr9YYxJ6.mjs";
+
+import { u as useModal, a as useModalActions } from "./modalStore-D6_oc47l.mjs";
+
+var 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",
+    duration: .25,
+    delay: .1
+}, defaultVariants = {
+    initial: {
+        opacity: 0,
+        y: 20
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: 20
+    }
+};
+
+function ModalController(props) {
+    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = useDragControls(), modal = useModal(), resolve = useModalActions().resolve, reject = useModalActions().reject, hide = useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props, ref = useRef(null), constraints = null != dragConstraintsRef ? dragConstraintsRef : ref;
+    return jsxs(Fragment, {
+        children: [ jsx(Overlay, {
+            show: !!modal,
+            type: "dark",
+            opacity: overlayOpacity,
+            color: overlayColor,
+            onClick: () => hide()
+        }), jsx(AnimatePresence, {
+            children: modal && ModalComponent && jsx("div", {
+                className: css_container,
+                ref: ref,
+                children: jsx("div", {
+                    className: css_box,
+                    children: jsx(motion.div, {
+                        className: css_wrapper,
+                        variants: variants,
+                        initial: initial,
+                        animate: animate,
+                        exit: exit,
+                        transition: transition,
+                        drag: draggable,
+                        dragListener: !draggable && void 0,
+                        dragControls: draggable ? controls : void 0,
+                        dragConstraints: draggable ? constraints : void 0,
+                        dragElastic: draggable ? 0 : void 0,
+                        dragMomentum: !draggable && void 0,
+                        children: jsx(ModalComponent, Object.assign({}, modalProps, {
+                            onResolve: value => {
+                                "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value), 
+                                resolve(value);
+                            },
+                            onReject: error => {
+                                "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error), 
+                                reject(error);
+                            },
+                            onClose: () => {
+                                "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(), 
+                                hide();
+                            },
+                            onDragPointerDown: e => {
+                                "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)), 
+                                controls.start(e);
+                            }
+                        }))
+                    })
+                })
+            })
+        }) ]
+    });
+}
+
+export { ModalController as M };

package/dist/esm/chunks/{Overlay-C-yori3-.mjs → Overlay-Dr9YYxJ6.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Pager-BEtfyKtq.mjs → Pager-DPbTCMNe.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useMemo, useEffect, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-2MIIqzsX.mjs";
+import { a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
 
 var 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";
 

package/dist/esm/chunks/{ProgressIndicator-BV0ginXb.mjs → ProgressIndicator-HaJJDZ-m.mjs}

@@ -7,11 +7,17 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
 import { AnimatePresence, motion } from "motion/react";
 

package/dist/esm/chunks/{PromptInput-Cn5fRYap.mjs → PromptInput-wGhpXw-h.mjs}

@@ -7,13 +7,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./tslib.es6-C81Qhn1z.mjs";
+import "./tslib.es6-CVvvNSPr.mjs";
+
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-BIgwWrPJ.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
-import { F as FileList } from "./FileList-vMiGJByw.mjs";
+import { F as FileList } from "./FileList-CztHFCJe.mjs";
 
 var css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
@@ -30,7 +38,7 @@ var css = {
 };
 
 const PromptInputBase = React.forwardRef((props, ref) => {
-    const {children: children, attachments: attachments = [], value: value = "", working: working = !1, maxHeight: maxHeight, borderStyle: borderStyle = "gradient", borderColor: borderColor, borderColorOn: borderColorOn, borderAnimate: borderAnimate = !0, borderWidth: borderWidth = 1, borderRadius: borderRadius = 8, focused: focused = !1, placeholder: placeholder = "Ask me anything ...", placeholderWorking: placeholderWorking = "Working ...", submitClears: submitClears = !0, submitEnablesStop: submitEnablesStop = !0, enterSubmits: enterSubmits = !0, attachButton: attachButton = !0, sendButton: sendButton = !0, stopEnabled: stopEnabled = !1, textSize: textSize = "m", maxLength: maxLength, toolbarGap: toolbarGap = 8, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, onStop: onStop, onAttachmentsChange: onAttachmentsChange} = props, {isDark: isDark} = useTheme(), [isFocused, setIsFocused] = useState(null != focused && focused), [isWorking, setIsWorking] = useState(null != working && working), [isStopEnabled, setIsStopEnabled] = useState(stopEnabled), [textValue, setTextValue] = useState(value), textAreaRef = useRef(null), handleFocus = useCallback(() => {
+    const {children: children, attachments: attachments = [], value: value = "", width: width = "100%", maxWidth: maxWidth, minWidth: minWidth, working: working = !1, maxHeight: maxHeight, attachmentsDisabled: attachmentsDisabled = !1, submitWorking: submitWorking = !1, borderStyle: borderStyle = "gradient", borderColor: borderColor, borderColorOn: borderColorOn, borderAnimate: borderAnimate = !0, borderWidth: borderWidth = 1, borderRadius: borderRadius = 8, focused: focused = !1, placeholder: placeholder = "Ask me anything ...", placeholderWorking: placeholderWorking = "Working ...", submitClears: submitClears = !0, enterSubmits: enterSubmits = !0, attachButton: attachButton = !0, sendButton: sendButton = !0, stopEnabled: stopEnabled = !1, textSize: textSize = "m", maxLength: maxLength, toolbarGap: toolbarGap = 8, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, onStop: onStop, onAttachmentsChange: onAttachmentsChange} = props, {isDark: isDark} = useTheme(), [isFocused, setIsFocused] = useState(null != focused && focused), [textValue, setTextValue] = useState(value), textAreaRef = useRef(null), handleFocus = useCallback(() => {
         var _a, _b;
         setIsFocused(!0), null === (_a = null == textAreaRef ? void 0 : textAreaRef.current) || void 0 === _a || _a.focus(), 
         null == onFocus || onFocus(null === (_b = textAreaRef.current) || void 0 === _b ? void 0 : _b.value, attachments);
@@ -46,47 +54,46 @@ const PromptInputBase = React.forwardRef((props, ref) => {
         setTextValue(newValue), null == onChange || onChange(newValue, attachments);
     }, [ onChange, attachments ]), handleSubmit = useCallback(() => {
         var _a;
-        if (isWorking || isStopEnabled) return;
+        if (stopEnabled) return;
+        if (working && submitWorking) return;
         const currentValue = null === (_a = textAreaRef.current) || void 0 === _a ? void 0 : _a.value;
-        currentValue && (null == onSubmit || onSubmit(currentValue, attachments), setIsWorking(!0), 
-        submitClears && setTextValue(""), submitEnablesStop && setIsStopEnabled(!0), handleBlur());
-    }, [ submitClears, onSubmit, handleBlur, submitEnablesStop, isWorking, isStopEnabled, attachments ]), handleStop = useCallback(() => {
-        setIsWorking(!1), setIsStopEnabled(!1), null == onStop || onStop(), handleFocus();
+        currentValue && (null == onSubmit || onSubmit(currentValue, attachments), submitClears && setTextValue(""), 
+        handleBlur());
+    }, [ stopEnabled, submitClears, onSubmit, handleBlur, attachments, working, submitWorking ]), handleStop = useCallback(() => {
+        null == onStop || onStop(), handleFocus();
     }, [ onStop, handleFocus ]), handleKeyDown = useCallback(e => {
-        if ("Enter" === e.key && enterSubmits) {
-            if (e.preventDefault(), isWorking) return;
-            handleSubmit();
-        }
-    }, [ handleSubmit, isWorking, enterSubmits ]), handleClickSend = useCallback(e => {
-        e.preventDefault(), e.stopPropagation(), isWorking && !isStopEnabled || (isStopEnabled ? handleStop() : handleSubmit());
-    }, [ handleSubmit, handleStop, isStopEnabled, isWorking ]), handleClickAttach = useCallback(e => {
+        "Enter" === e.key && enterSubmits && (e.preventDefault(), handleSubmit());
+    }, [ handleSubmit, enterSubmits ]), handleClickSend = useCallback(e => {
+        e.preventDefault(), e.stopPropagation(), stopEnabled ? handleStop() : handleSubmit();
+    }, [ handleSubmit, handleStop, stopEnabled ]), handleClickAttach = useCallback(e => {
         e.preventDefault(), e.stopPropagation();
     }, []), handleClickButtonBar = useCallback(e => {
-        e.preventDefault(), isWorking || handleFocus();
-    }, [ handleFocus, isWorking ]), setBorderColor = useMemo(() => {
+        e.preventDefault(), handleFocus();
+    }, [ handleFocus ]), setBorderColor = useMemo(() => {
         if ("gradient" === borderStyle) {
             const radial = isDark ? "var(--conic-gradient-dark)" : "var(--conic-gradient-light)";
-            return isWorking && borderAnimate ? radial : isFocused ? null != borderColorOn ? borderColorOn : radial : null != borderColor ? borderColor : radial;
+            return working && borderAnimate ? radial : isFocused ? null != borderColorOn ? borderColorOn : radial : null != borderColor ? borderColor : radial;
         }
-        return "solid" === borderStyle ? isWorking || isFocused ? null != borderColorOn ? borderColorOn : "var(--core-outline-special)" : null != borderColor ? borderColor : "transparent" : "transparent";
-    }, [ borderStyle, isFocused, borderColorOn, borderColor, isWorking, borderAnimate, isDark ]), setPlaceholder = useMemo(() => isWorking && placeholderWorking ? placeholderWorking : placeholder, [ isWorking, placeholder, placeholderWorking ]), setSendIconColor = useMemo(() => isStopEnabled || isWorking ? "var(--core-text-primary)" : "" !== textValue ? "var(--core-text-light)" : "var(--core-text-disabled)", [ textValue, isWorking, isStopEnabled ]), sendButtonState = useMemo(() => isStopEnabled || "" !== textValue || isWorking ? "normal" : "disabled", [ textValue, isStopEnabled, isWorking ]), attachState = useMemo(() => isWorking ? "disabled" : "normal", [ isWorking ]);
+        return "solid" === borderStyle ? working || isFocused ? null != borderColorOn ? borderColorOn : "var(--core-outline-special)" : null != borderColor ? borderColor : "transparent" : "transparent";
+    }, [ borderStyle, isFocused, borderColorOn, borderColor, working, borderAnimate, isDark ]), setPlaceholder = useMemo(() => working && placeholderWorking ? placeholderWorking : placeholder, [ working, placeholder, placeholderWorking ]), setSendIconColor = useMemo(() => stopEnabled ? "var(--core-text-primary)" : "" !== textValue ? "var(--core-text-light)" : "var(--core-text-disabled)", [ textValue, stopEnabled ]), sendButtonState = useMemo(() => working && submitWorking || stopEnabled ? "normal" : "" === textValue ? "disabled" : "normal", [ textValue, stopEnabled, working, submitWorking ]), attachState = useMemo(() => attachmentsDisabled ? "disabled" : "normal", [ attachmentsDisabled ]);
     useEffect(() => {
         var _a, _b;
         focused ? null === (_a = textAreaRef.current) || void 0 === _a || _a.focus() : null === (_b = textAreaRef.current) || void 0 === _b || _b.blur();
     }, [ focused ]), useEffect(() => {
         var _a;
         (null === (_a = textAreaRef.current) || void 0 === _a ? void 0 : _a.value) !== value && setTextValue(value);
-    }, [ value ]), useEffect(() => {
-        void 0 !== working && setIsWorking(working);
-    }, [ working ]), useEffect(() => setIsStopEnabled(stopEnabled), [ stopEnabled ]);
+    }, [ value ]);
     const cssVars = useMemo(() => ({
+        "--prompt-width": setStyle(width),
+        "--prompt-min-width": setStyle(minWidth, "unset"),
+        "--prompt-max-width": setStyle(maxWidth, "unset"),
         "--prompt-border-color": setBorderColor,
         "--prompt-max-height": maxHeight ? `${maxHeight}px` : "unset",
         "--prompt-border-width": borderWidth ? `${borderWidth}px` : "0",
-        "--prompt-state": isWorking && borderAnimate ? "running" : "paused",
+        "--prompt-state": working && borderAnimate ? "running" : "paused",
         "--prompt-border-radius": borderRadius ? `${borderRadius}px` : "8px",
         "--prompt-inner-border-radius": borderRadius ? borderRadius - 1 + "px" : "7px"
-    }), [ isWorking, borderAnimate, setBorderColor, borderWidth, borderRadius, maxHeight ]);
+    }), [ working, borderAnimate, setBorderColor, borderWidth, borderRadius, maxHeight, width, maxWidth, minWidth ]);
     return jsx("div", {
         className: css.wrapperBg,
         ref: ref,
@@ -137,13 +144,13 @@ const PromptInputBase = React.forwardRef((props, ref) => {
                 }), sendButton && jsx(Button, {
                     round: !0,
                     label: void 0,
-                    variant: isStopEnabled ? "outline" : "solid",
-                    iconLeft: isStopEnabled ? "stop" : "arrow up",
-                    iconSize: isStopEnabled ? 16 : 20,
+                    variant: stopEnabled ? "outline" : "solid",
+                    iconLeft: stopEnabled ? "stop" : "arrow up",
+                    iconSize: stopEnabled ? 16 : 20,
                     state: sendButtonState,
                     bgColorDisabled: "var(--core-outline-primary)",
-                    progress: !isStopEnabled,
-                    working: !isStopEnabled && isWorking,
+                    progress: !stopEnabled,
+                    working: submitWorking && working,
                     onMouseDown: handleClickSend,
                     iconColor: setSendIconColor
                 }) ]

package/dist/esm/chunks/{RadioButton-DWlg6ldv.mjs → RadioButton-oOGgTDhg.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
 var css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
 

package/dist/esm/chunks/{RadioButtonList-D9FdlhPL.mjs → RadioButtonList-CDWKVvyL.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
-import { R as RadioButton } from "./RadioButton-DWlg6ldv.mjs";
+import { R as RadioButton } from "./RadioButton-oOGgTDhg.mjs";
 
 var css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
 

package/dist/esm/chunks/{Slider-B2WZkZSg.mjs → Slider-ioPGftDY.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,9 +7,9 @@ import React, { useRef, useState, useMemo, useCallback, useEffect } from "react"
 
 import { useObserveResize } from "../hooks/useObserveResize.mjs";
 
-import { d as debounce } from "./debounce-CYBH5qXQ.mjs";
+import { p as pointerPosition } from "./misc-zecH7-IH.mjs";
 
-import { p as pointerPosition } from "./misc-2MIIqzsX.mjs";
+import { d as debounce } from "./debounce-DFxAyrPi.mjs";
 
 var css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
 

package/dist/esm/chunks/{Spacer-7Oj0SlD0.mjs → Spacer-VJBjxVlr.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Switch-DRhnznnO.mjs → Switch-BCk2sTh3.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{TabBar-D6VR71ye.mjs → TabBar-C1DYnCRx.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,15 +9,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
+
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-DuUb5-80.mjs";
+import { B as Badge } from "./Badge-bh5UVUnt.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-B_W-aOsB.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CyrInj1b.mjs";
+import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
 
 var 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";
 

package/dist/esm/chunks/{TextArea-CkB5rJjI.mjs → TextArea-CF3r5m2G.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-BIgwWrPJ.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
 var 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";
 

package/dist/esm/chunks/{TextField-BIXmkjEz.mjs → TextField-BNfTj9v2.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-BIgwWrPJ.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-B_W-aOsB.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Tip-CTdrwLky.mjs → Tip-DIKQvxxO.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-2MIIqzsX.mjs";
+import { f as filterClasses } from "./misc-zecH7-IH.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Toast-8bUziIgh.mjs → Toast-CkXPrDpp.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-C81Qhn1z.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,13 +11,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-2MIIqzsX.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+
+import "./webRTCStore-DhFE9-bb.mjs";
+
+import "./microphoneStore-Cbx9nV4R.mjs";
+
+import "./volumeStore-BrgZCRKF.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-D4A6_c4x.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BV0ginXb.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
 
 var ToastType, css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",