@broxus/react-uikit 0.2.2 → 0.3.0

package/dist/cjs/utils/get-breakpoints-config-classes.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBreakpointsConfigClasses = void 0;
 function getBreakpointsConfigClasses(prefixCls, coreCls, config = {}) {
-    return Object.entries(config).map(([key, value]) => value ? `${prefixCls}-${coreCls}-${value}${key !== 'default' ? `@${key}` : ''}` : '');
+    return Object.entries(config).map(([key, value]) => (value ? `${prefixCls}-${coreCls}-${value}${key !== 'default' ? `@${key}` : ''}` : ''));
 }
 exports.getBreakpointsConfigClasses = getBreakpointsConfigClasses;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import Collapse from 'rc-collapse';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import { getCollapseMotion } from '../../utils';
 export const Accordion = React.memo((props) => {
     const config = useConfig();

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

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

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

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import { Panel } from 'rc-collapse';
-import { Icon } from '../Icon';
+import { Icon } from '../../components/Icon';
+/**
+ * Use Accordion items props instead
+ * @deprecated
+ */
 export const Item = React.memo((props) => {
     const { expandIcon, ...restProps } = props;
-    const mergedExpandIcon = React.useMemo(() => expandIcon ||
-        (({ isActive }) => (React.createElement(Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
-    return React.createElement(Panel, { expandIcon: mergedExpandIcon, ...restProps, headerClass: "fsds" });
+    const mergedExpandIcon = React.useMemo(() => expandIcon
+        || (({ isActive }) => (React.createElement(Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
+    return React.createElement(Panel, { expandIcon: mergedExpandIcon, ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Accordion.Item';

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

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

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

@@ -1,5 +1,5 @@
-import { Accordion as InternalAccordion } from '../Accordion/Accordion';
-import { Item } from '../Accordion/Item';
+import { Accordion as InternalAccordion } from '../../components/Accordion/Accordion';
+import { Item } from '../../components/Accordion/Item';
 import './index.scss';
 export const Accordion = InternalAccordion;
 Accordion.Item = Item;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
-import { Close } from '../Close';
-import { useConfig } from '../ConfrigProvider';
+import { Close } from '../../components/Close';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const ForwarderAlert = React.forwardRef((props, ref) => {
     const config = useConfig();
@@ -21,11 +21,12 @@ const ForwarderAlert = React.forwardRef((props, ref) => {
         }), onLeaveEnd: onClosed }, ({ 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
-            className: `${rootCls}-close`,
-            onClick: close,
-        })) : (React.createElement(Close, { className: `${rootCls}-close`, onClick: close }))),
+        closable
+            && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
+                // @ts-ignore
+                className: `${rootCls}-close`,
+                onClick: close,
+            })) : (React.createElement(Close, { className: `${rootCls}-close`, onClick: close }))),
         children))));
 });
 export const Alert = React.memo(ForwarderAlert);

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import { type Direction } from '../../types';
 export type AlignOwnProps = {
     direction?: Direction;

package/dist/esm/components/Align/Align.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'div';
 export const Align = React.memo((props) => {
     const config = useConfig();

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Align } from '../Align/Align';
-export const Left = React.memo((props) => (React.createElement(Align, { ...props, side: "left" })));
+import { Align } from '../../components/Align/Align';
+export const Left = React.memo((props) => React.createElement(Align, { ...props, side: "left" }));
 if (process.env.NODE_ENV !== 'production') {
     Left.displayName = 'Align.Left';
 }

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Align } from '../Align/Align';
+import { Align } from '../../components/Align/Align';
 export const Right = React.memo((props) => (React.createElement(Align, { ...props, side: "right" })));
 if (process.env.NODE_ENV !== 'production') {
     Right.displayName = 'Align.Right';

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

@@ -1,7 +1,7 @@
 import type * as React from 'react';
-import { type AlignOwnProps, type AlignProps } from '../Align/Align';
-import { Left } from '../Align/Left';
-import { Right } from '../Align/Right';
+import { type AlignOwnProps, type AlignProps } from '../../components/Align/Align';
+import { Left } from '../../components/Align/Left';
+import { Right } from '../../components/Align/Right';
 import './index.scss';
 export type { AlignOwnProps, AlignProps };
 export interface Align extends React.MemoExoticComponent<React.FunctionComponent<AlignProps>> {

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

@@ -1,6 +1,6 @@
-import { Align as InternalAlign } from '../Align/Align';
-import { Left } from '../Align/Left';
-import { Right } from '../Align/Right';
+import { Align as InternalAlign } from '../../components/Align/Align';
+import { Left } from '../../components/Align/Left';
+import { Right } from '../../components/Align/Right';
 import './index.scss';
 export const Align = InternalAlign;
 Align.Left = Left;

package/dist/esm/components/Article/Article.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
-import { ComponentProvider } from '../ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
+import { ComponentProvider } from '../../components/ComponentProvider';
 export const Article = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type ArticleMetaOwnProps = {
     prefixCls?: string;
 };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'p';
 export const Meta = React.memo((props) => {
     const config = useConfig();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type ArticleTitleOwnProps = {
     prefixCls?: string;
 };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'h1';
 export const Title = React.memo((props) => {
     const config = useConfig();

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

@@ -1,7 +1,7 @@
 import type * as React from 'react';
-import { type ArticleProps } from '../Article/Article';
-import { type ArticleMetaProps, Meta } from '../Article/Meta';
-import { type ArticleTitleProps, Title } from '../Article/Title';
+import { type ArticleProps } from '../../components/Article/Article';
+import { type ArticleMetaProps, Meta } from '../../components/Article/Meta';
+import { type ArticleTitleProps, Title } from '../../components/Article/Title';
 import './index.scss';
 export type { ArticleMetaProps, ArticleProps, ArticleTitleProps };
 export interface Article extends React.MemoExoticComponent<React.FunctionComponent<ArticleProps>> {

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

@@ -1,6 +1,6 @@
-import { Article as InternalArticle } from '../Article/Article';
-import { Meta } from '../Article/Meta';
-import { Title } from '../Article/Title';
+import { Article as InternalArticle } from '../../components/Article/Article';
+import { Meta } from '../../components/Article/Meta';
+import { Title } from '../../components/Article/Title';
 import './index.scss';
 export const Article = InternalArticle;
 Article.Meta = Meta;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import './index.scss';
 export type BadgeOwnProps = {
     prefixCls?: string;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
 import './index.scss';
 const defaultElement = 'span';
 export const Badge = React.memo((props) => {

package/dist/esm/components/Breadcrumb/Breadcrumb.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Breadcrumb = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Item = React.memo((props) => {
     const config = useConfig();
     const { className, disabled, ...restProps } = props;

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

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

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

@@ -1,5 +1,5 @@
-import { Breadcrumb as InternalBreadcrumb } from '../Breadcrumb/Breadcrumb';
-import { Item } from '../Breadcrumb/Item';
+import { Breadcrumb as InternalBreadcrumb } from '../../components/Breadcrumb/Breadcrumb';
+import { Item } from '../../components/Breadcrumb/Item';
 import './index.scss';
 export const Breadcrumb = InternalBreadcrumb;
 Breadcrumb.Item = Item;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
-import { Link } from '../Link';
+import { useConfig } from '../../components/ConfrigProvider';
+import { Link } from '../../components/Link';
 const ForwardedButton = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { children, ghost, htmlType = 'button', prefixCls = config.prefixCls, shape, size, type, ...restProps } = props;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Group = React.memo((props) => {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,6 +1,6 @@
 import type * as React from 'react';
-import { type ButtonProps } from '../Button/Button';
-import { Group } from '../Button/Group';
+import { type ButtonProps } from '../../components/Button/Button';
+import { Group } from '../../components/Button/Group';
 import './index.scss';
 export type { ButtonProps };
 export interface Button extends React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps>> {

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

@@ -1,5 +1,5 @@
-import { Button as InternalButton } from '../Button/Button';
-import { Group } from '../Button/Group';
+import { Button as InternalButton } from '../../components/Button/Button';
+import { Group } from '../../components/Button/Group';
 import './index.scss';
 export const Button = InternalButton;
 Button.Group = Group;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { type BadgeProps } from '../Badge';
+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)>;

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Badge as BaseBadge } from '../Badge';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { Badge as BaseBadge } from '../../components/Badge';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'span';
 export const Badge = React.memo((props) => {
     const config = useConfig();

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Body = React.memo((props) => {
     const config = useConfig();
     const { getRootCls } = useComponentContext();

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
-import { type ColorMode } from '../ConfrigProvider';
+import { type PolymorphicProps } from '../../components/Component';
+import { type ColorMode } from '../../components/ConfrigProvider';
 export interface CardOwnProps extends React.HTMLAttributes<HTMLElement> {
     asBody?: boolean;
     color?: 'default' | 'primary' | 'secondary' | 'tertiary';

package/dist/esm/components/Card/Card.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { capitalizeFirstLetter } from '@broxus/js-utils';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { ComponentProvider } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { ComponentProvider } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'div';
 export const Card = React.memo((props) => {
     const config = useConfig();
     const { asBody, className, color, colorMode = color !== 'default' && color !== undefined
-        ? // @ts-ignore
-            config[`card${capitalizeFirstLetter(color)}ColorMode`]
+        // @ts-ignore
+        ? config[`card${capitalizeFirstLetter(color)}ColorMode`]
         : undefined, hoverable, prefixCls = config.prefixCls, size, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'card'), [config, prefixCls]);
     return (React.createElement(ComponentProvider, { component: "card", prefixCls: prefixCls || config.prefixCls },

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type CardFooterOwnProps = {
     prefixCls?: string;
 };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
-import { useComponentContext } from '../ComponentProvider';
+import { Component } from '../../components/Component';
+import { useConfig } from '../../components/ConfrigProvider';
+import { useComponentContext } from '../../components/ComponentProvider';
 const defaultElement = 'footer';
 export const Footer = React.memo((props) => {
     const config = useConfig();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type CardHeaderOwnProps = {
     prefixCls?: string;
 };

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useConfig } from '../ConfrigProvider';
-import { useComponentContext } from '../ComponentProvider';
+import { Component } from '../../components/Component';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'header';
 export const Header = React.memo((props) => {
     const config = useConfig();

package/dist/esm/components/Card/Media.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 export const Media = React.memo((props) => {
     const config = useConfig();
     const { getRootCls } = useComponentContext();

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 export type CardTitleOwnProps = {
     prefixCls?: string;
 };

package/dist/esm/components/Card/Title.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { Component } from '../Component';
-import { useComponentContext } from '../ComponentProvider';
-import { useConfig } from '../ConfrigProvider';
+import { Component } from '../../components/Component';
+import { useComponentContext } from '../../components/ComponentProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 const defaultElement = 'h3';
 export const Title = React.memo((props) => {
     const config = useConfig();

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

@@ -1,11 +1,11 @@
 import type * as React from 'react';
-import { Badge } from '../Card/Badge';
-import { Body } from '../Card/Body';
-import { type CardProps } from '../Card/Card';
-import { Footer } from '../Card/Footer';
-import { Header } from '../Card/Header';
-import { Media } from '../Card/Media';
-import { Title } from '../Card/Title';
+import { Badge } from '../../components/Card/Badge';
+import { Body } from '../../components/Card/Body';
+import { type CardProps } from '../../components/Card/Card';
+import { Footer } from '../../components/Card/Footer';
+import { Header } from '../../components/Card/Header';
+import { Media } from '../../components/Card/Media';
+import { Title } from '../../components/Card/Title';
 import './index.scss';
 export type { CardProps };
 export interface Card extends React.MemoExoticComponent<React.FunctionComponent<CardProps>> {

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

@@ -1,10 +1,10 @@
-import { Badge } from '../Card/Badge';
-import { Body } from '../Card/Body';
-import { Card as InternalCard } from '../Card/Card';
-import { Footer } from '../Card/Footer';
-import { Header } from '../Card/Header';
-import { Media } from '../Card/Media';
-import { Title } from '../Card/Title';
+import { Badge } from '../../components/Card/Badge';
+import { Body } from '../../components/Card/Body';
+import { Card as InternalCard } from '../../components/Card/Card';
+import { Footer } from '../../components/Card/Footer';
+import { Header } from '../../components/Card/Header';
+import { Media } from '../../components/Card/Media';
+import { Title } from '../../components/Card/Title';
 import './index.scss';
 export const Card = InternalCard;
 Card.Badge = Badge;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { type IconProps } from '../Icon';
+import { type IconProps } from '../../components/Icon';
 export type CloseProps<E extends React.ElementType = React.ElementType> = Omit<IconProps<E>, 'icon'>;
 export declare const Close: React.MemoExoticComponent<(<E extends React.ElementType<any> = "button">(props: CloseProps<E>) => JSX.Element)>;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useConfig } from '../ConfrigProvider';
-import { Icon } from '../Icon';
+import { useConfig } from '../../components/ConfrigProvider';
+import { Icon } from '../../components/Icon';
 const defaultElement = 'button';
 export const Close = React.memo((props) => {
     const config = useConfig();

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

@@ -1,10 +1,16 @@
 import * as React from 'react';
-type ComponentOwnProp<E extends React.ElementType = React.ElementType> = {
-    component?: E;
+type ComponentOwnProp<T extends React.ElementType = React.ElementType> = React.ComponentPropsWithoutRef<T> & {
+    component?: T;
 };
-type PropsToOmit<E extends React.ElementType, P = {}> = keyof (ComponentOwnProp<E> & P);
-export type PolymorphicProps<E extends React.ElementType, P = {}> = ComponentOwnProp<E> & Omit<React.ComponentPropsWithoutRef<E>, PropsToOmit<E, P>>;
-export type PolymorphicComponent<P = {}, C extends React.ElementType = 'div', I = {}> = <E extends React.ElementType = C>(props: PolymorphicProps<E, P> & I) => React.ReactElement | null;
-declare const defaultElement: React.ElementType;
-export declare const Component: <E extends React.ElementType = typeof defaultElement, P = {}>(props: PolymorphicProps<E, P>) => React.ReactElement | null;
+type PropsToOmit<E extends React.ElementType = React.ElementType, Props extends object = {}> = Omit<React.ComponentPropsWithoutRef<E>, keyof Props>;
+export type PolymorphicProps<E extends React.ElementType = React.ElementType, Props extends object = {}> = ComponentOwnProp<E> & PropsToOmit<E, Props>;
+export interface PolymorphicComponent<Component extends React.ElementType = React.ElementType, Props extends object = {}> {
+    <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): JSX.Element;
+    displayName?: string;
+    propTypes?: React.WeakValidationMap<any>;
+    contextTypes?: React.ValidationMap<any>;
+    defaultProps?: Partial<any>;
+    id?: string;
+}
+export declare const Component: React.ForwardRefExoticComponent<Omit<ComponentOwnProp<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
 export {};

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

@@ -1,3 +1,6 @@
 import * as React from 'react';
 const defaultElement = 'div';
-export const Component = React.forwardRef(({ component: Element = defaultElement, ...props }, ref) => React.createElement(Element, { ref: ref, ...props }));
+export const Component = React.forwardRef((props, ref) => {
+    const { component: PolymorphicElement = defaultElement, ...restProps } = props;
+    return React.createElement(PolymorphicElement, { ref: ref, ...restProps });
+});

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useConfig } from '../ConfrigProvider';
+import { useConfig } from '../../components/ConfrigProvider';
 import { useContext } from '../../hooks';
 export const ComponentContext = React.createContext({
     getRootCls() {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type PolymorphicProps } from '../Component';
+import { type PolymorphicProps } from '../../components/Component';
 import './index.scss';
 export interface ContainerOwnProps {
     expandLeft?: boolean;