@apple-pie/slice 0.1.34 → 0.1.36

package/dist/esm/chunks/IconButton-nOcdRqR3.mjs

@@ -1,96 +0,0 @@
-'use client';
-import { _ as __rest } from "./tslib.es6-75ZdAmtm.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
-
-import { B as Badge } from "./Badge-DHvo2-ZQ.mjs";
-
-import { D as Dot } from "./Dot-B6Q97aIp.mjs";
-
-import { I as Icon } from "./Icon-CbDAKN_S.mjs";
-
-import { T as ToolTipType } from "./sharedTypes-DoNQkNSM.mjs";
-
-var css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
-
-const IconButton = React.memo(props => {
-    const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
-    useEffect(() => setOn(isToggled), [ isToggled ]);
-    const handleClick = useCallback(e => {
-        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
-    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = useCallback(e => {
-        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
-        const tip = {
-            type: ToolTipType.button,
-            payload: {
-                label: tooltip
-            },
-            event: e,
-            ref: ref
-        };
-        onToolTip(tip);
-    }, [ tooltip, onToolTip ]), handleMouseLeave = useCallback(() => {
-        setHovered(!1), tooltip && onToolTip(null);
-    }, [ tooltip, onToolTip ]), bgColorNormal = useMemo(() => on ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ bgColorOn, bgColor, on ]), bgHoverColor = useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = useMemo(() => ({
-        "--ib-bg-color": bgColorNormal,
-        "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
-        "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
-        "--ib-button-size": `${null != size ? size : 0}px`,
-        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
-        "--ib-border": border ? "1px" : 0,
-        "--ib-color": textColor,
-        "--ib-cursor": disabled ? "default" : "pointer"
-    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
-    return jsxs(motion.button, Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css_button}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: e => handleClick(e),
-        onMouseOutCapture: handleMouseLeave,
-        onMouseOverCapture: handleMouseEnter,
-        transition: transition,
-        variants: variants,
-        initial: initial,
-        animate: animate,
-        exit: exit,
-        disabled: disabled,
-        "aria-disabled": disabled,
-        ref: ref
-    }, rest, {
-        children: [ jsx("div", {
-            className: css_icon,
-            style: {
-                opacity: disabled ? .3 : 1
-            },
-            children: jsx(Icon, {
-                name: icon,
-                strokeColor: setIconColor,
-                fillColor: fillColor,
-                disabled: disabled,
-                size: iconSize,
-                fill: iconFill,
-                toggle: !!toggleIcon && on,
-                pointer: !0
-            })
-        }), label && jsx("div", {
-            className: css_label,
-            children: label
-        }), jsx(Dot, {
-            show: showDot
-        }), 0 !== count && jsx("div", {
-            className: css_count,
-            children: jsx(Badge, {
-                variant: "light",
-                count: count,
-                hideNull: !0
-            })
-        }) ]
-    }));
-});
-
-export { IconButton as I };