import { InputGroupDividerVariant, InputGroupSize, InputGroupStatus } from './types';
/** 구분선을 사이에 둔 두 칸이 각각 선 쪽에 두는 여백. */
export declare const getInputGroupSpacingBySize: (_size: InputGroupSize) => number;
/** 구분선이 없는 두 칸이 각각 경계 쪽에 두는 여백. */
export declare const getInputGroupTightSpacingBySize: (_size: InputGroupSize) => number;
export declare const getInputGroupDividerLengthBySize: (_size: InputGroupSize) => number;
interface InputGroupInnerSpacingOptions {
    size: InputGroupSize;
    dividerVariant: InputGroupDividerVariant;
}
export declare const getInputGroupInnerSpacing: ({ size, dividerVariant }: InputGroupInnerSpacingOptions) => number;
export declare const input_group_base_css: import("@emotion/react").SerializedStyles;
export declare const getInputGroupSizeStyle: (size: InputGroupSize) => import("@emotion/react").SerializedStyles;
export declare const input_group_default_style: {
    backgroundColor: string;
    border: string;
    color: string;
    '&:hover, &:focus-within': {
        borderColor: string;
    };
};
export declare const input_group_highlighted_style: {
    backgroundColor: string;
    border: string;
    color: string;
    '&:hover, &:focus-within': {
        borderColor: string;
    };
};
export declare const input_group_error_style: {
    border: string;
    '&:hover, &:focus-within': {
        borderColor: string;
    };
};
export declare const input_group_disabled_style: {
    backgroundColor: string;
    border: string;
    color: string;
    cursor: string;
    '&:hover, &:focus-within': {
        borderColor: string;
    };
};
export declare const input_group_highlighted_content_css: import("@emotion/react").SerializedStyles;
export interface InputGroupSegmentStyleOptions {
    /** 이 칸의 왼쪽 여백. 왼쪽 경계를 소유한 그룹이 정해준 값 */
    startSpacing: number;
    /** 이 칸의 오른쪽 여백. 오른쪽 경계를 소유한 그룹이 정해준 값 */
    endSpacing: number;
    /** 이 칸이 필드(가장 바깥 그룹)의 왼쪽 끝에 닿아 있는지 */
    atFieldStart: boolean;
    /** 이 칸이 필드의 오른쪽 끝에 닿아 있는지 */
    atFieldEnd: boolean;
    /**
     * 이 칸이 자기 `width`를 지정했는지, 지정하지 않았다면 '100%' 디폴트 값에서 auto로 되돌림
     */
    hasOwnWidth: boolean;
}
/**
 * 테두리·배경·라운드를 제거하고 필드 안쪽을 빈틈없이 덮게 합니다.
 *
 * `&&`로 특이도를 올려 Input·DropdownLabel이 자기 css에 적어 둔 테두리와
 * hover/focus 분기를 덮도록 합니다.
 */
export declare const getInputGroupSegmentStyle: ({ startSpacing, endSpacing, atFieldStart, atFieldEnd, hasOwnWidth, }: InputGroupSegmentStyleOptions) => import("@emotion/react").SerializedStyles;
/**
 * 중첩 그룹은 여백과 라운드를 자기 자식에게 넘겨야 하므로 부모 스타일을 리셋합니다.
 */
export declare const input_group_nested_css: import("@emotion/react").SerializedStyles;
interface InputGroupDividerColorOptions {
    status?: InputGroupStatus;
    disabled?: boolean;
    dividerVariant: InputGroupDividerVariant;
}
export declare const getInputGroupDividerColor: ({ status, disabled, dividerVariant }: InputGroupDividerColorOptions) => string;
export {};