@maizzle/framework 6.0.0-rc.7 → 6.0.0-rc.8

package/dist/transformers/inlineCSS.mjs

@@ -12,32 +12,17 @@ import juice from "juice";
 * This is important for email client compatibility (especially Outlook on Windows).
 *
 * Enabled when `css.inline` is set to `true` or an object with options.
-*
-* Options:
-* - removeStyleTags: Remove style tags after inlining (default: false)
-* - removeInlinedSelectors: Remove classes after they've been inlined (default: true)
-* - preferUnitlessValues: Convert 0px, 0em, etc. to 0 (default: true)
-* - safelist: Selectors that should not be removed after inlining
-* - styleToAttribute: Map CSS properties to HTML attributes (e.g., background-color -> bgcolor)
-* - applyWidthAttributes: Add width attributes based on inline CSS (default: true)
-* - applyHeightAttributes: Add height attributes based on inline CSS (default: true)
-* - widthElements: Elements that can receive width attributes (default: ['img', 'video'])
-* - heightElements: Elements that can receive height attributes (default: ['img', 'video'])
-* - excludedProperties: CSS properties to exclude from inlining
-* - codeBlocks: Fenced code blocks to ignore (default: { EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } })
-* - customCSS: Additional CSS to inline
+* All Juice options are supported and passed through directly.
 */
 function inlineCSS(dom, config = {}) {
 	const inline = config.inline;
 	if (!inline) return dom;
-	const options = typeof inline === "object" ? inline : {};
-	const removeStyleTags = options.removeStyleTags ?? false;
-	const customCSS = options.customCSS ?? "";
-	juice.styleToAttribute = options.styleToAttribute ?? {};
-	juice.excludedProperties = ["--tw-shadow", ...options.excludedProperties ?? []];
-	juice.widthElements = (options.widthElements ?? ["img", "video"]).map((i) => i.toUpperCase());
-	juice.heightElements = (options.heightElements ?? ["img", "video"]).map((i) => i.toUpperCase());
-	if (options.codeBlocks && typeof options.codeBlocks === "object") Object.entries(options.codeBlocks).forEach(([key, value]) => {
+	const { preferUnitlessValues = true, safelist, customCSS = "", styleToAttribute, excludedProperties, widthElements, heightElements, codeBlocks, ...juicePassthrough } = typeof inline === "object" ? inline : {};
+	juice.styleToAttribute = styleToAttribute ?? {};
+	juice.excludedProperties = ["--tw-shadow", ...excludedProperties ?? []];
+	juice.widthElements = (widthElements ?? ["img", "video"]).map((i) => i.toUpperCase());
+	juice.heightElements = (heightElements ?? ["img", "video"]).map((i) => i.toUpperCase());
+	if (codeBlocks && typeof codeBlocks === "object") Object.entries(codeBlocks).forEach(([key, value]) => {
 		if (value.start && value.end) juice.codeBlocks[key] = value;
 	});
 	walk(dom, (node) => {
@@ -51,22 +36,19 @@ function inlineCSS(dom, config = {}) {
 	const serialized = serialize(dom);
 	let inlinedHtml;
 	try {
-		const juiceOptions = {
-			removeStyleTags,
-			removeInlinedSelectors: options.removeInlinedSelectors ?? true,
-			preservedSelectors: options.safelist ?? [],
-			applyWidthAttributes: options.applyWidthAttributes ?? true,
-			applyHeightAttributes: options.applyHeightAttributes ?? true
-		};
-		if (customCSS) inlinedHtml = juice(serialized, {
-			...juiceOptions,
-			extraCss: customCSS
+		inlinedHtml = juice(serialized, {
+			removeStyleTags: juicePassthrough.removeStyleTags ?? false,
+			removeInlinedSelectors: juicePassthrough.removeInlinedSelectors ?? true,
+			applyWidthAttributes: juicePassthrough.applyWidthAttributes ?? true,
+			applyHeightAttributes: juicePassthrough.applyHeightAttributes ?? true,
+			preservedSelectors: safelist ?? [],
+			...customCSS ? { extraCss: customCSS } : {},
+			inlineDuplicateProperties: juicePassthrough.inlineDuplicateProperties ?? true,
+			...juicePassthrough
 		});
-		else inlinedHtml = juice(serialized, juiceOptions);
 	} catch {
 		return dom;
 	}
-	const preferUnitlessValues = options.preferUnitlessValues ?? true;
 	const result = parse(inlinedHtml);
 	if (preferUnitlessValues) walk(result, (node) => {
 		const el = node;

package/dist/transformers/inlineCSS.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inlineCSS.mjs","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"sourcesContent":["import juice from 'juice'\nimport { walk, parse, serialize } from '../utils/ast/index.ts'\nimport type { ChildNode, Element } from 'domhandler'\nimport type { Options as JuiceOptions } from 'juice'\nimport type { CssConfig } from '../types/config.ts'\n\ninterface InlineCssOptions {\n  removeStyleTags?: boolean\n  removeInlinedSelectors?: boolean\n  preferUnitlessValues?: boolean\n  safelist?: string[]\n  styleToAttribute?: Record<string, string>\n  applyWidthAttributes?: boolean\n  applyHeightAttributes?: boolean\n  widthElements?: string[]\n  heightElements?: string[]\n  excludedProperties?: string[]\n  codeBlocks?: Record<string, { start: string; end: string }>\n  customCSS?: string\n}\n\n/**\n * Inline CSS transformer.\n *\n * Inlines CSS from `<style>` tags into inline style attributes on HTML elements.\n * This is important for email client compatibility (especially Outlook on Windows).\n *\n * Enabled when `css.inline` is set to `true` or an object with options.\n *\n * Options:\n * - removeStyleTags: Remove style tags after inlining (default: false)\n * - removeInlinedSelectors: Remove classes after they've been inlined (default: true)\n * - preferUnitlessValues: Convert 0px, 0em, etc. to 0 (default: true)\n * - safelist: Selectors that should not be removed after inlining\n * - styleToAttribute: Map CSS properties to HTML attributes (e.g., background-color -> bgcolor)\n * - applyWidthAttributes: Add width attributes based on inline CSS (default: true)\n * - applyHeightAttributes: Add height attributes based on inline CSS (default: true)\n * - widthElements: Elements that can receive width attributes (default: ['img', 'video'])\n * - heightElements: Elements that can receive height attributes (default: ['img', 'video'])\n * - excludedProperties: CSS properties to exclude from inlining\n * - codeBlocks: Fenced code blocks to ignore (default: { EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } })\n * - customCSS: Additional CSS to inline\n */\nexport function inlineCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const inline = config.inline\n\n  // Disabled when inline is falsy or not an object/truthy\n  if (!inline) {\n    return dom\n  }\n\n  // Build options from config\n  const options: InlineCssOptions = typeof inline === 'object' ? inline : {}\n\n  const removeStyleTags = options.removeStyleTags ?? false\n  const customCSS = options.customCSS ?? ''\n\n  // Configure Juice static properties\n  juice.styleToAttribute = options.styleToAttribute ?? {}\n  juice.excludedProperties = ['--tw-shadow', ...(options.excludedProperties ?? [])]\n  juice.widthElements = (options.widthElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n  juice.heightElements = (options.heightElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n\n  // Add custom code blocks\n  if (options.codeBlocks && typeof options.codeBlocks === 'object') {\n    Object.entries(options.codeBlocks).forEach(([key, value]) => {\n      if (value.start && value.end) {\n        juice.codeBlocks[key] = value\n      }\n    })\n  }\n\n  // Handle style tags with embed attributes.\n  // We add a marker attribute that persists through the pipeline,\n  // then restore data-embed from it after Juice runs.\n  walk(dom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      // Sync data-embed ↔ embed\n      if (el.attribs.embed && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      if (el.attribs['data-embed'] && !('embed' in el.attribs)) {\n        el.attribs.embed = ''\n      }\n\n      // Add marker that persists through the pipeline\n      if ('data-embed' in el.attribs) {\n        el.attribs['data-maizzle-embed'] = ''\n      }\n    }\n  })\n\n  // Serialize for juice (juice requires a string)\n  const serialized = serialize(dom)\n\n  let inlinedHtml: string\n\n  try {\n    const juiceOptions: JuiceOptions = {\n      removeStyleTags,\n      removeInlinedSelectors: options.removeInlinedSelectors ?? true,\n      preservedSelectors: options.safelist ?? [],\n      applyWidthAttributes: options.applyWidthAttributes ?? true,\n      applyHeightAttributes: options.applyHeightAttributes ?? true,\n    }\n\n    if (customCSS) {\n      inlinedHtml = juice(serialized, { ...juiceOptions, extraCss: customCSS })\n    } else {\n      inlinedHtml = juice(serialized, juiceOptions)\n    }\n  } catch {\n    // If Juice fails, return the dom unchanged\n    return dom\n  }\n\n  // Post-process for preferUnitlessValues\n  const preferUnitlessValues = options.preferUnitlessValues ?? true\n  const result = parse(inlinedHtml)\n\n  if (preferUnitlessValues) {\n    walk(result, (node) => {\n      const el = node as Element\n      if (el.attribs?.style) {\n        el.attribs.style = el.attribs.style.replace(\n          /\\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\\b/g,\n          '0'\n        )\n      }\n    })\n  }\n\n  // Restore data-embed from our marker, then remove the marker.\n  // The purge step will handle final data-embed/embed removal.\n  walk(result, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs && 'data-maizzle-embed' in el.attribs) {\n      el.attribs['data-embed'] = ''\n      el.attribs.embed = ''\n      delete el.attribs['data-maizzle-embed']\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,UAAU,KAAkB,SAAoB,EAAE,EAAe;CAC/E,MAAM,SAAS,OAAO;AAGtB,KAAI,CAAC,OACH,QAAO;CAIT,MAAM,UAA4B,OAAO,WAAW,WAAW,SAAS,EAAE;CAE1E,MAAM,kBAAkB,QAAQ,mBAAmB;CACnD,MAAM,YAAY,QAAQ,aAAa;AAGvC,OAAM,mBAAmB,QAAQ,oBAAoB,EAAE;AACvD,OAAM,qBAAqB,CAAC,eAAe,GAAI,QAAQ,sBAAsB,EAAE,CAAE;AACjF,OAAM,iBAAiB,QAAQ,iBAAiB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAC3F,OAAM,kBAAkB,QAAQ,kBAAkB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAG7F,KAAI,QAAQ,cAAc,OAAO,QAAQ,eAAe,SACtD,QAAO,QAAQ,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;AAC3D,MAAI,MAAM,SAAS,MAAM,IACvB,OAAM,WAAW,OAAO;GAE1B;AAMJ,MAAK,MAAM,SAAS;EAClB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,SAAS;AAErC,OAAI,GAAG,QAAQ,SAAS,EAAE,gBAAgB,GAAG,SAC3C,IAAG,QAAQ,gBAAgB;AAE7B,OAAI,GAAG,QAAQ,iBAAiB,EAAE,WAAW,GAAG,SAC9C,IAAG,QAAQ,QAAQ;AAIrB,OAAI,gBAAgB,GAAG,QACrB,IAAG,QAAQ,wBAAwB;;GAGvC;CAGF,MAAM,aAAa,UAAU,IAAI;CAEjC,IAAI;AAEJ,KAAI;EACF,MAAM,eAA6B;GACjC;GACA,wBAAwB,QAAQ,0BAA0B;GAC1D,oBAAoB,QAAQ,YAAY,EAAE;GAC1C,sBAAsB,QAAQ,wBAAwB;GACtD,uBAAuB,QAAQ,yBAAyB;GACzD;AAED,MAAI,UACF,eAAc,MAAM,YAAY;GAAE,GAAG;GAAc,UAAU;GAAW,CAAC;MAEzE,eAAc,MAAM,YAAY,aAAa;SAEzC;AAEN,SAAO;;CAIT,MAAM,uBAAuB,QAAQ,wBAAwB;CAC7D,MAAM,SAAS,MAAM,YAAY;AAEjC,KAAI,qBACF,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,MACd,IAAG,QAAQ,QAAQ,GAAG,QAAQ,MAAM,QAClC,4DACA,IACD;GAEH;AAKJ,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,WAAW,wBAAwB,GAAG,SAAS;AAC3E,MAAG,QAAQ,gBAAgB;AAC3B,MAAG,QAAQ,QAAQ;AACnB,UAAO,GAAG,QAAQ;;GAEpB;AAEF,QAAO"}
+{"version":3,"file":"inlineCSS.mjs","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"sourcesContent":["import juice from 'juice'\nimport { walk, parse, serialize } from '../utils/ast/index.ts'\nimport type { ChildNode, Element } from 'domhandler'\nimport type { Options as JuiceOptions } from 'juice'\nimport type { CssConfig } from '../types/config.ts'\n\n/**\n * Inline CSS transformer.\n *\n * Inlines CSS from `<style>` tags into inline style attributes on HTML elements.\n * This is important for email client compatibility (especially Outlook on Windows).\n *\n * Enabled when `css.inline` is set to `true` or an object with options.\n * All Juice options are supported and passed through directly.\n */\nexport function inlineCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const inline = config.inline\n\n  // Disabled when inline is falsy or not an object/truthy\n  if (!inline) {\n    return dom\n  }\n\n  // Build options from config\n  const options = typeof inline === 'object' ? inline : {}\n\n  // Separate Maizzle-specific options from Juice options\n  const {\n    preferUnitlessValues = true,\n    safelist,\n    customCSS = '',\n    styleToAttribute,\n    excludedProperties,\n    widthElements,\n    heightElements,\n    codeBlocks,\n    ...juicePassthrough\n  } = options\n\n  // Configure Juice static properties\n  juice.styleToAttribute = styleToAttribute ?? {}\n  juice.excludedProperties = ['--tw-shadow', ...(excludedProperties ?? [])]\n  juice.widthElements = (widthElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n  juice.heightElements = (heightElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n\n  // Add custom code blocks\n  if (codeBlocks && typeof codeBlocks === 'object') {\n    Object.entries(codeBlocks).forEach(([key, value]) => {\n      if (value.start && value.end) {\n        juice.codeBlocks[key] = value\n      }\n    })\n  }\n\n  // Handle style tags with embed attributes.\n  // We add a marker attribute that persists through the pipeline,\n  // then restore data-embed from it after Juice runs.\n  walk(dom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      // Sync data-embed ↔ embed\n      if (el.attribs.embed && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      if (el.attribs['data-embed'] && !('embed' in el.attribs)) {\n        el.attribs.embed = ''\n      }\n\n      // Add marker that persists through the pipeline\n      if ('data-embed' in el.attribs) {\n        el.attribs['data-maizzle-embed'] = ''\n      }\n    }\n  })\n\n  // Serialize for juice (juice requires a string)\n  const serialized = serialize(dom)\n\n  let inlinedHtml: string\n\n  try {\n    const juiceOptions: JuiceOptions = {\n      removeStyleTags: juicePassthrough.removeStyleTags ?? false,\n      removeInlinedSelectors: juicePassthrough.removeInlinedSelectors ?? true,\n      applyWidthAttributes: juicePassthrough.applyWidthAttributes ?? true,\n      applyHeightAttributes: juicePassthrough.applyHeightAttributes ?? true,\n      preservedSelectors: safelist ?? [],\n      ...customCSS ? { extraCss: customCSS } : {},\n      inlineDuplicateProperties: juicePassthrough.inlineDuplicateProperties ?? true,\n      ...juicePassthrough,\n    }\n\n    inlinedHtml = juice(serialized, juiceOptions)\n  } catch {\n    // If Juice fails, return the dom unchanged\n    return dom\n  }\n\n  // Post-process for preferUnitlessValues\n  const result = parse(inlinedHtml)\n\n  if (preferUnitlessValues) {\n    walk(result, (node) => {\n      const el = node as Element\n      if (el.attribs?.style) {\n        el.attribs.style = el.attribs.style.replace(\n          /\\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\\b/g,\n          '0'\n        )\n      }\n    })\n  }\n\n  // Restore data-embed from our marker, then remove the marker.\n  // The purge step will handle final data-embed/embed removal.\n  walk(result, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs && 'data-maizzle-embed' in el.attribs) {\n      el.attribs['data-embed'] = ''\n      el.attribs.embed = ''\n      delete el.attribs['data-maizzle-embed']\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,UAAU,KAAkB,SAAoB,EAAE,EAAe;CAC/E,MAAM,SAAS,OAAO;AAGtB,KAAI,CAAC,OACH,QAAO;CAOT,MAAM,EACJ,uBAAuB,MACvB,UACA,YAAY,IACZ,kBACA,oBACA,eACA,gBACA,YACA,GAAG,qBAZW,OAAO,WAAW,WAAW,SAAS,EAAE;AAgBxD,OAAM,mBAAmB,oBAAoB,EAAE;AAC/C,OAAM,qBAAqB,CAAC,eAAe,GAAI,sBAAsB,EAAE,CAAE;AACzE,OAAM,iBAAiB,iBAAiB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AACnF,OAAM,kBAAkB,kBAAkB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAGrF,KAAI,cAAc,OAAO,eAAe,SACtC,QAAO,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;AACnD,MAAI,MAAM,SAAS,MAAM,IACvB,OAAM,WAAW,OAAO;GAE1B;AAMJ,MAAK,MAAM,SAAS;EAClB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,SAAS;AAErC,OAAI,GAAG,QAAQ,SAAS,EAAE,gBAAgB,GAAG,SAC3C,IAAG,QAAQ,gBAAgB;AAE7B,OAAI,GAAG,QAAQ,iBAAiB,EAAE,WAAW,GAAG,SAC9C,IAAG,QAAQ,QAAQ;AAIrB,OAAI,gBAAgB,GAAG,QACrB,IAAG,QAAQ,wBAAwB;;GAGvC;CAGF,MAAM,aAAa,UAAU,IAAI;CAEjC,IAAI;AAEJ,KAAI;AAYF,gBAAc,MAAM,YAXe;GACjC,iBAAiB,iBAAiB,mBAAmB;GACrD,wBAAwB,iBAAiB,0BAA0B;GACnE,sBAAsB,iBAAiB,wBAAwB;GAC/D,uBAAuB,iBAAiB,yBAAyB;GACjE,oBAAoB,YAAY,EAAE;GAClC,GAAG,YAAY,EAAE,UAAU,WAAW,GAAG,EAAE;GAC3C,2BAA2B,iBAAiB,6BAA6B;GACzE,GAAG;GACJ,CAE4C;SACvC;AAEN,SAAO;;CAIT,MAAM,SAAS,MAAM,YAAY;AAEjC,KAAI,qBACF,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,MACd,IAAG,QAAQ,QAAQ,GAAG,QAAQ,MAAM,QAClC,4DACA,IACD;GAEH;AAKJ,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,WAAW,wBAAwB,GAAG,SAAS;AAC3E,MAAG,QAAQ,gBAAgB;AAC3B,MAAG,QAAQ,QAAQ;AACnB,UAAO,GAAG,QAAQ;;GAEpB;AAEF,QAAO"}

package/dist/types/config.d.mts

@@ -1,7 +1,8 @@
 import { RemoveValue } from "../plugins/postcss/removeDeclarations.mjs";
+import { Options } from "juice";
 import * as oxfmt from "oxfmt";
 import * as shiki from "shiki";
-import { Options } from "unplugin-vue-markdown/types";
+import { Options as Options$1 } from "unplugin-vue-markdown/types";
 
 //#region src/types/config.d.ts
 interface UrlQueryOptions {
@@ -92,7 +93,7 @@ interface CssConfig {
    *   }
    * }
    */
-  inline?: boolean | {
+  inline?: boolean | Options & {
     /**
      * Convert HTML attributes like `width`, `height`, `bgcolor`, and `valign`
      * to inline CSS styles. Set to `true` for all, or pass an array of attribute names.
@@ -100,18 +101,6 @@ interface CssConfig {
      * @default false
      */
     attributeToStyle?: boolean | string[];
-    /**
-     * Remove `<style>` tags after inlining.
-     *
-     * @default false
-     */
-    removeStyleTags?: boolean;
-    /**
-     * Remove selectors from `<style>` tags after they have been inlined.
-     *
-     * @default true
-     */
-    removeInlinedSelectors?: boolean;
     /**
      * Convert `0px`, `0em` etc. to `0` in inline styles.
      *
@@ -120,12 +109,14 @@ interface CssConfig {
     preferUnitlessValues?: boolean;
     /**
      * CSS selectors to preserve in `<style>` tags, even after inlining.
+     * Mapped to Juice's `preservedSelectors` option.
      *
      * @default []
      */
     safelist?: string[];
     /**
      * Duplicate CSS properties to HTML attributes.
+     * Mapped to Juice's static `styleToAttribute` property.
      *
      * @default {}
      *
@@ -135,38 +126,30 @@ interface CssConfig {
      * }
      */
     styleToAttribute?: Record<string, string>;
-    /**
-     * Add `width` HTML attributes based on inline CSS width values.
-     *
-     * @default true
-     */
-    applyWidthAttributes?: boolean;
-    /**
-     * Add `height` HTML attributes based on inline CSS height values.
-     *
-     * @default true
-     */
-    applyHeightAttributes?: boolean;
     /**
      * Elements that can receive `width` HTML attributes.
+     * Mapped to Juice's static `widthElements` property.
      *
      * @default ['img', 'video']
      */
     widthElements?: string[];
     /**
      * Elements that can receive `height` HTML attributes.
+     * Mapped to Juice's static `heightElements` property.
      *
      * @default ['img', 'video']
      */
     heightElements?: string[];
     /**
      * CSS properties to exclude from inlining.
+     * Mapped to Juice's static `excludedProperties` property.
      *
      * @default []
      */
     excludedProperties?: string[];
     /**
      * Template language code blocks to preserve during inlining.
+     * Mapped to Juice's static `codeBlocks` property.
      *
      * @default { EJS: { start: '<%', end: '%>' }, HBS: { start: '\{\{', end: '}}' } }
      */
@@ -176,6 +159,7 @@ interface CssConfig {
     }>;
     /**
      * Additional CSS string to inline alongside `<style>` tag contents.
+     * Mapped to Juice's `extraCss` option.
      */
     customCSS?: string;
   };
@@ -337,7 +321,7 @@ interface HtmlConfig {
 }
 type FilterFunction = (str: string, value: string) => string;
 type FiltersConfig = false | Record<string, FilterFunction>;
-interface MarkdownConfig extends Options {
+interface MarkdownConfig extends Options$1 {
   /**
    * The shiki theme to use for syntax highlighting in Markdown fenced code blocks.
    *

package/dist/types/config.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.mts","names":[],"sources":["../../src/types/config.ts"],"mappings":"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"}
+{"version":3,"file":"config.d.mts","names":[],"sources":["../../src/types/config.ts"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.7",
+  "version": "6.0.0-rc.8",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",