@broxus/react-uikit 0.2.2 → 0.3.0

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

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 const React = __importStar(require("react"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const Drop_1 = require("../Drop");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const Drop_1 = require("../../components/Drop");
 require("./index.scss");
 exports.Dropdown = React.forwardRef((props, ref) => {
     const config = (0, ConfrigProvider_1.useConfig)();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import { type BreakpointsConfig } from '../../types';
 import './index.scss';
 export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'top' | 'middle' | 'bottom';
@@ -17,9 +17,9 @@ export type FlexBreakpoint = {
     justifyContent?: FlexJustifyContent;
 };
 export type FlexBreakpointsConfig = BreakpointsConfig<FlexBreakpoint>;
-export type FlexOwnProps = {
+export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     inline?: boolean;
     prefixCls?: string;
-} & FlexBreakpoint & FlexBreakpointsConfig;
+}
 export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
 export declare const Flex: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: FlexProps<E>) => JSX.Element)>;

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Flex = React.memo((props) => {
@@ -46,5 +46,5 @@ exports.Flex = React.memo((props) => {
             [`${rootCls}-wrap-${alignContent}`]: flexWrap !== undefined && alignContent !== undefined,
             [`${rootCls}-${justifyContent}`]: justifyContent !== undefined,
             [`${rootCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, className), ...restProps }));
+        }, className), component: defaultElement, ...restProps }));
 });

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ComponentProvider_1 = require("../ComponentProvider");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.Controls = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ControlsText = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const ComponentProvider_1 = require("../ComponentProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ComponentProvider_1 = require("../../components/ComponentProvider");
 exports.ControlsText = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.Fieldset = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -29,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const ComponentProvider_1 = require("../ComponentProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ComponentProvider_1 = require("../../components/ComponentProvider");
 const defaultElement = 'form';
 exports.Form = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();

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

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 /* eslint-disable jsx-a11y/label-has-associated-control */
 exports.Label = React.memo((props) => {
     const config = (0, ConfrigProvider_1.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: (0, classnames_1.default)(rootCls, className), ...restProps });
 });

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Legend = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.Legend = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-const Controls_1 = require("../Form/Controls");
-const ControlsText_1 = require("../Form/ControlsText");
-const Fieldset_1 = require("../Form/Fieldset");
-const Form_1 = require("../Form/Form");
-const Label_1 = require("../Form/Label");
-const Legend_1 = require("../Form/Legend");
+const Controls_1 = require("../../components/Form/Controls");
+const ControlsText_1 = require("../../components/Form/ControlsText");
+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;

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

@@ -29,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
-const Width_1 = require("../Width");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const Width_1 = require("../../components/Width");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Grid = React.memo((props) => {

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Heading = React.memo((props) => {

package/dist/cjs/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/cjs/components/Icon/Button.js

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const React = __importStar(require("react"));
-const Icon_1 = require("../Icon/Icon");
+const Icon_1 = require("../../components/Icon/Icon");
 exports.Button = React.memo((props) => (React.createElement(Icon_1.Icon, { ...props, component: "button", role: "button", type: "button" })));
 if (process.env.NODE_ENV !== 'production') {
     exports.Button.displayName = 'Icon.Button';

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const defaultElement = 'span';
 exports.Icon = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();

package/dist/cjs/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/cjs/components/Icon/Link.js

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const React = __importStar(require("react"));
-const Icon_1 = require("../Icon/Icon");
+const Icon_1 = require("../../components/Icon/Icon");
 exports.Link = React.memo((props) => (React.createElement(Icon_1.Icon, { ...props, component: "a", role: "button", type: "link" })));
 if (process.env.NODE_ENV !== 'production') {
     exports.Link.displayName = 'Icon.Link';

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

@@ -15,12 +15,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const Button_1 = require("../Icon/Button");
-const Icon_1 = require("../Icon/Icon");
-const Link_1 = require("../Icon/Link");
+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("../Icon/default-svg-props"), exports);
-__exportStar(require("../Icon/get-size"), exports);
+__exportStar(require("../../components/Icon/default-svg-props"), exports);
+__exportStar(require("../../components/Icon/get-size"), exports);
 exports.Icon = Icon_1.Icon;
 exports.Icon.Button = Button_1.Button;
 exports.Icon.Link = Link_1.Link;

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Iconnav = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.Iconnav = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.Item = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { children, className, isActive, ...restProps } = props;

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Iconnav = void 0;
-const Iconnav_1 = require("../Iconnav/Iconnav");
-const Item_1 = require("../Iconnav/Item");
+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.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 require("./index.scss");
 exports.Label = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../Component");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Component_1 = require("../../components/Component");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 require("./index.scss");
 const defaultElement = 'a';
 const ForwardedLink = React.forwardRef((props, ref) => {

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 exports.List = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, color, prefixCls = config.prefixCls, size, type, ...restProps } = props;

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

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

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

@@ -31,8 +31,8 @@ const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const rc_dialog_1 = __importDefault(require("rc-dialog"));
-const Close_1 = require("../Close");
-const ConfrigProvider_1 = require("../ConfrigProvider");
+const Close_1 = require("../../components/Close");
+const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const utils_1 = require("../../utils");
 let mousePosition;
 const getClickPosition = (event) => {
@@ -57,8 +57,8 @@ exports.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_1.Close, { className: (0, classnames_1.default)({
+        closable
+            && (closeIcon || (React.createElement(Close_1.Close, { className: (0, classnames_1.default)({
                     [`${rootCls}-close-default`]: !full,
                     [`${rootCls}-close-full`]: full,
                 }), component: "button", onClick: onClose }))),

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

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

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

@@ -15,4 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 require("./index.scss");
-__exportStar(require("../Modal/Modal"), exports);
+__exportStar(require("../../components/Modal/Modal"), exports);

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const NavContext_1 = require("../Nav/context/NavContext");
-const PathContext_1 = require("../Nav/context/PathContext");
+const NavContext_1 = require("../../components/Nav/context/NavContext");
+const PathContext_1 = require("../../components/Nav/context/PathContext");
 exports.Divider = React.memo((props) => {
     const { className, style } = props;
     const { prefixCls } = React.useContext(NavContext_1.NavContext);

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

@@ -30,7 +30,7 @@ exports.InternalNavItemGroup = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const js_utils_1 = require("@broxus/js-utils");
-const NavContext_1 = require("../../Nav/context/NavContext");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
 exports.InternalNavItemGroup = React.memo((props) => {
     const { children, className, title, ...restProps } = props;
     const { prefixCls } = React.useContext(NavContext_1.NavContext);

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

@@ -29,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
 const React = __importStar(require("react"));
 const omit_1 = __importDefault(require("rc-util/lib/omit"));
-const PathContext_1 = require("../../Nav/context/PathContext");
-const InternalNavItemGroup_1 = require("../../Nav/Group/InternalNavItemGroup");
-const nodeUtil_1 = require("../../Nav/utils/nodeUtil");
+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;
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);

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

@@ -29,13 +29,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const NavContext_1 = require("../Nav/context/NavContext");
-function Header(props) {
+const NavContext_1 = require("../../components/Nav/context/NavContext");
+exports.Header = React.memo((props) => {
     const { className, ...restProps } = props;
     const { prefixCls } = React.useContext(NavContext_1.NavContext);
     return React.createElement("li", { className: (0, classnames_1.default)(`${prefixCls}-header`, className), ...restProps });
-}
-exports.Header = Header;
+});
 if (process.env.NODE_ENV !== 'production') {
-    Header.displayName = 'Nav.Header';
+    exports.Header.displayName = 'Nav.Header';
 }

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

@@ -31,15 +31,15 @@ const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
-const ConfrigProvider_1 = require("../../ConfrigProvider");
-const IdContext_1 = require("../../Nav/context/IdContext");
-const NavContext_1 = require("../../Nav/context/NavContext");
-const PathContext_1 = require("../../Nav/context/PathContext");
-const PrivateContext_1 = require("../../Nav/context/PrivateContext");
-const useActive_1 = require("../../Nav/hooks/useActive");
-const LegacyNavItem_1 = require("../../Nav/Item/LegacyNavItem");
-const warnUtil_1 = require("../../Nav/utils/warnUtil");
-const useDirectionStyle_1 = require("../../Nav/hooks/useDirectionStyle");
+const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
+const IdContext_1 = require("../../../components/Nav/context/IdContext");
+const NavContext_1 = require("../../../components/Nav/context/NavContext");
+const PathContext_1 = require("../../../components/Nav/context/PathContext");
+const PrivateContext_1 = require("../../../components/Nav/context/PrivateContext");
+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");
 exports.InternalNavItem = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;

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

@@ -26,8 +26,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
 const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
-const PathContext_1 = require("../../Nav/context/PathContext");
-const InternalNavItem_1 = require("../../Nav/Item/InternalNavItem");
+const PathContext_1 = require("../../../components/Nav/context/PathContext");
+const InternalNavItem_1 = require("../../../components/Nav/Item/InternalNavItem");
 exports.Item = React.memo((props) => {
     const { eventKey } = props;
     const measure = (0, PathContext_1.useMeasure)();