@itcase/ui 1.1.10 → 1.1.11

package/dist/{Accordion-CXvqu97t.js → Accordion-vh2p5Mzs.js}

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import castArray from 'lodash/castArray';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React__default.createElement("svg", props, /*#__PURE__*/React__default.createElement("path", {

package/dist/{Avatar-JAaLGdYj.js → Avatar-DhZxzLEY.js}

@@ -2,9 +2,9 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function Avatar(props) {
     var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;

package/dist/{Badge-DPM6qrjA.js → Badge-D-4zpdfU.js}

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var badgeConfig = {
     appearance: undefined,

package/dist/{Breadcrumbs-BZpYBM5A.js → Breadcrumbs-CciIq1Na.js}

@@ -5,9 +5,9 @@ import clsx from 'clsx';
 import camelCase from 'lodash/camelCase';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
 import { a as LinkWrapper } from './Link-CbCqej5B.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function BreadcrumbsItem(props) {
     var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;

package/dist/{Button-CyO_Wl49.js → Button-BXClqM-t.js}

@@ -3,10 +3,10 @@ import React__default, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
 import { a as LinkWrapper } from './Link-CbCqej5B.js';
-import { L as Loader } from './Loader-BUgSIcId.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { L as Loader } from './Loader-YZrWGaNy.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var buttonConfig = {
     appearance: undefined,

package/dist/{Card-DKmhFMCS.js → Card-DPGgzPuD.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function Card(props) {
     var children = props.children, className = props.className, size = props.size, src = props.src, text = props.text, textSize = props.textSize, textColor = props.textColor, textTag = props.textTag, title = props.title, titleSize = props.titleSize, titleTag = props.titleTag, titleColor = props.titleColor, image = props.image, imageShape = props.imageShape, type = props.type, onClick = props.onClick;

package/dist/{Cell-D3aJx_C0.js → Cell-BfV_aVxs.js}

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { L as Label } from './Label-CD6o__-D.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { L as Label } from './Label-D9cQMuy3.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function Cell(props) {
     var after = props.after, before = props.before, className = props.className, isActive = props.isActive, isDisabled = props.isDisabled, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;

package/dist/{Checkbox-BqTMHeES.js → Checkbox-C-H_Z4S_.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var checkboxConfig = {
     state: undefined,

package/dist/{Chips-DhyDHpu7.js → Chips-BR_EPV82.js}

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var chipsConfig = {
     appearance: undefined,

package/dist/{Choice-cgCRlPk0.js → Choice-BJd9Jx4D.js}

@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var choiceConfig = {
     appearance: {},
@@ -12,7 +12,7 @@ var choiceConfig = {
     },
 };
 var Choice = React__default.forwardRef(function Choice(props, ref) {
-    var active = props.active, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, isDisabled = props.isDisabled, isMultiple = props.isMultiple, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, name = props.name, options = props.options, set = props.set, _a = props.size, size = _a === void 0 ? 'normal' : _a, type = props.type, setActiveSegment = props.setActiveSegment;
+    var active = props.active, activeIcon = props.activeIcon, activeIconItemFill = props.activeIconItemFill, after = props.after, appearance = props.appearance, before = props.before, className = props.className, icon = props.icon, iconFillDisabled = props.iconFillDisabled, iconItemFill = props.iconItemFill, iconSize = props.iconSize, isDisabled = props.isDisabled, isMultiple = props.isMultiple, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextWeight = props.labelTextWeight, labelTextSize = props.labelTextSize, name = props.name, options = props.options, set = props.set, _a = props.size, size = _a === void 0 ? 'normal' : _a, type = props.type, setActiveSegment = props.setActiveSegment;
     var controlRef = useRef(null);
     var optionsRefs = useMemo(function () { return new Map(options.map(function (item) { return [item.value, createRef()]; })); }, [options]);
     var onChange = useCallback(function (event, item) {
@@ -87,7 +87,7 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
                                         : labelTextActiveColorDisabled
                                     : !isDisabled
                                         ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
-                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { className: "choice__item-icon", iconFill: item.value === active.value ? activeIconItemFill : iconItemFill, iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === active.value ? activeIcon : icon })), after] })] }, item.value)); }) }) }));
+                                        : labelTextColorDisabled, textWeight: labelTextWeight, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { className: "choice__item-icon", iconFill: item.value === active.value ? (activeIconItemFill || item.activeIconItemFill) : (iconItemFill || item.iconItemFill), iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === active.value ? activeIcon : icon })), after] })] }, item.value)); }) }) }));
 });
 Choice.defaultProps = {
     active: { value: undefined },

package/dist/{ContextMenuItem-DjDhhmjF.js → ContextMenuItem-CpZ3pjky.js}

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { D as Divider } from './Divider-D0TEKxHr.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { D as Divider } from './Divider-Dhj6sMWd.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

package/dist/CookiesWarning-jN2hWm12.js

@@ -0,0 +1,52 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
+import Cookies from 'js-cookie';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { B as Button } from './Button-BXClqM-t.js';
+import { G as Group } from './Group-C2kJKhWJ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
+
+function CookiesWarning(props) {
+    var _a = props.message, message = _a === void 0 ? 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».' : _a, className = props.className, buttonFill = props.buttonFill, buttonFillHover = props.buttonFillHover, _b = props.buttonLabel, buttonLabel = _b === void 0 ? 'I agree' : _b, buttonLabelSize = props.buttonLabelSize, buttonLabelTextColor = props.buttonLabelTextColor, buttonShape = props.buttonShape, buttonSize = props.buttonSize, textSize = props.textSize, textColor = props.textColor, buttonWidth = props.buttonWidth, _c = props.isHideOnScroll, isHideOnScroll = _c === void 0 ? false : _c;
+    var cookiesWarningRef = useRef(null);
+    var isOpen = useMemo(function () { return Cookies.get('cookies-warning') !== 'close'; }, []);
+    var closeCookiesWarning = useCallback(function () {
+        var _a;
+        (_a = cookiesWarningRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('cookies-warning_state_hidden');
+        Cookies.set('cookies-warning', 'close');
+    }, []);
+    useEffect(function () {
+        if (isHideOnScroll) {
+            window.addEventListener('scroll', closeCookiesWarning, true);
+        }
+        return function () {
+            window.removeEventListener('scroll', closeCookiesWarning, true);
+        };
+    }, []); // eslint-disable-line
+    useEffect(function () {
+        // isHideOnScroll &&
+        if (!isOpen) {
+            window.removeEventListener('scroll', closeCookiesWarning, true);
+        }
+    }, [isOpen]); // eslint-disable-line
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillGradientClass = useDeviceTargetClass(props, {
+        prefix: 'fill-gradient_',
+        propsKey: 'fillGradient',
+    });
+    var gap = useDeviceTargetClass(props, {
+        propsKey: 'gap',
+    });
+    return isOpen ? (jsxRuntimeExports.jsx("div", { ref: cookiesWarningRef, className: clsx('cookies-warning', className, fillClass, fillGradientClass), children: jsxRuntimeExports.jsxs(Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor, children: message }), jsxRuntimeExports.jsx(Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+}
+CookiesWarning.defaultProps = {
+    message: 'The site uses cookies to collect technical information, to optimize the design and improvement of the website, and to provide certain functions. By using the website, you agree to the use of «cookies».',
+    buttonText: 'I agree',
+    isHideOnScroll: false,
+};
+
+export { CookiesWarning as C };

package/dist/{DatePicker-BFLpftbJ.js → DatePicker-Nm4Ut2tD.js}

@@ -8,11 +8,11 @@ import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
 import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, p as platform, i as isElement, a as autoUpdate } from './floating-ui.dom-B080ZrCv.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-CyO_Wl49.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
+import { B as Button } from './Button-BXClqM-t.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
 import { I as Input } from './Input-CYMKQ0qF.js';
-import { L as Label } from './Label-CD6o__-D.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { L as Label } from './Label-D9cQMuy3.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function buildFormatLongFn(args) {
   return (options = {}) => {
@@ -14070,14 +14070,14 @@ function DatePickerInput(props) {
     useEffect(function () {
         setEndDate(end);
     }, [end]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx$1(className, 'datepicker', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.customTimeInput) && 'datepicker_type_button', widthClass), children: jsxRuntimeExports.jsx(DatePicker, __assign({ customInput: jsxRuntimeExports.jsx(DatePickerCustomInput, { clearIcon: clearIcon, clearIconFill: clearIconFill, clearIconFillHover: clearIconFillHover, clearIconFillSize: clearIconFillSize, clearIconItemFill: clearIconItemFill, clearIconItemFillHover: clearIconItemFillHover, clearIconShape: clearIconShape, clearIconSize: clearIconSize, clearIconSrc: clearIconSrc, clearLabel: clearLabel, clearLabelTextColor: clearLabelTextColor, clearLabelTextColorHover: clearLabelTextColorHover, clearLabelTextSize: clearLabelTextSize, datepickerRef: datepickerRef, inputProps: inputProps, isClearable: datePickerProps.isClearable, labelTextSize: labelTextSize }), endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : null, locale: ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : null, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, 
+    return (jsxRuntimeExports.jsx("div", { className: clsx$1(className, 'datepicker', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.customTimeInput) && 'datepicker_type_button', widthClass), children: jsxRuntimeExports.jsx(DatePicker, __assign({ customInput: jsxRuntimeExports.jsx(DatePickerCustomInput, { clearIcon: clearIcon, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputIconItemFill: datePickerProps.inputIconItemFill, clearIconFill: clearIconFill, clearIconFillHover: clearIconFillHover, clearIconFillSize: clearIconFillSize, clearIconItemFill: clearIconItemFill, clearIconItemFillHover: clearIconItemFillHover, clearIconShape: clearIconShape, clearIconSize: clearIconSize, clearIconSrc: clearIconSrc, clearLabel: clearLabel, clearLabelTextColor: clearLabelTextColor, clearLabelTextColorHover: clearLabelTextColorHover, clearLabelTextSize: clearLabelTextSize, datepickerRef: datepickerRef, inputProps: inputProps, isClearable: datePickerProps.isClearable, labelTextSize: labelTextSize }), endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : null, locale: ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : null, ref: datepickerRef, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, 
             // @ts-expect-error
             onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }
 var DatePickerCustomInput = React__default.forwardRef(function (props, ref) {
-    var isClearable = props.isClearable, value = props.value, inputProps = props.inputProps;
+    var isClearable = props.isClearable, value = props.value, inputProps = props.inputProps, inputIcon = props.inputIcon;
     var multipleValue = useMemo(function () {
         if (value) {
             var twoDates = value.split(' - ');
@@ -14085,7 +14085,7 @@ var DatePickerCustomInput = React__default.forwardRef(function (props, ref) {
         }
         return '';
     }, [value]);
-    return (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsx(Input, __assign({}, props, inputProps, { ref: ref, value: multipleValue })), isClearable && jsxRuntimeExports.jsx(DatePickerClearButton, __assign({}, props))] }));
+    return (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsx(Input, __assign({}, props, inputProps, { ref: ref, value: multipleValue })), inputIcon && jsxRuntimeExports.jsx(DatePickerInputIcon, __assign({}, props)), isClearable && jsxRuntimeExports.jsx(DatePickerClearButton, __assign({}, props))] }));
 });
 DatePickerCustomInput.displayName = 'DatePickerCustomInput';
 function DatePickerClearButton(props) {
@@ -14100,5 +14100,10 @@ function DatePickerClearButton(props) {
     return (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [clearLabel && (jsxRuntimeExports.jsx(Label, { className: clsx$1('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })), (clearIcon || clearIconSrc) && (jsxRuntimeExports.jsx(Icon, { className: clsx$1('react-datepicker__clear-icon', 'cursor_type_pointer'), fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, size: clearIconSize, SvgImage: clearIcon, onClick: onClick }))] }));
 }
 DatePickerClearButton.displayName = 'DatePickerClearButton';
+function DatePickerInputIcon(props) {
+    var inputIconFill = props.inputIconFill, inputIconFillHover = props.inputIconFillHover, inputIconFillSize = props.inputIconFillSize, inputIconShape = props.inputIconShape, inputIconSize = props.inputIconSize, inputIcon = props.inputIcon, inputIconSrc = props.inputIconSrc, inputIconItemFill = props.inputIconItemFill, onClick = props.onClick;
+    return (jsxRuntimeExports.jsx(Icon, { className: clsx$1('react-datepicker__input-icon', 'cursor_type_pointer'), fill: inputIconFill, fillHover: inputIconFillHover, fillSize: inputIconFillSize, iconFill: inputIconItemFill, imageSrc: inputIconSrc, shape: inputIconShape, size: inputIconSize, onClick: function () { return onClick && onClick(); }, SvgImage: inputIcon }));
+}
+DatePickerInputIcon.displayName = 'DatePickerInputIcon';
 
 export { DatePickerInput as D };

package/dist/{Divider-D0TEKxHr.js → Divider-Dhj6sMWd.js}

@@ -41,5 +41,8 @@ function Divider(props) {
     var hrStyles = useStyles(props).styles;
     return (jsxRuntimeExports.jsx("hr", { className: clsx(className, 'divider', widthClass, directionClass, sizeClass, fillClass, fillHoverClass, fillActiveClass, fillActiveHoverClass, fillDisabledClass), style: hrStyles }));
 }
+Divider.defaultProps = {
+    size: 'xs',
+};
 
 export { Divider as D };

package/dist/{DropdownItem-DOBsvnrL.js → DropdownItem-BaQXZu0w.js}

@@ -3,9 +3,9 @@ import React__default, { useRef, useState, useCallback, useEffect } from 'react'
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { D as Divider } from './Divider-D0TEKxHr.js';
+import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { L as Link } from './Link-CbCqej5B.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function Dropdown(props) {
     var after = props.after, before = props.before, animationClose = props.animationClose, animationOpen = props.animationOpen, children = props.children, className = props.className, set = props.set, isOpen = props.isOpen, setIsOpen = props.setIsOpen;

package/dist/{Icon-C1j6rkeI.js → Icon-Duj1nynQ.js}

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { a as LinkWrapper } from './Link-CbCqej5B.js';
-import { T as Tooltip } from './Tooltip-jT5A43he.js';
+import { T as Tooltip } from './Tooltip-CcwyN7PD.js';
 
 var iconConfig = {
     appearance: {},

package/dist/{InputPassword-Aff74Atr.js → InputPassword-CTbtTP_o.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
 
 var inputPasswordConfig = {
     state: undefined,

package/dist/{Label-CD6o__-D.js → Label-D9cQMuy3.js}

@@ -3,8 +3,8 @@ import { useRef, useCallback, useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-edtauAM6.js';
-import { T as Tooltip } from './Tooltip-jT5A43he.js';
+import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Tooltip } from './Tooltip-CcwyN7PD.js';
 
 var labelConfig = {
     appearance: undefined,

package/dist/LanguageSelector-TZEgbNsG.js

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import clsx from 'clsx';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+
+function LanguageSelectorItem(props) {
+    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
+    return (jsxRuntimeExports.jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsxRuntimeExports.jsx(Icon, { size: iconSize, SvgImage: SvgImage }), label] }));
+}
+function LanguageSelector(props) {
+    var currentLanguage = props.currentLanguage, _a = props.languagesItems, languagesItems = _a === void 0 ? [] : _a, className = props.className, setLanguage = props.setLanguage;
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsxRuntimeExports.jsx(LanguageSelectorItem, { iconSize: languageItem.iconSize, isActive: currentLanguage === languageItem.value, label: languageItem.label, SvgImage: languageItem.SvgImage, onClick: function () { return setLanguage && setLanguage(languageItem.value); } }, "languageItem_".concat(languageItem.value))); }) }));
+}
+
+export { LanguageSelector as L };

package/dist/{Loader-BUgSIcId.js → Loader-YZrWGaNy.js}

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 // TODO: is better to use context?
 var loaderConfig = {

package/dist/{Menu-89epjC8r.js → Menu-Kpe1GMns.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { M as MenuItem } from './MenuItem-DvpftOnP.js';
+import { M as MenuItem } from './MenuItem-C5BPgTO7.js';
 
 function Menu(props) {
     var after = props.after, before = props.before, children = props.children, className = props.className, items = props.items, type = props.type, onClickItem = props.onClickItem;

package/dist/{MenuItem-DvpftOnP.js → MenuItem-C5BPgTO7.js}

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { L as Link } from './Link-CbCqej5B.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var menuItemConfig = {
     appearance: undefined,

package/dist/ModalLoader-8l8YtIvz.js

@@ -0,0 +1,163 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
+import React__default, { useState, useRef, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
+import clsx from 'clsx';
+import ReactDOM__default from 'react-dom';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { O as Overlay } from './Overlay-C4gCb0sL.js';
+import { L as Loader } from './Loader-YZrWGaNy.js';
+
+var getOrCreateModalElement = function (modalQuerySelector, className) {
+    var _a;
+    if (className === void 0) { className = ''; }
+    // prettier-ignore
+    var classList = className && typeof className === 'string'
+        ? className.split(' ').filter(Boolean)
+        : [];
+    var modalElement = document.querySelector(modalQuerySelector);
+    if (!modalElement) {
+        // Add modal element into the DOM on mount.
+        modalElement = document.createElement('div');
+        modalElement.setAttribute('id', 'modal-global');
+        modalElement.classList.add('modal');
+        if (classList.length) {
+            (_a = modalElement.classList).add.apply(_a, classList);
+        }
+        document.body.prepend(modalElement);
+    }
+    return modalElement;
+};
+// Modal component that is an abstraction around the portal API.
+var Modal = React__default.forwardRef(function Modal(props, ref) {
+    var children = props.children, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, id = props.id, _a = props.isOverlay, isOverlay = _a === void 0 ? true : _a, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, _b = props.isOpen, initialIsOpen = _b === void 0 ? false : _b, _c = props.isScrollOnOpen, isScrollOnOpen = _c === void 0 ? true : _c, _d = props.isSetFocusOnOpen, isSetFocusOnOpen = _d === void 0 ? true : _d, _e = props.modalQuerySelector, modalQuerySelector = _e === void 0 ? '#modal-global' : _e, debug = props.debug, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
+    // Query DOM element
+    var _f = useState(null), modalElement = _f[0], setModalElement = _f[1];
+    var _g = useState(initialIsOpen), isOpen = _g[0], setIsOpen = _g[1];
+    var modalContentRef = useRef(null);
+    var modalOverlayRef = useRef(null);
+    var addModalProps = useCallback(function (element) {
+        // Change class need in "useEffect"
+        if (isOpen) {
+            // Show modal
+            element.classList.add('modal_state_visible');
+            // Scroll to opened modal
+            if (isScrollOnOpen) {
+                // modalContentRef.current.style.top = `${window.visualViewport.pageTop}px`
+                element.scrollIntoView({ block: 'center', behavior: 'smooth' });
+            }
+            // "setTimeout" in this implementation is needs for set focus on modal
+            // after "onMouseDown" event on button
+            if (isSetFocusOnOpen) {
+                setTimeout(function () {
+                    if (modalContentRef.current) {
+                        modalContentRef.current.focus();
+                    }
+                }, 0);
+            }
+        }
+        else if (!element.children.length) {
+            // Hide modal if has no children
+            element.classList.remove('modal_state_visible');
+        }
+    }, [isOpen, isSetFocusOnOpen]);
+    // Show modal with children content
+    var openModal = useCallback(function () {
+        setIsOpen(true);
+        // Callback
+        if (typeof onOpenModal === 'function') {
+            onOpenModal();
+        }
+        /* SHOW TARGET POPUP ABOVE OTHERS POPUPS IF TARGET ALREADY OPENED
+          // If current modal is already opened
+          // Move content to end of modal root container. For order in DOM.
+          const modalContentElement = modalContentRef.current
+          if (modalContentElement) {
+            modalContentElement.parentNode.appendChild(modalContentElement)
+          }
+          // Also move overlay to end of modal root container after container
+          const modalOverlayElement = modalOverlayRef.current
+          if (modalOverlayElement) {
+            modalOverlayElement.parentNode.appendChild(modalOverlayElement)
+          }
+        */
+    }, [onOpenModal]);
+    // Hide modal and unmount children content
+    var closeModal = useCallback(function (event) {
+        var hasRelatedTarget = event.relatedTarget &&
+            modalElement &&
+            // @ts-expect-error
+            modalElement.contains(event.relatedTarget);
+        if (hasRelatedTarget) {
+            return event;
+        }
+        setIsOpen(false);
+        // Callback
+        if (typeof onCloseModal === 'function') {
+            onCloseModal();
+        }
+    }, [modalElement, onCloseModal]);
+    useEffect(function () {
+        if (!modalElement) {
+            return;
+        }
+        addModalProps(modalElement);
+    }, [isOpen]); // eslint-disable-line
+    useLayoutEffect(function () {
+        var element = getOrCreateModalElement(modalQuerySelector, className);
+        setModalElement(element);
+        if (element) {
+            addModalProps(element);
+        }
+    }, []);
+    // Save ref things
+    useImperativeHandle(ref, function () { return ({ isOpen: isOpen, openModal: openModal, closeModal: closeModal, modalElement: modalElement }); });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    // Collect classes and styles
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'modal-shape_',
+        propsKey: 'shape',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var modalStyles = useStyles(props).styles;
+    // Use a portal to render the children into the element
+    return (modalElement &&
+        ReactDOM__default.createPortal(
+        // Any valid React child: JSX, strings, arrays, etc.
+        isOpen ? (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: clsx('modal-content', contentClassName, fillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass), id: id, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: debug ? undefined : closeModal, children: [closeButton && (jsxRuntimeExports.jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsxRuntimeExports.jsx("div", { className: "modal-content__wrapper", children: children })] }), jsxRuntimeExports.jsx(Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName), fill: overlayFill, fillGradient: overlayFillGradient, isOverlay: isOverlay, opacity: overlayOpacity, 
+                    // @ts-expect-error
+                    ref: modalOverlayRef })] })) : null, 
+        // A DOM element
+        modalElement));
+});
+Modal.defaultProps = {
+    isOverlay: true,
+    isOpen: false,
+    isScrollOnOpen: true,
+    isSetFocusOnOpen: true,
+    modalQuerySelector: '#modal-global',
+};
+
+function ModalLoader(props) {
+    return (jsxRuntimeExports.jsx("div", { className: "modal-loading", children: jsxRuntimeExports.jsx("div", { className: "modal-loading__inner", children: jsxRuntimeExports.jsx(Loader, {}) }) }));
+}
+
+export { Modal as M, ModalLoader as a };

package/dist/{NotificationList-D_NNtwS1.js → NotificationList-CJ-hNA9W.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useNotifications, useNotificationsAPI } from './context/Notifications.js';
 import { useMemo } from 'react';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 import { T as Title } from './Title-BUN57fWw.js';
 
 var notificationItemConfig = {

package/dist/{Pagination-0sADvbwj.js → Pagination-LXBlrbZT.js}

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from './DropdownItem-DOBsvnrL.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-BaQXZu0w.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 function Pagination(props) {
     var allItemsCount = props.allItemsCount, className = props.className, marginPagesDisplayed = props.marginPagesDisplayed, nextLabel = props.nextLabel, _a = props.pageCountArray, pageCountArray = _a === void 0 ? [10, 20, 50, 100] : _a, pageCountDesc = props.pageCountDesc, pageCountDescTextColor = props.pageCountDescTextColor, pageCountDescTextSize = props.pageCountDescTextSize, pageCountDropdownAlignment = props.pageCountDropdownAlignment, pageCountDropdownElevation = props.pageCountDropdownElevation, pageCountDropdownFill = props.pageCountDropdownFill, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, pageCountDropdownItemDividerFill = props.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = props.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = props.pageCountDropdownItemFill, pageCountDropdownItemFillActive = props.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = props.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = props.pageCountDropdownItemFillHover, pageCountDropdownItemLabelColor = props.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = props.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelSize = props.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = props.pageCountDropdownItemLabelWrap, pageCountDropdownItemSize = props.pageCountDropdownItemSize, pageCountDropdownItemLabelAlign = props.pageCountDropdownItemLabelAlign, pageCountDropdownItemWidth = props.pageCountDropdownItemWidth, pageCountDropdownItemShowDivider = props.pageCountDropdownItemShowDivider, pageCountDropdownSet = props.pageCountDropdownSet, pageCountDropdownShape = props.pageCountDropdownShape, pageCountInputIcon = props.pageCountInputIcon, pageCountInputIconColor = props.pageCountInputIconColor, pageCountInputIconFillSize = props.pageCountInputIconFillSize, pageCountInputTextColor = props.pageCountInputTextColor, pageCountInputTextSize = props.pageCountInputTextSize, pageNumber = props.pageNumber, pageRangeDisplayed = props.pageRangeDisplayed, _b = props.perPageCount, perPageCount = _b === void 0 ? 0 : _b, previousLabel = props.previousLabel, isPageCount = props.isPageCount, isPageCountDropdownReversed = props.isPageCountDropdownReversed, onPageChange = props.onPageChange, onPerPageCountChange = props.onPerPageCountChange;

package/dist/{Radio-DFeWsO4E.js → Radio-Ca2-2PPF.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var radioConfig = {
     state: undefined,

package/dist/{Response-C5_yetym.js → Response-Nzg8ooT8.js}

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Button } from './Button-CyO_Wl49.js';
+import { B as Button } from './Button-BXClqM-t.js';
 import { G as Group } from './Group-C2kJKhWJ.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 import { T as Title } from './Title-BUN57fWw.js';
 
 var responseConfig = {

package/dist/{SearchResult-C0kjGm-o.js → SearchResult-B6Jd1xZO.js}

@@ -3,8 +3,8 @@ import React__default, { useCallback, useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-C1j6rkeI.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { I as Icon } from './Icon-Duj1nynQ.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
 
 var searchInputConfig = {
@@ -105,7 +105,7 @@ SearchInput.DEFAULT_REF_STATE = {
 SearchInput.defaultProps = {
     placeholderTextSize: 'm',
     inputTextSize: 'm',
-    size: 'm',
+    size: 'normal',
 };
 
 var SearchResult = React__default.forwardRef(function SearchResult(props, ref) {

package/dist/{Segmented-C56XBzTH.js → Segmented-pa7MGnor.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { T as Text } from './Text-edtauAM6.js';
+import { T as Text } from './Text-CxrzHFN1.js';
 
 var segmentedConfig = {
     appearance: undefined,