@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/types/examples/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-declare const Select: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
+declare const Select: import("react").ForwardRefExoticComponent<(((Omit<Omit<import("../../../engines/types").PropsType<{
     view: {
         default: import("styled-components").FlattenSimpleInterpolation;
         positive: import("styled-components").FlattenSimpleInterpolation;
@@ -39,7 +39,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     readOnly: {
         true: import("styled-components").FlattenSimpleInterpolation;
     };
-}> & ((import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -55,6 +55,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -68,10 +69,1293 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
     hintPortal?: string | import("react").RefObject<HTMLElement | null>;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+    multiselect: true;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: ((value: string[], item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: true;
+    renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
+}, "value" | "onChange"> & {
+    name: string;
+    value?: never;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
+} & {
+    target: "button-like";
+    hasDivider?: never;
+    label?: string;
+    contentLeft?: never;
+    contentRight?: never;
+    placeholder?: string;
+    helperText?: never;
+    keepPlaceholder?: never;
+    chipType?: never;
+    chipClickArea?: never;
+    titleCaption?: never;
+} & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTargetIcon?: never;
+    hintTargetPlacement?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintWidth?: never;
+    hintContentLeft?: never;
+    hintPortal?: never;
+} & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance">) & {
+    appearance?: "default";
+}) | ((Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+    multiselect?: false;
+    value?: string;
+    defaultValue?: string;
+    onChange?: ((value: string, item: import("../../..").SelectItemOption | null) => void) | undefined;
+    isTargetAmount?: false;
+    renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
+    selectAllOptions?: never;
+} & {
+    target?: "textfield-like";
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactElement;
+    placeholder?: string;
+    helperText?: string;
+    chipType?: "default" | "text";
+    chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
+} & import("../../../components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click";
+    hintView?: string;
+    hintSize?: string;
+    hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "inner" | "outer";
+    hintPlacement?: import("@popperjs/core").Placement | Array<import("@popperjs/core").ComputedPlacement>;
+    hintHasArrow?: boolean;
+    hintOffset?: [number, number];
+    hintWidth?: string;
+    hintContentLeft?: import("react").ReactNode;
+    hintPortal?: string | import("react").RefObject<HTMLElement | null>;
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
+    _offset?: [number, number];
+    _checkboxAppearance?: string;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -87,6 +1371,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -100,10 +1385,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -119,6 +1445,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -132,10 +1459,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
     hintPortal?: string | import("react").RefObject<HTMLElement | null>;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -151,6 +1519,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -164,10 +1533,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -175,7 +1585,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: false;
     renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: never;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
@@ -187,6 +1597,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -200,10 +1611,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
     hintPortal?: string | import("react").RefObject<HTMLElement | null>;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -211,7 +1663,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: false;
     renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: never;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
@@ -223,6 +1675,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -236,10 +1689,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -247,7 +1741,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: true;
     renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
@@ -259,6 +1753,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -272,10 +1767,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: string;
     hintContentLeft?: import("react").ReactNode;
     hintPortal?: string | import("react").RefObject<HTMLElement | null>;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -283,7 +1819,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: true;
     renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
@@ -295,6 +1831,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: import("react").ReactNode;
 } & import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -308,10 +1845,51 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("../../../components/TextField/TextField.types").LabelProps & {
+} & import("../../../components/TextField/TextField.types").LabelProps & Pick<import("../../..").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -321,6 +1899,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     selectAllOptions?: never;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -329,6 +1908,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -345,7 +1925,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -355,6 +1976,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     selectAllOptions?: never;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -363,6 +1985,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -379,7 +2002,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -389,6 +2053,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -397,6 +2062,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -413,7 +2079,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & {
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -423,6 +2130,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -431,6 +2139,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -447,7 +2156,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -455,12 +2205,13 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: false;
     renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: never;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -469,6 +2220,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -485,7 +2237,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect?: false;
     value?: string;
     defaultValue?: string;
@@ -493,12 +2286,13 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: false;
     renderTarget?: ((value: import("../../..").SelectItemOption | null, opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: never;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -507,6 +2301,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -523,7 +2318,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -531,12 +2367,13 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: true;
     renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -545,6 +2382,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -561,7 +2399,48 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
+    view: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        positive: import("styled-components").FlattenSimpleInterpolation;
+        warning: import("styled-components").FlattenSimpleInterpolation;
+        negative: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        clear: import("styled-components").FlattenSimpleInterpolation;
+        dark: import("styled-components").FlattenSimpleInterpolation;
+        black: import("styled-components").FlattenSimpleInterpolation;
+        white: import("styled-components").FlattenSimpleInterpolation;
+    };
+    size: {
+        l: import("styled-components").FlattenSimpleInterpolation;
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+        xs: import("styled-components").FlattenSimpleInterpolation;
+    };
+    labelPlacement: {
+        inner: import("styled-components").FlattenSimpleInterpolation;
+        outer: import("styled-components").FlattenSimpleInterpolation;
+    };
+    chipView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+        secondary: import("styled-components").FlattenSimpleInterpolation;
+        accent: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintView: {
+        default: import("styled-components").FlattenSimpleInterpolation;
+    };
+    hintSize: {
+        m: import("styled-components").FlattenSimpleInterpolation;
+        s: import("styled-components").FlattenSimpleInterpolation;
+    };
+    disabled: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+    readOnly: {
+        true: import("styled-components").FlattenSimpleInterpolation;
+    };
+}> & import("../../../components/Select/Select.types").BasicProps<import("../../..").SelectItemOption> & Omit<{
     multiselect: true;
     value?: string[];
     defaultValue?: string[];
@@ -569,12 +2448,13 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     isTargetAmount?: true;
     renderTarget?: ((value: import("../../..").SelectItemOption[], opened?: boolean) => import("react").ReactNode) | undefined;
     selectAllOptions?: import("../../../components/Select/Select.types").SelectAllProps;
-}, "onChange" | "value"> & {
+}, "value" | "onChange"> & {
     name: string;
     value?: never;
     onChange?: import("react").ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -583,6 +2463,7 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("../../..").NeverProps<import("../../../components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -599,6 +2480,8 @@ declare const Select: import("react").FunctionComponent<import("../../../engines
 } & Omit<import("../../../components/TextField/TextField.types").LabelProps, "label">> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value" | "placeholder" | "onChange" | "onScroll" | "defaultValue"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "appearance">) & {
+    appearance: "clear";
+})) & import("react").RefAttributes<HTMLButtonElement>>;
 export { Select };
 //# sourceMappingURL=Select.d.ts.map