@broxus/react-uikit 0.1.3 → 0.2.1

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

@@ -29,11 +29,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function Controls(props) {
-    const { className, ...restProps } = props;
-    return (React.createElement("div", { className: (0, classnames_1.default)('uk-form-controls', className), ...restProps }));
-}
-exports.Controls = Controls;
+const ComponentProvider_1 = require("../ComponentProvider");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+exports.Controls = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    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 });
+});
 if (process.env.NODE_ENV !== 'production') {
-    Controls.displayName = 'Form.Controls';
+    exports.Controls.displayName = 'Form.Controls';
 }

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-export declare type ControlsTextProps = React.HTMLAttributes<HTMLDivElement>;
-export declare function ControlsText(props: ControlsTextProps): JSX.Element;
-export declare namespace ControlsText {
-    var displayName: string;
+export interface ControlsTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    prefixCls?: string;
 }
+export declare const ControlsText: React.MemoExoticComponent<(props: ControlsTextProps) => JSX.Element>;

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

@@ -29,11 +29,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ControlsText = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function ControlsText(props) {
-    const { className, ...restProps } = props;
-    return (React.createElement("div", { className: (0, classnames_1.default)('uk-form-controls-text', className), ...restProps }));
-}
-exports.ControlsText = ControlsText;
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const ComponentProvider_1 = require("../ComponentProvider");
+exports.ControlsText = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    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 });
+});
 if (process.env.NODE_ENV !== 'production') {
-    ControlsText.displayName = 'Form.ControlsText';
+    exports.ControlsText.displayName = 'Form.ControlsText';
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare type FieldsetProps = React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
-export declare function Fieldset(props: FieldsetProps): JSX.Element;
-export declare namespace Fieldset {
-    var displayName: string;
+export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    layout?: 'stacked' | 'horizontal';
+    prefixCls?: string;
 }
+export declare const Fieldset: React.MemoExoticComponent<(props: FieldsetProps) => JSX.Element>;

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

@@ -29,11 +29,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function Fieldset(props) {
-    const { className, ...restProps } = props;
-    return (React.createElement("fieldset", { className: (0, classnames_1.default)('uk-fieldset', className), ...restProps }));
-}
-exports.Fieldset = Fieldset;
+const ConfrigProvider_1 = require("../ConfrigProvider");
+exports.Fieldset = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'fieldset'), [config, prefixCls]);
+    return (React.createElement("fieldset", { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-${layout}`]: layout !== undefined,
+        }, className), ...restProps }));
+});
 if (process.env.NODE_ENV !== 'production') {
-    Fieldset.displayName = 'Form.Fieldset';
+    exports.Fieldset.displayName = 'Form.Fieldset';
 }

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import type { PolymorphicComponentProps } from '../Component';
+import { type PolymorphicProps } from '../Component';
 export interface FormOwnProps {
     layout?: 'stacked' | 'horizontal';
+    prefixCls?: string;
 }
-export declare type FormProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, FormOwnProps>;
-declare const defaultElement = "form";
-export declare function Form<E extends React.ElementType = typeof defaultElement>(props: FormProps<E>): JSX.Element;
-export {};
+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>) => JSX.Element)>;

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

@@ -30,11 +30,15 @@ exports.Form = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const ComponentProvider_1 = require("../ComponentProvider");
 const defaultElement = 'form';
-function Form(props) {
-    const { className, layout, ...restProps } = props;
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-form', {
-            [`uk-form-${layout}`]: layout !== undefined,
-        }, className), component: defaultElement, ...restProps }));
-}
-exports.Form = Form;
+exports.Form = React.memo((props) => {
+    const config = (0, ConfrigProvider_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 },
+        React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
+                [`${rootCls}-${layout}`]: layout !== undefined,
+            }, className), component: defaultElement, ...restProps })));
+});

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-export declare type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-export declare function Label(props: LabelProps): JSX.Element;
-export declare namespace Label {
-    var displayName: string;
+export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    prefixCls?: string;
 }
+export declare const Label: React.MemoExoticComponent<(props: LabelProps) => JSX.Element>;

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

@@ -29,11 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function Label(props) {
-    const { className, htmlFor, ...restProps } = props;
-    return (React.createElement("label", { className: (0, classnames_1.default)('uk-form-label', className), htmlFor: htmlFor, ...restProps }));
-}
-exports.Label = Label;
+const ConfrigProvider_1 = require("../ConfrigProvider");
+/* eslint-disable jsx-a11y/label-has-associated-control */
+exports.Label = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form-label'), [config, prefixCls]);
+    return React.createElement("label", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
+});
 if (process.env.NODE_ENV !== 'production') {
-    Label.displayName = 'Form.Label';
+    exports.Label.displayName = 'Form.Label';
 }

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-export declare type LegendProps = React.HTMLAttributes<HTMLLegendElement>;
-export declare function Legend(props: LegendProps): JSX.Element;
-export declare namespace Legend {
-    var displayName: string;
+export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement> {
+    prefixCls?: string;
 }
+export declare const Legend: React.MemoExoticComponent<(props: LegendProps) => JSX.Element>;

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

@@ -29,11 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Legend = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-function Legend(props) {
-    const { className, ...restProps } = props;
-    return (React.createElement("legend", { className: (0, classnames_1.default)('uk-legend', className), ...restProps }));
-}
-exports.Legend = Legend;
+const ConfrigProvider_1 = require("../ConfrigProvider");
+exports.Legend = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'legend'), [config, prefixCls]);
+    return React.createElement("legend", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
+});
 if (process.env.NODE_ENV !== 'production') {
-    Legend.displayName = 'Form.Legend';
+    exports.Legend.displayName = 'Form.Legend';
 }

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

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { Controls } from './Controls';
-import { ControlsText } from './ControlsText';
-import { Fieldset } from './Fieldset';
-import { Label } from './Label';
-import { Legend } from './Legend';
-import type { FormProps } from './Form';
+import type * as React from 'react';
+import { Controls } from '../Form/Controls';
+import { ControlsText } from '../Form/ControlsText';
+import { Fieldset } from '../Form/Fieldset';
+import { type FormProps } from '../Form/Form';
+import { Label } from '../Form/Label';
+import { Legend } from '../Form/Legend';
 import './index.scss';
 export type { FormProps };
-export interface CompoundedForm extends React.FunctionComponent<FormProps> {
+export interface Form extends React.MemoExoticComponent<React.ForwardRefExoticComponent<FormProps>> {
     Controls: typeof Controls;
     ControlsText: typeof ControlsText;
     Fieldset: typeof Fieldset;
     Label: typeof Label;
     Legend: typeof Legend;
 }
-export declare const Form: CompoundedForm;
+export declare const Form: Form;

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-const Controls_1 = require("./Controls");
-const ControlsText_1 = require("./ControlsText");
-const Fieldset_1 = require("./Fieldset");
-const Form_1 = require("./Form");
-const Label_1 = require("./Label");
-const Legend_1 = require("./Legend");
+const Controls_1 = require("../Form/Controls");
+const ControlsText_1 = require("../Form/ControlsText");
+const Fieldset_1 = require("../Form/Fieldset");
+const Form_1 = require("../Form/Form");
+const Label_1 = require("../Form/Label");
+const Legend_1 = require("../Form/Legend");
 require("./index.scss");
 exports.Form = Form_1.Form;
 exports.Form.Controls = Controls_1.Controls;

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

@@ -1,18 +1,17 @@
 import * as React from 'react';
-import type { PolymorphicComponentProps } from '../Component';
-import type { ChildWidthBreakpointsConfig, ChildWidthSize } from '../Width';
+import { type PolymorphicProps } from '../Component';
+import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../Width';
 import './index.scss';
-export declare type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
-export declare type GridOwnProps = {
+export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
+export type GridOwnProps = {
     childWidth?: ChildWidthSize | ChildWidthBreakpointsConfig;
     columnGap?: GridGap;
     divider?: boolean;
     gap?: GridGap;
     margin?: GridGap;
     match?: boolean;
+    prefixCls?: string;
     rowGap?: GridGap;
 };
-export declare type GridProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, GridOwnProps>;
-declare const defaultElement = "div";
-export declare function Grid<E extends React.ElementType = typeof defaultElement>(props: GridProps<E>): JSX.Element;
-export {};
+export type GridProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<GridOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, GridOwnProps>;
+export declare const Grid: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: GridProps<E>) => JSX.Element)>;

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

@@ -30,19 +30,21 @@ exports.Grid = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
 const Width_1 = require("../Width");
 require("./index.scss");
 const defaultElement = 'div';
-function Grid(props) {
-    const { childWidth, className, columnGap, divider, gap, margin, match, rowGap, ...restProps } = props;
+exports.Grid = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { childWidth, className, columnGap, divider, gap, margin, match, prefixCls = config.prefixCls, rowGap, ...restProps } = props;
     const childWithClassName = React.useMemo(() => (0, Width_1.getChildWidthClassname)(childWidth), [childWidth]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)('uk-grid', {
-            [`uk-grid-${gap}`]: gap !== undefined,
-            [`uk-grid-row-${rowGap}`]: rowGap !== undefined,
-            [`uk-grid-column-${columnGap}`]: columnGap !== undefined,
-            [`uk-grid-margin-${margin}`]: margin !== undefined,
-            'uk-grid-divider': divider,
-            'uk-grid-match': match,
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'grid'), [config, prefixCls]);
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-${gap}`]: gap !== undefined,
+            [`${rootCls}-row-${rowGap}`]: rowGap !== undefined,
+            [`${rootCls}-column-${columnGap}`]: columnGap !== undefined,
+            [`${rootCls}-margin-${margin}`]: margin !== undefined,
+            [`${rootCls}-divider`]: divider,
+            [`${rootCls}-match`]: match,
         }, childWithClassName, className), component: defaultElement, "data-uk-grid": "margin: ", ...restProps }));
-}
-exports.Grid = Grid;
+});

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { PolymorphicComponentProps } from '../Component';
+import { type PolymorphicProps } from '../Component';
 import './index.scss';
-export declare type HeadingOwnProps = {
+export type HeadingOwnProps = {
     decoration?: 'bullet' | 'divider' | 'line';
+    prefixCls?: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 };
-export declare type HeadingProps<E extends React.ElementType> = PolymorphicComponentProps<E, HeadingOwnProps>;
-declare const defaultElement = "div";
-export declare function Heading<E extends React.ElementType = typeof defaultElement>(props: HeadingProps<E>): JSX.Element;
-export {};
+export type HeadingProps<E extends React.ElementType> = React.PropsWithChildren<HeadingOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, HeadingOwnProps>;
+export declare const Heading: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: HeadingProps<E>) => JSX.Element)>;

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

@@ -30,13 +30,18 @@ exports.Heading = 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 = 'div';
-function Heading(props) {
-    const { children, className, size, decoration, ...restProps } = props;
+exports.Heading = React.memo((props) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { children, className, prefixCls = config.prefixCls, size, decoration, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'heading'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
-            [`uk-heading-${decoration}`]: decoration !== undefined,
-            [`uk-heading-${size}`]: size !== undefined,
-        }, className), component: defaultElement, ...restProps }, decoration === 'line' ? (React.createElement("span", null, children)) : children));
+            [`${rootCls}-${decoration}`]: decoration !== undefined,
+            [`${rootCls}-${size}`]: size !== undefined,
+        }, className), component: defaultElement, ...restProps }, decoration === 'line' ? React.createElement("span", null, children) : children));
+});
+if (process.env.NODE_ENV !== 'production') {
+    exports.Heading.displayName = 'Heading';
 }
-exports.Heading = Heading;

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

@@ -1,5 +1,3 @@
-import type { IconProps } from './Icon';
-export declare function Button(props: IconProps): JSX.Element;
-export declare namespace Button {
-    var displayName: string;
-}
+import * as React from 'react';
+import { type IconProps } from '../Icon/Icon';
+export declare const Button: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

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

@@ -25,11 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const React = __importStar(require("react"));
-const Icon_1 = require("./Icon");
-function Button(props) {
-    return (React.createElement(Icon_1.Icon, { component: "button", role: "button", type: "button", ...props }));
-}
-exports.Button = Button;
+const Icon_1 = require("../Icon/Icon");
+exports.Button = React.memo((props) => (React.createElement(Icon_1.Icon, { ...props, component: "button", role: "button", type: "button" })));
 if (process.env.NODE_ENV !== 'production') {
-    Button.displayName = 'Icon.Button';
+    exports.Button.displayName = 'Icon.Button';
 }

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

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import type { PolymorphicComponentProps } from '../Component';
-export declare type IconOwnProps = {
+import { type PolymorphicProps } from '../Component';
+export type IconOwnProps = {
     icon: string;
     material?: boolean;
     mode?: 'button' | 'image' | 'link';
     prefixCls?: string;
     round?: boolean;
 };
-export declare type IconProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, IconOwnProps>;
-declare const defaultElement = "span";
-export declare function Icon<E extends React.ElementType = typeof defaultElement>(props: IconProps<E>): JSX.Element | null;
-export {};
+export type IconProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<IconOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, IconOwnProps>;
+export declare const Icon: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: IconProps<E>) => JSX.Element | null)>;

package/dist/cjs/components/Icon/Icon.js

@@ -32,17 +32,17 @@ const classnames_1 = __importDefault(require("classnames"));
 const Component_1 = require("../Component");
 const ConfrigProvider_1 = require("../ConfrigProvider");
 const defaultElement = 'span';
-function Icon(props) {
+exports.Icon = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
-    const { children, className, icon, material = true, mode, prefixCls = `${config.prefixCls}-icon`, round, type, ...restProps } = props;
+    const { children, className, icon, material = true, mode, prefixCls = config.prefixCls, round, type, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'icon'), [config, prefixCls]);
     if (!icon) {
         return null;
     }
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, {
-            [`${prefixCls}-button`]: type === 'button',
-            [`${prefixCls}-material`]: material,
-            [`${prefixCls}-round`]: material && round,
-            [`${prefixCls}-${mode}`]: mode !== undefined,
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-button`]: type === 'button',
+            [`${rootCls}-material`]: material,
+            [`${rootCls}-round`]: material && round,
+            [`${rootCls}-${mode}`]: mode !== undefined,
         }, className), component: defaultElement, ...restProps }, material ? React.createElement("i", null, icon) : children));
-}
-exports.Icon = Icon;
+});

package/dist/cjs/components/Icon/Link.d.ts

@@ -1,5 +1,3 @@
-import type { IconProps } from './Icon';
-export declare function Link(props: IconProps): JSX.Element;
-export declare namespace Link {
-    var displayName: string;
-}
+import * as React from 'react';
+import { type IconProps } from '../Icon/Icon';
+export declare const Link: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;

package/dist/cjs/components/Icon/Link.js

@@ -25,11 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const React = __importStar(require("react"));
-const Icon_1 = require("./Icon");
-function Link(props) {
-    return (React.createElement(Icon_1.Icon, { component: "a", ...props, role: "button", type: "link" }));
-}
-exports.Link = Link;
+const Icon_1 = require("../Icon/Icon");
+exports.Link = React.memo((props) => (React.createElement(Icon_1.Icon, { ...props, component: "a", role: "button", type: "link" })));
 if (process.env.NODE_ENV !== 'production') {
-    Link.displayName = 'Icon.Link';
+    exports.Link.displayName = 'Icon.Link';
 }

package/dist/cjs/components/Icon/default-svg-props.d.ts

@@ -1,4 +1,4 @@
-export declare const defaultProps: {
+export declare const defaultSvgProps: {
     fill: string;
     viewBox: string;
     xmlns: string;

package/dist/cjs/components/Icon/default-svg-props.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultProps = void 0;
-exports.defaultProps = {
+exports.defaultSvgProps = void 0;
+exports.defaultSvgProps = {
     fill: 'none',
     viewBox: '0 0 20 20',
     xmlns: 'http://www.w3.org/2000/svg',

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

@@ -1,13 +1,13 @@
-import { Button } from './Button';
-import { Link } from './Link';
-import type { PolymorphicComponent } from '../Component';
-import type { IconOwnProps, IconProps } from './Icon';
+import type * as React from 'react';
+import { Button } from '../Icon/Button';
+import { type IconOwnProps, type IconProps } from '../Icon/Icon';
+import { Link } from '../Icon/Link';
 import './index.scss';
-export * from './default-svg-props';
-export * from './get-size';
+export * from '../Icon/default-svg-props';
+export * from '../Icon/get-size';
 export type { IconProps, IconOwnProps };
-export declare type CompoundedIcon = PolymorphicComponent<IconOwnProps> & {
+export interface Icon extends React.MemoExoticComponent<React.FunctionComponent<IconProps>> {
     Button: typeof Button;
     Link: typeof Link;
-};
-export declare const Icon: CompoundedIcon;
+}
+export declare const Icon: Icon;

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

@@ -15,12 +15,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const Button_1 = require("./Button");
-const Icon_1 = require("./Icon");
-const Link_1 = require("./Link");
+const Button_1 = require("../Icon/Button");
+const Icon_1 = require("../Icon/Icon");
+const Link_1 = require("../Icon/Link");
 require("./index.scss");
-__exportStar(require("./default-svg-props"), exports);
-__exportStar(require("./get-size"), exports);
+__exportStar(require("../Icon/default-svg-props"), exports);
+__exportStar(require("../Icon/get-size"), exports);
 exports.Icon = Icon_1.Icon;
 exports.Icon.Button = Button_1.Button;
 exports.Icon.Link = Link_1.Link;

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

@@ -3,4 +3,4 @@ export interface IconnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Iconnav(props: IconnavProps): JSX.Element;
+export declare const Iconnav: React.MemoExoticComponent<(props: IconnavProps) => JSX.Element>;

package/dist/cjs/components/Iconnav/Iconnav.js

@@ -30,11 +30,11 @@ exports.Iconnav = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const ConfrigProvider_1 = require("../ConfrigProvider");
-function Iconnav(props) {
+exports.Iconnav = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
-    const { className, prefixCls = `${config.prefixCls}-iconnav`, vertical, ...restProps } = props;
-    return (React.createElement("ul", { className: (0, classnames_1.default)(prefixCls, {
-            [`${prefixCls}-vertical`]: vertical,
+    const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'iconnav'), [config, prefixCls]);
+    return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-vertical`]: vertical,
         }, className), ...restProps }));
-}
-exports.Iconnav = Iconnav;
+});

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

@@ -1,9 +1,5 @@
 import * as React from 'react';
 export interface IconnavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     isActive?: boolean;
-    prefixCls?: string;
-}
-export declare function Item(props: IconnavItemProps): JSX.Element;
-export declare namespace Item {
-    var displayName: string;
 }
+export declare const Item: React.MemoExoticComponent<(props: IconnavItemProps) => JSX.Element>;

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

@@ -30,14 +30,13 @@ exports.Item = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const ConfrigProvider_1 = require("../ConfrigProvider");
-function Item(props) {
+exports.Item = React.memo((props) => {
     const config = (0, ConfrigProvider_1.useConfig)();
     const { children, className, isActive, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
-            [`${config}-active`]: isActive,
+            [`${config.prefixCls}-active`]: isActive,
         }, className), ...restProps }, children));
-}
-exports.Item = Item;
+});
 if (process.env.NODE_ENV !== 'production') {
-    Item.displayName = 'Iconnav.Item';
+    exports.Item.displayName = 'Iconnav.Item';
 }

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { Item } from './Item';
-import type { IconnavProps } from './Iconnav';
+import type * as React from 'react';
+import { type IconnavProps } from '../Iconnav/Iconnav';
+import { Item } from '../Iconnav/Item';
 import './index.scss';
 export type { IconnavProps };
-export interface CompoundedIconnav extends React.FunctionComponent<IconnavProps> {
+export interface Iconnav extends React.MemoExoticComponent<React.FunctionComponent<IconnavProps>> {
     Item: typeof Item;
 }
-export declare const Iconnav: CompoundedIconnav;
+export declare const Iconnav: Iconnav;

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

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

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

@@ -5,4 +5,4 @@ export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     type?: 'success' | 'warning' | 'danger';
 }
-export declare function Label(props: LabelProps): JSX.Element;
+export declare const Label: React.MemoExoticComponent<(props: LabelProps) => JSX.Element>;