@itcase/ui 1.9.51 → 1.9.53

package/dist/{Image_cjs_C_FMjUjx.js → Image_cjs_Hvjp2QDB.js}

@@ -12,7 +12,7 @@ const Image = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Im
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
     const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles.useStyles(props);
-    const [imageSrc, setImageSrc] = React.useState(null);
+    const [imageSrc, setImageSrc] = React.useState('');
     // Handles image load errors: calls onError callback or falls back to placeholderUrl
     const handleImageError = React.useCallback((event) => {
         const img = event.target;
@@ -27,7 +27,7 @@ const Image = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Im
     // Syncs imageSrc state with src and placeholderUrl props
     React.useEffect(() => {
         // eslint-disable-next-line react-hooks/set-state-in-effect
-        setImageSrc(src || placeholderUrl || null);
+        setImageSrc(src || placeholderUrl || '');
     }, [src, placeholderUrl]);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'image', mode && `image_mode_${mode}`, type && `image_type_${type}`, cursorClass && `cursor_${cursorClass}`, horizontalAlignClass &&
             `image_horizontal-align_${horizontalAlignClass}`, verticalAlignClass && `image_vertical-align_${verticalAlignClass}`, shapeClass && `image_shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, resizeModeClass && `image_resize-mode_${resizeModeClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, isSkeleton && 'image_skeleton'), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: styles, onClick: onClick, children: [before, jsxRuntime.jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsxRuntime.jsx("img", { className: clsx('image__item', imageWidthClass && `width_${imageWidthClass}`, imageHeightClass && `height_${imageHeightClass}`, imageClassName, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderColorImageClass &&

package/dist/{Image_es_Ca7UQOkj.js → Image_es_DpOCNWpn.js}

@@ -10,7 +10,7 @@ const Image = urlWithAssetPrefix(forwardRef(function Image(props, ref) {
     const propsGenerator = useDevicePropsGenerator(props);
     const { fillClass, fillHoverClass, borderColorClass, borderColorImageClass, borderTypeClass, borderWidthClass, cursorClass, heightClass, horizontalAlignClass, imageHeightClass, imageWidthClass, resizeModeClass, shapeClass, verticalAlignClass, widthClass, } = propsGenerator;
     const { image: imageStyles, styles, wrapper: wrapperStyles, } = useStyles(props);
-    const [imageSrc, setImageSrc] = useState(null);
+    const [imageSrc, setImageSrc] = useState('');
     // Handles image load errors: calls onError callback or falls back to placeholderUrl
     const handleImageError = useCallback((event) => {
         const img = event.target;
@@ -25,7 +25,7 @@ const Image = urlWithAssetPrefix(forwardRef(function Image(props, ref) {
     // Syncs imageSrc state with src and placeholderUrl props
     useEffect(() => {
         // eslint-disable-next-line react-hooks/set-state-in-effect
-        setImageSrc(src || placeholderUrl || null);
+        setImageSrc(src || placeholderUrl || '');
     }, [src, placeholderUrl]);
     return (jsxs("div", { className: clsx(className, 'image', mode && `image_mode_${mode}`, type && `image_type_${type}`, cursorClass && `cursor_${cursorClass}`, horizontalAlignClass &&
             `image_horizontal-align_${horizontalAlignClass}`, verticalAlignClass && `image_vertical-align_${verticalAlignClass}`, shapeClass && `image_shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, resizeModeClass && `image_resize-mode_${resizeModeClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, isSkeleton && 'image_skeleton'), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: styles, onClick: onClick, children: [before, jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsx("img", { className: clsx('image__item', imageWidthClass && `width_${imageWidthClass}`, imageHeightClass && `height_${imageHeightClass}`, imageClassName, borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderColorImageClass &&

package/dist/{Label_cjs_DsuCRIyo.js → Label_cjs_RI5tFcPt.js}

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_CuqEv1jm.js');
+var Icon = require('./Icon_cjs_DTvdhr8B.js');
 var Text = require('./Text_cjs_erTy2pUN.js');
 
 const labelAppearanceAccent = {

package/dist/{Label_es_BPQhW13g.js → Label_es_CNRTIAWo.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, T as Tooltip } from './Icon_es_BYViOa6l.js';
+import { I as Icon, T as Tooltip } from './Icon_es_kewxGRUB.js';
 import { T as Text } from './Text_es_DVNvU0m0.js';
 
 const labelAppearanceAccent = {

package/dist/{Loader_cjs_DMIUN6_q.js → Loader_cjs_CJpdLndn.js}

@@ -2,18 +2,20 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
+var Text = require('./Text_cjs_erTy2pUN.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_erTy2pUN.js');
 
 const loaderAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'accentItemPrimary',
     },
     accentTertiary: {
         fill: 'accentTertiary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'accentItemSecondary',
     },
 };
@@ -21,6 +23,7 @@ const loaderAppearanceAccent = {
 const loaderAppearanceDanger = {
     dangerPrimary: {
         fill: 'dangerPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'dangerItemPrimary',
     },
 };
@@ -28,6 +31,7 @@ const loaderAppearanceDanger = {
 const loaderAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'errorItemPrimary',
     },
 };
@@ -35,6 +39,7 @@ const loaderAppearanceError = {
 const loaderAppearanceExtra = {
     extraPrimary: {
         fill: 'extraPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'extraItemPrimary',
     },
 };
@@ -42,6 +47,7 @@ const loaderAppearanceExtra = {
 const loaderAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'infoItemPrimary',
     },
 };
@@ -49,18 +55,22 @@ const loaderAppearanceInfo = {
 const loaderAppearanceSize = {
     sizeL: {
         size: 'l',
+        textSize: 'm',
     },
     sizeM: {
         size: 'm',
+        textSize: 's',
     },
     sizeS: {
         size: 's',
+        textSize: 'xs',
     },
 };
 
 const loaderAppearanceSpecial = {
     specialPrimary: {
         fill: 'specialPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'specialItemPrimary',
     },
 };
@@ -82,6 +92,7 @@ const loaderAppearanceStyle = {
 const loaderAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'successItemPrimary',
     },
 };
@@ -89,14 +100,17 @@ const loaderAppearanceSuccess = {
 const loaderAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
 };
@@ -104,6 +118,7 @@ const loaderAppearanceSurface = {
 const loaderAppearanceWarning = {
     warningPrimary: {
         fill: 'warningPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'warningItemPrimary',
     },
 };
@@ -129,12 +144,12 @@ const loaderConfig = {
     },
 };
 function Loader(props) {
-    const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
+    const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: loader } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 exports.Loader = Loader;

package/dist/{Loader_es_DLb2P-Sk.js → Loader_es_CqlLujBJ.js}

@@ -1,17 +1,19 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { T as Text } from './Text_es_DVNvU0m0.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_DVNvU0m0.js';
 
 const loaderAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'accentItemPrimary',
     },
     accentTertiary: {
         fill: 'accentTertiary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'accentItemSecondary',
     },
 };
@@ -19,6 +21,7 @@ const loaderAppearanceAccent = {
 const loaderAppearanceDanger = {
     dangerPrimary: {
         fill: 'dangerPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'dangerItemPrimary',
     },
 };
@@ -26,6 +29,7 @@ const loaderAppearanceDanger = {
 const loaderAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'errorItemPrimary',
     },
 };
@@ -33,6 +37,7 @@ const loaderAppearanceError = {
 const loaderAppearanceExtra = {
     extraPrimary: {
         fill: 'extraPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'extraItemPrimary',
     },
 };
@@ -40,6 +45,7 @@ const loaderAppearanceExtra = {
 const loaderAppearanceInfo = {
     infoPrimary: {
         fill: 'infoPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'infoItemPrimary',
     },
 };
@@ -47,18 +53,22 @@ const loaderAppearanceInfo = {
 const loaderAppearanceSize = {
     sizeL: {
         size: 'l',
+        textSize: 'm',
     },
     sizeM: {
         size: 'm',
+        textSize: 's',
     },
     sizeS: {
         size: 's',
+        textSize: 'xs',
     },
 };
 
 const loaderAppearanceSpecial = {
     specialPrimary: {
         fill: 'specialPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'specialItemPrimary',
     },
 };
@@ -80,6 +90,7 @@ const loaderAppearanceStyle = {
 const loaderAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'successItemPrimary',
     },
 };
@@ -87,14 +98,17 @@ const loaderAppearanceSuccess = {
 const loaderAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
+        borderColor: 'surfaceBorderPrimary',
         itemFill: 'surfaceItemPrimary',
     },
 };
@@ -102,6 +116,7 @@ const loaderAppearanceSurface = {
 const loaderAppearanceWarning = {
     warningPrimary: {
         fill: 'warningPrimary',
+        borderColor: 'surfaceBorderSecondary',
         itemFill: 'warningItemPrimary',
     },
 };
@@ -127,12 +142,12 @@ const loaderConfig = {
     },
 };
 function Loader(props) {
-    const { appearance, className, dataTestId, dataTour, type = 'simple', text, isDisabled, isSkeleton, children, } = props;
+    const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: loader } = useStyles(props);
-    return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+    return (jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
 }
 
 export { Loader as L, loaderConfig as a, loaderAppearance as l };

package/dist/{SelectContainer_cjs_DshFNYWN.js → SelectContainer_cjs_DXYUcpco.js}

@@ -5,13 +5,13 @@ var React = require('react');
 var clsx = require('clsx');
 var Select = require('react-select');
 var CreatableSelect = require('react-select/creatable');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Group = require('./Group_cjs_xCUYKUcc.js');
 var Text = require('./Text_cjs_erTy2pUN.js');
+var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var _default = require('@itcase/icons/default');
-var Icon = require('./Icon_cjs_CuqEv1jm.js');
-var Loader = require('./Loader_cjs_DMIUN6_q.js');
+var Icon = require('./Icon_cjs_DTvdhr8B.js');
+var Loader = require('./Loader_cjs_CJpdLndn.js');
 var mergeAppearanceKeys = require('./cjs/utils/mergeAppearanceKeys.js');
 var Divider = require('./Divider_cjs_C5Ou2Kqa.js');
 
@@ -509,12 +509,12 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         : Select;
     React.useEffect(() => {
         const onClickOutside = (event) => {
-            const isTargetSelectContainer = event.target.hasClass &&
-                event.target.hasClass('select_state_hide-value-container');
+            const target = event.target;
+            const isTargetSelectContainer = target && target.classList.contains('select_state_hide-value-container');
             if ('current' in selectRef &&
                 selectRef.current &&
                 selectRef.current.controlRef) {
-                const isTargetInsideController = selectRef.current.controlRef.contains(event.target);
+                const isTargetInsideController = selectRef.current.controlRef.contains(target);
                 if (!isTargetSelectContainer && !isTargetInsideController) {
                     selectRef.current?.onInputBlur(event);
                 }

package/dist/{SelectContainer_es_BQ3-SqL2.js → SelectContainer_es_De_XL0im.js}

@@ -3,13 +3,13 @@ import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
-import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { G as Group } from './Group_es_Y1qBBLZU.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 { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { I as Icon, B as Badge } from './Icon_es_BYViOa6l.js';
-import { L as Loader } from './Loader_es_DLb2P-Sk.js';
+import { I as Icon, B as Badge } from './Icon_es_kewxGRUB.js';
+import { L as Loader } from './Loader_es_CqlLujBJ.js';
 import { mergeAppearanceKeys } from './utils/mergeAppearanceKeys.js';
 import { D as Divider } from './Divider_es_D2snK_vn.js';
 
@@ -507,12 +507,12 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
         : Select;
     useEffect(() => {
         const onClickOutside = (event) => {
-            const isTargetSelectContainer = event.target.hasClass &&
-                event.target.hasClass('select_state_hide-value-container');
+            const target = event.target;
+            const isTargetSelectContainer = target && target.classList.contains('select_state_hide-value-container');
             if ('current' in selectRef &&
                 selectRef.current &&
                 selectRef.current.controlRef) {
-                const isTargetInsideController = selectRef.current.controlRef.contains(event.target);
+                const isTargetInsideController = selectRef.current.controlRef.contains(target);
                 if (!isTargetSelectContainer && !isTargetInsideController) {
                     selectRef.current?.onInputBlur(event);
                 }

package/dist/cjs/components/Accordion.js

@@ -8,7 +8,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Icon = require('../../Icon_cjs_DTvdhr8B.js');
 var Divider = require('../../Divider_cjs_C5Ou2Kqa.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
@@ -25,9 +25,9 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('react-inlinesvg');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_Dn7UhCYe.js');
 
 const accordionAppearanceSize = {
     sizeXXL: {

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_CZ0XJ6d2.js');
+var Avatar = require('../../Avatar_cjs_BIHJrAbQ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,15 +18,16 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_CuqEv1jm.js');
+require('../../Icon_cjs_DTvdhr8B.js');
 require('react-inlinesvg');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
-require('../../Image_cjs_C_FMjUjx.js');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
+require('../utils/mergeAppearanceKeys.js');
+require('../../Image_cjs_Hvjp2QDB.js');
 
 
 

package/dist/cjs/components/AvatarStack.js

@@ -6,7 +6,7 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_CZ0XJ6d2.js');
+var Avatar = require('../../Avatar_cjs_BIHJrAbQ.js');
 var Group = require('../../Group_cjs_xCUYKUcc.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('react');
@@ -23,12 +23,12 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_CuqEv1jm.js');
+require('../../Icon_cjs_DTvdhr8B.js');
 require('react-inlinesvg');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../../Image_cjs_C_FMjUjx.js');
+require('../../Image_cjs_Hvjp2QDB.js');
 
 const avatarStackAppearanceSize = {
     size16: {

package/dist/cjs/components/Badge.js

@@ -1,13 +1,11 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Icon = require('../../Icon_cjs_DTvdhr8B.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('react-inlinesvg');
-require('../hoc/urlWithAssetPrefix.js');
-require('@itcase/common');
-require('../context/UrlAssetPrefix.js');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
@@ -15,6 +13,7 @@ require('lodash/castArray');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
@@ -23,8 +22,10 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Text_cjs_erTy2pUN.js');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
+require('../utils/mergeAppearanceKeys.js');
 
 
 

package/dist/cjs/components/Breadcrumbs.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_CuqEv1jm.js');
+var Icon = require('../../Icon_cjs_DTvdhr8B.js');
 var Link = require('../../Link_cjs_Dn7UhCYe.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var _default = require('@itcase/icons/default');
@@ -26,6 +26,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
+require('../utils/mergeAppearanceKeys.js');
 
 const breadcrumbsAppearanceAccent = {
     accentPrimary: {

package/dist/cjs/components/Button.js

@@ -1,10 +1,12 @@
 'use strict';
 
-var Button = require('../../Button_cjs_BSfL-20W.js');
+var Button = require('../../Button_cjs_B8cIJYbm.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../utils/mergeAppearanceKeys.js');
+require('../../Icon_cjs_DTvdhr8B.js');
+require('react-inlinesvg');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
@@ -19,16 +21,14 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useHoldProgress.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_CuqEv1jm.js');
-require('react-inlinesvg');
+require('../../Text_cjs_erTy2pUN.js');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../../Text_cjs_erTy2pUN.js');
-require('../../Loader_cjs_DMIUN6_q.js');
+require('../utils/mergeAppearanceKeys.js');
+require('../../Loader_cjs_CJpdLndn.js');
+require('../hooks/useHoldProgress.js');
 
 
 

package/dist/cjs/components/Cell.js

@@ -6,8 +6,8 @@ var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_CuqEv1jm.js');
-var Label = require('../../Label_cjs_DsuCRIyo.js');
+var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var Label = require('../../Label_cjs_RI5tFcPt.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('react');
 require('lodash/camelCase');
@@ -24,9 +24,9 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('react-inlinesvg');
+require('../../Link_cjs_Dn7UhCYe.js');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_Dn7UhCYe.js');
 
 const cellAppearanceSize = {
     sizeXL: {