@fattureincloud/fic-design-system 0.7.37-tmp-react-18 → 0.7.40

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

@@ -15,6 +15,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

@@ -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,6 +1,6 @@
 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,4 +1,4 @@
-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,4 +1,4 @@
 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,4 +1,4 @@
 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,4 +1,4 @@
 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,4 +1,4 @@
 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 {

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

@@ -6,13 +6,13 @@ import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { OptionType } from './components/Option';
 import { CustomStylesType } from './hooks/useSelectThemeStyles';
-export type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
+export declare type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
     isPrefilled?: boolean;
     customStyles?: CustomStylesType<O, IsMulti>;
     isTransparent?: boolean;
     simpleValue?: simpleValue;
 };
-export type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
-export type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
-export type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
-export type simpleValue = string | number | null | undefined;
+export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
+export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
+export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
+export declare type simpleValue = string | number | null | undefined;

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
-export type TextAreaProps = LabelProps & TextAreaElementProps;
+export declare type TextAreaProps = LabelProps & TextAreaElementProps;
 declare const _default: React.ForwardRefExoticComponent<LabelProps & TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default _default;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
 declare const TextAreaElement: React.ForwardRefExoticComponent<TextAreaElementProps & React.RefAttributes<HTMLTextAreaElement | null>>;
-export type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
-export type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
+export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

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

package/dist/components/form/textArea/textAreaPalette.d.ts

@@ -4,7 +4,7 @@ import { statusType } from '../common/types';
 export interface TextAreaParts extends colorsPalette {
     borderColor: paletteColor;
 }
-type StatusesPalette = {
+declare type StatusesPalette = {
     [key in statusType]: TextAreaParts;
 };
 export interface TextAreaPalette extends StatusesPalette {

package/dist/components/groupedList/components/groupElement.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { CommonComponentsProps, GroupType } from '../types';
 interface GroupElementType extends GroupType, CommonComponentsProps {
 }
-declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => JSX.Element;
+declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => React.JSX.Element;
 export default GroupElement;

package/dist/components/groupedList/components/itemElement.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { CommonComponentsProps, ItemType } from '../types';
 interface ItemElementType extends ItemType, CommonComponentsProps {
 }
-declare const ItemElement: (props: ItemElementType) => JSX.Element;
+declare const ItemElement: (props: ItemElementType) => React.JSX.Element;
 export default ItemElement;

package/dist/components/groupedList/components/titleElement.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { GroupType } from '../types';
 interface Props {
     title: GroupType['title'];
     noResults: boolean;
 }
-declare const TitleElement: (props: Props) => JSX.Element;
+declare const TitleElement: (props: Props) => React.JSX.Element;
 export default TitleElement;

package/dist/components/groupedList/groupedList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { GroupedListProps } from './types';
-declare const GroupedList: (props: GroupedListProps) => JSX.Element;
+declare const GroupedList: (props: GroupedListProps) => React.JSX.Element;
 export default GroupedList;

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

@@ -1,5 +1,6 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { GroupedListProps } from './types';
-export declare const Simple: () => JSX.Element;
+export declare const Simple: () => React.JSX.Element;
 declare const GroupedListStories: Meta<GroupedListProps>;
 export default GroupedListStories;

package/dist/components/icon/Icon.d.ts

@@ -5,5 +5,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     isDisabled?: boolean;
 }
 declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
-export type StyledIconProps = IconProps;
+export declare type StyledIconProps = IconProps;
 export default Icon;

package/dist/components/icon/components/iconBackground/iconBackgroundPalette.d.ts

@@ -1,6 +1,6 @@
 import { paletteColor } from '../../../../styles/types';
 import { iconColors } from '../../iconPalette';
-export type IconBackgroundPalette = {
+export declare type IconBackgroundPalette = {
     [key in iconColors]: paletteColor;
 };
 declare const iconBackgroundPalette: IconBackgroundPalette;

package/dist/components/icon/components/iconBackground/utils.d.ts

@@ -1,5 +1,5 @@
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
-type iconSizeMapType = {
+declare type iconSizeMapType = {
     [key in SizeProp]: string;
 };
 export declare const iconSizeMap: iconSizeMapType;

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

@@ -1,8 +1,9 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { IconProps } from './Icon';
-export declare const Normal: () => JSX.Element;
-export declare const WithBackground: () => JSX.Element;
-export declare const DuotoneColored: () => JSX.Element;
-export declare const _CustomIcon: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const WithBackground: () => React.JSX.Element;
+export declare const DuotoneColored: () => React.JSX.Element;
+export declare const _CustomIcon: () => React.JSX.Element;
 declare const IconStories: Meta<IconProps>;
 export default IconStories;