@broxus/react-uikit 0.22.0 → 0.23.0

package/dist/esm/components/Control/Select/index.js

@@ -1,210 +1 @@
-import RcSelect, { OptGroup, Option } from '@rc-component/select';
-import classNames from 'classnames';
-import * as React from 'react';
-import { useConfig } from '../../../components/ConfigProvider';
-import { getBuiltInPlacements } from '../../../components/Control/Select/placements';
-import { Icon } from '../../../components/Icon';
-import { Spinner } from '../../../components/Spinner';
-const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-/* eslint-disable jsx-a11y/label-has-associated-control */
-function InternalSelect({ allowClear, popupMatchSelectWidth, builtinPlacements = getBuiltInPlacements(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, mode, placement = 'bottom-left', showArrow = true, showSearch = false, onPressEnter, ...props }, ref) {
-    const config = useConfig();
-    const { direction = config.select?.direction || config.direction, prefixCls = config.select?.prefixCls || config.prefixCls, ...restProps } = props;
-    const inputRef = React.useRef(null);
-    const labelRef = React.useRef(null);
-    const [focused, setFocused] = React.useState(false);
-    const [internalOpen, setInternalOpen] = React.useState(restProps.defaultOpen || restProps.open || false);
-    const [offsetY, setOffsetY] = React.useState(2);
-    const onBlur = React.useCallback(event => {
-        setFocused(false);
-        setInternalOpen(false);
-        restProps.onBlur?.(event);
-    }, [restProps]);
-    const onFocus = React.useCallback(event => {
-        setFocused(true);
-        restProps.onFocus?.(event);
-    }, [restProps]);
-    const onKeyDown = React.useCallback(event => {
-        if (event.keyCode === 13) {
-            setInternalOpen(true);
-            onPressEnter?.(event);
-        }
-        else if (event.keyCode === 32) {
-            setInternalOpen(true);
-        }
-        restProps.onKeyDown?.(event);
-    }, [onPressEnter, restProps]);
-    const onPopupVisibleChange = React.useCallback((open) => {
-        setInternalOpen(open);
-        restProps.onPopupVisibleChange?.(open);
-    }, [restProps]);
-    const onClickIcon = React.useCallback(() => {
-        setInternalOpen(!internalOpen);
-    }, [internalOpen]);
-    React.useEffect(() => {
-        setInternalOpen(restProps.defaultOpen || restProps.open || internalOpen);
-    }, [restProps.open, restProps.defaultOpen, internalOpen]);
-    React.useEffect(() => {
-        const select = labelRef.current?.firstElementChild;
-        if (select) {
-            let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
-            if (direction !== 'rtl') {
-                offset *= -1;
-            }
-            setOffsetY(offset);
-        }
-    }, [direction]);
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
-    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
-    const wrapperClasses = React.useMemo(() => classNames([controlCls, `${controlCls}-select`], {
-        [`${controlCls}-${restProps.size}`]: restProps.size,
-        [`${controlCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
-    }, className), [
-        className,
-        config.select?.prefixCls,
-        config.prefixCls,
-        controlCls,
-        focused,
-        prefixCls,
-        direction,
-        restProps.disabled,
-        restProps.size,
-    ]);
-    const inputProps = React.useMemo(() => {
-        // Arrow or loading icon
-        let suffixIcon;
-        if (restProps.loading) {
-            if (typeof config.select?.loadingIcon === 'function') {
-                suffixIcon = config.select.loadingIcon();
-            }
-            else if (React.isValidElement(config.select?.loadingIcon)) {
-                suffixIcon = config.select.loadingIcon;
-            }
-            else {
-                suffixIcon = React.createElement(Spinner, { key: "spinner", ratio: 0.7 });
-            }
-            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow ${rootCls}-arrow-loading` }, suffixIcon);
-        }
-        else if (showArrow) {
-            const isMultiple = mode === 'multiple' || mode === 'tags';
-            if (isMultiple) {
-                if (typeof config.select?.addIcon === 'function') {
-                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.select?.addIcon)) {
-                    suffixIcon = config.select.addIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
-                }
-            }
-            else if (showSearch && internalOpen) {
-                if (typeof config.select?.searchIcon === 'function') {
-                    suffixIcon = config.select.searchIcon();
-                }
-                else if (React.isValidElement(config.select?.searchIcon)) {
-                    suffixIcon = config.select.searchIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon, { key: "manage_search", icon: "manage_search" });
-                }
-            }
-            else if (typeof config.select?.arrowIcon === 'function') {
-                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.select?.arrowIcon)) {
-                suffixIcon = config.select.arrowIcon;
-            }
-            else {
-                suffixIcon = internalOpen
-                    ? React.createElement(Icon, { key: "expand_less", icon: "expand_less", onClick: onClickIcon })
-                    : React.createElement(Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon });
-            }
-            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow` }, suffixIcon);
-        }
-        // Not found content
-        let mergedNotFound;
-        if (restProps.notFoundContent !== undefined) {
-            mergedNotFound = restProps.notFoundContent;
-        }
-        else if (mode === 'combobox') {
-            mergedNotFound = null;
-        }
-        if (typeof config.select?.notFoundContent === 'function') {
-            mergedNotFound = config.select.notFoundContent();
-        }
-        else if (React.isValidElement(config.select?.notFoundContent)) {
-            mergedNotFound = config.select.notFoundContent;
-        }
-        let clearIcon = React.createElement(Icon, { icon: "clear" });
-        if (typeof config.select?.clearIcon === 'function') {
-            clearIcon = config.select.clearIcon();
-        }
-        else if (React.isValidElement(config.select?.clearIcon)) {
-            clearIcon = config.select.clearIcon;
-        }
-        return {
-            allowClear: (allowClear || allowClear === undefined) && {
-                clearIcon,
-            },
-            listHeight,
-            listItemHeight,
-            menuItemSelectedIcon: React.createElement(Icon, { icon: "check" }),
-            open: internalOpen,
-            prefixCls: rootCls,
-            removeIcon: React.createElement(Icon, { icon: "clear" }),
-            showSearch,
-            suffix: suffixIcon,
-            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
-            ...restProps,
-            notFoundContent: mergedNotFound,
-            popupClassName: classNames(restProps.popupClassName, {
-                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
-            }),
-            popupMatchSelectWidth: true,
-            onBlur,
-            onFocus,
-            onKeyDown,
-            onPopupVisibleChange,
-        };
-    }, [
-        restProps,
-        showArrow,
-        mode,
-        config,
-        allowClear,
-        listHeight,
-        listItemHeight,
-        internalOpen,
-        rootCls,
-        showSearch,
-        prefixCls,
-        direction,
-        onBlur,
-        onFocus,
-        onKeyDown,
-        onClickIcon,
-        onPopupVisibleChange,
-    ]);
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        scrollTo() {
-            return inputRef.current?.scrollTo;
-        },
-    }));
-    return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(RcSelect, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
-                offset: [offsetY, 5],
-            }, placement: placement, ...inputProps, mode: mode })));
-}
-export const Select = React.forwardRef(InternalSelect);
-Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
-Select.Option = Option;
-Select.OptGroup = OptGroup;
+export { Select } from '../../../components/Control/Select/Select';

package/dist/esm/components/Control/Select/placements.d.ts

@@ -1,2 +1,2 @@
-import { type AlignType } from '@rc-component/trigger/lib/interface';
+import { type AlignType } from '@rc-component/trigger';
 export declare function getBuiltInPlacements(dropdownMatchSelectWidth?: number | boolean): Record<string, AlignType>;

package/dist/esm/components/Control/TextArea/index.d.ts

@@ -1,4 +1,4 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
+import { type TextAreaProps as ResizableTextAreaProps, type ResizableTextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
 interface ShowCountProps {
@@ -7,11 +7,11 @@ interface ShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export interface TextAreaProps extends RcTextAreaProps {
+export interface TextAreaProps extends ResizableTextAreaProps {
     allowClear?: boolean;
     showCount?: boolean | ShowCountProps;
     size?: SizeType;
     state?: StateType;
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<ResizableTextAreaRef>>;
 export {};

package/dist/esm/components/Control/TextArea/index.js

@@ -1,9 +1,10 @@
-import RcTextArea from '@rc-component/textarea';
-import omit from '@rc-component/util/lib/omit';
+import { ResizableTextArea, } from '@rc-component/textarea';
+import { omit } from '@rc-component/util';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { fixControlledValue } from '../../../components/Control/Input';
+import { KeyCode } from '../../../constants';
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
@@ -55,7 +56,7 @@ export const TextArea = React.forwardRef(({ className, dir, disabled, maxLength,
         restProps.onFocus?.(event);
     }, [restProps]);
     const onKeyDown = React.useCallback(event => {
-        if (onPressEnter && event.keyCode === 13) {
+        if (onPressEnter && event.code === KeyCode.Enter) {
             onPressEnter(event);
         }
         restProps.onKeyDown?.(event);
@@ -108,7 +109,7 @@ export const TextArea = React.forwardRef(({ className, dir, disabled, maxLength,
     const dataCountAttribute = dataCount ? { 'data-count': dataCount } : {};
     return (React.createElement("label", { className: wrapperClasses, htmlFor: inputProps.id, ...dataCountAttribute },
         React.createElement("span", { className: `${controlCls}-input` },
-            React.createElement(RcTextArea, { ...inputProps, ref: ref, value: value }))));
+            React.createElement(ResizableTextArea, { ...inputProps, ref: ref, value: value }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     TextArea.displayName = 'TextArea';

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

@@ -5,7 +5,7 @@ export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
     width?: number;
 }
-export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.JSX.Element;
+export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.ReactElement;
 export declare namespace Cover {
     var displayName: string;
 }

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type ButtonProps } from '../../components/Button';
-export declare function PickerButton(props: ButtonProps): React.JSX.Element;
+export declare function PickerButton(props: ButtonProps): React.ReactElement;

package/dist/esm/components/DatePicker/generatePurePicker.js

@@ -17,9 +17,7 @@ export const generatePurePicker = (generateConfig) => {
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = useComponents(components);
             React.useImperativeHandle(ref, () => pickerRef.current, []);
-            return (
-            // @ts-ignore
-            React.createElement(PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: getMotionName(config.prefixCls, 'slide-bottom-small'), ...restProps }));
+            return (React.createElement(PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: getMotionName(config.prefixCls, 'slide-bottom-small'), ...restProps }));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {
             Picker.displayName = displayName;

package/dist/esm/components/DescriptionList/Description.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Description {
     var displayName: string;
 }

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

@@ -3,7 +3,7 @@ export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElem
     divided?: boolean;
     prefixCls?: string;
 }
-export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.JSX.Element;
+export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.ReactElement;
 export declare namespace DescriptionList {
     var displayName: string;
 }

package/dist/esm/components/DescriptionList/Term.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Term {
     var displayName: string;
 }

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

@@ -5,7 +5,7 @@ export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>,
     small?: boolean;
     vertical?: boolean;
 }
-export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.JSX.Element;
+export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.ReactElement;
 export declare namespace Divider {
     var displayName: string;
 }

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

@@ -3,7 +3,7 @@ export interface DotnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Dotnav({ className, vertical, ...props }: DotnavProps): React.JSX.Element;
+export declare function Dotnav({ className, vertical, ...props }: DotnavProps): React.ReactElement;
 export declare namespace Dotnav {
     var displayName: string;
 }

package/dist/esm/components/Dotnav/Item.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface DotnavItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'children'> {
     isActive?: boolean;
 }
-export declare function Item({ className, isActive, onClick, ...props }: DotnavItemProps): React.JSX.Element;
+export declare function Item({ className, isActive, onClick, ...props }: DotnavItemProps): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -17,6 +17,6 @@ export interface DrawerProps extends RcDrawerProps {
     defaultOpen?: boolean;
     direction?: Direction;
     size?: DrawerSize;
-    trigger?: (ref: DrawerRef) => React.JSX.Element;
+    trigger?: (ref: DrawerRef) => React.ReactElement;
 }
 export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;

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

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

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

@@ -1,4 +1,5 @@
 import Trigger from '@rc-component/trigger';
+import { merge } from '@rc-component/util';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
@@ -60,7 +61,7 @@ export const Drop = React.forwardRef(({ action = ['hover'], align, alignPoint, a
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(Trigger, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: builtinPlacements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
+    return (React.createElement(Trigger, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: merge(placements, builtinPlacements), getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
         }), popupMotion: {

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

@@ -20,5 +20,5 @@ export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
 }
 export type FlexProps<E extends React.ElementType = React.ElementType> = FlexOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FlexOwnProps>;
 declare const defaultElement = "div";
-export declare function Flex<E extends React.ElementType = typeof defaultElement>({ alignContent, alignItems, className, component, flexDirection, flexWrap, inline, justifyContent, ...props }: React.PropsWithChildren<FlexProps<E>>): React.JSX.Element;
+export declare function Flex<E extends React.ElementType = typeof defaultElement>({ alignContent, alignItems, className, component, flexDirection, flexWrap, inline, justifyContent, ...props }: React.PropsWithChildren<FlexProps<E>>): React.ReactElement;
 export {};

package/dist/esm/components/Flex/Item.d.ts

@@ -10,5 +10,5 @@ export interface ItemOwnItem {
 }
 export type ItemProps<E extends React.ElementType = React.ElementType> = ItemOwnItem & PolymorphicProps<E> & PolymorphicProps<E, ItemOwnItem>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, itemDimensions, order, ...props }: React.PropsWithChildren<ItemProps<E>>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, itemDimensions, order, ...props }: React.PropsWithChildren<ItemProps<E>>): React.ReactElement;
 export {};

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

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

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare function Controls({ className, ...props }: ControlsProps): React.JSX.Element;
+export declare function Controls({ className, ...props }: ControlsProps): React.ReactElement;
 export declare namespace Controls {
     var displayName: string;
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ControlsTextProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare function ControlsText({ className, ...props }: ControlsTextProps): React.JSX.Element;
+export declare function ControlsText({ className, ...props }: ControlsTextProps): React.ReactElement;
 export declare namespace ControlsText {
     var displayName: string;
 }

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

@@ -3,7 +3,7 @@ export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSet
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;
 }
-export declare function Fieldset({ className, layout, ...props }: FieldsetProps): React.JSX.Element;
+export declare function Fieldset({ className, layout, ...props }: FieldsetProps): React.ReactElement;
 export declare namespace Fieldset {
     var displayName: string;
 }

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

@@ -6,5 +6,5 @@ export interface FormOwnProps {
 }
 export type FormProps<E extends React.ElementType = React.ElementType> = FormOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FormOwnProps>;
 declare const defaultElement = "form";
-export declare function Form<E extends React.ElementType = typeof defaultElement>({ className, component, layout, ...props }: React.PropsWithChildren<FormProps<E>>): React.JSX.Element;
+export declare function Form<E extends React.ElementType = typeof defaultElement>({ className, component, layout, ...props }: React.PropsWithChildren<FormProps<E>>): React.ReactElement;
 export {};

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     prefixCls?: string;
 }
-export declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
+export declare function Label({ className, ...props }: LabelProps): React.ReactElement;
 export declare namespace Label {
     var displayName: string;
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement> {
     prefixCls?: string;
 }
-export declare function Legend({ className, ...props }: LegendProps): React.JSX.Element;
+export declare function Legend({ className, ...props }: LegendProps): React.ReactElement;
 export declare namespace Legend {
     var displayName: string;
 }

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

@@ -14,5 +14,5 @@ export interface GridOwnProps {
 }
 export type GridProps<E extends React.ElementType = React.ElementType> = GridOwnProps & PolymorphicProps<E> & PolymorphicProps<E, GridOwnProps>;
 declare const defaultElement = "div";
-export declare function Grid<E extends React.ElementType = typeof defaultElement>({ childWidth, className, columnGap, component, divider, gap, margin, match, rowGap, ...props }: React.PropsWithChildren<GridProps<E>>): React.JSX.Element;
+export declare function Grid<E extends React.ElementType = typeof defaultElement>({ childWidth, className, columnGap, component, divider, gap, margin, match, rowGap, ...props }: React.PropsWithChildren<GridProps<E>>): React.ReactElement;
 export {};

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

@@ -7,7 +7,7 @@ export interface HeadingOwnProps {
 }
 export type HeadingProps<E extends React.ElementType = React.ElementType> = HeadingOwnProps & PolymorphicProps<E> & PolymorphicProps<E, HeadingOwnProps>;
 declare const defaultElement = "div";
-export declare function Heading<E extends React.ElementType = typeof defaultElement>({ children, className, decoration, size, ...props }: React.PropsWithChildren<HeadingProps<E>>): React.JSX.Element;
+export declare function Heading<E extends React.ElementType = typeof defaultElement>({ children, className, decoration, size, ...props }: React.PropsWithChildren<HeadingProps<E>>): React.ReactElement;
 export declare namespace Heading {
     var displayName: string;
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon/Icon';
-export declare function Button(props: IconProps): React.JSX.Element;
+export declare function Button(props: IconProps): React.ReactElement;
 export declare namespace Button {
     var displayName: string;
 }

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

@@ -9,5 +9,5 @@ export interface IconOwnProps {
 }
 export type IconProps<E extends React.ElementType = React.ElementType> = IconOwnProps & PolymorphicProps<E> & PolymorphicProps<E, IconOwnProps>;
 declare const defaultElement = "span";
-export declare function Icon<E extends React.ElementType = typeof defaultElement>({ children, className, component, icon, material, mode, round, type, ...props }: React.PropsWithChildren<IconProps<E>>): React.JSX.Element | null;
+export declare function Icon<E extends React.ElementType = typeof defaultElement>({ children, className, component, icon, material, mode, round, type, ...props }: React.PropsWithChildren<IconProps<E>>): React.ReactElement | null;
 export {};

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon/Icon';
-export declare function Link(props: IconProps): React.JSX.Element;
+export declare function Link(props: IconProps): React.ReactElement;
 export declare namespace Link {
     var displayName: string;
 }

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

@@ -4,7 +4,7 @@ import { type IconOwnProps, type IconProps } from '../../components/Icon/Icon';
 import { Link } from '../../components/Icon/Link';
 export * from '../../components/Icon/default-svg-props';
 export * from '../../components/Icon/get-size';
-export type { IconProps, IconOwnProps };
+export type { IconOwnProps, IconProps };
 export interface Icon extends React.FunctionComponent<IconProps> {
     Button: typeof Button;
     Link: typeof Link;

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

@@ -3,4 +3,4 @@ export interface IconnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Iconnav({ className, vertical, ...props }: IconnavProps): React.JSX.Element;
+export declare function Iconnav({ className, vertical, ...props }: IconnavProps): React.ReactElement;

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface IconnavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     isActive?: boolean;
 }
-export declare function Item({ children, className, isActive, ...props }: IconnavItemProps): React.JSX.Element;
+export declare function Item({ children, className, isActive, ...props }: IconnavItemProps): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -16,8 +16,8 @@ export interface InverseProviderProps {
     primaryColorLight?: string;
     storageKey?: string;
 }
-export declare const lib: Record<ColorMode, () => React.JSX.Element>;
+export declare const lib: Record<ColorMode, () => React.ReactElement>;
 export declare const InverseContext: React.Context<InverseConfig | null>;
 export declare function useInverse(): InverseConfig;
 export declare const INVERSE_STORAGE_KEY = "colorMode";
-export declare function InverseProvider({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, storageKey, }: React.PropsWithChildren<InverseProviderProps>): React.JSX.Element;
+export declare function InverseProvider({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, storageKey, }: React.PropsWithChildren<InverseProviderProps>): React.ReactElement;

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Item(props: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element;
+export declare function Item(props: React.LiHTMLAttributes<HTMLLIElement>): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

package/dist/esm/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 function List({ className, color, size, type, ...props }: ListProps): React.JSX.Element;
+export declare function List({ className, color, size, type, ...props }: ListProps): React.ReactElement;

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

@@ -8,4 +8,4 @@ export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
     getContainer?: string | HTMLElement | (() => HTMLElement) | false;
     onClosed?: VoidFunction;
 }
-export declare function Modal({ centered, children, className, closable, closeIcon, focusTriggerAfterClose, full, visible, onClose, onClosed, ...props }: ModalProps): React.JSX.Element;
+export declare function Modal({ centered, children, className, closable, closeIcon, focusTriggerAfterClose, full, visible, onClose, onClosed, ...props }: ModalProps): React.ReactElement;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type NavDividerType } from '../../components/Nav/types';
 export type DividerProps = Omit<NavDividerType, 'type'>;
-export declare function Divider({ className, style }: DividerProps): React.JSX.Element | null;
+export declare function Divider({ className, style }: DividerProps): React.ReactElement | null;
 export declare namespace Divider {
     var displayName: string;
 }

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

@@ -1,14 +1,10 @@
 import classNames from 'classnames';
 import * as React from 'react';
-import { NavContext } from '../../components/Nav/context/NavContext';
-import { useMeasure } from '../../components/Nav/context/PathContext';
+import { NavContext, useMeasure } from '../../components/Nav/context';
 export function Divider({ className, style }) {
     const { prefixCls } = React.useContext(NavContext);
     const measure = useMeasure();
-    if (measure) {
-        return null;
-    }
-    return React.createElement("li", { className: classNames(`${prefixCls}-divider`, className), style: style });
+    return measure ? null : (React.createElement("li", { className: classNames(`${prefixCls}-divider`, className), role: "separator", style: style }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Divider.displayName = 'Nav.Divider';