@itcase/ui 1.3.31 → 1.3.33

package/dist/cjs/components/ScrollToView.js

@@ -3,26 +3,26 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var reactScroll = require('react-scroll');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('../hooks/useStyles.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('../hooks/useStyles/useStyles.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
+require('lodash/upperFirst');
 require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
+require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
+require('../hooks/useStyles/styleAttributes.js');
 
 var ScrollToView = reactScroll.ScrollLink(function ScrollToView(props) {
-    var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a;
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, alignItemsClass = classGenerator.alignItemsClass, alignSelfClass = classGenerator.alignSelfClass, directionClass = classGenerator.directionClass, heightClass = classGenerator.heightClass, justifyContentClass = classGenerator.justifyContentClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, widthClass = classGenerator.widthClass;
+    var id = props.id, className = props.className, children = props.children, _a = props.tag, Tag = _a === void 0 ? 'div' : _a;
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, alignSelfClass = propsGenerator.alignSelfClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, heightClass = propsGenerator.heightClass, widthClass = propsGenerator.widthClass;
     var scrollToViewStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'scroll-to-view', alignItemsClass && "align-items_".concat(alignItemsClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), textColorClass && "scroll-to-view_text-color_".concat(textColorClass), textColorActiveClass && "scroll-to-view_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "scroll-to-view_text-color_hover_".concat(textColorHoverClass), justifyContentClass && "justify-content_".concat(justifyContentClass), directionClass && "direction_".concat(directionClass), alignSelfClass && "align-self_".concat(alignSelfClass)), id: id, style: Object.assign({}, scrollToViewStyles, props.style), onClick: props.onClick, children: children }));
+    return (jsxRuntime.jsx(Tag, { id: id, className: clsx(className, 'scroll-to-view', alignItemsClass && "align-items_".concat(alignItemsClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), textColorClass && "scroll-to-view_text-color_".concat(textColorClass), textColorActiveClass && "scroll-to-view_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "scroll-to-view_text-color_hover_".concat(textColorHoverClass), justifyContentClass && "justify-content_".concat(justifyContentClass), directionClass && "direction_".concat(directionClass), alignSelfClass && "align-self_".concat(alignSelfClass)), style: Object.assign({}, scrollToViewStyles, props.style), onClick: props.onClick, children: children }));
 });
 
 exports.ScrollToView = ScrollToView;

package/dist/cjs/components/Search.js

@@ -3,25 +3,25 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-pUvizy3W.js');
-var Text = require('../../Text-Beslj4Ns.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('../hooks/useStyles/useStyles.js');
+var Icon = require('../../Icon-GVGrUu_Z.js');
+var Text = require('../../Text-C49zj3jO.js');
 var Scrollbar = require('../../Scrollbar-CKbA0jQU.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
+require('lodash/upperFirst');
 require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
+require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
+require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
-require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-BDEyAnd-.js');
-require('../../Title-BfKF5WvZ.js');
+require('../../Link-B38Hn4G2.js');
+require('../../Tooltip-DpBQQoNo.js');
+require('../../Title-BWWyRwLY.js');
 require('react-scrollbars-custom');
 
 var searchAppearance = {
@@ -41,7 +41,7 @@ var searchInputConfig = {
     },
 };
 var SearchInput = React.forwardRef(function SearchInput(props, ref) {
-    var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, _a = props.placeholderTextSize, placeholderTextSize = _a === void 0 ? 'm' : _a, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, _b = props.size, size = _b === void 0 ? 'normal' : _b, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var className = props.className, type = props.type, appearance = props.appearance, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, _a = props.placeholderTextSize, placeholderTextSize = _a === void 0 ? 'm' : _a, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, _b = props.size, size = _b === void 0 ? 'normal' : _b, value = props.value, before = props.before, after = props.after, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var onChangeSearchInput = React.useCallback(function (event) {
         onChange && onChange(event.target.value);
     }, [onChange]);
@@ -54,28 +54,25 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
     }, [onChange, onClickClean]);
     // @ts-expect-error
     var appearanceConfig = searchInputConfig.appearance && searchInputConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var borderColorClass = classGenerator.borderColorClass, borderHoverClass = classGenerator.borderHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, inputFillClass = classGenerator.inputFillClass, inputShapeClass = classGenerator.inputShapeClass, inputTextColorClass = classGenerator.inputTextColorClass, inputTextSizeClass = classGenerator.inputTextSizeClass, inputTextStyleClass = classGenerator.inputTextStyleClass, inputTextWeightClass = classGenerator.inputTextWeightClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass;
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderHoverClass = propsGenerator.borderHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, _c = propsGenerator.inputTextSizeClass, inputTextSizeClass = _c === void 0 ? 'm' : _c, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var searchInputStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderHoverClass && "border-color_hover_".concat(borderHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-before", iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSrc), size: iconBeforeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSize), SvgImage: iconBefore || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBefore) })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsxRuntime.jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
                             inputTextWeightClass ||
                             inputTextColorClass ||
                             inputTextStyleClass) &&
-                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), ref: ref, required: true, type: "text", value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextSize), textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Icon.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearFill), imageSrc: iconClearSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSrc), size: iconClearSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSize), SvgImage: iconClear || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClear), onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSrc), size: iconAfterSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSize), SvgImage: iconAfter || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfter) })), after] }));
+                            'text', inputTextSizeClass && "text_size_".concat(inputTextSizeClass), inputTextWeightClass && "text-weight_".concat(inputTextWeightClass), inputTextColorClass && "text-color_".concat(inputTextColorClass), inputTextStyleClass && "text-style_".concat(inputTextStyleClass)), type: "text", ref: ref, required: true, value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, size: placeholderTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextSize), children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Icon.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearFill), imageSrc: iconClearSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSrc), size: iconClearSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSize), SvgImage: iconClear || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClear), onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSrc), size: iconAfterSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSize), SvgImage: iconAfter || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfter) })), after] }));
 });
 // @ts-expect-error
 SearchInput.DEFAULT_REF_STATE = {
     input: null,
 };
-SearchInput.defaultProps = {
-    inputTextSize: 'm',
-};
 
 var SearchResult = React.forwardRef(function SearchResult(props, ref) {
     var children = props.children, after = props.after, before = props.before, className = props.className, scrollHeight = props.scrollHeight, type = props.type;
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
-    var fillClass = classGenerator.fillClass;
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    var fillClass = propsGenerator.fillClass;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'search-result', fillClass && "fill_".concat(fillClass), type && "search-result_type_".concat(type)), children: jsxRuntime.jsxs("div", { className: "search-result__wrapper", children: [before, React.Children.toArray(children).filter(Boolean).length && (jsxRuntime.jsx(Scrollbar.Scrollbar, { scrollHeight: scrollHeight ? "".concat(scrollHeight, "px") : '300px', children: children })), after] }) }));
 });
 

package/dist/cjs/components/Segmented.js

@@ -3,19 +3,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Text = require('../../Text-Beslj4Ns.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var Text = require('../../Text-C49zj3jO.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
+require('lodash/upperFirst');
 require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
+require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../hooks/useStyles.js');
+require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
+require('../hooks/useStyles/styleAttributes.js');
 
 var segmentedAppearance = {
     dev: {
@@ -59,8 +59,8 @@ var Segmented = React.forwardRef(function (props, ref) {
     }, [activeSegment, segmentsRefs]);
     // @ts-expect-error
     var appearanceConfig = segmentedConfig.appearance && segmentedConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, indicatorFillClass = classGenerator.indicatorFillClass, inputBorderColorClass = classGenerator.inputBorderColorClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass;
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    var borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, indicatorFillClass = propsGenerator.indicatorFillClass, inputBorderColorClass = propsGenerator.inputBorderColorClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'segmented', shapeClass && "segmented_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), size
             ? "segmented_size_".concat(size)
             : (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&

package/dist/cjs/components/Select.js

@@ -3,28 +3,28 @@
 var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('react-select');
-var Icon = require('../../Icon-pUvizy3W.js');
+var Icon = require('../../Icon-GVGrUu_Z.js');
 var React = require('react');
 var clsx = require('clsx');
 var CreatableSelect = require('react-select/creatable');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Text = require('../../Text-Beslj4Ns.js');
-var Badge = require('../../Badge-DhOJoJgc.js');
-var Group = require('../../Group-BY8OkVsS.js');
-var Divider = require('../../Divider-Goh6mpPK.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var Text = require('../../Text-C49zj3jO.js');
+var Badge = require('../../Badge-BX4N91_C.js');
+var Group = require('../../Group-Chtnas-J.js');
+var Divider = require('../../Divider-ImOOytuN.js');
 require('react-inlinesvg');
-require('../hooks/useStyles.js');
+require('../hooks/useStyles/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
+require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../hooks/styleAttributes.js');
-require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-BDEyAnd-.js');
-require('../../Title-BfKF5WvZ.js');
+require('../hooks/useStyles/styleAttributes.js');
+require('../../Link-B38Hn4G2.js');
+require('../../Tooltip-DpBQQoNo.js');
+require('../../Title-BWWyRwLY.js');
 require('lodash/castArray');
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -155,20 +155,25 @@ var selectConfig = {
     },
 };
 var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
-    var width = props.width, minWidth = props.minWidth, elevation = props.elevation, isClearable = props.isClearable, isCreatable = props.isCreatable, isDisabled = props.isDisabled, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, closeMenuOnSelect = props.closeMenuOnSelect, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dropdownFillHover = props.dropdownFillHover, dropdownIcon = props.dropdownIcon, dropdownIconFill = props.dropdownIconFill, dropdownIconShape = props.dropdownIconShape, filterOption = props.filterOption, hideSelectedOptions = props.hideSelectedOptions, hideValueContainer = props.hideValueContainer, initialValue = props.initialValue, inputAfter = props.inputAfter, inputBefore = props.inputBefore, instanceId = props.instanceId, loadingMessage = props.loadingMessage, menuAfter = props.menuAfter, menuBefore = props.menuBefore, menuIsOpen = props.menuIsOpen, menuItemSize = props.menuItemSize, multipleItemFill = props.multipleItemFill, multipleItemFillHover = props.multipleItemFillHover, multipleItemIcon = props.multipleItemIcon, multipleItemIconFill = props.multipleItemIconFill, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, openMenuOnClick = props.openMenuOnClick, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, set = props.set, showBadge = props.showBadge, showDivider = props.showDivider, value = props.value, onChange = props.onChange, onInputChange = props.onInputChange;
+    var className = props.className, appearance = props.appearance, width = props.width, minWidth = props.minWidth, initialValue = props.initialValue, elevation = props.elevation, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextSize = props.badgeTextSize, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, defaultValue = props.defaultValue, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dropdownFillHover = props.dropdownFillHover, dropdownIcon = props.dropdownIcon, dropdownIconFill = props.dropdownIconFill, dropdownIconShape = props.dropdownIconShape, 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, multipleItemFill = props.multipleItemFill, multipleItemFillHover = props.multipleItemFillHover, multipleItemIcon = props.multipleItemIcon, multipleItemIconFill = props.multipleItemIconFill, noOptionsSearchText = props.noOptionsSearchText, noOptionsText = props.noOptionsText, optionAfter = props.optionAfter, optionBefore = props.optionBefore, options = props.options, optionSelected = props.optionSelected, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, placeholderTextSize = props.placeholderTextSize, 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, isDisabled = props.isDisabled, isLoading = props.isLoading, isMulti = props.isMulti, isSearchable = props.isSearchable, set = props.set, onChange = props.onChange, onInputChange = props.onInputChange;
     var defaultRef = React.useRef(null);
     var selectRef = ref || defaultRef;
     // React-select wait function as "loadingMessage" property
     var getLoadingMessage = React.useCallback(function () { return loadingMessage; }, [loadingMessage]);
-    var SelectComponent = isCreatable ? CreatableSelect : Select;
+    var SelectComponent = isCreatable
+        ? CreatableSelect
+        : Select;
     React.useEffect(function () {
         // @ts-expect-error
         var onClickOutside = function (event) {
             var _a;
             var isTargetSelectContainer = 
             // maybe here ".contains()"?
-            event.target.hasClass && event.target.hasClass('select_state_hide-value-container');
-            if ('current' in selectRef && selectRef.current && selectRef.current.controlRef) {
+            event.target.hasClass &&
+                event.target.hasClass('select_state_hide-value-container');
+            if ('current' in selectRef &&
+                selectRef.current &&
+                selectRef.current.controlRef) {
                 var isTargetInsideController = selectRef.current.controlRef.contains(event.target);
                 if (!isTargetSelectContainer && !isTargetInsideController) {
                     // @ts-expect-error
@@ -200,25 +205,16 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             },
         });
     }, []);
-    // @ts-expect-error
     var appearanceConfig = (selectConfig.appearance && selectConfig.appearance[appearance]) || {};
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var borderColorClass = classGenerator.borderColorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, headingFillClass = classGenerator.headingFillClass, headingFillHoverClass = classGenerator.headingFillHoverClass, headingTextColorClass = classGenerator.headingTextColorClass, headingTextSizeClass = classGenerator.headingTextSizeClass, headingTextWeightClass = classGenerator.headingTextWeightClass, inputBorderColorClass = classGenerator.inputBorderColorClass, inputBorderColorHoverClass = classGenerator.inputBorderColorHoverClass, inputCaretColorClass = classGenerator.inputCaretColorClass, inputFillClass = classGenerator.inputFillClass, inputShapeClass = classGenerator.inputShapeClass, inputTextColorClass = classGenerator.inputTextColorClass, inputTextSizeClass = classGenerator.inputTextSizeClass, multipleItemTextColorClass = classGenerator.multipleItemTextColorClass, multipleItemTextSizeClass = classGenerator.multipleItemTextSizeClass, noOptionsTextColorClass = classGenerator.noOptionsTextColorClass, noOptionsTextSizeClass = classGenerator.noOptionsTextSizeClass, optionBorderClass = classGenerator.optionBorderClass, optionBorderTypeClass = classGenerator.optionBorderTypeClass, optionFillClass = classGenerator.optionFillClass, optionFillHoverClass = classGenerator.optionFillHoverClass, optionShapeClass = classGenerator.optionShapeClass, optionTextColorClass = classGenerator.optionTextColorClass, optionTextSizeClass = classGenerator.optionTextSizeClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass;
-    return (jsxRuntime.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)), ref: selectRef, after: after, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, before: before, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, closeMenuOnSelect: closeMenuOnSelect !== null && closeMenuOnSelect !== void 0 ? closeMenuOnSelect : false, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, elevation: elevation || appearanceConfig.elevation, filterOption: filterOption, 
-        // headingFill={headingFillClass as tFillProps}
-        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, openMenuOnClick: openMenuOnClick, optionAfter: optionAfter, optionBefore: optionBefore, 
-        // optionBorder={optionBorderClass as tBorderColorProps}
-        optionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), 
-        // optionBorderType={optionBorderTypeClass as tBorderTypeProps}
-        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, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, components: {
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, 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, 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, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    return (jsxRuntime.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)), elevation: elevation || appearanceConfig.elevation, isDisabled: isDisabled, badgeAppearance: badgeAppearance, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
+            IndicatorSeparator: function () { return null; },
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
             DropdownIndicator: SelectDropdownIndicator,
             GroupHeading: SelectGroupHeading,
             IndicatorsContainer: SelectIndicatorsContainer,
-            IndicatorSeparator: function () { return null; },
             Input: SelectInput,
             LoadingIndicator: SelectLoadingIndicator,
             Menu: SelectMenu,
@@ -230,12 +226,16 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, isClearable: isClearable, isDisabled: isDisabled, 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, 
+        // headingFill={headingFillClass as tFillProps}
+        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 tBorderColorProps}
+        optionBorder: optionBorderClass && "border-color_".concat(optionBorderClass), 
+        // optionBorderType={optionBorderTypeClass as tBorderTypeProps}
+        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 }));
 });
-SelectContainer.defaultProps = {
-    animationClose: 'select_animation_close',
-    animationOpen: 'select_animation_open',
-};
 
 exports.Select = SelectContainer;
 exports.SelectClearIndicator = SelectClearIndicator;

package/dist/cjs/components/Swiper.js

@@ -4,23 +4,23 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var react = require('swiper/react');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('../hooks/useStyles.js');
-var Title = require('../../Title-BfKF5WvZ.js');
+var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useStyles = require('../hooks/useStyles/useStyles.js');
+var Title = require('../../Title-BWWyRwLY.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
+require('lodash/upperFirst');
 require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
+require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
+require('../hooks/useStyles/styleAttributes.js');
 
 function Swiper(props) {
-    var id = props.id, children = props.children, direction = props.direction, isChangeOnClickSlide = props.isChangeOnClickSlide, isInit = props.isInit, _a = props.isNavigation, isNavigation = _a === void 0 ? false : _a, isScrollbar = props.isScrollbar, _b = props.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, className = props.className, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
-    freeMode = props.freeMode, items = props.items, keyboard = props.keyboard, loop = props.loop, modules = props.modules, mousewheel = props.mousewheel, nextButton = props.nextButton, normalizeSlideIndex = props.normalizeSlideIndex, pagination = props.pagination, prevButton = props.prevButton, preventClicks = props.preventClicks, preventClicksPropagation = props.preventClicksPropagation, set = props.set, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, simulateTouch = props.simulateTouch, slidesPerView = props.slidesPerView, spaceBetween = props.spaceBetween, speed = props.speed, swiperClass = props.swiperClass, swiperSlideClass = props.swiperSlideClass, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, onSlideNextTransitionEnd = props.onSlideNextTransitionEnd, onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd, onSwiper = props.onSwiper, onUpdate = props.onUpdate;
+    var id = props.id, className = props.className, direction = props.direction, children = props.children, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, _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
+    freeMode = props.freeMode, items = props.items, keyboard = props.keyboard, loop = props.loop, modules = props.modules, mousewheel = props.mousewheel, nextButton = props.nextButton, normalizeSlideIndex = props.normalizeSlideIndex, pagination = props.pagination, prevButton = props.prevButton, preventClicks = props.preventClicks, preventClicksPropagation = props.preventClicksPropagation, simulateTouch = props.simulateTouch, slidesPerView = props.slidesPerView, spaceBetween = props.spaceBetween, speed = props.speed, swiperClass = props.swiperClass, swiperSlideClass = props.swiperSlideClass, isChangeOnClickSlide = props.isChangeOnClickSlide, isInit = props.isInit, _b = props.isNavigation, isNavigation = _b === void 0 ? false : _b, isScrollbar = props.isScrollbar, set = props.set, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, onSlideNextTransitionEnd = props.onSlideNextTransitionEnd, onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd, onSwiper = props.onSwiper, onUpdate = props.onUpdate;
     var swiperRef = React.useRef(null);
     var _c = useSwiperRef(), nextEl = _c[0], nextRef = _c[1];
     var _d = useSwiperRef(), prevEl = _d[0], prevRef = _d[1];
@@ -55,16 +55,13 @@ function Swiper(props) {
         swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.updateActiveIndex(activeSlideIndex);
         swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.updateSlidesClasses();
     }, [activeSlideIndex]);
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, shapeClass = classGenerator.shapeClass;
+    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, shapeClass = propsGenerator.shapeClass;
     // @ts-expect-error
     var style = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && "fill_".concat(fillClass), shapeClass && "swiper_shape_".concat(shapeClass), className, set && "swiper-block_set_".concat(set)), id: id, style: style, children: [(title || (prevButton && nextButton)) && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Title.Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxRuntime.jsxs("div", { className: "swiper-block__navigation", children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, allowTouchMove: allowTouchMove, autoHeight: autoHeight !== null && autoHeight !== void 0 ? autoHeight : false, breakpoints: breakpoints, centeredSlides: true, direction: direction, freeMode: freeMode, init: isInit !== null && isInit !== void 0 ? isInit : true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl: nextEl, prevEl: prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed !== null && speed !== void 0 ? speed : 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
+    return (jsxRuntime.jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && "fill_".concat(fillClass), shapeClass && "swiper_shape_".concat(shapeClass), className, set && "swiper-block_set_".concat(set)), style: style, children: [(title || (prevButton && nextButton)) && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Title.Title, { className: "swiper-block__title", textColor: titleTextColor, textWeight: titleWeight, size: titleSize, children: title })), titleAfter, prevButton && nextButton && (jsxRuntime.jsxs("div", { className: "swiper-block__navigation", children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight !== null && autoHeight !== void 0 ? autoHeight : false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit !== null && isInit !== void 0 ? isInit : true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl: nextEl, prevEl: prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, ref: swiperRef, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed !== null && speed !== void 0 ? speed : 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
                     (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsx(react.SwiperSlide, { className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), children: item }, "swiper-slide_".concat(i))); })) })] }));
 }
-Swiper.defaultProps = {
-    disabledButtonClass: 'swiper-button-disabled',
-};
 // https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
 var useSwiperRef = function () {
     var _a = React.useState(null), wrapper = _a[0], setWrapper = _a[1];

package/dist/cjs/components/Switch.js

@@ -18,7 +18,7 @@ var Switch = React.forwardRef(function Switch(props, ref) {
     var id = props.id; props.appearance; var checked = props.checked, className = props.className, disabled = props.disabled, set = props.set, size = props.size, onChange = props.onChange;
     // @ts-expect-error
     // const appearanceConfig = switchConfig.appearance && switchConfig.appearance[appearance]
-    // const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
+    // const propsGenerator = useDevicePropsGenerator(props, appearanceConfig)
     return (jsxRuntime.jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsxRuntime.jsx("input", { className: "switch__checkbox", 
                 // @ts-expect-error
                 ref: ref, checked: checked, disabled: disabled, id: id, type: "checkbox", onChange: onChange }), jsxRuntime.jsx("div", { className: "switch__bg", children: "\u00A0" }), jsxRuntime.jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));