@broxus/react-uikit 0.21.0 → 0.22.0

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

@@ -42,9 +42,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
 const defaultElement = 'button';
-function Close(props) {
+function Close({ className, ...props }) {
     const config = (0, ConfigProvider_1.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_1.Icon, { "aria-hidden": "false", className: (0, classnames_1.default)(rootCls, className), component: defaultElement, tabIndex: -1, ...restProps, icon: "close" }));
 }

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

@@ -36,7 +36,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = void 0;
 const React = __importStar(require("react"));
 const defaultElement = 'div';
-exports.Component = React.forwardRef((props, ref) => {
-    const { component: PolymorphicElement = defaultElement, ...restProps } = props;
-    return React.createElement(PolymorphicElement, { ref: ref, ...restProps });
-});
+exports.Component = React.forwardRef(({ component: PolymorphicElement = defaultElement, ...props }, ref) => React.createElement(PolymorphicElement, { ref: ref, ...props }));

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

@@ -129,4 +129,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.JSX.Element;

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.JSX.Element;
+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.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.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/Input/Input.js

@@ -45,10 +45,7 @@ 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)({

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/Radio/Group.js

@@ -43,9 +43,9 @@ 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 { 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,
     });

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/Select/index.d.ts

@@ -5,12 +5,10 @@ import * as React from 'react';
 import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
 import { type SizeType } from '../../../types';
 export type { BaseSelectRef, OptionProps };
-export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'allowClear' | 'mode' | 'placement'> {
-    mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
+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>, 'value' | 'defaultValue'>, Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'> {
-    mode?: 'multiple' | 'tags';
+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;
 }

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

@@ -46,9 +46,9 @@ const Icon_1 = require("../../../components/Icon");
 const Spinner_1 = require("../../../components/Spinner");
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */
-function InternalSelect(props, ref) {
+function InternalSelect({ allowClear, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, mode, placement = 'bottom-left', showArrow = true, showSearch = false, onPressEnter, ...props }, ref) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { allowClear, direction = config.select?.direction || config.direction, popupMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(popupMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
+    const { direction = config.select?.direction || config.direction, prefixCls = config.select?.prefixCls || config.prefixCls, ...restProps } = props;
     const inputRef = React.useRef(null);
     const labelRef = React.useRef(null);
     const [focused, setFocused] = React.useState(false);
@@ -95,16 +95,6 @@ function InternalSelect(props, ref) {
     }, [direction]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
     const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
-    const mode = React.useMemo(() => {
-        const { mode: m } = restProps;
-        if (m === 'combobox') {
-            return undefined;
-        }
-        if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
-            return 'combobox';
-        }
-        return m;
-    }, [restProps]);
     const wrapperClasses = React.useMemo(() => (0, classnames_1.default)([controlCls, `${controlCls}-select`], {
         [`${controlCls}-${restProps.size}`]: restProps.size,
         [`${controlCls}-rtl`]: direction === 'rtl',
@@ -134,6 +124,7 @@ function InternalSelect(props, ref) {
             else {
                 suffixIcon = React.createElement(Spinner_1.Spinner, { key: "spinner", ratio: 0.7 });
             }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow ${rootCls}-arrow-loading` }, suffixIcon);
         }
         else if (showArrow) {
             const isMultiple = mode === 'multiple' || mode === 'tags';
@@ -166,8 +157,11 @@ function InternalSelect(props, ref) {
                 suffixIcon = config.select.arrowIcon;
             }
             else {
-                suffixIcon = internalOpen ? (React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less" })) : (React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon }));
+                suffixIcon = internalOpen
+                    ? React.createElement(Icon_1.Icon, { key: "expand_less", icon: "expand_less", onClick: onClickIcon })
+                    : React.createElement(Icon_1.Icon, { key: "expand_more", icon: "expand_more", onClick: onClickIcon });
             }
+            suffixIcon = React.createElement("div", { className: `${rootCls}-arrow` }, suffixIcon);
         }
         // Not found content
         let mergedNotFound;
@@ -201,7 +195,7 @@ function InternalSelect(props, ref) {
             prefixCls: rootCls,
             removeIcon: React.createElement(Icon_1.Icon, { icon: "clear" }),
             showSearch,
-            suffixIcon,
+            suffix: suffixIcon,
             transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
             notFoundContent: mergedNotFound,
@@ -209,7 +203,6 @@ function InternalSelect(props, ref) {
                 [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
             popupMatchSelectWidth: true,
-            // eslint-disable-next-line sort-keys
             onBlur,
             onFocus,
             onKeyDown,

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

@@ -47,9 +47,9 @@ function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }
 /* eslint-disable jsx-a11y/label-has-associated-control */
-exports.TextArea = React.forwardRef((props, ref) => {
+exports.TextArea = React.forwardRef(({ className, dir, disabled, maxLength, readOnly, showCount, state, onPressEnter, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, dir, disabled, maxLength, prefixCls = config.prefixCls, readOnly, showCount, state, onPressEnter, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const hasMaxLength = Number(maxLength) > 0;
     const [compositing, setCompositing] = React.useState(false);
     const [focused, setFocused] = React.useState(false);

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

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

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

@@ -41,9 +41,9 @@ const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Cover(props) {
+function Cover({ automute = true, children, className, height, width, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { automute = true, children, className, height, prefixCls = config.prefixCls, width, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const container = React.useRef(null);
     const coveringElement = React.useRef(null);
     const resize = React.useCallback(() => {

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

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

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

@@ -33,7 +33,9 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PickerButton = void 0;
+exports.PickerButton = PickerButton;
 const React = __importStar(require("react"));
 const Button_1 = require("../../components/Button");
-exports.PickerButton = React.memo((props) => React.createElement(Button_1.Button, { size: "small", type: "primary", ...props }));
+function PickerButton(props) {
+    return React.createElement(Button_1.Button, { size: "small", type: "primary", ...props });
+}

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

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

package/dist/cjs/components/DescriptionList/DescriptionList.js

@@ -40,9 +40,9 @@ exports.DescriptionList = DescriptionList;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function DescriptionList(props) {
+function DescriptionList({ className, divided, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, divided, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'description-list'), [config, prefixCls]);
     return (React.createElement("dl", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-divider`]: divided,

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

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

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

@@ -40,9 +40,9 @@ exports.Divider = Divider;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Divider(props) {
+function Divider({ className, icon, small, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'divider'), [config, prefixCls]);
     return (React.createElement("hr", { className: (0, classnames_1.default)({
             [`${rootCls}-icon`]: icon && !small && !vertical,

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

@@ -3,7 +3,7 @@ export interface DotnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Dotnav(props: DotnavProps): React.JSX.Element;
+export declare function Dotnav({ className, vertical, ...props }: DotnavProps): React.JSX.Element;
 export declare namespace Dotnav {
     var displayName: string;
 }

package/dist/cjs/components/Dotnav/Dotnav.js

@@ -40,9 +40,9 @@ exports.Dotnav = Dotnav;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Dotnav(props) {
+function Dotnav({ className, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dotnav'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-vertical`]: vertical,

package/dist/cjs/components/Dotnav/Item.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface DotnavItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'children'> {
     isActive?: boolean;
 }
-export declare function Item(props: DotnavItemProps): React.JSX.Element;
+export declare function Item({ className, isActive, onClick, ...props }: DotnavItemProps): React.JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }

package/dist/cjs/components/Dotnav/Item.js

@@ -41,12 +41,11 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Button_1 = require("../../components/Button");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Item(props) {
+function Item({ className, isActive, onClick, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, isActive, onClick, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: isActive,
-        }, className), ...restProps },
+        }, className), ...props },
         React.createElement(Button_1.Button, { type: "text", onClick: onClick })));
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,11 +2,11 @@ import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
 export type DrawerSize = 'large';
-export type DrawerRef = {
+export interface DrawerRef {
     collapse: VoidFunction;
     expand: VoidFunction;
     isOpen?: boolean;
-};
+}
 export interface PushState {
     distance: string | number;
 }

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

@@ -44,9 +44,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultPushState = { distance: 180 };
-exports.Drawer = React.forwardRef((props, ref) => {
+exports.Drawer = React.forwardRef(({ animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', push = defaultPushState, rootClassName, rootStyle, size, trigger, onClose: onCloseCallback, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, rootClassName, rootStyle, size, trigger, onClose: onCloseCallback, ...restProps } = props;
+    const { getContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const [isShown, setShown] = React.useState(defaultOpen);
     const [internalOpen, setOpen] = React.useState(defaultOpen);
     const mergedOpen = open === undefined ? internalOpen : open;

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

@@ -22,12 +22,12 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     onOverlayClick?: (event: Event) => void;
     onVisibleChange?: (visible: boolean) => void;
 }
-export type TriggerRef = {
+export interface TriggerRef {
     forceAlign: VoidFunction;
-};
-export type DropRef = {
+}
+export interface DropRef {
     close: VoidFunction;
     open: VoidFunction;
     triggerRef: TriggerRef | null;
-};
+}
 export declare const Drop: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -43,9 +43,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
-exports.Drop = React.forwardRef((props, ref) => {
+exports.Drop = React.forwardRef(({ action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, hideAction = action, maskMotion, minOverlayWidthMatchTrigger, motion, openClassName, overlay, overlayClassName, overlayStyle, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, minOverlayWidthMatchTrigger, motion, openClassName, overlay, overlayClassName, overlayStyle, placement = 'bottom-left', prefixCls = config.prefixCls, rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { getPopupContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;

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

@@ -37,9 +37,9 @@ exports.Dropdown = void 0;
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
-exports.Dropdown = React.forwardRef((props, ref) => {
+exports.Dropdown = React.forwardRef(({ children, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dropdown'), [config, prefixCls]);
     return (React.createElement(Drop_1.Drop, { ref: ref, ...restProps, rootCls: rootCls }, children));
 });

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

@@ -18,7 +18,7 @@ export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     inline?: boolean;
     prefixCls?: string;
 }
-export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
+export type FlexProps<E extends React.ElementType = React.ElementType> = FlexOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FlexOwnProps>;
 declare const defaultElement = "div";
-export declare function Flex<E extends React.ElementType = typeof defaultElement>(props: FlexProps<E>): React.JSX.Element;
+export declare function Flex<E extends React.ElementType = typeof defaultElement>({ alignContent, alignItems, className, component, flexDirection, flexWrap, inline, justifyContent, ...props }: React.PropsWithChildren<FlexProps<E>>): React.JSX.Element;
 export {};

package/dist/cjs/components/Flex/Flex.js

@@ -76,9 +76,9 @@ function mapJustifyContentBreakpoints(value) {
     }
     return config;
 }
-function Flex(props) {
+function Flex({ alignContent, alignItems, className, component = defaultElement, flexDirection, flexWrap, inline, justifyContent, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { alignContent, alignItems, className, flexDirection, flexWrap, inline, justifyContent, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'flex'), [config, prefixCls]);
     const justifyContentCls = React.useMemo(
     // eslint-disable-next-line no-nested-ternary
@@ -98,5 +98,5 @@ function Flex(props) {
                 [`${rootCls}-inline`]: inline,
                 [`${rootCls}-wrap-${alignContentMap.get(alignContent)}`]: alignContent && alignContentMap.has(alignContent),
                 [rootCls]: !inline,
-            }, justifyContentCls, className), component: defaultElement, ...restProps })));
+            }, justifyContentCls, className), component: component, ...restProps })));
 }

package/dist/cjs/components/Flex/Item.d.ts

@@ -8,7 +8,7 @@ export interface ItemOwnItem {
     order?: Order | BreakpointsConfig<Order>;
     prefixCls?: string;
 }
-export type ItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ItemOwnItem & PolymorphicProps<E>> & PolymorphicProps<E, ItemOwnItem>;
+export type ItemProps<E extends React.ElementType = React.ElementType> = ItemOwnItem & PolymorphicProps<E> & PolymorphicProps<E, ItemOwnItem>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>(props: ItemProps<E>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, itemDimensions, order, ...props }: React.PropsWithChildren<ItemProps<E>>): React.JSX.Element;
 export {};

package/dist/cjs/components/Flex/Item.js

@@ -44,14 +44,14 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Flex/context");
 const utils_1 = require("../../utils");
 const defaultElement = 'div';
-function Item(props) {
+function Item({ className, component = defaultElement, itemDimensions, order, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FlexContext);
-    const { className, itemDimensions, order, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const orderCls = React.useMemo(() => (typeof order === 'string'
         ? `${prefixCls}-${order}`
         : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'flex', order)), [config.prefixCls, order, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${prefixCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, orderCls, className), component: defaultElement, ...restProps }));
+        }, orderCls, className), component: component, ...restProps }));
 }

package/dist/cjs/components/Flex/context.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type FlexContextConsumerProps = {
+export interface FlexContextConsumerProps {
     getRootCls(): string | undefined;
-};
+}
 export declare const FlexContext: React.Context<FlexContextConsumerProps>;

package/dist/cjs/components/Form/Controls.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare function Controls(props: ControlsProps): React.JSX.Element;
+export declare function Controls({ className, ...props }: ControlsProps): React.JSX.Element;
 export declare namespace Controls {
     var displayName: string;
 }

package/dist/cjs/components/Form/Controls.js

@@ -41,10 +41,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
-function Controls(props) {
+function Controls({ className, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FormContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

package/dist/cjs/components/Form/ControlsText.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface ControlsTextProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare function ControlsText(props: ControlsTextProps): React.JSX.Element;
+export declare function ControlsText({ className, ...props }: ControlsTextProps): React.JSX.Element;
 export declare namespace ControlsText {
     var displayName: string;
 }