@broxus/react-uikit 0.2.2 → 0.3.1

package/dist/esm/components/Form/ControlsText.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
-import { useComponentContext } from '../ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
+import { useComponentContext } from '../../components/ComponentProvider';
 export const ControlsText = React.memo((props) => {
     const config = useConfig();
     const { getRootCls } = useComponentContext();

package/dist/esm/components/Form/Fieldset.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Fieldset = React.memo((props) => {
     const config = useConfig();
     const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export interface FormOwnProps {
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;

package/dist/esm/components/Form/Form.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
-import { ComponentProvider } from '../ComponentProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
+import { ComponentProvider } from '../../components/ComponentProvider';
 const defaultElement = 'form';
 export const Form = React.memo((props) => {
     const config = useConfig();

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 export const Label = React.memo((props) => {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { className, prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form-label'), [config, prefixCls]);
     return React.createElement("label", { className: classNames(rootCls, className), ...restProps });
 });

package/dist/esm/components/Form/Legend.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Legend = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { Controls } from '../Form/Controls';
-import { ControlsText } from '../Form/ControlsText';
-import { Fieldset } from '../Form/Fieldset';
-import { type FormProps } from '../Form/Form';
-import { Label } from '../Form/Label';
-import { Legend } from '../Form/Legend';
+import { Controls } from '../../components/Form/Controls';
+import { ControlsText } from '../../components/Form/ControlsText';
+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.MemoExoticComponent<React.ForwardRefExoticComponent<FormProps>> {

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

@@ -1,9 +1,9 @@
-import { Controls } from '../Form/Controls';
-import { ControlsText } from '../Form/ControlsText';
-import { Fieldset } from '../Form/Fieldset';
-import { Form as InternalForm } from '../Form/Form';
-import { Label } from '../Form/Label';
-import { Legend } from '../Form/Legend';
+import { Controls } from '../../components/Form/Controls';
+import { ControlsText } from '../../components/Form/ControlsText';
+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;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
-import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../Width';
+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 = {

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
-import { getChildWidthClassname, } from '../Width';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
+import { getChildWidthClassname } from '../../components/Width';
 import './index.scss';
 const defaultElement = 'div';
 export const Grid = React.memo((props) => {

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const defaultElement = 'div';
 export const Heading = React.memo((props) => {

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { type IconProps } from '../Icon/Icon';
+import { type IconProps } from '../../components/Icon/Icon';
 export declare const Button: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Icon } from '../Icon/Icon';
+import { Icon } from '../../components/Icon/Icon';
 export const Button = React.memo((props) => (React.createElement(Icon, { ...props, component: "button", role: "button", type: "button" })));
 if (process.env.NODE_ENV !== 'production') {
     Button.displayName = 'Icon.Button';

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type IconOwnProps = {
     icon: string;
     material?: boolean;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'span';
 export const Icon = React.memo((props) => {
     const config = useConfig();

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { type IconProps } from '../Icon/Icon';
+import { type IconProps } from '../../components/Icon/Icon';
 export declare const Link: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

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

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

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

@@ -1,10 +1,10 @@
 import type * as React from 'react';
-import { Button } from '../Icon/Button';
-import { type IconOwnProps, type IconProps } from '../Icon/Icon';
-import { Link } from '../Icon/Link';
+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 '../Icon/default-svg-props';
-export * from '../Icon/get-size';
+export * from '../../components/Icon/default-svg-props';
+export * from '../../components/Icon/get-size';
 export type { IconProps, IconOwnProps };
 export interface Icon extends React.MemoExoticComponent<React.FunctionComponent<IconProps>> {
     Button: typeof Button;

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

@@ -1,9 +1,9 @@
-import { Button } from '../Icon/Button';
-import { Icon as InternalIcon } from '../Icon/Icon';
-import { Link } from '../Icon/Link';
+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 '../Icon/default-svg-props';
-export * from '../Icon/get-size';
+export * from '../../components/Icon/default-svg-props';
+export * from '../../components/Icon/get-size';
 export const Icon = InternalIcon;
 Icon.Button = Button;
 Icon.Link = Link;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Iconnav = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Item = React.memo((props) => {
     const config = useConfig();
     const { children, className, isActive, ...restProps } = props;

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

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

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

@@ -1,5 +1,5 @@
-import { Iconnav as InnerIconnav } from '../Iconnav/Iconnav';
-import { Item } from '../Iconnav/Item';
+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.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 export const Label = React.memo((props) => {
     const config = useConfig();

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const defaultElement = 'a';
 const ForwardedLink = React.forwardRef((props, ref) => {

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const List = React.memo((props) => {
     const config = useConfig();
     const { className, color, prefixCls = config.prefixCls, size, type, ...restProps } = props;

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

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

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

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

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

@@ -7,6 +7,6 @@ export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
     full?: boolean;
     getContainer?: string | HTMLElement | (() => HTMLElement) | false;
     type?: 'info' | 'success' | 'warning' | 'error' | 'confirm';
-    onClosed?: () => void;
+    onClosed?: VoidFunction;
 }
 export declare const Modal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;

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

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { canUseDocElement } from '@broxus/js-utils';
 import classNames from 'classnames';
 import Dialog from 'rc-dialog';
-import { Close } from '../Close';
-import { useConfig } from '../ConfrigProvider';
+import { Close } from '../../components/Close';
+import { useConfig } from '../../components/ConfrigProvider';
 import { getMotionName } from '../../utils';
 let mousePosition;
 const getClickPosition = (event) => {
@@ -28,8 +28,8 @@ export const Modal = React.memo((props) => {
             [`${rootCls}-centered`]: centered && !full,
             [`${rootCls}-full`]: full && !centered,
         }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, afterClose: onClosed, closable: false, closeIcon: null },
-        closable &&
-            (closeIcon || (React.createElement(Close, { className: classNames({
+        closable
+            && (closeIcon || (React.createElement(Close, { className: classNames({
                     [`${rootCls}-close-default`]: !full,
                     [`${rootCls}-close-full`]: full,
                 }), component: "button", onClick: onClose }))),

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

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

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

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

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { type NavDividerType } from '../Nav/types';
+import { type NavDividerType } from '../../components/Nav/types';
 export type DividerProps = Omit<NavDividerType, 'type'>;
 export declare const Divider: React.MemoExoticComponent<(props: DividerProps) => JSX.Element | null>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { NavContext } from '../Nav/context/NavContext';
-import { useMeasure } from '../Nav/context/PathContext';
+import { NavContext } from '../../components/Nav/context/NavContext';
+import { useMeasure } from '../../components/Nav/context/PathContext';
 export const Divider = React.memo((props) => {
     const { className, style } = props;
     const { prefixCls } = React.useContext(NavContext);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type NavItemGroupType } from '../../Nav/types';
+import { type NavItemGroupType } from '../../../components/Nav/types';
 export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | 'type' | 'label'> {
     title?: React.ReactNode;
     children?: React.ReactNode;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import { stopEventPropagate } from '@broxus/js-utils';
-import { NavContext } from '../../Nav/context/NavContext';
+import { NavContext } from '../../../components/Nav/context/NavContext';
 export const InternalNavItemGroup = React.memo((props) => {
     const { children, className, title, ...restProps } = props;
     const { prefixCls } = React.useContext(NavContext);

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

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import omit from 'rc-util/lib/omit';
-import { useFullPath, useMeasure } from '../../Nav/context/PathContext';
-import { InternalNavItemGroup } from '../../Nav/Group/InternalNavItemGroup';
-import { parseChildren } from '../../Nav/utils/nodeUtil';
+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;
     const connectedKeyPath = useFullPath(eventKey);

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

@@ -4,7 +4,4 @@ export type HeaderProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-export declare function Header(props: HeaderProps): JSX.Element;
-export declare namespace Header {
-    var displayName: string;
-}
+export declare const Header: React.MemoExoticComponent<(props: HeaderProps) => JSX.Element>;

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { NavContext } from '../Nav/context/NavContext';
-export function Header(props) {
+import { NavContext } from '../../components/Nav/context/NavContext';
+export const Header = React.memo((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,5 +1,5 @@
 import * as React from 'react';
-import { type NavItemType } from '../../Nav/types';
+import { type NavItemType } from '../../../components/Nav/types';
 export interface NavItemProps extends Omit<NavItemType, 'label' | 'key'>, Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onSelect'> {
     children?: React.ReactNode;
     /**

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

@@ -2,15 +2,15 @@ import * as React from 'react';
 import classNames from 'classnames';
 import KeyCode from 'rc-util/lib/KeyCode';
 import warning from 'rc-util/lib/warning';
-import { useConfig } from '../../ConfrigProvider';
-import { useNavId } from '../../Nav/context/IdContext';
-import { NavContext } from '../../Nav/context/NavContext';
-import { useFullPath } from '../../Nav/context/PathContext';
-import { PrivateContext } from '../../Nav/context/PrivateContext';
-import { useActive } from '../../Nav/hooks/useActive';
-import { LegacyNavItem } from '../../Nav/Item/LegacyNavItem';
-import { warnItemProp } from '../../Nav/utils/warnUtil';
-import { useDirectionStyle } from '../../Nav/hooks/useDirectionStyle';
+import { useConfig } from '../../../components/ConfrigProvider';
+import { useNavId } from '../../../components/Nav/context/IdContext';
+import { NavContext } from '../../../components/Nav/context/NavContext';
+import { useFullPath } from '../../../components/Nav/context/PathContext';
+import { PrivateContext } from '../../../components/Nav/context/PrivateContext';
+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 const InternalNavItem = React.memo((props) => {
     const config = useConfig();
     const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { noop } from '@broxus/js-utils';
-import { useFullPath, useMeasure } from '../../Nav/context/PathContext';
-import { InternalNavItem } from '../../Nav/Item/InternalNavItem';
+import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
+import { InternalNavItem } from '../../../components/Nav/Item/InternalNavItem';
 export const Item = React.memo((props) => {
     const { eventKey } = props;
     const measure = useMeasure();

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type CSSMotionProps } from 'rc-motion';
-import { type BuiltinPlacements, type ItemType, type NavClickEventHandler, type NavMode, type NavModifier, type NavRef, type RenderIconType, type SelectEventHandler, type TriggerSubNavAction } from '../Nav/types';
+import { type BuiltinPlacements, type ItemType, type NavClickEventHandler, type NavMode, type NavModifier, type NavRef, type RenderIconType, type SelectEventHandler, type TriggerSubNavAction } from '../../components/Nav/types';
 import { type Direction } from '../../types';
 export interface NavProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onClick' | 'onSelect' | 'dir'> {
     activeKey?: string;

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

@@ -4,20 +4,20 @@ import classNames from 'classnames';
 import Overflow from 'rc-overflow';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import isEqual from 'rc-util/lib/isEqual';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import { useMounted } from '../../hooks';
-import { getNavId, IdContext } from '../Nav/context/IdContext';
-import { NavContextProvider } from '../Nav/context/NavContext';
-import { PathRegisterContext, PathUserContext } from '../Nav/context/PathContext';
-import { PrivateContext } from '../Nav/context/PrivateContext';
-import { useAccessibility } from '../Nav/hooks/useAccessibility';
-import { OVERFLOW_KEY, useKeyRecords } from '../Nav/hooks/useKeyRecords';
-import { useMemoCallback } from '../Nav/hooks/useMemoCallback';
-import { useUUID } from '../Nav/hooks/useUUID';
-import { Item } from '../Nav/Item';
-import { Sub } from '../Nav/Sub';
-import { parseItems } from '../Nav/utils/nodeUtil';
-import { warnItemProp } from '../Nav/utils/warnUtil';
+import { getNavId, IdContext } from '../../components/Nav/context/IdContext';
+import { NavContextProvider } from '../../components/Nav/context/NavContext';
+import { PathRegisterContext, PathUserContext } from '../../components/Nav/context/PathContext';
+import { PrivateContext } from '../../components/Nav/context/PrivateContext';
+import { useAccessibility } from '../../components/Nav/hooks/useAccessibility';
+import { OVERFLOW_KEY, useKeyRecords } from '../../components/Nav/hooks/useKeyRecords';
+import { useMemoCallback } from '../../components/Nav/hooks/useMemoCallback';
+import { useUUID } from '../../components/Nav/hooks/useUUID';
+import { Item } from '../../components/Nav/Item';
+import { Sub } from '../../components/Nav/Sub';
+import { parseItems } from '../../components/Nav/utils/nodeUtil';
+import { warnItemProp } from '../../components/Nav/utils/warnUtil';
 import { getCollapseMotion, getMotionName } from '../../utils';
 const EMPTY_LIST = [];
 const ForwardedNav = React.forwardRef((props, ref) => {
@@ -93,9 +93,9 @@ const ForwardedNav = React.forwardRef((props, ref) => {
     ]);
     // ====================== Responsive ======================
     const [lastVisibleIndex, setLastVisibleIndex] = React.useState(0);
-    const allVisible = lastVisibleIndex >= childList.length - 1 ||
-        internalMode !== 'horizontal' ||
-        disabledOverflow;
+    const allVisible = lastVisibleIndex >= childList.length - 1
+        || internalMode !== 'horizontal'
+        || disabledOverflow;
     // Cache
     React.useEffect(() => {
         if (isInlineMode) {
@@ -225,10 +225,10 @@ const ForwardedNav = React.forwardRef((props, ref) => {
     // >>>>> Children
     const wrappedChildList = mergedMode !== 'horizontal' || disabledOverflow
         ? childList
-        : // Need wrap for overflow dropdown that do not response for open
-            childList.map((child, index) => (
-            // Always wrap provider to avoid sub node re-mount
-            React.createElement(NavContextProvider, { key: child.key, overflowDisabled: index > lastVisibleIndex }, child)));
+        // Need wrap for overflow dropdown that do not response for open
+        : childList.map((child, index) => (
+        // Always wrap provider to avoid sub node re-mount
+        React.createElement(NavContextProvider, { key: child.key, overflowDisabled: index > lastVisibleIndex }, child)));
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'nav'), [config, prefixCls]);
     const container = (React.createElement(Overflow, { className: classNames({
             [rootCls]: mergedMode !== 'horizontal',

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import CSSMotion from 'rc-motion';
-import { getMotion } from '../utils/motionUtil';
-import { NavContext, NavContextProvider } from '../context/NavContext';
-import { SubNavList } from './SubNavList';
+import { NavContext, NavContextProvider } from '../../../components/Nav/context/NavContext';
+import { SubNavList } from '../../../components/Nav/Sub/SubNavList';
+import { getMotion } from '../../../components/Nav/utils/motionUtil';
 export function InlineSubNavList(props) {
     const { children, id, keyPath, open } = props;
     const fixedMode = 'inline';
-    const { prefixCls, forceSubNavRender, motion, defaultMotions, mode } = React.useContext(NavContext);
+    const { prefixCls, forceSubNavRender, motion, defaultMotions, mode, } = React.useContext(NavContext);
     // Always use the latest mode check
     const sameModeRef = React.useRef(false);
     sameModeRef.current = mode === fixedMode;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type NavMode } from '../../Nav/types';
+import { type NavMode } from '../../../components/Nav/types';
 export interface PopupTriggerProps {
     children: React.ReactElement;
     disabled?: boolean;