/**
 * Studio follows Tailwind's mobile-first viewport scale. Keeping authored
 * values on the same scale as component classes prevents two definitions of
 * "large" from drifting apart.
 */
export declare const STUDIO_BREAKPOINTS: {
    readonly sm: "40rem";
    readonly md: "48rem";
    readonly lg: "64rem";
    readonly xl: "80rem";
    readonly "2xl": "96rem";
};
export type StudioBreakpoint = keyof typeof STUDIO_BREAKPOINTS;
export declare const STUDIO_BREAKPOINT_NAMES: StudioBreakpoint[];
/** A duplicate-free, JSON-serializable value keyed by minimum viewport. */
export type ResponsiveValue<T> = Partial<Record<StudioBreakpoint, T>>;
export type ResponsiveLength = ResponsiveValue<string>;
export interface TypographyPresentation {
    fontSize?: string;
    lineHeight?: string;
    letterSpacing?: string;
}
export type ResponsiveTypography = ResponsiveValue<TypographyPresentation>;
export interface EdgeInsets {
    top?: string;
    right?: string;
    bottom?: string;
    left?: string;
}
export type ResponsiveEdgeInsets = ResponsiveValue<EdgeInsets>;
export declare function responsiveEntries<T>(values: ResponsiveValue<T> | undefined): Array<[StudioBreakpoint, T]>;
/** Shared static recipes; Tailwind must be able to discover every class. */
export declare const responsiveGapClasses: Record<StudioBreakpoint, string>;
export declare const responsiveFontSizeClasses: Record<StudioBreakpoint, string>;
export declare const responsiveLineHeightClasses: Record<StudioBreakpoint, string>;
export declare const responsiveLetterSpacingClasses: Record<StudioBreakpoint, string>;
type Edge = "top" | "right" | "bottom" | "left";
export declare const responsiveEdgePaddingClasses: Record<StudioBreakpoint, Record<Edge, string>>;
export declare const responsiveMarginBottomClasses: Record<StudioBreakpoint, string>;
export declare const responsiveBackgroundAttachmentClasses: Record<StudioBreakpoint, Record<"scroll" | "fixed", string>>;
export {};
//# sourceMappingURL=responsivePresentation.d.ts.map