@itcase/ui 1.9.56 → 1.9.57

package/dist/components/Select/SelectNoOptions.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { components } from 'react-select';
+import { Group } from 'src/components/Group';
+import { Text } from 'src/components/Text';
+const SelectNoOptions = (props) => {
+    const { inputValue, noOptionsSearchText, noOptionsText, noOptionsTextColor, noOptionsTextSize, optionFill, } = props.selectProps;
+    return (_jsx(components.NoOptionsMessage, { ...props, className: clsx(optionFill && `fill_${optionFill}`), children: _jsx(Group, { textAlign: "center", children: _jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
+                    ? noOptionsSearchText
+                    : noOptionsText }) }) }));
+};
+export { SelectNoOptions };

package/dist/components/Select/SelectOption.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { components } from 'react-select';
+import { Divider } from 'src/components/Divider';
+import { Icon } from 'src/components/Icon';
+import { Text } from 'src/components/Text';
+const SelectOption = (props) => {
+    const { label, isSelected } = props;
+    const { dividerDirection, dividerFill, dividerSize, menuItemSize, optionAfter, optionBefore, optionBorder, optionBorderType, optionFill, optionFillActive, optionFillActiveDisabled, optionFillActiveHover, optionFillDisabled, optionFillHover, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionShape, optionShapeStrength, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionTextSize, showDivider, } = props.selectProps;
+    return (_jsxs(components.Option, { ...props, className: clsx('select__menu-list-item', isSelected || props.isSelected
+            ? !props.isDisabled
+                ? optionFillActive && `fill_active_${optionFillActive}`
+                : optionFillActiveDisabled &&
+                    `fill_active_disabled_${optionFillActiveDisabled}`
+            : !props.isDisabled
+                ? optionFill && `fill_${optionFill}`
+                : optionFillDisabled && `fill_${optionFillDisabled}`, (isSelected || props.isSelected) &&
+            !props.isDisabled &&
+            optionFillActiveHover &&
+            `fill_active_hover_${optionFillActiveHover}`, !isSelected &&
+            !props.isSelected &&
+            !props.isDisabled &&
+            optionFillHover &&
+            `fill_hover_${optionFillHover}`, isSelected && 'select__menu-list-item_state_selected', menuItemSize && `select__menu-list-item_size_${menuItemSize}`, optionBorder && `border-color_${optionBorder}`, optionBorderType && `border_type_${optionBorderType}`, optionShape && `shape_${optionShape}`, optionShapeStrength && `shape-strength_${optionShapeStrength}`), children: [optionBefore, _jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isActive: props.isSelected || isSelected, isDisabled: props.isDisabled, children: label }), (isSelected || props.isSelected) && (_jsx("div", { className: "select__menu-list-item_selected", children: _jsx(Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
+};
+export { SelectOption };

package/dist/components/Select/SelectOverflowBadge.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from 'src/components/Badge';
+import { mergeAppearanceKeys } from 'src/utils';
+const SelectOverflowBadge = (props) => {
+    const { badgeAppearance, badgeAppearanceSize, overflowItemsList } = props;
+    const label = `+${overflowItemsList.length}`;
+    return (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "select__multi-value-badge", value: label }));
+};
+export { SelectOverflowBadge };

package/dist/components/Select/SelectPlaceholder.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { Text } from 'src/components/Text';
+const SelectPlaceholder = (props) => {
+    const { placeholderTextColor, placeholderTextSize } = props.selectProps;
+    return (_jsx(components.Placeholder, { ...props, children: _jsx(Text, { size: placeholderTextSize, textColor: placeholderTextColor, children: props.children }) }));
+};
+export { SelectPlaceholder };

package/dist/components/Select/SelectSingleValue.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+import { Text } from 'src/components/Text';
+const SelectSingleValue = (props) => {
+    const { data, children } = props;
+    const { inputTextColor, inputTextSize } = props.selectProps;
+    const optionBefore = data.optionBefore;
+    const optionAfter = data.optionBefore;
+    return (_jsxs(components.SingleValue, { ...props, children: [data && optionBefore, _jsx(Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
+};
+export { SelectSingleValue };

package/dist/components/Select/SelectValueContainer.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+const SelectValueContainer = (props) => {
+    const { inputAfter, inputBefore } = props.selectProps;
+    return (_jsxs(components.ValueContainer, { ...props, children: [inputBefore, props.children, inputAfter] }));
+};
+export { SelectValueContainer };

package/dist/components/Select/appearance/selectDefault.js

@@ -0,0 +1,37 @@
+const selectAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
+        elevation: 8,
+        badgeAppearance: 'accentPrimary solid circular',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
+        inputTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionFillHover: 'surfaceSecondary',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { selectAppearanceDefault };

package/dist/components/Select/appearance/selectDisabled.js

@@ -0,0 +1,28 @@
+const selectAppearanceDisabled = {
+    disabledPrimary: {
+        elevation: 8,
+        badgeAppearance: 'accentPrimary solid circular',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'extraPrimary',
+        inputFill: 'surfaceDisabled',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'surfaceHoverPrimary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { selectAppearanceDisabled };

package/dist/components/Select/appearance/selectError.js

@@ -0,0 +1,37 @@
+const selectAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        fillHover: 'errorTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
+        elevation: 8,
+        badgeAppearance: 'accentPrimary solid circular',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
+        inputTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionFillHover: 'surfaceSecondary',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { selectAppearanceError };

package/dist/components/Select/appearance/selectRequire.js

@@ -0,0 +1,37 @@
+const selectAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        fillHover: 'warningTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
+        elevation: 8,
+        badgeAppearance: 'accentPrimary solid circular',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
+        inputTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionFillHover: 'surfaceSecondary',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { selectAppearanceRequire };

package/dist/components/Select/appearance/selectShape.js

@@ -0,0 +1,27 @@
+const selectAppearanceShape = {
+    rounded: {
+        multipleItemShapeRadius: '1m',
+        shape: 'rounded',
+    },
+    roundedXL: {
+        multipleItemShapeRadius: '1m',
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        multipleItemShapeRadius: '1m',
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        multipleItemShapeRadius: '1m',
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        multipleItemShapeRadius: '1m',
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+export { selectAppearanceShape };

package/dist/components/Select/appearance/selectSize.js

@@ -0,0 +1,116 @@
+import { icons12, icons14, icons16, icons24 } from '@itcase/icons/default';
+const selectAppearanceSize = {
+    sizeXL: {
+        size: 'xl',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 's',
+        optionSelectedIcon: icons16.Form.Check,
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeL: {
+        size: 'l',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 'm',
+        optionSelectedIcon: icons16.Form.Check,
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeM: {
+        size: 'm',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        inputTextSize: 'm',
+        loadingMessageTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons14.Action.Close,
+        multipleItemTextSize: 'xs',
+        noOptionsTextSize: 'm',
+        optionSelectedIcon: icons14.Form.Check,
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeS: {
+        size: 's',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 's',
+        menuItemSize: 'l',
+        multipleItemIcon: icons14.Action.Close,
+        multipleItemTextSize: 'xs',
+        noOptionsTextSize: 's',
+        optionSelectedIcon: icons14.Form.Check,
+        optionTextSize: 's',
+        placeholderTextSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs',
+        menuItemSize: 'l',
+        multipleItemIcon: icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        badgeAppearanceSize: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs',
+        menuItemSize: 'l',
+        multipleItemIcon: icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
+};
+export { selectAppearanceSize };

package/dist/components/Select/appearance/selectStyle.js

@@ -0,0 +1,17 @@
+const selectAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+        borderColorHover: 'none',
+    },
+    outlined: {
+        fill: 'none',
+        fillHover: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
+    },
+};
+export { selectAppearanceStyle };

package/dist/components/Select/appearance/selectSuccess.js

@@ -0,0 +1,37 @@
+const selectAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillHover: 'successTertiary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderQuaternary',
+        elevation: 8,
+        badgeAppearance: 'accentPrimary solid circular',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
+        inputCaretColor: 'accentPrimary',
+        inputTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionFillHover: 'surfaceSecondary',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+export { selectAppearanceSuccess };

package/dist/components/Select/index.js

@@ -0,0 +1,16 @@
+import { SelectClearIndicator } from './SelectClearIndicator';
+import { selectConfig, SelectContainer } from './SelectContainer';
+import { SelectControl } from './SelectControl';
+import { SelectDropdownIndicator } from './SelectDropdownIndicator';
+import { SelectGroupHeading } from './SelectGroupHeading';
+import { SelectIndicatorsContainer } from './SelectIndicatorsContainer';
+import { SelectInput } from './SelectInput';
+import { SelectMenu } from './SelectMenu';
+import { SelectMultiValueContainer } from './SelectMultiValueContainer';
+import { SelectMultiValueLabel } from './SelectMultiValueLabel';
+import { SelectMultiValueRemove } from './SelectMultiValueRemove';
+import { SelectOption } from './SelectOption';
+import { SelectPlaceholder } from './SelectPlaceholder';
+import { SelectSingleValue } from './SelectSingleValue';
+import { SelectValueContainer } from './SelectValueContainer';
+export { SelectContainer as Select, SelectClearIndicator, selectConfig, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, };

package/dist/components/Swiper/Swiper.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Swiper/Swiper.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import clsx from 'clsx';
+import { Swiper as SwiperJS, SwiperSlide, } from 'swiper/react';
+import { Group } from 'src/components/Group';
+import { Text } from 'src/components/Text';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Title } from 'src/components/Title';
+function Swiper(props) {
+    const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
+    const swiperRef = useRef(null);
+    const isMountedRef = useRef(false);
+    const [nextEl, nextRef] = useSwiperRef();
+    const [prevEl, prevRef] = useSwiperRef();
+    const isLoop = loop ?? true;
+    const onInitSwiper = useCallback((swiper) => {
+        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
+            setPrevBtnDisabled(swiper.isBeginning);
+            setNextBtnDisabled(swiper.isEnd);
+        }
+    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onSlideChange = useCallback((swiper) => {
+        if (isChangeOnClickSlide) {
+            swiper.activeIndex = activeSlideIndex || swiper.clickedIndex;
+        }
+    }, [isChangeOnClickSlide, activeSlideIndex]);
+    const onTransitionStart = useCallback((swiper) => {
+        if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
+            setPrevBtnDisabled(swiper.isBeginning);
+            setNextBtnDisabled(swiper.isEnd);
+        }
+    }, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
+    const onClickShowOriginalButton = useCallback(() => {
+        const swiperInstance = swiperRef.current?.swiper;
+        const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
+        if (imgElement?.src) {
+            window.open(imgElement.src, '_blank');
+        }
+    }, [swiperRef]);
+    useImperativeHandle(forwardedRef, () => swiperRef.current, []);
+    useEffect(() => {
+        if (isMountedRef.current) {
+            const swiperInstance = swiperRef.current?.swiper;
+            // @ts-expect-error
+            swiperInstance?.updateActiveIndex(activeSlideIndex);
+            swiperInstance?.updateSlidesClasses();
+        }
+        else {
+            isMountedRef.current = true;
+        }
+    }, [activeSlideIndex]);
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
+    const { styles: style } = useStyles(props);
+    return (_jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), "data-testid": dataTestId, "data-tour": dataTour, style: style, children: [title && (_jsxs("div", { className: "swiper-block__wrapper", children: [title && (_jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (_jsxs(React.Fragment, { children: [_jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), _jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), _jsx(SwiperJS, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
+                    minRatio: minZoom,
+                    maxRatio: maxZoom,
+                    toggle: true,
+                }, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
+                    items?.map((item, i) => (_jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (_jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (_jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: _jsx(Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
+}
+const useSwiperRef = () => {
+    const [wrapper, setWrapper] = useState(null);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current) {
+            setWrapper(ref.current);
+        }
+    }, []);
+    return [wrapper, ref];
+};
+export { Swiper };

package/dist/components/Swiper/index.js

@@ -0,0 +1 @@
+export { Swiper } from './Swiper';

package/dist/components/Switch/Switch.appearance.js

@@ -0,0 +1,17 @@
+import { switchAppearanceDefault } from './appearance/switchDefault';
+import { switchAppearanceDisabled } from './appearance/switchDisabled';
+import { switchAppearanceError } from './appearance/switchError';
+import { switchAppearanceRequire } from './appearance/switchRequire';
+import { switchAppearanceSize } from './appearance/switchSize';
+import { switchAppearanceStyle } from './appearance/switchStyle';
+import { switchAppearanceSuccess } from './appearance/switchSuccess';
+const switchAppearance = {
+    ...switchAppearanceSize,
+    ...switchAppearanceDisabled,
+    ...switchAppearanceRequire,
+    ...switchAppearanceStyle,
+    ...switchAppearanceError,
+    ...switchAppearanceDefault,
+    ...switchAppearanceSuccess,
+};
+export { switchAppearance };

package/dist/components/Switch/Switch.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Switch/Switch.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { Text } from 'src/components/Text';
+import { switchAppearance } from './Switch.appearance';
+const switchConfig = {
+    appearance: switchAppearance,
+    setAppearance: (appearanceConfig) => {
+        switchConfig.appearance = appearanceConfig;
+    },
+};
+const Switch = React.forwardRef(function Switch(props, ref) {
+    const { id, appearance, className, dataTestId, dataTour, align = 'left', title, desc, isActive, isDisabled, onChange, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
+    return (_jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: "switch__wrapper", children: [title && (_jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (_jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), _jsxs("div", { className: 'switch__item', children: [_jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange }), _jsx("div", { className: clsx('switch__bg', !isActive
+                            ? fillClass && `fill_${fillClass}`
+                            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
+                            ? fillHoverClass && `fill_hover_${fillHoverClass}`
+                            : fillActiveHoverClass &&
+                                `fill_active_hover_${fillActiveHoverClass}`), children: "\u00A0" }), _jsx("div", { className: clsx('switch__toggle', !isActive
+                            ? fillToggleClass && `fill_${fillToggleClass}`
+                            : fillToggleActiveClass && `fill_active_${fillToggleActiveClass}`, !isActive
+                            ? fillToggleHoverClass && `fill_hover_${fillToggleHoverClass}`
+                            : fillToggleActiveHoverClass &&
+                                `fill_active_hover_${fillToggleActiveHoverClass}`), children: "\u00A0" })] })] }));
+});
+export { Switch, switchConfig };

package/dist/components/Switch/appearance/switchDefault.js

@@ -0,0 +1,11 @@
+const switchAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceTertiary',
+        fillActive: 'surfaceTertiary',
+        fillToggle: 'surfacePrimary',
+        fillToggleActive: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+    },
+};
+export { switchAppearanceDefault };

package/dist/components/Switch/appearance/switchDisabled.js

@@ -0,0 +1,11 @@
+const switchAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        fillActive: 'surfaceDisabled',
+        fillToggle: 'surfaceSecondary',
+        fillToggleActive: 'surfaceActiveSecondary',
+        titleTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+    },
+};
+export { switchAppearanceDisabled };

package/dist/components/Switch/appearance/switchError.js

@@ -0,0 +1,11 @@
+const switchAppearanceError = {
+    errorPrimary: {
+        fill: 'surfaceTertiary',
+        fillActive: 'errorSecondary',
+        fillToggle: 'surfacePrimary',
+        fillToggleActive: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+    },
+};
+export { switchAppearanceError };

package/dist/components/Switch/appearance/switchRequire.js

@@ -0,0 +1,11 @@
+const switchAppearanceRequire = {
+    requirePrimary: {
+        fill: 'surfaceTertiary',
+        fillActive: 'warningSecondary',
+        fillToggle: 'surfacePrimary',
+        fillToggleActive: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+    },
+};
+export { switchAppearanceRequire };