@itcase/ui 1.9.57 → 1.9.59

package/dist/Icon_es_kewxGRUB.js

@@ -1,1086 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useMemo, useRef, useState, useCallback, useImperativeHandle } from 'react';
-import clsx from 'clsx';
-import SVG from 'react-inlinesvg';
-import { a as LinkWrapper } from './Link_es_BDAmhIzd.js';
-import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_DVNvU0m0.js';
-import { urlWithAssetPrefix } from './hoc/urlWithAssetPrefix.js';
-import { mergeAppearanceKeys } from './utils/mergeAppearanceKeys.js';
-
-const badgeAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextPrimary',
-        dotFill: 'accentItemPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-    accentQuaternary: {
-        fill: 'accentQuaternary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextPrimary',
-        dotFill: 'accentItemPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentSecondary',
-        borderColor: 'accentBorderQuaternary',
-        textColor: 'accentTextQuaternary',
-        dotFill: 'accentItemQuaternary',
-        iconFill: 'accentItemQuaternary',
-    },
-    accentTertiary: {
-        fill: 'accentTertiary',
-        borderColor: 'accentBorderSecondary',
-        textColor: 'accentTextSecondary',
-        dotFill: 'accentItemSecondary',
-        iconFill: 'accentItemSecondary',
-    },
-};
-
-const badgeAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        borderColor: 'dangerBorderPrimary',
-        textColor: 'dangerTextPrimary',
-        dotFill: 'dangerItemPrimary',
-        iconFill: 'dangerItemPrimary',
-    },
-};
-
-const badgeAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-};
-
-const badgeAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        textColor: 'errorTextPrimary',
-        iconFill: 'errorItemPrimary',
-    },
-};
-
-const badgeAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        borderColor: 'extraBorderSecondary',
-        textColor: 'extraTextPrimary',
-        dotFill: 'extraItemPrimary',
-        iconFill: 'extraItemPrimary',
-    },
-};
-
-const badgeAppearanceInfo = {
-    infoPrimary: {
-        fill: 'infoPrimary',
-        borderColor: 'infoBorderSecondary',
-        textColor: 'infoTextPrimary',
-        dotFill: 'infoItemPrimary',
-        iconFill: 'infoItemPrimary',
-    },
-    infoSecondary: {
-        fill: 'infoSecondary',
-        borderColor: 'infoBorderSecondary',
-        textColor: 'infoTextSecondary',
-        dotFill: 'infoItemSecondary',
-    },
-};
-
-const badgeAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-
-const badgeAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        textSize: 'xl',
-        iconSize: '24',
-    },
-    sizeXL: {
-        size: 'xl',
-        textSize: 'l',
-        iconSize: '24',
-    },
-    sizeL: {
-        size: 'l',
-        textSize: 'l',
-        iconSize: '24',
-    },
-    sizeM: {
-        size: 'm',
-        textSize: 'm',
-        iconSize: '24',
-    },
-    sizeS: {
-        size: 's',
-        textSize: 's',
-        iconSize: '24',
-    },
-    sizeXS: {
-        size: 'xs',
-        textSize: 'xs',
-        iconSize: '24',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        textSize: 'xs',
-        iconSize: '24',
-    },
-};
-
-const badgeAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        borderColor: 'specialBorderSecondary',
-        textColor: 'specialTextPrimary',
-        dotFill: 'specialItemPrimary',
-        iconFill: 'specialItemPrimary',
-    },
-};
-
-const badgeAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const badgeAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        borderColor: 'successBorderPrimary',
-        textColor: 'successTextPrimary',
-        dotFill: 'successItemPrimary',
-        iconFill: 'successItemPrimary',
-    },
-};
-
-const badgeAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-        dotFill: 'surfaceItemPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'accentPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderSecondary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-const badgeAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        borderColor: 'warningBorderPrimary',
-        textColor: 'warningTextPrimary',
-        dotFill: 'warningItemPrimary',
-        iconFill: 'warningItemPrimary',
-    },
-};
-
-const badgeAppearance = {
-    ...badgeAppearanceSize,
-    ...badgeAppearanceShape,
-    ...badgeAppearanceStyle,
-    ...badgeAppearanceAccent,
-    ...badgeAppearanceDanger,
-    ...badgeAppearanceError,
-    ...badgeAppearanceInfo,
-    ...badgeAppearanceSpecial,
-    ...badgeAppearanceExtra,
-    ...badgeAppearanceSuccess,
-    ...badgeAppearanceDisabled,
-    ...badgeAppearanceSurface,
-    ...badgeAppearanceWarning,
-};
-
-const badgeConfig = {
-    appearance: badgeAppearance,
-    setAppearance: (appearanceConfig) => {
-        badgeConfig.appearance = appearanceConfig;
-    },
-};
-function Badge(props) {
-    const { appearance, className, dataTestId, dataTour, dot, icon, iconSrc, value, isSkeleton, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, badgeConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColor, textSize, dotFillClass, iconFill, iconShape, iconSize, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
-    const { styles: badgeStyles } = useStyles(props);
-    const badgeTypeClass = value
-        ? icon
-            ? dot
-                ? 'badge_type_dot-icon-counter'
-                : 'badge_type_icon-counter'
-            : 'badge_type_counter'
-        : icon
-            ? 'badge_type_icon'
-            : dot
-                ? 'badge_type_dot'
-                : 'badge_type_fill';
-    return (jsxs("div", { className: clsx(className, 'badge', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, sizeClass && `badge_size_${sizeClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, badgeTypeClass, isSkeleton && 'badge_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: badgeStyles, children: [dot && (jsx("div", { className: clsx('badge__dot', dotFillClass && `svg_fill_${dotFillClass}`), children: jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
-                (value && (jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
-}
-
-const titleAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-};
-
-const titleAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-    },
-};
-
-const titleAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderHoverQuaternary',
-        textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderHoverQuaternary',
-        iconBeforeFill: 'surfaceQuaternary',
-    },
-};
-
-const titleAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        textColor: 'errorTextPrimary',
-        textColorHover: 'errorTextPrimary',
-    },
-};
-
-const titleAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        textColor: 'extraTextPrimary',
-    },
-};
-
-const titleAppearanceInfo = {
-    infoPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-};
-
-const titleAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        borderHover: 'warningBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningQuaternary',
-    },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceQuaternary',
-    },
-};
-
-const titleAppearanceSize = {
-    h1: {
-        size: 'h1',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h2: {
-        size: 'h2',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h3: {
-        size: 'h3',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h4: {
-        size: 'h4',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h5: {
-        size: 'h5',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
-    },
-    h6: {
-        size: 'h6',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
-    },
-};
-
-const titleAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-    },
-};
-
-const titleAppearanceStyle = {
-    solid: {},
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-    },
-};
-
-const titleAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-    },
-};
-
-const titleAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHoverQuaternary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverSecondary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceHoverTertiary',
-    },
-};
-
-const titleAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        textColor: 'warningTextSecondary',
-        textColorHover: 'warningTextSecondary',
-    },
-};
-
-const titleAppearance = {
-    ...titleAppearanceSize,
-    ...titleAppearanceDisabled,
-    ...titleAppearanceStyle,
-    ...titleAppearanceAccent,
-    ...titleAppearanceDanger,
-    ...titleAppearanceError,
-    ...titleAppearanceInfo,
-    ...titleAppearanceSpecial,
-    ...titleAppearanceExtra,
-    ...titleAppearanceSuccess,
-    ...titleAppearanceSurface,
-    ...titleAppearanceWarning,
-    ...titleAppearanceRequire,
-};
-
-const titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: (appearanceConfig) => {
-        titleConfig.appearance = appearanceConfig;
-    },
-};
-function Title(props) {
-    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, onClickIconAfter, onClickIconBefore, } = propsGenerator;
-    const { styles: titleStyles, wrapper: titleWrapperStyles } = useStyles(props);
-    const Tag = useMemo(() => {
-        if (tag) {
-            return tag;
-        }
-        return size ? size : 'span';
-    }, [tag, size]);
-    return (jsxs(Tag, { className: clsx(className, 'title', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `title_size_${size}`, directionClass && `title_direction_${directionClass}`, isDisabled &&
-            textColorDisabledClass &&
-            `text-color_${textColorDisabledClass}`, !isActive &&
-            !isDisabled &&
-            textColorClass &&
-            `text text-color_${textColorClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, !isActive &&
-            !isDisabled &&
-            textColorHoverClass &&
-            `text-color_hover_${textColorHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveHoverClass &&
-            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, onClick: onClickIconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, onClick: onClickIconAfter }))] }), after] }));
-}
-
-const tooltipAppearanceDefault = {
-    defaultPrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverPrimary',
-        titleColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-const tooltipAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'disabledPrimary',
-        fillHover: 'disabledHoverPrimary',
-        titleColor: 'surfaceTextPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-const tooltipAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        borderColor: 'errorBorderPrimary',
-        titleColor: 'errorTextPrimary',
-        textColor: 'errorTextPrimary',
-    },
-};
-
-const tooltipAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        borderColor: 'warningBorderPrimary',
-        titleColor: 'warningTextPrimary',
-        textColor: 'warningTextPrimary',
-    },
-};
-
-const tooltipAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-
-const tooltipAppearanceSize = {
-    sizeL: {
-        size: 'l',
-        titleSize: 'h5',
-        textSize: 's',
-    },
-    sizeM: {
-        size: 'm',
-        titleSize: 'h5',
-        textSize: 's',
-    },
-    sizeS: {
-        size: 's',
-        titleSize: 'h5',
-        textSize: 's',
-    },
-};
-
-const tooltipAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const tooltipAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        borderColor: 'successBorderPrimary',
-        titleColor: 'successTextPrimary',
-        textColor: 'successTextPrimary',
-    },
-};
-
-const tooltipAppearance = {
-    ...tooltipAppearanceDefault,
-    ...tooltipAppearanceSize,
-    ...tooltipAppearanceDisabled,
-    ...tooltipAppearanceRequire,
-    ...tooltipAppearanceShape,
-    ...tooltipAppearanceStyle,
-    ...tooltipAppearanceError,
-    ...tooltipAppearanceSuccess,
-};
-
-const tooltipConfig = {
-    appearance: tooltipAppearance,
-    setAppearance: (appearanceConfig) => {
-        tooltipConfig.appearance = appearanceConfig;
-    },
-};
-const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    const { appearance, className, dataTestId, dataTour, initialIsVisible, title, text, before, after, openTimeoutDelay = 500, closeTimeoutDelay = 250, isSkeleton, isTooltipDisableState, children, } = props;
-    const tooltipElementRef = useRef(null);
-    const tooltipTimeoutHideRef = useRef(null);
-    const tooltipTimeoutShowRef = useRef(null);
-    const isTooltipCloseAnimationInProgressRef = useRef(false);
-    const [isTooltipVisible, setIsTooltipVisible] = useState(initialIsVisible);
-    const openTooltip = useCallback(() => {
-        if (!isTooltipCloseAnimationInProgressRef.current) {
-            if (tooltipTimeoutHideRef.current) {
-                clearTimeout(tooltipTimeoutHideRef.current);
-            }
-            tooltipTimeoutShowRef.current = setTimeout(() => {
-                setIsTooltipVisible(true);
-            }, openTimeoutDelay);
-        }
-    }, [openTimeoutDelay]);
-    const closeTooltip = useCallback(() => {
-        if (tooltipTimeoutShowRef.current) {
-            clearTimeout(tooltipTimeoutShowRef.current);
-        }
-        tooltipTimeoutHideRef.current = setTimeout(() => {
-            setIsTooltipVisible((prevState) => {
-                const newState = false;
-                if (prevState === true) {
-                    isTooltipCloseAnimationInProgressRef.current = true;
-                }
-                return newState;
-            });
-        }, closeTimeoutDelay);
-    }, [closeTimeoutDelay]);
-    const onAnimationEnd = useCallback(() => {
-        isTooltipCloseAnimationInProgressRef.current = false;
-    }, []);
-    useImperativeHandle(ref, () => ({
-        get tooltipElement() {
-            return tooltipElementRef.current;
-        },
-        openTooltip: openTooltip,
-        closeTooltip: closeTooltip,
-        isTooltipVisible: isTooltipVisible,
-    }), [isTooltipVisible, openTooltip, closeTooltip]);
-    const appearanceConfig = useAppearanceConfig(appearance, tooltipConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignClass, alignDirectionClass, alignmentClass, alignPosition, fillClass, titleColor, titleSize, titleWeight, borderColorClass, borderTypeClass, borderWidthClass, textColor, textSize, textWeight, arrowPosition, centeringClass, elevationClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: tooltipStyles } = useStyles(props);
-    return (jsxs("div", { className: clsx(className, 'tooltip', !isTooltipDisableState
-            ? isTooltipVisible
-                ? 'tooltip_state_open'
-                : 'tooltip_state_close'
-            : null, alignPosition && `tooltip_align-position_${alignPosition}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, elevationClass && `elevation_${elevationClass}`, centeringClass && `centering_${centeringClass}`, alignmentClass && `alignment_${alignmentClass}`, sizeClass && `tooltip_size_${sizeClass}`, isSkeleton && 'tooltip_skeleton', widthClass && `width_${widthClass}`), ref: tooltipElementRef, "data-testid": dataTestId, "data-tour": dataTour, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [arrowPosition && (jsx("div", { className: clsx('tooltip__arrow', arrowPosition && `tooltip__arrow_position_${arrowPosition}`, fillClass && `fill_${fillClass}`), children: "\u00A0" })), before, jsxs("div", { className: clsx('tooltip__inner', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: [title && (jsx(Title, { className: "tooltip__title text", size: titleSize, textColor: titleColor, textWeight: titleWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, textWeight: textWeight, children: text })), children] }), after] }));
-});
-
-const iconAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'accentItemPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-};
-
-const iconAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-        borderColor: 'dangerBorderSecondary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'dangerItemPrimary',
-    },
-};
-
-const iconAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'surfaceItemQuaternary',
-    },
-};
-
-const iconAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        borderColor: 'errorBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'errorItemPrimary',
-    },
-};
-
-const iconAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        borderColor: 'extraBorderQuaternary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'extraItemPrimary',
-    },
-};
-
-const iconAppearanceInfo = {
-    infoPrimary: {
-        fill: 'infoPrimary',
-        borderColor: 'infoBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'infoItemPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
-        iconFill: 'infoItemSecondary',
-    },
-};
-
-const iconAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-
-const iconAppearanceSize = {
-    size12_12: {
-        fillSize: '12',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size14_12: {
-        fillSize: '14',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size14_14: {
-        fillSize: '14',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size16_12: {
-        fillSize: '16',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size16_14: {
-        fillSize: '16',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size16_16: {
-        fillSize: '16',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '16',
-    },
-    size20_12: {
-        fillSize: '20',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size20_14: {
-        fillSize: '20',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size20_16: {
-        fillSize: '20',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '16',
-    },
-    size20_20: {
-        fillSize: '20',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '20',
-    },
-    size24_12: {
-        fillSize: '24',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size24_14: {
-        fillSize: '24',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size24_16: {
-        fillSize: '24',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '16',
-    },
-    size24_20: {
-        fillSize: '24',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '20',
-    },
-    size24_24: {
-        fillSize: '24',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '24',
-    },
-    size32_12: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size32_14: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size32_16: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '16',
-    },
-    size32_20: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '20',
-    },
-    size32_24: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '24',
-    },
-    size32_32: {
-        fillSize: '32',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '32',
-    },
-    size40_12: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '12',
-    },
-    size40_14: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '14',
-    },
-    size40_16: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '16',
-    },
-    size40_20: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '20',
-    },
-    size40_24: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '24',
-    },
-    size40_32: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '32',
-    },
-    size40_40: {
-        fillSize: '40',
-        badgeAppearanceSize: 'sizeXXS',
-        badgeSize: 'xxs',
-        iconSize: '40',
-    },
-};
-
-const iconAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-        borderColor: 'specialBorderQuaternary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'specialItemPrimary',
-    },
-};
-
-const iconAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const iconAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        borderColor: 'successBorderPrimary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'successItemPrimary',
-    },
-};
-
-const iconAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHoverQuaternary',
-        badgeAppearance: 'accentPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverSecondary',
-        badgeAppearance: 'accentPrimary solid rounded',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceHoverTertiary',
-        badgeAppearance: 'accentPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-};
-
-const iconAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        borderColor: 'warningBorderSecondary',
-        badgeAppearance: 'surfacePrimary',
-        iconFill: 'warningItemPrimary',
-    },
-};
-
-const iconAppearance = {
-    ...iconAppearanceDisabled,
-    ...iconAppearanceSize,
-    ...iconAppearanceStyle,
-    ...iconAppearanceAccent,
-    ...iconAppearanceShape,
-    ...iconAppearanceDanger,
-    ...iconAppearanceError,
-    ...iconAppearanceInfo,
-    ...iconAppearanceSpecial,
-    ...iconAppearanceExtra,
-    ...iconAppearanceSuccess,
-    ...iconAppearanceSurface,
-    ...iconAppearanceWarning,
-};
-
-const iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: (appearanceConfig) => {
-        iconConfig.appearance = appearanceConfig;
-    },
-};
-const Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, width, height, badgeClass, href, imageSrc, link, linkRel, linkTarget, notification, saveFillStroke, showTooltip, SvgImage, before, after, isActive, isDisabled, isSkeleton, onClick, onMouseEnter, onMouseLeave, } = props;
-    const ImageComponent = useMemo(() => {
-        if (SvgImage) {
-            const SvgComponent = SvgImage;
-            const sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return jsx(SvgComponent, { ...sizes });
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                if (saveFillStroke) {
-                    return jsx(SVG, { src: imageSrc });
-                }
-                return jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
-            }
-            return jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, imageSrc, width, height, saveFillStroke]);
-    const appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { alignmentClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, fillSizeClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, centeringClass, iconFillActiveClass, iconFillActiveHoverClass, iconFillClass, iconFillDisabledClass, iconFillHoverClass, iconSizeClass, shapeClass, shapeStrengthClass, tooltipAppearance, tooltipText, tooltipTextSize, tooltipTitle, tooltipTitleSize, } = propsGenerator;
-    const { styles: iconStyles } = useStyles(props);
-    return (jsxs("div", { id: id, className: clsx(className, 'icon', !isActive
-            ? fillClass && `fill_${fillClass}`
-            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
-            ? fillHoverClass && `fill_hover_${fillHoverClass}`
-            : fillActiveHoverClass &&
-                `fill_active_hover_${fillActiveHoverClass}`, fillSizeClass && `icon_fill_size_${fillSizeClass}`, fillDisabledClass && `fill_disabled_${fillDisabledClass}`, !isActive
-            ? iconFillClass && `icon_fill_${iconFillClass}`
-            : iconFillActiveClass && `icon_fill_active_${iconFillActiveClass}`, !isActive
-            ? iconFillHoverClass && `icon_fill_hover_${iconFillHoverClass}`
-            : iconFillActiveHoverClass &&
-                `icon_fill_active_hover_${iconFillActiveHoverClass}`, isDisabled &&
-            iconFillDisabledClass &&
-            `icon_fill_disabled_${iconFillDisabledClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
-            `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, badgeValue && 'icon_with-badge', centeringClass && `centering_${centeringClass}`, onClick && 'cursor_type_pointer', isSkeleton && `icon_skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && `icon_size_${iconSizeClass}`), href: link || href, LinkComponent: "div", rel: linkRel, target: linkTarget, children: [ImageComponent, (badgeValue || notification) && (jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: clsx(badgeClass, 'icon__badge'), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass && `alignment_${alignmentClass}`), title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
-}));
-const removeFillStroke = (code) => {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/stroke=".*?"/g, 'stroke=""');
-};
-
-export { Badge as B, Icon as I, Tooltip as T, tooltipConfig as a, Title as b, titleAppearance as c, titleConfig as d, iconConfig as e, badgeAppearance as f, badgeConfig as g, iconAppearance as i, tooltipAppearance as t };