@broxus/react-uikit 0.3.0 → 0.4.0

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Item = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, isActive, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: isActive,

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

@@ -5,4 +5,4 @@ export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     type?: 'success' | 'warning' | 'danger';
 }
-export declare const Label: React.MemoExoticComponent<(props: LabelProps) => JSX.Element>;
+export declare const Label: React.MemoExoticComponent<(props: LabelProps) => React.JSX.Element>;

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 exports.Label = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, large, prefixCls = config.prefixCls, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'label'), [config, prefixCls]);
     return (React.createElement("span", { className: (0, classnames_1.default)(rootCls, {

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'a';
 const ForwardedLink = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, prefixCls = config.prefixCls, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'link'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { ref: ref, className: (0, classnames_1.default)({

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 type Props = React.LiHTMLAttributes<HTMLLIElement>;
-export declare const Item: React.MemoExoticComponent<(props: Props) => JSX.Element>;
+export declare const Item: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
 export {};

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

@@ -5,4 +5,4 @@ export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
     size?: 'large' | 'collapse';
     type?: 'bullet' | 'disc' | 'divider' | 'striped' | 'circle' | 'square' | 'decimal' | 'hyphen';
 }
-export declare const List: React.MemoExoticComponent<(props: ListProps) => JSX.Element>;
+export declare const List: React.MemoExoticComponent<(props: ListProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.List = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, color, prefixCls = config.prefixCls, size, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'list'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {

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

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ListProps } from '../../components/List/List';
 import { Item } from '../../components/List/Item';
+import { type ListProps } from '../../components/List/List';
 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("../../components/List/List");
 const Item_1 = require("../../components/List/Item");
+const List_1 = require("../../components/List/List");
 require("./index.scss");
 exports.List = List_1.List;
 exports.List.Item = Item_1.Item;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type DialogProps } from 'rc-dialog';
+import * as React from 'react';
 import { type Direction } from '../../types';
 export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
     centered?: boolean;
@@ -9,4 +9,4 @@ export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
     type?: 'info' | 'success' | 'warning' | 'error' | 'confirm';
     onClosed?: VoidFunction;
 }
-export declare const Modal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;
+export declare const Modal: React.MemoExoticComponent<(props: ModalProps) => React.JSX.Element>;

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
-const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const rc_dialog_1 = __importDefault(require("rc-dialog"));
+const React = __importStar(require("react"));
 const Close_1 = require("../../components/Close");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 let mousePosition;
 const getClickPosition = (event) => {
@@ -48,7 +48,7 @@ if ((0, js_utils_1.canUseDocElement)()) {
     document.documentElement.addEventListener('click', getClickPosition, true);
 }
 exports.Modal = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, prefixCls = config.prefixCls, visible, onClose, onClosed, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'modal'), [config, prefixCls]);
     const defaultMaskTransitionName = React.useMemo(() => (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);

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

@@ -80,7 +80,7 @@
  */
 
 .uk-modal-page {
-    overflow: hidden;
+    overflow: clip;
 }
 
 

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

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

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const NavContext_1 = require("../../components/Nav/context/NavContext");
 const PathContext_1 = require("../../components/Nav/context/PathContext");
 exports.Divider = React.memo((props) => {

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

@@ -8,4 +8,4 @@ export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | '
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare const InternalNavItemGroup: React.MemoExoticComponent<(props: NavItemGroupProps) => JSX.Element>;
+export declare const InternalNavItemGroup: React.MemoExoticComponent<(props: NavItemGroupProps) => React.JSX.Element>;

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

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalNavItemGroup = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
 const js_utils_1 = require("@broxus/js-utils");
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 exports.InternalNavItemGroup = React.memo((props) => {
     const { children, className, title, ...restProps } = props;

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

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

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 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 React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItemGroup_1 = require("../../../components/Nav/Group/InternalNavItemGroup");
 const nodeUtil_1 = require("../../../components/Nav/utils/nodeUtil");

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

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

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const NavContext_1 = require("../../components/Nav/context/NavContext");
 exports.Header = React.memo((props) => {
     const { className, ...restProps } = props;

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

@@ -13,4 +13,4 @@ export interface NavItemProps extends Omit<NavItemType, 'label' | 'key'>, Omit<R
      */
     warnKey?: boolean;
 }
-export declare const InternalNavItem: React.MemoExoticComponent<(props: NavItemProps) => JSX.Element>;
+export declare const InternalNavItem: React.MemoExoticComponent<(props: NavItemProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalNavItem = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
-const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
@@ -41,7 +41,7 @@ const useDirectionStyle_1 = require("../../../components/Nav/hooks/useDirectionS
 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 config = (0, ConfigProvider_1.useConfig)();
     const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;
     const domDataId = (0, IdContext_1.useNavId)(eventKey);
     const { disabled: contextDisabled = disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext_1.NavContext);

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

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegacyNavItem = void 0;
-const React = __importStar(require("react"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
 const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const React = __importStar(require("react"));
 class LegacyNavItem extends React.Component {
     render() {
         const { attribute, elementRef, title, ...restProps } = this.props;

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

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

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

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
-const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
+const React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItem_1 = require("../../../components/Nav/Item/InternalNavItem");
 exports.Item = React.memo((props) => {

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
 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'> {

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

@@ -27,14 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Nav = void 0;
-const React = __importStar(require("react"));
-const ReactDOM = __importStar(require("react-dom"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
 const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
 const isEqual_1 = __importDefault(require("rc-util/lib/isEqual"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
-const hooks_1 = require("../../hooks");
+const React = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const IdContext_1 = require("../../components/Nav/context/IdContext");
 const NavContext_1 = require("../../components/Nav/context/NavContext");
 const PathContext_1 = require("../../components/Nav/context/PathContext");
@@ -47,10 +46,11 @@ const Item_1 = require("../../components/Nav/Item");
 const Sub_1 = require("../../components/Nav/Sub");
 const nodeUtil_1 = require("../../components/Nav/utils/nodeUtil");
 const warnUtil_1 = require("../../components/Nav/utils/warnUtil");
+const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const EMPTY_LIST = [];
 const ForwardedNav = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { activeKey, builtinPlacements, children, className, defaultActiveFirst, defaultOpenKeys, defaultSelectedKeys, direction, disabled, disabledOverflow, expandIcon, forceSubNavRender, getPopupContainer, id, inlineCollapsed, itemIcon, items, mode = 'inline', modifiers, motion, multiple = false, openKeys, overflowedIndicator = '...', overflowedIndicatorPopupClassName, popupPrefixCls = `${config.prefixCls}-dropdown`, prefixCls = config.prefixCls, defaultMotions = {
         horizontal: {
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineSubNavList = void 0;
-const React = __importStar(require("react"));
 const rc_motion_1 = __importDefault(require("rc-motion"));
+const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
 const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");

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

@@ -11,4 +11,4 @@ export interface PopupTriggerProps {
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
 }
-export declare const PopupTrigger: React.MemoExoticComponent<(props: PopupTriggerProps) => JSX.Element>;
+export declare const PopupTrigger: React.MemoExoticComponent<(props: PopupTriggerProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupTrigger = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_trigger_1 = __importDefault(require("rc-trigger"));
 const raf_1 = __importDefault(require("rc-util/lib/raf"));
-const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const placements_1 = require("../../../components/Nav/placements");
 const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");
@@ -43,7 +43,7 @@ const popupPlacementMap = {
     'vertical-right': 'left-top',
 };
 exports.PopupTrigger = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, } = props;
     const { builtinPlacements, defaultMotions, forceSubNavRender, getPopupContainer, motion, rtl, subNavCloseDelay, subNavOpenDelay, triggerSubNavAction, } = React.useContext(NavContext_1.NavContext);
     const [innerVisible, setInnerVisible] = React.useState(false);

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

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubNavList = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const ForwardedSubNavList = React.forwardRef((props, ref) => {
     const { className, children, ...restProps } = props;

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

@@ -10,4 +10,4 @@ export interface SubNavProps extends Omit<SubNavType, 'children' | 'key' | 'labe
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare const Sub: React.MemoExoticComponent<(props: SubNavProps) => JSX.Element>;
+export declare const Sub: React.MemoExoticComponent<(props: SubNavProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sub = void 0;
-const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const PathContext_1 = require("../../../components/Nav/context/PathContext");

package/dist/cjs/components/Nav/context/NavContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
 import { type BuiltinPlacements, type NavClickEventHandler, type NavMode, type RenderIconType, type TriggerSubNavAction } from '../../../components/Nav/types';
 export interface NavContextProps {
     activeKey: string;

package/dist/cjs/components/Nav/context/NavContext.js

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavContextProvider = exports.NavContext = void 0;
-const React = __importStar(require("react"));
 const useMemo_1 = __importDefault(require("rc-util/lib/hooks/useMemo"));
+const React = __importStar(require("react"));
 const shallowequal_1 = __importDefault(require("shallowequal"));
-const ConfrigProvider_1 = require("../../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../../components/ConfigProvider");
 exports.NavContext = React.createContext({
     popupPrefixCls: 'dropdown',
     prefixCls: 'nav',
@@ -48,13 +48,13 @@ function mergeProps(origin, target) {
     return clone;
 }
 function NavContextProvider(props) {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const context = React.useContext(exports.NavContext);
     const { children, locked, ...restProps } = props;
     const inheritableContext = (0, useMemo_1.default)(() => mergeProps({
         ...context,
-        popupPrefixCls: `${config.prefixCls}-dropdown`,
-        prefixCls: `${config.prefixCls}-nav`,
+        popupPrefixCls: context.popupPrefixCls ?? `${config.prefixCls}-dropdown`,
+        prefixCls: context.prefixCls ?? `${config.prefixCls}-nav`,
     }, restProps), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [context, restProps], (prev, next) => !locked && (prev[0] !== next[0] || !(0, shallowequal_1.default)(prev[1], next[1])));

package/dist/cjs/components/Nav/hooks/useAccessibility.js

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccessibility = void 0;
-const React = __importStar(require("react"));
 const focus_1 = require("rc-util/lib/Dom/focus");
 const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
 const raf_1 = __importDefault(require("rc-util/lib/raf"));
+const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 // destruct to reduce minify size
 const { LEFT, RIGHT, UP, DOWN, ENTER, ESC } = KeyCode_1.default;

package/dist/cjs/components/Nav/hooks/useKeyRecords.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeyRecords = exports.OVERFLOW_KEY = void 0;
-const React = __importStar(require("react"));
 const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const React = __importStar(require("react"));
 const timeUtil_1 = require("../../../components/Nav/utils/timeUtil");
 const hooks_1 = require("../../../hooks");
 const PATH_SPLIT = '__RC_UTIL_PATH_SPLIT__';

package/dist/cjs/components/Nav/hooks/useUUID.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUUID = void 0;
-const React = __importStar(require("react"));
 const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
+const React = __importStar(require("react"));
 const uniquePrefix = Math.random().toFixed(5).toString().slice(2);
 let internalId = 0;
 function useUUID(id) {

package/dist/cjs/components/Nav/index.scss

@@ -245,14 +245,11 @@
         transform-origin: 0 0;
 
         &::before {
-            bottom: 0;
             content: ' ';
             height: 100%;
-            left: 0;
+            inset: -7px 0 0;
             opacity: 0.0001;
             position: absolute;
-            right: 0;
-            top: -7px;
             width: 100%;
             z-index: -1;
         }

package/dist/cjs/components/Nav/utils/nodeUtil.js

@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseItems = exports.parseChildren = void 0;
-const React = __importStar(require("react"));
 const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+const React = __importStar(require("react"));
 const Divider_1 = require("../../../components/Nav/Divider");
 const Group_1 = require("../../../components/Nav/Group");
 const Item_1 = require("../../../components/Nav/Item");

package/dist/cjs/components/Navbar/Center.d.ts

@@ -4,4 +4,4 @@ export interface NavbarCenterOwnProps extends React.HTMLAttributes<HTMLElement>
     prefixCls?: string;
 }
 export type NavbarCenterProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarCenterOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarCenterOwnProps>;
-export declare const Center: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarCenterProps<E>) => JSX.Element)>;
+export declare const Center: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarCenterProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Navbar/Center.js

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Center = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 exports.Center = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-center'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });

package/dist/cjs/components/Navbar/Container.d.ts

@@ -5,4 +5,4 @@ export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElemen
     transparent?: boolean;
 }
 export type NavbarContainerProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarContainerOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarContainerOwnProps>;
-export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarContainerProps<E>) => JSX.Element)>;
+export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarContainerProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Navbar/Container.js

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 exports.Container = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, transparent, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-container`, {

package/dist/cjs/components/Navbar/Item.d.ts

@@ -5,4 +5,4 @@ export interface NavbarItemOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }
 export type NavbarItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarItemOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarItemOwnProps>;
-export declare const Item: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarItemProps<E>) => JSX.Element)>;
+export declare const Item: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarItemProps<E>) => React.JSX.Element)>;

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

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 exports.Item = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-item'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));

package/dist/cjs/components/Navbar/Left.d.ts

@@ -4,4 +4,4 @@ export interface NavbarLeftOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }
 export type NavbarLeftProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarLeftOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarLeftOwnProps>;
-export declare const Left: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarLeftProps<E>) => JSX.Element)>;
+export declare const Left: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarLeftProps<E>) => React.JSX.Element)>;