import { CompilerContext } from '../context/index.ts';
export declare function addGlobalCss(context: Pick<CompilerContext, "_globalHydratedCssString" | "apiJsonComponents" | "dir" | "isInStorybook" | "options" | "shouldMinify" | "viteCommand">): string;
export declare const defaultHydratedAttribute = "hydrated";
/**
 * Auto-inject the CSS when in dev server or when building for CDN to remove the
 * need for adding the `<link>` tag. Wrap styles in `@layer{}` to have lower
 * precedence than other styles in the head.
 *
 * @see https://discord.com/channels/1012791295170859069/1274527043614150708
 */
export declare function getGlobalCssInjectionCode(globalCssString: string | undefined, context: Pick<CompilerContext, "_globalHydratedCssString" | "shouldMinify">): string;
/**a
 * Get a CSS string that can be printed into a .css file
 *
 * Global CSS is auto-imported by bundlers. To ensure it is always loaded with
 * lower precedence order than user styles, we wrap it in `@layer{}`.
 *
 * @see https://devtopia.esri.com/WebGIS/arcgis-web-components/discussions/1824#discussioncomment-12625
 */
export declare const getGlobalCssAsString: (context: CompilerContext) => string;