@heliux-org/design-system-core 0.0.19 → 0.0.20

package/dist/esm/core/src/components/Tree/utils/useRealShape.d.ts

@@ -1,9 +0,0 @@
-import { MutableRefObject } from "react";
-export type ShapeType = {
-    width: number;
-    height: number;
-};
-export declare const getRealShape: (el: HTMLElement | null) => ShapeType;
-export type ShapeResult = [ShapeType, () => void];
-declare const useRealShape: <T extends HTMLElement>(ref: MutableRefObject<T>) => ShapeResult;
-export default useRealShape;

package/dist/esm/core/src/components/Typography/Typography.d.ts

@@ -1,36 +0,0 @@
-import { HTMLAttributes } from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
-import { ElementContent } from "../../types";
-import { TypographyColor, TypographyAlign } from "./TypographyConstants";
-import { TooltipProps } from "../Tooltip/Tooltip";
-export interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {
-    /**
-     * The element tag of the text component
-     */
-    element?: string;
-    /**
-     * The textual content
-     */
-    children: ElementContent;
-    color?: TypographyColor;
-    align?: TypographyAlign;
-    /**
-     * When the text is too long, cut the end of the text and display instead of it three dots (...)
-     */
-    ellipsis?: boolean;
-    /**
-     * Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines
-     */
-    maxLines?: number;
-    /**
-     * All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text
-     */
-    tooltipProps?: TooltipProps;
-    /**
-     * Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis
-     */
-    withoutTooltip?: boolean;
-}
-declare const Typography: VibeComponent<TypographyProps, HTMLElement>;
-export default Typography;

package/dist/esm/core/src/components/Typography/TypographyConstants.d.ts

@@ -1,14 +0,0 @@
-export declare enum TypographyColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    ON_PRIMARY = "onPrimary",
-    ON_INVERTED = "onInverted",
-    FIXED_LIGHT = "fixedLight",
-    FIXED_DARK = "fixedDark",
-    INHERIT = "inherit"
-}
-export declare enum TypographyAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end"
-}

package/dist/esm/core/src/components/Typography/TypographyHooks.d.ts

@@ -1,8 +0,0 @@
-import { MutableRefObject } from "react";
-import { ElementContent } from "../../types";
-import { TooltipProps } from "../Tooltip/Tooltip";
-export declare function useEllipsisClass(ref: MutableRefObject<HTMLElement>, ellipsis: boolean, maxLines: number): {
-    ref: (node: HTMLElement) => void;
-    class: string;
-};
-export declare function useTooltipProps(ref: MutableRefObject<HTMLElement>, withoutTooltip: boolean, ellipsis: boolean, tooltipProps: TooltipProps, children: ElementContent, ignoreHeightOverflow: boolean, overflowTolerance: number): {};

package/dist/esm/core/src/components/Typography/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Typography";
-export * from "./TypographyConstants";
-export * from "./TypographyHooks";
-export * from "./utils/TypographyContext";

package/dist/esm/core/src/components/Typography/utils/TypographyContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type TypographyContext = {
-    /**
-     * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow
-     * Useful for cases where line-height is set and it's smaller than the font's line-height
-     */
-    overflowTolerance: number;
-};
-export declare const TypographyContext: React.Context<TypographyContext>;
-export {};

package/dist/esm/core/src/components/VirtualizedGrid/VirtualizedGrid.d.ts

@@ -1,73 +0,0 @@
-import { ComponentType, CSSProperties } from "react";
-import { GridChildComponentProps, ScrollDirection } from "react-window";
-import VibeComponentProps from "src/types/VibeComponentProps";
-import { VibeComponent } from "../../types";
-type ItemType = {
-    value: string;
-    height: number;
-    width: number;
-    id: string;
-};
-export interface VirtualizedGridProps extends VibeComponentProps {
-    /**
-     * A list of items to be rendered
-     * {
-     *      item: ItemType,
-     *     index: number,
-     *     style: CSSProperties
-     * }[]
-     */
-    items: ItemType[];
-    /**
-     * item render function
-     * returns `JSX.Element`
-     */
-    itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ItemType | ComponentType<GridChildComponentProps<ItemType>>;
-    /**
-     * in order to calculate the number of rows to render in the grid, the component needs the height of the row
-     * return `number`
-     */
-    getRowHeight: () => number;
-    /**
-     * in order to calculate the number of columns to render in the grid, the component needs the width of the column
-     * return `number`
-     */
-    getColumnWidth: () => number;
-    /**
-     * returns Id of an items
-     * returns `string`
-     */
-    getItemId?: (item: ItemType, index: number) => string;
-    /**
-     * index of the item to scroll to
-     */
-    scrollToId?: number;
-    onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
-    /**
-     * callback to be called when the scroll is finished
-     */
-    onScrollToFinished?: () => void;
-    /**
-     * a callback that is being called when the items are rendered
-     */
-    onItemsRendered?: ({ firstItemId, secondItemId, lastItemId, centerItemId, firstItemOffsetEnd, currentOffsetTop, }: {
-        firstItemId: string;
-        secondItemId: string;
-        lastItemId: string;
-        centerItemId: string;
-        firstItemOffsetEnd: number;
-        currentOffsetTop: number;
-    }) => void;
-    onItemsRenderedThrottleMs?: number;
-    /**
-     * when the grid size changes
-     */
-    onSizeUpdate?: (width: number, height: number) => void;
-    onVerticalScrollbarVisiblityChange?: (value: boolean) => void;
-    /**
-     * class name to add to the component scrollable container
-     */
-    scrollableClassName?: string;
-}
-declare const VirtualizedGrid: VibeComponent<VirtualizedGridProps>;
-export default VirtualizedGrid;

package/dist/esm/core/src/components/VirtualizedGrid/index.d.ts

@@ -1 +0,0 @@
-export * from "./VirtualizedGrid";

package/dist/esm/core/src/components/VirtualizedList/VirtualizedList.d.ts

@@ -1,99 +0,0 @@
-import { CSSProperties, ForwardedRef, ReactElement } from "react";
-import { Layout, ScrollDirection } from "react-window";
-import VibeComponentProps from "src/types/VibeComponentProps";
-import VibeComponent from "../../types/VibeComponent";
-export type VirtualizedListItem = {
-    value?: string | Record<string, unknown>;
-    height?: number;
-    width?: number;
-    id?: string;
-    offsetTop?: number;
-};
-export interface VirtualizedListProps extends VibeComponentProps {
-    /**
-     * class name to add to the component scrollable container
-     */
-    scrollableClassName?: string;
-    /**
-     * Layout/orientation of the list.
-     * Acceptable values are:
-     * - "vertical" (default) - Up/down scrolling.
-     * - "horizontal" - Left/right scrolling.
-     */
-    layout?: Layout;
-    /**
-     * A list of items to be rendered
-     */
-    items: VirtualizedListItem[];
-    /**
-     * Will return the element which represent an item in the virtualized list.
-     * Returns `JSX.Element`
-     * @param item - item data
-     * @param _index - item index
-     * @param style - item style, must be injected to the item element wrapper for correct presentation of the item
-     */
-    itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;
-    /**
-     * Deprecated - use getItemSize
-     * in order to calculate the number of items to render, the component needs the height of the items
-     * return `number`
-     */
-    getItemHeight?: (item: VirtualizedListItem, index: number) => number;
-    /**
-     * in order to calculate the number of items to render, the component needs the width/height of the items (according to layout)
-     * return `number`
-     */
-    getItemSize?: (item: VirtualizedListItem, index: number) => number;
-    /**
-     * returns Id of an items
-     * returns `string`
-     */
-    getItemId?: (item: VirtualizedListItem, index: number) => string;
-    /**
-     * callback to be called when the scroll is finished
-     */
-    onScrollToFinished?: () => void;
-    /**
-     * number of items to render (below/above the fold)
-     */
-    overscanCount?: number;
-    /**
-     * the speed of the scroll (in ms)
-     */
-    scrollDuration?: number;
-    /**
-     * a callback that is being called when the items are rendered
-     */
-    onItemsRendered?: ({ firstItemId, secondItemId, lastItemId, centerItemId, firstItemOffsetEnd, currentOffsetTop, }: {
-        firstItemId: string;
-        secondItemId: string;
-        lastItemId: string;
-        centerItemId: string;
-        firstItemOffsetEnd: number;
-        currentOffsetTop: number;
-    }) => void;
-    onItemsRenderedThrottleMs?: number;
-    /**
-     * when the list size changes - `=> (width, height)`
-     */
-    onSizeUpdate?: (width: number, height: number) => void;
-    /**
-     * Deprecated - use onLayoutDirectionScrollbarVisibilityChange
-     */
-    onVerticalScrollbarVisiblityChange?: (value: boolean) => void;
-    /**
-     * Callback - called when the vertical/horizontal (depends on layout) scrollbar visibility changed
-     */
-    onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;
-    role?: string;
-    /** Custom style to pass to the component */
-    style?: CSSProperties;
-    /**
-     * index of the item to scroll to
-     */
-    scrollToId?: string;
-    virtualListRef?: ForwardedRef<HTMLElement>;
-    onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;
-}
-declare const VirtualizedList: VibeComponent<VirtualizedListProps>;
-export default VirtualizedList;

package/dist/esm/core/src/components/VirtualizedList/index.d.ts

@@ -1 +0,0 @@
-export * from "./VirtualizedList";

package/dist/esm/core/src/components/Workflow/Workflow.d.ts

@@ -1,12 +0,0 @@
-import { PropsWithChildren, ReactElement } from "react";
-import "./workflow.scss";
-export interface WorkflowProps {
-    children: Iterable<ReactElement<typeof Step>>;
-}
-export default function Workflow({ children }: WorkflowProps): import("react/jsx-runtime").JSX.Element;
-export interface StepProps extends PropsWithChildren {
-    index?: string;
-    title: string;
-    state: "incomplete" | "complete" | "active";
-}
-export declare function Step({ index, title, state, children }: StepProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/src/components/Workflow/__stories__/Workflow.stories.d.ts

@@ -1,14 +0,0 @@
-import Workflow from "../Workflow";
-declare const _default: {
-    title: string;
-    component: typeof Workflow;
-};
-export default _default;
-export declare const Overview: {
-    render: any;
-    name: string;
-    args: {};
-};
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};

package/dist/esm/core/src/components/Workflow/index.d.ts

@@ -1 +0,0 @@
-export * from "./Workflow";

package/dist/esm/core/src/components/new/Buttons/Button.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { ButtonBase } from '../utils/components/ButtonBase';
-import type { PolymorphicForwardRefComponent } from '../utils/index';
-export type ButtonProps = {
-    /**
-     * Modify size of the button.
-     */
-    size?: 'small' | 'large';
-    /**
-     * Style of the button.
-     * Use 'borderless' to hide outline.
-     * @default 'default'
-     */
-    styleType?: 'cta' | 'high-visibility' | 'default' | 'borderless';
-    /**
-     * Icon shown before the main button content.
-     */
-    startIcon?: JSX.Element;
-    /**
-     * Icon shown after the main button content.
-     */
-    endIcon?: JSX.Element;
-    /**
-     * Passes props to the button label.
-     */
-    labelProps?: React.ComponentProps<'span'>;
-    /**
-     * Passes props to the start icon.
-     */
-    startIconProps?: React.ComponentProps<'span'>;
-    /**
-     * Passes props to the end icon.
-     */
-    endIconProps?: React.ComponentProps<'span'>;
-} & Pick<React.ComponentProps<typeof ButtonBase>, 'htmlDisabled'>;
-/**
- * Generic button component
- * @example
- * <Button>This is a default button</Button>
- * <Button disabled={true}>This is a disabled button</Button>
- * <Button size='large' styleType='high-visibility'>This is a large high visibility button</Button>
- * <Button size='small' styleType='cta'>This is a small call to action button</Button>
- * <Button startIcon={<SvgAdd />}>New</Button>
- */
-export declare const Button: PolymorphicForwardRefComponent<"button", ButtonProps>;

package/dist/esm/core/src/components/new/Buttons/DropdownButton.d.ts

@@ -1,31 +0,0 @@
-import type { ButtonProps } from "./Button";
-import type { DropdownMenuProps } from "../DropdownMenu/DropdownMenu";
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-export type DropdownButtonProps = {
-    /**
-     * Items in the dropdown menu.
-     * Pass a function that takes the `close` argument (to close the menu),
-     * and returns a list of `MenuItem` components.
-     */
-    menuItems: (close: () => void) => JSX.Element[];
-    /**
-     * Style of the dropdown button.
-     * Use 'borderless' to hide outline.
-     * @default 'default'
-     */
-    styleType?: "default" | "borderless" | "high-visibility";
-    /**
-     * Props for the `DropdownMenu` which extends `PopoverProps`.
-     */
-    dropdownMenuProps?: Omit<DropdownMenuProps, "menuItems" | "children">;
-} & Omit<ButtonProps, "styleType" | "endIcon">;
-/**
- * Button that opens a DropdownMenu.
- * @example
- * const menuItems = (close: () => void) => [
- *   <MenuItem key={1} onClick={onClick(1, close)}>Item #1</MenuItem>,
- *   <MenuItem key={2} onClick={onClick(2, close)}>Item #2</MenuItem>,
- * ];
- * <DropdownButton menuItems={menuItems}>Default</DropdownButton>
- */
-export declare const DropdownButton: PolymorphicForwardRefComponent<"button", DropdownButtonProps>;

package/dist/esm/core/src/components/new/Buttons/IconButton.d.ts

@@ -1,32 +0,0 @@
-import * as React from "react";
-import type { ButtonProps } from "./Button.js";
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-import Tooltip from "../../Tooltip/Tooltip";
-export type IconButtonProps = {
-    /**
-     * Button gets active style.
-     * @default false
-     */
-    isActive?: boolean;
-    /**
-     * Name of the button, shown in a tooltip and exposed to assistive technologies.
-     */
-    label?: React.ReactNode;
-    /**
-     * Props passed to the Tooltip that contains the `label`.
-     * Can be used for customizing the tooltip's `placement`, etc.
-     */
-    labelProps?: Omit<React.ComponentPropsWithoutRef<typeof Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;
-    /**
-     * Passes props to IconButton icon.
-     */
-    iconProps?: React.ComponentProps<"span">;
-} & Omit<ButtonProps, "startIcon" | "endIcon" | "startIconProps" | "endIconProps" | "labelProps">;
-/**
- * Icon button
- * @example
- * <IconButton label='Add'><SvgAdd /></IconButton>
- * @example
- * <IconButton label='Add' styleType='borderless'><SvgAdd /></IconButton>
- */
-export declare const IconButton: PolymorphicForwardRefComponent<"button", IconButtonProps>;

package/dist/esm/core/src/components/new/Buttons/IdeasButton.d.ts

@@ -1,19 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../utils';
-type IdeasButtonProps = {
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-    /**
-     * Localize 'Feedback' label if needed.
-     * @default 'Feedback'
-     */
-    feedbackLabel?: string;
-};
-/**
- * Ideas button
- * @example
- * <IdeasButton />
- */
-export declare const IdeasButton: PolymorphicForwardRefComponent<"button", IdeasButtonProps>;
-export {};

package/dist/esm/core/src/components/new/Buttons/SplitButton.d.ts

@@ -1,46 +0,0 @@
-import * as React from "react";
-import type { ButtonProps } from "./Button";
-import { IconButton } from "./IconButton";
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-import type { PortalProps } from "../utils/components/Portal";
-import type { Placement } from "@floating-ui/react";
-export type SplitButtonProps = ButtonProps & {
-    /**
-     * Items in the dropdown menu.
-     * Pass a function that takes the `close` argument (to close the menu),
-     * and returns a list of `MenuItem` components.
-     */
-    menuItems: (close: () => void) => JSX.Element[];
-    /**
-     * Placement of the dropdown menu.
-     * @default 'bottom-end'
-     */
-    menuPlacement?: Placement;
-    /**
-     * Content of primary button.
-     */
-    children: React.ReactNode;
-    /**
-     * Passes props to SplitButton wrapper.
-     */
-    wrapperProps?: React.ComponentProps<"div">;
-    /**
-     * Passes props to SplitButton menu button.
-     */
-    menuButtonProps?: Omit<React.ComponentProps<typeof IconButton>, "label" | "size">;
-} & Pick<PortalProps, "portal">;
-/**
- * Split button component with a DropdownMenu.
- *
- * The delegated props and forwarded ref are passed onto the primary button.
- * It also supports using the `as` prop to change which element is rendered.
- *
- * @example
- * const menuItems = (close: () => void) => [
- *   <MenuItem key={1} onClick={onClick(1, close)}>Item #1</MenuItem>,
- *   <MenuItem key={2} onClick={onClick(2, close)}>Item #2</MenuItem>,
- * ];
- * <SplitButton onClick={onClick} menuItems={menuItems}>Default</SplitButton>
- * <SplitButton onClick={onClick} menuItems={menuItems} styleType='high-visibility'>High visibility</SplitButton>
- */
-export declare const SplitButton: PolymorphicForwardRefComponent<"button", SplitButtonProps>;

package/dist/esm/core/src/components/new/Checkbox/Checkbox.d.ts

@@ -1,49 +0,0 @@
-import * as React from "react";
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-type CheckboxProps = {
-    /**
-     * Text that will be shown next to the checkbox.
-     */
-    label?: React.ReactNode;
-    /**
-     * Allow checkbox to be indeterminate.
-     * @default false
-     */
-    indeterminate?: boolean;
-    /**
-     * Status of checkbox.
-     */
-    status?: "positive" | "warning" | "negative";
-    /**
-     * Type of checkbox, regular or eyeball checkbox that is used for visibility.
-     * @default 'default'
-     */
-    variant?: "default" | "eyeball";
-    /**
-     * Display a loading state.
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Passes properties for checkbox wrapper.
-     */
-    wrapperProps?: React.ComponentProps<"label">;
-    /**
-     * Passes properties for checkbox label.
-     */
-    labelProps?: React.ComponentProps<"span">;
-};
-/**
- * Simple input checkbox
- * @example
- * <Checkbox />
- * <Checkbox label='Basic Checkbox' />
- * <Checkbox label='Disabled Checkbox' disabled />
- * <Checkbox label='Checked' checked />
- * <Checkbox label='Positive Checkbox' status='positive' />
- * <Checkbox label='Warning Checkbox' status='warning' />
- * <Checkbox label='Negative Checkbox' status='negative' />
- * <Checkbox label='Visibility Checkbox' variant='eyeball' />
- */
-export declare const Checkbox: PolymorphicForwardRefComponent<"input", CheckboxProps>;
-export {};

package/dist/esm/core/src/components/new/DropdownMenu/DropdownMenu.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import type { PolymorphicForwardRefComponent, PortalProps } from "../utils/index";
-import { usePopover } from "../Popover/Popover";
-export type DropdownMenuProps = {
-    /**
-     * List of menu items. Recommended to use MenuItem component.
-     * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.
-     */
-    menuItems: ((close: () => void) => JSX.Element[]) | JSX.Element[] | JSX.Element;
-    /**
-     * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.
-     * @default 'menu'
-     */
-    role?: string;
-    /**
-     * Child element to wrap dropdown with.
-     */
-    children: React.ReactNode;
-} & Pick<Parameters<typeof usePopover>[0], "visible" | "onVisibleChange" | "placement" | "matchWidth"> & React.ComponentPropsWithoutRef<"ul"> & Pick<PortalProps, "portal">;
-/**
- * Dropdown menu component.
- * Built on top of the {@link Popover} component.
- * @example
- * const menuItems = (close: () => void) => [
- *   <MenuItem key={1} onClick={onClick(1, close)}>
- *     Item #1
- *   </MenuItem>,
- *   <MenuItem key={2} onClick={onClick(2, close)}>
- *     Item #2
- *   </MenuItem>,
- *   <MenuItem key={3} onClick={onClick(3, close)}>
- *     Item #3
- *   </MenuItem>,
- * ];
- * <DropdownMenu menuItems={menuItems}>
- *   <Button>Menu</Button>
- * </DropdownMenu>
- */
-export declare const DropdownMenu: PolymorphicForwardRefComponent<"div", DropdownMenuProps>;

package/dist/esm/core/src/components/new/Input/Input.d.ts

@@ -1,23 +0,0 @@
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-export type InputProps = {
-    /**
-     * Modify size of the input.
-     */
-    size?: "small" | "large";
-    /**
-     * Status of input.
-     */
-    status?: "positive" | "warning" | "negative";
-    /**
-     * Modify the native `size` attribute of the `<input>` element.
-     * The `width` or `inline-size` property must be unset in order to use this prop.
-     */
-    htmlSize?: number;
-};
-/**
- * Basic input component
- * @example
- * <Input disabled />
- * <Input size='small' />
- */
-export declare const Input: PolymorphicForwardRefComponent<"input", InputProps>;

package/dist/esm/core/src/components/new/Menu/Menu.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { PolymorphicForwardRefComponent } from "../utils/index";
-type MenuProps = {
-    /**
-     * Menu items. Recommended to use `MenuItem` components.
-     *
-     * If you have custom actionable items, they should have `tabIndex={-1}` for better keyboard navigation support
-     * and selected item should have `aria-selected={true}`.
-     */
-    children: React.ReactNode;
-    /**
-     * If true, the first selected or enabled menu item will be focused automatically.
-     * @default true
-     */
-    setFocus?: boolean;
-};
-/**
- * Basic menu component. Can be used for select or dropdown components.
- */
-export declare const Menu: PolymorphicForwardRefComponent<"div", MenuProps>;
-export {};

package/dist/esm/core/src/components/new/Menu/MenuDivider.d.ts

@@ -1,16 +0,0 @@
-/**
- * Divider between menu items. Should be used inside `Menu`.
- * @example
- * <Menu>
- *   {(close) => [
- *     <MenuItem key={0} onClick={() => {}}>
- *       Item #1
- *     </MenuItem>,
- *     <MenuDivider key={1} />,
- *     <MenuItem key={2} onClick={() => {}}>
- *       Item #2
- *     </MenuItem>,
- *   ]}
- * </Menu>
- */
-export declare const MenuDivider: import("../utils/props").PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>;

package/dist/esm/core/src/components/new/Menu/MenuExtraContent.d.ts

@@ -1,21 +0,0 @@
-/**
- * Component that allows to have any additional content inside `Menu`.
- * @example
- * <Menu>
- *   {(close) => [
- *     <MenuExtraContent key={0}>
- *       <>
- *         <Text variant='leading'>Terry Rivers</Text>
- *           terry.rivers@email.com
- *         </Text>
- *         <Select options={someOptions} />
- *       </>
- *     </MenuExtraContent>,
- *     <MenuDivider key={1} />,
- *     <MenuItem key={2} onClick={() => {}}>
- *       Sign out
- *     </MenuItem>,
- *   ]}
- * </Menu>
- */
-export declare const MenuExtraContent: import("../utils/props").PolymorphicForwardRefComponent<"li", {}>;