@itcase/ui 1.9.50 → 1.9.52

package/dist/components/Drawer.js

@@ -2,14 +2,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import clsx from 'clsx';
 import ReactDrawer from 'react-modern-drawer';
+import { D as Divider } from '../Divider_es_D2snK_vn.js';
+import { I as Icon, b as Title } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
-import { I as Icon, b as Title } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
 import { icons24 } from '@itcase/icons/default';
+import '../hooks/useStyles/useStyles.js';
 import 'lodash/camelCase';
-import 'lodash/castArray';
+import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
@@ -20,12 +21,11 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../hooks/useStyles/useStyles.js';
-import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
+import 'lodash/castArray';
 
 const drawerAppearanceSize = {
     sizeH3: {
@@ -72,51 +72,50 @@ const drawerConfig = {
     },
 };
 function Drawer(props) {
-    const { appearance, className, dataTestId, dataTour, type, title, desc, enableOverlay, lockBackgroundScroll = true, stickyButton, before, after, close, isOpen, isOpenModal, onClickClose, onClose, children, } = props;
-    const _onClickClose = onClickClose ?? onClose;
-    const _isOpen = isOpen ?? isOpenModal;
-    const isOpenPrevRef = useRef(Boolean(_isOpen));
+    const { appearance, className, dataTestId, dataTour, type, title, desc, enableOverlay, lockBackgroundScroll = true, stickyButton, before, after, close, isOpen = false, isOpenModal, onClickClose, onClose, children, } = props;
+    const isOpenPrevRef = useRef(isOpen);
     const isFirstRenderRef = useRef(true);
     const appearanceConfig = useAppearanceConfig(appearance, drawerConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { direction, size, titleTextColor, titleTextSize, titleTextWeight, descTextColor, descTextSize, divider, dividerSize, zeroPadding, closeIcon, closeIconFill, closeIconFillIcon, closeIconFillSize, closeIconShape, closeIconSize, closeIconSrc, } = propsGenerator;
-    const [animationState, setAnimationState] = useState(_isOpen
+    const [animationState, setAnimationState] = useState(isOpen
         ? ANIMATION_STATE_SNAPSHOTS.ENTER_FINISH
         : ANIMATION_STATE_SNAPSHOTS.EXIT_FINISH);
     useEffect(() => {
-        const isFromOpenToClose = isOpenPrevRef.current === true && !_isOpen;
-        if (isFromOpenToClose && onClose) {
-            onClose();
-        }
-        isOpenPrevRef.current = Boolean(_isOpen);
+        /* TODO: Remove error after some time */
         const isNeedShowWarning = process.env.NODE_ENV === 'development' &&
             typeof isOpenModal !== 'undefined';
         if (isNeedShowWarning) {
-            console.warn('@itcase/ui Drawer warning: "isOpenModal" is deprecated, use "isOpen" instead.');
+            throw new Error('@itcase/ui Drawer warning: "isOpenModal" is deprecated, use "isOpen" instead.');
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [_isOpen, onClose]);
-    useEffect(() => {
         if (isFirstRenderRef.current) {
             isFirstRenderRef.current = false;
             return;
         }
+        const isPrevStateOpen = Boolean(isOpenPrevRef.current) === true;
+        const isNewStateClose = Boolean(isOpen) === false;
+        if (isPrevStateOpen && isNewStateClose && onClose) {
+            onClose();
+        }
+        isOpenPrevRef.current = isOpen;
         setAnimationState(ANIMATION_STATE_SNAPSHOTS.DEFAULT);
         const startTransitionDelay = 16;
-        const timeoutDelay = _isOpen ? startTransitionDelay : ANIMATION_DURATION;
+        const timeoutDelay = isOpen ? startTransitionDelay : ANIMATION_DURATION;
         const timeout = setTimeout(() => {
-            setAnimationState(_isOpen
+            const newAnimationState = isOpen
                 ? ANIMATION_STATE_SNAPSHOTS.ENTER_FINISH
-                : ANIMATION_STATE_SNAPSHOTS.EXIT_FINISH);
+                : ANIMATION_STATE_SNAPSHOTS.EXIT_FINISH;
+            setAnimationState(newAnimationState);
         }, timeoutDelay);
         return () => {
             clearTimeout(timeout);
         };
-    }, [_isOpen]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen]);
     if (!animationState.isInDOM) {
         return null;
     }
-    return (jsxs(ReactDrawer, { className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `dataTour-${dataTour}`, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, "data-testid": dataTestId, "data-tour": dataTour, duration: ANIMATION_DURATION, enableOverlay: enableOverlay, lockBackgroundScroll: lockBackgroundScroll, overlayClassName: "drawer__overlay", open: animationState.isOpen, onClose: _onClickClose, children: [before && jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsx("div", { className: "drawer__close", children: jsx(Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: _onClickClose }) })), (title || desc) && (jsxs("div", { className: "drawer__header", children: [jsx(Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }), jsx(Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsx(Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsx("div", { className: "drawer__wrapper", children: children }), after && jsx("div", { className: "drawer__after", children: after })] }));
+    return (jsxs(ReactDrawer, { className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `dataTour-${dataTour}`, stickyButton && 'drawer_sticky-button', zeroPadding && 'drawer_reset-padding'), direction: direction || 'right', size: size || 600, customIdSuffix: dataTestId ? `_${dataTestId}` : undefined, "data-testid": dataTestId, "data-tour": dataTour, duration: ANIMATION_DURATION, enableOverlay: enableOverlay, lockBackgroundScroll: lockBackgroundScroll, overlayClassName: "drawer__overlay", open: animationState.isOpen, onClose: onClickClose, children: [before && jsx("div", { className: "drawer__before", children: before }), !close && (closeIcon || closeIconSrc) && (jsx("div", { className: "drawer__close", children: jsx(Icon, { className: "cursor_type_pointer", fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: onClickClose }) })), (title || desc) && (jsxs("div", { className: "drawer__header", children: [jsx(Title, { className: "drawer__header-title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }), jsx(Text, { className: "drawer__header-desc", size: descTextSize, textColor: descTextColor, children: desc })] })), divider && (jsx(Divider, { width: "fill", size: dividerSize, fill: "surfaceTertiary" })), children && jsx("div", { className: "drawer__wrapper", children: children }), after && jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 export { Drawer, drawerAppearance, drawerConfig };

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_QniQAKA2.js';
+export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_Xq7G5-UI.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,10 +18,10 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_DoAtUvPe.js';
+import '../Icon_es_BYViOa6l.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
-import '../Divider_es_BR7ZO8w0.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
+import '../Divider_es_D2snK_vn.js';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, a as groupAppearance, g as groupConfig } from '../Group_es_BVpRj4LR.js';
+export { G as Group, g as groupAppearance, a as groupConfig } from '../Group_es_Y1qBBLZU.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/HeroTitle.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -21,8 +21,8 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
 
 const heroTitleAppearanceSize = {
     sizeH1: {

package/dist/components/Icon.js

@@ -1,4 +1,4 @@
-export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_DoAtUvPe.js';
+export { I as Icon, i as iconAppearance, e as iconConfig } from '../Icon_es_BYViOa6l.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';

package/dist/components/Image.js

@@ -1,4 +1,4 @@
-export { I as Image } from '../Image_es_Ca7UQOkj.js';
+export { I as Image } from '../Image_es_DpOCNWpn.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_CYUPx5I_.js';
+export { I as Input, i as inputAppearance, a as inputConfig } from '../Input_es_BYbc2X9M.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/InputNumber.js

@@ -3,7 +3,7 @@ import { useState, useCallback } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_C2vKuxE7.js';
+import { B as Button } from '../Button_es_Dk6_9N-r.js';
 import { icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -21,13 +21,13 @@ import '../utils/mergeAppearanceKeys.js';
 import '../hooks/useHoldProgress.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_DoAtUvPe.js';
+import '../Icon_es_BYViOa6l.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
-import '../Loader_es_DFSNJsLL.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
+import '../Loader_es_DLb2P-Sk.js';
 
 const inputNumberAppearanceShape = {
     circular: {

package/dist/components/InputPassword.js

@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -22,8 +22,8 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
 
 const inputPasswordAppearanceDefault = {
     defaultPrimary: {
@@ -231,7 +231,7 @@ function InputPassword(props) {
         return isRevealed ? 'text' : 'password';
     }, [isRevealed]);
     const onClickIconReveal = useCallback((event) => {
-        event.preventDefault();
+        event?.preventDefault();
         setIsRevealed((prev) => !prev);
     }, []);
     const appearanceConfig = useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);

package/dist/components/Label.js

@@ -1,4 +1,4 @@
-export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_BHlo5f-u.js';
+export { L as Label, l as labelAppearance, a as labelConfig } from '../Label_es_BPQhW13g.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -18,9 +18,9 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Icon_es_DoAtUvPe.js';
+import '../Icon_es_BYViOa6l.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';

package/dist/components/Link.js

@@ -1,4 +1,4 @@
-export { L as Link, a as LinkWrapper, b as linkAppearance, l as linkConfig } from '../Link_es_DPZHTF38.js';
+export { L as Link, a as LinkWrapper, l as linkAppearance, b as linkConfig } from '../Link_es_BDAmhIzd.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/List.js

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { L as Link } from '../Link_es_DPZHTF38.js';
+import { L as Link } from '../Link_es_BDAmhIzd.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Loader.js

@@ -1,4 +1,4 @@
-export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_DFSNJsLL.js';
+export { L as Loader, l as loaderAppearance, a as loaderConfig } from '../Loader_es_DLb2P-Sk.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
@@ -18,4 +18,4 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_B85LGfjW.js';
+import '../Text_es_DVNvU0m0.js';

package/dist/components/Logo.js

@@ -5,7 +5,7 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from '../Link_es_DPZHTF38.js';
+import { a as LinkWrapper } from '../Link_es_BDAmhIzd.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import 'lodash/camelCase';

package/dist/components/MenuItem.js

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from '../Icon_es_DoAtUvPe.js';
-import { L as Link } from '../Link_es_DPZHTF38.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { I as Icon, T as Tooltip } from '../Icon_es_BYViOa6l.js';
+import { L as Link } from '../Link_es_BDAmhIzd.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -241,7 +241,7 @@ function MenuItem(props) {
             : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass
             ? `shape-strength_${shapeStrengthClass}`
             : shapeClass === 'rounded' && 'shape-strength_default', typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
-            `menu-item_justify-content_${justifyContentClass}`, isSkeleton && `menu-item_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, children: [before, children || (jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }), showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: "menu-item__tooltip", ref: tooltipRef, minWidth: "auto", alignment: "right-center", size: tooltipSize, fill: tooltipFill, zIndex: "100", title: tooltipTitle, titleColor: tooltipTitleTextColor, paddingLeft: "2m", text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, 
+            `menu-item_justify-content_${justifyContentClass}`, isSkeleton && `menu-item_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, onClick: onClick, children: [before, children || (jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }), showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: "menu-item__tooltip", ref: tooltipRef, minWidth: "auto", alignment: "right-center", size: tooltipSize, fill: tooltipFill, zIndex: "100", title: tooltipTitle, titleColor: tooltipTitleTextColor, paddingLeft: "2m", text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, 
                 // centering="vertical"
                 shape: tooltipShape, shapeStrength: tooltipShapeStrength, isTooltipDisableState: true }))] }));
 }

package/dist/components/Modal.js

@@ -7,9 +7,9 @@ import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { O as Overlay } from '../Overlay_es_Dx6UIr2X.js';
-import { L as Loader } from '../Loader_es_DFSNJsLL.js';
+import { b as Title, I as Icon } from '../Icon_es_BYViOa6l.js';
+import { O as Overlay } from '../Overlay_es_DOO535JM.js';
+import { L as Loader } from '../Loader_es_DLb2P-Sk.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -26,8 +26,8 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
 
 const modalAppearanceShape = {
     circular: {

package/dist/components/ModalSheetBottom.js

@@ -5,7 +5,7 @@ import { Sheet } from 'react-modal-sheet';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_DoAtUvPe.js';
+import { b as Title } from '../Icon_es_BYViOa6l.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -22,8 +22,8 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';
 
 const modalSheetBottomAppearanceSize = {
     sizeL: {

package/dist/components/Notification.js

@@ -4,10 +4,10 @@ import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_C2vKuxE7.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { L as Loader } from '../Loader_es_DFSNJsLL.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { B as Button } from '../Button_es_Dk6_9N-r.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { L as Loader } from '../Loader_es_DLb2P-Sk.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { icons24 } from '@itcase/icons/default';
 import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
 import '../context/UIContext.js';
@@ -24,7 +24,7 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useHoldProgress.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Overlay.js

@@ -1,4 +1,4 @@
-export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay_es_Dx6UIr2X.js';
+export { O as Overlay, o as overlayAppearance, a as overlayConfig } from '../Overlay_es_DOO535JM.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Pagination.js

@@ -5,9 +5,9 @@ import ReactPaginate from 'react-paginate';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_QniQAKA2.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_Xq7G5-UI.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { icons14, icons16, icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -22,11 +22,11 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Divider_es_BR7ZO8w0.js';
+import '../Divider_es_D2snK_vn.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 
 const paginationAppearanceAccent = {
     accentPrimary: {

package/dist/components/Radio.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Response.js

@@ -6,9 +6,9 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_C2vKuxE7.js';
-import { G as Group } from '../Group_es_BVpRj4LR.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { B as Button } from '../Button_es_Dk6_9N-r.js';
+import { G as Group } from '../Group_es_Y1qBBLZU.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import 'lodash/camelCase';
@@ -25,10 +25,10 @@ import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 import '../utils/mergeAppearanceKeys.js';
 import '../hooks/useHoldProgress.js';
-import '../Icon_es_DoAtUvPe.js';
+import '../Icon_es_BYViOa6l.js';
 import 'react-inlinesvg';
-import '../Link_es_DPZHTF38.js';
-import '../Loader_es_DFSNJsLL.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Loader_es_DLb2P-Sk.js';
 
 const responseAppearanceConfirm = {
     confirm: {

package/dist/components/Search.js

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { S as Scrollbar } from '../Scrollbar_es_CKTh3pew.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -24,7 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 import 'react-scrollbars-custom';
 
 const searchAppearanceDefault = {

package/dist/components/Segmented.js

@@ -3,8 +3,8 @@ import { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -22,7 +22,7 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 
 const segmentedAppearanceDefault = {
     defaultPrimary: {

package/dist/components/Select/stories/__mock__.js

@@ -18,12 +18,12 @@ const SelectDefaultMock = {
     }]
   }, {
     label: 'Томат',
-    isDisabled: true,
-    value: '2'
+    value: '2',
+    isDisabled: true
   }, {
     label: 'Томат красный',
-    isDisabled: true,
-    value: '3'
+    value: '3',
+    isDisabled: true
   }, {
     label: 'Томат среднеплодный (круглый)',
     value: '4',

package/dist/components/Select.js

@@ -1,9 +1,10 @@
-export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_Cr3Zset9.js';
+export { S as Select, a as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_kRH4DsEh.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
+import '../Group_es_Y1qBBLZU.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -18,16 +19,15 @@ import 'react-responsive';
 import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
-import '../Group_es_BVpRj4LR.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Text_es_B85LGfjW.js';
+import '../Text_es_DVNvU0m0.js';
 import '@itcase/icons/default';
-import '../Icon_es_DoAtUvPe.js';
+import '../Icon_es_BYViOa6l.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
-import '../Loader_es_DFSNJsLL.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Loader_es_DLb2P-Sk.js';
 import '../utils/mergeAppearanceKeys.js';
-import '../Divider_es_BR7ZO8w0.js';
+import '../Divider_es_D2snK_vn.js';

package/dist/components/Swiper.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback, useImperativeHandle, useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
-import { G as Group } from '../Group_es_BVpRj4LR.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { G as Group } from '../Group_es_Y1qBBLZU.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_DoAtUvPe.js';
+import { b as Title } from '../Icon_es_BYViOa6l.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -24,7 +24,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 
 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;

package/dist/components/Switch.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';