@apple-pie/slice 0.1.33 → 0.1.35

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

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

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

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C5cfUKzm.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-C2EWIn7Z.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-CDAuOlZ8.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
 import { AnimatePresence, motion } from "motion/react";
 

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

@@ -7,21 +7,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./tslib.es6-CVvvNSPr.mjs";
+import "./tslib.es6-CDAuOlZ8.mjs";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-CWKs3uAV.mjs";
+import { B as Button } from "./Button-C6jYGagD.mjs";
 
-import { F as FileList } from "./FileList-CztHFCJe.mjs";
+import { F as FileList } from "./FileList-Cj_k6oel.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-Bd23SEL0.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C5cfUKzm.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.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-ho29Z9aG.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C5cfUKzm.mjs";
 
-import { R as RadioButton } from "./RadioButton-oOGgTDhg.mjs";
+import { R as RadioButton } from "./RadioButton-Bd23SEL0.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-9hcuVdaH.mjs}

@@ -1,15 +1,25 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C5cfUKzm.mjs";
+
+import { d as debounce } from "./debounce-zgRcExLD.mjs";
+
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import { p as pointerPosition } from "./misc-zecH7-IH.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import { d as debounce } from "./debounce-DFxAyrPi.mjs";
+import "./volumeStore-D5i1CeFf.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-D3_8SzUs.mjs}

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

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

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

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

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C5cfUKzm.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
+
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-bh5UVUnt.mjs";
+import { B as Badge } from "./Badge-BKZj-pNA.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
+import { I as IconButton } from "./IconButton-Cka059ZT.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CdmzhKXN.mjs";
+import { T as ToolTipType } from "./sharedTypes-7jlhdP2f.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, borderColor, 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-FQVQo3LR.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-C6jYGagD.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(),

package/dist/esm/chunks/{TextField-BNfTj9v2.mjs → TextField-D7ZiWK9I.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,21 +11,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-CWKs3uAV.mjs";
+import { B as Button } from "./Button-C6jYGagD.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
+import { I as IconButton } from "./IconButton-Cka059ZT.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Tip-DIKQvxxO.mjs → Tip-5OhdfJW7.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-zecH7-IH.mjs";
+import { f as filterClasses } from "./misc-C5cfUKzm.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Toast-CkXPrDpp.mjs → Toast-BlDzsT1J.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,19 +11,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-C2EWIn7Z.mjs";
 
 var ToastType, css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",

package/dist/esm/chunks/{ToggleButton-Dvy8fc4t.mjs → ToggleButton-BIIm75PN.mjs}

@@ -2,14 +2,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import { useMemo } from "react";
 
-import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
+import { I as IconButton } from "./IconButton-Cka059ZT.mjs";
 
-import { L as Label } from "./Label-wDPtyK4h.mjs";
+import { L as Label } from "./Label-B7SDZHF3.mjs";
 
 var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 function ToggleButton(props) {
-    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = props, handleClick = () => {
+    const {label: label, textSize: textSize, icon: icon, iconOn: iconOn, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children, presetAnimations: presetAnimations, customAnimations: customAnimations} = props, handleClick = () => {
         if (!unselect && selected) return;
         const newState = !selected;
         null == onChange || onChange(newState), newState && (null == onSelect || onSelect());
@@ -20,7 +20,7 @@ function ToggleButton(props) {
         className: css_toggleButton,
         style: cssVars,
         children: [ icon && jsx(IconButton, {
-            icon: icon,
+            icon: selected && iconOn ? iconOn : icon,
             buttonSize: buttonSize,
             tooltip: tooltip,
             toggle: !selected,
@@ -34,7 +34,9 @@ function ToggleButton(props) {
             iconFill: fill,
             disabled: disabled,
             onToolTip: onToolTip,
-            border: border
+            border: border,
+            presetAnimations: presetAnimations,
+            customAnimations: customAnimations
         }), (children || label) && jsx(Label, {
             textSize: textSize,
             borderSize: 0,

package/dist/esm/chunks/{UploadArea-D_xGzR2e.mjs → UploadArea-AjFofefa.mjs}

@@ -3,13 +3,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useId, 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-C5cfUKzm.mjs";
 
-import { F as FileList } from "./FileList-CztHFCJe.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-C2EWIn7Z.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
+import { F as FileList } from "./FileList-Cj_k6oel.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",

package/dist/esm/chunks/{WSConnection-TiYLENWB.mjs → WSConnection-CjwR_k97.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/esm/chunks/{WebRTCConnection-d0Yvd66q.mjs → WebRTCConnection-rKAgZEbe.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 class WebRTCConnection {
     /**

package/dist/esm/chunks/{_types-9ekyeJYl.mjs → _types-Fewdpo-O.mjs}

@@ -80,7 +80,9 @@ const SliceIcons = {
         apple: "apple",
         google: "google",
         googleMono: "google mono",
-        linkedin: "linkedin"
+        linkedin: "linkedin",
+        github: "github",
+        npm: "npm"
     },
     edit: {
         edit: "edit",

package/dist/esm/chunks/{localDBStore-C-5y16uv.mjs → localDBStore-Bxvk_IzQ.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter, _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter, _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { useMemo } from "react";
 
@@ -6,7 +6,7 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-DA5oZXju.mjs";
+import { I as IndexedDB } from "./IndexedDB-C1lcbDjn.mjs";
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));

package/dist/esm/chunks/{microphoneStore-Cbx9nV4R.mjs → microphoneStore-Do0a5LZ9.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { useEffect } from "react";
 

package/dist/esm/chunks/{misc-zecH7-IH.mjs → misc-C5cfUKzm.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/esm/chunks/{sseStore-DIquUNpm.mjs → sseStore-oSknLkEF.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-CVvvNSPr.mjs";
+import "./tslib.es6-CDAuOlZ8.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-g0GBGAqe.mjs";
+import { S as SSEConnection } from "./SSEConnection-CnZ9v2PI.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-CUggKU9b.mjs → uploads-worker-Cyum1zTV.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 

package/dist/esm/chunks/{uploadsStore-9QngohOe.mjs → uploadsStore-BxpUKpcf.mjs}

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 
-import { W as WorkerStatus } from "./uploads-worker-CUggKU9b.mjs";
+import { W as WorkerStatus } from "./uploads-worker-Cyum1zTV.mjs";
 
 let uploadsWorker = null;