import type { InspectApplyPayload, InspectMedia } from '../src/editor/inspect';
import type { ResponsiveLayoutDocument, ResponsiveLayoutProperty, ResponsiveLayoutRange, ResponsiveLayoutSourceTarget } from '../src/workspace/source/responsiveContracts';
export const RESPONSIVE_PROPERTIES: readonly ResponsiveLayoutProperty[];
export const RESPONSIVE_COLLAPSED_VALUE: 'none';
export function responsiveSizingProperty(property: string): boolean;
export function responsiveFlexControl(property: string): boolean;
export function sortResponsiveRanges<T extends ResponsiveLayoutRange>(ranges: readonly T[]): T[];
export function responsiveRangePreviewWidth(ranges: readonly ResponsiveLayoutRange[], rangeId: string, preferred?: number): number;
export function describeResponsiveValueContract(property: string, permitted?: readonly string[]): string;
export function responsiveSourcePath(value: unknown): value is string;
export function responsiveMediaQuery(media: InspectMedia): string;
export function responsiveSourceHeader(range: ResponsiveLayoutRange): string;
export function validateResponsiveRanges(ranges: unknown): void;
export function validResponsiveValue(property: string, value: unknown, permitted?: readonly string[]): boolean;
export function validateResponsiveTargets(targets: unknown): void;
export function validateResponsiveState(state: unknown, ranges: readonly ResponsiveLayoutRange[], targets: readonly ResponsiveLayoutSourceTarget[]): asserts state is ResponsiveLayoutDocument;
export function planResponsiveStyleChanges(before: ResponsiveLayoutDocument, after: ResponsiveLayoutDocument, ranges: readonly ResponsiveLayoutRange[], targets: readonly ResponsiveLayoutSourceTarget[]): InspectApplyPayload['styles'];