@broxus/react-uikit 0.1.0 → 0.1.1

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

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicComponentProps } from '../Component';
-export declare type IconOwnProps = {
-    icon: string;
-    material?: boolean;
-    mode?: 'button' | 'image' | 'link';
-    prefixCls?: string;
-    round?: boolean;
-};
-export declare type IconProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, IconOwnProps>;
-declare const defaultElement = "span";
-export declare function Icon<E extends React.ElementType = typeof defaultElement>(props: IconProps<E>): JSX.Element | null;
-export {};

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

@@ -1,18 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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

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

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

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

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

@@ -1,13 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

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

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

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

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

@@ -1,9 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

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

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

@@ -1,68 +0,0 @@
-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

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

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

@@ -1,12 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,42 +0,0 @@
-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;