@broxus/react-uikit 0.22.0 → 0.23.0

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

@@ -32,68 +32,72 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseChildren = parseChildren;
 exports.parseItems = parseItems;
-const toArray_1 = __importDefault(require("@rc-component/util/lib/Children/toArray"));
+const util_1 = require("@rc-component/util");
 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");
 const Sub_1 = require("../../../components/Nav/Sub");
-function parseChildren(children, keyPath) {
-    return (0, toArray_1.default)(children).map((child, index) => {
-        if (React.isValidElement(child)) {
-            const { key } = child;
-            let eventKey = child.props?.eventKey ?? key;
-            const emptyKey = eventKey === null || eventKey === undefined;
-            if (emptyKey) {
-                eventKey = `tmp_key-${[...keyPath, index].join('-')}`;
-            }
-            const cloneProps = {
-                eventKey,
-                key: eventKey,
-            };
-            if (process.env.NODE_ENV !== 'production' && emptyKey) {
-                cloneProps.warnKey = true;
-            }
-            return React.cloneElement(child, cloneProps);
-        }
-        return child;
-    });
-}
-function convertItemsToNodes(list) {
+function convertItemsToNodes(list, components, prefixCls) {
+    const { divider: MergedDivider, group: MergedNavGroup, item: MergedNavItem, subnav: MergedSubNav, } = components;
     return (list || [])
         .map((opt, index) => {
         if (opt && typeof opt === 'object') {
-            const { children, key, label, type, ...restProps } = opt;
+            const { children, extra, key, label, type, ...restProps } = opt;
             const mergedKey = key ?? `tmp-${index}`;
-            // MenuItemGroup & SubMenuItem
+            // NavItemGroup & SubNavItem
             if (children || type === 'group') {
                 if (type === 'group') {
                     // Group
-                    return (React.createElement(Group_1.Group, { key: mergedKey, ...restProps, title: label }, convertItemsToNodes(children)));
+                    return (React.createElement(MergedNavGroup, { key: mergedKey, ...restProps, title: label }, convertItemsToNodes(children, components, prefixCls)));
                 }
                 // Sub Menu
-                return (React.createElement(Sub_1.Sub, { key: mergedKey, ...restProps, title: label }, convertItemsToNodes(children)));
+                return (React.createElement(MergedSubNav, { key: mergedKey, ...restProps, title: label }, convertItemsToNodes(children, components, prefixCls)));
             }
             // MenuItem & Divider
             if (type === 'divider') {
-                return React.createElement(Divider_1.Divider, { key: mergedKey, ...restProps });
+                return React.createElement(MergedDivider, { key: mergedKey, ...restProps });
             }
-            return (React.createElement(Item_1.Item, { key: mergedKey, ...restProps }, label));
+            return (React.createElement(MergedNavItem, { key: mergedKey, ...restProps, extra: extra },
+                label,
+                (!!extra || extra === 0) && (React.createElement("span", { className: `${prefixCls}-item-extra` }, extra))));
         }
         return null;
     })
         .filter(opt => opt);
 }
-function parseItems(children, items, keyPath) {
+function parseChildren(children, keyPath) {
+    return (0, util_1.toArray)(children).map((child, index) => {
+        if (React.isValidElement(child)) {
+            const { key } = child;
+            let eventKey = child.props?.eventKey ?? key;
+            const emptyKey = eventKey === null || eventKey === undefined;
+            if (emptyKey) {
+                eventKey = `tmp_key-${[...keyPath, index].join('-')}`;
+            }
+            const cloneProps = { eventKey, key: eventKey };
+            if (process.env.NODE_ENV !== 'production' && emptyKey) {
+                cloneProps.warnKey = true;
+            }
+            return React.cloneElement(child, cloneProps);
+        }
+        return child;
+    });
+}
+function parseItems(children, items, keyPath, components, prefixCls) {
     let childNodes = children;
+    const mergedComponents = {
+        divider: Divider_1.Divider,
+        group: Group_1.Group,
+        item: Item_1.Item,
+        subnav: Sub_1.Sub,
+        ...components,
+    };
     if (items) {
-        childNodes = convertItemsToNodes(items);
+        childNodes = convertItemsToNodes(items, mergedComponents, prefixCls);
     }
     return parseChildren(childNodes, keyPath);
 }

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

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.warnItemProp = warnItemProp;
-const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
+const util_1 = require("@rc-component/util");
 /**
  * `onClick` event return `info.item` which point to react node directly.
  * We should warning this since it will not work on FC.
@@ -12,7 +9,7 @@ const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 function warnItemProp({ item, ...restInfo }) {
     Object.defineProperty(restInfo, 'item', {
         get: () => {
-            (0, warning_1.default)(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
+            (0, util_1.warning)(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
             return item;
         },
     });

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

@@ -5,7 +5,7 @@ export interface NavbarCenterOwnProps extends React.HTMLAttributes<HTMLElement>
 }
 export type NavbarCenterProps<E extends React.ElementType = React.ElementType> = NavbarCenterOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarCenterOwnProps>;
 declare const defaultElement = "div";
-export declare function Center<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarCenterProps<E>>): React.JSX.Element;
+export declare function Center<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarCenterProps<E>>): React.ReactElement;
 export declare namespace Center {
     var displayName: string;
 }

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

@@ -6,7 +6,7 @@ export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElemen
 }
 export type NavbarContainerProps<E extends React.ElementType = React.ElementType> = NavbarContainerOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarContainerOwnProps>;
 declare const defaultElement = "div";
-export declare function Container<E extends React.ElementType = typeof defaultElement>({ className, component, transparent, ...props }: React.PropsWithChildren<NavbarContainerProps<E>>): React.JSX.Element;
+export declare function Container<E extends React.ElementType = typeof defaultElement>({ className, component, transparent, ...props }: React.PropsWithChildren<NavbarContainerProps<E>>): React.ReactElement;
 export declare namespace Container {
     var displayName: string;
 }

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

@@ -6,7 +6,7 @@ export interface NavbarItemOwnProps extends React.HTMLAttributes<HTMLElement> {
 }
 export type NavbarItemProps<E extends React.ElementType = React.ElementType> = NavbarItemOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarItemOwnProps>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarItemProps<E>>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarItemProps<E>>): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -5,7 +5,7 @@ export interface NavbarLeftOwnProps extends React.HTMLAttributes<HTMLElement> {
 }
 export type NavbarLeftProps<E extends React.ElementType = React.ElementType> = NavbarLeftOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarLeftOwnProps>;
 declare const defaultElement = "div";
-export declare function Left<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarLeftProps<E>>): React.JSX.Element;
+export declare function Left<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarLeftProps<E>>): React.ReactElement;
 export declare namespace Left {
     var displayName: string;
 }

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

@@ -4,4 +4,4 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
     transparent?: boolean;
 }
-export declare function Navbar({ asContainer, className, transparent, ...props }: NavbarProps): React.JSX.Element;
+export declare function Navbar({ asContainer, className, transparent, ...props }: NavbarProps): React.ReactElement;

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

@@ -5,7 +5,7 @@ export interface NavbarRightOwnProps extends React.HTMLAttributes<HTMLElement> {
 }
 export type NavbarRightProps<E extends React.ElementType = React.ElementType> = NavbarRightOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarRightOwnProps>;
 declare const defaultElement = "div";
-export declare function Right<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarRightProps<E>>): React.JSX.Element;
+export declare function Right<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarRightProps<E>>): React.ReactElement;
 export declare namespace Right {
     var displayName: string;
 }

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

@@ -6,7 +6,7 @@ export type NavbarToggleOwnProps = {
 };
 export type NavbarToggleProps<E extends React.ElementType = React.ElementType> = NavbarToggleOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarToggleOwnProps>;
 declare const defaultElement = "div";
-export declare function Toggle<E extends React.ElementType = typeof defaultElement>({ className, component, icon, ...props }: React.PropsWithChildren<NavbarToggleProps<E>>): React.JSX.Element;
+export declare function Toggle<E extends React.ElementType = typeof defaultElement>({ className, component, icon, ...props }: React.PropsWithChildren<NavbarToggleProps<E>>): React.ReactElement;
 export declare namespace Toggle {
     var displayName: string;
 }

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

@@ -8,5 +8,5 @@ export interface OverlayOwnProps {
 }
 export type OverlayProps<E extends React.ElementType = React.ElementType> = OverlayOwnProps & PolymorphicProps<E> & PolymorphicProps<E, OverlayOwnProps>;
 declare const defaultElement = "div";
-export declare function Overlay<E extends React.ElementType = typeof defaultElement>({ className, component, icon, position, type, ...props }: React.PropsWithChildren<OverlayProps<E>>): React.JSX.Element;
+export declare function Overlay<E extends React.ElementType = typeof defaultElement>({ className, component, icon, position, type, ...props }: React.PropsWithChildren<OverlayProps<E>>): React.ReactElement;
 export {};

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     prefixCls?: string;
 }
-export declare function Progress({ className, ...props }: ProgressProps): React.JSX.Element;
+export declare function Progress({ className, ...props }: ProgressProps): React.ReactElement;

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

@@ -7,5 +7,5 @@ export interface SectionOwnProps {
 }
 export type SectionProps<E extends React.ElementType = React.ElementType> = SectionOwnProps & PolymorphicProps<E> & PolymorphicProps<E, SectionOwnProps>;
 declare const defaultElement = "section";
-export declare function Section<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<SectionProps<E>>): React.JSX.Element;
+export declare function Section<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<SectionProps<E>>): React.ReactElement;
 export {};

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

@@ -16,4 +16,4 @@ export interface SegmentedProps<ValueType = RcSegmentedValue> extends Omit<RcSeg
     size?: SizeType;
     vertical?: boolean;
 }
-export declare function Segmented<ValueType = RcSegmentedValue>({ className, options, size, vertical, ...props }: SegmentedProps<ValueType>): React.JSX.Element;
+export declare function Segmented<ValueType = RcSegmentedValue>({ className, options, size, vertical, ...props }: SegmentedProps<ValueType>): React.ReactElement;

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

@@ -1,4 +1,3 @@
-import { type SliderProps } from '@rc-component/slider';
-import { type SliderRef } from '@rc-component/slider/lib/Slider';
+import { type SliderProps, type SliderRef } from '@rc-component/slider';
 import * as React from 'react';
 export declare const Slider: React.ForwardRefExoticComponent<SliderProps<number | number[]> & React.RefAttributes<SliderRef>>;

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

@@ -3,4 +3,4 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     ratio?: number;
 }
-export declare function Spinner({ className, ratio, ...props }: SpinnerProps): React.JSX.Element;
+export declare function Spinner({ className, ratio, ...props }: SpinnerProps): React.ReactElement;

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

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

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

@@ -3,4 +3,4 @@ export interface SubnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     type?: 'divider' | 'pill';
 }
-export declare function Subnav({ className, type, ...props }: SubnavProps): React.JSX.Element;
+export declare function Subnav({ className, type, ...props }: SubnavProps): React.ReactElement;

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

@@ -1,10 +1,10 @@
 import { type TabsProps as RcTabsProps } from '@rc-component/tabs';
 import * as React from 'react';
+import { type Direction } from '../../types';
 export type TabsPosition = 'left' | 'right' | 'top' | 'bottom';
-export interface Tab {
+export interface Tab extends React.PropsWithChildren {
     active?: boolean;
     animated?: boolean;
-    children?: React.ReactNode;
     className?: string;
     closable?: boolean;
     closeIcon?: React.ReactNode;
@@ -17,12 +17,14 @@ export interface Tab {
     label: React.ReactNode;
     prefixCls?: string;
     style?: React.CSSProperties;
+    tab?: React.ReactNode;
     tabKey?: string;
 }
 export type TabType = 'line' | 'card' | 'editable-card';
-export interface TabsProps extends Exclude<RcTabsProps, 'editable' | 'items' | 'tabPosition'> {
+export interface TabsProps extends Exclude<RcTabsProps, 'direction' | 'editable' | 'items' | 'tabPosition'> {
     addIcon?: React.ReactNode;
     centered?: boolean;
+    direction?: Direction;
     hideAdd?: boolean;
     items?: Tab[];
     size?: 'medium' | 'large';
@@ -30,4 +32,4 @@ export interface TabsProps extends Exclude<RcTabsProps, 'editable' | 'items' | '
     type?: TabType;
     onEdit?: (event: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
 }
-export declare function Tabs({ addIcon, animated, centered, className, direction, hideAdd, items, more, size, type, onEdit, ...props }: TabsProps): React.JSX.Element;
+export declare function Tabs({ addIcon, animated, centered, className, direction, hideAdd, items, more, size, type, onEdit, ...props }: TabsProps): React.ReactElement;

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

@@ -50,21 +50,22 @@ function Tabs({ addIcon, animated, centered, className, direction, hideAdd, item
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tabs'), [config, prefixCls]);
     const editable = React.useMemo(() => (type === 'editable-card'
         ? {
-            addIcon: addIcon || React.createElement(Icon_1.Icon, { icon: "add" }),
-            removeIcon: React.createElement(Icon_1.Icon, { icon: "close" }),
+            addIcon: addIcon || config.tabs?.addIcon || React.createElement(Icon_1.Icon, { icon: "add" }),
+            removeIcon: config.tabs?.removeIcon || React.createElement(Icon_1.Icon, { icon: "close" }),
             showAdd: hideAdd !== true,
             onEdit: (editType, { event, key }) => {
                 onEdit?.(editType === 'add' ? event : key, editType);
             },
         }
-        : undefined), [addIcon, hideAdd, onEdit, type]);
-    return (React.createElement(tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
+        : undefined), [addIcon, config.tabs?.addIcon, config.tabs?.removeIcon, hideAdd, onEdit, type]);
+    return (React.createElement(tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), classNames: {
+            popup: 'test',
+        }, direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
             [`${rootCls}-${size}`]: size,
-            [`${rootCls}-card`]: ['card', 'editable-card'].includes(type),
+            [`${rootCls}-card`]: type && ['card', 'editable-card'].includes(type),
             [`${rootCls}-centered`]: centered,
-            [`${rootCls}-editable-card`]: type === 'editable-card',
         }, className), editable: editable, more: {
-            icon: React.createElement(Icon_1.Icon, { icon: "more_horizontal" }),
+            icon: config.tabs?.moreIcon || React.createElement(Icon_1.Icon, { icon: "more_horizontal" }),
             transitionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
             ...more,
         }, prefixCls: rootCls }));

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

@@ -21,5 +21,5 @@ export interface TextOwnProps {
 }
 export type TextProps<E extends React.ElementType = React.ElementType> = TextOwnProps & PolymorphicProps<E> & PolymorphicProps<E, TextOwnProps>;
 declare const defaultElement = "span";
-export declare function Text<E extends React.ElementType = typeof defaultElement>({ align, className, color, column, component, decoration, dropcap, italic, kind, loading, size, transform, verticalAlign, weight, wrap, ...props }: React.PropsWithChildren<TextProps<E>>): React.JSX.Element;
+export declare function Text<E extends React.ElementType = typeof defaultElement>({ align, className, color, column, component, decoration, dropcap, italic, kind, loading, size, transform, verticalAlign, weight, wrap, ...props }: React.PropsWithChildren<TextProps<E>>): React.ReactElement;
 export {};

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

@@ -8,5 +8,5 @@ export interface TileOwnProps {
 }
 export type TileProps<E extends React.ElementType = React.ElementType> = TileOwnProps & PolymorphicProps<E> & PolymorphicProps<E, TileOwnProps>;
 declare const defaultElement = "div";
-export declare function Tile<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<TileProps<E>>): React.JSX.Element;
+export declare function Tile<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<TileProps<E>>): React.ReactElement;
 export {};

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

@@ -7,5 +7,5 @@ export interface WidthOwnProps extends Omit<WidthBreakpointsConfig, 'default'> {
 }
 export type WidthProps<E extends React.ElementType = React.ElementType> = WidthOwnProps & PolymorphicProps<E> & PolymorphicProps<E, WidthOwnProps>;
 declare const defaultElement = "div";
-export declare function Width<E extends React.ElementType = typeof defaultElement>({ className, component, l, m, s, size, xl, ...props }: React.PropsWithChildren<WidthProps<E>>): React.JSX.Element;
+export declare function Width<E extends React.ElementType = typeof defaultElement>({ className, component, l, m, s, size, xl, ...props }: React.PropsWithChildren<WidthProps<E>>): React.ReactElement;
 export {};

package/dist/cjs/constants.d.ts

@@ -0,0 +1,12 @@
+export declare enum KeyCode {
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    End = "End",
+    Enter = "Enter",
+    Escape = "Escape",
+    Home = "Home",
+    Space = "Space",
+    Tab = "Tab"
+}

package/dist/cjs/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyCode = void 0;
+var KeyCode;
+(function (KeyCode) {
+    KeyCode["ArrowDown"] = "ArrowDown";
+    KeyCode["ArrowLeft"] = "ArrowLeft";
+    KeyCode["ArrowRight"] = "ArrowRight";
+    KeyCode["ArrowUp"] = "ArrowUp";
+    KeyCode["End"] = "End";
+    KeyCode["Enter"] = "Enter";
+    KeyCode["Escape"] = "Escape";
+    KeyCode["Home"] = "Home";
+    KeyCode["Space"] = "Space";
+    KeyCode["Tab"] = "Tab";
+})(KeyCode || (exports.KeyCode = KeyCode = {}));

package/dist/cjs/index.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable perfectionist/sort-exports */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -15,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable perfectionist/sort-exports */
 __exportStar(require("./components/Link"), exports);
 __exportStar(require("./components/Heading"), exports);
 __exportStar(require("./components/Divider"), exports);

package/dist/cjs/utils/motion.d.ts

@@ -1,4 +1,4 @@
-import { type CSSMotionProps } from 'rc-motion';
+import { type CSSMotionProps } from '@rc-component/motion';
 export declare function getMotionName(prefixCls: string, motion: string, transitionName?: string): string;
 export declare function getCollapseMotion(prefixCls: string): CSSMotionProps;
 export declare function mergeDropMaskMotion(prefixCls: string, motion?: CSSMotionProps): CSSMotionProps;

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

@@ -1,9 +1,10 @@
 import { type CollapseProps } from '@rc-component/collapse';
 import * as React from 'react';
+import { type Direction } from '../../types';
 export interface AccordionProps extends CollapseProps {
-    direction?: string;
+    direction?: Direction;
 }
-export declare function Accordion({ className, direction, ...props }: AccordionProps): React.JSX.Element;
+export declare function Accordion({ className, direction, ...props }: AccordionProps): React.ReactElement;
 export declare namespace Accordion {
     var displayName: string;
 }

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

@@ -3,11 +3,7 @@ import * as React from 'react';
 export interface AccordionItemProps extends Omit<CollapsePanelProps, 'expandIcon' | 'prefixCls'> {
     expandIcon?: (props: AccordionItemProps) => React.ReactNode;
 }
-/**
- * Use Accordion items props instead
- * @deprecated
- */
-export declare function Item({ expandIcon, ...props }: React.PropsWithChildren<AccordionItemProps>): React.JSX.Element;
+export declare function Item({ expandIcon, ...props }: React.PropsWithChildren<AccordionItemProps>): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -1,10 +1,6 @@
 import { Panel } from '@rc-component/collapse';
 import * as React from 'react';
 import { Icon } from '../../components/Icon';
-/**
- * Use Accordion items props instead
- * @deprecated
- */
 export function Item({ expandIcon, ...props }) {
     const mergedExpandIcon = React.useMemo(() => expandIcon
         || (({ isActive }) => (React.createElement(Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);

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

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import { type AccordionProps } from '../../components/Accordion/Accordion';
 import { type AccordionItemProps, Item } from '../../components/Accordion/Item';
-export type { AccordionProps, AccordionItemProps };
+export type { AccordionItemProps, AccordionProps };
 export interface Accordion extends React.FunctionComponent<AccordionProps> {
     Item: typeof Item;
 }

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

@@ -12,9 +12,7 @@ export const Alert = React.forwardRef(({ children, className, closable = true, s
         setClosed(true);
     }, [onClose]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'alert'), [config, prefixCls]);
-    React.useImperativeHandle(ref, () => ({
-        close,
-    }), [close]);
+    React.useImperativeHandle(ref, () => ({ close }), [close]);
     return (React.createElement(CSSMotion, { motionAppear: false, motionEnter: false, motionName: `${rootCls}-motion`, visible: !closed, onLeaveEnd: onClosed, onLeaveStart: node => ({
             maxHeight: node.offsetHeight,
         }) }, ({ className: motionClassName, style: motionStyle }) => (React.createElement("div", { className: classNames(rootCls, {

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

@@ -9,7 +9,7 @@ export interface AlignOwnProps extends Omit<AlignBreakpointsConfig, 'default'> {
 }
 export type AlignProps<E extends React.ElementType = React.ElementType> = AlignOwnProps & PolymorphicProps<E> & PolymorphicProps<E, AlignOwnProps>;
 declare const defaultElement = "div";
-export declare function Align<E extends React.ElementType = typeof defaultElement>({ align, className, component, l, m, s, xl, ...props }: React.PropsWithChildren<AlignProps<E>>): React.JSX.Element;
+export declare function Align<E extends React.ElementType = typeof defaultElement>({ align, className, component, l, m, s, xl, ...props }: React.PropsWithChildren<AlignProps<E>>): React.ReactElement;
 export declare namespace Align {
     var displayName: string;
 }

package/dist/esm/components/Align/Center.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare function Center(props: Omit<AlignProps, 'align'>): React.JSX.Element;
+export declare function Center(props: Omit<AlignProps, 'align'>): React.ReactElement;
 export declare namespace Center {
     var displayName: string;
 }

package/dist/esm/components/Align/Left.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare function Left(props: Omit<AlignProps, 'align'>): React.JSX.Element;
+export declare function Left(props: Omit<AlignProps, 'align'>): React.ReactElement;
 export declare namespace Left {
     var displayName: string;
 }

package/dist/esm/components/Align/Right.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare function Right(props: Omit<AlignProps, 'align'>): React.JSX.Element;
+export declare function Right(props: Omit<AlignProps, 'align'>): React.ReactElement;
 export declare namespace Right {
     var displayName: string;
 }

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

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

package/dist/esm/components/Article/Meta.d.ts

@@ -5,7 +5,7 @@ export interface ArticleMetaOwnProps {
 }
 export type ArticleMetaProps<E extends React.ElementType = React.ElementType> = ArticleMetaOwnProps & PolymorphicProps<E> & PolymorphicProps<E, ArticleMetaOwnProps>;
 declare const defaultElement = "p";
-export declare function Meta<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<ArticleMetaProps<E>>): React.JSX.Element;
+export declare function Meta<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<ArticleMetaProps<E>>): React.ReactElement;
 export declare namespace Meta {
     var displayName: string;
 }

package/dist/esm/components/Article/Title.d.ts

@@ -5,7 +5,7 @@ export interface ArticleTitleOwnProps {
 }
 export type ArticleTitleProps<E extends React.ElementType = React.ElementType> = ArticleTitleOwnProps & PolymorphicProps<E> & PolymorphicProps<E, ArticleTitleOwnProps>;
 declare const defaultElement = "h1";
-export declare function Title<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<ArticleTitleProps<E>>): React.JSX.Element;
+export declare function Title<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<ArticleTitleProps<E>>): React.ReactElement;
 export declare namespace Title {
     var displayName: string;
 }

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

@@ -5,7 +5,7 @@ export interface BadgeOwnProps {
 }
 export type BadgeProps<E extends React.ElementType = React.ElementType> = BadgeOwnProps & PolymorphicProps<E> & PolymorphicProps<E, BadgeOwnProps>;
 declare const defaultElement = "span";
-export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, ...props }: React.PropsWithChildren<BadgeProps<E>>): React.JSX.Element;
+export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, ...props }: React.PropsWithChildren<BadgeProps<E>>): React.ReactElement;
 export declare namespace Badge {
     var displayName: string;
 }

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

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

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

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

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

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

package/dist/esm/components/Card/Badge.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type BadgeProps } from '../../components/Badge';
 export type CardBadgeProps<E extends React.ElementType = React.ElementType> = BadgeProps<E>;
 declare const defaultElement = "span";
-export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: CardBadgeProps<E>): React.JSX.Element;
+export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: CardBadgeProps<E>): React.ReactElement;
 export declare namespace Badge {
     var displayName: string;
 }

package/dist/esm/components/Card/Body.d.ts

@@ -5,7 +5,7 @@ export interface CardBodyOwnProps {
 }
 export type CardBodyProps<E extends React.ElementType = React.ElementType> = CardBodyOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardBodyOwnProps>;
 declare const defaultElement = "div";
-export declare function Body<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardBodyProps<E>>): React.JSX.Element;
+export declare function Body<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardBodyProps<E>>): React.ReactElement;
 export declare namespace Body {
     var displayName: string;
 }

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

@@ -11,7 +11,7 @@ export interface CardOwnProps {
 }
 export type CardProps<E extends React.ElementType = React.ElementType> = CardOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardOwnProps>;
 declare const defaultElement = "div";
-export declare function Card<E extends React.ElementType = typeof defaultElement>({ asBody, className, component, hoverable, kind, size, ...props }: React.PropsWithChildren<CardProps<E>>): React.JSX.Element;
+export declare function Card<E extends React.ElementType = typeof defaultElement>({ asBody, className, component, hoverable, kind, size, ...props }: React.PropsWithChildren<CardProps<E>>): React.ReactElement;
 export declare namespace Card {
     var displayName: string;
 }