@livechat/design-system-react-components 1.25.0 → 2.0.0-alpha.1

package/dist/components/ActionBar/ActionBar.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { IActionBarProps } from './types';
+import * as React from 'react';
 export declare const ActionBar: React.FC<IActionBarProps>;

package/dist/components/ActionBar/ActionBarItem.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { IActionBarItem } from './types';
+import * as React from 'react';
 export declare const ActionBarItem: React.FC<IActionBarItem>;

package/dist/components/ActionBar/constants.d.ts

@@ -1,2 +1,3 @@
 import { IActionBarOption } from './types';
+
 export declare const getDefaultOptions: (onClickHandler: (key: string) => void) => IActionBarOption[];

package/dist/components/ActionCard/ActionCard.d.ts

@@ -1,3 +1,4 @@
-import * as React from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { ActionCardProps } from './types';
-export declare const ActionCard: React.FC<ActionCardProps>;
+
+export declare const ActionCard: FC<PropsWithChildren<ActionCardProps>>;

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { IActionMenuProps } from './types';
+import * as React from 'react';
 export declare const ActionMenu: React.FC<IActionMenuProps>;

package/dist/components/ActionMenu/ActionMenuItem.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { ActionMenuItemProps } from './types';
+import * as React from 'react';
 export declare const ActionMenuItem: React.FC<React.PropsWithChildren<ActionMenuItemProps>>;

package/dist/components/ActionMenu/stories-constants.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import noop from '../../utils/noop';
+import { default as noop } from '../../utils/noop';
+
 export declare const exampleOptions: ({
     key: string;
-    element: React.JSX.Element;
+    element: import("react/jsx-runtime").JSX.Element;
     onClick: typeof noop;
     disabled?: undefined;
     withDivider?: undefined;
 } | {
     key: string;
-    element: React.JSX.Element;
+    element: import("react/jsx-runtime").JSX.Element;
     disabled: boolean;
     withDivider: boolean;
     onClick: typeof noop;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Placement, flip, Strategy } from '@floating-ui/react';
 import { ComponentCoreProps } from '../../utils/types';
+import * as React from 'react';
 export interface IActionMenuOption {
     key: string;
     element: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ComponentCoreProps } from '../../utils/types';
+import * as React from 'react';
 type AlertKind = 'info' | 'warning' | 'success' | 'error';
 export interface AlertProps extends ComponentCoreProps {
     /**

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { ComponentCoreProps } from '../../utils/types';
 import { AvatarShape, AvatarSize, AvatarStatus, AvatarType } from './types';
+import * as React from 'react';
 export interface AvatarProps extends ComponentCoreProps {
     /**
      * Alternate text for an image avatar

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

@@ -21,4 +21,4 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
      */
     type?: 'counter' | 'alert' | 'dot';
 }
-export declare const Badge: React.FC<BadgeProps>;
+export declare const Badge: React.FC<React.PropsWithChildren<BadgeProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonKind, ButtonSize } from './types';
+import * as React from 'react';
 export type ButtonProps = {
     /**
      * Specify the button kind

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

@@ -1,2 +1,3 @@
 import { ButtonKind } from './types';
+
 export declare const getSpinnerColors: (kind: ButtonKind) => Record<string, string> | undefined;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonProps } from '../Button';
+import * as React from 'react';
 export type CardButtonOptions = Pick<ButtonProps, 'children' | 'kind' | 'onClick'>;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -27,4 +27,4 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     title?: string;
 }
-export declare const Card: React.FC<CardProps>;
+export declare const Card: React.FC<React.PropsWithChildren<CardProps>>;

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

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

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

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

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

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const DatePickerRangeCalendarsWrapper: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export declare const DatePickerRangeCalendarsWrapper: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>>;

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

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { IRangeDatePickerProps } from './types';
+
 export declare const RangeDatePicker: {
     ({ options, initialSelectedItemKey, initialFromDate, initialToDate, toMonth, onChange, children, }: IRangeDatePickerProps): ReactElement;
     defaultProps: {

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

@@ -1,6 +1,7 @@
 import { Modifiers } from 'react-day-picker';
 import { ClassNames } from 'react-day-picker/types/ClassNames';
 import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
+
 export declare const isDateWithinRange: (date: Date, range: {
     from?: Date;
     to?: Date;

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

@@ -1,5 +1,6 @@
 import { Dispatch, ReducerAction, ReducerState } from 'react';
 import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
+
 export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
     ReducerState<RangeDatePickerReducer>,
     Dispatch<ReducerAction<RangeDatePickerReducer>>

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

@@ -1,6 +1,7 @@
 import { Reducer, Ref, ReactElement } from 'react';
-import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
+import { default as 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>;
     range?: boolean;

package/dist/components/DetailsCard/DetailsCard.d.ts

@@ -37,4 +37,4 @@ export interface IDetailsCardProps {
      */
     onClick?: () => void;
 }
-export declare const DetailsCard: React.FC<IDetailsCardProps>;
+export declare const DetailsCard: React.FC<React.PropsWithChildren<IDetailsCardProps>>;

package/dist/components/DetailsCardInfo/DetailsCardInfo.d.ts

@@ -5,4 +5,4 @@ export interface IDetailsCardInfoProps {
      */
     label: string;
 }
-export declare const DetailsCardInfo: React.FC<IDetailsCardInfoProps>;
+export declare const DetailsCardInfo: React.FC<React.PropsWithChildren<IDetailsCardInfoProps>>;

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

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

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

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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ProgressSize, ProgressStatus } from '../Progress/constants';
+import * as React from 'react';
 export type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
 export interface FileUploadProgressProps {
     /**

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ProgressStatus } from '../Progress/constants';
+import * as React from 'react';
 interface FileUploadProgressActionsProps {
     status: ProgressStatus;
     onCloseButtonClick?: () => void;

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

@@ -37,4 +37,4 @@ export interface FormFieldProps {
      */
     labelRightNode?: React.ReactNode;
 }
-export declare const FormField: React.FC<FormFieldProps>;
+export declare const FormField: React.FC<React.PropsWithChildren<FormFieldProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { IconSource } from './types';
+import * as React from 'react';
 export type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
 export type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error' | 'negative' | 'positive' | 'action-primary' | 'action-negative' | 'action-positive' | 'action-warning' | 'action-neutral' | 'lock-black';
 export interface IconProps {
@@ -28,5 +28,5 @@ export interface IconProps {
      */
     customColor?: string;
 }
-export declare const Icon: React.FC<IconProps>;
+export declare const Icon: React.FC<React.PropsWithChildren<IconProps>>;
 export default Icon;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { IconSource } from '../index';
 import { IconName } from './types';
+import * as React from 'react';
 export type IconsMap = {
     [key: string]: IconSource;
 };

package/dist/components/Icon/IconsShowcase/constans.d.ts

@@ -1,2 +1,3 @@
 import { IconGroup, IconName } from './types';
+
 export declare const IconsData: Record<IconName, IconGroup>;

package/dist/components/Icon/IconsShowcase/helpers.d.ts

@@ -1,2 +1,3 @@
 import { IconGroup, IconName } from './types';
+
 export declare const getIconsByGroup: (group: IconGroup) => IconName[];

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

@@ -1,2 +1,3 @@
-import * as React from 'react';
-export type IconSource = React.FC<React.SVGProps<SVGSVGElement>>;
+import { FC, SVGProps } from 'react';
+
+export type IconSource = FC<SVGProps<SVGSVGElement>>;

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

@@ -11,4 +11,4 @@ export interface LinkProps extends React.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: React.FC<LinkProps>;
+export declare const Link: React.FC<React.PropsWithChildren<LinkProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ModalBaseProps } from './components/ModalBase';
+import * as React from 'react';
 export interface ModalProps extends ModalBaseProps {
     /**
      * Header element. For consistent UI use `<ModalHeader/>`
@@ -22,4 +22,4 @@ export interface ModalProps extends ModalBaseProps {
      */
     contentClassName?: string;
 }
-export declare const Modal: React.FC<ModalProps>;
+export declare const Modal: React.FC<React.PropsWithChildren<ModalProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonProps } from '../../Button';
+import * as React from 'react';
 export interface ModalCloseButtonProps extends ButtonProps {
     labelType?: boolean;
     customColor?: string;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { AvatarProps } from '../../Avatar';
 import { IconProps } from '../../Icon';
+import * as React from 'react';
 export interface ModalHeaderProps {
     /**
      * Set the header title
@@ -23,4 +23,4 @@ export interface ModalHeaderProps {
      */
     className?: string;
 }
-export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export declare const ModalHeader: React.FC<React.PropsWithChildren<ModalHeaderProps>>;

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

@@ -4,4 +4,4 @@ export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
     zIndex: number;
     parentElementName?: string;
 }
-export declare const ModalPortal: React.FC<ModalPortalProps>;
+export declare const ModalPortal: React.FC<React.PropsWithChildren<ModalPortalProps>>;

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

@@ -9,4 +9,4 @@ export type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     noControls?: boolean;
     onChange: (value: string) => void;
 };
-export declare const NumericInput: React.FC<NumericInputProps>;
+export declare const NumericInput: React.FC<React.PropsWithChildren<NumericInputProps>>;

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { IPickerProps } from './types';
+import * as React from 'react';
 export declare const Picker: React.FC<IPickerProps>;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
 import { FloatingContext } from '@floating-ui/react';
 import { VirtuosoProps } from 'react-virtuoso';
 import { IPickerListItem } from '../types';
+import * as React from 'react';
 export interface IPickerListProps {
     pickerType?: 'single' | 'multi';
     options: IPickerListItem[];

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { IPickerListItem } from '../types';
+import * as React from 'react';
 interface IPickerListItemProps {
     index: number;
     isActive: boolean;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Size } from '../../../utils';
+import * as React from 'react';
 export interface PickerTriggerProps {
     setReference: (element: HTMLElement | null) => void;
     getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Size } from '../../../utils';
 import { PickerType, IPickerListItem } from '../types';
+import * as React from 'react';
 export interface ITriggerBodyProps {
     isOpen: boolean;
     isSearchDisabled?: boolean;

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

@@ -1,3 +1,5 @@
+import { IPickerListItem } from './types';
+
 export declare const ITEM_GAP_HEIGHT = 2;
 export declare const MIN_LIST_HEIGHT = 200;
 export declare const DEFAULT_LIST_HEIGHT = 400;
@@ -34,33 +36,5 @@ export declare const DEFAULT_EXTENDED_OPTIONS: ({
     disabled: boolean;
     groupHeader?: undefined;
 })[];
-export declare const DEFAULT_MORE_PICKER_OPTIONS: ({
-    key: string;
-    name: string;
-    secondaryText: string;
-    showCheckbox?: undefined;
-    icon?: undefined;
-    avatarSrc?: undefined;
-} | {
-    key: string;
-    name: string;
-    showCheckbox: boolean;
-    secondaryText?: undefined;
-    icon?: undefined;
-    avatarSrc?: undefined;
-} | {
-    key: string;
-    name: string;
-    icon: (props: import("react").SVGProps<SVGSVGElement>) => JSX.Element;
-    secondaryText?: undefined;
-    showCheckbox?: undefined;
-    avatarSrc?: undefined;
-} | {
-    key: string;
-    name: string;
-    avatarSrc: string;
-    secondaryText?: undefined;
-    showCheckbox?: undefined;
-    icon?: undefined;
-})[];
+export declare const DEFAULT_MORE_PICKER_OPTIONS: IPickerListItem[];
 export declare const SELECT_ALL_OPTION_KEY = "select-all";

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

@@ -1,4 +1,5 @@
 import { IPickerListItem } from './types';
+
 export declare const findIndicesWhere: <T>(array: T[], predicate: (item: T) => boolean) => number[];
 export declare const getNormalizedItems: (items: IPickerListItem[]) => IPickerListItem[];
 export declare const getPickerListItemKey: ({ key }: IPickerListItem) => string;

package/dist/components/Picker/hooks/useFloatingPicker.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { FloatingContext, Placement, Strategy, UseClickProps, UseDismissProps } from '@floating-ui/react';
 import { IPickerListItem } from '../types';
+import * as React from 'react';
 interface UseFloatingPickerProps {
     disabled?: boolean;
     items: IPickerListItem[];
@@ -15,10 +15,10 @@ interface UseFloatingPickerProps {
     onVisibilityChange?: (open: boolean, event?: Event | undefined) => void;
 }
 interface IUseFloatingPicker {
-    getReferenceProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
     setReference: (element: HTMLElement | null) => void;
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, 'selected' | 'active'>) => Record<string, unknown>;
     floatingStyles: React.CSSProperties;
     isPositioned: boolean;
     context: FloatingContext<HTMLButtonElement>;

package/dist/components/Picker/hooks/usePickerItems.d.ts

@@ -1,4 +1,5 @@
 import { IPickerListItem } from '../types';
+
 interface UsePickerItemsProps {
     selected?: IPickerListItem[] | null;
     options: IPickerListItem[];

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

@@ -4,6 +4,7 @@ import { VirtuosoProps } from 'react-virtuoso';
 import { Size } from '../../utils';
 import { ComponentCoreProps } from '../../utils/types';
 import { IconSource } from '../Icon';
+
 export interface IPickerListItem {
     key: string;
     name: string;

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { IPopoverProps } from './types';
-export declare const Popover: React.FC<IPopoverProps>;
+import * as React from 'react';
+export declare const Popover: React.FC<React.PropsWithChildren<IPopoverProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Placement, UseClickProps, UseDismissProps, FlipOptions, Strategy } from '@floating-ui/react';
+import * as React from 'react';
 export interface IPopoverProps {
     children?: React.ReactNode;
     /**

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ProgressSize, ProgressStatus } from './constants';
+import * as React from 'react';
 export interface ProgressBarProps {
     /**
      * The CSS class for container

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ProgressSize, ProgressStatus } from './constants';
+import * as React from 'react';
 export interface ProgressCircleProps {
     /**
      * The CSS class for container

package/dist/components/Progress/helpers.d.ts

@@ -1,3 +1,4 @@
 import { ProgressStatus } from './constants';
+
 export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
 export declare function getProgressStatus(status: ProgressStatus, percent: number): ProgressStatus;

package/dist/components/PromoBannerV2/PromoBannerV2.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonKind } from '../Button';
+import * as React from 'react';
 export interface IPromoBannerV2Props {
     /**
      * Specify an optional className to be applied to the main container node

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonProps } from '../Button';
+import * as React from 'react';
 export type ButtonSize = 'compact' | 'medium' | 'large';
 type ButtonElement = {
     id: string;

package/dist/components/Skeleton/SkeletonWrapper.d.ts

@@ -13,4 +13,4 @@ export interface ISkeletonWrapper extends React.HTMLAttributes<HTMLDivElement> {
      */
     animated?: boolean;
 }
-export declare const SkeletonWrapper: React.FC<ISkeletonWrapper>;
+export declare const SkeletonWrapper: React.FC<React.PropsWithChildren<ISkeletonWrapper>>;

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

@@ -44,4 +44,4 @@ export interface SwitchProps {
      */
     state?: SwitchState;
 }
-export declare const Switch: React.FC<SwitchProps>;
+export declare const Switch: React.FC<React.PropsWithChildren<SwitchProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Size } from '../../utils';
+import * as React from 'react';
 type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
 }) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {

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

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

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { TagProps } from './types';
+import * as React from 'react';
 export declare const Tag: React.FC<React.PropsWithChildren<TagProps>>;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { kinds, sizes } from './constants';
+import * as React from 'react';
 export type TagKind = (typeof kinds)[number];
 export type TagSize = (typeof sizes)[number];
 export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/components/TagInput/TagInput.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { TagInputProps, TagInputValues } from './types';
+import * as React from 'react';
 export declare const TagInput: <T extends TagInputValues>({ id, tags, onChange, validator, error, placeholder, size, className, inputClassName, onBlur, addOnBlur, ...props }: TagInputProps<T>) => React.ReactElement;

package/dist/components/TagInput/components/EditableTag.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TagProps } from '../../Tag';
+import * as React from 'react';
 export interface EditableTagProps extends React.HTMLAttributes<HTMLDivElement> {
     inputRef: React.RefObject<HTMLInputElement>;
     index: number;
@@ -10,4 +10,4 @@ export interface EditableTagProps extends React.HTMLAttributes<HTMLDivElement> {
     size: 'medium' | 'large';
     tagProps?: TagProps;
 }
-export declare const EditableTag: React.FC<EditableTagProps>;
+export declare const EditableTag: React.FC<React.PropsWithChildren<EditableTagProps>>;

package/dist/components/TagInput/components/EmailTagInput.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TagInputProps, TagInputValues } from '../types';
+import * as React from 'react';
 export type EmailTagInputProps<T> = Omit<TagInputProps<T>, 'validator'>;
 export declare const emailRegex: RegExp;
 export declare const EmailTagInput: <T extends TagInputValues>({ placeholder, ...props }: EmailTagInputProps<T>) => React.ReactElement;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TagProps } from '../Tag';
+import * as React from 'react';
 export interface TagInputProps<T> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * Set the id for input

package/dist/components/Toast/ToastWrapper.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ToastProps, Toast } from './Toast';
+import * as React from 'react';
 type HorizontalPosition = 'left' | 'center' | 'right';
 type VerticalPosition = 'top' | 'bottom';
 export declare const ANIMATION_TIME = 200;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
 import { ITooltipProps } from './types';
+import * as React from 'react';
 export declare const Tooltip: React.FC<React.PropsWithChildren<ITooltipProps>>;

package/dist/components/Tooltip/Tooltip.helpers.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
 import { IconKind } from '../Icon';
 import { TooltipTheme } from './types';
+
 export declare function getIconType(theme: TooltipTheme): IconKind;
 export declare function getArrowPositionStyles(arrowOffsetY?: number, arrowOffsetX?: number, arrowY?: number, arrowX?: number): CSSProperties | undefined;
 export declare const getArrowTokens: (tooltipStyle: string | undefined) => {