@pixldocs/canvas-renderer 0.4.0 → 0.4.2

package/dist/index.js

@@ -10755,14 +10755,14 @@ class PixldocsRenderer {
   async renderPdf(templateConfig, options) {
     const svgs = await this.renderAllPageSvgs(templateConfig);
     const { assemblePdfFromSvgs: assemblePdfFromSvgs2 } = await Promise.resolve().then(() => pdfExport);
-    return assemblePdfFromSvgs2(svgs, { title: options == null ? void 0 : options.title });
+    return assemblePdfFromSvgs2(svgs, { title: options == null ? void 0 : options.title, fontBaseUrl: options == null ? void 0 : options.fontBaseUrl });
   }
   /**
    * Resolve from V2 sectionState and render a vector PDF.
    * This is the primary PDF export API — mirrors renderFromForm() but returns a PDF.
    */
   async renderPdfFromForm(options) {
-    const { templateId, formSchemaId, sectionState, themeId, watermark, title } = options;
+    const { templateId, formSchemaId, sectionState, themeId, watermark, title, fontBaseUrl } = options;
     const resolved = await resolveFromForm({
       templateId,
       formSchemaId,
@@ -10779,7 +10779,7 @@ class PixldocsRenderer {
     }
     const svgs = await this.renderAllPageSvgs(configToRender);
     const { assemblePdfFromSvgs: assemblePdfFromSvgs2 } = await Promise.resolve().then(() => pdfExport);
-    return assemblePdfFromSvgs2(svgs, { title: title ?? resolved.config.name });
+    return assemblePdfFromSvgs2(svgs, { title: title ?? resolved.config.name, fontBaseUrl });
   }
   async renderById(templateId, formData, options) {
     const resolved = await resolveTemplateData({
@@ -11233,6 +11233,740 @@ class PixldocsRenderer {
     return null;
   }
 }
+const FONT_WEIGHT_LABELS = {
+  300: "Light",
+  400: "Regular",
+  500: "Medium",
+  600: "SemiBold",
+  700: "Bold"
+};
+function resolveFontWeight(weight) {
+  if (weight <= 350) return 300;
+  if (weight <= 450) return 400;
+  if (weight <= 550) return 500;
+  if (weight <= 650) return 600;
+  return 700;
+}
+const FONT_FALLBACK_SYMBOLS = "Noto Sans";
+const FONT_FALLBACK_DEVANAGARI = "Hind";
+const FONT_FILES = {
+  "Playfair Display": {
+    regular: "PlayfairDisplay-Regular.ttf",
+    bold: "PlayfairDisplay-Bold.ttf",
+    italic: "PlayfairDisplay-Italic.ttf",
+    boldItalic: "PlayfairDisplay-BoldItalic.ttf"
+  },
+  "Merriweather": {
+    regular: "Merriweather-Regular.ttf",
+    bold: "Merriweather-Bold.ttf",
+    light: "Merriweather-Light.ttf",
+    italic: "Merriweather-Italic.ttf",
+    boldItalic: "Merriweather-BoldItalic.ttf",
+    lightItalic: "Merriweather-LightItalic.ttf"
+  },
+  "Lora": {
+    regular: "Lora-Regular.ttf",
+    bold: "Lora-Bold.ttf",
+    italic: "Lora-Italic.ttf",
+    boldItalic: "Lora-BoldItalic.ttf"
+  },
+  "Montserrat": {
+    regular: "Montserrat-Regular.ttf",
+    bold: "Montserrat-Bold.ttf",
+    light: "Montserrat-Light.ttf",
+    medium: "Montserrat-Medium.ttf",
+    semibold: "Montserrat-SemiBold.ttf",
+    italic: "Montserrat-Italic.ttf",
+    boldItalic: "Montserrat-BoldItalic.ttf",
+    lightItalic: "Montserrat-LightItalic.ttf",
+    mediumItalic: "Montserrat-MediumItalic.ttf",
+    semiboldItalic: "Montserrat-SemiBoldItalic.ttf"
+  },
+  "Open Sans": {
+    regular: "OpenSans-Regular.ttf",
+    bold: "OpenSans-Bold.ttf",
+    light: "OpenSans-Light.ttf",
+    semibold: "OpenSans-SemiBold.ttf",
+    italic: "OpenSans-Italic.ttf",
+    boldItalic: "OpenSans-BoldItalic.ttf",
+    lightItalic: "OpenSans-LightItalic.ttf",
+    semiboldItalic: "OpenSans-SemiBoldItalic.ttf"
+  },
+  "Roboto": {
+    regular: "Roboto-Regular.ttf",
+    bold: "Roboto-Bold.ttf",
+    light: "Roboto-Light.ttf",
+    medium: "Roboto-Medium.ttf",
+    italic: "Roboto-Italic.ttf",
+    boldItalic: "Roboto-BoldItalic.ttf",
+    lightItalic: "Roboto-LightItalic.ttf",
+    mediumItalic: "Roboto-MediumItalic.ttf"
+  },
+  "Lato": {
+    regular: "Lato-Regular.ttf",
+    bold: "Lato-Bold.ttf",
+    light: "Lato-Light.ttf",
+    italic: "Lato-Italic.ttf",
+    boldItalic: "Lato-BoldItalic.ttf",
+    lightItalic: "Lato-LightItalic.ttf"
+  },
+  "Raleway": {
+    regular: "Raleway-Regular.ttf",
+    bold: "Raleway-Bold.ttf",
+    light: "Raleway-Light.ttf",
+    medium: "Raleway-Medium.ttf",
+    semibold: "Raleway-SemiBold.ttf",
+    italic: "Raleway-Italic.ttf",
+    boldItalic: "Raleway-BoldItalic.ttf",
+    lightItalic: "Raleway-LightItalic.ttf"
+  },
+  "Poppins": {
+    regular: "Poppins-Regular.ttf",
+    bold: "Poppins-Bold.ttf",
+    light: "Poppins-Light.ttf",
+    medium: "Poppins-Medium.ttf",
+    semibold: "Poppins-SemiBold.ttf",
+    italic: "Poppins-Italic.ttf",
+    boldItalic: "Poppins-BoldItalic.ttf",
+    lightItalic: "Poppins-LightItalic.ttf",
+    mediumItalic: "Poppins-MediumItalic.ttf",
+    semiboldItalic: "Poppins-SemiBoldItalic.ttf"
+  },
+  "Inter": {
+    regular: "Inter-Regular.ttf",
+    bold: "Inter-Bold.ttf",
+    italic: "Inter-Italic.ttf",
+    boldItalic: "Inter-BoldItalic.ttf"
+  },
+  "Nunito": {
+    regular: "Nunito-Regular.ttf",
+    bold: "Nunito-Bold.ttf",
+    light: "Nunito-Light.ttf",
+    medium: "Nunito-Medium.ttf",
+    semibold: "Nunito-SemiBold.ttf",
+    italic: "Nunito-Italic.ttf",
+    boldItalic: "Nunito-BoldItalic.ttf"
+  },
+  "Source Sans Pro": {
+    regular: "SourceSansPro-Regular.ttf",
+    bold: "SourceSansPro-Bold.ttf",
+    light: "SourceSansPro-Light.ttf",
+    italic: "SourceSansPro-Italic.ttf",
+    boldItalic: "SourceSansPro-BoldItalic.ttf"
+  },
+  "Work Sans": {
+    regular: "WorkSans-Regular.ttf",
+    bold: "WorkSans-Bold.ttf",
+    italic: "WorkSans-Italic.ttf",
+    boldItalic: "WorkSans-BoldItalic.ttf"
+  },
+  "Oswald": { regular: "Oswald-Regular.ttf", bold: "Oswald-Bold.ttf" },
+  "Bebas Neue": { regular: "BebasNeue-Regular.ttf" },
+  "Abril Fatface": { regular: "AbrilFatface-Regular.ttf" },
+  "Dancing Script": { regular: "DancingScript-Regular.ttf", bold: "DancingScript-Bold.ttf" },
+  "Pacifico": { regular: "Pacifico-Regular.ttf" },
+  "Great Vibes": { regular: "GreatVibes-Regular.ttf" },
+  "DM Sans": {
+    regular: "DMSans-Regular.ttf",
+    bold: "DMSans-Bold.ttf",
+    light: "DMSans-Light.ttf",
+    medium: "DMSans-Medium.ttf",
+    semibold: "DMSans-SemiBold.ttf",
+    italic: "DMSans-RegularItalic.ttf",
+    boldItalic: "DMSans-BoldItalic.ttf",
+    lightItalic: "DMSans-LightItalic.ttf",
+    mediumItalic: "DMSans-MediumItalic.ttf",
+    semiboldItalic: "DMSans-SemiBoldItalic.ttf"
+  },
+  "Outfit": {
+    regular: "Outfit-Regular.ttf",
+    bold: "Outfit-Bold.ttf",
+    light: "Outfit-Light.ttf",
+    medium: "Outfit-Medium.ttf",
+    semibold: "Outfit-SemiBold.ttf"
+  },
+  "Figtree": {
+    regular: "Figtree-Regular.ttf",
+    bold: "Figtree-Bold.ttf",
+    light: "Figtree-Light.ttf",
+    medium: "Figtree-Medium.ttf",
+    semibold: "Figtree-SemiBold.ttf",
+    italic: "Figtree-RegularItalic.ttf",
+    boldItalic: "Figtree-BoldItalic.ttf",
+    lightItalic: "Figtree-LightItalic.ttf",
+    mediumItalic: "Figtree-MediumItalic.ttf",
+    semiboldItalic: "Figtree-SemiBoldItalic.ttf"
+  },
+  "Manrope": {
+    regular: "Manrope-Regular.ttf",
+    bold: "Manrope-Bold.ttf",
+    light: "Manrope-Light.ttf",
+    medium: "Manrope-Medium.ttf",
+    semibold: "Manrope-SemiBold.ttf"
+  },
+  "Space Grotesk": {
+    regular: "SpaceGrotesk-Regular.ttf",
+    bold: "SpaceGrotesk-Bold.ttf",
+    light: "SpaceGrotesk-Light.ttf",
+    medium: "SpaceGrotesk-Medium.ttf",
+    semibold: "SpaceGrotesk-SemiBold.ttf"
+  },
+  "League Spartan": {
+    regular: "LeagueSpartan-Regular.ttf",
+    bold: "LeagueSpartan-Bold.ttf",
+    light: "LeagueSpartan-Light.ttf",
+    medium: "LeagueSpartan-Medium.ttf",
+    semibold: "LeagueSpartan-SemiBold.ttf"
+  },
+  "EB Garamond": {
+    regular: "EBGaramond-Regular.ttf",
+    bold: "EBGaramond-Bold.ttf",
+    medium: "EBGaramond-Medium.ttf",
+    semibold: "EBGaramond-SemiBold.ttf",
+    italic: "EBGaramond-RegularItalic.ttf",
+    boldItalic: "EBGaramond-BoldItalic.ttf",
+    mediumItalic: "EBGaramond-MediumItalic.ttf",
+    semiboldItalic: "EBGaramond-SemiBoldItalic.ttf"
+  },
+  "Libre Baskerville": {
+    regular: "LibreBaskerville-Regular.ttf",
+    bold: "LibreBaskerville-Bold.ttf",
+    italic: "LibreBaskerville-RegularItalic.ttf",
+    boldItalic: "LibreBaskerville-BoldItalic.ttf"
+  },
+  "Crimson Text": {
+    regular: "CrimsonText-Regular.ttf",
+    bold: "CrimsonText-Bold.ttf",
+    italic: "CrimsonText-Italic.ttf",
+    boldItalic: "CrimsonText-BoldItalic.ttf"
+  },
+  "DM Serif Display": {
+    regular: "DMSerifDisplay-Regular.ttf",
+    italic: "DMSerifDisplay-Italic.ttf"
+  },
+  "Libre Franklin": {
+    regular: "LibreFranklin-Regular.ttf",
+    bold: "LibreFranklin-Bold.ttf",
+    light: "LibreFranklin-Light.ttf",
+    medium: "LibreFranklin-Medium.ttf",
+    semibold: "LibreFranklin-SemiBold.ttf",
+    italic: "LibreFranklin-RegularItalic.ttf",
+    boldItalic: "LibreFranklin-BoldItalic.ttf",
+    lightItalic: "LibreFranklin-LightItalic.ttf",
+    mediumItalic: "LibreFranklin-MediumItalic.ttf",
+    semiboldItalic: "LibreFranklin-SemiBoldItalic.ttf"
+  },
+  "Mulish": {
+    regular: "Mulish-Regular.ttf",
+    bold: "Mulish-Bold.ttf",
+    light: "Mulish-Light.ttf",
+    medium: "Mulish-Medium.ttf",
+    semibold: "Mulish-SemiBold.ttf",
+    italic: "Mulish-RegularItalic.ttf",
+    boldItalic: "Mulish-BoldItalic.ttf",
+    lightItalic: "Mulish-LightItalic.ttf",
+    mediumItalic: "Mulish-MediumItalic.ttf",
+    semiboldItalic: "Mulish-SemiBoldItalic.ttf"
+  },
+  "Quicksand": {
+    regular: "Quicksand-Regular.ttf",
+    bold: "Quicksand-Bold.ttf",
+    light: "Quicksand-Light.ttf",
+    medium: "Quicksand-Medium.ttf",
+    semibold: "Quicksand-SemiBold.ttf"
+  },
+  "Rubik": {
+    regular: "Rubik-Regular.ttf",
+    bold: "Rubik-Bold.ttf",
+    light: "Rubik-Light.ttf",
+    medium: "Rubik-Medium.ttf",
+    semibold: "Rubik-SemiBold.ttf",
+    italic: "Rubik-RegularItalic.ttf",
+    boldItalic: "Rubik-BoldItalic.ttf",
+    lightItalic: "Rubik-LightItalic.ttf",
+    mediumItalic: "Rubik-MediumItalic.ttf",
+    semiboldItalic: "Rubik-SemiBoldItalic.ttf"
+  },
+  "Karla": {
+    regular: "Karla-Regular.ttf",
+    bold: "Karla-Bold.ttf",
+    light: "Karla-Light.ttf",
+    medium: "Karla-Medium.ttf",
+    semibold: "Karla-SemiBold.ttf",
+    italic: "Karla-RegularItalic.ttf",
+    boldItalic: "Karla-BoldItalic.ttf",
+    lightItalic: "Karla-LightItalic.ttf",
+    mediumItalic: "Karla-MediumItalic.ttf",
+    semiboldItalic: "Karla-SemiBoldItalic.ttf"
+  },
+  "Plus Jakarta Sans": {
+    regular: "PlusJakartaSans-Regular.ttf",
+    bold: "PlusJakartaSans-Bold.ttf",
+    light: "PlusJakartaSans-Light.ttf",
+    medium: "PlusJakartaSans-Medium.ttf",
+    semibold: "PlusJakartaSans-SemiBold.ttf",
+    italic: "PlusJakartaSans-RegularItalic.ttf",
+    boldItalic: "PlusJakartaSans-BoldItalic.ttf",
+    lightItalic: "PlusJakartaSans-LightItalic.ttf",
+    mediumItalic: "PlusJakartaSans-MediumItalic.ttf",
+    semiboldItalic: "PlusJakartaSans-SemiBoldItalic.ttf"
+  },
+  "Sora": {
+    regular: "Sora-Regular.ttf",
+    bold: "Sora-Bold.ttf",
+    light: "Sora-Light.ttf",
+    medium: "Sora-Medium.ttf",
+    semibold: "Sora-SemiBold.ttf"
+  },
+  "Urbanist": {
+    regular: "Urbanist-Regular.ttf",
+    bold: "Urbanist-Bold.ttf",
+    light: "Urbanist-Light.ttf",
+    medium: "Urbanist-Medium.ttf",
+    semibold: "Urbanist-SemiBold.ttf",
+    italic: "Urbanist-RegularItalic.ttf",
+    boldItalic: "Urbanist-BoldItalic.ttf",
+    lightItalic: "Urbanist-LightItalic.ttf",
+    mediumItalic: "Urbanist-MediumItalic.ttf",
+    semiboldItalic: "Urbanist-SemiBoldItalic.ttf"
+  },
+  "Lexend": {
+    regular: "Lexend-Regular.ttf",
+    bold: "Lexend-Bold.ttf",
+    light: "Lexend-Light.ttf",
+    medium: "Lexend-Medium.ttf",
+    semibold: "Lexend-SemiBold.ttf"
+  },
+  "Albert Sans": {
+    regular: "AlbertSans-Regular.ttf",
+    bold: "AlbertSans-Bold.ttf",
+    light: "AlbertSans-Light.ttf",
+    medium: "AlbertSans-Medium.ttf",
+    semibold: "AlbertSans-SemiBold.ttf",
+    italic: "AlbertSans-RegularItalic.ttf",
+    boldItalic: "AlbertSans-BoldItalic.ttf",
+    lightItalic: "AlbertSans-LightItalic.ttf",
+    mediumItalic: "AlbertSans-MediumItalic.ttf",
+    semiboldItalic: "AlbertSans-SemiBoldItalic.ttf"
+  },
+  "Noto Sans": {
+    regular: "NotoSans-Regular.ttf",
+    bold: "NotoSans-Bold.ttf",
+    light: "NotoSans-Light.ttf",
+    medium: "NotoSans-Medium.ttf",
+    semibold: "NotoSans-SemiBold.ttf",
+    italic: "NotoSans-RegularItalic.ttf",
+    boldItalic: "NotoSans-BoldItalic.ttf",
+    lightItalic: "NotoSans-LightItalic.ttf",
+    mediumItalic: "NotoSans-MediumItalic.ttf",
+    semiboldItalic: "NotoSans-SemiBoldItalic.ttf"
+  },
+  "Cabin": {
+    regular: "Cabin-Regular.ttf",
+    bold: "Cabin-Bold.ttf",
+    medium: "Cabin-Medium.ttf",
+    semibold: "Cabin-SemiBold.ttf",
+    italic: "Cabin-RegularItalic.ttf",
+    boldItalic: "Cabin-BoldItalic.ttf",
+    mediumItalic: "Cabin-MediumItalic.ttf",
+    semiboldItalic: "Cabin-SemiBoldItalic.ttf"
+  },
+  "Barlow": {
+    regular: "Barlow-Regular.ttf",
+    bold: "Barlow-Bold.ttf",
+    light: "Barlow-Light.ttf",
+    medium: "Barlow-Medium.ttf",
+    semibold: "Barlow-SemiBold.ttf",
+    italic: "Barlow-Italic.ttf",
+    boldItalic: "Barlow-BoldItalic.ttf"
+  },
+  "Josefin Sans": {
+    regular: "JosefinSans-Regular.ttf",
+    bold: "JosefinSans-Bold.ttf",
+    light: "JosefinSans-Light.ttf",
+    medium: "JosefinSans-Medium.ttf",
+    semibold: "JosefinSans-SemiBold.ttf",
+    italic: "JosefinSans-RegularItalic.ttf",
+    boldItalic: "JosefinSans-BoldItalic.ttf",
+    lightItalic: "JosefinSans-LightItalic.ttf",
+    mediumItalic: "JosefinSans-MediumItalic.ttf",
+    semiboldItalic: "JosefinSans-SemiBoldItalic.ttf"
+  },
+  "Archivo": {
+    regular: "Archivo-Regular.ttf",
+    bold: "Archivo-Bold.ttf",
+    light: "Archivo-Light.ttf",
+    medium: "Archivo-Medium.ttf",
+    semibold: "Archivo-SemiBold.ttf",
+    italic: "Archivo-RegularItalic.ttf",
+    boldItalic: "Archivo-BoldItalic.ttf",
+    lightItalic: "Archivo-LightItalic.ttf",
+    mediumItalic: "Archivo-MediumItalic.ttf",
+    semiboldItalic: "Archivo-SemiBoldItalic.ttf"
+  },
+  "Overpass": {
+    regular: "Overpass-Regular.ttf",
+    bold: "Overpass-Bold.ttf",
+    light: "Overpass-Light.ttf",
+    medium: "Overpass-Medium.ttf",
+    semibold: "Overpass-SemiBold.ttf",
+    italic: "Overpass-RegularItalic.ttf",
+    boldItalic: "Overpass-BoldItalic.ttf",
+    lightItalic: "Overpass-LightItalic.ttf",
+    mediumItalic: "Overpass-MediumItalic.ttf",
+    semiboldItalic: "Overpass-SemiBoldItalic.ttf"
+  },
+  "Exo 2": {
+    regular: "Exo2-Regular.ttf",
+    bold: "Exo2-Bold.ttf",
+    light: "Exo2-Light.ttf",
+    medium: "Exo2-Medium.ttf",
+    semibold: "Exo2-SemiBold.ttf",
+    italic: "Exo2-RegularItalic.ttf",
+    boldItalic: "Exo2-BoldItalic.ttf",
+    lightItalic: "Exo2-LightItalic.ttf",
+    mediumItalic: "Exo2-MediumItalic.ttf",
+    semiboldItalic: "Exo2-SemiBoldItalic.ttf"
+  },
+  "Roboto Mono": {
+    regular: "RobotoMono-Regular.ttf",
+    bold: "RobotoMono-Bold.ttf",
+    light: "RobotoMono-Light.ttf",
+    medium: "RobotoMono-Medium.ttf",
+    semibold: "RobotoMono-SemiBold.ttf",
+    italic: "RobotoMono-RegularItalic.ttf",
+    boldItalic: "RobotoMono-BoldItalic.ttf",
+    lightItalic: "RobotoMono-LightItalic.ttf",
+    mediumItalic: "RobotoMono-MediumItalic.ttf",
+    semiboldItalic: "RobotoMono-SemiBoldItalic.ttf"
+  },
+  "Fira Code": {
+    regular: "FiraCode-Regular.ttf",
+    bold: "FiraCode-Bold.ttf",
+    light: "FiraCode-Light.ttf",
+    medium: "FiraCode-Medium.ttf",
+    semibold: "FiraCode-SemiBold.ttf"
+  },
+  "JetBrains Mono": {
+    regular: "JetBrainsMono-Regular.ttf",
+    bold: "JetBrainsMono-Bold.ttf",
+    light: "JetBrainsMono-Light.ttf",
+    medium: "JetBrainsMono-Medium.ttf",
+    semibold: "JetBrainsMono-SemiBold.ttf",
+    italic: "JetBrainsMono-RegularItalic.ttf",
+    boldItalic: "JetBrainsMono-BoldItalic.ttf",
+    lightItalic: "JetBrainsMono-LightItalic.ttf",
+    mediumItalic: "JetBrainsMono-MediumItalic.ttf",
+    semiboldItalic: "JetBrainsMono-SemiBoldItalic.ttf"
+  },
+  "Source Code Pro": {
+    regular: "SourceCodePro-Regular.ttf",
+    bold: "SourceCodePro-Bold.ttf",
+    light: "SourceCodePro-Light.ttf",
+    medium: "SourceCodePro-Medium.ttf",
+    semibold: "SourceCodePro-SemiBold.ttf",
+    italic: "SourceCodePro-RegularItalic.ttf",
+    boldItalic: "SourceCodePro-BoldItalic.ttf",
+    lightItalic: "SourceCodePro-LightItalic.ttf",
+    mediumItalic: "SourceCodePro-MediumItalic.ttf",
+    semiboldItalic: "SourceCodePro-SemiBoldItalic.ttf"
+  },
+  "IBM Plex Mono": {
+    regular: "IBMPlexMono-Regular.ttf",
+    bold: "IBMPlexMono-Bold.ttf"
+  },
+  "Space Mono": {
+    regular: "SpaceMono-Regular.ttf",
+    bold: "SpaceMono-Bold.ttf",
+    italic: "SpaceMono-Italic.ttf",
+    boldItalic: "SpaceMono-BoldItalic.ttf"
+  },
+  "Sacramento": { regular: "Sacramento-Regular.ttf" },
+  "Alex Brush": { regular: "AlexBrush-Regular.ttf" },
+  "Allura": { regular: "Allura-Regular.ttf" },
+  "Caveat": {
+    regular: "Caveat-Regular.ttf",
+    bold: "Caveat-Bold.ttf",
+    medium: "Caveat-Medium.ttf",
+    semibold: "Caveat-SemiBold.ttf"
+  },
+  "Lobster": { regular: "Lobster-Regular.ttf" },
+  "Comfortaa": {
+    regular: "Comfortaa-Regular.ttf",
+    bold: "Comfortaa-Bold.ttf",
+    light: "Comfortaa-Light.ttf",
+    medium: "Comfortaa-Medium.ttf",
+    semibold: "Comfortaa-SemiBold.ttf"
+  },
+  "Anton": { regular: "Anton-Regular.ttf" },
+  "Teko": {
+    regular: "Teko-Regular.ttf",
+    bold: "Teko-Bold.ttf",
+    light: "Teko-Light.ttf",
+    medium: "Teko-Medium.ttf",
+    semibold: "Teko-SemiBold.ttf"
+  },
+  "Noto Sans Devanagari": {
+    regular: "NotoSansDevanagari-Regular.ttf",
+    bold: "NotoSansDevanagari-Bold.ttf",
+    light: "NotoSansDevanagari-Light.ttf",
+    medium: "NotoSansDevanagari-Medium.ttf",
+    semibold: "NotoSansDevanagari-SemiBold.ttf"
+  },
+  "Hind": {
+    regular: "Hind-Regular.ttf",
+    bold: "Hind-Bold.ttf",
+    light: "Hind-Light.ttf",
+    medium: "Hind-Medium.ttf",
+    semibold: "Hind-SemiBold.ttf"
+  },
+  "Cinzel": { regular: "Cinzel-Regular.ttf", bold: "Cinzel-Bold.ttf" },
+  "Cormorant Garamond": {
+    regular: "CormorantGaramond-Regular.ttf",
+    bold: "CormorantGaramond-Bold.ttf",
+    light: "CormorantGaramond-Light.ttf",
+    medium: "CormorantGaramond-Medium.ttf",
+    semibold: "CormorantGaramond-SemiBold.ttf",
+    italic: "CormorantGaramond-Italic.ttf",
+    boldItalic: "CormorantGaramond-BoldItalic.ttf"
+  }
+};
+const WEIGHT_TO_KEYS = {
+  300: ["light", "regular"],
+  400: ["regular"],
+  500: ["medium", "regular"],
+  600: ["semibold", "bold", "regular"],
+  700: ["bold", "regular"]
+};
+const WEIGHT_TO_ITALIC_KEYS = {
+  300: ["lightItalic", "italic", "light", "regular"],
+  400: ["italic", "regular"],
+  500: ["mediumItalic", "italic", "medium", "regular"],
+  600: ["semiboldItalic", "boldItalic", "italic", "semibold", "bold", "regular"],
+  700: ["boldItalic", "italic", "bold", "regular"]
+};
+function getFontPathForWeight(files, weight, isItalic = false) {
+  const keys = isItalic ? WEIGHT_TO_ITALIC_KEYS[weight] : WEIGHT_TO_KEYS[weight];
+  if (!keys) return files.regular;
+  for (const k of keys) {
+    const path = files[k];
+    if (path) return path;
+  }
+  return files.regular;
+}
+function isItalicPath(files, path) {
+  return path === files.italic || path === files.boldItalic || path === files.lightItalic || path === files.mediumItalic || path === files.semiboldItalic;
+}
+function getJsPDFFontName(fontName) {
+  return fontName.replace(/\s+/g, "");
+}
+function getEmbeddedJsPDFFontName(fontName, weight, isItalic = false) {
+  const resolved = resolveFontWeight(weight);
+  const label = FONT_WEIGHT_LABELS[resolved];
+  const italicSuffix = isItalic ? "Italic" : "";
+  return `${getJsPDFFontName(fontName)}-${label}${italicSuffix}`;
+}
+function isFontAvailable(fontName) {
+  return fontName in FONT_FILES;
+}
+const ttfCache = /* @__PURE__ */ new Map();
+async function fetchTTFAsBase64(url) {
+  const cached = ttfCache.get(url);
+  if (cached) return cached;
+  try {
+    const res = await fetch(url);
+    if (!res.ok) return null;
+    const buf = await res.arrayBuffer();
+    const bytes = new Uint8Array(buf);
+    let binary = "";
+    for (let i = 0; i < bytes.length; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    const b64 = btoa(binary);
+    ttfCache.set(url, b64);
+    return b64;
+  } catch {
+    return null;
+  }
+}
+async function embedFont(pdf, fontName, weight, fontBaseUrl, isItalic = false) {
+  const fontFiles = FONT_FILES[fontName];
+  if (!fontFiles) return false;
+  const baseUrl = fontBaseUrl.endsWith("/") ? fontBaseUrl : fontBaseUrl + "/";
+  const resolvedWeight = resolveFontWeight(weight);
+  const fontPath = getFontPathForWeight(fontFiles, resolvedWeight, isItalic);
+  if (!fontPath) return false;
+  const hasItalicFile = isItalic && isItalicPath(fontFiles, fontPath);
+  const jsPdfFontName = getEmbeddedJsPDFFontName(fontName, weight, hasItalicFile);
+  const label = FONT_WEIGHT_LABELS[resolvedWeight];
+  const italicSuffix = hasItalicFile ? "Italic" : "";
+  const fileName = `${getJsPDFFontName(fontName)}-${label}${italicSuffix}.ttf`;
+  const url = baseUrl + fontPath;
+  try {
+    const b64 = await fetchTTFAsBase64(url);
+    if (!b64) return false;
+    pdf.addFileToVFS(fileName, b64);
+    pdf.addFont(fileName, jsPdfFontName, "normal");
+    if (fontName !== jsPdfFontName) {
+      try {
+        pdf.addFont(fileName, fontName, "normal");
+      } catch {
+      }
+    }
+    return true;
+  } catch (e) {
+    console.warn(`[pdf-fonts] Failed to embed ${fontName} w${weight}:`, e);
+    return false;
+  }
+}
+async function embedFontsForConfig(pdf, config, fontBaseUrl) {
+  const fontKeys = /* @__PURE__ */ new Set();
+  const SEP = "";
+  const walkElements = (elements) => {
+    for (const el of elements) {
+      if (el.fontFamily) {
+        const w = resolveFontWeight(el.fontWeight ?? 400);
+        fontKeys.add(`${el.fontFamily}${SEP}${w}`);
+      }
+      if (el.styles && typeof el.styles === "object") {
+        for (const lineKey of Object.keys(el.styles)) {
+          const lineStyles = el.styles[lineKey];
+          if (lineStyles && typeof lineStyles === "object") {
+            for (const charKey of Object.keys(lineStyles)) {
+              const s = lineStyles[charKey];
+              if (s == null ? void 0 : s.fontFamily) {
+                const w = resolveFontWeight(s.fontWeight ?? 400);
+                fontKeys.add(`${s.fontFamily}${SEP}${w}`);
+              }
+            }
+          }
+        }
+      }
+      if (el.children) walkElements(el.children);
+      if (el.objects) walkElements(el.objects);
+    }
+  };
+  for (const page of (config == null ? void 0 : config.pages) || []) {
+    if (page.children) walkElements(page.children);
+    if (page.elements) walkElements(page.elements);
+  }
+  fontKeys.add(`${FONT_FALLBACK_SYMBOLS}${SEP}400`);
+  for (const w of [300, 400, 500, 600, 700]) {
+    fontKeys.add(`${FONT_FALLBACK_DEVANAGARI}${SEP}${w}`);
+  }
+  const embedded = /* @__PURE__ */ new Set();
+  const tasks = [];
+  for (const key of fontKeys) {
+    const sep = key.indexOf(SEP);
+    const fontName = key.slice(0, sep);
+    const weight = parseInt(key.slice(sep + 1), 10);
+    if (!isFontAvailable(fontName)) continue;
+    tasks.push(
+      embedFont(pdf, fontName, weight, fontBaseUrl).then((ok) => {
+        if (ok) embedded.add(key);
+      })
+    );
+  }
+  await Promise.all(tasks);
+  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants from config`);
+  return embedded;
+}
+function rewriteSvgFontsForJsPDF(svgStr) {
+  var _a;
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(svgStr, "image/svg+xml");
+  const textEls = doc.querySelectorAll("text, tspan, textPath");
+  const readStyleToken = (style, prop) => {
+    var _a2;
+    const match = style.match(new RegExp(`${prop}\\s*:\\s*([^;]+)`, "i"));
+    return ((_a2 = match == null ? void 0 : match[1]) == null ? void 0 : _a2.trim()) || null;
+  };
+  const resolveInheritedValue = (el, attr, styleProp = attr) => {
+    var _a2;
+    let current = el;
+    while (current) {
+      const attrVal = (_a2 = current.getAttribute(attr)) == null ? void 0 : _a2.trim();
+      if (attrVal) return attrVal;
+      const styleVal = readStyleToken(current.getAttribute("style") || "", styleProp);
+      if (styleVal) return styleVal;
+      current = current.parentElement;
+    }
+    return null;
+  };
+  for (const el of textEls) {
+    const inlineStyle = el.getAttribute("style") || "";
+    const rawFf = resolveInheritedValue(el, "font-family");
+    if (!rawFf) continue;
+    const clean = (_a = rawFf.split(",")[0]) == null ? void 0 : _a.replace(/['"]/g, "").trim();
+    if (!isFontAvailable(clean)) continue;
+    const weightRaw = resolveInheritedValue(el, "font-weight") || "400";
+    const styleRaw = resolveInheritedValue(el, "font-style") || "normal";
+    const parsedWeight = Number.parseInt(weightRaw, 10);
+    const weight = Number.isFinite(parsedWeight) ? parsedWeight : /bold/i.test(weightRaw) ? 700 : /medium/i.test(weightRaw) ? 500 : /semi/i.test(weightRaw) ? 600 : /light/i.test(weightRaw) ? 300 : 400;
+    const resolved = resolveFontWeight(weight);
+    const isItalic = /italic|oblique/i.test(styleRaw);
+    const jsPdfName = getEmbeddedJsPDFFontName(clean, resolved, isItalic);
+    el.setAttribute("font-family", jsPdfName);
+    el.setAttribute("font-weight", "normal");
+    el.setAttribute("font-style", "normal");
+    const stylePairs = inlineStyle.split(";").map((part) => part.trim()).filter(Boolean).filter((part) => !/^font-family\s*:/i.test(part) && !/^font-weight\s*:/i.test(part) && !/^font-style\s*:/i.test(part));
+    stylePairs.push(`font-family: ${jsPdfName}`);
+    stylePairs.push(`font-weight: normal`);
+    stylePairs.push(`font-style: normal`);
+    el.setAttribute("style", stylePairs.join("; "));
+  }
+  return new XMLSerializer().serializeToString(doc.documentElement);
+}
+function extractFontFamiliesFromSvgs(svgs) {
+  const families = /* @__PURE__ */ new Set();
+  const regex = /font-family[=:]\s*["']?([^"';},]+)/gi;
+  for (const svg of svgs) {
+    let m;
+    while ((m = regex.exec(svg)) !== null) {
+      const raw = m[1].trim().split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+      if (raw && raw !== "serif" && raw !== "sans-serif" && raw !== "monospace") {
+        families.add(raw);
+      }
+    }
+  }
+  return families;
+}
+async function embedFontsInPdf(pdf, fontFamilies, fontBaseUrl) {
+  const embedded = /* @__PURE__ */ new Set();
+  const weights = [300, 400, 500, 600, 700];
+  const tasks = [];
+  for (const family of fontFamilies) {
+    if (!isFontAvailable(family)) {
+      console.warn(`[pdf-fonts] No TTF mapping for "${family}" — will use Helvetica fallback`);
+      continue;
+    }
+    for (const w of weights) {
+      tasks.push(
+        embedFont(pdf, family, w, fontBaseUrl).then((ok) => {
+          if (ok) embedded.add(`${family}${w}`);
+        })
+      );
+    }
+  }
+  await Promise.all(tasks);
+  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants for ${fontFamilies.size} families`);
+  return embedded;
+}
+const pdfFonts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FONT_FALLBACK_DEVANAGARI,
+  FONT_FALLBACK_SYMBOLS,
+  FONT_FILES,
+  FONT_WEIGHT_LABELS,
+  embedFont,
+  embedFontsForConfig,
+  embedFontsInPdf,
+  extractFontFamiliesFromSvgs,
+  getEmbeddedJsPDFFontName,
+  isFontAvailable,
+  resolveFontWeight,
+  rewriteSvgFontsForJsPDF
+}, Symbol.toStringTag, { value: "Module" }));
 const SVG_DRAWABLE_TAGS = /* @__PURE__ */ new Set([
   "path",
   "rect",
@@ -11494,8 +12228,9 @@ function inlineSvgStyleBlockDeclarations(svg) {
     });
   });
   const normalizePresentationValue = (key, value) => {
-    if (["fill", "stroke", "clip-path", "mask", "filter"].includes(key)) return normalizeGradientPaintRef(value);
-    return value;
+    const cleaned = value.replace(/\s*!important\s*$/i, "").trim();
+    if (["fill", "stroke", "clip-path", "mask", "filter"].includes(key)) return normalizeGradientPaintRef(cleaned);
+    return cleaned;
   };
   const applyDeclarations = (elements, declarations) => {
     for (const el of elements) {
@@ -11961,6 +12696,14 @@ function inlineComputedStyles(svg) {
     if (wrap.parentNode) document.body.removeChild(wrap);
   }
 }
+function disambiguateNestedSvgIds(rootSvg) {
+  const nestedSvgs = Array.from(rootSvg.querySelectorAll("svg"));
+  const toProcess = nestedSvgs.filter((s) => s !== rootSvg);
+  if (toProcess.length < 2) return;
+  toProcess.forEach((nested, idx) => {
+    prefixSvgIds(nested, `n${idx}`);
+  });
+}
 function prefixSvgIds(svg, prefix) {
   const safePrefix = String(prefix).replace(/[^a-zA-Z0-9-]/g, "_");
   const idMap = /* @__PURE__ */ new Map();
@@ -12112,6 +12855,63 @@ async function svg2pdfWithDomMount(svg, pdf, opts) {
     if (wrap.parentNode) document.body.removeChild(wrap);
   }
 }
+function convertTextDecorationsToLines(svg) {
+  const doc = svg.ownerDocument;
+  if (!doc) return;
+  let measureCanvas = null;
+  let ctx = null;
+  try {
+    measureCanvas = doc.createElement("canvas");
+    ctx = measureCanvas.getContext("2d");
+  } catch {
+  }
+  const textEls = Array.from(svg.querySelectorAll("text"));
+  for (const textEl of textEls) {
+    const tspans = Array.from(textEl.querySelectorAll("tspan"));
+    if (tspans.length === 0) continue;
+    const textDecOnText = (textEl.getAttribute("text-decoration") || "").toLowerCase();
+    const textStyleDec = (getInlineStyleValue(textEl, "text-decoration") || "").toLowerCase();
+    const textHasUnderline = textDecOnText.includes("underline") || textStyleDec.includes("underline");
+    for (const tspan of tspans) {
+      const tspanDec = (tspan.getAttribute("text-decoration") || "").toLowerCase();
+      const tspanStyleDec = (getInlineStyleValue(tspan, "text-decoration") || "").toLowerCase();
+      const hasUnderline = tspanDec.includes("underline") || tspanStyleDec.includes("underline") || textHasUnderline;
+      if (!hasUnderline) continue;
+      const content = tspan.textContent || "";
+      if (!content.trim()) continue;
+      const xAttr = tspan.getAttribute("x") ?? textEl.getAttribute("x") ?? "0";
+      const yAttr = tspan.getAttribute("y") ?? textEl.getAttribute("y") ?? "0";
+      const x = parseFloat(xAttr) || 0;
+      const y = parseFloat(yAttr) || 0;
+      const fontSize = parseFloat(
+        tspan.getAttribute("font-size") || textEl.getAttribute("font-size") || "16"
+      );
+      const fontFamily = tspan.getAttribute("font-family") || textEl.getAttribute("font-family") || "sans-serif";
+      const fontWeight = tspan.getAttribute("font-weight") || textEl.getAttribute("font-weight") || "normal";
+      const fill = tspan.getAttribute("fill") || textEl.getAttribute("fill") || "#000000";
+      let textWidth;
+      if (ctx) {
+        ctx.font = `${fontWeight} ${fontSize}px ${fontFamily.replace(/'/g, "")}`;
+        textWidth = ctx.measureText(content).width;
+      } else {
+        textWidth = content.length * fontSize * 0.6;
+      }
+      const underlineY = y + fontSize * 0.15;
+      const thickness = Math.max(0.5, fontSize * 0.066667);
+      const line = doc.createElementNS("http://www.w3.org/2000/svg", "line");
+      line.setAttribute("x1", String(x));
+      line.setAttribute("y1", String(underlineY));
+      line.setAttribute("x2", String(x + textWidth));
+      line.setAttribute("y2", String(underlineY));
+      line.setAttribute("stroke", fill.startsWith("url(") ? "#000000" : fill);
+      line.setAttribute("stroke-width", String(thickness));
+      line.setAttribute("fill", "none");
+      if (textEl.parentElement) {
+        textEl.parentElement.insertBefore(line, textEl.nextSibling);
+      }
+    }
+  }
+}
 function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey, options) {
   try {
     const parser = new DOMParser();
@@ -12135,11 +12935,13 @@ function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey, opti
     sanitizeSvgTreeForPdf(svgToDraw);
     normalizeSvgGradientStopOffsets(svgToDraw);
     expandSvgGradientHrefs(svgToDraw);
+    disambiguateNestedSvgIds(svgToDraw);
     prefixSvgIds(svgToDraw, pageKey);
     bakeGroupOpacityIntoChildren(svgToDraw);
     stripSuspiciousFullPageOverlayNodes(svgToDraw);
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
+    convertTextDecorationsToLines(svgToDraw);
     return svgToDraw;
   } catch {
     return null;
@@ -12227,6 +13029,12 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     compress: true
   });
   if (title) pdf.setProperties({ title, creator: "Pixldocs" });
+  const fontBaseUrl = options.fontBaseUrl ?? (typeof window !== "undefined" ? window.location.origin + "/fonts/" : "/fonts/");
+  const { extractFontFamiliesFromSvgs: extractFontFamiliesFromSvgs2 } = await Promise.resolve().then(() => pdfFonts);
+  const fontFamilies = extractFontFamiliesFromSvgs2(svgResults.map((s) => s.svg));
+  if (fontFamilies.size > 0) {
+    await embedFontsInPdf(pdf, fontFamilies, fontBaseUrl);
+  }
   for (let i = 0; i < svgResults.length; i++) {
     const page = svgResults[i];
     if (i > 0) {
@@ -12236,15 +13044,22 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const hasGradient = !!((_b = (_a = page.backgroundGradient) == null ? void 0 : _a.stops) == null ? void 0 : _b.length);
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
-    const svgToDraw = prepareLiveCanvasSvgForPdf(page.svg, page.width, page.height, `page-${i + 1}`, {
+    let processedSvg = prepareLiveCanvasSvgForPdf(page.svg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg
     });
-    if (svgToDraw) {
+    if (processedSvg) {
+      const svgStr = new XMLSerializer().serializeToString(processedSvg);
+      const rewrittenSvg = rewriteSvgFontsForJsPDF(svgStr);
+      const reParser = new DOMParser();
+      const reDoc = reParser.parseFromString(rewrittenSvg, "image/svg+xml");
+      processedSvg = reDoc.documentElement;
+    }
+    if (processedSvg) {
       pdf.setFillColor(0, 0, 0);
       pdf.setDrawColor(0, 0, 0);
       pdf.saveGraphicsState();
-      setPdfColorFromSvg(pdf, svgToDraw);
-      await svg2pdfWithDomMount(svgToDraw, pdf, svg2pdfOpts(0, 0, page.width, page.height));
+      setPdfColorFromSvg(pdf, processedSvg);
+      await svg2pdfWithDomMount(processedSvg, pdf, svg2pdfOpts(0, 0, page.width, page.height));
       pdf.restoreGraphicsState();
       pdf.setFillColor(0, 0, 0);
       pdf.setDrawColor(0, 0, 0);
@@ -12340,6 +13155,9 @@ async function warmTemplateFromForm(options) {
   await warmResolvedTemplateForPreview(resolved.config, { signal, imageProxyUrl });
 }
 export {
+  FONT_FALLBACK_DEVANAGARI,
+  FONT_FALLBACK_SYMBOLS,
+  FONT_FILES,
   PixldocsPreview,
   PixldocsRenderer,
   applyThemeToConfig,
@@ -12347,11 +13165,19 @@ export {
   collectFontDescriptorsFromConfig,
   collectFontsFromConfig,
   collectImageUrls,
+  embedFont,
+  embedFontsForConfig,
+  embedFontsInPdf,
   ensureFontsForResolvedConfig,
+  extractFontFamiliesFromSvgs,
+  getEmbeddedJsPDFFontName,
+  isFontAvailable,
   loadGoogleFontCSS,
   normalizeFontFamily,
+  resolveFontWeight,
   resolveFromForm,
   resolveTemplateData,
+  rewriteSvgFontsForJsPDF,
   warmResolvedTemplateForPreview,
   warmTemplateFromForm
 };