@apple-pie/slice 0.1.51 → 0.1.52

package/dist/esm/chunks/{Grouper-Do8rpPZb.mjs → Grouper-BrjPf1Zm.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -13,19 +13,17 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-C6kNwu4r.mjs";
+import { B as Badge } from "./Badge-Cli_Ebpu.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.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-BMT9cn9A.mjs → Icon-DGQB6Mfm.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,13 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as accessibleKeyDown } from "./misc-CV0SS-jF.mjs";
+import { a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{IconButton-DEcW36kF.mjs → IconButton-Wffb0Rhg.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.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-C6kNwu4r.mjs";
+import { B as Badge } from "./Badge-Cli_Ebpu.mjs";
 
-import { D as Dot } from "./Dot-m6fw22Z0.mjs";
+import { D as Dot } from "./Dot-Lyaimh03.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-h1aSeCm2.mjs";
+import { T as ToolTipType } from "./sharedTypes-DqPH1p0Q.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";
 

package/dist/esm/chunks/{IndexedDB-BvJLLZU8.mjs → IndexedDB-Cwb-PZNm.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-p9eD9VLE.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 class IndexedDB {
     constructor(storeName, options = {}) {

package/dist/esm/chunks/{Label-Etcumudw.mjs → Label-BF7Bac6I.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import { useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
 var LabelBackground, css = {
     label: "Label-module_label__RaRvM",
@@ -13,7 +13,8 @@ var LabelBackground, css = {
     xs: "Label-module_xs__K9Ai6 type-module_body-xs-regular__ZAFft",
     s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
     m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
-    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg"
+    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg",
+    xl: "Label-module_xl__bX0ub type-module_body-xl-regular__pF2kC"
 };
 
 function resolveSemanticBackground(backgroundColor) {

package/dist/esm/chunks/{Level-C2rSTZAQ.mjs → Level-DnWQ5mLH.mjs}

@@ -1,15 +1,15 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-B7i2Eluw.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-CLKL6Y79.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.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-C1g7ceSt.mjs → Modal-BuDVEntK.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { B as Button } from "./Button-Bvgo8DRW.mjs";
+import { B as Button } from "./Button-BdxJ4wnE.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { I as IconButton } from "./IconButton-DEcW36kF.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
@@ -31,7 +31,7 @@ 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, 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(() => {
+    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, titleTextSize: titleTextSize = "l", contentTextSize: contentTextSize = "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", "titleTextSize", "contentTextSize", "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;
@@ -87,7 +87,7 @@ const Modal = React.memo(props => {
         style: Object.assign(Object.assign({}, modalStyle), cssVars)
     }, rest, {
         children: [ (title || close) && jsxs("div", {
-            className: `${css.title} ${css[titleSize]}`,
+            className: `${css.title} ${css[titleTextSize]}`,
             onPointerDown: onDragPointerDown,
             children: [ jsxs("div", {
                 className: css.titleBlock,
@@ -119,7 +119,7 @@ const Modal = React.memo(props => {
             className: css.contentWrapper,
             ref: contentWrapperRef,
             children: jsx("div", {
-                className: `${css.content} ${css[contentSize]}`,
+                className: `${css.content} ${css[contentTextSize]}`,
                 children: children
             })
         }), actions && actions.length > 0 && jsxs("div", {

package/dist/esm/chunks/{ModalController-CkPCQeYU.mjs → ModalController-CWZBh7Dg.mjs}

@@ -5,15 +5,13 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef } from "react";
 
-import "./microphoneStore-CDNQZJzG.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import { O as Overlay } from "./Overlay-DXAULyRd.mjs";
 
-import { O as Overlay } from "./Overlay-CZxlviV2.mjs";
-
-import { u as useModal, a as useModalActions } from "./modalStore-CC-D_muU.mjs";
+import { u as useModal, a as useModalActions } from "./modalStore-DN1F_WR9.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-CZxlviV2.mjs → Overlay-DXAULyRd.mjs}

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

package/dist/esm/chunks/{Pager-aLZXhX_w.mjs → Pager-Bjwlh0Vs.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useMemo, useEffect, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-CV0SS-jF.mjs";
+import { a as accessibleKeyDown } from "./misc-GB29X0YR.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-CGbLu2wM.mjs → ProgressIndicator-C8tli-Jg.mjs}

@@ -9,19 +9,17 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
 import { AnimatePresence, motion } from "motion/react";
 

package/dist/esm/chunks/{PromptInput-rsGyHTJb.mjs → PromptInput-JE3EkzEV.mjs}

@@ -9,23 +9,21 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import "./tslib.es6-p9eD9VLE.mjs";
+import "./tslib.es6-DGRmn-gx.mjs";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-Bvgo8DRW.mjs";
+import { B as Button } from "./Button-BdxJ4wnE.mjs";
 
-import { F as FileList } from "./FileList-Dt5V9YPs.mjs";
+import { F as FileList } from "./FileList-D0b6RxKc.mjs";
 
 var css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
@@ -36,9 +34,11 @@ var css = {
     buttonBar: "PromptInput-module_buttonBar__X8LDe flexBox-module_rowBetween__5FEvi",
     toolBar: "PromptInput-module_toolBar__GBvPT flexBox-module_rowStart__4tcxS",
     textarea: "PromptInput-module_textarea__e4Kxn",
+    xs: "PromptInput-module_xs__Oy1ZT type-module_body-xs-regular__ZAFft",
     s: "PromptInput-module_s__ivyC9 type-module_body-s-regular__vRHSP",
     m: "PromptInput-module_m__LFHvW type-module_body-m-regular__LuQBA",
-    l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg"
+    l: "PromptInput-module_l__TlceW type-module_body-l-regular__lOYbg",
+    xl: "PromptInput-module_xl__FbITb type-module_body-xl-regular__pF2kC"
 };
 
 const PromptInputBase = React.forwardRef((props, ref) => {
@@ -112,7 +112,7 @@ const PromptInputBase = React.forwardRef((props, ref) => {
                     files: attachments,
                     onChange: handleAttachmentsChange,
                     bgColor: "var(--core-surface-primary)",
-                    size: "s",
+                    textSize: "s",
                     direction: "row",
                     gap: 8,
                     iconSize: 24

package/dist/esm/chunks/{RadioButton-DPKvT5yo.mjs → RadioButton-BK37fGER.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.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-Brl_h2Nx.mjs → RadioButtonList-CPfE3YBM.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { R as RadioButton } from "./RadioButton-DPKvT5yo.mjs";
+import { R as RadioButton } from "./RadioButton-BK37fGER.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-BJ9mifdr.mjs → Slider-D6nWSQ-A.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,17 +9,15 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { p as pointerPosition } from "./misc-CV0SS-jF.mjs";
+import { p as pointerPosition } from "./misc-GB29X0YR.mjs";
 
-import { d as debounce } from "./debounce-BXeBit77.mjs";
+import { d as debounce } from "./debounce-xuz65F25.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Spacer-pZIEZfkL.mjs → Spacer-CWY79s4p.mjs}

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

package/dist/esm/chunks/{Switch-Cbl6iesb.mjs → Switch-De_cFgOS.mjs}

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

package/dist/esm/chunks/{TabBar-b8Dqmz0l.mjs → TabBar-CCq8-TdA.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,25 +11,23 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-C6kNwu4r.mjs";
+import { B as Badge } from "./Badge-Cli_Ebpu.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { I as IconButton } from "./IconButton-DEcW36kF.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-h1aSeCm2.mjs";
+import { T as ToolTipType } from "./sharedTypes-DqPH1p0Q.mjs";
 
 var css = {
     wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",
@@ -89,9 +87,9 @@ const placeholderOptions = [ {
         }
         null !== nextIndex && (event.preventDefault(), handleOptionClick(nextIndex), focusOption(nextIndex));
     }, [ options.length, handleOptionClick, focusOption ]), renderedOptions = useMemo(() => options.map((option, i) => jsx(Option, {
-        label: option.name,
-        value: i,
-        showToolTip: option.toolTip,
+        name: option.name,
+        index: i,
+        toolTip: option.toolTip,
         selected: i === index,
         padding: padding,
         icon: option.icon,
@@ -145,21 +143,21 @@ 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", 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 theme = useTheme(), {name: name = "Option", index: index = 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, toolTip: toolTip = 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), toolTip && ref.current) {
             const tip = {
                 type: ToolTipType.button,
                 payload: {
-                    label: showToolTip
+                    label: toolTip
                 },
                 event: e,
                 ref: ref
             };
             onToolTip(tip);
         }
-    }, [ showToolTip, onToolTip ]), handleMouseLeave = useCallback(() => {
-        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(() => ({
+    }, [ toolTip, onToolTip ]), handleMouseLeave = useCallback(() => {
+        toolTip && onToolTip(null);
+    }, [ toolTip, 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-border-color": borderColor,
         "--tab-bar-option-padding": setStyle(padding, "8px"),
@@ -182,8 +180,8 @@ const Option = React.memo(props => {
         tabIndex: selected ? 0 : -1,
         onMouseEnter: handleMouseOver,
         onMouseLeave: handleMouseLeave,
-        onClick: () => onClick(value),
-        onKeyDown: e => onKeyDown(e, value),
+        onClick: () => onClick(index),
+        onKeyDown: e => onKeyDown(e, index),
         children: [ icon && jsx("div", {
             className: css.icon,
             children: jsx(Icon, {
@@ -192,13 +190,13 @@ const Option = React.memo(props => {
                 size: iconSize,
                 strokeColor: strokeColor
             })
-        }), label, 0 !== count && jsx(Badge, {
+        }), name, 0 !== count && jsx(Badge, {
             variant: "light",
             hideNull: !1,
             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.borderColor === nextProps.borderColor && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding);
+}, (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.icon === nextProps.icon && prevProps.borderColor === nextProps.borderColor && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding && prevProps.name === nextProps.name && prevProps.index === nextProps.index);
 
 Option.displayName = "TabOption";
 

package/dist/esm/chunks/{TextArea-Ml2KuVpk.mjs → TextArea-kAVb9Lpy.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-Bvgo8DRW.mjs";
+import { B as Button } from "./Button-BdxJ4wnE.mjs";
 
 var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0 scrollBars-module_scrollbars__c-ZPl", 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";
 

package/dist/esm/chunks/{TextField-BS3bOQj-.mjs → TextField-MxcxS6SE.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -13,23 +13,21 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { s as setStyle } from "./misc-CV0SS-jF.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import "./broadcastChannel-Bw5Pck80.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-B2GPjQX6.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-CDNQZJzG.mjs";
-
-import "./volumeStore-C-rKyxRG.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-Bvgo8DRW.mjs";
+import { B as Button } from "./Button-BdxJ4wnE.mjs";
 
-import { I as Icon } from "./Icon-BMT9cn9A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { I as IconButton } from "./IconButton-DEcW36kF.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
@@ -41,7 +39,8 @@ var css = {
     xs: "TextField-module_xs__vyt2t type-module_body-xs-regular__ZAFft",
     s: "TextField-module_s__0qm83 type-module_body-s-regular__vRHSP",
     m: "TextField-module_m__M-tLl type-module_body-m-regular__LuQBA",
-    l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg"
+    l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg",
+    xl: "TextField-module_xl__tp--W type-module_body-xl-regular__pF2kC"
 };
 
 const MOTION_CONFIG = {

package/dist/esm/chunks/{Tip-BrBts6HZ.mjs → Tip-CuRp-fki.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-p9eD9VLE.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,14 +7,15 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-CV0SS-jF.mjs";
+import { f as filterClasses } from "./misc-GB29X0YR.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",
     m: "Tip-module_m__9qJbB type-module_body-m-regular__LuQBA",
-    l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg"
+    l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg",
+    xl: "Tip-module_xl__izmFk type-module_body-xl-regular__pF2kC"
 };
 
 const tipBasePos = {
@@ -22,7 +23,7 @@ const tipBasePos = {
     top: 0
 }, TipBase = React.forwardRef((props, ref) => {
     var _a;
-    const {tip: tip, size: size = "s", backgroundColor: backgroundColor, bgColor: bgColor, textColor: textColor, color: color, border: border = !0, borderColor: borderColor, padding: padding, borderRadius: borderRadius, radius: radius, coords: coords, showDelay: showDelay = 500, hideDelay: hideDelay = 2500} = props, divAttributes = __rest(props, [ "tip", "size", "backgroundColor", "bgColor", "textColor", "color", "border", "borderColor", "padding", "borderRadius", "radius", "coords", "showDelay", "hideDelay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [pos, setPos] = useState(tipBasePos), [ready, setReady] = useState(!1), [animate, setAnimate] = useState(!1), timer = useRef(null), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedTextColor = null != textColor ? textColor : color, resolvedBorderRadius = null != borderRadius ? borderRadius : radius;
+    const {tip: tip, textSize: textSize = "s", backgroundColor: backgroundColor, bgColor: bgColor, textColor: textColor, color: color, border: border = !0, borderColor: borderColor, padding: padding, borderRadius: borderRadius, radius: radius, coords: coords, showDelay: showDelay = 500, hideDelay: hideDelay = 2500} = props, divAttributes = __rest(props, [ "tip", "textSize", "backgroundColor", "bgColor", "textColor", "color", "border", "borderColor", "padding", "borderRadius", "radius", "coords", "showDelay", "hideDelay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [pos, setPos] = useState(tipBasePos), [ready, setReady] = useState(!1), [animate, setAnimate] = useState(!1), timer = useRef(null), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedTextColor = null != textColor ? textColor : color, resolvedBorderRadius = null != borderRadius ? borderRadius : radius;
     useEffect(() => {
         timer.current && clearTimeout(timer.current);
         const {x: x, y: y} = null != coords ? coords : {
@@ -59,7 +60,7 @@ const tipBasePos = {
             left: `${null != left ? left : 0}px`,
             top: `${null != top ? top : 0}px`
         };
-    }, [ pos ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]);
+    }, [ pos ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[textSize], divClass ]), [ textSize, divClass ]);
     return jsx(motion.div, Object.assign({
         ref: ref,
         id: divId,