@pixelium/web-vue 0.0.1-beta → 0.0.2-fix

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 // Generated by dts-bundle-generator v9.5.1
 
-import { App, VNode } from 'vue';
+import { Nullish } from 'parsnip-kit';
+import { App, CSSProperties, VNode, nextTick } from 'vue';
 import { JSX } from 'vue/jsx-runtime';
 
 declare enum SCREEN_SIZE_TYPE {
@@ -11,10 +12,19 @@ declare enum SCREEN_SIZE_TYPE {
 	XL = "xl",
 	XXL = "xxl"
 }
+declare const GROUP_OPTION_TYPE = "group";
 export type NumberOrPercentage = number | `${number}%`;
 export type ValidContent = string | (() => VNode | string | JSX.Element);
 export type ValidVNodeContent = () => VNode | JSX.Element;
 export type ValueWithDeviceWidth<T> = Record<SCREEN_SIZE_TYPE, T>;
+interface Option$1<T = any> {
+	value: T;
+	label: string;
+}
+export interface GroupOption<T = any> {
+	children: (Option$1<T> | string)[];
+	type: typeof GROUP_OPTION_TYPE;
+}
 export type ButtonProps = {
 	/**
 	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
@@ -122,7 +132,7 @@ export type ButtonGroupProps = {
 	 */
 	loading?: boolean;
 	/**
-	 * @property {'primary' | 'plain' | 'text' | 'outline'} [variant='primary']
+	 * @property {'primary' | 'plain' | 'text' | 'outline'} [variant]
 	 * @version 0.0.0-beta
 	 */
 	variant?: "primary" | "plain" | "text" | "outline";
@@ -135,7 +145,6 @@ declare const __VLS_component$1: import("vue").DefineComponent<ButtonGroupProps,
 	shape: "default" | "round";
 	size: "medium" | "large" | "small";
 	disabled: boolean;
-	variant: "primary" | "plain" | "text" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default$1: __VLS_WithSlots$1<typeof __VLS_component$1, __VLS_Slots$1>;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -257,7 +266,12 @@ export type MessageOptions = {
 	 */
 	closable?: boolean;
 	/**
-	 * @property {'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'} [position='top']
+	 * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [placement='top']
+	 * @version 0.0.2
+	 */
+	placement?: MessageBoxProps["placement"];
+	/**
+	 * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [position='top']
 	 * @version 0.0.0-beta
 	 */
 	position?: MessageBoxProps["position"];
@@ -286,12 +300,17 @@ export type MessageBoxProps = {
 	 */
 	messages: MessageProps[];
 	/**
-	 * @property {'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'} [position='top']
+	 * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [placement='top']
+	 * @version 0.0.2
+	 */
+	placement?: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+	/**
+	 * @property {'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} [position='top']
 	 * @version 0.0.0-beta
 	 */
-	position?: "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+	position?: "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 	/**
-	 * @property {number} [zIndex=3000]
+	 * @property {number} [zIndex]
 	 * @version 0.0.0-beta
 	 */
 	zIndex?: number;
@@ -313,7 +332,6 @@ export type __VLS_Props = MessageBoxProps & {
 	onClose: (id: string | number | symbol) => any;
 };
 declare const _default$3: import("vue").DefineComponent<__VLS_Props, MessageBoxExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-	zIndex: number;
 	root: string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export type MessageFunction = (options: ValidContent | MessageOptions) => MessageReturn & {
@@ -711,12 +729,1555 @@ type __VLS_WithSlots$12<T, S> = T & {
 		$slots: S;
 	};
 };
+export type InputProps = {
+	/**
+	 * @property {string | null} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: string | null;
+	/**
+	 * @property {string | null} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: string | null;
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [password=false]
+	 * @version 0.0.2
+	 */
+	password?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {number} [maxLength]
+	 * @version 0.0.2
+	 */
+	maxLength?: number;
+	/**
+	 * @property {boolean} [showCount=false]
+	 * @version 0.0.2
+	 */
+	showCount?: boolean;
+	/**
+	 * @property {(value: string) => number} [countGraphemes]
+	 * @version 0.0.2
+	 */
+	countGraphemes?: (value: string) => number;
+	/**
+	 * @property {(value: string, limit: number) => string} [sliceGraphemes]
+	 * @version 0.0.2
+	 */
+	sliceGraphemes?: (value: string, limit: number) => string;
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
+	/**
+	 * @property {'text' | 'password' | 'email' | 'tel' | 'url' | 'search'} [nativeType='text']
+	 * @version 0.0.2
+	 */
+	nativeType?: "text" | "password" | "email" | "tel" | "url" | "search";
+};
+declare var __VLS_1$11: {}, __VLS_27: {
+	value: any;
+	count: any;
+	maxLength: number | undefined;
+}, __VLS_34: {};
+type __VLS_Slots$13 = {} & {
+	prefix?: (props: typeof __VLS_1$11) => any;
+} & {
+	count?: (props: typeof __VLS_27) => any;
+} & {
+	suffix?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_component$13: import("vue").DefineComponent<InputProps, {
+	focus: () => void;
+	blur: () => void;
+	clear: () => Promise<void>;
+	select: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: string, e: Event) => any;
+	change: (value: string, e?: Event | undefined) => any;
+	clear: (value: string) => any;
+	blur: (e: FocusEvent) => any;
+	focus: (e: FocusEvent) => any;
+	"update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+	onInput?: ((value: string, e: Event) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
+	onClear?: ((value: string) => any) | undefined;
+	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onFocus?: ((e: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	password: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	showCount: boolean;
+	status: "success" | "warning" | "error" | "normal";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$16: __VLS_WithSlots$13<typeof __VLS_component$13, __VLS_Slots$13>;
+type __VLS_WithSlots$13<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type InputNumberProps = {
+	/**
+	 * @property {string | null} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: number | null;
+	/**
+	 * @property {string | null} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: number | null;
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {number} [max=Number.MAX_SAFE_INTEGER]
+	 * @version 0.0.2
+	 */
+	max?: number;
+	/**
+	 * @property {number} [min=Number.MIN_SAFE_INTEGER]
+	 * @version 0.0.2
+	 */
+	min?: number;
+	/**
+	 * @property {number} [step=1]
+	 * @version 0.0.2
+	 */
+	step?: number;
+	/**
+	 * @property {number} [precision]
+	 * @version 0.0.2
+	 */
+	precision?: number;
+	/**
+	 * @property {boolean} [strickStep=false]
+	 * @version 0.0.2
+	 */
+	strickStep?: boolean;
+	/**
+	 * @property {(value: number | Nullish) => string} [format]
+	 * @version 0.0.2
+	 */
+	format?: (value: number | Nullish) => string;
+	/**
+	 * @property {(value: string) => boolean} [allowInput]
+	 * @version 0.0.2
+	 */
+	allowInput?: (value: string) => boolean;
+	/**
+	 * @property {(value: string) => number} [parse]
+	 * @version 0.0.2
+	 */
+	parse?: (value: string) => number;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {boolean} [buttonPlacement='end']
+	 * @version 0.0.2
+	 */
+	buttonPlacement?: "start" | "end" | "both" | "start-reverse" | "end-reverse" | "both-reverse";
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
+};
+declare var __VLS_1$12: {}, __VLS_52: {};
+type __VLS_Slots$14 = {} & {
+	prefix?: (props: typeof __VLS_1$12) => any;
+} & {
+	suffix?: (props: typeof __VLS_52) => any;
+};
+declare const __VLS_component$14: import("vue").DefineComponent<InputNumberProps, {
+	focus: () => void;
+	blur: () => void;
+	clear: () => Promise<void>;
+	select: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: number, e: Event) => any;
+	change: (value: number, e?: Event | undefined) => any;
+	clear: (value: number) => any;
+	blur: (e: FocusEvent) => any;
+	focus: (e: FocusEvent) => any;
+	"update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<InputNumberProps> & Readonly<{
+	onInput?: ((value: number, e: Event) => any) | undefined;
+	onChange?: ((value: number, e?: Event | undefined) => any) | undefined;
+	onClear?: ((value: number) => any) | undefined;
+	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onFocus?: ((e: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	status: "success" | "warning" | "error" | "normal";
+	max: number;
+	min: number;
+	step: number;
+	strickStep: boolean;
+	buttonPlacement: "start" | "end" | "both" | "start-reverse" | "end-reverse" | "both-reverse";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$17: __VLS_WithSlots$14<typeof __VLS_component$14, __VLS_Slots$14>;
+type __VLS_WithSlots$14<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type TextareaProps = {
+	/**
+	 * @property {string | null} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: string | null;
+	/**
+	 * @property {string | null} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: string | null;
+	/**
+	 * @property {number} [rows]
+	 * @version 0.0.2
+	 */
+	rows?: number;
+	/**
+	 * @property {number} [minRows=1]
+	 * @version 0.0.2
+	 */
+	minRows?: number;
+	/**
+	 * @property {number} [maxRows=Infinity]
+	 * @version 0.0.2
+	 */
+	maxRows?: number;
+	/**
+	 * @property {boolean} [autoResize=false]
+	 * @version 0.0.2
+	 */
+	autoResize?: boolean;
+	/**
+	 * @property {boolean} [resize=true]
+	 * @version 0.0.2
+	 */
+	resize?: boolean;
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {number} [maxLength]
+	 * @version 0.0.2
+	 */
+	maxLength?: number;
+	/**
+	 * @property {boolean} [showCount=false]
+	 * @version 0.0.2
+	 */
+	showCount?: boolean;
+	/**
+	 * @property {(value: string) => number} [countGraphemes]
+	 * @version 0.0.2
+	 */
+	countGraphemes?: (value: string) => number;
+	/**
+	 * @property {(value: string, limit: number) => string} [sliceGraphemes]
+	 * @version 0.0.2
+	 */
+	sliceGraphemes?: (value: string, limit: number) => string;
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
+};
+declare var __VLS_9: {
+	value: string | Nullish;
+	count: number;
+	maxLength: number | undefined;
+};
+type __VLS_Slots$15 = {} & {
+	count?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component$15: import("vue").DefineComponent<TextareaProps, {
+	focus: () => void;
+	blur: () => void;
+	clear: () => Promise<void>;
+	select: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: string, e: Event) => any;
+	change: (value: string, e?: Event | undefined) => any;
+	clear: (value: string) => any;
+	blur: (e: FocusEvent) => any;
+	focus: (e: FocusEvent) => any;
+	"update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<TextareaProps> & Readonly<{
+	onInput?: ((value: string, e: Event) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
+	onClear?: ((value: string) => any) | undefined;
+	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onFocus?: ((e: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	resize: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	showCount: boolean;
+	status: "success" | "warning" | "error" | "normal";
+	minRows: number;
+	maxRows: number;
+	autoResize: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$18: __VLS_WithSlots$15<typeof __VLS_component$15, __VLS_Slots$15>;
+type __VLS_WithSlots$15<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type TagProps = {
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {'primary' | 'plain' | 'outline'} [variant='primary']
+	 * @version 0.0.2
+	 */
+	variant?: "primary" | "plain" | "outline";
+	/**
+	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [theme='primary']
+	 * @version 0.0.2
+	 */
+	theme?: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
+	/**
+	 * @property {string} [color]
+	 * @version 0.0.2
+	 */
+	color?: string;
+	/**
+	 * @property {boolean} [closable]
+	 * @version 0.0.2
+	 */
+	closable?: boolean;
+};
+declare var __VLS_1$13: {};
+type __VLS_Slots$16 = {} & {
+	default?: (props: typeof __VLS_1$13) => any;
+};
+declare const __VLS_component$16: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	close: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{
+	onClose?: ((e: MouseEvent) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	variant: "primary" | "plain" | "outline";
+	theme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$19: __VLS_WithSlots$16<typeof __VLS_component$16, __VLS_Slots$16>;
+type __VLS_WithSlots$16<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type InputGroupProps = {
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+};
+declare var __VLS_1$14: {};
+type __VLS_Slots$17 = {} & {
+	default?: (props: typeof __VLS_1$14) => any;
+};
+declare const __VLS_component$17: import("vue").DefineComponent<InputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupProps> & Readonly<{}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$20: __VLS_WithSlots$17<typeof __VLS_component$17, __VLS_Slots$17>;
+type __VLS_WithSlots$17<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type InputGroupLabelProps = {
+	/**
+	 * @property {string} [backgroundColor]
+	 * @version 0.0.2
+	 */
+	backgroundColor?: string;
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+};
+declare var __VLS_1$15: {};
+type __VLS_Slots$18 = {} & {
+	default?: (props: typeof __VLS_1$15) => any;
+};
+declare const __VLS_component$18: import("vue").DefineComponent<InputGroupLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupLabelProps> & Readonly<{}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$21: __VLS_WithSlots$18<typeof __VLS_component$18, __VLS_Slots$18>;
+type __VLS_WithSlots$18<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type InputTagProps = {
+	/**
+	 * @property {string[] | null} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: string[] | null;
+	/**
+	 * @property {string[] | null} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: string[] | null;
+	/**
+	 * @property {string | null} [inputValue]
+	 * @version 0.0.2
+	 */
+	inputValue?: string | null;
+	/**
+	 * @property {string | null} [defaultInputValue]
+	 * @version 0.0.2
+	 */
+	defaultInputValue?: string | null;
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {number} [maxLength]
+	 * @version 0.0.2
+	 */
+	maxLength?: number;
+	/**
+	 * @property {boolean} [collapseTags=false]
+	 * @version 0.0.2
+	 */
+	collapseTags?: boolean;
+	/**
+	 * @property {number} [collapseTags]
+	 * @version 0.0.2
+	 */
+	maxDisplayTags?: number;
+	/**
+	 * @property {boolean} [collapseTagsPopover=true]
+	 * @version 0.0.2
+	 */
+	collapseTagsPopover?: boolean;
+	/**
+	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info']
+	 * @version 0.0.2
+	 */
+	tagTheme?: TagProps["theme"];
+	/**
+	 * @property {'primary' | 'plain' | 'outline'} [tagVariant='plain']
+	 * @version 0.0.2
+	 */
+	tagVariant?: TagProps["variant"];
+	/**
+	 * @property {string} [tagColor]
+	 * @version 0.0.2
+	 */
+	tagColor?: TagProps["color"];
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
+};
+declare var __VLS_1$16: {}, __VLS_10: {
+	tag: string;
+	index: number;
+}, __VLS_16: {
+	tag: string;
+	index: number;
+}, __VLS_26: {
+	tag: string;
+	index: number;
+}, __VLS_36: {
+	tag: string;
+	index: number;
+}, __VLS_51: {};
+type __VLS_Slots$19 = {} & {
+	prefix?: (props: typeof __VLS_1$16) => any;
+} & {
+	tag?: (props: typeof __VLS_10) => any;
+} & {
+	tag?: (props: typeof __VLS_16) => any;
+} & {
+	tag?: (props: typeof __VLS_26) => any;
+} & {
+	tag?: (props: typeof __VLS_36) => any;
+} & {
+	suffix?: (props: typeof __VLS_51) => any;
+};
+declare const __VLS_component$19: import("vue").DefineComponent<InputTagProps, {
+	focus: () => void;
+	blur: () => void;
+	clear: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: string, e: Event) => any;
+	change: (value: string[]) => any;
+	clear: (value: string[]) => any;
+	blur: (e: FocusEvent) => any;
+	focus: (e: FocusEvent) => any;
+	"update:modelValue": (value: string[]) => any;
+	tagAdd: (value: string, e: KeyboardEvent) => any;
+	tagClose: (value: string, index: number, e: MouseEvent) => any;
+	"update:inputValue": (value: string) => any;
+	inputChange: (value: string, e?: Event | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<InputTagProps> & Readonly<{
+	onInput?: ((value: string, e: Event) => any) | undefined;
+	onChange?: ((value: string[]) => any) | undefined;
+	onClear?: ((value: string[]) => any) | undefined;
+	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onFocus?: ((e: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+	onTagAdd?: ((value: string, e: KeyboardEvent) => any) | undefined;
+	onTagClose?: ((value: string, index: number, e: MouseEvent) => any) | undefined;
+	"onUpdate:inputValue"?: ((value: string) => any) | undefined;
+	onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	status: "success" | "warning" | "error" | "normal";
+	collapseTags: boolean;
+	collapseTagsPopover: boolean;
+	tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
+	tagVariant: "primary" | "plain" | "outline";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$22: __VLS_WithSlots$19<typeof __VLS_component$19, __VLS_Slots$19>;
+type __VLS_WithSlots$19<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export type TooltipProps = {
+	/**
+	 * @property {string} [content]
+	 * @version 0.0.2
+	 */
+	content?: string;
+	/**
+	 * @property {boolean | null} [visible]
+	 * @version 0.0.2
+	 */
+	visible?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultVisible]
+	 * @version 0.0.2
+	 */
+	defaultVisible?: boolean | null;
+	/**
+	 * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top']
+	 * @version 0.0.2
+	 */
+	placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	/**
+	 * @property {'hover' | 'click'} [trigger='hover']
+	 * @version 0.0.2
+	 */
+	trigger?: "hover" | "click";
+	/**
+	 * @property {number} [offset=8]
+	 * @version 0.0.2
+	 */
+	offset?: number;
+	/**
+	 * @property {'dark' | 'light'} [variant='dark']
+	 * @version 0.0.2
+	 */
+	variant?: "dark" | "light";
+	/**
+	 * @property {boolean} [arrow=true]
+	 * @version 0.0.2
+	 */
+	arrow?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {number} [disabled]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
+	/**
+	 * @property { HTMLElement | string} [root='body']
+	 * @version 0.0.2
+	 */
+	root?: HTMLElement | string;
+};
+declare const _default$23: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	close: (e: MouseEvent) => any;
+	open: (e: MouseEvent) => any;
+	"update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
+	onClose?: ((e: MouseEvent) => any) | undefined;
+	onOpen?: ((e: MouseEvent) => any) | undefined;
+	"onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+	variant: "dark" | "light";
+	placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	root: HTMLElement | string;
+	offset: number;
+	visible: boolean | null;
+	defaultVisible: boolean | null;
+	arrow: boolean;
+	trigger: "hover" | "click";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type PopoverProps = {
+	/**
+	 * @property {string} [content]
+	 * @version 0.0.2
+	 */
+	content?: string;
+	/**
+	 * @property {boolean | null} [visible]
+	 * @version 0.0.2
+	 */
+	visible?: boolean | null;
+	/**
+	 * @property {boolean | null} [defaultVisible]
+	 * @version 0.0.2
+	 */
+	defaultVisible?: boolean | null;
+	/**
+	 * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top']
+	 * @version 0.0.2
+	 */
+	placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	/**
+	 * @property {'hover' | 'click'} [trigger='hover']
+	 * @version 0.0.2
+	 */
+	trigger?: "hover" | "click";
+	/**
+	 * @property {number} [offset=8]
+	 * @version 0.0.2
+	 */
+	offset?: number;
+	/**
+	 * @property {'dark' | 'light'} [variant='light']
+	 * @version 0.0.2
+	 */
+	variant?: "dark" | "light";
+	/**
+	 * @property {boolean} [arrow=true]
+	 * @version 0.0.2
+	 */
+	arrow?: boolean;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {number} [disabled]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
+	/**
+	 * @property { HTMLElement | string} [root='body']
+	 * @version 0.0.2
+	 */
+	root?: HTMLElement | string;
+	/**
+	 * @property {boolean} [widthEqual=false]
+	 * @version 0.0.2
+	 */
+	widthEqual?: boolean;
+	/**
+	 * @property {CSSProperties} [contentStyle]
+	 * @version 0.0.2
+	 */
+	contentStyle?: CSSProperties;
+};
+export type PopupContentProps = {
+	content?: string;
+	visible?: boolean | null;
+	defaultVisible?: boolean | null;
+	placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	offset?: number;
+	variant?: "dark" | "light";
+	arrow?: boolean;
+	zIndex?: number;
+	target?: HTMLElement | VNode | null;
+	root?: HTMLElement | string;
+	borderRadius?: number;
+	widthEqual?: boolean;
+	contentStyle?: CSSProperties;
+};
+declare const _default$24: import("vue").DefineComponent<PopoverProps, {
+	triggerContent: import("vue").ShallowRef<({
+		$: import("vue").ComponentInternalInstance;
+		$data: {};
+		$props: {
+			readonly content?: string | undefined;
+			readonly visible?: boolean | null | undefined;
+			readonly defaultVisible?: boolean | null | undefined;
+			readonly placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | undefined;
+			readonly offset?: number | undefined;
+			readonly variant?: "dark" | "light" | undefined;
+			readonly arrow?: boolean | undefined;
+			readonly zIndex?: number | undefined;
+			readonly target?: (HTMLElement | VNode | null) | undefined;
+			readonly root?: (HTMLElement | string) | undefined;
+			readonly borderRadius?: number | undefined;
+			readonly widthEqual?: boolean | undefined;
+			readonly contentStyle?: import("vue").CSSProperties | undefined;
+			readonly onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+			readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+		} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+		$attrs: {
+			[x: string]: unknown;
+		};
+		$refs: {
+			[x: string]: unknown;
+		};
+		$slots: Readonly<{
+			[name: string]: import("vue").Slot<any> | undefined;
+		}>;
+		$root: import("vue").ComponentPublicInstance | null;
+		$parent: import("vue").ComponentPublicInstance | null;
+		$host: Element | null;
+		$emit: ((event: "contentMouseenter", e: MouseEvent) => void) & ((event: "contentMouseleave", e: MouseEvent) => void);
+		$el: any;
+		$options: import("vue").ComponentOptionsBase<Readonly<PopupContentProps> & Readonly<{
+			onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+			onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+		}>, {
+			updateRenderState: () => void;
+			content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
+		}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+			contentMouseenter: (e: MouseEvent) => any;
+			contentMouseleave: (e: MouseEvent) => any;
+		}, string, {
+			variant: "dark" | "light";
+			placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+			root: HTMLElement | string;
+			offset: number;
+			visible: boolean | null;
+			arrow: boolean;
+			widthEqual: boolean;
+		}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+			beforeCreate?: (() => void) | (() => void)[];
+			created?: (() => void) | (() => void)[];
+			beforeMount?: (() => void) | (() => void)[];
+			mounted?: (() => void) | (() => void)[];
+			beforeUpdate?: (() => void) | (() => void)[];
+			updated?: (() => void) | (() => void)[];
+			activated?: (() => void) | (() => void)[];
+			deactivated?: (() => void) | (() => void)[];
+			beforeDestroy?: (() => void) | (() => void)[];
+			beforeUnmount?: (() => void) | (() => void)[];
+			destroyed?: (() => void) | (() => void)[];
+			unmounted?: (() => void) | (() => void)[];
+			renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+			renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+			errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+		};
+		$forceUpdate: () => void;
+		$nextTick: typeof nextTick;
+		$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
+			R,
+			R,
+			((cleanupFn: () => void) => void)
+		]) => any : (...args: [
+			any,
+			any,
+			((cleanupFn: () => void) => void)
+		]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+	} & Readonly<{
+		variant: "dark" | "light";
+		placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+		root: HTMLElement | string;
+		offset: number;
+		visible: boolean | null;
+		arrow: boolean;
+		widthEqual: boolean;
+	}> & Omit<Readonly<PopupContentProps> & Readonly<{
+		onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+		onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+	}>, "content" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual") | "updateRenderState"> & import("vue").ShallowUnwrapRef<{
+		updateRenderState: () => void;
+		content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
+	}> & {} & import("vue").ComponentCustomProperties & {} & {
+		$slots: {
+			content?: (props: {}) => any;
+		};
+	}) | undefined, ({
+		$: import("vue").ComponentInternalInstance;
+		$data: {};
+		$props: {
+			readonly content?: string | undefined;
+			readonly visible?: boolean | null | undefined;
+			readonly defaultVisible?: boolean | null | undefined;
+			readonly placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | undefined;
+			readonly offset?: number | undefined;
+			readonly variant?: "dark" | "light" | undefined;
+			readonly arrow?: boolean | undefined;
+			readonly zIndex?: number | undefined;
+			readonly target?: (HTMLElement | VNode | null) | undefined;
+			readonly root?: (HTMLElement | string) | undefined;
+			readonly borderRadius?: number | undefined;
+			readonly widthEqual?: boolean | undefined;
+			readonly contentStyle?: import("vue").CSSProperties | undefined;
+			readonly onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+			readonly onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+		} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+		$attrs: {
+			[x: string]: unknown;
+		};
+		$refs: {
+			[x: string]: unknown;
+		};
+		$slots: Readonly<{
+			[name: string]: import("vue").Slot<any> | undefined;
+		}>;
+		$root: import("vue").ComponentPublicInstance | null;
+		$parent: import("vue").ComponentPublicInstance | null;
+		$host: Element | null;
+		$emit: ((event: "contentMouseenter", e: MouseEvent) => void) & ((event: "contentMouseleave", e: MouseEvent) => void);
+		$el: any;
+		$options: import("vue").ComponentOptionsBase<Readonly<PopupContentProps> & Readonly<{
+			onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+			onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+		}>, {
+			updateRenderState: () => void;
+			content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
+		}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+			contentMouseenter: (e: MouseEvent) => any;
+			contentMouseleave: (e: MouseEvent) => any;
+		}, string, {
+			variant: "dark" | "light";
+			placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+			root: HTMLElement | string;
+			offset: number;
+			visible: boolean | null;
+			arrow: boolean;
+			widthEqual: boolean;
+		}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+			beforeCreate?: (() => void) | (() => void)[];
+			created?: (() => void) | (() => void)[];
+			beforeMount?: (() => void) | (() => void)[];
+			mounted?: (() => void) | (() => void)[];
+			beforeUpdate?: (() => void) | (() => void)[];
+			updated?: (() => void) | (() => void)[];
+			activated?: (() => void) | (() => void)[];
+			deactivated?: (() => void) | (() => void)[];
+			beforeDestroy?: (() => void) | (() => void)[];
+			beforeUnmount?: (() => void) | (() => void)[];
+			destroyed?: (() => void) | (() => void)[];
+			unmounted?: (() => void) | (() => void)[];
+			renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+			renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+			errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+		};
+		$forceUpdate: () => void;
+		$nextTick: typeof nextTick;
+		$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
+			R,
+			R,
+			((cleanupFn: () => void) => void)
+		]) => any : (...args: [
+			any,
+			any,
+			((cleanupFn: () => void) => void)
+		]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+	} & Readonly<{
+		variant: "dark" | "light";
+		placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+		root: HTMLElement | string;
+		offset: number;
+		visible: boolean | null;
+		arrow: boolean;
+		widthEqual: boolean;
+	}> & Omit<Readonly<PopupContentProps> & Readonly<{
+		onContentMouseenter?: ((e: MouseEvent) => any) | undefined;
+		onContentMouseleave?: ((e: MouseEvent) => any) | undefined;
+	}>, "content" | ("variant" | "placement" | "root" | "offset" | "visible" | "arrow" | "widthEqual") | "updateRenderState"> & import("vue").ShallowUnwrapRef<{
+		updateRenderState: () => void;
+		content: import("vue").ShallowRef<HTMLDivElement | null, HTMLDivElement | null>;
+	}> & {} & import("vue").ComponentCustomProperties & {} & {
+		$slots: {
+			content?: (props: {}) => any;
+		};
+	}) | undefined>;
+	updateRenderState: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	close: (e: MouseEvent) => any;
+	open: (e: MouseEvent) => any;
+	"update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
+	onClose?: ((e: MouseEvent) => any) | undefined;
+	onOpen?: ((e: MouseEvent) => any) | undefined;
+	"onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+	variant: "dark" | "light";
+	placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+	root: HTMLElement | string;
+	offset: number;
+	visible: boolean | null;
+	defaultVisible: boolean | null;
+	arrow: boolean;
+	widthEqual: boolean;
+	trigger: "hover" | "click";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type EmptyProps = {
+	/**
+	 * @property {string} [description='No Data']
+	 * @version 0.0.2
+	 */
+	description?: string;
+};
+declare var __VLS_1$17: {}, __VLS_8$2: {};
+type __VLS_Slots$20 = {} & {
+	image?: (props: typeof __VLS_1$17) => any;
+} & {
+	description?: (props: typeof __VLS_8$2) => any;
+};
+declare const __VLS_component$20: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+	description: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$25: __VLS_WithSlots$20<typeof __VLS_component$20, __VLS_Slots$20>;
+type __VLS_WithSlots$20<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export interface AutoCompleteOption extends Option$1<string> {
+	value: string;
+	disabled?: boolean;
+}
+export interface AutoCompleteGroupOption extends GroupOption {
+	label: string;
+	key: string | number | symbol;
+	children: (AutoCompleteOption | string)[];
+}
+export type AutoCompleteProps = {
+	/**
+	 * @property {string | null} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: string | null;
+	/**
+	 * @property {string | null} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: string | null;
+	/**
+	 * @property {string} [options]
+	 * @version 0.0.2
+	 */
+	options?: (string | AutoCompleteOption | AutoCompleteGroupOption)[];
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {boolean} [showPopoverEmpty=false]
+	 * @version 0.0.2
+	 */
+	showPopoverEmpty?: boolean;
+	/**
+	 * @property {(value: string, optionsFiltered: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => boolean} [shouldShowPopover]
+	 * @version 0.0.2
+	 */
+	shouldShowPopover?: (value: string, optionsFiltered: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => boolean;
+	/**
+	 * @property {(keyword: string, options: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => (string | AutoCompleteOption | AutoCompleteGroupOption)[]} [filter]
+	 * @version 0.0.2
+	 */
+	filter?: (keyword: string, options: (string | AutoCompleteOption | AutoCompleteGroupOption)[]) => (string | AutoCompleteOption | AutoCompleteGroupOption)[];
+	/**
+	 * @property {boolean} [append=false]
+	 * @version 0.0.2
+	 */
+	append?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+	/**
+	 * @property {boolean} [autofocus=false]
+	 * @version 0.0.2
+	 */
+	autofocus?: boolean;
+};
+declare const _default$26: import("vue").DefineComponent<AutoCompleteProps, {
+	focus: () => void;
+	blur: () => void;
+	clear: () => Promise<void>;
+	select: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: string, e: Event) => any;
+	select: (value: string, option: string | AutoCompleteOption, e: MouseEvent) => any;
+	change: (value: string, e?: Event | undefined) => any;
+	clear: (value: string) => any;
+	blur: (e: FocusEvent) => any;
+	focus: (e: FocusEvent) => any;
+	"update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<AutoCompleteProps> & Readonly<{
+	onInput?: ((value: string, e: Event) => any) | undefined;
+	onSelect?: ((value: string, option: string | AutoCompleteOption, e: MouseEvent) => any) | undefined;
+	onChange?: ((value: string, e?: Event | undefined) => any) | undefined;
+	onClear?: ((value: string) => any) | undefined;
+	onBlur?: ((e: FocusEvent) => any) | undefined;
+	onFocus?: ((e: FocusEvent) => any) | undefined;
+	"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	status: "success" | "warning" | "error" | "normal";
+	options: (string | AutoCompleteOption | AutoCompleteGroupOption)[];
+	showPopoverEmpty: boolean;
+	append: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type MaskProps = {
+	/**
+	 * @property {string} [color]
+	 * @version 0.0.2
+	 */
+	color?: string;
+	/**
+	 * @property {number} [step=1]
+	 * @version 0.0.2
+	 */
+	step?: number;
+	/**
+	 * @property {number} [lineWidth=2]
+	 * @version 0.0.2
+	 */
+	lineWidth?: number;
+	/**
+	 * @property {boolean} [grid=true]
+	 * @version 0.0.2
+	 */
+	grid?: boolean;
+	/**
+	 * @property {number} [zIndex=20]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
+};
+declare const _default$27: import("vue").DefineComponent<MaskProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaskProps> & Readonly<{}>, {
+	zIndex: number;
+	step: number;
+	grid: boolean;
+	lineWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type SpinProps = {
+	/**
+	 * @property {boolean} [loading]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {'medium' | 'large' | 'small' | number} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small" | number;
+	/**
+	 * @property {string} [maskColor]
+	 * @version 0.0.2
+	 */
+	maskColor?: string;
+	/**
+	 * @property {number} [maskStep=1]
+	 * @version 0.0.2
+	 */
+	maskStep?: number;
+	/**
+	 * @property {number} [maskLineWidth=2]
+	 * @version 0.0.2
+	 */
+	maskLineWidth?: number;
+	/**
+	 * @property {boolean} [maskGrid=true]
+	 * @version 0.0.2
+	 */
+	maskGrid?: boolean;
+	/**
+	 * @property {number} [zIndex=20]
+	 * @version 0.0.2
+	 */
+	zIndex?: number;
+};
+declare var __VLS_1$18: {}, __VLS_7: {}, __VLS_14: {};
+type __VLS_Slots$21 = {} & {
+	default?: (props: typeof __VLS_1$18) => any;
+} & {
+	icon?: (props: typeof __VLS_7) => any;
+} & {
+	description?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component$21: import("vue").DefineComponent<SpinProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpinProps> & Readonly<{}>, {
+	size: "medium" | "large" | "small" | number;
+	loading: boolean;
+	zIndex: number;
+	maskStep: number;
+	maskLineWidth: number;
+	maskGrid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$28: __VLS_WithSlots$21<typeof __VLS_component$21, __VLS_Slots$21>;
+type __VLS_WithSlots$21<T, S> = T & {
+	new (): {
+		$slots: S;
+	};
+};
+export interface SelectOption extends Option$1<string> {
+	value: any;
+	disabled?: boolean;
+}
+export interface SelectGroupOption extends GroupOption {
+	label: string;
+	key: string | number | symbol;
+	children: (SelectOption | string)[];
+}
+export type SelectProps = {
+	/**
+	 * @property {any} [modelValue]
+	 * @version 0.0.2
+	 */
+	modelValue?: any;
+	/**
+	 * @property {any} [defaultValue]
+	 * @version 0.0.2
+	 */
+	defaultValue?: any;
+	/**
+	 * @property {string} [options]
+	 * @version 0.0.2
+	 */
+	options?: (string | SelectOption | SelectGroupOption)[];
+	/**
+	 * @property {string} [placeholder]
+	 * @version 0.0.2
+	 */
+	placeholder?: string;
+	/**
+	 * @property {boolean} [disabled=false]
+	 * @version 0.0.2
+	 */
+	disabled?: boolean;
+	/**
+	 * @property {boolean} [readonly=false]
+	 * @version 0.0.2
+	 */
+	readonly?: boolean;
+	/**
+	 * @property {boolean} [clearable=false]
+	 * @version 0.0.2
+	 */
+	clearable?: boolean;
+	/**
+	 * @property {boolean} [multiple=false]
+	 * @version 0.0.2
+	 */
+	multiple?: boolean;
+	/**
+	 * @property {boolean} [loading=false]
+	 * @version 0.0.2
+	 */
+	loading?: boolean;
+	/**
+	 * @property {string | null} [inputValue]
+	 * @version 0.0.2
+	 */
+	inputValue?: string | null;
+	/**
+	 * @property {string | null} [defaultInputValue]
+	 * @version 0.0.2
+	 */
+	defaultInputValue?: string | null;
+	/**
+	 * @property {boolean} [filterable=false]
+	 * @version 0.0.2
+	 */
+	filterable?: boolean;
+	/**
+	 * @property {(value: string, optionsFiltered: (string | SelectOption | SelectGroupOption)[]) => boolean} [shouldShowPopover]
+	 * @version 0.0.2
+	 */
+	shouldShowPopover?: (value: string, optionsFiltered: (string | SelectOption | SelectGroupOption)[]) => boolean;
+	/**
+	 * @property {(keyword: string, options: (string | SelectOption | SelectGroupOption)[]) => (string | SelectOption | SelectGroupOption)[]} [filter]
+	 * @version 0.0.2
+	 */
+	filter?: (keyword: string, options: (string | SelectOption | SelectGroupOption)[]) => (string | SelectOption | SelectGroupOption)[];
+	/**
+	 * @property {boolean} [creatable=false]
+	 * @version 0.0.2
+	 */
+	creatable?: boolean;
+	/**
+	 * @property {boolean} [collapseTags=false]
+	 * @version 0.0.2
+	 */
+	collapseTags?: boolean;
+	/**
+	 * @property {number} [collapseTags]
+	 * @version 0.0.2
+	 */
+	maxDisplayTags?: number;
+	/**
+	 * @property {boolean} [collapseTagsPopover=true]
+	 * @version 0.0.2
+	 */
+	collapseTagsPopover?: boolean;
+	/**
+	 * @property {'primary' | 'sakura' | 'success' | 'warning' | 'danger' | 'info'} [tagTheme='info']
+	 * @version 0.0.2
+	 */
+	tagTheme?: TagProps["theme"];
+	/**
+	 * @property {'primary' | 'plain' | 'outline'} [tagVariant='plain']
+	 * @version 0.0.2
+	 */
+	tagVariant?: TagProps["variant"];
+	/**
+	 * @property {string} [tagColor]
+	 * @version 0.0.2
+	 */
+	tagColor?: TagProps["color"];
+	/**
+	 * @property {'medium' | 'large' | 'small'} [size='medium']
+	 * @version 0.0.2
+	 */
+	size?: "medium" | "large" | "small";
+	/**
+	 * @property {'default' | 'round'} [shape='default']
+	 * @version 0.0.2
+	 */
+	shape?: "default" | "round";
+	/**
+	 * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+	 * @version 0.0.2
+	 */
+	borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+	/**
+	 * @property {'success' | 'warning' | 'error' | 'normal'} [status='normal']
+	 * @version 0.0.2
+	 */
+	status?: "success" | "warning" | "error" | "normal";
+};
+declare const _default$29: import("vue").DefineComponent<SelectProps, {
+	focus: () => void;
+	blur: () => Promise<void>;
+	clear: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+	input: (value: string, e: Event) => any;
+	select: (value: any, option: string | SelectOption, e: MouseEvent) => any;
+	change: (value: any) => any;
+	clear: (value: any) => any;
+	blur: () => any;
+	focus: () => any;
+	"update:modelValue": (value: any) => any;
+	tagClose: (value: any, e: MouseEvent) => any;
+	"update:inputValue": (value: string) => any;
+	inputChange: (value: string, e?: Event | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
+	onInput?: ((value: string, e: Event) => any) | undefined;
+	onSelect?: ((value: any, option: string | SelectOption, e: MouseEvent) => any) | undefined;
+	onChange?: ((value: any) => any) | undefined;
+	onClear?: ((value: any) => any) | undefined;
+	onBlur?: (() => any) | undefined;
+	onFocus?: (() => any) | undefined;
+	"onUpdate:modelValue"?: ((value: any) => any) | undefined;
+	onTagClose?: ((value: any, e: MouseEvent) => any) | undefined;
+	"onUpdate:inputValue"?: ((value: string) => any) | undefined;
+	onInputChange?: ((value: string, e?: Event | undefined) => any) | undefined;
+}>, {
+	shape: "default" | "round";
+	size: "medium" | "large" | "small";
+	disabled: boolean;
+	loading: boolean;
+	readonly: boolean;
+	clearable: boolean;
+	status: "success" | "warning" | "error" | "normal";
+	options: (string | SelectOption | SelectGroupOption)[];
+	multiple: boolean;
+	collapseTags: boolean;
+	collapseTagsPopover: boolean;
+	tagTheme: "primary" | "sakura" | "success" | "warning" | "danger" | "info";
+	tagVariant: "primary" | "plain" | "outline";
+	filterable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export declare const install: (app: App, options?: {
 	prefix: string;
 	attachToApp?: boolean;
 	attachToWindow?: boolean;
 }) => void;
-declare const _default$16: {
+declare const _default$30: {
 	install: (app: App, options?: {
 		prefix: string;
 		attachToApp?: boolean;
@@ -725,6 +2286,7 @@ declare const _default$16: {
 };
 
 export {
+	Option$1 as Option,
 	_default as Button,
 	_default$1 as ButtonGroup,
 	_default$10 as Container,
@@ -733,9 +2295,23 @@ export {
 	_default$13 as Header,
 	_default$14 as Footer,
 	_default$15 as Icon,
-	_default$16 as default,
+	_default$16 as Input,
+	_default$17 as InputNumber,
+	_default$18 as Textarea,
+	_default$19 as Tag,
 	_default$2 as Link,
+	_default$20 as InputGroup,
+	_default$21 as InputGroupLabel,
+	_default$22 as InputTag,
+	_default$23 as Tooltip,
+	_default$24 as Popover,
+	_default$25 as Empty,
+	_default$26 as AutoComplete,
+	_default$27 as Mask,
+	_default$28 as Spin,
+	_default$29 as Select,
 	_default$3 as MessageBox,
+	_default$30 as default,
 	_default$4 as Row,
 	_default$5 as Col,
 	_default$6 as Divider,