@broxus/react-uikit 0.21.0 → 0.23.0

package/dist/esm/components/Control/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import { type BaseSelectRef, type SelectProps as RcSelectProps, OptGroup, Option } from '@rc-component/select';
+import { type BaseOptionType, type DefaultOptionType } from '@rc-component/select/es/Select';
+import * as React from 'react';
+import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
+import { type SizeType } from '../../../types';
+export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'placement'> {
+    size?: SizeType;
+}
+export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<ControlProps<ValueType>, 'allowClear' | 'defaultValue' | 'suffix' | 'value'>, Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'getInputElement' | 'backfill'> {
+    placement?: SelectPlacement;
+    showArrow?: boolean;
+}
+export declare const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
+    ref?: React.Ref<BaseSelectRef>;
+}) => React.ReactElement) & {
+    OptGroup: typeof OptGroup;
+    Option: typeof Option;
+};

package/dist/esm/components/Control/Select/Select.js

@@ -0,0 +1,209 @@
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import RcSelect, { OptGroup, Option } from '@rc-component/select';
+import classNames from 'classnames';
+import * as React from 'react';
+import { useConfig } from '../../../components/ConfigProvider';
+import { getBuiltInPlacements } from '../../../components/Control/Select/placements';
+import { Icon } from '../../../components/Icon';
+import { Spinner } from '../../../components/Spinner';
+import { KeyCode } from '../../../constants';
+function InternalSelect({ allowClear, popupMatchSelectWidth, builtinPlacements = getBuiltInPlacements(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, mode, placement = 'bottom-left', showArrow = true, showSearch = false, onPressEnter, ...props }, ref) {
+    const config = useConfig();
+    const { direction = config.select?.direction || config.direction, prefixCls = config.select?.prefixCls || config.prefixCls, ...restProps } = props;
+    const inputRef = React.useRef(null);
+    const labelRef = React.useRef(null);
+    const [focused, setFocused] = React.useState(false);
+    const [internalOpen, setInternalOpen] = React.useState(restProps.defaultOpen || restProps.open || false);
+    const [offsetY, setOffsetY] = React.useState(2);
+    const onBlur = React.useCallback(event => {
+        setFocused(false);
+        setInternalOpen(false);
+        restProps.onBlur?.(event);
+    }, [restProps]);
+    const onFocus = React.useCallback(event => {
+        setFocused(true);
+        restProps.onFocus?.(event);
+    }, [restProps]);
+    const onKeyDown = React.useCallback(event => {
+        if (event.code === KeyCode.Enter) {
+            setInternalOpen(true);
+            onPressEnter?.(event);
+        }
+        else if (event.code === KeyCode.Space) {
+            setInternalOpen(true);
+        }
+        restProps.onKeyDown?.(event);
+    }, [onPressEnter, restProps]);
+    const onPopupVisibleChange = React.useCallback((open) => {
+        setInternalOpen(open);
+        restProps.onPopupVisibleChange?.(open);
+    }, [restProps]);
+    const onClickIcon = React.useCallback(() => {
+        setInternalOpen(!internalOpen);
+    }, [internalOpen]);
+    React.useEffect(() => {
+        setInternalOpen(restProps.defaultOpen || restProps.open || internalOpen);
+    }, [restProps.open, restProps.defaultOpen, internalOpen]);
+    React.useEffect(() => {
+        const select = labelRef.current?.firstElementChild;
+        if (select) {
+            let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
+            if (direction !== 'rtl') {
+                offset *= -1;
+            }
+            setOffsetY(offset);
+        }
+    }, [direction]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const wrapperClasses = React.useMemo(() => classNames([controlCls, `${controlCls}-select`], {
+        [`${controlCls}-${restProps.size}`]: restProps.size,
+        [`${controlCls}-rtl`]: direction === 'rtl',
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
+    }, className), [
+        className,
+        config.select?.prefixCls,
+        config.prefixCls,
+        controlCls,
+        focused,
+        prefixCls,
+        direction,
+        restProps.disabled,
+        restProps.size,
+    ]);
+    const inputProps = React.useMemo(() => {
+        // Arrow or loading icon
+        let suffixIcon;
+        if (restProps.loading) {
+            if (typeof config.select?.loadingIcon === 'function') {
+                suffixIcon = config.select.loadingIcon();
+            }
+            else if (React.isValidElement(config.select?.loadingIcon)) {
+                suffixIcon = config.select.loadingIcon;
+            }
+            else {
+                suffixIcon = React.createElement(Spinner, { key: "spinner", ratio: 0.7 });
+            }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow ${rootCls}-arrow-loading` }, suffixIcon);
+        }
+        else if (showArrow) {
+            const isMultiple = mode === 'multiple' || mode === 'tags';
+            if (isMultiple) {
+                if (typeof config.select?.addIcon === 'function') {
+                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
+                }
+                else if (React.isValidElement(config.select?.addIcon)) {
+                    suffixIcon = config.select.addIcon;
+                }
+                else {
+                    suffixIcon = React.createElement(Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
+                }
+            }
+            else if (showSearch && internalOpen) {
+                if (typeof config.select?.searchIcon === 'function') {
+                    suffixIcon = config.select.searchIcon();
+                }
+                else if (React.isValidElement(config.select?.searchIcon)) {
+                    suffixIcon = config.select.searchIcon;
+                }
+                else {
+                    suffixIcon = React.createElement(Icon, { key: "manage_search", icon: "manage_search" });
+                }
+            }
+            else if (typeof config.select?.arrowIcon === 'function') {
+                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
+            }
+            else if (React.isValidElement(config.select?.arrowIcon)) {
+                suffixIcon = config.select.arrowIcon;
+            }
+            else {
+                suffixIcon = internalOpen
+                    ? React.createElement(Icon, { key: "expand_less", icon: "expand_less", onClick: onClickIcon })
+                    : React.createElement(Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon });
+            }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow` }, suffixIcon);
+        }
+        // Not found content
+        let mergedNotFound;
+        if (restProps.notFoundContent !== undefined) {
+            mergedNotFound = restProps.notFoundContent;
+        }
+        else if (mode === 'combobox') {
+            mergedNotFound = null;
+        }
+        if (typeof config.select?.notFoundContent === 'function') {
+            mergedNotFound = config.select.notFoundContent();
+        }
+        else if (React.isValidElement(config.select?.notFoundContent)) {
+            mergedNotFound = config.select.notFoundContent;
+        }
+        let clearIcon = React.createElement(Icon, { icon: "clear" });
+        if (typeof config.select?.clearIcon === 'function') {
+            clearIcon = config.select.clearIcon();
+        }
+        else if (React.isValidElement(config.select?.clearIcon)) {
+            clearIcon = config.select.clearIcon;
+        }
+        return {
+            allowClear: (allowClear || allowClear === undefined) && {
+                clearIcon,
+            },
+            listHeight,
+            listItemHeight,
+            menuItemSelectedIcon: React.createElement(Icon, { icon: "check" }),
+            open: internalOpen,
+            prefixCls: rootCls,
+            removeIcon: React.createElement(Icon, { icon: "clear" }),
+            showSearch,
+            suffix: suffixIcon,
+            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
+            ...restProps,
+            notFoundContent: mergedNotFound,
+            popupClassName: classNames(restProps.popupClassName, {
+                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
+            }),
+            popupMatchSelectWidth: true,
+            onBlur,
+            onFocus,
+            onKeyDown,
+            onPopupVisibleChange,
+        };
+    }, [
+        restProps,
+        showArrow,
+        mode,
+        config,
+        allowClear,
+        listHeight,
+        listItemHeight,
+        internalOpen,
+        rootCls,
+        showSearch,
+        prefixCls,
+        direction,
+        onBlur,
+        onFocus,
+        onKeyDown,
+        onClickIcon,
+        onPopupVisibleChange,
+    ]);
+    React.useImperativeHandle(ref, () => ({
+        blur() {
+            inputRef.current?.blur();
+        },
+        focus() {
+            inputRef.current?.focus();
+        },
+        scrollTo() {
+            return inputRef.current?.scrollTo;
+        },
+    }));
+    return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
+        React.createElement(RcSelect, { ref: inputRef, builtinPlacements: builtinPlacements, placement: placement, popupAlign: {
+                offset: [offsetY, 5],
+            }, ...inputProps, mode: mode })));
+}
+export const Select = React.forwardRef(InternalSelect);
+Select.Option = Option;
+Select.OptGroup = OptGroup;

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

@@ -1,23 +1,4 @@
-import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from '@rc-component/select';
-import { type OptionProps } from '@rc-component/select/lib/Option';
-import { type BaseOptionType, type DefaultOptionType } from '@rc-component/select/lib/Select';
-import * as React from 'react';
-import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
-import { type SizeType } from '../../../types';
-export type { BaseSelectRef, OptionProps };
-export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'allowClear' | 'mode' | 'placement'> {
-    mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-    size?: SizeType;
-}
-export interface SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<ControlProps<ValueType>, 'value' | 'defaultValue'>, Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'> {
-    mode?: 'multiple' | 'tags';
-    placement?: SelectPlacement;
-    showArrow?: boolean;
-}
-export declare const Select: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
-    ref?: React.Ref<BaseSelectRef>;
-}) => React.ReactElement) & {
-    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
-    Option: typeof Option;
-    OptGroup: typeof OptGroup;
-};
+export { Select } from '../../../components/Control/Select/Select';
+export { type SelectProps } from '../../../components/Control/Select/Select';
+export { type BaseSelectRef } from '@rc-component/select';
+export { type OptionProps } from '@rc-component/select/es/Option';

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

@@ -1,217 +1 @@
-import RcSelect, { OptGroup, Option } from '@rc-component/select';
-import classNames from 'classnames';
-import * as React from 'react';
-import { useConfig } from '../../../components/ConfigProvider';
-import { getBuiltInPlacements } from '../../../components/Control/Select/placements';
-import { Icon } from '../../../components/Icon';
-import { Spinner } from '../../../components/Spinner';
-const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
-/* eslint-disable jsx-a11y/label-has-associated-control */
-function InternalSelect(props, ref) {
-    const config = useConfig();
-    const { allowClear, direction = config.select?.direction || config.direction, popupMatchSelectWidth, builtinPlacements = getBuiltInPlacements(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
-    const inputRef = React.useRef(null);
-    const labelRef = React.useRef(null);
-    const [focused, setFocused] = React.useState(false);
-    const [internalOpen, setInternalOpen] = React.useState(restProps.defaultOpen || restProps.open || false);
-    const [offsetY, setOffsetY] = React.useState(2);
-    const onBlur = React.useCallback(event => {
-        setFocused(false);
-        setInternalOpen(false);
-        restProps.onBlur?.(event);
-    }, [restProps]);
-    const onFocus = React.useCallback(event => {
-        setFocused(true);
-        restProps.onFocus?.(event);
-    }, [restProps]);
-    const onKeyDown = React.useCallback(event => {
-        if (event.keyCode === 13) {
-            setInternalOpen(true);
-            onPressEnter?.(event);
-        }
-        else if (event.keyCode === 32) {
-            setInternalOpen(true);
-        }
-        restProps.onKeyDown?.(event);
-    }, [onPressEnter, restProps]);
-    const onPopupVisibleChange = React.useCallback((open) => {
-        setInternalOpen(open);
-        restProps.onPopupVisibleChange?.(open);
-    }, [restProps]);
-    const onClickIcon = React.useCallback(() => {
-        setInternalOpen(!internalOpen);
-    }, [internalOpen]);
-    React.useEffect(() => {
-        setInternalOpen(restProps.defaultOpen || restProps.open || internalOpen);
-    }, [restProps.open, restProps.defaultOpen, internalOpen]);
-    React.useEffect(() => {
-        const select = labelRef.current?.firstElementChild;
-        if (select) {
-            let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
-            if (direction !== 'rtl') {
-                offset *= -1;
-            }
-            setOffsetY(offset);
-        }
-    }, [direction]);
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
-    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
-    const mode = React.useMemo(() => {
-        const { mode: m } = restProps;
-        if (m === 'combobox') {
-            return undefined;
-        }
-        if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
-            return 'combobox';
-        }
-        return m;
-    }, [restProps]);
-    const wrapperClasses = React.useMemo(() => classNames([controlCls, `${controlCls}-select`], {
-        [`${controlCls}-${restProps.size}`]: restProps.size,
-        [`${controlCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
-        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
-    }, className), [
-        className,
-        config.select?.prefixCls,
-        config.prefixCls,
-        controlCls,
-        focused,
-        prefixCls,
-        direction,
-        restProps.disabled,
-        restProps.size,
-    ]);
-    const inputProps = React.useMemo(() => {
-        // Arrow or loading icon
-        let suffixIcon;
-        if (restProps.loading) {
-            if (typeof config.select?.loadingIcon === 'function') {
-                suffixIcon = config.select.loadingIcon();
-            }
-            else if (React.isValidElement(config.select?.loadingIcon)) {
-                suffixIcon = config.select.loadingIcon;
-            }
-            else {
-                suffixIcon = React.createElement(Spinner, { key: "spinner", ratio: 0.7 });
-            }
-        }
-        else if (showArrow) {
-            const isMultiple = mode === 'multiple' || mode === 'tags';
-            if (isMultiple) {
-                if (typeof config.select?.addIcon === 'function') {
-                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.select?.addIcon)) {
-                    suffixIcon = config.select.addIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
-                }
-            }
-            else if (showSearch && internalOpen) {
-                if (typeof config.select?.searchIcon === 'function') {
-                    suffixIcon = config.select.searchIcon();
-                }
-                else if (React.isValidElement(config.select?.searchIcon)) {
-                    suffixIcon = config.select.searchIcon;
-                }
-                else {
-                    suffixIcon = React.createElement(Icon, { key: "manage_search", icon: "manage_search" });
-                }
-            }
-            else if (typeof config.select?.arrowIcon === 'function') {
-                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.select?.arrowIcon)) {
-                suffixIcon = config.select.arrowIcon;
-            }
-            else {
-                suffixIcon = internalOpen ? (React.createElement(Icon, { key: "expand_less", icon: "expand_less" })) : (React.createElement(Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon }));
-            }
-        }
-        // Not found content
-        let mergedNotFound;
-        if (restProps.notFoundContent !== undefined) {
-            mergedNotFound = restProps.notFoundContent;
-        }
-        else if (mode === 'combobox') {
-            mergedNotFound = null;
-        }
-        if (typeof config.select?.notFoundContent === 'function') {
-            mergedNotFound = config.select.notFoundContent();
-        }
-        else if (React.isValidElement(config.select?.notFoundContent)) {
-            mergedNotFound = config.select.notFoundContent;
-        }
-        let clearIcon = React.createElement(Icon, { icon: "clear" });
-        if (typeof config.select?.clearIcon === 'function') {
-            clearIcon = config.select.clearIcon();
-        }
-        else if (React.isValidElement(config.select?.clearIcon)) {
-            clearIcon = config.select.clearIcon;
-        }
-        return {
-            allowClear: (allowClear || allowClear === undefined) && {
-                clearIcon,
-            },
-            listHeight,
-            listItemHeight,
-            menuItemSelectedIcon: React.createElement(Icon, { icon: "check" }),
-            open: internalOpen,
-            prefixCls: rootCls,
-            removeIcon: React.createElement(Icon, { icon: "clear" }),
-            showSearch,
-            suffixIcon,
-            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
-            ...restProps,
-            notFoundContent: mergedNotFound,
-            popupClassName: classNames(restProps.popupClassName, {
-                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
-            }),
-            popupMatchSelectWidth: true,
-            // eslint-disable-next-line sort-keys
-            onBlur,
-            onFocus,
-            onKeyDown,
-            onPopupVisibleChange,
-        };
-    }, [
-        restProps,
-        showArrow,
-        mode,
-        config,
-        allowClear,
-        listHeight,
-        listItemHeight,
-        internalOpen,
-        rootCls,
-        showSearch,
-        prefixCls,
-        direction,
-        onBlur,
-        onFocus,
-        onKeyDown,
-        onClickIcon,
-        onPopupVisibleChange,
-    ]);
-    React.useImperativeHandle(ref, () => ({
-        blur() {
-            inputRef.current?.blur();
-        },
-        focus() {
-            inputRef.current?.focus();
-        },
-        scrollTo() {
-            return inputRef.current?.scrollTo;
-        },
-    }));
-    return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(RcSelect, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
-                offset: [offsetY, 5],
-            }, placement: placement, ...inputProps, mode: mode })));
-}
-export const Select = React.forwardRef(InternalSelect);
-Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
-Select.Option = Option;
-Select.OptGroup = OptGroup;
+export { Select } from '../../../components/Control/Select/Select';

package/dist/esm/components/Control/Select/placements.d.ts

@@ -1,2 +1,2 @@
-import { type AlignType } from '@rc-component/trigger/lib/interface';
+import { type AlignType } from '@rc-component/trigger';
 export declare function getBuiltInPlacements(dropdownMatchSelectWidth?: number | boolean): Record<string, AlignType>;

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

@@ -1,4 +1,4 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
+import { type TextAreaProps as ResizableTextAreaProps, type ResizableTextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
 interface ShowCountProps {
@@ -7,11 +7,11 @@ interface ShowCountProps {
         maxLength?: number;
     }) => string;
 }
-export interface TextAreaProps extends RcTextAreaProps {
+export interface TextAreaProps extends ResizableTextAreaProps {
     allowClear?: boolean;
     showCount?: boolean | ShowCountProps;
     size?: SizeType;
     state?: StateType;
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaRef>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<ResizableTextAreaRef>>;
 export {};

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

@@ -1,16 +1,17 @@
-import RcTextArea from '@rc-component/textarea';
-import omit from '@rc-component/util/lib/omit';
+import { ResizableTextArea, } from '@rc-component/textarea';
+import { omit } from '@rc-component/util';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { fixControlledValue } from '../../../components/Control/Input';
+import { KeyCode } from '../../../constants';
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
 /* eslint-disable jsx-a11y/label-has-associated-control */
-export const TextArea = React.forwardRef((props, ref) => {
+export const TextArea = React.forwardRef(({ className, dir, disabled, maxLength, readOnly, showCount, state, onPressEnter, ...props }, ref) => {
     const config = useConfig();
-    const { className, dir, disabled, maxLength, prefixCls = config.prefixCls, readOnly, showCount, state, onPressEnter, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const hasMaxLength = Number(maxLength) > 0;
     const [compositing, setCompositing] = React.useState(false);
     const [focused, setFocused] = React.useState(false);
@@ -55,7 +56,7 @@ export const TextArea = React.forwardRef((props, ref) => {
         restProps.onFocus?.(event);
     }, [restProps]);
     const onKeyDown = React.useCallback(event => {
-        if (onPressEnter && event.keyCode === 13) {
+        if (onPressEnter && event.code === KeyCode.Enter) {
             onPressEnter(event);
         }
         restProps.onKeyDown?.(event);
@@ -108,7 +109,7 @@ export const TextArea = React.forwardRef((props, ref) => {
     const dataCountAttribute = dataCount ? { 'data-count': dataCount } : {};
     return (React.createElement("label", { className: wrapperClasses, htmlFor: inputProps.id, ...dataCountAttribute },
         React.createElement("span", { className: `${controlCls}-input` },
-            React.createElement(RcTextArea, { ...inputProps, ref: ref, value: value }))));
+            React.createElement(ResizableTextArea, { ...inputProps, ref: ref, value: value }))));
 });
 if (process.env.NODE_ENV !== 'production') {
     TextArea.displayName = 'TextArea';

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

@@ -5,7 +5,7 @@ export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
     width?: number;
 }
-export declare function Cover(props: CoverProps): React.JSX.Element;
+export declare function Cover({ automute, children, className, height, width, ...props }: CoverProps): React.ReactElement;
 export declare namespace Cover {
     var displayName: string;
 }

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

@@ -2,9 +2,9 @@ import { debounce, Dimensions, isBrowser } from '@broxus/js-utils';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Cover(props) {
+export function Cover({ automute = true, children, className, height, width, ...props }) {
     const config = useConfig();
-    const { automute = true, children, className, height, prefixCls = config.prefixCls, width, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const container = React.useRef(null);
     const coveringElement = React.useRef(null);
     const resize = React.useCallback(() => {

package/dist/esm/components/DatePicker/PickerButton.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type ButtonProps } from '../../components/Button';
-export declare const PickerButton: React.MemoExoticComponent<(props: ButtonProps) => React.JSX.Element>;
+export declare function PickerButton(props: ButtonProps): React.ReactElement;

package/dist/esm/components/DatePicker/PickerButton.js

@@ -1,3 +1,5 @@
 import * as React from 'react';
 import { Button } from '../../components/Button';
-export const PickerButton = React.memo((props) => React.createElement(Button, { size: "small", type: "primary", ...props }));
+export function PickerButton(props) {
+    return React.createElement(Button, { size: "small", type: "primary", ...props });
+}

package/dist/esm/components/DatePicker/generatePurePicker.js

@@ -17,9 +17,7 @@ export const generatePurePicker = (generateConfig) => {
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = useComponents(components);
             React.useImperativeHandle(ref, () => pickerRef.current, []);
-            return (
-            // @ts-ignore
-            React.createElement(PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: getMotionName(config.prefixCls, 'slide-bottom-small'), ...restProps }));
+            return (React.createElement(PickerPanel, { ref: pickerRef, components: mergedComponents, direction: direction, generateConfig: generateConfig, locale: locale.lang, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), picker: mergedPicker, prefixCls: prefixCls, prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), transitionName: getMotionName(config.prefixCls, 'slide-bottom-small'), ...restProps }));
         });
         if (process.env.NODE_ENV !== 'production' && displayName) {
             Picker.displayName = displayName;

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

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

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

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

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

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function DescriptionList(props) {
+export function DescriptionList({ className, divided, ...props }) {
     const config = useConfig();
-    const { className, divided, prefixCls = config.prefixCls, ...restProps } = props;
+    const { 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,

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

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

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

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

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

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Divider(props) {
+export function Divider({ className, icon, small, vertical, ...props }) {
     const config = useConfig();
-    const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'divider'), [config, prefixCls]);
     return (React.createElement("hr", { className: classNames({
             [`${rootCls}-icon`]: icon && !small && !vertical,