x-ui-design 0.5.42 → 0.5.44

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -1,24 +1,8 @@
-import React, { MouseEvent } from 'react';
+import { ReactElement } from 'react';
+import { CheckboxProps } from '../../types/checkbox';
 import './style.css';
-declare const Checkbox: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: MouseEvent<HTMLInputElement> & import("../../types").TargetProps) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: React.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-    titleClick?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const Checkbox: {
+    ({ prefixCls, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref }: CheckboxProps): ReactElement;
+    displayName: string;
+};
 export default Checkbox;

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

@@ -1,31 +1,11 @@
-import React, { KeyboardEvent } from 'react';
-import { SyntheticBaseEvent } from '../../types';
+import React from 'react';
+import { InputProps } from '../../types/input';
 import Textarea from './Textarea/Textarea';
 import './style.css';
-declare const InputComponent: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("../../types").DefaultProps & {
-    addonBefore?: React.ReactNode;
-    addonAfter?: React.ReactNode;
-    size?: import("../../types").SizeType;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    disabled?: boolean;
-    allowClear?: boolean;
-    error?: boolean;
-    bordered?: boolean;
-    iconRender?: (visible: boolean) => React.ReactElement;
-    onChange?: (event: SyntheticBaseEvent) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
-    feedbackIcons?: boolean;
-    child?: React.ReactNode;
-    mask?: string;
-    maskChar?: string;
-    maskRegex?: RegExp;
-} & React.RefAttributes<HTMLInputElement>>;
+declare const InputComponent: {
+    ({ size, error, suffix, prefix, addonAfter, addonBefore, onPressEnter, disabled, allowClear, prefixCls, className, value, iconRender, noStyle, feedbackIcons, mask, maskChar, maskRegex, __injected, defaultValue, child, ref, ...props }: InputProps): React.JSX.Element;
+    displayName: string;
+};
 declare const Input: typeof InputComponent & {
     TextArea: typeof Textarea;
 };

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

@@ -1,28 +1,8 @@
 import React from 'react';
+import { TextareaProps } from '../../../types/input';
 import './style.css';
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../..").DefaultProps & {
-    value?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    autoSize?: boolean | {
-        minRows?: number;
-        maxRows?: number;
-    };
-    onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-    onResize?: (size: {
-        width: number;
-        height: number;
-    }) => void;
-    styles?: {
-        textarea?: React.CSSProperties;
-        count?: React.CSSProperties;
-    };
-    bordered?: boolean;
-    size?: import("../../../types").SizeType;
-    status?: "success" | "error";
-    rootClassName?: string;
-    variant?: "outlined" | "borderless" | "filled" | "underlined";
-    error?: boolean;
-    allowClear?: boolean;
-} & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: {
+    ({ prefixCls, value, className, style, autoSize, onPressEnter, onResize, styles, bordered, size, status, rootClassName, variant, error, allowClear, ref, ...props }: TextareaProps): React.JSX.Element;
+    displayName: string;
+};
 export default Textarea;

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -1,28 +1,8 @@
 import React from 'react';
+import { RadioProps } from '../../types/radio';
 import './style.css';
-declare const Radio: React.ForwardRefExoticComponent<import("../..").DefaultProps & {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onChange?: (e: import("../..").SyntheticBaseEvent) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    value?: import("../..").RuleType;
-    tabIndex?: number;
-    name?: string;
-    children?: React.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    button?: boolean;
-    error?: boolean;
-} & React.RefAttributes<HTMLLabelElement>>;
+declare const Radio: {
+    ({ prefixCls, className, value, onChange, onClick, disabled, children, name, title, defaultChecked, checked, onBlur, onFocus, onMouseEnter, onMouseLeave, noStyle, ref }: RadioProps): React.JSX.Element;
+    displayName: string;
+};
 export default Radio;

package/dist/esm/types/components/Select/Select.d.ts

@@ -1,54 +1,10 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { OptionType } from '../../types/select';
+import React, { ReactElement } from 'react';
+import { SelectProps } from '../../types/select';
 import './style.css';
-declare const Select: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: import("../../types").RuleTypes, option?: OptionType) => void;
-    onDeselect?: (value: string, option?: OptionType) => void;
-    filterOption?: boolean | ((input: string, option: OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: OptionType[];
-    children?: ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: import("../../types").RuleTypes;
-    defaultValue?: import("../../types").RuleTypes;
-    maxCount?: number;
-    onChange?: (e: import("../../types").RuleTypes, option?: OptionType) => void;
-    onClose?: () => void;
-    disabled?: boolean;
-    loading?: boolean;
-    placeholder?: string;
-    allowClear?: boolean;
-    filterable?: boolean;
-    defaultOpen?: boolean;
-    size?: "small" | "middle" | "large";
-    onClear?: () => void;
-    error?: boolean;
-    showSearch?: boolean;
-    tagRender?: ((props: import("../../types/select").CustomTagProps) => ReactElement) | undefined;
-    maxTagPlaceholder?: ReactNode | ((omittedValues: import("../../types/select").DisplayValueType[]) => ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean, selected: import("../../types").RuleType) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: ReactNode;
-    searchIcon?: ReactNode;
-    open?: boolean;
-    notFoundContent?: ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: ReactNode) => ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: ReactNode;
-    maxTagCount?: number | "responsive";
-} & React.RefAttributes<HTMLDivElement>> & {
+declare const Select: {
+    ({ prefixCls, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, ref }: SelectProps): ReactElement;
+    displayName: string;
+} & {
     Option: React.FC<import("../../types/select").OptionProps>;
 };
 export default Select;

package/dist/esm/types/index.d.ts

@@ -1,26 +1,6 @@
 import './styles/global.css';
 declare const Button: import("react").ComponentType<import("@/types/button").ButtonProps>;
-declare const Checkbox: import("react").ComponentType<import("@/types").DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: import("react").MouseEvent<HTMLInputElement> & import("@/types").TargetProps) => void;
-    onClick?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: import("react").ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-    titleClick?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;
+declare const Checkbox: import("react").ComponentType<import("@/types/checkbox").CheckboxProps>;
 declare const Switch: import("react").ComponentType<import("./types/switch").SwitchProps>;
 declare const Empty: import("react").ComponentType<import("./types/empty").EmptyContentProps>;
 declare const Upload: import("react").ComponentType<import("@/types/upload").UploadProps>;
@@ -29,130 +9,12 @@ declare const RangePicker: import("react").ComponentType<import("@/types/datepic
 declare const TimePicker: import("react").ComponentType<import("@/types/datepicker").TimePickerProps>;
 declare const Form: import("react").ComponentType<import("@/types/form").FormProps>;
 declare const FormItem: import("react").ComponentType<import("@/types/form").FormItemProps>;
-declare const Input: import("react").ComponentType<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("@/types").DefaultProps & {
-    addonBefore?: import("react").ReactNode;
-    addonAfter?: import("react").ReactNode;
-    size?: import("@/types").SizeType;
-    prefix?: import("react").ReactNode;
-    suffix?: import("react").ReactNode;
-    disabled?: boolean;
-    allowClear?: boolean;
-    error?: boolean;
-    bordered?: boolean;
-    iconRender?: (visible: boolean) => import("react").ReactElement;
-    onChange?: (event: import("@/types").SyntheticBaseEvent) => void;
-    onClick?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
-    onPressEnter?: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
-    feedbackIcons?: boolean;
-    child?: import("react").ReactNode;
-    mask?: string;
-    maskChar?: string;
-    maskRegex?: RegExp;
-} & import("react").RefAttributes<HTMLInputElement>>;
-declare const Textarea: import("react").ComponentType<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("@/types").DefaultProps & {
-    value?: string;
-    className?: string;
-    style?: import("react").CSSProperties;
-    autoSize?: boolean | {
-        minRows?: number;
-        maxRows?: number;
-    };
-    onPressEnter?: import("react").KeyboardEventHandler<HTMLTextAreaElement>;
-    onResize?: (size: {
-        width: number;
-        height: number;
-    }) => void;
-    styles?: {
-        textarea?: import("react").CSSProperties;
-        count?: import("react").CSSProperties;
-    };
-    bordered?: boolean;
-    size?: import("@/types").SizeType;
-    status?: "success" | "error";
-    rootClassName?: string;
-    variant?: "outlined" | "borderless" | "filled" | "underlined";
-    error?: boolean;
-    allowClear?: boolean;
-} & import("react").RefAttributes<HTMLTextAreaElement>>;
-declare const Radio: import("react").ComponentType<import("@/types").DefaultProps & {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onChange?: (e: import("@/types").SyntheticBaseEvent) => void;
-    onClick?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-    value?: import("@/types").RuleType;
-    tabIndex?: number;
-    name?: string;
-    children?: import("react").ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    button?: boolean;
-    error?: boolean;
-} & import("react").RefAttributes<HTMLLabelElement>>;
+declare const Input: import("react").ComponentType<import("@/types/input").InputProps>;
+declare const Textarea: import("react").ComponentType<import("@/types/input").TextareaProps>;
+declare const Radio: import("react").ComponentType<import("@/types/radio").RadioProps>;
 declare const RadioButton: import("react").ComponentType<import("@/types/radio").RadioButtonProps>;
 declare const RadioGroup: import("react").ComponentType<import("@/types/radio").RadioGroupProps>;
-declare const Select: import("react").ComponentType<import("@/types").DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
-    onDeselect?: (value: string, option?: import("@/types/select").OptionType) => void;
-    filterOption?: boolean | ((input: string, option: import("@/types/select").OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: import("@/types/select").OptionType[];
-    children?: import("react").ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: import("react").ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: import("@/types").RuleTypes;
-    defaultValue?: import("@/types").RuleTypes;
-    maxCount?: number;
-    onChange?: (e: import("@/types").RuleTypes, option?: import("@/types/select").OptionType) => void;
-    onClose?: () => void;
-    disabled?: boolean;
-    loading?: boolean;
-    placeholder?: string;
-    allowClear?: boolean;
-    filterable?: boolean;
-    defaultOpen?: boolean;
-    size?: "small" | "middle" | "large";
-    onClear?: () => void;
-    error?: boolean;
-    showSearch?: boolean;
-    tagRender?: ((props: import("@/types/select").CustomTagProps) => import("react").ReactElement) | undefined;
-    maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("@/types/select").DisplayValueType[]) => import("react").ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean, selected: import("@/types").RuleType) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: import("react").ReactNode;
-    searchIcon?: import("react").ReactNode;
-    open?: boolean;
-    notFoundContent?: import("react").ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: import("react").ReactNode) => import("react").ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: import("react").ReactNode;
-    maxTagCount?: number | "responsive";
-} & import("react").RefAttributes<HTMLDivElement>>;
+declare const Select: import("react").ComponentType<import("@/types/select").SelectProps>;
 declare const Option: import("react").ComponentType<import("@/types/select").OptionProps>;
 declare const Tag: import("react").ComponentType<import("@/types/select").CustomTagProps>;
 declare const Skeleton: import("react").ComponentType<import("./types/skeleton").SkeletonProps>;

package/dist/esm/types/types/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { ForwardedRef, KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
 import { DefaultProps, TargetProps } from '.';
 export type CheckboxProps = DefaultProps & {
     disabled?: boolean;
@@ -20,4 +20,5 @@ export type CheckboxProps = DefaultProps & {
     defaultChecked?: boolean;
     checked?: boolean;
     titleClick?: boolean;
+    ref?: ForwardedRef<HTMLDivElement>;
 };

package/dist/esm/types/types/input.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, InputHTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode, TextareaHTMLAttributes } from 'react';
+import { CSSProperties, ForwardedRef, InputHTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode, TextareaHTMLAttributes } from 'react';
 import { DefaultProps, SizeType, SyntheticBaseEvent } from '.';
 export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> & DefaultProps & {
     addonBefore?: ReactNode;
@@ -23,6 +23,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'p
     mask?: string;
     maskChar?: string;
     maskRegex?: RegExp;
+    ref?: ForwardedRef<HTMLInputElement>;
 };
 export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'> & DefaultProps & {
     value?: string;
@@ -48,4 +49,5 @@ export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'o
     variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
     error?: boolean;
     allowClear?: boolean;
+    ref?: ForwardedRef<HTMLTextAreaElement>;
 };

package/dist/esm/types/types/radio.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+import { CSSProperties, FocusEventHandler, ForwardedRef, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
 import { DefaultProps, RuleType, SizeType, SyntheticBaseEvent } from '.';
 export type RadioValueType = string | number | readonly string[] | undefined;
 export interface RadioGroupProps {
@@ -50,6 +50,7 @@ export type RadioProps = DefaultProps & {
     required?: boolean;
     button?: boolean;
     error?: boolean;
+    ref?: ForwardedRef<HTMLLabelElement>;
 };
 export type RadioButtonProps = RadioProps & {
     children?: ReactNode;

package/dist/esm/types/types/select.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, CSSProperties, FocusEventHandler, Key, KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactElement, ReactEventHandler, ReactNode } from 'react';
+import { ChangeEventHandler, CSSProperties, FocusEventHandler, ForwardedRef, Key, KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactElement, ReactEventHandler, ReactNode } from 'react';
 import { DefaultProps, RuleType, RuleTypes, TargetProps } from '.';
 export type SelectProps = DefaultProps & {
     id?: string;
@@ -47,6 +47,7 @@ export type SelectProps = DefaultProps & {
     placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
     removeIcon?: ReactNode;
     maxTagCount?: number | 'responsive';
+    ref?: ForwardedRef<HTMLDivElement>;
 };
 export interface OptionType {
     value: RuleType;

package/dist/index.d.ts

@@ -4,21 +4,22 @@ import * as __types_select from '@/types/select';
 export { CustomTagProps, DisplayValueType, OptionProps, OptionType, SelectProps, TagProps } from '@/types/select';
 import * as __types_radio from '@/types/radio';
 export { RadioButtonProps, RadioGroupProps, RadioProps } from '@/types/radio';
+import * as __types_input from '@/types/input';
+export { InputProps, TextareaProps } from '@/types/input';
 import * as __types_form from '@/types/form';
 export { FieldData, FieldError, FieldInstancesInputRef, FormInstance, FormItemChildComponentProps, FormProps, RuleObject, RuleRender } from '@/types/form';
 import * as __types_datepicker from '@/types/datepicker';
 export { TDatePickerProps, TRangePickerProps, TimePickerProps } from '@/types/datepicker';
 import * as __types_upload from '@/types/upload';
 export { RcFile, UploadChangeParam, UploadFile, UploadProps } from '@/types/upload';
-import * as __types from '@/types';
-export { DefaultProps, MouseEventHandlerSelect, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
+import * as __types_checkbox from '@/types/checkbox';
+export { CheckboxProps } from '@/types/checkbox';
 import * as __types_button from '@/types/button';
 export { BaseButtonProps, ButtonProps, ButtonType } from '@/types/button';
 export { ArrowIcon, CalendarIcon, CheckIcon, ClearIcon, DateDistanceIcon, ErrorIcon, LoadingIcon, SearchIcon, SpinerIcon, StampleIcon, SuccessIcon, TimeIcon, TrashIcon } from '@/components/Icons';
 export { useForm } from '@/hooks/useForm';
 export { useWatch } from '@/hooks/useWatch';
-export { CheckboxProps } from '@/types/checkbox';
-export { InputProps, TextareaProps } from '@/types/input';
+export { DefaultProps, MouseEventHandlerSelect, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 export { FormContext } from '@/components/Form/Form';
 export { clsx, createArray, parseValue } from '@/helpers';
 export { flattenChildren } from '@/helpers/flatten';
@@ -102,27 +103,7 @@ type SwitchProps = DefaultProps & {
 };
 
 declare const Button: react.ComponentType<__types_button.ButtonProps>;
-declare const Checkbox: react.ComponentType<__types.DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: react.MouseEvent<HTMLInputElement> & __types.TargetProps) => void;
-    onClick?: react.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: react.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: react.MouseEventHandler<HTMLElement>;
-    onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: react.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-    titleClick?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Checkbox: react.ComponentType<__types_checkbox.CheckboxProps>;
 declare const Switch: react.ComponentType<SwitchProps>;
 declare const Empty: react.ComponentType<EmptyContentProps>;
 declare const Upload: react.ComponentType<__types_upload.UploadProps>;
@@ -131,130 +112,12 @@ declare const RangePicker: react.ComponentType<__types_datepicker.TRangePickerPr
 declare const TimePicker: react.ComponentType<__types_datepicker.TimePickerProps>;
 declare const Form: react.ComponentType<__types_form.FormProps>;
 declare const FormItem: react.ComponentType<__types_form.FormItemProps>;
-declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & __types.DefaultProps & {
-    addonBefore?: react.ReactNode;
-    addonAfter?: react.ReactNode;
-    size?: __types.SizeType;
-    prefix?: react.ReactNode;
-    suffix?: react.ReactNode;
-    disabled?: boolean;
-    allowClear?: boolean;
-    error?: boolean;
-    bordered?: boolean;
-    iconRender?: (visible: boolean) => react.ReactElement;
-    onChange?: (event: __types.SyntheticBaseEvent) => void;
-    onClick?: react.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: react.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: react.MouseEventHandler<HTMLElement>;
-    onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
-    onPressEnter?: (event: react.KeyboardEvent<HTMLInputElement>) => void;
-    feedbackIcons?: boolean;
-    child?: react.ReactNode;
-    mask?: string;
-    maskChar?: string;
-    maskRegex?: RegExp;
-} & react.RefAttributes<HTMLInputElement>>;
-declare const Textarea: react.ComponentType<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & __types.DefaultProps & {
-    value?: string;
-    className?: string;
-    style?: react.CSSProperties;
-    autoSize?: boolean | {
-        minRows?: number;
-        maxRows?: number;
-    };
-    onPressEnter?: react.KeyboardEventHandler<HTMLTextAreaElement>;
-    onResize?: (size: {
-        width: number;
-        height: number;
-    }) => void;
-    styles?: {
-        textarea?: react.CSSProperties;
-        count?: react.CSSProperties;
-    };
-    bordered?: boolean;
-    size?: __types.SizeType;
-    status?: "success" | "error";
-    rootClassName?: string;
-    variant?: "outlined" | "borderless" | "filled" | "underlined";
-    error?: boolean;
-    allowClear?: boolean;
-} & react.RefAttributes<HTMLTextAreaElement>>;
-declare const Radio: react.ComponentType<__types.DefaultProps & {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    title?: string;
-    onChange?: (e: __types.SyntheticBaseEvent) => void;
-    onClick?: react.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: react.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: react.MouseEventHandler<HTMLElement>;
-    onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
-    onFocus?: react.FocusEventHandler<HTMLInputElement>;
-    onBlur?: react.FocusEventHandler<HTMLInputElement>;
-    value?: __types.RuleType;
-    tabIndex?: number;
-    name?: string;
-    children?: react.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    button?: boolean;
-    error?: boolean;
-} & react.RefAttributes<HTMLLabelElement>>;
+declare const Input: react.ComponentType<__types_input.InputProps>;
+declare const Textarea: react.ComponentType<__types_input.TextareaProps>;
+declare const Radio: react.ComponentType<__types_radio.RadioProps>;
 declare const RadioButton: react.ComponentType<__types_radio.RadioButtonProps>;
 declare const RadioGroup: react.ComponentType<__types_radio.RadioGroupProps>;
-declare const Select: react.ComponentType<__types.DefaultProps & {
-    id?: string;
-    searchValue?: string;
-    onSearch?: (value: string) => void;
-    autoClearSearchValue?: boolean;
-    onSelect?: (value: __types.RuleTypes, option?: __types_select.OptionType) => void;
-    onDeselect?: (value: string, option?: __types_select.OptionType) => void;
-    filterOption?: boolean | ((input: string, option: __types_select.OptionType) => boolean);
-    optionFilterProp?: string;
-    options?: __types_select.OptionType[];
-    children?: react.ReactNode;
-    defaultActiveFirstOption?: boolean;
-    listHeight?: number;
-    menuItemSelectedIcon?: react.ReactNode;
-    mode?: "default" | "multiple" | "tags";
-    value?: __types.RuleTypes;
-    defaultValue?: __types.RuleTypes;
-    maxCount?: number;
-    onChange?: (e: __types.RuleTypes, option?: __types_select.OptionType) => void;
-    onClose?: () => void;
-    disabled?: boolean;
-    loading?: boolean;
-    placeholder?: string;
-    allowClear?: boolean;
-    filterable?: boolean;
-    defaultOpen?: boolean;
-    size?: "small" | "middle" | "large";
-    onClear?: () => void;
-    error?: boolean;
-    showSearch?: boolean;
-    tagRender?: ((props: __types_select.CustomTagProps) => react.ReactElement) | undefined;
-    maxTagPlaceholder?: react.ReactNode | ((omittedValues: __types_select.DisplayValueType[]) => react.ReactNode);
-    dropdownClassName?: string;
-    showArrow?: boolean;
-    onBlur?: react.FocusEventHandler<HTMLElement> | undefined;
-    onDropdownVisibleChange?: ((open: boolean, selected: __types.RuleType) => void) | undefined;
-    showAction?: ("click" | "focus")[] | undefined;
-    suffixIcon?: react.ReactNode;
-    searchIcon?: react.ReactNode;
-    open?: boolean;
-    notFoundContent?: react.ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-    dropdownRender?: (menu: react.ReactNode) => react.ReactNode;
-    feedbackIcons?: boolean;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    removeIcon?: react.ReactNode;
-    maxTagCount?: number | "responsive";
-} & react.RefAttributes<HTMLDivElement>>;
+declare const Select: react.ComponentType<__types_select.SelectProps>;
 declare const Option: react.ComponentType<__types_select.OptionProps>;
 declare const Tag: react.ComponentType<__types_select.CustomTagProps>;
 declare const Skeleton: react.ComponentType<SkeletonProps>;