@televet/kibble-ui 1.20.5 → 1.20.21-beta.cs1

package/build/components/Forms/DatePicker/context/datepicker.context.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface IDatePickerContext {
+    focusedDate: Date | null;
+    isDateFocused: (date: Date) => boolean;
+    isDateSelected: (date: Date) => boolean;
+    isDateHovered: (date: Date) => boolean;
+    isDateBlocked: (date: Date) => boolean;
+    isFirstOrLastSelectedDate: (date: Date) => boolean;
+    onDateFocus: (date: Date) => void;
+    onDateHover: (date: Date) => void;
+    onDateSelect: (date: Date) => void;
+}
+export declare const DatePickerContext: React.Context<IDatePickerContext>;
+export declare const useDatePickerContext: () => IDatePickerContext;
+interface IDatePickerProvider extends IDatePickerContext {
+    date?: Date;
+    children: React.ReactNode;
+}
+declare const DatePickerProvider: ({ date, children, ...rest }: IDatePickerProvider) => JSX.Element;
+export default DatePickerProvider;

package/build/components/Forms/DatePicker/context/index.d.ts

@@ -0,0 +1 @@
+export * from './datepicker.context';

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -0,0 +1,22 @@
+import { PlacementWithLogical } from '@chakra-ui/react';
+import { TextInputProps } from '../TextInput/textInput.component';
+import { DateFormats } from './datepicker.types';
+export interface DatePickerProps {
+    date: Date | null;
+    onDateChange?: (date: Date | null) => void;
+    dateFormat?: string | DateFormats;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    minYear?: number;
+    maxYear?: number;
+}
+/**
+ * A simple date picker component.
+ *
+ * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format
+ * can cause exceptions to be thrown.
+ *
+ * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
+ */
+declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/build/components/Forms/DatePicker/datepicker.records.d.ts

@@ -0,0 +1,7 @@
+import { IconsSize } from 'components/MediaAndIcons/Icon/icon.types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export declare const IconSizeMap: Record<FormControlSize, IconsSize>;
+export declare const months: {
+    label: string;
+    value: string;
+}[];

package/build/components/Forms/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+import DatePicker from './datepicker.component';
+export default DatePicker;

package/build/components/Forms/FormControl/formControl.component.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { Dict } from 'shared/types';
+import { FormControlSize, HelperTextAlignment } from './formControl.types';
+import { IconColor } from 'components/MediaAndIcons/Icon/icon.types';
+export interface WithFormControlProps {
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    isFieldInline?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    label?: string | ReactNode;
+    labelStyle?: Dict;
+    formControlStyle?: Dict;
+    helperTextAlignment?: HelperTextAlignment;
+    size?: FormControlSize;
+    useInvalidIcon?: boolean;
+    useInvalidText?: boolean;
+    useInvalidBorder?: boolean;
+    invalidIconColor?: IconColor;
+}
+export declare function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P>;

package/build/components/Forms/FormControl/formControl.types.d.ts

@@ -0,0 +1,2 @@
+export declare type FormControlSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type HelperTextAlignment = 'start' | 'end';

package/build/components/Forms/Radio/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+import RadioGroup from './radioGroup.component';
+export default RadioGroup;

package/build/components/Forms/Radio/components/RadioGroup/radioGroup.component.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { RadioGroupProps as CRadioGroupProps, SystemProps } from '@chakra-ui/react';
+import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
+import { FlexDirection } from 'shared/types';
+import { RadioProps } from '../../radio.component';
+import { RadioSize } from '../../radio.types';
+export interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {
+    size?: RadioSize;
+    radios: RadioProps[];
+    direction?: FlexDirection;
+    spacing?: SystemProps['margin'];
+    isFieldInline?: boolean;
+}
+declare const _default: React.FC<RadioGroupProps>;
+export default _default;

package/build/components/Forms/Radio/index.d.ts

@@ -0,0 +1,3 @@
+import RadioGroup from './radio.component';
+export default RadioGroup;
+export { RadioGroup as CRadioGroup, useRadio, useRadioGroup } from '@chakra-ui/react';

package/build/components/Forms/Radio/radio.component.d.ts

@@ -0,0 +1,8 @@
+import { RadioProps as CRadioProps } from '@chakra-ui/react';
+import { RadioSize } from './radio.types';
+export interface RadioProps extends CRadioProps {
+    size?: RadioSize;
+    isFieldInline?: boolean;
+}
+declare const Radio: ({ children, size, isFieldInline, ...rest }: RadioProps) => JSX.Element;
+export default Radio;

package/build/components/Forms/Radio/radio.types.d.ts

@@ -0,0 +1 @@
+export declare type RadioSize = 'sm' | 'md' | 'lg';

package/build/components/Forms/RatingDots/components/RatingDot/index.d.ts

@@ -0,0 +1,2 @@
+import RatingDot from './ratingDot.component';
+export default RatingDot;

package/build/components/Forms/RatingDots/components/RatingDot/ratingDot.component.d.ts

@@ -0,0 +1,9 @@
+export interface IRatingDotProps {
+    number: number;
+    isInteractive?: boolean;
+    isDisabled?: boolean;
+    onClick?: (value: number) => void;
+    selected: boolean;
+}
+declare const RatingDot: ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps) => JSX.Element;
+export default RatingDot;

package/build/components/Forms/RatingDots/index.d.ts

@@ -0,0 +1,2 @@
+import RatingDots from './ratingDots.component';
+export default RatingDots;

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -0,0 +1,13 @@
+export interface IRatingDotsProps {
+    minValue: number;
+    maxValue: number;
+    minLabel?: string;
+    maxLabel?: string;
+    centeredLabel?: string;
+    isInteractive?: boolean;
+    isDisabled?: boolean;
+    onClick?: (value: number) => void;
+    selected?: number;
+}
+declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;
+export default RatingDots;

package/build/components/Forms/Select/components/SelectBrowserDefault/selectBrowserDefault.component.d.ts

@@ -0,0 +1,3 @@
+import { BrowserDefaultSelectProps } from '../../select.component';
+declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;
+export default SelectBrowserDefault;

package/build/components/Forms/Select/components/SelectContainer/selectContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+export interface SelectContainerProps {
+    selectedOption: SelectOptionProps;
+    defaultLeftElement: ReactNode;
+    shouldTruncateText?: boolean;
+}
+declare const SelectContainer: ({ selectedOption, defaultLeftElement, shouldTruncateText, }: SelectContainerProps) => JSX.Element;
+export default SelectContainer;

package/build/components/Forms/Select/components/SelectList/selectList.component.d.ts

@@ -0,0 +1,7 @@
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+export interface SelectListProps extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {
+    options?: SelectOptionProps[];
+}
+declare const SelectList: (props: SelectListProps) => JSX.Element;
+export default SelectList;

package/build/components/Forms/Select/index.d.ts

@@ -0,0 +1,2 @@
+import Select from './select.component';
+export default Select;

package/build/components/Forms/Select/select.component.d.ts

@@ -0,0 +1,27 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+import { SelectProps as CSelectProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { SelectOptionProps } from 'components/Forms/Select/select.types';
+import { SelectListProps } from './components/SelectList/selectList.component';
+import { TextColor } from 'components/Typography/typography.types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SelectBaseProps extends WithFormControlProps, CSelectProps {
+    options: SelectOptionProps[];
+    size?: FormControlSize;
+    colorToken?: TextColor;
+}
+export interface BrowserDefaultSelectProps extends SelectBaseProps {
+    defaultLeftElement?: never;
+    listProps?: never;
+    onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
+    useBrowserDefaultMenu?: boolean;
+}
+export interface CustomSelectProps extends SelectBaseProps {
+    defaultLeftElement?: ReactNode;
+    listProps?: SelectListProps;
+    onChange?: never;
+    useBrowserDefaultMenu?: never;
+}
+export declare type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;
+declare const _default: React.FC<SelectProps>;
+export default _default;

package/build/components/Forms/Select/select.types.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface SelectOptionProps extends MenuItemProps {
+}

package/build/components/Forms/Switch/index.d.ts

@@ -0,0 +1,2 @@
+import Switch from './switch.component';
+export default Switch;

package/build/components/Forms/Switch/switch.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface SwitchProps extends WithFormControlProps, CSwitchProps {
+    isFieldInline?: boolean;
+    isIndeterminate?: boolean;
+    size?: FormControlSize;
+}
+declare const _default: React.FC<SwitchProps>;
+export default _default;

package/build/components/Forms/TextInput/components/ClearButton/clearButton.component.d.ts

@@ -0,0 +1,7 @@
+import { FormControlSize } from 'components/Forms/FormControl/formControl.types';
+export interface ClearButtonProps {
+    handleClear?: () => void;
+    size?: FormControlSize;
+}
+declare const ClearButton: ({ handleClear, size }: ClearButtonProps) => JSX.Element;
+export default ClearButton;

package/build/components/Forms/TextInput/components/ClearButton/clearButton.records.d.ts

@@ -0,0 +1,2 @@
+import { FormControlSize } from 'components/Forms/FormControl/formControl.types';
+export declare const closeButtonSize: Record<FormControlSize, number>;

package/build/components/Forms/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+import TextInput from './textInput.component';
+export default TextInput;

package/build/components/Forms/TextInput/textInput.component.d.ts

@@ -0,0 +1,21 @@
+import React, { ForwardedRef, ReactElement } from 'react';
+import { InputProps as CInputProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface TextInputBaseProps extends WithFormControlProps, CInputProps {
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    inputRef?: ForwardedRef<HTMLInputElement>;
+    size?: FormControlSize;
+}
+export interface DefaultTextInputProps extends TextInputBaseProps {
+    isClearable?: never;
+    onClear?: never;
+}
+export interface ClearableTextInputProps extends TextInputBaseProps {
+    isClearable: boolean;
+    onClear: (val: string | number | readonly string[]) => void;
+}
+export declare type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

package/build/components/Forms/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+import Textarea from './textarea.component';
+export default Textarea;

package/build/components/Forms/Textarea/textarea.component.d.ts

@@ -0,0 +1,10 @@
+import React, { ForwardedRef } from 'react';
+import { TextareaProps as CTextareaProps } from '@chakra-ui/react';
+import { WithFormControlProps } from '../FormControl/formControl.component';
+import { FormControlSize } from '../FormControl/formControl.types';
+export interface TextareaProps extends WithFormControlProps, CTextareaProps {
+    textareaRef?: ForwardedRef<HTMLTextAreaElement>;
+    size?: FormControlSize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/build/components/Forms/Textarea/textarea.types.d.ts

@@ -0,0 +1,2 @@
+export declare type TextareaSize = 'sm' | 'md' | 'lg';
+export declare type TextareaResizeOrientation = 'horizontal' | 'vertical' | 'none';

package/build/components/Forms/TimePicker/components/ScrollContainer.d.ts

@@ -0,0 +1,4 @@
+declare const ScrollContainer: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;
+export default ScrollContainer;

package/build/components/Forms/TimePicker/components/TimeOption.d.ts

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+interface TimeOptionProps {
+    value: string;
+    innerRef?: MutableRefObject<HTMLDivElement | null> | null;
+    isSelected: boolean;
+    handleClick: (selectedValue: string) => void;
+}
+declare const TimeOption: ({ value, innerRef, isSelected, handleClick }: TimeOptionProps) => JSX.Element;
+export default TimeOption;

package/build/components/Forms/TimePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './timePicker.component';

package/build/components/Forms/TimePicker/timePicker.component.d.ts

@@ -0,0 +1,11 @@
+import { PlacementWithLogical } from '@chakra-ui/react';
+import { TextInputProps } from '../TextInput/textInput.component';
+export interface TimePickerProps {
+    initialTime: Date;
+    minuteInterval?: number;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;
+    placement?: PlacementWithLogical;
+    onTimeChange?: (time: Date) => void;
+}
+declare const TimePicker: ({ initialTime, minuteInterval, inputProps, placement, onTimeChange, }: TimePickerProps) => JSX.Element;
+export default TimePicker;

package/build/components/Forms/TimeRange/index.d.ts

@@ -0,0 +1,2 @@
+import TimeRange from './timeRange.component';
+export default TimeRange;

package/build/components/Forms/TimeRange/timeRange.component.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@chakra-ui/react';
+import { TimePickerProps } from '../TimePicker/timePicker.component';
+export interface TimeRangeProps {
+    startTimePickerProps: TimePickerProps;
+    endTimePickerProps: TimePickerProps;
+    dashContainerProps?: BoxProps;
+}
+declare const TimeRange: ({ startTimePickerProps, endTimePickerProps, dashContainerProps }: TimeRangeProps) => JSX.Element;
+export default TimeRange;

package/build/components/Forms/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Button';
+export * from './Checkbox';
+export * from './Textarea';
+export * from './TextInput';
+export * from './Radio';
+export * from './RatingDots';
+export * from './Select';
+export * from './Switch';
+export * from './DatePicker';
+export * from './TimePicker';

package/build/components/Layout/Box/index.d.ts

@@ -0,0 +1 @@
+export { Box } from '@chakra-ui/react';

package/build/components/Layout/Center/index.d.ts

@@ -0,0 +1 @@
+export { Center } from '@chakra-ui/react';

package/build/components/Layout/Container/index.d.ts

@@ -0,0 +1 @@
+export { Container } from '@chakra-ui/react';

package/build/components/Layout/Flex/index.d.ts

@@ -0,0 +1 @@
+export { Flex, Spacer } from '@chakra-ui/react';

package/build/components/Layout/Grid/index.d.ts

@@ -0,0 +1 @@
+export { Grid, GridItem } from '@chakra-ui/react';

package/build/components/Layout/SimpleGrid/index.d.ts

@@ -0,0 +1 @@
+export { SimpleGrid } from '@chakra-ui/react';

package/build/components/Layout/Stack/index.d.ts

@@ -0,0 +1 @@
+export { Stack, HStack, VStack } from '@chakra-ui/react';

package/build/components/Layout/Wrap/index.d.ts

@@ -0,0 +1 @@
+export { Wrap, WrapItem } from '@chakra-ui/react';

package/build/components/Layout/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Box';
+export * from './Center';
+export * from './Container';
+export * from './Flex';
+export * from './Grid';
+export * from './SimpleGrid';
+export * from './Stack';
+export * from './Wrap';

package/build/components/MediaAndIcons/Avatar/avatar.argTypes.d.ts

@@ -0,0 +1,142 @@
+export declare const avatarArgTypes: {
+    name: {
+        type: {
+            name: string;
+            required: boolean;
+        };
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    src: {
+        type: string;
+        control: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    iconName: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        description: string;
+    };
+    size: {
+        type: string;
+        control: string;
+        description: string;
+        defaultValue: string;
+        options: string[];
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    isClinic: {
+        type: string;
+        description: string;
+        defaultValue: boolean;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    showTooltip: {
+        type: string;
+        defaultValue: boolean;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    tooltipPlacement: {
+        control: string;
+        options: import("@popperjs/core").Placement[];
+        defaultValue: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    tooltipText: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    loading: {
+        type: string;
+        control: string;
+        description: string;
+        options: string[];
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    handleClick: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    backgroundColor: {
+        description: string;
+        control: string;
+    };
+    color: {
+        description: string;
+        control: string;
+    };
+    showBadge: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    badgeProps: {
+        type: string;
+        description: string;
+    };
+    badgeIconName: any;
+    badgePosition: any;
+    badgeIconColor: any;
+    badgeBorderColor: any;
+    badgeBackgroundColor: any;
+};

package/build/components/MediaAndIcons/Avatar/avatar.component.d.ts

@@ -0,0 +1,23 @@
+import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
+import React, { CSSProperties } from 'react';
+import { AvatarSize, AvatarVariant } from './avatar.types';
+import { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';
+import { IconName } from '../Icon/icon.types';
+export interface AvatarProps extends CAvatarProps {
+    name: string;
+    size?: AvatarSize;
+    isClinic?: boolean;
+    showTooltip?: boolean;
+    tooltipPlacement?: Placement;
+    style?: CSSProperties;
+    handleClick?: React.MouseEventHandler<HTMLSpanElement>;
+    showRemoveButton?: boolean;
+    handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;
+    variant?: AvatarVariant;
+    iconName?: IconName;
+    tooltipText?: string;
+    showBadge?: boolean;
+    badgeProps?: AvatarBadgeProps;
+}
+declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, iconName, tooltipText, showBadge, badgeProps, ...rest }: AvatarProps) => JSX.Element;
+export default Avatar;

package/build/components/MediaAndIcons/Avatar/avatar.types.d.ts

@@ -0,0 +1,11 @@
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare enum AvatarVariant {
+    Green = "green",
+    Red = "red",
+    Blue = "blue",
+    Comet = "comet",
+    Number = "number",
+    Dashed = "dashed",
+    Image = "image",
+    Icon = "icon"
+}

package/build/components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.component.d.ts

@@ -0,0 +1,15 @@
+import { AvatarSize } from '../../avatar.types';
+import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+import { AvatarBadgePosition } from './avatarBadge.types';
+export interface AvatarBadgeProps {
+    badgeIconName?: IconName;
+    badgeBackgroundColor?: string;
+    badgeBorderColor?: string;
+    badgeIconColor?: string;
+    badgePosition?: AvatarBadgePosition;
+}
+interface AvatarBadgeComponentProps extends AvatarBadgeProps {
+    avatarSize: AvatarSize;
+}
+declare const AvatarBadge: ({ avatarSize, badgeIconName, badgeBackgroundColor, badgeBorderColor, badgeIconColor, badgePosition, }: AvatarBadgeComponentProps) => JSX.Element;
+export default AvatarBadge;

package/build/components/MediaAndIcons/Avatar/components/AvatarBadge/index.d.ts

@@ -0,0 +1,2 @@
+import AvatarBadge from './avatarBadge.component';
+export default AvatarBadge;

package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/avatarGroup.component.d.ts

@@ -0,0 +1,14 @@
+import { AvatarProps } from '../../avatar.component';
+import { AvatarSize } from '../../avatar.types';
+export interface AvatarGroupProps {
+    avatars: AvatarProps[];
+    max?: number;
+    size?: AvatarSize;
+    handleAddButtonClick?: () => void;
+    showAddButton?: boolean;
+    addButtonTooltipText?: string;
+    showRemoveAvatarButton?: boolean;
+    handleRemoveButtonClick?: () => void;
+}
+declare const AvatarGroup: ({ avatars, max, size, handleAddButtonClick, showAddButton, addButtonTooltipText, showRemoveAvatarButton, handleRemoveButtonClick, }: AvatarGroupProps) => JSX.Element;
+export default AvatarGroup;

package/build/components/MediaAndIcons/Avatar/components/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+import AvatarGroup from './avatarGroup.component';
+export default AvatarGroup;

package/build/components/MediaAndIcons/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+import Avatar from './avatar.component';
+export default Avatar;

package/build/components/MediaAndIcons/Icon/icon.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconColorToken, IconsSize } from './icon.types';
+import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+export interface IconProps {
+    name: IconName;
+    size?: IconsSize;
+    color?: IconColorToken;
+    colorToken?: IconColorToken;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
+export default Icon;