@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/esm/components/Icon/Icon.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+const defaultElement = 'span';
+export function Icon(props) {
+    const config = useConfig();
+    const { children, className, icon, material = true, mode, prefixCls = `${config.prefixCls}-icon`, round, type, ...restProps } = props;
+    if (!icon) {
+        return null;
+    }
+    return (React.createElement(Component, { className: classNames(prefixCls, {
+            [`${prefixCls}-button`]: type === 'button',
+            [`${prefixCls}-material`]: material,
+            [`${prefixCls}-round`]: material && round,
+            [`${prefixCls}-${mode}`]: mode !== undefined,
+        }, className), component: defaultElement, ...restProps }, material ? React.createElement("i", null, icon) : children));
+}

package/dist/esm/components/Icon/Link.d.ts

@@ -0,0 +1,5 @@
+import type { IconProps } from './Icon';
+export declare function Link(props: IconProps): JSX.Element;
+export declare namespace Link {
+    var displayName: string;
+}

package/dist/esm/components/Icon/Link.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Icon } from './Icon';
+export function Link(props) {
+    return (React.createElement(Icon, { component: "a", ...props, role: "button", type: "link" }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Link.displayName = 'Icon.Link';
+}

package/dist/esm/components/Icon/default-svg-props.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultProps: {
+    fill: string;
+    viewBox: string;
+    xmlns: string;
+};

package/dist/esm/components/Icon/default-svg-props.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+    fill: 'none',
+    viewBox: '0 0 20 20',
+    xmlns: 'http://www.w3.org/2000/svg',
+};

package/dist/esm/components/Icon/get-size.d.ts

@@ -0,0 +1,4 @@
+export declare function getSize(height: number, width: number, ratio?: number): {
+    height: number;
+    width: number;
+};

package/dist/esm/components/Icon/get-size.js

@@ -0,0 +1,6 @@
+export function getSize(height, width, ratio = 1) {
+    return {
+        height: height * ratio,
+        width: width * ratio,
+    };
+}

package/dist/esm/components/Icon/index.d.ts

@@ -0,0 +1,13 @@
+import { Button } from './Button';
+import { Link } from './Link';
+import type { PolymorphicComponent } from '../Component';
+import type { IconOwnProps, IconProps } from './Icon';
+import './index.scss';
+export * from './default-svg-props';
+export * from './get-size';
+export type { IconProps, IconOwnProps };
+export declare type CompoundedIcon = PolymorphicComponent<IconOwnProps> & {
+    Button: typeof Button;
+    Link: typeof Link;
+};
+export declare const Icon: CompoundedIcon;

package/dist/esm/components/Icon/index.js

@@ -0,0 +1,9 @@
+import { Button } from './Button';
+import { Icon as InternalIcon } from './Icon';
+import { Link } from './Link';
+import './index.scss';
+export * from './default-svg-props';
+export * from './get-size';
+export const Icon = InternalIcon;
+Icon.Button = Button;
+Icon.Link = Link;

package/dist/esm/components/Iconnav/Iconnav.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface IconnavProps extends React.HTMLAttributes<HTMLUListElement> {
+    prefixCls?: string;
+    vertical?: boolean;
+}
+export declare function Iconnav(props: IconnavProps): JSX.Element;

package/dist/esm/components/Iconnav/Iconnav.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function Iconnav(props) {
+    const config = useConfig();
+    const { className, prefixCls = `${config.prefixCls}-iconnav`, vertical, ...restProps } = props;
+    return (React.createElement("ul", { className: classNames(prefixCls, {
+            [`${prefixCls}-vertical`]: vertical,
+        }, className), ...restProps }));
+}

package/dist/esm/components/Iconnav/Item.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface IconnavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    isActive?: boolean;
+    prefixCls?: string;
+}
+export declare function Item(props: IconnavItemProps): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}

package/dist/esm/components/Iconnav/Item.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function Item(props) {
+    const config = useConfig();
+    const { children, className, isActive, ...restProps } = props;
+    return (React.createElement("li", { className: classNames({
+            [`${config}-active`]: isActive,
+        }, className), ...restProps }, children));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Iconnav.Item';
+}

package/dist/esm/components/Iconnav/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { IconnavProps } from './Iconnav';
+import './index.scss';
+export type { IconnavProps };
+export interface CompoundedIconnav extends React.FunctionComponent<IconnavProps> {
+    Item: typeof Item;
+}
+export declare const Iconnav: CompoundedIconnav;

package/dist/esm/components/Iconnav/index.js

@@ -0,0 +1,5 @@
+import { Iconnav as InnerIconnav } from './Iconnav';
+import { Item } from './Item';
+import './index.scss';
+export const Iconnav = InnerIconnav;
+Iconnav.Item = Item;

package/dist/esm/components/Label/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import './index.scss';
+export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    large?: boolean;
+    prefixCls?: string;
+    type?: 'success' | 'warning' | 'danger';
+}
+export declare function Label(props: LabelProps): JSX.Element;

package/dist/esm/components/Label/index.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+import './index.scss';
+export function Label(props) {
+    const config = useConfig();
+    const { className, large, prefixCls = `${config.prefixCls}-label`, type, ...restProps } = props;
+    return (React.createElement("span", { className: classNames(prefixCls, {
+            [`${prefixCls}-${type}`]: type !== undefined,
+            [`${prefixCls}-large`]: large,
+        }, className), ...restProps }));
+}

package/dist/esm/components/Link/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import './index.scss';
+export interface LinkOwnProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    prefixCls?: string;
+    type?: 'heading' | 'muted' | 'reset' | 'text' | 'toggle';
+}
+export declare type LinkProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, LinkOwnProps>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps<React.ElementType<any>>, string | number | symbol> & React.RefAttributes<unknown>>;

package/dist/esm/components/Link/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { useConfig } from '../ConfrigProvider';
+import './index.scss';
+const defaultElement = 'a';
+export const Link = React.forwardRef((props, ref) => {
+    const config = useConfig();
+    const { children, className, prefixCls = `${config.prefixCls}-link`, type, ...restProps } = props;
+    return (React.createElement(Component, { ref: ref, className: classNames({
+            [`${prefixCls}-${type}`]: type !== undefined,
+        }, className), component: defaultElement, ...restProps }, children));
+});

package/dist/esm/components/List/Item.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare type Props = React.LiHTMLAttributes<HTMLLIElement>;
+export declare function Item(props: Props): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/List/Item.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export function Item(props) {
+    return React.createElement("li", { ...props });
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'List.Item';
+}

package/dist/esm/components/List/List.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+    color?: 'muted' | 'emphasis' | 'primary' | 'secondary' | 'tertiary';
+    prefixCls?: string;
+    size?: 'large' | 'collapse';
+    type?: 'bullet' | 'disc' | 'divider' | 'striped' | 'circle' | 'square' | 'decimal' | 'hyphen';
+}
+export declare function List(props: ListProps): JSX.Element;

package/dist/esm/components/List/List.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { useConfig } from '../ConfrigProvider';
+export function List(props) {
+    const config = useConfig();
+    const { className, color, prefixCls = `${config.prefixCls}-list`, size, type, ...restProps } = props;
+    return (React.createElement("ul", { className: classNames(prefixCls, {
+            [`${prefixCls}-${color}`]: color !== undefined,
+            [`${prefixCls}-${size}`]: size !== undefined,
+            [`${prefixCls}-${type}`]: type !== undefined,
+        }, className), ...restProps }));
+}

package/dist/esm/components/List/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { ListProps } from './List';
+import './index.scss';
+export type { ListProps };
+export interface CompoundedList extends React.FunctionComponent<ListProps> {
+    Item: typeof Item;
+}
+export declare const List: CompoundedList;

package/dist/esm/components/List/index.js

@@ -0,0 +1,5 @@
+import { List as InnerList } from './List';
+import { Item } from './Item';
+import './index.scss';
+export const List = InnerList;
+List.Item = Item;

package/dist/esm/components/Modal/Modal.d.ts

@@ -0,0 +1,11 @@
+import type { DialogProps } from 'rc-dialog';
+import type { Direction } from '../../types';
+export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
+    centered?: boolean;
+    direction?: Direction;
+    full?: boolean;
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    type?: 'info' | 'success' | 'warning' | 'error' | 'confirm';
+    onClosed?: () => void;
+}
+export declare function Modal(props: ModalProps): JSX.Element;

package/dist/esm/components/Modal/Modal.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { canUseDocElement } from '@broxus/js-utils';
+import Dialog from 'rc-dialog';
+import classNames from 'classnames';
+import { getTransitionName } from '../../utils';
+import { Close } from '../Close';
+import { useConfig } from '../ConfrigProvider';
+let mousePosition;
+const getClickPosition = (e) => {
+    mousePosition = {
+        x: e.pageX,
+        y: e.pageY,
+    };
+    setTimeout(() => {
+        mousePosition = null;
+    }, 100);
+};
+if (canUseDocElement()) {
+    document.documentElement.addEventListener('click', getClickPosition, true);
+}
+export function Modal(props) {
+    const config = useConfig();
+    const { centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, prefixCls = `${config.prefixCls}-modal`, visible, onClose, onClosed, ...restProps } = props;
+    return (React.createElement(Dialog, { className: classNames(className, {
+            [`${prefixCls}-centered`]: centered && !full,
+            [`${prefixCls}-full`]: full && !centered,
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: getTransitionName(`${config.prefixCls}-motion`, 'fade'), mousePosition: mousePosition, prefixCls: prefixCls, transitionName: getTransitionName(`${config.prefixCls}-motion`, 'zoom'), visible: visible, ...restProps, afterClose: onClosed, closable: false, closeIcon: null },
+        closable && (closeIcon || (React.createElement(Close, { className: classNames({
+                [`${prefixCls}-close-default`]: !full,
+                [`${prefixCls}-close-full`]: full,
+            }), component: "button", onClick: onClose }))),
+        children));
+}

package/dist/esm/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+export * from './Modal';

package/dist/esm/components/Modal/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+export * from './Modal';

package/dist/esm/components/Nav/Divider.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type DividerProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function Divider(props: DividerProps): JSX.Element | null;
+export declare namespace Divider {
+    var displayName: string;
+}

package/dist/esm/components/Nav/Divider.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { NavContext } from './context/NavContext';
+import { useMeasure } from './context/PathContext';
+export function Divider(props) {
+    const { className, style } = props;
+    const { prefixCls } = React.useContext(NavContext);
+    const measure = useMeasure();
+    if (measure) {
+        return null;
+    }
+    return (React.createElement("li", { className: classNames(`${prefixCls}-divider`, className), style: style }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Divider.displayName = 'Nav.Divider';
+}

package/dist/esm/components/Nav/Group.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface NavItemGroupProps {
+    className?: string;
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    /** @private Internal filled key. Do not set it directly */
+    eventKey?: string;
+    /** @private Do not use. Private warning empty usage */
+    warnKey?: boolean;
+}
+export declare function Group({ children, ...props }: NavItemGroupProps): JSX.Element;
+export declare namespace Group {
+    var displayName: string;
+}

package/dist/esm/components/Nav/Group.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import omit from 'rc-util/lib/omit';
+import { parseChildren } from './utils/nodeUtil';
+import { NavContext } from './context/NavContext';
+import { useFullPath, useMeasure } from './context/PathContext';
+function InternalNavItemGroup({ children, className, title, ...props }) {
+    const { prefixCls } = React.useContext(NavContext);
+    const groupPrefixCls = `${prefixCls}-group`;
+    return (React.createElement("li", { className: classNames(groupPrefixCls, className), ...props, onClick: e => e.stopPropagation() },
+        React.createElement("div", { className: `${groupPrefixCls}-header`, title: typeof title === 'string' ? title : undefined }, title),
+        React.createElement("ul", { className: "uk-nav-sub" }, children)));
+}
+// eslint-disable-next-line react/no-multi-comp
+export function Group({ children, ...props }) {
+    const connectedKeyPath = useFullPath(props.eventKey);
+    const childList = parseChildren(children, connectedKeyPath);
+    const measure = useMeasure();
+    if (measure) {
+        return childList;
+    }
+    return (React.createElement(InternalNavItemGroup, { ...omit(props, ['warnKey']) }, childList));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Group.displayName = 'Nav.Group';
+}

package/dist/esm/components/Nav/Header.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare type HeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function Header(props: HeaderProps): JSX.Element;
+export declare namespace Header {
+    var displayName: string;
+}

package/dist/esm/components/Nav/Header.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { NavContext } from './context/NavContext';
+export function Header(props) {
+    const { className, ...restProps } = props;
+    const { prefixCls } = React.useContext(NavContext);
+    return (React.createElement("li", { className: classNames(`${prefixCls}-header`, className), ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Header.displayName = 'Nav.Header';
+}

package/dist/esm/components/Nav/Item/InternalNavItem.d.ts

@@ -0,0 +1,2 @@
+import type { NavItemProps } from './index';
+export declare function InternalNavItem(props: NavItemProps): JSX.Element;

package/dist/esm/components/Nav/Item/InternalNavItem.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import KeyCode from 'rc-util/lib/KeyCode';
+import warning from 'rc-util/lib/warning';
+import { useNavId } from '../context/IdContext';
+import { NavContext } from '../context/NavContext';
+import { useFullPath } from '../context/PathContext';
+import useActive from '../hooks/useActive';
+import { LegacyNavItem } from './LegacyNavItem';
+import { warnItemProp } from '../utils/warnUtil';
+export function InternalNavItem(props) {
+    const { className, children, eventKey, itemIcon, role, warnKey, ...restProps } = props;
+    const { disabled = restProps.disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext);
+    const legacyNavItemRef = React.useRef();
+    const elementRef = React.useRef();
+    const { active, ...activeProps } = useActive(eventKey, disabled, restProps.onMouseEnter, restProps.onMouseLeave);
+    const connectedKeys = useFullPath(eventKey);
+    const domDataId = useNavId(eventKey);
+    const selected = eventKey !== undefined && selectedKeys.includes(eventKey);
+    if (process.env.NODE_ENV !== 'production' && warnKey) {
+        warning(false, 'NavItem should not leave undefined `key`.');
+    }
+    const getEventInfo = (e) => ({
+        domEvent: e,
+        item: legacyNavItemRef.current,
+        key: eventKey,
+        // Note: For legacy code is reversed which not like other antd component
+        keyPath: [...connectedKeys].reverse(),
+    });
+    const onClick = event => {
+        if (disabled) {
+            return;
+        }
+        const info = getEventInfo(event);
+        restProps.onClick?.(warnItemProp(info));
+        onItemClick?.(info);
+    };
+    const onKeyDown = event => {
+        restProps.onKeyDown?.(event);
+        if (event.which === KeyCode.ENTER) {
+            const info = getEventInfo(event);
+            // Legacy. Key will also trigger click event
+            restProps.onClick?.(warnItemProp(info));
+            onItemClick?.(info);
+        }
+    };
+    /*
+     * Used for accessibility. Helper will focus element without key board.
+     * We should manually trigger an active
+     */
+    const onFocus = event => {
+        if (eventKey !== undefined) {
+            onActive(eventKey);
+        }
+        restProps.onFocus?.(event);
+    };
+    const optionRoleProps = {};
+    if (role === 'option') {
+        optionRoleProps['aria-selected'] = selected;
+    }
+    return (React.createElement(LegacyNavItem, { className: classNames({
+            'uk-active': selected,
+            'uk-disabled': disabled,
+            'uk-hover': active,
+        }, className), component: "li", role: role === null ? 'none' : role || 'menuitem', tabIndex: disabled ? null : -1, "aria-disabled": disabled, ...optionRoleProps, "data-nav-id": (overflowDisabled && domDataId) ? null : domDataId, ...restProps, ...activeProps, elementRef: elementRef, ref: legacyNavItemRef, onClick: onClick, onFocus: onFocus, onKeyDown: onKeyDown },
+        itemIcon || contextItemIcon,
+        children));
+}

package/dist/esm/components/Nav/Item/LegacyNavItem.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare class LegacyNavItem extends React.Component<any> {
+    render(): React.ReactNode;
+}

package/dist/esm/components/Nav/Item/LegacyNavItem.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import Overflow from 'rc-overflow';
+import omit from 'rc-util/lib/omit';
+import warning from 'rc-util/lib/warning';
+export class LegacyNavItem extends React.Component {
+    render() {
+        const { title, attribute, elementRef, ...restProps } = this.props;
+        const passedProps = omit(restProps, ['eventKey']);
+        warning(!attribute, '`attribute` of Nav.Item is deprecated. Please pass attribute directly.');
+        return (React.createElement(Overflow.Item, { ...attribute, title: typeof title === 'string' ? title : undefined, ...passedProps, ref: elementRef }));
+    }
+}

package/dist/esm/components/Nav/Item/index.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { NavClickEventHandler, NavHoverEventHandler, RenderIconType } from '../types';
+export interface NavItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {
+    /**
+     * No place to use this. Should remove
+     * @deprecated
+     */
+    attribute?: Record<string, string>;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    /**
+     * Internal filled key. Do not set it directly
+     * @private
+     */
+    eventKey?: string;
+    itemIcon?: RenderIconType;
+    /**
+     * Do not use. Private warning empty usage
+     * @private
+     */
+    warnKey?: boolean;
+    onClick?: NavClickEventHandler;
+    onMouseEnter?: NavHoverEventHandler;
+    onMouseLeave?: NavHoverEventHandler;
+}
+export declare function Item(props: NavItemProps): JSX.Element | null;
+export declare namespace Item {
+    var displayName: string;
+}

package/dist/esm/components/Nav/Item/index.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { noop } from '@broxus/js-utils';
+import { useFullPath, useMeasure } from '../context/PathContext';
+import { InternalNavItem } from './InternalNavItem';
+export function Item(props) {
+    const { eventKey } = props;
+    const measure = useMeasure();
+    const connectedKeyPath = useFullPath(eventKey);
+    React.useEffect(() => {
+        if (eventKey !== undefined) {
+            measure?.registerPath(eventKey, connectedKeyPath);
+            return () => {
+                measure?.unregisterPath(eventKey, connectedKeyPath);
+            };
+        }
+        return noop;
+    }, [connectedKeyPath]);
+    if (measure) {
+        return null;
+    }
+    return React.createElement(InternalNavItem, { ...props });
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Nav.Item';
+}

package/dist/esm/components/Nav/Nav.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { CSSMotionProps } from 'rc-motion';
+import type { Direction } from '../../types';
+import type { BuiltinPlacements, NavClickEventHandler, NavMode, NavModifier, RenderIconType, SelectEventHandler, TriggerSubMenuAction } from './types';
+export interface NavProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onClick' | 'onSelect' | 'dir'> {
+    activeKey?: string;
+    builtinPlacements?: BuiltinPlacements;
+    children?: React.ReactNode;
+    defaultActiveFirst?: boolean;
+    defaultMotions?: Partial<{
+        [key in NavMode | 'other']: CSSMotionProps;
+    }>;
+    defaultOpenKeys?: string[];
+    defaultSelectedKeys?: string[];
+    direction?: Direction;
+    disabled?: boolean;
+    disabledOverflow?: boolean;
+    expandIcon?: RenderIconType;
+    forceSubNavRender?: boolean;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    inlineCollapsed?: boolean;
+    itemIcon?: RenderIconType;
+    mode?: NavMode;
+    modifiers?: NavModifier | NavModifier[];
+    motion?: CSSMotionProps;
+    multiple?: boolean;
+    openKeys?: string[];
+    overflowedIndicator?: React.ReactNode;
+    overflowedIndicatorPopupClassName?: string;
+    popupPrefixCls?: string;
+    prefixCls?: string;
+    selectable?: boolean;
+    selectedKeys?: string[];
+    subNavCloseDelay?: number;
+    subNavOpenDelay?: number;
+    triggerSubNavAction?: TriggerSubMenuAction;
+    onClick?: NavClickEventHandler;
+    onDeselect?: SelectEventHandler;
+    onOpenChange?: (openKeys: string[]) => void;
+    onSelect?: SelectEventHandler;
+}
+export declare function Nav(props: NavProps): JSX.Element;