@apple-pie/slice 0.1.22 → 0.1.24

package/dist/cjs/chunks/AudioBubble-C8HdYBY8.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+
+require("../theme/colors.js");
+
+var colors = require("./colors-njquvHkx.js"), audioVisualizer = require("./audioVisualizer-EIfIjWH7.js");
+
+require("../hooks/useWindow.js");
+
+var styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";
+
+styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AudioBubble-module_wrapper__f2yKg {\n\tmin-height: var(--ab-size);\n\tmin-width: var(--ab-size);\n\theight: var(--ab-size);\n\twidth: var(--ab-size);\n\toverflow: visible;\n\tz-index: var(--elevation-status);\n}\n\n.AudioBubble-module_bubble__bpPT3 {\n\tmin-height: var(--ab-size);\n\tmin-width: var(--ab-size);\n\theight: var(--ab-size);\n\twidth: var(--ab-size);\n\tborder-radius: 100%;\n\tbackground: var(--ab-bg-color);\n\tbox-shadow: var(--ab-box-shadow);\n\ttransition: transform 40ms linear 0s;\n}\n");
+
+const AudioBubble = React.memo(props => {
+    const lightColor = hooks_useTheme.useTheme().current.colors["core-text-light"], {audioStream: audioStream, playing: playing = !1, size: size = 64, backgroundColor: backgroundColor = lightColor, glow: glow = !0, glowColor: glowColor = colors.addOpacity(lightColor, .1), glowSize: glowSize = 48, glowOffset: glowOffset = 18, minScale: minScale = 1, maxScale: maxScale = 3, intensity: intensity = 2.2, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, ReleasePerSeconds: ReleasePerSeconds = 1.5} = props, divAttributes = tslib_es6.__rest(props, [ "audioStream", "playing", "size", "backgroundColor", "glow", "glowColor", "glowSize", "glowOffset", "minScale", "maxScale", "intensity", "peakIntensity", "risePerSeconds", "ReleasePerSeconds" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = React.useRef(null), [scale, setScale] = React.useState(minScale), visualizerSettings = React.useMemo(() => ({
+        minScale: minScale,
+        maxScale: maxScale,
+        intensityMultiplier: intensity,
+        peakIntensity: peakIntensity,
+        risePerSecond: risePerSeconds,
+        releasePerSecond: ReleasePerSeconds,
+        onUpdate: ({scale: nextScale}) => setScale(nextScale)
+    }), [ minScale, maxScale, intensity, peakIntensity, risePerSeconds, ReleasePerSeconds ]), setGlow = React.useMemo(() => glow ? `0 ${glowOffset}px ${glowSize}px ${glowColor}` : "unset", [ glow, glowColor, glowSize, glowOffset ]), cssVars = React.useMemo(() => ({
+        "--ab-size": `${size}px`,
+        "--ab-bg-color": backgroundColor,
+        "--ab-box-shadow": setGlow
+    }), [ size, backgroundColor, setGlow ]);
+    return React.useEffect(() => {
+        var _a;
+        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
+        !audioStream) return void setScale(minScale);
+        const visualizer = new audioVisualizer.AudioVisualizer(audioStream, visualizerSettings);
+        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
+            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
+        };
+    }, [ audioStream, minScale, playing, visualizerSettings ]), React.useEffect(() => {
+        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
+        setScale(minScale)));
+    }, [ minScale, playing ]), jsxRuntime.jsx("div", Object.assign({
+        id: divId,
+        className: `${css_wrapper}${divClass}`,
+        style: divStyle
+    }, rest, {
+        children: jsxRuntime.jsx("div", {
+            className: css_bubble,
+            style: Object.assign(Object.assign({}, cssVars), {
+                transform: `scale(${scale})`
+            })
+        })
+    }));
+});
+
+exports.AudioBubble = AudioBubble;

package/dist/cjs/chunks/{Button-KGA0e9-0.js → Button-DmWbooXb.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CY_DG6cD.js"), Dot = require("./Dot-_HCJ3qxd.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-DETWiASA.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CY_DG6cD.js"), Dot = require("./Dot-_HCJ3qxd.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-8QZwTSyY.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
     label: "Button-module_label__UJ3Zt",
     count: "Button-module_count__DFxVB flexBox-module_row__z24tF",

package/dist/cjs/chunks/{DropDown-CJH-Y6Z5.js → DropDown-Cy2o78yw.js}

@@ -17,7 +17,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", selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 4, backgroundColor: backgroundColor, bgColor: bgColor = "transparent", 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 = "8px", paddingRight: paddingRight = "12px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "name", "label", "labelColor", "size", "width", "height", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "bgColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange" ]), {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)", size: size = "m", width: width = "100%", height: height = "auto", selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 4, 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 = "8px", paddingRight: paddingRight = "12px", 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", "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;
@@ -38,8 +38,8 @@ function DropDownComponent(props) {
     const handleChange = React.useCallback(i => {
         if (!options) return;
         const label = options[i].label || "Select an option";
-        setIndex(i), setSelectedText(label), index !== i && onChange(i, options[i]);
-    }, [ options, index, onChange ]), renderedOptions = React.useMemo(() => options ? options.map((option, i) => jsxRuntime.jsx("option", {
+        setIndex(i), setSelectedText(label), index !== i && (onChange(i, options[i]), onOption(options[i]));
+    }, [ options, index, onChange, onOption ]), renderedOptions = React.useMemo(() => options ? options.map((option, i) => jsxRuntime.jsx("option", {
         value: i,
         onMouseUp: () => handleChange(i),
         children: null == option ? void 0 : option.label

package/dist/cjs/chunks/{FileList-CIRALfrW.js → FileList-DjTXjXnK.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileIcon = require("./FileIcon-xoD-xIme.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-DETWiASA.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileIcon = require("./FileIcon-xoD-xIme.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-8QZwTSyY.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{ProgressIndicator-DETWiASA.js → ProgressIndicator-8QZwTSyY.js}

@@ -51,7 +51,7 @@ const DoneCheck = React.memo(props => {
 
 var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_column__ezvMq";
 
-styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.ProgressIndicator-module_container__pW2gW {\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n\tz-index: var(--elevation-status);\n}\n\n.ProgressIndicator-module_iconWrapper__puIt4 {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n");
+styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.ProgressIndicator-module_container__pW2gW {\n\tdisplay: var(--pi-display) !important;\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n\tz-index: var(--elevation-status);\n}\n\n.ProgressIndicator-module_iconWrapper__puIt4 {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n");
 
 const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = !1) => jsxRuntime.jsxs(react.motion.svg, {
     xmlns: "http://www.w3.org/2000/svg",
@@ -112,7 +112,8 @@ exports.DoneCheck = DoneCheck, exports.ProgressIndicator = function(props) {
     const cssVars = React.useMemo(() => ({
         "--pi-position": inline ? "relative" : "absolute",
         "--pi-inset": inline ? "unset" : "0",
-        "--pi-icon-size": `${null != size ? size : 0}px`
+        "--pi-icon-size": `${null != size ? size : 0}px`,
+        "--pi-display": inline ? "inline-flex" : "flex"
     }), [ inline, size ]), openCircle = React.useMemo(() => OpenCircle(size, secondsPerSpin, color, stroke, playing), [ size, secondsPerSpin, color, stroke, playing ]);
     return jsxRuntime.jsx(react.AnimatePresence, {
         initial: !0,

package/dist/cjs/chunks/{PromptInput-DUxwal3V.js → PromptInput-D1wP5-uN.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
 
 require("../theme/colors.js"), require("./tslib.es6-C8dZW5nY.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-KGA0e9-0.js"), FileList = require("./FileList-CIRALfrW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var Button = require("./Button-DmWbooXb.js"), FileList = require("./FileList-DjTXjXnK.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
     bgRotate: "PromptInput-module_bgRotate__Um720",
     textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{TextArea-mSespe9z.js → TextArea-CtJi771p.js}

@@ -1,11 +1,11 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-KGA0e9-0.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.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-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-DmWbooXb.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.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";
 
 styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextArea-module_wrapper__O0sWP {\n\tposition: relative;\n\tpadding: var(--ta-padding) !important;\n\twidth: var(--ta-width);\n\theight: auto;\n\tborder-radius: var(--ta-border-radius);\n\tbackground-color: var(--ta-bg-color);\n\tbox-shadow: 0 0 0 1px var(--ta-border-color);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextArea-module_textarea__-R2n0 {\n\tborder: 0;\n\toutline: 0;\n\tpadding: 0 16px 0 0;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--core-text-primary);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tresize: var(--ta-resize);\n\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\toverflow-y: auto;\n\n\t&::-webkit-scrollbar {\n\t\tbackground-color: transparent;\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t\tcursor: default;\n\t}\n}\n\n.TextArea-module_actions__yunQx {\n\twidth: 100%;\n\tmin-height: 30px;\n\tcolor: var(--core-text-disabled);\n\tgap: 16px;\n}\n\n.TextArea-module_option__2SFx5 {\n\tgap: 4px;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcursor: default;\n}\n\n.TextArea-module_send__Cub13 {\n\tposition: absolute;\n\tbottom: var(--ta-send-icon-offset-bottom);\n\tright: var(--ta-send-icon-offset-right);\n}\n\n.TextArea-module_xs__5e748 {\n}\n\n.TextArea-module_s__Ac-fq {\n}\n\n.TextArea-module_m__dod4R {\n}\n\n.TextArea-module_l__-uLCG {\n}\n");
 
 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 = !1, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
+    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 = {
         bottom: 10,
         right: 10
     }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {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, [isFocused, setIsFocused] = React.useState(focused), [text, setText] = React.useState(value), ref = React.useRef(null), handleResize = React.useCallback(() => {

package/dist/cjs/chunks/{TextField-Cz2lh-fP.js → TextField-B2u_CZKk.js}

@@ -8,7 +8,7 @@ var misc = require("./misc-BTF7BCZW.js");
 
 require("../hooks/useWindow.js");
 
-var Button = require("./Button-KGA0e9-0.js"), Icon = require("./Icon-BB-t50Yt.js"), IconButton = require("./IconButton-BUw3YUsI.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var Button = require("./Button-DmWbooXb.js"), Icon = require("./Icon-BB-t50Yt.js"), IconButton = require("./IconButton-BUw3YUsI.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.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",
@@ -21,7 +21,7 @@ var Button = require("./Button-KGA0e9-0.js"), Icon = require("./Icon-BB-t50Yt.js
     l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg"
 };
 
-styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__qZ-p- {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tpadding-right: var(--tf-padding-right) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextField-module_container__5U9yK {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__jD8MR {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__AkWBQ {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: var(--tf-input-width);\n\tfield-sizing: var(--tf-field-size);\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__4Ecfo {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_clearButton__O9ed3 {\n\tborder: 0;\n\tbackground: transparent;\n\tappearance: none;\n\t-webkit-appearance: none;\n\toutline: none;\n\tcursor: pointer;\n}\n\n.TextField-module_xs__vyt2t {\n}\n\n.TextField-module_s__0qm83 {\n}\n\n.TextField-module_m__M-tLl {\n}\n\n.TextField-module_l__gbNRz {\n}\n");
+styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__qZ-p- {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tpadding-right: var(--tf-padding-right) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg-color);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextField-module_container__5U9yK {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__jD8MR {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__AkWBQ {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\theight: 100%;\n\twidth: var(--tf-input-width);\n\tfield-sizing: var(--tf-field-size);\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__4Ecfo {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_clearButton__O9ed3 {\n\tborder: 0;\n\tbackground: transparent;\n\tappearance: none;\n\t-webkit-appearance: none;\n\toutline: none;\n\tcursor: pointer;\n}\n\n.TextField-module_xs__vyt2t {\n}\n\n.TextField-module_s__0qm83 {\n}\n\n.TextField-module_m__M-tLl {\n}\n\n.TextField-module_l__gbNRz {\n}\n");
 
 const MOTION_CONFIG = {
     variants: {

package/dist/cjs/chunks/{UploadArea-CtvvqLU7.js → UploadArea-BS2BPuhZ.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileList = require("./FileList-CIRALfrW.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-DETWiASA.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileList = require("./FileList-DjTXjXnK.js"), Icon = require("./Icon-BB-t50Yt.js"), ProgressIndicator = require("./ProgressIndicator-8QZwTSyY.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.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/audioVisualizer-EIfIjWH7.js

@@ -0,0 +1,60 @@
+"use strict";
+
+exports.AudioVisualizer = class {
+    constructor(source, options = {}) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.analyser = null, this.animationFrameId = null, this.audioContext = null, this.currentIntensity = 0, 
+        this.lastFrameTime = 0, this.sourceNode = null, this.timeDomainData = null, this.onFrame = now => {
+            var _a;
+            if (!this.analyser || !this.timeDomainData) return;
+            this.analyser.getByteTimeDomainData(this.timeDomainData);
+            let sum = 0;
+            for (const sample of this.timeDomainData) {
+                const normalized = (sample - 128) / 128;
+                sum += normalized * normalized;
+            }
+            const rms = Math.sqrt(sum / this.timeDomainData.length), targetIntensity = (value = rms * this.intensityMultiplier / this.peakIntensity, 
+            min = 0, max = 1, Math.min(Math.max(value, min), max));
+            var value, min, max;
+            const deltaSeconds = Math.max((now - this.lastFrameTime) / 1e3, 0), stepPerSecond = targetIntensity > this.currentIntensity ? this.risePerSecond : this.releasePerSecond;
+            var current, target, maxDelta;
+            this.currentIntensity = (current = this.currentIntensity, maxDelta = stepPerSecond * deltaSeconds, 
+            (target = targetIntensity) > current ? Math.min(current + maxDelta, target) : Math.max(current - maxDelta, target)), 
+            this.lastFrameTime = now, null === (_a = this.onUpdate) || void 0 === _a || _a.call(this, {
+                intensity: this.currentIntensity,
+                scale: this.getScale()
+            }), this.animationFrameId = requestAnimationFrame(this.onFrame);
+        }, this.source = source, this.fftSize = null !== (_a = options.fftSize) && void 0 !== _a ? _a : 512, 
+        this.intensityMultiplier = null !== (_b = options.intensityMultiplier) && void 0 !== _b ? _b : 2.2, 
+        this.maxScale = null !== (_c = options.maxScale) && void 0 !== _c ? _c : 2, this.minScale = null !== (_d = options.minScale) && void 0 !== _d ? _d : 1, 
+        this.onUpdate = options.onUpdate, this.peakIntensity = null !== (_e = options.peakIntensity) && void 0 !== _e ? _e : .2, 
+        this.releasePerSecond = null !== (_f = options.releasePerSecond) && void 0 !== _f ? _f : 1.5, 
+        this.risePerSecond = null !== (_g = options.risePerSecond) && void 0 !== _g ? _g : 4;
+    }
+    start() {
+        if ("undefined" == typeof window || "undefined" == typeof AudioContext) throw new Error("AudioVisualizer requires a browser AudioContext");
+        var source;
+        null === this.animationFrameId && (this.audioContext || (this.audioContext = new AudioContext, 
+        this.analyser = this.audioContext.createAnalyser(), this.analyser.fftSize = this.fftSize, 
+        this.sourceNode = this.audioContext.createMediaStreamSource((source = this.source) instanceof MediaStream ? source : new MediaStream([ source ])), 
+        this.sourceNode.connect(this.analyser), this.timeDomainData = new Uint8Array(new ArrayBuffer(this.analyser.fftSize))), 
+        this.audioContext.resume(), this.lastFrameTime = performance.now(), this.animationFrameId = requestAnimationFrame(this.onFrame));
+    }
+    stop() {
+        null !== this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), 
+        this.animationFrameId = null);
+    }
+    dispose() {
+        var _a, _b, _c;
+        this.stop(), null === (_a = this.sourceNode) || void 0 === _a || _a.disconnect(), 
+        null === (_b = this.analyser) || void 0 === _b || _b.disconnect(), null === (_c = this.audioContext) || void 0 === _c || _c.close(), 
+        this.sourceNode = null, this.analyser = null, this.audioContext = null, this.timeDomainData = null, 
+        this.currentIntensity = 0, this.lastFrameTime = 0;
+    }
+    getIntensity() {
+        return this.currentIntensity;
+    }
+    getScale() {
+        return this.minScale + this.currentIntensity * (this.maxScale - this.minScale);
+    }
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+
+var AudioBubble = require("../../chunks/AudioBubble-C8HdYBY8.js");
+
+require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
+require("../../hooks/useTheme.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-njquvHkx.js"), 
+require("../../chunks/audioVisualizer-EIfIjWH7.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.AudioBubble = AudioBubble.AudioBubble;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Button = require("../../chunks/Button-KGA0e9-0.js");
+var Button = require("../../chunks/Button-DmWbooXb.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
@@ -8,5 +8,5 @@ require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"
 require("../../hooks/useTheme.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-BTF7BCZW.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-DETWiASA.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-8QZwTSyY.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.Button = Button.Button;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var DropDown = require("../../chunks/DropDown-CJH-Y6Z5.js");
+var DropDown = require("../../chunks/DropDown-Cy2o78yw.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-BB-t50Yt.js"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var FileList = require("../../chunks/FileList-CIRALfrW.js");
+var FileList = require("../../chunks/FileList-DjTXjXnK.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/FileIcon-xoD-xIme.js"), 
@@ -8,5 +8,5 @@ require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require(".
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
 require("../../chunks/Icon-BB-t50Yt.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-DETWiASA.js"), require("motion/react"), 
+require("../../chunks/ProgressIndicator-8QZwTSyY.js"), require("motion/react"), 
 exports.FileList = FileList.FileList;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var ProgressIndicator = require("../../chunks/ProgressIndicator-DETWiASA.js");
+var ProgressIndicator = require("../../chunks/ProgressIndicator-8QZwTSyY.js");
 
 require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var PromptInput = require("../../chunks/PromptInput-DUxwal3V.js");
+var PromptInput = require("../../chunks/PromptInput-D1wP5-uN.js");
 
 require("react/jsx-runtime"), require("react"), require("../../hooks/useTheme.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/tslib.es6-C8dZW5nY.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Button-KGA0e9-0.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/Button-DmWbooXb.js"), 
 require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-DETWiASA.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-CIRALfrW.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-8QZwTSyY.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-DjTXjXnK.js"), 
 require("../../chunks/FileIcon-xoD-xIme.js"), exports.PromptInput = PromptInput.PromptInput;

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var TextArea = require("../../chunks/TextArea-mSespe9z.js");
+var TextArea = require("../../chunks/TextArea-CtJi771p.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Button-KGA0e9-0.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), 
+require("../../chunks/Button-DmWbooXb.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-_HCJ3qxd.js"), 
 require("../../chunks/Icon-BB-t50Yt.js"), require("../../hooks/useTheme.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-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-DETWiASA.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-8QZwTSyY.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TextArea = TextArea.TextArea;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var TextField = require("../../chunks/TextField-Cz2lh-fP.js");
+var TextField = require("../../chunks/TextField-B2u_CZKk.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../hooks/useTheme.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-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Button-KGA0e9-0.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Button-DmWbooXb.js"), 
 require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-BB-t50Yt.js"), 
-require("../../chunks/ProgressIndicator-DETWiASA.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+require("../../chunks/ProgressIndicator-8QZwTSyY.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
 require("../../chunks/IconButton-BUw3YUsI.js"), exports.TextField = TextField.TextField;

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

@@ -1,15 +1,15 @@
 "use strict";
 
-var UploadArea = require("../../chunks/UploadArea-CtvvqLU7.js");
+var UploadArea = require("../../chunks/UploadArea-BS2BPuhZ.js");
 
 require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-CIRALfrW.js"), 
+require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-DjTXjXnK.js"), 
 require("../../chunks/FileIcon-xoD-xIme.js"), require("../../hooks/useTheme.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("../../hooks/useWindow.js"), 
 require("../../chunks/Icon-BB-t50Yt.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-DETWiASA.js"), require("motion/react"), 
+require("../../chunks/ProgressIndicator-8QZwTSyY.js"), require("motion/react"), 
 exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
 exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes, 
 exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes, 

package/dist/cjs/hooks/useAudioRecorder.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
+
+exports.useAudioRecorder = function(audioStream) {
+    const audioBlob = React.useRef(null), mediaRecorderRef = React.useRef(null), recordedChunksRef = React.useRef([]), stopResolveRef = React.useRef(null), [error, setError] = React.useState(null), [isRecording, setIsRecording] = React.useState(!1), [recordingSizeMb, setRecordingSizeMb] = React.useState(0), [mimeType, setMimeType] = React.useState(null), resetRecording = React.useCallback(() => {
+        audioBlob.current = null, recordedChunksRef.current = [], setRecordingSizeMb(0), 
+        setError(null);
+    }, []), startRecording = React.useCallback(() => {
+        var _a;
+        try {
+            if ("undefined" == typeof MediaRecorder) throw new TypeError("MediaRecorder is not supported in this browser");
+            if ("recording" === (null === (_a = mediaRecorderRef.current) || void 0 === _a ? void 0 : _a.state)) return;
+            const stream = (audioStream => {
+                const source = (audioStream => audioStream ? "object" == typeof audioStream && "current" in audioStream ? audioStream.current : audioStream : null)(audioStream);
+                return source ? "undefined" == typeof MediaStream ? null : source instanceof MediaStream ? source : new MediaStream([ source ]) : null;
+            })(audioStream);
+            if (!stream) throw new Error("No audio stream or track provided");
+            resetRecording();
+            const nextMimeType = (() => {
+                if ("undefined" == typeof MediaRecorder) return null;
+                const mimeTypes = [ "audio/mpeg", "audio/mp4", "audio/webm;codecs=opus", "audio/webm", "audio/ogg;codecs=opus", "audio/ogg" ];
+                for (const mimeType of mimeTypes) if (MediaRecorder.isTypeSupported(mimeType)) return mimeType;
+                return null;
+            })();
+            setMimeType(nextMimeType);
+            const mediaRecorder = nextMimeType ? new MediaRecorder(stream, {
+                mimeType: nextMimeType
+            }) : new MediaRecorder(stream);
+            mediaRecorder.ondataavailable = event => {
+                event.data.size > 0 && (recordedChunksRef.current.push(event.data), setRecordingSizeMb(size => size + event.data.size / 1024 / 1024));
+            }, mediaRecorder.onerror = () => {
+                setError(new Error("Audio recording failed")), setIsRecording(!1);
+            }, mediaRecorder.onstop = () => {
+                var _a;
+                const nextBlob = new Blob(recordedChunksRef.current, {
+                    type: mediaRecorder.mimeType || nextMimeType || "audio/webm"
+                });
+                audioBlob.current = nextBlob, setIsRecording(!1), null === (_a = stopResolveRef.current) || void 0 === _a || _a.call(stopResolveRef, nextBlob), 
+                stopResolveRef.current = null;
+            }, mediaRecorderRef.current = mediaRecorder, mediaRecorder.start(250), setIsRecording(!0);
+        } catch (error) {
+            console.error("Error recording audio:", error), setError(error instanceof Error ? error : new Error("Unknown error")), 
+            setIsRecording(!1);
+        }
+    }, [ audioStream, resetRecording ]), stopRecording = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        try {
+            const mediaRecorder = mediaRecorderRef.current;
+            return mediaRecorder && "inactive" !== mediaRecorder.state ? new Promise(resolve => {
+                stopResolveRef.current = resolve, mediaRecorder.stop();
+            }) : (setIsRecording(!1), audioBlob.current);
+        } catch (error) {
+            return console.error("Error stopping recording:", error), setError(error instanceof Error ? error : new Error("Unknown error")), 
+            setIsRecording(!1), null;
+        }
+    }), []);
+    return React.useEffect(() => () => {
+        mediaRecorderRef.current && "inactive" !== mediaRecorderRef.current.state && mediaRecorderRef.current.stop(), 
+        mediaRecorderRef.current = null, stopResolveRef.current = null;
+    }, []), {
+        audioBlob: audioBlob,
+        error: error,
+        isRecording: isRecording,
+        recordingSizeMb: recordingSizeMb,
+        mimeType: mimeType,
+        resetRecording: resetRecording,
+        startRecording: startRecording,
+        stopRecording: stopRecording
+    };
+};