@fattureincloud/fic-design-system 0.7.47 → 1.0.2

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

@@ -27,12 +27,12 @@ export declare enum FloatingBadgeType {
     SUCCESS = "success",
     DISABLED = "disabled"
 }
-export declare type FloatingBadgeColors = {
+export type FloatingBadgeColors = {
     [key in FloatingBadgeType]: {
         color: paletteColor;
         backgroundColor: paletteColor;
     };
 };
-export declare type FloatingBadgePalette = FloatingBadgeColors & {
+export type FloatingBadgePalette = FloatingBadgeColors & {
     borderRadius: string | number;
 };

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { CheckboxProps } from './types';
-export declare const WithStatus: Story<CheckboxProps>;
-export declare const WithBoolean: Story<CheckboxProps>;
+export declare const WithStatus: StoryFn<CheckboxProps>;
+export declare const WithBoolean: StoryFn<CheckboxProps>;
 declare const CheckboxStories: Meta<CheckboxProps>;
 export default CheckboxStories;

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, MouseEvent } from 'react';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 import { LabelProps } from '../label';
@@ -32,7 +32,7 @@ export interface CheckboxInputProps {
     hasError: boolean;
 }
 export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;
     className?: string;
@@ -42,7 +42,7 @@ export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>,
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;
 }
-export declare type CheckboxPalette = {
+export type CheckboxPalette = {
     input: {
         [k in CheckboxState]: {
             [k in CheckboxStatus]: {

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

@@ -5,7 +5,7 @@ interface InputMapParams extends CheckboxInputProps {
     theme: DefaultTheme;
 }
 export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => CheckboxStyles;
-declare type StatusIconType = {
+type StatusIconType = {
     [k in CheckboxStatus]: IconProps['icon'] | null;
 };
 export declare const statusIcon: StatusIconType;

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

@@ -2,9 +2,9 @@ import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 export declare const inputSizeArray: readonly ["large", "medium"];
-export declare type inputSizeType = typeof inputSizeArray[number];
+export type inputSizeType = typeof inputSizeArray[number];
 export declare const statusesArray: readonly ["normal", "success", "warning", "error"];
-export declare type statusType = typeof statusesArray[number];
+export type statusType = typeof statusesArray[number];
 export interface CommonFormTypes {
     inputSize?: inputSizeType;
     disabled?: boolean;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
-declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
 declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
 export default MonthPicker;

package/dist/components/form/datepicker/datePickerPalette.d.ts

@@ -1,7 +1,7 @@
 import { colorsPalette } from '../../../common/types/colorsPalette';
 import { paletteColor } from '../../../styles/types';
-declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-declare type DayPalette = {
+type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+type DayPalette = {
     borderRadius: string;
     today: {
         [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
@@ -13,7 +13,7 @@ declare type DayPalette = {
         [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
 };
-declare type ItemStatusPalette = {
+type ItemStatusPalette = {
     [k in ItemStatus]: colorsPalette;
 };
 interface ItemPalette extends ItemStatusPalette {

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { DatePickerProps } from './types';
-export declare const Normal: Story<DatePickerProps>;
-export declare const WithCustomButton: Story<DatePickerProps>;
+export declare const Normal: StoryFn<DatePickerProps>;
+export declare const WithCustomButton: StoryFn<DatePickerProps>;
 declare const DatePickerStories: Meta<DatePickerProps>;
 export default DatePickerStories;

package/dist/components/form/datepicker/hooks/useFormattedDate.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-import { DateFormats } from '../../../../common/types/dateTypes';
-declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+import { DateFormat, DateFormats } from '../../../../common/types/dateTypes';
+type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
 /**
  * Hook to manage a date in string format
  * @param {string|null} initialValue Initial string value representing a date
@@ -8,5 +8,5 @@ declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, s
  * @param {dateFormat} outputFormat The string value returned by the hook will be formatted with this format
  * @returns {[Date|null, function, string|null, string]} Returns an array with a Date object, the function to update it, a string representation of the date (formatted using the third parameter of the hook) and the currently used format
  */
-declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
+declare const useFormattedDate: (initialValue?: string | null, allowedFormats?: DateFormats | null, outputFormat?: DateFormat) => ReturnType;
 export default useFormattedDate;

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

@@ -1,10 +1,10 @@
-import { Dispatch, ReactChild, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
-export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
-export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
-export declare type CustomButtonProps = {
+export type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+export type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
+export type CustomButtonProps = {
     text: string;
     onClick: (props: RenderCustomFooterProps) => void;
 };
@@ -24,4 +24,4 @@ export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChang
     isPrefilled?: boolean;
     onChangeManually?: (date: Date | null) => void;
 }
-export declare type DatePickerProps = LabelProps & DatePickerImplProps;
+export type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/fileUploader/FileUploader.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FileRejection } from 'react-dropzone';
 import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
-export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
 export interface FileUploaderProps {
     allowedTypes: FileType[];
     className?: string;

package/dist/components/form/fileUploader/components/FileUploaderContent.d.ts

@@ -4,8 +4,8 @@ import { FileUploaderSize, statuses } from '../types';
 interface Props {
     icon: IconProps | null;
     status: statuses;
-    text?: React.ReactChild | null;
-    caption?: React.ReactChild | null;
+    text?: React.ReactNode | null;
+    caption?: React.ReactNode | null;
     size: FileUploaderSize;
 }
 declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;

package/dist/components/form/fileUploader/fileTypes.d.ts

@@ -0,0 +1,3 @@
+import { FileUploaderTypes } from './types';
+declare const types: FileUploaderTypes;
+export default types;

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { FileUploaderProps } from './FileUploader';
-export declare const WithKnobs: Story<FileUploaderProps>;
+export declare const WithKnobs: StoryFn<FileUploaderProps>;
 declare const FileUploaderStories: Meta<FileUploaderProps>;
 export default FileUploaderStories;

package/dist/components/form/fileUploader/fileUploaderPalette.d.ts

@@ -2,16 +2,16 @@
 import { paletteColor } from '../../../styles/types';
 import { IconProps } from '../../icon';
 import { statuses } from './types';
-export declare type FileUploaderParts = {
+export type FileUploaderParts = {
     background: paletteColor;
     borderColor: paletteColor;
     color: paletteColor;
     secondaryColor: paletteColor;
-    text: React.ReactChild | null;
-    caption: React.ReactChild | null;
+    text: React.ReactNode | null;
+    caption: React.ReactNode | null;
     icon: IconProps | null;
 };
-export declare type FileUploaderPalette = {
+export type FileUploaderPalette = {
     [key in statuses]: FileUploaderParts;
 };
 declare const fileUploaderPalette: FileUploaderPalette;

package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts

@@ -1,3 +1,3 @@
 import { CustomPalette, CustomPaletteParts, statuses } from '../types';
-declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => CustomPaletteParts;
+declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette) => CustomPaletteParts;
 export default useCustomPalette;

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+export default useTexts;

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

@@ -1,18 +1,18 @@
 import { FileUploaderParts } from './fileUploaderPalette';
 export declare const uploaderStatusesArray: readonly ["default", "uploading", "success", "error", "disabled"];
-export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
-export declare type statuses = FileUploaderStatus | 'dragging';
+export type FileUploaderStatus = typeof uploaderStatusesArray[number];
+export type statuses = FileUploaderStatus | 'dragging';
 export declare const uploaderSize: readonly ["small", "normal"];
-export declare type FileUploaderSize = typeof uploaderSize[number];
+export type FileUploaderSize = typeof uploaderSize[number];
 export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "p7m", "csv"];
-export declare type FileType = typeof typesArray[number];
-declare type TypeDefinition = {
+export type FileType = typeof typesArray[number];
+type TypeDefinition = {
     mimeTypes: string[];
     extensions: string[];
 };
-export declare type FileTypesMap = Record<FileType, TypeDefinition>;
-export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
-export declare type CustomPalette = {
+export type FileTypesMap = Record<FileType, TypeDefinition>;
+export type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
+export type CustomPalette = {
     [key in statuses]?: Partial<CustomPaletteParts>;
 };
 export {};

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
 export declare const inputHelperStatusesArray: string[];
-export declare type inputHelperStatus = typeof inputHelperStatusesArray[number];
+export type inputHelperStatus = typeof inputHelperStatusesArray[number];

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
-declare type inputRef = HTMLInputElement | null;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
-export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+type inputRef = HTMLInputElement | null;
+export type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
+export type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
     name?: string | undefined;

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

@@ -1,4 +1,4 @@
-declare type CountryPrefix = {
+type CountryPrefix = {
     country: string;
     prefix: string;
     iso: string;

package/dist/components/form/inputText/hooks/useCodeInputHooks.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { InputCodeProps } from '../types';
-declare type CodInputHooks = {
+type CodInputHooks = {
     handleInput: (v: string) => void;
     handlePaste: (e: React.ClipboardEvent) => void;
     refs: React.MutableRefObject<(HTMLInputElement | null)[]>;

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

@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
-export declare const WithKnobs: Story<InputTextProps>;
-export declare const WithUnitDropdown: Story<InputTextProps>;
-export declare const CodeInputExample: Story<InputCodeProps>;
-export declare const TelephoneInputExample: Story<InputTelephoneProps>;
+export declare const WithKnobs: StoryFn<InputTextProps>;
+export declare const WithUnitDropdown: StoryFn<InputTextProps>;
+export declare const CodeInputExample: StoryFn<InputCodeProps>;
+export declare const TelephoneInputExample: StoryFn<InputTelephoneProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

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

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

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

@@ -5,9 +5,9 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-export declare type inputTypes = typeof inputTypesArray[number];
-declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
-export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
+export type inputTypes = (typeof inputTypesArray)[number];
+type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
+export type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
     hideStatusIcon?: boolean;
     inputType?: 'password' | 'text' | 'number';
@@ -22,7 +22,7 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     value?: number | string | null;
     autoComplete?: string;
 };
-export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
+export type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;
     fieldsCount: number;
     fieldsGap?: number;
@@ -32,7 +32,7 @@ export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInp
     separatorEvery?: number;
     separator?: JSX.Element;
 };
-export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
+export type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;
     inputType?: 'telephone';
     placeholder?: ReactText;
@@ -40,5 +40,5 @@ export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     setValue: Dispatch<SetStateAction<string>>;
     value?: string | null;
 };
-export declare type InputTextProps = LabelProps & InputElementProps;
+export type InputTextProps = LabelProps & InputElementProps;
 export {};

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

@@ -16,6 +16,6 @@ export declare enum LabelType {
     SUCCESS = "success",
     DISABLED = "disabled"
 }
-export declare type LabelPalette = {
+export type LabelPalette = {
     [key in LabelType]: paletteColor;
 };

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { RadioProps } from './types';
-export declare const WithStatus: Story<RadioProps>;
-export declare const WithBoolean: Story<RadioProps>;
+export declare const WithStatus: StoryFn<RadioProps>;
+export declare const WithBoolean: StoryFn<RadioProps>;
 declare const RadioStories: Meta<RadioProps>;
 export default RadioStories;

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

@@ -1,4 +1,4 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, MouseEvent } from 'react';
 import { LabelProps } from '../../../common/types/label';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
@@ -29,7 +29,7 @@ export interface RadioInputProps {
     hasError: boolean;
 }
 export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;
     className?: string;
@@ -38,7 +38,7 @@ export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<
 export interface RadioProps extends Omit<RadioImplProps, 'value'> {
     value: RadioImplProps['value'] | boolean;
 }
-export declare type RadioPalette = {
+export type RadioPalette = {
     input: {
         [k in RadioState]: {
             [k in RadioStatus]: {

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { RadioGroupProps } from './types';
-export declare const WithStatus: Story<RadioGroupProps>;
+export declare const WithStatus: StoryFn<RadioGroupProps>;
 declare const RadioGrupStories: Meta<RadioGroupProps>;
 export default RadioGrupStories;

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

@@ -2,7 +2,7 @@
 import { spacing } from '../../../styles/spacing';
 import { InputHelperProps } from '../inputHelper';
 import { RadioProps } from '../radio';
-export declare type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
+export type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
 export interface RadioGroupProps extends RadioGroupWrapperProps {
     options: RadioGroupOptions;
     initialSelection?: number;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { OptionType } from './components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
-export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti, import("react-select").Props<O, IsMulti, import("react-select").GroupTypeBase<O>>>) => JSX.Element;
+export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti>) => JSX.Element;
 export declare const CreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: CreatableSelectProps<O, IsMulti>) => JSX.Element;
 export declare const AsyncSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncSelectProps<O, IsMulti>) => JSX.Element;
 export declare const AsyncCreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncCreatableSelectProps<O, 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, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
-export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
+export type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "isTransparent" | "normalFocused">;

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { MenuListComponentProps } from 'react-select/src/components/Menu';
 import { OptionType } from './Option';
-declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti>) => JSX.Element;
 export default MenuList;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SingleValueProps } from 'react-select';
 import { OptionType } from './Option';
-declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O>) => JSX.Element;
 export default SingleValue;

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents<IsMulti extends boolean = false> = Required<Required<SelectProps<IsMulti>>['components']>;
+export declare type OptionProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Option']>;
+export declare type PlaceholderProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Placeholder']>;
+export declare type ControlProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Control']>;
+export declare type MenuListProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['MenuList']>;
+export declare type DropdownIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['DropdownIndicator']>>;
+export declare type ClearIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['ClearIndicator']>>;
+export {};

package/dist/components/form/select/hooks/useSelectGeneric.d.ts

@@ -1,6 +1,6 @@
 import { OptionType } from '../components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from '../types';
-declare type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
+type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
 interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> {
     customComponents: Partial<SelectProps<O, IsMulti>['components']>;
     styles: SelectProps<O, IsMulti>['styles'];

package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts

@@ -1,6 +1,6 @@
 import { OptionType } from '../components/Option';
 import { SelectProps, simpleValue } from '../types';
-declare type ReturnType<O extends OptionType = OptionType> = {
+type ReturnType<O extends OptionType = OptionType> = {
     simpleValue: simpleValue;
     onChange: Required<SelectProps<O>>['onChange'];
 };

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -3,7 +3,7 @@ import { CSSObject } from 'styled-components';
 import { statusType } from '../../common/types';
 import { OptionType } from '../components/Option';
 import { SelectProps } from '../types';
-export declare type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
+export type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> {
     customStyles?: CustomStylesType<O, IsMulti>;
     status: statusType;

package/dist/components/form/select/hooks/useSelectValue.d.ts

@@ -1,8 +1,8 @@
 import { Dispatch, SetStateAction } from 'react';
 import { ValueType } from 'react-select';
 import { OptionType } from '../components/Option';
-declare type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
-declare type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
+type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
+type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
     valueType<O, IsMulti> | undefined,
     Dispatch<SetStateAction<valueType<O, IsMulti> | undefined>>
 ];

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

@@ -6,5 +6,5 @@ import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Se
 import selectPalette, { SelectPalette } from './selectPalette';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
 import { isSimpleValue } from './utils';
-declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
+type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
 export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };

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

@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
-export declare const Single: Story<SelectProps>;
-export declare const Simple: Story<SelectProps>;
-export declare const Multi: Story<SelectProps<OptionType, true>>;
+export declare const Single: StoryFn<SelectProps>;
+export declare const Simple: StoryFn<SelectProps>;
+export declare const Multi: StoryFn<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;