@apple-pie/slice 0.1.22 → 0.1.23

package/dist/cjs/chunks/AudioBubble-v4xKclI8.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}\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/{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-rWqDDui3.js}

@@ -1,6 +1,6 @@
 "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");
 

package/dist/cjs/chunks/{TextField-Cz2lh-fP.js → TextField-C6U-qhDt.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",

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-v4xKclI8.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/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-rWqDDui3.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-C6U-qhDt.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
+    };
+};

package/dist/cjs/hooks/useMicrophone.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var tslib_es6 = require("../chunks/tslib.es6-C8dZW5nY.js"), React = require("react");
+
+exports.useMicrophone = function(startMuted = !0, microphoneDeviceId) {
+    const micStream = React.useRef(null), micTrack = React.useRef(null), mutedRef = React.useRef(startMuted), mountedRef = React.useRef(!0), initializedRef = React.useRef(!1), [microphones, setMicrophones] = React.useState([]), [muted, setMuted] = React.useState(startMuted), [isRequesting, setIsRequesting] = React.useState(!1), [error, setError] = React.useState(null), waitForPaint = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        yield new Promise(resolve => {
+            requestAnimationFrame(() => resolve());
+        });
+    }), []), waitForTrackToBecomeActive = React.useCallback(track => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        ("live" !== track.readyState || track.muted) && (yield new Promise(resolve => {
+            const handleUnmute = () => {
+                track.removeEventListener("unmute", handleUnmute), resolve();
+            };
+            track.addEventListener("unmute", handleUnmute, {
+                once: !0
+            });
+        }));
+    }), []), stopMicStream = React.useCallback(() => {
+        var _a;
+        const tracks = null === (_a = micStream.current) || void 0 === _a ? void 0 : _a.getTracks();
+        for (const track of null != tracks ? tracks : []) track.stop();
+        micStream.current = null, micTrack.current = null;
+    }, []), hasMediaSupport = React.useMemo(() => {
+        var _a;
+        return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
+    }, []), getMicTrack = React.useCallback(() => {
+        if (!micStream.current) throw new Error("No microphone stream found");
+        const audioTrack = micStream.current.getAudioTracks()[0];
+        if (!audioTrack) throw new Error("No audio track found");
+        return audioTrack;
+    }, []), muteMic = React.useCallback(() => (getMicTrack().enabled = !1, mutedRef.current = !0, 
+    setMuted(!0), !0), [ getMicTrack ]), unmuteMic = React.useCallback(() => (getMicTrack().enabled = !0, 
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = React.useCallback(deviceId => {
+        var _a;
+        const id = null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0;
+        return {
+            audio: {
+                deviceId: id ? {
+                    exact: id
+                } : void 0
+            }
+        };
+    }, [ microphoneDeviceId ]), requestMicrophone = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
+            const nextError = new Error("Microphone access is not supported");
+            return setError(nextError), mountedRef.current && setIsRequesting(!1), null;
+        }
+        setError(null), stopMicStream();
+        try {
+            return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints()), 
+            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), micStream.current;
+        } catch (error) {
+            if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) {
+                const nextError = error instanceof Error ? error : new Error("Failed to access microphone");
+                throw setError(nextError), nextError;
+            }
+            return micStream.current = yield navigator.mediaDevices.getUserMedia({
+                audio: !0
+            }), micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            micStream.current;
+        } finally {
+            setIsRequesting(!1);
+        }
+    }), [ constraints, getMicTrack, hasMediaSupport, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), refreshMicrophones = React.useCallback(() => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        if (!hasMediaSupport) return [];
+        try {
+            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind);
+            return setMicrophones(mics), devices.filter(device => "audioinput" === device.kind);
+        } catch (error) {
+            return console.warn("Error getting microphone devices:", error), setMicrophones([]), 
+            [];
+        }
+    }), [ hasMediaSupport ]), setMicrophone = React.useCallback(deviceId => tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        setIsRequesting(!0), yield waitForPaint();
+        try {
+            if (!deviceId) return;
+            setError(null), stopMicStream(), micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId)), 
+            micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
+            mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current));
+        } catch (err) {
+            setError(err instanceof Error ? err : new Error("Error switching microphone")), 
+            console.warn("Error switching microphone:", err);
+        } finally {
+            setIsRequesting(!1);
+        }
+    }), [ constraints, getMicTrack, stopMicStream, waitForPaint, waitForTrackToBecomeActive ]), toggleMute = React.useCallback(() => {
+        try {
+            muted ? unmuteMic() : muteMic();
+        } catch (error) {
+            return void console.warn("Error toggling microphone mute:", error);
+        }
+    }, [ muted, unmuteMic, muteMic ]);
+    return React.useEffect(() => {
+        if (mountedRef.current = !0, hasMediaSupport && !initializedRef.current) return initializedRef.current = !0, 
+        requestMicrophone().then(() => {
+            startMuted && muteMic();
+        }).catch(err => {
+            console.error("Error accessing microphone:", err);
+        }), () => {
+            mountedRef.current = !1, stopMicStream();
+        };
+    }, [ hasMediaSupport, requestMicrophone, startMuted, muteMic, stopMicStream ]), 
+    React.useEffect(() => {
+        var _a;
+        if (!hasMediaSupport || !(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.addEventListener)) return;
+        refreshMicrophones();
+        const handleDeviceChange = () => {
+            refreshMicrophones();
+        };
+        return navigator.mediaDevices.addEventListener("devicechange", handleDeviceChange), 
+        () => {
+            navigator.mediaDevices.removeEventListener("devicechange", handleDeviceChange);
+        };
+    }, [ hasMediaSupport, refreshMicrophones ]), {
+        micStream: micStream,
+        micTrack: micTrack,
+        muted: muted,
+        isSupported: hasMediaSupport,
+        isRequesting: isRequesting,
+        error: error,
+        microphones: microphones,
+        requestMicrophone: requestMicrophone,
+        stopMicrophone: stopMicStream,
+        muteMic: muteMic,
+        unmuteMic: unmuteMic,
+        toggleMute: toggleMute,
+        refreshMicrophones: refreshMicrophones,
+        setMicrophone: setMicrophone
+    };
+};

package/dist/cjs/hooks.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js");
+var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useMdStreamBuffer = require("./hooks/useMdStreamBuffer.js"), hooks_useMicrophone = require("./hooks/useMicrophone.js"), hooks_useAudioRecorder = require("./hooks/useAudioRecorder.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js");
 
 require("react"), require("./theme/themes.js"), require("./theme/colors.js"), require("./theme/corners.js"), 
 require("./theme/elevations.js"), require("./theme/motion.js"), require("./theme/type.js"), 
@@ -9,7 +9,8 @@ exports.useTheme = hooks_useTheme.useTheme, exports.useObserveTheme = hooks_useO
 exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick, exports.useToolTip = hooks_useToolTip.useToolTip, 
 exports.useKeyboardShortcuts = hooks_useKeyboardShortcuts.useKeyboardShortcuts, 
 exports.useLastUpdated = hooks_useLastUpdated.useLastUpdated, exports.useLocalStore = hooks_useLocalStore.useLocalStore, 
-exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, Object.defineProperty(exports, "FormFactor", {
+exports.useMDStreamBuffer = hooks_useMdStreamBuffer.useMDStreamBuffer, exports.useMicrophone = hooks_useMicrophone.useMicrophone, 
+exports.useAudioRecorder = hooks_useAudioRecorder.useAudioRecorder, Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return hooks_useWindow.FormFactor;