@broxus/react-uikit 0.22.0 → 0.23.0

package/dist/cjs/components/Card/Badge.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type BadgeProps } from '../../components/Badge';
 export type CardBadgeProps<E extends React.ElementType = React.ElementType> = BadgeProps<E>;
 declare const defaultElement = "span";
-export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: CardBadgeProps<E>): React.JSX.Element;
+export declare function Badge<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: CardBadgeProps<E>): React.ReactElement;
 export declare namespace Badge {
     var displayName: string;
 }

package/dist/cjs/components/Card/Body.d.ts

@@ -5,7 +5,7 @@ export interface CardBodyOwnProps {
 }
 export type CardBodyProps<E extends React.ElementType = React.ElementType> = CardBodyOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardBodyOwnProps>;
 declare const defaultElement = "div";
-export declare function Body<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardBodyProps<E>>): React.JSX.Element;
+export declare function Body<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardBodyProps<E>>): React.ReactElement;
 export declare namespace Body {
     var displayName: string;
 }

package/dist/cjs/components/Card/Card.d.ts

@@ -11,7 +11,7 @@ export interface CardOwnProps {
 }
 export type CardProps<E extends React.ElementType = React.ElementType> = CardOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardOwnProps>;
 declare const defaultElement = "div";
-export declare function Card<E extends React.ElementType = typeof defaultElement>({ asBody, className, component, hoverable, kind, size, ...props }: React.PropsWithChildren<CardProps<E>>): React.JSX.Element;
+export declare function Card<E extends React.ElementType = typeof defaultElement>({ asBody, className, component, hoverable, kind, size, ...props }: React.PropsWithChildren<CardProps<E>>): React.ReactElement;
 export declare namespace Card {
     var displayName: string;
 }

package/dist/cjs/components/Card/Footer.d.ts

@@ -5,7 +5,7 @@ export interface CardFooterOwnProps {
 }
 export type CardFooterProps<E extends React.ElementType = React.ElementType> = CardFooterOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardFooterOwnProps>;
 declare const defaultElement = "footer";
-export declare function Footer<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardFooterProps<E>>): React.JSX.Element;
+export declare function Footer<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardFooterProps<E>>): React.ReactElement;
 export declare namespace Footer {
     var displayName: string;
 }

package/dist/cjs/components/Card/Header.d.ts

@@ -5,7 +5,7 @@ export interface CardHeaderOwnProps {
 }
 export type CardHeaderProps<E extends React.ElementType = React.ElementType> = CardHeaderOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardHeaderOwnProps>;
 declare const defaultElement = "header";
-export declare function Header<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardHeaderProps<E>>): React.JSX.Element;
+export declare function Header<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardHeaderProps<E>>): React.ReactElement;
 export declare namespace Header {
     var displayName: string;
 }

package/dist/cjs/components/Card/Media.d.ts

@@ -6,7 +6,7 @@ export interface CardMediaOwnProps {
 }
 export type CardMediaProps<E extends React.ElementType = React.ElementType> = CardMediaOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardMediaOwnProps>;
 declare const defaultElement = "div";
-export declare function Media<E extends React.ElementType = typeof defaultElement>({ className, component, position, ...props }: React.PropsWithChildren<CardMediaProps<E>>): React.JSX.Element;
+export declare function Media<E extends React.ElementType = typeof defaultElement>({ className, component, position, ...props }: React.PropsWithChildren<CardMediaProps<E>>): React.ReactElement;
 export declare namespace Media {
     var displayName: string;
 }

package/dist/cjs/components/Card/Title.d.ts

@@ -5,7 +5,7 @@ export interface CardTitleOwnProps {
 }
 export type CardTitleProps<E extends React.ElementType = React.ElementType> = CardTitleOwnProps & PolymorphicProps<E> & PolymorphicProps<E, CardTitleOwnProps>;
 declare const defaultElement = "h3";
-export declare function Title<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardTitleProps<E>>): React.JSX.Element;
+export declare function Title<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<CardTitleProps<E>>): React.ReactElement;
 export declare namespace Title {
     var displayName: string;
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type IconProps } from '../../components/Icon';
 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>({ className, ...props }: CloseProps<E>): React.JSX.Element;
+export declare function Close<E extends React.ElementType = typeof defaultElement>({ className, ...props }: CloseProps<E>): React.ReactElement;
 export declare namespace Close {
     var displayName: string;
 }

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

@@ -5,7 +5,7 @@ type ComponentOwnProp<T extends React.ElementType = React.ElementType> = React.C
 type PropsToOmit<E extends React.ElementType = React.ElementType, Props extends object = object> = Omit<React.ComponentPropsWithoutRef<E>, keyof Props>;
 export type PolymorphicProps<E extends React.ElementType = React.ElementType, Props extends object = object> = ComponentOwnProp<E> & PropsToOmit<E, Props>;
 export interface PolymorphicComponent<Component extends React.ElementType = React.ElementType, Props extends object = object> {
-    <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): React.JSX.Element;
+    <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): React.ReactElement;
     defaultProps?: Partial<any>;
     displayName?: string;
     id?: string;

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, ...props }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.JSX.Element;
+export declare function ConfigContextProvider({ children, ...props }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.ReactElement;

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

@@ -9,7 +9,7 @@ export interface ContainerOwnProps {
 }
 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.JSX.Element;
+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;
 }

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/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/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");
@@ -48,7 +48,7 @@ exports.Input = React.forwardRef((props, ref) => {
     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/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,7 +37,7 @@ 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");
@@ -46,9 +46,7 @@ const RadioGroupContext_1 = require("../../../components/Control/Radio/RadioGrou
 exports.Group = React.forwardRef(({ block, children, className, defaultValue, disabled, id, options, size, stack, style, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { direction = config.radio?.direction || config.direction, prefixCls = config.radio?.prefixCls || config.prefixCls, ...restProps } = props;
-    const [value, setValue] = (0, useMergedState_1.default)(defaultValue, {
-        value: restProps.value,
-    });
+    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/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;
+};