import { Plugin } from '@design-systems/plugin';
import { SyncBailHook } from 'tapable';
import CleanCSS from 'clean-css';
import postcss from 'postcss';
import { SuccessState } from './babel';
export interface BuildArgs {
    /** Start the build in watch mode */
    watch: boolean;
    /** Directory with all the source files */
    inputDirectory: string;
    /** Directory to place all the build files */
    outputDirectory: string;
    /** The name of the concatenated css for the component */
    cssMain: string;
    /** What files to ignore during the build. */
    ignore: string | string[];
}
export { getPostCssConfig, getPostCssConfigSync } from './postcss';
export { getBabelConfig, getBabelOptions } from './babel';
/**
 * Build looks for js and css files in src/ and outputs a CJS, ESM, and CSS builds to /dist.
 * By default the same folder structure is maintained.
 *
 * - css files are replaced with their js equivalent.
 * - ESM builds use the .mjs extension, CJS uses .js.
 */
export default class BuildPlugin implements Plugin<BuildArgs> {
    hooks: {
        processCSSFiles: SyncBailHook<CleanCSS.Source[], any, any, any>;
    };
    private logger;
    private cssFiles;
    private buildArgs;
    private typescriptCompiler;
    generateCSS: () => Promise<void>;
    getFileList: () => Promise<string[]>;
    transformFile: (file: string) => Promise<void | SuccessState | Map<string, postcss.Result>>;
    onAddOrChanged: (file: string) => Promise<void>;
    onDelete: (file: string) => Promise<void>;
    isIgnored: (filename: string) => string | undefined;
    watch: () => Promise<void>;
    run(args: BuildArgs): Promise<void>;
}
//# sourceMappingURL=index.d.ts.map