@livechat/design-system-react-components 1.0.0-alpha.47 → 1.0.0-alpha.49

package/dist/src/components/Alert/Alert.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import * as React from 'react';
 declare type AlertKind = 'info' | 'warning' | 'success' | 'error';
 export interface AlertProps {
     className?: string;
     kind?: AlertKind;
     onClose?: () => void;
 }
-export declare const Alert: FC<AlertProps>;
+export declare const Alert: React.FC<AlertProps>;
 export {};

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 declare type AvatarShape = 'circle' | 'rounded-square';
 declare type AvatarSize = 'xxxsmall' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
 declare type AvatarStatus = 'available' | 'unavailable' | 'unknown';
@@ -15,5 +15,5 @@ export interface AvatarProps {
     type: AvatarType;
     withRim?: boolean;
 }
-export declare const Avatar: FC<AvatarProps>;
+export declare const Avatar: React.FC<AvatarProps>;
 export {};

package/dist/src/components/Badge/Badge.d.ts

@@ -1,9 +1,9 @@
-import { FC, HTMLAttributes } from 'react';
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+import * as React from 'react';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     count?: number;
     kind?: 'primary' | 'secondary' | 'tertiary';
     max?: number;
     size?: 'large' | 'medium' | 'compact';
     type?: 'counter' | 'alert' | 'dot';
 }
-export declare const Badge: FC<BadgeProps>;
+export declare const Badge: React.FC<BadgeProps>;

package/dist/src/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { Size } from 'utils';
-import { ReactElement, ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
 export declare type ButtonKind = 'basic' | 'primary' | 'secondary' | 'destructive' | 'text' | 'plain' | 'plain-light';
 export declare type ButtonProps = {
     kind?: ButtonKind;
@@ -7,15 +7,15 @@ export declare type ButtonProps = {
     loading?: boolean;
     fullWidth?: boolean;
     loaderLabel?: string;
-    icon?: ReactElement;
+    icon?: React.ReactElement;
     iconPosition?: 'left' | 'right';
-} & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Button: import("react").ForwardRefExoticComponent<{
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const Button: React.ForwardRefExoticComponent<{
     kind?: ButtonKind | undefined;
     size?: Size | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     loaderLabel?: string | undefined;
-    icon?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     iconPosition?: "left" | "right" | undefined;
-} & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/src/components/Card/Card.d.ts

@@ -1,12 +1,12 @@
+import * as React from 'react';
 import { ButtonProps } from '../Button';
-import { HTMLAttributes, ReactNode, FC } from 'react';
 export declare type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     alt?: string;
     buttonsOptions?: CardButtonOptions[];
     description?: string;
-    expandableContent?: ReactNode;
+    expandableContent?: React.ReactNode;
     src?: string;
     title?: string;
 }
-export declare const Card: FC<CardProps>;
+export declare const Card: React.FC<CardProps>;

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
-export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
+import * as React from 'react';
+export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     checked?: boolean;
     description?: string;
 }
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import ReactDayPicker from 'react-day-picker';
 import { IDatePickerProps } from './types';
-export declare const DatePicker: import("react").ForwardRefExoticComponent<IDatePickerProps & import("react").RefAttributes<ReactDayPicker>>;
+export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<ReactDayPicker>>;

package/dist/src/components/DatePicker/DatePickerNavbar.d.ts

@@ -1,4 +1,4 @@
+import * as React from 'react';
 import { IDatePickerNavbarProps } from './types';
-import { FC } from 'react';
-declare const DatePickerNavbar: FC<IDatePickerNavbarProps>;
+declare const DatePickerNavbar: React.FC<IDatePickerNavbarProps>;
 export default DatePickerNavbar;

package/dist/src/components/DatePicker/types.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement, Reducer, Ref } from 'react';
+import { Reducer } from 'react';
 import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
 import { ClassNames } from 'react-day-picker/types/ClassNames';
 export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
-    innerRef?: Ref<ReactDayPicker>;
+    innerRef?: React.Ref<ReactDayPicker>;
     range?: boolean;
 }
 export interface IDatePickerNavbarProps {
@@ -95,6 +95,6 @@ export interface IRangeDatePickerProps {
     initialToDate?: Date;
     toMonth?: Date;
     onChange: (selected: IRangeDatePickerOption | null) => void;
-    children(payload: IRangeDatePickerChildrenPayload): ReactElement;
+    children(payload: IRangeDatePickerChildrenPayload): React.ReactElement;
 }
 export {};

package/dist/src/components/FieldDescription/FieldDescription.d.ts

@@ -1,3 +1,3 @@
-import { HTMLAttributes, FC } from 'react';
-export declare type FieldDescriptionProps = HTMLAttributes<HTMLSpanElement>;
-export declare const FieldDescription: FC<FieldDescriptionProps>;
+import * as React from 'react';
+export declare type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const FieldDescription: React.FC<FieldDescriptionProps>;

package/dist/src/components/FieldError/FieldError.d.ts

@@ -1,3 +1,3 @@
-import { HTMLAttributes, FC } from 'react';
-export declare type FieldErrorProps = HTMLAttributes<HTMLSpanElement>;
-export declare const FieldError: FC<FieldErrorProps>;
+import * as React from 'react';
+export declare type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const FieldError: React.FC<FieldErrorProps>;

package/dist/src/components/FieldGroup/FieldGroup.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ReactNode, FC } from 'react';
-export interface FieldGroupProps extends HTMLAttributes<HTMLDivElement> {
-    description?: ReactNode;
+import * as React from 'react';
+export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    description?: React.ReactNode;
     error?: string;
     inline?: boolean;
     stretch?: boolean;
 }
-export declare const FieldGroup: FC<FieldGroupProps>;
+export declare const FieldGroup: React.FC<FieldGroupProps>;

package/dist/src/components/FileUploadProgress/FileUploadProgress.d.ts

@@ -1,10 +1,10 @@
+import * as React from 'react';
 import { ProgressSize, ProgressStatus } from '../Progress/constants';
-import { ReactNode, ExoticComponent, RefAttributes } from 'react';
 export declare type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
 export interface FileUploadProgressProps {
     actionsVisibility?: UploadProgressActionState;
     className?: string;
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     title: string;
     progressValue: number;
     size?: ProgressSize;
@@ -12,4 +12,4 @@ export interface FileUploadProgressProps {
     onCloseButtonClick?: () => void;
     onRetryButtonClick?: () => void;
 }
-export declare const FileUploadProgress: ExoticComponent<FileUploadProgressProps & RefAttributes<HTMLInputElement>>;
+export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/FileUploadProgress/FileUploadProgressActions.d.ts

@@ -1,9 +1,9 @@
+import * as React from 'react';
 import { ProgressStatus } from '../Progress/constants';
-import { FC } from 'react';
 interface FileUploadProgressActionsProps {
     status: ProgressStatus;
     onCloseButtonClick?: () => void;
     onRetryButtonClick?: () => void;
 }
-export declare const FileUploadProgressActions: FC<FileUploadProgressActionsProps>;
+export declare const FileUploadProgressActions: React.FC<FileUploadProgressActionsProps>;
 export {};

package/dist/src/components/Form/Form.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode, FC } from 'react';
-export interface FormProps extends HTMLAttributes<HTMLFormElement> {
+import * as React from 'react';
+export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
     labelText?: string;
     helperText?: string;
-    formFooter?: ReactNode;
+    formFooter?: React.ReactNode;
 }
-export declare const Form: FC<FormProps>;
+export declare const Form: React.FC<FormProps>;

package/dist/src/components/FormField/FormField.d.ts

@@ -1,13 +1,13 @@
-import { ReactNode, FC } from 'react';
+import * as React from 'react';
 export interface FormFieldProps {
     labelText?: string;
-    labelAdornment?: ReactNode;
+    labelAdornment?: React.ReactNode;
     labelFor?: string;
     className?: string;
     inline?: boolean;
     error?: string;
-    description?: ReactNode;
-    children?: ReactNode;
-    labelRightNode?: ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    labelRightNode?: React.ReactNode;
 }
-export declare const FormField: FC<FormFieldProps>;
+export declare const FormField: React.FC<FormFieldProps>;

package/dist/src/components/FormGroup/FormGroup.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, FC } from 'react';
-export interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
+import * as React from 'react';
+export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     labelText?: string;
     helperText?: string;
 }
-export declare const FormGroup: FC<FormGroupProps>;
+export declare const FormGroup: React.FC<FormGroupProps>;

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

@@ -1,7 +1,7 @@
-import { FC, SVGProps, ReactElement } from 'react';
+import * as React from 'react';
 export declare type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 export declare type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
-export declare type IconSource = FC<SVGProps<SVGSVGElement>> & ReactElement;
+export declare type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
 export interface IconProps {
     source: IconSource;
     size?: IconSize;
@@ -10,5 +10,5 @@ export interface IconProps {
     className?: string;
     customColor?: string;
 }
-export declare const Icon: FC<IconProps>;
+export declare const Icon: React.FC<IconProps>;
 export default Icon;

package/dist/src/components/Input/Input.d.ts

@@ -1,14 +1,14 @@
+import * as React from 'react';
 import { Size } from 'utils/constants';
-import { InputHTMLAttributes, ReactElement } from 'react';
 interface InputIcon {
-    source: ReactElement;
+    source: React.ReactElement;
     place: 'left' | 'right';
 }
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     inputSize?: Size;
     error?: boolean;
     disabled?: boolean;
     icon?: InputIcon;
 }
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/src/components/Link/Link.d.ts

@@ -1,5 +1,5 @@
-import { AnchorHTMLAttributes, FC } from 'react';
-export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+import * as React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     bold: boolean;
 }
 /**
@@ -11,4 +11,4 @@ export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
  *
  * Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
  */
-export declare const Link: FC<LinkProps>;
+export declare const Link: React.FC<LinkProps>;

package/dist/src/components/Loader/Loader.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, FC } from 'react';
-export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
+import * as React from 'react';
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 'small' | 'medium' | 'large';
     label?: string;
     /** Fragment circle color */
@@ -7,4 +7,4 @@ export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
     /** Main circle color */
     secondaryColor?: string;
 }
-export declare const Loader: FC<LoaderProps>;
+export declare const Loader: React.FC<LoaderProps>;

package/dist/src/components/Modal/Modal.d.ts

@@ -1,9 +1,9 @@
+import * as React from 'react';
 import { ModalBaseProps } from './ModalBase';
-import { ReactNode, FC } from 'react';
 export interface ModalProps extends ModalBaseProps {
-    heading?: ReactNode;
-    labelHeading?: ReactNode;
+    heading?: React.ReactNode;
+    labelHeading?: React.ReactNode;
     fullSpaceContent?: boolean;
-    footer?: ReactNode;
+    footer?: React.ReactNode;
 }
-export declare const Modal: FC<ModalProps>;
+export declare const Modal: React.FC<ModalProps>;

package/dist/src/components/Modal/ModalBase.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, FC } from 'react';
-export interface ModalBaseProps extends HTMLAttributes<HTMLDivElement> {
+import * as React from 'react';
+export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     onClose(): void;
     closeOnEscPress?: boolean;
     closeOnOverlayPress?: boolean;
 }
-export declare const ModalBase: FC<ModalBaseProps>;
+export declare const ModalBase: React.FC<ModalBaseProps>;

package/dist/src/components/Modal/ModalCloseButton.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, FC } from 'react';
-export interface ModalCloseButtonProps extends HTMLAttributes<HTMLButtonElement> {
+import * as React from 'react';
+export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     labelType?: boolean;
     customColor?: string;
 }
-export declare const ModalCloseButton: FC<ModalCloseButtonProps>;
+export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;

package/dist/src/components/Modal/ModalPortal.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode, FC } from 'react';
-export interface ModalPortalProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
+import * as React from 'react';
+export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
     zIndex: number;
     parentElementName?: string;
 }
-export declare const ModalPortal: FC<ModalPortalProps>;
+export declare const ModalPortal: React.FC<ModalPortalProps>;

package/dist/src/components/NumericInput/NumericInput.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, FC } from 'react';
+import * as React from 'react';
 interface Props {
     className?: string;
     error?: string;
@@ -9,6 +9,6 @@ interface Props {
     noControls?: boolean;
     onChange: (value: string) => void;
 }
-export declare type NumericInputProps = InputHTMLAttributes<HTMLInputElement> & Props;
-export declare const NumericInput: FC<NumericInputProps>;
+export declare type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
+export declare const NumericInput: React.FC<NumericInputProps>;
 export {};

package/dist/src/components/Picker/Picker.d.ts

@@ -1,7 +1,7 @@
+import * as React from 'react';
 import { IPickerListItem } from './PickerList';
 import { IconSize } from '../Icon';
 import { Size } from 'utils';
-import { FC } from 'react';
 export declare type PickerType = 'single' | 'multi';
 export interface IPickerProps {
     id?: string;
@@ -20,4 +20,4 @@ export interface IPickerProps {
     searchDisabled?: boolean;
     onSelect: (selectedItems: IPickerListItem[] | null) => void;
 }
-export declare const Picker: FC<IPickerProps>;
+export declare const Picker: React.FC<IPickerProps>;

package/dist/src/components/Picker/PickerList.d.ts

@@ -1,10 +1,10 @@
-import { ReactElement, FC } from 'react';
+import * as React from 'react';
 export interface IPickerListItem {
     key: string;
     name: string;
     customElement?: {
-        listItemBody: ReactElement;
-        selectedItemBody: ReactElement;
+        listItemBody: React.ReactElement;
+        selectedItemBody: React.ReactElement;
     };
     groupHeader?: boolean;
     disabled?: boolean;
@@ -20,4 +20,4 @@ export interface IPickerListProps {
     onSelect: (item: IPickerListItem) => void;
     onSelectAll: () => void;
 }
-export declare const PickerList: FC<IPickerListProps>;
+export declare const PickerList: React.FC<IPickerListProps>;

package/dist/src/components/Picker/Trigger.d.ts

@@ -1,5 +1,5 @@
+import * as React from 'react';
 import { Size } from 'utils';
-import { FC, MouseEvent } from 'react';
 export interface ITriggerProps {
     isSearchDisabled: boolean;
     isDisabled?: boolean;
@@ -9,7 +9,7 @@ export interface ITriggerProps {
     isRequired?: boolean;
     isMultiSelect?: boolean;
     size?: Size;
-    onTrigger: (e: MouseEvent | KeyboardEvent) => void;
+    onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
     onClear: () => void;
 }
-export declare const Trigger: FC<ITriggerProps>;
+export declare const Trigger: React.FC<ITriggerProps>;

package/dist/src/components/Picker/TriggerBody.d.ts

@@ -1,7 +1,7 @@
+import * as React from 'react';
 import { IPickerListItem } from './PickerList';
 import { PickerType } from './Picker';
 import { IconSize } from 'index';
-import { FC } from 'react';
 export interface ITriggerBodyProps {
     isOpen: boolean;
     isSearchDisabled?: boolean;
@@ -13,4 +13,4 @@ export interface ITriggerBodyProps {
     onItemRemove: (item: IPickerListItem) => void;
     onFilter: (text: string) => void;
 }
-export declare const TriggerBody: FC<ITriggerBodyProps>;
+export declare const TriggerBody: React.FC<ITriggerBodyProps>;

package/dist/src/components/Popover/Popover.d.ts

@@ -1,12 +1,12 @@
+import * as React from 'react';
 import { Placement, flip } from '@floating-ui/react-dom';
-import { ReactNode, FC } from 'react';
 export interface IPopoverProps {
-    children?: ReactNode;
+    children?: React.ReactNode;
     className?: string;
     placement?: Placement;
     isVisible?: boolean;
     flipOptions?: Parameters<typeof flip>[0];
-    triggerRenderer: () => ReactNode;
+    triggerRenderer: () => React.ReactNode;
     onClose?: () => void;
 }
-export declare const Popover: FC<IPopoverProps>;
+export declare const Popover: React.FC<IPopoverProps>;

package/dist/src/components/Progress/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { ExoticComponent, RefAttributes } from 'react';
+import * as React from 'react';
 import { ProgressSize, ProgressStatus } from './constants';
 export interface ProgressBarProps {
     className?: string;
@@ -6,4 +6,4 @@ export interface ProgressBarProps {
     status?: ProgressStatus;
     size?: ProgressSize;
 }
-export declare const ProgressBar: ExoticComponent<ProgressBarProps & RefAttributes<HTMLInputElement>>;
+export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Progress/ProgressCircle.d.ts

@@ -1,4 +1,4 @@
-import { ExoticComponent, RefAttributes } from 'react';
+import * as React from 'react';
 import { ProgressSize, ProgressStatus } from './constants';
 export interface ProgressCircleProps {
     className?: string;
@@ -6,4 +6,4 @@ export interface ProgressCircleProps {
     status?: ProgressStatus;
     size?: ProgressSize;
 }
-export declare const ProgressCircle: ExoticComponent<ProgressCircleProps & RefAttributes<HTMLInputElement>>;
+export declare const ProgressCircle: React.ExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/PromoBanner/PromoBanner.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 export interface PromoBannerProps {
     className?: string;
     buttonText?: string;
@@ -10,4 +10,4 @@ export interface PromoBannerProps {
     onClose?: () => void;
     onLinkClick?: () => void;
 }
-export declare const PromoBanner: FC<PromoBannerProps>;
+export declare const PromoBanner: React.FC<PromoBannerProps>;

package/dist/src/components/RadioButton/RadioButton.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
-export interface RadioButtonProps extends HTMLAttributes<HTMLInputElement> {
+import * as React from 'react';
+export interface RadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
     description?: string;
     checked?: boolean;
     disabled?: boolean;
 }
-export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import * as React from 'react';
 export interface ISearchInputProps {
     isCollapsable?: boolean;
     isDisabled?: boolean;
@@ -9,4 +9,4 @@ export interface ISearchInputProps {
     className?: string;
     onChange: (value: string) => void;
 }
-export declare const SearchInput: FC<ISearchInputProps>;
+export declare const SearchInput: React.FC<ISearchInputProps>;

package/dist/src/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,18 +1,18 @@
+import * as React from 'react';
 import { ButtonProps } from '../Button';
-import { HTMLAttributes, FC, MouseEvent } from 'react';
 export declare type ButtonSize = 'compact' | 'medium' | 'large';
 declare type ButtonElement = {
     id: string;
     label: string;
 } & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
-export interface SegmentedControlProps extends HTMLAttributes<HTMLDivElement> {
+export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     buttons: ButtonElement[];
     fullWidth?: boolean;
     size?: ButtonSize;
     initialId?: string;
     currentId?: string;
-    onButtonClick?: (id: string, event: MouseEvent<HTMLElement>) => void;
+    onButtonClick?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const SegmentedControl: FC<SegmentedControlProps>;
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;
 export {};

package/dist/src/components/Switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import { LegacyRef, FormEvent, FC } from 'react';
+import * as React from 'react';
 export declare const baseClass = "switch";
 export declare type SwitchSize = 'compact' | 'medium' | 'large';
 export declare type SwitchState = 'regular' | 'loading' | 'locked';
@@ -7,11 +7,11 @@ export interface SwitchProps {
     className?: string;
     defaultOn?: boolean;
     disabled?: boolean;
-    innerRef?: LegacyRef<HTMLInputElement> | undefined;
+    innerRef?: React.LegacyRef<HTMLInputElement> | undefined;
     name?: string;
     on?: boolean;
-    onChange?(e: FormEvent, value: boolean): void;
+    onChange?(e: React.FormEvent, value: boolean): void;
     size?: SwitchSize;
     state?: SwitchState;
 }
-export declare const Switch: FC<SwitchProps>;
+export declare const Switch: React.FC<SwitchProps>;

package/dist/src/components/Tab/Tab.d.ts

@@ -1,8 +1,8 @@
+import * as React from 'react';
 import { Size } from 'utils';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, FC } from 'react';
-declare type HTMLProps = (AnchorHTMLAttributes<HTMLAnchorElement> & {
+declare type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
-}) | (ButtonHTMLAttributes<HTMLButtonElement> & {
+}) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {
     href?: never;
 });
 export declare type TabProps = HTMLProps & {
@@ -11,5 +11,5 @@ export declare type TabProps = HTMLProps & {
     asBadge?: boolean;
     size?: Size;
 };
-export declare const Tab: FC<TabProps>;
+export declare const Tab: React.FC<TabProps>;
 export {};

package/dist/src/components/Tab/TabsWrapper.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TabsWrapper: FC<HTMLAttributes<HTMLDivElement>>;
-export declare const TabsList: FC<HTMLAttributes<HTMLDivElement>>;
+import * as React from 'react';
+export declare const TabsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const TabsList: React.FC<React.HTMLAttributes<HTMLDivElement>>;

package/dist/src/components/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
+import * as React from 'react';
 import { IconSize, IconSource } from '../Icon';
-import { HTMLAttributes, FC } from 'react';
-export interface TagProps extends HTMLAttributes<HTMLDivElement> {
+export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
     kind?: 'default' | 'info' | 'warning' | 'success' | 'error' | 'purple' | 'black';
     size?: 'medium' | 'large';
     iconSize?: IconSize;
@@ -11,4 +11,4 @@ export interface TagProps extends HTMLAttributes<HTMLDivElement> {
     icon?: IconSource;
     avatar?: string;
 }
-export declare const Tag: FC<TagProps>;
+export declare const Tag: React.FC<TagProps>;