@itcase/ui-web 1.10.35 → 1.10.37

package/dist/types/components/Segmented/Segmented.js

@@ -12,7 +12,7 @@ const segmentedConfig = {
     },
 };
 const Segmented = (props) => {
-    const { appearance, className, dataTestId, dataTour, name, activeSegment, segments, isDisabled, isSkeleton, setActiveSegment, onChange, } = props;
+    const { appearance, className, dataTestId, dataTour, name, activeSegment, segments, before, after, isDisabled, isSkeleton, setActiveSegment, onChange, } = props;
     const controlRef = useRef(null);
     const segmentsRefs = useMemo(() => new Map(segments.map((item) => [item.value, createRef()])), [segments]);
     const onChangeValue = useCallback((item) => {
@@ -33,22 +33,22 @@ const Segmented = (props) => {
     const appearanceConfig = useAppearanceConfig(appearance, segmentedConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorHover, labelTextSize, labelTextWrap, borderColorClass, borderTypeClass, borderWidthClass, iconFill, iconFillActive, iconFillDisabled, iconSize, indicatorFillClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx("div", { className: clsx(className, 'segmented', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, widthClass && `segmented_width_${widthClass}`, sizeClass && `segmented_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `skeleton`), ref: controlRef, "data-testid": dataTestId, "data-tour": dataTour, children: _jsx("div", { className: "segmented__wrapper", children: _jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments?.map((item) => {
-                        const isActive = activeSegment.value === item.value;
-                        return (_jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && `segmented__item_size_${sizeClass}`, isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
-                                isDisabled &&
-                                'segmented__item_active_state_disabled', !isActive
-                                ? fillHoverClass && `fill_hover_${fillHoverClass}`
-                                : fillActiveHoverClass &&
-                                    `fill_active_hover_${fillActiveHoverClass}`, isActive &&
-                                fillActiveClass &&
-                                `fill_active_${fillActiveClass}`), ref: segmentsRefs.get(item.value), "data-testid": dataTestId
-                                ? `${dataTestId}${String(item.value).replace(/(^|[_-])([a-zA-Z0-9])/g, (_, __, char) => char.toUpperCase())}Option`
-                                : undefined, onClick: () => !isDisabled && onChangeValue(item), children: _jsxs("div", { className: clsx('segmented__item-label', sizeClass && `segmented_size_${sizeClass}`), children: [item.iconBefore || item.iconBeforeActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
-                                            ? item.iconBeforeActive || item.iconBefore
-                                            : item.iconBefore, isActive: isActive, isDisabled: isDisabled })) : null, item.label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorHover: labelTextColorHover, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive, isDisabled: isDisabled })) : null, item.iconAfter || item.iconAfterActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
-                                            ? item.iconAfterActive || item.iconAfter
-                                            : item.iconAfter, isActive: isActive, isDisabled: isDisabled })) : null] }) }, `${name}-${item.value}`));
-                    }), _jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && `fill_${indicatorFillClass}`) })] }) }) }));
+    return (_jsxs("div", { className: clsx(className, 'segmented', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, widthClass && `segmented_width_${widthClass}`, sizeClass && `segmented_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `skeleton`), ref: controlRef, "data-testid": dataTestId, "data-tour": dataTour, children: [before && _jsx("div", { className: "segmented__before", children: before }), _jsx("div", { className: "segmented__wrapper", children: _jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments?.map((item) => {
+                            const isActive = activeSegment.value === item.value;
+                            return (_jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && `segmented__item_size_${sizeClass}`, isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
+                                    isDisabled &&
+                                    'segmented__item_active_state_disabled', !isActive
+                                    ? fillHoverClass && `fill_hover_${fillHoverClass}`
+                                    : fillActiveHoverClass &&
+                                        `fill_active_hover_${fillActiveHoverClass}`, isActive &&
+                                    fillActiveClass &&
+                                    `fill_active_${fillActiveClass}`), ref: segmentsRefs.get(item.value), "data-testid": dataTestId
+                                    ? `${dataTestId}${String(item.value).replace(/(^|[_-])([a-zA-Z0-9])/g, (_, __, char) => char.toUpperCase())}Option`
+                                    : undefined, onClick: () => !isDisabled && onChangeValue(item), children: _jsxs("div", { className: clsx('segmented__item-label', sizeClass && `segmented_size_${sizeClass}`), children: [item.iconBefore || item.iconBeforeActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
+                                                ? item.iconBeforeActive || item.iconBefore
+                                                : item.iconBefore, isActive: isActive, isDisabled: isDisabled })) : null, item.label && (_jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorHover: labelTextColorHover, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive, isDisabled: isDisabled })) : null, item.iconAfter || item.iconAfterActive ? (_jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
+                                                ? item.iconAfterActive || item.iconAfter
+                                                : item.iconAfter, isActive: isActive, isDisabled: isDisabled })) : null] }) }, `${name}-${item.value}`));
+                        }), _jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && `fill_${indicatorFillClass}`) })] }) }), after && _jsx("div", { className: "segmented__after", children: after })] }));
 };
 export { Segmented, segmentedConfig };

package/dist/types/components/Segmented/__test__/SegmentedTest.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react-vite';
 import type { SegmentedProps } from '../Segmented.interface';
 declare const meta: {
     title: string;
-    component: (props: SegmentedProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: SegmentedProps) => import("react").JSX.Element;
     args: {
         appearance: "defaultPrimary sizeL solid rounded";
         dataTestId: string;

package/dist/types/components/Select/SelectClearIndicator.d.ts

@@ -1,3 +1,3 @@
 import { ClearIndicatorProps, GroupBase } from 'react-select';
-declare const SelectClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectClearIndicator };

package/dist/types/components/Select/SelectControl.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ControlProps, GroupBase } from 'react-select';
-declare const SelectControl: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectControl: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => React.JSX.Element;
 export { SelectControl };

package/dist/types/components/Select/SelectDropdownIndicator.d.ts

@@ -1,3 +1,3 @@
 import { DropdownIndicatorProps, GroupBase } from 'react-select';
-declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectDropdownIndicator };

package/dist/types/components/Select/SelectGroupHeading.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, GroupHeadingProps } from 'react-select';
-declare const SelectGroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectGroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectGroupHeading };

package/dist/types/components/Select/SelectIndicatorsContainer.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, IndicatorsContainerProps } from 'react-select';
-declare const SelectIndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectIndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectIndicatorsContainer };

package/dist/types/components/Select/SelectInput.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, InputProps } from 'react-select';
-declare const SelectInput: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectInput: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectInput };

package/dist/types/components/Select/SelectLoadingIndicator.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, LoadingIndicatorProps } from 'react-select';
-declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectLoadingIndicator };

package/dist/types/components/Select/SelectLoadingMessage.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, NoticeProps } from 'react-select';
-declare const SelectLoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectLoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectLoadingMessage };

package/dist/types/components/Select/SelectMenu.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { GroupBase, MenuProps } from 'react-select';
-declare const SelectMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => React.JSX.Element;
 export { SelectMenu };

package/dist/types/components/Select/SelectMultiValue.d.ts

@@ -1,4 +1,4 @@
 import { GroupBase, MultiValueProps } from 'react-select';
 import { Option as SelectOption } from '@itcase/types-core';
-declare const SelectMultiValue: <Option extends SelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMultiValue: <Option extends SelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectMultiValue };

package/dist/types/components/Select/SelectMultiValueContainer.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, MultiValueGenericProps } from 'react-select';
-declare const SelectMultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectMultiValueContainer };

package/dist/types/components/Select/SelectMultiValueLabel.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, MultiValueGenericProps } from 'react-select';
-declare const SelectMultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectMultiValueLabel };

package/dist/types/components/Select/SelectMultiValueRemove.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, MultiValueRemoveProps } from 'react-select';
-declare const SelectMultiValueRemove: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectMultiValueRemove: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectMultiValueRemove };

package/dist/types/components/Select/SelectNoOptions.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, NoticeProps } from 'react-select';
-declare const SelectNoOptions: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectNoOptions: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectNoOptions };

package/dist/types/components/Select/SelectOption.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, OptionProps } from 'react-select';
-declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectOption };

package/dist/types/components/Select/SelectPlaceholder.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, PlaceholderProps } from 'react-select';
-declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectPlaceholder };

package/dist/types/components/Select/SelectSingleValue.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, SingleValueProps } from 'react-select';
-declare const SelectSingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectSingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectSingleValue };

package/dist/types/components/Select/SelectValueContainer.d.ts

@@ -1,3 +1,3 @@
 import { GroupBase, ValueContainerProps } from 'react-select';
-declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => import("react").JSX.Element;
 export { SelectValueContainer };

package/dist/types/components/Swiper/Swiper.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SwiperProps } from './Swiper.interface';
-declare function Swiper(props: SwiperProps): import("react/jsx-runtime").JSX.Element;
+declare function Swiper(props: SwiperProps): React.JSX.Element;
 export { Swiper };

package/dist/types/components/Tab/Tab.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { TabConfig, TabProps } from './Tab.interface';
 declare const tabConfig: TabConfig;
-declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;
+declare function Tab(props: TabProps): React.JSX.Element;
 export { Tab, tabConfig };

package/dist/types/components/Tab/Tab.interface.d.ts

@@ -92,6 +92,7 @@ type TabGroupAppearanceProps = {
 };
 type TabItem = {
     badgeValue?: TabProps['badgeValue'];
+    dataTour?: TabProps['dataTour'];
     icon?: TabProps['icon'];
     iconSrc?: TabProps['iconSrc'];
     isActive?: TabProps['isActive'];
@@ -100,6 +101,8 @@ type TabItem = {
     onClick?: TabProps['onClick'];
 };
 type TabGroupProps = StyleAttributes & TabGroupAppearanceProps & {
+    after?: ReactNode;
+    before?: ReactNode;
     children?: ReactNode;
     className?: string;
     dataTestId?: string;

package/dist/types/components/Tab/TabGroup.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TabGroupProps } from './Tab.interface';
-declare function TabGroup(props: TabGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function TabGroup(props: TabGroupProps): React.JSX.Element;
 export { TabGroup };

package/dist/types/components/Tab/TabGroup.js

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator, useStyles } from '@itcase/ui-core/hooks';
 import { Tab } from './Tab';
 function TabGroup(props) {
-    const { className, dataTestId, dataTour, horizontalScroll, style, tabAppearance, tabList, children, } = props;
+    const { className, dataTestId, dataTour, horizontalScroll, style, tabAppearance, tabList, before, after, children, } = props;
     const propsGenerator = useDevicePropsGenerator(props);
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, widthClass, wrapClass, } = propsGenerator;
     const { styles: groupStyles, wrapper: groupWrapperStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (_jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key))), children] })) : (_jsxs(React.Fragment, { children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.iconSrc, isActive: item.isActive, onClick: item.onClick }, item.key))), children] })) }));
+    return (_jsxs("div", { className: clsx(className, 'tab-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: [before && _jsx("div", { className: "tab-group__before", children: before }), horizontalScroll ? (_jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, dataTour: item.dataTour, label: item.label, isActive: item.isActive }, item.key))), children] })) : (_jsxs(React.Fragment, { children: [tabList?.map((item) => (_jsx(Tab, { appearance: tabAppearance, dataTour: item.dataTour, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.iconSrc, isActive: item.isActive, onClick: item.onClick }, item.key))), children] })), after && _jsx("div", { className: "tab-group__after", children: after })] }));
 }
 export { TabGroup };

package/dist/types/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
 import type { TextConfig, TextProps } from './Text.interface';
 declare const textConfig: TextConfig;
-declare function Text(props: TextProps): import("react/jsx-runtime").JSX.Element;
+declare function Text(props: TextProps): import("react").JSX.Element;
 export { Text, textConfig };

package/dist/types/components/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
 import type { TextareaConfig, TextareaProps } from './Textarea.interface';
 declare const textareaConfig: TextareaConfig;
-declare function Textarea(props: TextareaProps): import("react/jsx-runtime").JSX.Element;
+declare function Textarea(props: TextareaProps): import("react").JSX.Element;
 export { Textarea, textareaConfig };

package/dist/types/components/Tile/Tile.d.ts

@@ -1,4 +1,4 @@
 import type { TileConfig, TileProps } from './Tile.interface';
 declare const tileConfig: TileConfig;
-declare function Tile(props: TileProps): import("react/jsx-runtime").JSX.Element;
+declare function Tile(props: TileProps): import("react").JSX.Element;
 export { Tile, tileConfig };

package/dist/types/components/Title/Title.d.ts

@@ -1,4 +1,4 @@
 import type { TitleConfig, TitleProps } from './Title.interface';
 declare const titleConfig: TitleConfig;
-declare function Title(props: TitleProps): import("react/jsx-runtime").JSX.Element;
+declare function Title(props: TitleProps): import("react").JSX.Element;
 export { Title, titleConfig };

package/dist/types/components/Tooltip/TooltipWrapper.d.ts

@@ -1,3 +1,3 @@
 import { TooltipWrapperProps } from './Tooltip.interface';
-declare const TooltipWrapper: (props: TooltipWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipWrapper: (props: TooltipWrapperProps) => import("react").JSX.Element;
 export { TooltipWrapper };

package/dist/types/components/Video/Video.d.ts

@@ -1,3 +1,3 @@
 import type { VideoProps } from './Video.interface';
-declare function Video(props: VideoProps): import("react/jsx-runtime").JSX.Element;
+declare function Video(props: VideoProps): import("react").JSX.Element;
 export { Video };

package/dist/types/components/Warning/Warning.d.ts

@@ -1,4 +1,4 @@
 import { WarningConfig, WarningProps } from './Warning.interface';
 declare const warningConfig: WarningConfig;
-declare function Warning(props: WarningProps): import("react/jsx-runtime").JSX.Element;
+declare function Warning(props: WarningProps): import("react").JSX.Element;
 export { Warning, warningConfig };

package/dist/types/storybook/createComponentGallery/createComponentGallery.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ComponentGalleryArgs, ComponentGalleryOptions, ComponentGalleryRenderParams, ComponentGalleryResolved } from './createComponentGallery.interface';
 declare const createComponentGallery: <TAppearance extends string = string>({ size, src, appearanceGroups, shape, style, tierOrder, }: ComponentGalleryOptions) => {
-    render: <TArgs extends ComponentGalleryArgs>(args: TArgs, renderComponent: (params: ComponentGalleryRenderParams<TArgs, TAppearance>) => ReactNode) => import("react/jsx-runtime").JSX.Element;
+    render: <TArgs extends ComponentGalleryArgs>(args: TArgs, renderComponent: (params: ComponentGalleryRenderParams<TArgs, TAppearance>) => ReactNode) => import("react").JSX.Element;
     appearanceList: string[];
     appearanceTierOptions: string[];
     argTypes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.10.35",
+  "version": "1.10.37",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -26,7 +26,7 @@
     "dev-js": "rollup -c -w",
     "dev-css": "postcss 'src/styles/bundles.css' 'src/mediaqueries/*.css' 'src/mixins/*.css' --base src --dir dist/css/ --env production -w --verbose",
     "prepack": "NODE_ENV=production npm run build",
-    "typecheck": "tsc --noEmit --pretty -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit --pretty -p tsconfig.json",
     "storybook": "rm -rf node_modules/.cache/ && STORYBOOK=true storybook dev -p 6006 --disable-telemetry",
     "storybook:test": "vitest --run --project storybook",
     "build-storybook": "STORYBOOK=true storybook build"
@@ -52,8 +52,8 @@
     "@itcase/icons": "^1.2.29",
     "@itcase/tokens-am": "^1.1.57",
     "@itcase/tokens-baikal": "^1.1.54",
-    "@itcase/tokens-palette": "^1.1.50",
-    "@itcase/ui-core": "^1.10.35",
+    "@itcase/tokens-palette": "^1.1.59",
+    "@itcase/ui-core": "^1.10.37",
     "@rc-component/tooltip": "^1.4.0",
     "axios": "^1.17.0",
     "clsx": "^2.1.1",
@@ -89,7 +89,7 @@
     "@babel/preset-react": "^7.29.7",
     "@itcase/storybook-config": "^1.2.75",
     "@itcase/types-core": "^1.1.74",
-    "@itcase/types-ui": "^1.1.82",
+    "@itcase/types-ui": "^1.1.83",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
@@ -102,9 +102,7 @@
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/luxon": "^3.7.1",
-    "@types/react": "^18.3.23",
     "@types/react-datepicker": "^7.0.0",
-    "@types/react-dom": "^18.3.7",
     "@types/react-scroll": "^1.8.10",
     "@types/uuid": "^11.0.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
@@ -116,5 +114,5 @@
     "storybook": "^10.4.2",
     "typescript": "^6.0.3"
   },
-  "gitHead": "14752168ccf722275f1b0f697a5feb09b311cb65"
+  "gitHead": "31104a9f1d24e43dc66dbd33439cd1900ba99c0f"
 }

package/dist/Button_cjs_Dq2pZYkE.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("clsx"),o=require("@itcase/ui-core/hooks"),i=require("@itcase/ui-core/utils"),l=require("./primitives_cjs_Dw4SMbjT.js"),n=require("./Loader_cjs_BMOazvQA.js");require("axios"),require("@itcase/common");const c="holding",t="idle";const s={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},d={appearance:s,setAppearance:e=>{d.appearance=e}},m=r.forwardRef(function(s,m){const{appearance:f,className:y,dataTestId:u,dataTour:p,label:I,Badge:x,href:P,htmlType:T="button",link:b,rel:A,target:S,tooltip:F,before:z,after:C,isDisabled:v,isHolding:_,isLoading:g=!1,onClick:H,onHoldComplete:B,onMouseDown:h,children:Q}=s,w=o.useAppearanceConfig(f,d,v),M=o.useDevicePropsGenerator(s,w),{fillClass:L,fillHoverClass:j,labelTextColor:q,labelTextColorHover:$,labelTextSize:k,labelTextTruncate:N,labelTextWeight:W,labelTextWidth:X,labelTextWrap:D,borderColorClass:K,borderTypeClass:R,borderWidthClass:E,elevationClass:G,icon:U,iconAfter:J,iconAfterAppearance:O,iconAfterAppearanceSize:V,iconAfterFill:Y,iconAfterFillIcon:Z,iconAfterFillSize:ee,iconAfterShape:re,iconAfterSize:ae,iconAfterSrc:oe,iconAppearance:ie,iconAppearanceSize:le,iconBefore:ne,iconBeforeAppearance:ce,iconBeforeAppearanceSize:te,iconBeforeFill:se,iconBeforeFillIcon:de,iconBeforeFillSize:me,iconBeforeShape:fe,iconBeforeSize:ye,iconBeforeSrc:ue,iconFill:pe,iconFillIcon:Ie,iconFillSize:xe,iconShape:Pe,iconSize:Te,iconSrc:be,loaderAppearance:Ae,loaderAppearanceSize:Se,loaderFill:Fe,loaderItemFill:ze,loaderSize:Ce,loaderType:ve="dot",shapeClass:_e,sizeClass:ge,widthClass:He,zeroGap:Be,zeroPadding:he,isSkeleton:Qe}=M,{label:we,styles:Me}=o.useStyles(s),{holdState:Le,onHoldEnd:je,onHoldStart:qe}=function(e){const{holdDurationMs:a=500,isHolding:o,onHoldComplete:i}=e,l=r.useRef(null),n=r.useRef(!1),[s,d]=r.useState(t),m=r.useRef(0);r.useEffect(()=>(l.current=requestAnimationFrame(function e(){if(s===c&&1===m.current&&!n.current&&i&&(n.current=!0,i()),s===c&&m.current<1){const r=Math.min(m.current+16/a,1);m.current=r,l.current=requestAnimationFrame(e)}if(s===t&&m.current>0){const r=Math.max(m.current-16/a,0);m.current=r,l.current=requestAnimationFrame(e)}}),()=>{l.current&&cancelAnimationFrame(l.current)}),[s,a,i]);const f=r.useCallback(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(n.current=!1,d(c)))},[o]),y=r.useCallback(()=>{n.current=!1,d(t)},[]);return{holdState:s,onHoldEnd:y,onHoldStart:f}}({holdDurationMs:500,isHolding:_,onHoldComplete:B}),$e=C||z||U||J||oe||ne||ue||be;return e.jsx(l.LinkWrapper,{className:a(y,"button",I&&$e?"button_type_default":I?"button_type_label":$e?"button_type_icon":"",E&&`border-width_${E}`,K&&`border-color_${K}`,R&&`border_type_${R}`,L&&`fill_${L}`,j&&!v&&`fill_hover_${j}`,_e&&`shape_${_e}`,ge&&`button_size_${ge}`,He&&`button_width_${He}`,G&&`elevation_${G}`,H&&"cursor_type_pointer",v&&"button_state_disabled cursor_type_default",x&&"button_type_badge",he&&"button_reset-padding",Be&&"button_reset-gap",g&&"button_state_loading",Qe&&"skeleton",_&&"button_holding",Le&&_&&`button_state_${Le}`),type:T,title:F,"data-testid":u?u.endsWith("Button")?u:`${u}Button`:void 0,"data-tour":p,disabled:v,href:b??P,LinkComponent:b??P?"a":"button",rel:A,style:Me,target:S,onClick:H,onMouseDown:h,onPointerCancel:je,onPointerDown:qe,onPointerLeave:je,onPointerUp:je,children:e.jsxs("div",{className:"button__wrapper",ref:m,children:[_&&e.jsx("div",{className:a("button__indication",`button__indication_${Le}`),children:e.jsx("div",{className:"button__indication-item",children:" "})}),g&&e.jsx(n.Loader,{appearance:i.mergeAppearanceKeys(Ae,Se),className:a(y,"button__loader"),type:ve,size:Ce,fill:Fe,itemFill:ze}),z,(ne||ue)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ce,te),className:"button__icon_before",fill:se,fillSize:me,iconFill:de,iconSize:ye,imageSrc:ue,shape:fe,SvgImage:ne||void 0}),(U||be)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(ie,le),className:"button__icon",fill:pe,fillSize:xe,iconFill:Ie,iconSize:Te,imageSrc:be,shape:Pe,SvgImage:U||void 0}),(Q||I)&&e.jsx(l.Text,{className:"button__label",width:X,size:k,textColor:q,textColorHover:$,textTruncate:N,textWeight:W,textWrap:D,style:we,children:Q||I}),(J||oe)&&e.jsx(l.Icon,{appearance:i.mergeAppearanceKeys(O,V),className:"button__icon_after",fill:Y,fillSize:ee,iconFill:Z,iconSize:ae,imageSrc:oe,shape:re,SvgImage:J||void 0}),x,C]})})});exports.Button=m,exports.buttonAppearance=s,exports.buttonConfig=d;

package/dist/Button_es_l1l4XH3Z.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import o,{useRef as a,useState as i,useEffect as l,useCallback as n}from"react";import t from"clsx";import{useAppearanceConfig as c,useDevicePropsGenerator as s,useStyles as m}from"@itcase/ui-core/hooks";import{mergeAppearanceKeys as d}from"@itcase/ui-core/utils";import{L as f,I as y,T as p}from"./primitives_es_C4dQ1kEP.js";import{L as u}from"./Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const I="holding",P="idle";const T={sizeXXL:{size:"xxl",labelTextSize:"xl",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeXL:{size:"xl",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeL"},sizeL:{size:"l",labelTextSize:"l",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeM:{size:"m",labelTextSize:"m",iconAfterAppearanceSize:"size24_24",iconBeforeAppearanceSize:"size24_24",loaderAppearanceSize:"sizeM"},sizeS:{size:"s",labelTextSize:"s",iconAfterAppearanceSize:"size20_20",iconBeforeAppearanceSize:"size20_20",loaderAppearanceSize:"sizeS"},sizeXS:{size:"xs",labelTextSize:"xs",iconAfterAppearanceSize:"size16_16",iconBeforeAppearanceSize:"size16_16",loaderAppearanceSize:"sizeS"},sizeXXS:{size:"xxs",labelTextSize:"xs",iconAfterAppearanceSize:"size14_14",iconBeforeAppearanceSize:"size14_14",loaderAppearanceSize:"sizeS"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},accentMutedPrimary:{fill:"accentTertiary",fillHover:"accentHoverTertiary",labelTextColor:"accentTextQuaternary",labelTextColorHover:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfterFillIcon:"accentItemQuaternary",iconBeforeFillIcon:"accentItemQuaternary",iconFillIcon:"accentItemQuaternary",loaderAppearance:"accentTertiary solid"},accentPrimary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextPrimary",labelTextColorHover:"accentTextPrimary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},accentSecondary:{fill:"accentPrimary",fillHover:"accentHoverPrimary",labelTextColor:"accentTextSecondary",labelTextColorHover:"accentTextSecondary",borderColor:"accentBorderPrimary",iconAfterFillIcon:"accentItemPrimary",iconBeforeFillIcon:"accentItemPrimary",iconFillIcon:"accentItemPrimary",loaderAppearance:"accentPrimary solid"},dangerMutedPrimary:{fill:"dangerTertiary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextQuaternary",labelTextColorHover:"dangerTextQuaternary",borderColor:"dangerBorderSecondary",iconAfterFillIcon:"dangerItemQuaternary",iconBeforeFillIcon:"dangerItemQuaternary",iconFillIcon:"dangerItemQuaternary",loaderAppearance:"dangerTertiary solid"},dangerPrimary:{fill:"dangerPrimary",fillHover:"dangerHoverPrimary",labelTextColor:"dangerTextPrimary",labelTextColorHover:"dangerTextPrimary",iconAfterFillIcon:"dangerItemPrimary",iconBeforeFillIcon:"dangerItemPrimary",iconFillIcon:"dangerItemPrimary",loaderAppearance:"dangerPrimary solid"},errorMutedPrimary:{fill:"errorTertiary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextQuaternary",labelTextColorHover:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfterFillIcon:"errorItemQuaternary",iconBeforeFillIcon:"errorItemQuaternary",iconFillIcon:"errorItemQuaternary",loaderAppearance:"errorTertiary solid"},errorPrimary:{fill:"errorPrimary",fillHover:"errorHoverPrimary",labelTextColor:"errorTextPrimary",labelTextColorHover:"errorTextPrimary",iconAfterFillIcon:"errorItemPrimary",iconBeforeFillIcon:"errorItemPrimary",iconFillIcon:"errorItemPrimary",loaderAppearance:"errorPrimary solid"},infoMutedPrimary:{fill:"infoTertiary",fillHover:"infoHoverTertiary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfterFillIcon:"infoItemSecondary",iconBeforeFillIcon:"infoItemSecondary",iconFillIcon:"infoItemSecondary",loaderAppearance:"infoTertiary solid"},infoPrimary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextPrimary",labelTextColorHover:"infoTextPrimary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},infoSecondary:{fill:"infoPrimary",fillHover:"infoHoverPrimary",labelTextColor:"infoTextSecondary",labelTextColorHover:"infoTextSecondary",borderColor:"infoBorderPrimary",iconAfterFillIcon:"infoItemPrimary",iconBeforeFillIcon:"infoItemPrimary",iconFillIcon:"infoItemPrimary",loaderAppearance:"infoPrimary solid"},specialMutedPrimary:{fill:"specialTertiary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextSecondary",borderColor:"specialBorderTertiary",iconAfterFillIcon:"specialItemSecondary",iconBeforeFillIcon:"specialItemSecondary",iconFillIcon:"specialItemSecondary",loaderAppearance:"specialTertiary solid"},specialPrimary:{fill:"specialPrimary",fillHover:"specialHoverPrimary",labelTextColor:"specialTextPrimary",iconAfterFillIcon:"specialItemPrimary",iconBeforeFillIcon:"specialItemPrimary",iconFillIcon:"specialItemPrimary",loaderAppearance:"specialPrimary solid"},extraMutedPrimary:{fill:"extraTertiary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextQuaternary",borderColor:"extraBorderSecondary",iconAfterFillIcon:"extraItemQuaternary",iconBeforeFillIcon:"extraItemQuaternary",iconFillIcon:"extraItemQuaternary",loaderAppearance:"extraPrimary solid"},extraPrimary:{fill:"extraPrimary",fillHover:"extraHoverPrimary",labelTextColor:"extraTextPrimary",iconAfterFillIcon:"extraItemPrimary",iconBeforeFillIcon:"extraItemPrimary",iconFillIcon:"extraItemPrimary",loaderAppearance:"extraPrimary solid"},successMutedPrimary:{fill:"successTertiary",fillHover:"successHoverPrimary",labelTextColor:"successTextQuaternary",labelTextColorHover:"successTextQuaternary",borderColor:"successBorderQuaternary",iconAfterFillIcon:"successItemQuaternary",iconBeforeFillIcon:"successItemQuaternary",iconFillIcon:"successItemQuaternary",loaderAppearance:"successTertiary solid"},successPrimary:{fill:"successPrimary",fillHover:"successHoverPrimary",labelTextColor:"successTextPrimary",labelTextColorHover:"successTextPrimary",iconAfterFillIcon:"successItemPrimary",iconBeforeFillIcon:"successItemPrimary",iconFillIcon:"successItemPrimary",loaderAppearance:"successPrimary solid"},surfaceMutedPrimary:{fill:"surfaceTertiary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextQuaternary",borderColor:"surfaceBorderQuaternary",iconAfterFillIcon:"surfaceItemQuaternary",iconBeforeFillIcon:"surfaceItemQuaternary",iconFillIcon:"surfaceItemQuaternary",loaderAppearance:"surfaceTertiary solid"},surfacePrimary:{fill:"surfacePrimary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfacePrimary solid"},surfaceQuaternary:{fill:"surfaceQuaternary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceQuaternary solid"},surfaceSecondary:{fill:"surfaceSecondary",fillHover:"surfaceTertiary",labelTextColor:"surfaceTextPrimary",borderColor:"surfaceBorderTertiary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceSecondary solid"},surfaceTertiary:{fill:"surfaceTertiary",fillHover:"surfaceSecondary",labelTextColor:"surfaceTextPrimary",iconAfterFillIcon:"surfaceItemPrimary",iconBeforeFillIcon:"surfaceItemPrimary",iconFillIcon:"surfaceItemPrimary",loaderAppearance:"surfaceTertiary solid"},warningMutedPrimary:{fill:"warningTertiary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextSecondary",labelTextColorHover:"warningTextPrimary",borderColor:"warningBorderPrimary",iconAfterFillIcon:"warningItemSecondary",iconBeforeFillIcon:"warningItemSecondary",iconFillIcon:"warningItemSecondary",loaderAppearance:"warningTertiary solid"},warningPrimary:{fill:"warningPrimary",fillHover:"warningHoverPrimary",labelTextColor:"warningTextPrimary",labelTextColorHover:"warningTextPrimary",iconAfterFillIcon:"warningItemPrimary",iconBeforeFillIcon:"warningItemPrimary",iconFillIcon:"warningItemPrimary",loaderAppearance:"warningPrimary solid"}},x={appearance:T,setAppearance:e=>{x.appearance=e}},b=o.forwardRef(function(o,T){const{appearance:b,className:S,dataTestId:A,dataTour:F,label:z,Badge:C,href:v,htmlType:_="button",link:H,rel:g,target:B,tooltip:h,before:Q,after:w,isDisabled:M,isHolding:L,isLoading:$=!1,onClick:N,onHoldComplete:X,onMouseDown:k,children:W}=o,D=c(b,x,M),j=s(o,D),{fillClass:q,fillHoverClass:E,labelTextColor:G,labelTextColorHover:R,labelTextSize:U,labelTextTruncate:J,labelTextWeight:K,labelTextWidth:O,labelTextWrap:V,borderColorClass:Y,borderTypeClass:Z,borderWidthClass:ee,elevationClass:re,icon:oe,iconAfter:ae,iconAfterAppearance:ie,iconAfterAppearanceSize:le,iconAfterFill:ne,iconAfterFillIcon:te,iconAfterFillSize:ce,iconAfterShape:se,iconAfterSize:me,iconAfterSrc:de,iconAppearance:fe,iconAppearanceSize:ye,iconBefore:pe,iconBeforeAppearance:ue,iconBeforeAppearanceSize:Ie,iconBeforeFill:Pe,iconBeforeFillIcon:Te,iconBeforeFillSize:xe,iconBeforeShape:be,iconBeforeSize:Se,iconBeforeSrc:Ae,iconFill:Fe,iconFillIcon:ze,iconFillSize:Ce,iconShape:ve,iconSize:_e,iconSrc:He,loaderAppearance:ge,loaderAppearanceSize:Be,loaderFill:he,loaderItemFill:Qe,loaderSize:we,loaderType:Me="dot",shapeClass:Le,sizeClass:$e,widthClass:Ne,zeroGap:Xe,zeroPadding:ke,isSkeleton:We}=j,{label:De,styles:je}=m(o),{holdState:qe,onHoldEnd:Ee,onHoldStart:Ge}=function(e){const{holdDurationMs:r=500,isHolding:o,onHoldComplete:t}=e,c=a(null),s=a(!1),[m,d]=i(P),f=a(0);l(()=>(c.current=requestAnimationFrame(function e(){if(m===I&&1===f.current&&!s.current&&t&&(s.current=!0,t()),m===I&&f.current<1){const o=Math.min(f.current+16/r,1);f.current=o,c.current=requestAnimationFrame(e)}if(m===P&&f.current>0){const o=Math.max(f.current-16/r,0);f.current=o,c.current=requestAnimationFrame(e)}}),()=>{c.current&&cancelAnimationFrame(c.current)}),[m,r,t]);const y=n(e=>{o&&("touch"!==e.pointerType&&0!==e.button||(s.current=!1,d(I)))},[o]),p=n(()=>{s.current=!1,d(P)},[]);return{holdState:m,onHoldEnd:p,onHoldStart:y}}({holdDurationMs:500,isHolding:L,onHoldComplete:X}),Re=w||Q||oe||ae||de||pe||Ae||He;return e(f,{className:t(S,"button",z&&Re?"button_type_default":z?"button_type_label":Re?"button_type_icon":"",ee&&`border-width_${ee}`,Y&&`border-color_${Y}`,Z&&`border_type_${Z}`,q&&`fill_${q}`,E&&!M&&`fill_hover_${E}`,Le&&`shape_${Le}`,$e&&`button_size_${$e}`,Ne&&`button_width_${Ne}`,re&&`elevation_${re}`,N&&"cursor_type_pointer",M&&"button_state_disabled cursor_type_default",C&&"button_type_badge",ke&&"button_reset-padding",Xe&&"button_reset-gap",$&&"button_state_loading",We&&"skeleton",L&&"button_holding",qe&&L&&`button_state_${qe}`),type:_,title:h,"data-testid":A?A.endsWith("Button")?A:`${A}Button`:void 0,"data-tour":F,disabled:M,href:H??v,LinkComponent:H??v?"a":"button",rel:g,style:je,target:B,onClick:N,onMouseDown:k,onPointerCancel:Ee,onPointerDown:Ge,onPointerLeave:Ee,onPointerUp:Ee,children:r("div",{className:"button__wrapper",ref:T,children:[L&&e("div",{className:t("button__indication",`button__indication_${qe}`),children:e("div",{className:"button__indication-item",children:" "})}),$&&e(u,{appearance:d(ge,Be),className:t(S,"button__loader"),type:Me,size:we,fill:he,itemFill:Qe}),Q,(pe||Ae)&&e(y,{appearance:d(ue,Ie),className:"button__icon_before",fill:Pe,fillSize:xe,iconFill:Te,iconSize:Se,imageSrc:Ae,shape:be,SvgImage:pe||void 0}),(oe||He)&&e(y,{appearance:d(fe,ye),className:"button__icon",fill:Fe,fillSize:Ce,iconFill:ze,iconSize:_e,imageSrc:He,shape:ve,SvgImage:oe||void 0}),(W||z)&&e(p,{className:"button__label",width:O,size:U,textColor:G,textColorHover:R,textTruncate:J,textWeight:K,textWrap:V,style:De,children:W||z}),(ae||de)&&e(y,{appearance:d(ie,le),className:"button__icon_after",fill:ne,fillSize:ce,iconFill:te,iconSize:me,imageSrc:de,shape:se,SvgImage:ae||void 0}),C,w]})})});export{b as B,x as a,T as b};