@salutejs/plasma-new-hope 0.195.2-canary.1577.11938240958.0 → 0.196.0-canary.1552.11952949201.0

package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts

@@ -48,6 +48,9 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -60,7 +63,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -84,6 +87,9 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -96,7 +102,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -121,18 +127,21 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -157,18 +166,21 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -189,22 +201,25 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -225,22 +240,25 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -261,13 +279,16 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
@@ -276,7 +297,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -297,13 +318,16 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
@@ -312,7 +336,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -333,9 +357,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -348,7 +375,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -369,9 +396,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -384,7 +414,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -405,22 +435,25 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -441,48 +474,25 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
-declare type PropsFromConfig = keyof typeof config['variations'];
-declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
-declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
-    view: {
-        default: import("@linaria/core").LinariaClassName;
-        positive: import("@linaria/core").LinariaClassName;
-        warning: import("@linaria/core").LinariaClassName;
-        negative: import("@linaria/core").LinariaClassName;
-    };
-    size: {
-        l: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
-        xs: import("@linaria/core").LinariaClassName;
-    };
-    labelPlacement: {
-        inner: import("@linaria/core").LinariaClassName;
-        outer: import("@linaria/core").LinariaClassName;
-    };
-    disabled: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-    readOnly: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-}> & (({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -503,22 +513,25 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -539,22 +552,25 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -575,13 +591,16 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
@@ -590,7 +609,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -611,13 +630,16 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
@@ -626,7 +648,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -647,9 +669,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -662,7 +687,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -683,9 +708,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -698,7 +726,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -719,22 +747,25 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -755,22 +786,25 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -795,20 +829,829 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
 } & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
+    name: never;
+    defaultValue: never;
 } & {
-    required: true;
-    optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+declare type PropsFromConfig = keyof typeof config['variations'];
+declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
+declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+        positive: import("@linaria/core").LinariaClassName;
+        warning: import("@linaria/core").LinariaClassName;
+        negative: import("@linaria/core").LinariaClassName;
+    };
+    size: {
+        l: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
+    };
+    labelPlacement: {
+        inner: import("@linaria/core").LinariaClassName;
+        outer: import("@linaria/core").LinariaClassName;
+    };
+    disabled: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+    readOnly: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+}> & (({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
@@ -830,6 +1673,9 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
@@ -842,7 +1688,85 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -866,6 +1790,9 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple: true;
     value?: string[] | undefined;
@@ -878,7 +1805,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     label?: string | undefined;
@@ -902,6 +1829,9 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
+} & {
+    name: never;
+    defaultValue: never;
 } & {
     multiple: true;
     value?: string[] | undefined;
@@ -914,7 +1844,85 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name: string;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;
 export { Combobox };