@itcase/ui 1.1.14 → 1.1.15

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

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 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-CbCqej5B.js';
+import { L as Link } from './Link-Co6uspFK.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function Dropdown(props) {

package/dist/{GridRow-DUnumam2.js → GridRow-CvYQDJ2W.js}

@@ -155,4 +155,4 @@ GridRow.defaultProps = {
     tag: 'div',
 };
 
-export { Grid as G, GridRow as a, GridItem as b };
+export { Grid as G, GridItem as a, GridRow as b };

package/dist/{Icon-Duj1nynQ.js → Icon-DWnG-4KG.js}

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

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

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

package/dist/{Label-D9cQMuy3.js → Label-VHbRKztj.js}

@@ -4,7 +4,7 @@ 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 Tooltip } from './Tooltip-CcwyN7PD.js';
+import { T as Tooltip } from './Tooltip-CpEQOh9v.js';
 
 var labelConfig = {
     appearance: undefined,

package/dist/{LanguageSelector-TZEgbNsG.js → LanguageSelector-CzIV_gnd.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 
 function LanguageSelectorItem(props) {
     var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;

package/dist/{Link-CbCqej5B.js → Link-Co6uspFK.js}

@@ -29,6 +29,14 @@ function Link(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
+    var svgFillClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
     var weightClass = useDeviceTargetClass(props, {
         prefix: 'text-weight_',
         propsKey: 'textWeight',
@@ -47,7 +55,7 @@ function Link(props) {
     });
     // @ts-expect-error
     var styles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', directionClass, sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), (textColorClass ||
             textColorHoverClass ||
             textGradientClass ||
             textStyleClass ||

package/dist/{ListItem-Dgx1_Igi.js → ListItem-DMS6_Rtr.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useStyles } from './hooks/useStyles.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { L as Link } from './Link-CbCqej5B.js';
+import { L as Link } from './Link-Co6uspFK.js';
 
 function List(props) {
     var children = props.children, className = props.className, style = props.style, type = props.type;

package/dist/{Logo-DsOEX4uk.js → Logo-D6UNcO5P.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
-import { a as LinkWrapper } from './Link-CbCqej5B.js';
+import { a as LinkWrapper } from './Link-Co6uspFK.js';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
 

package/dist/{Menu-Kpe1GMns.js → Menu-Cd-XlUmJ.js}

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

package/dist/{MenuItem-C5BPgTO7.js → MenuItem-COZ-C9K2.js}

@@ -3,7 +3,7 @@ import React__default, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { L as Link } from './Link-CbCqej5B.js';
+import { L as Link } from './Link-Co6uspFK.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var menuItemConfig = {

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

@@ -4,7 +4,7 @@ import { useNotifications, useNotificationsAPI } from './context/Notifications.j
 import { useMemo } from 'react';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Title } from './Title-BUN57fWw.js';
+import { T as Title } from './Title-BhJcCgdK.js';
 
 var notificationItemConfig = {
     appearance: {},
@@ -36,8 +36,8 @@ NotificationItem.defaultProps = {
 function NotificationList(props) {
     var notifications = useNotifications();
     var hideNotifications = useNotificationsAPI().hideNotifications;
-    var className = props.className, size = props.size, type = props.type, set = props.set, closeButton = props.closeButton;
-    return (jsxRuntimeExports.jsx("div", { className: clsx('notification', className), children: jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntimeExports.jsx(NotificationItem, { id: notification.id, type: notification.type || type, set: notification.set || set, size: notification.size || size, title: notification.title, text: notification.text, status: notification.status, closeButton: closeButton, onClickClose: hideNotifications }, i)); }) }) }));
+    var className = props.className, closeButton = props.closeButton, set = props.set, size = props.size, type = props.type;
+    return (jsxRuntimeExports.jsx("div", { className: clsx('notification', className), children: jsxRuntimeExports.jsx("div", { className: "notification__wrapper", children: notifications.map(function (notification, i) { return (jsxRuntimeExports.jsx(NotificationItem, { closeButton: closeButton, id: notification.id, size: notification.size || size, status: notification.status, text: notification.text, title: notification.title, type: notification.type || type, set: notification.set || set, onClickClose: hideNotifications }, i)); }) }) }));
 }
 
 export { NotificationItem as N, NotificationList as a, notificationItemConfig as n };

package/dist/{Pagination-LXBlrbZT.js → Pagination-QfVqvSbE.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from './DropdownItem-BaQXZu0w.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { D as Dropdown, a as DropdownItem } from './DropdownItem-Cf5vBgDu.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 function Pagination(props) {

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

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Button } from './Button-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';
-import { T as Title } from './Title-BUN57fWw.js';
+import { T as Title } from './Title-BhJcCgdK.js';
 
 var responseConfig = {
     appearance: undefined,

package/dist/{SearchResult-B6Jd1xZO.js → SearchResult-DbhHiNmy.js}

@@ -3,7 +3,7 @@ import React__default, { useCallback, useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
 

package/dist/{SiteMenuButton-CcCAsJtr.js → SiteMenuButton-BwyPO-2_.js}

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from './context/UIContext.js';
 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';
 
 function SiteMenu(props) {

package/dist/{Swiper-JdwU0uca.js → Swiper-CL9zCKXE.js}

@@ -3,7 +3,7 @@ import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffec
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { T as Title } from './Title-BUN57fWw.js';
+import { T as Title } from './Title-BhJcCgdK.js';
 
 /**
  * SSR Window 4.0.2
@@ -610,7 +610,7 @@ function Observer(_ref) {
     });
     observer.observe(target, {
       attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
-      childList: typeof options.childList === 'undefined' ? true : options.childList,
+      childList: swiper.isElement || (typeof options.childList === 'undefined' ? true : options).childList,
       characterData: typeof options.characterData === 'undefined' ? true : options.characterData
     });
     observers.push(observer);
@@ -4664,7 +4664,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.1.4
+ * Swiper React 11.1.5
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4672,7 +4672,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: May 30, 2024
+ * Released on: July 15, 2024
  */
 
 

package/dist/{SwitchField-B8JbD2Se.js → SwitchField-nmu255b8.js}

@@ -6,7 +6,7 @@ import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { SelectInput } from './components/Select.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
 import { T as Text } from './Text-CxrzHFN1.js';
-import { I as Icon } from './Icon-Duj1nynQ.js';
+import { I as Icon } from './Icon-DWnG-4KG.js';
 import { useStyles } from './hooks/useStyles.js';
 import { S as Switch } from './Switch-0BHqovLA.js';
 

package/dist/{TabGroup-DieipbE3.js → TabGroup-CK6ndAuh.js}

@@ -3,9 +3,9 @@ import React__default, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Badge } from './Badge-D-4zpdfU.js';
+import { B as Badge } from './Badge-BBbMdbjo.js';
 import { D as Divider } from './Divider-Dhj6sMWd.js';
-import { L as Link } from './Link-CbCqej5B.js';
+import { L as Link } from './Link-Co6uspFK.js';
 import { T as Text } from './Text-CxrzHFN1.js';
 
 var tabConfig = {

package/dist/{Tile-rSmWn8mR.js → Tile-qiXVUf-t.js}

@@ -2,12 +2,12 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
-import { B as Badge } from './Badge-D-4zpdfU.js';
+import { B as Badge } from './Badge-BBbMdbjo.js';
 import { T as Text } from './Text-CxrzHFN1.js';
-import { T as Title } from './Title-BUN57fWw.js';
+import { T as Title } from './Title-BhJcCgdK.js';
 
 function Tile(props) {
-    var after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, children = props.children, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;
+    var children = props.children, after = props.after, badge = props.badge, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, direction = props.direction, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/{Title-BUN57fWw.js → Title-BhJcCgdK.js}

@@ -12,8 +12,16 @@ var titleConfig = {
     },
 };
 function Title(props) {
-    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
+    var appearance = props.appearance, children = props.children, className = props.className, dataTour = props.dataTour, before = props.before, beforeWrapper = props.beforeWrapper, afterWrapper = props.afterWrapper, after = props.after, mode = props.mode, size = props.size, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _a = props.tag, tag = _a === void 0 ? 'span' : _a, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
     var _b = useUserDeviceContext(), isMobile = _b.isMobile, isTablet = _b.isTablet, isDesktop = _b.isDesktop;
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'title_direction_',
+        propsKey: 'direction',
+    });
+    var directionWrapperClass = useDeviceTargetClass(props, {
+        prefix: 'title-direction_',
+        propsKey: 'wrapperDirection',
+    });
     var textColorClass = useDeviceTargetClass(props, {
         prefix: 'text-color_',
         propsKey: 'textColor',
@@ -26,6 +34,14 @@ function Title(props) {
         prefix: 'text-color_hover_',
         propsKey: 'textColorHover',
     });
+    var svgFillClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_',
+        propsKey: 'svgFill',
+    });
+    var svgFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'svg_fill_hover_',
+        propsKey: 'svgFillHover',
+    });
     var textAlignClass = useDeviceTargetClass(props, {
         prefix: 'text-align_',
         propsKey: 'textAlign',
@@ -55,7 +71,7 @@ function Title(props) {
         propsKey: 'textTruncate',
     });
     // @ts-expect-error
-    var titleStyles = useStyles(props).styles;
+    var _c = useStyles(props), titleStyles = _c.styles, titleWrapperStyles = _c.wrapper;
     var appearanceConfig = useMemo(function () { return appearance && titleConfig.appearance && titleConfig.appearance[appearance]; }, [appearance, titleConfig]);
     // Element type (h1, h2, ..., h6)
     var Tag = useMemo(function () {
@@ -73,9 +89,9 @@ function Title(props) {
         }
         return size ? size : 'span';
     }, [isMobile, isTablet, isDesktop]);
-    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'title', fillColorClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), textColorClass ||
+    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'title', fillColorClass, svgFillClass, svgFillHoverClass, size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass, textColorClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: jsxRuntimeExports.jsx("span", { className: clsx(textAlignClass, 'title__wrapper', textTruncateClass), children: children || text }) }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, typeClass, textGradientClass, textStyleClass, weightClass, textWrap && "word-wrap_".concat(textWrap)), "data-tour": dataTour, onClick: onClick, style: titleStyles, children: [before, jsxRuntimeExports.jsxs("span", { className: clsx(textAlignClass, directionWrapperClass, 'title__wrapper', textTruncateClass), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 Title.defaultProps = {
     size: 'h3',

package/dist/{Tooltip-CcwyN7PD.js → Tooltip-CpEQOh9v.js}

@@ -4,7 +4,7 @@ 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 Title } from './Title-BUN57fWw.js';
+import { T as Title } from './Title-BhJcCgdK.js';
 
 var tooltipConfig = {
     appearance: undefined,

package/dist/cjs/{Accordion-BPSF6By2.js → Accordion-UbOVpiO4.js}

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Avatar-qFiPDVgu.js → Avatar-Bj5BiStx.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Image = require('./Image-CCx6QWZj.js');
 var Text = require('./Text-C8vlKWNN.js');
 

package/dist/cjs/{Badge-zYZKun4n.js → Badge-D7W3B9G5.js}

@@ -18,7 +18,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.useDeviceTargetClass(props, {
         prefix: 'border-color_',
@@ -40,6 +40,10 @@ function Badge(props) {
         prefix: 'fill_',
         propsKey: 'fill',
     });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
     var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'position_',
         propsKey: 'position',
@@ -57,7 +61,9 @@ function Badge(props) {
     var appearanceConfig = React.useMemo(function () { return appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]; }, [appearance, badgeConfig]);
     return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(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 && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
 }
 Badge.defaultProps = {

package/dist/cjs/{Breadcrumbs-BIhuwcTG.js → Breadcrumbs-xj-c6cUH.js}

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var camelCase = require('lodash/camelCase');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-DzJtiBBk.js');
-var Link = require('./Link-3qPujNn9.js');
+var Icon = require('./Icon-2rv_L0yY.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Button-C4_FRFZe.js → Button-DfUQ11Hs.js}

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var useStyles = require('./hooks/useStyles.js');
-var Icon = require('./Icon-DzJtiBBk.js');
-var Link = require('./Link-3qPujNn9.js');
+var Icon = require('./Icon-2rv_L0yY.js');
+var Link = require('./Link-B6Xq7PWn.js');
 var Loader = require('./Loader-2vQxF_aO.js');
 var Text = require('./Text-C8vlKWNN.js');
 

package/dist/cjs/{Cell-zxHVzKan.js → Cell-BhsGTfV-.js}

@@ -3,8 +3,8 @@
 var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-DzJtiBBk.js');
-var Label = require('./Label-BcwjtIk7.js');
+var Icon = require('./Icon-2rv_L0yY.js');
+var Label = require('./Label-EFoxH21m.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{Choice-CPPQ2o2L.js → Choice-Cm_1ke3H.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,13 +19,13 @@ var choiceConfig = {
     },
 };
 var Choice = React__default.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 = React.useRef(null);
     var optionsRefs = React.useMemo(function () { return new Map(options.map(function (item) { return [item.value, React.createRef()]; })); }, [options]);
     var onChange = React.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.useDeviceTargetClass(props, {
         prefix: 'border-color_',
         propsKey: 'borderColor',
@@ -88,13 +88,15 @@ var Choice = React__default.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: [jsxRuntime.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); } }), jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx__default.default('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntime.jsxRuntimeExports.jsx(Text.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: [jsxRuntime.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); } }), jsxRuntime.jsxRuntimeExports.jsxs("label", { className: clsx__default.default('choice__item-label', isDisabled && 'choice__item-label_state_disabled'), htmlFor: "".concat(name, "-").concat(item.value), children: [before, item.label && (jsxRuntime.jsxRuntimeExports.jsx(Text.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) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.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) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.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/cjs/{ContextMenuItem-BME-EZ-y.js → ContextMenuItem-D6dUiYw7.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
 var Divider = require('./Divider-D92wY8Fn.js');
-var Icon = require('./Icon-DzJtiBBk.js');
+var Icon = require('./Icon-2rv_L0yY.js');
 var Text = require('./Text-C8vlKWNN.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/{CookiesWarning-CfEwpkS8.js → CookiesWarning-BfkNifW2.js}

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Button = require('./Button-C4_FRFZe.js');
+var Button = require('./Button-DfUQ11Hs.js');
 var Group = require('./Group-C9BxTKs-.js');
 var Text = require('./Text-C8vlKWNN.js');
 
@@ -30,13 +30,13 @@ function CookiesWarning(props) {
         return function () {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         };
-    }, []); // eslint-disable-line
+    }, []);
     React.useEffect(function () {
         // isHideOnScroll &&
         if (!isOpen) {
             window.removeEventListener('scroll', closeCookiesWarning, true);
         }
-    }, [isOpen]); // eslint-disable-line
+    }, [isOpen]);
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -48,7 +48,7 @@ function CookiesWarning(props) {
     var gap = useDeviceTargetClass.useDeviceTargetClass(props, {
         propsKey: 'gap',
     });
-    return isOpen ? (jsxRuntime.jsxRuntimeExports.jsx("div", { ref: cookiesWarningRef, className: clsx__default.default('cookies-warning', className, fillClass, fillGradientClass), children: jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, textColor: textColor, children: message }), jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { width: buttonWidth, fill: buttonFill, fillHover: buttonFillHover, shape: buttonShape, size: buttonSize, labelTextColor: buttonLabelTextColor, labelTextSize: buttonLabelSize, onClick: closeCookiesWarning, children: buttonLabel })] }) })) : null;
+    return isOpen ? (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('cookies-warning', className, fillClass, fillGradientClass), ref: cookiesWarningRef, children: jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { direction: "vertical", className: "cookies-warning__inner", gap: gap ? gap : undefined, children: [jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: textSize, textColor: textColor, children: message }), jsxRuntime.jsxRuntimeExports.jsx(Button.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».',