@apple-pie/slice 0.1.34 → 0.1.36

package/dist/esm/chunks/{FileIcon-DnEohsNX.mjs → FileIcon-D20gyTFi.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -9,13 +9,9 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-BQH7I5Zj.mjs";
+import { a as accessibleKeyDown } from "./misc-DjqDmrJE.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{FileList-CnuT4Llg.mjs → FileList-C-YZ-FcH.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-DjqDmrJE.mjs";
 
-import { F as FileIcon } from "./FileIcon-DnEohsNX.mjs";
+import { F as FileIcon } from "./FileIcon-D20gyTFi.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BWrcdWvF.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-CRc_YmyK.mjs";
 
 /**
  * Split a file name into its display name and extension.

package/dist/esm/chunks/{FlexDiv-DGEzQRcq.mjs → FlexDiv-CtfrPPcV.mjs}

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

package/dist/esm/chunks/{Grouper-BoGryrnc.mjs → Grouper-gDZnuiM0.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,17 +11,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
+import { B as Badge } from "./Badge-BpiR8FTR.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
 
 var css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
 

package/dist/esm/chunks/{Icon-CbDAKN_S.mjs → Icon-CF8mSm1j.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
@@ -9,13 +9,9 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-BQH7I5Zj.mjs";
+import { a as accessibleKeyDown } from "./misc-DjqDmrJE.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -24,7 +20,19 @@ var css_icon = "Icon-module_icon__szG-X";
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
- */ const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
+ */ const STATIC_ICON_REGISTRY = new Map([ [ "npm", {
+    line: ({strokeColor: strokeColor}) => jsx("path", {
+        d: "M7.415 7.656l17.291 0.024-0.011 17.29h-4.329l0.012-12.974h-4.319l-0.010 12.964h-8.656zM3.207 1.004c-0.002 0-0.003 0-0.005 0-1.214 0-2.198 0.984-2.198 2.198 0 0.002 0 0.004 0 0.006v-0 25.585c0 0.002 0 0.003 0 0.005 0 1.214 0.984 2.198 2.198 2.198 0.002 0 0.004 0 0.006 0h25.585c0.002 0 0.003 0 0.005 0 1.214 0 2.198-0.984 2.198-2.198 0-0.002 0-0.004 0-0.006v0-25.585c0-0.002 0-0.003 0-0.005 0-1.214-0.984-2.198-2.198-2.198-0.002 0-0.004 0-0.006 0h0z",
+        transform: "scale(0.625)",
+        fill: strokeColor
+    })
+} ], [ "github", {
+    line: ({strokeColor: strokeColor}) => jsx("path", {
+        d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
+        transform: "translate(0 0) scale(1.25)",
+        fill: strokeColor
+    })
+} ], [ "talk", {
     line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
             d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",

package/dist/esm/chunks/IconButton-DAyyIY8J.mjs

@@ -0,0 +1,193 @@
+'use client';
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import { motion } from "motion/react";
+
+import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
+
+import { B as Badge } from "./Badge-BpiR8FTR.mjs";
+
+import { D as Dot } from "./Dot-CWHimm2-.mjs";
+
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
+
+import { T as ToolTipType } from "./sharedTypes-_CvGLd7A.mjs";
+
+var AnimationPreset, AnimationType, css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
+
+/**
+ * Helper for quick popular animation effects
+ */ !function(AnimationPreset) {
+    AnimationPreset.Rotate = "rotate", AnimationPreset.Fade = "fade", AnimationPreset.Scale = "scale";
+}(AnimationPreset || (AnimationPreset = {})), function(AnimationType) {
+    AnimationType.Rotate = "rotate", AnimationType.Fade = "opacity", AnimationType.Scale = "scale";
+}(AnimationType || (AnimationType = {}));
+
+/**
+ * Resolves presets to a button animation
+ */
+const presetAnimation = {
+    [AnimationPreset.Rotate]: {
+        animation: {
+            type: AnimationType.Rotate,
+            value: {
+                on: 0,
+                off: 180
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "linear"
+            }
+        }
+    },
+    [AnimationPreset.Fade]: {
+        animation: {
+            type: AnimationType.Fade,
+            value: {
+                off: 0,
+                on: 1
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "easeInOut"
+            }
+        }
+    },
+    [AnimationPreset.Scale]: {
+        animation: {
+            type: AnimationType.Scale,
+            value: {
+                off: 0,
+                on: 1
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "linear"
+            }
+        }
+    }
+}, resolveVariants = (presets, custom) => {
+    const animations = [];
+    let transition;
+    if (presets) {
+        const presetAnimations = presetAnimation[presets].animation, presetTransition = presetAnimation[presets].transition, animationEntries = Array.isArray(presetAnimations) ? presetAnimations : [ presetAnimations ];
+        animations.push(...animationEntries), presetTransition && (transition = presetTransition);
+    }
+    if (custom) {
+        const customAnimations = custom.animation, customTransition = custom.transition, customAnimationEntries = Array.isArray(customAnimations) ? customAnimations : [ customAnimations ];
+        animations.push(...customAnimationEntries), customTransition && (transition = customTransition);
+    }
+    return (animations => {
+        if (!animations) return;
+        const variants = {
+            initial: {},
+            animate: {},
+            exit: {}
+        }, {animation: animation, transition: transition} = animations, animationEntries = Array.isArray(animation) ? animation : [ animation ], {on: on, off: off} = null != transition ? transition : {};
+        for (const entry of animationEntries) {
+            const {type: type, value: value} = entry;
+            variants.initial = Object.assign(Object.assign({}, variants.initial), {
+                [type]: value.off
+            }), variants.animate = Object.assign(Object.assign({}, variants.animate), {
+                [type]: value.on,
+                transition: on
+            }), variants.exit = Object.assign(Object.assign({}, variants.exit), {
+                [type]: value.off,
+                transition: null != off ? off : on
+            });
+        }
+        return variants;
+    })({
+        animation: animations,
+        transition: transition
+    });
+}, IconButton = React.memo(props => {
+    const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", presetAnimations: presetAnimations, customAnimations: customAnimations, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "presetAnimations", "customAnimations", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
+    useEffect(() => setOn(isToggled), [ isToggled ]);
+    const handleClick = useCallback(e => {
+        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
+    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = useCallback(e => {
+        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
+        const tip = {
+            type: ToolTipType.button,
+            payload: {
+                label: tooltip
+            },
+            event: e,
+            ref: ref
+        };
+        onToolTip(tip);
+    }, [ tooltip, onToolTip ]), handleMouseLeave = useCallback(() => {
+        setHovered(!1), tooltip && onToolTip(null);
+    }, [ tooltip, onToolTip ]), bgColorNormal = useMemo(() => on ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ bgColorOn, bgColor, on ]), bgHoverColor = useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = useMemo(() => ({
+        "--ib-bg-color": bgColorNormal,
+        "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
+        "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
+        "--ib-button-size": `${null != size ? size : 0}px`,
+        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
+        "--ib-border": border ? "1px" : 0,
+        "--ib-color": textColor,
+        "--ib-cursor": disabled ? "default" : "pointer"
+    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
+    return jsxs(motion.button, Object.assign({
+        id: divId,
+        type: "button",
+        className: `${css_button}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onClick: e => handleClick(e),
+        onMouseOutCapture: handleMouseLeave,
+        onMouseOverCapture: handleMouseEnter,
+        transition: transition,
+        variants: variants,
+        initial: initial,
+        animate: animate,
+        exit: exit,
+        disabled: disabled,
+        "aria-disabled": disabled,
+        ref: ref
+    }, rest, {
+        children: [ jsx(motion.div, {
+            className: css_icon,
+            style: {
+                opacity: disabled ? .3 : 1
+            },
+            variants: resolveVariants(presetAnimations, customAnimations),
+            initial: isToggled ? "animate" : "initial",
+            animate: on ? "animate" : "exit",
+            children: jsx(Icon, {
+                name: icon,
+                strokeColor: setIconColor,
+                fillColor: fillColor,
+                disabled: disabled,
+                size: iconSize,
+                fill: iconFill,
+                toggle: !!toggleIcon && on,
+                pointer: !0
+            })
+        }), label && jsx("div", {
+            className: css_label,
+            children: label
+        }), jsx(Dot, {
+            show: showDot
+        }), 0 !== count && jsx("div", {
+            className: css_count,
+            children: jsx(Badge, {
+                variant: "light",
+                count: count,
+                hideNull: !0
+            })
+        }) ]
+    }));
+});
+
+/**
+ * Resolves button animation to motion variants
+ */ export { AnimationPreset as A, IconButton as I, AnimationType as a };

package/dist/esm/chunks/{IndexedDB-Bqjric8V.mjs → IndexedDB-Ckz-KqBO.mjs}

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

package/dist/esm/chunks/{Label-BlvreqNJ.mjs → Label-2jNz4_6V.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import { useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
 var LabelBackground, css = {
     label: "Label-module_label__RaRvM",

package/dist/esm/chunks/{Level-COXHoBs6.mjs → Level-CVC8xDqy.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-CAET7dc9.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-DKVVhtrd.mjs";
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/esm/chunks/{Modal-CqBytyja.mjs → Modal-BmNG8fzy.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import { B as Button } from "./Button-v92U2QVV.mjs";
+import { B as Button } from "./Button-CsgknV85.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
 
-import { I as IconButton } from "./IconButton-nOcdRqR3.mjs";
+import { I as IconButton } from "./IconButton-DAyyIY8J.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",

package/dist/esm/chunks/{ModalController-6Gc8QRxx.mjs → ModalController-Ce3srWy-.mjs}

@@ -4,15 +4,11 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef } from "react";
 
-import "./microphoneStore-uYs2NQQx.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
-import "./volumeStore-C0iU07fK.mjs";
+import { O as Overlay } from "./Overlay-B7lugjjj.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import { O as Overlay } from "./Overlay-iKgSkUKP.mjs";
-
-import { u as useModal, a as useModalActions } from "./modalStore-DbxIsSpU.mjs";
+import { u as useModal, a as useModalActions } from "./modalStore-BXnW8M6D.mjs";
 
 var css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
 

package/dist/esm/chunks/{Overlay-iKgSkUKP.mjs → Overlay-B7lugjjj.mjs}

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

package/dist/esm/chunks/{Pager-XgsZBzcg.mjs → Pager-DURbG5j1.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useMemo, useEffect, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-BQH7I5Zj.mjs";
+import { a as accessibleKeyDown } from "./misc-DjqDmrJE.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-BWrcdWvF.mjs → ProgressIndicator-CRc_YmyK.mjs}

@@ -7,17 +7,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
 
 import { AnimatePresence, motion } from "motion/react";
 

package/dist/esm/chunks/{PromptInput-DbT3sVeA.mjs → PromptInput-vnwk-zMH.mjs}

@@ -7,21 +7,17 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./tslib.es6-75ZdAmtm.mjs";
+import "./tslib.es6-8-nvCYY0.mjs";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-v92U2QVV.mjs";
+import { B as Button } from "./Button-CsgknV85.mjs";
 
-import { F as FileList } from "./FileList-CnuT4Llg.mjs";
+import { F as FileList } from "./FileList-C-YZ-FcH.mjs";
 
 var css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",

package/dist/esm/chunks/{RadioButton-DUzPaLKa.mjs → RadioButton-BEuDCEOu.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.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-NjEGYpj4.mjs → RadioButtonList-B_WIvWpr.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import { R as RadioButton } from "./RadioButton-DUzPaLKa.mjs";
+import { R as RadioButton } from "./RadioButton-BEuDCEOu.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-Bvnhqzjx.mjs → Slider-CDjKOpoL.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,15 +7,11 @@ import React, { useRef, useState, useMemo, useCallback, useEffect } from "react"
 
 import "../theme/colors.mjs";
 
-import { p as pointerPosition } from "./misc-BQH7I5Zj.mjs";
+import { p as pointerPosition } from "./misc-DjqDmrJE.mjs";
 
-import { d as debounce } from "./debounce-DpPYyz3x.mjs";
+import { d as debounce } from "./debounce-AGOKEQDZ.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Spacer-B2JAN7e8.mjs → Spacer-CdkfmN54.mjs}

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

package/dist/esm/chunks/{Switch-CspvY_DQ.mjs → Switch-C_DiN4cG.mjs}

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

package/dist/esm/chunks/{TabBar-BlvOUGJx.mjs → TabBar-D8IYekUP.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,23 +9,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
+import { s as setStyle } from "./misc-DjqDmrJE.mjs";
 
-import "./webRTCStore-Ck8TCzr_.mjs";
-
-import "./microphoneStore-uYs2NQQx.mjs";
-
-import "./volumeStore-C0iU07fK.mjs";
+import "./microphoneStore-zHPtnRfW.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
+import { B as Badge } from "./Badge-BpiR8FTR.mjs";
 
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
+import { I as Icon } from "./Icon-CF8mSm1j.mjs";
 
-import { I as IconButton } from "./IconButton-nOcdRqR3.mjs";
+import { I as IconButton } from "./IconButton-DAyyIY8J.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DoNQkNSM.mjs";
+import { T as ToolTipType } from "./sharedTypes-_CvGLd7A.mjs";
 
 var css = {
     wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",
@@ -106,7 +102,7 @@ const placeholderOptions = [ {
         buttonRef: element => {
             optionRefs.current[i] = element;
         }
-    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown, textSize ]), cssVars = useMemo(() => ({
+    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown, borderColor, textSize ]), cssVars = useMemo(() => ({
         "--tab-bar-gap": `${tabGap}px`,
         "--tab-bar-height": `${setStyle(height)}px`,
         "--tab-bar-width": setStyle(width),

package/dist/esm/chunks/{TextArea-BpMTGopK.mjs → TextArea-DWcOF8Wp.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
+import { _ as __rest } from "./tslib.es6-8-nvCYY0.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-v92U2QVV.mjs";
+import { B as Button } from "./Button-CsgknV85.mjs";
 
 var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 
@@ -13,7 +13,7 @@ const TextArea = React.memo(props => {
     const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
         bottom: 10,
         right: 10
-    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = __rest(props, [ "value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, [isFocused, setIsFocused] = useState(focused), [text, setText] = useState(value), ref = useRef(null), handleResize = useCallback(() => {
+    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, maxLength: maxLength, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = __rest(props, [ "value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "maxLength", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, [isFocused, setIsFocused] = useState(focused), [text, setText] = useState(value), ref = useRef(null), handleResize = useCallback(() => {
         (null == ref ? void 0 : ref.current) && (ref.current.style.height = "auto", ref.current.style.height = `${ref.current.scrollHeight}px`);
     }, []);
     useEffect(() => {
@@ -69,6 +69,7 @@ const TextArea = React.memo(props => {
             value: text,
             placeholder: placeholder,
             rows: rows,
+            maxLength: maxLength,
             disabled: disabled,
             onChange: e => handleChange(e.target.value),
             onInput: () => handleResize(),