@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/esm/components/DatePicker/placements.d.ts

@@ -1,3 +1,3 @@
-import { type BuildInPlacements } from 'rc-trigger';
+import { type BuildInPlacements } from '@rc-component/trigger';
 declare const placements: BuildInPlacements;
 export default placements;

package/dist/esm/components/DatePicker/types.d.ts

@@ -1,6 +1,6 @@
-import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from 'rc-picker';
-import { type Locale as RcPickerLocale } from 'rc-picker/lib/interface';
-import { type PickerPanelRef } from 'rc-picker/lib/PickerPanel';
+import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from '@rc-component/picker';
+import { type Locale as RcPickerLocale } from '@rc-component/picker/lib/interface';
+import { type PickerPanelRef } from '@rc-component/picker/lib/PickerPanel';
 import type * as React from 'react';
 import { type TimePickerLocale } from '../../components/TimePicker';
 import { type AnyObject, type SizeType, type StateType } from '../../types';

package/dist/esm/components/DatePicker/useComponents.d.ts

@@ -1,2 +1,2 @@
-import { type Components } from 'rc-picker/lib/interface';
+import { type Components } from '@rc-component/picker/lib/interface';
 export declare function useComponents(components?: Components): Components;

package/dist/esm/components/DatePicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { type PickerMode } from 'rc-picker/lib/interface';
+import { type PickerMode } from '@rc-component/picker/lib/interface';
 import { type PickerLocale } from '../../components/DatePicker/types';
 export declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 export declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;

package/dist/esm/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/esm/components/DescriptionList/index.js

@@ -1,7 +1,6 @@
 import { Description } from '../../components/DescriptionList/Description';
 import { DescriptionList as InnerDescriptionList, } from '../../components/DescriptionList/DescriptionList';
 import { Term } from '../../components/DescriptionList/Term';
-import './index.scss';
 export const DescriptionList = InnerDescriptionList;
 DescriptionList.Description = Description;
 DescriptionList.Term = Term;

package/dist/esm/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/esm/components/Divider/index.js

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 export function Divider(props) {
     const config = useConfig();
     const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;

package/dist/esm/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/esm/components/Dotnav/index.js

@@ -1,5 +1,4 @@
 import { Dotnav as InnerDotnav } from '../../components/Dotnav/Dotnav';
 import { Item } from '../../components/Dotnav/Item';
-import './index.scss';
 export const Dotnav = InnerDotnav;
 Dotnav.Item = Item;

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

@@ -1,7 +1,6 @@
-import { type DrawerProps as RcDrawerProps } from 'rc-drawer';
+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/esm/components/Drawer/index.js

@@ -1,10 +1,9 @@
 import { addClass, removeClass } from '@broxus/js-utils';
+import RcDrawer from '@rc-component/drawer';
 import classNames from 'classnames';
-import RcDrawer from 'rc-drawer';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { addModalMode, getMotionName, removeModalMode } from '../../utils';
-import './index.scss';
 const defaultPushState = { distance: 180 };
 export const Drawer = React.forwardRef((props, ref) => {
     const config = useConfig();
@@ -103,7 +102,10 @@ export const Drawer = React.forwardRef((props, ref) => {
         trigger?.({ collapse, expand, isOpen: !!mergedOpen }),
         React.createElement(RcDrawer, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: 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 }, children)));
+            }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
+                ...restProps.classNames,
+                section: classNames(`${rootCls}-content`, restProps.classNames?.section),
+            } }, children)));
 });
 if (process.env.NODE_ENV !== 'production') {
     Drawer.displayName = 'Drawer';

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

@@ -1,8 +1,7 @@
-import { type CSSMotionProps } from 'rc-motion';
-import { type BuildInPlacements, type TriggerProps } from 'rc-trigger';
-import { type AlignType } from 'rc-trigger/lib/interface';
+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;
@@ -10,7 +9,6 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     autoAdjustOverflow?: boolean;
     builtinPlacements?: BuildInPlacements;
     defaultVisible?: boolean;
-    destroyOnHide?: boolean;
     minOverlayWidthMatchTrigger?: boolean;
     motion?: CSSMotionProps;
     openClassName?: string;

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

@@ -1,13 +1,12 @@
+import Trigger from '@rc-component/trigger';
 import classNames from 'classnames';
-import Trigger from 'rc-trigger';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import placements from '../../components/Drop/placements';
 import { getMotionName, mergeDropMaskMotion } from '../../utils';
-import './index.scss';
 export const Drop = React.forwardRef((props, ref) => {
     const config = useConfig();
-    const { action = ['hover'], align, alignPoint, arrow = false, builtinPlacements = placements, children, defaultVisible, destroyOnHide, getPopupContainer = config.getPopupContainer, hideAction, 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, 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;
@@ -40,8 +39,8 @@ export const Drop = React.forwardRef((props, ref) => {
         return !alignPoint;
     }, [alignPoint, minOverlayWidthMatchTrigger]);
     const renderChildren = React.useCallback(() => {
-        const childrenProps = children.props ? children.props : {};
-        const childClassName = classNames(childrenProps.className, `${prefixCls || config.prefixCls}-open`);
+        const childrenProps = children.props;
+        const childClassName = classNames(childrenProps?.className, `${prefixCls || config.prefixCls}-open`);
         return triggerVisible && children
             ? React.cloneElement(children, {
                 className: childClassName,
@@ -57,18 +56,19 @@ export const 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'];
     }
-    return (React.createElement(Trigger, { ref: triggerRef, action: action, builtinPlacements: builtinPlacements, destroyPopupOnHide: destroyOnHide, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
+    return (React.createElement(Trigger, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: builtinPlacements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
-        }), popupMotion: motion ?? {
+        }), popupMotion: {
             forceRender: true,
             motionDeadline: 300,
             motionName: getMotionName(prefixCls || config.prefixCls, 'slide-bottom-small'),
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
+            ...motion,
+        }, 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') {
     Drop.displayName = 'Drop';

package/dist/esm/components/Drop/placements.d.ts

@@ -1,3 +1,3 @@
-import { type BuildInPlacements } from 'rc-trigger';
+import { type BuildInPlacements } from '@rc-component/trigger';
 declare const placements: BuildInPlacements;
 export default placements;

package/dist/esm/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/esm/components/Dropdown/index.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Drop } from '../../components/Drop';
-import './index.scss';
 export const Dropdown = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { children, prefixCls = config.prefixCls, ...restProps } = props;

package/dist/esm/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/esm/components/Flex/index.js

@@ -1,5 +1,4 @@
 import { Flex as InternalFlex, } from '../../components/Flex/Flex';
 import { Item } from '../../components/Flex/Item';
-import './index.scss';
 export const Flex = InternalFlex;
 Flex.Item = Item;

package/dist/esm/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/esm/components/Form/index.js

@@ -4,7 +4,6 @@ import { Fieldset } from '../../components/Form/Fieldset';
 import { Form as InternalForm } from '../../components/Form/Form';
 import { Label } from '../../components/Form/Label';
 import { Legend } from '../../components/Form/Legend';
-import './index.scss';
 export const Form = InternalForm;
 Form.Controls = Controls;
 Form.ControlsText = ControlsText;

package/dist/esm/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/esm/components/Grid/index.js

@@ -3,7 +3,6 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import { getChildWidthClassname } from '../../components/Width';
-import './index.scss';
 const defaultElement = 'div';
 export function Grid(props) {
     const config = useConfig();

package/dist/esm/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/esm/components/Heading/index.js

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 const defaultElement = 'div';
 export function Heading(props) {
     const config = useConfig();

package/dist/esm/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/esm/components/Icon/index.js

@@ -1,7 +1,6 @@
 import { Button } from '../../components/Icon/Button';
 import { Icon as InternalIcon } 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 const Icon = InternalIcon;

package/dist/esm/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/esm/components/Iconnav/index.js

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

package/dist/esm/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/esm/components/Label/index.js

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 export function Label(props) {
     const config = useConfig();
     const { className, large, prefixCls = config.prefixCls, type, ...restProps } = props;

package/dist/esm/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/esm/components/Link/index.js

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 const defaultElement = 'a';
 export const Link = React.forwardRef((props, ref) => {
     const config = useConfig();

package/dist/esm/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/esm/components/List/index.js

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

package/dist/esm/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/esm/components/Modal/index.js

@@ -1 +1,40 @@
-export * from '../../components/Modal/Modal';
+import { canUseDocElement } from '@broxus/js-utils';
+import Dialog from '@rc-component/dialog';
+import classNames from 'classnames';
+import * as React from 'react';
+import { Close } from '../../components/Close';
+import { useConfig } from '../../components/ConfigProvider';
+import { getMotionName } from '../../utils';
+let mousePosition;
+const getClickPosition = (event) => {
+    mousePosition = {
+        x: event.pageX,
+        y: event.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, visible, onClose, onClosed, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'modal'), [config, prefixCls]);
+    const defaultMaskTransitionName = React.useMemo(() => getMotionName(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);
+    const defaultTransitionName = React.useMemo(() => getMotionName(prefixCls || config.prefixCls, 'zoom'), [config.prefixCls, prefixCls]);
+    return (React.createElement(Dialog, { className: classNames(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: classNames(`${rootCls}-content`, restProps.classNames?.section),
+        }, closable: false, closeIcon: null },
+        closable
+            && (closeIcon || (React.createElement(Close, { className: classNames({
+                    [`${rootCls}-close-default`]: !full,
+                    [`${rootCls}-close-full`]: full,
+                }), component: "button", onClick: onClose }))),
+        children));
+}

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

@@ -1,10 +1,9 @@
 import { stopEventPropagate } from '@broxus/js-utils';
+import omit from '@rc-component/util/lib/omit';
 import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { NavContext } from '../../../components/Nav/context/NavContext';
-export function InternalNavItemGroup(props) {
-    const { children, className, title, ...restProps } = props;
+export function InternalNavItemGroup({ children, className, title, ...restProps }) {
     const { prefixCls } = React.useContext(NavContext);
     const groupRootCls = React.useMemo(() => `${prefixCls}-group`, [prefixCls]);
     const subRootCls = React.useMemo(() => `${prefixCls}-sub`, [prefixCls]);
@@ -12,3 +11,6 @@ export 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/esm/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/esm/components/Nav/Group/index.js

@@ -1,10 +1,9 @@
-import omit from 'rc-util/lib/omit';
+import omit from '@rc-component/util/lib/omit';
 import * as React from 'react';
 import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { InternalNavItemGroup } from '../../../components/Nav/Group/InternalNavItemGroup';
 import { parseChildren } from '../../../components/Nav/utils/nodeUtil';
-export const Group = React.memo((props) => {
-    const { children, eventKey, ...restProps } = props;
+export const Group = React.memo(({ children, eventKey, ...restProps }) => {
     const connectedKeyPath = useFullPath(eventKey);
     const measure = useMeasure();
     const childList = parseChildren(children, connectedKeyPath);

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

@@ -1,6 +1,6 @@
+import KeyCode from '@rc-component/util/lib/KeyCode';
+import warning from '@rc-component/util/lib/warning';
 import classNames from 'classnames';
-import KeyCode from 'rc-util/lib/KeyCode';
-import warning from 'rc-util/lib/warning';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useNavId } from '../../../components/Nav/context/IdContext';
@@ -11,14 +11,13 @@ import { useActive } from '../../../components/Nav/hooks/useActive';
 import { useDirectionStyle } from '../../../components/Nav/hooks/useDirectionStyle';
 import { LegacyNavItem } from '../../../components/Nav/Item/LegacyNavItem';
 import { warnItemProp } from '../../../components/Nav/utils/warnUtil';
-export function InternalNavItem(props) {
+export function InternalNavItem({ children, className, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps }) {
     const config = useConfig();
-    const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;
     const domDataId = useNavId(eventKey);
     const { disabled: contextDisabled = disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext);
     const { _internalRenderMenuItem } = React.useContext(PrivateContext);
-    const legacyNavItemRef = React.useRef();
-    const elementRef = React.useRef();
+    const legacyNavItemRef = React.useRef(null);
+    const elementRef = React.useRef(null);
     const mergedDisabled = contextDisabled || disabled;
     const connectedKeys = useFullPath(eventKey);
     // ================================ Warn ================================
@@ -82,7 +81,24 @@ export 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/esm/components/Nav/Item/LegacyNavItem.js

@@ -1,6 +1,6 @@
+import omit from '@rc-component/util/lib/omit';
+import warning from '@rc-component/util/lib/warning';
 import Overflow from 'rc-overflow';
-import omit from 'rc-util/lib/omit';
-import warning from 'rc-util/lib/warning';
 import * as React from 'react';
 export class LegacyNavItem extends React.Component {
     render() {

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

@@ -2,8 +2,7 @@ import { noop } from '@broxus/js-utils';
 import * as React from 'react';
 import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { InternalNavItem } from '../../../components/Nav/Item/InternalNavItem';
-export const Item = React.memo((props) => {
-    const { eventKey } = props;
+export const Item = React.memo(({ eventKey, ...restProps }) => {
     const measure = useMeasure();
     const connectedKeyPath = useFullPath(eventKey);
     React.useEffect(() => {
@@ -18,7 +17,7 @@ export const Item = React.memo((props) => {
     if (measure) {
         return null;
     }
-    return React.createElement(InternalNavItem, { ...props });
+    return React.createElement(InternalNavItem, { ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Nav.Item';

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

@@ -214,7 +214,7 @@ export const Nav = React.forwardRef((props, ref) => {
     // ==================== Accessibility =====================
     const triggerAccessibilityOpen = (key, open) => {
         const nextOpen = open ?? !mergedOpenKeys?.includes(key);
-        onInternalOpenChange(key, nextOpen);
+        onInternalOpenChange?.(key, nextOpen);
     };
     const onInternalKeyDown = useAccessibility(internalMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
     // ======================= Context ========================

package/dist/esm/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;
+}