@rue-js/design 0.0.39 → 0.1.1

package/dist/rue-design.d.ts

@@ -136,6 +136,107 @@ export type AccordionCompound = FC<AccordionProps> & {
 	Content: FC<AccordionPartProps>;
 };
 export declare const AccordionCompound: AccordionCompound;
+export type AutoCompleteValue = string | number;
+export type AutoCompletePlacement = "top" | "bottom";
+export type AutoCompleteSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
+export type AutoCompleteStatus = "warning" | "error";
+export type AutoCompleteVariant = "outlined" | "filled" | "ghost" | "borderless" | "underlined";
+export interface AutoCompleteAllowClearConfig {
+	clearIcon?: any;
+}
+export interface AutoCompleteOption {
+	key?: string | number;
+	value: AutoCompleteValue;
+	label?: any;
+	description?: any;
+	disabled?: boolean;
+	keywords?: Array<string | number>;
+	className?: string;
+	style?: any;
+	title?: string;
+	[key: string]: any;
+}
+export interface AutoCompleteOptionGroup {
+	key?: string | number;
+	label: any;
+	options: AutoCompleteOption[];
+	className?: string;
+	style?: any;
+	[key: string]: any;
+}
+export type AutoCompleteOptionData = AutoCompleteOption | AutoCompleteOptionGroup;
+export interface AutoCompleteClassNames {
+	root?: string;
+	control?: string;
+	input?: string;
+	popup?: string;
+	list?: string;
+	item?: string;
+	group?: string;
+	empty?: string;
+	clear?: string;
+	loading?: string;
+}
+export interface AutoCompleteStyles {
+	root?: any;
+	control?: any;
+	input?: any;
+	popup?: any;
+	list?: any;
+	item?: any;
+	group?: any;
+	empty?: any;
+	clear?: any;
+	loading?: any;
+}
+export interface AutoCompleteProps {
+	value?: AutoCompleteValue;
+	defaultValue?: AutoCompleteValue;
+	options?: AutoCompleteOptionData[];
+	open?: boolean;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	readOnly?: boolean;
+	loading?: boolean;
+	placeholder?: string;
+	allowClear?: boolean | AutoCompleteAllowClearConfig;
+	backfill?: boolean;
+	defaultActiveFirstOption?: boolean;
+	filterOption?: boolean | ((inputValue: string, option: AutoCompleteOption) => boolean);
+	notFoundContent?: any;
+	popupMatchSelectWidth?: boolean | number;
+	popupRender?: (originNode: any) => any;
+	optionLabelProp?: string;
+	placement?: AutoCompletePlacement;
+	size?: AutoCompleteSize;
+	status?: AutoCompleteStatus;
+	variant?: AutoCompleteVariant;
+	prefix?: any;
+	suffix?: any;
+	className?: string;
+	style?: any;
+	rootClassName?: string;
+	controlClassName?: string;
+	inputClassName?: string;
+	popupClassName?: string;
+	clearButtonClassName?: string;
+	popupStyle?: any;
+	classNames?: AutoCompleteClassNames;
+	styles?: AutoCompleteStyles;
+	onChange?: (value: string) => void;
+	onSearch?: (value: string) => void;
+	onSelect?: (value: AutoCompleteValue, option: AutoCompleteOption) => void;
+	onOpenChange?: (open: boolean) => void;
+	onClear?: (event: MouseEvent) => void;
+	onFocus?: (event: FocusEvent) => void;
+	onBlur?: (event: FocusEvent) => void;
+	onKeyDown?: (event: KeyboardEvent) => void;
+	onInputKeyDown?: (event: KeyboardEvent) => void;
+	onPressEnter?: (event: KeyboardEvent) => void;
+	onPopupScroll?: (event: Event) => void;
+	[key: string]: any;
+}
+export declare const AutoComplete: FC<AutoCompleteProps>;
 export type ButtonTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
 export type ButtonColor = "default" | "danger" | ButtonTone;
 export type ButtonType = "solid" | "filled" | "outlined" | "dashed" | "text" | "link";
@@ -143,6 +244,7 @@ export type ButtonShape = "default" | "square" | "circle" | "round";
 export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
 export type ButtonHTMLType = "button" | "submit" | "reset";
 export type ButtonIconPlacement = "start" | "end";
+export type ButtonGroupDirection = "horizontal" | "vertical";
 export interface ButtonLoadingConfig {
 	delay?: number;
 	icon?: any;
@@ -170,7 +272,21 @@ export interface ButtonProps {
 	children?: any;
 	[key: string]: any;
 }
-export declare const Button: FC<ButtonProps>;
+export interface ButtonGroupProps {
+	as?: any;
+	size?: ButtonSize;
+	shape?: ButtonShape;
+	direction?: ButtonGroupDirection;
+	block?: boolean;
+	className?: string;
+	style?: any;
+	children?: any;
+	[key: string]: any;
+}
+export type ButtonCompound = FC<ButtonProps> & {
+	Group: FC<ButtonGroupProps>;
+};
+export declare const ButtonCompound: ButtonCompound;
 export type CardSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
 export type CardVariant = "outlined" | "borderless" | "dashed";
 export type CardType = "default" | "inner";
@@ -336,6 +452,162 @@ export type CalendarCompound = FC<CalendarProps> & {
 	PikaSingle: FC<CalendarPikaSingleProps>;
 };
 export declare const CalendarCompound: CalendarCompound;
+export declare const FORMAT_HEX = "hex";
+export declare const FORMAT_RGB = "rgb";
+export declare const FORMAT_HSB = "hsb";
+export declare const COLOR_PICKER_MODE_SINGLE = "single";
+export declare const COLOR_PICKER_MODE_GRADIENT = "gradient";
+export type ColorFormatType = typeof FORMAT_HEX | typeof FORMAT_RGB | typeof FORMAT_HSB;
+export type ColorPickerMode = typeof COLOR_PICKER_MODE_SINGLE | typeof COLOR_PICKER_MODE_GRADIENT;
+export type ColorPickerTrigger = "click" | "hover";
+export type ColorPickerPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+export type ColorPickerSize = "small" | "default" | "middle" | "medium" | "large" | "sm" | "md" | "lg";
+export type ColorPickerArrow = boolean | {
+	pointAtCenter?: boolean;
+};
+export type ColorPickerGetPopupContainer = string | HTMLElement | false | ((triggerNode?: HTMLElement) => string | HTMLElement | false | null | undefined);
+export type ColorPickerValue = string | Color | ColorPickerGradientStop[] | null;
+export type ColorPickerPresetValue = string | Color | ColorPickerGradientStop[];
+export interface ColorPickerAllowClearConfig {
+	clearIcon?: any;
+}
+export interface ColorPickerPresetItem {
+	label: any;
+	colors: ColorPickerPresetValue[];
+	defaultOpen?: boolean;
+	key?: string | number;
+}
+export interface ColorPickerGradientStop {
+	color: string | Color;
+	percent: number;
+	id?: string | number;
+}
+export interface ColorPickerClassNames {
+	root?: string;
+	trigger?: string;
+	popup?: string;
+	panel?: string;
+	body?: string;
+	saturation?: string;
+	sliders?: string;
+	formatBar?: string;
+	valueInput?: string;
+	presets?: string;
+	presetItem?: string;
+	clear?: string;
+}
+export interface ColorPickerStyles {
+	root?: Record<string, any>;
+	trigger?: Record<string, any>;
+	popup?: Record<string, any>;
+	panel?: Record<string, any>;
+	body?: Record<string, any>;
+	saturation?: Record<string, any>;
+	sliders?: Record<string, any>;
+	formatBar?: Record<string, any>;
+	valueInput?: Record<string, any>;
+	presets?: Record<string, any>;
+}
+export interface ColorPickerPanelRenderProps {
+	color: Color | GradientColor | null;
+	format: ColorFormatType;
+	mode: ColorPickerMode;
+}
+export interface ColorPickerProps {
+	value?: ColorPickerValue;
+	defaultValue?: ColorPickerValue;
+	open?: boolean;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	placement?: ColorPickerPlacement;
+	trigger?: ColorPickerTrigger;
+	format?: ColorFormatType;
+	defaultFormat?: ColorFormatType;
+	allowClear?: boolean | ColorPickerAllowClearConfig;
+	presets?: ColorPickerPresetItem[];
+	mode?: ColorPickerMode | ColorPickerMode[];
+	defaultMode?: ColorPickerMode;
+	arrow?: ColorPickerArrow;
+	showText?: boolean | ((color: Color | GradientColor) => any);
+	size?: ColorPickerSize;
+	disabledAlpha?: boolean;
+	disabledFormat?: boolean;
+	getPopupContainer?: ColorPickerGetPopupContainer;
+	autoAdjustOverflow?: boolean;
+	destroyTooltipOnHide?: boolean;
+	destroyOnHidden?: boolean;
+	panelRender?: (panel: any, extra: {
+		components: {
+			Picker: FC;
+			Presets: FC;
+		};
+		state: ColorPickerPanelRenderProps;
+	}) => any;
+	rootClassName?: string;
+	triggerClassName?: string;
+	popupClassName?: string;
+	panelClassName?: string;
+	className?: string;
+	style?: Record<string, any>;
+	classNames?: ColorPickerClassNames;
+	styles?: ColorPickerStyles;
+	onOpenChange?: (open: boolean) => void;
+	onFormatChange?: (format: ColorFormatType) => void;
+	onChange?: (value: Color | GradientColor | null, css: string) => void;
+	onClear?: () => void;
+	onChangeComplete?: (value: Color | GradientColor) => void;
+	children?: any;
+	[key: string]: any;
+}
+export interface HSBAColor {
+	h: number;
+	s: number;
+	b: number;
+	a: number;
+}
+export interface RGBAColor {
+	r: number;
+	g: number;
+	b: number;
+	a: number;
+}
+export type ColorLike = string | Color | null | undefined | Partial<RGBAColor> | Partial<HSBAColor> | {
+	h?: number;
+	s?: number;
+	v?: number;
+	a?: number;
+};
+export declare class Color {
+	private hsba;
+	constructor(value?: ColorLike);
+	clone(): Color;
+	toHex(): string;
+	toHexString(): string;
+	toRgb(): RGBAColor;
+	toRgbString(): string;
+	toHsb(): HSBAColor;
+	toHsbString(): string;
+	toCssString(): string;
+	withAlpha(alpha: number): Color;
+	withHue(hue: number): Color;
+	withSaturationBrightness(saturation: number, brightness: number): Color;
+}
+export declare class GradientColor {
+	private stops;
+	constructor(value?: ColorPickerGradientStop[], disabledAlpha?: boolean);
+	clone(): GradientColor;
+	toStops(): {
+		id: string;
+		color: Color;
+		percent: number;
+	}[];
+	toCssString(): string;
+	withStopColor(id: string, color: Color): GradientColor;
+	withStopPercent(id: string, percent: number): GradientColor;
+	addStop(percent: number, color: Color): GradientColor;
+	removeStop(id: string): GradientColor;
+}
+export declare const ColorPicker: FC<ColorPickerProps>;
 export type AvatarStatus = "online" | "offline" | "placeholder";
 export type AvatarShape = "circle" | "square";
 export type AvatarImageFit = "cover" | "contain";
@@ -383,6 +655,93 @@ export type AvatarCompound = FC<AvatarProps> & {
 	Group: FC<AvatarGroupProps>;
 };
 export declare const AvatarCompound: AvatarCompound;
+export type AnchorKey = string | number;
+export type AnchorDirection = "vertical" | "horizontal";
+export type AnchorContainer = HTMLElement | Window;
+export interface AnchorItem {
+	key?: AnchorKey;
+	href: string;
+	title: any;
+	target?: string;
+	replace?: boolean;
+	description?: any;
+	className?: string;
+	disabled?: boolean;
+	children?: AnchorItem[];
+}
+export interface AnchorLinkProps extends Omit<AnchorItem, "children"> {
+	children?: any;
+}
+export interface AnchorClassNames {
+	root?: string;
+	list?: string;
+	item?: string;
+	link?: string;
+	title?: string;
+	description?: string;
+	indicator?: string;
+}
+export interface AnchorStyles {
+	root?: Record<string, any>;
+	list?: Record<string, any>;
+	item?: Record<string, any>;
+	link?: Record<string, any>;
+	title?: Record<string, any>;
+	description?: Record<string, any>;
+	indicator?: Record<string, any>;
+}
+export interface AnchorProps {
+	className?: string;
+	rootClassName?: string;
+	style?: Record<string, any>;
+	children?: any;
+	offsetTop?: number;
+	bounds?: number;
+	affix?: boolean;
+	showInkInFixed?: boolean;
+	getContainer?: () => AnchorContainer | undefined;
+	getCurrentAnchor?: (activeLink: string) => string;
+	onClick?: (event: MouseEvent, link: {
+		title: any;
+		href: string;
+	}) => void;
+	targetOffset?: number;
+	onChange?: (currentActiveLink: string) => void;
+	items?: AnchorItem[];
+	direction?: AnchorDirection;
+	replace?: boolean;
+	classNames?: AnchorClassNames;
+	styles?: AnchorStyles;
+	[key: string]: any;
+}
+declare const AnchorLink: FC<AnchorLinkProps>;
+export type AnchorComponent = FC<AnchorProps> & {
+	Link: typeof AnchorLink;
+};
+export declare const Anchor: AnchorComponent;
+export type AffixTarget = HTMLElement | Window | null | undefined;
+export interface AffixClassNames {
+	root?: string;
+	fixed?: string;
+}
+export interface AffixStyles {
+	root?: Record<string, any>;
+	fixed?: Record<string, any>;
+}
+export interface AffixProps {
+	offsetTop?: number;
+	offsetBottom?: number;
+	style?: Record<string, any>;
+	onChange?: (affixed?: boolean) => void;
+	target?: () => AffixTarget;
+	className?: string;
+	rootClassName?: string;
+	children?: any;
+	classNames?: AffixClassNames;
+	styles?: AffixStyles;
+	[key: string]: any;
+}
+export declare const Affix: FC<AffixProps>;
 export type DividerTone = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
 export type DividerLegacyDirection = "vertical" | "horizontal";
 export type DividerOrientation = "horizontal" | "vertical";
@@ -411,6 +770,104 @@ export interface DividerProps {
 	[key: string]: any;
 }
 export declare const Divider: FC<DividerProps>;
+export type DescriptionsSize = "small" | "default" | "middle" | "large" | "sm" | "md" | "lg";
+export type DescriptionsLayout = "horizontal" | "vertical";
+export type DescriptionsBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type DescriptionsResponsiveValue<T> = Partial<Record<DescriptionsBreakpoint, T>>;
+export type DescriptionsSpan = number | "filled" | DescriptionsResponsiveValue<number>;
+export interface DescriptionsClassNames {
+	root?: string;
+	header?: string;
+	title?: string;
+	extra?: string;
+	body?: string;
+	row?: string;
+	item?: string;
+	label?: string;
+	content?: string;
+}
+export interface DescriptionsStyles {
+	root?: Record<string, any>;
+	header?: Record<string, any>;
+	title?: Record<string, any>;
+	extra?: Record<string, any>;
+	body?: Record<string, any>;
+	row?: Record<string, any>;
+	item?: Record<string, any>;
+	label?: Record<string, any>;
+	content?: Record<string, any>;
+}
+export interface DescriptionsItemClassNames {
+	item?: string;
+	label?: string;
+	content?: string;
+}
+export interface DescriptionsItemStyles {
+	item?: Record<string, any>;
+	label?: Record<string, any>;
+	content?: Record<string, any>;
+}
+export interface DescriptionsItemProps {
+	key?: string | number;
+	label?: any;
+	children?: any;
+	content?: any;
+	span?: DescriptionsSpan;
+	className?: string;
+	style?: Record<string, any>;
+	labelClassName?: string;
+	labelStyle?: Record<string, any>;
+	contentClassName?: string;
+	contentStyle?: Record<string, any>;
+	classNames?: DescriptionsItemClassNames;
+	styles?: DescriptionsItemStyles;
+	[key: string]: any;
+}
+export interface DescriptionsProps {
+	className?: string;
+	style?: Record<string, any>;
+	title?: any;
+	extra?: any;
+	bordered?: boolean;
+	size?: DescriptionsSize;
+	children?: any;
+	layout?: DescriptionsLayout;
+	colon?: boolean;
+	column?: number | DescriptionsResponsiveValue<number>;
+	labelStyle?: Record<string, any>;
+	contentStyle?: Record<string, any>;
+	classNames?: DescriptionsClassNames;
+	styles?: DescriptionsStyles;
+	items?: DescriptionsItemProps[];
+	id?: string;
+	[key: string]: any;
+}
+export type DescriptionsCompound = FC<DescriptionsProps> & {
+	Item: FC<DescriptionsItemProps>;
+};
+export declare const DescriptionsCompound: DescriptionsCompound;
+export type FlexOrientation = "horizontal" | "vertical";
+export type FlexGapPreset = "small" | "middle" | "medium" | "large";
+export type FlexWrap = boolean | "nowrap" | "wrap" | "wrap-reverse";
+export type FlexJustify = "start" | "end" | "center" | "flex-start" | "flex-end" | "space-between" | "between" | "space-around" | "around" | "space-evenly" | "evenly" | "normal" | string;
+export type FlexAlign = "start" | "end" | "center" | "stretch" | "baseline" | "top" | "middle" | "bottom" | "flex-start" | "flex-end" | "normal" | string;
+export interface FlexProps {
+	as?: any;
+	component?: any;
+	vertical?: boolean;
+	orientation?: FlexOrientation;
+	inline?: boolean;
+	wrap?: FlexWrap;
+	justify?: FlexJustify;
+	align?: FlexAlign;
+	flex?: number | string;
+	gap?: FlexGapPreset | number | string;
+	className?: string;
+	style?: Record<string, any>;
+	children?: any;
+	[key: string]: any;
+}
+export declare const Flex: FC<FlexProps>;
 export type FooterDirection = "vertical" | "horizontal";
 export interface FooterLinkProps {
 	as?: any;
@@ -477,6 +934,282 @@ export type FooterCompound = FC<FooterProps> & {
 	Link: FC<FooterLinkProps>;
 };
 export declare const Footer: FooterCompound;
+export type FormLayout = "horizontal" | "vertical" | "inline";
+export type FormLabelAlign = "left" | "right";
+export type FormSize = "small" | "middle" | "large" | "sm" | "md" | "lg";
+export type FormRequiredMark = boolean | "optional" | ((label: any, info: {
+	required: boolean;
+}) => any);
+export type FormComponent = string | false;
+export type NamePath = string | number | ReadonlyArray<string | number>;
+export type NamePathSegment = string | number;
+export type ValidateStatus = "success" | "warning" | "error" | "validating";
+export interface FormValidateMessages {
+	required?: string;
+	whitespace?: string;
+	pattern?: string;
+	types?: Partial<Record<FormRuleType, string>>;
+	string?: {
+		len?: string;
+		min?: string;
+		max?: string;
+	};
+	number?: {
+		len?: string;
+		min?: string;
+		max?: string;
+	};
+	array?: {
+		len?: string;
+		min?: string;
+		max?: string;
+	};
+}
+export type FormRuleType = "string" | "number" | "boolean" | "array" | "email" | "url";
+export interface FormRule {
+	required?: boolean;
+	message?: string;
+	min?: number;
+	max?: number;
+	len?: number;
+	type?: FormRuleType;
+	pattern?: RegExp;
+	whitespace?: boolean;
+	warningOnly?: boolean;
+	transform?: (value: any) => any;
+	validator?: (rule: FormRule, value: any, values: any) => void | string | Promise<void | string>;
+}
+export interface FieldError {
+	name: NamePathSegment[];
+	errors: string[];
+	warnings: string[];
+}
+export interface FieldData extends FieldError {
+	touched: boolean;
+	validating: boolean;
+	value: any;
+}
+export interface FormListFieldData {
+	key: number;
+	name: number;
+	fieldKey: number;
+}
+export interface FormListOperation {
+	add: (defaultValue?: any, insertIndex?: number) => void;
+	remove: (index: number | number[]) => void;
+	move: (from: number, to: number) => void;
+}
+export interface FormErrorListProps {
+	errors?: ReadonlyArray<any>;
+	warnings?: ReadonlyArray<any>;
+	className?: string;
+	style?: Record<string, any>;
+}
+export interface FormProps {
+	className?: string;
+	style?: Record<string, any>;
+	children?: any;
+	render?: (form: FormInstance) => any;
+	component?: FormComponent;
+	layout?: FormLayout;
+	size?: FormSize;
+	disabled?: boolean;
+	colon?: boolean;
+	labelAlign?: FormLabelAlign;
+	labelWrap?: boolean;
+	labelCol?: FormColConfig;
+	wrapperCol?: FormColConfig;
+	requiredMark?: FormRequiredMark;
+	initialValues?: Record<string, any>;
+	form?: FormInstance;
+	name?: string;
+	preserve?: boolean;
+	validateMessages?: FormValidateMessages;
+	validateTrigger?: string | string[];
+	scrollToFirstError?: boolean | (ScrollIntoViewOptions & {
+		focus?: boolean;
+	});
+	onValuesChange?: (changedValues: any, allValues: any) => void;
+	onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
+	onFinish?: (values: any) => void;
+	onFinishFailed?: (info: FormFinishFailedInfo) => void;
+	onSubmit?: (event: Event) => void;
+	[key: string]: any;
+}
+export interface FormItemProps {
+	className?: string;
+	style?: Record<string, any>;
+	form?: FormInstance;
+	children?: any;
+	render?: (controlProps: Record<string, any>, meta: {
+		value: any;
+		touched: boolean;
+		validating: boolean;
+		errors: string[];
+		warnings: string[];
+		status?: ValidateStatus;
+	}, form: FormInstance) => any;
+	name?: NamePath;
+	label?: any;
+	extra?: any;
+	help?: any;
+	required?: boolean;
+	rules?: FormRule[];
+	dependencies?: NamePath[];
+	noStyle?: boolean;
+	hidden?: boolean;
+	initialValue?: any;
+	preserve?: boolean;
+	valuePropName?: string;
+	trigger?: string;
+	validateTrigger?: string | string[];
+	getValueFromEvent?: (...args: any[]) => any;
+	getValueProps?: (value: any) => Record<string, any>;
+	normalize?: (value: any, prevValue: any, values: any) => any;
+	shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+	validateStatus?: ValidateStatus;
+	hasFeedback?: boolean;
+	messageVariables?: Record<string, string>;
+	colon?: boolean;
+	labelAlign?: FormLabelAlign;
+	labelCol?: FormColConfig;
+	wrapperCol?: FormColConfig;
+	layout?: Exclude<FormLayout, "inline">;
+	htmlFor?: string;
+	[key: string]: any;
+}
+export interface FormListProps {
+	form?: FormInstance;
+	name: NamePath;
+	children?: (fields: FormListFieldData[], operation: FormListOperation, meta: {
+		errors: string[];
+		warnings: string[];
+	}) => any;
+	render?: (fields: FormListFieldData[], operation: FormListOperation, meta: {
+		errors: string[];
+		warnings: string[];
+	}) => any;
+	initialValue?: any[];
+	rules?: FormRule[];
+}
+export interface FormFinishFailedInfo {
+	values: any;
+	errorFields: FieldError[];
+	outOfDate: boolean;
+}
+export interface FormInstance {
+	getFieldValue: (name: NamePath) => any;
+	getFieldsValue: (nameList?: true | NamePath[]) => any;
+	setFieldValue: (name: NamePath, value: any) => void;
+	setFieldsValue: (values: Record<string, any>) => void;
+	resetFields: (nameList?: NamePath[]) => void;
+	validateFields: (nameList?: NamePath[]) => Promise<any>;
+	submit: () => void;
+	scrollToField: (name: NamePath, options?: ScrollIntoViewOptions & {
+		focus?: boolean;
+	}) => void;
+	isFieldTouched: (name: NamePath) => boolean;
+	getFieldError: (name: NamePath) => string[];
+	getFieldsError: (nameList?: NamePath[]) => FieldError[];
+}
+export interface FormColConfig {
+	span?: number;
+	offset?: number;
+}
+export type FormCompound = FC<FormProps> & {
+	Item: FC<FormItemProps>;
+	List: FC<FormListProps>;
+	ErrorList: FC<FormErrorListProps>;
+	useForm: (form?: FormInstance) => [
+		FormInstance
+	];
+	useFormInstance: () => FormInstance;
+	useWatch: (name: NamePath, form?: FormInstance) => any;
+};
+export declare const Form: FormCompound;
+export type GridBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type GridGutterSize = number | string;
+export type GridAlign = "top" | "middle" | "bottom" | "stretch";
+export type GridJustify = "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+export type GridResponsiveValue<T> = Partial<Record<GridBreakpoint, T>>;
+export type GridResponsiveGutter = GridGutterSize | GridResponsiveValue<GridGutterSize>;
+export type GridGutter = GridResponsiveGutter | [
+	GridResponsiveGutter,
+	GridResponsiveGutter
+];
+export type GridStyle = string | Record<string, any>;
+export interface GridColConfig {
+	span?: number;
+	order?: number;
+	offset?: number;
+	push?: number;
+	pull?: number;
+	flex?: number | string;
+}
+export type GridColResponsive = number | GridColConfig;
+export interface GridRowProps {
+	gutter?: GridGutter;
+	align?: GridAlign;
+	justify?: GridJustify;
+	wrap?: boolean;
+	className?: string;
+	style?: GridStyle;
+	children?: any;
+	[key: string]: any;
+}
+export interface GridColProps extends GridColConfig {
+	xs?: GridColResponsive;
+	sm?: GridColResponsive;
+	md?: GridColResponsive;
+	lg?: GridColResponsive;
+	xl?: GridColResponsive;
+	xxl?: GridColResponsive;
+	className?: string;
+	style?: GridStyle;
+	children?: any;
+	[key: string]: any;
+}
+export interface GridCompound extends FC<GridRowProps> {
+	Row: FC<GridRowProps>;
+	Col: FC<GridColProps>;
+}
+export declare const GridCompound$1: GridCompound;
+export type MasonryBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type MasonryResponsiveValue<T> = Partial<Record<MasonryBreakpoint, T>>;
+export type MasonrySpacePreset = "small" | "middle" | "large";
+export type MasonrySpace = MasonrySpacePreset | number | string;
+export type MasonryResponsiveSpace = MasonrySpace | MasonryResponsiveValue<MasonrySpace>;
+export type MasonryGap = MasonryResponsiveSpace | [
+	MasonryResponsiveSpace,
+	MasonryResponsiveSpace
+];
+export type MasonryStyle = string | Record<string, any>;
+export interface MasonryProps<T = any> {
+	as?: any;
+	columns?: number | MasonryResponsiveValue<number>;
+	gap?: MasonryGap;
+	gutter?: MasonryGap;
+	columnGap?: MasonryResponsiveSpace;
+	rowGap?: MasonryResponsiveSpace;
+	minColumnWidth?: MasonryResponsiveSpace;
+	minColumns?: number | MasonryResponsiveValue<number>;
+	maxColumns?: number | MasonryResponsiveValue<number>;
+	items?: T[];
+	renderItem?: (item: T, index: number) => any;
+	itemKey?: keyof T | ((item: T, index: number) => string | number);
+	itemAs?: any;
+	itemClassName?: string | ((item: T, index: number) => string | undefined);
+	itemStyle?: Record<string, any> | ((item: T, index: number) => Record<string, any> | undefined);
+	empty?: any;
+	className?: string;
+	style?: MasonryStyle;
+	children?: any;
+	[key: string]: any;
+}
+/**
+ * Masonry 根容器负责列数解析和容器测量；子项统一包一层 wrapper，保证 break-inside 和垂直间距稳定。
+ */
+export declare const Masonry: FC<MasonryProps<any>>;
 export type ModalWidth = string | number;
 export type ModalInlineStyle = string | Record<string, string | number | null | undefined>;
 export type ModalGetContainer = string | HTMLElement | (() => HTMLElement) | false;
@@ -697,6 +1430,48 @@ export type DiffCompound = FC<DiffProps> & {
 	Resizer: FC<DiffResizerProps>;
 };
 export declare const DiffCompound: DiffCompound;
+export type EmptySize = "sm" | "md" | "lg" | "small" | "default" | "large";
+export type EmptyAlign = "center" | "start";
+export type EmptyVariant = "surface" | "soft" | "outline";
+export interface EmptyClassNames {
+	root?: string;
+	image?: string;
+	description?: string;
+	footer?: string;
+}
+export interface EmptyStyles {
+	root?: Record<string, any>;
+	image?: Record<string, any>;
+	description?: Record<string, any>;
+	footer?: Record<string, any>;
+}
+export interface EmptyPresentedImageProps {
+	className?: string;
+	style?: any;
+	size?: EmptySize;
+}
+export interface EmptyProps {
+	image?: string | FC<EmptyPresentedImageProps> | any;
+	description?: any;
+	imageStyle?: any;
+	imageAlt?: string;
+	children?: any;
+	size?: EmptySize;
+	align?: EmptyAlign;
+	variant?: EmptyVariant;
+	className?: string;
+	rootClassName?: string;
+	style?: any;
+	classNames?: EmptyClassNames;
+	styles?: EmptyStyles;
+	role?: string;
+	[key: string]: any;
+}
+export interface EmptyType extends FC<EmptyProps> {
+	PRESENTED_IMAGE_DEFAULT: FC<EmptyPresentedImageProps>;
+	PRESENTED_IMAGE_SIMPLE: FC<EmptyPresentedImageProps>;
+}
+export declare const Empty: EmptyType;
 export type Hover3DAs = "div" | "a";
 export interface Hover3DSurfaceProps {
 	[key: string]: any;
@@ -1976,14 +2751,81 @@ export interface LinkProps {
 	[key: string]: any;
 }
 export declare const Link: FC<LinkProps>;
-export type MenuKey = string | number;
-export type MenuSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
-export type MenuDirection = "vertical" | "horizontal";
-export type MenuMode = "vertical" | "horizontal" | "inline";
-export type MenuTriggerSubMenuAction = "hover" | "click";
-export interface MenuClickInfo {
-	key?: MenuKey;
-	keyPath: MenuKey[];
+export type LayoutBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type LayoutStyle = string | Record<string, any>;
+export type LayoutCollapseType = "clickTrigger" | "responsive";
+export type LayoutSiderTheme = "light" | "dark";
+export type LayoutSiderTriggerPosition = "start" | "end";
+export interface LayoutProps {
+	as?: any;
+	hasSider?: boolean;
+	className?: string;
+	style?: LayoutStyle;
+	children?: any;
+	[key: string]: any;
+}
+export interface LayoutSectionProps {
+	as?: any;
+	className?: string;
+	style?: LayoutStyle;
+	children?: any;
+	[key: string]: any;
+}
+export interface LayoutSiderTriggerRenderMeta {
+	collapsed: boolean;
+	below: boolean;
+	zeroWidth: boolean;
+	toggle: () => void;
+}
+export interface LayoutSiderTriggerProps {
+	className?: string;
+	style?: LayoutStyle;
+	children?: any;
+	[key: string]: any;
+}
+export interface LayoutSiderProps {
+	as?: any;
+	className?: string;
+	style?: LayoutStyle;
+	bodyClassName?: string;
+	bodyStyle?: LayoutStyle;
+	footer?: any;
+	footerClassName?: string;
+	footerStyle?: LayoutStyle;
+	triggerClassName?: string;
+	triggerStyle?: LayoutStyle;
+	theme?: LayoutSiderTheme;
+	width?: number | string;
+	collapsedWidth?: number | string;
+	collapsed?: boolean;
+	defaultCollapsed?: boolean;
+	collapsible?: boolean;
+	breakpoint?: LayoutBreakpoint;
+	reverseArrow?: boolean;
+	trigger?: any | ((meta: LayoutSiderTriggerRenderMeta) => any);
+	zeroWidthTriggerStyle?: LayoutStyle;
+	triggerPosition?: LayoutSiderTriggerPosition;
+	onCollapse?: (collapsed: boolean, type: LayoutCollapseType) => void;
+	onBreakpoint?: (broken: boolean) => void;
+	children?: any;
+	[key: string]: any;
+}
+export interface LayoutCompound extends FC<LayoutProps> {
+	Header: FC<LayoutSectionProps>;
+	Content: FC<LayoutSectionProps>;
+	Footer: FC<LayoutSectionProps>;
+	Sider: FC<LayoutSiderProps>;
+	Trigger: FC<LayoutSiderTriggerProps>;
+}
+export declare const Layout: LayoutCompound;
+export type MenuKey = string | number;
+export type MenuSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
+export type MenuDirection = "vertical" | "horizontal";
+export type MenuMode = "vertical" | "horizontal" | "inline";
+export type MenuTriggerSubMenuAction = "hover" | "click";
+export interface MenuClickInfo {
+	key?: MenuKey;
+	keyPath: MenuKey[];
 	item?: MenuDataEntry;
 	domEvent: MouseEvent;
 }
@@ -2186,6 +3028,97 @@ export type MenuCompound = FC<MenuProps> & {
 	Divider: FC<MenuDividerProps>;
 };
 export declare const MenuCompound: MenuCompound;
+export type MentionPlacement = "top" | "bottom";
+export type MentionsSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
+export type MentionsStatus = "success" | "warning" | "error" | "validating";
+export type MentionsVariant = "outlined" | "filled" | "ghost" | "borderless" | "underlined";
+export interface MentionsAutoSizeConfig {
+	minRows?: number;
+	maxRows?: number;
+}
+export interface MentionsAllowClearConfig {
+	clearIcon?: any;
+}
+export interface MentionsOption {
+	key?: string;
+	value: string;
+	label?: any;
+	disabled?: boolean;
+	className?: string;
+	style?: any;
+	[key: string]: any;
+}
+export interface MentionsClassNames {
+	root?: string;
+	textarea?: string;
+	popup?: string;
+	option?: string;
+	empty?: string;
+	clear?: string;
+}
+export interface MentionsStyles {
+	root?: any;
+	textarea?: any;
+	popup?: any;
+}
+export interface MentionsConfig {
+	prefix?: string | string[];
+	split?: string;
+}
+export interface MentionsEntity {
+	prefix: string;
+	value: string;
+}
+export interface MentionsProps {
+	value?: string;
+	defaultValue?: string;
+	options?: MentionsOption[];
+	prefix?: string | string[];
+	split?: string;
+	searchDebounce?: number;
+	placement?: MentionPlacement;
+	size?: MentionsSize;
+	status?: MentionsStatus;
+	variant?: MentionsVariant;
+	allowClear?: boolean | MentionsAllowClearConfig;
+	autoSize?: boolean | MentionsAutoSizeConfig;
+	loading?: boolean;
+	disabled?: boolean;
+	readOnly?: boolean;
+	notFoundContent?: any;
+	filterOption?: false | ((input: string, option: MentionsOption) => boolean);
+	validateSearch?: (text: string, props: MentionsProps) => boolean;
+	onChange?: (text: string) => void;
+	onInput?: (event: Event) => void;
+	onNativeChange?: (event: Event) => void;
+	onSearch?: (text: string, prefix: string) => void;
+	onSelect?: (option: MentionsOption, prefix: string) => void;
+	onFocus?: (event: FocusEvent) => void;
+	onBlur?: (event: FocusEvent) => void;
+	onKeyDown?: (event: KeyboardEvent) => void;
+	onCompositionStart?: (event: CompositionEvent) => void;
+	onCompositionEnd?: (event: CompositionEvent) => void;
+	onResize?: (size: {
+		width: number;
+		height: number;
+	}) => void;
+	onPopupScroll?: (event: Event) => void;
+	rootClassName?: string;
+	textareaClassName?: string;
+	popupClassName?: string;
+	popupStyle?: any;
+	classNames?: MentionsClassNames;
+	styles?: MentionsStyles;
+	className?: string;
+	style?: any;
+	children?: any;
+	[key: string]: any;
+}
+declare const MentionsRoot: FC<MentionsProps>;
+export type CompoundedComponent = typeof MentionsRoot & {
+	getMentions: (value: string, config?: MentionsConfig) => MentionsEntity[];
+};
+export declare const Mentions: CompoundedComponent;
 export type JoinDirection = "horizontal" | "vertical";
 export interface JoinItemProps {
 	as?: any;
@@ -2809,6 +3742,7 @@ export interface InputProps {
 	clearButtonClassName?: string;
 	className?: string;
 	disabled?: boolean;
+	readOnly?: boolean;
 	value?: string | number;
 	defaultValue?: string | number;
 	onClear?: (event: MouseEvent) => void;
@@ -2853,6 +3787,50 @@ export type InputCompound = FC<InputProps> & {
 	TextArea: FC<TextareaProps>;
 };
 export declare const InputCompound: InputCompound;
+export type InputNumberValue = number | string;
+export type InputNumberEmitter = "handler" | "keydown" | "wheel";
+export interface InputNumberFormatterInfo {
+	userTyping: boolean;
+	input: string;
+}
+export interface InputNumberControlsConfig {
+	upIcon?: any;
+	downIcon?: any;
+}
+export interface InputNumberStepInfo {
+	offset: number;
+	type: "up" | "down";
+	emitter: InputNumberEmitter;
+}
+export interface InputNumberProps extends Omit<InputProps, "type" | "value" | "defaultValue" | "onChange"> {
+	value?: InputNumberValue | null;
+	defaultValue?: InputNumberValue;
+	min?: InputNumberValue;
+	max?: InputNumberValue;
+	step?: InputNumberValue;
+	precision?: number;
+	stringMode?: boolean;
+	keyboard?: boolean;
+	changeOnWheel?: boolean;
+	changeOnBlur?: boolean;
+	controls?: boolean | InputNumberControlsConfig;
+	decimalSeparator?: string;
+	color?: InputColor;
+	size?: InputSize;
+	status?: InputStatus;
+	variant?: InputVariant;
+	readOnly?: boolean;
+	formatter?: (value: InputNumberValue | null, info: InputNumberFormatterInfo) => string;
+	parser?: (input: string) => number | string | null | undefined;
+	onChange?: (value: InputNumberValue | null) => void;
+	onStep?: (value: InputNumberValue, info: InputNumberStepInfo) => void;
+	onBlur?: (event: FocusEvent) => void;
+	onFocus?: (event: FocusEvent) => void;
+	onWheel?: (event: WheelEvent) => void;
+	onCompositionStart?: (event: CompositionEvent) => void;
+	onCompositionEnd?: (event: CompositionEvent) => void;
+}
+export declare const InputNumber: FC<InputNumberProps>;
 export type LabelControl = "input" | "select" | "textarea" | "none";
 export type LabelTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
 export type LabelColor = "default" | LabelTone;
@@ -3303,6 +4281,59 @@ export type PaginationCompound = FC<PaginationProps> & {
 	Item: FC<PaginationItemProps>;
 };
 export declare const Pagination: PaginationCompound;
+export type PopoverPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+export type PopoverTrigger = "hover" | "focus" | "click" | "contextMenu";
+export type PopoverArrow = boolean | {
+	pointAtCenter?: boolean;
+};
+export interface PopoverClassNames {
+	root?: string;
+	trigger?: string;
+	overlay?: string;
+	panel?: string;
+	arrow?: string;
+	header?: string;
+	title?: string;
+	content?: string;
+}
+export interface PopoverStyles {
+	root?: Record<string, any>;
+	trigger?: Record<string, any>;
+	overlay?: Record<string, any>;
+	panel?: Record<string, any>;
+	arrow?: Record<string, any>;
+	header?: Record<string, any>;
+	title?: Record<string, any>;
+	content?: Record<string, any>;
+}
+export interface PopoverProps {
+	as?: string;
+	title?: any;
+	content?: any;
+	overlay?: any;
+	placement?: PopoverPlacement;
+	trigger?: PopoverTrigger | PopoverTrigger[];
+	open?: boolean;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	arrow?: PopoverArrow;
+	destroyOnHidden?: boolean;
+	mouseEnterDelay?: number;
+	mouseLeaveDelay?: number;
+	zIndex?: number;
+	className?: string;
+	style?: string | Record<string, any>;
+	triggerClassName?: string;
+	triggerStyle?: string | Record<string, any>;
+	overlayClassName?: string;
+	overlayStyle?: Record<string, any>;
+	classNames?: PopoverClassNames;
+	styles?: PopoverStyles;
+	onOpenChange?: (open: boolean) => void;
+	children?: any;
+	[key: string]: any;
+}
+export declare const Root: FC<PopoverProps>;
 export type SelectColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
 export type SelectStatus = "success" | "warning" | "error";
 export type SelectVariant = "outlined" | "filled" | "ghost" | "borderless";
@@ -3426,120 +4457,784 @@ export type SelectCompound = FC<SelectProps> & {
 	Shell: FC<SelectShellProps>;
 };
 export declare const Select: SelectCompound;
-export type ProgressColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
-export type ProgressType = "line" | "circle" | "dashboard";
-export type ProgressStatus = "normal" | "exception" | "active" | "success";
-export type ProgressLinecap = "round" | "square" | "butt";
-export type ProgressSize = number | [
-	number | string,
-	number
-] | {
-	width?: number | string;
-	height?: number;
-} | "small" | "default" | "medium";
-export type ProgressStrokeColor = string | string[] | {
-	from: string;
-	to: string;
-	direction?: string;
-};
-export type ProgressSteps = number | {
-	count: number;
-	gap: number;
-};
-export type ProgressGapPlacement = "top" | "bottom" | "start" | "end";
-export interface ProgressSuccessProps {
-	percent?: number;
-	strokeColor?: string;
+export type SegmentedValue = string | number;
+export type SegmentedOrientation = "horizontal" | "vertical";
+export type SegmentedShape = "default" | "round";
+export type SegmentedSize = "small" | "default" | "middle" | "medium" | "large" | "sm" | "md" | "lg";
+export interface SegmentedSemanticClassNames {
+	root?: string;
+	item?: string;
+	icon?: string;
+	label?: string;
 }
-export interface ProgressPercentPosition {
-	align?: "start" | "center" | "end";
-	type?: "inner" | "outer";
+export interface SegmentedSemanticStyles {
+	root?: any;
+	item?: any;
+	icon?: any;
+	label?: any;
 }
-export interface ProgressProps {
-	color?: ProgressColor;
+export interface SegmentedLabeledOption<ValueType = SegmentedValue> {
+	value: ValueType;
+	label?: any;
+	icon?: any;
+	disabled?: boolean;
 	className?: string;
-	type?: ProgressType;
-	percent?: number;
-	max?: number;
-	value?: number;
-	status?: ProgressStatus;
-	showInfo?: boolean;
-	format?: (percent?: number, successPercent?: number) => any;
-	size?: ProgressSize;
-	strokeWidth?: number;
-	strokeLinecap?: ProgressLinecap;
-	strokeColor?: ProgressStrokeColor;
-	trailColor?: string;
-	railColor?: string;
-	success?: ProgressSuccessProps;
-	steps?: ProgressSteps;
-	gapDegree?: number;
-	gapPlacement?: ProgressGapPlacement;
-	gapPosition?: "top" | "bottom" | "left" | "right";
-	percentPosition?: ProgressPercentPosition;
-	rounding?: (step: number) => number;
-	children?: any;
+	style?: any;
+	title?: string;
+	tooltip?: string | {
+		title?: any;
+	};
+	ariaLabel?: string;
+}
+export type SegmentedOptions<ValueType = SegmentedValue> = Array<ValueType | SegmentedLabeledOption<ValueType>>;
+export type SegmentedSemanticInput<T> = T | ((info: {
+	props: SegmentedProps<any>;
+}) => T);
+export interface SegmentedProps<ValueType = SegmentedValue> {
+	options?: SegmentedOptions<ValueType>;
+	value?: ValueType;
+	defaultValue?: ValueType;
+	disabled?: boolean;
+	block?: boolean;
+	size?: SegmentedSize;
+	vertical?: boolean;
+	orientation?: SegmentedOrientation;
+	shape?: SegmentedShape;
+	name?: string;
+	className?: string;
+	style?: any;
+	classNames?: SegmentedSemanticInput<SegmentedSemanticClassNames>;
+	styles?: SegmentedSemanticInput<SegmentedSemanticStyles>;
+	onChange?: (value: ValueType) => void;
 	[key: string]: any;
 }
-export declare const Progress: FC<ProgressProps>;
-type StyleValue$1 = string | number | null | undefined;
-interface StyleObject$1 {
-	[key: string]: StyleValue$1;
+export declare const Segmented: FC<SegmentedProps<any>>;
+export type TimePickerSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
+export type TimePickerStatus = "warning" | "error";
+export type TimePickerVariant = "outlined" | "filled" | "ghost" | "borderless";
+export type TimePickerPlacement = "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+export type TimePickerPanelColumn = "hour" | "minute" | "second" | "meridiem";
+export type TimePickerChangeSource = "panel" | "input" | "clear" | "now" | "confirm";
+export type TimeMeridiem = "am" | "pm";
+export interface TimePickerValue {
+	hour: number;
+	minute: number;
+	second: number;
+	meridiem: TimeMeridiem;
+	text: string;
+}
+export interface TimePickerDisabledConfig {
+	disabledHours?: () => number[];
+	disabledMinutes?: (selectedHour: number) => number[];
+	disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];
+}
+export interface TimePickerCellRenderInfo {
+	subType: TimePickerPanelColumn;
+	selected: boolean;
+	disabled: boolean;
+	label: string;
 }
-export type RadialProgressType = "circle" | "dashboard";
-export type RadialProgressStatus = "normal" | "exception" | "success";
-export type RadialProgressLinecap = "round" | "square" | "butt";
-export type RadialProgressSize = number | string | "small" | "default" | "medium";
-export type RadialProgressSteps = number | {
-	count: number;
-	gap: number;
-};
-export type RadialProgressGapPlacement = "top" | "bottom" | "start" | "end";
-export interface RadialProgressSuccessProps {
-	percent?: number;
-	value?: string | number;
-	strokeColor?: string;
+export interface TimePickerChangeInfo {
+	selection: TimePickerValue | null;
+	source: TimePickerChangeSource;
 }
-export interface RadialProgressProps {
-	value?: string | number;
-	percent?: number;
-	max?: string | number;
-	type?: RadialProgressType;
-	status?: RadialProgressStatus;
-	showInfo?: boolean;
-	format?: (percent?: number, successPercent?: number) => any;
-	size?: RadialProgressSize;
-	thickness?: string | number;
-	strokeWidth?: string | number;
-	strokeLinecap?: RadialProgressLinecap;
-	strokeColor?: string | string[];
-	railColor?: string;
-	trailColor?: string;
-	success?: RadialProgressSuccessProps;
-	steps?: RadialProgressSteps;
-	gapDegree?: number;
-	gapPlacement?: RadialProgressGapPlacement;
-	gapPosition?: "top" | "bottom" | "left" | "right";
-	style?: string | StyleObject$1;
+export interface TimePickerAllowClearConfig {
+	clearIcon?: any;
+}
+export interface TimePickerProps {
+	value?: string | null;
+	defaultValue?: string | null;
+	defaultOpenValue?: string | null;
+	open?: boolean;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	allowClear?: boolean | TimePickerAllowClearConfig;
+	clearLabel?: string;
+	format?: string;
+	use12Hours?: boolean;
+	hourStep?: number;
+	minuteStep?: number;
+	secondStep?: number;
+	hideDisabledOptions?: boolean;
+	inputReadOnly?: boolean;
+	needConfirm?: boolean;
+	showNow?: boolean;
+	nowLabel?: string;
+	confirmLabel?: string;
+	changeOnScroll?: boolean;
+	placeholder?: string;
+	placement?: TimePickerPlacement;
+	status?: TimePickerStatus;
+	variant?: TimePickerVariant;
+	size?: TimePickerSize;
+	prefix?: any;
+	suffixIcon?: any;
+	addonBefore?: any;
+	addonAfter?: any;
+	renderExtraFooter?: () => any;
+	disabledTime?: (selection: TimePickerValue | null) => TimePickerDisabledConfig | undefined;
+	cellRender?: (current: number | string, info: TimePickerCellRenderInfo) => any;
+	rootClassName?: string;
+	popupClassName?: string;
+	panelClassName?: string;
+	inputClassName?: string;
 	className?: string;
-	children?: any;
+	onChange?: (value: string | null, timeString: string, info: TimePickerChangeInfo) => void;
+	onCalendarChange?: (value: string | null, timeString: string, info: TimePickerChangeInfo) => void;
+	onOpenChange?: (open: boolean) => void;
+	onInput?: (event: Event) => void;
+	onFocus?: (event: FocusEvent) => void;
+	onBlur?: (event: FocusEvent) => void;
 	[key: string]: any;
 }
-export declare const RadialProgress: FC<RadialProgressProps>;
-export type RadioColor = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
-export type RadioSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
-export type RadioValue = string | number | boolean;
-export type RadioOptionType = "default" | "button";
-export type RadioButtonStyle = "outline" | "solid";
-export type RadioOrientation = "horizontal" | "vertical";
-export interface RadioChangeMeta {
-	checked: boolean;
-	value?: RadioValue;
-	optionType: RadioOptionType;
+export interface TimeRangePickerChangeInfo {
+	range: "start" | "end" | "clear";
+	values: [
+		TimePickerValue | null,
+		TimePickerValue | null
+	];
 }
-export interface RadioProps {
-	color?: RadioColor;
-	size?: RadioSize;
+export interface TimeRangePickerProps {
+	value?: [
+		string | null,
+		string | null
+	];
+	defaultValue?: [
+		string | null,
+		string | null
+	];
+	defaultOpenValue?: [
+		string | null,
+		string | null
+	] | string | null;
+	disabled?: boolean | [
+		boolean,
+		boolean
+	];
+	placeholder?: string | [
+		string,
+		string
+	];
+	allowClear?: boolean | TimePickerAllowClearConfig;
+	order?: boolean;
+	separator?: any;
+	format?: string;
+	use12Hours?: boolean;
+	hourStep?: number;
+	minuteStep?: number;
+	secondStep?: number;
+	hideDisabledOptions?: boolean;
+	inputReadOnly?: boolean;
+	needConfirm?: boolean;
+	showNow?: boolean;
+	nowLabel?: string;
+	confirmLabel?: string;
+	changeOnScroll?: boolean;
+	status?: TimePickerStatus;
+	variant?: TimePickerVariant;
+	size?: TimePickerSize;
+	renderExtraFooter?: () => any;
+	disabledTime?: (selection: TimePickerValue | null, type: "start" | "end") => TimePickerDisabledConfig | undefined;
+	rootClassName?: string;
+	className?: string;
+	pickerClassName?: string;
+	startPickerClassName?: string;
+	endPickerClassName?: string;
+	onChange?: (values: [
+		string | null,
+		string | null
+	], timeStrings: [
+		string,
+		string
+	], info: TimeRangePickerChangeInfo) => void;
+	onCalendarChange?: (values: [
+		string | null,
+		string | null
+	], timeStrings: [
+		string,
+		string
+	], info: Exclude<TimeRangePickerChangeInfo["range"], "clear"> extends never ? never : {
+		range: "start" | "end";
+		values: [
+			TimePickerValue | null,
+			TimePickerValue | null
+		];
+	}) => void;
+}
+export type TimePickerCompound = FC<TimePickerProps> & {
+	RangePicker: FC<TimeRangePickerProps>;
+};
+export declare const TimePicker: TimePickerCompound;
+export type TransferKey = string | number;
+export type TransferDirection = "left" | "right";
+export type TransferStatus = "warning" | "error";
+export type TransferSize = "small" | "default" | "middle" | "large" | "sm" | "md" | "lg";
+export interface TransferItem {
+	key?: TransferKey;
+	title?: any;
+	description?: any;
+	disabled?: boolean;
+	[key: string]: any;
+}
+export interface TransferRenderResultObject {
+	label: any;
+	value?: string;
+	description?: any;
+}
+export type TransferRenderResult = TransferRenderResultObject | string | number | any | null;
+export type TransferRender<RecordType> = (item: RecordType) => TransferRenderResult;
+export interface TransferLocale {
+	titles?: any[];
+	notFoundContent?: any | any[];
+	searchPlaceholder?: any;
+	itemUnit?: string;
+	itemsUnit?: string;
+	remove?: any;
+	selectAll?: any;
+	deselectAll?: any;
+	selectInvert?: any;
+	clearSelection?: any;
+	removeSelected?: any;
+}
+export interface TransferSearchConfig {
+	placeholder?: string;
+	defaultValue?: string;
+}
+export interface TransferPaginationConfig {
+	pageSize?: number;
+}
+export interface TransferListStyleInfo {
+	direction: TransferDirection;
+}
+export interface TransferClassNames {
+	root?: string;
+	panel?: string;
+	header?: string;
+	search?: string;
+	body?: string;
+	list?: string;
+	item?: string;
+	operations?: string;
+	footer?: string;
+	empty?: string;
+	pager?: string;
+}
+export interface TransferStyles {
+	root?: Record<string, any>;
+	panel?: Record<string, any>;
+	header?: Record<string, any>;
+	search?: Record<string, any>;
+	body?: Record<string, any>;
+	list?: Record<string, any>;
+	item?: Record<string, any>;
+	operations?: Record<string, any>;
+	footer?: Record<string, any>;
+	empty?: Record<string, any>;
+	pager?: Record<string, any>;
+}
+export interface TransferRenderListItem<RecordType = TransferItem> {
+	key: TransferKey;
+	record: RecordType;
+	disabled: boolean;
+	label: any;
+	description?: any;
+	searchText: string;
+}
+export interface TransferRenderListProps<RecordType = TransferItem> {
+	direction: TransferDirection;
+	disabled: boolean;
+	items: TransferRenderListItem<RecordType>[];
+	filteredItems: TransferRenderListItem<RecordType>[];
+	selectedKeys: TransferKey[];
+	searchValue: string;
+	onItemSelect: (key: TransferKey, selected: boolean) => void;
+	onItemSelectAll: (keys: TransferKey[], selected: boolean) => void;
+}
+export interface TransferProps<RecordType = TransferItem> {
+	className?: string;
+	style?: Record<string, any>;
+	disabled?: boolean;
+	size?: TransferSize;
+	status?: TransferStatus;
+	dataSource?: RecordType[];
+	targetKeys?: TransferKey[];
+	defaultTargetKeys?: TransferKey[];
+	selectedKeys?: TransferKey[];
+	defaultSelectedKeys?: TransferKey[];
+	render?: TransferRender<RecordType>;
+	onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void;
+	onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void;
+	titles?: any[];
+	operations?: any[];
+	actions?: any[];
+	showSearch?: boolean | TransferSearchConfig;
+	filterOption?: (inputValue: string, item: RecordType, direction: TransferDirection) => boolean;
+	locale?: TransferLocale;
+	footer?: (props: TransferRenderListProps<RecordType>, info: {
+		direction: TransferDirection;
+	}) => any;
+	renderList?: (props: TransferRenderListProps<RecordType>) => any;
+	rowKey?: (record: RecordType) => TransferKey;
+	onSearch?: (direction: TransferDirection, value: string) => void;
+	onScroll?: (direction: TransferDirection, event: Event) => void;
+	children?: (props: TransferRenderListProps<RecordType>) => any;
+	showSelectAll?: boolean;
+	selectAllLabels?: Array<any | ((info: {
+		selectedCount: number;
+		totalCount: number;
+	}) => any)>;
+	oneWay?: boolean;
+	pagination?: boolean | TransferPaginationConfig;
+	listStyle?: Record<string, any> | ((info: TransferListStyleInfo) => Record<string, any>);
+	operationStyle?: Record<string, any>;
+	classNames?: TransferClassNames;
+	styles?: TransferStyles;
+	[key: string]: any;
+}
+export declare const Transfer: FC<TransferProps<any>>;
+export type TourPlacement = "center" | "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+export type TourType = "default" | "primary";
+export type TourArrow = boolean | {
+	pointAtCenter?: boolean;
+};
+export type TourTarget = HTMLElement | null | undefined | (() => HTMLElement | null | undefined);
+export type TourGetPopupContainer = string | HTMLElement | (() => HTMLElement) | false;
+export interface TourGap {
+	offset?: number | [
+		number,
+		number
+	];
+	radius?: number;
+}
+export interface TourMask {
+	color?: string;
+	style?: Record<string, any>;
+}
+export interface TourLocale {
+	next?: any;
+	previous?: any;
+	finish?: any;
+	close?: any;
+}
+export interface TourButtonProps {
+	children?: any;
+	onClick?: () => void;
+	className?: string;
+	style?: Record<string, any>;
+	disabled?: boolean;
+}
+export interface TourClassNames {
+	root?: string;
+	mask?: string;
+	spotlight?: string;
+	panel?: string;
+	section?: string;
+	cover?: string;
+	body?: string;
+	meta?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+	actions?: string;
+	buttons?: string;
+	prevButton?: string;
+	nextButton?: string;
+	indicators?: string;
+	indicator?: string;
+	close?: string;
+	arrow?: string;
+}
+export interface TourStyles {
+	root?: Record<string, any>;
+	mask?: Record<string, any>;
+	spotlight?: Record<string, any>;
+	panel?: Record<string, any>;
+	section?: Record<string, any>;
+	cover?: Record<string, any>;
+	body?: Record<string, any>;
+	meta?: Record<string, any>;
+	header?: Record<string, any>;
+	title?: Record<string, any>;
+	description?: Record<string, any>;
+	footer?: Record<string, any>;
+	actions?: Record<string, any>;
+	buttons?: Record<string, any>;
+	prevButton?: Record<string, any>;
+	nextButton?: Record<string, any>;
+	indicators?: Record<string, any>;
+	indicator?: Record<string, any>;
+	close?: Record<string, any>;
+	arrow?: Record<string, any>;
+}
+export interface TourStepProps {
+	target?: TourTarget;
+	title?: any;
+	description?: any;
+	cover?: any;
+	locale?: TourLocale;
+	placement?: TourPlacement;
+	mask?: boolean | TourMask;
+	arrow?: TourArrow;
+	type?: TourType;
+	closeIcon?: any;
+	onClose?: () => void;
+	scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+	nextButtonProps?: TourButtonProps;
+	prevButtonProps?: TourButtonProps;
+	indicatorsRender?: (current: number, total: number) => any;
+	actionsRender?: (originNode: any, info: {
+		current: number;
+		total: number;
+	}) => any;
+	className?: string;
+	style?: Record<string, any>;
+	classNames?: TourClassNames;
+	styles?: TourStyles;
+}
+export interface TourProps {
+	steps?: TourStepProps[];
+	open?: boolean;
+	defaultOpen?: boolean;
+	current?: number;
+	defaultCurrent?: number;
+	placement?: TourPlacement;
+	mask?: boolean | TourMask;
+	gap?: TourGap;
+	arrow?: TourArrow;
+	type?: TourType;
+	closeIcon?: any;
+	disabledInteraction?: boolean;
+	keyboard?: boolean;
+	zIndex?: number;
+	scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+	getPopupContainer?: TourGetPopupContainer;
+	locale?: TourLocale;
+	indicatorsRender?: (current: number, total: number) => any;
+	actionsRender?: (originNode: any, info: {
+		current: number;
+		total: number;
+	}) => any;
+	className?: string;
+	style?: Record<string, any>;
+	classNames?: TourClassNames;
+	styles?: TourStyles;
+	onChange?: (current: number) => void;
+	onClose?: () => void;
+	onFinish?: () => void;
+	onOpenChange?: (open: boolean) => void;
+	[key: string]: any;
+}
+export declare const Tour: FC<TourProps>;
+export type PopconfirmPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+export type PopconfirmTrigger = "hover" | "focus" | "click" | "contextMenu";
+export type PopconfirmOkType = "solid" | "filled" | "outlined" | "dashed" | "text" | "link" | "default" | "primary" | "danger";
+export type PopconfirmArrow = boolean | {
+	pointAtCenter?: boolean;
+};
+export interface PopconfirmButtonProps {
+	children?: any;
+	className?: string;
+	style?: Record<string, any>;
+	type?: "solid" | "filled" | "outlined" | "dashed" | "text" | "link";
+	color?: "default" | "danger" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+	size?: "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
+	shape?: "default" | "square" | "circle" | "round";
+	block?: boolean;
+	wide?: boolean;
+	danger?: boolean;
+	disabled?: boolean;
+	htmlType?: "button" | "submit" | "reset";
+	icon?: any;
+	iconPlacement?: "start" | "end";
+	loading?: boolean | {
+		delay?: number;
+		icon?: any;
+	};
+	onClick?: (event: MouseEvent) => void;
+}
+export interface PopconfirmClassNames {
+	root?: string;
+	trigger?: string;
+	overlay?: string;
+	panel?: string;
+	arrow?: string;
+	icon?: string;
+	body?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+	cancelButton?: string;
+	okButton?: string;
+}
+export interface PopconfirmStyles {
+	root?: Record<string, any>;
+	trigger?: Record<string, any>;
+	overlay?: Record<string, any>;
+	panel?: Record<string, any>;
+	arrow?: Record<string, any>;
+	icon?: Record<string, any>;
+	body?: Record<string, any>;
+	title?: Record<string, any>;
+	description?: Record<string, any>;
+	footer?: Record<string, any>;
+	cancelButton?: Record<string, any>;
+	okButton?: Record<string, any>;
+}
+export interface PopconfirmProps {
+	title?: any;
+	description?: any;
+	disabled?: boolean;
+	placement?: PopconfirmPlacement;
+	trigger?: PopconfirmTrigger | PopconfirmTrigger[];
+	arrow?: PopconfirmArrow;
+	open?: boolean;
+	defaultOpen?: boolean;
+	icon?: any;
+	okText?: any;
+	cancelText?: any;
+	okType?: PopconfirmOkType;
+	okButtonProps?: PopconfirmButtonProps;
+	cancelButtonProps?: PopconfirmButtonProps;
+	showCancel?: boolean;
+	className?: string;
+	style?: string | Record<string, any>;
+	overlayClassName?: string;
+	overlayStyle?: Record<string, any>;
+	classNames?: PopconfirmClassNames;
+	styles?: PopconfirmStyles;
+	onConfirm?: (event?: MouseEvent) => void | boolean | Promise<unknown>;
+	onCancel?: (event?: MouseEvent) => void;
+	onOpenChange?: (open: boolean) => void;
+	onPopupClick?: (event: MouseEvent) => void;
+	children?: any;
+	[key: string]: any;
+}
+export declare const Popconfirm: FC<PopconfirmProps>;
+export type ProgressColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
+export type ProgressType = "line" | "circle" | "dashboard";
+export type ProgressStatus = "normal" | "exception" | "active" | "success";
+export type ProgressLinecap = "round" | "square" | "butt";
+export type ProgressSize = number | [
+	number | string,
+	number
+] | {
+	width?: number | string;
+	height?: number;
+} | "small" | "default" | "medium";
+export type ProgressStrokeColor = string | string[] | {
+	from: string;
+	to: string;
+	direction?: string;
+};
+export type ProgressSteps = number | {
+	count: number;
+	gap: number;
+};
+export type ProgressGapPlacement = "top" | "bottom" | "start" | "end";
+export interface ProgressSuccessProps {
+	percent?: number;
+	strokeColor?: string;
+}
+export interface ProgressPercentPosition {
+	align?: "start" | "center" | "end";
+	type?: "inner" | "outer";
+}
+export interface ProgressProps {
+	color?: ProgressColor;
+	className?: string;
+	type?: ProgressType;
+	percent?: number;
+	max?: number;
+	value?: number;
+	status?: ProgressStatus;
+	showInfo?: boolean;
+	format?: (percent?: number, successPercent?: number) => any;
+	size?: ProgressSize;
+	strokeWidth?: number;
+	strokeLinecap?: ProgressLinecap;
+	strokeColor?: ProgressStrokeColor;
+	trailColor?: string;
+	railColor?: string;
+	success?: ProgressSuccessProps;
+	steps?: ProgressSteps;
+	gapDegree?: number;
+	gapPlacement?: ProgressGapPlacement;
+	gapPosition?: "top" | "bottom" | "left" | "right";
+	percentPosition?: ProgressPercentPosition;
+	rounding?: (step: number) => number;
+	children?: any;
+	[key: string]: any;
+}
+export declare const Progress: FC<ProgressProps>;
+export type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+export type QRCodeType = "canvas" | "svg";
+export type QRCodeStatus = "active" | "expired" | "loading" | "scanned";
+export interface QRCodeLocale {
+	expired?: any;
+	refresh?: any;
+	scanned?: any;
+	loading?: any;
+	overflow?: any;
+}
+export interface QRCodeStatusRenderInfo {
+	status: Exclude<QRCodeStatus, "active">;
+	locale: QRCodeLocale;
+	onRefresh?: () => void;
+}
+export interface QRCodeClassNames {
+	root?: string;
+	frame?: string;
+	code?: string;
+	svg?: string;
+	canvas?: string;
+	cover?: string;
+	status?: string;
+	action?: string;
+	icon?: string;
+}
+export interface QRCodeStyles {
+	root?: Record<string, any>;
+	frame?: Record<string, any>;
+	code?: Record<string, any>;
+	svg?: Record<string, any>;
+	canvas?: Record<string, any>;
+	cover?: Record<string, any>;
+	status?: Record<string, any>;
+	action?: Record<string, any>;
+	icon?: Record<string, any>;
+}
+export interface QRCodeProps {
+	value?: string;
+	type?: QRCodeType;
+	icon?: string;
+	size?: number;
+	iconSize?: number | {
+		width?: number;
+		height?: number;
+	};
+	color?: string;
+	bgColor?: string;
+	errorLevel?: QRCodeErrorCorrectionLevel;
+	status?: QRCodeStatus;
+	bordered?: boolean;
+	onRefresh?: () => void;
+	statusRender?: (info: QRCodeStatusRenderInfo) => any;
+	className?: string;
+	rootClassName?: string;
+	style?: Record<string, any>;
+	marginSize?: number;
+	locale?: QRCodeLocale;
+	classNames?: QRCodeClassNames;
+	styles?: QRCodeStyles;
+	boostLevel?: boolean;
+	[key: string]: any;
+}
+export declare const QRCode: FC<QRCodeProps>;
+export type ResultTone = "info" | "success" | "warning" | "error";
+export type ResultExceptionStatus = 403 | 404 | 500 | "403" | "404" | "500";
+export type ResultStatus = ResultTone | ResultExceptionStatus;
+export type ResultVariant = "surface" | "soft" | "outline";
+export type ResultSize = "sm" | "md" | "lg";
+export type ResultAlign = "center" | "start";
+export interface ResultProps {
+	status?: ResultStatus;
+	icon?: any;
+	title?: any;
+	subTitle?: any;
+	extra?: any;
+	children?: any;
+	variant?: ResultVariant;
+	size?: ResultSize;
+	align?: ResultAlign;
+	showIcon?: boolean;
+	bordered?: boolean;
+	role?: string;
+	className?: string;
+	style?: any;
+	iconClassName?: string;
+	iconStyle?: any;
+	contentClassName?: string;
+	contentStyle?: any;
+	titleClassName?: string;
+	titleStyle?: any;
+	subTitleClassName?: string;
+	subTitleStyle?: any;
+	extraClassName?: string;
+	extraStyle?: any;
+	bodyClassName?: string;
+	bodyStyle?: any;
+	[key: string]: any;
+}
+export interface ResultPresentedImageProps {
+	className?: string;
+	style?: any;
+	size?: ResultSize;
+}
+export interface ResultType extends FC<ResultProps> {
+	PRESENTED_IMAGE_403: FC<ResultPresentedImageProps>;
+	PRESENTED_IMAGE_404: FC<ResultPresentedImageProps>;
+	PRESENTED_IMAGE_500: FC<ResultPresentedImageProps>;
+}
+export declare const Result: ResultType;
+type StyleValue$1 = string | number | null | undefined;
+interface StyleObject$1 {
+	[key: string]: StyleValue$1;
+}
+export type RadialProgressType = "circle" | "dashboard";
+export type RadialProgressStatus = "normal" | "exception" | "success";
+export type RadialProgressLinecap = "round" | "square" | "butt";
+export type RadialProgressSize = number | string | "small" | "default" | "medium";
+export type RadialProgressSteps = number | {
+	count: number;
+	gap: number;
+};
+export type RadialProgressGapPlacement = "top" | "bottom" | "start" | "end";
+export interface RadialProgressSuccessProps {
+	percent?: number;
+	value?: string | number;
+	strokeColor?: string;
+}
+export interface RadialProgressProps {
+	value?: string | number;
+	percent?: number;
+	max?: string | number;
+	type?: RadialProgressType;
+	status?: RadialProgressStatus;
+	showInfo?: boolean;
+	format?: (percent?: number, successPercent?: number) => any;
+	size?: RadialProgressSize;
+	thickness?: string | number;
+	strokeWidth?: string | number;
+	strokeLinecap?: RadialProgressLinecap;
+	strokeColor?: string | string[];
+	railColor?: string;
+	trailColor?: string;
+	success?: RadialProgressSuccessProps;
+	steps?: RadialProgressSteps;
+	gapDegree?: number;
+	gapPlacement?: RadialProgressGapPlacement;
+	gapPosition?: "top" | "bottom" | "left" | "right";
+	style?: string | StyleObject$1;
+	className?: string;
+	children?: any;
+	[key: string]: any;
+}
+export declare const RadialProgress: FC<RadialProgressProps>;
+export type RadioColor = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
+export type RadioSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
+export type RadioValue = string | number | boolean;
+export type RadioOptionType = "default" | "button";
+export type RadioButtonStyle = "outline" | "solid";
+export type RadioOrientation = "horizontal" | "vertical";
+export interface RadioChangeMeta {
+	checked: boolean;
+	value?: RadioValue;
+	optionType: RadioOptionType;
+}
+export interface RadioProps {
+	color?: RadioColor;
+	size?: RadioSize;
 	checked?: boolean;
 	defaultChecked?: boolean;
 	disabled?: boolean;
@@ -3781,6 +5476,90 @@ export type SkeletonCompound = FC<SkeletonProps> & {
 	Node: FC<SkeletonNodeProps>;
 };
 export declare const Skeleton: SkeletonCompound;
+export type SpaceDirection = "horizontal" | "vertical";
+export type SpaceAlign = "start" | "end" | "center" | "baseline" | "stretch";
+export type SpaceSize = "small" | "middle" | "large" | number | string;
+export interface SpaceProps {
+	as?: any;
+	size?: SpaceSize | [
+		SpaceSize,
+		SpaceSize
+	];
+	direction?: SpaceDirection;
+	orientation?: SpaceDirection;
+	vertical?: boolean;
+	align?: SpaceAlign;
+	split?: any;
+	separator?: any;
+	wrap?: boolean;
+	block?: boolean;
+	className?: string;
+	style?: Record<string, any>;
+	itemClassName?: string;
+	itemStyle?: Record<string, any>;
+	children?: any;
+	[key: string]: any;
+}
+export interface SpaceCompactProps {
+	as?: any;
+	size?: SpaceSize;
+	direction?: SpaceDirection;
+	orientation?: SpaceDirection;
+	vertical?: boolean;
+	block?: boolean;
+	className?: string;
+	style?: Record<string, any>;
+	children?: any;
+	[key: string]: any;
+}
+export type SpaceCompound = FC<SpaceProps> & {
+	Compact: FC<SpaceCompactProps>;
+};
+export declare const Space: SpaceCompound;
+export type SplitterOrientation = "horizontal" | "vertical";
+export type SplitterSize = number | string;
+export type SplitterCollapsibleIconMode = boolean | "auto";
+export interface SplitterCollapsibleConfig {
+	start?: boolean;
+	end?: boolean;
+	showCollapsibleIcon?: SplitterCollapsibleIconMode;
+}
+export interface SplitterProps {
+	orientation?: SplitterOrientation;
+	layout?: SplitterOrientation;
+	vertical?: boolean;
+	lazy?: boolean;
+	className?: string;
+	style?: any;
+	draggerIcon?: any;
+	collapsibleIcon?: {
+		start?: any;
+		end?: any;
+	};
+	onDraggerDoubleClick?: (index: number) => void;
+	onResizeStart?: (sizes: number[]) => void;
+	onResize?: (sizes: number[]) => void;
+	onResizeEnd?: (sizes: number[]) => void;
+	onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
+	children?: any;
+	[key: string]: any;
+}
+export interface SplitterPanelProps {
+	className?: string;
+	style?: any;
+	min?: SplitterSize;
+	max?: SplitterSize;
+	size?: SplitterSize;
+	defaultSize?: SplitterSize;
+	resizable?: boolean;
+	collapsible?: boolean | SplitterCollapsibleConfig;
+	children?: any;
+	[key: string]: any;
+}
+export type SplitterCompound = FC<SplitterProps> & {
+	Panel: FC<SplitterPanelProps>;
+};
+export declare const Splitter: SplitterCompound;
 export type StackVerticalAlign = "center" | "top" | "bottom";
 export type StackHorizontalAlign = "center" | "start" | "end";
 export type StackPlacement = "center" | "top" | "bottom" | "start" | "end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
@@ -4126,6 +5905,195 @@ export type ToastCompound = FC<ToastProps> & {
 	];
 };
 export declare const ToastCompound: ToastCompound;
+export type MessageKey = string | number;
+export type MessagePlacement = Extract<ToastPlacement, "top-start" | "top" | "top-center" | "top-end" | "bottom-start" | "bottom" | "bottom-center" | "bottom-end" | "center">;
+export interface MessageProps extends Omit<ToastProps, "children" | "placement" | "inset"> {
+	placement?: MessagePlacement;
+	top?: number | string;
+	inset?: ToastInset;
+	children?: any;
+}
+export interface MessageItemProps extends Omit<ToastItemProps, "title" | "description" | "children" | "open" | "defaultOpen"> {
+	content?: any;
+	children?: any;
+}
+export interface MessageOpenConfig extends Omit<MessageItemProps, "children"> {
+	key?: MessageKey;
+	children?: any;
+}
+export interface MessageUseMessageOptions extends Omit<ToastUseMessageOptions, "placement" | "type" | "showIcon"> {
+	placement?: MessagePlacement;
+	top?: number | string;
+	inset?: ToastInset;
+	getContainer?: ToastGetContainer;
+	showIcon?: boolean;
+}
+export interface MessageConfigOptions extends MessageUseMessageOptions {
+}
+export type MessageDurationArg = number | (() => void);
+export type MessageArgTuple = [
+	content: any,
+	durationOrOnClose?: MessageDurationArg,
+	onClose?: () => void
+];
+export interface MessageHandle extends PromiseLike<boolean> {
+	(): void;
+	promise: Promise<boolean>;
+}
+export interface MessageInstance {
+	open: (config: MessageOpenConfig) => MessageHandle;
+	success: (...args: MessageArgTuple) => MessageHandle;
+	info: (...args: MessageArgTuple) => MessageHandle;
+	warning: (...args: MessageArgTuple) => MessageHandle;
+	error: (...args: MessageArgTuple) => MessageHandle;
+	loading: (...args: MessageArgTuple) => MessageHandle;
+	destroy: (key?: MessageKey) => void;
+}
+export type MessageCompound = FC<MessageProps> & {
+	Item: FC<MessageItemProps>;
+	useMessage: (options?: MessageUseMessageOptions) => readonly [
+		MessageInstance,
+		any
+	];
+	open: (config: MessageOpenConfig) => MessageHandle;
+	success: (...args: MessageArgTuple) => MessageHandle;
+	info: (...args: MessageArgTuple) => MessageHandle;
+	warning: (...args: MessageArgTuple) => MessageHandle;
+	error: (...args: MessageArgTuple) => MessageHandle;
+	loading: (...args: MessageArgTuple) => MessageHandle;
+	destroy: (key?: MessageKey) => void;
+	config: (options: MessageConfigOptions) => void;
+};
+export declare const MessageCompound: MessageCompound;
+declare const NotificationPlacements: readonly [
+	"top",
+	"topLeft",
+	"topRight",
+	"bottom",
+	"bottomLeft",
+	"bottomRight"
+];
+export type NotificationPlacement = (typeof NotificationPlacements)[number];
+export type NotificationType = "success" | "info" | "warning" | "error";
+export type NotificationVariant = "soft" | "solid" | "outline";
+export type NotificationCloseSource = "close" | "timeout";
+export type NotificationKey = string | number;
+export type NotificationMountTarget = string | HTMLElement | ShadowRoot | (() => HTMLElement | ShadowRoot | null | undefined) | false;
+export interface NotificationClassNames {
+	root?: string;
+	icon?: string;
+	title?: string;
+	description?: string;
+	actions?: string;
+	progress?: string;
+	close?: string;
+}
+export interface NotificationStyles {
+	root?: Record<string, any>;
+	icon?: Record<string, any>;
+	title?: Record<string, any>;
+	description?: Record<string, any>;
+	actions?: Record<string, any>;
+	progress?: Record<string, any>;
+	close?: Record<string, any>;
+}
+export interface NotificationCloseMeta {
+	source: NotificationCloseSource;
+	event?: Event;
+}
+export interface NotificationClosableConfig {
+	icon?: any;
+	label?: string;
+	onClose?: (meta: NotificationCloseMeta) => void;
+}
+export type NotificationClosable = boolean | NotificationClosableConfig;
+export interface NotificationProps {
+	as?: any;
+	inline?: boolean;
+	placement?: NotificationPlacement;
+	top?: number | string;
+	bottom?: number | string;
+	gap?: number | string;
+	zIndex?: number | string;
+	maxWidth?: number | string;
+	className?: string;
+	style?: Record<string, any>;
+	children?: any;
+	[key: string]: any;
+}
+export interface NotificationItemProps {
+	as?: any;
+	open?: boolean;
+	defaultOpen?: boolean;
+	type?: NotificationType;
+	variant?: NotificationVariant;
+	icon?: any;
+	showIcon?: boolean;
+	title?: any;
+	message?: any;
+	description?: any;
+	actions?: any;
+	btn?: any;
+	closable?: NotificationClosable;
+	closeIcon?: any;
+	duration?: number | false | null;
+	pauseOnHover?: boolean;
+	showProgress?: boolean;
+	className?: string;
+	style?: Record<string, any>;
+	classNames?: NotificationClassNames;
+	styles?: NotificationStyles;
+	props?: Record<string, any>;
+	children?: any;
+	onClose?: (meta: NotificationCloseMeta) => void;
+	onOpenChange?: (open: boolean, meta: NotificationCloseMeta) => void;
+	onClick?: (event: MouseEvent) => void;
+	[key: string]: any;
+}
+export interface NotificationArgsProps extends Omit<NotificationItemProps, "open" | "defaultOpen"> {
+	key?: NotificationKey;
+	placement?: NotificationPlacement;
+}
+export interface NotificationUseOptions extends Omit<NotificationProps, "children"> {
+	getContainer?: NotificationMountTarget;
+	maxCount?: number;
+	duration?: number | false | null;
+	closable?: NotificationClosable;
+	pauseOnHover?: boolean;
+	showProgress?: boolean;
+	showIcon?: boolean;
+	variant?: NotificationVariant;
+	type?: NotificationType;
+	closeIcon?: any;
+	classNames?: NotificationClassNames;
+	styles?: NotificationStyles;
+	props?: Record<string, any>;
+}
+export interface NotificationGlobalConfig extends NotificationUseOptions {
+}
+export interface NotificationInstance {
+	open: (config: NotificationArgsProps) => () => void;
+	success: (config: Omit<NotificationArgsProps, "type">) => () => void;
+	info: (config: Omit<NotificationArgsProps, "type">) => () => void;
+	warning: (config: Omit<NotificationArgsProps, "type">) => () => void;
+	error: (config: Omit<NotificationArgsProps, "type">) => () => void;
+	destroy: (key?: NotificationKey) => void;
+}
+export type NotificationCompound = FC<NotificationProps> & {
+	Item: FC<NotificationItemProps>;
+	useNotification: (options?: NotificationUseOptions) => readonly [
+		NotificationInstance,
+		any
+	];
+	open: NotificationInstance["open"];
+	success: NotificationInstance["success"];
+	info: NotificationInstance["info"];
+	warning: NotificationInstance["warning"];
+	error: NotificationInstance["error"];
+	destroy: NotificationInstance["destroy"];
+	config: (options: NotificationGlobalConfig) => void;
+};
+export declare const NotificationCompound: NotificationCompound;
 export type ToggleColor = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
 export type ToggleSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium";
 export type ToggleValue = boolean | string | number;
@@ -4201,6 +6169,402 @@ export type TooltipCompound = FC<TooltipProps> & {
 	Content: FC<TooltipContentProps>;
 };
 export declare const Tooltip: TooltipCompound;
+export type TreeKey = string | number;
+export type TreeStatus = "warning" | "error";
+export type TreeSize = "small" | "default" | "middle" | "large" | "sm" | "md" | "lg";
+export type TreeExpandAction = false | "click" | "doubleClick";
+export type TreeDropPosition = -1 | 0 | 1;
+export type DirectoryTreeRangeSelectMode = false | "append" | "replace";
+export interface TreeFieldNames {
+	title?: string;
+	key?: string;
+	children?: string;
+	disabled?: string;
+	selectable?: string;
+	checkable?: string;
+	disableCheckbox?: string;
+	isLeaf?: string;
+	icon?: string;
+	className?: string;
+	id?: string;
+	pId?: string;
+}
+export interface TreeDataNode {
+	title?: any;
+	key?: TreeKey;
+	children?: TreeDataNode[];
+	disabled?: boolean;
+	selectable?: boolean;
+	checkable?: boolean;
+	disableCheckbox?: boolean;
+	isLeaf?: boolean;
+	icon?: any;
+	className?: string;
+	[key: string]: any;
+}
+export interface TreeSimpleModeConfig {
+	id?: string;
+	pId?: string;
+	rootPId?: string | number | null;
+}
+export interface TreeCheckedKeysObject {
+	checked: TreeKey[];
+	halfChecked: TreeKey[];
+}
+export interface TreeNode {
+	key: TreeKey;
+	keyText: string;
+	title: any;
+	depth: number;
+	children: TreeNode[];
+	raw: TreeDataNode;
+	disabled: boolean;
+	selectable: boolean;
+	checkable: boolean;
+	disableCheckbox: boolean;
+	isLeaf: boolean;
+	className?: string;
+	icon?: any;
+	parentKeyText?: string;
+}
+export interface TreeEventInfo {
+	node: TreeNode;
+	nativeEvent?: Event | MouseEvent;
+	selected?: boolean;
+	checked?: boolean;
+	expanded?: boolean;
+	checkedNodes?: TreeNode[];
+	selectedNodes?: TreeNode[];
+	halfCheckedKeys?: TreeKey[];
+}
+export interface TreeDragEventInfo {
+	event: DragEvent | Event;
+	node: TreeNode;
+	expandedKeys?: TreeKey[];
+}
+export interface TreeDropInfo extends TreeDragEventInfo {
+	dragNode: TreeNode;
+	dragNodesKeys: TreeKey[];
+	dropPosition: TreeDropPosition;
+	dropToGap: boolean;
+}
+export interface TreeAllowDropInfo {
+	dragNode: TreeNode;
+	dropNode: TreeNode;
+	dropPosition: TreeDropPosition;
+	dropToGap: boolean;
+}
+export interface TreeDraggableConfig {
+	icon?: any | false;
+	nodeDraggable?: (node: TreeNode) => boolean;
+}
+export type TreeDraggable = boolean | ((node: TreeNode) => boolean) | TreeDraggableConfig;
+export interface TreeClassNames {
+	root?: string;
+	header?: string;
+	body?: string;
+	search?: string;
+	node?: string;
+	switcher?: string;
+	checkbox?: string;
+	dragHandle?: string;
+	label?: string;
+	empty?: string;
+}
+export interface TreeStyles {
+	root?: Record<string, any>;
+	header?: Record<string, any>;
+	body?: Record<string, any>;
+	search?: Record<string, any>;
+	node?: Record<string, any>;
+	switcher?: Record<string, any>;
+	checkbox?: Record<string, any>;
+	dragHandle?: Record<string, any>;
+	label?: Record<string, any>;
+	empty?: Record<string, any>;
+}
+export interface TreeTitleRenderProps {
+	node: TreeNode;
+	expanded: boolean;
+	selected: boolean;
+	checked: boolean;
+	halfChecked: boolean;
+	loading: boolean;
+}
+export interface TreeProps {
+	className?: string;
+	style?: Record<string, any>;
+	treeData?: TreeDataNode[];
+	fieldNames?: TreeFieldNames;
+	treeDataSimpleMode?: boolean | TreeSimpleModeConfig;
+	selectedKeys?: TreeKey[];
+	defaultSelectedKeys?: TreeKey[];
+	checkedKeys?: TreeKey[] | TreeCheckedKeysObject;
+	defaultCheckedKeys?: TreeKey[];
+	expandedKeys?: TreeKey[];
+	defaultExpandedKeys?: TreeKey[];
+	defaultExpandAll?: boolean;
+	multiple?: boolean;
+	checkable?: boolean;
+	checkStrictly?: boolean;
+	showLine?: boolean;
+	showIcon?: boolean;
+	blockNode?: boolean;
+	selectable?: boolean;
+	disabled?: boolean;
+	size?: TreeSize;
+	status?: TreeStatus;
+	draggable?: TreeDraggable;
+	allowDrop?: (info: TreeAllowDropInfo) => boolean;
+	virtual?: boolean;
+	height?: number;
+	itemHeight?: number;
+	titleRender?: (props: TreeTitleRenderProps) => any;
+	switcherIcon?: any | ((props: TreeTitleRenderProps) => any);
+	icon?: any | ((props: TreeTitleRenderProps) => any);
+	filterTreeNode?: boolean | ((inputValue: string, node: TreeNode) => boolean);
+	searchValue?: string;
+	defaultSearchValue?: string;
+	searchPlaceholder?: any;
+	allowSearch?: boolean;
+	loadData?: (node: TreeNode) => Promise<any> | void;
+	emptyText?: any;
+	onSelect?: (selectedKeys: TreeKey[], info: TreeEventInfo) => void;
+	onCheck?: (checkedKeys: TreeKey[] | TreeCheckedKeysObject, info: TreeEventInfo) => void;
+	onExpand?: (expandedKeys: TreeKey[], info: TreeEventInfo) => void;
+	onSearch?: (value: string) => void;
+	onDoubleClick?: (event: MouseEvent, node: TreeNode) => void;
+	onDragStart?: (info: TreeDragEventInfo) => void;
+	onDragEnter?: (info: TreeDragEventInfo) => void;
+	onDragOver?: (info: TreeDragEventInfo) => void;
+	onDragLeave?: (info: TreeDragEventInfo) => void;
+	onDragEnd?: (info: TreeDragEventInfo) => void;
+	onDrop?: (info: TreeDropInfo) => void;
+	onScroll?: (event: UIEvent) => void;
+	classNames?: TreeClassNames;
+	styles?: TreeStyles;
+	[key: string]: any;
+}
+export interface DirectoryTreeProps extends TreeProps {
+	expandAction?: TreeExpandAction;
+	toggleSelect?: boolean;
+	rangeSelect?: DirectoryTreeRangeSelectMode;
+}
+export type TreeCompoundComponent = FC<TreeProps> & {
+	DirectoryTree: FC<DirectoryTreeProps>;
+};
+export declare const Tree: TreeCompoundComponent;
+declare const SHOW_ALL: "SHOW_ALL";
+declare const SHOW_PARENT: "SHOW_PARENT";
+declare const SHOW_CHILD: "SHOW_CHILD";
+export type TreeSelectValue = string | number;
+export type TreeSelectShowCheckedStrategy = typeof SHOW_ALL | typeof SHOW_PARENT | typeof SHOW_CHILD;
+export interface TreeSelectFieldNames {
+	label?: string;
+	value?: string;
+	children?: string;
+	key?: string;
+	disabled?: string;
+	selectable?: string;
+	checkable?: string;
+	disableCheckbox?: string;
+	isLeaf?: string;
+	className?: string;
+	icon?: string;
+	id?: string;
+	pId?: string;
+}
+export interface TreeSelectDataNode {
+	title?: any;
+	label?: any;
+	value?: TreeSelectValue;
+	key?: TreeSelectValue;
+	children?: TreeSelectDataNode[];
+	disabled?: boolean;
+	selectable?: boolean;
+	checkable?: boolean;
+	disableCheckbox?: boolean;
+	isLeaf?: boolean;
+	className?: string;
+	icon?: any;
+	[key: string]: any;
+}
+export interface TreeSelectSimpleModeConfig {
+	id?: string;
+	pId?: string;
+	rootPId?: string | number | null;
+}
+export interface TreeSelectLabeledValue {
+	value: TreeSelectValue;
+	key: TreeSelectValue;
+	label: any;
+	halfChecked?: boolean;
+	disabled?: boolean;
+}
+export interface TreeSelectShowSearchConfig {
+	autoClearSearchValue?: boolean;
+	filterTreeNode?: boolean | ((inputValue: string, node: TreeSelectNormalizedNode) => boolean);
+	searchValue?: string;
+	treeNodeFilterProp?: string;
+	onSearch?: (value: string) => void;
+}
+export interface TreeSelectChangeExtra {
+	triggerValue?: TreeSelectValue | null;
+	selected?: boolean;
+	checked?: boolean;
+	clear?: boolean;
+	triggerNode?: TreeSelectNormalizedNode | null;
+	checkedNodes?: TreeSelectNormalizedNode[];
+	displayNodes?: TreeSelectNormalizedNode[];
+	halfCheckedKeys?: TreeSelectValue[];
+}
+export interface TreeSelectTagRenderProps {
+	label: any;
+	value: TreeSelectValue;
+	disabled?: boolean;
+	closable: boolean;
+	node: TreeSelectNormalizedNode;
+	onClose: (event: MouseEvent) => void;
+}
+export interface TreeSelectSwitcherRenderContext {
+	expanded: boolean;
+	loading: boolean;
+	selected: boolean;
+	checked: boolean;
+	halfChecked: boolean;
+	node: TreeSelectNormalizedNode;
+}
+export interface TreeSelectProps {
+	value?: TreeSelectValue | TreeSelectValue[] | TreeSelectLabeledValue | TreeSelectLabeledValue[] | null;
+	defaultValue?: TreeSelectValue | TreeSelectValue[] | TreeSelectLabeledValue | TreeSelectLabeledValue[] | null;
+	treeData?: TreeSelectDataNode[];
+	fieldNames?: TreeSelectFieldNames;
+	treeDataSimpleMode?: boolean | TreeSelectSimpleModeConfig;
+	multiple?: boolean;
+	treeCheckable?: boolean;
+	treeCheckStrictly?: boolean;
+	showCheckedStrategy?: TreeSelectShowCheckedStrategy;
+	labelInValue?: boolean;
+	showSearch?: boolean | TreeSelectShowSearchConfig;
+	searchValue?: string;
+	filterTreeNode?: boolean | ((inputValue: string, node: TreeSelectNormalizedNode) => boolean);
+	treeNodeFilterProp?: string;
+	placeholder?: any;
+	allowClear?: boolean | {
+		clearIcon?: any;
+	};
+	clearLabel?: string;
+	notFoundContent?: any;
+	disabled?: boolean;
+	loading?: boolean;
+	open?: boolean;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	treeDefaultExpandAll?: boolean;
+	treeDefaultExpandedKeys?: TreeSelectValue[];
+	treeExpandedKeys?: TreeSelectValue[];
+	treeLoadedKeys?: TreeSelectValue[];
+	onTreeExpand?: (keys: TreeSelectValue[]) => void;
+	loadData?: (node: TreeSelectNormalizedNode) => Promise<any> | void;
+	maxCount?: number;
+	maxTagCount?: number | "responsive";
+	maxTagPlaceholder?: any | ((omittedValues: TreeSelectNormalizedNode[]) => any);
+	maxTagTextLength?: number;
+	listHeight?: number;
+	placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+	popupMatchSelectWidth?: boolean | number;
+	size?: "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
+	status?: "error" | "warning";
+	variant?: "outlined" | "filled" | "borderless" | "underlined";
+	prefix?: any;
+	suffix?: any;
+	suffixIcon?: any;
+	showArrow?: boolean;
+	switcherIcon?: any | ((context: TreeSelectSwitcherRenderContext) => any);
+	treeTitleRender?: (node: TreeSelectNormalizedNode) => any;
+	treeNodeLabelProp?: string;
+	treeLine?: boolean | {
+		showLeafIcon?: boolean;
+	};
+	tagRender?: (props: TreeSelectTagRenderProps) => any;
+	onSearch?: (value: string) => void;
+	onChange?: (value: TreeSelectValue | TreeSelectValue[] | TreeSelectLabeledValue | TreeSelectLabeledValue[] | null, label: any, extra: TreeSelectChangeExtra) => void;
+	onSelect?: (value: TreeSelectValue | TreeSelectLabeledValue, node: TreeSelectNormalizedNode, extra: TreeSelectChangeExtra) => void;
+	onDeselect?: (value: TreeSelectValue | TreeSelectLabeledValue, node: TreeSelectNormalizedNode, extra: TreeSelectChangeExtra) => void;
+	onClear?: (event: MouseEvent) => void;
+	onPopupScroll?: (event: UIEvent) => void;
+	className?: string;
+	style?: any;
+	selectorClassName?: string;
+	selectorStyle?: any;
+	popupClassName?: string;
+	popupStyle?: any;
+	dropdownClassName?: string;
+	dropdownStyle?: any;
+	classNames?: Record<string, any>;
+	styles?: Record<string, any>;
+	children?: any;
+	[key: string]: any;
+}
+export interface TreeSelectNormalizedNode {
+	key: string;
+	value: TreeSelectValue;
+	valueKey: string;
+	label: any;
+	labelText: string;
+	depth: number;
+	parentValueKey?: string;
+	children: TreeSelectNormalizedNode[];
+	raw: TreeSelectDataNode;
+	disabled: boolean;
+	selectable: boolean;
+	checkable: boolean;
+	disableCheckbox: boolean;
+	isLeaf: boolean;
+	className?: string;
+	icon?: any;
+}
+export type TreeSelectCompound = FC<TreeSelectProps> & {
+	SHOW_ALL: typeof SHOW_ALL;
+	SHOW_PARENT: typeof SHOW_PARENT;
+	SHOW_CHILD: typeof SHOW_CHILD;
+};
+export declare const TreeSelect: TreeSelectCompound;
+export interface WatermarkFont {
+	color?: string;
+	fontSize?: number | string;
+	fontWeight?: "normal" | "lighter" | "bold" | "bolder" | number;
+	fontStyle?: "none" | "normal" | "italic" | "oblique";
+	fontFamily?: string;
+	textAlign?: "left" | "right" | "center" | "start" | "end";
+}
+export interface WatermarkProps {
+	zIndex?: number;
+	rotate?: number;
+	width?: number;
+	height?: number;
+	image?: string;
+	content?: string | string[];
+	font?: WatermarkFont;
+	className?: string;
+	rootClassName?: string;
+	overlayClassName?: string;
+	style?: any;
+	overlayStyle?: any;
+	gap?: [
+		number,
+		number
+	];
+	offset?: [
+		number,
+		number
+	];
+	opacity?: number;
+	children?: any;
+	inherit?: boolean;
+	[key: string]: any;
+}
+export declare const Watermark: FC<WatermarkProps>;
 export type ValidatorHost = "input" | "select" | "textarea";
 export type ValidatorAppearance = "input" | "select" | "textarea" | "checkbox" | "toggle";
 export type ValidatorHintHost = "div" | "p" | "span";
@@ -4248,6 +6612,7 @@ export {
 	AccordionCompound as Accordion,
 	AvatarCompound as Avatar,
 	BreadcrumbsCompound as Breadcrumbs,
+	ButtonCompound as Button,
 	CalendarCompound as Calendar,
 	CardCompound as Card,
 	CarouselCompound as Carousel,
@@ -4255,11 +6620,13 @@ export {
 	CheckboxCompound as Checkbox,
 	CollapseCompound as Collapse,
 	CountdownCompound as Countdown,
+	DescriptionsCompound as Descriptions,
 	DiffCompound as Diff,
 	DockCompound as Dock,
 	DropdownCompound as Dropdown,
 	FabCompound as Fab,
 	FilterCompound as Filter,
+	GridCompound$1 as Grid,
 	HeroCompound as Hero,
 	IndicatorCompound as Indicator,
 	InputCompound as Input,
@@ -4267,8 +6634,11 @@ export {
 	LabelCompound as Label,
 	ListCompound as List,
 	MenuCompound as Menu,
+	MessageCompound as Message,
+	NotificationCompound as Notification,
 	Range$1 as Range,
 	RatingCompound as Rating,
+	Root as Popover,
 	StatCompound as Stat,
 	StepsCompound as Steps,
 	SwapCompound as Swap,