@apple-pie/slice 0.1.31 → 0.1.33

package/dist/esm/chunks/Level-B9JayinM.mjs

@@ -0,0 +1,63 @@
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+
+import { jsx } from "react/jsx-runtime";
+
+import React, { useRef, useState, useMemo, useEffect } from "react";
+
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
+
+import { A as AudioVisualizer } from "./audioVisualizer-nMo67yOW.mjs";
+
+var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
+
+const Level = React.memo(function(props) {
+    const {width: width = 100, height: height = 4, gap: gap = 0, audioStream: audioStream, playing: playing = !1, minIntensity: minIntensity = 0, maxIntensity: maxIntensity = 5, intensity: intensity = 3.5, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, releasePerSeconds: releasePerSeconds, ReleasePerSeconds: ReleasePerSeconds = 1.5, borderRadius: borderRadius = 4, borderColor: borderColor = "transparent", borderWidth: borderWidth = 0, colorActive: colorActive = "var(--feedback-positive)", backgroundColor: backgroundColor = "var(--core-surface-primary-tint)"} = props, divAttributes = __rest(props, [ "width", "height", "gap", "audioStream", "playing", "minIntensity", "maxIntensity", "intensity", "peakIntensity", "risePerSeconds", "releasePerSeconds", "ReleasePerSeconds", "borderRadius", "borderColor", "borderWidth", "colorActive", "backgroundColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = useRef(null), [normalizedIntensity, setNormalizedIntensity] = useState(0), totalBars = Math.max(1, Math.floor(maxIntensity)), minBars = Math.max(0, Math.min(Math.floor(minIntensity), totalBars)), releaseRate = null != releasePerSeconds ? releasePerSeconds : ReleasePerSeconds, intensityIntervals = useMemo(() => new Array(totalBars).fill(0).map((_, index) => index), [ totalBars ]), activeBars = useMemo(() => {
+        const scaledBars = Math.round(minBars + normalizedIntensity * (totalBars - minBars));
+        return Math.max(minBars, Math.min(scaledBars, totalBars));
+    }, [ minBars, normalizedIntensity, totalBars ]), visualizerSettings = useMemo(() => ({
+        intensityMultiplier: intensity,
+        peakIntensity: peakIntensity,
+        risePerSecond: risePerSeconds,
+        releasePerSecond: releaseRate,
+        onUpdate: ({intensity: nextIntensity}) => setNormalizedIntensity(nextIntensity)
+    }), [ intensity, peakIntensity, releaseRate, risePerSeconds ]);
+    useEffect(() => {
+        var _a;
+        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
+        !audioStream) return void setNormalizedIntensity(0);
+        const visualizer = new AudioVisualizer(audioStream, visualizerSettings);
+        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
+            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
+        };
+    }, [ audioStream, playing, visualizerSettings ]), useEffect(() => {
+        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
+        setNormalizedIntensity(0)));
+    }, [ playing ]);
+    const cssVars = useMemo(() => ({
+        "--level-width": setStyle(width),
+        "--level-height": setStyle(height),
+        "--level-gap": setStyle(gap),
+        "--level-bar-border-radius": setStyle(borderRadius),
+        "--level-border-color": borderColor,
+        "--level-border-width": setStyle(borderWidth),
+        "--level-color": colorActive,
+        "--level-bg-color": backgroundColor
+    }), [ width, height, gap, borderRadius, borderColor, borderWidth, colorActive, backgroundColor ]);
+    return jsx("div", Object.assign({
+        id: divId,
+        className: `${css_wrapper}${divClass}`,
+        style: Object.assign(Object.assign({}, cssVars), divStyle)
+    }, rest, {
+        children: intensityIntervals.map(barIndex => jsx("div", {
+            className: css_barContainer,
+            children: jsx("div", {
+                className: css_bar,
+                style: {
+                    opacity: barIndex < activeBars ? 1 : 0
+                }
+            })
+        }, barIndex))
+    }));
+});
+
+export { Level as L };

package/dist/esm/chunks/{MdStreamBuffer-4AJH8WaN.mjs → MdStreamBuffer-Cyon3ytf.mjs}

@@ -88,18 +88,19 @@ const DEFAULT_WATCHED_MARKERS = [ {
  * Buffer streamed Markdown and emit parser-safe snapshots on animation frames.
  */ class MdBuffer {
     constructor(options) {
-        var _a, _b, _c, _d, _e, rules;
-        this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.completeSignal = !1, 
-        this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker, 
-        this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
+        var _a, _b, _c, _d, _e, _f, rules;
+        this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.flushTimer = null, 
+        this.lastFlushAt = 0, this.lastFlushedRawLength = 0, this.completeSignal = !1, this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, 
+        this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker, this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
         this.includeLinksAndImages = null !== (_b = null == options ? void 0 : options.includeLinksAndImages) && void 0 !== _b && _b, 
-        this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_c = null == options ? void 0 : options.requestFrame) && void 0 !== _c ? _c : function() {
+        this.flushDelayMs = Math.max(0, null !== (_c = null == options ? void 0 : options.flushDelayMs) && void 0 !== _c ? _c : 0), 
+        this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_d = null == options ? void 0 : options.requestFrame) && void 0 !== _d ? _d : function() {
             if ("undefined" != typeof globalThis && "function" == typeof globalThis.requestAnimationFrame) return globalThis.requestAnimationFrame.bind(globalThis);
             return callback => globalThis.setTimeout(() => callback(Date.now()), 16);
-        }(), this.cancelFrame = null !== (_d = null == options ? void 0 : options.cancelFrame) && void 0 !== _d ? _d : function() {
+        }(), this.cancelFrame = null !== (_e = null == options ? void 0 : options.cancelFrame) && void 0 !== _e ? _e : function() {
             if ("undefined" != typeof globalThis && "function" == typeof globalThis.cancelAnimationFrame) return globalThis.cancelAnimationFrame.bind(globalThis);
             return handle => globalThis.clearTimeout(handle);
-        }(), this.watchedMarkers = (rules = null !== (_e = null == options ? void 0 : options.watchedMarkers) && void 0 !== _e ? _e : DEFAULT_WATCHED_MARKERS, 
+        }(), this.watchedMarkers = (rules = null !== (_f = null == options ? void 0 : options.watchedMarkers) && void 0 !== _f ? _f : DEFAULT_WATCHED_MARKERS, 
         [ ...rules ].sort((left, right) => right.open.length - left.open.length));
     }
     /**
@@ -112,6 +113,11 @@ const DEFAULT_WATCHED_MARKERS = [ {
      */    get healthy() {
         return this.buildHealthyOutput();
     }
+    /**
+     * Characters appended since the last emitted snapshot.
+     */    get pendingCharacters() {
+        return Math.max(0, this.raw.length - this.lastFlushedRawLength);
+    }
     /**
      * Append a streamed Markdown token and schedule a frame flush.
      */    append(chunk) {
@@ -123,11 +129,15 @@ const DEFAULT_WATCHED_MARKERS = [ {
      * Emit the current snapshot immediately.
      */    flush(reason = "manual") {
         var _a;
+        this.clearScheduledFlush();
+        const raw = this.committedRaw + this.activeRaw, healthy = this.buildHealthyOutput();
+        this.lastFlushAt = Date.now(), this.lastFlushedRawLength = raw.length;
         const snapshot = {
-            raw: this.committedRaw + this.activeRaw,
-            healthy: this.buildHealthyOutput(),
+            raw: raw,
+            healthy: healthy,
             reason: reason,
-            isComplete: this.completeSignal
+            isComplete: this.completeSignal,
+            pendingCharacters: this.pendingCharacters
         };
         return null === (_a = this.onFlush) || void 0 === _a || _a.call(this, snapshot), 
         snapshot;
@@ -135,14 +145,13 @@ const DEFAULT_WATCHED_MARKERS = [ {
     /**
      * Mark the stream as complete and flush one final snapshot.
      */    complete() {
-        return null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
-        this.completeSignal = !0, this.flush("complete");
+        return this.clearScheduledFlush(), this.completeSignal = !0, this.flush("complete");
     }
     /**
      * Clear the buffered state and cancel any pending frame.
      */    reset() {
-        null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
-        this.committedRaw = "", this.activeRaw = "", this.completeSignal = !1;
+        this.clearScheduledFlush(), this.committedRaw = "", this.activeRaw = "", this.lastFlushAt = 0, 
+        this.lastFlushedRawLength = 0, this.completeSignal = !1;
     }
     /**
      * Cancel future work and release the retained state.
@@ -158,10 +167,23 @@ const DEFAULT_WATCHED_MARKERS = [ {
         return this.dispose(), snapshot;
     }
     scheduleFlush() {
-        null === this.frameHandle && (this.frameHandle = this.requestFrame(() => {
-            this.frameHandle = null, this.flush("raf");
+        null === this.frameHandle && null === this.flushTimer && (this.frameHandle = this.requestFrame(() => {
+            this.frameHandle = null;
+            const remainingDelay = this.getRemainingFlushDelay();
+            remainingDelay <= 0 ? this.flush("raf") : this.flushTimer = setTimeout(() => {
+                this.flushTimer = null, this.flush("raf");
+            }, remainingDelay);
         }));
     }
+    getRemainingFlushDelay() {
+        if (this.flushDelayMs <= 0) return 0;
+        const elapsed = Date.now() - this.lastFlushAt;
+        return Math.max(0, this.flushDelayMs - elapsed);
+    }
+    clearScheduledFlush() {
+        null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
+        null !== this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null);
+    }
     commitStableLines() {
         if (this.buildHealthyTail(this.activeRaw) !== this.activeRaw) return;
         const lastNewlineIndex = this.activeRaw.lastIndexOf("\n");

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

@@ -1,22 +1,24 @@
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+'use client';
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
-import React, { useMemo } from "react";
+import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-CTGTuM2J.mjs";
+import { s as setStyle } from "./misc-zecH7-IH.mjs";
 
-import { B as Button } from "./Button-BJoMLZIs.mjs";
+import { B as Button } from "./Button-CWKs3uAV.mjs";
 
-import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+import { I as Icon } from "./Icon-L8B35JN1.mjs";
 
-import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
     title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
     titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",
     titleIcon: "Modal-module_titleIcon__xJYzy flexBox-module_row__z24tF",
+    contentWrapper: "Modal-module_contentWrapper__Swyjx flexBox-module_columnStart__C7P44",
     content: "Modal-module_content__dWO-B flexBox-module_columnStart__C7P44",
     actions: "Modal-module_actions__hY6zi flexBox-module_rowBetween__5FEvi",
     leftActions: "Modal-module_leftActions__-M-DM flexBox-module_rowStart__4tcxS",
@@ -29,7 +31,19 @@ var css = {
 };
 
 const Modal = React.memo(props => {
-    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = __rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", cssVars = useMemo(() => ({
+    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, autoBorderBottom: autoBorderBottom = !0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", scrollHandleColor: scrollHandleColor = "var(--core-text-disabled)", scrollHandleColorHover: scrollHandleColorHover = "var(--core-text-disabled)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = __rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "autoBorderBottom", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "scrollHandleColor", "scrollHandleColorHover", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), contentWrapperRef = useRef(null), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", [scrolls, setScrolls] = useState(!1), getScrolls = useCallback(() => {
+        var _a, _b;
+        const height = null === (_a = contentWrapperRef.current) || void 0 === _a ? void 0 : _a.offsetHeight, scrollHeight = null === (_b = contentWrapperRef.current) || void 0 === _b ? void 0 : _b.scrollHeight;
+        return !(!height || !scrollHeight) && height < scrollHeight;
+    }, []), setActionBorderWidth = useMemo(() => scrolls && 0 === actionsBorderWidth && autoBorderBottom ? "1px" : setStyle(actionsBorderWidth), [ actionsBorderWidth, scrolls, autoBorderBottom ]), setContentPaddingTops = useMemo(() => {
+        if (scrolls && autoBorderBottom) {
+            if ("string" == typeof padding) {
+                return padding.split(" ")[0];
+            }
+            return setStyle(padding, "16px");
+        }
+        return "0";
+    }, [ scrolls, padding, autoBorderBottom ]), cssVars = useMemo(() => ({
         "--modal-min-width": setStyle(minWidth),
         "--modal-min-height": setStyle(minHeight),
         "--modal-max-height": setStyle(maxHeight),
@@ -38,13 +52,20 @@ const Modal = React.memo(props => {
         "--modal-title-color": titleColor,
         "--modal-border-radius": setStyle(borderRadius),
         "--modal-border-width": setStyle(borderWidth),
-        "--modal-padding": setStyle(padding, 16),
+        "--modal-padding": setStyle(padding, "16px 24px"),
         "--modal-background-color": backgroundColor,
         "--modal-title-border-color": titleBorderColor,
         "--modal-title-border-width": setStyle(titleBorderWidth),
         "--modal-actions-border-color": actionsBorderColor,
-        "--modal-actions-border-width": setStyle(actionsBorderWidth)
-    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderWidth, actionsBorderColor, backgroundColor ]), renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsx(Button, {
+        "--modal-scroll-handle": setStyle(scrollHandleColor),
+        "--modal-scroll-handle-hover": setStyle(scrollHandleColorHover),
+        "--modal-actions-border-width": setActionBorderWidth,
+        "--modal-content-padding-tops": setContentPaddingTops
+    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderColor, backgroundColor, scrollHandleColor, scrollHandleColorHover, setContentPaddingTops, setActionBorderWidth ]);
+    useEffect(() => {
+        children && maxHeight && setScrolls(getScrolls());
+    }, [ children, maxHeight, getScrolls ]);
+    const renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsx(Button, {
         variant: action.primary ? "solid" : "outline",
         label: action.label,
         onClick: e => (action => {
@@ -67,9 +88,9 @@ const Modal = React.memo(props => {
     }, rest, {
         children: [ (title || close) && jsxs("div", {
             className: `${css.title} ${css[titleSize]}`,
+            onPointerDown: onDragPointerDown,
             children: [ jsxs("div", {
                 className: css.titleBlock,
-                onPointerDown: onDragPointerDown,
                 children: [ titleIcon && jsx("div", {
                     className: css.titleIcon,
                     children: jsx(Icon, {
@@ -95,10 +116,15 @@ const Modal = React.memo(props => {
                 })
             }) ]
         }), jsx("div", {
-            className: `${css.content} ${css[contentSize]}`,
-            children: children
+            className: css.contentWrapper,
+            ref: contentWrapperRef,
+            children: jsx("div", {
+                className: `${css.content} ${css[contentSize]}`,
+                children: children
+            })
         }), actions && actions.length > 0 && jsxs("div", {
             className: css.actions,
+            onPointerDown: onDragPointerDown,
             children: [ jsx("div", {
                 className: css.leftActions,
                 children: renderActions("left")

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

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

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

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

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

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useMemo, useEffect, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+import { a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
 
 var css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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