/** * Cross-surface responsive breakpoint SSOT (Tailwind v4 Option A defaults). * wide (1440) is test-viewport only — see TEST_VIEWPORTS.wide, not BREAKPOINTS. */ export declare const RESPONSIVE_CONTRACT_VERSION = "1.0.0"; export declare const BREAKPOINTS: { readonly sm: 640; readonly md: 768; readonly lg: 1024; readonly xl: 1280; readonly '2xl': 1536; }; export type BreakpointToken = keyof typeof BREAKPOINTS; /** Semantic density tiers — not 1:1 with Tailwind tokens. */ export declare const RESPONSIVE_TIER_BOUNDS: { readonly compact: { readonly maxWidth: number; }; readonly comfortable: { readonly minWidth: 768; readonly maxWidth: number; }; readonly expanded: { readonly minWidth: 1024; }; }; /** Alias for RESPONSIVE_TIER_BOUNDS — preferred import name in shell code. */ export declare const RESPONSIVE_TIERS: { readonly compact: { readonly maxWidth: number; }; readonly comfortable: { readonly minWidth: 768; readonly maxWidth: number; }; readonly expanded: { readonly minWidth: 1024; }; }; export type ResponsiveTier = keyof typeof RESPONSIVE_TIER_BOUNDS; /** Playwright / acceptance matrix viewports (wide is PO mockup tier only). */ export declare const TEST_VIEWPORTS: { readonly phoneSmall: { readonly width: 320; readonly height: 568; }; readonly phone: { readonly width: 390; readonly height: 844; }; readonly phoneLandscape: { readonly width: 844; readonly height: 390; }; readonly tablet: { readonly width: 768; readonly height: 1024; }; readonly tabletLandscape: { readonly width: 1024; readonly height: 768; }; readonly desktop: { readonly width: 1280; readonly height: 900; }; readonly wide: { readonly width: 1440; readonly height: 900; }; }; export declare function tierFromWidth(widthPx: number): ResponsiveTier; //# sourceMappingURL=breakpoints.d.ts.map