@salutejs/plasma-new-hope 0.196.1-dev.0 → 0.197.0-canary.1556.11973013493.0

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

@@ -27,7 +27,6 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 }> & (({
     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;
@@ -43,7 +42,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -55,15 +57,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -79,7 +79,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -92,14 +95,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -115,7 +116,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -127,15 +131,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -151,7 +153,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -164,14 +169,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -187,7 +190,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -199,15 +205,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -223,7 +227,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -236,14 +243,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -259,7 +264,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -271,15 +279,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -295,7 +301,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -308,14 +317,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -331,7 +338,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -343,15 +353,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -367,7 +375,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -380,14 +391,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -403,7 +412,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -415,15 +427,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -439,7 +449,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -452,40 +465,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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>))>;
-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;
-    };
-}> & (({
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -501,7 +486,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -513,15 +501,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -537,7 +523,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -550,14 +539,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -573,7 +560,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -585,15 +575,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -609,7 +597,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -622,14 +613,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -645,7 +634,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -657,15 +649,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -681,7 +671,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -694,14 +687,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -717,7 +708,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -729,15 +723,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -753,7 +745,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -766,14 +761,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -789,7 +782,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -801,15 +797,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -825,7 +819,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -838,14 +835,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    requiredPlacement?: "left" | "right" | undefined;
-} & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -861,7 +856,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -873,15 +871,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     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;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -897,7 +893,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -910,10 +909,923 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    };
+}> & (({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | 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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: 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;
+} & {
+    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasPlaceholder?: boolean | 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
+} & {
+    readOnly?: boolean | undefined;
+    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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
+} & {
+    readOnly?: boolean | undefined;
+    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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | 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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    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;
+    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;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "outer" | undefined;
+    hasPlaceholder?: 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;
 } & {
-    optional?: true | undefined;
     required?: false | undefined;
+    requiredPlacement?: undefined;
+    optional?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;