@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/AudioBubble-nUxpObow.mjs

@@ -1,69 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useRef, useState, useMemo, useEffect } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { a as addOpacity } from "./colors-qznBTNSD.mjs";
-
-import { A as AudioVisualizer } from "./audioVisualizer-_H-alvTA.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-var css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";
-
-const AudioBubble = React.memo(props => {
-    const {current: current} = useTheme(), color = current.colors["core-text-primary"], {audioStream: audioStream, playing: playing = !1, size: size = 64, backgroundColor: backgroundColor = "var(--core-text-primary)", glow: glow = !0, glowColor: glowColor = addOpacity(color, .1), glowSize: glowSize = 48, glowOffset: glowOffset = 18, minScale: minScale = 1, maxScale: maxScale = 3, intensity: intensity = 2.2, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, ReleasePerSeconds: ReleasePerSeconds = 1.5} = props, divAttributes = __rest(props, [ "audioStream", "playing", "size", "backgroundColor", "glow", "glowColor", "glowSize", "glowOffset", "minScale", "maxScale", "intensity", "peakIntensity", "risePerSeconds", "ReleasePerSeconds" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = useRef(null), [scale, setScale] = useState(minScale), visualizerSettings = useMemo(() => ({
-        minScale: minScale,
-        maxScale: maxScale,
-        intensityMultiplier: intensity,
-        peakIntensity: peakIntensity,
-        risePerSecond: risePerSeconds,
-        releasePerSecond: ReleasePerSeconds,
-        onUpdate: ({scale: nextScale}) => setScale(nextScale)
-    }), [ minScale, maxScale, intensity, peakIntensity, risePerSeconds, ReleasePerSeconds ]), setGlow = useMemo(() => glow ? `0 ${glowOffset}px ${glowSize}px ${glowColor}` : "unset", [ glow, glowColor, glowSize, glowOffset ]), cssVars = useMemo(() => ({
-        "--ab-size": `${size}px`,
-        "--ab-bg-color": backgroundColor,
-        "--ab-box-shadow": setGlow
-    }), [ size, backgroundColor, setGlow ]);
-    return useEffect(() => {
-        var _a;
-        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
-        !audioStream) return void setScale(minScale);
-        const visualizer = new AudioVisualizer(audioStream, visualizerSettings);
-        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
-            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
-        };
-    }, [ audioStream, minScale, playing, visualizerSettings ]), useEffect(() => {
-        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
-        setScale(minScale)));
-    }, [ minScale, playing ]), jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: divStyle
-    }, rest, {
-        children: jsx("div", {
-            className: css_bubble,
-            style: Object.assign(Object.assign({}, cssVars), {
-                transform: `scale(${scale})`
-            })
-        })
-    }));
-});
-
-export { AudioBubble as A };

package/dist/esm/chunks/Avatar-tdg93uhg.mjs

@@ -1,88 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
-
-import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-CagHFpjD.mjs";
-
-var css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
-
-const Avatar = React.memo(props => {
-    var _a;
-    const {email: email, name: name, image: image = "", textColor: textColor, borderWidth: borderWidth, borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, backgroundColor: backgroundColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "textColor", "borderWidth", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "backgroundColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), resolvedTextColor = null != textColor ? textColor : color, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = backgroundColor, initials = useMemo(() => {
-        if (!name && !email) return "";
-        if (name) {
-            let last;
-            const parts = name.trim().split(" "), first = parts[0];
-            return parts.length > 1 && (last = parts.at(-1)), `${first.charAt(0)}${last ? last.charAt(0) : ""}`;
-        }
-        return email ? email.charAt(0) : void 0;
-    }, [ name, email ]), bgImage = useMemo(() => image ? `url(${image})` : "", [ image ]);
-    useEffect(() => {
-        var _a;
-        if (void 0 !== fontSize) {
-            if ("auto" === fontSize || "number" == typeof fontSize && fontSize <= 1) {
-                const parentHeight = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.offsetHeight;
-                if (!parentHeight) return void setTextSize("inherit");
-                let size = .5;
-                "number" == typeof fontSize && (size = fontSize);
-                const fSize = Math.round(parentHeight * size);
-                return void setTextSize(fSize);
-            }
-            if ("string" == typeof fontSize && fontSize.includes("%")) {
-                const normalized = normalizedPercent(fontSize);
-                return void setTextSize(normalized);
-            }
-            setTextSize(fontSize);
-        } else setTextSize("inherit");
-    }, [ fontSize ]);
-    const displayContent = useMemo(() => image ? null : initials, [ image, initials ]), onMouseEnter = useCallback(event => {
-        var _a;
-        const payload = {
-            label: null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : ""
-        };
-        onToolTip({
-            payload: payload,
-            event: event
-        });
-    }, [ name, email, onToolTip ]), onMouseLeave = useCallback(() => {
-        onToolTip(null);
-    }, [ onToolTip ]), handleKeyDown = useCallback(event => {
-        null == onKeyDown || onKeyDown(event), onClick && !event.defaultPrevented && accessibleKeyDown(event, () => onClick(event));
-    }, [ onClick, onKeyDown ]), avatarVars = useMemo(() => ({
-        "--avatar-size": setStyle(size),
-        "--avatar-frame": setStyle(frame),
-        "--avatar-border": `${resolvedBorderWidth}px`,
-        "--avatar-color": null != resolvedTextColor ? resolvedTextColor : "var(--core-text-primary)",
-        "--avatar-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
-        "--avatar-border-color": null != borderColor ? borderColor : "var(--core-outline-primary)",
-        "--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
-        "--avatar-bg-image": `${bgImage}`,
-        "--avatar-font-size": setStyle(textSize),
-        "--avatar-outer-border-size": `${null != outerBorderSize ? outerBorderSize : 0}px`,
-        "--avatar-outer-border-color": null != outerBorderColor ? outerBorderColor : "var(--core-surface-primary)"
-    }), [ size, frame, resolvedBorderWidth, resolvedTextColor, resolvedBackgroundColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        className: classNames,
-        style: Object.assign(Object.assign({}, divStyle), avatarVars),
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onClick: onClick,
-        onKeyDown: handleKeyDown,
-        role: onClick ? "button" : "img",
-        tabIndex: onClick ? tabIndex : void 0,
-        "aria-label": `User Avatar - ${null !== (_a = null != name ? name : email) && void 0 !== _a ? _a : "Unknown User"}`
-    }, rest, {
-        children: jsx("div", {
-            ref: ref,
-            "aria-hidden": !0,
-            className: css_user,
-            children: displayContent
-        })
-    }));
-});
-
-export { Avatar as A };

package/dist/esm/chunks/AvatarGroup-C-8btUsy.mjs

@@ -1,47 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useMemo } from "react";
-
-import { A as Avatar } from "./Avatar-tdg93uhg.mjs";
-
-var css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
-
-const AvatarGroup = React.memo(props => {
-    const {avatars: avatars = [], size: size = 32, borderWidth: borderWidth, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "avatars", "size", "borderWidth", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, cssVars = useMemo(() => ({
-        "--ag-gap": `${null != gap ? gap : 0}px`,
-        "--ag-margin": `${null != margin ? margin : 0}px`,
-        "--ag-overlap": (overlap > 0 ? -overlap : 0) + "px"
-    }), [ overlap, gap, margin ]), renderedAvatars = useMemo(() => avatars ? avatars.map((avatar, index) => {
-        var _a;
-        return jsx("div", {
-            className: css_avatar,
-            children: jsx(Avatar, {
-                name: `${avatar.first} ${avatar.last}`,
-                email: avatar.email,
-                image: avatar.image || avatar.avatar,
-                size: size,
-                frame: size,
-                borderWidth: resolvedBorderWidth,
-                borderColor: borderColor,
-                borderColorHover: borderColorHover,
-                outerBorderSize: outerBorderSize,
-                outerBorderColor: outerBorderColor,
-                textColor: null !== (_a = avatar.textColor) && void 0 !== _a ? _a : avatar.color,
-                backgroundColor: avatar.backgroundColor,
-                onToolTip: onToolTip
-            })
-        }, `avatar_${avatar.email}_${index}`);
-    }) : null, [ avatars, size, resolvedBorderWidth, borderColor, borderColorHover, outerBorderSize, outerBorderColor, onToolTip ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        className: classNames,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: renderedAvatars
-    }));
-});
-
-export { AvatarGroup as A };

package/dist/esm/chunks/Badge-BsLebku3.mjs

@@ -1,26 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useMemo } from "react";
-
-var css_badge = "Badge-module_badge__RsuMz flexBox-module_row__z24tF type-module_body-xs-medium__s3KvF";
-
-const Badge = React.memo(props => {
-    const {count: count, variant: variant = "dark", hideNull: hideNull = !0} = props, divAttributes = __rest(props, [ "count", "variant", "hideNull" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", displayCount = useMemo(() => void 0 === count ? "0" : "string" == typeof count ? count : count > 99 ? "99+" : count.toString(), [ count ]), cssVars = useMemo(() => ({
-        "--badge-color": "light" === variant ? "var(--core-text-primary)" : "var(--core-text-light)",
-        "--badge-bg": "light" === variant ? "var(--core-badge-secondary)" : "var(--core-badge-primary)"
-    }), [ variant ]);
-    return void 0 === count || "" === count || hideNull && 0 === count ? null : jsx("div", Object.assign({
-        id: divId,
-        className: `${css_badge}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        role: "status",
-        "aria-live": "polite"
-    }, rest, {
-        children: displayCount
-    }));
-});
-
-export { Badge as B };

package/dist/esm/chunks/Button-BtxNw6ia.mjs

@@ -1,283 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useMemo } from "react";
-
-import { corners } from "../theme/corners.mjs";
-
-import { B as Badge } from "./Badge-BsLebku3.mjs";
-
-import { D as Dot } from "./Dot-CUKJwIzW.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import { P as ProgressIndicator } from "./ProgressIndicator-BJGyKW4y.mjs";
-
-import { T as ToolTipType } from "./sharedTypes-BS0kCucU.mjs";
-
-var css = {
-    button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
-    label: "Button-module_label__UJ3Zt",
-    count: "Button-module_count__DFxVB flexBox-module_row__z24tF",
-    icon: "Button-module_icon__-43u5 flexBox-module_row__z24tF",
-    xs: "Button-module_xs__cF6m0 type-module_body-xs-regular__ZAFft",
-    m: "Button-module_m__DR-gs type-module_body-m-regular__LuQBA",
-    l: "Button-module_l__0E0yI type-module_body-l-regular__lOYbg",
-    xl: "Button-module_xl__nx4V0 type-module_body-xl-regular__pF2kC",
-    s: "Button-module_s__dSKOL type-module_body-s-regular__vRHSP"
-};
-
-const ButtonComponent = forwardRef((props, buttonRef) => {
-    const {children: children, size: size = "medium", variant: variant = "outline", label: label, labelSize: labelSize = "m", iconRight: iconRight, iconLeft: iconLeft, iconFill: iconFill = !1, count: count = (void 0 === props.count ? void 0 : Number(props.count)), showDot: showDot, tooltip: tooltip, round: round = !1, state: state = "normal", fill: fill = !1, iconSize: iconSize = (void 0 === props.iconSize ? 20 : Number(props.iconSize)), width: width = "min-content", underline: underline = !1, borderRadius: borderRadius, iconColor: iconColor, backgroundColor: backgroundColor, backgroundColorDisabled: backgroundColorDisabled, labelColor: labelColor, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, paddingRight: paddingRight, paddingLeft: paddingLeft, progress: progress = !1, working: working = !1, duration: duration, trigger: trigger = !1, destructive: destructive = !1, link: link, target: target = "_self", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "children", "size", "variant", "label", "labelSize", "iconRight", "iconLeft", "iconFill", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "backgroundColor", "backgroundColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "link", "target", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorDisabled = backgroundColorDisabled, [btnState, setBtnState] = useState(state), [lockedWidth, setLockedWidth] = useState(void 0), [playing, setPlaying] = useState(working), ref = useRef(null), lockCurrentWidth = useCallback(() => {
-        ref.current && setLockedWidth(ref.current.offsetWidth);
-    }, []), handleClick = useCallback(e => {
-        onToolTip(null), "disabled" !== btnState && (progress && duration ? (lockCurrentWidth(), 
-        setPlaying(!0)) : (link && void 0 !== globalThis.window && globalThis.window.open(link, target), 
-        onClick(e)));
-    }, [ onToolTip, btnState, progress, duration, lockCurrentWidth, onClick, link, target ]);
-    useEffect(() => setBtnState(state), [ state ]), useEffect(() => {
-        working ? lockCurrentWidth() : setLockedWidth(void 0), setPlaying(working);
-    }, [ working, lockCurrentWidth ]), useImperativeHandle(buttonRef, () => ({
-        triggerClick: () => handleClick(void 0)
-    })), useEffect(() => {
-        trigger && handleClick(void 0);
-    }, [ trigger, handleClick ]);
-    const destructiveColor = useCallback(icon => {
-        if (icon) {
-            if ("disabled" === btnState) return "var(--core-text-disabled)";
-            if ("solid" === variant) return "var(--core-text-light)";
-        }
-        return destructive ? "var(--feedback-warning)" : "var(--core-text-primary)";
-    }, [ destructive, variant, btnState ]), solid = useMemo(() => ({
-        border: "0px",
-        iconColor: {
-            normal: iconColor || destructiveColor(!0),
-            hover: iconColor || destructiveColor(!0),
-            disabled: iconColor || destructiveColor(!0)
-        },
-        background: {
-            normal: resolvedBackgroundColor || (destructive ? "var(--feedback-warning)" : "var(--core-button-primary)"),
-            hover: resolvedBackgroundColor || (destructive ? "var(--feedback-warning)" : "var(--core-button-primary)"),
-            disabled: resolvedBackgroundColorDisabled || "var(--core-button-disabled)"
-        },
-        borderColor: {
-            normal: "transparent",
-            hover: "transparent",
-            disabled: "transparent"
-        },
-        color: {
-            normal: labelColor || (destructive ? "white" : "var(--core-text-light)"),
-            hover: labelColor || (destructive ? "white" : "var(--core-text-light)"),
-            disabled: "var(--core-text-disabled)"
-        }
-    }), [ labelColor, destructive, destructiveColor, resolvedBackgroundColor, resolvedBackgroundColorDisabled, iconColor ]), outline = useMemo(() => ({
-        border: "1px",
-        iconColor: {
-            normal: iconColor || destructiveColor(!0),
-            hover: iconColor || destructiveColor(!0),
-            disabled: iconColor || destructiveColor(!0)
-        },
-        background: {
-            normal: resolvedBackgroundColor || "var(--core-surface-primary)",
-            hover: resolvedBackgroundColor || "var(--core-surface-primary)",
-            disabled: resolvedBackgroundColorDisabled || "var(--core-surface-primary)"
-        },
-        borderColor: {
-            normal: destructive ? "var(--feedback-warning)" : "var(--core-outline-primary)",
-            hover: destructive ? "var(--feedback-warning)" : "var(--core-outline-primary)",
-            disabled: "var(--core-outline-primary)"
-        },
-        color: {
-            normal: labelColor || (destructive ? "var(--feedback-warning)" : "var(--core-text-primary)"),
-            hover: labelColor || (destructive ? "var(--feedback-warning)" : "var(--core-text-special)"),
-            disabled: "var(--core-text-disabled)"
-        }
-    }), [ labelColor, destructive, destructiveColor, resolvedBackgroundColor, resolvedBackgroundColorDisabled, iconColor ]), text = useMemo(() => ({
-        border: "1px",
-        iconColor: {
-            normal: iconColor || destructiveColor(!0),
-            hover: iconColor || destructiveColor(!0),
-            disabled: iconColor || "var(--core-text-disabled)"
-        },
-        background: {
-            normal: "transparent",
-            hover: "transparent",
-            disabled: "transparent"
-        },
-        borderColor: {
-            normal: "transparent",
-            hover: "transparent",
-            disabled: "transparent"
-        },
-        color: {
-            normal: labelColor || destructiveColor(!1),
-            hover: labelColor || destructiveColor(!1),
-            disabled: "var(--core-text-disabled)"
-        }
-    }), [ destructiveColor, labelColor, iconColor ]), colorStyles = useMemo(() => ({
-        solid: solid,
-        outline: outline,
-        text: text
-    }), [ solid, outline, text ]), setPadding = useCallback(side => {
-        if (round) return 0;
-        const padding = "text" === variant ? "var(--spacing-xs)" : "small" === size ? "var(--spacing-m)" : "var(--spacing-l)";
-        return ("left" === side ? iconLeft : iconRight) ? `calc(${padding} - var(--spacing-xs))` : padding;
-    }, [ round, variant, size, iconLeft, iconRight ]), sizingStyles = useMemo(() => ({
-        large: {
-            height: 48,
-            gap: 8,
-            iconSize: iconSize,
-            paddingLeft: setPadding("left"),
-            paddingRight: setPadding("right"),
-            paddingTop: 0,
-            paddingBottom: 0,
-            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
-        },
-        medium: {
-            height: 36,
-            gap: 8,
-            iconSize: iconSize,
-            paddingLeft: setPadding("left"),
-            paddingRight: setPadding("right"),
-            paddingTop: 0,
-            paddingBottom: 0,
-            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
-        },
-        small: {
-            height: "auto",
-            gap: 8,
-            iconSize: iconSize,
-            paddingLeft: setPadding("left"),
-            paddingRight: setPadding("right"),
-            paddingTop: "var(--spacing-xs)",
-            paddingBottom: "var(--spacing-xs)",
-            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
-        }
-    }), [ iconSize, borderRadius, setPadding ]), handleMouseEnter = useCallback(e => {
-        if ("disabled" !== btnState && setBtnState("hover"), !(null == ref ? void 0 : ref.current) || !tooltip) return;
-        const tip = {
-            type: ToolTipType.button,
-            payload: {
-                label: tooltip
-            },
-            event: e,
-            ref: ref
-        };
-        onToolTip(tip);
-    }, [ btnState, tooltip, onToolTip ]), handleMouseLeave = useCallback(() => {
-        "disabled" !== btnState && setBtnState("normal"), tooltip && onToolTip(null);
-    }, [ btnState, tooltip, onToolTip ]), handleDidStop = useCallback(() => {
-        setPlaying(!1), setLockedWidth(void 0), onClick(void 0);
-    }, [ onClick ]), buttonContent = null != children ? children : label, shouldShowLabel = useMemo(() => !(playing && !iconLeft && !iconRight) && Boolean(buttonContent), [ playing, iconLeft, iconRight, buttonContent ]), setStyle = useCallback(value => void 0 === value ? "unset" : "number" == typeof value ? `${value}px` : value, []), setWidth = useMemo(() => playing && lockedWidth && "min-content" === width ? setStyle(lockedWidth) : width && "fill" !== width ? setStyle(width) : "min-content", [ playing, lockedWidth, width, setStyle ]), buttonStyle = useMemo(() => ({
-        color: colorStyles[variant].color[btnState],
-        background: fill ? "var(--core-surface-primary)" : colorStyles[variant].background[state],
-        paddingRight: null != paddingRight ? paddingRight : sizingStyles[size].paddingRight,
-        paddingLeft: null != paddingLeft ? paddingLeft : sizingStyles[size].paddingLeft,
-        paddingTop: "text" === variant ? 0 : sizingStyles[size].paddingTop,
-        paddingBottom: "text" === variant ? 0 : sizingStyles[size].paddingBottom,
-        borderRadius: sizingStyles[size].borderRadius,
-        height: sizingStyles[size].height,
-        maxHeight: sizingStyles[size].height,
-        minHeight: sizingStyles[size].height,
-        flex: "fill" === width ? 1 : "unset",
-        width: setWidth,
-        maxWidth: setWidth,
-        gap: sizingStyles[size].gap,
-        borderWidth: colorStyles[variant].border,
-        borderStyle: "solid",
-        borderColor: colorStyles[variant].borderColor[btnState],
-        cursor: "disabled" === state ? "default" : "pointer",
-        transition: "all var(--motion-water-duration) var(--motion-water) 0s"
-    }), [ colorStyles, variant, btnState, fill, state, paddingRight, paddingLeft, sizingStyles, size, setWidth, width ]), progressColor = useMemo(() => destructive ? "var(feedback-warning)" : colorStyles[variant].color[btnState], [ destructive, colorStyles, variant, btnState ]), iconDivSize = useMemo(() => round ? `${buttonStyle.minHeight}px` : iconSize ? setStyle(iconSize) : "unset", [ round, iconSize, buttonStyle, setStyle ]), cssVars = useMemo(() => ({
-        "--ui-button-decoration": underline ? "underline" : "unset",
-        "--ui-button-icon-size": iconDivSize
-    }), [ underline, iconDivSize ]);
-    return jsxs(motion.button, Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css.button}  ${css[labelSize]}${divClass}`,
-        ref: ref,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        style: Object.assign(Object.assign(Object.assign({}, divStyle), buttonStyle), cssVars),
-        transition: transition,
-        variants: variants,
-        initial: initial,
-        animate: animate,
-        exit: exit,
-        onClick: e => handleClick(e),
-        disabled: "disabled" === btnState,
-        "aria-disabled": "disabled" === btnState
-    }, rest, {
-        children: [ !playing && iconLeft && jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                name: iconLeft,
-                size: sizingStyles[size].iconSize,
-                strokeColor: colorStyles[variant].iconColor[btnState],
-                pointer: "disabled" !== btnState,
-                fill: iconFill
-            })
-        }), playing && iconLeft && jsx("div", {
-            className: css.icon,
-            children: jsx(ProgressIndicator, {
-                show: playing,
-                didStop: handleDidStop,
-                duration: duration,
-                size: sizingStyles[size].iconSize,
-                color: progressColor,
-                inline: !0
-            })
-        }), playing && !iconLeft && !iconRight && jsx("div", {
-            className: css.icon,
-            children: jsx(ProgressIndicator, {
-                show: playing,
-                didStop: handleDidStop,
-                duration: duration,
-                size: sizingStyles[size].iconSize,
-                color: progressColor,
-                inline: !1
-            })
-        }), shouldShowLabel && jsx("div", {
-            className: css.label,
-            children: buttonContent
-        }), playing && iconRight && jsx("div", {
-            className: css.icon,
-            children: jsx(ProgressIndicator, {
-                show: playing,
-                didStop: handleDidStop,
-                duration: duration,
-                size: sizingStyles[size].iconSize,
-                color: progressColor,
-                inline: !0
-            })
-        }), !playing && iconRight && jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                name: iconRight,
-                size: sizingStyles[size].iconSize,
-                strokeColor: colorStyles[variant].iconColor[btnState],
-                pointer: "disabled" !== btnState,
-                fill: iconFill
-            })
-        }), jsx(Dot, {
-            show: !playing && showDot
-        }), !playing && count && jsx("div", {
-            className: css.count,
-            children: jsx(Badge, {
-                variant: "light",
-                count: Number(count)
-            })
-        }) ]
-    }));
-});
-
-ButtonComponent.displayName = "Button";
-
-const Button = React.memo(ButtonComponent);
-
-export { Button as B };

package/dist/esm/chunks/ButtonBar-Duch_kZq.mjs

@@ -1,82 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-var css_wrapper = "ButtonBar-module_wrapper__FYZ3s flexBox-module_rowStart__4tcxS", css_button = "ButtonBar-module_button__bMR3h flexBox-module_row__z24tF", css_selected = "ButtonBar-module_selected__wKvmi";
-
-const ButtonBar = React.memo(function(props) {
-    const {buttons: buttons = [], selected: selected, toggle: toggle = !0, buttonSize: buttonSize = "m", frameSize: frameSize = 36, iconSize: iconSize = 20, borderWidth: borderWidth, borderSize: borderSize = 0, borderRadius: borderRadius = corners["corner-round"], borderColor: borderColor = "var(--core-outline-primary)", backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-outline-primary)", backgroundColorActive: backgroundColorActive = "var(--core-outline-primary)", labelColor: labelColor = "var(--core-text-primary)", onClick: onClick = button => null, onChange: onChange = button => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "buttons", "selected", "toggle", "buttonSize", "frameSize", "iconSize", "borderWidth", "borderSize", "borderRadius", "borderColor", "backgroundColor", "backgroundColorHover", "backgroundColorActive", "labelColor", "onClick", "onChange", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBackgroundColorActive = backgroundColorActive, [hovered, setHovered] = useState(-1), [selectedIndex, setSelectedIndex] = useState(selected);
-    useEffect(() => setSelectedIndex(selected), [ selected ]);
-    const handleMouseEnter = useCallback(index => {
-        setHovered(index);
-    }, []), handleMouseLeave = useCallback(() => {
-        setHovered(-1);
-    }, []), handleClick = useCallback((button, index) => {
-        onClick(button), toggle && (setSelectedIndex(index), onChange(button));
-    }, [ onChange, onClick, toggle ]), buttonClass = useCallback(index => toggle && selectedIndex === index ? css_selected : "", [ selectedIndex, toggle ]), iconColor = useCallback(index => toggle && selectedIndex === index ? "var(--core-text-special)" : hovered === index ? "var(--core-text-primary)" : "var(--core-text-secondary)", [ selectedIndex, hovered, toggle ]), size = useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = useMemo(() => ({
-        "--bb-border-size": `${resolvedBorderWidth}px`,
-        "--bb-border-radius": setStyle(borderRadius),
-        "--bb-border-color": borderColor,
-        "--bb-bg-color": resolvedBackgroundColor,
-        "--bb-bg-color-hover": resolvedBackgroundColorHover,
-        "--bb-bg-color-active": resolvedBackgroundColorActive,
-        "--bb-label-color": labelColor,
-        "--bb-button-size": `${size}px`
-    }), [ resolvedBorderWidth, borderRadius, borderColor, resolvedBackgroundColor, labelColor, resolvedBackgroundColorHover, size, resolvedBackgroundColorActive ]), barButtons = useMemo(() => null == buttons ? void 0 : buttons.map((button, index) => jsx(BarButton, {
-        classNames: `${css_button} ${buttonClass(index)}`,
-        onMouseEnter: () => handleMouseEnter(index),
-        onMouseLeave: handleMouseLeave,
-        onClick: () => handleClick(button, index),
-        onToolTip: onToolTip,
-        toolTip: button.tip,
-        iconSize: iconSize,
-        icon: button.icon,
-        iconColor: iconColor(index)
-    }, `button-bar-${button.icon}-${index}`)), [ buttons, buttonClass, handleMouseEnter, handleMouseLeave, handleClick, onToolTip, iconSize, iconColor ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, cssVars), divStyle)
-    }, rest, {
-        children: barButtons
-    }));
-}), BarButton = React.memo(function(props) {
-    const {classNames: classNames, icon: icon, iconSize: iconSize, iconColor: iconColor, toolTip: toolTip, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onToolTip: onToolTip} = props, ref = useRef(null), handleMouseEnter = useCallback(e => {
-        const tip = {
-            payload: {
-                label: null != toolTip ? toolTip : "Button"
-            },
-            ref: ref,
-            event: e
-        };
-        null == onMouseEnter || onMouseEnter(), null == onToolTip || onToolTip(tip);
-    }, [ toolTip, onMouseEnter, onToolTip ]), handleMouseLeave = useCallback(() => {
-        null == onMouseLeave || onMouseLeave(), null == onToolTip || onToolTip(null);
-    }, [ onMouseLeave, onToolTip ]), handleClick = useCallback(() => {
-        null == onClick || onClick(), null == onToolTip || onToolTip(null);
-    }, [ onClick, onToolTip ]);
-    return jsx("button", {
-        ref: ref,
-        type: "button",
-        className: classNames,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onClick: handleClick,
-        children: jsx(Icon, {
-            name: icon,
-            size: iconSize,
-            strokeColor: iconColor
-        })
-    });
-});
-
-export { ButtonBar as B };