@innovaccer/design-system 4.0.0 → 4.1.0

package/dist/core/accessibility/utils/index.d.ts

@@ -0,0 +1,4 @@
+import isEnterKey from "./isEnterKey";
+import isSpaceKey from "./isSpaceKey";
+import useAccessibilityProps from "./useAccessibilityProps";
+export { isEnterKey, useAccessibilityProps, isSpaceKey };

package/dist/core/accessibility/utils/isEnterKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isEnterKey: (e: React.KeyboardEvent) => boolean;
+export default isEnterKey;

package/dist/core/accessibility/utils/isSpaceKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const isSpaceKey: (e: React.KeyboardEvent) => boolean;
+export default isSpaceKey;

package/dist/core/accessibility/utils/useAccessibilityProps.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare type AriaRoleType = React.AriaRole;
+interface IProps {
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    role?: AriaRoleType;
+    tabIndex?: number;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+}
+declare const useAccessibilityProps: ({ onClick, onKeyDown, role, tabIndex, ...rest }: IProps) => {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    role: React.AriaRole;
+    tabIndex: number;
+    'aria-label': string | undefined;
+    onKeyDown: (e: React.SyntheticEvent<HTMLElement>) => void;
+} | {
+    role: React.AriaRole;
+    tabIndex: number | undefined;
+    'aria-label': string | undefined;
+};
+export default useAccessibilityProps;

package/dist/core/ai-components/AIButton/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { TButtonAppearance, TButtonType, TBaseHtmlProps } from "../common.type";
+export interface AIButtonProps extends TBaseHtmlProps<HTMLButtonElement> {
+    appearance?: TButtonAppearance;
+    type?: TButtonType;
+    disabled?: boolean;
+    children?: string;
+    tabIndex?: number;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const AIButton: {
+    (props: AIButtonProps): React.JSX.Element;
+    defaultProps: {
+        appearance: string;
+        type: string;
+    };
+};
+export default AIButton;

package/dist/core/ai-components/AIChip/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface AIChipProps extends React.ComponentProps<'button'> {
+    label: string;
+    icon: string;
+    disabled?: boolean;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const AIChip: (props: AIChipProps) => React.JSX.Element;
+export default AIChip;

package/dist/core/ai-components/AIIconButton/SaraIcon.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { TIconPosition, TSize2Hierarchy } from "../common.type";
+interface SaraIconProp {
+    size: TSize2Hierarchy;
+    position: TIconPosition;
+    disabled?: boolean;
+}
+export declare const SaraIcon: {
+    (props: SaraIconProp): React.JSX.Element;
+    defaultProps: {
+        size: string;
+        position: string;
+    };
+};
+export default SaraIcon;

package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type SaraIconType = {
+    className?: string;
+};
+declare const SaraDisabledBottom: (props: SaraIconType) => React.JSX.Element;
+export default SaraDisabledBottom;

package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type SaraIconType = {
+    className?: string;
+};
+declare const SaraDisabledTop: (props: SaraIconType) => React.JSX.Element;
+export default SaraDisabledTop;

package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type SaraIconType = {
+    className?: string;
+};
+declare const SaraIconBottom: (props: SaraIconType) => React.JSX.Element;
+export default SaraIconBottom;

package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type SaraIconType = {
+    className?: string;
+};
+declare const SaraIconTop: (props: SaraIconType) => React.JSX.Element;
+export default SaraIconTop;

package/dist/core/ai-components/AIIconButton/index.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { TIconPosition, TButtonType, TSize2Hierarchy, TBaseHtmlProps } from "../common.type";
+export interface AIIconButtonProps extends Omit<TBaseHtmlProps<HTMLButtonElement>, 'size'> {
+    icon?: string;
+    size?: TSize2Hierarchy;
+    position?: TIconPosition;
+    type?: TButtonType;
+    tooltip?: string;
+    disabled?: boolean;
+    tabIndex?: number;
+    strokeColor?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const AIIconButton: {
+    (props: AIIconButtonProps): React.JSX.Element;
+    defaultProps: {
+        size: string;
+        position: string;
+        strokeColor: string;
+    };
+};
+export default AIIconButton;

package/dist/core/ai-components/AIResponse/ChatActionBar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { TBaseHtmlProps } from "../common.type";
+export interface ChatActionBarProps extends TBaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const ChatActionBar: (props: ChatActionBarProps) => React.JSX.Element;
+export default ChatActionBar;

package/dist/core/ai-components/AIResponse/ChatBody.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { TBaseHtmlProps } from "../common.type";
+export interface ChatBodyProps extends TBaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const ChatBody: (props: ChatBodyProps) => React.JSX.Element;
+export default ChatBody;

package/dist/core/ai-components/AIResponse/ChatBox.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { TBaseHtmlProps } from "../common.type";
+export interface ChatBoxProps extends TBaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const ChatBox: (props: ChatBoxProps) => React.JSX.Element;
+export default ChatBox;

package/dist/core/ai-components/AIResponse/ChatButton.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ButtonProps } from "../../index.type";
+declare type ChatButtonType = Omit<ButtonProps, 'size' | 'largeIcon' | 'appearance'>;
+export declare const ChatButton: (props: ChatButtonType) => React.JSX.Element;
+export default ChatButton;

package/dist/core/ai-components/AIResponse/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { TBaseHtmlProps } from "../common.type";
+export interface AIResponseProps extends TBaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    'data-test'?: string;
+    className?: string;
+}
+export declare const AIResponse: {
+    (props: AIResponseProps): React.JSX.Element;
+    Button: (props: Pick<import("../../index.type").ButtonProps, "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "data-test" | "tooltip" | "icon" | "iconType" | "expanded" | "loading" | "iconAlign">) => React.JSX.Element;
+    ActionBar: (props: import("./ChatActionBar").ChatActionBarProps) => React.JSX.Element;
+    Body: (props: import("./ChatBody").ChatBodyProps) => React.JSX.Element;
+};
+export default AIResponse;

package/dist/core/ai-components/Sara/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { TSaraStates, TBaseHtmlProps } from "../common.type";
+export interface SaraProps extends TBaseHtmlProps<HTMLDivElement> {
+    size?: number;
+    state?: TSaraStates;
+    alt?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    className?: string;
+    'data-test'?: string;
+}
+export declare const Sara: {
+    (props: SaraProps): React.JSX.Element;
+    defaultProps: {
+        size: number;
+        state: string;
+    };
+};
+export default Sara;

package/dist/core/ai-components/SaraSparkle/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { TSaraSparkleStates, TBaseHtmlProps } from "../common.type";
+export interface SaraSparkleProps extends TBaseHtmlProps<HTMLDivElement> {
+    size?: number;
+    state?: TSaraSparkleStates;
+    alt?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    className?: string;
+    'data-test'?: string;
+}
+export declare const SaraSparkle: {
+    (props: SaraSparkleProps): React.JSX.Element;
+    defaultProps: {
+        size: number;
+        state: string;
+    };
+};
+export default SaraSparkle;

package/dist/core/ai-components/common.type.d.ts

@@ -0,0 +1,11 @@
+export declare type TButtonAppearance = 'primary' | 'basic';
+export declare type TButtonType = 'button' | 'submit' | 'reset';
+export declare type TIconPosition = 'top' | 'bottom';
+export declare type TSize2Hierarchy = 'regular' | 'large';
+export declare type TSize3Hierarchy = 'regular' | 'medium' | 'large';
+export declare type TSize4Hierarchy = 'tiny' | 'regular' | 'medium' | 'large';
+export declare type TArrangement = 'horizontal' | 'vertical';
+export declare type TSaraStates = 'default' | 'resting';
+export declare type TSaraSparkleStates = 'default' | 'listening' | 'short-processing' | 'long-processing';
+export declare type TProgressIndicatorStates = 'listening' | 'short-processing' | 'long-processing';
+export declare type TBaseHtmlProps<T> = Omit<React.HTMLProps<T>, ''>;

package/dist/core/common.type.d.ts

@@ -0,0 +1,24 @@
+import { OverlayFooterProps } from "./components/molecules/overlayFooter";
+export declare type AccentAppearance = 'primary' | 'secondary' | 'alert' | 'warning' | 'success' | 'accent1' | 'accent2' | 'accent3' | 'accent4';
+export declare type HeadingAppearance = 'default' | 'subtle' | 'disabled' | 'white';
+export declare type MessageAppearance = 'default' | 'alert' | 'info' | 'success' | 'warning';
+export declare type FileStatus = 'uploading' | 'completed' | 'error';
+export declare type FooterOptions = {
+    actions: OverlayFooterProps['actions'];
+};
+export declare type AutoComplete = 'on' | 'off';
+export declare type NumberRange = [number, number];
+export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
+export declare type TextColor = 'white' | 'primary' | 'secondary' | 'success' | 'alert' | 'warning' | 'accent1' | 'accent2' | 'accent3' | 'accent4' | 'inverse' | 'primary-dark' | 'secondary-dark' | 'success-dark' | 'alert-dark' | 'warning-dark' | 'accent1-dark' | 'accent2-dark' | 'accent3-dark' | 'accent4-dark' | 'primary-darker' | 'success-darker' | 'alert-darker' | 'warning-darker' | 'accent1-darker' | 'accent2-darker' | 'accent3-darker' | 'accent4-darker' | 'primary-light' | 'secondary-light' | 'success-light' | 'alert-light' | 'warning-light' | 'accent1-light' | 'accent2-light' | 'accent3-light' | 'accent4-light' | 'inverse-light' | 'primary-lighter' | 'secondary-lighter' | 'success-lighter' | 'alert-lighter' | 'warning-lighter' | 'accent1-lighter' | 'accent2-lighter' | 'accent3-lighter' | 'accent4-lighter' | 'inverse-lighter' | 'primary-lightest' | 'secondary-lightest' | 'success-lightest' | 'alert-lightest' | 'warning-lightest' | 'accent1-lightest' | 'accent2-lightest' | 'accent3-lightest' | 'accent4-lightest' | 'inverse-lightest' | 'primary-shadow' | 'secondary-shadow' | 'success-shadow' | 'alert-shadow' | 'warning-shadow' | 'accent1-shadow' | 'accent2-shadow' | 'accent3-shadow' | 'accent4-shadow' | 'inverse-shadow';
+export declare type AvatarSize = 'regular' | 'tiny';
+export declare type AvatarShape = 'round' | 'square';
+export declare type IconType = 'rounded' | 'outlined';
+export declare type PositionType = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+export declare type OptionType = {
+    label: string;
+    value: any;
+    isSelectedOption?: boolean;
+};
+export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
+export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';
+export declare type TTabSize = 'regular' | 'small';

package/dist/core/components/atoms/_chip/index.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Name } from "../chip/Chip";
+import { BaseProps } from "../../../utils/types";
+import { IconType } from "../../../common.type";
+export interface GenericChipProps extends BaseProps {
+    label: string | React.ReactElement;
+    labelPrefix?: string;
+    icon?: string;
+    clearButton?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    onClose?: () => void;
+    onClick?: () => void;
+    iconType?: IconType;
+    name: Name;
+    maxWidth: string | number;
+}
+export declare const GenericChip: {
+    (props: GenericChipProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        maxWidth: string;
+    };
+};
+export default GenericChip;

package/dist/core/components/atoms/_text/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface Props {
+    children: React.ReactNode;
+    componentType: string;
+    className?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default _default;

package/dist/core/components/atoms/actionCard/ActionCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+export interface ActionCardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
+    children: React.ReactNode;
+    disabled?: boolean;
+    zIndex?: number;
+    onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent) => void;
+}
+export declare const ActionCard: {
+    (props: ActionCardProps): React.JSX.Element;
+    displayName: string;
+};
+export default ActionCard;

package/dist/core/components/atoms/actionCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ActionCard";
+export * from "./ActionCard";

package/dist/core/components/atoms/avatar/Avatar.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { TooltipProps } from "../../../index.type";
+import { AccentAppearance, AvatarSize, AvatarShape } from "../../../common.type";
+declare type TPresence = 'active' | 'away';
+export interface AvatarProps extends BaseProps {
+    appearance?: AccentAppearance;
+    children?: string | React.ReactNode;
+    firstName?: string;
+    lastName?: string;
+    withTooltip: boolean;
+    tooltipPosition: TooltipProps['position'];
+    tooltipSuffix?: string;
+    size: AvatarSize;
+    shape: AvatarShape;
+    disabled?: boolean;
+    role?: string;
+    tabIndex?: number;
+    presence?: TPresence;
+    status?: React.ReactNode;
+    strokeColor?: string;
+}
+export declare const Avatar: {
+    (props: AvatarProps): React.JSX.Element;
+    displayName: string;
+    Icon: (props: import("./avatarIcon").AvatarIconProps) => React.JSX.Element;
+    Image: (props: import("./avatarImage").AvatarImageProps) => React.JSX.Element;
+    defaultProps: {
+        tooltipPosition: string;
+        withTooltip: boolean;
+        size: string;
+        shape: string;
+        strokeColor: string;
+    };
+};
+export default Avatar;

package/dist/core/components/atoms/avatar/AvatarProvider.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare type ContextProps = {
+    size?: string;
+    appearance?: string;
+    firstName?: string;
+    lastName?: string;
+    darkAppearance: string[];
+};
+export declare const AvatarContext: React.Context<ContextProps>;
+declare const _default: React.Provider<ContextProps>;
+export default _default;

package/dist/core/components/atoms/avatar/avatarIcon/AvatarIcon.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface AvatarIconProps extends BaseProps {
+    name?: string;
+    type?: 'outlined' | 'rounded';
+}
+export declare const AvatarIcon: (props: AvatarIconProps) => React.JSX.Element;
+export default AvatarIcon;

package/dist/core/components/atoms/avatar/avatarIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarIcon";
+export * from "./AvatarIcon";

package/dist/core/components/atoms/avatar/avatarImage/AvatarImage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface AvatarImageProps extends BaseProps {
+    children?: React.ReactNode;
+    src?: string;
+}
+export declare const AvatarImage: (props: AvatarImageProps) => React.JSX.Element;
+export default AvatarImage;

package/dist/core/components/atoms/avatar/avatarImage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarImage";
+export * from "./AvatarImage";

package/dist/core/components/atoms/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Avatar";
+export * from "./Avatar";

package/dist/core/components/atoms/avatarGroup/AvatarCount.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const AvatarCount: (props: any) => React.JSX.Element;
+export default AvatarCount;

package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { AvatarProps, PopoverProps } from "../../../index.type";
+import { AvatarSize } from "../../../common.type";
+export interface AvatarData extends Record<string, any> {
+    firstName?: string;
+    lastName?: string;
+    appearance?: AvatarProps['appearance'];
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+    disabled?: boolean;
+    tooltipSuffix?: string;
+}
+interface AvatarPopoverProps {
+    popperRenderer?: (names: AvatarData[]) => JSX.Element;
+    appendToBody?: PopoverProps['appendToBody'];
+    dark?: PopoverProps['dark'];
+    position?: PopoverProps['position'];
+    popperClassName?: string;
+    on?: PopoverProps['on'];
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    width?: number | string;
+    withSearch?: boolean;
+    searchPlaceholder?: string;
+    searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+}
+export interface AvatarGroupProps extends BaseProps {
+    list: AvatarData[];
+    max: number;
+    borderColor: string;
+    size: AvatarSize;
+    popoverOptions: AvatarPopoverProps;
+    tooltipPosition: PopoverProps['position'];
+}
+export declare const AvatarGroup: {
+    (props: AvatarGroupProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        max: number;
+        tooltipPosition: string;
+        borderColor: string;
+        popoverOptions: {};
+        size: string;
+    };
+};
+export default AvatarGroup;

package/dist/core/components/atoms/avatarGroup/AvatarGroupEmptyState.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface AvatarEmptyStateProps {
+    height?: string | number;
+    title?: React.ReactText;
+    description?: string;
+}
+export declare const AvatarGroupEmptyState: (props: AvatarEmptyStateProps) => React.JSX.Element;
+export default AvatarGroupEmptyState;

package/dist/core/components/atoms/avatarGroup/AvatarInput.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { InputProps } from "../../../index.type";
+export declare const AvatarGroupInput: (props: InputProps) => React.JSX.Element;
+export default AvatarGroupInput;

package/dist/core/components/atoms/avatarGroup/AvatarOptionItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { AvatarData } from "./AvatarGroup";
+interface AvatarOptionItemProps {
+    avatarData: AvatarData;
+}
+declare const AvatarOptionItem: (props: AvatarOptionItemProps) => React.JSX.Element;
+export default AvatarOptionItem;

package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { AvatarData } from "./AvatarGroup";
+interface AvatarPopperProps {
+    popperRenderer?: (names: AvatarData[]) => JSX.Element;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    width?: number | string;
+    popperClassName?: string;
+    hiddenAvatarList: AvatarData[];
+    withSearch?: boolean;
+    searchPlaceholder?: string;
+    searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+}
+declare const AvatarPopperBody: (props: AvatarPopperProps) => React.JSX.Element;
+export default AvatarPopperBody;

package/dist/core/components/atoms/avatarGroup/Avatars.d.ts

@@ -0,0 +1,2 @@
+declare const Avatars: (props: any) => any;
+export default Avatars;

package/dist/core/components/atoms/avatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./AvatarGroup";
+export * from "./AvatarGroup";

package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { AvatarProps, TooltipProps } from "../../../index.type";
+import { AvatarSize } from "../../../common.type";
+export interface AvatarData extends Record<string, any> {
+    firstName?: string;
+    lastName?: string;
+    appearance?: AvatarProps['appearance'];
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    tooltipSuffix?: string;
+}
+export interface AvatarSelectionProps extends BaseProps {
+    list: AvatarData[];
+    max: number;
+    borderColor: string;
+    size: AvatarSize;
+    tooltipPosition: TooltipProps['position'];
+    avatarRenderer?: (data: AvatarData) => JSX.Element;
+    onSelect?: (data?: AvatarData) => void;
+    width?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    withSearch?: boolean;
+    searchPlaceholder?: string;
+    searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const AvatarSelection: {
+    (props: AvatarSelectionProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        max: number;
+        tooltipPosition: string;
+        borderColor: string;
+        size: string;
+        width: number;
+        maxHeight: number;
+    };
+    Input: (props: import("../input/Input").InputProps) => React.JSX.Element;
+    List: {
+        (props: import("./avatarPopover").SelectionListProps): React.JSX.Element;
+        defaultProps: {
+            type: string;
+            showDivider: boolean;
+            size: string;
+            tagName: string;
+        };
+    };
+    Option: {
+        (props: import("./avatarPopover").SelectionOptionProps): React.JSX.Element;
+        defaultProps: {
+            tagName: string;
+        };
+    };
+    EmptyState: (props: import("./avatarPopover").AvatarEmptyStateProps) => React.JSX.Element;
+};
+export default AvatarSelection;

package/dist/core/components/atoms/avatarSelection/AvatarSelectionContext.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { AvatarData } from "./AvatarSelection";
+export declare type ContextProps = {
+    listRef?: React.RefObject<HTMLDivElement>;
+    onSelect?: (data?: AvatarData) => void;
+    withSearch?: boolean;
+    triggerRef?: React.LegacyRef<HTMLDivElement>;
+    selectedItems: AvatarData[];
+    focusedOption?: HTMLElement;
+    setSelectedItems?: React.Dispatch<React.SetStateAction<AvatarData[]>>;
+    setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
+    setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
+    openPopover?: boolean;
+    popoverId?: string;
+};
+export declare const AvatarSelectionContext: React.Context<Partial<ContextProps>>;
+export default AvatarSelectionContext;

package/dist/core/components/atoms/avatarSelection/avatarPopover/AvatarSelectionEmptyState.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface AvatarEmptyStateProps {
+    height?: number;
+    title?: React.ReactText;
+    description?: string;
+}
+export declare const AvatarSelectionEmptyState: (props: AvatarEmptyStateProps) => React.JSX.Element;
+export default AvatarSelectionEmptyState;