@broxus/react-uikit 0.5.2 → 0.5.4

package/dist/cjs/components/Control/Radio/index.d.ts

@@ -3,7 +3,7 @@ import { Group, type RadioGroupProps } from '../../../components/Control/Radio/G
 import { type RadioProps } from '../../../components/Control/Radio/Radio';
 import './index.scss';
 export type { RadioGroupProps, RadioProps };
-export interface Radio extends React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>> {
+export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;
 }
 export declare const Radio: Radio;

package/dist/cjs/components/Control/Select/index.js

@@ -195,8 +195,7 @@ function InternalSelect(props, ref) {
                 offset: [offsetY, 5],
             }, mode: mode })));
 }
-const ForwardedSelect = React.forwardRef(InternalSelect);
-exports.Select = React.memo(ForwardedSelect);
+exports.Select = React.forwardRef(InternalSelect);
 exports.Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
 exports.Select.Option = rc_select_1.Option;
 exports.Select.OptGroup = rc_select_1.OptGroup;

package/dist/cjs/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/cjs/components/Control/TextArea/index.js

@@ -38,7 +38,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) => {
+exports.TextArea = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, dir, disabled, maxLength, prefixCls = config.prefixCls, readOnly, showCount, state, onPressEnter, ...restProps } = props;
     const hasMaxLength = Number(maxLength) > 0;
@@ -141,8 +141,6 @@ const ForwardedTextArea = React.forwardRef((props, ref) => {
         React.createElement("span", { className: `${controlCls}-input` },
             React.createElement(rc_textarea_1.default, { ...inputProps, value: value, ref: ref }))));
 });
-exports.TextArea = React.memo(ForwardedTextArea);
 if (process.env.NODE_ENV !== 'production') {
-    ForwardedTextArea.displayName = 'TextArea.Forwarded';
     exports.TextArea.displayName = 'TextArea';
 }

package/dist/cjs/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/cjs/components/Cover/index.js

@@ -32,7 +32,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
-exports.Cover = React.memo((props) => {
+function Cover(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;
     const container = React.useRef(null);
@@ -98,7 +98,8 @@ exports.Cover = React.memo((props) => {
         };
     }, [resize]);
     return (React.createElement("div", { ref: container, className: (0, classnames_1.default)(`${rootCls}-container`, className), ...restProps }, childrenWithCoverClass));
-});
+}
+exports.Cover = Cover;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Cover.displayName = 'Cover';
+    Cover.displayName = 'Cover';
 }

package/dist/cjs/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/cjs/components/DescriptionList/Description.js

@@ -25,7 +25,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Description = void 0;
 const React = __importStar(require("react"));
-exports.Description = React.memo((props) => (React.createElement("dd", { ...props })));
+function Description(props) {
+    return React.createElement("dd", { ...props });
+}
+exports.Description = Description;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Description.displayName = 'DescriptionList.Description';
+    Description.displayName = 'DescriptionList.Description';
 }

package/dist/cjs/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/cjs/components/DescriptionList/DescriptionList.js

@@ -30,14 +30,15 @@ exports.DescriptionList = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.DescriptionList = React.memo((props) => {
+function DescriptionList(props) {
     const config = (0, ConfigProvider_1.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: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-divider`]: divided,
         }, className), ...restProps }));
-});
+}
+exports.DescriptionList = DescriptionList;
 if (process.env.NODE_ENV !== 'production') {
-    exports.DescriptionList.displayName = 'DescriptionList';
+    DescriptionList.displayName = 'DescriptionList';
 }

package/dist/cjs/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/cjs/components/DescriptionList/Term.js

@@ -25,7 +25,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Term = void 0;
 const React = __importStar(require("react"));
-exports.Term = React.memo((props) => React.createElement("dt", { ...props }));
+function Term(props) {
+    return React.createElement("dt", { ...props });
+}
+exports.Term = Term;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Term.displayName = 'DescriptionList.Term';
+    Term.displayName = 'DescriptionList.Term';
 }

package/dist/cjs/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/cjs/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/cjs/components/Divider/index.js

@@ -31,7 +31,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
-exports.Divider = React.memo((props) => {
+function Divider(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'divider'), [config, prefixCls]);
@@ -40,7 +40,8 @@ exports.Divider = React.memo((props) => {
             [`${rootCls}-small`]: small && !icon && !vertical,
             [`${rootCls}-vertical`]: vertical && !icon && !small,
         }, className), ...restProps }));
-});
+}
+exports.Divider = Divider;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Divider.displayName = 'Divider';
+    Divider.displayName = 'Divider';
 }

package/dist/cjs/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/cjs/components/Dotnav/Dotnav.js

@@ -30,14 +30,15 @@ exports.Dotnav = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Dotnav = React.memo((props) => {
+function Dotnav(props) {
     const config = (0, ConfigProvider_1.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: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-vertical`]: vertical,
         }, className), ...restProps }));
-});
+}
+exports.Dotnav = Dotnav;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Dotnav.displayName = 'Dotnav';
+    Dotnav.displayName = 'Dotnav';
 }

package/dist/cjs/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/cjs/components/Dotnav/Item.js

@@ -31,14 +31,15 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Button_1 = require("../../components/Button");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Item = React.memo((props) => {
+function Item(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, isActive, onClick, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: isActive,
         }, className), ...restProps },
         React.createElement(Button_1.Button, { type: "text", onClick: onClick })));
-});
+}
+exports.Item = Item;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Item.displayName = 'Dotnav.Item';
+    Item.displayName = 'Dotnav.Item';
 }

package/dist/cjs/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/cjs/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/cjs/components/Drawer/index.js

@@ -35,8 +35,7 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 require("./index.scss");
 const defaultPushState = { distance: 180 };
-// Todo: add imperative handling
-exports.Drawer = React.memo((props) => {
+exports.Drawer = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.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);
@@ -115,6 +114,11 @@ exports.Drawer = React.memo((props) => {
         (0, utils_1.removeModalMode)(`${rootCls}-page`);
         (0, js_utils_1.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/cjs/components/Drop/index.js

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/Form/Controls.js

@@ -31,13 +31,14 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
-exports.Controls = React.memo((props) => {
+function Controls(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     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 });
-});
+}
+exports.Controls = Controls;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Controls.displayName = 'Form.Controls';
+    Controls.displayName = 'Form.Controls';
 }

package/dist/cjs/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/cjs/components/Form/ControlsText.js

@@ -31,13 +31,14 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
-exports.ControlsText = React.memo((props) => {
+function ControlsText(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     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 });
-});
+}
+exports.ControlsText = ControlsText;
 if (process.env.NODE_ENV !== 'production') {
-    exports.ControlsText.displayName = 'Form.ControlsText';
+    ControlsText.displayName = 'Form.ControlsText';
 }

package/dist/cjs/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/cjs/components/Form/Fieldset.js

@@ -30,14 +30,15 @@ exports.Fieldset = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Fieldset = React.memo((props) => {
+function Fieldset(props) {
     const config = (0, ConfigProvider_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 }));
-});
+}
+exports.Fieldset = Fieldset;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Fieldset.displayName = 'Form.Fieldset';
+    Fieldset.displayName = 'Form.Fieldset';
 }

package/dist/cjs/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/cjs/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/cjs/components/Form/Label.js

@@ -31,12 +31,13 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 /* eslint-disable jsx-a11y/label-has-associated-control */
-exports.Label = React.memo((props) => {
+function Label(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, 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 });
-});
+}
+exports.Label = Label;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Label.displayName = 'Form.Label';
+    Label.displayName = 'Form.Label';
 }

package/dist/cjs/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/cjs/components/Form/Legend.js

@@ -30,12 +30,13 @@ exports.Legend = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Legend = React.memo((props) => {
+function Legend(props) {
     const config = (0, ConfigProvider_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 });
-});
+}
+exports.Legend = Legend;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Legend.displayName = 'Form.Legend';
+    Legend.displayName = 'Form.Legend';
 }

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

@@ -27,6 +27,6 @@ exports.FormContext = void 0;
 const React = __importStar(require("react"));
 exports.FormContext = React.createContext({
     getRootCls() {
-        return 'uk-form';
+        return undefined;
     },
 });

package/dist/cjs/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/cjs/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/cjs/components/Heading/index.js

@@ -33,7 +33,7 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'div';
-exports.Heading = React.memo((props) => {
+function Heading(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, prefixCls = config.prefixCls, size, decoration, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'heading'), [config, prefixCls]);
@@ -41,7 +41,8 @@ exports.Heading = React.memo((props) => {
             [`${rootCls}-${decoration}`]: decoration !== undefined,
             [`${rootCls}-${size}`]: size !== undefined,
         }, className), component: defaultElement, ...restProps }, decoration === 'line' ? React.createElement("span", null, children) : children));
-});
+}
+exports.Heading = Heading;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Heading.displayName = 'Heading';
+    Heading.displayName = 'Heading';
 }

package/dist/cjs/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/cjs/components/Icon/Button.js

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

package/dist/cjs/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/cjs/components/Icon/Icon.js

@@ -32,7 +32,7 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'span';
-exports.Icon = React.memo((props) => {
+function Icon(props) {
     const config = (0, ConfigProvider_1.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]);
@@ -45,4 +45,5 @@ exports.Icon = React.memo((props) => {
             [`${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,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;
+}