@apple-pie/slice 0.1.33 → 0.1.34

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,17 +11,17 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-Ck8TCzr_.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-uYs2NQQx.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-C0iU07fK.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-bh5UVUnt.mjs";
+import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CbDAKN_S.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-L8B35JN1.mjs → Icon-CbDAKN_S.mjs}

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,13 +7,13 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
 
-import { B as Badge } from "./Badge-bh5UVUnt.mjs";
+import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
 
-import { D as Dot } from "./Dot-DMst-5Q2.mjs";
+import { D as Dot } from "./Dot-B6Q97aIp.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CbDAKN_S.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
+import { T as ToolTipType } from "./sharedTypes-DoNQkNSM.mjs";
 
 var css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
 

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

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

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

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

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

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-75ZdAmtm.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 { s as setStyle } from "./misc-BQH7I5Zj.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-nMo67yOW.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-CAET7dc9.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-C-Q2A_RY.mjs → Modal-CqBytyja.mjs}

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

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

@@ -4,15 +4,15 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef } from "react";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-uYs2NQQx.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-C0iU07fK.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-Ck8TCzr_.mjs";
 
-import { O as Overlay } from "./Overlay-Dr9YYxJ6.mjs";
+import { O as Overlay } from "./Overlay-iKgSkUKP.mjs";
 
-import { u as useModal, a as useModalActions } from "./modalStore-D6_oc47l.mjs";
+import { u as useModal, a as useModalActions } from "./modalStore-DbxIsSpU.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-Dr9YYxJ6.mjs → Overlay-iKgSkUKP.mjs}

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

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

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

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

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

@@ -7,21 +7,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./tslib.es6-CVvvNSPr.mjs";
+import "./tslib.es6-75ZdAmtm.mjs";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-Ck8TCzr_.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-uYs2NQQx.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-C0iU07fK.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-CWKs3uAV.mjs";
+import { B as Button } from "./Button-v92U2QVV.mjs";
 
-import { F as FileList } from "./FileList-CztHFCJe.mjs";
+import { F as FileList } from "./FileList-CnuT4Llg.mjs";
 
 var css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
@@ -42,11 +42,13 @@ const PromptInputBase = React.forwardRef((props, ref) => {
         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);
-    }, [ onFocus, attachments ]), handleBlur = useCallback(() => {
+    }, [ onFocus, attachments ]), handleBlur = useCallback(valueOverride => {
         var _a, _b;
         setIsFocused(!1), null === (_a = textAreaRef.current) || void 0 === _a || _a.blur(), 
-        null == onBlur || onBlur(null === (_b = textAreaRef.current) || void 0 === _b ? void 0 : _b.value, attachments);
-    }, [ onBlur, attachments ]), handleAttachmentsChange = useCallback(newFiles => {
+        null == onBlur || onBlur(null != valueOverride ? valueOverride : null === (_b = textAreaRef.current) || void 0 === _b ? void 0 : _b.value, attachments);
+    }, [ onBlur, attachments ]), handleTextAreaBlur = useCallback(() => {
+        handleBlur();
+    }, [ handleBlur ]), handleAttachmentsChange = useCallback(newFiles => {
         var _a;
         null == onAttachmentsChange || onAttachmentsChange(newFiles), null == onChange || onChange(null === (_a = textAreaRef.current) || void 0 === _a ? void 0 : _a.value, newFiles);
     }, [ onAttachmentsChange, onChange ]), handleChange = useCallback(e => {
@@ -57,9 +59,10 @@ const PromptInputBase = React.forwardRef((props, ref) => {
         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), submitClears && setTextValue(""), 
-        handleBlur());
-    }, [ stopEnabled, submitClears, onSubmit, handleBlur, attachments, working, submitWorking ]), handleStop = useCallback(() => {
+        currentValue && (null == onSubmit || onSubmit(currentValue, attachments), submitClears && (setTextValue(""), 
+        null == onChange || onChange("", attachments), textAreaRef.current && (textAreaRef.current.value = "")), 
+        handleBlur(submitClears ? "" : currentValue));
+    }, [ stopEnabled, submitClears, onChange, onSubmit, handleBlur, attachments, working, submitWorking ]), handleStop = useCallback(() => {
         null == onStop || onStop(), handleFocus();
     }, [ onStop, handleFocus ]), handleKeyDown = useCallback(e => {
         "Enter" === e.key && enterSubmits && (e.preventDefault(), handleSubmit());
@@ -80,8 +83,7 @@ const PromptInputBase = React.forwardRef((props, ref) => {
         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);
+        setTextValue(value);
     }, [ value ]);
     const cssVars = useMemo(() => ({
         "--prompt-width": setStyle(width),
@@ -120,7 +122,7 @@ const PromptInputBase = React.forwardRef((props, ref) => {
                 onChange: handleChange,
                 placeholder: setPlaceholder,
                 onFocus: handleFocus,
-                onBlur: handleBlur,
+                onBlur: handleTextAreaBlur,
                 onKeyDown: handleKeyDown,
                 maxLength: maxLength,
                 rows: 1

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

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

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

@@ -1,15 +1,25 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useCallback, useEffect } from "react";
 
-import { useObserveResize } from "../hooks/useObserveResize.mjs";
+import "../theme/colors.mjs";
+
+import { p as pointerPosition } from "./misc-BQH7I5Zj.mjs";
+
+import { d as debounce } from "./debounce-DpPYyz3x.mjs";
+
+import "./webRTCStore-Ck8TCzr_.mjs";
 
-import { p as pointerPosition } from "./misc-zecH7-IH.mjs";
+import "./microphoneStore-uYs2NQQx.mjs";
 
-import { d as debounce } from "./debounce-DFxAyrPi.mjs";
+import "./volumeStore-C0iU07fK.mjs";
+
+import "../hooks/useWindow.mjs";
+
+import { useObserveResize } from "../hooks/useObserveResize.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-VJBjxVlr.mjs → Spacer-B2JAN7e8.mjs}

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

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

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,23 +9,36 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import { s as setStyle } from "./misc-BQH7I5Zj.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./webRTCStore-Ck8TCzr_.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./microphoneStore-uYs2NQQx.mjs";
+
+import "./volumeStore-C0iU07fK.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-bh5UVUnt.mjs";
+import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CbDAKN_S.mjs";
 
-import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
+import { I as IconButton } from "./IconButton-nOcdRqR3.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
+import { T as ToolTipType } from "./sharedTypes-DoNQkNSM.mjs";
 
-var css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
+var css = {
+    wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",
+    option: "TabBar-module_option__gYjDf flexBox-module_row__z24tF",
+    icon: "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF",
+    close: "TabBar-module_close__bvSBh flexBox-module_row__z24tF",
+    xs: "TabBar-module_xs__QDjV9 type-module_body-xs-regular__ZAFft",
+    s: "TabBar-module_s__-EBj2 type-module_body-s-regular__vRHSP",
+    m: "TabBar-module_m__3sCA3 type-module_body-m-regular__LuQBA",
+    l: "TabBar-module_l__hy1rR type-module_body-l-regular__lOYbg",
+    xl: "TabBar-module_xl__zaASU type-module_body-xl-regular__pF2kC",
+    selected: "TabBar-module_selected__UmBdu"
+};
 
 const placeholderOptions = [ {
     name: "Light",
@@ -36,7 +49,7 @@ const placeholderOptions = [ {
     value: "Option 2",
     icon: "moon full"
 } ], TabBar = React.memo(props => {
-    const {options: options = placeholderOptions, selected: selected = 0, border: border = !0, underline: underline = !0, height: height = "100%", width: width = "100%", tabWidth: tabWidth = "fill", padding: padding = 8, iconFill: iconFill = !1, iconSize: iconSize = 20, iconGap: iconGap = 8, tabGap: tabGap = 0, disabled: disabled = !1, hasClose: hasClose = !1, closeWidth: closeWidth = "auto", selectedValue: selectedValue = null, onChange: onChange = () => null, onTabChange: onTabChange = () => null, onClose: onClose = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "options", "selected", "border", "underline", "height", "width", "tabWidth", "padding", "iconFill", "iconSize", "iconGap", "tabGap", "disabled", "hasClose", "closeWidth", "selectedValue", "onChange", "onTabChange", "onClose", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = useState(selected), optionRefs = useRef([]);
+    const {options: options = placeholderOptions, selected: selected = 0, border: border = !0, underline: underline = !0, height: height = "100%", width: width = "100%", tabWidth: tabWidth = "fill", padding: padding = 8, iconFill: iconFill = !1, iconSize: iconSize = 20, iconGap: iconGap = 8, tabGap: tabGap = 0, disabled: disabled = !1, hasClose: hasClose = !1, closeWidth: closeWidth = "auto", selectedValue: selectedValue = null, justify: justify = "start", borderColor: borderColor = "var(--core-outline-secondary)", textSize: textSize = "m", onChange: onChange = () => null, onTabChange: onTabChange = () => null, onClose: onClose = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "options", "selected", "border", "underline", "height", "width", "tabWidth", "padding", "iconFill", "iconSize", "iconGap", "tabGap", "disabled", "hasClose", "closeWidth", "selectedValue", "justify", "borderColor", "textSize", "onChange", "onTabChange", "onClose", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = useState(selected), optionRefs = useRef([]);
     useEffect(() => {
         let selectedIndex = 0;
         selectedValue && options ? (selectedIndex = options.findIndex(option => option.value === selectedValue), 
@@ -88,26 +101,30 @@ const placeholderOptions = [ {
         underline: underline,
         iconFill: iconFill,
         tabWidth: tabWidth,
+        textSize: textSize,
+        borderColor: borderColor,
         buttonRef: element => {
             optionRefs.current[i] = element;
         }
-    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown ]), setStyle = useCallback(value => "string" == typeof value ? value : `${value}px`, []), cssVars = useMemo(() => ({
+    }, `${i}_option_${option.name}`)), [ options, index, padding, iconSize, iconGap, disabled, underline, tabWidth, onToolTip, handleOptionClick, iconFill, handleOptionKeyDown, textSize ]), cssVars = useMemo(() => ({
         "--tab-bar-gap": `${tabGap}px`,
         "--tab-bar-height": `${setStyle(height)}px`,
         "--tab-bar-width": setStyle(width),
         "--tab-bar-border-bottom": "" + (border ? "1px" : "0"),
+        "--tab-bar-border-color": borderColor,
+        "--tab-bar-justify": justify,
         "--tab-bar-close-width": `${closeWidth}px`,
-        "--tab-bar-close-padding": padding ? `${padding}px` : "8px"
-    }), [ tabGap, height, width, border, setStyle, closeWidth, padding ]);
+        "--tab-bar-close-padding": setStyle(padding, "8px")
+    }), [ tabGap, height, width, border, closeWidth, padding, borderColor, justify ]);
     return jsxs("div", Object.assign({
         id: divId,
-        className: `${css_wrapper}${divClass}`,
+        className: `${css.wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
         role: "tablist",
         "aria-orientation": "horizontal"
     }, rest, {
         children: [ renderedOptions, hasClose && jsx("div", {
-            className: css_close,
+            className: css.close,
             children: jsx(IconButton, {
                 iconSize: iconSize - 4,
                 frameSize: iconSize,
@@ -124,7 +141,7 @@ const placeholderOptions = [ {
 TabBar.displayName = "TabBar";
 
 const Option = React.memo(props => {
-    const theme = useTheme(), {label: label = "Option", value: value = 0, icon: icon = null, selected: selected = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null, padding: padding = 8, iconSize: iconSize = 20, iconGap: iconGap = 6, disabled: disabled = !1, showToolTip: showToolTip = null, underline: underline = !0, tabWidth: tabWidth = "fill", count: count = 0, iconFill: iconFill = !1, onKeyDown: onKeyDown = () => null, buttonRef: buttonRef} = props, ref = useRef(null), strokeColor = useMemo(() => !disabled && selected ? theme.current.colors["core-text-special"] : disabled ? theme.current.colors["core-text-disabled"] : theme.current.colors["core-text-primary"], [ disabled, selected, theme ]), handleMouseOver = useCallback(e => {
+    const theme = useTheme(), {label: label = "Option", value: value = 0, icon: icon = null, selected: selected = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null, padding: padding = 8, iconSize: iconSize = 20, iconGap: iconGap = 6, disabled: disabled = !1, showToolTip: showToolTip = null, underline: underline = !0, tabWidth: tabWidth = "fill", borderColor: borderColor = "var(--core-outline-secondary)", count: count = 0, iconFill: iconFill = !1, textSize: textSize = "m", onKeyDown: onKeyDown = () => null, buttonRef: buttonRef} = props, ref = useRef(null), strokeColor = useMemo(() => !disabled && selected ? theme.current.colors["core-text-special"] : disabled ? theme.current.colors["core-text-disabled"] : theme.current.colors["core-text-primary"], [ disabled, selected, theme ]), handleMouseOver = useCallback(e => {
         if (onToolTip(null), showToolTip && ref.current) {
             const tip = {
                 type: ToolTipType.button,
@@ -140,17 +157,18 @@ const Option = React.memo(props => {
         showToolTip && onToolTip(null);
     }, [ showToolTip, onToolTip ]), textColor = useMemo(() => disabled ? "var(--core-text-disabled)" : selected ? "var(--core-text-special)" : "var(--core-text-primary)", [ disabled, selected ]), setTabWidth = useMemo(() => "compact" === tabWidth ? "min-content" : "fill" === tabWidth ? "unset" : `${tabWidth}px`, [ tabWidth ]), setTabFlex = useMemo(() => "fill" === tabWidth ? "1" : "unset", [ tabWidth ]), setUnderline = useMemo(() => selected && underline && !disabled ? "1px" : "0", [ underline, disabled, selected ]), cssVars = useMemo(() => ({
         "--tab-bar-option-border": setUnderline,
-        "--tab-bar-option-padding": `${padding}px`,
+        "--tab-bar-option-border-color": borderColor,
+        "--tab-bar-option-padding": setStyle(padding, "8px"),
         "--tab-bar-option-icon-size": `${iconSize}px`,
         "--tab-bar-option-cursor": disabled ? "default" : "pointer",
         "--tab-bar-option-gap": `${null != iconGap ? iconGap : 0}px`,
         "--tab-bar-option-color": textColor,
         "--tab-bar-option-width": setTabWidth,
         "--tab-bar-option-flex": setTabFlex
-    }), [ padding, iconSize, disabled, textColor, iconGap, setTabFlex, setTabWidth, setUnderline ]);
+    }), [ padding, iconSize, disabled, textColor, iconGap, setTabFlex, setTabWidth, setUnderline, borderColor ]);
     return jsxs("button", {
         type: "button",
-        className: css_option,
+        className: `${css.option} ${css[textSize]} ${selected ? css.selected : ""}`,
         style: cssVars,
         ref: element => {
             ref.current = element, null == buttonRef || buttonRef(element);
@@ -163,7 +181,7 @@ const Option = React.memo(props => {
         onClick: () => onClick(value),
         onKeyDown: e => onKeyDown(e, value),
         children: [ icon && jsx("div", {
-            className: css_icon,
+            className: css.icon,
             children: jsx(Icon, {
                 name: icon,
                 fill: iconFill,
@@ -176,7 +194,7 @@ const Option = React.memo(props => {
             count: count
         }) ]
     });
-}, (prevProps, nextProps) => prevProps.selected === nextProps.selected && prevProps.underline === nextProps.underline && prevProps.tabWidth === nextProps.tabWidth && prevProps.disabled === nextProps.disabled && prevProps.iconGap === nextProps.iconGap && prevProps.iconSize === nextProps.iconSize && prevProps.count === nextProps.count && prevProps.label === nextProps.label && prevProps.icon === nextProps.icon);
+}, (prevProps, nextProps) => prevProps.selected === nextProps.selected && prevProps.underline === nextProps.underline && prevProps.tabWidth === nextProps.tabWidth && prevProps.disabled === nextProps.disabled && prevProps.iconGap === nextProps.iconGap && prevProps.iconSize === nextProps.iconSize && prevProps.count === nextProps.count && prevProps.label === nextProps.label && prevProps.icon === nextProps.icon && prevProps.borderColor === nextProps.borderColor && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding);
 
 Option.displayName = "TabOption";
 

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

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