import { type ResponsiveValue } from "../theme/responsiveValue.js";
import type { ThemeBreakpoints } from "../theme/themeTypes.js";
type VariantStylesConstraint = Record<string, ResponsiveValue<string | number> | undefined>;
export interface ResponsiveVariantProperty<TVariantStyles> {
    themeKey: keyof TVariantStyles;
    /** CSS property name(s); defaults to the kebab-case form of `themeKey`. */
    cssProperties?: string | readonly string[];
    unit?: string;
}
/** A variant property is either a bare theme key (CSS name derived) or a descriptor for the exceptions. */
export type ResponsiveVariantProperties<TVariantStyles> = ReadonlyArray<keyof TVariantStyles | ResponsiveVariantProperty<TVariantStyles>>;
interface ResponsiveVariantGroup<TVariantStyles> {
    selector: (variantName: string) => string;
    properties: ResponsiveVariantProperties<TVariantStyles>;
}
interface GenerateResponsiveVariantCssOptions<TVariantStyles> {
    breakpoints: ThemeBreakpoints;
    variants: Record<string, TVariantStyles | undefined> | undefined;
    groups: ReadonlyArray<ResponsiveVariantGroup<TVariantStyles>>;
}
/**
 * Generates `max-width` media-query CSS for a themed component's variant overrides.
 * Returns an empty string when no variant has breakpoint overrides.
 */
export declare function generateResponsiveVariantCss<TVariantStyles extends VariantStylesConstraint>({ breakpoints, variants, groups, }: GenerateResponsiveVariantCssOptions<TVariantStyles>): string;
interface ResponsiveToken {
    value: ResponsiveValue<string | number>;
    cssProperty: string;
    unit?: string;
}
/**
 * Generates `max-width` media-query CSS for theme tokens that are not keyed by variant name.
 * Returns an empty string when no token has breakpoint overrides.
 */
export declare function generateResponsiveTokenCss({ breakpoints, selector, tokens, }: {
    breakpoints: ThemeBreakpoints;
    selector: string;
    tokens: readonly ResponsiveToken[];
}): string;
export {};