@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 0.7.46

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 type inputSizeType = typeof inputSizeArray[number];
+export declare type inputSizeType = typeof inputSizeArray[number];
 export declare const statusesArray: readonly ["normal", "success", "warning", "error"];
-export type statusType = typeof statusesArray[number];
+export declare 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';
-type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare 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';
-type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-type DayPalette = {
+declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
+declare type DayPalette = {
     borderRadius: string;
     today: {
         [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
@@ -13,7 +13,7 @@ type DayPalette = {
         [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
     };
 };
-type ItemStatusPalette = {
+declare 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, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { DatePickerProps } from './types';
-export declare const Normal: StoryFn<DatePickerProps>;
-export declare const WithCustomButton: StoryFn<DatePickerProps>;
+export declare const Normal: Story<DatePickerProps>;
+export declare const WithCustomButton: Story<DatePickerProps>;
 declare const DatePickerStories: Meta<DatePickerProps>;
 export default DatePickerStories;

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

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-import { DateFormat, DateFormats } from '../../../../common/types/dateTypes';
-type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
+import { DateFormats } from '../../../../common/types/dateTypes';
+declare 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 @@ type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string |
  * @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, allowedFormats?: DateFormats | null, outputFormat?: DateFormat) => ReturnType;
+declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
 export default useFormattedDate;

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

@@ -1,10 +1,10 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, ReactChild, SetStateAction } from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
-export type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
-export type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
-export type CustomButtonProps = {
+export declare type DatePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
+export declare 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 type DatePickerProps = LabelProps & DatePickerImplProps;
+export declare 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 type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export declare 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.ReactNode | null;
-    caption?: React.ReactNode | null;
+    text?: React.ReactChild | null;
+    caption?: React.ReactChild | null;
     size: FileUploaderSize;
 }
 declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { FileUploaderProps } from './FileUploader';
-export declare const WithKnobs: StoryFn<FileUploaderProps>;
+export declare const WithKnobs: Story<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 type FileUploaderParts = {
+export declare type FileUploaderParts = {
     background: paletteColor;
     borderColor: paletteColor;
     color: paletteColor;
     secondaryColor: paletteColor;
-    text: React.ReactNode | null;
-    caption: React.ReactNode | null;
+    text: React.ReactChild | null;
+    caption: React.ReactChild | null;
     icon: IconProps | null;
 };
-export type FileUploaderPalette = {
+export declare 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) => CustomPaletteParts;
+declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => CustomPaletteParts;
 export default useCustomPalette;

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 type FileUploaderStatus = typeof uploaderStatusesArray[number];
-export type statuses = FileUploaderStatus | 'dragging';
+export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
+export declare type statuses = FileUploaderStatus | 'dragging';
 export declare const uploaderSize: readonly ["small", "normal"];
-export type FileUploaderSize = typeof uploaderSize[number];
+export declare type FileUploaderSize = typeof uploaderSize[number];
 export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "p7m", "csv"];
-export type FileType = typeof typesArray[number];
-type TypeDefinition = {
+export declare type FileType = typeof typesArray[number];
+declare type TypeDefinition = {
     mimeTypes: string[];
     extensions: string[];
 };
-export type FileTypesMap = Record<FileType, TypeDefinition>;
-export type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
-export type CustomPalette = {
+export declare type FileTypesMap = Record<FileType, TypeDefinition>;
+export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon' | 'background'>;
+export declare type CustomPalette = {
     [key in statuses]?: Partial<CustomPaletteParts>;
 };
 export {};

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactChild } from 'react';
 import { IconProps } from '../../icon';
 import { inputHelperStatus } from './types';
 export interface InputHelperProps extends WrapperProps {
-    message: ReactNode;
+    message: ReactChild;
     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) => IconProps | null;
+export declare const useHelperIcon: (status: inputHelperStatus, icon?: IconProps | null | undefined) => IconProps | null;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { InputHelperProps } from './InputHelper';
-export declare const WithKnobs: StoryFn<InputHelperProps>;
+export declare const WithKnobs: Story<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 type InputHelperPalette = {
+export declare 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 type inputHelperStatus = typeof inputHelperStatusesArray[number];
+export declare 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';
-type inputRef = HTMLInputElement | null;
-export type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
-export type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+declare type inputRef = HTMLInputElement | null;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
+export declare 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/components/codeInput/CodeInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CodeInputProps } from '../../types';
+declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
+export default CodeInput;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../../icon").IconProps | undefined;
+    placeholder?: import("react").ReactText | undefined;
+    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CodeInputProps } from '../../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TelephoneInputProps } from '../../types';
+declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
+export default TelephoneInput;

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

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

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

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

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

@@ -1,4 +1,4 @@
-type CountryPrefix = {
+declare 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';
-type CodInputHooks = {
+declare 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, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { InputCodeProps, InputTelephoneProps, InputTextProps } from './types';
-export declare const WithKnobs: StoryFn<InputTextProps>;
-export declare const WithUnitDropdown: StoryFn<InputTextProps>;
-export declare const CodeInputExample: StoryFn<InputCodeProps>;
-export declare const TelephoneInputExample: StoryFn<InputTelephoneProps>;
+export declare const WithKnobs: Story<InputTextProps>;
+export declare const WithUnitDropdown: Story<InputTextProps>;
+export declare const CodeInputExample: Story<InputCodeProps>;
+export declare const TelephoneInputExample: Story<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;
 }
-type StatusesPalette = {
+declare type StatusesPalette = {
     [key in statusType]: InputTextParts;
 };
-export type InputTextPalette = StatusesPalette & {
+export declare 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 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 & {
+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 & {
     actionIcon?: IconProps;
     hideStatusIcon?: boolean;
     inputType?: 'password' | 'text' | 'number';
@@ -22,7 +22,7 @@ export type InputElementProps = CommonFormTypes & HTMLInputProps & {
     value?: number | string | null;
     autoComplete?: string;
 };
-export type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
+export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;
     fieldsCount: number;
     fieldsGap?: number;
@@ -32,7 +32,7 @@ export type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps,
     separatorEvery?: number;
     separator?: JSX.Element;
 };
-export type InputTelephoneProps = LabelProps & CommonFormTypes & {
+export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;
     inputType?: 'telephone';
     placeholder?: ReactText;
@@ -40,5 +40,5 @@ export type InputTelephoneProps = LabelProps & CommonFormTypes & {
     setValue: Dispatch<SetStateAction<string>>;
     value?: string | null;
 };
-export type InputTextProps = LabelProps & InputElementProps;
+export declare 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 type LabelPalette = {
+export declare type LabelPalette = {
     [key in LabelType]: paletteColor;
 };

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

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

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, MouseEvent } from 'react';
+import { ChangeEvent, InputHTMLAttributes } 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: MouseEvent<HTMLInputElement>) => void;
+    onClick?: (e: ChangeEvent<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 type RadioPalette = {
+export declare type RadioPalette = {
     input: {
         [k in RadioState]: {
             [k in RadioStatus]: {

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { RadioGroupProps } from './types';
-export declare const WithStatus: StoryFn<RadioGroupProps>;
+export declare const WithStatus: Story<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 type RadioGroupOptions = Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
+export declare 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>) => JSX.Element;
+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 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 type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
-export type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
+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" | "isPrefilled" | "isTransparent" | "normalFocused">;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IndicatorProps } from 'react-select';
+import { IndicatorProps } from 'react-select/src/components/indicators';
 import { OptionType } from './Option';
-declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti>) => JSX.Element;
+declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => 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>) => JSX.Element;
+declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => 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>) => JSX.Element;
+declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => 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>) => JSX.Element;
+declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => 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>) => JSX.Element;
+declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default SingleValue;

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';
-type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
+declare 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';
-type ReturnType<O extends OptionType = OptionType> = {
+declare 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 type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
+export declare 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';
-type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
-type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
+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> = [
     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';
-type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
+declare 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, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
-export declare const Single: StoryFn<SelectProps>;
-export declare const Simple: StoryFn<SelectProps>;
-export declare const Multi: StoryFn<SelectProps<OptionType, true>>;
+export declare const Single: Story<SelectProps>;
+export declare const Simple: Story<SelectProps>;
+export declare const Multi: Story<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;

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

@@ -5,7 +5,7 @@ export interface SelectParts extends colorsPalette {
     borderColor: paletteColor;
     iconColor: paletteColor;
 }
-type StatusesPalette = {
+declare type StatusesPalette = {
     [key in statusType]: SelectParts;
 };
 export interface SelectPalette extends StatusesPalette {