@itcase/ui 1.1.14 → 1.1.16

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

@@ -5,7 +5,7 @@ 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-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var ChevronDown16 = function ChevronDown16(props) {
@@ -38,12 +38,17 @@ const icon16 = {
 };
 
 function AccordionItem(props) {
-    var children = props.children, id = props.id, title = props.title, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, content = props.content, beforeContent = props.beforeContent, afterContent = props.afterContent, className = props.className, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, contentTextSize = props.contentTextSize, contentTextColor = props.contentTextColor, contentTextWeight = props.contentTextWeight, size = props.size, isExpanded = props.isExpanded, onClick = props.onClick;
+    var id = props.id, children = props.children, isExpanded = props.isExpanded, afterContent = props.afterContent, beforeContent = props.beforeContent, className = props.className, content = props.content, contentTextColor = props.contentTextColor, contentTextSize = props.contentTextSize, contentTextWeight = props.contentTextWeight, icon = props.icon, _a = props.iconFill, iconFill = _a === void 0 ? 'surfaceItemAccent' : _a, size = props.size, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClick = props.onClick;
     var onClickTitle = useCallback(function () {
-        // !isExpanded - is next state of expanded
-        var thisItemData = { id: id, title: title, content: content, isExpanded: !isExpanded };
+        // "!isExpanded" - is next state of expanded
+        var thisItemData = {
+            id: id,
+            isExpanded: !isExpanded,
+            content: content,
+            title: title,
+        };
         onClick && onClick(thisItemData);
-    }, [onClick, id, title, content, isExpanded]);
+    }, [id, title, content, isExpanded, onClick]);
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -82,7 +87,7 @@ function AccordionItem(props) {
     });
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntimeExports.jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || (jsxRuntimeExports.jsx(Icon, { iconFill: iconFill, size: "16", SvgImage: icon16.ChevronDown })) }), beforeContent && beforeContent, isExpanded && (jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
+    return (jsxRuntimeExports.jsxs("div", { style: styles, className: clsx('accordion-item', className, borderColorClass, fillClass, fillHoverClass, shapeClass, size && "accordion-item_size_".concat(size), isExpanded && 'accordion-item_state_open'), children: [jsxRuntimeExports.jsx(Text, { size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, className: clsx('accordion-item__title', titleBorderColorClass, titleFillClass, titleFillHoverClass, 'cursor_type_pointer'), onClick: onClickTitle, children: title }), jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__icon', 'cursor_type_pointer'), onClick: onClickTitle, children: icon || jsxRuntimeExports.jsx(Icon, { SvgImage: icon16.ChevronDown, iconFill: iconFill, size: "16" }) }), beforeContent && beforeContent, isExpanded && (jsxRuntimeExports.jsx("div", { className: clsx('accordion-item__content', contentBorderColorClass, contentFillClass, fillHoverClass), children: children ||
                     (content && (jsxRuntimeExports.jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }))) })), afterContent && afterContent] }));
 }
 AccordionItem.defaultProps = {
@@ -90,7 +95,7 @@ AccordionItem.defaultProps = {
 };
 
 function Accordion(props) {
-    var children = props.children, items = props.items, className = props.className, _a = props.initial, initial = _a === void 0 ? [] : _a, isMultiple = props.isMultiple, onClickItem = props.onClickItem;
+    var children = props.children, isMultiple = props.isMultiple, className = props.className, _a = props.initial, initial = _a === void 0 ? [] : _a, items = props.items, onClickItem = props.onClickItem;
     var _b = useState(castArray(initial)), expandedItems = _b[0], setExpandedItems = _b[1];
     var onClickAccordionItem = useCallback(function (targetItem) {
         setExpandedItems(function (prevState) {
@@ -115,12 +120,13 @@ function Accordion(props) {
             }
         });
         onClickItem && onClickItem(targetItem);
-    }, [onClickItem]);
+    }, [isMultiple, onClickItem]);
     var accordionItemsList = useMemo(function () {
         if (items) {
-            return items.map(function (item, i) { return (jsxRuntimeExports.jsx(AccordionItem, { content: item.content, id: item.id, isExpanded: expandedItems.includes(item.id), title: item.title, onClick: onClickAccordionItem }, "accordionItem_".concat(item.id || i + 1))); });
+            return items.map(function (item, i) { return (jsxRuntimeExports.jsx(AccordionItem, { content: item.content, id: item.id, title: item.title, isExpanded: expandedItems.includes(item.id), onClick: onClickAccordionItem }, "accordionItem_".concat(item.id || i + 1))); });
         }
         if (children) {
+            // @ts-ignore
             return React__default.Children.toArray(children).map(function (child) {
                 if (React__default.isValidElement(child)) {
                     var childID = child.props.id || child.key;
@@ -162,7 +168,7 @@ function Accordion(props) {
      */
     // @ts-expect-error
     var _c = useStyles(props), accordionStyles = _c.styles, accordionWrapperStyles = _c.wrapper;
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass), style: accordionStyles, children: jsxRuntimeExports.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
+    return (jsxRuntimeExports.jsx("div", { style: accordionStyles, className: clsx(className, 'accordion', borderColorClass, directionClass, fillClass, shapeClass, widthClass), children: jsxRuntimeExports.jsx("div", { className: "accordion__wrapper", style: accordionWrapperStyles, children: accordionItemsList }) }));
 }
 Accordion.defaultProps = {
     initial: [],

package/dist/{Avatar-DhZxzLEY.js → Avatar-DLNS2LBo.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 { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 

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

@@ -12,7 +12,7 @@ var badgeConfig = {
     },
 };
 function Badge(props) {
-    var _a;
+    var _a, _b;
     var appearance = props.appearance, children = props.children, className = props.className, mode = props.mode; props.shape; props.size; var textColor = props.textColor, textSize = props.textSize, value = props.value;
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
@@ -34,6 +34,10 @@ function Badge(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
     var positionClass = useDeviceTargetClass(props, {
         prefix: 'position_',
         propsKey: 'position',
@@ -51,7 +55,9 @@ function Badge(props) {
     var appearanceConfig = useMemo(function () { return appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]; }, [appearance, badgeConfig]);
     return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
+                ((_a = "fill_".concat(appearanceConfig.fill)) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1').toLowerCase())), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                ((_b = "fill_hover_".concat(appearanceConfig.fillHover)) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1').toLowerCase())), positionClass, sizeClass, shapeClass), style: badgeStyles, children: children ||
             (value && (jsxRuntimeExports.jsx(Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
 }
 Badge.defaultProps = {

package/dist/{Breadcrumbs-CciIq1Na.js → Breadcrumbs-Dz-WcAoT.js}

@@ -5,8 +5,8 @@ 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-Duj1nynQ.js';
-import { a as LinkWrapper } from './Link-CbCqej5B.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function BreadcrumbsItem(props) {

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

@@ -3,8 +3,8 @@ 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-Duj1nynQ.js';
-import { a as LinkWrapper } from './Link-CbCqej5B.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
 import { L as Loader } from './Loader-YZrWGaNy.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 

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

@@ -1,9 +1,10 @@
 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-Duj1nynQ.js';
-import { L as Label } from './Label-D9cQMuy3.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
+import { L as Label } from './Label-VHbRKztj.js';
 import { T as Text } from './Text-CxrzHFN1.js';
+import { useStyles } from './hooks/useStyles.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;
@@ -55,7 +56,9 @@ function Cell(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), onClick: onClick, onMouseEnter: onMouseEnter, children: [before && jsxRuntimeExports.jsx("div", { className: "cell__before", children: before }), jsxRuntimeExports.jsxs("div", { className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass), children: [title && (jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntimeExports.jsx(Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsxRuntimeExports.jsx(Label, { appearance: titleLabelAppearance, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntimeExports.jsx(Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsxRuntimeExports.jsx(Label, { appearance: valueLabelAppearance, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsxRuntimeExports.jsx("div", { className: "cell__after", children: after })] }));
+    // @ts-expect-error
+    var cellStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'cell', mode && "cell_mode_".concat(mode), size && "cell_size_".concat(size), set && "cell_set_".concat(set), bgFillClass, bgFillHoverClass, isActive && bgFillActiveClass, isDisabled && bgFillDisabledClass, bgShapeClass, widthClass, zeroPadding && 'cell_reset-padding', zeroGap && 'cell_reset-gap', reverse && 'cell_reverse'), onClick: onClick, onMouseEnter: onMouseEnter, style: cellStyles, children: [before && jsxRuntimeExports.jsx("div", { className: "cell__before", children: before }), jsxRuntimeExports.jsxs("div", { className: clsx('cell__wrapper', directionClass, fillClass, fillHoverClass, isActive && fillActiveClass, isDisabled && fillDisabledClass, shapeClass), children: [title && (jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntimeExports.jsx(Text, { className: "cell__title", size: titleTextSize, tag: titleTag, textColor: titleTextColor, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title }), (titleIcon || titleIconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "cell__icon", fill: titleIconFill, fillSize: titleIconFillSize, iconFill: titleIconItemFill, iconFillHover: titleIconFillHover, imageSrc: titleIconSrc, shape: titleIconShape, SvgImage: titleIcon })), showTitleLabel && (jsxRuntimeExports.jsx(Label, { appearance: titleLabelAppearance, label: titleLabel, labelTextSize: titleLabelTextSize, shape: titleLabelShape, size: titleLabelSize }))] })), value && (jsxRuntimeExports.jsxs("div", { className: "cell__data", children: [jsxRuntimeExports.jsx(Text, { className: "cell__value", size: valueTextSize, tag: valueTag, textAlign: valueTextAlign, textColor: valueTextColor, textWeight: valueTextWeight, textWrap: valueTextWrap, children: value }), (valueIcon || valueIconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "cell__icon", fill: valueIconFill, fillSize: valueIconFillSize, iconFill: valueIconItemFill, iconFillHover: valueIconFillHover, imageSrc: valueIconSrc, shape: valueIconShape, SvgImage: valueIcon })), showValueLabel && (jsxRuntimeExports.jsx(Label, { appearance: valueLabelAppearance, label: valueLabel, labelTextSize: valueLabelTextSize, shape: valueLabelShape, size: valueLabelSize }))] }))] }), after && jsxRuntimeExports.jsx("div", { className: "cell__after", children: after })] }));
 }
 Cell.defaultProps = {
     isDisabled: false,

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

@@ -1,21 +1,21 @@
 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-CxrzHFN1.js';
 
 var checkboxConfig = {
-    state: undefined,
-    setState: function (newComponent) {
-        checkboxConfig.state = newComponent;
-    },
     appearance: undefined,
     setAppearance: function (newComponent) {
         checkboxConfig.appearance = newComponent;
     },
+    state: undefined,
+    // eslint-disable-next-line perfectionist/sort-objects
+    setState: function (newComponent) {
+        checkboxConfig.state = newComponent;
+    },
 };
 function Checkbox(props) {
-    var appearance = props.appearance, before = props.before, after = props.after, id = props.id, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, className = props.className, checked = props.checked, disabled = props.disabled, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, value = props.value;
+    var id = props.id, _a = props.Tag, Tag = _a === void 0 ? 'label' : _a, after = props.after, appearance = props.appearance, before = props.before, checked = props.checked, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, disabled = props.disabled, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -56,7 +56,8 @@ function Checkbox(props) {
         prefix: 'width_',
         propsKey: 'width',
     });
-    var appearanceConfig = useMemo(function () { return appearance && checkboxConfig.appearance && checkboxConfig.appearance[appearance]; }, [appearance, checkboxConfig]);
+    // prettier-ignore
+    var appearanceConfig = (appearance && checkboxConfig.appearance && checkboxConfig.appearance[appearance]);
     return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'checkbox', fillClass, shapeClass, widthClass), htmlFor: Tag === 'label' && id, children: [before, jsxRuntimeExports.jsxs("div", { className: clsx('checkbox__item', stateCheckmarkFillClass ||
                     ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.stateCheckmarkFill) &&
                         "checkbox_checkmark_fill_".concat(appearanceConfig.stateCheckmarkFill)

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

@@ -12,7 +12,7 @@ var chipsConfig = {
     },
 };
 function Chips(props) {
-    var appearance = props.appearance, children = props.children, className = props.className, label = props.label, labelSize = props.labelSize, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
+    var isActive = props.isActive, labelTextActiveColor = props.labelTextActiveColor, appearance = props.appearance, children = props.children, className = props.className, label = props.label, labelTextSize = props.labelTextSize, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
     var alignDirectionClass = useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -29,6 +29,10 @@ function Chips(props) {
         prefix: 'fill_hover_',
         propsKey: 'fillHover',
     });
+    var fillActiveClass = useDeviceTargetClass(props, {
+        prefix: 'fill_active_',
+        propsKey: 'fillActive',
+    });
     var sizeClass = useDeviceTargetClass(props, {
         prefix: 'chips_size_',
         propsKey: 'size',
@@ -52,7 +56,9 @@ function Chips(props) {
     // @ts-expect-error
     var chipsStyles = useStyles(props).styles;
     var appearanceConfig = useMemo(function () { return appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]; }, [appearance, chipsConfig]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'chips', fillClass ||
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'chips', isActive && 'chips_state_active', isActive ? fillActiveClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
+                "fill_".concat(appearanceConfig.fillActive).replace(/([A-Z])/g, '-$1').toLowerCase()) : fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -60,7 +66,7 @@ function Chips(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass), style: chipsStyles, onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, size: labelSize, children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
+                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), style: chipsStyles, onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", textColor: isActive ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor) : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textWeight: labelTextWeight, size: labelTextSize, children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
 }
 Chips.defaultProps = {
     label: 'Chips',

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

@@ -2,7 +2,7 @@ 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-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var choiceConfig = {
@@ -12,13 +12,13 @@ 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, 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 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, isCheckbox = props.isCheckbox, 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) {
-        var isChecked = isMultiple ? event.target.checked : true;
+        var isChecked = isCheckbox ? event.target.checked : true;
         setActiveSegment && setActiveSegment(item, isChecked);
-    }, [isMultiple, setActiveSegment]);
+    }, [isCheckbox, setActiveSegment]);
     var borderColorClass = useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -81,13 +81,15 @@ var Choice = React__default.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'), ref: optionsRefs.get(item.value), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", id: "".concat(name, "-").concat(item.value), name: name, disabled: isDisabled, type: isMultiple ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: item.value === active.value
+                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), ref: optionsRefs.get(item.value), children: [jsxRuntimeExports.jsx("input", { checked: item.value === active.value, className: "choice__item-radio", id: "".concat(name, "-").concat(item.value), name: name, disabled: isDisabled, type: isCheckbox ? 'checkbox' : 'radio', value: item.value, onChange: function (event) { return onChange(event, item); } }), jsxRuntimeExports.jsxs("label", { className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: item.value === 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, 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)); }) }) }));
+                                        : 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-CpZ3pjky.js → ContextMenuItem--304_MdY.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 { D as Divider } from './Divider-Dhj6sMWd.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function ContextMenu(props) {

package/dist/{CookiesWarning-jN2hWm12.js → CookiesWarning-CDlz4Rfl.js}

@@ -3,7 +3,7 @@ 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 { B as Button } from './Button-ULZVVxWC.js';
 import { G as Group } from './Group-C2kJKhWJ.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
@@ -23,13 +23,13 @@ function CookiesWarning(props) {
         return function () {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         };
-    }, []); // eslint-disable-line
+    }, []);
     useEffect(function () {
         // isHideOnScroll &&
         if (!isOpen) {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         }
-    }, [isOpen]); // eslint-disable-line
+    }, [isOpen]);
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -41,7 +41,7 @@ function CookiesWarning(props) {
     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;
+    return isOpen ? (jsxRuntimeExports.jsx("div", { className: clsx('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, 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».',

package/dist/{DadataHintField-QzDwYdF1.js → DadataHintField-CHJLsVjJ.js}

@@ -3,7 +3,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import React__default, { PureComponent, useMemo } from 'react';
 import clsx from 'clsx';
 import crypto from 'crypto';
-import { I as Input } from './Input-CYMKQ0qF.js';
+import { I as Input } from './Input-CYDtAlO-.js';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;