How to use type: 'dist-custom-elements' generated component in Angular app?

Angular output targets, angular wrapper for stencils component package not working in Angular when using type: ‘dist-custom-elements’
@stencil/core”: “^2.10.0”,
@stencil/angular-output-target”: “^0.2.0”,

Angular App version: Angular 12
When trying to use Angular output target generated package in Angular app it’s giving below error in Angular app while staring app.

./node_modules/@mc-dxp/dxp-web/dist/components/dxp-button2.js:1:0-83 - Error: Module not found: Error: Can’t resolve ‘@stencil/core/internal/client’ in ‘C:\UI\Projects\Angular\custom-angular\node_modules@mc-dxp\dxp-web\dist\components’

Tried below approach also
import { DxpButton } from ‘@mc-dxp/dxp-web/dist/components/dxp-button’;
customElements.define(‘dxp-button’, DxpButton);

Can someone please help me with this?