@broxus/react-uikit 0.1.1 → 0.1.2

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

@@ -0,0 +1,5 @@
+import type { CollapseProps } from 'rc-collapse/lib/interface';
+export interface AccordionProps extends CollapseProps {
+    direction?: string;
+}
+export declare function Accordion(props: AccordionProps): JSX.Element;

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

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 utils_1 = require("../../utils");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+function Accordion(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { direction, prefixCls = `${config.prefixCls}-accordion`, ...restProps } = props;
+    return (React.createElement(rc_collapse_1.default, { className: (0, classnames_1.default)({
+            [`${prefixCls}-rtl`]: direction === 'rtl',
+        }), openMotion: utils_1.collapseMotion, prefixCls: prefixCls, ...restProps }));
+}
+exports.Accordion = Accordion;

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { CollapsePanelProps } from 'rc-collapse/lib/interface';
+export declare type AccordionItemProps = React.PropsWithChildren<Omit<CollapsePanelProps, 'prefixCls'>>;
+export declare function Item(props: AccordionItemProps): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}

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

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const React = __importStar(require("react"));
+const rc_collapse_1 = require("rc-collapse");
+const Icon_1 = require("../Icon");
+function Item(props) {
+    const { expandIcon, ...restProps } = props;
+    const mergedExpandIcon = React.useMemo(() => (expandIcon || (({ isActive }) => (React.createElement(Icon_1.Icon, { icon: isActive ? 'expand_more' : 'chevron_right' })))), [expandIcon]);
+    return (React.createElement(rc_collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps }));
+}
+exports.Item = Item;
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Accordion.Item';
+}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { AccordionProps } from './Accordion';
+import './index.scss';
+export interface CompoundedAccordion extends React.FunctionComponent<AccordionProps> {
+    Item: typeof Item;
+}
+export declare const Accordion: CompoundedAccordion;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const Accordion_1 = require("./Accordion");
+const Item_1 = require("./Item");
+require("./index.scss");
+exports.Accordion = Accordion_1.Accordion;
+exports.Accordion.Item = Item_1.Item;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { MotionEndEventHandler } from 'rc-motion';
+import './index.scss';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    closable?: boolean;
+    closeIcon?: React.ReactNode;
+    prefixCls?: string;
+    severity?: 'primary' | 'success' | 'warning' | 'danger';
+    onClose?: () => void;
+    onClosed?: MotionEndEventHandler;
+}
+export declare type AlertRef = {
+    close: () => void;
+};
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<AlertRef>>;

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

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 Close_1 = require("../Close");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+require("./index.scss");
+exports.Alert = React.forwardRef((props, ref) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { children, className, closable = true, closeIcon, prefixCls = `${config.prefixCls}-alert`, style, severity, onClose, onClosed, ...restProps } = props;
+    const [closed, setClosed] = React.useState(false);
+    const close = () => {
+        onClose?.();
+        setClosed(true);
+    };
+    React.useImperativeHandle(ref, () => ({
+        close,
+    }), []);
+    return (React.createElement(rc_motion_1.default, { visible: !closed, motionName: `${prefixCls}-motion`, motionAppear: false, motionEnter: false, onLeaveStart: node => ({
+            maxHeight: node.offsetHeight,
+        }), onLeaveEnd: onClosed }, ({ className: motionClassName, style: motionStyle }) => (React.createElement("div", { className: (0, classnames_1.default)(prefixCls, {
+            [`${prefixCls}-${severity}`]: severity !== undefined,
+        }, className, motionClassName), "data-show": !closed, role: "alert", style: { ...style, ...motionStyle }, ...restProps },
+        closable && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
+            className: `${prefixCls}-close`,
+            onClick: close,
+        })) : (React.createElement(Close_1.Close, { className: `${prefixCls}-close`, onClick: close }))),
+        children))));
+});

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { Direction } from '../../types';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type AlignOwnProps = {
+    direction?: Direction;
+    prefixCls?: string;
+    side?: 'left' | 'right';
+};
+export declare type AlignProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, AlignOwnProps>;
+declare const defaultElement = "div";
+export declare function Align<E extends React.ElementType = typeof defaultElement>(props: AlignProps<E>): JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Align = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'div';
+function Align(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { direction, prefixCls = `${config.prefixCls}-align`, side = direction === 'rtl' ? 'right' : 'left', ...restProps } = props;
+    const isRtl = direction === 'rtl';
+    const invertedSide = side === 'left' ? 'right' : 'left';
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
+            [`${prefixCls}-${isRtl ? invertedSide : side}`]: true,
+        }), component: defaultElement, ...restProps }));
+}
+exports.Align = Align;

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

@@ -0,0 +1,5 @@
+import type { AlignProps } from './Align';
+export declare function Left(props: Omit<AlignProps, 'side'>): JSX.Element;
+export declare namespace Left {
+    var displayName: string;
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Left = void 0;
+const React = __importStar(require("react"));
+const Align_1 = require("./Align");
+function Left(props) {
+    return React.createElement(Align_1.Align, { ...props, side: "left" });
+}
+exports.Left = Left;
+if (process.env.NODE_ENV !== 'production') {
+    Left.displayName = 'Align.Left';
+}

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

@@ -0,0 +1,5 @@
+import type { AlignProps } from './Align';
+export declare function Right(props: Omit<AlignProps, 'side'>): JSX.Element;
+export declare namespace Right {
+    var displayName: string;
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Right = void 0;
+const React = __importStar(require("react"));
+const Align_1 = require("./Align");
+function Right(props) {
+    return React.createElement(Align_1.Align, { ...props, side: "right" });
+}
+exports.Right = Right;
+if (process.env.NODE_ENV !== 'production') {
+    Right.displayName = 'Align.Right';
+}

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

@@ -0,0 +1,10 @@
+import { PolymorphicComponent } from '../Component';
+import { AlignOwnProps } from './Align';
+import { Left } from './Left';
+import { Right } from './Right';
+import './index.scss';
+export declare type CompoundedAlign = PolymorphicComponent<AlignOwnProps> & {
+    Left: typeof Left;
+    Right: typeof Right;
+};
+export declare const Align: CompoundedAlign;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Align = void 0;
+const Align_1 = require("./Align");
+const Left_1 = require("./Left");
+const Right_1 = require("./Right");
+require("./index.scss");
+exports.Align = Align_1.Align;
+exports.Align.Left = Left_1.Left;
+exports.Align.Right = Right_1.Right;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface ArticleProps extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
+}
+export declare function Article(props: ArticleProps): JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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("../ConfrigProvider");
+function Article(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement("article", { className: (0, classnames_1.default)(prefixCls, className), ...restProps }));
+}
+exports.Article = Article;

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type ArticleMetaOwnProps = {
+    prefixCls?: string;
+};
+export declare type ArticleMetaProps<E extends React.ElementType> = PolymorphicComponentProps<E, ArticleMetaOwnProps>;
+declare const defaultElement = "p";
+export declare function Meta<E extends React.ElementType = typeof defaultElement>(props: ArticleMetaProps<E>): JSX.Element;
+export declare namespace Meta {
+    var displayName: string;
+}
+export {};

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Meta = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'p';
+function Meta(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${prefixCls}-meta`, className), component: defaultElement, ...restProps }));
+}
+exports.Meta = Meta;
+if (process.env.NODE_ENV !== 'production') {
+    Meta.displayName = 'Article.Meta';
+}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type ArticleTitleOwnProps = {
+    prefixCls?: string;
+};
+export declare type ArticleTitleProps<E extends React.ElementType> = PolymorphicComponentProps<E, ArticleTitleOwnProps>;
+declare const defaultElement = "h1";
+export declare function Title<E extends React.ElementType = typeof defaultElement>(props: ArticleTitleProps<E>): JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+export {};

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'h1';
+function Title(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-article`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${prefixCls}-title`, className), component: defaultElement, ...restProps }));
+}
+exports.Title = Title;
+if (process.env.NODE_ENV !== 'production') {
+    Title.displayName = 'Article.Title';
+}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Meta } from './Meta';
+import { Title } from './Title';
+import type { ArticleProps } from './Article';
+import type { ArticleMetaProps } from './Meta';
+import type { ArticleTitleProps } from './Title';
+import './index.scss';
+export type { ArticleProps, ArticleMetaProps, ArticleTitleProps };
+export interface CompoundedArticle extends React.FunctionComponent<ArticleProps> {
+    Meta: typeof Meta;
+    Title: typeof Title;
+}
+export declare const Article: CompoundedArticle;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Article = void 0;
+const Article_1 = require("./Article");
+const Meta_1 = require("./Meta");
+const Title_1 = require("./Title");
+require("./index.scss");
+exports.Article = Article_1.Article;
+exports.Article.Meta = Meta_1.Meta;
+exports.Article.Title = Title_1.Title;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import './index.scss';
+export declare type BadgeOwnProps = {
+    prefixCls?: string;
+};
+export declare type BadgeProps<E extends React.ElementType> = PolymorphicComponentProps<E, BadgeOwnProps>;
+declare const defaultElement = "span";
+export declare function Badge<E extends React.ElementType = typeof defaultElement>(props: BadgeProps<E>): JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+require("./index.scss");
+const defaultElement = 'span';
+function Badge(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-badge`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, className), component: defaultElement, ...restProps }));
+}
+exports.Badge = Badge;

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLUListElement> {
+    prefixCls?: string;
+}
+export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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("../ConfrigProvider");
+function Breadcrumb(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-breadcrumb`, ...restProps } = props;
+    return (React.createElement("ul", { className: (0, classnames_1.default)(prefixCls, className), ...restProps }));
+}
+exports.Breadcrumb = Breadcrumb;