@televet/kibble-ui 1.6.3 → 1.7.0-beta.3chctp9.0

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

@@ -0,0 +1,26 @@
+import { AvatarProps as CAvatarProps, Placement } from '@chakra-ui/react';
+import { CSSProperties } from 'react';
+import { AvatarSize } from './avatar.types';
+export declare enum AvatarVariant {
+    Green = "green",
+    Red = "red",
+    Blue = "blue",
+    Comet = "comet",
+    Number = "number",
+    Dashed = "dashed",
+    Image = "image"
+}
+export interface AvatarProps extends CAvatarProps {
+    name: string;
+    size?: AvatarSize;
+    isClinic?: boolean;
+    showTooltip?: boolean;
+    tooltipPlacement?: Placement;
+    style?: CSSProperties;
+    handleClick?: () => void;
+    showRemoveButton?: boolean;
+    handleRemoveButtonClick?: () => void;
+    variant?: AvatarVariant;
+    tooltipText?: string;
+}
+export declare const Avatar: ({ name, src, isClinic, size, showTooltip, tooltipPlacement, style, handleClick, showRemoveButton, handleRemoveButtonClick, variant, tooltipText, ...rest }: AvatarProps) => JSX.Element;

package/build/components/Avatar/avatar.config.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './avatar.component';
+export * from './avatar.types';
+export * from './avatar.config';

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

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

package/build/components/AvatarGroup/avatarGroup.utilities.d.ts

@@ -0,0 +1,6 @@
+export declare const avatarSizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};

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

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

package/build/components/Button/button.component.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import { IconName } from '../Icon';
+import { ButtonSizeType, ButtonVariantType } from './button.types';
+export interface ButtonProps extends ChakraButtonProps {
+    children?: ReactNode;
+    variant?: ButtonVariantType;
+    size?: ButtonSizeType;
+    iconName?: IconName;
+    iconPosition?: 'left' | 'right';
+    darkMode?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/Button/button.config.d.ts

@@ -0,0 +1,16 @@
+import { ButtonStyleType } from './button.types';
+export declare const ButtonVariantConfig: ButtonStyleType;
+export declare const ButtonSizeConfig: {
+    lg: {
+        p: string;
+    };
+    md: {
+        p: string;
+    };
+    sm: {
+        p: string;
+    };
+    xs: {
+        p: string;
+    };
+};

package/build/components/Button/button.types.d.ts

@@ -0,0 +1,8 @@
+import { AdaptiveColorMap } from '../../theme/tokens';
+export interface ButtonVariantConfigType extends AdaptiveColorMap<ButtonColorOptionsType> {
+    variant: 'solid' | 'outline' | 'ghost';
+}
+export declare type ButtonVariantType = 'primary' | 'primaryDestructive' | 'secondary' | 'secondaryDestructive' | 'secondarySubtle' | 'secondarySubtleDestructive' | 'tertiary' | 'tertiaryDestructive' | 'ghost' | 'ghostNeutral' | 'ghostDestructive';
+export declare type ButtonColorOptionsType = 'content' | 'default' | 'hover' | 'active' | 'border';
+export declare type ButtonSizeType = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonStyleType = Record<ButtonVariantType, ButtonVariantConfigType>;

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

@@ -0,0 +1,3 @@
+export * from './button.component';
+export * from './button.types';
+export * from './button.config';

package/build/components/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/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer.config';

package/build/components/FormControl/formControl.argTypes.d.ts

@@ -0,0 +1,125 @@
+export declare const formControlArgTypes: {
+    onChange: {
+        type: {
+            required: boolean;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    size: {
+        control: string;
+        description: string;
+        options: string[];
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: string;
+    };
+    label: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    helperText: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    errorText: {
+        control: string;
+        type: {
+            name: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    isDisabled: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isInvalid: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isReadOnly: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    isRequired: {
+        type: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+    autoFocus: {
+        type: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        defaultValue: boolean;
+    };
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface WithFormControlProps {
+    label?: string;
+    errorText?: string;
+    helperText?: string;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    placeholder?: string;
+}
+export declare function withFormControl<P extends object>(Component: React.ComponentType<P>): React.FC<P & WithFormControlProps>;

package/build/components/FormControl/formControl.config.d.ts

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

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

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

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { SwitchProps as CSwitchProps } from '@chakra-ui/react';
 import { WithFormControlProps } from '../FormControl/formControl.component';
 export interface SwitchProps extends WithFormControlProps, CSwitchProps {
+    $isFieldInline?: boolean;
 }
 declare const WrappedSwitch: React.FC<SwitchProps & WithFormControlProps>;
 export { WrappedSwitch as Switch };

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

@@ -1,9 +1,10 @@
-import React, { ReactElement } from 'react';
+import React, { ForwardedRef, ReactElement } from 'react';
 import { InputProps as CInputProps } from '@chakra-ui/react';
-import { WithFormControlProps } from 'components/Forms/FormControl/formControl.component';
+import { WithFormControlProps } from '../FormControl/formControl.component';
 export interface TextInputProps extends WithFormControlProps, CInputProps {
     leftElement?: ReactElement;
     rightElement?: ReactElement;
+    inputRef?: ForwardedRef<HTMLInputElement>;
 }
-declare const WrappedTextInput: React.FC<TextInputProps & WithFormControlProps>;
+declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 export { WrappedTextInput as TextInput };

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

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

package/build/components/Icon/icon.records.d.ts

@@ -0,0 +1,3 @@
+import { IconName, IconsSize } from './icon.types';
+export declare const IconMap: Record<IconName, any>;
+export declare const IconSizeMap: Record<IconsSize, number>;

package/build/components/Icon/icon.types.d.ts

@@ -0,0 +1,3 @@
+export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowCircle' | 'arrowDown' | 'arrowDownRight' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'bell' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'bulkSelect' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'chevronUpDown' | 'circleDotted' | 'clock' | 'close' | 'closeCircle' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'externalLink' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'kanbanBoard' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'manHeadset' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'minus' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'team' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website';
+export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';

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

@@ -0,0 +1,2 @@
+export * from './icon.component';
+export * from './icon.types';

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

@@ -0,0 +1,2 @@
+export * from './logo.component';
+export * from './logo.types';

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

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

package/build/components/Logo/logo.config.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Props } from 'framer-motion/types/types';
+import { LogoColor, LogoHoliday } from './logo.types';
+export declare const holidaysLogoIconMap: Record<LogoHoliday, React.FC<Props>>;
+export declare const logoIconMap: Record<LogoColor, React.FC<Props>>;
+export declare const fullLogoMap: Record<LogoColor, React.FC<Props>>;

package/build/components/Logo/logo.types.d.ts

@@ -0,0 +1,3 @@
+export declare type LogoHoliday = 'newYears' | 'valentines' | 'stPatricks' | 'easter1' | 'easter2' | 'easter3' | 'easter4' | 'easter5' | 'easter6' | 'mothersDay' | 'memorialDay' | 'fathersDay' | 'halloween' | 'thanksgiving' | 'christmas';
+export declare type LogoType = 'full' | 'icon';
+export declare type LogoColor = 'teal' | 'black' | 'white';

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

@@ -0,0 +1,22 @@
+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';
+import { ReactComponent as NewYearsLogoIcon } from '../../assets/logos/holidays/newYears.svg';
+import { ReactComponent as ValentinesLogoIcon } from '../../assets/logos/holidays/valentines.svg';
+import { ReactComponent as StPatricksLogoIcon } from '../../assets/logos/holidays/stPatricks.svg';
+import { ReactComponent as Easter1LogoIcon } from '../../assets/logos/holidays/easter1.svg';
+import { ReactComponent as Easter2LogoIcon } from '../../assets/logos/holidays/easter2.svg';
+import { ReactComponent as Easter3LogoIcon } from '../../assets/logos/holidays/easter3.svg';
+import { ReactComponent as Easter4LogoIcon } from '../../assets/logos/holidays/easter4.svg';
+import { ReactComponent as Easter5LogoIcon } from '../../assets/logos/holidays/easter5.svg';
+import { ReactComponent as Easter6LogoIcon } from '../../assets/logos/holidays/easter6.svg';
+import { ReactComponent as MothersDayLogoIcon } from '../../assets/logos/holidays/mothersDay.svg';
+import { ReactComponent as MemorialDayLogoIcon } from '../../assets/logos/holidays/memorialDay.svg';
+import { ReactComponent as FathersDayLogoIcon } from '../../assets/logos/holidays/fathersDay.svg';
+import { ReactComponent as HalloweenLogoIcon } from '../../assets/logos/holidays/halloween.svg';
+import { ReactComponent as ThanksgivingLogoIcon } from '../../assets/logos/holidays/thanksgiving.svg';
+import { ReactComponent as ChristmasLogoIcon } from '../../assets/logos/holidays/christmas.svg';
+export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon, NewYearsLogoIcon, ValentinesLogoIcon, StPatricksLogoIcon, Easter1LogoIcon, Easter2LogoIcon, Easter3LogoIcon, Easter4LogoIcon, Easter5LogoIcon, Easter6LogoIcon, MothersDayLogoIcon, MemorialDayLogoIcon, FathersDayLogoIcon, HalloweenLogoIcon, ThanksgivingLogoIcon, ChristmasLogoIcon, };

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

@@ -1,3 +1,3 @@
-export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowCircle' | 'arrowDown' | 'arrowDownRight' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'bell' | 'bone' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'bulkSelect' | 'buttons' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'chevronUpDown' | 'circleDotted' | 'clockGear' | 'clock' | 'close' | 'closeCircle' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'externalLink' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'kanbanBoard' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'manHeadset' | 'mergeTags' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGearOutlined' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'minus' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'smileyFace' | 'smileyFacePlus' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'team' | 'televetV' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
+export declare type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'arrowCircle' | 'arrowDown' | 'arrowDownRight' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'asterisk' | 'award' | 'bell' | 'bone' | 'bellRinging' | 'bookmarkFilled' | 'bookmarkOutlined' | 'brush' | 'bulkSelect' | 'buttons' | 'caduceus' | 'calendarDate' | 'calendarCheck' | 'calendarInfo' | 'calendarPen' | 'calendarOutlined' | 'camera' | 'cameraFlip' | 'cameraOff' | 'cancel' | 'cellphone' | 'cellphoneAlert' | 'chainLink' | 'chatBubbleFilled' | 'chatBubbleOutlined' | 'checkmark' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmarkList' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'chevronUpDown' | 'circleDotted' | 'clockGear' | 'clock' | 'close' | 'closeCircle' | 'closedSign' | 'code' | 'conversation' | 'creditCardHand' | 'crossClipboard' | 'crossPaw' | 'crossHatPerson' | 'dogHouse' | 'dogHouseOutlined' | 'dollar' | 'dollarCircle' | 'dotsCircle' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'dragDrop' | 'emailSend' | 'envelopeFilled' | 'envelopeOutlined' | 'eyedropper' | 'eyeOpen' | 'eyeSlash' | 'externalLink' | 'faceScreen' | 'formsFilled' | 'formsOutlined' | 'funnelFilled' | 'funnelOutlined' | 'gear' | 'grid' | 'horizontalLines' | 'house' | 'infoCircleFilled' | 'infoCircleOutlined' | 'input' | 'invoice' | 'invoiceOutlined' | 'kanbanBoard' | 'largeTextInput' | 'list' | 'locationMarker' | 'locationMarkerGround' | 'lockRectangle' | 'lockRound' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'manHeadset' | 'mergeTags' | 'message' | 'messages' | 'messageClipboard' | 'messageEllipses' | 'messageGearOutlined' | 'messageGear' | 'messageLink' | 'microphone' | 'microphoneMute' | 'minus' | 'moveLeft' | 'moveRight' | 'multipleChoice' | 'notification' | 'paperAirplane' | 'paperAirplane2' | 'paperAirplaneRight' | 'paperclip' | 'paperPen' | 'paw' | 'paw2' | 'pawMagnifyingGlass' | 'pawOutlined' | 'pdfLogo' | 'pen' | 'penSquare' | 'person' | 'personAdd' | 'phone' | 'phoneButtons' | 'phoneDown' | 'phoneRing' | 'pill' | 'pillHand' | 'playingCards' | 'plus' | 'questionMark' | 'questionMarkCircle' | 'quilInk' | 'reactLogo' | 'record' | 'report' | 'robot' | 'robotOutlined' | 'smileyFace' | 'smileyFacePlus' | 'sort' | 'star' | 'star2' | 'star2Outlined' | 'starCircle' | 'stop' | 'stopRecording' | 'team' | 'televetV' | 'textEdit' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
 export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ButtonVariantType, ButtonSizeType } from '../../../../Forms';
+import { IconName } from '../../../../MediaAndIcons';
+import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
+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/menuContainer.component.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+export interface MenuContainerProps extends Omit<CMenuProps, 'children'> {
+    children?: ReactNode;
+}
+declare const MenuContainer: ({ children, ...rest }: MenuContainerProps) => JSX.Element;
+export default MenuContainer;

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

@@ -0,0 +1,19 @@
+import { ReactNode, MutableRefObject, KeyboardEvent } from 'react';
+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;
+    leftElement?: ReactNode;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    onSelectItem?: (selectedValue: string) => void;
+    value?: string;
+}
+declare const MenuItem: ({ isMultiSelect, canSelectAll, children, closeOnSelect, groupLabel, handleKeyboardNavigation, isDisabled, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelectItem, value, ...rest }: MenuItemProps) => JSX.Element;
+export default MenuItem;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
+import { MenuItemProps } from '../MenuItem/menuItem.component';
+export interface MenuListProps extends CMenuListProps {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    isGrouped?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems?: MenuItemProps[];
+    onMenuItemSelect?: ((selectedItem: MenuItemProps) => void) | ((selectedItem: MenuItemProps) => Promise<void>);
+    onMenuItemSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
+}
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMultiSelect, isSearchable, menuItems, onMenuItemSelect, onMenuItemSelectAll, searchPlaceholder, ...rest }: MenuListProps) => JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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 '../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/Components/MenuSelectAllButtons/menuSelectAllButtons.component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface MenuSelectAllButtonsProps {
+    groupName?: string;
+    handleToggleAllItems: ({ groupName, clear }: {
+        groupName?: string;
+        clear?: boolean;
+    }) => void;
+    hasSelectedItems: boolean;
+    isGrouped: boolean;
+}
+declare const MenuSelectAllButtons: ({ groupName, handleToggleAllItems, hasSelectedItems, isGrouped, }: MenuSelectAllButtonsProps) => JSX.Element;
+export default MenuSelectAllButtons;

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

@@ -0,0 +1,9 @@
+export * from './menu.component';
+export * from './menu.context';
+export * from './menu.config';
+export * from './Components/MenuButton/menuButton.component';
+export * from './Components/MenuContainer/menuContainer.component';
+export * from './Components/MenuItem/menuItem.component';
+export * from './Components/MenuList/menuList.component';
+export * from './Components/MenuOptionGroup/menuOptionGroup.component';
+export { MenuItemOption, MenuDivider, MenuGroup } from '@chakra-ui/react';

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

@@ -0,0 +1,16 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/react';
+import { MenuContainerProps } from './Components/MenuContainer/menuContainer.component';
+import { MenuButtonProps } from './Components/MenuButton/menuButton.component';
+import { MenuItemProps } from './Components/MenuItem/menuItem.component';
+import { MenuListProps } from './Components/MenuList/menuList.component';
+export interface MenuProps extends Omit<CMenuProps, 'children'> {
+    buttonConfig?: MenuButtonProps;
+    containerConfig?: MenuContainerProps;
+    CustomTriggerElement?: FunctionComponent;
+    listConfig?: MenuListProps;
+    menuItems: MenuItemProps[];
+    onMenuClose?: (value: (string | undefined)[]) => void;
+    children?: ReactNode;
+}
+export declare const BetaMenu: ({ buttonConfig, containerConfig, CustomTriggerElement, listConfig, menuItems, onMenuClose, ...props }: MenuProps) => JSX.Element;

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

@@ -0,0 +1,31 @@
+import { ComponentStyleConfig } from '@chakra-ui/react';
+export declare const MenuItemConfig: {
+    color: string;
+    cursor: string;
+    fontSize: string;
+    px: string;
+    py: string;
+    outline: number;
+    transitionDuration: string;
+    transitionProperty: string;
+    transitionTimingFunction: string;
+    _hover: {
+        bg: string;
+    };
+    _focus: {
+        bg: string;
+    };
+    _active: {
+        color: string;
+    };
+    _expanded: {
+        bg: string;
+    };
+    _disabled: {
+        opacity: number;
+        cursor: string;
+        bg: string;
+        color: string;
+    };
+};
+export declare const MenuConfig: ComponentStyleConfig;

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

@@ -0,0 +1,22 @@
+import React, { ReactNode, Dispatch, SetStateAction, MutableRefObject } from 'react';
+import { MenuItemProps } from './Components/MenuItem/menuItem.component';
+export interface IMenuContext {
+    allMenuItems?: MenuItemProps[];
+    filteredMenuItems?: MenuItemProps[];
+    focusedItemIndex: number;
+    groups: (string | undefined)[] | null;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    handleOnClose: (value: (string | undefined)[]) => 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;
+declare const MenuProvider: ({ menuItems, onMenuClose, children, }: {
+    menuItems?: MenuItemProps[] | undefined;
+    onMenuClose?: ((value: (string | undefined)[]) => void) | undefined;
+    children?: ReactNode;
+}) => JSX.Element;
+export default MenuProvider;

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

@@ -1,2 +1,3 @@
 export * from './Drawer';
 export * from './Tooltip';
+export * from './Menu';

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

@@ -0,0 +1,2 @@
+export * from './ratingDot.component';
+export * from './ratingDots.component';

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

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