@broxus/react-uikit 0.17.4 → 0.19.0

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon';
-import './index.scss';
 export type CloseProps<E extends React.ElementType = React.ElementType> = Omit<IconProps<E>, 'icon'>;
 declare const defaultElement = "button";
 export declare function Close<E extends React.ElementType = typeof defaultElement>(props: CloseProps<E>): React.JSX.Element;

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

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Icon } from '../../components/Icon';
-import './index.scss';
 const defaultElement = 'button';
 export function Close(props) {
     const config = useConfig();

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

@@ -7,8 +7,6 @@ export type PolymorphicProps<E extends React.ElementType = React.ElementType, Pr
 export interface PolymorphicComponent<Component extends React.ElementType = React.ElementType, Props extends object = {}> {
     <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): React.JSX.Element;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<any>;
-    contextTypes?: React.ValidationMap<any>;
     defaultProps?: Partial<any>;
     id?: string;
 }

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

@@ -4,12 +4,15 @@ import { type PickerLocale } from '../../components/DatePicker';
 import { type ColorMode } from '../../components/Inverse';
 import { type TimePickerLocale } from '../../components/TimePicker';
 import { type BreakpointsConfig, type Direction, type TooltipOptions } from '../../types';
-type PropsWithMouseHandler = {
+interface PropsWithMouseHandler {
     onClick: React.HTMLAttributes<HTMLElement>['onClick'];
-};
+}
 export { SizeContext } from '../../components/ConfigProvider/SizeContext';
-export type ConfigContextConsumedProps = {
+export interface ConfigContextConsumedProps {
     breakpoints: Exclude<BreakpointsConfig<number>, 'default'>;
+    alert?: {
+        closeIcon?: React.ReactNode | (() => React.ReactElement);
+    };
     button?: {
         ghost?: boolean;
         prefixCls?: string;
@@ -123,8 +126,7 @@ export type ConfigContextConsumedProps = {
     tileSecondaryColorMode?: ColorMode;
     /** @deprecated Use `tile['tertiaryColorMode']` config instead */
     tileTertiaryColorMode?: ColorMode;
-};
-export type ConfigContextProviderProps = React.PropsWithChildren<ConfigContextConsumedProps>;
+}
 export declare const ConfigContext: React.Context<ConfigContextConsumedProps>;
 export declare function useConfig(): ConfigContextConsumedProps;
-export declare function ConfigContextProvider(props: Partial<ConfigContextProviderProps>): React.JSX.Element;
+export declare function ConfigContextProvider({ children, ...restProps }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.JSX.Element;

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

@@ -39,9 +39,8 @@ export const ConfigContext = React.createContext({
 export function useConfig() {
     return React.useContext(ConfigContext);
 }
-export function ConfigContextProvider(props) {
+export function ConfigContextProvider({ children, ...restProps }) {
     const initialContext = useConfig();
-    const { children, ...restProps } = props;
     const context = React.useMemo(() => {
         let direction = 'ltr';
         try {

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export interface ContainerOwnProps {
     expandLeft?: boolean;
     expandRight?: boolean;

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

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 const defaultElement = 'div';
 export const Container = React.memo((props) => {
     const config = useConfig();

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

@@ -8,25 +8,32 @@ export const Checkbox = React.forwardRef((props, ref) => {
     const checkboxGroup = useCheckboxGroup();
     const { block, children, className, direction = config.checkbox?.direction || config.direction, disabled, id, prefixCls = config.checkbox?.prefixCls || config.prefixCls, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...restProps } = props;
     const prevValue = React.useRef(restProps.value);
-    const [internalChecked, setInternalChecked] = React.useState(restProps.checked || restProps.defaultChecked);
-    const onChange = React.useCallback((event) => {
-        setInternalChecked(!internalChecked);
+    const [internalChecked, setInternalChecked] = React.useState(restProps.checked
+        ?? restProps.defaultChecked
+        ?? ('value' in restProps && restProps.value === checkboxGroup?.value));
+    const onChange = React.useCallback(event => {
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
-    }, [internalChecked, props, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props]);
     const checkboxProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         type,
         // eslint-disable-next-line sort-keys
         onChange,
-    }), [disabled, id, internalChecked, restProps, type, onChange]);
+    }), [restProps, internalChecked, disabled, id, type, onChange]);
     if (checkboxGroup && !skipGroup) {
         checkboxProps.onChange = (...args) => {
             onChange(...args);

package/dist/esm/components/Control/Checkbox/Group.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxOptionType<T = any> {
     disabled?: boolean;
     title?: string;
     id?: string;
-    onChange?: (e: CheckboxChangeEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
     required?: boolean;
 }
 export interface AbstractCheckboxGroupProps<T = any> {

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { type AbstractCheckboxProps, type CheckboxChangeEvent, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
 import { type CheckboxGroupConsumer } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 import { type AbstractCheckboxGroupProps, type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../../components/Control/Checkbox/Group';
-import './index.scss';
 export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
 export interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;

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

@@ -1,5 +1,4 @@
 import { Checkbox as InternalCheckbox, } from '../../../components/Control/Checkbox/Checkbox';
 import { Group, } from '../../../components/Control/Checkbox/Group';
-import './index.scss';
 export const Checkbox = InternalCheckbox;
 Checkbox.Group = Group;

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

@@ -1,4 +1,3 @@
 import * as React from 'react';
 import { type InputProps, type InputRef } from '../../../components/Control/Input/types';
-import '../index.scss';
 export declare const Input: React.ForwardRefExoticComponent<InputProps<import("..").ValueType> & React.RefAttributes<InputRef>>;

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

@@ -1,10 +1,9 @@
+import omit from '@rc-component/util/lib/omit';
 import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useInput } from '../../../components/Control/Input/useInput';
 import { Icon } from '../../../components/Icon';
-import '../index.scss';
 export const Input = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = useInput({

package/dist/esm/components/Control/Input/Number/index.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
 import { type InputNumberProps, type InputRef } from '../../../../components/Control/Input/types';
-import './index.scss';
-import '../../index.scss';
 export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps<import("../..").ValueType> & React.RefAttributes<InputRef>>;

package/dist/esm/components/Control/Input/Number/index.js

@@ -1,11 +1,9 @@
-import RcInputNumber from 'rc-input-number';
-import omit from 'rc-util/lib/omit';
+import RcInputNumber from '@rc-component/input-number';
+import omit from '@rc-component/util/lib/omit';
 import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { useInput } from '../../../../components/Control/Input/useInput';
 import { Icon } from '../../../../components/Icon';
-import './index.scss';
-import '../../index.scss';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 export const InputNumber = React.forwardRef((props, ref) => {
     const config = useConfig();

package/dist/esm/components/Control/Input/Password/index.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
 import { type InputRef, type PasswordProps } from '../../../../components/Control/Input/types';
-import './index.scss';
-import '../../index.scss';
 export declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>;

package/dist/esm/components/Control/Input/Password/index.js

@@ -3,8 +3,6 @@ import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { Input } from '../../../../components/Control/Input/Input';
 import { Icon } from '../../../../components/Icon';
-import './index.scss';
-import '../../index.scss';
 export const Password = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { prefixCls = config.control?.prefixCls ?? config.prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;

package/dist/esm/components/Control/Input/types.d.ts

@@ -1,4 +1,4 @@
-import { type InputNumberProps as RcInputNumberProps } from 'rc-input-number';
+import { type InputNumberProps as RcInputNumberProps } from '@rc-component/input-number';
 import type * as React from 'react';
 import { type ControlProps, type ValueType } from '../../../components/Control/types';
 export interface InputFocusOptions extends FocusOptions {
@@ -7,7 +7,7 @@ export interface InputFocusOptions extends FocusOptions {
 export interface InputRef {
     blur: VoidFunction;
     focus: VoidFunction;
-    getInputRef(): React.RefObject<HTMLInputElement> | null;
+    getInputRef(): React.RefObject<HTMLInputElement | null> | null;
 }
 export type OmittedNativeInput = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'defaultChecked' | 'size' | 'prefix' | 'type' | 'max' | 'min'>;
 export interface InputProps<T extends ValueType = ValueType> extends OmittedNativeInput, ControlProps<T> {

package/dist/esm/components/Control/Input/useInput.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type InputNumberProps, type InputProps } from '../../../components/Control/Input/types';
 import { type ValueType } from '../../../components/Control/types';
 interface HookConsumedProps {
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     prefixCls?: string;
     wrapperClasses: string;
 }
 type Props<T, U extends ValueType = ValueType> = T extends InputNumberProps<U> ? T : T extends InputProps<U> ? T : any;
 export declare function fixControlledValue<T>(value: T): T | string;
-export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): T & HookConsumedProps;
+export declare function useInput<T, U extends ValueType = ValueType>(props: Props<T, U>): Props<T, U> & HookConsumedProps;
 export {};

package/dist/esm/components/Control/Radio/Group.js

@@ -1,5 +1,5 @@
+import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
 import classNames from 'classnames';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { Radio } from '../../../components/Control/Radio/Radio';

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

@@ -11,18 +11,23 @@ export const Radio = React.forwardRef((props, ref) => {
         ?? restProps.defaultChecked
         ?? ('value' in restProps && restProps.value === radioGroup?.value));
     const onChange = React.useCallback(event => {
-        setInternalChecked(true);
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
         radioGroup?.onChange?.(event);
-    }, [internalChecked, props, radioGroup, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props, radioGroup]);
     const radioProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         onChange,
@@ -41,7 +46,7 @@ export const Radio = React.forwardRef((props, ref) => {
         [`${controlCls}-${size}`]: block && size,
         [`${rootCls}-wrapper`]: true,
         [`${rootCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: internalChecked,
+        [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-checked`]: radioProps.checked,
         [`${prefixCls || config.radio?.prefixCls || config.prefixCls}-disabled`]: radioProps.disabled,
     }, className), [
         controlCls,
@@ -52,14 +57,13 @@ export const Radio = React.forwardRef((props, ref) => {
         prefixCls,
         config.radio?.prefixCls,
         config.prefixCls,
-        internalChecked,
-        radioProps.disabled,
+        radioProps,
         className,
     ]);
     const radioClasses = React.useMemo(() => classNames(rootCls, {
-        [`${rootCls}-checked`]: internalChecked,
+        [`${rootCls}-checked`]: radioProps.checked,
         [`${rootCls}-disabled`]: disabled,
-    }), [rootCls, internalChecked, disabled]);
+    }), [rootCls, radioProps.checked, disabled]);
     const globalAttributes = React.useMemo(() => retrieveGlobalAttributes(restProps), [restProps]);
     React.useEffect(() => {
         setInternalChecked(restProps.checked

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

@@ -1,8 +1,6 @@
 import type * as React from 'react';
 import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
 import { type RadioChangeEvent, type RadioProps } from '../../../components/Control/Radio/Radio';
-import './index.scss';
-import '../index.scss';
 export type { RadioChangeEvent, RadioGroupProps, RadioProps };
 export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;

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

@@ -1,6 +1,4 @@
 import { Group } from '../../../components/Control/Radio/Group';
 import { Radio as InternalRadio } from '../../../components/Control/Radio/Radio';
-import './index.scss';
-import '../index.scss';
 export const Radio = InternalRadio;
 Radio.Group = Group;

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

@@ -1,11 +1,9 @@
-import { type BaseSelectRef, OptGroup, Option, type SelectProps as RcSelectProps } from 'rc-select';
-import { type OptionProps } from 'rc-select/lib/Option';
-import { type BaseOptionType, type DefaultOptionType } from 'rc-select/lib/Select';
+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';
-import './index.scss';
-import '../index.scss';
 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';

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

@@ -1,17 +1,15 @@
+import RcSelect, { OptGroup, Option } from '@rc-component/select';
 import classNames from 'classnames';
-import RcSelect, { OptGroup, Option } from 'rc-select';
 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 './index.scss';
-import '../index.scss';
 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, dropdownMatchSelectWidth, builtinPlacements = getBuiltInPlacements(dropdownMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
+    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);
@@ -36,9 +34,9 @@ function InternalSelect(props, ref) {
         }
         restProps.onKeyDown?.(event);
     }, [onPressEnter, restProps]);
-    const onDropdownVisibleChange = React.useCallback((open) => {
+    const onPopupVisibleChange = React.useCallback((open) => {
         setInternalOpen(open);
-        restProps.onDropdownVisibleChange?.(open);
+        restProps.onPopupVisibleChange?.(open);
     }, [restProps]);
     const onClickIcon = React.useCallback(() => {
         setInternalOpen(!internalOpen);
@@ -94,12 +92,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.loadingIcon)) {
                 suffixIcon = config.select.loadingIcon;
             }
-            else if (typeof config.selectLoadingIcon === 'function') {
-                suffixIcon = config.selectLoadingIcon();
-            }
-            else if (React.isValidElement(config.selectLoadingIcon)) {
-                suffixIcon = config.selectLoadingIcon;
-            }
             else {
                 suffixIcon = React.createElement(Spinner, { key: "spinner", ratio: 0.7 });
             }
@@ -113,12 +105,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.addIcon)) {
                     suffixIcon = config.select.addIcon;
                 }
-                else if (typeof config.selectAddIcon === 'function') {
-                    suffixIcon = config.selectAddIcon({ onClick: onClickIcon });
-                }
-                else if (React.isValidElement(config.selectAddIcon)) {
-                    suffixIcon = config.selectAddIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon, { key: "add_box", icon: "add_box", onClick: onClickIcon });
                 }
@@ -130,12 +116,6 @@ function InternalSelect(props, ref) {
                 else if (React.isValidElement(config.select?.searchIcon)) {
                     suffixIcon = config.select.searchIcon;
                 }
-                else if (typeof config.selectSearchIcon === 'function') {
-                    suffixIcon = config.selectSearchIcon();
-                }
-                else if (React.isValidElement(config.selectSearchIcon)) {
-                    suffixIcon = config.selectSearchIcon;
-                }
                 else {
                     suffixIcon = React.createElement(Icon, { key: "manage_search", icon: "manage_search" });
                 }
@@ -146,12 +126,6 @@ function InternalSelect(props, ref) {
             else if (React.isValidElement(config.select?.arrowIcon)) {
                 suffixIcon = config.select.arrowIcon;
             }
-            else if (typeof config.selectArrowIcon === 'function') {
-                suffixIcon = config.selectArrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
-            }
-            else if (React.isValidElement(config.selectArrowIcon)) {
-                suffixIcon = config.selectArrowIcon;
-            }
             else {
                 suffixIcon = internalOpen ? (React.createElement(Icon, { key: "expand_less", icon: "expand_less" })) : (React.createElement(Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon }));
             }
@@ -170,12 +144,6 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.notFoundContent)) {
             mergedNotFound = config.select.notFoundContent;
         }
-        else if (typeof config.selectNotFoundContent === 'function') {
-            mergedNotFound = config.selectNotFoundContent();
-        }
-        else if (React.isValidElement(config.selectNotFoundContent)) {
-            mergedNotFound = config.selectNotFoundContent;
-        }
         let clearIcon = React.createElement(Icon, { icon: "clear" });
         if (typeof config.select?.clearIcon === 'function') {
             clearIcon = config.select.clearIcon();
@@ -183,17 +151,10 @@ function InternalSelect(props, ref) {
         else if (React.isValidElement(config.select?.clearIcon)) {
             clearIcon = config.select.clearIcon;
         }
-        else if (typeof config.selectClearIcon === 'function') {
-            clearIcon = config.selectClearIcon();
-        }
-        else if (React.isValidElement(config.selectClearIcon)) {
-            clearIcon = config.selectClearIcon;
-        }
         return {
             allowClear: (allowClear || allowClear === undefined) && {
                 clearIcon,
             },
-            dropdownMatchSelectWidth: true,
             listHeight,
             listItemHeight,
             menuItemSelectedIcon: React.createElement(Icon, { icon: "check" }),
@@ -204,14 +165,16 @@ function InternalSelect(props, ref) {
             suffixIcon,
             transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
-            dropdownClassName: classNames(restProps.dropdownClassName, {
+            notFoundContent: mergedNotFound,
+            popupClassName: classNames(restProps.popupClassName, {
                 [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
-            notFoundContent: mergedNotFound,
+            popupMatchSelectWidth: true,
+            // eslint-disable-next-line sort-keys
             onBlur,
-            onDropdownVisibleChange,
             onFocus,
             onKeyDown,
+            onPopupVisibleChange,
         };
     }, [
         restProps,
@@ -227,10 +190,10 @@ function InternalSelect(props, ref) {
         prefixCls,
         direction,
         onBlur,
-        onDropdownVisibleChange,
         onFocus,
         onKeyDown,
         onClickIcon,
+        onPopupVisibleChange,
     ]);
     React.useImperativeHandle(ref, () => ({
         blur() {
@@ -244,11 +207,9 @@ function InternalSelect(props, ref) {
         },
     }));
     return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(RcSelect, { ref: inputRef, builtinPlacements: builtinPlacements, dropdownAlign: {
+        React.createElement(RcSelect, { ref: inputRef, builtinPlacements: builtinPlacements, popupAlign: {
                 offset: [offsetY, 5],
-            }, 
-            // @ts-ignore
-            placement: placement, ...inputProps, mode: mode })));
+            }, placement: placement, ...inputProps, mode: mode })));
 }
 export const Select = React.forwardRef(InternalSelect);
 Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;

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

@@ -1,8 +1,6 @@
-import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from 'rc-textarea';
+import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
-import './index.scss';
-import '../index.scss';
 interface ShowCountProps {
     formatter: (args: {
         count: number;

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

@@ -1,11 +1,9 @@
+import RcTextArea from '@rc-component/textarea';
+import omit from '@rc-component/util/lib/omit';
 import classNames from 'classnames';
-import RcTextArea from 'rc-textarea';
-import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { fixControlledValue } from '../../../components/Control/Input';
-import './index.scss';
-import '../index.scss';
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     automute?: boolean;
     height?: number;

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

@@ -2,7 +2,6 @@ import { Dimensions, debounce, isBrowser } from '@broxus/js-utils';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 export function Cover(props) {
     const config = useConfig();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;
@@ -38,7 +37,6 @@ export function Cover(props) {
         if (React.isValidElement(child)) {
             return React.cloneElement(child, {
                 ...child.props,
-                // @ts-ignore
                 ref: idx === 0 ? coveringElement : null,
                 // eslint-disable-next-line sort-keys
                 className: classNames(rootCls, child.props.className),
@@ -49,7 +47,7 @@ export function Cover(props) {
                 onLoad: () => {
                     if (automute) {
                         try {
-                            coveringElement.current?.contentWindow?.postMessage('{"event": "command", "method": "setVolume", "value": 0}', '*');
+                            coveringElement.current?.contentWindow?.postMessage(JSON.stringify({ event: 'command', method: 'setVolume', value: 0 }), '*');
                         }
                         catch (e) { }
                     }

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

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import { type AnyObject } from '../../types';
 export declare const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, import("./types").PickerProps<DateType>, ValueType>) => React.ReactElement) & {
     displayName?: string;

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

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerPanelProps, type PickerPanelPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';

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

@@ -1,9 +1,8 @@
-import { PickerPanel } from 'rc-picker';
+import { PickerPanel } from '@rc-component/picker';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { MONTH, MONTHPICKER, QUARTER, QUARTERPICKER, TIME, TIMEPICKER, WEEK, WEEKPICKER, YEAR, YEARPICKER, } from '../../components/DatePicker/constants';
-// eslint-disable-next-line camelcase
-import en_US from '../../components/DatePicker/locale/en_US';
+import defaultPickerLocale from '../../components/DatePicker/locale/en_US';
 import { useComponents } from '../../components/DatePicker/useComponents';
 import { getMotionName } from '../../utils';
 export const generatePurePicker = (generateConfig) => {
@@ -13,7 +12,7 @@ export const generatePurePicker = (generateConfig) => {
         const Picker = React.forwardRef((props, ref) => {
             const config = useConfig();
             const ctxPickerConfig = React.useMemo(() => config[consumerName] || {}, [config]);
-            const { components, direction = ctxPickerConfig.direction || config.direction, locale = en_US, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
+            const { components, direction = ctxPickerConfig.direction || config.direction, locale = config.datePicker?.locale ?? defaultPickerLocale, prefixCls = `${config.prefixCls}-datepicker`, ...restProps } = props;
             const pickerRef = React.useRef(null);
             const mergedPicker = picker || restProps.picker;
             const mergedComponents = useComponents(components);

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

@@ -1,4 +1,4 @@
-import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type GenerateConfig } from '@rc-component/picker/lib/generate';
 import * as React from 'react';
 import { type GenericTimePickerProps, type PickerProps, type PickerPropsWithMultiple } from '../../components/DatePicker/types';
 import { type AnyObject } from '../../types';