@itcase/ui 1.2.1 → 1.2.3

package/dist/{Button-BA3ZeUjj.js → Button-BJWuO5uR.js}

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-CsE2-ieX.js';
+import { I as Icon } from './Icon-fTLfvlsK.js';
 import { a as LinkWrapper } from './Link-Bqu5amIb.js';
 import { L as Loader } from './Loader-CJ8ZCdwy.js';
 import { T as Text } from './Text-CG3xPG27.js';

package/dist/{Button-VkatyBmt.js → Button-D4y0v6YL.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
-var Icon = require('./Icon-Co5Mtpt_.js');
+var Icon = require('./Icon-Cq4hPF2D.js');
 var Link = require('./Link-DQxoFKhI.js');
 var Loader = require('./Loader-fA11tUEJ.js');
 var Text = require('./Text-_YhyTsQ1.js');

package/dist/{Icon-Co5Mtpt_.js → Icon-Cq4hPF2D.js}

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CKiUdo7p.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -19,16 +18,32 @@ var iconConfig = {
 var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = React.useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
-    var svgSizes = React.useMemo(function () {
-        var sizes = {};
-        if (width) {
-            sizes.width = width;
+    // const svgSizes = useMemo(() => {
+    //   const sizes: {
+    //     width?: string
+    //     height?: string
+    //   } = {}
+    //   if (width) {
+    //     sizes.width = width
+    //   }
+    //   if (height) {
+    //     sizes.height = height
+    //   }
+    //   return sizes
+    // }, [height, width])
+    var ImageComponent = React.useMemo(function () {
+        if (SvgImage) {
+            // return <SvgImage {...svgSizes} />
+            return jsxRuntime.jsx(SvgImage, { width: width, height: height });
         }
-        if (height) {
-            sizes.height = height;
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsxRuntime.jsx("img", { src: imageSrc });
         }
-        return sizes;
-    }, [height, width]);
+        return null;
+    }, [SvgImage, width, height, imageSrc]);
     var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -91,18 +106,6 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     });
     // @ts-expect-error
     var iconStyles = useStyles.useStyles(props).styles;
-    var ImageComponent = React.useMemo(function () {
-        if (SvgImage) {
-            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, svgSizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsxRuntime.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, svgSizes, imageSrc]);
     return (jsxRuntime.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {

package/dist/{Icon-CsE2-ieX.js → Icon-fTLfvlsK.js}

@@ -1,4 +1,3 @@
-import { _ as __assign } from './tslib.es6-S-VPg1Cw.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useState, useMemo } from 'react';
 import clsx from 'clsx';
@@ -17,16 +16,32 @@ var iconConfig = {
 var Icon = React.forwardRef(function Icon(props, ref) {
     var _a = useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
     var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
-    var svgSizes = useMemo(function () {
-        var sizes = {};
-        if (width) {
-            sizes.width = width;
+    // const svgSizes = useMemo(() => {
+    //   const sizes: {
+    //     width?: string
+    //     height?: string
+    //   } = {}
+    //   if (width) {
+    //     sizes.width = width
+    //   }
+    //   if (height) {
+    //     sizes.height = height
+    //   }
+    //   return sizes
+    // }, [height, width])
+    var ImageComponent = useMemo(function () {
+        if (SvgImage) {
+            // return <SvgImage {...svgSizes} />
+            return jsx(SvgImage, { width: width, height: height });
         }
-        if (height) {
-            sizes.height = height;
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsx("img", { src: imageSrc });
         }
-        return sizes;
-    }, [height, width]);
+        return null;
+    }, [SvgImage, width, height, imageSrc]);
     var cursorClass = useDeviceTargetClass(props, {
         prefix: 'cursor_',
         propsKey: 'cursor',
@@ -89,18 +104,6 @@ var Icon = React.forwardRef(function Icon(props, ref) {
     });
     // @ts-expect-error
     var iconStyles = useStyles(props).styles;
-    var ImageComponent = useMemo(function () {
-        if (SvgImage) {
-            return jsx(SvgImage, __assign({}, svgSizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, svgSizes, imageSrc]);
     return (jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsx(Tooltip, { appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
 });
 Icon.defaultProps = {

package/dist/{Input-C7gBdx1m.js → Input-BSpFMsrf.js}

@@ -17,7 +17,7 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -85,9 +85,7 @@ var Input = React.forwardRef(function Input(props, ref) {
     // prettier-ignore
     var appearanceConfig = (appearance && inputConfig.appearance && inputConfig.appearance[appearance]);
     var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (jsxRuntime.jsx("input", { "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
-        // @ts-ignore
-        index: index, placeholder: placeholder, ref: ref, type: type, value: value, className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
+    return (jsxRuntime.jsx("input", { className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
@@ -127,7 +125,9 @@ var Input = React.forwardRef(function Input(props, ref) {
                     "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
             : textColorDisabledClass ||
                 ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), ref: ref, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
+        // @ts-ignore
+        index: index, placeholder: placeholder, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 Input.defaultProps = {
     size: 'm',

package/dist/{Input-BQ6Plt1n.js → Input-UkM-ag48.js}

@@ -15,7 +15,7 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -83,9 +83,7 @@ var Input = React.forwardRef(function Input(props, ref) {
     // prettier-ignore
     var appearanceConfig = (appearance && inputConfig.appearance && inputConfig.appearance[appearance]);
     var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (jsx("input", { "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
-        // @ts-ignore
-        index: index, placeholder: placeholder, ref: ref, type: type, value: value, className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
+    return (jsx("input", { className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
@@ -125,7 +123,9 @@ var Input = React.forwardRef(function Input(props, ref) {
                     "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
             : textColorDisabledClass ||
                 ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), ref: ref, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
+        // @ts-ignore
+        index: index, placeholder: placeholder, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 Input.defaultProps = {
     size: 'm',

package/dist/cjs/components/Accordion.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/cjs/components/Avatar.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Image = require('../../Image-DrUlRMHa.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -13,13 +13,13 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/components/Breadcrumbs.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Link = require('../../Link-DQxoFKhI.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-VkatyBmt.js');
+var Button = require('../../Button-D4y0v6YL.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,10 +15,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+require('../../Icon-Cq4hPF2D.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/Cell.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Label = require('../../Label-CpSzGRtr.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 var useStyles = require('../hooks/useStyles.js');
@@ -14,9 +14,9 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('lodash/maxBy');

package/dist/cjs/components/Choice.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Loader = require('../../Loader-fA11tUEJ.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -13,13 +13,13 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 
@@ -75,7 +75,7 @@ var Choice = React.forwardRef(function Choice(props, ref) {
     });
     // prettier-ignore
     var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
-    return (jsxRuntime.jsx("div", { ref: controlRef, className: clsx(className, 'choice', shapeClass ||
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'choice', shapeClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
                 "choice_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
             ? fillClass ||
@@ -85,12 +85,12 @@ var Choice = React.forwardRef(function Choice(props, ref) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntime.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntime.jsxs("div", { ref: optionsRefs.get(item.value), className: clsx('choice__item', !isDisabled &&
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), ref: controlRef, children: isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntime.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntime.jsxs("div", { className: clsx('choice__item', !isDisabled &&
                     (fillHoverClass ||
                         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                             "fill_active_".concat(appearanceConfig.fillHover)
                                 .replace(/([A-Z])/g, '-$1')
-                                .toLowerCase())), item.value !== active.value && isDisabled && 'choice__item_state_disabled', item.value === active.value
+                                .toLowerCase())), item.value !== (active === null || active === void 0 ? void 0 : active.value) && isDisabled && 'choice__item_state_disabled', item.value === (active === null || active === void 0 ? void 0 : active.value)
                     ? !isDisabled
                         ? fillActiveClass ||
                             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
@@ -100,13 +100,13 @@ var Choice = React.forwardRef(function Choice(props, ref) {
                         : fillActiveDisabledClass
                     : !isDisabled
                         ? fillClass
-                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), children: [jsxRuntime.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", disabled: isDisabled, id: "".concat(name, "-").concat(item.value), name: name, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, textColor: item.value === active.value
+                        : fillDisabledClass, item.value === (active === null || active === void 0 ? void 0 : active.value) && isDisabled && 'choice__item_active_state_disabled', item.value === (active === null || active === void 0 ? void 0 : active.value) && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntime.jsx("input", { className: "choice__item-radio", name: name, checked: item.value === (active === null || active === void 0 ? void 0 : active.value), disabled: isDisabled, id: "".concat(name, "-").concat(item.value), type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntime.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, textColor: item.value === (active === null || active === void 0 ? void 0 : active.value)
                                     ? !isDisabled
                                         ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
                                         : labelTextActiveColorDisabled
                                     : !isDisabled
                                         ? labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor)
-                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntime.jsx(Icon.Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, iconFill: item.value === active.value
+                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntime.jsx(Icon.Icon, { className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, SvgImage: item.value === (active === null || active === void 0 ? void 0 : active.value) ? activeIcon : icon, iconFill: item.value === (active === null || active === void 0 ? void 0 : active.value)
                                     ? activeIconItemFill || item.activeIconItemFill
                                     : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
 });

package/dist/cjs/components/ContextMenu.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Divider = require('../../Divider-BjB5MD6u.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('react');
 require('lodash/castArray');
@@ -17,9 +17,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 

package/dist/cjs/components/CookiesWarning.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-VkatyBmt.js');
+var Button = require('../../Button-D4y0v6YL.js');
 var Group = require('../../Group-Buo_BxGT.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -18,10 +18,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+require('../../Icon-Cq4hPF2D.js');
 require('react-inlinesvg');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Title-zwP6c2U2.js');
 require('../../Loader-fA11tUEJ.js');

package/dist/cjs/components/DadataHintField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input-C7gBdx1m.js');
+var Input = require('../../Input-BSpFMsrf.js');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');

package/dist/cjs/components/DatePicker.js

@@ -6,9 +6,9 @@ var React = require('react');
 var clsx = require('clsx');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Button = require('../../Button-VkatyBmt.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
-var Input = require('../../Input-C7gBdx1m.js');
+var Button = require('../../Button-D4y0v6YL.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
+var Input = require('../../Input-BSpFMsrf.js');
 var Label = require('../../Label-CpSzGRtr.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
@@ -1071,7 +1071,7 @@ const ru = {
 };
 
 function DatePickerInput(props) {
-    var className = props.className, value = props.value, inputProps = props.inputProps, datePickerProps = props.datePickerProps, onChange = props.onChange, endValue = props.endValue, labelTextSize = props.labelTextSize, clearLabelTextColorHover = props.clearLabelTextColorHover, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconItemFillHover = props.clearIconItemFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextSize = props.clearLabelTextSize;
+    var className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, datePickerProps = props.datePickerProps, endValue = props.endValue, inputProps = props.inputProps, labelTextSize = props.labelTextSize, value = props.value, onChange = props.onChange;
     var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'width_',
         propsKey: 'width',
@@ -1139,7 +1139,7 @@ function DatePickerInput(props) {
     React.useEffect(function () {
         setEndDate(end);
     }, [end]);
-    return (jsxRuntime.jsx("div", { className: clsx(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: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsxRuntime.jsx(DatePickerCustomInput, { labelTextSize: labelTextSize, 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, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconItemFill: datePickerProps.inputIconItemFill, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputProps: inputProps, isClearable: datePickerProps.isClearable }), onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
+    return (jsxRuntime.jsx("div", { className: clsx(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: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsxRuntime.jsx(DatePickerCustomInput, { labelTextSize: labelTextSize, 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, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconItemFill: datePickerProps.inputIconItemFill, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputProps: inputProps, isClearable: datePickerProps.isClearable }), popperClassName: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.popper) && "react-datepicker-popper-".concat(datePickerProps.popper), onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }
@@ -1152,22 +1152,22 @@ var DatePickerCustomInput = React.forwardRef(function (props, ref) {
         }
         return '';
     }, [value]);
-    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, props, inputProps, { ref: ref, value: multipleValue })), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, tslib_es6.__assign({}, props)), isClearable && jsxRuntime.jsx(DatePickerClearButton, tslib_es6.__assign({}, props))] }));
+    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, props, inputProps, { ref: ref, autocomplete: "off", value: multipleValue })), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, tslib_es6.__assign({}, props)), isClearable && jsxRuntime.jsx(DatePickerClearButton, tslib_es6.__assign({}, props))] }));
 });
 DatePickerCustomInput.displayName = 'DatePickerCustomInput';
 function DatePickerClearButton(props) {
-    var datepickerRef = props.datepickerRef, clearLabel = props.clearLabel, clearLabelTextSize = props.clearLabelTextSize, clearLabelTextColor = props.clearLabelTextColor, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearLabelTextColorHover = props.clearLabelTextColorHover, clearIconItemFillHover = props.clearIconItemFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIcon = props.clearIcon, clearIconSrc = props.clearIconSrc;
+    var clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, datepickerRef = props.datepickerRef;
     var onClick = React.useCallback(function (event) {
         var _a, _b;
         (_a = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _a === void 0 ? void 0 : _a.onClearClick(event);
         (_b = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _b === void 0 ? void 0 : _b.handleFocus(event);
     }, []);
-    return (jsxRuntime.jsxs(React.Fragment, { children: [clearLabel && (jsxRuntime.jsx(Label.Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })), (clearIcon || clearIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('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 }))] }));
+    return (jsxRuntime.jsxs(React.Fragment, { children: [clearLabel && (jsxRuntime.jsx(Label.Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextSize: clearLabelTextSize, labelTextColorHover: clearLabelTextColorHover, onClick: onClick })), (clearIcon || clearIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('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 (jsxRuntime.jsx(Icon.Icon, { className: clsx('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 }));
+    var inputIcon = props.inputIcon, inputIconFill = props.inputIconFill, inputIconFillHover = props.inputIconFillHover, inputIconFillSize = props.inputIconFillSize, inputIconItemFill = props.inputIconItemFill, inputIconShape = props.inputIconShape, inputIconSize = props.inputIconSize, inputIconSrc = props.inputIconSrc, onClick = props.onClick;
+    return (jsxRuntime.jsx(Icon.Icon, { className: clsx('react-datepicker__input-icon', 'cursor_type_pointer'), fill: inputIconFill, fillHover: inputIconFillHover, fillSize: inputIconFillSize, iconFill: inputIconItemFill, imageSrc: inputIconSrc, shape: inputIconShape, size: inputIconSize, SvgImage: inputIcon, onClick: function () { return onClick && onClick(); } }));
 }
 DatePickerInputIcon.displayName = 'DatePickerInputIcon';
 

package/dist/cjs/components/FormField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var Divider = require('../../Divider-BjB5MD6u.js');
 var Text = require('../../Text-_YhyTsQ1.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var useStyles = require('../hooks/useStyles.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Radio = require('../../Radio-BQo97TZL.js');

package/dist/cjs/components/Icon.js

@@ -1,7 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,6 +17,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input-C7gBdx1m.js');
+var Input = require('../../Input-BSpFMsrf.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputPassword.js

@@ -4,20 +4,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../../tslib.es6-CKiUdo7p.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/LanguageSelector.js

@@ -2,8 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var Icon = require('../../Icon-Co5Mtpt_.js');
-require('../../tslib.es6-CKiUdo7p.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 require('react');
 require('react-inlinesvg');
 require('../hooks/useDeviceTargetClass.js');
@@ -18,6 +17,7 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Link-DQxoFKhI.js');
+require('../../tslib.es6-CKiUdo7p.js');
 require('../../Tooltip-DkTKx9n-.js');
 require('../../Text-_YhyTsQ1.js');
 require('../../Title-zwP6c2U2.js');

package/dist/cjs/components/Pagination.js

@@ -7,7 +7,7 @@ var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var DropdownItem = require('../../DropdownItem-m4hdxHp6.js');
-var Icon = require('../../Icon-Co5Mtpt_.js');
+var Icon = require('../../Icon-Cq4hPF2D.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
 require('lodash/camelCase');