@broxus/react-uikit 0.21.0 → 0.23.0

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type AccordionItemProps } from '../../components/Accordion';
 import { type ButtonProps } from '../../components/Button';
 import { type PickerLocale } from '../../components/DatePicker';
 import { type ColorMode } from '../../components/Inverse';
@@ -8,7 +9,52 @@ interface PropsWithMouseHandler {
     onClick: React.HTMLAttributes<HTMLElement>['onClick'];
 }
 export { SizeContext } from '../../components/ConfigProvider/SizeContext';
-export interface ConfigContextConsumedProps {
+interface ConfigDeprecatedProps {
+    /** @deprecated Use `button['shape']` config instead */
+    buttonShape?: ButtonProps['shape'];
+    /** @deprecated Use `button['size']` config instead */
+    buttonSize?: ButtonProps['size'];
+    /** @deprecated Use `card['primaryColorMode']` config instead */
+    cardPrimaryColorMode?: ColorMode;
+    /** @deprecated Use `card['secondaryColorMode']` config instead */
+    cardSecondaryColorMode?: ColorMode;
+    /** @deprecated Use `card['tertiaryColorMode']` config instead */
+    cardTertiaryColorMode?: ColorMode;
+    /** @deprecated Use `control['clearIcon']` config instead */
+    controlClearIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `section['primaryColorMode']` config instead */
+    sectionPrimaryColorMode?: ColorMode;
+    /** @deprecated Use `section['secondaryColorMode']` config instead */
+    sectionSecondaryColorMode?: ColorMode;
+    /** @deprecated Use `section['tertiaryColorMode']` config instead */
+    sectionTertiaryColorMode?: ColorMode;
+    /** @deprecated Use `select['addIcon']` config instead */
+    selectAddIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `select['arrowIcon']` config instead */
+    selectArrowIcon?: React.ReactNode | ((props: {
+        isOpen: boolean;
+    } & PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `select['clearIcon']` config instead */
+    selectClearIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['loadingIcon']` config instead */
+    selectLoadingIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['notFoundContent']` config instead */
+    selectNotFoundContent?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['searchIcon']` config instead */
+    selectSearchIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `tile['primaryColorMode']` config instead */
+    tilePrimaryColorMode?: ColorMode;
+    /** @deprecated Use `tile['secondaryColorMode']` config instead */
+    tileSecondaryColorMode?: ColorMode;
+    /** @deprecated Use `tile['tertiaryColorMode']` config instead */
+    tileTertiaryColorMode?: ColorMode;
+}
+export interface ConfigContextConsumedProps extends ConfigDeprecatedProps {
+    accordion?: {
+        direction?: Direction;
+        expandIcon?: (props: AccordionItemProps) => React.ReactNode;
+        prefixCls?: string;
+    };
     alert?: {
         closeIcon?: React.ReactNode | (() => React.ReactElement);
     };
@@ -19,22 +65,12 @@ export interface ConfigContextConsumedProps {
         shape?: ButtonProps['shape'];
         size?: ButtonProps['size'];
     };
-    /** @deprecated Use `button['shape']` config instead */
-    buttonShape?: ButtonProps['shape'];
-    /** @deprecated Use `button['size']` config instead */
-    buttonSize?: ButtonProps['size'];
     card?: {
         prefixCls?: string;
         primaryColorMode?: ColorMode;
         secondaryColorMode?: ColorMode;
         tertiaryColorMode?: ColorMode;
     };
-    /** @deprecated Use `card['primaryColorMode']` config instead */
-    cardPrimaryColorMode?: ColorMode;
-    /** @deprecated Use `card['secondaryColorMode']` config instead */
-    cardSecondaryColorMode?: ColorMode;
-    /** @deprecated Use `card['tertiaryColorMode']` config instead */
-    cardTertiaryColorMode?: ColorMode;
     checkbox?: {
         direction?: Direction;
         prefixCls?: string;
@@ -44,8 +80,6 @@ export interface ConfigContextConsumedProps {
         direction?: Direction;
         prefixCls?: string;
     };
-    /** @deprecated Use `control['clearIcon']` config instead */
-    controlClearIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
     datePicker?: {
         clearIcon?: React.ReactNode | (() => React.ReactElement);
         direction?: Direction;
@@ -75,12 +109,6 @@ export interface ConfigContextConsumedProps {
         secondaryColorMode?: ColorMode;
         tertiaryColorMode?: ColorMode;
     };
-    /** @deprecated Use `section['primaryColorMode']` config instead */
-    sectionPrimaryColorMode?: ColorMode;
-    /** @deprecated Use `section['secondaryColorMode']` config instead */
-    sectionSecondaryColorMode?: ColorMode;
-    /** @deprecated Use `section['tertiaryColorMode']` config instead */
-    sectionTertiaryColorMode?: ColorMode;
     select?: {
         addIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
         arrowIcon?: React.ReactNode | ((props: {
@@ -93,32 +121,19 @@ export interface ConfigContextConsumedProps {
         prefixCls?: string;
         searchIcon?: React.ReactNode | (() => React.ReactElement);
     };
-    /** @deprecated Use `select['addIcon']` config instead */
-    selectAddIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
-    /** @deprecated Use `select['arrowIcon']` config instead */
-    selectArrowIcon?: React.ReactNode | ((props: {
-        isOpen: boolean;
-    } & PropsWithMouseHandler) => React.ReactElement);
-    /** @deprecated Use `select['clearIcon']` config instead */
-    selectClearIcon?: React.ReactNode | (() => React.ReactElement);
-    /** @deprecated Use `select['loadingIcon']` config instead */
-    selectLoadingIcon?: React.ReactNode | (() => React.ReactElement);
-    /** @deprecated Use `select['notFoundContent']` config instead */
-    selectNotFoundContent?: React.ReactNode | (() => React.ReactElement);
-    /** @deprecated Use `select['searchIcon']` config instead */
-    selectSearchIcon?: React.ReactNode | (() => React.ReactElement);
+    tabs?: {
+        addIcon?: React.ReactNode;
+        direction?: Direction;
+        moreIcon?: React.ReactNode;
+        prefixCls?: string;
+        removeIcon?: React.ReactNode;
+    };
     tile?: {
         prefixCls?: string;
         primaryColorMode?: ColorMode;
         secondaryColorMode?: ColorMode;
         tertiaryColorMode?: ColorMode;
     };
-    /** @deprecated Use `tile['primaryColorMode']` config instead */
-    tilePrimaryColorMode?: ColorMode;
-    /** @deprecated Use `tile['secondaryColorMode']` config instead */
-    tileSecondaryColorMode?: ColorMode;
-    /** @deprecated Use `tile['tertiaryColorMode']` config instead */
-    tileTertiaryColorMode?: ColorMode;
     timePicker?: {
         clearIcon?: React.ReactNode | (() => React.ReactElement);
         direction?: Direction;
@@ -129,4 +144,4 @@ export interface ConfigContextConsumedProps {
 }
 export declare const ConfigContext: React.Context<ConfigContextConsumedProps>;
 export declare function useConfig(): ConfigContextConsumedProps;
-export declare function ConfigContextProvider({ children, ...restProps }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.JSX.Element;
+export declare function ConfigContextProvider({ children, ...props }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.ReactElement;

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

@@ -78,7 +78,7 @@ exports.ConfigContext = React.createContext({
 function useConfig() {
     return React.useContext(exports.ConfigContext);
 }
-function ConfigContextProvider({ children, ...restProps }) {
+function ConfigContextProvider({ children, ...props }) {
     const initialContext = useConfig();
     const context = React.useMemo(() => {
         let direction = 'ltr';
@@ -88,8 +88,8 @@ function ConfigContextProvider({ children, ...restProps }) {
         catch (e) {
             (0, js_utils_1.error)(e.message);
         }
-        return { ...initialContext, direction, ...restProps };
-    }, [initialContext, restProps]);
+        return { ...initialContext, direction, ...props };
+    }, [initialContext, props]);
     return React.createElement(exports.ConfigContext.Provider, { value: context }, children);
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -7,5 +7,10 @@ export interface ContainerOwnProps {
     preserve?: boolean;
     size?: 'xsmall' | 'small' | 'large' | 'xlarge' | 'expand';
 }
-export type ContainerProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ContainerOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ContainerOwnProps>;
-export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType = "div">(props: ContainerProps<E>) => React.JSX.Element)>;
+export type ContainerProps<E extends React.ElementType = React.ElementType> = ContainerOwnProps & PolymorphicProps<E> & PolymorphicProps<E, ContainerOwnProps>;
+declare const defaultElement = "div";
+export declare function Container<E extends React.ElementType = typeof defaultElement>({ className, component, expandLeft, expandRight, preserve, size, ...props }: React.PropsWithChildren<ContainerProps<E>>): React.ReactElement;
+export declare namespace Container {
+    var displayName: string;
+}
+export {};

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

@@ -36,23 +36,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
+exports.Container = Container;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-exports.Container = React.memo((props) => {
+function Container({ className, component = defaultElement, expandLeft, expandRight, preserve, size, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, expandLeft, expandRight, prefixCls = config.prefixCls, preserve, size, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'container'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${prefixCls || config.prefixCls}-preserve`]: preserve,
             [`${rootCls}-${size}`]: size !== undefined,
             [`${rootCls}-expand-left`]: expandLeft,
             [`${rootCls}-expand-right`]: expandRight,
-        }, className), component: defaultElement, ...restProps }));
-});
+        }, className), component: component, ...restProps }));
+}
 if (process.env.NODE_ENV !== 'production') {
-    exports.Container.displayName = 'Container';
+    Container.displayName = 'Container';
 }

package/dist/cjs/components/Control/Checkbox/Checkbox.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { type SizeType } from '../../../types';
+import { type Direction, type SizeType } from '../../../types';
 export interface AbstractCheckboxProps<T> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange' | 'onMouseEnter' | 'onMouseLeave'> {
     autoFocus?: boolean;
     block?: boolean;
     children?: React.ReactNode;
     defaultChecked?: boolean;
-    direction?: string;
+    direction?: Direction;
     id?: string;
     name?: string;
     prefixCls?: string;

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

@@ -42,10 +42,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const CheckboxGroupContext_1 = require("../../../components/Control/Checkbox/CheckboxGroupContext");
-exports.Checkbox = React.forwardRef((props, ref) => {
+exports.Checkbox = React.forwardRef(({ block, children, className, disabled, id, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const checkboxGroup = (0, CheckboxGroupContext_1.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 { direction = config.checkbox?.direction || config.direction, prefixCls = config.checkbox?.prefixCls || config.prefixCls, ...restProps } = props;
     const prevValue = React.useRef(restProps.value);
     const [internalChecked, setInternalChecked] = React.useState(restProps.checked
         ?? restProps.defaultChecked

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type CheckboxChangeEvent } from '../../../components/Control/Checkbox/Checkbox';
-import { type SizeType } from '../../../types';
+import { type Direction, type SizeType } from '../../../types';
 export interface CheckboxOptionType<T = any> {
     disabled?: boolean;
     id?: string;
@@ -15,7 +15,7 @@ export interface AbstractCheckboxGroupProps<T = any> {
     block?: boolean;
     children?: React.ReactNode;
     className?: string;
-    direction?: string;
+    direction?: Direction;
     disabled?: boolean;
     id?: string;
     name?: string;

package/dist/cjs/components/Control/Checkbox/Group.js

@@ -42,9 +42,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Checkbox_1 = require("../../../components/Control/Checkbox/Checkbox");
 const CheckboxGroupContext_1 = require("../../../components/Control/Checkbox/CheckboxGroupContext");
-exports.Group = React.forwardRef((props, ref) => {
+exports.Group = React.forwardRef(({ block, children, className, defaultValue, options = [], size, stack, style, onChange, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { block, children, className, defaultValue, direction = config.checkbox?.direction || config.direction, options = [], prefixCls = config.checkbox?.prefixCls || config.prefixCls, size, stack, style, onChange, ...restProps } = props;
+    const { direction = config.checkbox?.direction || config.direction, prefixCls = config.checkbox?.prefixCls || config.prefixCls, ...restProps } = props;
     const [value, setValue] = React.useState(restProps.value || defaultValue || []);
     const [registeredValues, setRegisteredValues] = React.useState([]);
     const memoOptions = React.useMemo(() => options.map((option) => {

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

@@ -2,7 +2,7 @@ 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';
-export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
+export type { AbstractCheckboxGroupProps, AbstractCheckboxProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
 export interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;
 }

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

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
-const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
+const util_1 = require("@rc-component/util");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
@@ -45,13 +45,10 @@ const useInput_1 = require("../../../components/Control/Input/useInput");
 const Icon_1 = require("../../../components/Icon");
 exports.Input = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = (0, useInput_1.useInput)({
-        type: 'text',
-        ...props,
-    });
+    const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = (0, useInput_1.useInput)({ type: 'text', ...props });
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'input'), [config, prefixCls]);
     const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'control'), [config, prefixCls]);
-    const inputProps = (0, omit_1.default)({
+    const inputProps = (0, util_1.omit)({
         ...restProps,
         className: (0, classnames_1.default)(rootCls, {
             [`${prefixCls}-empty`]: !restProps.value,

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

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputNumber = void 0;
 const input_number_1 = __importDefault(require("@rc-component/input-number"));
-const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
+const util_1 = require("@rc-component/util");
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const useInput_1 = require("../../../../components/Control/Input/useInput");
@@ -60,9 +60,9 @@ exports.InputNumber = React.forwardRef((props, ref) => {
     }));
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'number'), [config, prefixCls]);
     const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'control'), [config, prefixCls]);
-    const upIcon = React.useMemo(() => React.createElement(Icon_1.Icon, { className: `${rootCls}-handler-up-inner`, icon: "keyboard_arrow_up" }), [rootCls]);
-    const downIcon = React.useMemo(() => React.createElement(Icon_1.Icon, { className: `${rootCls}-handler-down-inner`, icon: "keyboard_arrow_down" }), [rootCls]);
-    const inputProps = (0, omit_1.default)({ ...restProps, className: `${rootCls}-wrapper` }, [
+    const upIcon = React.useMemo(() => React.createElement(Icon_1.Icon, { className: `${rootCls}-action-up-inner`, icon: "keyboard_arrow_up" }), [rootCls]);
+    const downIcon = React.useMemo(() => React.createElement(Icon_1.Icon, { className: `${rootCls}-action-down-inner`, icon: "keyboard_arrow_down" }), [rootCls]);
+    const inputProps = (0, util_1.omit)({ ...restProps, className: `${rootCls}-wrapper` }, [
         'allowClear',
         'prefix',
         'size',

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

@@ -39,9 +39,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const Input_1 = require("../../../../components/Control/Input/Input");
 const Icon_1 = require("../../../../components/Icon");
-exports.Password = React.forwardRef((props, ref) => {
+exports.Password = React.forwardRef(({ onBlur: onBlurCallback, onChange: onChangeCallback, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { prefixCls = config.control?.prefixCls ?? config.prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;
+    const { prefixCls = config.control?.prefixCls ?? config.prefixCls, ...restProps } = props;
     const inputRef = React.useRef(null);
     const removePasswordTimeout = React.useRef(null);
     const [visible, setVisible] = React.useState(false);

package/dist/cjs/components/Control/Input/useInput.js

@@ -41,6 +41,7 @@ exports.useInput = useInput;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
+const constants_1 = require("../../../constants");
 function fixControlledValue(value) {
     if (value == null) {
         return '';
@@ -80,7 +81,7 @@ function useInput(props) {
         restProps.onFocus?.(event);
     }, [restProps]);
     const onKeyDown = React.useCallback(event => {
-        if (onPressEnter && (event.keyCode === 13 || event.key === 'Enter')) {
+        if (onPressEnter && (event.code === constants_1.KeyCode.Enter)) {
             onPressEnter(event);
         }
         restProps.onKeyDown?.(event);

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

@@ -37,18 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
-const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
+const util_1 = require("@rc-component/util");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Radio_1 = require("../../../components/Control/Radio/Radio");
 const RadioGroupContext_1 = require("../../../components/Control/Radio/RadioGroupContext");
-exports.Group = React.forwardRef((props, ref) => {
+exports.Group = React.forwardRef(({ block, children, className, defaultValue, disabled, id, options, size, stack, style, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { block, children, className, defaultValue, direction = config.radio?.direction || config.direction, disabled, id, options, prefixCls = config.radio?.prefixCls || config.prefixCls, size, stack, style, ...restProps } = props;
-    const [value, setValue] = (0, useMergedState_1.default)(defaultValue, {
-        value: restProps.value,
-    });
+    const { direction = config.radio?.direction || config.direction, prefixCls = config.radio?.prefixCls || config.prefixCls, ...restProps } = props;
+    const [value, setValue] = (0, util_1.useControlledState)(defaultValue, restProps.value);
     const onChange = React.useCallback(event => {
         const lastValue = value;
         const val = event.target.value;

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

@@ -42,10 +42,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const RadioGroupContext_1 = require("../../../components/Control/Radio/RadioGroupContext");
-exports.Radio = React.forwardRef((props, ref) => {
+exports.Radio = React.forwardRef(({ block, children, className, disabled, id, size, skipGroup, style, onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const radioGroup = (0, RadioGroupContext_1.useRadioGroup)();
-    const { block, children, className, direction = config.radio?.direction || config.direction, disabled, id, prefixCls = config.radio?.prefixCls || config.prefixCls, size, skipGroup, style, onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...restProps } = props;
+    const { direction = config.radio?.direction || config.direction, prefixCls = config.radio?.prefixCls || config.prefixCls, ...restProps } = props;
     const [internalChecked, setInternalChecked] = React.useState(restProps.checked
         ?? restProps.defaultChecked
         ?? ('value' in restProps && restProps.value === radioGroup?.value));

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

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

package/dist/cjs/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;
+};