import type { CSSProperties } from '../utils/css-engine';
export type LengthPrimitive = string | number;
export interface TokenReference {
    token: string;
    fallback?: LengthPrimitive | TokenReference;
}
export type LengthValue = LengthPrimitive | TokenReference;
export type ResponsiveStrategy = 'mobile-first' | 'desktop-first';
export interface ResponsiveDefinition<T> {
    query: string;
    config: T;
}
export type ResponsiveInput<T> = Array<ResponsiveDefinition<T>> | Record<string, T>;
export interface ResponsiveOptions<T> {
    base?: T;
    strategy?: ResponsiveStrategy;
}
export type CleanupFn = () => void;
export declare function resolveLength(value: LengthValue): string;
export declare function toCssProperty(property: string): string;
export declare function createStyles(): CSSProperties;
export declare function setStyle(styles: CSSProperties, property: string, value: string | number | undefined): void;
export declare function normaliseResponsive<T>(responsive: ResponsiveInput<T>, strategy?: ResponsiveStrategy): {
    definition: ResponsiveDefinition<T>;
    mql: MediaQueryList;
}[];
export declare function observeResponsive<T>(responsive: ResponsiveInput<T>, apply: (config: T) => void, registerCleanup: (fn: CleanupFn) => void, options?: ResponsiveOptions<T>): void;
export declare function extractBreakpointValue(query: string): number;
//# sourceMappingURL=shared.d.ts.map