@salutejs/plasma-new-hope 0.196.0-canary.1556.11967620671.0 → 0.196.0-canary.1566.11969356141.0

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

@@ -27,6 +27,7 @@ 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;
@@ -42,10 +43,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -58,12 +56,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -79,10 +79,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -95,12 +92,14 @@ 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;
@@ -116,10 +115,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -132,12 +128,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -153,10 +151,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -169,12 +164,14 @@ 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;
@@ -190,10 +187,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -206,12 +200,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -227,10 +223,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -243,12 +236,14 @@ 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;
@@ -264,10 +259,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -280,12 +272,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -301,10 +295,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -317,12 +308,14 @@ 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;
@@ -338,10 +331,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -354,12 +344,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -375,10 +367,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -391,12 +380,14 @@ 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;
@@ -412,10 +403,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -428,12 +416,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -449,10 +439,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement: "inner";
-    hasPlaceholder?: boolean | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -465,12 +452,40 @@ 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>) | ({
+} & 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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -486,10 +501,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -502,12 +514,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -523,10 +537,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -539,12 +550,14 @@ 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;
@@ -560,10 +573,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -576,12 +586,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -597,10 +609,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -613,12 +622,14 @@ 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;
@@ -634,10 +645,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -650,12 +658,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -671,10 +681,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -687,12 +694,14 @@ 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;
@@ -708,10 +717,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -724,12 +730,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -745,10 +753,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -761,12 +766,14 @@ 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;
@@ -782,10 +789,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -798,12 +802,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -819,10 +825,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -835,12 +838,14 @@ 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;
@@ -856,10 +861,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -872,12 +874,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
-    required: true;
     requiredPlacement?: "left" | "right" | undefined;
+} & {
+    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;
+    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -893,10 +897,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & {
-    label?: string | undefined;
-    labelPlacement?: "outer" | undefined;
-    hasPlaceholder?: undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -909,923 +910,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;