@itcase/ui 1.2.9 → 1.2.11

package/dist/components/Select.js

@@ -1,7 +1,7 @@
-import { _ as __assign } from '../tslib.es6-S-VPg1Cw.js';
+import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Select, { components } from 'react-select';
-import { I as Icon } from '../Icon-DszS1y__.js';
+import { I as Icon } from '../Icon-BanAVsve.js';
 import React, { useMemo, useRef, useCallback, useEffect } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
@@ -20,18 +20,20 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Link-Bqu5amIb.js';
+import '../Link-BSquFKSX.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 import 'lodash/castArray';
 
+// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
+//   extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}
 // For use memo need to check "ClearIndicator" props
 // const SelectClearIndicator = React.memo(
-function SelectClearIndicator(props) {
+var SelectClearIndicator = function (props) {
     var children = props.children;
     var _a = props.selectProps, clearIcon = _a.clearIcon, clearIconFill = _a.clearIconFill;
     return (jsx(components.ClearIndicator, __assign({}, props, { children: clearIcon ? jsx(Icon, { iconFill: clearIconFill, SvgImage: clearIcon }) : children })));
-}
+};
 
 var SelectControl = function (props) {
     var _a = props.selectProps, after = _a.after, before = _a.before, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape;
@@ -91,13 +93,7 @@ var SelectMultiValueLabel = function (props) {
 
 var SelectMultiValueRemove = function (props) {
     var _a = props.selectProps, multipleItemIcon = _a.multipleItemIcon, multipleItemIconFill = _a.multipleItemIconFill;
-    return (jsxs(components.MultiValueRemove, __assign({}, props, { children: [jsx(Icon, { iconFill: multipleItemIconFill, SvgImage: multipleItemIcon }), jsx(Select, { defaultValue: [{}], options: [
-                    {
-                        label: 'vs',
-                        options: [{ label: '' }],
-                    },
-                    {},
-                ] })] })));
+    return (jsx(components.MultiValueRemove, __assign({}, props, { children: jsx(Icon, { iconFill: multipleItemIconFill, SvgImage: multipleItemIcon }) })));
 };
 
 var SelectNoOptions = function (props) {
@@ -246,9 +242,12 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             var isTargetSelectContainer = 
             // maybe here ".contains()"?
             event.target.hasClass && event.target.hasClass('select_state_hide-value-container');
-            var isTargetInsideController = selectRef.current.controlRef.contains(event.target);
-            if (!isTargetSelectContainer && !isTargetInsideController) {
-                (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onInputBlur();
+            if ('current' in selectRef && selectRef.current && selectRef.current.controlRef) {
+                var isTargetInsideController = selectRef.current.controlRef.contains(event.target);
+                if (!isTargetSelectContainer && !isTargetInsideController) {
+                    // @ts-expect-error
+                    (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onInputBlur();
+                }
             }
         };
         if (hideValueContainer) {
@@ -263,9 +262,9 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     var selectAppearanceItem = (appearance && selectConfig.appearance && selectConfig.appearance[appearance]) || {};
     return (jsx(SelectComponent, { className: clsx(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass ||
             (selectAppearanceItem.size &&
-                "select_size_".concat(selectAppearanceItem.size).replace(/([A-Z])/g, '-$1').toLowerCase()), 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 || selectAppearanceItem.elevation, filterOption: filterOption, headingFill: headingFillClass, headingFillHover: headingFillHoverClass, headingTextColor: headingTextColorClass, headingTextSize: headingTextSizeClass, headingTextWeight: headingTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputTextColor: inputTextColorClass || selectAppearanceItem.inputTextColor, inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize, instanceId: instanceId, 
+                "select_size_".concat(selectAppearanceItem.size).replace(/([A-Z])/g, '-$1').toLowerCase()), 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 || selectAppearanceItem.elevation, filterOption: filterOption, headingFill: headingFillClass, headingFillHover: headingFillHoverClass, headingTextColor: headingTextColorClass, headingTextSize: headingTextSizeClass, headingTextWeight: headingTextWeightClass, hideSelectedOptions: hideSelectedOptions, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputTextSize: inputTextSizeClass || selectAppearanceItem.inputTextSize, instanceId: instanceId, 
         // @ts-expect-error
-        loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass, noOptionBorderType: optionBorderTypeClass, noOptionsFill: optionFillClass, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText || selectAppearanceItem.noOptionsText, noOptionsTextColor: noOptionsTextColorClass || selectAppearanceItem.noOptionsTextColor, noOptionsTextSize: noOptionsTextSizeClass || selectAppearanceItem.noOptionsTextSize, openMenuOnClick: openMenuOnClick, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, options: options, optionSelected: optionSelected, optionShape: optionShapeClass, optionTextColor: optionTextColorClass || selectAppearanceItem.optionTextColor, optionTextSize: optionTextSizeClass || selectAppearanceItem.optionTextSize, placeholder: placeholder || selectAppearanceItem.placeholder, placeholderTextColor: placeholderTextColor || selectAppearanceItem.placeholderTextColor, placeholderTextSize: placeholderTextSize || selectAppearanceItem.placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, components: {
+        loadingMessage: getLoadingMessage, menuAfter: menuAfter, menuBefore: menuBefore, menuItemSize: menuItemSize, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, noOptionBorder: optionBorderClass, noOptionBorderType: optionBorderTypeClass, noOptionsFill: optionFillClass, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText || selectAppearanceItem.noOptionsText, openMenuOnClick: openMenuOnClick, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, options: options, optionSelected: optionSelected, optionShape: optionShapeClass, placeholder: placeholder || selectAppearanceItem.placeholder, placeholderTextColor: placeholderTextColor || selectAppearanceItem.placeholderTextColor, placeholderTextSize: placeholderTextSize || selectAppearanceItem.placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, components: {
             ClearIndicator: SelectClearIndicator,
             Control: SelectControl,
             DropdownIndicator: SelectDropdownIndicator,
@@ -295,13 +294,13 @@ var SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             (selectAppearanceItem.inputShape &&
                 "select__control_shape_".concat(selectAppearanceItem.inputShape)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), optionFill: optionFillClass ||
+                    .toLowerCase()), inputTextColor: inputTextColorClass || selectAppearanceItem.inputTextColor, noOptionsTextColor: noOptionsTextColorClass || selectAppearanceItem.noOptionsTextColor, noOptionsTextSize: noOptionsTextSizeClass || selectAppearanceItem.noOptionsTextSize, optionFill: optionFillClass ||
             (selectAppearanceItem.optionFill &&
                 "fill_".concat(selectAppearanceItem.optionFill).replace(/([A-Z])/g, '-$1').toLowerCase()), optionFillHover: optionFillHoverClass ||
             (selectAppearanceItem.optionFillHover &&
                 "fill_hover_".concat(selectAppearanceItem.optionFillHover)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), isClearable: isClearable, isDisabled: isDisabled, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, set: set, onChange: onChange, onInputChange: onInputChange }));
+                    .toLowerCase()), optionTextColor: optionTextColorClass || selectAppearanceItem.optionTextColor, optionTextSize: optionTextSizeClass || selectAppearanceItem.optionTextSize, isClearable: isClearable, isDisabled: isDisabled, isLoading: isLoading, isMulti: isMulti, isSearchable: isSearchable, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 SelectContainer.defaultProps = {
     // @ts-expect-error

package/dist/components/SiteMenu.js

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import clsx from 'clsx';
 import { useSiteMenuContext } from '../context/UIContext.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { I as Icon } from '../Icon-DszS1y__.js';
+import { I as Icon } from '../Icon-BanAVsve.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
@@ -15,8 +15,8 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Link-Bqu5amIb.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import '../Link-BSquFKSX.js';
+import '../tslib.es6-5FtW-kfi.js';
 import '../Tooltip-DJufHBiQ.js';
 import '../Title-BfSFPJtJ.js';
 

package/dist/components/Tab.js

@@ -5,7 +5,7 @@ import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { B as Badge } from '../Badge-CrhdvxY6.js';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
-import { L as Link } from '../Link-Bqu5amIb.js';
+import { L as Link } from '../Link-BSquFKSX.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -16,7 +16,7 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../tslib.es6-S-VPg1Cw.js';
+import '../tslib.es6-5FtW-kfi.js';
 
 var tabConfig = {
     appearance: undefined,

package/dist/css/components/Swiper/Swiper.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.12
+ * Swiper 11.1.14
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 1, 2024
+ * Released on: September 12, 2024
  */
 
 /* FONT_START */

package/dist/css/styles/mediaqueries.css

@@ -64,3 +64,15 @@
 @custom-media --console (hover: hover) and (pointer: coarse);
 
 @custom-media --mouse (hover: hover) and (pointer: fine);
+
+@custom-media --tiny-viewport (width >= 1280px) and (height <= 720px);
+
+@custom-media --small-viewport (width >= 1366px) and (height < 768px);
+
+@custom-media --medium-viewport (width >= 1440px) and (height < 900px);
+
+@custom-media --large-viewport (width >= 1440px) and (height < 900px);
+
+@custom-media --huge-viewport (width >= 1600px) and (height < 900px);
+
+@custom-media --super-huge-viewport (width >= 1920px) and (height >= 1080px);

package/dist/{tslib.es6-S-VPg1Cw.js → tslib.es6-5FtW-kfi.js}

@@ -12,7 +12,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 var __assign = function() {

package/dist/{tslib.es6-CKiUdo7p.js → tslib.es6-CCZ3TN_7.js}

@@ -14,7 +14,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 exports.__assign = function() {

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

@@ -1,8 +1,27 @@
 import type { ReactNode } from 'react';
-import { GroupBase, Props } from 'react-select';
-import { borderColorHoverPropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
+import { GroupBase, PropsValue } from 'react-select';
+import { Props } from 'react-select/base';
+import { borderColorHoverPropsType, borderTypePropsType, sizeOptionPropsType, tBorderColorProps, tDirectionProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-interface iSelectThemeColor extends iSelectPropsCustom {
+interface iSelectThemeColor {
+    elevation?: number;
+    inputBorderColor?: tBorderColorProps;
+    inputBorderColorHover?: borderColorHoverPropsType;
+    inputFill?: string;
+    inputShape?: string;
+    inputTextColor?: tTextColorProps;
+    inputTextSize?: tTextSizeProps;
+    noOptionsText?: ReactNode;
+    noOptionsTextColor?: tTextColorProps;
+    noOptionsTextSize?: tTextSizeProps;
+    optionFill?: string;
+    optionFillHover?: string;
+    optionTextColor?: tTextColorProps;
+    optionTextSize?: tTextSizeProps;
+    placeholder?: React.ReactNode;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextSize?: tTextSizeProps;
+    size?: sizeOptionPropsType;
 }
 type tSelectAppearance = {
     [key in tAppearanceKeysDefault]?: iSelectThemeColor;
@@ -11,25 +30,24 @@ interface iSelectConfig {
     appearance: tSelectAppearance | undefined;
     setAppearance: (newComponent: tSelectAppearance) => void;
 }
-interface iSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'defaultValue' | 'filterOption' | 'hideSelectedOptions' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>, iSelectPropsCustom {
-}
-interface iSelectCustomComponentsProps {
-    data?: {
-        label?: ReactNode;
-        optionAfter?: ReactNode;
-        optionBefore?: ReactNode;
-    };
-    selectProps?: iSelectPropsCustom;
+interface iSelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends Partial<Pick<Props<Option, IsMulti, Group>, 'className' | 'closeMenuOnSelect' | 'filterOption' | 'hideSelectedOptions' | 'hideValueContainer' | 'instanceId' | 'isClearable' | 'isDisabled' | 'isLoading' | 'isMulti' | 'isSearchable' | 'loadingMessage' | 'onChange' | 'onInputChange' | 'openMenuOnClick' | 'options' | 'value'>>, iSelectThemeColor, iSelectPropsCustom<Option> {
 }
-interface iSelectPropsCustom {
-    after?: ReactNode;
+interface iSelectPropsCustom<Option> {
+    after?: React.ReactNode;
     appearance?: tAppearanceKeysDefault;
     badgeAppearance?: tAppearanceKeysDefault;
     badgeSize?: tSizeProps;
     badgeTextSize?: tTextSizeProps;
-    before?: ReactNode;
+    before?: React.ReactNode;
+    borderColor?: tBorderColorProps;
     clearIcon?: any;
     clearIconFill?: tItemColorProps;
+    data?: {
+        label?: React.ReactNode;
+        optionAfter?: React.ReactNode;
+        optionBefore?: React.ReactNode;
+    };
+    defaultValue?: PropsValue<Option>;
     dividerDirection?: tDirectionProps;
     dividerFill?: tFillProps;
     dividerSize?: tSizeProps;
@@ -37,27 +55,22 @@ interface iSelectPropsCustom {
     dropdownIcon?: any;
     dropdownIconFill?: tItemColorProps;
     dropdownIconShape?: tShapeProps;
-    elevation?: number;
-    fetchingData?: ReactNode;
-    headingFill?: string;
-    headingFillHover?: string;
+    fetchingData?: React.ReactNode;
+    fill?: tFillProps;
+    fillHover?: tFillHoverProps;
+    headingFill?: tFillProps;
+    headingFillHover?: string | null;
     headingTextColor?: tTextColorProps;
     headingTextSize?: tTextSizeProps;
     headingTextWeight?: tTextWeightProps;
     hideValueContainer?: boolean;
-    inputAfter?: ReactNode;
-    inputBefore?: ReactNode;
-    inputBorderColor?: tBorderColorProps;
-    inputBorderColorHover?: borderColorHoverPropsType;
-    inputCaretColor?: string;
-    inputFill?: string;
-    inputShape?: string;
-    inputTextColor?: tTextColorProps;
-    inputTextSize?: tTextSizeProps;
+    inputAfter?: React.ReactNode;
+    inputBefore?: React.ReactNode;
+    inputCaretColor?: string | null;
     inputValue?: string;
-    loadingIndicator?: ReactNode;
-    menuAfter?: ReactNode;
-    menuBefore?: ReactNode;
+    loadingIndicator?: React.ReactNode;
+    menuAfter?: React.ReactNode;
+    menuBefore?: React.ReactNode;
     menuItemSize?: string;
     multipleItemFill?: tFillProps;
     multipleItemFillHover?: tFillHoverProps;
@@ -65,27 +78,17 @@ interface iSelectPropsCustom {
     multipleItemIconFill?: tItemColorProps;
     multipleItemTextColor?: tTextColorProps;
     multipleItemTextSize?: tTextSizeProps;
-    noOptionsSearchText?: ReactNode;
-    noOptionsText?: ReactNode;
-    noOptionsTextColor?: tTextColorProps;
-    noOptionsTextSize?: tTextSizeProps;
-    optionAfter?: ReactNode;
-    optionBefore?: ReactNode;
-    optionBorder?: string;
-    optionBorderType?: string;
-    optionFill?: string;
-    optionFillHover?: string;
-    optionSelected?: ReactNode;
+    noOptionsSearchText?: React.ReactNode;
+    optionAfter?: React.ReactNode;
+    optionBefore?: React.ReactNode;
+    optionBorder?: tBorderColorProps;
+    optionBorderType?: borderTypePropsType;
+    optionSelected?: React.ReactNode;
     optionShape?: tShapeProps;
-    optionTextColor?: tTextColorProps;
-    optionTextSize?: tTextSizeProps;
-    placeholder?: ReactNode;
-    placeholderTextColor?: tTextColorProps;
-    placeholderTextSize?: tTextSizeProps;
+    shape?: tShapeProps;
     showBadge?: boolean;
     showDivider?: boolean;
-    size?: sizeOptionPropsType;
     isCreatable?: boolean;
     set?: string;
 }
-export type { iSelectCustomComponentsProps, iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };
+export type { iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };

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

@@ -1,4 +1,3 @@
-import { ClearIndicatorProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare function SelectClearIndicator(props: ClearIndicatorProps & iSelectCustomComponentsProps): import("react/jsx-runtime").JSX.Element;
+import { ClearIndicatorProps, GroupBase } from 'react-select';
+declare const SelectClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectClearIndicator };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GroupBase } from 'react-select';
+import { GroupBase, SelectInstance } from 'react-select';
 import { iSelectProps } from './Select.interface';
-declare const SelectContainer: React.ForwardRefExoticComponent<iSelectProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<unknown>>;
+declare const SelectContainer: React.ForwardRefExoticComponent<iSelectProps<unknown, boolean, GroupBase<unknown>> & React.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
 export { SelectContainer };

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

@@ -1,4 +1,3 @@
-import { ControlProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectControl: (props: ControlProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+import { ControlProps, GroupBase } from 'react-select';
+declare const SelectControl: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectControl };

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

@@ -1,4 +1,3 @@
 import { DropdownIndicatorProps, GroupBase } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group> & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectDropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectDropdownIndicator };

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

@@ -1,4 +1,3 @@
-import { GroupHeadingProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectGroupHeading: (props: GroupHeadingProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, GroupHeadingProps } from 'react-select';
+declare const SelectGroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectGroupHeading };

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

@@ -1,4 +1,3 @@
-import { IndicatorsContainerProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectIndicatorsContainer: (props: IndicatorsContainerProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, IndicatorsContainerProps } from 'react-select';
+declare const SelectIndicatorsContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: IndicatorsContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectIndicatorsContainer };

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

@@ -1,4 +1,3 @@
-import { InputProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectInput: (props: InputProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, InputProps } from 'react-select';
+declare const SelectInput: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectInput };

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { LoadingIndicatorProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectLoadingIndicator: (props: iSelectCustomComponentsProps & LoadingIndicatorProps) => React.ReactNode;
+import { GroupBase, LoadingIndicatorProps } from 'react-select';
+declare const SelectLoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LoadingIndicatorProps<Option, IsMulti, Group>) => React.ReactNode;
 export { SelectLoadingIndicator };

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

@@ -1,4 +1,3 @@
-import { MenuProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectMenu: (props: iSelectCustomComponentsProps & MenuProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, MenuProps } from 'react-select';
+declare const SelectMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectMenu };

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

@@ -1,4 +1,3 @@
-import { MultiValueGenericProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectMultiValueContainer: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, MultiValueGenericProps } from 'react-select';
+declare const SelectMultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectMultiValueContainer };

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

@@ -1,4 +1,3 @@
-import { MultiValueGenericProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectMultiValueLabel: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, MultiValueGenericProps } from 'react-select';
+declare const SelectMultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueGenericProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectMultiValueLabel };

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

@@ -1,4 +1,3 @@
-import { MultiValueRemoveProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectMultiValueRemove: (props: iSelectCustomComponentsProps & MultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, MultiValueRemoveProps } from 'react-select';
+declare const SelectMultiValueRemove: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectMultiValueRemove };

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

@@ -1,4 +1,3 @@
-import { NoticeProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectNoOptions: (props: iSelectCustomComponentsProps & NoticeProps) => import("react/jsx-runtime").JSX.Element;
+import { GroupBase, NoticeProps } from 'react-select';
+declare const SelectNoOptions: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: NoticeProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectNoOptions };

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

@@ -1,4 +1,3 @@
 import { GroupBase, OptionProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectOption: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectOption };

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

@@ -1,4 +1,3 @@
 import { GroupBase, PlaceholderProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & PlaceholderProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectPlaceholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectPlaceholder };

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

@@ -1,4 +1,7 @@
+import React from 'react';
 import { GroupBase, SingleValueProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectSingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & SingleValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectSingleValue: <Option extends {
+    optionAfter?: React.ReactNode;
+    optionBefore?: React.ReactNode;
+}, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectSingleValue };

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

@@ -1,4 +1,3 @@
 import { GroupBase, ValueContainerProps } from 'react-select';
-import { iSelectCustomComponentsProps } from './Select.interface';
-declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: iSelectCustomComponentsProps & ValueContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ValueContainerProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export { SelectValueContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -90,7 +90,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@itcase/common": "^1.2.9",
+    "@itcase/common": "^1.2.10",
     "clsx": "^2.1.1",
     "html5-boilerplate": "^9.0.1",
     "js-cookie": "^3.0.5",
@@ -112,7 +112,7 @@
     "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
-    "swiper": "^11.1.12",
+    "swiper": "^11.1.14",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
@@ -121,8 +121,8 @@
     "@babel/eslint-plugin": "^7.25.1",
     "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.7",
-    "@commitlint/cli": "^19.4.1",
-    "@commitlint/config-conventional": "^19.4.1",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
     "@itcase/lint": "^1.0.13",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",
@@ -139,16 +139,16 @@
     "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^18.3.0",
     "@types/react-scroll": "^1.8.10",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^9.2.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "eslint": "9.10.0",
-    "husky": "^9.1.5",
+    "husky": "^9.1.6",
     "lint-staged": "^15.2.10",
     "npm": "^10.8.3",
-    "postcss": "^8.4.45",
+    "postcss": "^8.4.47",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -171,7 +171,7 @@
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.3.3",
-    "rollup": "^4.21.2",
+    "rollup": "^4.21.3",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",