Matriz de compatibilidad

La compatibilidad depende del tipo de helper. Foundation no requiere React.

Area	React	Next.js	Vue	Angular	Astro	Vite	Node
SCSS tokens/mixins	Sí	Sí	Sí	Sí	Sí	Sí	No
cx y guards	Sí	Sí	Sí	Sí	Sí	Sí	Sí
DOM/a11y	Sí, en navegador	Solo client-side	Sí, en navegador	Sí, en navegador	Solo client-side	Sí	No
SEO/build HTML	Sí	Sí	Sí	Sí	Sí	Sí	Sí
Metadata DOM client-side	Sí	Solo client-side	Sí	Sí	Solo client-side	Sí	No

Notas por entorno

• React/Vue/Angular: los helpers DOM deben ejecutarse después de montar el componente.
• Next.js/Astro: no uses helpers DOM durante SSR; úsalos en efectos/client scripts.
• Node: usa SEO/build, cx y guards; no uses helpers que acceden a document.
• Vite: compatible con TypeScript, SCSS y scripts postbuild.

Versión de Node recomendada

Para docs y builds del ecosistema se recomienda Node 24.x.

Compatibilidad soportada

• Node: el paquete declara soporte para Node >=20. Los scripts de documentación del ecosistema se validan con Node 24.x.
• Módulos: Foundation se publica como ESM. Los consumidores deben usar importación ESM o un bundler compatible.
• Navegadores: los helpers DOM están pensados para navegadores modernos con soporte de APIs DOM estándar.
• SSR: importar Foundation durante SSR es seguro. Los helpers que modifican document deben ejecutarse solo en cliente o recibir un documentRef explícito.
• Frameworks: Foundation no depende de React, Vue, Angular, Astro ni Next.js. Cada framework decide dónde ejecutar helpers DOM/client-side.