@itcase/ui 1.8.89 → 1.8.91

package/dist/components/Select.js

@@ -1,14 +1,16 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon, B as Badge } from '../Icon_es_BpZIoe9M.js';
-import React, { useRef, useCallback, useEffect, useMemo } from 'react';
+import { I as Icon, B as Badge } from '../Icon_es_MOmiy9nF.js';
+import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
+import { G as Group } from '../Group_es_Bo7Y6JwT.js';
+import { T as Text } from '../Text_es_DIU5ySvf.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_BvmOR4nv.js';
-import { G as Group } from '../Group_es_Bo7Y6JwT.js';
+import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
+import { L as Loader } from '../Loader_es_Dfs_VYxV.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
@@ -38,43 +40,331 @@ var SelectClearIndicator = function (props) {
     return (jsx(components.ClearIndicator, __assign({}, props, { children: clearIcon ? (jsx(Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
 };
 
+var SelectLoadingMessage = function (props) {
+    var _a = props.selectProps, loadingMessageText = _a.loadingMessageText, loadingMessageTextColor = _a.loadingMessageTextColor, loadingMessageTextSize = _a.loadingMessageTextSize;
+    return (jsx(Group, { textAlign: "center", children: jsx(Text, { size: loadingMessageTextSize, textColor: loadingMessageTextColor, children: loadingMessageText }) }));
+};
+
 var selectAppearanceDefault = {
     defaultPrimary: {
         elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        optionFillDisabled: 'surfaceSecondary',
+        optionTextColorDisabled: 'surfaceTextQuaternary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'surfaceItemQuaternary',
+        dropdownIconFill: 'surfaceItemQuaternary',
+        groupFill: 'surfaceSecondary',
+        groupTextColor: 'surfaceTextPrimary',
+        groupTextWeight: '600',
         inputBorderColor: 'surfaceBorderTertiary',
         inputBorderColorHover: 'surfaceBorderQuaternary',
-        inputFill: 'surfacePrimary',
+        inputCaretColor: 'accentPrimary',
+        inputFill: 'surfaceSecondary',
+        inputTextColor: 'surfaceTextPrimary',
+        loaderAppearance: 'accentPrimary sizeS ghost',
+        loadingMessageTextColor: 'surfaceTextPrimary',
+        menuFill: 'surfacePrimary',
+        multipleItemFill: 'accentPrimary',
+        multipleItemFillHover: 'accentSecondary',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
+        multipleTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillActive: 'accentPrimary',
+        optionFillActiveHover: 'accentSecondary',
+        optionFillHover: 'surfaceSecondary',
+        optionSelectedIconFillIcon: 'successItemPrimary',
+        optionTextColor: 'surfaceTextPrimary',
+        optionTextColorActive: 'accentTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceDisabled = {
+    disabledPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'surfaceItemDisabled',
+        dropdownIconFill: 'surfaceItemDisabled',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'surfaceDisabled',
         inputShape: 'rounded',
         inputTextColor: 'surfaceTextPrimary',
-        multipleItemFill: 'surfaceSecondary',
+        multipleItemFill: 'accentPrimary',
         multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'accentItemPrimary',
+        multipleItemTextColor: 'accentTextPrimary',
         multipleTextColor: 'accentTextPrimary',
-        noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
         optionFill: 'surfacePrimary',
         optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
         optionTextColor: 'surfaceTextPrimary',
-        placeholder: 'Выбрать...',
         placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceError = {
+    errorPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'errorItemQuaternary',
+        dropdownIconFill: 'errorItemQuaternary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'accentPrimary',
+        inputFill: 'errorTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'accentTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceRequire = {
+    requirePrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'warningItemSecondary',
+        dropdownIconFill: 'warningItemSecondary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'warningTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'surfaceTextPrimary',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearanceShape = {
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
     },
 };
 
 var selectAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 's',
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
+    sizeXL: {
+        size: 'xl',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons16.Action.Close,
+        multipleItemTextSize: 's',
+        noOptionsTextSize: 'm',
+        optionTextSize: 'm',
+        placeholderTextSize: 'm',
+    },
     sizeM: {
         size: 'm',
+        textLoadingMessageAppearance: 'sizeM',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
         inputTextSize: 'm',
-        multipleItemTextSize: 'm',
+        loadingMessageTextSize: 'm',
+        menuItemSize: 'l',
+        multipleItemIcon: icons14.Action.Close,
+        multipleItemTextSize: 'xs ',
         noOptionsTextSize: 'm',
+        optionSelectedIcon: icons14.Action.Close,
         optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
+    sizeS: {
+        size: 's',
+        textLoadingMessageAppearance: 'sizeS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons24.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons24.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 's',
+        menuItemSize: 'l',
+        multipleItemIcon: icons14.Action.Close,
+        multipleItemTextSize: 'xs ',
+        noOptionsTextSize: 's',
+        optionTextSize: 's',
+        placeholderTextSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textLoadingMessageAppearance: 'sizeXS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs ',
+        menuItemSize: 'l',
+        multipleItemIcon: icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textLoadingMessageAppearance: 'sizeXS',
+        badgeSize: 'm',
+        badgeTextSize: 'm',
+        clearIcon: icons16.Action.Clear,
+        dividerSize: 'xxs',
+        dropdownIcon: icons16.Arrow.ChevronDownSmall,
+        groupTextSize: 'm',
+        headingTextWeight: '600',
+        inputTextSize: 'xs',
+        menuItemSize: 'l',
+        multipleItemIcon: icons12.Action.Close,
+        multipleItemTextSize: 'xxs',
+        noOptionsTextSize: 'xs',
+        optionTextSize: 'xs',
+        placeholderTextSize: 'xs',
+    },
 };
 
-var selectAppearance = __assign(__assign({}, selectAppearanceDefault), selectAppearanceSize);
+var selectAppearanceStyle = {
+    solid: {
+        inputBorderColor: 'none',
+        inputBorderColorHover: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        inputBorderColor: 'none',
+        inputBorderColorHover: 'none',
+    },
+};
+
+var selectAppearanceSuccess = {
+    successPrimary: {
+        elevation: 8,
+        errorInputBorderColor: 'errorBorderPrimary',
+        badgeAppearance: 'accent',
+        clearIconFill: 'successItemSecondary',
+        dropdownIconFill: 'successItemSecondary',
+        headingFill: 'surfaceSecondary',
+        headingTextColor: 'surfaceTextPrimary',
+        inputBorderColor: 'surfaceBorderTertiary',
+        inputBorderColorHover: 'surfaceBorderQuaternary',
+        inputCaretColor: 'secondaryItemPrimary',
+        inputFill: 'successTertiary',
+        inputShape: 'rounded',
+        inputTextColor: 'surfaceTextPrimary',
+        multipleItemFill: 'surfacePrimary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleItemIconFill: 'surfaceItemPrimary',
+        multipleItemTextColor: 'surfaceTextPrimary',
+        multipleTextColor: 'surfaceTextPrimary',
+        noOptionsText: 'Ничего не найдено...',
+        noOptionsTextColor: 'surfaceTextPrimary',
+        optionBorder: 'none',
+        optionFill: 'surfacePrimary',
+        optionFillHover: 'surfaceSecondary',
+        optionShape: 'rounded',
+        optionTextColor: 'surfaceTextPrimary',
+        placeholder: 'Выбрать...',
+        placeholderTextColor: 'surfaceTextQuaternary',
+        requiredInputBorderColor: 'warningBorderPrimary',
+    },
+};
+
+var selectAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, selectAppearanceRequire), selectAppearanceDefault), selectAppearanceDisabled), selectAppearanceSuccess), selectAppearanceSize), selectAppearanceError), selectAppearanceShape), selectAppearanceStyle);
 
 var SelectControl = function (props) {
-    var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, before = _a.before, after = _a.after;
-    return (jsxs(React.Fragment, { children: [before, jsx(components.Control, __assign({}, props, { className: clsx('select__control', inputFill, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
+    var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, inputShapeStrength = _a.inputShapeStrength, before = _a.before, after = _a.after;
+    return (jsxs(React.Fragment, { children: [before, jsx(components.Control, __assign({}, props, { className: clsx('select__control', inputFill && "fill_".concat(inputFill), inputShape && "shape_".concat(inputShape), inputShape && "shape_".concat(inputShape), inputShapeStrength && "shape-strength_".concat(inputShapeStrength), inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&
                     "border-color_hover_".concat(inputBorderColorHover)) })), after] }));
 };
 
@@ -87,8 +377,8 @@ var SelectDropdownIndicator = function (props) {
 };
 
 var SelectGroupHeading = function (props) {
-    var _a = props.selectProps, headingFill = _a.headingFill, headingFillHover = _a.headingFillHover, headingTextColor = _a.headingTextColor, headingTextSize = _a.headingTextSize, headingTextWeight = _a.headingTextWeight;
-    return (jsx(components.GroupHeading, __assign({}, props, { className: clsx('select__menu-group-heading', headingFill, headingFillHover), children: jsx(Text, { size: headingTextSize, textColor: headingTextColor, textWeight: headingTextWeight, children: props.data.label }) })));
+    var _a = props.selectProps, groupFill = _a.groupFill, groupTextColor = _a.groupTextColor, groupTextSize = _a.groupTextSize, groupTextWeight = _a.groupTextWeight;
+    return (jsx(components.GroupHeading, __assign({}, props, { className: clsx('select__menu-group-heading', groupFill && "fill_".concat(groupFill)), children: jsx(Text, { size: groupTextSize, textColor: groupTextColor, textWeight: groupTextWeight, children: props.data.label }) })));
 };
 
 var SelectIndicatorsContainer = function (props) {
@@ -107,21 +397,18 @@ var SelectInput = function (props) {
 };
 
 var SelectLoadingIndicator = function (props) {
-    var loadingIndicator = props.selectProps.loadingIndicator;
-    // Original indicator
-    // <components.LoadingIndicator {...props}>
-    // </components.LoadingIndicator>
-    return loadingIndicator;
+    var _a = props.selectProps, loaderAppearance = _a.loaderAppearance, isLoading = _a.isLoading;
+    return isLoading && jsx(Loader, { appearance: loaderAppearance });
 };
 
 var SelectMenu = function (props) {
-    var _a = props.selectProps, elevation = _a.elevation, menuAfter = _a.menuAfter, menuBefore = _a.menuBefore;
-    return (jsxs(components.Menu, __assign({}, props, { className: clsx(elevation && "elevation_".concat(elevation)), children: [menuBefore, props.selectProps.fetchingData ? (jsx("span", { className: "fetching", children: "Fetching data..." })) : (jsx(React.Fragment, { children: props.children })), menuAfter] })));
+    var _a = props.selectProps, elevation = _a.elevation, menuAfter = _a.menuAfter, menuBefore = _a.menuBefore, menuFill = _a.menuFill, menuShape = _a.menuShape, menuShapeStrength = _a.menuShapeStrength;
+    return (jsxs(components.Menu, __assign({}, props, { className: clsx(menuFill && "fill_".concat(menuFill), menuShape && "shape_".concat(menuShape), menuShapeStrength && "shape-strength_".concat(menuShapeStrength), elevation && "elevation_".concat(elevation)), children: [menuBefore, props.selectProps.fetchingData ? (jsx("span", { className: "fetching", children: "Fetching data..." })) : (jsx(React.Fragment, { children: props.children })), menuAfter] })));
 };
 
 var SelectMultiValueContainer = function (props) {
     var _a = props.selectProps, multipleItemFill = _a.multipleItemFill, multipleItemFillHover = _a.multipleItemFillHover;
-    return (jsx(components.MultiValueContainer, __assign({}, props, { children: jsx(Group, { className: "select__multi-value-wrapper", direction: "horizontal", alignItems: "center", fill: multipleItemFill, fillHover: multipleItemFillHover, gap: "4", children: props.children }) })));
+    return (jsx(components.MultiValueContainer, __assign({}, props, { children: jsx(Group, { className: clsx('select__multi-value-item'), direction: "horizontal", alignItems: "center", fill: multipleItemFill, fillHover: multipleItemFillHover, gap: "0.5m", children: props.children }) })));
 };
 
 var SelectMultiValueLabel = function (props) {
@@ -135,16 +422,30 @@ var SelectMultiValueRemove = function (props) {
 };
 
 var SelectNoOptions = function (props) {
-    var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill;
-    return (jsx(components.NoOptionsMessage, __assign({}, props, { className: clsx(optionFill, optionBorder, optionBorderType), children: jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
-                ? noOptionsSearchText
-                : noOptionsText }) })));
+    var _a = props.selectProps, inputValue = _a.inputValue, noOptionsSearchText = _a.noOptionsSearchText, noOptionsText = _a.noOptionsText, noOptionsTextColor = _a.noOptionsTextColor, noOptionsTextSize = _a.noOptionsTextSize, optionFill = _a.optionFill;
+    return (jsx(components.NoOptionsMessage, __assign({}, props, { className: clsx(optionFill && "fill_".concat(optionFill)), children: jsx(Group, { textAlign: "center", children: jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
+                    ? noOptionsSearchText
+                    : noOptionsText }) }) })));
 };
 
 var SelectOption = function (props) {
     var label = props.label, isSelected = props.isSelected;
-    var _a = props.selectProps, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillHover = _a.optionFillHover, optionSelected = _a.optionSelected, optionShape = _a.optionShape, optionTextColor = _a.optionTextColor, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
-    return (jsxs(components.Option, __assign({}, props, { className: clsx('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionFill, optionBorder, optionBorderType, optionFillHover, optionShape), children: [optionBefore, jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, children: label }), isSelected && (jsx("div", { className: "select__menu-list-item_selected", children: optionSelected })), optionAfter, showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
+    var _a = props.selectProps, optionFillActiveDisabled = _a.optionFillActiveDisabled, optionFillDisabled = _a.optionFillDisabled, optionTextColorDisabled = _a.optionTextColorDisabled, dividerDirection = _a.dividerDirection, dividerFill = _a.dividerFill, dividerSize = _a.dividerSize, menuItemSize = _a.menuItemSize, optionAfter = _a.optionAfter, optionBefore = _a.optionBefore, optionBorder = _a.optionBorder, optionBorderType = _a.optionBorderType, optionFill = _a.optionFill, optionFillActive = _a.optionFillActive, optionFillActiveHover = _a.optionFillActiveHover, optionFillHover = _a.optionFillHover, optionSelectedIcon = _a.optionSelectedIcon, optionSelectedIconFillIcon = _a.optionSelectedIconFillIcon, optionSelectedIconSize = _a.optionSelectedIconSize, optionSelectedIconSrc = _a.optionSelectedIconSrc, optionShape = _a.optionShape, optionShapeStrength = _a.optionShapeStrength, optionTextColor = _a.optionTextColor, optionTextColorActive = _a.optionTextColorActive, optionTextSize = _a.optionTextSize, showDivider = _a.showDivider;
+    return (jsxs(components.Option, __assign({}, props, { className: clsx('select__menu-list-item', isSelected || props.isSelected
+            ? !props.isDisabled
+                ? optionFillActive && "fill_active_".concat(optionFillActive)
+                : optionFillActiveDisabled &&
+                    "fill_active_disabled_".concat(optionFillActiveDisabled)
+            : !props.isDisabled
+                ? optionFill && "fill_".concat(optionFill)
+                : optionFillDisabled && "fill_".concat(optionFillDisabled), (isSelected || props.isSelected) &&
+            !props.isDisabled &&
+            optionFillActiveHover &&
+            "fill_active_hover_".concat(optionFillActiveHover), !isSelected &&
+            !props.isSelected &&
+            !props.isDisabled &&
+            optionFillHover &&
+            "fill_hover_".concat(optionFillHover), isSelected && 'select__menu-list-item_state_selected', menuItemSize && "select__menu-list-item_size_".concat(menuItemSize), optionBorder && "border-color_".concat(optionBorder), optionBorderType && "border_type_".concat(optionBorderType), optionShape && "shape_".concat(optionShape), optionShapeStrength && "shape-strength_".concat(optionShapeStrength)), children: [optionBefore, jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isDisabled: props.isDisabled, isActive: props.isSelected || isSelected, children: label }), (isSelected || props.isSelected) && (jsx("div", { className: "select__menu-list-item_selected", children: jsx(Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] })));
 };
 
 var SelectPlaceholder = function (props) {
@@ -170,11 +471,9 @@ var selectConfig = {
     },
 };
 var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
-    var className = props.className, _a = props.appearance, appearance = _a === void 0 ? '' : _a, width = props.width, minWidth = props.minWidth, initialValue = props.initialValue, isDisabled = props.isDisabled, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, clearIcon = props.clearIcon, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, dividerSize = props.dividerSize, dropdownIcon = props.dropdownIcon, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loadingMessage = props.loadingMessage, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, before = props.before, after = props.after, openMenuOnClick = props.openMenuOnClick, closeMenuOnSelect = props.closeMenuOnSelect, isClearable = props.isClearable, isCreatable = props.isCreatable, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, set = props.set, onChange = props.onChange, onInputChange = props.onInputChange;
+    var className = props.className, _a = props.appearance, appearance = _a === void 0 ? '' : _a, width = props.width, minWidth = props.minWidth, initialValue = props.initialValue, isDisabled = props.isDisabled, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loaderAppearance = props.loaderAppearance, loadingMessageText = props.loadingMessageText, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, placeholder = props.placeholder, set = props.set, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, before = props.before, after = props.after, openMenuOnClick = props.openMenuOnClick, closeMenuOnSelect = props.closeMenuOnSelect, isClearable = props.isClearable, isCreatable = props.isCreatable, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, onChange = props.onChange, onInputChange = props.onInputChange;
     var defaultRef = useRef(null);
     var selectRef = ref || defaultRef;
-    // React-select wait function as "loadingMessage" property
-    var getLoadingMessage = useCallback(function () { return loadingMessage; }, [loadingMessage]);
     var SelectComponent = isCreatable
         ? CreatableSelect
         : Select;
@@ -222,8 +521,8 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     }, [minWidth, width]);
     var appearanceConfig = useAppearanceConfig(appearance, selectConfig);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, badgeTextSize = propsGenerator.badgeTextSize, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, headingFillClass = propsGenerator.headingFillClass, headingFillHoverClass = propsGenerator.headingFillHoverClass, headingTextColorClass = propsGenerator.headingTextColorClass, headingTextSizeClass = propsGenerator.headingTextSizeClass, headingTextWeightClass = propsGenerator.headingTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionShapeClass = propsGenerator.optionShapeClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "select_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set), widthClass && "select_width_".concat(widthClass)), elevation: elevation, isDisabled: isDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, elevation = propsGenerator.elevation, optionFillActiveDisabledClass = propsGenerator.optionFillActiveDisabledClass, optionFillDisabledClass = propsGenerator.optionFillDisabledClass, optionTextColorDisabled = propsGenerator.optionTextColorDisabled, badgeTextSize = propsGenerator.badgeTextSize, clearIcon = propsGenerator.clearIcon, clearIconFill = propsGenerator.clearIconFill, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, dropdownFillHover = propsGenerator.dropdownFillHover, dropdownIcon = propsGenerator.dropdownIcon, dropdownIconFill = propsGenerator.dropdownIconFill, dropdownIconShape = propsGenerator.dropdownIconShape, groupFillClass = propsGenerator.groupFillClass, groupTextColorClass = propsGenerator.groupTextColorClass, groupTextSizeClass = propsGenerator.groupTextSizeClass, groupTextWeightClass = propsGenerator.groupTextWeightClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, inputBorderColorHoverClass = propsGenerator.inputBorderColorHoverClass, inputCaretColorClass = propsGenerator.inputCaretColorClass, inputFillClass = propsGenerator.inputFillClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, loadingMessageTextColor = propsGenerator.loadingMessageTextColor, loadingMessageTextSize = propsGenerator.loadingMessageTextSize, menuFillClass = propsGenerator.menuFillClass, multipleItemFill = propsGenerator.multipleItemFill, multipleItemFillHover = propsGenerator.multipleItemFillHover, multipleItemIcon = propsGenerator.multipleItemIcon, multipleItemIconFill = propsGenerator.multipleItemIconFill, multipleItemTextColorClass = propsGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = propsGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = propsGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = propsGenerator.noOptionsTextSizeClass, optionBorderClass = propsGenerator.optionBorderClass, optionBorderTypeClass = propsGenerator.optionBorderTypeClass, optionFillActiveClass = propsGenerator.optionFillActiveClass, optionFillActiveHoverClass = propsGenerator.optionFillActiveHoverClass, optionFillClass = propsGenerator.optionFillClass, optionFillHoverClass = propsGenerator.optionFillHoverClass, optionSelectedIcon = propsGenerator.optionSelectedIcon, optionSelectedIconFillIcon = propsGenerator.optionSelectedIconFillIcon, optionSelectedIconSize = propsGenerator.optionSelectedIconSize, optionSelectedIconSrc = propsGenerator.optionSelectedIconSrc, optionTextColorActiveClass = propsGenerator.optionTextColorActiveClass, optionTextColorClass = propsGenerator.optionTextColorClass, optionTextSizeClass = propsGenerator.optionTextSizeClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsx(SelectComponent, { className: clsx(className, 'select', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), sizeClass && "select_size_".concat(sizeClass), hideValueContainer && 'select_state_hide-value-container', set && "select_set_".concat(set), widthClass && "select_width_".concat(widthClass)), ref: selectRef, elevation: elevation, isDisabled: isDisabled, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillDisabled: optionFillDisabledClass, optionTextColorDisabled: optionTextColorDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -232,6 +531,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             IndicatorsContainer: SelectIndicatorsContainer,
             Input: SelectInput,
             LoadingIndicator: SelectLoadingIndicator,
+            LoadingMessage: SelectLoadingMessage,
             Menu: SelectMenu,
             MultiValueContainer: SelectMultiValueContainer,
             MultiValueLabel: SelectMultiValueLabel,
@@ -241,15 +541,7 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, 
-        // headingFill={headingFillClass as FillProps}
-        headingFill: headingFillClass && "fill_".concat(headingFillClass), headingFillHover: headingFillHoverClass && "fill_hover_".concat(headingFillHoverClass), headingTextColor: headingTextColorClass, headingTextSize: headingTextSizeClass, headingTextWeight: headingTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputBorderColor: inputBorderColorClass, inputBorderColorHover: inputBorderColorHoverClass, inputCaretColor: inputCaretColorClass, inputFill: inputFillClass && "select__control_fill_".concat(inputFillClass), inputShape: inputShapeClass && "select__control_shape_".concat(inputShapeClass), inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, 
-        // @ts-expect-error
-        loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), noOptionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), noOptionsFill: optionFillClass && "fill_".concat(optionFillClass), noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText || appearanceConfig.noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, 
-        // optionBorder={optionBorderClass as BorderColorProps}
-        optionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), 
-        // optionBorderType={optionBorderTypeClass as BorderTypeProps}
-        optionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), optionFill: optionFillClass && "fill_".concat(optionFillClass), optionFillHover: optionFillHoverClass && "fill_hover_".concat(optionFillHoverClass), options: options, optionSelected: optionSelected, optionShape: optionShapeClass, optionTextColor: optionTextColorClass, optionTextSize: optionTextSizeClass, placeholder: placeholder || appearanceConfig.placeholder, placeholderTextColor: placeholderTextColor || appearanceConfig.placeholderTextColor, placeholderTextSize: placeholderTextSize || appearanceConfig.placeholderTextSize, ref: selectRef, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, isClearable: isClearable, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputBorderColor: inputBorderColorClass, inputBorderColorHover: inputBorderColorHoverClass, inputCaretColor: inputCaretColorClass, inputFill: inputFillClass, inputShape: shapeClass, inputShapeStrength: shapeStrengthClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, menuShapeStrength: shapeStrengthClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), noOptionBorderType: optionBorderTypeClass && "border_type_".concat(optionBorderTypeClass), noOptionsFill: optionFillClass && "fill_".concat(optionFillClass), noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, set: set, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, isClearable: isClearable, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, onChange: onChange, onInputChange: onInputChange }));
 });
 
 export { SelectContainer as Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig };

package/dist/components/Swiper.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title } from '../Icon_es_BpZIoe9M.js';
+import { b as Title } from '../Icon_es_MOmiy9nF.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,7 +23,7 @@ import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BvmOR4nv.js';
+import '../Text_es_DIU5ySvf.js';
 
 function Swiper(props) {
     var id = props.id, className = props.className, direction = props.direction, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, _a = props.activeSlideIndex, activeSlideIndex = _a === void 0 ? 0 : _a, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957

package/dist/components/Switch.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { T as Text } from '../Text_es_BvmOR4nv.js';
+import { T as Text } from '../Text_es_DIU5ySvf.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Tab.js

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_BpZIoe9M.js';
+import { B as Badge, I as Icon } from '../Icon_es_MOmiy9nF.js';
 import { D as Divider } from '../Divider_es_CiRU0sTz.js';
 import { L as Link } from '../Link_es_BnUIX0QT.js';
-import { T as Text } from '../Text_es_BvmOR4nv.js';
+import { T as Text } from '../Text_es_DIU5ySvf.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -211,7 +211,7 @@ function Tab(props) {
             ? borderColorHoverClass &&
                 "border-color_hover_".concat(borderColorHoverClass)
             : borderColorActiveHoverClass &&
-                "border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'), dataTour: dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxs(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [label && (jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textColorHoverActive: labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isDisabled: isDisabled, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tab__icon_after'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), jsx(Divider, { width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isDisabled: isDisabled, isActive: isActive })] })), after] }) }));
+                "border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'), dataTour: dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxs(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [label && (jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textColorHoverActive: labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isDisabled: isDisabled, isActive: isActive, children: label })), Boolean(badgeValue) && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tab__icon_after'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), jsx(Divider, { width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isDisabled: isDisabled, isActive: isActive })] })), after] }) }));
 }
 
 function TabGroup(props) {

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_BvmOR4nv.js';
+export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_DIU5ySvf.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Tile.js

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_BpZIoe9M.js';
-import { T as Text } from '../Text_es_BvmOR4nv.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_MOmiy9nF.js';
+import { T as Text } from '../Text_es_DIU5ySvf.js';
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BpZIoe9M.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_MOmiy9nF.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BvmOR4nv.js';
+import '../Text_es_DIU5ySvf.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BpZIoe9M.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_MOmiy9nF.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Link_es_BnUIX0QT.js';
-import '../Text_es_BvmOR4nv.js';
+import '../Text_es_DIU5ySvf.js';

package/dist/components/Warning.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_BpZIoe9M.js';
-import { T as Text } from '../Text_es_BvmOR4nv.js';
+import { I as Icon } from '../Icon_es_MOmiy9nF.js';
+import { T as Text } from '../Text_es_DIU5ySvf.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';