@broxus/react-uikit 0.21.0 → 0.23.0

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

@@ -42,13 +42,13 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Tile(props) {
+function Tile({ className, component = defaultElement, kind, preserveColor, size, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, kind, prefixCls = config.prefixCls, preserveColor, size, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tile'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
             [`${rootCls}-${kind}`]: kind && ['default', 'muted', 'primary', 'secondary', 'tertiary'].includes(kind),
             [`${rootCls}-${size}`]: size && ['xsmall', 'small', 'large', 'xlarge'].includes(size),
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }

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

@@ -5,7 +5,7 @@ export interface WidthOwnProps extends Omit<WidthBreakpointsConfig, 'default'> {
     prefixCls?: string;
     size?: WidthSize | WidthBreakpointsConfig;
 }
-export type WidthProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<WidthOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, WidthOwnProps>;
+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>(props: 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/components/Width/Width.js

@@ -43,8 +43,8 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../components/Width/utils");
 const defaultElement = 'div';
-function Width(props) {
+function Width({ className, component = defaultElement, l, m, s, size, xl, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, l, m, prefixCls = config.prefixCls, s, size, xl, ...restProps } = props;
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)((0, utils_1.getWidthClassname)(size, prefixCls || config.prefixCls), (0, utils_1.getWidthClassname)({ l, m, s, xl }, prefixCls || config.prefixCls), className), component: defaultElement, ...restProps }));
+    const { prefixCls = config.prefixCls, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)((0, utils_1.getWidthClassname)(size, prefixCls || config.prefixCls), (0, utils_1.getWidthClassname)({ l, m, s, xl }, prefixCls || config.prefixCls), className), component: component, ...restProps }));
 }

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.d.ts

@@ -8,6 +8,7 @@ export * from './components/Form';
 export * from './components/Control';
 export * from './components/Button';
 export * from './components/Progress';
+export * from './components/Slider';
 export * from './components/Switch';
 export * from './components/Close';
 export * from './components/Spinner';

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);
@@ -25,6 +25,7 @@ __exportStar(require("./components/Form"), exports);
 __exportStar(require("./components/Control"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Progress"), exports);
+__exportStar(require("./components/Slider"), exports);
 __exportStar(require("./components/Switch"), exports);
 __exportStar(require("./components/Close"), exports);
 __exportStar(require("./components/Spinner"), 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(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/Accordion.js

@@ -3,9 +3,9 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { getCollapseMotion } from '../../utils';
-export function Accordion(props) {
+export function Accordion({ className, direction, ...props }) {
     const config = useConfig();
-    const { className, direction, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'accordion'), [config, prefixCls]);
     return (React.createElement(Collapse, { className: classNames({
             [`${rootCls}-rtl`]: direction === 'rtl',

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(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,15 +1,10 @@
 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(props) {
-    const { expandIcon, ...restProps } = props;
+export function Item({ expandIcon, ...props }) {
     const mergedExpandIcon = React.useMemo(() => expandIcon
         || (({ isActive }) => (React.createElement(Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
-    return React.createElement(Panel, { expandIcon: mergedExpandIcon, ...restProps });
+    return React.createElement(Panel, { expandIcon: mergedExpandIcon, ...props });
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Accordion.Item';

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

@@ -3,25 +3,23 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Close } from '../../components/Close';
 import { useConfig } from '../../components/ConfigProvider';
-export const Alert = React.forwardRef((props, ref) => {
+export const Alert = React.forwardRef(({ children, className, closable = true, severity, style, onClose, onClosed, ...props }, ref) => {
     const config = useConfig();
-    const { children, className, closable = true, closeIcon = config.alert?.closeIcon, prefixCls = config.prefixCls, severity, style, onClose, onClosed, ...restProps } = props;
+    const { closeIcon = config.alert?.closeIcon, prefixCls = config.prefixCls, ...restProps } = props;
     const [closed, setClosed] = React.useState(false);
     const close = React.useCallback(() => {
         onClose?.();
         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, {
             [`${rootCls}-${severity}`]: severity !== undefined,
         }, className, motionClassName), "data-show": !closed, role: "alert", style: { ...style, ...motionStyle }, ...restProps },
         closable && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
-            // @ts-ignore
+            // @ts-ignore .....
             className: `${rootCls}-close`,
             onClick: close,
         })) : (React.createElement(Close, { className: `${rootCls}-close`, onClick: close }))),

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

@@ -7,9 +7,9 @@ export interface AlignOwnProps extends Omit<AlignBreakpointsConfig, 'default'> {
     direction?: Direction;
     prefixCls?: string;
 }
-export type AlignProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<AlignOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, AlignOwnProps>;
+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>(props: 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/Align.js

@@ -4,9 +4,9 @@ import { getAlignClassname } from '../../components/Align/utils';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Align(props) {
+export function Align({ align = 'left', className, component = defaultElement, l, m, s, xl, ...props }) {
     const config = useConfig();
-    const { align = 'left', className, direction = config.direction, l, m, prefixCls = config.prefixCls, s, xl, ...restProps } = props;
+    const { direction = config.direction, prefixCls = config.prefixCls, ...restProps } = props;
     const isRtl = React.useMemo(() => direction === 'rtl', [direction]);
     const mergedAlign = React.useMemo(() => {
         if (isRtl && align === 'left') {
@@ -17,7 +17,7 @@ export function Align(props) {
         }
         return align;
     }, [align, isRtl]);
-    return (React.createElement(Component, { className: classNames(getAlignClassname(mergedAlign, prefixCls || config.prefixCls), getAlignClassname({ l, m, s, xl }, prefixCls || config.prefixCls), className), component: defaultElement, ...restProps }));
+    return (React.createElement(Component, { className: classNames(getAlignClassname(mergedAlign, prefixCls || config.prefixCls), getAlignClassname({ l, m, s, xl }, prefixCls || config.prefixCls), className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Align.displayName = 'Align';

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(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/Article.js

@@ -2,9 +2,9 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { ArticleContext } from '../../components/Article/context';
 import { useConfig } from '../../components/ConfigProvider';
-export function Article(props) {
+export function Article({ className, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'article'), [config, prefixCls]);
     const context = React.useMemo(() => ({
         getRootCls() {

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type ArticleMetaOwnProps = {
+export interface ArticleMetaOwnProps {
     prefixCls?: string;
-};
-export type ArticleMetaProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ArticleMetaOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/Meta.js

@@ -4,12 +4,12 @@ import { ArticleContext } from '../../components/Article/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'p';
-export function Meta(props) {
+export function Meta({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(ArticleContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'meta'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Meta.displayName = 'Article.Meta';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type ArticleTitleOwnProps = {
+export interface ArticleTitleOwnProps {
     prefixCls?: string;
-};
-export type ArticleTitleProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ArticleTitleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/Article/Title.js

@@ -4,12 +4,12 @@ import { ArticleContext } from '../../components/Article/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'h1';
-export function Title(props) {
+export function Title({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(ArticleContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Title.displayName = 'Article.Title';

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type ArticleContextConsumerProps = {
+export interface ArticleContextConsumerProps {
     getRootCls(): string | undefined;
-};
+}
 export declare const ArticleContext: React.Context<ArticleContextConsumerProps>;

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type BadgeOwnProps = {
+export interface BadgeOwnProps {
     prefixCls?: string;
-};
-export type BadgeProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<BadgeOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/Badge/index.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'span';
-export function Badge(props) {
+export function Badge({ className, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'badge'), [config, prefixCls]);
     return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
 }

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(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/Breadcrumb.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Breadcrumb(props) {
+export function Breadcrumb({ className, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'breadcrumb'), [config, prefixCls]);
     return React.createElement("ul", { className: classNames(rootCls, className), ...restProps });
 }

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(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/Breadcrumb/Item.js

@@ -1,12 +1,11 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Item(props) {
+export function Item({ className, disabled, ...props }) {
     const config = useConfig();
-    const { className, disabled, ...restProps } = props;
     return (React.createElement("li", { className: classNames(className, {
             [`${config.prefixCls}-disabled`]: disabled,
-        }), ...restProps }));
+        }), ...props }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Breadcrumb.Item';

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

@@ -16,5 +16,5 @@ export interface ButtonOwnProps extends Partial<AnchorButtonProps>, Partial<Nati
     size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     type?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'text';
 }
-export type ButtonProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ButtonOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ButtonOwnProps>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<any>>;
+export type ButtonProps<E extends React.ElementType = React.ElementType> = ButtonOwnProps & PolymorphicProps<E> & PolymorphicProps<E, ButtonOwnProps>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>, "ref"> & React.RefAttributes<any>>;

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

@@ -4,9 +4,9 @@ import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import { Link } from '../../components/Link';
 const defaultElement = 'button';
-export const Button = React.forwardRef((props, ref) => {
+export const Button = React.forwardRef(({ component = defaultElement, ghost, htmlType = 'button', type, ...props }, ref) => {
     const config = useConfig();
-    const { component = defaultElement, ghost, htmlType = 'button', prefixCls = config.button?.prefixCls ?? config.prefixCls, shape = config.button?.shape ?? config.buttonShape, size = config.button?.size ?? config.buttonSize, type, ...restProps } = props;
+    const { prefixCls = config.button?.prefixCls ?? config.prefixCls, shape = config.button?.shape ?? config.buttonShape, size = config.button?.size ?? config.buttonSize, ...restProps } = props;
     const buttonRef = React.useRef(null);
     const onClick = React.useCallback(event => {
         if (restProps.disabled) {

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(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/Button/Group.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Group(props) {
+export function Group({ className, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.button?.prefixCls || config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.button?.prefixCls || config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.button?.prefixCls || config.prefixCls, 'button-group'), [config, prefixCls]);
     return React.createElement("div", { className: classNames(rootCls, className), ...restProps });
 }

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>(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/Badge.js

@@ -4,12 +4,12 @@ import { Badge as BaseBadge } from '../../components/Badge';
 import { CardContext } from '../../components/Card/context';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'span';
-export function Badge(props) {
+export function Badge({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, component = defaultElement, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'badge'), [config, prefixCls]);
-    return (React.createElement(BaseBadge, { className: classNames(rootCls, className), component: component, ...restProps }));
+    return React.createElement(BaseBadge, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Badge.displayName = 'Card.Badge';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type CardBodyOwnProps = {
+export interface CardBodyOwnProps {
     prefixCls?: string;
-};
-export type CardBodyProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardBodyOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/Body.js

@@ -4,12 +4,12 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Body(props) {
+export function Body({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'body'), [config, prefixCls]);
-    return (React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps }));
+    return (React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Body.displayName = 'Card.Body';

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

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type ColorMode } from '../../components/Inverse';
-export type CardOwnProps = {
+export interface CardOwnProps {
     asBody?: boolean;
     colorMode?: ColorMode;
     hoverable?: boolean;
     kind?: 'default' | 'primary' | 'secondary' | 'tertiary';
     prefixCls?: string;
     size?: 'small' | 'large';
-};
-export type CardProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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;
 }