@broxus/react-uikit 0.5.3 → 0.5.4

package/dist/esm/components/Control/TextArea/index.d.ts

@@ -14,5 +14,5 @@ export interface TextAreaProps extends RcTextAreaProps {
     size?: SizeType;
     state?: StateType;
 }
-export declare const TextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;
 export {};

package/dist/esm/components/Control/TextArea/index.js

@@ -9,7 +9,7 @@ function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
 /* eslint-disable jsx-a11y/label-has-associated-control */
-const ForwardedTextArea = React.forwardRef((props, ref) => {
+export const TextArea = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { className, dir, disabled, maxLength, prefixCls = config.prefixCls, readOnly, showCount, state, onPressEnter, ...restProps } = props;
     const hasMaxLength = Number(maxLength) > 0;
@@ -112,8 +112,6 @@ const ForwardedTextArea = React.forwardRef((props, ref) => {
         React.createElement("span", { className: `${controlCls}-input` },
             React.createElement(RcTextArea, { ...inputProps, value: value, ref: ref }))));
 });
-export const TextArea = React.memo(ForwardedTextArea);
 if (process.env.NODE_ENV !== 'production') {
-    ForwardedTextArea.displayName = 'TextArea.Forwarded';
     TextArea.displayName = 'TextArea';
 }

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

@@ -6,4 +6,7 @@ export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
     width?: number;
 }
-export declare const Cover: React.MemoExoticComponent<(props: CoverProps) => React.JSX.Element>;
+export declare function Cover(props: CoverProps): React.JSX.Element;
+export declare namespace Cover {
+    var displayName: string;
+}

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

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import './index.scss';
-export const Cover = React.memo((props) => {
+export function Cover(props) {
     const config = useConfig();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;
     const container = React.useRef(null);
@@ -69,7 +69,7 @@ export const Cover = React.memo((props) => {
         };
     }, [resize]);
     return (React.createElement("div", { ref: container, className: classNames(`${rootCls}-container`, className), ...restProps }, childrenWithCoverClass));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Cover.displayName = 'Cover';
 }

package/dist/esm/components/DescriptionList/Description.d.ts

@@ -1,2 +1,5 @@
 import * as React from 'react';
-export declare const Description: React.MemoExoticComponent<(props: React.HTMLAttributes<HTMLElement>) => React.JSX.Element>;
+export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare namespace Description {
+    var displayName: string;
+}

package/dist/esm/components/DescriptionList/Description.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export const Description = React.memo((props) => (React.createElement("dd", { ...props })));
+export function Description(props) {
+    return React.createElement("dd", { ...props });
+}
 if (process.env.NODE_ENV !== 'production') {
     Description.displayName = 'DescriptionList.Description';
 }

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

@@ -3,4 +3,7 @@ export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElem
     divided?: boolean;
     prefixCls?: string;
 }
-export declare const DescriptionList: React.MemoExoticComponent<(props: DescriptionListProps) => React.JSX.Element>;
+export declare function DescriptionList(props: DescriptionListProps): React.JSX.Element;
+export declare namespace DescriptionList {
+    var displayName: string;
+}

package/dist/esm/components/DescriptionList/DescriptionList.js

@@ -1,14 +1,14 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export const DescriptionList = React.memo((props) => {
+export function DescriptionList(props) {
     const config = useConfig();
     const { className, divided, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'description-list'), [config, prefixCls]);
     return (React.createElement("dl", { className: classNames(rootCls, {
             [`${rootCls}-divider`]: divided,
         }, className), ...restProps }));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     DescriptionList.displayName = 'DescriptionList';
 }

package/dist/esm/components/DescriptionList/Term.d.ts

@@ -1,2 +1,5 @@
 import * as React from 'react';
-export declare const Term: React.MemoExoticComponent<(props: React.HTMLAttributes<HTMLElement>) => React.JSX.Element>;
+export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare namespace Term {
+    var displayName: string;
+}

package/dist/esm/components/DescriptionList/Term.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export const Term = React.memo((props) => React.createElement("dt", { ...props }));
+export function Term(props) {
+    return React.createElement("dt", { ...props });
+}
 if (process.env.NODE_ENV !== 'production') {
     Term.displayName = 'DescriptionList.Term';
 }

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

@@ -4,7 +4,7 @@ import { type DescriptionListProps } from '../../components/DescriptionList/Desc
 import { Term } from '../../components/DescriptionList/Term';
 import './index.scss';
 export type { DescriptionListProps };
-export interface DescriptionList extends React.MemoExoticComponent<React.FunctionComponent<DescriptionListProps>> {
+export interface DescriptionList extends React.FunctionComponent<DescriptionListProps> {
     Description: typeof Description;
     Term: typeof Term;
 }

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

@@ -6,4 +6,7 @@ export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>,
     small?: boolean;
     vertical?: boolean;
 }
-export declare const Divider: React.MemoExoticComponent<(props: DividerProps) => React.JSX.Element>;
+export declare function Divider(props: DividerProps): React.JSX.Element;
+export declare namespace Divider {
+    var displayName: string;
+}

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

@@ -2,7 +2,7 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import './index.scss';
-export const Divider = React.memo((props) => {
+export function Divider(props) {
     const config = useConfig();
     const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'divider'), [config, prefixCls]);
@@ -11,7 +11,7 @@ export const Divider = React.memo((props) => {
             [`${rootCls}-small`]: small && !icon && !vertical,
             [`${rootCls}-vertical`]: vertical && !icon && !small,
         }, className), ...restProps }));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Divider.displayName = 'Divider';
 }

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

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

package/dist/esm/components/Dotnav/Dotnav.js

@@ -1,14 +1,14 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export const Dotnav = React.memo((props) => {
+export function Dotnav(props) {
     const config = useConfig();
     const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dotnav'), [config, prefixCls]);
     return (React.createElement("ul", { className: classNames(rootCls, {
             [`${rootCls}-vertical`]: vertical,
         }, className), ...restProps }));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Dotnav.displayName = 'Dotnav';
 }

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

@@ -2,4 +2,7 @@ import * as React from 'react';
 export interface DotnavItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'children'> {
     isActive?: boolean;
 }
-export declare const Item: React.MemoExoticComponent<(props: DotnavItemProps) => React.JSX.Element>;
+export declare function Item(props: DotnavItemProps): React.JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}

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

@@ -2,14 +2,14 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Button } from '../../components/Button';
 import { useConfig } from '../../components/ConfigProvider';
-export const Item = React.memo((props) => {
+export function Item(props) {
     const config = useConfig();
     const { className, isActive, onClick, ...restProps } = props;
     return (React.createElement("li", { className: classNames({
             [`${config.prefixCls}-active`]: isActive,
         }, className), ...restProps },
         React.createElement(Button, { type: "text", onClick: onClick })));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Dotnav.Item';
 }

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

@@ -3,7 +3,7 @@ import { type DotnavProps } from '../../components/Dotnav/Dotnav';
 import { Item } from '../../components/Dotnav/Item';
 import './index.scss';
 export type { DotnavProps };
-export interface Dotnav extends React.MemoExoticComponent<React.FunctionComponent<DotnavProps>> {
+export interface Dotnav extends React.FunctionComponent<DotnavProps> {
     Item: typeof Item;
 }
 export declare const Dotnav: Dotnav;

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

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { type Direction } from '../../types';
 import './index.scss';
 export type DrawerSize = 'large';
-export type TriggerArguments = {
-    collapse: () => void;
-    expand: () => void;
-    isOpen: boolean;
+export type DrawerRef = {
+    collapse: VoidFunction;
+    expand: VoidFunction;
+    isOpen?: boolean;
 };
 export interface PushState {
     distance: string | number;
@@ -18,6 +18,6 @@ export interface DrawerProps extends RcDrawerProps {
     defaultOpen?: boolean;
     direction?: Direction;
     size?: DrawerSize;
-    trigger?: (args: TriggerArguments) => JSX.Element;
+    trigger?: (ref: DrawerRef) => React.JSX.Element;
 }
-export declare const Drawer: React.MemoExoticComponent<(props: DrawerProps) => React.JSX.Element>;
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;

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

@@ -6,8 +6,7 @@ import { useConfig } from '../../components/ConfigProvider';
 import { addModalMode, getMotionName, removeModalMode } from '../../utils';
 import './index.scss';
 const defaultPushState = { distance: 180 };
-// Todo: add imperative handling
-export const Drawer = React.memo((props) => {
+export const Drawer = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { animation = 'slide', children, className, contentWrapperStyle, defaultOpen, destroyOnClose, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, size, rootClassName, rootStyle, trigger, onClose: onCloseCallback, ...restProps } = props;
     const [isShown, setShown] = React.useState(defaultOpen);
@@ -86,6 +85,11 @@ export const Drawer = React.memo((props) => {
         removeModalMode(`${rootCls}-page`);
         removeClass(document.body, drawerContainerClassName, `${rootCls}-container-animation`);
     }, [drawerContainerClassName, rootCls]);
+    React.useImperativeHandle(ref, () => ({
+        collapse,
+        expand,
+        isOpen: mergedOpen,
+    }), [collapse, expand, mergedOpen]);
     const mergedMotion = React.useCallback((motionPlacement) => ({
         motionAppear: true,
         motionEnter: true,

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

@@ -61,7 +61,7 @@ export const Drop = React.forwardRef((props, ref) => {
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(Trigger, { ref: triggerRef, action: action, builtinPlacements: placements, className: "test", destroyPopupOnHide: destroyOnHide, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
+    return (React.createElement(Trigger, { ref: triggerRef, action: action, builtinPlacements: placements, destroyPopupOnHide: destroyOnHide, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: mergeDropMaskMotion(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: classNames(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
         }), popupMotion: motion ?? {

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

@@ -19,6 +19,6 @@ export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     prefixCls?: string;
 }
 export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
-declare const defaultElement: React.ElementType;
+declare const defaultElement = "div";
 export declare function Flex<E extends React.ElementType = typeof defaultElement>(props: FlexProps<E>): React.JSX.Element;
 export {};

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

@@ -9,6 +9,6 @@ export interface ItemOwnItem {
     prefixCls?: string;
 }
 export type ItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ItemOwnItem & PolymorphicProps<E>> & PolymorphicProps<E, ItemOwnItem>;
-declare const defaultElement: React.ElementType;
+declare const defaultElement = "div";
 export declare function Item<E extends React.ElementType = typeof defaultElement>(props: ItemProps<E>): React.JSX.Element;
 export {};

package/dist/esm/components/Form/Controls.d.ts

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

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

@@ -2,13 +2,13 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { FormContext } from '../../components/Form/context';
-export const Controls = React.memo((props) => {
+export function Controls(props) {
     const config = useConfig();
     const { getRootCls } = React.useContext(FormContext);
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls'), [config, prefixCls]);
     return React.createElement("div", { className: classNames(rootCls, className), ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Controls.displayName = 'Form.Controls';
 }

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

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

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

@@ -2,13 +2,13 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { FormContext } from '../../components/Form/context';
-export const ControlsText = React.memo((props) => {
+export function ControlsText(props) {
     const config = useConfig();
     const { getRootCls } = React.useContext(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: classNames(rootCls, className), ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     ControlsText.displayName = 'Form.ControlsText';
 }

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

@@ -3,4 +3,7 @@ export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSet
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;
 }
-export declare const Fieldset: React.MemoExoticComponent<(props: FieldsetProps) => React.JSX.Element>;
+export declare function Fieldset(props: FieldsetProps): React.JSX.Element;
+export declare namespace Fieldset {
+    var displayName: string;
+}

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

@@ -1,14 +1,14 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export const Fieldset = React.memo((props) => {
+export function Fieldset(props) {
     const config = 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: classNames(rootCls, {
             [`${rootCls}-${layout}`]: layout !== undefined,
         }, className), ...restProps }));
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Fieldset.displayName = 'Form.Fieldset';
 }

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

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

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

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

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

@@ -2,12 +2,12 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 /* eslint-disable jsx-a11y/label-has-associated-control */
-export const Label = React.memo((props) => {
+export function Label(props) {
     const config = useConfig();
     const { className, prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form-label'), [config, prefixCls]);
     return React.createElement("label", { className: classNames(rootCls, className), ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Label.displayName = 'Form.Label';
 }

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

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

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

@@ -1,12 +1,12 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export const Legend = React.memo((props) => {
+export function Legend(props) {
     const config = 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: classNames(rootCls, className), ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Legend.displayName = 'Form.Legend';
 }

package/dist/esm/components/Form/context.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export const FormContext = React.createContext({
     getRootCls() {
-        return 'uk-form';
+        return undefined;
     },
 });

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

@@ -14,6 +14,6 @@ export type GridOwnProps = {
     rowGap?: GridGap;
 };
 export type GridProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<GridOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, GridOwnProps>;
-declare const defaultElement: React.ElementType;
+declare const defaultElement = "div";
 export declare function Grid<E extends React.ElementType = typeof defaultElement>(props: GridProps<E>): React.JSX.Element;
 export {};

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

@@ -7,4 +7,9 @@ export type HeadingOwnProps = {
     size?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 };
 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>) => React.JSX.Element)>;
+declare const defaultElement = "div";
+export declare function Heading<E extends React.ElementType = typeof defaultElement>(props: HeadingProps<E>): React.JSX.Element;
+export declare namespace Heading {
+    var displayName: string;
+}
+export {};

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

@@ -4,7 +4,7 @@ import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import './index.scss';
 const defaultElement = 'div';
-export const Heading = React.memo((props) => {
+export function Heading(props) {
     const config = useConfig();
     const { children, className, prefixCls = config.prefixCls, size, decoration, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'heading'), [config, prefixCls]);
@@ -12,7 +12,7 @@ export const Heading = React.memo((props) => {
             [`${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') {
     Heading.displayName = 'Heading';
 }

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

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

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Icon } from '../../components/Icon/Icon';
-export const Button = React.memo((props) => (React.createElement(Icon, { ...props, component: "button", role: "button", type: "button" })));
+export function Button(props) {
+    return React.createElement(Icon, { ...props, component: "button", role: "button", type: "button" });
+}
 if (process.env.NODE_ENV !== 'production') {
     Button.displayName = 'Icon.Button';
 }

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

@@ -8,4 +8,6 @@ export type IconOwnProps = {
     round?: boolean;
 };
 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>) => React.JSX.Element | null)>;
+declare const defaultElement = "span";
+export declare function Icon<E extends React.ElementType = typeof defaultElement>(props: IconProps<E>): React.JSX.Element | null;
+export {};

package/dist/esm/components/Icon/Icon.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'span';
-export const Icon = React.memo((props) => {
+export function Icon(props) {
     const config = useConfig();
     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]);
@@ -16,4 +16,4 @@ export const Icon = React.memo((props) => {
             [`${rootCls}-round`]: material && round,
             [`${rootCls}-${mode}`]: mode !== undefined,
         }, className), component: defaultElement, ...restProps }, material ? React.createElement("i", null, icon) : children));
-});
+}

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

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

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Icon } from '../../components/Icon/Icon';
-export const Link = React.memo((props) => (React.createElement(Icon, { ...props, component: "a", role: "button", type: "link" })));
+export function Link(props) {
+    return React.createElement(Icon, { ...props, component: "a", role: "button", type: "link" });
+}
 if (process.env.NODE_ENV !== 'production') {
     Link.displayName = 'Icon.Link';
 }

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

@@ -6,7 +6,7 @@ import './index.scss';
 export * from '../../components/Icon/default-svg-props';
 export * from '../../components/Icon/get-size';
 export type { IconProps, IconOwnProps };
-export interface Icon extends React.MemoExoticComponent<React.FunctionComponent<IconProps>> {
+export interface Icon extends React.FunctionComponent<IconProps> {
     Button: typeof Button;
     Link: typeof Link;
 }

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

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

package/dist/esm/components/Iconnav/Iconnav.js

@@ -1,11 +1,11 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export const Iconnav = React.memo((props) => {
+export function Iconnav(props) {
     const config = useConfig();
     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: classNames(rootCls, {
             [`${rootCls}-vertical`]: vertical,
         }, className), ...restProps }));
-});
+}

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

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