@televet/kibble-ui 1.20.21-beta.cs39 → 1.20.21-beta.cs4

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/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/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.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SelectConfig: ComponentStyleConfig;

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/Switch/switch.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const SwitchConfig: ComponentStyleConfig;

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/TextInput/textInput.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TextInputConfig: ComponentStyleConfig;

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.config.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const TextareaConfig: ComponentStyleConfig;

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.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/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;

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

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

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

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

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

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

package/build/components/MediaAndIcons/Logo/logo.component.d.ts

@@ -0,0 +1,13 @@
+import { LogoType, LogoColor } from './logo.types';
+export interface ILogoProps {
+    type?: LogoType;
+    color?: LogoColor;
+    height?: number;
+    width?: number;
+    handleClick?: () => void;
+}
+declare const Logo: {
+    ({ type, color, height, width, handleClick }: ILogoProps): JSX.Element;
+    displayName: string;
+};
+export default Logo;

package/build/components/MediaAndIcons/Logo/logos.d.ts

@@ -0,0 +1,7 @@
+import { ReactComponent as TealLogo } from '../../../assets/logos/teal.svg';
+import { ReactComponent as TealLogoIcon } from '../../../assets/logos/tealIcon.svg';
+import { ReactComponent as BlackLogo } from '../../../assets/logos/black.svg';
+import { ReactComponent as BlackLogoIcon } from '../../../assets/logos/blackIcon.svg';
+import { ReactComponent as WhiteLogo } from '../../../assets/logos/white.svg';
+import { ReactComponent as WhiteLogoIcon } from '../../../assets/logos/whiteIcon.svg';
+export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon };

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

@@ -0,0 +1,3 @@
+export * from './Avatar';
+export * from './Icon';
+export * from './Logo';

package/build/components/Navigation/Link/components/linkIcon.component.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from 'components/MediaAndIcons/Icon/icon.component';
+export interface LinkIconProps extends IconProps {
+    position?: 'start' | 'end';
+}
+declare const LinkIcon: (iconProps: LinkIconProps) => JSX.Element;
+export default LinkIcon;

package/build/components/Navigation/Link/index.d.ts

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

package/build/components/Navigation/Link/link.component.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { LinkProps as CLinkProps } from '@chakra-ui/react';
+import { LinkIconProps } from './components/linkIcon.component';
+import { TextColor } from 'components/Typography/typography.types';
+import { TextSize } from 'components/Typography/Text/text.types';
+export interface LinkProps extends CLinkProps {
+    children: ReactNode;
+    iconProps?: LinkIconProps;
+    size?: TextSize;
+    colorToken?: TextColor;
+    onDark?: boolean;
+    to?: string;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/build/components/Navigation/Link/link.config.d.ts

@@ -0,0 +1,19 @@
+export declare const LinkConfig: {
+    parts?: undefined;
+    baseStyle?: import("@chakra-ui/react").CSSWithMultiValues | import("@chakra-ui/theme-tools").SystemStyleFunction | undefined;
+    sizes?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | undefined;
+    variants?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | undefined;
+    defaultProps?: import("@chakra-ui/react").ComponentDefaultProps | undefined;
+} | {
+    parts: string[];
+    baseStyle?: import("@chakra-ui/react").CSSWithMultiValues | import("@chakra-ui/theme-tools").SystemStyleFunction | Partial<Record<string, import("@chakra-ui/react").CSSObject>> | import("@chakra-ui/theme-tools").PartsStyleFunction<{
+        __type: string;
+    }> | undefined;
+    sizes?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | Record<string, import("@chakra-ui/theme-tools").PartsStyleInterpolation<{
+        __type: string;
+    }>> | undefined;
+    variants?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | Record<string, import("@chakra-ui/theme-tools").PartsStyleInterpolation<{
+        __type: string;
+    }>> | undefined;
+    defaultProps?: import("@chakra-ui/react").ComponentDefaultProps | undefined;
+};

package/build/components/Navigation/LinkOverlay/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './Link';
+export * from './LinkOverlay';

package/build/components/Other/Hide/index.d.ts

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

package/build/components/Other/Show/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './Hide';
+export * from './Show';

package/build/components/Overlay/Drawer/drawer.config.d.ts

@@ -0,0 +1,13 @@
+export declare const DrawerConfig: {
+    variants: {
+        alwaysOpen: {
+            parts: string[];
+            dialog: {
+                pointerEvents: string;
+            };
+            dialogContainer: {
+                pointerEvents: string;
+            };
+        };
+    };
+};

package/build/components/Overlay/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './drawer.config';
+export { Drawer, DrawerBody, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerContent, DrawerCloseButton, } from '@chakra-ui/react';

package/build/components/Overlay/Menu/components/MenuButton/index.d.ts

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

package/build/components/Overlay/Menu/components/MenuButton/menuButton.component.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
+import { ButtonSizeType, ButtonVariantType } from 'components/Forms/Button/button.types';
+import { IconName } from 'components/MediaAndIcons/Icon/icon.types';
+export interface MenuButtonProps extends CMenuButtonProps {
+    leftElement?: ReactNode;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    showRightIcon?: boolean;
+    size?: ButtonSizeType;
+    text?: string;
+    variant?: ButtonVariantType;
+}
+declare const MenuButton: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, variant, ...rest }: MenuButtonProps) => JSX.Element;
+export default MenuButton;

package/build/components/Overlay/Menu/components/MenuContainer/index.d.ts

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

package/build/components/Overlay/Menu/components/MenuContainer/menuContainer.component.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    children?: ReactNode;
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+}
+declare const MenuContainer: ({ children, onClose, ...rest }: MenuContainerProps) => JSX.Element;
+export default MenuContainer;

package/build/components/Overlay/Menu/components/MenuItem/index.d.ts

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

package/build/components/Overlay/Menu/components/MenuItem/menuItem.component.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
+import { TextColor } from 'components/Typography/typography.types';
+export interface MenuItemProps {
+    canSelectAll?: boolean;
+    children?: ReactNode;
+    closeOnSelect?: boolean;
+    groupLabel?: string;
+    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
+    isDisabled?: boolean;
+    isMultiSelect?: boolean;
+    isSelected?: boolean;
+    itemIndex?: string;
+    label?: string | ReactElement;
+    leftElement?: ReactNode;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    onSelect?: (selectedItem: MenuItemProps) => void;
+    shouldRetainSelection?: boolean;
+    shouldTruncateText?: boolean;
+    value?: string;
+    colorToken?: TextColor;
+    isPlaceholder?: boolean;
+}
+declare const MenuItem: ({ canSelectAll, children, colorToken, groupLabel, handleKeyboardNavigation, isDisabled, isMultiSelect, isPlaceholder, closeOnSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, ...rest }: MenuItemProps) => JSX.Element;
+export default MenuItem;

package/build/components/Overlay/Menu/components/MenuList/index.d.ts

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

package/build/components/Overlay/Menu/components/MenuList/menuList.component.d.ts

@@ -0,0 +1,18 @@
+import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    isGrouped?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems?: MenuItemProps[];
+    onSelect?: ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void) | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);
+    onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
+    shouldRetainSelection?: boolean;
+    isMatchWidthSet?: boolean;
+    shouldTruncateText?: boolean;
+}
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+export default MenuList;

package/build/components/Overlay/Menu/components/MenuOptionGroup/menuOptionGroup.component.d.ts

@@ -0,0 +1,3 @@
+import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
+declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
+export default MenuOptionGroup;

package/build/components/Overlay/Menu/components/MenuSearchBar/menuSearchBar.component.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler, Dispatch, SetStateAction, KeyboardEvent, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface MenuSearchBarProps {
+    handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;
+    menuItems: MenuItemProps[];
+    onSearchCallback?: (e: ChangeEventHandler) => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    placeholder?: string;
+}
+declare const MenuSearchBar: ({ handleKeyboardNavigation, menuItems, onSearchCallback, searchInputRef, setFilteredMenuItems, placeholder, }: MenuSearchBarProps) => JSX.Element;
+export default MenuSearchBar;

package/build/components/Overlay/Menu/context/menu.context.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
+import { MenuItemProps } from 'components/Overlay/Menu/components/MenuItem/menuItem.component';
+export interface IMenuContext {
+    allMenuItems?: MenuItemProps[];
+    filteredMenuItems?: MenuItemProps[];
+    focusedItemIndex: number;
+    groups: (string | undefined)[] | null;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    handleOnClose: () => void;
+    searchInputRef?: MutableRefObject<HTMLInputElement | null>;
+    setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;
+    setFocusedItemIndex: Dispatch<SetStateAction<number>>;
+    setGroups: Dispatch<SetStateAction<(string | undefined)[] | null>>;
+}
+export declare const MenuContext: React.Context<IMenuContext>;
+export declare const useMenuContext: () => IMenuContext;
+export interface MenuProviderProps {
+    menuItems?: MenuItemProps[];
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+    isMultiSelect?: boolean;
+    children?: ReactNode;
+}
+declare const MenuProvider: ({ menuItems, onClose, children }: MenuProviderProps) => JSX.Element;
+export default MenuProvider;

package/build/components/Overlay/Menu/index.d.ts

@@ -0,0 +1,3 @@
+import Menu from './menu.component';
+export default Menu;
+export { MenuItemOption, MenuDivider, MenuGroup } from '@chakra-ui/react';

package/build/components/Overlay/Menu/menu.component.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuContainerProps } from 'components/Overlay/Menu/components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from 'components/Overlay/Menu/components/MenuButton/menuButton.component';
+import { MenuListProps } from 'components/Overlay/Menu/components/MenuList/menuList.component';
+export interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    buttonProps?: MenuButtonProps;
+    CustomTriggerElement?: FunctionComponent;
+    listProps?: MenuListProps;
+    containerProps?: MenuContainerProps;
+    children?: ReactNode;
+}
+declare const Menu: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+export default Menu;