@apple-pie/slice 0.1.59 → 0.2.0

package/dist/esm/chunks/Slider-2Q6yVb8H.mjs

@@ -1,183 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useRef, useState, useMemo, useCallback, useEffect } from "react";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { p as pointerPosition } from "./misc-DBIXjc2Q.mjs";
-
-import { d as debounce } from "./debounce-BPsURiHk.mjs";
-
-import "./broadcastChannel-DahousoM.mjs";
-
-import "./webRTCStore-B2ri-_li.mjs";
-
-import "./microphoneStore-D8VxjdFZ.mjs";
-
-import "./volumeStore-hrteUkB-.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";
-
-const Slider = React.memo(props => {
-    const {value: value = 25, scaleMin: scaleMin = 0, scaleMax: scaleMax = 100, width: width, height: height = 2, touchHeight: touchHeight = 24, trackHeadSize: trackHeadSize = 7, step: step, disabled: disabled = !1, disabledOpacity: disabledOpacity = .5, cursor: cursor = "default", headColor: headColor = "var(--core-text-light)", trackColor: trackColor = "var(--core-surface-secondary)", progressColor: progressColor = "var(--core-text-tertiary)", trackHeadBorderSize: trackHeadBorderSize = 1, trackHeadBorderColor: trackHeadBorderColor = "var(--core-outline-secondary)", onChange: onChange = () => null, onDragChange: onDragChange = () => null} = props, divAttributes = __rest(props, [ "value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "step", "disabled", "disabledOpacity", "cursor", "headColor", "trackColor", "progressColor", "trackHeadBorderSize", "trackHeadBorderColor", "onChange", "onDragChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), track = useRef(null), head = useRef(null), [currentValue, setCurrentValue] = useState(value), absProgressRef = useRef(value), relativeProgressRef = useRef(0), didMount = useRef(!1), size = useObserveResize(ref, {
-        ignore: "height"
-    }), debouncedOnChange = debounce((value, percent) => {
-        onChange(value, percent);
-    }, 0), padding = useMemo(() => trackHeadSize ? Math.ceil(trackHeadSize / 2) : 0, [ trackHeadSize ]), clampValue = useCallback(nextValue => Math.min(scaleMax, Math.max(scaleMin, nextValue)), [ scaleMax, scaleMin ]), stepIncrement = useMemo(() => {
-        if (step) return step;
-        const range = scaleMax - scaleMin;
-        return range <= 0 ? 0 : Math.max(range / 100, .01);
-    }, [ step, scaleMin, scaleMax ]), valueToPercent = useCallback(nextValue => {
-        const range = scaleMax - scaleMin;
-        return range <= 0 ? 0 : (nextValue - scaleMin) / range;
-    }, [ scaleMax, scaleMin ]), setTrackAndHead = useCallback(pixelPos => {
-        const hd = head.current, tr = track.current;
-        hd && (hd.style.left = `${pixelPos}px`), tr && (tr.style.width = `${pixelPos}px`), 
-        didMount.current = !0;
-    }, []), initialProgress = useCallback(current => {
-        if (!(null == ref ? void 0 : ref.current)) return;
-        const sliderWidth = ref.current.getBoundingClientRect().width, adjustedCurrent = clampValue(current), normalized = valueToPercent(adjustedCurrent), pixelPos = normalized * sliderWidth;
-        absProgressRef.current = adjustedCurrent, relativeProgressRef.current = normalized, 
-        setCurrentValue(adjustedCurrent), setTrackAndHead(pixelPos), didMount.current = !0;
-    }, [ clampValue, valueToPercent, setTrackAndHead ]), progress = useCallback(posX => {
-        const el = null == ref ? void 0 : ref.current;
-        if (!el) return {
-            value: 0,
-            percent: 0
-        };
-        const sliderWidth = el.getBoundingClientRect().width;
-        relativeProgressRef.current = sliderWidth > 0 ? posX / sliderWidth : 0, absProgressRef.current = scaleMin + relativeProgressRef.current * (scaleMax - scaleMin), 
-        setCurrentValue(absProgressRef.current);
-    }, [ scaleMax, scaleMin ]), commitValue = useCallback((nextValue, notify = "change") => {
-        const el = ref.current;
-        if (!el) return;
-        const sliderWidth = el.getBoundingClientRect().width, clampedValue = clampValue(nextValue), percent = valueToPercent(clampedValue);
-        absProgressRef.current = clampedValue, relativeProgressRef.current = percent, setCurrentValue(clampedValue), 
-        setTrackAndHead(percent * sliderWidth), "change" !== notify && "both" !== notify || onChange(clampedValue, percent), 
-        "drag" !== notify && "both" !== notify || onDragChange(clampedValue, percent);
-    }, [ clampValue, valueToPercent, setTrackAndHead, onChange, onDragChange ]), updateSlider = useCallback(e => {
-        const newPos = pointerPosition(e), el = null == ref ? void 0 : ref.current;
-        if (!el) return 0;
-        const rect = el.getBoundingClientRect(), sliderWidth = rect.width;
-        let pos = newPos - rect.x;
-        return pos > sliderWidth ? pos = sliderWidth : pos < 0 && (pos = 0), setTrackAndHead(pos), 
-        pos;
-    }, [ setTrackAndHead ]), handleMouseMove = useCallback(e => {
-        if (e.preventDefault(), disabled) return;
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange(absProgressRef.current, relativeProgressRef.current);
-        }
-    }, [ progress, updateSlider, debouncedOnChange, disabled ]), handleMouseUp = useCallback(e => {
-        e.preventDefault();
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange.cancel(), onDragChange(absProgressRef.current, relativeProgressRef.current), 
-            onChange(absProgressRef.current, relativeProgressRef.current);
-        }
-        globalThis.removeEventListener("mousemove", handleMouseMove, !1), globalThis.removeEventListener("touchmove", handleMouseMove, !1), 
-        globalThis.removeEventListener("mouseup", handleMouseUp, !1), globalThis.removeEventListener("touchend", handleMouseUp, !1);
-    }, [ handleMouseMove, progress, updateSlider, debouncedOnChange, onDragChange, onChange ]), handleKeyDown = useCallback(event => {
-        if (disabled) return;
-        let nextValue = null;
-        switch (event.key) {
-          case "ArrowRight":
-          case "ArrowUp":
-          case "PageUp":
-            nextValue = absProgressRef.current + stepIncrement;
-            break;
-
-          case "ArrowLeft":
-          case "ArrowDown":
-          case "PageDown":
-            nextValue = absProgressRef.current - stepIncrement;
-            break;
-
-          case "Home":
-            nextValue = scaleMin;
-            break;
-
-          case "End":
-            nextValue = scaleMax;
-        }
-        null !== nextValue && (event.preventDefault(), debouncedOnChange.cancel(), commitValue(nextValue, "change"));
-    }, [ scaleMin, scaleMax, debouncedOnChange, commitValue, stepIncrement, disabled ]), handleMouseDown = useCallback(e => {
-        if (e.preventDefault(), e.stopPropagation(), disabled) return;
-        globalThis.addEventListener("mousemove", handleMouseMove, !1), globalThis.addEventListener("touchmove", handleMouseMove, !1), 
-        globalThis.addEventListener("mouseup", handleMouseUp, !1), globalThis.addEventListener("touchend", handleMouseUp, !1);
-        if (null == ref ? void 0 : ref.current) {
-            const pos = updateSlider(e);
-            progress(pos), debouncedOnChange.cancel(), onChange(absProgressRef.current, relativeProgressRef.current);
-        }
-    }, [ handleMouseMove, handleMouseUp, onChange, progress, updateSlider, debouncedOnChange, disabled ]);
-    useEffect(() => {
-        didMount.current && value === absProgressRef.current || initialProgress(value);
-    }, [ value, initialProgress ]), useEffect(() => {
-        const el = null == ref ? void 0 : ref.current, hl = null == head ? void 0 : head.current;
-        return null == el || el.addEventListener("mousedown", handleMouseDown, !1), null == el || el.addEventListener("touchstart", handleMouseDown, !1), 
-        null == hl || hl.addEventListener("mousedown", handleMouseDown, !1), null == hl || hl.addEventListener("touchstart", handleMouseDown, !1), 
-        () => {
-            null == el || el.removeEventListener("mousedown", handleMouseDown, !1), null == el || el.removeEventListener("touchstart", handleMouseDown, !1), 
-            null == hl || hl.removeEventListener("mousedown", handleMouseDown, !1), null == hl || hl.removeEventListener("touchstart", handleMouseDown, !1);
-        };
-    }, [ handleMouseDown ]), useEffect(() => {
-        var _a;
-        const sliderWidth = null === (_a = null == ref ? void 0 : ref.current) || void 0 === _a ? void 0 : _a.offsetWidth;
-        sliderWidth && 0 !== size.width && setTrackAndHead(relativeProgressRef.current * sliderWidth);
-    }, [ size.width, setTrackAndHead ]);
-    const trackHeadColor = useMemo(() => trackHeadSize && 0 !== trackHeadSize ? null != headColor ? headColor : "var(--core-text-primary)" : "transparent", [ headColor, trackHeadSize ]), setWidth = useMemo(() => width && "string" == typeof width ? "auto" === width ? "100%" : width : `${null != width ? width : 100}px`, [ width ]), setHeadBorder = useMemo(() => trackHeadBorderSize && 0 !== trackHeadBorderSize ? `${trackHeadBorderSize}px solid ${trackHeadBorderColor}` : "unset", [ trackHeadBorderColor, trackHeadBorderSize ]), cssVars = useMemo(() => ({
-        "--slider-padding": `${padding}px`,
-        "--slider-width": setWidth,
-        "--slider-height": `${height}px`,
-        "--slider-touch-height": `${touchHeight}px`,
-        "--slider-cursor": cursor,
-        "--slider-head-display": height ? "block" : "none",
-        "--slider-head-radius": "100%",
-        "--slider-head-size": `${null != trackHeadSize ? trackHeadSize : 0}px`,
-        "--slider-head-width": `${null != trackHeadSize ? trackHeadSize : 0}px`,
-        "--slider-head-color": trackHeadColor,
-        "--slider-progress-color": null != progressColor ? progressColor : "var(--core-text-primary)",
-        "--slider-track-color": null != trackColor ? trackColor : "var(--core-surface-secondary)",
-        "--slider-track-head-border": setHeadBorder,
-        "--slider-opacity": disabled ? disabledOpacity : "1"
-    }), [ padding, height, touchHeight, cursor, progressColor, trackColor, trackHeadSize, trackHeadColor, setWidth, setHeadBorder, disabled, disabledOpacity ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: jsxs("div", {
-            ref: ref,
-            className: css_trackWrapper,
-            role: "slider",
-            tabIndex: 0,
-            "aria-label": "Slider",
-            "aria-valuemin": scaleMin,
-            "aria-valuemax": scaleMax,
-            "aria-valuenow": currentValue,
-            "aria-orientation": "horizontal",
-            onKeyDown: handleKeyDown,
-            children: [ jsx("div", {
-                className: css_trackBg,
-                children: jsx("div", {
-                    className: css_track,
-                    ref: track
-                })
-            }), jsx("div", {
-                className: css_trackHead,
-                ref: head
-            }) ]
-        })
-    }));
-});
-
-export { Slider as S };

package/dist/esm/chunks/Spacer-Rj8PKnt3.mjs

@@ -1,28 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useMemo } from "react";
-
-const Spacer = React.memo(props => {
-    const {size: size = "s"} = props, divAttributes = __rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = useMemo(() => {
-        const dimension = `var(--spacing-${size})`;
-        return {
-            width: dimension,
-            minWidth: dimension,
-            maxWidth: dimension,
-            height: dimension,
-            minHeight: dimension,
-            maxHeight: dimension,
-            flexShrink: 0
-        };
-    }, [ size ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "";
-    return jsx("div", Object.assign({
-        id: divId,
-        className: divClass.trim(),
-        style: Object.assign(Object.assign({}, divStyle), spacerStyle)
-    }, rest));
-});
-
-export { Spacer as S };

package/dist/esm/chunks/Switch-C4zkPOMU.mjs

@@ -1,50 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { useState, useEffect, useCallback, useMemo } from "react";
-
-var css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
-
-function SwitchComponent(props) {
-    const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding, backgroundColorOn: backgroundColorOn = "var(--feedback-positive)", backgroundColorOff: backgroundColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = __rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = useState(state), resolvedBackgroundColorOn = backgroundColorOn, resolvedBackgroundColorOff = backgroundColorOff;
-    useEffect(() => {
-        setOn(state);
-    }, [ state ]);
-    const handleClick = useCallback(() => {
-        setOn(!on), onChange(value, !on);
-    }, [ on, onChange, value ]), cssVars = useMemo(() => ({
-        "--switch-width": `${width}px`,
-        "--switch-height": `${height}px`,
-        "--switch-padding": void 0 === padding ? "var(--spacing-xxs)" : `${padding}px`,
-        "--switch-knob-size": "calc(var(--switch-height) - var(--switch-padding) * 2)",
-        "--switch-knob-color": knobColor,
-        "--switch-bg-color": on ? resolvedBackgroundColorOn : resolvedBackgroundColorOff
-    }), [ width, height, padding, resolvedBackgroundColorOff, resolvedBackgroundColorOn, on, knobColor ]), justify = useMemo(() => ({
-        justifyContent: on ? "flex-end" : "flex-start"
-    }), [ on ]);
-    return jsx(motion.button, Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign(Object.assign({}, divStyle), justify), cssVars),
-        onClick: handleClick,
-        role: "switch",
-        "aria-label": null != fieldName ? fieldName : "Switch",
-        "aria-checked": on
-    }, rest, {
-        children: jsx(motion.div, {
-            className: css_knob,
-            layout: "preserve-aspect"
-        })
-    }));
-}
-
-SwitchComponent.displayName = "Switch";
-
-const Switch = React.memo(SwitchComponent);
-
-export { Switch as S };

package/dist/esm/chunks/TabBar-bYgmIa-q.mjs

@@ -1,205 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
-
-import "./broadcastChannel-DahousoM.mjs";
-
-import "./webRTCStore-B2ri-_li.mjs";
-
-import "./microphoneStore-D8VxjdFZ.mjs";
-
-import "./volumeStore-hrteUkB-.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { B as Badge } from "./Badge-C7xDwrvC.mjs";
-
-import { I as Icon } from "./Icon-He4S-Q8N.mjs";
-
-import { I as IconButton } from "./IconButton-BGL-_8VW.mjs";
-
-import { T as ToolTipType } from "./sharedTypes-DdC4rvjp.mjs";
-
-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",
-    value: "Option 1",
-    icon: "sun"
-}, {
-    name: "Dark",
-    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 = "var(--spacing-s)", 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), 
-        setIndex(-1 === selectedIndex ? selected : selectedIndex)) : setIndex(selected);
-    }, [ selected, selectedValue, options ]);
-    const handleClick = useCallback(i => {
-        setIndex(i), onChange(i), onTabChange(options[i]);
-    }, [ onChange, onTabChange, options ]), handleOptionClick = useCallback(i => {
-        onToolTip(null), handleClick(i);
-    }, [ onToolTip, handleClick ]), focusOption = useCallback(nextIndex => {
-        var _a;
-        null === (_a = optionRefs.current[nextIndex]) || void 0 === _a || _a.focus();
-    }, []), handleOptionKeyDown = useCallback((event, optionIndex) => {
-        if (options.length < 1) return;
-        let nextIndex = null;
-        switch (event.key) {
-          case "ArrowRight":
-          case "ArrowDown":
-            nextIndex = (optionIndex + 1) % options.length;
-            break;
-
-          case "ArrowLeft":
-          case "ArrowUp":
-            nextIndex = (optionIndex - 1 + options.length) % options.length;
-            break;
-
-          case "Home":
-            nextIndex = 0;
-            break;
-
-          case "End":
-            nextIndex = options.length - 1;
-        }
-        null !== nextIndex && (event.preventDefault(), handleOptionClick(nextIndex), focusOption(nextIndex));
-    }, [ options.length, handleOptionClick, focusOption ]), renderedOptions = useMemo(() => options.map((option, i) => jsx(Option, {
-        name: option.name,
-        index: i,
-        toolTip: option.toolTip,
-        selected: i === index,
-        padding: padding,
-        icon: option.icon,
-        iconSize: iconSize,
-        iconGap: iconGap,
-        disabled: disabled,
-        count: option.count,
-        onClick: handleOptionClick,
-        onKeyDown: handleOptionKeyDown,
-        onToolTip: onToolTip,
-        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, 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": setStyle(padding, "var(--spacing-s)")
-    }), [ tabGap, height, width, border, closeWidth, padding, borderColor, justify ]);
-    return jsxs("div", Object.assign({
-        id: divId,
-        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,
-            children: jsx(IconButton, {
-                iconSize: iconSize - 4,
-                frameSize: iconSize,
-                toggle: !1,
-                hover: !0,
-                icon: "x",
-                onClick: onClose,
-                iconFill: iconFill
-            })
-        }) ]
-    }));
-});
-
-TabBar.displayName = "TabBar";
-
-const Option = React.memo(props => {
-    const theme = useTheme(), {name: name = "Option", index: index = 0, icon: icon = null, selected: selected = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null, padding: padding = "var(--spacing-s)", 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: toolTip
-                },
-                event: e,
-                ref: ref
-            };
-            onToolTip(tip);
-        }
-    }, [ 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, "var(--spacing-s)"),
-        "--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, borderColor ]);
-    return jsxs("button", {
-        type: "button",
-        className: `${css.option} ${css[textSize]} ${selected ? css.selected : ""}`,
-        style: cssVars,
-        ref: element => {
-            ref.current = element, null == buttonRef || buttonRef(element);
-        },
-        role: "tab",
-        "aria-selected": selected,
-        tabIndex: selected ? 0 : -1,
-        onMouseEnter: handleMouseOver,
-        onMouseLeave: handleMouseLeave,
-        onClick: () => onClick(index),
-        onKeyDown: e => onKeyDown(e, index),
-        children: [ icon && jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                name: icon,
-                fill: iconFill,
-                size: iconSize,
-                strokeColor: strokeColor
-            })
-        }), 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.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";
-
-export { TabBar as T };

package/dist/esm/chunks/TextArea-BS0Iu1RB.mjs

@@ -1,87 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-
-import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import { B as Button } from "./Button-C6sTA1hG.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";
-
-const TextArea = React.memo(props => {
-    const {value: value = "", name: name = "text_area", width: width = "100%", height: height = "auto", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = corners["corner-xs"], padding: padding = "var(--spacing-m)", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
-        bottom: 10,
-        right: 10
-    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, 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", "height", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "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 = backgroundColor, [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(() => {
-        (null == ref ? void 0 : ref.current) && (focused ? ref.current.focus() : ref.current.blur(), 
-        setIsFocused(focused));
-    }, [ focused ]), useEffect(() => setText(value), [ value ]), useEffect(() => handleResize(), [ rows ]);
-    const handleChange = useCallback(content => {
-        onChange(content), setText(content);
-    }, [ onChange ]), handleFocus = useCallback(() => {
-        var _a, _b;
-        (null == ref ? void 0 : ref.current) && ref.current.focus(), setIsFocused(!0), onFocus(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
-    }, [ onFocus ]), handleBlur = useCallback(() => {
-        var _a, _b;
-        setIsFocused(!1), onBlur(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
-    }, [ onBlur ]), handleSubmit = useCallback(e => {
-        null == e || e.preventDefault(), handleFocus(), onSubmit(text), submitClears && (setText(""), 
-        ref.current && (ref.current.value = "")), handleResize();
-    }, [ handleFocus, onSubmit, text, submitClears, handleResize ]), handleKeyDownWrapper = useCallback(e => {
-        returnSubmits && "Enter" === e.key && (e.preventDefault(), e.stopPropagation(), 
-        handleSubmit(void 0)), onKeyDown(e);
-    }, [ returnSubmits, handleSubmit, onKeyDown ]), setStyleValue = useCallback(value => "string" == typeof value ? value : `${value}px`, []), setBorderColor = useMemo(() => border && isFocused ? "var(--core-link-primary)" : border && error ? "var(--feedback-warning)" : border ? "var(--core-outline-primary)" : "transparent", [ isFocused, error, border ]), textClassName = useMemo(() => "xs" === textSize ? css_xs : "l" === textSize ? css_l : "m" === textSize ? css_m : css_s, [ textSize ]), cssVars = useMemo(() => ({
-        "--ta-border-radius": setStyle(borderRadius),
-        "--ta-width": `${setStyleValue(width)}`,
-        "--ta-min-width": minWidth ? `${minWidth}px` : "unset",
-        "--ta-height": `${setStyleValue(height)}`,
-        "--ta-max-height": "auto" === height ? "unset" : `${setStyleValue(height)}`,
-        "--ta-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
-        "--ta-border-color": setBorderColor,
-        "--ta-padding": `${setStyleValue(padding)}`,
-        "--ta-send-icon-offset-bottom": `${sendOffset.bottom}px`,
-        "--ta-send-icon-offset-right": `${sendOffset.right}px`,
-        "--ta-send-icon-size": `${sendSize}px`,
-        "--ta-resize": resizable ? "vertical" : "none"
-    }), [ width, minWidth, resolvedBackgroundColor, setBorderColor, padding, sendOffset, sendSize, setStyleValue, borderRadius, resizable, height ]);
-    return jsxs("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onBlur: () => handleBlur(),
-        onFocus: () => handleFocus()
-    }, rest, {
-        children: [ hasSend && jsx("div", {
-            className: css_send,
-            onMouseDown: e => handleSubmit(e),
-            children: jsx(Button, {
-                iconLeft: "arrow up",
-                size: "medium",
-                variant: "solid",
-                round: !0
-            })
-        }), jsx("textarea", {
-            className: `${css_textarea} ${textClassName}`,
-            ref: ref,
-            name: name,
-            value: text,
-            placeholder: placeholder,
-            rows: rows,
-            maxLength: maxLength,
-            disabled: disabled,
-            onChange: e => handleChange(e.target.value),
-            onInput: () => handleResize(),
-            onKeyDown: e => handleKeyDownWrapper(e)
-        }) ]
-    }));
-});
-
-export { TextArea as T };