@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/cjs/components/Modal/Modal.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const React = __importStar(require("react"));
+const js_utils_1 = require("@broxus/js-utils");
+const rc_dialog_1 = __importDefault(require("rc-dialog"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../../utils");
+const Close_1 = require("../Close");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+let mousePosition;
+const getClickPosition = (e) => {
+    mousePosition = {
+        x: e.pageX,
+        y: e.pageY,
+    };
+    setTimeout(() => {
+        mousePosition = null;
+    }, 100);
+};
+if ((0, js_utils_1.canUseDocElement)()) {
+    document.documentElement.addEventListener('click', getClickPosition, true);
+}
+function Modal(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, prefixCls = `${config.prefixCls}-modal`, visible, onClose, onClosed, ...restProps } = props;
+    return (React.createElement(rc_dialog_1.default, { className: (0, classnames_1.default)(className, {
+            [`${prefixCls}-centered`]: centered && !full,
+            [`${prefixCls}-full`]: full && !centered,
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: (0, utils_1.getTransitionName)(`${config.prefixCls}-motion`, 'fade'), mousePosition: mousePosition, prefixCls: prefixCls, transitionName: (0, utils_1.getTransitionName)(`${config.prefixCls}-motion`, 'zoom'), visible: visible, ...restProps, afterClose: onClosed, closable: false, closeIcon: null },
+        closable && (closeIcon || (React.createElement(Close_1.Close, { className: (0, classnames_1.default)({
+                [`${prefixCls}-close-default`]: !full,
+                [`${prefixCls}-close-full`]: full,
+            }), component: "button", onClick: onClose }))),
+        children));
+}
+exports.Modal = Modal;

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+__exportStar(require("./Modal"), exports);

package/dist/cjs/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/cjs/components/Nav/Divider.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const NavContext_1 = require("./context/NavContext");
+const PathContext_1 = require("./context/PathContext");
+function Divider(props) {
+    const { className, style } = props;
+    const { prefixCls } = React.useContext(NavContext_1.NavContext);
+    const measure = (0, PathContext_1.useMeasure)();
+    if (measure) {
+        return null;
+    }
+    return (React.createElement("li", { className: (0, classnames_1.default)(`${prefixCls}-divider`, className), style: style }));
+}
+exports.Divider = Divider;
+if (process.env.NODE_ENV !== 'production') {
+    Divider.displayName = 'Nav.Divider';
+}

package/dist/cjs/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/cjs/components/Nav/Group.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Group = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const nodeUtil_1 = require("./utils/nodeUtil");
+const NavContext_1 = require("./context/NavContext");
+const PathContext_1 = require("./context/PathContext");
+function InternalNavItemGroup({ children, className, title, ...props }) {
+    const { prefixCls } = React.useContext(NavContext_1.NavContext);
+    const groupPrefixCls = `${prefixCls}-group`;
+    return (React.createElement("li", { className: (0, classnames_1.default)(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
+function Group({ children, ...props }) {
+    const connectedKeyPath = (0, PathContext_1.useFullPath)(props.eventKey);
+    const childList = (0, nodeUtil_1.parseChildren)(children, connectedKeyPath);
+    const measure = (0, PathContext_1.useMeasure)();
+    if (measure) {
+        return childList;
+    }
+    return (React.createElement(InternalNavItemGroup, { ...(0, omit_1.default)(props, ['warnKey']) }, childList));
+}
+exports.Group = Group;
+if (process.env.NODE_ENV !== 'production') {
+    Group.displayName = 'Nav.Group';
+}

package/dist/cjs/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/cjs/components/Nav/Header.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const NavContext_1 = require("./context/NavContext");
+function Header(props) {
+    const { className, ...restProps } = props;
+    const { prefixCls } = React.useContext(NavContext_1.NavContext);
+    return (React.createElement("li", { className: (0, classnames_1.default)(`${prefixCls}-header`, className), ...restProps }));
+}
+exports.Header = Header;
+if (process.env.NODE_ENV !== 'production') {
+    Header.displayName = 'Nav.Header';
+}

package/dist/cjs/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/cjs/components/Nav/Item/InternalNavItem.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InternalNavItem = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
+const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const IdContext_1 = require("../context/IdContext");
+const NavContext_1 = require("../context/NavContext");
+const PathContext_1 = require("../context/PathContext");
+const useActive_1 = __importDefault(require("../hooks/useActive"));
+const LegacyNavItem_1 = require("./LegacyNavItem");
+const warnUtil_1 = require("../utils/warnUtil");
+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_1.NavContext);
+    const legacyNavItemRef = React.useRef();
+    const elementRef = React.useRef();
+    const { active, ...activeProps } = (0, useActive_1.default)(eventKey, disabled, restProps.onMouseEnter, restProps.onMouseLeave);
+    const connectedKeys = (0, PathContext_1.useFullPath)(eventKey);
+    const domDataId = (0, IdContext_1.useNavId)(eventKey);
+    const selected = eventKey !== undefined && selectedKeys.includes(eventKey);
+    if (process.env.NODE_ENV !== 'production' && warnKey) {
+        (0, warning_1.default)(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?.((0, warnUtil_1.warnItemProp)(info));
+        onItemClick?.(info);
+    };
+    const onKeyDown = event => {
+        restProps.onKeyDown?.(event);
+        if (event.which === KeyCode_1.default.ENTER) {
+            const info = getEventInfo(event);
+            // Legacy. Key will also trigger click event
+            restProps.onClick?.((0, warnUtil_1.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_1.LegacyNavItem, { className: (0, classnames_1.default)({
+            '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));
+}
+exports.InternalNavItem = InternalNavItem;

package/dist/cjs/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/cjs/components/Nav/Item/LegacyNavItem.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegacyNavItem = void 0;
+const React = __importStar(require("react"));
+const rc_overflow_1 = __importDefault(require("rc-overflow"));
+const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const warning_1 = __importDefault(require("rc-util/lib/warning"));
+class LegacyNavItem extends React.Component {
+    render() {
+        const { title, attribute, elementRef, ...restProps } = this.props;
+        const passedProps = (0, omit_1.default)(restProps, ['eventKey']);
+        (0, warning_1.default)(!attribute, '`attribute` of Nav.Item is deprecated. Please pass attribute directly.');
+        return (React.createElement(rc_overflow_1.default.Item, { ...attribute, title: typeof title === 'string' ? title : undefined, ...passedProps, ref: elementRef }));
+    }
+}
+exports.LegacyNavItem = LegacyNavItem;

package/dist/cjs/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/cjs/components/Nav/Item/index.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const React = __importStar(require("react"));
+const js_utils_1 = require("@broxus/js-utils");
+const PathContext_1 = require("../context/PathContext");
+const InternalNavItem_1 = require("./InternalNavItem");
+function Item(props) {
+    const { eventKey } = props;
+    const measure = (0, PathContext_1.useMeasure)();
+    const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
+    React.useEffect(() => {
+        if (eventKey !== undefined) {
+            measure?.registerPath(eventKey, connectedKeyPath);
+            return () => {
+                measure?.unregisterPath(eventKey, connectedKeyPath);
+            };
+        }
+        return js_utils_1.noop;
+    }, [connectedKeyPath]);
+    if (measure) {
+        return null;
+    }
+    return React.createElement(InternalNavItem_1.InternalNavItem, { ...props });
+}
+exports.Item = Item;
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Nav.Item';
+}

package/dist/cjs/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;