@salutejs/plasma-new-hope 0.190.0-canary.1550.11795356464.0 → 0.190.0-canary.1552.11794692529.0

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

@@ -37,7 +37,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -49,8 +49,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -60,7 +62,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -73,7 +75,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -85,8 +87,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -96,7 +100,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -109,7 +113,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -123,16 +127,956 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>))>;
+declare type PropsFromConfig = keyof typeof config['variations'];
+declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
+declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+        positive: import("@linaria/core").LinariaClassName;
+        warning: import("@linaria/core").LinariaClassName;
+        negative: import("@linaria/core").LinariaClassName;
+    };
+    size: {
+        l: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
+    };
+    labelPlacement: {
+        inner: import("@linaria/core").LinariaClassName;
+        outer: import("@linaria/core").LinariaClassName;
+    };
+    disabled: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+    readOnly: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+}> & (({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    required: true;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    name?: undefined;
+    multiple?: false | undefined;
+    value?: string | undefined;
+    defaultValue?: undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    requiredPlacement?: "left" | "right" | undefined;
+} & {
+    optional?: true | undefined;
+    required?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -145,7 +1089,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -159,16 +1103,18 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -181,7 +1127,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -189,22 +1135,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -217,7 +1165,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -225,22 +1173,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -253,7 +1203,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -261,22 +1211,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -289,7 +1241,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -297,22 +1249,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -325,7 +1279,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -333,12 +1287,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -348,7 +1304,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -361,7 +1317,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -369,12 +1325,14 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -384,7 +1342,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -397,7 +1355,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -405,22 +1363,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -433,7 +1393,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -441,48 +1401,24 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
-declare type PropsFromConfig = keyof typeof config['variations'];
-declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
-declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
-    view: {
-        default: import("@linaria/core").LinariaClassName;
-        positive: import("@linaria/core").LinariaClassName;
-        warning: import("@linaria/core").LinariaClassName;
-        negative: import("@linaria/core").LinariaClassName;
-    };
-    size: {
-        l: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
-        xs: import("@linaria/core").LinariaClassName;
-    };
-    labelPlacement: {
-        inner: import("@linaria/core").LinariaClassName;
-        outer: import("@linaria/core").LinariaClassName;
-    };
-    disabled: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-    readOnly: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-}> & (({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -495,7 +1431,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -503,22 +1439,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -531,7 +1469,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -539,22 +1477,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -567,7 +1507,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -575,22 +1515,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -603,7 +1545,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -611,22 +1553,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -639,7 +1583,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -647,12 +1591,14 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -662,7 +1608,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -675,7 +1621,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -683,12 +1629,14 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
+    name?: undefined;
     multiple?: false | undefined;
     value?: string | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
@@ -698,7 +1646,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -711,7 +1659,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -719,22 +1667,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -747,7 +1697,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -755,22 +1705,24 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     view?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
 } & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
 } & {
     multiple: true;
     value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    defaultValue?: string[] | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -783,7 +1735,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -797,16 +1749,18 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -819,7 +1773,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -833,16 +1787,18 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     multiple?: false | undefined;
     value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+    defaultValue?: string | undefined;
+    onChange?: import("react").ChangeEventHandler<Element> | undefined;
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
+    name: string;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -855,7 +1811,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -869,16 +1825,18 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
     optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>) | ({
     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;
@@ -891,7 +1849,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     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;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
     renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -905,16 +1863,18 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
 } & {
     multiple: true;
     value?: string[] | undefined;
+    defaultValue?: undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
+    name?: undefined;
 } & {
     requiredPlacement?: "left" | "right" | undefined;
 } & {
     optional?: true | undefined;
     required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "name" | "onChange" | "defaultValue" | "value"> & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement>)), "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;
 export { Combobox };