@broxus/react-uikit 0.21.0 → 0.23.0

package/dist/esm/components/Card/Card.js

@@ -5,12 +5,12 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Card(props) {
+export function Card({ asBody, className, component = defaultElement, hoverable, kind, size, ...props }) {
     const config = useConfig();
-    const { asBody, className, kind, colorMode = kind && kind !== 'default'
+    const { colorMode = kind && kind !== 'default'
         // @ts-expect-error TS7053: Element implicitly has an any type because ...
         ? (config.card?.[`${kind}ColorMode`] || config[`card${capitalizeFirstLetter(kind)}ColorMode`])
-        : undefined, hoverable, prefixCls = config.card?.prefixCls || config.prefixCls, size, ...restProps } = props;
+        : undefined, prefixCls = config.card?.prefixCls || config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'card'), [config, prefixCls]);
     const context = React.useMemo(() => ({
         getRootCls() {
@@ -24,7 +24,7 @@ export function Card(props) {
                 [`${rootCls}-${size}`]: size && ['small', 'large'].includes(size),
                 [`${rootCls}-body`]: asBody,
                 [`${rootCls}-hover`]: hoverable,
-            }, className), component: defaultElement, ...restProps })));
+            }, className), component: component, ...restProps })));
 }
 if (process.env.NODE_ENV !== 'production') {
     Card.displayName = 'Card';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type CardFooterOwnProps = {
+export interface CardFooterOwnProps {
     prefixCls?: string;
-};
-export type CardFooterProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardFooterOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/esm/components/Card/Footer.js

@@ -4,12 +4,12 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'footer';
-export function Footer(props) {
+export function Footer({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Footer.displayName = 'Card.Footer';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type CardHeaderOwnProps = {
+export interface CardHeaderOwnProps {
     prefixCls?: string;
-};
-export type CardHeaderProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardHeaderOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/esm/components/Card/Header.js

@@ -4,12 +4,12 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'header';
-export function Header(props) {
+export function Header({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Header.displayName = 'Card.Header';

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type CardMediaOwnProps = {
+export interface CardMediaOwnProps {
     position: 'left' | 'top' | 'right' | 'bottom';
     prefixCls?: string;
-};
-export type CardMediaProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardMediaOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/esm/components/Card/Media.js

@@ -4,14 +4,14 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Media(props) {
+export function Media({ className, component = defaultElement, position, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, position, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'media'), [config, prefixCls]);
     return (React.createElement(Component, { className: classNames({
             [`${rootCls}-${position}`]: position !== undefined,
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Media.displayName = 'Card.Media';

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type CardTitleOwnProps = {
+export interface CardTitleOwnProps {
     prefixCls?: string;
-};
-export type CardTitleProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<CardTitleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, 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>(props: 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/esm/components/Card/Title.js

@@ -4,12 +4,12 @@ import { CardContext } from '../../components/Card/context';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'h3';
-export function Title(props) {
+export function Title({ className, component = defaultElement, ...props }) {
     const config = useConfig();
     const { getRootCls } = React.useContext(CardContext);
-    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const { prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Title.displayName = 'Card.Title';

package/dist/esm/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>(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/esm/components/Close/index.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Icon } from '../../components/Icon';
 const defaultElement = 'button';
-export function Close(props) {
+export function Close({ className, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'close'), [config, prefixCls]);
     return (React.createElement(Icon, { "aria-hidden": "false", className: classNames(rootCls, className), component: defaultElement, tabIndex: -1, ...restProps, icon: "close" }));
 }

package/dist/esm/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/esm/components/Component/index.js

@@ -1,6 +1,3 @@
 import * as React from 'react';
 const defaultElement = 'div';
-export const Component = React.forwardRef((props, ref) => {
-    const { component: PolymorphicElement = defaultElement, ...restProps } = props;
-    return React.createElement(PolymorphicElement, { ref: ref, ...restProps });
-});
+export const Component = React.forwardRef(({ component: PolymorphicElement = defaultElement, ...props }, ref) => React.createElement(PolymorphicElement, { ref: ref, ...props }));

package/dist/esm/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/esm/components/ConfigProvider/index.js

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

package/dist/esm/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/esm/components/Container/index.js

@@ -3,17 +3,17 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export const Container = React.memo((props) => {
+export function Container({ className, component = defaultElement, expandLeft, expandRight, preserve, size, ...props }) {
     const config = 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, { className: classNames(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') {
     Container.displayName = 'Container';
 }

package/dist/esm/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/esm/components/Control/Checkbox/Checkbox.js

@@ -3,10 +3,10 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useCheckboxGroup } from '../../../components/Control/Checkbox/CheckboxGroupContext';
-export const Checkbox = React.forwardRef((props, ref) => {
+export const Checkbox = React.forwardRef(({ block, children, className, disabled, id, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...props }, ref) => {
     const config = useConfig();
     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 { 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/esm/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/esm/components/Control/Checkbox/Group.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { Checkbox } from '../../../components/Control/Checkbox/Checkbox';
 import { CheckboxGroupContext } from '../../../components/Control/Checkbox/CheckboxGroupContext';
-export const Group = React.forwardRef((props, ref) => {
+export const Group = React.forwardRef(({ block, children, className, defaultValue, options = [], size, stack, style, onChange, ...props }, ref) => {
     const config = 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/esm/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/esm/components/Control/Input/Input.js

@@ -1,4 +1,4 @@
-import omit from '@rc-component/util/lib/omit';
+import { omit } from '@rc-component/util';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
@@ -6,10 +6,7 @@ import { useInput } from '../../../components/Control/Input/useInput';
 import { Icon } from '../../../components/Icon';
 export const Input = React.forwardRef((props, ref) => {
     const config = useConfig();
-    const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = useInput({
-        type: 'text',
-        ...props,
-    });
+    const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = 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 = omit({

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

@@ -1,5 +1,5 @@
 import RcInputNumber from '@rc-component/input-number';
-import omit from '@rc-component/util/lib/omit';
+import { omit } from '@rc-component/util';
 import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { useInput } from '../../../../components/Control/Input/useInput';
@@ -21,8 +21,8 @@ export const 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, { className: `${rootCls}-handler-up-inner`, icon: "keyboard_arrow_up" }), [rootCls]);
-    const downIcon = React.useMemo(() => React.createElement(Icon, { className: `${rootCls}-handler-down-inner`, icon: "keyboard_arrow_down" }), [rootCls]);
+    const upIcon = React.useMemo(() => React.createElement(Icon, { className: `${rootCls}-action-up-inner`, icon: "keyboard_arrow_up" }), [rootCls]);
+    const downIcon = React.useMemo(() => React.createElement(Icon, { className: `${rootCls}-action-down-inner`, icon: "keyboard_arrow_down" }), [rootCls]);
     const inputProps = omit({ ...restProps, className: `${rootCls}-wrapper` }, [
         'allowClear',
         'prefix',

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

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { Input } from '../../../../components/Control/Input/Input';
 import { Icon } from '../../../../components/Icon';
-export const Password = React.forwardRef((props, ref) => {
+export const Password = React.forwardRef(({ onBlur: onBlurCallback, onChange: onChangeCallback, ...props }, ref) => {
     const config = 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/esm/components/Control/Input/useInput.js

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
+import { KeyCode } from '../../../constants';
 export function fixControlledValue(value) {
     if (value == null) {
         return '';
@@ -40,7 +41,7 @@ export function useInput(props) {
         restProps.onFocus?.(event);
     }, [restProps]);
     const onKeyDown = React.useCallback(event => {
-        if (onPressEnter && (event.keyCode === 13 || event.key === 'Enter')) {
+        if (onPressEnter && (event.code === KeyCode.Enter)) {
             onPressEnter(event);
         }
         restProps.onKeyDown?.(event);

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

@@ -1,15 +1,13 @@
-import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import { useControlledState } from '@rc-component/util';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { Radio } from '../../../components/Control/Radio/Radio';
 import { RadioGroupContext } from '../../../components/Control/Radio/RadioGroupContext';
-export const Group = React.forwardRef((props, ref) => {
+export const Group = React.forwardRef(({ block, children, className, defaultValue, disabled, id, options, size, stack, style, ...props }, ref) => {
     const config = 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] = useMergedState(defaultValue, {
-        value: restProps.value,
-    });
+    const { direction = config.radio?.direction || config.direction, prefixCls = config.radio?.prefixCls || config.prefixCls, ...restProps } = props;
+    const [value, setValue] = useControlledState(defaultValue, restProps.value);
     const onChange = React.useCallback(event => {
         const lastValue = value;
         const val = event.target.value;

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

@@ -3,10 +3,10 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useRadioGroup } from '../../../components/Control/Radio/RadioGroupContext';
-export const Radio = React.forwardRef((props, ref) => {
+export const Radio = React.forwardRef(({ block, children, className, disabled, id, size, skipGroup, style, onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...props }, ref) => {
     const config = useConfig();
     const radioGroup = 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/esm/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>> {