@itcase/ui 1.9.34 → 1.9.36

package/dist/{SelectContainer_cjs_DzjEQKXj.js → SelectContainer_cjs_B2fgWgCE.js}

@@ -444,14 +444,14 @@ const SelectOverflowBadge = (props) => {
 
 const SelectMultiValue = (props) => {
     const { index, getValue, ...restProps } = props;
-    const maxToShow = restProps.selectProps.maxToShow || 3;
+    const multiValueMaxCount = restProps.selectProps.multiValueMaxCount || 100;
     const overflowItemsList = getValue()
-        .slice(maxToShow)
+        .slice(multiValueMaxCount)
         .map((x) => x.label);
-    if (index < maxToShow) {
+    if (index < multiValueMaxCount) {
         return jsxRuntime.jsx(Select.components.MultiValue, { ...restProps });
     }
-    if (index === maxToShow) {
+    if (index === multiValueMaxCount) {
         return (jsxRuntime.jsx(SelectOverflowBadge, { badgeAppearance: restProps.selectProps.badgeAppearance, badgeAppearanceSize: restProps.selectProps.badgeAppearanceSize, overflowItemsList: overflowItemsList }));
     }
     return null;
@@ -522,7 +522,7 @@ const selectConfig = {
     },
 };
 const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
-    const { appearance = '', className, dataTestId, dataTour, width, minWidth, maxToShow, initialValue, badgeSize, defaultValue, dividerDirection, filterOption, hideSelectedOptions, hideValueContainer, inputAfter, inputBefore, instanceId, loadingMessageText, menuAfter, menuBefore, menuIsOpen, menuItemSize, noOptionsSearchText, noOptionsText, optionAfter, optionBefore, options, placeholder, showBadge, showDivider, value, before, after, openMenuOnClick, closeMenuOnSelect, isDisabled, isClearable, isCreatable, isLoading, isMulti, isSearchable, set, onChange, onInputChange, } = props;
+    const { appearance = '', className, dataTestId, dataTour, width, minWidth, initialValue, badgeSize, defaultValue, dividerDirection, filterOption, hideSelectedOptions, hideValueContainer, inputAfter, inputBefore, instanceId, loadingMessageText, menuAfter, menuBefore, menuIsOpen, menuItemSize, multiValueMaxCount, noOptionsSearchText, noOptionsText, optionAfter, optionBefore, options, placeholder, showBadge, showDivider, value, before, after, openMenuOnClick, closeMenuOnSelect, isDisabled, isClearable, isCreatable, isLoading, isMulti, isSearchable, set, onChange, onInputChange, } = props;
     const defaultRef = React.useRef(null);
     const selectRef = ref || defaultRef;
     const SelectComponent = isCreatable
@@ -570,7 +570,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, selectConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (jsxRuntime.jsx(SelectComponent, { className: clsx(className, 'select', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`), ref: selectRef, maxToShow: maxToShow, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    return (jsxRuntime.jsx(SelectComponent, { className: clsx(className, 'select', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: () => null,
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -590,7 +590,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, "data-testid": dataTestId, "data-tour": dataTour, 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 ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, 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, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, "data-testid": dataTestId, "data-tour": dataTour, 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 ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, 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, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 
 exports.SelectClearIndicator = SelectClearIndicator;

package/dist/{SelectContainer_es_BlhjV0hm.js → SelectContainer_es_B5trQDlc.js}

@@ -442,14 +442,14 @@ const SelectOverflowBadge = (props) => {
 
 const SelectMultiValue = (props) => {
     const { index, getValue, ...restProps } = props;
-    const maxToShow = restProps.selectProps.maxToShow || 3;
+    const multiValueMaxCount = restProps.selectProps.multiValueMaxCount || 100;
     const overflowItemsList = getValue()
-        .slice(maxToShow)
+        .slice(multiValueMaxCount)
         .map((x) => x.label);
-    if (index < maxToShow) {
+    if (index < multiValueMaxCount) {
         return jsx(components.MultiValue, { ...restProps });
     }
-    if (index === maxToShow) {
+    if (index === multiValueMaxCount) {
         return (jsx(SelectOverflowBadge, { badgeAppearance: restProps.selectProps.badgeAppearance, badgeAppearanceSize: restProps.selectProps.badgeAppearanceSize, overflowItemsList: overflowItemsList }));
     }
     return null;
@@ -520,7 +520,7 @@ const selectConfig = {
     },
 };
 const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
-    const { appearance = '', className, dataTestId, dataTour, width, minWidth, maxToShow, initialValue, badgeSize, defaultValue, dividerDirection, filterOption, hideSelectedOptions, hideValueContainer, inputAfter, inputBefore, instanceId, loadingMessageText, menuAfter, menuBefore, menuIsOpen, menuItemSize, noOptionsSearchText, noOptionsText, optionAfter, optionBefore, options, placeholder, showBadge, showDivider, value, before, after, openMenuOnClick, closeMenuOnSelect, isDisabled, isClearable, isCreatable, isLoading, isMulti, isSearchable, set, onChange, onInputChange, } = props;
+    const { appearance = '', className, dataTestId, dataTour, width, minWidth, initialValue, badgeSize, defaultValue, dividerDirection, filterOption, hideSelectedOptions, hideValueContainer, inputAfter, inputBefore, instanceId, loadingMessageText, menuAfter, menuBefore, menuIsOpen, menuItemSize, multiValueMaxCount, noOptionsSearchText, noOptionsText, optionAfter, optionBefore, options, placeholder, showBadge, showDivider, value, before, after, openMenuOnClick, closeMenuOnSelect, isDisabled, isClearable, isCreatable, isLoading, isMulti, isSearchable, set, onChange, onInputChange, } = props;
     const defaultRef = useRef(null);
     const selectRef = ref || defaultRef;
     const SelectComponent = isCreatable
@@ -568,7 +568,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     const appearanceConfig = useAppearanceConfig(appearance, selectConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (jsx(SelectComponent, { className: clsx(className, 'select', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`), ref: selectRef, maxToShow: maxToShow, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+    return (jsx(SelectComponent, { className: clsx(className, 'select', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: () => null,
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
@@ -588,7 +588,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, "data-testid": dataTestId, "data-tour": dataTour, 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 ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, 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, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, "data-testid": dataTestId, "data-tour": dataTour, 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 ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, 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, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionShapeStrength: shapeStrengthClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 
 export { SelectClearIndicator as S, SelectContainer as a, SelectControl as b, SelectDropdownIndicator as c, SelectGroupHeading as d, SelectIndicatorsContainer as e, SelectInput as f, SelectMenu as g, SelectMultiValueContainer as h, SelectMultiValueLabel as i, SelectMultiValueRemove as j, SelectOption as k, SelectPlaceholder as l, SelectSingleValue as m, SelectValueContainer as n, selectConfig as s };

package/dist/cjs/components/DatePeriod.js

@@ -11,7 +11,7 @@ var ChipsGroup = require('../../ChipsGroup_cjs_C-oThNwF.js');
 var DatePicker = require('../../DatePicker_cjs_CHxK5Rw8.js');
 require('react-select');
 require('../../Icon_cjs_CQxDPPGY.js');
-var SelectContainer = require('../../SelectContainer_cjs_DzjEQKXj.js');
+var SelectContainer = require('../../SelectContainer_cjs_B2fgWgCE.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/cjs/components/Select.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SelectContainer = require('../../SelectContainer_cjs_DzjEQKXj.js');
+var SelectContainer = require('../../SelectContainer_cjs_B2fgWgCE.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/components/DatePeriod.js

@@ -9,7 +9,7 @@ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_BOaDqAo8.js';
 import { D as DatePickerInput } from '../DatePicker_es_DHGzUpHd.js';
 import 'react-select';
 import '../Icon_es_Banbw98_.js';
-import { a as SelectContainer } from '../SelectContainer_es_BlhjV0hm.js';
+import { a as SelectContainer } from '../SelectContainer_es_B5trQDlc.js';
 import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_BlhjV0hm.js';
+export { a as Select, S as SelectClearIndicator, b as SelectControl, c as SelectDropdownIndicator, d as SelectGroupHeading, e as SelectIndicatorsContainer, f as SelectInput, g as SelectMenu, h as SelectMultiValueContainer, i as SelectMultiValueLabel, j as SelectMultiValueRemove, k as SelectOption, l as SelectPlaceholder, m as SelectSingleValue, n as SelectValueContainer, s as selectConfig } from '../SelectContainer_es_B5trQDlc.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/css/styles/bundles.css

@@ -46039,42 +46039,56 @@ div.avatar-stack {
       &_xxs {
         min-width: var(--badge-size-xxs-min-width);
         min-height: var(--badge-size-xxs-min-height);
+        max-width: var(--badge-size-xxs-max-width);
+        max-height: var(--badge-size-xxs-max-height);
         gap: var(--badge-size-xxs-gap);
         padding: var(--badge-size-xxs-padding);
       }
       &_xs {
         min-width: var(--badge-size-xs-min-width);
         min-height: var(--badge-size-xs-min-height);
+        max-width: var(--badge-size-xs-max-width);
+        max-height: var(--badge-size-xs-max-height);
         gap: var(--badge-size-xs-gap);
         padding: var(--badge-size-xs-padding);
       }
       &_s {
         min-width: var(--badge-size-s-min-width);
         min-height: var(--badge-size-s-min-height);
+        max-width: var(--badge-size-s-max-width);
+        max-height: var(--badge-size-s-max-height);
         gap: var(--badge-size-s-gap);
         padding: var(--badge-size-s-padding);
       }
       &_m {
         min-width: var(--badge-size-m-min-width);
         min-height: var(--badge-size-m-min-height);
+        max-width: var(--badge-size-m-max-width);
+        max-height: var(--badge-size-m-max-height);
         gap: var(--badge-size-m-gap);
         padding: var(--badge-size-m-padding);
       }
       &_l {
         min-width: var(--badge-size-l-min-width);
         min-height: var(--badge-size-l-min-height);
+        max-width: var(--badge-size-l-max-width);
+        max-height: var(--badge-size-l-max-height);
         gap: var(--badge-size-l-gap);
         padding: var(--badge-size-l-padding);
       }
       &_xl {
         min-width: var(--badge-size-xl-min-width);
         min-height: var(--badge-size-xl-min-height);
+        max-width: var(--badge-size-xl-max-width);
+        max-height: var(--badge-size-xl-max-height);
         gap: var(--badge-size-xl-gap);
         padding: var(--badge-size-xl-padding);
       }
       &_xxl {
         min-width: var(--badge-size-xxl-min-width);
         min-height: var(--badge-size-xxl-min-height);
+        max-width: var(--badge-size-xxl-max-width);
+        max-height: var(--badge-size-xxl-max-height);
         gap: var(--badge-size-xxl-gap);
         padding: var(--badge-size-xxl-padding);
       }
@@ -47190,6 +47204,8 @@ div.avatar-stack {
   --badge-size-xxl-padding: 1m 1.5m;
   --badge-size-xxl-min-width: 40px;
   --badge-size-xxl-min-height: 40px;
+  --badge-size-xxl-max-width: 40px;
+  --badge-size-xxl-max-height: 40px;
   --badge-size-xxl-gap: 5px;
   --badge-type-icon-size-xxl-max-width: 40px;
   --badge-type-icon-size-xxl-max-height: 40px;
@@ -47197,6 +47213,8 @@ div.avatar-stack {
   --badge-size-xl-padding: 0.5m 1.25m;
   --badge-size-xl-min-width: 32px;
   --badge-size-xl-min-height: 32px;
+  --badge-size-xl-max-width: 32px;
+  --badge-size-xl-max-height: 32px;
   --badge-size-xl-gap: 6px;
   --badge-type-icon-size-xl-max-width: 32px;
   --badge-type-icon-size-xl-max-height: 32px;
@@ -47204,6 +47222,8 @@ div.avatar-stack {
   --badge-size-l-padding: 0.5m 1m;
   --badge-size-l-min-width: 28px;
   --badge-size-l-min-height: 28px;
+  --badge-size-l-max-width: 28px;
+  --badge-size-l-max-height: 28px;
   --badge-size-l-gap: 4px;
   --badge-type-icon-size-l-max-width: 28px;
   --badge-type-icon-size-l-max-height: 28px;
@@ -47211,6 +47231,8 @@ div.avatar-stack {
   --badge-size-m-padding: 0 0.75m;
   --badge-size-m-min-width: 24px;
   --badge-size-m-min-height: 24px;
+  --badge-size-m-max-width: 24px;
+  --badge-size-m-max-height: 24px;
   --badge-size-m-gap: 2px;
   --badge-type-icon-size-m-max-width: 24px;
   --badge-type-icon-size-m-max-height: 24px;
@@ -47218,6 +47240,8 @@ div.avatar-stack {
   --badge-size-s-padding: 0 0.5m;
   --badge-size-s-min-width: 20px;
   --badge-size-s-min-height: 20px;
+  --badge-size-s-max-width: 20px;
+  --badge-size-s-max-height: 20px;
   --badge-size-s-gap: 0px;
   --badge-type-icon-size-s-max-width: 20px;
   --badge-type-icon-size-s-max-height: 20px;
@@ -47225,6 +47249,8 @@ div.avatar-stack {
   --badge-size-xs-padding: 0;
   --badge-size-xs-min-width: 16px;
   --badge-size-xs-min-height: 16px;
+  --badge-size-xs-max-width: 16px;
+  --badge-size-xs-max-height: 16px;
   --badge-size-xs-gap: 2px;
   --badge-type-icon-size-xs-max-width: 16px;
   --badge-type-icon-size-xs-max-height: 16px;
@@ -47232,6 +47258,8 @@ div.avatar-stack {
   --badge-size-xxs-padding: 0 0.5m;
   --badge-size-xxs-min-width: 16px;
   --badge-size-xxs-min-height: 16px;
+  --badge-size-xxs-max-width: 16px;
+  --badge-size-xxs-max-height: 16px;
   --badge-size-xxs-gap: 0px;
   --badge-type-icon-size-xxs-max-width: 16px;
   --badge-type-icon-size-xxs-max-height: 16px;
@@ -99231,6 +99259,12 @@ div.label {
       display: flex;
     }
   }
+  &-badge {
+    & .badge__value {
+      position: relative;
+      left: -2px;
+    }
+  }
 }
 .select {
   &__option {

package/dist/types/components/Select/Select.interface.d.ts

@@ -71,7 +71,6 @@ interface SelectPropsCustom<Option> {
     inputCaretColor?: string | null;
     inputValue?: string;
     loadingIndicator?: React.ReactNode;
-    maxToShow?: number;
     menuAfter?: React.ReactNode;
     menuBefore?: React.ReactNode;
     menuIsOpen?: boolean;
@@ -82,6 +81,7 @@ interface SelectPropsCustom<Option> {
     multipleItemIconFill?: ItemColorProps;
     multipleItemTextColor?: TextColorProps;
     multipleItemTextSize?: TextSizeProps;
+    multiValueMaxCount?: number;
     noOptionsSearchText?: React.ReactNode;
     optionAfter?: React.ReactNode;
     optionBefore?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.34",
+  "version": "1.9.36",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",