@broxus/react-uikit 0.4.7 → 0.5.0

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

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

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

@@ -29,15 +29,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Article = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const ComponentProvider_1 = require("../../components/ComponentProvider");
+const context_1 = require("../../components/Article/context");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Article = React.memo((props) => {
+function Article(props) {
     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 },
+    const context = React.useMemo(() => ({
+        getRootCls() {
+            return rootCls;
+        },
+    }), [rootCls]);
+    return (React.createElement(context_1.ArticleContext.Provider, { value: context },
         React.createElement("article", { className: (0, classnames_1.default)(rootCls, className), ...restProps })));
-});
+}
+exports.Article = Article;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Article.displayName = 'Article';
+    Article.displayName = 'Article';
 }

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

@@ -4,4 +4,9 @@ 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>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Meta<E extends React.ElementType = typeof defaultElement>(props: ArticleMetaProps<E>): React.JSX.Element;
+export declare namespace Meta {
+    var displayName: string;
+}
+export {};

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

@@ -29,17 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Meta = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Article/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'p';
-exports.Meta = React.memo((props) => {
+function Meta(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.ArticleContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'meta'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
-});
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
+}
+exports.Meta = Meta;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Meta.displayName = 'Article.Meta';
+    Meta.displayName = 'Article.Meta';
 }

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

@@ -4,4 +4,9 @@ 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>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Title<E extends React.ElementType = typeof defaultElement>(props: ArticleTitleProps<E>): React.JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+export {};

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

@@ -29,17 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Article/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'h1';
-exports.Title = React.memo((props) => {
+function Title(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.ArticleContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
-});
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
+}
+exports.Title = Title;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Title.displayName = 'Article.Title';
+    Title.displayName = 'Article.Title';
 }

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

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

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

@@ -0,0 +1,32 @@
+"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.ArticleContext = void 0;
+const React = __importStar(require("react"));
+exports.ArticleContext = React.createContext({
+    getRootCls() {
+        return 'uk-article';
+    },
+});

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

@@ -4,7 +4,7 @@ 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>> {
+export interface Article extends React.FunctionComponent<ArticleProps> {
     Meta: typeof Meta;
     Title: typeof Title;
 }

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

@@ -1,4 +1,9 @@
 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>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Badge<E extends React.ElementType = typeof defaultElement>(props: CardBadgeProps<E>): React.JSX.Element;
+export declare namespace Badge {
+    var displayName: string;
+}
+export {};

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

@@ -30,16 +30,17 @@ exports.Badge = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Badge_1 = require("../../components/Badge");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
+const context_1 = require("../../components/Card/context");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'span';
-exports.Badge = React.memo((props) => {
+function Badge(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.CardContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'badge'), [config, prefixCls]);
     return React.createElement(Badge_1.Badge, { className: (0, classnames_1.default)(rootCls, className), ...restProps });
-});
+}
+exports.Badge = Badge;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Badge.displayName = 'Card.Badge';
+    Badge.displayName = 'Card.Badge';
 }

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

@@ -4,4 +4,9 @@ export type CardBodyOwnProps = {
     prefixCls?: string;
 };
 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)>;
+declare const defaultElement: React.ElementType;
+export declare function Body<E extends React.ElementType = typeof defaultElement>(props: CardBodyProps<E>): React.JSX.Element;
+export declare namespace Body {
+    var displayName: string;
+}
+export {};

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

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

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

@@ -30,8 +30,8 @@ exports.Card = void 0;
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Card/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 function Card(props) {
@@ -41,7 +41,12 @@ function Card(props) {
         ? config[`card${(0, js_utils_1.capitalizeFirstLetter)(color)}ColorMode`]
         : undefined, hoverable, prefixCls = config.prefixCls, size, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'card'), [config, prefixCls]);
-    return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "card", prefixCls: prefixCls || config.prefixCls },
+    const context = React.useMemo(() => ({
+        getRootCls() {
+            return rootCls;
+        },
+    }), [rootCls]);
+    return (React.createElement(context_1.CardContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
                 [`${rootCls}-${color}`]: color !== undefined,
                 [`${rootCls}-${size}`]: size !== undefined,

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

@@ -4,4 +4,9 @@ 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>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Footer<E extends React.ElementType = typeof defaultElement>(props: CardFooterProps<E>): React.JSX.Element;
+export declare namespace Footer {
+    var displayName: string;
+}
+export {};

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

@@ -29,17 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Card/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'footer';
-exports.Footer = React.memo((props) => {
+function Footer(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.CardContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'footer'), [config, prefixCls]);
+    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 });
-});
+}
+exports.Footer = Footer;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Footer.displayName = 'Card.Footer';
+    Footer.displayName = 'Card.Footer';
 }

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

@@ -4,4 +4,9 @@ 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>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Header<E extends React.ElementType = typeof defaultElement>(props: CardHeaderProps<E>): React.JSX.Element;
+export declare namespace Header {
+    var displayName: string;
+}
+export {};

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

@@ -29,17 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Card/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'header';
-exports.Header = React.memo((props) => {
+function Header(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.CardContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'header'), [config, prefixCls]);
+    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 });
-});
+}
+exports.Header = Header;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Header.displayName = 'Card.Header';
+    Header.displayName = 'Card.Header';
 }

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

@@ -5,4 +5,9 @@ export type CardMediaOwnProps = {
     prefixCls?: string;
 };
 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)>;
+declare const defaultElement: React.ElementType;
+export declare function Media<E extends React.ElementType = typeof defaultElement>(props: CardMediaProps<E>): React.JSX.Element;
+export declare namespace Media {
+    var displayName: string;
+}
+export {};

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

@@ -29,19 +29,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Media = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Card/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-exports.Media = React.memo((props) => {
+function Media(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.CardContext);
     const { className, position, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'media'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${rootCls}-${position}`]: position !== undefined,
         }, className), component: defaultElement, ...restProps }));
-});
+}
+exports.Media = Media;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Media.displayName = 'Card.Media';
+    Media.displayName = 'Card.Media';
 }

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

@@ -4,4 +4,9 @@ export type CardTitleOwnProps = {
     prefixCls?: string;
 };
 export type CardTitleProps<E extends React.ElementType> = React.PropsWithChildren<CardTitleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, CardTitleOwnProps>;
-export declare const Title: React.MemoExoticComponent<(<E extends React.ElementType<any> = "h3">(props: CardTitleProps<E>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Title<E extends React.ElementType = typeof defaultElement>(props: CardTitleProps<E>): React.JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+export {};

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

@@ -29,17 +29,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const context_1 = require("../../components/Card/context");
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'h3';
-exports.Title = React.memo((props) => {
+function Title(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.CardContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'title'), [config, prefixCls]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
-});
+}
+exports.Title = Title;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Title.displayName = 'Card.Title';
+    Title.displayName = 'Card.Title';
 }

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

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

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

@@ -0,0 +1,32 @@
+"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.CardContext = void 0;
+const React = __importStar(require("react"));
+exports.CardContext = React.createContext({
+    getRootCls() {
+        return 'uk-card';
+    },
+});

package/dist/cjs/components/Flex/Flex.js

@@ -30,8 +30,8 @@ exports.Flex = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
+const context_1 = require("../../components/Flex/context");
 const utils_1 = require("../../utils");
 const defaultElement = 'div';
 function Flex(props) {
@@ -41,7 +41,12 @@ function Flex(props) {
     const justifyContentCls = React.useMemo(() => (typeof justifyContent === 'string'
         ? `${rootCls}-${justifyContent}`
         : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'flex', justifyContent)), [config.prefixCls, justifyContent, prefixCls, rootCls]);
-    return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "flex", prefixCls: prefixCls || config.prefixCls },
+    const context = React.useMemo(() => ({
+        getRootCls() {
+            return rootCls;
+        },
+    }), [rootCls]);
+    return (React.createElement(context_1.FlexContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
                 [rootCls]: !inline,
                 [`${rootCls}-inline`]: inline,

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

@@ -30,13 +30,13 @@ exports.Item = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
+const context_1 = require("../../components/Flex/context");
 const utils_1 = require("../../utils");
 const defaultElement = 'div';
 function Item(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.FlexContext);
     const { className, itemDimensions, order, prefixCls = getRootCls(), ...restProps } = props;
     const orderCls = React.useMemo(() => (typeof order === 'string'
         ? `${prefixCls}-${order}`

package/dist/cjs/components/Flex/context.d.ts

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

package/dist/cjs/components/Flex/context.js

@@ -0,0 +1,32 @@
+"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.FlexContext = void 0;
+const React = __importStar(require("react"));
+exports.FlexContext = React.createContext({
+    getRootCls() {
+        return undefined;
+    },
+});

package/dist/cjs/components/Form/Controls.js

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
+const context_1 = require("../../components/Form/context");
 exports.Controls = React.memo((props) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.FormContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });

package/dist/cjs/components/Form/ControlsText.js

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ControlsText = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
+const context_1 = require("../../components/Form/context");
 exports.ControlsText = React.memo((props) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { getRootCls } = React.useContext(context_1.FormContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls-text'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });

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

@@ -5,4 +5,6 @@ export interface FormOwnProps {
     prefixCls?: string;
 }
 export type FormProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FormOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FormOwnProps>;
-export declare const Form: React.MemoExoticComponent<(<E extends React.ElementType<any> = "form">(props: FormProps<E>) => React.JSX.Element)>;
+declare const defaultElement: React.ElementType;
+export declare function Form<E extends React.ElementType = typeof defaultElement>(props: FormProps<E>): React.JSX.Element;
+export {};

package/dist/cjs/components/Form/Form.js

@@ -30,15 +30,21 @@ exports.Form = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ComponentProvider_1 = require("../../components/ComponentProvider");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
+const context_1 = require("../../components/Form/context");
 const defaultElement = 'form';
-exports.Form = React.memo((props) => {
+function Form(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form'), [config, prefixCls]);
-    return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "form", prefixCls: prefixCls || config.prefixCls },
+    const context = React.useMemo(() => ({
+        getRootCls() {
+            return rootCls;
+        },
+    }), [rootCls]);
+    return (React.createElement(context_1.FormContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
                 [`${rootCls}-${layout}`]: layout !== undefined,
             }, className), component: defaultElement, ...restProps })));
-});
+}
+exports.Form = Form;

package/dist/cjs/components/Form/context.d.ts

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