@7shifts/sous-chef 3.30.0 → 3.30.1

package/dist/overlay/Calendar/Calendar.d.ts

@@ -1,24 +1,24 @@
-import React, { MutableRefObject } from 'react';
-import { BlockedDays, WeekStart } from '../../utils/date';
-import { CalendarMode, CalendarPlacement } from './types';
-declare type Props = {
-    mode?: CalendarMode;
-    /** Note that if the calendar is not able to fit in the selected position,
-     *  it will override this selection and select the one that fits in the window. */
-    position?: CalendarPlacement;
-    weekStart?: WeekStart;
-    selected?: Date;
-    initialMonth?: Date;
-    onSelect: (selected: Date) => void;
-    onClickOutside: () => void;
-    /** It disable some dates so the user can't click on them. Refer to this
-     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
-     * values you can use. */
-    disabledDays?: BlockedDays;
-    anchorRef: MutableRefObject<HTMLElement | null>;
-    testId?: string;
-    onMonthChange?: (month: Date) => void;
-};
-/**Calendar overlay component*/
-declare const Calendar: React.FC<Props>;
-export default Calendar;
+import React, { MutableRefObject } from 'react';
+import { BlockedDays, WeekStart } from '../../utils/date';
+import { CalendarMode, CalendarPlacement } from './types';
+type Props = {
+    mode?: CalendarMode;
+    /** Note that if the calendar is not able to fit in the selected position,
+     *  it will override this selection and select the one that fits in the window. */
+    position?: CalendarPlacement;
+    weekStart?: WeekStart;
+    selected?: Date;
+    initialMonth?: Date;
+    onSelect: (selected: Date) => void;
+    onClickOutside: () => void;
+    /** It disable some dates so the user can't click on them. Refer to this
+     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
+     * values you can use. */
+    disabledDays?: BlockedDays;
+    anchorRef: MutableRefObject<HTMLElement | null>;
+    testId?: string;
+    onMonthChange?: (month: Date) => void;
+};
+/**Calendar overlay component*/
+declare const Calendar: React.FC<Props>;
+export default Calendar;

package/dist/overlay/Calendar/constants.d.ts

@@ -1,8 +1,8 @@
-export declare const CALENDAR_MODE: {
-    DAY: "day";
-    WEEK: "week";
-};
-export declare const CALENDAR_PLACEMENT: {
-    BOTTOM: "bottom";
-    TOP: "top";
-};
+export declare const CALENDAR_MODE: {
+    DAY: "day";
+    WEEK: "week";
+};
+export declare const CALENDAR_PLACEMENT: {
+    BOTTOM: "bottom";
+    TOP: "top";
+};

package/dist/overlay/Calendar/domain.d.ts

@@ -1,7 +1,7 @@
-import { CalendarPlacement } from './types';
-declare type Position = {
-    left: number;
-    top: number;
-};
-export declare const calculateCalendarPosition: (placement: CalendarPlacement, anchorPosition: DOMRect, calendarDimensions?: DOMRect | undefined) => Position;
-export {};
+import { CalendarPlacement } from './types';
+type Position = {
+    left: number;
+    top: number;
+};
+export declare const calculateCalendarPosition: (placement: CalendarPlacement, anchorPosition: DOMRect, calendarDimensions?: DOMRect) => Position;
+export {};

package/dist/overlay/Calendar/index.d.ts

@@ -1 +1 @@
-export { default } from './Calendar';
+export { default } from './Calendar';

package/dist/overlay/Calendar/types.d.ts

@@ -1,2 +1,2 @@
-export declare type CalendarPlacement = 'top' | 'bottom';
-export declare type CalendarMode = 'day' | 'week';
+export type CalendarPlacement = 'top' | 'bottom';
+export type CalendarMode = 'day' | 'week';

package/dist/overlay/Dropdown/Dropdown.d.ts

@@ -1,17 +1,17 @@
-import React, { RefAttributes } from 'react';
-import { DropdownAlignment, DropdownTrigger } from './types';
-import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
-declare type Props = {
-    trigger: React.ReactElement & RefAttributes<unknown>;
-    width?: number;
-    maxHeight?: number;
-    triggersOn?: DropdownTrigger;
-    alignment?: DropdownAlignment;
-    testId?: string;
-    children: React.ReactNode;
-    triggerWidth?: 'full' | 'restricted';
-    /** Sets the z-index of the dropdown menu pane */
-    zIndex?: number | ZIndex;
-};
-declare const Dropdown: ({ trigger, triggersOn, alignment, width, maxHeight, testId, children, triggerWidth, zIndex }: Props) => React.JSX.Element;
-export default Dropdown;
+import React, { RefAttributes } from 'react';
+import { DropdownAlignment, DropdownTrigger } from './types';
+import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
+type Props = {
+    trigger: React.ReactElement & RefAttributes<unknown>;
+    width?: number;
+    maxHeight?: number;
+    triggersOn?: DropdownTrigger;
+    alignment?: DropdownAlignment;
+    testId?: string;
+    children: React.ReactNode;
+    triggerWidth?: 'full' | 'restricted';
+    /** Sets the z-index of the dropdown menu pane */
+    zIndex?: number | ZIndex;
+};
+declare const Dropdown: ({ trigger, triggersOn, alignment, width, maxHeight, testId, children, triggerWidth, zIndex }: Props) => React.JSX.Element;
+export default Dropdown;

package/dist/overlay/Dropdown/DropdownContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export declare type DropdownContextType = {
-    onToggleDropdown: () => void;
-    isOpen: boolean;
-    triggerRef: React.Ref<HTMLElement>;
-    paneRef: React.RefObject<HTMLElement>;
-};
-declare const DropdownContext: React.Context<DropdownContextType>;
-export declare const useDropdownContext: () => DropdownContextType;
-export default DropdownContext;
+import React from 'react';
+export type DropdownContextType = {
+    onToggleDropdown: () => void;
+    isOpen: boolean;
+    triggerRef: React.Ref<HTMLElement>;
+    paneRef: React.RefObject<HTMLElement>;
+};
+declare const DropdownContext: React.Context<DropdownContextType>;
+export declare const useDropdownContext: () => DropdownContextType;
+export default DropdownContext;

package/dist/overlay/Dropdown/constants.d.ts

@@ -1,8 +1,8 @@
-export declare const DROPDOWN_ALIGNEMNT: {
-    LEFT: "left";
-    RIGHT: "right";
-};
-export declare const DROPDOWN_TRIGGER: {
-    HOVER: "hover";
-    CLICK: "click";
-};
+export declare const DROPDOWN_ALIGNEMNT: {
+    LEFT: "left";
+    RIGHT: "right";
+};
+export declare const DROPDOWN_TRIGGER: {
+    HOVER: "hover";
+    CLICK: "click";
+};

package/dist/overlay/Dropdown/domain.d.ts

@@ -1,2 +1,2 @@
-export declare const isGoingTowardsPane: (panePosition: DOMRect, mouseYAxisPosition: number) => boolean;
-export declare const getKeyboardFocusableElements: (element: HTMLElement) => HTMLElement[];
+export declare const isGoingTowardsPane: (panePosition: DOMRect, mouseYAxisPosition: number) => boolean;
+export declare const getKeyboardFocusableElements: (element: HTMLElement) => HTMLElement[];

package/dist/overlay/Dropdown/index.d.ts

@@ -1 +1 @@
-export { default } from './Dropdown';
+export { default } from './Dropdown';

package/dist/overlay/Dropdown/types.d.ts

@@ -1,2 +1,2 @@
-export declare type DropdownAlignment = 'left' | 'right';
-export declare type DropdownTrigger = 'click' | 'hover';
+export type DropdownAlignment = 'left' | 'right';
+export type DropdownTrigger = 'click' | 'hover';

package/dist/overlay/DropdownList/DropdownList.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare type Props = {
-    testId?: string;
-    /** `DropdownListItem` and `DropdownDivider` are the only valid children of DropdownList. */
-    children: React.ReactNode;
-    /** `highlightItemIndex` can be used to manage the DropdownListItem to highlight when using searching the dropdown. */
-    highlightItemIndex?: number;
-};
-declare const DropdownList: React.FC<Props>;
-export default DropdownList;
+import React from 'react';
+type Props = {
+    testId?: string;
+    /** `DropdownListItem` and `DropdownDivider` are the only valid children of DropdownList. */
+    children: React.ReactNode;
+    /** `highlightItemIndex` can be used to manage the DropdownListItem to highlight when using searching the dropdown. */
+    highlightItemIndex?: number;
+};
+declare const DropdownList: React.FC<Props>;
+export default DropdownList;

package/dist/overlay/DropdownList/domain.d.ts

@@ -1,2 +1,2 @@
-export declare const canInteractWithItem: (child: React.ReactElement) => boolean;
-export declare const calculateScrollYPosition: (newFocusItem: number, lastFocusItem: number, paneScrollTop: number, maxPaneHeight: number, elementYPosition: number) => number | null;
+export declare const canInteractWithItem: (child: React.ReactElement) => boolean;
+export declare const calculateScrollYPosition: (newFocusItem: number, lastFocusItem: number, paneScrollTop: number, maxPaneHeight: number, elementYPosition: number) => number | null;

package/dist/overlay/DropdownList/index.d.ts

@@ -1 +1 @@
-export { default } from './DropdownList';
+export { default } from './DropdownList';

package/dist/overlay/DropdownListDivider/DropdownListDivider.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare type Props = {
-    testId?: string;
-};
-declare const DropdownListDivider: ({ testId }: Props) => React.JSX.Element;
-export default DropdownListDivider;
+import React from 'react';
+type Props = {
+    testId?: string;
+};
+declare const DropdownListDivider: ({ testId }: Props) => React.JSX.Element;
+export default DropdownListDivider;

package/dist/overlay/DropdownListDivider/index.d.ts

@@ -1 +1 @@
-export { default } from './DropdownListDivider';
+export { default } from './DropdownListDivider';

package/dist/overlay/DropdownListItem/DropdownListItem.d.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { Target } from '../../actions/Link/types';
-declare type Props = {
-    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    caption?: React.ReactNode;
-    selected?: boolean;
-    disabled?: boolean;
-    testId?: string;
-    children: React.ReactNode;
-    /** Setting an `href` on `DropdownListItem` will configure it to behave as a link. */
-    href?: string;
-    /** If an `href` is passed `target` will control whether the link opens in a new tab or the current one. */
-    target?: Target;
-    /** If an `href` is passed `reloadDocument` will control whether the link reloads the page or not. */
-    reloadDocument?: boolean;
-};
-declare const DropdownListItem: ({ onClick, prefix, suffix, caption, selected, disabled, testId, children, href, target, reloadDocument }: Props) => React.JSX.Element;
-export default DropdownListItem;
+import React from 'react';
+import { Target } from '../../actions/Link/types';
+type Props = {
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    caption?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+    testId?: string;
+    children: React.ReactNode;
+    /** Setting an `href` on `DropdownListItem` will configure it to behave as a link. */
+    href?: string;
+    /** If an `href` is passed `target` will control whether the link opens in a new tab or the current one. */
+    target?: Target;
+    /** If an `href` is passed `reloadDocument` will control whether the link reloads the page or not. */
+    reloadDocument?: boolean;
+};
+declare const DropdownListItem: ({ onClick, prefix, suffix, caption, selected, disabled, testId, children, href, target, reloadDocument }: Props) => React.JSX.Element;
+export default DropdownListItem;

package/dist/overlay/DropdownListItem/index.d.ts

@@ -1 +1 @@
-export { default } from './DropdownListItem';
+export { default } from './DropdownListItem';

package/dist/overlay/DropdownPane/DropdownPane.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { DropdownAlignment } from '../Dropdown/types';
-import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
-declare type Props = {
-    width?: number;
-    maxHeight?: number;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    testId?: string;
-    alignment: DropdownAlignment;
-    children: React.ReactNode;
-    zIndex?: number | ZIndex;
-};
-declare const DropdownPane: (props: Props) => React.JSX.Element | null;
-export default DropdownPane;
+import React from 'react';
+import { DropdownAlignment } from '../Dropdown/types';
+import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
+type Props = {
+    width?: number;
+    maxHeight?: number;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    testId?: string;
+    alignment: DropdownAlignment;
+    children: React.ReactNode;
+    zIndex?: number | ZIndex;
+};
+declare const DropdownPane: (props: Props) => React.JSX.Element | null;
+export default DropdownPane;

package/dist/overlay/DropdownPane/domain.d.ts

@@ -1,5 +1,5 @@
-import { DropdownAlignment } from '../Dropdown/types';
-export declare const calculateOverlayPosition: (triggerPosition: DOMRect, triggerOffsetHeight: number, panePosition: DOMRect, alignment: DropdownAlignment) => {
-    top: number;
-    left: number;
-};
+import { DropdownAlignment } from '../Dropdown/types';
+export declare const calculateOverlayPosition: (triggerPosition: DOMRect, triggerOffsetHeight: number, panePosition: DOMRect, alignment: DropdownAlignment) => {
+    top: number;
+    left: number;
+};

package/dist/overlay/DropdownPane/index.d.ts

@@ -1 +1 @@
-export { default } from './DropdownPane';
+export { default } from './DropdownPane';

package/dist/overlay/HintModal/HintModal.d.ts

@@ -1,13 +1,13 @@
-import React, { ReactNode } from 'react';
-import { PositionStyles } from '../../foundation/types';
-export declare type Props = {
-    header: ReactNode;
-    children?: ReactNode;
-    mediaUrl?: string;
-    onClose: () => void;
-    modalId: string;
-    primaryButton: React.ReactElement;
-    testId?: string;
-} & PositionStyles;
-declare const HintModal: ({ header, children, mediaUrl, onClose, modalId, primaryButton, testId, ...positionProps }: Props) => React.JSX.Element;
-export default HintModal;
+import React, { ReactNode } from 'react';
+import { PositionStyles } from '../../foundation/types';
+export type Props = {
+    header: ReactNode;
+    children?: ReactNode;
+    mediaUrl?: string;
+    onClose: () => void;
+    modalId: string;
+    primaryButton: React.ReactElement;
+    testId?: string;
+} & PositionStyles;
+declare const HintModal: ({ header, children, mediaUrl, onClose, modalId, primaryButton, testId, ...positionProps }: Props) => React.JSX.Element;
+export default HintModal;

package/dist/overlay/HintModal/index.d.ts

@@ -1 +1 @@
-export { default } from './HintModal';
+export { default } from './HintModal';

package/dist/overlay/KebabMenu/KebabMenu.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { MenuAction } from './types';
-declare type Props = {
-    actions: MenuAction[];
-};
-declare const KebabMenu: ({ actions }: Props) => React.JSX.Element;
-export default KebabMenu;
+import React from 'react';
+import { MenuAction } from './types';
+type Props = {
+    actions: MenuAction[];
+};
+declare const KebabMenu: ({ actions }: Props) => React.JSX.Element;
+export default KebabMenu;

package/dist/overlay/KebabMenu/index.d.ts

@@ -1 +1 @@
-export { default } from './KebabMenu';
+export { default } from './KebabMenu';

package/dist/overlay/KebabMenu/types.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type MenuAction = {
-    action: string;
-    label: React.ReactNode;
-    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
-    hidden?: boolean;
-};
+/// <reference types="react" />
+export type MenuAction = {
+    action: string;
+    label: React.ReactNode;
+    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    hidden?: boolean;
+};

package/dist/overlay/Modal/Modal.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
-declare type Props = {
-    children: React.ReactNode;
-    header?: React.ReactNode;
-    subHeader?: React.ReactNode;
-    /** Called when the user closes the modal, can be undefined to create a non-closable loading modal */
-    onClose?: () => void;
-    /** Sets the loading state of the modal and disables the close button when true. */
-    loading?: boolean;
-    zIndex?: number | ZIndex;
-    /** This is the ID for the root element so when the modal is open it only allows iteracting with the modal when pressing tab. Can also use `Modal.setAppElement('#root')` in te main app once. */
-    rootElementId?: string;
-    width?: number;
-    height?: number;
-    maxWidth?: number;
-    shouldReturnFocusAfterClose?: boolean;
-    testId?: string;
-};
-declare const Modal: {
-    ({ children, header, subHeader, onClose, loading, zIndex, rootElementId, width, height, maxWidth, shouldReturnFocusAfterClose, testId }: Props): React.JSX.Element;
-    setAppElement(rootElement: string | HTMLElement): void;
-};
-export default Modal;
+import React from 'react';
+import { ZIndex } from '../../foundation/tokens/zindex/z-index-types';
+type Props = {
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    subHeader?: React.ReactNode;
+    /** Called when the user closes the modal, can be undefined to create a non-closable loading modal */
+    onClose?: () => void;
+    /** Sets the loading state of the modal and disables the close button when true. */
+    loading?: boolean;
+    zIndex?: number | ZIndex;
+    /** This is the ID for the root element so when the modal is open it only allows iteracting with the modal when pressing tab. Can also use `Modal.setAppElement('#root')` in te main app once. */
+    rootElementId?: string;
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+    shouldReturnFocusAfterClose?: boolean;
+    testId?: string;
+};
+declare const Modal: {
+    ({ children, header, subHeader, onClose, loading, zIndex, rootElementId, width, height, maxWidth, shouldReturnFocusAfterClose, testId }: Props): React.JSX.Element;
+    setAppElement(rootElement: string | HTMLElement): void;
+};
+export default Modal;

package/dist/overlay/Modal/ModalBody/ModalBody.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    testId?: string;
-};
-declare const ModalBody: ({ children, testId }: Props) => React.JSX.Element;
-export default ModalBody;
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+    testId?: string;
+};
+declare const ModalBody: ({ children, testId }: Props) => React.JSX.Element;
+export default ModalBody;

package/dist/overlay/Modal/ModalBody/index.d.ts

@@ -1 +1 @@
-export { default } from './ModalBody';
+export { default } from './ModalBody';

package/dist/overlay/Modal/ModalBody/useScrollShadow.d.ts

@@ -1,7 +1,7 @@
-import { RefType } from '../../../utils/types';
-declare type UseScrollShadow = {
-    ref: RefType<HTMLDivElement>;
-    showScrollShadow: boolean;
-};
-export declare const useScrollShadow: () => UseScrollShadow;
-export {};
+import { RefType } from '../../../utils/types';
+type UseScrollShadow = {
+    ref: RefType<HTMLDivElement>;
+    showScrollShadow: boolean;
+};
+export declare const useScrollShadow: () => UseScrollShadow;
+export {};

package/dist/overlay/Modal/ModalContext.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare type ModalContextType = {
-    isModalMounted: boolean;
-};
-declare const ModalContext: React.Context<ModalContextType>;
-export declare const useModalContext: () => ModalContextType;
-export default ModalContext;
+import React from 'react';
+export type ModalContextType = {
+    isModalMounted: boolean;
+};
+declare const ModalContext: React.Context<ModalContextType>;
+export declare const useModalContext: () => ModalContextType;
+export default ModalContext;

package/dist/overlay/Modal/ModalFooter/ModalFooter.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-declare type Props = {
-    children?: React.ReactNode;
-    /** This will streamline the button creation and all the design pattern applied on buttons with a modal footer. If you want more flexibility to build the footer you can pass a `children` instead of using the `actions` prop. */
-    actions?: {
-        primary?: React.ReactElement;
-        secondary?: React.ReactElement;
-        tertiary?: React.ReactElement;
-    };
-    testId?: string;
-};
-declare const ModalFooter: ({ children, actions, testId }: Props) => React.JSX.Element;
-export default ModalFooter;
+import React from 'react';
+type Props = {
+    children?: React.ReactNode;
+    /** This will streamline the button creation and all the design pattern applied on buttons with a modal footer. If you want more flexibility to build the footer you can pass a `children` instead of using the `actions` prop. */
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+        tertiary?: React.ReactElement;
+    };
+    testId?: string;
+};
+declare const ModalFooter: ({ children, actions, testId }: Props) => React.JSX.Element;
+export default ModalFooter;

package/dist/overlay/Modal/ModalFooter/index.d.ts

@@ -1 +1 @@
-export { default } from './ModalFooter';
+export { default } from './ModalFooter';

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

@@ -1,9 +1,9 @@
-import React from 'react';
-declare type Props = {
-    header?: React.ReactNode;
-    subHeader?: React.ReactNode;
-    onClose?: () => void;
-    loading?: boolean;
-};
-declare const ModalHeader: ({ header, subHeader, onClose, loading }: Props) => React.JSX.Element | null;
-export default ModalHeader;
+import React from 'react';
+type Props = {
+    header?: React.ReactNode;
+    subHeader?: React.ReactNode;
+    onClose?: () => void;
+    loading?: boolean;
+};
+declare const ModalHeader: ({ header, subHeader, onClose, loading }: Props) => React.JSX.Element | null;
+export default ModalHeader;

package/dist/overlay/Modal/ModalHeader/index.d.ts

@@ -1 +1 @@
-export { default } from './ModalHeader';
+export { default } from './ModalHeader';

package/dist/overlay/Modal/index.d.ts

@@ -1 +1 @@
-export { default } from './Modal';
+export { default } from './Modal';

package/dist/overlay/Tooltip/Tooltip.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { Placement, TooltipTheme } from './types';
-declare type Props = {
-    theme?: TooltipTheme;
-    /** It defines the overlay position on the screen. The component might not use the value defined in here as it will place the tooltip on the best place based on the anchor position on the screen. */
-    placement?: Placement;
-    /** It can be text or a JSX. */
-    overlay?: React.ReactNode;
-    /** Used on the `white` theme when there is a need of adding a header to the tooltip. */
-    header?: React.ReactNode;
-    /** If `true` it allow the overlay to keep open if the user hover it so, user can iteract with it (click on a link or copy the text). */
-    delayOnClose?: boolean;
-    /** If `true` it will add a delay on opening the overlay, if the user is not hovering the anchor it will not open the overlay. */
-    delayOnOpen?: boolean;
-    extraClass?: string;
-    onClose?: () => void;
-    onVisibleChange?: (isVisible: boolean) => void;
-    children: React.ReactElement;
-    testId?: string;
-};
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import React from 'react';
+import { Placement, TooltipTheme } from './types';
+type Props = {
+    theme?: TooltipTheme;
+    /** It defines the overlay position on the screen. The component might not use the value defined in here as it will place the tooltip on the best place based on the anchor position on the screen. */
+    placement?: Placement;
+    /** It can be text or a JSX. */
+    overlay?: React.ReactNode;
+    /** Used on the `white` theme when there is a need of adding a header to the tooltip. */
+    header?: React.ReactNode;
+    /** If `true` it allow the overlay to keep open if the user hover it so, user can iteract with it (click on a link or copy the text). */
+    delayOnClose?: boolean;
+    /** If `true` it will add a delay on opening the overlay, if the user is not hovering the anchor it will not open the overlay. */
+    delayOnOpen?: boolean;
+    extraClass?: string;
+    onClose?: () => void;
+    onVisibleChange?: (isVisible: boolean) => void;
+    children: React.ReactElement;
+    testId?: string;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;