@itcase/ui 1.9.53 → 1.9.55

package/dist/{Button_cjs_B8cIJYbm.js → Button_cjs_DQK8S06G.js}

@@ -407,13 +407,13 @@ const Button = React.forwardRef(function Button(props, ref) {
         iconBefore ||
         iconBeforeSrc ||
         iconSrc;
-    return (jsxRuntime.jsx(Link.LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
+    return (jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
             ? 'button_type_default'
             : label
                 ? 'button_type_label'
                 : buttonTypeClass
                     ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}-button`, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isHolding && (jsxRuntime.jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsxRuntime.jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), isLoading && (jsxRuntime.jsx(Loader.Loader, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}-button`, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (jsxRuntime.jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsxRuntime.jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), jsxRuntime.jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsxRuntime.jsx(Loader.Loader, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsxRuntime.jsx(Text.Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
 });
 
 exports.Button = Button;

package/dist/{Button_es_DQGp8Ipn.js → Button_es_DmU0Szub.js}

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 import { I as Icon } from './Icon_es_kewxGRUB.js';
@@ -405,13 +405,13 @@ const Button = React.forwardRef(function Button(props, ref) {
         iconBefore ||
         iconBeforeSrc ||
         iconSrc;
-    return (jsx(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
+    return (jsxs(LinkWrapper, { className: clsx(className, 'button', label && buttonTypeClass
             ? 'button_type_default'
             : label
                 ? 'button_type_label'
                 : buttonTypeClass
                     ? 'button_type_icon'
-                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}-button`, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: jsxs("div", { className: "button__wrapper", ref: ref, children: [isHolding && (jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), isLoading && (jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] }) }));
+                    : '', borderWidthClass && `border-width_${borderWidthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && !isDisabled && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, sizeClass && `button_size_${sizeClass}`, widthClass && `button_width_${widthClass}`, elevationClass && `elevation_${elevationClass}`, onClick && 'cursor_type_pointer', isDisabled && 'button_state_disabled cursor_type_default', Badge && 'button_type_badge', zeroPadding && 'button_reset-padding', zeroGap && 'button_reset-gap', isLoading && 'button_state_loading', isSkeleton && 'button_skeleton', isHolding && 'button_holding', holdState && `button_state_${holdState}`), type: htmlType, title: tooltip, "data-testid": dataTestId && `${dataTestId}-button`, "data-tour": dataTour, disabled: isDisabled, href: link || href, LinkComponent: "button", rel: rel, style: buttonStyles, target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onHoldEnd, onPointerDown: onHoldStart, onPointerLeave: onHoldEnd, onPointerUp: onHoldEnd, children: [isHolding && (jsx("div", { className: clsx('button__indication', `button__indication_${holdState}`), children: jsx("div", { className: "button__indication-item", children: "\u00A0" }) })), jsxs("div", { className: "button__wrapper", ref: ref, children: [isLoading && (jsx(Loader, { appearance: mergeAppearanceKeys(loaderAppearance, loaderAppearanceSize), className: clsx(className, 'button__loader'), type: loaderType, size: loaderSize, fill: loaderFill, itemFill: loaderItemFill })), before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconBeforeAppearance, iconBeforeAppearanceSize), className: "button__icon_before", fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), (icon || iconSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAppearance, iconAppearanceSize), className: "button__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (children || label) && (jsx(Text, { className: "button__label", width: labelTextWidth, size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textTruncate: labelTextTruncate, textWeight: labelTextWeight, textWrap: labelTextWrap, style: labelStyles, children: children || label })), (iconAfter || iconAfterSrc) && (jsx(Icon, { appearance: mergeAppearanceKeys(iconAfterAppearance, iconAfterAppearanceSize), className: "button__icon_after", fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), Badge, after] })] }));
 });
 
 export { Button as B, buttonConfig as a, buttonAppearance as b };

package/dist/{DatePicker_cjs_CY5UAP1l.js → DatePicker_cjs_GlYhN9Og.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
-var Button = require('./Button_cjs_B8cIJYbm.js');
+var Button = require('./Button_cjs_DQK8S06G.js');
 var Icon = require('./Icon_cjs_DTvdhr8B.js');
 var Input = require('./Input_cjs_BQIi1N63.js');
 var Label = require('./Label_cjs_RI5tFcPt.js');

package/dist/{DatePicker_es_Cze2Bv6w.js → DatePicker_es_CxNHl2Bx.js}

@@ -3,7 +3,7 @@ import React, { useMemo, useCallback, useRef } from 'react';
 import clsx from 'clsx';
 import { ru } from 'date-fns/locale';
 import DatePicker from 'react-datepicker';
-import { B as Button } from './Button_es_DQGp8Ipn.js';
+import { B as Button } from './Button_es_DmU0Szub.js';
 import { I as Icon } from './Icon_es_kewxGRUB.js';
 import { I as Input } from './Input_es_BYbc2X9M.js';
 import { L as Label } from './Label_es_CNRTIAWo.js';

package/dist/{Group_cjs_xCUYKUcc.js → Group_cjs_MYtD5is_.js}

@@ -26,7 +26,7 @@ const groupConfig = {
     },
 };
 const Group = React.forwardRef(function Group(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
+    const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, onMouseEnter, onMouseLeave, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, groupConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
@@ -52,7 +52,7 @@ const Group = React.forwardRef(function Group(props, ref) {
                     `border-color_hover_${borderColorHoverClass}`
                 : borderColorActiveHoverClass &&
                     `border-color_active_hover_${borderColorActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, !print && 'no-print', print && 'print', onClick && 'cursor_type_pointer'), name: name, ref: ref, "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, children: children }));
+            : fillDisabledClass && `fill_${fillDisabledClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, !print && 'no-print', print && 'print', onClick && 'cursor_type_pointer'), name: name, ref: ref, "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
 });
 
 exports.Group = Group;

package/dist/{Group_es_Y1qBBLZU.js → Group_es_C_WChp2_.js}

@@ -24,7 +24,7 @@ const groupConfig = {
     },
 };
 const Group = React.forwardRef(function Group(props, ref) {
-    const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, children, } = props;
+    const { id, appearance, className, dataTestId, dataTour, name, dataId, easing, htmlFor, print, scroll, style, tag: Tag = 'div', isActive, isDisabled, onClick, onMouseDown, onMouseEnter, onMouseLeave, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, groupConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, flexGrowClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillDisabledClass, fillHoverClass, borderColorActiveClass, borderColorActiveHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorActiveClass, textColorClass, textColorHoverClass, columnsClass, elevationClass, heightClass, hoverFilterClass, iconFillHoverClass, shapeClass, shapeStrengthClass, stackingClass, widthClass, wrapClass, } = propsGenerator;
@@ -50,7 +50,7 @@ const Group = React.forwardRef(function Group(props, ref) {
                     `border-color_hover_${borderColorHoverClass}`
                 : borderColorActiveHoverClass &&
                     `border-color_active_hover_${borderColorActiveHoverClass}`
-            : fillDisabledClass && `fill_${fillDisabledClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, !print && 'no-print', print && 'print', onClick && 'cursor_type_pointer'), name: name, ref: ref, "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, children: children }));
+            : fillDisabledClass && `fill_${fillDisabledClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, elevationClass && `elevation_${elevationClass}`, !print && 'no-print', print && 'print', onClick && 'cursor_type_pointer'), name: name, ref: ref, "data-id": dataId, "data-testid": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: children }));
 });
 
 export { Group as G, groupConfig as a, groupAppearance as g };

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

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Select = require('react-select');
 var CreatableSelect = require('react-select/creatable');
-var Group = require('./Group_cjs_xCUYKUcc.js');
+var Group = require('./Group_cjs_MYtD5is_.js');
 var Text = require('./Text_cjs_erTy2pUN.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');

package/dist/{SelectContainer_es_De_XL0im.js → SelectContainer_es_CXkK4_Om.js}

@@ -3,7 +3,7 @@ import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
-import { G as Group } from './Group_es_Y1qBBLZU.js';
+import { G as Group } from './Group_es_C_WChp2_.js';
 import { T as Text } from './Text_es_DVNvU0m0.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/cjs/components/AvatarStack.js

@@ -7,7 +7,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Avatar = require('../../Avatar_cjs_BIHJrAbQ.js');
-var Group = require('../../Group_cjs_xCUYKUcc.js');
+var Group = require('../../Group_cjs_MYtD5is_.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button_cjs_B8cIJYbm.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_B8cIJYbm.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePeriod.js

@@ -6,10 +6,10 @@ var clsx = require('clsx');
 var luxon = require('luxon');
 var common = require('@itcase/common');
 var ChipsGroup = require('../../ChipsGroup_cjs_C27x9x9O.js');
-var DatePicker = require('../../DatePicker_cjs_CY5UAP1l.js');
+var DatePicker = require('../../DatePicker_cjs_GlYhN9Og.js');
 require('react-select');
 require('../../Icon_cjs_DTvdhr8B.js');
-var SelectContainer = require('../../SelectContainer_cjs_DXYUcpco.js');
+var SelectContainer = require('../../SelectContainer_cjs_DTIqXM5V.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
@@ -17,7 +17,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('../context/UIContext.js');
-require('../../Group_cjs_xCUYKUcc.js');
+require('../../Group_cjs_MYtD5is_.js');
 var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
 require('../hooks/useStyles/useStyles.js');
 require('../hooks.js');
@@ -29,7 +29,7 @@ require('../utils/setViewportProperty.js');
 require('../../Text_cjs_erTy2pUN.js');
 require('date-fns/locale');
 require('react-datepicker');
-require('../../Button_cjs_B8cIJYbm.js');
+require('../../Button_cjs_DQK8S06G.js');
 require('../../Link_cjs_Dn7UhCYe.js');
 require('../../Loader_cjs_CJpdLndn.js');
 require('../hooks/useHoldProgress.js');

package/dist/cjs/components/DatePicker.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_CY5UAP1l.js');
+var DatePicker = require('../../DatePicker_cjs_GlYhN9Og.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('date-fns/locale');
 require('react-datepicker');
-require('../../Button_cjs_B8cIJYbm.js');
+require('../../Button_cjs_DQK8S06G.js');
 require('../../Icon_cjs_DTvdhr8B.js');
 require('react-inlinesvg');
 require('../../Link_cjs_Dn7UhCYe.js');

package/dist/cjs/components/Dropzone.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDropzone = require('react-dropzone');
-var Button = require('../../Button_cjs_B8cIJYbm.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
 var Loader = require('../../Loader_cjs_CJpdLndn.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../../Group_cjs_xCUYKUcc.js');
+var Group = require('../../Group_cjs_MYtD5is_.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputNumber.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_B8cIJYbm.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Notification.js

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var Button = require('../../Button_cjs_B8cIJYbm.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
 var Icon = require('../../Icon_cjs_DTvdhr8B.js');
 var Loader = require('../../Loader_cjs_CJpdLndn.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');

package/dist/cjs/components/Response.js

@@ -8,8 +8,8 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_B8cIJYbm.js');
-var Group = require('../../Group_cjs_xCUYKUcc.js');
+var Button = require('../../Button_cjs_DQK8S06G.js');
+var Group = require('../../Group_cjs_MYtD5is_.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Select.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var SelectContainer = require('../../SelectContainer_cjs_DXYUcpco.js');
+var SelectContainer = require('../../SelectContainer_cjs_DTIqXM5V.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
 require('react-select');
 require('react-select/creatable');
-require('../../Group_cjs_xCUYKUcc.js');
+require('../../Group_cjs_MYtD5is_.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');

package/dist/cjs/components/Swiper.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var react = require('swiper/react');
-var Group = require('../../Group_cjs_xCUYKUcc.js');
+var Group = require('../../Group_cjs_MYtD5is_.js');
 var Text = require('../../Text_cjs_erTy2pUN.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');

package/dist/components/AvatarStack.js

@@ -5,7 +5,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { A as Avatar } from '../Avatar_es_CtP68jPM.js';
-import { G as Group } from '../Group_es_Y1qBBLZU.js';
+import { G as Group } from '../Group_es_C_WChp2_.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_DQGp8Ipn.js';
+export { B as Button, b as buttonAppearance, a as buttonConfig } from '../Button_es_DmU0Szub.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { B as Button } from '../Button_es_DQGp8Ipn.js';
+import { B as Button } from '../Button_es_DmU0Szub.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePeriod.js

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import { DateTime } from 'luxon';
 import { DATE_PERIOD_INTERVALS } from '@itcase/common';
 import { a as ChipsGroup, C as Chips } from '../ChipsGroup_es_BTe1MYhV.js';
-import { D as DatePickerInput } from '../DatePicker_es_Cze2Bv6w.js';
+import { D as DatePickerInput } from '../DatePicker_es_CxNHl2Bx.js';
 import 'react-select';
 import '../Icon_es_kewxGRUB.js';
-import { S as SelectContainer } from '../SelectContainer_es_De_XL0im.js';
+import { S as SelectContainer } from '../SelectContainer_es_CXkK4_Om.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
@@ -15,7 +15,7 @@ import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import '../context/UIContext.js';
-import '../Group_es_Y1qBBLZU.js';
+import '../Group_es_C_WChp2_.js';
 import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import '../hooks/useStyles/useStyles.js';
 import '../hooks.js';
@@ -27,7 +27,7 @@ import '../utils/setViewportProperty.js';
 import '../Text_es_DVNvU0m0.js';
 import 'date-fns/locale';
 import 'react-datepicker';
-import '../Button_es_DQGp8Ipn.js';
+import '../Button_es_DmU0Szub.js';
 import '../Link_es_BDAmhIzd.js';
 import '../Loader_es_CqlLujBJ.js';
 import '../hooks/useHoldProgress.js';

package/dist/components/DatePicker.js

@@ -1,10 +1,10 @@
-export { D as DatePickerInput, d as datePickerAppearance, a as datePickerConfig } from '../DatePicker_es_Cze2Bv6w.js';
+export { D as DatePickerInput, d as datePickerAppearance, a as datePickerConfig } from '../DatePicker_es_CxNHl2Bx.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'date-fns/locale';
 import 'react-datepicker';
-import '../Button_es_DQGp8Ipn.js';
+import '../Button_es_DmU0Szub.js';
 import '../Icon_es_kewxGRUB.js';
 import 'react-inlinesvg';
 import '../Link_es_BDAmhIzd.js';

package/dist/components/Dropzone.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useMemo, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDropzone, ErrorCode } from 'react-dropzone';
-import { B as Button } from '../Button_es_DQGp8Ipn.js';
+import { B as Button } from '../Button_es_DmU0Szub.js';
 import { L as Loader } from '../Loader_es_CqlLujBJ.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, g as groupAppearance, a as groupConfig } from '../Group_es_Y1qBBLZU.js';
+export { G as Group, g as groupAppearance, a as groupConfig } from '../Group_es_C_WChp2_.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_DQGp8Ipn.js';
+import { B as Button } from '../Button_es_DmU0Szub.js';
 import { icons24 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Notification.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { B as Button } from '../Button_es_DQGp8Ipn.js';
+import { B as Button } from '../Button_es_DmU0Szub.js';
 import { I as Icon } from '../Icon_es_kewxGRUB.js';
 import { L as Loader } from '../Loader_es_CqlLujBJ.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';

package/dist/components/Response.js

@@ -6,8 +6,8 @@ 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_DQGp8Ipn.js';
-import { G as Group } from '../Group_es_Y1qBBLZU.js';
+import { B as Button } from '../Button_es_DmU0Szub.js';
+import { G as Group } from '../Group_es_C_WChp2_.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Select.js

@@ -1,10 +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_De_XL0im.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_CXkK4_Om.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
 import 'react-select';
 import 'react-select/creatable';
-import '../Group_es_Y1qBBLZU.js';
+import '../Group_es_C_WChp2_.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';

package/dist/components/Swiper.js

@@ -2,7 +2,7 @@ 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_Y1qBBLZU.js';
+import { G as Group } from '../Group_es_C_WChp2_.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';

package/dist/css/styles/bundles.css

@@ -47347,7 +47347,7 @@ div.avatar-stack {
   background: none;
   padding: 0;
   margin: 0;
-  border: solid 0 #fff;
+  border: solid 0 transparent;
   position: relative;
   display: flex;
   justify-content: center;
@@ -47371,29 +47371,26 @@ div.avatar-stack {
       }
     }
   }
+  &__indication {
+    position: absolute;
+    overflow: hidden;
+    inset: 0 0 0 0;
+    &-item {
+      width: 100%;
+      height: 100%;
+      background: var(--color-surface-item-primary);
+      position: absolute;
+      transform: translate(-100%, 0);
+      transition: 0.5s ease-out;
+      opacity: 10%;
+    }
+  }
   &__wrapper {
+    width: 100%;
+    position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
-    position: relative;
-    ^&__indication {
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      overflow: hidden;
-      &-item {
-        transition: 0.5s ease-out;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        opacity: 50%;
-        background: #000;
-        opacity: 10%;
-        transform: translate(-100%, 0);
-      }
-    }
     ^&__label {
       text-decoration: none;
       text-align: center;
@@ -61728,6 +61725,7 @@ h2.react-datepicker__current-month {
     transition: all;
     box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
 }
+/* stylelint-disable selector-class-pattern */
 .drawer {
   overflow-y: scroll;
   display: flex;
@@ -61758,6 +61756,9 @@ h2.react-datepicker__current-month {
     z-index: 10;
   }
 }
+.EZDrawer {
+  position: absolute;
+}
 .drawer {
   &_reset-padding {
     ^&__wrapper {

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

@@ -48,6 +48,8 @@ declare const Group: React.ForwardRefExoticComponent<{
     name?: string;
     onClick?: () => void;
     onMouseDown?: () => void;
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
     print?: boolean;
     scroll?: boolean | import("@itcase/types-ui").DirectionProps;
     set?: string;

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

@@ -1,9 +1,9 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
+import { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
 import { AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceDefaultKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillHoverProps, FillProps, HeightProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, StackingProps, WidthProps, WrapProps } from '@itcase/types-ui';
-import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { LabelProps } from 'src/components/Label/Label.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type GroupAppearanceProps = {
     align?: AlignProps;
     alignDirection?: DirectionProps;
@@ -52,6 +52,8 @@ type GroupProps = GroupAppearanceProps & StyleAttributes & {
     name?: string;
     onClick?: () => void;
     onMouseDown?: () => void;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
     print?: boolean;
     scroll?: boolean | DirectionProps;
     set?: string;

package/dist/types/components/Group/stories/GroupAlignItems.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/dist/types/components/Group/stories/GroupAlignSelf.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/dist/types/components/Group/stories/GroupColumns.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/dist/types/components/Group/stories/GroupDirection.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/dist/types/components/Group/stories/GroupWrap.stories.d.ts

@@ -48,6 +48,8 @@ declare const meta: {
         name?: string;
         onClick?: () => void;
         onMouseDown?: () => void;
+        onMouseEnter?: import("react").MouseEventHandler;
+        onMouseLeave?: import("react").MouseEventHandler;
         print?: boolean;
         scroll?: boolean | import("@itcase/types-ui").DirectionProps;
         set?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.53",
+  "version": "1.9.55",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -67,7 +67,8 @@
       "import": "./dist/types/types/componentProps/*.d.ts",
       "require": "./dist/types/types/componentProps/*.d.ts"
     },
-    "./stories/*": "./dist/stories/*.js"
+    "./stories/*": "./dist/stories/*.tsx",
+    "./dist/css/styles/bundles.css": "./dist/css/styles/bundles.css"
   },
   "scripts": {
     "build": "npm run build-js && npm run build-css",