import { type RecipeVariants } from '@vanilla-extract/recipes';
export declare const flexRoot: import("@vanilla-extract/recipes").RuntimeFn<{
    display: {
        flex: string;
        'inline-flex': string;
    };
    direction: Record<"column" | "column-reverse" | "row" | "row-reverse", string>;
    align: Record<"center" | "normal" | "stretch" | "flex-end" | "flex-start" | "baseline", string>;
    justify: Record<"center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start", string>;
    gap: Record<0 | 2 | 4 | 12 | 14 | 16 | 24 | 40 | 6 | 8 | 10 | 20 | 32 | 36 | 48 | 64 | 80 | 88 | 96 | 112 | 128, string>;
    wrap: Record<"nowrap" | "wrap", string>;
}>;
/**
 * Note: 다이나믹 스타일을 구현하기 위한 style 변수들입니다.
 * vanila extract의 style function은 각각 className을 반환합니다.
 * 모든 스타일을 하나의 style()로 반환하게 되면 아래와 같은 이슈가 있습니다.
 * element.style {
 *     --width__mqo0ua14: 100;
 * }
 * .Flex_heightStyle__mqo0ua1d {
 *     height: var(--height__mqo0ua17); -> --height__mqo0ua17 is not defined
 * }
 * className의 value가 var를 바라보기 때문)
 *
 * 이를 해결하기 위해 각각의 style을 따로 만들어서 사용합니다.
 * 각각의 style은 개별적인 className을 반환하게 되고 getDynmaicClassName 함수를 통해 동적으로 className을 필터링 합니다.
 */
export declare const flexSizeVars: {
    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
    maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
};
export declare const widthStyle: string;
export declare const minWidthStyle: string;
export declare const maxWidthStyle: string;
export declare const heightStyle: string;
export declare const minHeightStyle: string;
export declare const maxHeightStyle: string;
export type FlexRootVariants = RecipeVariants<typeof flexRoot>;
//# sourceMappingURL=Flex.css.d.ts.map