FontProvider

import '@blukavantui/web/theme.css'

import {createFontProvider} from '@blukavantui/web/font-provider';
import '@blukavantui/web/font-provider.css';
export function mount(host:HTMLElement){
  const content=document.createElement('section');
  const heading=document.createElement('h3');heading.textContent='Northstar operations';
  const body=document.createElement('p');body.textContent='Body and heading fonts are configured independently. Content stays readable while fonts load.';
  content.append(heading,body);
  const status=document.createElement('p');status.setAttribute('role','status');host.append(status);
  // Copy @blukavantui/web/dist/fonts to your public/fonts directory.
  // This starter's Vite configuration performs that copy at build time.
  const provider=createFontProvider(host,{
    Scope:'Container',Content:content,BodyFont:'Inter',HeadingFont:'Lora',
    PresetBaseUrl:import.meta.env.BASE_URL+'fonts/',
    // For a custom file, use BodyFont:'Custom', BodyFontFamily:'Brand Sans',
    // BodyFontUrl:'/fonts/brand-sans.woff2', BodyFontWeight:'100 900'.
    // FontFaces adds separate italic faces or Unicode subsets.
  },{Loaded:(body,heading)=>{status.textContent=body+' body / '+heading+' headings loaded.';},Error:message=>{status.textContent=message;}});
  return {destroy(){provider.destroy();status.remove();}};
}

const instance = mount(document.getElementById('example')!)

// When this page or framework component is removed:
// instance.destroy()