@broxus/react-uikit 0.3.0 → 0.4.0

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { type CollapseProps } from 'rc-collapse';
+import * as React from 'react';
 export interface AccordionProps extends CollapseProps {
     direction?: string;
 }
-export declare const Accordion: React.MemoExoticComponent<(props: AccordionProps) => JSX.Element>;
+export declare const Accordion: React.MemoExoticComponent<(props: AccordionProps) => React.JSX.Element>;

package/dist/cjs/components/Accordion/Accordion.js

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_collapse_1 = __importDefault(require("rc-collapse"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 exports.Accordion = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { direction, prefixCls = config.prefixCls, ...restProps } = props;
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { className, direction, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'accordion'), [config, prefixCls]);
     return (React.createElement(rc_collapse_1.default, { className: (0, classnames_1.default)({
-            [`${prefixCls}-rtl`]: direction === 'rtl',
-        }), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
+            [`${rootCls}-rtl`]: direction === 'rtl',
+        }, className), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Accordion.displayName = 'Accordion';

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { type CollapsePanelProps } from 'rc-collapse';
+import * as React from 'react';
 export type AccordionItemProps = React.PropsWithChildren<Omit<CollapsePanelProps, 'prefixCls'>>;
 /**
  * Use Accordion items props instead
  * @deprecated
  */
-export declare const Item: React.MemoExoticComponent<(props: AccordionItemProps) => JSX.Element>;
+export declare const Item: React.MemoExoticComponent<(props: AccordionItemProps) => React.JSX.Element>;

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

@@ -24,8 +24,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
-const React = __importStar(require("react"));
 const rc_collapse_1 = require("rc-collapse");
+const React = __importStar(require("react"));
 const Icon_1 = require("../../components/Icon");
 /**
  * Use Accordion items props instead

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

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

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

@@ -59,11 +59,6 @@
         @include hook-accordion-header;
     }
 
-    .uk-icon {
-        --icon-size: var(--accordion-icon-size);
-
-        margin-right: var(--accordion-icon-margin-right);
-    }
 }
 
 .uk-accordion-header-collapsible-only {
@@ -91,6 +86,11 @@
     }
 }
 
+/* Expand Icon */
+.uk-accordion-expand-icon {
+    --icon-size: var(--accordion-icon-size);
+    margin-right: var(--accordion-icon-margin-right);
+}
 
 /* Disabled item
  ========================================================================== */
@@ -151,6 +151,13 @@
 
 [dir='rtl'] .uk-accordion,
 .uk-accordion.uk-accordion-rtl {
+    direction: rtl;
+
+    .uk-accordion-expand-icon {
+        margin-left: var(--accordion-icon-margin-right);
+        margin-right: unset;
+    }
+
     .uk-accordion-extra {
         margin-left: var(--accordion-extra-margin-horizontal);
         margin-right: auto;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { type MotionEndEventHandler } from 'rc-motion';
+import * as React from 'react';
 import './index.scss';
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     closable?: boolean;

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_motion_1 = __importDefault(require("rc-motion"));
+const React = __importStar(require("react"));
 const Close_1 = require("../../components/Close");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const ForwarderAlert = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, closable = true, closeIcon, prefixCls = config.prefixCls, style, severity, onClose, onClosed, ...restProps } = props;
     const [closed, setClosed] = React.useState(false);
     const close = React.useCallback(() => {

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

@@ -7,4 +7,4 @@ export type AlignOwnProps = {
     side?: 'left' | 'right';
 };
 export type AlignProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<AlignOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, AlignOwnProps>;
-export declare const Align: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: AlignProps<E>) => JSX.Element)>;
+export declare const Align: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: AlignProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Align/Align.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Align = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 exports.Align = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { direction = config.direction, prefixCls = config.prefixCls, side = direction === 'rtl' ? 'right' : 'left', ...restProps } = props;
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { className, direction = config.direction, prefixCls = config.prefixCls, side = 'left', ...restProps } = props;
     const isRtl = React.useMemo(() => direction === 'rtl', [direction]);
     const invertedSide = React.useMemo(() => (side === 'left' ? 'right' : 'left'), [side]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'align'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${rootCls}-${isRtl ? invertedSide : side}`]: true,
-        }), component: defaultElement, ...restProps }));
+        }, className), component: defaultElement, ...restProps }));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Align.displayName = 'Align';

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare const Left: React.MemoExoticComponent<(props: Omit<AlignProps, 'side'>) => JSX.Element>;
+export declare const Left: React.MemoExoticComponent<(props: Omit<AlignProps, 'side'>) => React.JSX.Element>;

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare const Right: React.MemoExoticComponent<(props: Omit<AlignProps, 'side'>) => JSX.Element>;
+export declare const Right: React.MemoExoticComponent<(props: Omit<AlignProps, 'side'>) => React.JSX.Element>;

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ArticleProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }
-export declare const Article: React.MemoExoticComponent<(props: ArticleProps) => JSX.Element>;
+export declare const Article: React.MemoExoticComponent<(props: ArticleProps) => React.JSX.Element>;

package/dist/cjs/components/Article/Article.js

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

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

@@ -4,4 +4,4 @@ export type ArticleMetaOwnProps = {
     prefixCls?: string;
 };
 export type ArticleMetaProps<E extends React.ElementType> = React.PropsWithChildren<ArticleMetaOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ArticleMetaOwnProps>;
-export declare const Meta: React.MemoExoticComponent<(<E extends React.ElementType<any> = "p">(props: ArticleMetaProps<E>) => JSX.Element)>;
+export declare const Meta: React.MemoExoticComponent<(<E extends React.ElementType<any> = "p">(props: ArticleMetaProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Article/Meta.js

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Meta = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'p';
 exports.Meta = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'meta'), [config, prefixCls]);

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

@@ -4,4 +4,4 @@ export type ArticleTitleOwnProps = {
     prefixCls?: string;
 };
 export type ArticleTitleProps<E extends React.ElementType> = React.PropsWithChildren<ArticleTitleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ArticleTitleOwnProps>;
-export declare const Title: React.MemoExoticComponent<(<E extends React.ElementType<any> = "h1">(props: ArticleTitleProps<E>) => JSX.Element)>;
+export declare const Title: React.MemoExoticComponent<(<E extends React.ElementType<any> = "h1">(props: ArticleTitleProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Article/Title.js

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'h1';
 exports.Title = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);

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

@@ -5,4 +5,4 @@ export type BadgeOwnProps = {
     prefixCls?: string;
 };
 export type BadgeProps<E extends React.ElementType> = React.PropsWithChildren<BadgeOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, BadgeOwnProps>;
-export declare const Badge: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: BadgeProps<E>) => JSX.Element)>;
+export declare const Badge: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: BadgeProps<E>) => React.JSX.Element)>;

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

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

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface BreadcrumbProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
 }
-export declare const Breadcrumb: React.MemoExoticComponent<(props: BreadcrumbProps) => JSX.Element>;
+export declare const Breadcrumb: React.MemoExoticComponent<(props: BreadcrumbProps) => React.JSX.Element>;

package/dist/cjs/components/Breadcrumb/Breadcrumb.js

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

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     disabled?: boolean;
 }
-export declare const Item: React.MemoExoticComponent<(props: BreadcrumbItemProps) => JSX.Element>;
+export declare const Item: React.MemoExoticComponent<(props: BreadcrumbItemProps) => React.JSX.Element>;
 export {};

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Item = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, disabled, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)(className, {
             [`${config.prefixCls}-disabled`]: disabled,

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type PolymorphicProps } from '../../components/Component';
 export interface AnchorButtonProps extends Omit<React.AnchorHTMLAttributes<any>, 'onClick'> {
     href: string;
     target?: string;
@@ -8,11 +9,12 @@ export interface NativeButtonProps extends Omit<React.ButtonHTMLAttributes<any>,
     htmlType?: 'button' | 'reset' | 'submit';
     onClick?: React.MouseEventHandler<HTMLElement>;
 }
-export interface ButtonProps extends Partial<AnchorButtonProps>, Partial<NativeButtonProps> {
+export interface ButtonOwnProps extends Partial<AnchorButtonProps>, Partial<NativeButtonProps> {
     ghost?: boolean;
     prefixCls?: string;
     shape?: 'circle' | 'round';
     size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     type?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'text';
 }
-export declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>>;
+export type ButtonProps<E extends React.ElementType = any> = React.PropsWithChildren<ButtonOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ButtonOwnProps>;
+export declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ButtonProps<any>, "ref"> & React.RefAttributes<any>>>;

package/dist/cjs/components/Button/Button.js

@@ -27,12 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const Component_1 = require("../../components/Component");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Link_1 = require("../../components/Link");
+const defaultElement = 'button';
 const ForwardedButton = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, ghost, htmlType = 'button', prefixCls = config.prefixCls, shape, size, type, ...restProps } = props;
     const buttonRef = React.useRef(null);
     const onClick = React.useCallback(event => {
@@ -50,9 +52,9 @@ const ForwardedButton = React.forwardRef((props, ref) => {
         [`${rootCls}-${shape}`]: shape !== undefined && ['circle', 'round'].includes(shape),
     }, restProps.className), [rootCls, type, ghost, size, shape, restProps.className]);
     if (restProps.href !== undefined) {
-        return (React.createElement(Link_1.Link, { ref: ref || buttonRef, href: restProps.href, ...restProps, className: className, onClick: onClick }, children));
+        return (React.createElement(Component_1.Component, { ref: ref || buttonRef, component: Link_1.Link, href: restProps.href, ...restProps, className: className, onClick: onClick }, children));
     }
-    return (React.createElement("button", { ref: ref || buttonRef, type: htmlType, ...restProps, className: className, onClick: onClick }, children));
+    return (React.createElement(Component_1.Component, { ref: ref || buttonRef, component: defaultElement, type: htmlType, ...restProps, className: className, onClick: onClick }, children));
 });
 exports.Button = React.memo(ForwardedButton);
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare const Group: React.MemoExoticComponent<(props: ButtonGroupProps) => JSX.Element>;
+export declare const Group: React.MemoExoticComponent<(props: ButtonGroupProps) => React.JSX.Element>;

package/dist/cjs/components/Button/Group.js

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

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { type BadgeProps } from '../../components/Badge';
 export type CardBadgeProps<E extends React.ElementType> = BadgeProps<E>;
-export declare const Badge: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: CardBadgeProps<E>) => JSX.Element)>;
+export declare const Badge: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: CardBadgeProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Card/Badge.js

@@ -27,17 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Badge = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Badge_1 = require("../../components/Badge");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'span';
 exports.Badge = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'badge'), [config, prefixCls]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'badge'), [config, prefixCls]);
     return React.createElement(Badge_1.Badge, { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export interface CardBodyProps extends React.HTMLAttributes<HTMLElement> {
+import { type PolymorphicProps } from '../../components/Component';
+export type CardBodyOwnProps = {
     prefixCls?: string;
-}
-export declare const Body: React.MemoExoticComponent<(props: CardBodyProps) => JSX.Element>;
+};
+export type CardBodyProps<E extends React.ElementType> = React.PropsWithChildren<CardBodyOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardBodyOwnProps>;
+export declare const Body: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: CardBodyProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Card/Body.js

@@ -27,16 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Body = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const Component_1 = require("../../components/Component");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const defaultElement = 'div';
 exports.Body = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'body'), [config, prefixCls]);
-    return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'body'), [config, prefixCls]);
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Body.displayName = 'Card.Body';

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import { type ColorMode } from '../../components/ConfrigProvider';
-export interface CardOwnProps extends React.HTMLAttributes<HTMLElement> {
+import { type ColorMode } from '../../components/ConfigProvider';
+export type CardOwnProps = {
     asBody?: boolean;
     color?: 'default' | 'primary' | 'secondary' | 'tertiary';
     colorMode?: ColorMode;
     hoverable?: boolean;
     prefixCls?: string;
     size?: 'small' | 'large';
-}
+};
 export type CardProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardOwnProps>;
-export declare const Card: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: CardProps<E>) => JSX.Element)>;
+export declare const Card: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: CardProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Card/Card.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
-const React = __importStar(require("react"));
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 exports.Card = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { asBody, className, color, colorMode = color !== 'default' && color !== undefined
         // @ts-ignore
         ? config[`card${(0, js_utils_1.capitalizeFirstLetter)(color)}ColorMode`]
         : undefined, hoverable, prefixCls = config.prefixCls, size, ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'card'), [config, prefixCls]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'card'), [config, prefixCls]);
     return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "card", prefixCls: prefixCls || config.prefixCls },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
                 [`${rootCls}-${color}`]: color !== undefined,

package/dist/cjs/components/Card/Footer.d.ts

@@ -4,4 +4,4 @@ export type CardFooterOwnProps = {
     prefixCls?: string;
 };
 export type CardFooterProps<E extends React.ElementType> = React.PropsWithChildren<CardFooterOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardFooterOwnProps>;
-export declare const Footer: React.MemoExoticComponent<(<E extends React.ElementType<any> = "footer">(props: CardFooterProps<E>) => JSX.Element)>;
+export declare const Footer: React.MemoExoticComponent<(<E extends React.ElementType<any> = "footer">(props: CardFooterProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Card/Footer.js

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'footer';
 exports.Footer = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'footer'), [config, prefixCls]);
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Footer.displayName = 'Card.Footer';

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

@@ -4,4 +4,4 @@ export type CardHeaderOwnProps = {
     prefixCls?: string;
 };
 export type CardHeaderProps<E extends React.ElementType> = React.PropsWithChildren<CardHeaderOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardHeaderOwnProps>;
-export declare const Header: React.MemoExoticComponent<(<E extends React.ElementType<any> = "header">(props: CardHeaderProps<E>) => JSX.Element)>;
+export declare const Header: React.MemoExoticComponent<(<E extends React.ElementType<any> = "header">(props: CardHeaderProps<E>) => React.JSX.Element)>;

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

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'header';
 exports.Header = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'header'), [config, prefixCls]);
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Header.displayName = 'Card.Header';

package/dist/cjs/components/Card/Media.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
-export interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+import { type PolymorphicProps } from '../../components/Component';
+export type CardMediaOwnProps = {
     position: 'left' | 'top' | 'right' | 'bottom';
     prefixCls?: string;
-}
-export declare const Media: React.MemoExoticComponent<(props: CardMediaProps) => JSX.Element>;
+};
+export type CardMediaProps<E extends React.ElementType> = React.PropsWithChildren<CardMediaOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardMediaOwnProps>;
+export declare const Media: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: CardMediaProps<E>) => React.JSX.Element)>;