@itcase/ui 1.1.15 → 1.1.17

package/dist/{Accordion-DyOfdiGd.js → Accordion-uWRXripc.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-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var ChevronDown16 = function ChevronDown16(props) {
   return /*#__PURE__*/React__default.createElement("svg", props, /*#__PURE__*/React__default.createElement("path", {
@@ -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-DLNS2LBo.js → Avatar-APOOlMd3.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-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { I as Image } from './Image-Bz4Fo3eB.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.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-BBbMdbjo.js → Badge-DtYgQu3L.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-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-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var badgeConfig = {
     appearance: undefined,
@@ -52,7 +51,7 @@ function Badge(props) {
     });
     // @ts-expect-error
     var badgeStyles = useStyles(props).styles;
-    var appearanceConfig = useMemo(function () { return appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]; }, [appearance, badgeConfig]);
+    var appearanceConfig = appearance && badgeConfig.appearance && badgeConfig.appearance[appearance];
     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())), fillHoverClass ||

package/dist/{Breadcrumbs-Dz-WcAoT.js → Breadcrumbs-rRMuYnWJ.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-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
 import { a as LinkWrapper } from './Link-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.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-ULZVVxWC.js → Button-DxZUKQ8I.js}

@@ -1,12 +1,12 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
+import { I as Icon } from './Icon-C0gtkmdU.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';
+import { L as Loader } from './Loader-DhgIcSY1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var buttonConfig = {
     appearance: undefined,
@@ -15,7 +15,7 @@ var buttonConfig = {
     },
 };
 var Button = React__default.forwardRef(function Button(props, ref) {
-    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
     var widthClass = useDeviceTargetClass(props, {
         prefix: 'button_width_',
         propsKey: 'width',
@@ -54,7 +54,7 @@ var Button = React__default.forwardRef(function Button(props, ref) {
     });
     // @ts-expect-error
     var _f = useStyles(props), buttonStyles = _f.styles, labelStyles = _f.label;
-    var appearanceConfig = useMemo(function () { return appearance && buttonConfig.appearance && buttonConfig.appearance[appearance]; }, [appearance, buttonConfig]);
+    var appearanceConfig = appearance && buttonConfig.appearance && buttonConfig.appearance[appearance];
     return (jsxRuntimeExports.jsx(LinkWrapper, { className: clsx(className, 'button', label && 'button_type_label', borderColorClass ? 'button_set_outlined' : set ? "button_set_".concat(set) : 'button_set_filled', borderWidthClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
@@ -80,7 +80,7 @@ var Button = React__default.forwardRef(function Button(props, ref) {
                 iconBefore ||
                 iconBeforeSrc ||
                 iconSrc) &&
-            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
+            'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntimeExports.jsx(Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntimeExports.jsx(Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
 });
 Button.defaultProps = {
     // Button with a `type="submit"` attribute is a form control by default.

package/dist/{Card-DPGgzPuD.js → Card-DEs1Rr88.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-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.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-DftU408q.js → Cell-BJThS4YS.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-DWnG-4KG.js';
-import { L as Label } from './Label-VHbRKztj.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { L as Label } from './Label-0lMH0-AK.js';
+import { T as Text } from './Text-Dn0X1zxN.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-BmQo6ByV.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';
+import { T as Text } from './Text-Dn0X1zxN.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-CBPMHkdw.js}

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-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-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var chipsConfig = {
     appearance: undefined,
@@ -12,7 +11,8 @@ 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 children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelSize = props.labelSize, // labelTextSize,
+    labelTextActiveColor = props.labelTextActiveColor, 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',
@@ -51,19 +55,23 @@ 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 ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx("div", { style: chipsStyles, 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) &&
                 "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, borderColorClass ||
             ((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'), onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", size: labelSize, textWeight: labelTextWeight, textColor: isActive
+                        ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
+                        : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
 }
-Chips.defaultProps = {
-    label: 'Chips',
-};
 
 export { Chips as C, chipsConfig as c };

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

@@ -2,8 +2,9 @@ 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-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { L as Loader } from './Loader-DhgIcSY1.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 var choiceConfig = {
     appearance: {},
@@ -12,7 +13,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, 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 _a = props.isCheckbox, isCheckbox = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isLoading, isLoading = _c === void 0 ? false : _c, _d = props.active, active = _d === void 0 ? { value: undefined } : _d, 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, labelTextActiveColor = props.labelTextActiveColor, labelTextActiveColorDisabled = props.labelTextActiveColorDisabled, labelTextColor = props.labelTextColor, labelTextColorDisabled = props.labelTextColorDisabled, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, name = props.name, _e = props.options, options = _e === void 0 ? [] : _e, set = props.set, setActiveSegment = props.setActiveSegment, _f = props.size, size = _f === void 0 ? 'normal' : _f, type = props.type;
     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) {
@@ -55,8 +56,9 @@ var Choice = React__default.forwardRef(function Choice(props, ref) {
         prefix: 'fill_active_disabled_',
         propsKey: 'fillActiveDisabled',
     });
-    var appearanceConfig = useMemo(function () { return appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]; }, [appearance, choiceConfig]);
-    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'choice', shapeClass ||
+    // prettier-ignore
+    var appearanceConfig = (appearance && choiceConfig.appearance && choiceConfig.appearance[appearance]);
+    return (jsxRuntimeExports.jsx("div", { ref: controlRef, 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 ||
@@ -66,7 +68,7 @@ var Choice = React__default.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)), ref: controlRef, children: jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options === null || options === void 0 ? void 0 : options.map(function (item, i) { return (jsxRuntimeExports.jsxs("div", { className: clsx('choice__item', !isDisabled &&
+                    .toLowerCase()), borderWidthClass, borderTypeClass, set && "choice_set_".concat(set), size && "choice_size_".concat(size), type && "choice_type_".concat(type)), children: isLoading ? (jsxRuntimeExports.jsx(Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent", set: "simple" })) : (jsxRuntimeExports.jsx("div", { className: "choice__wrapper", children: options.map(function (item) { return (jsxRuntimeExports.jsxs("div", { ref: optionsRefs.get(item.value), className: clsx('choice__item', !isDisabled &&
                     (fillHoverClass ||
                         ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
                             "fill_active_".concat(appearanceConfig.fillHover)
@@ -81,20 +83,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: 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
+                        : fillDisabledClass, item.value === active.value && isDisabled && 'choice__item_active_state_disabled', item.value === active.value && 'choice__item_active'), children: [jsxRuntimeExports.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); } }), jsxRuntimeExports.jsxs("label", { htmlFor: "".concat(name, "-").concat(item.value), className: clsx('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), children: [before, item.label && (jsxRuntimeExports.jsx(Text, { size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textWeight: labelTextWeight, 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
+                                        : labelTextColorDisabled, children: item.label })), (icon || activeIcon) && (jsxRuntimeExports.jsx(Icon, { SvgImage: item.value === active.value ? activeIcon : icon, className: "choice__item-icon", iconFillDisabled: isDisabled ? iconFillDisabled : undefined, iconSize: iconSize, 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)); }) }) }));
+                                    : iconItemFill || item.iconItemFill })), after] })] }, item.value)); }) })) }));
 });
-Choice.defaultProps = {
-    active: { value: undefined },
-    options: [],
-    size: 'normal',
-};
 
 export { Choice as C, choiceConfig as c };

package/dist/{Code-DkWVSDOy.js → Code-1WUXVzfb.js}

@@ -254,7 +254,6 @@ function Code(props) {
 }
 Code.defaultProps = {
     inputCount: 6,
-    gap: 12,
     inputType: 'number',
     inputSize: 'normal',
     inputBorderWidth: 1,

package/dist/{ContextMenuItem--304_MdY.js → ContextMenuItem-xssbnviQ.js}

@@ -2,8 +2,8 @@ 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-DWnG-4KG.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function ContextMenu(props) {
     var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;

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

@@ -3,9 +3,9 @@ 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-ULZVVxWC.js';
-import { G as Group } from './Group-C2kJKhWJ.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { B as Button } from './Button-DxZUKQ8I.js';
+import { G as Group } from './Group-DuHn_z2p.js';
+import { T as Text } from './Text-Dn0X1zxN.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;

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;

package/dist/{DatePicker-CUmrPZZ-.js → DatePicker-D9UgOcue.js}

@@ -5,13 +5,13 @@ import React__default, { createElement, Component, useLayoutEffect, useEffect, c
 import clsx$1, { clsx } from 'clsx';
 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, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-_PBQLJcF.js';
+import { o as offset$1, f as flip$1, c as computePosition, b as arrow$2, g as getComputedStyle, i as isElement, a as autoUpdate } from './floating-ui.dom-BV5qw-HP.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { B as Button } from './Button-ULZVVxWC.js';
-import { I as Icon } from './Icon-DWnG-4KG.js';
-import { I as Input } from './Input-CYMKQ0qF.js';
-import { L as Label } from './Label-VHbRKztj.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { B as Button } from './Button-DxZUKQ8I.js';
+import { I as Icon } from './Icon-C0gtkmdU.js';
+import { I as Input } from './Input-CYDtAlO-.js';
+import { L as Label } from './Label-0lMH0-AK.js';
+import { T as Text } from './Text-Dn0X1zxN.js';
 
 function buildFormatLongFn(args) {
   return (options = {}) => {

package/dist/{Drawer-CgJX3Utw.js → Drawer-DkLkFSmD.js}

@@ -130,10 +130,10 @@ var EZDrawer = function EZDrawer(props) {
 };
 
 function Drawer(props) {
-    var after = props.after, before = props.before, children = props.children, className = props.className, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type, isOpenModal = props.isOpenModal, closeModal = props.closeModal;
-    return (jsxRuntimeExports.jsxs(EZDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', lockBackgroundScroll: false, 
+    var children = props.children, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
+    return (jsxRuntimeExports.jsxs(EZDrawer, { direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
         // @ts-expect-error
-        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, enableOverlay: enableOverlay, children: [before && jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
+        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), onClose: closeModal, children: [before && jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
 }
 
 export { Drawer as D };

package/dist/{DropdownItem-Cf5vBgDu.js → DropdownItem-DB5nPIdl.js}

@@ -5,7 +5,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { L as Link } from './Link-Co6uspFK.js';
-import { T as Text } from './Text-CxrzHFN1.js';
+import { T as Text } from './Text-Dn0X1zxN.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/{Group-C2kJKhWJ.js → Group-DuHn_z2p.js}

@@ -1,5 +1,4 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
-import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -86,7 +85,7 @@ function Group(props) {
     });
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    var appearanceConfig = useMemo(function () { return appearance && groupConfig.appearance && groupConfig.appearance[appearance]; }, [appearance, groupConfig]);
+    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
     return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)