@itcase/ui 1.2.4 → 1.2.6

package/dist/context/Notifications.js

@@ -36,8 +36,9 @@ function NotificationsProvider(props) {
         // Check on need to hide, if current notification is target for hide
         const isNeedToHide = String(notificationItem.id) === String(targetId);
         // Callback for close if exists
-        if (isNeedToHide && typeof notificationItem.onClose === 'function') {
-          notificationItem.onClose();
+        if (isNeedToHide) {
+          clearTimeout(notificationItem._closeTimeout);
+          notificationItem.onClose && notificationItem.onClose();
         }
         // Save in state if no need to hide
         return !isNeedToHide;

package/dist/css/components/DadataHintField/DadataHintField.css

@@ -1,4 +1,4 @@
-.react-dadata__container{position:relative}.react-dadata__input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;height:38px;outline:none;padding:0 10px;width:100%}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{background-color:#fff;border-radius:4px;box-shadow:0 1px 6px 3px rgba(0,0,0,.1);left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:left;top:calc(100% + 8px);z-index:10}.react-dadata__suggestion-note{color:#828282;font-size:14px;padding:10px 10px 5px}.react-dadata__suggestion{background:none;border:none;box-sizing:border-box;cursor:pointer;display:block;font-size:15px;padding:7px 10px;text-align:left;width:100%}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;font-size:14px;margin-top:4px}.react-dadata__suggestion-subtitle-item{display:inline-block;margin-bottom:4px;margin-right:16px}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:none}.react-dadata--highlighted{color:#0094ff}.react-dadata {
+.react-dadata__container{position:relative}.react-dadata__input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;height:38px;padding:0 10px;font-size:16px;display:block}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{z-index:10;text-align:left;background-color:#fff;border-radius:4px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 1px 6px 3px rgba(0,0,0,.1)}.react-dadata__suggestion-note{color:#828282;padding:10px 10px 5px;font-size:14px}.react-dadata__suggestion{cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:none;width:100%;padding:7px 10px;font-size:15px;display:block}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;margin-top:4px;font-size:14px}.react-dadata__suggestion-subtitle-item{margin-bottom:4px;margin-right:16px;display:inline-block}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:0 0}.react-dadata--highlighted{color:#0094ff}.react-dadata {
   &__container {
     width: 100%;
     ^&__input {

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 11.1.10
+ * Swiper 11.1.12
  * 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: August 21, 2024
+ * Released on: September 1, 2024
  */
 
 /* FONT_START */
@@ -760,7 +760,7 @@ button.swiper-pagination-bullet {
   pointer-events: auto;
 }
 
-.swiper-cube {
+.swiper.swiper-cube {
   overflow: visible;
 }
 
@@ -834,7 +834,7 @@ button.swiper-pagination-bullet {
 
 /* Cube slide shadows end */
 
-.swiper-flip {
+.swiper.swiper-flip {
   overflow: visible;
 }
 
@@ -874,7 +874,7 @@ button.swiper-pagination-bullet {
   transition-property: transform, opacity, height;
 }
 
-.swiper-cards {
+.swiper.swiper-cards {
   overflow: visible;
 }
 

package/dist/css/mixins/mixin.css

@@ -0,0 +1,73 @@
+/* stylelint-disable length-zero-no-unit */
+
+@define-mixin h1 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 32px, 48px, $minLetterSpacing, 80px, 96px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h2 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 24px, 28px, $minLetterSpacing, 56px, 64px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h3 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 24px, 28px, $minLetterSpacing, 40px, 48px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h4 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 22px, 24px, $minLetterSpacing, 22px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h5 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h6 $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 14px, 20px, $minLetterSpacing, 14px, 20px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin p $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 14px, 20px, $minLetterSpacing, 18px, 28px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xs $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 9px, 12px, $minLetterSpacing, 9px, 12px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-s $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 10px, 12px, $minLetterSpacing, 10px, 12px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-m $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 12px, 18px, $minLetterSpacing, 12px, 18px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-l $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 14px, 20px, $minLetterSpacing, 14px, 20px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xl $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xxl $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 16px, 24px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-gradient-primary {
+  color: transparent;
+  background: linear-gradient(90deg, hsla(266, 100%, 64%, 1) 0%, hsla(213, 79%, 68%, 1) 50%);
+  background-clip: text;
+  text-fill-color: transparent;
+}

package/dist/css/mixins/mixin_animation.css

@@ -0,0 +1,8 @@
+@define-mixin disableAnimation {
+  transform: translate(0, 0);
+  opacity: 100%;
+}
+
+@define-mixin easing $ease: easeInSine, $type: all, $time: 0.2s {
+  transition: $type $time $ease;
+}

package/dist/css/mixins/mixin_dark-light.css

@@ -0,0 +1,16 @@
+@define-mixin dark {
+  @media (prefers-color-scheme: dark) {
+    & {
+      @mixin-content;
+    }
+  }
+}
+
+@define-mixin light {
+  @media (prefers-color-scheme: light) {
+    & {
+      @mixin-content;
+    }
+  }
+  @mixin-content;
+}

package/dist/css/mixins/mixin_elevation.css

@@ -0,0 +1,33 @@
+/* stylelint-disable length-zero-no-unit */
+
+@define-mixin elevation-1 {
+  box-shadow: var(--elevation-1);
+}
+
+@define-mixin elevation-2 {
+  box-shadow: var(--elevation-2);
+}
+
+@define-mixin elevation-4 {
+  box-shadow: var(--elevation-4);
+}
+
+@define-mixin elevation-6 {
+  box-shadow: var(--elevation-6);
+}
+
+@define-mixin elevation-8 {
+  box-shadow: var(--elevation-8);
+}
+
+@define-mixin elevation-12 {
+  box-shadow: var(--elevation-12);
+}
+
+@define-mixin elevation-16 {
+  box-shadow: var(--elevation-16);
+}
+
+@define-mixin elevation-24 {
+  box-shadow: var(--elevation-24);
+}

package/dist/css/{styles → mixins}/mixin_fill-gradient.css

@@ -15,7 +15,7 @@
 }
 
 @define-mixin fill-gradient_surface-primary-diagonal-left {
-  background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%,hsla(0,0%,0%,0.65) 100%);
+  background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0,0%,0%,0.65) 100%);
 }
 
 @define-mixin fill-gradient_surface-primary-diagonal-right {

package/dist/css/mixins/mixin_typography.css

@@ -0,0 +1,70 @@
+@define-mixin h1-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, var(--typography-h1-min), var(--typography-h1-max), $minLetterSpacing,
+    var(--typography-h1-min-line-height), var(--typography-h1-max-line-height), $maxLetterSpacing,
+    var(--typography-h1-font);
+}
+
+@define-mixin h2-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 26px, 32px, $minLetterSpacing, 46px, 58px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h3-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 18px, 24px, $minLetterSpacing, 32px, 40px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h4-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 16px, 18px, $minLetterSpacing, 24px, 30px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h5-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 14px, 16px, $minLetterSpacing, 18px, 26px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin h6-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 12px, 18px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin p-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 12px, 16px, $minLetterSpacing, 16px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xxl-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 24px, 28px, $minLetterSpacing, 24px, 28px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xl-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 20px, 24px, $minLetterSpacing, 20px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-l-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 18px, 24px, $minLetterSpacing, 18px, 24px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-m-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 16px, 18px, $minLetterSpacing, 16px, 20px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-s-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 14px, 18px, $minLetterSpacing, 14px, 18px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xs-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 12px, 16px, $minLetterSpacing, 12px, 16px, $maxLetterSpacing,
+    var(--font-primary);
+}
+
+@define-mixin text-xxs-new $weight: normal, $minLetterSpacing: 0px, $maxLetterSpacing: 0px {
+  @mixin font $weight, 10px, 14px, $minLetterSpacing, 10px, 14px, $maxLetterSpacing,
+    var(--font-primary);
+}

package/dist/css/{styles/mixin_global.css → mixins/mixin_utils.css}

@@ -14,36 +14,6 @@
   }
 }
 
-@define-mixin dark {
-  @media (prefers-color-scheme: dark) {
-    & {
-      @mixin-content;
-    }
-  }
-}
-
-@define-mixin light {
-  @media (prefers-color-scheme: light) {
-    & {
-      @mixin-content;
-    }
-  }
-  @mixin-content;
-}
-
-@define-mixin disableAnimation {
-  transform: translate(0, 0);
-  opacity: 100%;
-}
-
-@define-mixin easing $ease: easeInSine, $type: all, $time: 0.2s {
-  transition: $type $time $ease;
-}
-
-@define-mixin easing $ease: easeInSine, $type: all, $time: 0.2s {
-  transition: $type $time $ease;
-}
-
 @define-mixin word-wrap {
   overflow-wrap: break-word;
   word-wrap: break-word;

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,13 +1,3 @@
 import { iPaginationProps } from './Pagination.interface';
 declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Pagination {
-    var defaultProps: {
-        pageNumber: number;
-        perPageCount: number;
-        allItemsCount: number;
-        pageCountArray: number[];
-        isPageCountDropdownReversed: boolean;
-        pageCountDropdownItemLabelColorActive: string;
-    };
-}
 export { Pagination };

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

@@ -0,0 +1,91 @@
+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 type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iSelectThemeColor extends iSelectPropsCustom {
+}
+type tSelectAppearance = {
+    [key in tAppearanceKeysDefault]?: iSelectThemeColor;
+};
+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 iSelectPropsCustom {
+    after?: ReactNode;
+    appearance?: tAppearanceKeysDefault;
+    badgeAppearance?: tAppearanceKeysDefault;
+    badgeSize?: tSizeProps;
+    badgeTextSize?: tTextSizeProps;
+    before?: ReactNode;
+    clearIcon?: any;
+    clearIconFill?: tItemColorProps;
+    dividerDirection?: tDirectionProps;
+    dividerFill?: tFillProps;
+    dividerSize?: tSizeProps;
+    dropdownFillHover?: tFillHoverProps;
+    dropdownIcon?: any;
+    dropdownIconFill?: tItemColorProps;
+    dropdownIconShape?: tShapeProps;
+    elevation?: number;
+    fetchingData?: ReactNode;
+    headingFill?: string;
+    headingFillHover?: string;
+    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;
+    inputValue?: string;
+    loadingIndicator?: ReactNode;
+    menuAfter?: ReactNode;
+    menuBefore?: ReactNode;
+    menuItemSize?: string;
+    multipleItemFill?: tFillProps;
+    multipleItemFillHover?: tFillHoverProps;
+    multipleItemIcon?: any;
+    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;
+    optionShape?: tShapeProps;
+    optionTextColor?: tTextColorProps;
+    optionTextSize?: tTextSizeProps;
+    placeholder?: ReactNode;
+    placeholderTextColor?: tTextColorProps;
+    placeholderTextSize?: tTextSizeProps;
+    showBadge?: boolean;
+    showDivider?: boolean;
+    size?: sizeOptionPropsType;
+    isCreatable?: boolean;
+    set?: string;
+}
+export type { iSelectCustomComponentsProps, iSelectThemeColor, iSelectPropsCustom, tSelectAppearance, iSelectConfig, iSelectProps, };

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

@@ -1,11 +1,4 @@
-export function SelectClearIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectClearIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            clearIcon: PropTypes.Requireable<string>;
-            clearIconFill: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ClearIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare function SelectClearIndicator(props: ClearIndicatorProps & iSelectCustomComponentsProps): import("react/jsx-runtime").JSX.Element;
+export { SelectClearIndicator };

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

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

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

@@ -1,11 +1,4 @@
-export function SelectControl(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectControl {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputFill: PropTypes.Requireable<string>;
-            inputShape: PropTypes.Requireable<string>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ControlProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectControl: (props: ControlProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectControl };

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

@@ -1,13 +1,4 @@
-export function SelectDropdownIndicator(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectDropdownIndicator {
-    namespace propTypes {
-        let children: PropTypes.Requireable<any>;
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            dropdownFillHover: PropTypes.Requireable<string>;
-            dropdownIcon: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactElementLike | null | undefined>>;
-            dropdownIconFill: PropTypes.Requireable<string>;
-            dropdownIconShape: PropTypes.Requireable<string>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+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;
+export { SelectDropdownIndicator };

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

@@ -1,7 +1,4 @@
-export function SelectGroupHeading(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectGroupHeading {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { GroupHeadingProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectGroupHeading: (props: GroupHeadingProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectGroupHeading };

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

@@ -1,4 +1,4 @@
-export function SelectIndicatorsContainer(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectIndicatorsContainer {
-    let propTypes: {};
-}
+import { IndicatorsContainerProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectIndicatorsContainer: (props: IndicatorsContainerProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectIndicatorsContainer };

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

@@ -1,12 +1,4 @@
-export function SelectInput(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectInput {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            inputTextSize: PropTypes.Requireable<string>;
-            inputTextColor: PropTypes.Requireable<string>;
-            inputCaretColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { InputProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectInput: (props: InputProps & iSelectCustomComponentsProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectInput };

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

@@ -1,7 +1,5 @@
-export function SelectLoadingIndicator(props: any): any;
-export namespace SelectLoadingIndicator {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+import { LoadingIndicatorProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectLoadingIndicator: (props: iSelectCustomComponentsProps & LoadingIndicatorProps) => React.ReactNode;
+export { SelectLoadingIndicator };

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

@@ -1,11 +1,4 @@
-export function SelectMenu(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMenu {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            fetchingData: PropTypes.Requireable<any>;
-            set: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { MenuProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMenu: (props: iSelectCustomComponentsProps & MenuProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMenu };

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

@@ -1 +1,4 @@
-export function SelectMultiValueContainer(props: any): import("react/jsx-runtime").JSX.Element;
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueContainer: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueContainer };

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

@@ -1,4 +1,4 @@
-export function SelectMultiValueLabel(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueLabel {
-    let propTypes: {};
-}
+import { MultiValueGenericProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueLabel: (props: iSelectCustomComponentsProps & MultiValueGenericProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueLabel };

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

@@ -1,4 +1,4 @@
-export function SelectMultiValueRemove(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectMultiValueRemove {
-    let propTypes: {};
-}
+import { MultiValueRemoveProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectMultiValueRemove: (props: iSelectCustomComponentsProps & MultiValueRemoveProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectMultiValueRemove };

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

@@ -1,12 +1,4 @@
-export function SelectNoOptions(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectNoOptions {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            noOptionsTextSize: PropTypes.Requireable<string>;
-            noOptionsTextColor: PropTypes.Requireable<string>;
-            noOptionsText: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { NoticeProps } from 'react-select';
+import { iSelectCustomComponentsProps } from './Select.interface';
+declare const SelectNoOptions: (props: iSelectCustomComponentsProps & NoticeProps) => import("react/jsx-runtime").JSX.Element;
+export { SelectNoOptions };

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

@@ -1,16 +1,4 @@
-export function SelectOption(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectOption {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            optionFill: PropTypes.Requireable<string>;
-            optionTextSize: PropTypes.Requireable<string>;
-            optionTextColor: PropTypes.Requireable<string>;
-            optionShape: PropTypes.Requireable<string>;
-            optionBefore: PropTypes.Requireable<any>;
-            optionAfter: PropTypes.Requireable<any>;
-        }>>;
-        let label: PropTypes.Requireable<string>;
-        let isSelected: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+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;
+export { SelectOption };

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

@@ -1,11 +1,4 @@
-export function SelectPlaceholder(props: any): import("react/jsx-runtime").JSX.Element;
-export namespace SelectPlaceholder {
-    namespace propTypes {
-        let selectProps: PropTypes.Requireable<PropTypes.InferProps<{
-            placeholderTextSize: PropTypes.Requireable<string>;
-            placeholderTextColor: PropTypes.Requireable<string>;
-        }>>;
-        let children: PropTypes.Requireable<any>;
-    }
-}
-import PropTypes from 'prop-types';
+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;
+export { SelectPlaceholder };