@fattureincloud/fic-design-system 0.3.23 → 0.4.1

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

@@ -1,51 +1,52 @@
-import { Placement } from '@popperjs/core/lib/enums';
-import React, { CSSProperties, MouseEventHandler } from 'react';
-import { AvatarAllowedSizes } from '../avatar/types';
-import { IconProps } from '../icon';
-export declare type TitleProps = {
-    text: string;
-};
-export declare type closeDropdownType = () => void;
-export declare type DropdownProps = {
-    className?: string;
-    title?: string;
-    renderTrigger?: () => React.ReactNode;
-    triggerStyles?: CSSProperties;
-    content?: DropdownItemProps[];
-    renderContent?: (closeDropdown: closeDropdownType) => React.ReactNode;
-    maxWidth?: string;
-    fullWidth?: boolean;
-    placement?: Placement;
-    minWidthAsTrigger?: boolean;
-    forceOpen?: boolean;
-};
-export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
-export interface DropdownItemProps {
-    text: string | JSX.Element;
-    className?: string;
-    icon?: IconProps;
-    active?: boolean;
-    shortcut?: string;
-    onClick?: MouseEventHandler;
-    maxWidth?: DropdownProps['maxWidth'];
-    fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactChild;
-    isDisabled?: boolean;
-    type?: DropdownItemType;
-}
-export interface UserListItemProps {
-    img?: string;
-    placeholder?: string;
-    avatarSize?: AvatarAllowedSizes;
-    noText?: string;
-    text?: string;
-    renderText?: JSX.Element;
-    onClick?: () => void;
-}
-export interface Dropdown {
-    Container: React.FC<DropdownProps>;
-    Item: React.FC<DropdownItemProps>;
-    Separator: React.FC;
-    UserListItem: React.FC<UserListItemProps>;
-    Title: React.FC<TitleProps>;
-}
+import { Placement } from '@popperjs/core/lib/enums';
+import React, { CSSProperties, MouseEventHandler } from 'react';
+import { AvatarAllowedSizes } from '../avatar/types';
+import { IconProps } from '../icon';
+export declare type TitleProps = {
+    text: string;
+};
+export declare type closeDropdownType = () => void;
+export declare type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
+export declare type DropdownProps = {
+    className?: string;
+    title?: string;
+    renderTrigger?: () => React.ReactNode;
+    triggerStyles?: CSSProperties;
+    content?: DropdownItemProps[];
+    renderContent?: renderContentType;
+    maxWidth?: string;
+    fullWidth?: boolean;
+    placement?: Placement;
+    minWidthAsTrigger?: boolean;
+    forceOpen?: boolean;
+};
+export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
+export interface DropdownItemProps {
+    text: string | JSX.Element;
+    className?: string;
+    icon?: IconProps;
+    active?: boolean;
+    shortcut?: string;
+    onClick?: MouseEventHandler;
+    maxWidth?: DropdownProps['maxWidth'];
+    fullWidth?: DropdownProps['fullWidth'];
+    children?: React.ReactChild;
+    isDisabled?: boolean;
+    type?: DropdownItemType;
+}
+export interface UserListItemProps {
+    img?: string;
+    placeholder?: string;
+    avatarSize?: AvatarAllowedSizes;
+    noText?: string;
+    text?: string;
+    renderText?: JSX.Element;
+    onClick?: () => void;
+}
+export interface Dropdown {
+    Container: React.FC<DropdownProps>;
+    Item: React.FC<DropdownItemProps>;
+    Separator: React.FC;
+    UserListItem: React.FC<UserListItemProps>;
+    Title: React.FC<TitleProps>;
+}

package/dist/components/dropdown/utils.d.ts

@@ -1,15 +1,15 @@
-import { DefaultTheme } from 'styled-components';
-import { paletteColor } from '../../styles/types';
-import { StyledItemProps } from './components/Item';
-interface GetDropdownItemStylesParams extends StyledItemProps {
-    theme: DefaultTheme;
-}
-export interface DropdownItemStyles {
-    opacity: number;
-    background: paletteColor;
-    color: paletteColor;
-    hoverBackground: paletteColor;
-    cursor: string;
-}
-export declare const getDropdownItemStyles: ({ theme, isDisabled, active, hasAction, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
-export {};
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../styles/types';
+import { StyledItemProps } from './components/Item';
+interface GetDropdownItemStylesParams extends StyledItemProps {
+    theme: DefaultTheme;
+}
+export interface DropdownItemStyles {
+    opacity: number;
+    background: paletteColor;
+    color: paletteColor;
+    hoverBackground: paletteColor;
+    cursor: string;
+}
+export declare const getDropdownItemStyles: ({ theme, isDisabled, active, hasAction, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
+export {};

package/dist/components/floatingBadge/floatingBadge.d.ts

@@ -1,2 +1,2 @@
-import { FloatingBadgeProps } from './types';
-export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FloatingBadgeProps, never>;
+import { FloatingBadgeProps } from './types';
+export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FloatingBadgeProps, never>;

package/dist/components/floatingBadge/floatingBadge.stories.d.ts

@@ -1 +1,7 @@
-export {};
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { WithBadgeProps } from './types';
+export declare const Normal: () => JSX.Element;
+export declare const WithKnobs: () => JSX.Element;
+declare const WithBadgeStories: Meta<WithBadgeProps>;
+export default WithBadgeStories;

package/dist/components/floatingBadge/index.d.ts

@@ -1,2 +1,2 @@
-import WithBadge from './withBadge';
-export { WithBadge };
+import WithBadge from './withBadge';
+export { WithBadge };

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

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface FloatingBadgeProps {
-    counter?: string | number;
-    size?: 'small' | 'medium' | 'large';
-    top?: number;
-    right?: number;
-    className?: string;
-}
-export interface WithBadgeProps extends FloatingBadgeProps {
-    isDisabled?: boolean;
-    children: React.ReactNode;
-}
+import React from 'react';
+export interface FloatingBadgeProps {
+    counter?: string | number;
+    size?: 'small' | 'medium' | 'large';
+    top?: number;
+    right?: number;
+    className?: string;
+}
+export interface WithBadgeProps extends FloatingBadgeProps {
+    isDisabled?: boolean;
+    children: React.ReactNode;
+}

package/dist/components/floatingBadge/withBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { WithBadgeProps } from './types';
-declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
-export default WithBadge;
+import { WithBadgeProps } from './types';
+declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
+export default WithBadge;

package/dist/components/form/checkbox/components/Input.d.ts

@@ -5,5 +5,5 @@ export interface CheckboxInputProps {
     large?: boolean;
     hasError: boolean;
 }
-declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "backgroundColor" | "cursor" | "height" | "opacity" | "width" | "borderColor" | "tickColor">;
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
 export default Input;

package/dist/components/form/checkbox/components/Label.d.ts

@@ -4,5 +4,5 @@ export interface CheckboxLabelProps {
     isDisabled?: boolean;
     hasError: boolean;
 }
-declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "cursor" | "fontSize" | "opacity">;
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
 export default Label;

package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts

@@ -7,5 +7,5 @@ interface UseCheckboxValueReturn {
     setIndeterminate: () => void;
     toggleCheckbox: () => void;
 }
-declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+declare const useCheckboxValue: (initialValue?: checkboxStatus | boolean) => UseCheckboxValueReturn;
 export default useCheckboxValue;

package/dist/components/form/checkbox/utils.d.ts

@@ -20,5 +20,5 @@ declare type statusIconType = {
     [k in checkboxStatus]: IconProps['icon'] | null;
 };
 export declare const statusIcon: statusIconType;
-export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export declare const convertToStatus: (value: boolean | checkboxStatus) => checkboxStatus;
 export {};

package/dist/components/form/common/components/ComplexInputWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const ComplexInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export default ComplexInputWrapper;
+declare const ComplexInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default ComplexInputWrapper;

package/dist/components/form/common/styles.d.ts

@@ -1,9 +1,9 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-import { CommonInputParts, statusType } from './types';
-export interface BoxedInputWrapperProps extends colorsPalette {
-    borderColor: paletteColor;
-    normalFocused: CommonInputParts;
-    status: statusType;
-}
-export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from './types';
+export interface BoxedInputWrapperProps extends colorsPalette {
+    borderColor: paletteColor;
+    normalFocused: CommonInputParts;
+    status?: statusType;
+}
+export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

package/dist/components/form/common/types.d.ts

@@ -1,14 +1,16 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-import { InputHelperProps } from '../inputHelper';
-export declare type inputSizeType = 'large' | 'medium';
-export declare type statusType = 'normal' | 'success' | 'warning' | 'error';
-export interface CommonFormTypes {
-    inputSize?: inputSizeType;
-    isDisabled?: boolean;
-    helper?: InputHelperProps;
-    status?: statusType;
-}
-export interface CommonInputParts extends colorsPalette {
-    borderColor: paletteColor;
-}
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { InputHelperProps } from '../inputHelper';
+export declare const inputSizeArray: string[];
+export declare type inputSizeType = typeof inputSizeArray[number];
+export declare const statusesArray: string[];
+export declare type statusType = typeof statusesArray[number];
+export interface CommonFormTypes {
+    inputSize?: inputSizeType;
+    isDisabled?: boolean;
+    helper?: InputHelperProps;
+    status?: statusType;
+}
+export interface CommonInputParts extends colorsPalette {
+    borderColor: paletteColor;
+}

package/dist/components/form/inputHelper/InputHelper.d.ts

@@ -1,12 +1,12 @@
-import { ReactChild } from 'react';
-import { IconProps } from '../../icon';
-import { inputHelperStatus } from './types';
-export interface InputHelperProps extends WrapperProps {
-    message: ReactChild;
-    icon?: IconProps;
-}
-declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;
-interface WrapperProps {
-    status: inputHelperStatus;
-}
-export default InputHelper;
+import { ReactChild } from 'react';
+import { IconProps } from '../../icon';
+import { inputHelperStatus } from './types';
+export interface InputHelperProps extends WrapperProps {
+    message: ReactChild;
+    icon?: IconProps | null;
+}
+declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;
+interface WrapperProps {
+    status: inputHelperStatus;
+}
+export default InputHelper;

package/dist/components/form/inputHelper/hooks/useHelperIcon.d.ts

@@ -1,2 +1,3 @@
 import { IconProps } from '../../../icon';
-export declare const useHelperIcon: (status: string, icon?: IconProps | null | undefined) => IconProps | null;
+import { inputHelperStatus } from '../types';
+export declare const useHelperIcon: (status: inputHelperStatus, icon?: IconProps | null | undefined) => IconProps | null;

package/dist/components/form/inputHelper/index.d.ts

@@ -1,3 +1,3 @@
-import InputHelper, { InputHelperProps } from './InputHelper';
-import inputHelperPalette, { InputHelperPalette } from './inputHelperPalette';
-export { InputHelper, InputHelperProps, inputHelperPalette, InputHelperPalette };
+import InputHelper, { InputHelperProps } from './InputHelper';
+import inputHelperPalette, { InputHelperPalette } from './inputHelperPalette';
+export { InputHelper, InputHelperProps, inputHelperPalette, InputHelperPalette };

package/dist/components/form/inputHelper/inputHelper.stories.d.ts

@@ -1 +1,5 @@
-export {};
+import { Meta, Story } from '@storybook/react';
+import { InputHelperProps } from './InputHelper';
+export declare const WithKnobs: Story<InputHelperProps>;
+declare const InputHelperStories: Meta<InputHelperProps>;
+export default InputHelperStories;

package/dist/components/form/inputHelper/inputHelperPalette.d.ts

@@ -1,7 +1,11 @@
-import { colorsPalette } from 'common/types/colorsPalette';
-import { inputHelperStatus } from './types';
-export declare type InputHelperPalette = {
-    [k in inputHelperStatus]: colorsPalette;
-};
-declare const inputHelperPalette: InputHelperPalette;
-export default inputHelperPalette;
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { IconProps } from '../../icon';
+import { inputHelperStatus } from './types';
+interface InputHelperParts extends colorsPalette {
+    defaultIcon: IconProps | null;
+}
+export declare type InputHelperPalette = {
+    [k in inputHelperStatus]: InputHelperParts;
+};
+declare const inputHelperPalette: InputHelperPalette;
+export default inputHelperPalette;

package/dist/components/form/inputHelper/types.d.ts

@@ -1 +1,2 @@
-export declare type inputHelperStatus = 'normal' | 'error' | 'warning' | 'info' | 'success';
+export declare const inputHelperStatusesArray: string[];
+export declare type inputHelperStatus = typeof inputHelperStatusesArray[number];

package/dist/components/form/inputText/InputText.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { LabelProps } from '../label';
-import { InputElementProps } from './types';
-export declare type InputTextProps = LabelProps & InputElementProps;
-declare const InputText: (props: InputTextProps) => JSX.Element;
-export default InputText;
+import { LabelProps } from '../label';
+import { InputElementProps } from './types';
+export declare type InputTextProps = LabelProps & InputElementProps;
+declare const InputText: (props: InputTextProps) => JSX.Element;
+export default InputText;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { BoxedInputWrapperProps } from '../../common/styles';
-import { InputElementProps } from '../types';
-declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'isDisabled' | 'status'>;
-export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
-export default InputElement;
+import { BoxedInputWrapperProps } from '../../common/styles';
+import { InputElementProps } from '../types';
+declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'isDisabled' | 'status'>;
+export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default InputElement;

package/dist/components/form/inputText/components/StatusIcon.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { statusType } from 'components/form/common/types';
-interface Props {
-    status: statusType;
-}
-declare const StatusIcon: ({ status }: Props) => JSX.Element | null;
-export default StatusIcon;
+import { statusType } from '../../common/types';
+interface Props {
+    status: statusType;
+}
+declare const StatusIcon: ({ status }: Props) => JSX.Element | null;
+export default StatusIcon;

package/dist/components/form/inputText/components/styled.d.ts

@@ -1,6 +1,6 @@
-import { InputElementProps } from '../types';
-interface Props {
-    inputSize: InputElementProps['inputSize'];
-}
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, Props, never>;
-export {};
+import { InputElementProps } from '../types';
+interface Props {
+    inputSize: InputElementProps['inputSize'];
+}
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, Props, never>;
+export {};

package/dist/components/form/inputText/components/utils.d.ts

@@ -1,7 +1,7 @@
-import { DefaultTheme } from 'styled-components';
-import { InputTextWrapperProps } from './InputElement';
-interface GetInputTextParams extends InputTextWrapperProps {
-    theme: DefaultTheme;
-}
-export declare const getInputTextStyles: ({ theme, isDisabled, status }: GetInputTextParams) => Pick<import("../../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
-export {};
+import { DefaultTheme } from 'styled-components';
+import { InputTextStyles, InputTextWrapperProps } from './InputElement';
+interface GetInputTextParams extends InputTextWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getInputTextStyles: ({ theme, isDisabled, status }: GetInputTextParams) => InputTextStyles;
+export {};

package/dist/components/form/inputText/index.d.ts

@@ -1,3 +1,3 @@
-import InputText, { InputTextProps } from './InputText';
-import inputTextPalette, { InputTextPalette } from './inputTextPalette';
-export { InputText, InputTextProps, InputTextPalette, inputTextPalette };
+import InputText, { InputTextProps } from './InputText';
+import inputTextPalette, { InputTextPalette } from './inputTextPalette';
+export { InputText, InputTextProps, InputTextPalette, inputTextPalette };

package/dist/components/form/inputText/inputText.stories.d.ts

@@ -1 +1,5 @@
-export {};
+import { Meta, Story } from '@storybook/react';
+import { InputTextProps } from './InputText';
+export declare const WithKnobs: Story<InputTextProps>;
+declare const InputTextStories: Meta<InputTextProps>;
+export default InputTextStories;

package/dist/components/form/inputText/inputTextPalette.d.ts

@@ -1,14 +1,14 @@
-import { paletteColor } from '../../../styles/types';
-import { CommonInputParts, statusType } from '../common/types';
-export interface InputTextParts extends CommonInputParts {
-    iconColor: paletteColor;
-}
-declare type StatusesPalette = {
-    [key in statusType]: InputTextParts;
-};
-export interface InputTextPalette extends StatusesPalette {
-    normalFocused: CommonInputParts;
-    disabled: InputTextParts;
-}
-declare const inputTextPalette: InputTextPalette;
-export default inputTextPalette;
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from '../common/types';
+export interface InputTextParts extends CommonInputParts {
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: InputTextParts;
+};
+export declare type InputTextPalette = StatusesPalette & {
+    normalFocused: InputTextParts;
+    disabled: InputTextParts;
+};
+declare const inputTextPalette: InputTextPalette;
+export default inputTextPalette;

package/dist/components/form/inputText/types.d.ts

@@ -1,12 +1,13 @@
-import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
-import { IconProps } from '../../icon';
-import { CommonFormTypes } from '../common/types';
-export declare type inputTypes = 'password' | 'text' | 'number';
-export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
-    leadingIcon?: IconProps;
-    actionIcon?: IconProps;
-    inputType?: inputTypes;
-    placeholder?: ReactText;
-    value?: number | string | null;
-    setValue?: Dispatch<SetStateAction<string>>;
-}
+import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
+import { IconProps } from '../../icon';
+import { CommonFormTypes } from '../common/types';
+export declare const inputTypesArray: string[];
+export declare type inputTypes = typeof inputTypesArray[number];
+export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+    leadingIcon?: IconProps;
+    actionIcon?: IconProps;
+    inputType?: inputTypes;
+    placeholder?: ReactText;
+    value?: number | string | null;
+    setValue?: Dispatch<SetStateAction<string>>;
+}

package/dist/components/form/label/Label.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-export interface LabelProps extends WrapperProps {
-    label?: string;
-}
-declare const Label: ({ label, isDisabled, required }: LabelProps) => JSX.Element | null;
-interface WrapperProps {
-    isDisabled?: boolean;
-    required?: boolean;
-}
-export default Label;
+export interface LabelProps extends WrapperProps {
+    label?: string;
+}
+declare const Label: ({ label, isDisabled, required }: LabelProps) => JSX.Element | null;
+interface WrapperProps {
+    isDisabled?: boolean;
+    required?: boolean;
+}
+export default Label;

package/dist/components/form/label/index.d.ts

@@ -1,2 +1,2 @@
-import Label, { LabelProps } from './Label';
-export { LabelProps, Label };
+import Label, { LabelProps } from './Label';
+export { LabelProps, Label };

package/dist/components/form/select/Select.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { OptionType } from './components/Option';
-import { SelectProps } from './types';
-export declare const Select: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
-export declare const CreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
-export declare const AsyncSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
-export declare const AsyncCreatableSelect: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select/async-creatable").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+import { OptionType } from './components/Option';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
+export declare const Select: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
+export declare const CreatableSelect: <IsMulti extends boolean = false>(props: CreatableSelectProps<IsMulti>) => JSX.Element;
+export declare const AsyncSelect: <IsMulti extends boolean = false>(props: AsyncSelectProps<IsMulti>) => JSX.Element;
+export declare const AsyncCreatableSelect: <IsMulti extends boolean = false>(props: AsyncCreatableSelectProps<IsMulti>) => JSX.Element;

package/dist/components/form/select/SelectWrapper.d.ts

@@ -1,5 +1,5 @@
-import { BoxedInputWrapperProps } from '../common/styles';
-import { SelectProps } from './types';
-export declare type SelectWrapperProps = Pick<SelectProps, 'isDisabled' | 'status' | 'inputSize'>;
-export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background"> & Pick<SelectProps<false, import("react-select").Props<import("./components/Option").OptionType, false, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>, "isDisabled" | "status" | "inputSize">, "borderColor" | "normalFocused" | "color" | "background">;
+import { BoxedInputWrapperProps } from '../common/styles';
+import { SelectProps } from './types';
+export declare type SelectWrapperProps = Pick<SelectProps, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const ClearIndicator: <IsMulti extends boolean = false>({ isDisabled, clearValue, }: import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
-export default ClearIndicator;
+import { IndicatorProps } from 'react-select/src/components/indicators';
+import { OptionType } from './Option';
+declare const ClearIndicator: <IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+export default ClearIndicator;

package/dist/components/form/select/components/Control.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const Control: <IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: import("react-select").ControlProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").ControlProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
-export default Control;
+import { ControlProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Control: <IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+export default Control;

package/dist/components/form/select/components/DropdownIndicator.d.ts

@@ -1,3 +1,4 @@
-import React from 'react';
-declare const DropdownIndicator: <IsMulti extends boolean = false>({ selectProps, }: import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
-export default DropdownIndicator;
+import { IndicatorProps } from 'react-select';
+import { OptionType } from './Option';
+declare const DropdownIndicator: <IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+export default DropdownIndicator;