@salutejs/plasma-new-hope 0.193.0-canary.1550.11805988388.0 → 0.193.0-canary.1556.11815100174.0

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

@@ -27,7 +27,857 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
 }> & (({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: boolean | undefined;
+    disabled?: true | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: true | undefined;
+    disabled?: boolean | undefined;
+    alwaysOpened?: false | undefined;
+} & {
+    multiple: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: true | undefined;
+    targetAmount?: number | undefined;
+    renderValue?: ((item: ItemOption) => string) | undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
+} & {
+    readOnly?: false | undefined;
+    disabled?: false | undefined;
+    alwaysOpened?: true | undefined;
+} & {
+    multiple?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    targetAmount?: undefined;
+    renderValue?: undefined;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
     label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: 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;
+} & {
+    required: true;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: false | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -43,7 +893,73 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: 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;
+} & {
+    required?: false | undefined;
+    requiredPlacement?: "left" | "right" | undefined;
+    optional?: true | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+declare type PropsFromConfig = keyof typeof config['variations'];
+declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
+declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+        positive: import("@linaria/core").LinariaClassName;
+        warning: import("@linaria/core").LinariaClassName;
+        negative: import("@linaria/core").LinariaClassName;
+    };
+    size: {
+        l: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
+    };
+    labelPlacement: {
+        inner: import("@linaria/core").LinariaClassName;
+        outer: import("@linaria/core").LinariaClassName;
+    };
+    disabled: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+    readOnly: {
+        true: import("@linaria/core").LinariaClassName;
+    };
+}> & (({
+    items: ItemOption[];
+    placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -55,15 +971,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -79,7 +993,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -92,14 +1009,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -115,7 +1030,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -127,15 +1045,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -151,7 +1067,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -164,14 +1083,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -187,7 +1104,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -199,15 +1119,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -223,7 +1141,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -236,14 +1157,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -259,7 +1178,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -271,15 +1193,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -295,7 +1215,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -308,14 +1231,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -331,7 +1252,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -343,15 +1267,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -367,7 +1289,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -380,14 +1305,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -403,7 +1326,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -415,15 +1341,13 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -439,7 +1363,10 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    labelPlacement?: "inner" | "outer" | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement: "inner";
+    hasInnerLabelPlaceholder?: boolean | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -452,40 +1379,12 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
-declare type PropsFromConfig = keyof typeof config['variations'];
-declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig>;
-declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "view" | "disabled" | "readOnly" | "size" | "labelPlacement"> & Pick<import("../../../../engines/types").PropsType<{
-    view: {
-        default: import("@linaria/core").LinariaClassName;
-        positive: import("@linaria/core").LinariaClassName;
-        warning: import("@linaria/core").LinariaClassName;
-        negative: import("@linaria/core").LinariaClassName;
-    };
-    size: {
-        l: import("@linaria/core").LinariaClassName;
-        m: import("@linaria/core").LinariaClassName;
-        s: import("@linaria/core").LinariaClassName;
-        xs: import("@linaria/core").LinariaClassName;
-    };
-    labelPlacement: {
-        inner: import("@linaria/core").LinariaClassName;
-        outer: import("@linaria/core").LinariaClassName;
-    };
-    disabled: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-    readOnly: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-}> & (({
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -501,7 +1400,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -513,15 +1415,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -537,7 +1437,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -550,14 +1453,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -573,7 +1474,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -585,15 +1489,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -609,7 +1511,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
@@ -622,14 +1527,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -645,7 +1548,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -657,15 +1563,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -681,7 +1585,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -694,14 +1601,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -717,7 +1622,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -729,15 +1637,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -753,7 +1659,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
@@ -766,14 +1675,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -789,7 +1696,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -801,15 +1711,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -825,7 +1733,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -838,14 +1749,12 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: undefined;
     renderValue?: undefined;
 } & {
+    required?: false | undefined;
     requiredPlacement?: "left" | "right" | undefined;
-} & {
     optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -861,7 +1770,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -873,15 +1785,13 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "left" | "right" | undefined;
 } & {
     required: true;
+    requiredPlacement?: "left" | "right" | undefined;
     optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -897,7 +1807,10 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
+} & {
+    label?: string | undefined;
     labelPlacement?: "inner" | "outer" | undefined;
+    hasInnerLabelPlaceholder?: false | undefined;
 } & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
@@ -910,10 +1823,9 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
 } & {
+    required?: false | 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"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;