@broxus/react-uikit 0.18.0 → 0.19.0

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

@@ -1,9 +1,16 @@
+import luxonGenerateConfig from '@rc-component/picker/lib/generate/luxon';
 import { type DateTime } from 'luxon';
 import { generatePicker } from '../../components/DatePicker/generatePicker';
 import { generatePurePicker } from '../../components/DatePicker/generatePurePicker';
-import './index.scss';
+export { luxonGenerateConfig };
+export * from '@rc-component/picker/lib/interface';
 export * from '../../components/DatePicker/locale';
 export * from '../../components/DatePicker/types';
+export * from '@rc-component/picker/lib/utils/dateUtil';
+export * from '@rc-component/picker/lib/utils/getClearIcon';
+export * from '@rc-component/picker/lib/utils/miscUtil';
+export * from '@rc-component/picker/lib/utils/uiUtil';
+export * from '@rc-component/picker/lib/utils/warnUtil';
 export interface DatePicker extends ReturnType<typeof generatePicker<DateTime>> {
     generatePicker: typeof generatePicker;
     generatePurePicker: typeof generatePurePicker;

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

@@ -17,13 +17,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatePicker = void 0;
+exports.DatePicker = exports.luxonGenerateConfig = void 0;
 const luxon_1 = __importDefault(require("@rc-component/picker/lib/generate/luxon"));
+exports.luxonGenerateConfig = luxon_1.default;
 const generatePicker_1 = require("../../components/DatePicker/generatePicker");
 const generatePurePicker_1 = require("../../components/DatePicker/generatePurePicker");
-require("./index.scss");
+__exportStar(require("@rc-component/picker/lib/interface"), exports);
 __exportStar(require("../../components/DatePicker/locale"), exports);
 __exportStar(require("../../components/DatePicker/types"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/dateUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/getClearIcon"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/miscUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/uiUtil"), exports);
+__exportStar(require("@rc-component/picker/lib/utils/warnUtil"), exports);
 const InternalDatePicker = (0, generatePicker_1.generatePicker)(luxon_1.default);
 exports.DatePicker = InternalDatePicker;
 exports.DatePicker.generatePicker = generatePicker_1.generatePicker;

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { Description } from '../../components/DescriptionList/Description';
 import { type DescriptionListProps } from '../../components/DescriptionList/DescriptionList';
 import { Term } from '../../components/DescriptionList/Term';
-import './index.scss';
 export type { DescriptionListProps };
 export interface DescriptionList extends React.FunctionComponent<DescriptionListProps> {
     Description: typeof Description;

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

@@ -4,7 +4,6 @@ exports.DescriptionList = void 0;
 const Description_1 = require("../../components/DescriptionList/Description");
 const DescriptionList_1 = require("../../components/DescriptionList/DescriptionList");
 const Term_1 = require("../../components/DescriptionList/Term");
-require("./index.scss");
 exports.DescriptionList = DescriptionList_1.DescriptionList;
 exports.DescriptionList.Description = Description_1.Description;
 exports.DescriptionList.Term = Term_1.Term;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>, 'children'> {
     icon?: boolean;
     prefixCls?: string;

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

@@ -40,7 +40,6 @@ exports.Divider = Divider;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 function Divider(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type DotnavProps } from '../../components/Dotnav/Dotnav';
 import { Item } from '../../components/Dotnav/Item';
-import './index.scss';
 export type { DotnavProps };
 export interface Dotnav extends React.FunctionComponent<DotnavProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dotnav = void 0;
 const Dotnav_1 = require("../../components/Dotnav/Dotnav");
 const Item_1 = require("../../components/Dotnav/Item");
-require("./index.scss");
 exports.Dotnav = Dotnav_1.Dotnav;
 exports.Dotnav.Item = Item_1.Item;

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

@@ -1,7 +1,6 @@
 import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
-import './index.scss';
 export type DrawerSize = 'large';
 export type DrawerRef = {
     collapse: VoidFunction;

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

@@ -43,7 +43,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
-require("./index.scss");
 const defaultPushState = { distance: 180 };
 exports.Drawer = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
@@ -143,8 +142,8 @@ exports.Drawer = React.forwardRef((props, ref) => {
         React.createElement(drawer_1.default, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'drawer-fade'),
             }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
-                section: (0, classnames_1.default)(`${rootCls}-content`, restProps.classNames?.section),
                 ...restProps.classNames,
+                section: (0, classnames_1.default)(`${rootCls}-content`, restProps.classNames?.section),
             } }, children)));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,7 +2,6 @@ import { type CSSMotionProps } from '@rc-component/motion';
 import { type BuildInPlacements, type TriggerProps } from '@rc-component/trigger';
 import { type AlignType } from '@rc-component/trigger/lib/interface';
 import * as React from 'react';
-import './index.scss';
 export type DropPlacement = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
 export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' | 'autoDestroy' | 'blurDelay' | 'children' | 'focusDelay' | 'getPopupContainer' | 'hideAction' | 'mask' | 'maskClosable' | 'maskMotion' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'prefixCls' | 'showAction' | 'stretch' | 'zIndex'> {
     align?: AlignType;

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

@@ -43,10 +43,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
-require("./index.scss");
 exports.Drop = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = ['hover'], maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -96,7 +95,7 @@ exports.Drop = React.forwardRef((props, ref) => {
         },
         triggerRef: triggerRef.current,
     }));
-    let triggerHideAction = hideAction;
+    let triggerHideAction = Array.isArray(hideAction) ? hideAction : [hideAction];
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
@@ -108,7 +107,7 @@ exports.Drop = React.forwardRef((props, ref) => {
             motionDeadline: 300,
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
             ...motion,
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
+        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: Array.isArray(showAction) ? showAction : [showAction], stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onOpenChange: onPopupVisibleChange }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Drop.displayName = 'Drop';

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
 import { type DropProps, type DropRef } from '../../components/Drop';
-import './index.scss';
 export type DropdownProps = DropProps;
 export declare const Dropdown: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -37,7 +37,6 @@ exports.Dropdown = void 0;
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
-require("./index.scss");
 exports.Dropdown = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { children, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type FlexAlignContent, type FlexAlignItems, type FlexDirection, type FlexJustifyContent, type FlexProps, type FlexWrap } from '../../components/Flex/Flex';
 import { type ItemProps as FlexItemProps, Item } from '../../components/Flex/Item';
-import './index.scss';
 export type { FlexAlignContent, FlexAlignItems, FlexDirection, FlexJustifyContent, FlexItemProps, FlexProps, FlexWrap };
 export interface Flex extends React.FunctionComponent<FlexProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
 const Flex_1 = require("../../components/Flex/Flex");
 const Item_1 = require("../../components/Flex/Item");
-require("./index.scss");
 exports.Flex = Flex_1.Flex;
 exports.Flex.Item = Item_1.Item;

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

@@ -5,7 +5,6 @@ import { Fieldset } from '../../components/Form/Fieldset';
 import { type FormProps } from '../../components/Form/Form';
 import { Label } from '../../components/Form/Label';
 import { Legend } from '../../components/Form/Legend';
-import './index.scss';
 export type { FormProps };
 export interface Form extends React.FunctionComponent<FormProps> {
     Controls: typeof Controls;

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

@@ -7,7 +7,6 @@ const Fieldset_1 = require("../../components/Form/Fieldset");
 const Form_1 = require("../../components/Form/Form");
 const Label_1 = require("../../components/Form/Label");
 const Legend_1 = require("../../components/Form/Legend");
-require("./index.scss");
 exports.Form = Form_1.Form;
 exports.Form.Controls = Controls_1.Controls;
 exports.Form.ControlsText = ControlsText_1.ControlsText;

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../../components/Width';
-import './index.scss';
 export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
 export type GridOwnProps = {
     childWidth?: ChildWidthSize | ChildWidthBreakpointsConfig;

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

@@ -42,7 +42,6 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Width_1 = require("../../components/Width");
-require("./index.scss");
 const defaultElement = 'div';
 function Grid(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export type HeadingOwnProps = {
     decoration?: 'bullet' | 'divider' | 'line';
     prefixCls?: string;

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

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'div';
 function Heading(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { Button } from '../../components/Icon/Button';
 import { type IconOwnProps, type IconProps } from '../../components/Icon/Icon';
 import { Link } from '../../components/Icon/Link';
-import './index.scss';
 export * from '../../components/Icon/default-svg-props';
 export * from '../../components/Icon/get-size';
 export type { IconProps, IconOwnProps };

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

@@ -18,7 +18,6 @@ exports.Icon = void 0;
 const Button_1 = require("../../components/Icon/Button");
 const Icon_1 = require("../../components/Icon/Icon");
 const Link_1 = require("../../components/Icon/Link");
-require("./index.scss");
 __exportStar(require("../../components/Icon/default-svg-props"), exports);
 __exportStar(require("../../components/Icon/get-size"), exports);
 exports.Icon = Icon_1.Icon;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type IconnavProps } from '../../components/Iconnav/Iconnav';
 import { Item } from '../../components/Iconnav/Item';
-import './index.scss';
 export type { IconnavProps };
 export interface Iconnav extends React.FunctionComponent<IconnavProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Iconnav = void 0;
 const Iconnav_1 = require("../../components/Iconnav/Iconnav");
 const Item_1 = require("../../components/Iconnav/Item");
-require("./index.scss");
 exports.Iconnav = Iconnav_1.Iconnav;
 exports.Iconnav.Item = Item_1.Item;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     large?: boolean;
     prefixCls?: string;

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

@@ -40,7 +40,6 @@ exports.Label = Label;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 function Label(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, large, prefixCls = config.prefixCls, type, ...restProps } = props;

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export interface LinkOwnProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     prefixCls?: string;
     type?: 'heading' | 'muted' | 'reset' | 'text' | 'toggle';

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

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'a';
 exports.Link = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { Item } from '../../components/List/Item';
 import { type ListProps } from '../../components/List/List';
-import './index.scss';
 export type { ListProps };
 export interface List extends React.FunctionComponent<ListProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const Item_1 = require("../../components/List/Item");
 const List_1 = require("../../components/List/List");
-require("./index.scss");
 exports.List = List_1.List;
 exports.List.Item = Item_1.Item;

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

@@ -1 +1,11 @@
-export * from '../../components/Modal/Modal';
+import { type DialogProps } from '@rc-component/dialog';
+import * as React from 'react';
+import { type Direction } from '../../types';
+export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
+    centered?: boolean;
+    direction?: Direction;
+    full?: boolean;
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    onClosed?: VoidFunction;
+}
+export declare function Modal(props: ModalProps): React.JSX.Element;

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

@@ -10,8 +10,70 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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);
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 });
-__exportStar(require("../../components/Modal/Modal"), exports);
+exports.Modal = Modal;
+const js_utils_1 = require("@broxus/js-utils");
+const dialog_1 = __importDefault(require("@rc-component/dialog"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const Close_1 = require("../../components/Close");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const utils_1 = require("../../utils");
+let mousePosition;
+const getClickPosition = (event) => {
+    mousePosition = {
+        x: event.pageX,
+        y: event.pageY,
+    };
+    setTimeout(() => {
+        mousePosition = null;
+    }, 100);
+};
+if ((0, js_utils_1.canUseDocElement)()) {
+    document.documentElement.addEventListener('click', getClickPosition, true);
+}
+function Modal(props) {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, prefixCls = config.prefixCls, visible, onClose, onClosed, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'modal'), [config, prefixCls]);
+    const defaultMaskTransitionName = React.useMemo(() => (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);
+    const defaultTransitionName = React.useMemo(() => (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'zoom'), [config.prefixCls, prefixCls]);
+    return (React.createElement(dialog_1.default, { className: (0, classnames_1.default)(className, {
+            [`${rootCls}-centered`]: centered && !full,
+            [`${rootCls}-full`]: full && !centered,
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: onClosed, classNames: {
+            ...restProps.classNames,
+            section: (0, classnames_1.default)(`${rootCls}-content`, restProps.classNames?.section),
+        }, closable: false, closeIcon: null },
+        closable
+            && (closeIcon || (React.createElement(Close_1.Close, { className: (0, classnames_1.default)({
+                    [`${rootCls}-close-default`]: !full,
+                    [`${rootCls}-close-full`]: full,
+                }), component: "button", onClick: onClose }))),
+        children));
+}

package/dist/cjs/components/Nav/Group/InternalNavItemGroup.d.ts

@@ -8,4 +8,7 @@ export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | '
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare function InternalNavItemGroup(props: NavItemGroupProps): React.JSX.Element;
+export declare function InternalNavItemGroup({ children, className, title, ...restProps }: NavItemGroupProps): React.JSX.Element;
+export declare namespace InternalNavItemGroup {
+    var displayName: string;
+}

package/dist/cjs/components/Nav/Group/InternalNavItemGroup.js

@@ -42,8 +42,7 @@ const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
-function InternalNavItemGroup(props) {
-    const { children, className, title, ...restProps } = props;
+function InternalNavItemGroup({ children, className, title, ...restProps }) {
     const { prefixCls } = React.useContext(NavContext_1.NavContext);
     const groupRootCls = React.useMemo(() => `${prefixCls}-group`, [prefixCls]);
     const subRootCls = React.useMemo(() => `${prefixCls}-sub`, [prefixCls]);
@@ -51,3 +50,6 @@ function InternalNavItemGroup(props) {
         React.createElement("div", { className: `${groupRootCls}-header`, role: "presentation", title: typeof title === 'string' ? title : undefined }, title),
         React.createElement("ul", { className: subRootCls, role: "group" }, children)));
 }
+if (process.env.NODE_ENV !== 'production') {
+    InternalNavItemGroup.displayName = 'Nav.InternalNavItemGroup';
+}

package/dist/cjs/components/Nav/Group/index.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type NavItemGroupProps } from '../../../components/Nav/Group/InternalNavItemGroup';
-export declare const Group: React.MemoExoticComponent<(props: NavItemGroupProps) => React.JSX.Element>;
+export declare const Group: React.MemoExoticComponent<({ children, eventKey, ...restProps }: NavItemGroupProps) => React.JSX.Element>;

package/dist/cjs/components/Nav/Group/index.js

@@ -42,8 +42,7 @@ const React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItemGroup_1 = require("../../../components/Nav/Group/InternalNavItemGroup");
 const nodeUtil_1 = require("../../../components/Nav/utils/nodeUtil");
-exports.Group = React.memo((props) => {
-    const { children, eventKey, ...restProps } = props;
+exports.Group = React.memo(({ children, eventKey, ...restProps }) => {
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     const measure = (0, PathContext_1.useMeasure)();
     const childList = (0, nodeUtil_1.parseChildren)(children, connectedKeyPath);

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

@@ -13,4 +13,7 @@ export interface NavItemProps extends Omit<NavItemType, 'label' | 'key'>, Omit<R
      */
     warnKey?: boolean;
 }
-export declare function InternalNavItem(props: NavItemProps): React.JSX.Element;
+export declare function InternalNavItem({ children, className, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps }: NavItemProps): React.JSX.Element;
+export declare namespace InternalNavItem {
+    var displayName: string;
+}

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

@@ -50,9 +50,8 @@ const useActive_1 = require("../../../components/Nav/hooks/useActive");
 const useDirectionStyle_1 = require("../../../components/Nav/hooks/useDirectionStyle");
 const LegacyNavItem_1 = require("../../../components/Nav/Item/LegacyNavItem");
 const warnUtil_1 = require("../../../components/Nav/utils/warnUtil");
-function InternalNavItem(props) {
+function InternalNavItem({ children, className, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;
     const domDataId = (0, IdContext_1.useNavId)(eventKey);
     const { disabled: contextDisabled = disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext_1.NavContext);
     const { _internalRenderMenuItem } = React.useContext(PrivateContext_1.PrivateContext);
@@ -121,7 +120,24 @@ function InternalNavItem(props) {
         itemIcon || contextItemIcon,
         children));
     if (_internalRenderMenuItem) {
-        renderNode = _internalRenderMenuItem(renderNode, props, { selected });
+        renderNode = _internalRenderMenuItem(renderNode, {
+            children,
+            className,
+            disabled,
+            itemIcon,
+            role,
+            style,
+            // eslint-disable-next-line sort-keys
+            onClick,
+            onFocus,
+            onKeyDown,
+            onMouseEnter,
+            onMouseLeave,
+            ...restProps,
+        }, { selected });
     }
     return renderNode;
 }
+if (process.env.NODE_ENV !== 'production') {
+    InternalNavItem.displayName = 'Nav.InternalNavItem';
+}

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type NavItemProps } from '../../../components/Nav/Item/InternalNavItem';
-export declare const Item: React.MemoExoticComponent<(props: NavItemProps) => React.JSX.Element | null>;
+export declare const Item: React.MemoExoticComponent<({ eventKey, ...restProps }: NavItemProps) => React.JSX.Element | null>;

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

@@ -38,8 +38,7 @@ const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItem_1 = require("../../../components/Nav/Item/InternalNavItem");
-exports.Item = React.memo((props) => {
-    const { eventKey } = props;
+exports.Item = React.memo(({ eventKey, ...restProps }) => {
     const measure = (0, PathContext_1.useMeasure)();
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     React.useEffect(() => {
@@ -54,7 +53,7 @@ exports.Item = React.memo((props) => {
     if (measure) {
         return null;
     }
-    return React.createElement(InternalNavItem_1.InternalNavItem, { ...props });
+    return React.createElement(InternalNavItem_1.InternalNavItem, { ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Item.displayName = 'Nav.Item';

package/dist/cjs/components/Nav/Sub/InlineSubNavList.d.ts

@@ -5,4 +5,7 @@ export interface InlineSubNavListProps {
     keyPath: string[];
     children: React.ReactNode;
 }
-export declare function InlineSubNavList(props: InlineSubNavListProps): React.JSX.Element | null;
+export declare function InlineSubNavList({ children, id, keyPath, open }: InlineSubNavListProps): React.JSX.Element | null;
+export declare namespace InlineSubNavList {
+    var displayName: string;
+}

package/dist/cjs/components/Nav/Sub/InlineSubNavList.js

@@ -43,9 +43,8 @@ const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
 const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");
-function InlineSubNavList(props) {
+function InlineSubNavList({ children, id, keyPath, open }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, id, keyPath, open } = props;
     const fixedMode = 'inline';
     const { prefixCls, forceSubNavRender, motion, defaultMotions, mode, } = React.useContext(NavContext_1.NavContext);
     // Always use the latest mode check
@@ -82,3 +81,6 @@ function InlineSubNavList(props) {
     return (React.createElement(NavContext_1.NavContextProvider, { mode: fixedMode, locked: !sameModeRef.current, prefixCls: prefixCls },
         React.createElement(motion_1.default, { visible: mergedOpen, ...mergedMotion, forceRender: forceSubNavRender, leavedClassName: `${config.prefixCls}-hidden`, removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
 }
+if (process.env.NODE_ENV !== 'production') {
+    InlineSubNavList.displayName = 'Nav.InlineSubNavList';
+}

package/dist/cjs/components/Nav/Sub/PopupTrigger.d.ts

@@ -11,4 +11,7 @@ export interface PopupTriggerProps {
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
 }
-export declare function PopupTrigger(props: PopupTriggerProps): React.JSX.Element;
+export declare function PopupTrigger({ prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, }: PopupTriggerProps): React.JSX.Element;
+export declare namespace PopupTrigger {
+    var displayName: string;
+}

package/dist/cjs/components/Nav/Sub/PopupTrigger.js

@@ -52,10 +52,9 @@ const popupPlacementMap = {
     'vertical-left': 'right-top',
     'vertical-right': 'left-top',
 };
-function PopupTrigger(props) {
+function PopupTrigger({ prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, } = props;
-    const { builtinPlacements, defaultMotions, forceSubNavRender, getPopupContainer, motion, rtl, subNavCloseDelay, subNavOpenDelay, triggerSubNavAction, } = React.useContext(NavContext_1.NavContext);
+    const { builtinPlacements, defaultMotions, forceSubNavRender, getPopupContainer, motion, rtl, subNavCloseDelay = 300, subNavOpenDelay, triggerSubNavAction = 'hover', } = React.useContext(NavContext_1.NavContext);
     const [innerVisible, setInnerVisible] = React.useState(false);
     const placement = rtl
         ? { ...placements_1.placementsRtl, ...builtinPlacements }
@@ -88,7 +87,10 @@ function PopupTrigger(props) {
             }
         };
     }, [visible]);
-    return (React.createElement(trigger_1.default, { action: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
+    return (React.createElement(trigger_1.default, { action: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, hideAction: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
             [`${prefixCls}-rtl`]: rtl,
         }, popupClassName), popupMotion: mergedMotion, popupPlacement: popupPlacement, popupVisible: innerVisible, prefixCls: prefixCls, stretch: mode === 'horizontal' ? 'minWidth' : undefined, onPopupVisibleChange: onVisibleChange }, children));
 }
+if (process.env.NODE_ENV !== 'production') {
+    PopupTrigger.displayName = 'Nav.PopupTrigger';
+}