@maizzle/framework 6.0.0-rc.10 → 6.0.0-rc.12

package/dist/components/Column.vue

@@ -37,27 +37,19 @@ const injectedMsoWidth = inject<ComputedRef<string> | null>('columnMsoWidth', nu
 
 const minWidth = computed(() => {
   if (props.width) return normalizeToPixels(props.width)
-  if (injectedMinWidth?.value) return injectedMinWidth.value
 
-  // Fallback: divide container width by 2 if available
-  if (containerWidth?.value) {
-    const val = containerWidth.value
-    if (typeof val === 'number') return `${parseFloat((val / 2).toFixed(2))}px`
-    const num = Number.parseFloat(val)
-    const unit = val.replace(String(num), '') || 'px'
-    return `${parseFloat((num / 2).toFixed(2))}${unit}`
-  }
-
-  return '18.75em'
+  return injectedMinWidth?.value ?? null
 })
 
 const msoWidth = computed(() => injectedMsoWidth?.value ?? '50%')
 
 // Provide column width as containerWidth for nested Rows
-provide('containerWidth', minWidth)
+provide('containerWidth', computed(() => minWidth.value ?? containerWidth?.value ?? null))
 
 const styles = computed(() => {
-  return `display: inline-block; min-width: ${minWidth.value}; font-size: 16px; vertical-align: top;`
+  const parts = ['display: inline-block', 'font-size: 16px', 'vertical-align: top']
+  if (minWidth.value) parts.splice(1, 0, `min-width: ${minWidth.value}`)
+  return `${parts.join('; ')};`
 })
 
 const tdStyle = computed(() => {

package/dist/components/Container.vue

@@ -14,22 +14,27 @@ const props = defineProps({
    * Also provided to child `Row` and `Column` components for
    * automatic column width calculation.
    *
-   * @default '37.5em'
+   * When not set, no inline `max-width` is applied to the div —
+   * use Tailwind classes like `max-w-xl mx-auto` instead.
+   * The MSO table defaults to 600px.
    */
   width: {
     type: [String, Number],
-    default: '37.5em'
+    default: null
   }
 })
 
 provide('containerWidth', computed(() => props.width))
 
 const styles = computed(() => {
+  if (!props.width) return 'margin: 0 auto;'
   return `max-width: ${normalizeToPixels(props.width)}; margin: 0 auto;`
 })
 
+const msoWidth = computed(() => normalizeToPixels(props.width ?? 600))
+
 const MsoBefore = () => createStaticVNode(
-  `<!--[if mso]><table role="none" cellpadding="0" cellspacing="0" style="width: ${normalizeToPixels(props.width)}" align="center"><tr><td><![endif]-->`,
+  `<!--[if mso]><table role="none" cellpadding="0" cellspacing="0" style="width: ${msoWidth.value}" align="center"><tr><td><![endif]-->`,
   1
 )
 

package/dist/components/{Image.vue → Img.vue}

@@ -6,7 +6,7 @@ defineOptions({ inheritAttrs: false })
 const attrs = useAttrs()
 
 const props = defineProps({
-  /** The image source URL. When reducedMotionSrc is used, this becomes the static fallback. */
+  /** The image source URL. When motionSrc is used, this becomes the static fallback. */
   src: {
     type: String,
     required: true
@@ -27,7 +27,7 @@ const props = defineProps({
     required: true
   },
   /** Animated image source, shown when user has no reduced motion preference. */
-  reducedMotionSrc: {
+  motionSrc: {
     type: String,
     default: null
   }
@@ -51,11 +51,11 @@ function mimeFromExtension(src: string): string {
   return types[ext] ?? ''
 }
 
-const reducedMotionType = computed(() => mimeFromExtension(props.reducedMotionSrc ?? ''))
+const motionType = computed(() => mimeFromExtension(props.motionSrc ?? ''))
 
 const imgWidth = computed(() => Number.parseInt(String(props.width), 10))
 
-const usePicture = computed(() => props.darkSrc || props.reducedMotionSrc)
+const usePicture = computed(() => props.darkSrc || props.motionSrc)
 
 const imgStyle = 'max-width: 100%; vertical-align: middle;'
 </script>
@@ -63,7 +63,7 @@ const imgStyle = 'max-width: 100%; vertical-align: middle;'
 <template>
   <picture v-if="usePicture">
     <source v-if="darkSrc" :srcset="darkSrc" media="(prefers-color-scheme: dark)">
-    <source v-if="reducedMotionSrc" :srcset="reducedMotionSrc" :type="reducedMotionType || undefined" media="(prefers-reduced-motion: no-preference)">
+    <source v-if="motionSrc" :srcset="motionSrc" :type="motionType || undefined" media="(prefers-reduced-motion: no-preference)">
     <img v-bind="attrs" :src="src" :alt="alt" :width="imgWidth" :style="imgStyle">
   </picture>
   <img v-else v-bind="attrs" :src="src" :alt="alt" :width="imgWidth" :style="imgStyle">

package/dist/components/Layout.vue

@@ -84,7 +84,7 @@ defineProps({
       :lang="lang"
       :dir="dir"
       style="font-size: medium;"
-      :class="['[font-size:max(16px,1rem)]', $attrs.class]"
+      :class="['[font-size:max(16px,1rem)] font-inter', $attrs.class]"
     >
       <slot />
     </div>

package/dist/components/Overlap.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { computed, useAttrs, createStaticVNode } from 'vue'
+import { computed, inject, useAttrs, createStaticVNode } from 'vue'
 import { normalizeToPixels } from './utils.ts'
 
 defineOptions({ inheritAttrs: false })
 
 const attrs = useAttrs()
 
+const containerWidth = inject('containerWidth', undefined)
+
 const props = defineProps({
   /**
    * Max height of the background (default slot) content.
@@ -19,11 +21,11 @@ const props = defineProps({
   /**
    * Width of the overlay table and VML rectangle.
    *
-   * Should match the width of the content being overlapped.
+   * When used inside a Container, defaults to the container's width.
    */
   width: {
     type: [String, Number],
-    required: true
+    default: undefined
   },
   /**
    * Height of the VML rectangle in Outlook.
@@ -49,12 +51,14 @@ const props = defineProps({
   },
 })
 
+const resolvedWidth = computed(() => props.width ?? containerWidth?.value)
+
 const backgroundStyles = computed(() => {
   return `max-height: ${normalizeToPixels(props.height)}; margin: 0 auto; text-align: center;`
 })
 
 const vmlOpen = computed(() => {
-  const w = normalizeToPixels(props.width)
+  const w = normalizeToPixels(resolvedWidth.value)
   const h = normalizeToPixels(props.msoHeight ?? props.height)
 
   return `<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" stroked="f" filled="f" style="width: ${w}; height: ${h};"><v:textbox inset="${props.msoInset}"><![endif]-->`
@@ -70,7 +74,7 @@ const VmlAfter = () => createStaticVNode('<!--[if mso]></v:textbox></v:rect><![e
   </div>
   <table style="max-height: 0; position: relative; opacity: 0.999;">
     <tr>
-      <td :style="`width: ${normalizeToPixels(props.width)}; max-width: 100%; vertical-align: top;`">
+      <td :style="`width: ${normalizeToPixels(resolvedWidth)}; max-width: 100%; vertical-align: top;`">
         <VmlBefore />
         <slot name="overlay" />
         <VmlAfter />

package/dist/components/Row.vue

@@ -55,7 +55,7 @@ const columnCount = computed(() => {
 
 const containerWidth = inject<ComputedRef<string | number> | null>('containerWidth', null)
 
-const rowWidth = computed(() => props.width ?? containerWidth?.value ?? '37.5em')
+const rowWidth = computed(() => props.width ?? containerWidth?.value ?? null)
 
 function divideValue(value: string | number, divisor: number): string {
   if (typeof value === 'number') {
@@ -68,7 +68,7 @@ function divideValue(value: string | number, divisor: number): string {
   return `${parseFloat((num / divisor).toFixed(2))}${unit}`
 }
 
-provide('columnMinWidth', computed(() => divideValue(rowWidth.value, columnCount.value)))
+provide('columnMinWidth', computed(() => rowWidth.value ? divideValue(rowWidth.value, columnCount.value) : null))
 provide('columnMsoWidth', computed(() => `${Math.round(100 / columnCount.value)}%`))
 
 const MsoBefore = () => createStaticVNode(

package/dist/composables/renderContext.d.mts

@@ -6,7 +6,7 @@ import { InjectionKey } from "vue";
 //#region src/composables/renderContext.d.ts
 interface RenderContext {
   doctype?: string;
-  previewText?: {
+  preheader?: {
     text: string;
     fillerCount: number;
     shyCount: number;

package/dist/composables/renderContext.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"renderContext.d.mts","names":[],"sources":["../../src/composables/renderContext.ts"],"mappings":";;;;;;UAKiB,aAAA;EACf,OAAA;EACA,WAAA;IAAgB,IAAA;IAAc,WAAA;IAAqB,QAAA;EAAA;EACnD,SAAA,GAAY,aAAA;EACZ,gBAAA,EAAkB,KAAA;IAAQ,IAAA,EAAM,SAAA;IAAW,OAAA,EAAS,QAAA,CAAS,SAAA;EAAA;EAC7D,SAAA,GAAY,mBAAA;AAAA;AAAA,cAGD,gBAAA,EAAkB,YAAA,CAAa,aAAA"}
+{"version":3,"file":"renderContext.d.mts","names":[],"sources":["../../src/composables/renderContext.ts"],"mappings":";;;;;;UAKiB,aAAA;EACf,OAAA;EACA,SAAA;IAAc,IAAA;IAAc,WAAA;IAAqB,QAAA;EAAA;EACjD,SAAA,GAAY,aAAA;EACZ,gBAAA,EAAkB,KAAA;IAAQ,IAAA,EAAM,SAAA;IAAW,OAAA,EAAS,QAAA,CAAS,SAAA;EAAA;EAC7D,SAAA,GAAY,mBAAA;AAAA;AAAA,cAGD,gBAAA,EAAkB,YAAA,CAAa,aAAA"}

package/dist/composables/renderContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderContext.mjs","names":[],"sources":["../../src/composables/renderContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\nimport type { UsePlaintextOptions } from './usePlaintext.ts'\n\nexport interface RenderContext {\n  doctype?: string\n  previewText?: { text: string; fillerCount: number; shyCount: number }\n  sfcConfig?: MaizzleConfig\n  sfcEventHandlers: Array<{ name: EventName; handler: EventMap[EventName] }>\n  plaintext?: UsePlaintextOptions\n}\n\nexport const RenderContextKey: InjectionKey<RenderContext> = Symbol('RenderContext')\n"],"mappings":";AAaA,MAAa,mBAAgD,OAAO,gBAAgB"}
+{"version":3,"file":"renderContext.mjs","names":[],"sources":["../../src/composables/renderContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\nimport type { UsePlaintextOptions } from './usePlaintext.ts'\n\nexport interface RenderContext {\n  doctype?: string\n  preheader?: { text: string; fillerCount: number; shyCount: number }\n  sfcConfig?: MaizzleConfig\n  sfcEventHandlers: Array<{ name: EventName; handler: EventMap[EventName] }>\n  plaintext?: UsePlaintextOptions\n}\n\nexport const RenderContextKey: InjectionKey<RenderContext> = Symbol('RenderContext')\n"],"mappings":";AAaA,MAAa,mBAAgD,OAAO,gBAAgB"}

package/dist/composables/usePreheader.d.mts

@@ -0,0 +1,24 @@
+//#region src/composables/usePreheader.d.ts
+interface UsePreheaderOptions {
+  /** Number of  ͏ filler pairs to render. @default 150 */
+  fillerCount?: number;
+  /** Number of ­ entities to render. @default 150 */
+  shyCount?: number;
+}
+/**
+ * Set the preheader text for the current email template.
+ *
+ * Injects a hidden `<div>` at the start of `<body>` with the preheader text
+ * followed by filler characters that prevent email clients from pulling
+ * in body content after the preheader.
+ *
+ * Usage in SFC <script setup>:
+ * ```ts
+ * usePreheader('Thanks for signing up!')
+ * usePreheader('Welcome!', { fillerCount: 200, shyCount: 200 })
+ * ```
+ */
+declare function usePreheader(text: string, options?: UsePreheaderOptions): void;
+//#endregion
+export { UsePreheaderOptions, usePreheader };
+//# sourceMappingURL=usePreheader.d.mts.map

package/dist/composables/usePreheader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreheader.d.mts","names":[],"sources":["../../src/composables/usePreheader.ts"],"mappings":";UAGiB,mBAAA;EAAA;EAEf,WAAA;;EAEA,QAAA;AAAA;AAgBF;;;;;;;;;;;;;AAAA,iBAAgB,YAAA,CAAa,IAAA,UAAc,OAAA,GAAU,mBAAA"}

package/dist/composables/{usePreviewText.mjs → usePreheader.mjs}

@@ -1,23 +1,23 @@
 import { RenderContextKey } from "./renderContext.mjs";
 import { inject } from "vue";
 
-//#region src/composables/usePreviewText.ts
+//#region src/composables/usePreheader.ts
 /**
-* Set the preview/preheader text for the current email template.
+* Set the preheader text for the current email template.
 *
-* Injects a hidden `<div>` at the start of `<body>` with the preview text
+* Injects a hidden `<div>` at the start of `<body>` with the preheader text
 * followed by filler characters that prevent email clients from pulling
 * in body content after the preheader.
 *
 * Usage in SFC <script setup>:
 * ```ts
-* usePreviewText('Thanks for signing up!')
-* usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })
+* usePreheader('Thanks for signing up!')
+* usePreheader('Welcome!', { fillerCount: 200, shyCount: 200 })
 * ```
 */
-function usePreviewText(text, options) {
+function usePreheader(text, options) {
 	const ctx = inject(RenderContextKey);
-	if (ctx) ctx.previewText = {
+	if (ctx) ctx.preheader = {
 		text,
 		fillerCount: options?.fillerCount ?? 150,
 		shyCount: options?.shyCount ?? 150
@@ -25,5 +25,5 @@ function usePreviewText(text, options) {
 }
 
 //#endregion
-export { usePreviewText };
-//# sourceMappingURL=usePreviewText.mjs.map
+export { usePreheader };
+//# sourceMappingURL=usePreheader.mjs.map

package/dist/composables/usePreheader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreheader.mjs","names":[],"sources":["../../src/composables/usePreheader.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\n\nexport interface UsePreheaderOptions {\n  /** Number of &#8199;&#847; filler pairs to render. @default 150 */\n  fillerCount?: number\n  /** Number of &shy; entities to render. @default 150 */\n  shyCount?: number\n}\n\n/**\n * Set the preheader text for the current email template.\n *\n * Injects a hidden `<div>` at the start of `<body>` with the preheader text\n * followed by filler characters that prevent email clients from pulling\n * in body content after the preheader.\n *\n * Usage in SFC <script setup>:\n * ```ts\n * usePreheader('Thanks for signing up!')\n * usePreheader('Welcome!', { fillerCount: 200, shyCount: 200 })\n * ```\n */\nexport function usePreheader(text: string, options?: UsePreheaderOptions): void {\n  const ctx = inject(RenderContextKey)\n  if (ctx) {\n    ctx.preheader = {\n      text,\n      fillerCount: options?.fillerCount ?? 150,\n      shyCount: options?.shyCount ?? 150,\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,aAAa,MAAc,SAAqC;CAC9E,MAAM,MAAM,OAAO,iBAAiB;AACpC,KAAI,IACF,KAAI,YAAY;EACd;EACA,aAAa,SAAS,eAAe;EACrC,UAAU,SAAS,YAAY;EAChC"}

package/dist/config/defaults.mjs

@@ -15,9 +15,7 @@ const defaults = {
 	},
 	css: {
 		safe: true,
-		preferUnitless: true,
-		resolveCalc: true,
-		resolveProps: true
+		preferUnitless: true
 	},
 	html: { decodeEntities: true },
 	useTransformers: true

package/dist/config/defaults.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.mjs","names":[],"sources":["../../src/config/defaults.ts"],"sourcesContent":["import type { MaizzleConfig } from '../types/index.ts'\n\nexport const defaults: MaizzleConfig = {\n  content: ['emails/**/*.{vue,md}'],\n  output: {\n    path: 'dist',\n    extension: 'html',\n  },\n  static: {\n    source: ['public/**/*.*'],\n    destination: 'public',\n  },\n  server: {\n    port: 3000,\n    watch: [],\n  },\n  css: {\n    safe: true,\n    preferUnitless: true,\n    resolveCalc: true,\n    resolveProps: true,\n  },\n  html: {\n    decodeEntities: true,\n  },\n  useTransformers: true,\n}\n"],"mappings":";AAEA,MAAa,WAA0B;CACrC,SAAS,CAAC,uBAAuB;CACjC,QAAQ;EACN,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;EACN,QAAQ,CAAC,gBAAgB;EACzB,aAAa;EACd;CACD,QAAQ;EACN,MAAM;EACN,OAAO,EAAE;EACV;CACD,KAAK;EACH,MAAM;EACN,gBAAgB;EAChB,aAAa;EACb,cAAc;EACf;CACD,MAAM,EACJ,gBAAgB,MACjB;CACD,iBAAiB;CAClB"}
+{"version":3,"file":"defaults.mjs","names":[],"sources":["../../src/config/defaults.ts"],"sourcesContent":["import type { MaizzleConfig } from '../types/index.ts'\n\nexport const defaults: MaizzleConfig = {\n  content: ['emails/**/*.{vue,md}'],\n  output: {\n    path: 'dist',\n    extension: 'html',\n  },\n  static: {\n    source: ['public/**/*.*'],\n    destination: 'public',\n  },\n  server: {\n    port: 3000,\n    watch: [],\n  },\n  css: {\n    safe: true,\n    preferUnitless: true,\n  },\n  html: {\n    decodeEntities: true,\n  },\n  useTransformers: true,\n}\n"],"mappings":";AAEA,MAAa,WAA0B;CACrC,SAAS,CAAC,uBAAuB;CACjC,QAAQ;EACN,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;EACN,QAAQ,CAAC,gBAAgB;EACzB,aAAa;EACd;CACD,QAAQ;EACN,MAAM;EACN,OAAO,EAAE;EACV;CACD,KAAK;EACH,MAAM;EACN,gBAAgB;EACjB;CACD,MAAM,EACJ,gBAAgB,MACjB;CACD,iBAAiB;CAClB"}

package/dist/plugins/postcss/resolveProps.d.mts

@@ -0,0 +1,8 @@
+import { Plugin } from "postcss";
+
+//#region src/plugins/postcss/resolveProps.d.ts
+declare const _default: () => Plugin;
+declare const postcss = true;
+//#endregion
+export { _default as default, postcss };
+//# sourceMappingURL=resolveProps.d.mts.map

package/dist/plugins/postcss/resolveProps.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveProps.d.mts","names":[],"sources":["../../../src/plugins/postcss/resolveProps.ts"],"mappings":";;;cAiByD,QAAA,QA6FtC,MAAA;AAAA,cA8IN,OAAA"}

package/dist/plugins/postcss/resolveProps.mjs

@@ -0,0 +1,144 @@
+//#region src/plugins/postcss/resolveProps.ts
+/** Check if a rule's selector includes :root */
+function isRootRule(rule) {
+	const sel = rule.selector;
+	return sel === ":root" || sel.includes(":root");
+}
+/** Check if a rule is inside @layer (not @media or other at-rules) */
+function isInLayer(rule) {
+	return rule.parent?.type === "atrule" && rule.parent.name === "layer";
+}
+/**
+* Parse the first var() call in a string by counting parens.
+* Returns null if no var() found.
+*/
+function findVar(value, startFrom = 0) {
+	const idx = value.indexOf("var(", startFrom);
+	if (idx === -1) return null;
+	let depth = 1;
+	let i = idx + 4;
+	let commaIdx = -1;
+	while (i < value.length && depth > 0) {
+		const ch = value.charCodeAt(i);
+		if (ch === 40) depth++;
+		else if (ch === 41) {
+			if (--depth === 0) break;
+		} else if (ch === 44 && depth === 1 && commaIdx === -1) commaIdx = i;
+		i++;
+	}
+	if (depth !== 0) return null;
+	const name = commaIdx === -1 ? value.slice(idx + 4, i).trim() : value.slice(idx + 4, commaIdx).trim();
+	const fallback = commaIdx === -1 ? void 0 : value.slice(commaIdx + 1, i);
+	return {
+		start: idx,
+		end: i + 1,
+		name,
+		fallback
+	};
+}
+/**
+* Resolve all var() references in a value string.
+* Iterates until no resolvable var() remain.
+*/
+function resolveValue(value, localVars, rootVars, propertyDefaults) {
+	let result = value;
+	let safety = 10;
+	while (safety-- > 0) {
+		const v = findVar(result);
+		if (!v) break;
+		const resolved = localVars.get(v.name) ?? rootVars.get(v.name) ?? propertyDefaults?.get(v.name);
+		if (resolved !== void 0) result = result.slice(0, v.start) + resolved + result.slice(v.end);
+		else if (v.fallback !== void 0) result = result.slice(0, v.start) + v.fallback.trim() + result.slice(v.end);
+		else {
+			if (!findVar(result, v.end)) break;
+			const tail = resolveValue(result.slice(v.end), localVars, rootVars, propertyDefaults);
+			result = result.slice(0, v.end) + tail;
+			break;
+		}
+	}
+	return result;
+}
+var resolveProps_default = () => {
+	return {
+		postcssPlugin: "postcss-resolve-props",
+		Once(root) {
+			const propertyDefaults = /* @__PURE__ */ new Map();
+			root.walkAtRules("property", (rule) => {
+				const name = rule.params.trim();
+				if (!name.startsWith("--")) return;
+				rule.walkDecls("initial-value", (decl) => {
+					propertyDefaults.set(name, decl.value);
+				});
+			});
+			const rootVars = /* @__PURE__ */ new Map();
+			root.walkRules((rule) => {
+				if (!isRootRule(rule)) return;
+				if (rule.parent?.type !== "root" && !isInLayer(rule)) return;
+				rule.each((node) => {
+					if (node.type === "decl" && node.prop.startsWith("--")) rootVars.set(node.prop, node.value);
+				});
+			});
+			if (rootVars.size > 0) {
+				let changed = true;
+				let iterations = 5;
+				while (changed && iterations-- > 0) {
+					changed = false;
+					for (const [name, value] of rootVars) {
+						if (!value.includes("var(")) continue;
+						const resolved = resolveValue(value, rootVars, rootVars, propertyDefaults);
+						if (resolved !== value) {
+							rootVars.set(name, resolved);
+							changed = true;
+						}
+					}
+				}
+			}
+			root.walkRules((rule) => {
+				if (isRootRule(rule)) {
+					if (rule.parent?.type !== "root" && !isInLayer(rule)) return;
+				}
+				const localVars = /* @__PURE__ */ new Map();
+				const localDecls = [];
+				let hasVarRefs = false;
+				rule.walk((node) => {
+					if (node.type !== "decl") return;
+					if (node.prop.startsWith("--")) localDecls.push(node);
+					else if (node.value.includes("var(")) hasVarRefs = true;
+				});
+				if (!hasVarRefs && localDecls.length === 0) return;
+				for (const decl of localDecls) {
+					const value = decl.value.includes("var(") ? resolveValue(decl.value, localVars, rootVars, propertyDefaults) : decl.value;
+					localVars.set(decl.prop, value);
+				}
+				if (hasVarRefs) rule.walk((node) => {
+					if (node.type !== "decl") return;
+					if (node.prop.startsWith("--")) return;
+					if (!node.value.includes("var(")) return;
+					const resolved = resolveValue(node.value, localVars, rootVars, propertyDefaults);
+					if (resolved !== node.value) {
+						const cleaned = resolved.replace(/  +/g, " ").trim();
+						if (cleaned) node.value = cleaned;
+						else node.remove();
+					}
+				});
+				for (const decl of localDecls) decl.remove();
+			});
+			root.walkAtRules("property", (rule) => {
+				rule.remove();
+			});
+			root.walkRules((rule) => {
+				if (!isRootRule(rule)) return;
+				if (rule.parent?.type !== "root" && !isInLayer(rule)) return;
+				rule.each((node) => {
+					if (node.type === "decl" && node.prop.startsWith("--")) node.remove();
+				});
+				if (rule.nodes?.length === 0) rule.remove();
+			});
+		}
+	};
+};
+const postcss = true;
+
+//#endregion
+export { resolveProps_default as default, postcss };
+//# sourceMappingURL=resolveProps.mjs.map

package/dist/plugins/postcss/resolveProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveProps.mjs","names":[],"sources":["../../../src/plugins/postcss/resolveProps.ts"],"sourcesContent":["/**\n * postcss-resolve-props\n *\n * Resolves CSS custom properties (var() references) and removes\n * the consumed declarations, producing flat CSS for email inlining.\n *\n * Resolution order per var():\n *   1. Local declaration in the same rule\n *   2. :root declaration (top-level only, not inside @media)\n *   3. @property initial-value (Tailwind v4 composable defaults)\n *   4. Fallback value from the var() itself\n *\n * Handles nested var() in both values and fallbacks.\n * Replaces postcss-custom-properties with correct support for\n * local var declarations (Tailwind composable pattern, user CSS).\n */\n\nimport type { AtRule, Plugin, Root, Rule } from 'postcss'\n\n/** Check if a rule's selector includes :root */\nfunction isRootRule(rule: Rule): boolean {\n  const sel = rule.selector\n  return sel === ':root' || sel.includes(':root')\n}\n\n/** Check if a rule is inside @layer (not @media or other at-rules) */\nfunction isInLayer(rule: Rule): boolean {\n  return rule.parent?.type === 'atrule' && (rule.parent as any).name === 'layer'\n}\n\n/**\n * Parse the first var() call in a string by counting parens.\n * Returns null if no var() found.\n */\nfunction findVar(value: string, startFrom = 0): {\n  start: number\n  end: number\n  name: string\n  fallback: string | undefined\n} | null {\n  const idx = value.indexOf('var(', startFrom)\n  if (idx === -1) return null\n\n  let depth = 1\n  let i = idx + 4\n  let commaIdx = -1\n\n  while (i < value.length && depth > 0) {\n    const ch = value.charCodeAt(i)\n    if (ch === 40 /* ( */) depth++\n    else if (ch === 41 /* ) */) {\n      if (--depth === 0) break\n    } else if (ch === 44 /* , */ && depth === 1 && commaIdx === -1) {\n      commaIdx = i\n    }\n    i++\n  }\n\n  if (depth !== 0) return null\n\n  const name = commaIdx === -1\n    ? value.slice(idx + 4, i).trim()\n    : value.slice(idx + 4, commaIdx).trim()\n\n  const fallback = commaIdx === -1\n    ? undefined\n    : value.slice(commaIdx + 1, i)\n\n  return { start: idx, end: i + 1, name, fallback }\n}\n\n/**\n * Resolve all var() references in a value string.\n * Iterates until no resolvable var() remain.\n */\nfunction resolveValue(\n  value: string,\n  localVars: Map<string, string>,\n  rootVars: Map<string, string>,\n  propertyDefaults?: Map<string, string>,\n): string {\n  let result = value\n  let safety = 10\n\n  while (safety-- > 0) {\n    const v = findVar(result)\n    if (!v) break\n\n    const resolved = localVars.get(v.name) ?? rootVars.get(v.name) ?? propertyDefaults?.get(v.name)\n\n    if (resolved !== undefined) {\n      result = result.slice(0, v.start) + resolved + result.slice(v.end)\n    } else if (v.fallback !== undefined) {\n      result = result.slice(0, v.start) + v.fallback.trim() + result.slice(v.end)\n    } else {\n      // Unresolvable with no fallback — skip past it to avoid infinite loop\n      // Try to find another var() after this one\n      const next = findVar(result, v.end)\n      if (!next) break\n\n      // Process the rest of the string from after this var()\n      const tail = resolveValue(result.slice(v.end), localVars, rootVars, propertyDefaults)\n      result = result.slice(0, v.end) + tail\n      break\n    }\n  }\n\n  return result\n}\n\nexport default (): Plugin => {\n  return {\n    postcssPlugin: 'postcss-resolve-props',\n\n    Once(root: Root) {\n      // Pass 0: collect @property initial-value defaults (Tailwind v4 composable pattern)\n      const propertyDefaults = new Map<string, string>()\n\n      root.walkAtRules('property', (rule: AtRule) => {\n        const name = rule.params.trim()\n        if (!name.startsWith('--')) return\n\n        rule.walkDecls('initial-value', (decl) => {\n          propertyDefaults.set(name, decl.value)\n        })\n      })\n\n      // Pass 1: collect :root vars (top-level and inside @layer)\n      // Skip :root inside @media — those are for dark mode and should stay.\n      const rootVars = new Map<string, string>()\n\n      root.walkRules((rule) => {\n        if (!isRootRule(rule)) return\n\n        // Allow :root at top level or inside @layer (Tailwind theme vars)\n        // Skip :root inside @media or other non-layer at-rules\n        if (rule.parent?.type !== 'root' && !isInLayer(rule)) return\n\n        rule.each((node) => {\n          if (node.type === 'decl' && node.prop.startsWith('--')) {\n            rootVars.set(node.prop, node.value)\n          }\n        })\n      })\n\n      // Resolve :root vars referencing other :root vars\n      if (rootVars.size > 0) {\n        let changed = true\n        let iterations = 5\n\n        while (changed && iterations-- > 0) {\n          changed = false\n          for (const [name, value] of rootVars) {\n            if (!value.includes('var(')) continue\n            const resolved = resolveValue(value, rootVars, rootVars, propertyDefaults)\n            if (resolved !== value) {\n              rootVars.set(name, resolved)\n              changed = true\n            }\n          }\n        }\n      }\n\n      // Pass 2: resolve var() in all rules\n      root.walkRules((rule) => {\n        // Skip :root inside @media — those vars are for dark mode etc.\n        // and must stay in the <style> tag as-is.\n        // Allow :root at top level and inside @layer (processed in pass 3).\n        if (isRootRule(rule)) {\n          if (rule.parent?.type !== 'root' && !isInLayer(rule)) return\n        }\n\n        // Collect local --* declarations (walk into nested @media etc.)\n        const localVars = new Map<string, string>()\n        const localDecls: Declaration[] = []\n        let hasVarRefs = false\n\n        rule.walk((node) => {\n          if (node.type !== 'decl') return\n\n          if (node.prop.startsWith('--')) {\n            localDecls.push(node)\n          } else if (node.value.includes('var(')) {\n            hasVarRefs = true\n          }\n        })\n\n        // Skip rules with no var() references and no local vars to clean up\n        if (!hasVarRefs && localDecls.length === 0) return\n\n        // Build local vars map — resolve values that reference other locals or :root\n        for (const decl of localDecls) {\n          const value = decl.value.includes('var(')\n            ? resolveValue(decl.value, localVars, rootVars, propertyDefaults)\n            : decl.value\n\n          localVars.set(decl.prop, value)\n        }\n\n        // Resolve var() in non-custom-property declarations (walk into nested @media etc.)\n        if (hasVarRefs) {\n          rule.walk((node) => {\n            if (node.type !== 'decl') return\n            if (node.prop.startsWith('--')) return\n            if (!node.value.includes('var(')) return\n\n            const resolved = resolveValue(node.value, localVars, rootVars, propertyDefaults)\n\n            if (resolved !== node.value) {\n              // Clean up: collapse whitespace, trim\n              const cleaned = resolved.replace(/  +/g, ' ').trim()\n\n              if (cleaned) {\n                node.value = cleaned\n              } else {\n                // Value resolved to empty — remove the declaration\n                node.remove()\n              }\n            }\n          })\n        }\n\n        // Remove local --* declarations (consumed or no longer needed)\n        for (const decl of localDecls) {\n          decl.remove()\n        }\n      })\n\n      // Remove @property rules (not supported in email clients)\n      root.walkAtRules('property', (rule) => {\n        rule.remove()\n      })\n\n      // Pass 3: clean up :root (same scope as pass 1)\n      root.walkRules((rule) => {\n        if (!isRootRule(rule)) return\n        if (rule.parent?.type !== 'root' && !isInLayer(rule)) return\n\n        rule.each((node) => {\n          if (node.type === 'decl' && node.prop.startsWith('--')) {\n            node.remove()\n          }\n        })\n\n        if (rule.nodes?.length === 0) {\n          rule.remove()\n        }\n      })\n    },\n  }\n}\n\nexport const postcss = true\n"],"mappings":"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"}

package/dist/plugins/postcss/tailwindCleanup.mjs

@@ -49,7 +49,9 @@ function tailwindCleanup(config) {
 		{
 			postcssPlugin: "tailwind-cleanup-at-rules",
 			AtRule(rule) {
-				if (atRules.includes(rule.name)) rule.remove();
+				if (!atRules.includes(rule.name)) return;
+				if (rule.nodes?.length) rule.replaceWith(rule.nodes);
+				else rule.remove();
 			}
 		},
 		{

package/dist/plugins/postcss/tailwindCleanup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindCleanup.mjs","names":[],"sources":["../../../src/plugins/postcss/tailwindCleanup.ts"],"sourcesContent":["import postcss from 'postcss'\nimport type { MaizzleConfig } from '../../types/config.ts'\n\nconst DEFAULT_SELECTORS = [':host', ':lang']\nconst DEFAULT_AT_RULES = ['layer', 'property']\n\n/**\n * Split a selector list on top-level commas only.\n *\n * Commas inside parenthesised groups like `:not(:is(:lang(ae), :lang(ar)))`\n * are not treated as selector separators.\n */\nfunction splitSelector(selector: string): string[] {\n  const parts: string[] = []\n  let depth = 0\n  let start = 0\n\n  for (let i = 0; i < selector.length; i++) {\n    const ch = selector[i]\n    if (ch === '(') depth++\n    else if (ch === ')') depth--\n    else if (ch === ',' && depth === 0) {\n      parts.push(selector.slice(start, i).trim())\n      start = i + 1\n    }\n  }\n\n  parts.push(selector.slice(start).trim())\n\n  return parts.filter(Boolean)\n}\n\n/**\n * Removes CSS rules whose every comma-separated selector part starts with\n * one of the configured prefixes (e.g. ':host', ':lang'). Rules with mixed\n * selectors have the unwanted parts stripped.\n *\n * Also removes entire at-rules by name (e.g. '@layer', '@property').\n *\n * Intended to clean up Tailwind's compiled output after lightningcss has\n * flattened all modern CSS syntax.\n */\nexport function tailwindCleanup(config: MaizzleConfig): postcss.Plugin[] {\n  const selectors: string[] = config.postcss?.removeSelectors ?? DEFAULT_SELECTORS\n  const atRules: string[] = config.postcss?.removeAtRules ?? DEFAULT_AT_RULES\n\n  return [\n    {\n      postcssPlugin: 'tailwind-cleanup-selectors',\n      Rule(rule) {\n        const parts = splitSelector(rule.selector)\n        const kept = parts.filter(p => !selectors.some(s => p === s || p.includes(`${s}(`)))\n        if (kept.length === 0) {\n          rule.remove()\n        } else if (kept.length < parts.length) {\n          rule.selector = kept.join(', ')\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-at-rules',\n      AtRule(rule) {\n        if (atRules.includes(rule.name)) {\n          rule.remove()\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-text-decoration',\n      Declaration(decl) {\n        if (decl.prop === 'text-decoration-line') {\n          decl.prop = 'text-decoration'\n        }\n      },\n    },\n  ]\n}\n"],"mappings":";AAGA,MAAM,oBAAoB,CAAC,SAAS,QAAQ;AAC5C,MAAM,mBAAmB,CAAC,SAAS,WAAW;;;;;;;AAQ9C,SAAS,cAAc,UAA4B;CACjD,MAAM,QAAkB,EAAE;CAC1B,IAAI,QAAQ;CACZ,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,MAAM,KAAK,SAAS;AACpB,MAAI,OAAO,IAAK;WACP,OAAO,IAAK;WACZ,OAAO,OAAO,UAAU,GAAG;AAClC,SAAM,KAAK,SAAS,MAAM,OAAO,EAAE,CAAC,MAAM,CAAC;AAC3C,WAAQ,IAAI;;;AAIhB,OAAM,KAAK,SAAS,MAAM,MAAM,CAAC,MAAM,CAAC;AAExC,QAAO,MAAM,OAAO,QAAQ;;;;;;;;;;;;AAa9B,SAAgB,gBAAgB,QAAyC;CACvE,MAAM,YAAsB,OAAO,SAAS,mBAAmB;CAC/D,MAAM,UAAoB,OAAO,SAAS,iBAAiB;AAE3D,QAAO;EACL;GACE,eAAe;GACf,KAAK,MAAM;IACT,MAAM,QAAQ,cAAc,KAAK,SAAS;IAC1C,MAAM,OAAO,MAAM,QAAO,MAAK,CAAC,UAAU,MAAK,MAAK,MAAM,KAAK,EAAE,SAAS,GAAG,EAAE,GAAG,CAAC,CAAC;AACpF,QAAI,KAAK,WAAW,EAClB,MAAK,QAAQ;aACJ,KAAK,SAAS,MAAM,OAC7B,MAAK,WAAW,KAAK,KAAK,KAAK;;GAGpC;EACD;GACE,eAAe;GACf,OAAO,MAAM;AACX,QAAI,QAAQ,SAAS,KAAK,KAAK,CAC7B,MAAK,QAAQ;;GAGlB;EACD;GACE,eAAe;GACf,YAAY,MAAM;AAChB,QAAI,KAAK,SAAS,uBAChB,MAAK,OAAO;;GAGjB;EACF"}
+{"version":3,"file":"tailwindCleanup.mjs","names":[],"sources":["../../../src/plugins/postcss/tailwindCleanup.ts"],"sourcesContent":["import postcss from 'postcss'\nimport type { MaizzleConfig } from '../../types/config.ts'\n\nconst DEFAULT_SELECTORS = [':host', ':lang']\nconst DEFAULT_AT_RULES = ['layer', 'property']\n\n/**\n * Split a selector list on top-level commas only.\n *\n * Commas inside parenthesised groups like `:not(:is(:lang(ae), :lang(ar)))`\n * are not treated as selector separators.\n */\nfunction splitSelector(selector: string): string[] {\n  const parts: string[] = []\n  let depth = 0\n  let start = 0\n\n  for (let i = 0; i < selector.length; i++) {\n    const ch = selector[i]\n    if (ch === '(') depth++\n    else if (ch === ')') depth--\n    else if (ch === ',' && depth === 0) {\n      parts.push(selector.slice(start, i).trim())\n      start = i + 1\n    }\n  }\n\n  parts.push(selector.slice(start).trim())\n\n  return parts.filter(Boolean)\n}\n\n/**\n * Removes CSS rules whose every comma-separated selector part starts with\n * one of the configured prefixes (e.g. ':host', ':lang'). Rules with mixed\n * selectors have the unwanted parts stripped.\n *\n * Also removes entire at-rules by name (e.g. '@layer', '@property').\n *\n * Intended to clean up Tailwind's compiled output after lightningcss has\n * flattened all modern CSS syntax.\n */\nexport function tailwindCleanup(config: MaizzleConfig): postcss.Plugin[] {\n  const selectors: string[] = config.postcss?.removeSelectors ?? DEFAULT_SELECTORS\n  const atRules: string[] = config.postcss?.removeAtRules ?? DEFAULT_AT_RULES\n\n  return [\n    {\n      postcssPlugin: 'tailwind-cleanup-selectors',\n      Rule(rule) {\n        const parts = splitSelector(rule.selector)\n        const kept = parts.filter(p => !selectors.some(s => p === s || p.includes(`${s}(`)))\n        if (kept.length === 0) {\n          rule.remove()\n        } else if (kept.length < parts.length) {\n          rule.selector = kept.join(', ')\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-at-rules',\n      AtRule(rule) {\n        if (!atRules.includes(rule.name)) return\n\n        if (rule.nodes?.length) {\n          // Unwrap: keep children, remove the at-rule wrapper\n          rule.replaceWith(rule.nodes)\n        } else {\n          rule.remove()\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-text-decoration',\n      Declaration(decl) {\n        if (decl.prop === 'text-decoration-line') {\n          decl.prop = 'text-decoration'\n        }\n      },\n    },\n  ]\n}\n"],"mappings":";AAGA,MAAM,oBAAoB,CAAC,SAAS,QAAQ;AAC5C,MAAM,mBAAmB,CAAC,SAAS,WAAW;;;;;;;AAQ9C,SAAS,cAAc,UAA4B;CACjD,MAAM,QAAkB,EAAE;CAC1B,IAAI,QAAQ;CACZ,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,MAAM,KAAK,SAAS;AACpB,MAAI,OAAO,IAAK;WACP,OAAO,IAAK;WACZ,OAAO,OAAO,UAAU,GAAG;AAClC,SAAM,KAAK,SAAS,MAAM,OAAO,EAAE,CAAC,MAAM,CAAC;AAC3C,WAAQ,IAAI;;;AAIhB,OAAM,KAAK,SAAS,MAAM,MAAM,CAAC,MAAM,CAAC;AAExC,QAAO,MAAM,OAAO,QAAQ;;;;;;;;;;;;AAa9B,SAAgB,gBAAgB,QAAyC;CACvE,MAAM,YAAsB,OAAO,SAAS,mBAAmB;CAC/D,MAAM,UAAoB,OAAO,SAAS,iBAAiB;AAE3D,QAAO;EACL;GACE,eAAe;GACf,KAAK,MAAM;IACT,MAAM,QAAQ,cAAc,KAAK,SAAS;IAC1C,MAAM,OAAO,MAAM,QAAO,MAAK,CAAC,UAAU,MAAK,MAAK,MAAM,KAAK,EAAE,SAAS,GAAG,EAAE,GAAG,CAAC,CAAC;AACpF,QAAI,KAAK,WAAW,EAClB,MAAK,QAAQ;aACJ,KAAK,SAAS,MAAM,OAC7B,MAAK,WAAW,KAAK,KAAK,KAAK;;GAGpC;EACD;GACE,eAAe;GACf,OAAO,MAAM;AACX,QAAI,CAAC,QAAQ,SAAS,KAAK,KAAK,CAAE;AAElC,QAAI,KAAK,OAAO,OAEd,MAAK,YAAY,KAAK,MAAM;QAE5B,MAAK,QAAQ;;GAGlB;EACD;GACE,eAAe;GACf,YAAY,MAAM;AAChB,QAAI,KAAK,SAAS,uBAChB,MAAK,OAAO;;GAGjB;EACF"}

package/dist/render/createRenderer.mjs

@@ -255,8 +255,8 @@ async function createRenderer(options = {}) {
 				}
 				html = serializeDom(dom);
 			}
-			if (renderContext.previewText) {
-				const { text, fillerCount, shyCount } = renderContext.previewText;
+			if (renderContext.preheader) {
+				const { text, fillerCount, shyCount } = renderContext.preheader;
 				const previewHtml = `<div style="display:none">${text}${" ͏ ".repeat(fillerCount)}${"­ ".repeat(shyCount)}\u00A0</div>`;
 				html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`);
 			}

package/dist/render/createRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { readFileSync, existsSync } from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { createServer, mergeConfig, type InlineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport Markdown from 'unplugin-vue-markdown/vite'\nimport AutoImport from 'unplugin-auto-import/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { unheadVueComposablesImports } from '@unhead/vue'\nimport { defu as merge } from 'defu'\nimport { createSSRApp } from 'vue'\nimport { renderToString } from 'vue/server-renderer'\nimport { createHead, renderSSRHead } from '@unhead/vue/server'\nimport { MaizzleConfigKey } from '../composables/useConfig.ts'\nimport { RenderContextKey } from '../composables/renderContext.ts'\nimport type { Component, InjectionKey } from 'vue'\nimport type { MaizzleConfig, MarkdownConfig } from '../types/index.ts'\nimport type { MarkdownExit } from 'markdown-exit'\nimport type { RenderContext } from '../composables/renderContext.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\n\n/**\n * Vite plugin that extracts raw slot content from <CodeBlock> tags\n * and passes it as a :code prop before Vue compiles the template.\n *\n * This lets users write HTML naturally inside CodeBlock slots without\n * Vue attempting to compile it as template syntax.\n */\nfunction codeBlockExtract() {\n  // Matches <CodeBlock ...>content</CodeBlock> (and kebab-case <code-block>)\n  const re = /<(CodeBlock|code-block)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n\n  return {\n    name: 'maizzle:code-block-extract',\n    enforce: 'pre' as const,\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('CodeBlock') && !code.includes('code-block')) return\n\n      const transformed = code.replace(re, (_match, tag, attrs, content) => {\n        // Skip if already has a :code or v-bind:code prop\n        if (/(?:^|\\s):code\\b/.test(attrs) || /v-bind:code\\b/.test(attrs)) return _match\n\n        // Strip leading/trailing blank lines, then dedent based on\n        // the minimum indent of non-empty lines (à la min-indent)\n        const stripped = content.replace(/^\\n+/, '').replace(/\\s+$/, '')\n        if (!stripped) return _match\n\n        const minIndent = stripped.match(/^[ \\t]*(?=\\S)/gm)\n          ?.reduce((min, ws) => Math.min(min, ws.length), Infinity) ?? 0\n\n        const dedented = minIndent > 0\n          ? stripped.replace(new RegExp(`^[ \\\\t]{${minIndent}}`, 'gm'), '')\n          : stripped\n\n        // HTML-escape for safe embedding in a static attribute value.\n        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} code=\"${escaped}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\n/**\n * Vite plugin that pre-processes <Markdown> tags:\n * - Extracts slot content, dedents it, and passes as :content prop\n * - Resolves `src` prop to read file contents at build time\n */\nfunction markdownExtract() {\n  const re = /<(Markdown|markdown)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n  const selfClosingRe = /<(Markdown|markdown)((?:\\s[^>]*?\\bsrc\\s*=\\s*\"[^\"]*\"[^>]*?))\\/>/g\n\n  return {\n    name: 'maizzle:markdown-extract',\n    enforce: 'pre' as const,\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('Markdown') && !code.includes('markdown')) return\n\n      let transformed = code\n\n      // Handle <Markdown>content</Markdown>\n      transformed = transformed.replace(re, (_match, tag, attrs, content) => {\n        if (/(?:^|\\s):content\\b/.test(attrs) || /v-bind:content\\b/.test(attrs)) return _match\n\n        const stripped = content.replace(/^\\n+/, '').replace(/\\s+$/, '')\n        if (!stripped) return _match\n\n        const minIndent = stripped.match(/^[ \\t]*(?=\\S)/gm)\n          ?.reduce((min: number, ws: string) => Math.min(min, ws.length), Infinity) ?? 0\n\n        const dedented = minIndent > 0\n          ? stripped.replace(new RegExp(`^[ \\\\t]{${minIndent}}`, 'gm'), '')\n          : stripped\n\n        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} content=\"${escaped}\" />`\n      })\n\n      // Handle <Markdown src=\"./file.md\" /> — resolve and inline file content\n      transformed = transformed.replace(selfClosingRe, (_match, tag, attrs) => {\n        const srcMatch = attrs.match(/\\bsrc\\s*=\\s*\"([^\"]*)\"/)\n        if (!srcMatch) return _match\n\n        const srcPath = srcMatch[1]\n        const resolvedPath = resolve(dirname(id), srcPath)\n\n        let fileContent: string\n        try {\n          fileContent = readFileSync(resolvedPath, 'utf-8').trim()\n        } catch {\n          return _match\n        }\n\n        // Remove src prop, add content prop\n        const cleanAttrs = attrs.replace(/\\s*\\bsrc\\s*=\\s*\"[^\"]*\"/, '')\n        const escaped = fileContent\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${cleanAttrs} content=\"${escaped}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\nconst vuePkgDir = dirname(fileURLToPath(import.meta.resolve('vue/package.json')))\nconst vueServerRendererPkgDir = dirname(fileURLToPath(import.meta.resolve('@vue/server-renderer/package.json')))\nconst unheadVuePkgDir = resolve(dirname(fileURLToPath(import.meta.resolve('@unhead/vue'))), '..')\nconst vueRouterPkgDir = dirname(fileURLToPath(import.meta.resolve('vue-router/package.json')))\n\nexport interface RenderedTemplate {\n  html: string\n  doctype?: string\n  templateConfig: MaizzleConfig\n  sfcEventHandlers: RenderContext['sfcEventHandlers']\n  plaintext?: RenderContext['plaintext']\n}\n\nexport interface Renderer {\n  render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate>\n  invalidate(filePath: string): Promise<void>\n  invalidateAll(): Promise<void>\n  close(): Promise<void>\n}\n\nexport interface CreateRendererOptions {\n  /** Generate .d.ts files for auto-imports and components (default: false) */\n  dts?: boolean\n  /** Options passed to unplugin-vue-markdown */\n  markdown?: MarkdownConfig\n  /** Root directory for resolving user component dirs and .d.ts output */\n  root?: string\n  /** Additional component directories to register for auto-import */\n  componentDirs?: string[]\n  /** User Vite config options to merge into the internal SSR server */\n  vite?: InlineConfig\n}\n\n/**\n * Lightweight Vite SSR loader for rendering Vue SFC email templates.\n *\n * Uses only Vue + unplugin for component/auto-import resolution.\n * Tailwind CSS compilation is handled by the transformer pipeline.\n */\nexport async function createRenderer(\n  options: CreateRendererOptions = {},\n): Promise<Renderer> {\n  const { dts = false, markdown: markdownOptionsRaw, root = process.cwd(), componentDirs = [], vite: userViteConfig } = options\n  const { shikiTheme = 'github-light', ...markdownOptions } = markdownOptionsRaw ?? {}\n\n  const dtsDir = isLaravel()\n    ? resolve(process.cwd(), 'resources/js/types/maizzle')\n    : resolve(root, '.maizzle')\n\n  const VIRTUAL_SFC_ID = 'virtual:maizzle-sfc.vue'\n  let virtualSfcSource = ''\n\n  // Check for a user vite.config file in the project root\n  const viteConfigFile = ['vite.config.ts', 'vite.config.js']\n    .map(f => resolve(root, f))\n    .find(f => existsSync(f))\n\n  const maizzleConfig: InlineConfig = {\n    configFile: viteConfigFile ?? false,\n    plugins: [\n      codeBlockExtract(),\n      markdownExtract(),\n      {\n        name: 'maizzle:virtual-sfc',\n        resolveId(id) {\n          if (id === VIRTUAL_SFC_ID) return id\n        },\n        load(id) {\n          if (id === VIRTUAL_SFC_ID) return virtualSfcSource\n        },\n      },\n      vue({\n        include: [/\\.vue$/, /\\.md$/],\n        template: {\n          transformAssetUrls: false,\n        },\n      }),\n      Markdown(merge(markdownOptions ?? {}, {\n        headEnabled: true,\n        wrapperDiv: false,\n        wrapperClasses: 'prose',\n        markdownOptions: {\n          async highlight(code: string, lang: string) {\n            const { codeToHtml } = await import('shiki')\n            return codeToHtml(code, { lang, theme: shikiTheme })\n          },\n        },\n        markdownSetup(md: MarkdownExit) {\n          const wrapPre = (html: string) =>\n            `<table class=\"w-full\"><tr><td class=\"max-w-0 mso-padding-alt-4\">${html}</td></tr></table>\\n`\n\n          const defaultFence = md.renderer.rules.fence!\n          md.renderer.rules.fence = (...args) => {\n            const result = defaultFence(...args)\n            if (typeof result === 'string') return wrapPre(result)\n            return result.then(wrapPre)\n          }\n\n          const defaultCodeBlock = md.renderer.rules.code_block!\n          md.renderer.rules.code_block = (...args) => wrapPre(defaultCodeBlock(...args) as string)\n        },\n      })),\n      AutoImport({\n        dirs: [\n          resolve(__dirname, '../composables'),\n          resolve(__dirname, '../filters'),\n        ],\n        imports: ['vue', unheadVueComposablesImports],\n        dts: dts ? resolve(dtsDir, 'auto-imports.d.ts') : false,\n      }),\n      Components({\n        extensions: ['vue', 'md'],\n        include: [/\\.vue$/, /\\.vue\\?vue/, /\\.md$/],\n        dirs: [\n          resolve(__dirname, '../components'),\n          resolve(root, 'components'),\n          ...componentDirs,\n        ],\n        dts: dts ? resolve(dtsDir, 'components.d.ts') : false,\n      }),\n    ],\n    resolve: {\n      alias: {\n        'vue/server-renderer': resolve(vueServerRendererPkgDir, 'dist/server-renderer.esm-bundler.js'),\n        'vue': resolve(vuePkgDir, 'dist/vue.runtime.esm-bundler.js'),\n        'vue-router': vueRouterPkgDir,\n        '@unhead/vue/server': resolve(unheadVuePkgDir, 'dist/server.mjs'),\n        '@unhead/vue': resolve(unheadVuePkgDir, 'dist/index.mjs'),\n      },\n    },\n    server: {\n      middlewareMode: true,\n      hmr: false,\n      watch: null,\n      fs: {\n        allow: [process.cwd(), root, ...componentDirs, vuePkgDir, vueServerRendererPkgDir, unheadVuePkgDir, vueRouterPkgDir],\n      },\n    },\n    appType: 'custom',\n    logLevel: 'silent',\n    optimizeDeps: {\n      noDiscovery: true,\n    },\n  }\n\n  // Merge user's vite config (from config.vite) under Maizzle's config.\n  // mergeConfig(a, b) → b overrides a for scalars, arrays are concatenated.\n  // This ensures Maizzle's critical settings (middlewareMode, appType, etc.) always win,\n  // while user plugins and other options are included.\n  const finalConfig = userViteConfig && !viteConfigFile\n    ? mergeConfig(userViteConfig, maizzleConfig)\n    : maizzleConfig\n\n  const server = await createServer(finalConfig)\n\n  return {\n    async render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate> {\n      let component: Component\n      let configKey: InjectionKey<MaizzleConfig>\n      let contextKey: InjectionKey<RenderContext>\n\n      if (typeof input === 'string') {\n        // String input goes through Vite — must use ssrLoadModule for injection keys\n        // so they share the same module instance as the SFC\n        const configModule = await server.ssrLoadModule(resolve(__dirname, '../composables/useConfig'))\n        const contextModule = await server.ssrLoadModule(resolve(__dirname, '../composables/renderContext'))\n        configKey = configModule.MaizzleConfigKey\n        contextKey = contextModule.RenderContextKey\n\n        if (input.includes('<template') || input.includes('<script')) {\n          virtualSfcSource = input\n          const mod = server.moduleGraph.getModuleById(VIRTUAL_SFC_ID)\n          if (mod) server.moduleGraph.invalidateModule(mod)\n          component = (await server.ssrLoadModule(VIRTUAL_SFC_ID)).default\n        } else {\n          component = (await server.ssrLoadModule(input)).default\n        }\n      } else {\n        // Pre-compiled component — use directly imported keys\n        component = input\n        configKey = MaizzleConfigKey\n        contextKey = RenderContextKey\n      }\n\n      const renderContext: RenderContext = {\n        doctype: undefined,\n        sfcConfig: undefined,\n        sfcEventHandlers: [],\n      }\n\n      const head = createHead({ disableDefaults: true })\n      const app = createSSRApp(component)\n      app.use(head)\n\n      // Register user Vue plugins, directives, and global properties\n      if (config.vue) {\n        for (const plugin of config.vue.plugins ?? []) {\n          app.use(plugin)\n        }\n        for (const [name, directive] of Object.entries(config.vue.directives ?? {})) {\n          app.directive(name, directive)\n        }\n        Object.assign(app.config.globalProperties, config.vue.globalProperties)\n      }\n\n      app.provide(configKey, config)\n      app.provide(contextKey, renderContext)\n\n      const ssrContext: Record<string, any> = {}\n      let html: string = await renderToString(app, ssrContext)\n\n      const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)\n\n      // Inject head entries into the rendered HTML\n      if (htmlAttrs) {\n        html = html.replace(/<html([^>]*)>/, `<html$1 ${htmlAttrs}>`)\n      }\n      if (headTags) {\n        html = html.replace('</head>', `${headTags}\\n</head>`)\n      }\n      if (bodyAttrs) {\n        html = html.replace(/<body([^>]*)>/, `<body$1 ${bodyAttrs}>`)\n      }\n      if (bodyTagsOpen) {\n        html = html.replace(/<body([^>]*)>/, `<body$1>\\n${bodyTagsOpen}`)\n      }\n      if (bodyTags) {\n        html = html.replace('</body>', `${bodyTags}\\n</body>`)\n      }\n\n      // Inject SSR teleport content into their target elements\n      if (ssrContext.teleports) {\n        const { parse: parseDom, serialize: serializeDom, walk } = await import('../utils/ast/index.ts')\n        let dom = parseDom(html)\n\n        for (const [rawTarget, content] of Object.entries(ssrContext.teleports) as [string, string][]) {\n          if (!content) continue\n\n          const prepend = rawTarget.endsWith(':start')\n          const target = prepend ? rawTarget.slice(0, -6) : rawTarget\n          const targetChildren = parseDom(content)\n\n          walk(dom, (node) => {\n            const el = node as import('domhandler').Element\n\n            if (!el.name) return\n\n            const matched\n              = target === el.name\n              || (target.startsWith('#') && el.attribs?.id === target.slice(1))\n              || (target.startsWith('.') && el.attribs?.class?.split(/\\s+/).includes(target.slice(1)))\n\n            if (matched) {\n              for (const child of targetChildren) {\n                child.parent = el as any\n              }\n\n              el.children = prepend\n                ? [...targetChildren, ...(el.children || [])] as any\n                : [...(el.children || []), ...targetChildren] as any\n            }\n          })\n        }\n\n        html = serializeDom(dom)\n      }\n\n      // Inject preview/preheader text from usePreviewText() composable\n      if (renderContext.previewText) {\n        const { text, fillerCount, shyCount } = renderContext.previewText\n        const filler = '\\u2007\\u034F '.repeat(fillerCount)\n        const shys = '\\u00AD '.repeat(shyCount)\n        const previewHtml = `<div style=\"display:none\">${text}${filler}${shys}\\u00A0</div>`\n        html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`)\n      }\n\n      return {\n        html,\n        doctype: renderContext.doctype,\n        templateConfig: renderContext.sfcConfig ?? config,\n        sfcEventHandlers: renderContext.sfcEventHandlers,\n        plaintext: renderContext.plaintext,\n      }\n    },\n\n    async invalidate(filePath: string): Promise<void> {\n      const mod = await server.moduleGraph.getModuleByUrl(filePath)\n      if (mod) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async invalidateAll(): Promise<void> {\n      for (const mod of server.moduleGraph.idToModuleMap.values()) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async close(): Promise<void> {\n      await server.close()\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { readFileSync, existsSync } from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { createServer, mergeConfig, type InlineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport Markdown from 'unplugin-vue-markdown/vite'\nimport AutoImport from 'unplugin-auto-import/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { unheadVueComposablesImports } from '@unhead/vue'\nimport { defu as merge } from 'defu'\nimport { createSSRApp } from 'vue'\nimport { renderToString } from 'vue/server-renderer'\nimport { createHead, renderSSRHead } from '@unhead/vue/server'\nimport { MaizzleConfigKey } from '../composables/useConfig.ts'\nimport { RenderContextKey } from '../composables/renderContext.ts'\nimport type { Component, InjectionKey } from 'vue'\nimport type { MaizzleConfig, MarkdownConfig } from '../types/index.ts'\nimport type { MarkdownExit } from 'markdown-exit'\nimport type { RenderContext } from '../composables/renderContext.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\n\n/**\n * Vite plugin that extracts raw slot content from <CodeBlock> tags\n * and passes it as a :code prop before Vue compiles the template.\n *\n * This lets users write HTML naturally inside CodeBlock slots without\n * Vue attempting to compile it as template syntax.\n */\nfunction codeBlockExtract() {\n  // Matches <CodeBlock ...>content</CodeBlock> (and kebab-case <code-block>)\n  const re = /<(CodeBlock|code-block)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n\n  return {\n    name: 'maizzle:code-block-extract',\n    enforce: 'pre' as const,\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('CodeBlock') && !code.includes('code-block')) return\n\n      const transformed = code.replace(re, (_match, tag, attrs, content) => {\n        // Skip if already has a :code or v-bind:code prop\n        if (/(?:^|\\s):code\\b/.test(attrs) || /v-bind:code\\b/.test(attrs)) return _match\n\n        // Strip leading/trailing blank lines, then dedent based on\n        // the minimum indent of non-empty lines (à la min-indent)\n        const stripped = content.replace(/^\\n+/, '').replace(/\\s+$/, '')\n        if (!stripped) return _match\n\n        const minIndent = stripped.match(/^[ \\t]*(?=\\S)/gm)\n          ?.reduce((min, ws) => Math.min(min, ws.length), Infinity) ?? 0\n\n        const dedented = minIndent > 0\n          ? stripped.replace(new RegExp(`^[ \\\\t]{${minIndent}}`, 'gm'), '')\n          : stripped\n\n        // HTML-escape for safe embedding in a static attribute value.\n        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} code=\"${escaped}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\n/**\n * Vite plugin that pre-processes <Markdown> tags:\n * - Extracts slot content, dedents it, and passes as :content prop\n * - Resolves `src` prop to read file contents at build time\n */\nfunction markdownExtract() {\n  const re = /<(Markdown|markdown)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n  const selfClosingRe = /<(Markdown|markdown)((?:\\s[^>]*?\\bsrc\\s*=\\s*\"[^\"]*\"[^>]*?))\\/>/g\n\n  return {\n    name: 'maizzle:markdown-extract',\n    enforce: 'pre' as const,\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('Markdown') && !code.includes('markdown')) return\n\n      let transformed = code\n\n      // Handle <Markdown>content</Markdown>\n      transformed = transformed.replace(re, (_match, tag, attrs, content) => {\n        if (/(?:^|\\s):content\\b/.test(attrs) || /v-bind:content\\b/.test(attrs)) return _match\n\n        const stripped = content.replace(/^\\n+/, '').replace(/\\s+$/, '')\n        if (!stripped) return _match\n\n        const minIndent = stripped.match(/^[ \\t]*(?=\\S)/gm)\n          ?.reduce((min: number, ws: string) => Math.min(min, ws.length), Infinity) ?? 0\n\n        const dedented = minIndent > 0\n          ? stripped.replace(new RegExp(`^[ \\\\t]{${minIndent}}`, 'gm'), '')\n          : stripped\n\n        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} content=\"${escaped}\" />`\n      })\n\n      // Handle <Markdown src=\"./file.md\" /> — resolve and inline file content\n      transformed = transformed.replace(selfClosingRe, (_match, tag, attrs) => {\n        const srcMatch = attrs.match(/\\bsrc\\s*=\\s*\"([^\"]*)\"/)\n        if (!srcMatch) return _match\n\n        const srcPath = srcMatch[1]\n        const resolvedPath = resolve(dirname(id), srcPath)\n\n        let fileContent: string\n        try {\n          fileContent = readFileSync(resolvedPath, 'utf-8').trim()\n        } catch {\n          return _match\n        }\n\n        // Remove src prop, add content prop\n        const cleanAttrs = attrs.replace(/\\s*\\bsrc\\s*=\\s*\"[^\"]*\"/, '')\n        const escaped = fileContent\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${cleanAttrs} content=\"${escaped}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\nconst vuePkgDir = dirname(fileURLToPath(import.meta.resolve('vue/package.json')))\nconst vueServerRendererPkgDir = dirname(fileURLToPath(import.meta.resolve('@vue/server-renderer/package.json')))\nconst unheadVuePkgDir = resolve(dirname(fileURLToPath(import.meta.resolve('@unhead/vue'))), '..')\nconst vueRouterPkgDir = dirname(fileURLToPath(import.meta.resolve('vue-router/package.json')))\n\nexport interface RenderedTemplate {\n  html: string\n  doctype?: string\n  templateConfig: MaizzleConfig\n  sfcEventHandlers: RenderContext['sfcEventHandlers']\n  plaintext?: RenderContext['plaintext']\n}\n\nexport interface Renderer {\n  render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate>\n  invalidate(filePath: string): Promise<void>\n  invalidateAll(): Promise<void>\n  close(): Promise<void>\n}\n\nexport interface CreateRendererOptions {\n  /** Generate .d.ts files for auto-imports and components (default: false) */\n  dts?: boolean\n  /** Options passed to unplugin-vue-markdown */\n  markdown?: MarkdownConfig\n  /** Root directory for resolving user component dirs and .d.ts output */\n  root?: string\n  /** Additional component directories to register for auto-import */\n  componentDirs?: string[]\n  /** User Vite config options to merge into the internal SSR server */\n  vite?: InlineConfig\n}\n\n/**\n * Lightweight Vite SSR loader for rendering Vue SFC email templates.\n *\n * Uses only Vue + unplugin for component/auto-import resolution.\n * Tailwind CSS compilation is handled by the transformer pipeline.\n */\nexport async function createRenderer(\n  options: CreateRendererOptions = {},\n): Promise<Renderer> {\n  const { dts = false, markdown: markdownOptionsRaw, root = process.cwd(), componentDirs = [], vite: userViteConfig } = options\n  const { shikiTheme = 'github-light', ...markdownOptions } = markdownOptionsRaw ?? {}\n\n  const dtsDir = isLaravel()\n    ? resolve(process.cwd(), 'resources/js/types/maizzle')\n    : resolve(root, '.maizzle')\n\n  const VIRTUAL_SFC_ID = 'virtual:maizzle-sfc.vue'\n  let virtualSfcSource = ''\n\n  // Check for a user vite.config file in the project root\n  const viteConfigFile = ['vite.config.ts', 'vite.config.js']\n    .map(f => resolve(root, f))\n    .find(f => existsSync(f))\n\n  const maizzleConfig: InlineConfig = {\n    configFile: viteConfigFile ?? false,\n    plugins: [\n      codeBlockExtract(),\n      markdownExtract(),\n      {\n        name: 'maizzle:virtual-sfc',\n        resolveId(id) {\n          if (id === VIRTUAL_SFC_ID) return id\n        },\n        load(id) {\n          if (id === VIRTUAL_SFC_ID) return virtualSfcSource\n        },\n      },\n      vue({\n        include: [/\\.vue$/, /\\.md$/],\n        template: {\n          transformAssetUrls: false,\n        },\n      }),\n      Markdown(merge(markdownOptions ?? {}, {\n        headEnabled: true,\n        wrapperDiv: false,\n        wrapperClasses: 'prose',\n        markdownOptions: {\n          async highlight(code: string, lang: string) {\n            const { codeToHtml } = await import('shiki')\n            return codeToHtml(code, { lang, theme: shikiTheme })\n          },\n        },\n        markdownSetup(md: MarkdownExit) {\n          const wrapPre = (html: string) =>\n            `<table class=\"w-full\"><tr><td class=\"max-w-0 mso-padding-alt-4\">${html}</td></tr></table>\\n`\n\n          const defaultFence = md.renderer.rules.fence!\n          md.renderer.rules.fence = (...args) => {\n            const result = defaultFence(...args)\n            if (typeof result === 'string') return wrapPre(result)\n            return result.then(wrapPre)\n          }\n\n          const defaultCodeBlock = md.renderer.rules.code_block!\n          md.renderer.rules.code_block = (...args) => wrapPre(defaultCodeBlock(...args) as string)\n        },\n      })),\n      AutoImport({\n        dirs: [\n          resolve(__dirname, '../composables'),\n          resolve(__dirname, '../filters'),\n        ],\n        imports: ['vue', unheadVueComposablesImports],\n        dts: dts ? resolve(dtsDir, 'auto-imports.d.ts') : false,\n      }),\n      Components({\n        extensions: ['vue', 'md'],\n        include: [/\\.vue$/, /\\.vue\\?vue/, /\\.md$/],\n        dirs: [\n          resolve(__dirname, '../components'),\n          resolve(root, 'components'),\n          ...componentDirs,\n        ],\n        dts: dts ? resolve(dtsDir, 'components.d.ts') : false,\n      }),\n    ],\n    resolve: {\n      alias: {\n        'vue/server-renderer': resolve(vueServerRendererPkgDir, 'dist/server-renderer.esm-bundler.js'),\n        'vue': resolve(vuePkgDir, 'dist/vue.runtime.esm-bundler.js'),\n        'vue-router': vueRouterPkgDir,\n        '@unhead/vue/server': resolve(unheadVuePkgDir, 'dist/server.mjs'),\n        '@unhead/vue': resolve(unheadVuePkgDir, 'dist/index.mjs'),\n      },\n    },\n    server: {\n      middlewareMode: true,\n      hmr: false,\n      watch: null,\n      fs: {\n        allow: [process.cwd(), root, ...componentDirs, vuePkgDir, vueServerRendererPkgDir, unheadVuePkgDir, vueRouterPkgDir],\n      },\n    },\n    appType: 'custom',\n    logLevel: 'silent',\n    optimizeDeps: {\n      noDiscovery: true,\n    },\n  }\n\n  // Merge user's vite config (from config.vite) under Maizzle's config.\n  // mergeConfig(a, b) → b overrides a for scalars, arrays are concatenated.\n  // This ensures Maizzle's critical settings (middlewareMode, appType, etc.) always win,\n  // while user plugins and other options are included.\n  const finalConfig = userViteConfig && !viteConfigFile\n    ? mergeConfig(userViteConfig, maizzleConfig)\n    : maizzleConfig\n\n  const server = await createServer(finalConfig)\n\n  return {\n    async render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate> {\n      let component: Component\n      let configKey: InjectionKey<MaizzleConfig>\n      let contextKey: InjectionKey<RenderContext>\n\n      if (typeof input === 'string') {\n        // String input goes through Vite — must use ssrLoadModule for injection keys\n        // so they share the same module instance as the SFC\n        const configModule = await server.ssrLoadModule(resolve(__dirname, '../composables/useConfig'))\n        const contextModule = await server.ssrLoadModule(resolve(__dirname, '../composables/renderContext'))\n        configKey = configModule.MaizzleConfigKey\n        contextKey = contextModule.RenderContextKey\n\n        if (input.includes('<template') || input.includes('<script')) {\n          virtualSfcSource = input\n          const mod = server.moduleGraph.getModuleById(VIRTUAL_SFC_ID)\n          if (mod) server.moduleGraph.invalidateModule(mod)\n          component = (await server.ssrLoadModule(VIRTUAL_SFC_ID)).default\n        } else {\n          component = (await server.ssrLoadModule(input)).default\n        }\n      } else {\n        // Pre-compiled component — use directly imported keys\n        component = input\n        configKey = MaizzleConfigKey\n        contextKey = RenderContextKey\n      }\n\n      const renderContext: RenderContext = {\n        doctype: undefined,\n        sfcConfig: undefined,\n        sfcEventHandlers: [],\n      }\n\n      const head = createHead({ disableDefaults: true })\n      const app = createSSRApp(component)\n      app.use(head)\n\n      // Register user Vue plugins, directives, and global properties\n      if (config.vue) {\n        for (const plugin of config.vue.plugins ?? []) {\n          app.use(plugin)\n        }\n        for (const [name, directive] of Object.entries(config.vue.directives ?? {})) {\n          app.directive(name, directive)\n        }\n        Object.assign(app.config.globalProperties, config.vue.globalProperties)\n      }\n\n      app.provide(configKey, config)\n      app.provide(contextKey, renderContext)\n\n      const ssrContext: Record<string, any> = {}\n      let html: string = await renderToString(app, ssrContext)\n\n      const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)\n\n      // Inject head entries into the rendered HTML\n      if (htmlAttrs) {\n        html = html.replace(/<html([^>]*)>/, `<html$1 ${htmlAttrs}>`)\n      }\n      if (headTags) {\n        html = html.replace('</head>', `${headTags}\\n</head>`)\n      }\n      if (bodyAttrs) {\n        html = html.replace(/<body([^>]*)>/, `<body$1 ${bodyAttrs}>`)\n      }\n      if (bodyTagsOpen) {\n        html = html.replace(/<body([^>]*)>/, `<body$1>\\n${bodyTagsOpen}`)\n      }\n      if (bodyTags) {\n        html = html.replace('</body>', `${bodyTags}\\n</body>`)\n      }\n\n      // Inject SSR teleport content into their target elements\n      if (ssrContext.teleports) {\n        const { parse: parseDom, serialize: serializeDom, walk } = await import('../utils/ast/index.ts')\n        let dom = parseDom(html)\n\n        for (const [rawTarget, content] of Object.entries(ssrContext.teleports) as [string, string][]) {\n          if (!content) continue\n\n          const prepend = rawTarget.endsWith(':start')\n          const target = prepend ? rawTarget.slice(0, -6) : rawTarget\n          const targetChildren = parseDom(content)\n\n          walk(dom, (node) => {\n            const el = node as import('domhandler').Element\n\n            if (!el.name) return\n\n            const matched\n              = target === el.name\n              || (target.startsWith('#') && el.attribs?.id === target.slice(1))\n              || (target.startsWith('.') && el.attribs?.class?.split(/\\s+/).includes(target.slice(1)))\n\n            if (matched) {\n              for (const child of targetChildren) {\n                child.parent = el as any\n              }\n\n              el.children = prepend\n                ? [...targetChildren, ...(el.children || [])] as any\n                : [...(el.children || []), ...targetChildren] as any\n            }\n          })\n        }\n\n        html = serializeDom(dom)\n      }\n\n      // Inject preheader text from usePreheader() composable\n      if (renderContext.preheader) {\n        const { text, fillerCount, shyCount } = renderContext.preheader\n        const filler = '\\u2007\\u034F '.repeat(fillerCount)\n        const shys = '\\u00AD '.repeat(shyCount)\n        const previewHtml = `<div style=\"display:none\">${text}${filler}${shys}\\u00A0</div>`\n        html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`)\n      }\n\n      return {\n        html,\n        doctype: renderContext.doctype,\n        templateConfig: renderContext.sfcConfig ?? config,\n        sfcEventHandlers: renderContext.sfcEventHandlers,\n        plaintext: renderContext.plaintext,\n      }\n    },\n\n    async invalidate(filePath: string): Promise<void> {\n      const mod = await server.moduleGraph.getModuleByUrl(filePath)\n      if (mod) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async invalidateAll(): Promise<void> {\n      for (const mod of server.moduleGraph.idToModuleMap.values()) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async close(): Promise<void> {\n      await server.close()\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/serve.mjs

@@ -22,7 +22,7 @@ var import_picomatch = /* @__PURE__ */ __toESM(require_picomatch(), 1);
 const devUIDir = resolve(dirname(fileURLToPath(import.meta.url)), "server/ui");
 const require = createRequire(import.meta.url);
 const pkg = (name) => {
-	const resolved = require.resolve(name);
+	const resolved = require.resolve(name).replace(/\\/g, "/");
 	const marker = `node_modules/${name}`;
 	const idx = resolved.lastIndexOf(marker);
 	return resolved.slice(0, idx + marker.length);

package/dist/serve.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"serve.mjs","names":[],"sources":["../src/serve.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport { dirname, resolve, basename } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { createRequire } from 'node:module'\nimport { createServer, createLogger, type ViteDevServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport tailwindcss from '@tailwindcss/vite'\nimport { glob } from 'tinyglobby'\nimport picomatch from 'picomatch'\nimport { createHighlighter, type Highlighter } from 'shiki'\nimport { createPlaintext } from './plaintext.ts'\nimport { resolveConfig } from './config/index.ts'\nimport { runTransformers } from './transformers/index.ts'\nimport { createRenderer, type Renderer } from './render/createRenderer.ts'\nimport { serveCompatibility } from './server/compatibility.ts'\nimport { serveLint } from './server/linter.ts'\nimport { sendEmail } from './server/email.ts'\nimport type { MaizzleConfig } from './types/index.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\nconst devUIDir = resolve(__dirname, 'server/ui')\n\nconst require = createRequire(import.meta.url)\nconst pkg = (name: string) => {\n  const resolved = require.resolve(name)\n  const marker = `node_modules/${name}`\n  const idx = resolved.lastIndexOf(marker)\n\n  return resolved.slice(0, idx + marker.length)\n}\n\nexport interface ServeOptions {\n  config?: Partial<MaizzleConfig> | string\n  /** Expose the server on the network (e.g. --host) */\n  host?: boolean | string\n  /** When true, suppresses the banner/URL output (used by the Vite plugin, which prints its own) */\n  silent?: boolean\n}\n\n/**\n * Start the Maizzle dev server.\n *\n * Creates two things:\n * 1. A Vite dev server for the dev UI (sidebar + preview, with Vue + Tailwind for the UI itself)\n * 2. A Renderer instance for SSR rendering email templates\n *\n * Template rendering goes through the Renderer, not the Vite dev server.\n */\nexport async function serve(options: ServeOptions = {}) {\n  const start = performance.now()\n\n  let config = await resolveConfig(options.config)\n  const port = config.server?.port ?? 3000\n\n  // Create a renderer for SSR rendering email templates (with dts for dev)\n  let renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      // Vue and Tailwind are only for the dev UI SPA, not for email templates\n      vue(),\n      tailwindcss(),\n      maizzleDevPlugin(config, renderer, options.config),\n    ],\n    resolve: {\n      dedupe: ['vue'],\n      alias: [\n        { find: '@', replacement: devUIDir },\n        { find: 'vue', replacement: resolve(pkg('vue'), 'dist/vue.runtime.esm-bundler.js') },\n        ...['vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge']\n          .map(name => ({ find: name, replacement: pkg(name) })),\n      ],\n    },\n    cacheDir: resolve(devUIDir, '.vite'),\n    optimizeDeps: {\n      noDiscovery: true,\n      include: [\n        'vue',\n        'vue-router',\n        'lucide-vue-next',\n        '@vueuse/core',\n        '@vueuse/shared',\n        'reka-ui',\n        'class-variance-authority',\n        'clsx',\n        'tailwind-merge',\n      ],\n    },\n    server: {\n      port,\n      host: options.host,\n      fs: {\n        allow: [process.cwd(), config.root ?? process.cwd(), devUIDir, ...['vue', 'vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge'].map(pkg)],\n      },\n    },\n    customLogger: customLogger(),\n  })\n\n  // Store renderer ref on server for cleanup\n  const originalClose = server.close.bind(server)\n  server.close = async () => {\n    await renderer.close()\n    return originalClose()\n  }\n\n  await server.listen()\n\n  const startupTime = Math.round(performance.now() - start)\n\n  if (!options.silent) {\n    printBanner(server, startupTime)\n  }\n\n  // Expose startup time so the plugin can print it later\n  ; (server as any)._maizzleStartupTime = startupTime\n\n  return server\n}\n\n/**\n * Internal Vite plugin that adds Maizzle middleware and file watching to the dev UI server.\n */\nfunction maizzleDevPlugin(\n  config: MaizzleConfig,\n  renderer: Renderer,\n  configInput: Partial<MaizzleConfig> | string | undefined,\n) {\n  return {\n    name: 'maizzle:dev',\n    enforce: 'pre' as const,\n\n    hotUpdate: {\n      order: 'pre' as const,\n      handler({ file }: { file: string }) {\n        // Prevent Tailwind/Vue from triggering a full reload for email template files.\n        // Maizzle handles these via custom HMR events in the watcher below.\n        if (isTemplateFile(file)) {\n          return []\n        }\n      },\n    },\n\n    configureServer(server: ViteDevServer) {\n      // File watching\n      const defaultWatchPaths = [\n        'maizzle.config.js',\n        'maizzle.config.ts',\n        'tailwind.config.js',\n        'tailwind.config.ts',\n        'locales/**',\n      ]\n\n      const userWatchPaths = config.server?.watch ?? []\n      const watchPaths = [...defaultWatchPaths, ...userWatchPaths]\n      const isWatchedFile = picomatch(watchPaths)\n\n      for (const watchPath of watchPaths) {\n        server.watcher.add(watchPath)\n      }\n\n      server.watcher.on('add', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('unlink', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('change', async (file) => {\n        if (isWatchedFile(file)) {\n          config = await resolveConfig(configInput)\n\n          // Recreate the renderer so config changes (e.g. markdown.shikiTheme) take effect\n          await renderer.close()\n          renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n        }\n\n        // Invalidate all renderer modules so component and config changes\n        // are picked up on the next render (Tailwind recompiles with fresh content)\n        await renderer.invalidateAll()\n\n        if (\n          isTemplateFile(file)\n          || isWatchedFile(file)\n        ) {\n          server.ws.send({ type: 'custom', event: 'maizzle:template-updated', data: { file } })\n        }\n      })\n\n      // API middleware (before Vite's middleware)\n      server.middlewares.use(async (req: any, res: any, next: any) => {\n        const url = req.url || '/'\n\n        if (url === '/__maizzle/templates') {\n          return serveTemplateList(config, res)\n        }\n\n        if (url.startsWith('/__maizzle/render/')) {\n          return await serveRenderedTemplate(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/source/')) {\n          return await serveHighlightedSource(url, config, renderer, res)\n        }\n\n        if (url === '/__maizzle/compatibility' && req.method === 'POST') {\n          return await serveCompatibility(req, res)\n        }\n\n        if (url.startsWith('/__maizzle/lint/')) {\n          return serveLint(url, res)\n        }\n\n        if (url.startsWith('/__maizzle/vue-source/')) {\n          return await serveVueSource(url, config, res)\n        }\n\n        if (url.startsWith('/__maizzle/plaintext/')) {\n          return await servePlaintext(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/stats/')) {\n          return await serveStats(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/email/') && req.method === 'POST') {\n          return await serveEmailEndpoint(url, req, res, config, renderer)\n        }\n\n        if (url === '/__maizzle/email-config') {\n          return serveEmailConfig(config, res)\n        }\n\n        next()\n      })\n\n      // Dev UI fallback (after Vite's middleware)\n      return () => {\n        server.middlewares.use(async (req: any, res: any, next: any) => {\n          if (isNavigationRequest(req)) {\n            return await serveDevUI(server, res, req.url || '/')\n          }\n\n          next()\n        })\n      }\n    },\n  }\n}\n\nfunction isTemplateFile(file: string): boolean {\n  return (file.endsWith('.vue') || file.endsWith('.md')) && !file.includes('server/ui')\n}\n\nfunction isNavigationRequest(req: any): boolean {\n  const accept = req.headers?.accept || ''\n  return req.method === 'GET' && accept.includes('text/html')\n}\n\nasync function serveDevUI(server: ViteDevServer, res: any, url: string) {\n  let indexHtml = readFileSync(resolve(devUIDir, 'index.html'), 'utf-8')\n\n  indexHtml = indexHtml.replace('./main.ts', `/@fs/${resolve(devUIDir, 'main.ts')}`)\n  indexHtml = indexHtml.replace('./favicon.svg', `/@fs/${resolve(devUIDir, 'favicon.svg')}`)\n\n  const transformed = await server.transformIndexHtml(url, indexHtml)\n\n  res.setHeader('Content-Type', 'text/html')\n  res.end(transformed)\n}\n\nasync function serveTemplateList(config: MaizzleConfig, res: any) {\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n\n  const data = templates.map(t => ({\n    name: basename(t).replace(/\\.(vue|md)$/, ''),\n    path: t,\n    href: '/' + t.replace(/\\.(vue|md)$/, ''),\n  }))\n\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify(data))\n}\n\n/**\n * SSR render a .vue template using the Renderer (not the dev UI server).\n */\nasync function serveRenderedTemplate(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/render/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    // Invalidate all modules so template + component changes are picked up\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(html)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nlet highlighter: Highlighter | null = null\n\nasync function getHighlighter() {\n  if (!highlighter) {\n    highlighter = await createHighlighter({\n      themes: ['laserwave'],\n      langs: ['html', 'vue'],\n    })\n  }\n  return highlighter\n}\n\nasync function serveHighlightedSource(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    html = `${doctype}\\n${html}`\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(html, {\n      lang: 'html',\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function serveVueSource(url: string, config: MaizzleConfig, res: any) {\n  const templateSlug = url.replace('/__maizzle/vue-source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const source = readFileSync(resolve(match), 'utf-8')\n    const lang = match.endsWith('.md') ? 'html' : 'vue'\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(source, {\n      lang,\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function servePlaintext(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/plaintext/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const plaintext = createPlaintext(html)\n\n    res.setHeader('Content-Type', 'text/plain')\n    res.end(plaintext)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(error.message)\n  }\n}\n\nfunction humanFileSize(bytes: number, si = false, dp = 2) {\n  const threshold = si ? 1000 : 1024\n\n  if (Math.abs(bytes) < threshold) {\n    return bytes + ' B'\n  }\n\n  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n  let u = -1\n  const r = 10 ** dp\n\n  do {\n    bytes /= threshold\n    ++u\n  } while (Math.round(Math.abs(bytes) * r) / r >= threshold && u < units.length - 1)\n\n  return bytes.toFixed(dp) + ' ' + units[u]\n}\n\nasync function serveStats(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/stats/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ error: 'Template not found' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const sizeBytes = Buffer.byteLength(html, 'utf-8')\n\n    // Count images: <img> tags and CSS background images\n    const imgTags = (html.match(/<img\\b[^>]*>/gi) || []).length\n    const bgImages = (html.match(/url\\s*\\([^)]+\\)/gi) || []).length\n    const totalImages = imgTags + bgImages\n\n    // Count links\n    const links = (html.match(/<a\\b[^>]*href\\s*=/gi) || []).length\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify({\n      size: {\n        bytes: sizeBytes,\n        formatted: humanFileSize(sizeBytes),\n      },\n      images: totalImages,\n      links,\n    }))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ error: error.message }))\n  }\n}\n\nasync function serveEmailEndpoint(url: string, req: any, res: any, config: MaizzleConfig, renderer: Renderer) {\n  const templateSlug = url.replace('/__maizzle/email/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ success: false, message: 'Template not found' }))\n    return\n  }\n\n  let body = ''\n  for await (const chunk of req) body += chunk\n\n  let payload: { to: string[]; subject: string }\n\n  try {\n    payload = JSON.parse(body)\n  } catch {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Invalid JSON' }))\n    return\n  }\n\n  if (!payload.to?.length) {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Missing recipients' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    const text = createPlaintext(html)\n\n    const result = await sendEmail(\n      { to: payload.to, subject: payload.subject, html, text },\n      config,\n      templateConfig,\n    )\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify(result))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ success: false, message: error.message }))\n  }\n}\n\nfunction serveEmailConfig(config: MaizzleConfig, res: any) {\n  const emailConfig = config.server?.email\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify({\n    to: emailConfig?.to ? (Array.isArray(emailConfig.to) ? emailConfig.to : [emailConfig.to]) : [],\n    from: emailConfig?.from ?? '',\n    subject: emailConfig?.subject ?? '',\n    hasTransport: !!emailConfig?.transport,\n  }))\n}\n\nexport function printBanner(server: ViteDevServer, startupTime?: number) {\n  const info = server.config.logger.info\n  const time = startupTime ?? (server as any)._maizzleStartupTime\n\n  info('')\n  info(`  \\x1b[32m\\x1b[1mMAIZZLE\\x1b[0m\\x1b[32m v6.0.0\\x1b[0m  \\x1b[2mready in\\x1b[0m \\x1b[1m${time}\\x1b[0m ms`)\n  info('')\n  server.printUrls()\n  info('')\n}\n\nfunction customLogger() {\n  const logger = createLogger('info')\n  const warn = logger.warn\n\n  logger.warn = (message, options) => {\n    if (typeof message === 'string' && message.includes('<tr> cannot be child of <table>')) {\n      return\n    }\n\n    warn(message, options)\n  }\n\n  return logger\n}\n"],"mappings":"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"}
+{"version":3,"file":"serve.mjs","names":[],"sources":["../src/serve.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport { dirname, resolve, basename } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { createRequire } from 'node:module'\nimport { createServer, createLogger, type ViteDevServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport tailwindcss from '@tailwindcss/vite'\nimport { glob } from 'tinyglobby'\nimport picomatch from 'picomatch'\nimport { createHighlighter, type Highlighter } from 'shiki'\nimport { createPlaintext } from './plaintext.ts'\nimport { resolveConfig } from './config/index.ts'\nimport { runTransformers } from './transformers/index.ts'\nimport { createRenderer, type Renderer } from './render/createRenderer.ts'\nimport { serveCompatibility } from './server/compatibility.ts'\nimport { serveLint } from './server/linter.ts'\nimport { sendEmail } from './server/email.ts'\nimport type { MaizzleConfig } from './types/index.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\nconst devUIDir = resolve(__dirname, 'server/ui')\n\nconst require = createRequire(import.meta.url)\nconst pkg = (name: string) => {\n  const resolved = require.resolve(name).replace(/\\\\/g, '/')\n  const marker = `node_modules/${name}`\n  const idx = resolved.lastIndexOf(marker)\n\n  return resolved.slice(0, idx + marker.length)\n}\n\nexport interface ServeOptions {\n  config?: Partial<MaizzleConfig> | string\n  /** Expose the server on the network (e.g. --host) */\n  host?: boolean | string\n  /** When true, suppresses the banner/URL output (used by the Vite plugin, which prints its own) */\n  silent?: boolean\n}\n\n/**\n * Start the Maizzle dev server.\n *\n * Creates two things:\n * 1. A Vite dev server for the dev UI (sidebar + preview, with Vue + Tailwind for the UI itself)\n * 2. A Renderer instance for SSR rendering email templates\n *\n * Template rendering goes through the Renderer, not the Vite dev server.\n */\nexport async function serve(options: ServeOptions = {}) {\n  const start = performance.now()\n\n  let config = await resolveConfig(options.config)\n  const port = config.server?.port ?? 3000\n\n  // Create a renderer for SSR rendering email templates (with dts for dev)\n  let renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      // Vue and Tailwind are only for the dev UI SPA, not for email templates\n      vue(),\n      tailwindcss(),\n      maizzleDevPlugin(config, renderer, options.config),\n    ],\n    resolve: {\n      dedupe: ['vue'],\n      alias: [\n        { find: '@', replacement: devUIDir },\n        { find: 'vue', replacement: resolve(pkg('vue'), 'dist/vue.runtime.esm-bundler.js') },\n        ...['vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge']\n          .map(name => ({ find: name, replacement: pkg(name) })),\n      ],\n    },\n    cacheDir: resolve(devUIDir, '.vite'),\n    optimizeDeps: {\n      noDiscovery: true,\n      include: [\n        'vue',\n        'vue-router',\n        'lucide-vue-next',\n        '@vueuse/core',\n        '@vueuse/shared',\n        'reka-ui',\n        'class-variance-authority',\n        'clsx',\n        'tailwind-merge',\n      ],\n    },\n    server: {\n      port,\n      host: options.host,\n      fs: {\n        allow: [process.cwd(), config.root ?? process.cwd(), devUIDir, ...['vue', 'vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge'].map(pkg)],\n      },\n    },\n    customLogger: customLogger(),\n  })\n\n  // Store renderer ref on server for cleanup\n  const originalClose = server.close.bind(server)\n  server.close = async () => {\n    await renderer.close()\n    return originalClose()\n  }\n\n  await server.listen()\n\n  const startupTime = Math.round(performance.now() - start)\n\n  if (!options.silent) {\n    printBanner(server, startupTime)\n  }\n\n  // Expose startup time so the plugin can print it later\n  ; (server as any)._maizzleStartupTime = startupTime\n\n  return server\n}\n\n/**\n * Internal Vite plugin that adds Maizzle middleware and file watching to the dev UI server.\n */\nfunction maizzleDevPlugin(\n  config: MaizzleConfig,\n  renderer: Renderer,\n  configInput: Partial<MaizzleConfig> | string | undefined,\n) {\n  return {\n    name: 'maizzle:dev',\n    enforce: 'pre' as const,\n\n    hotUpdate: {\n      order: 'pre' as const,\n      handler({ file }: { file: string }) {\n        // Prevent Tailwind/Vue from triggering a full reload for email template files.\n        // Maizzle handles these via custom HMR events in the watcher below.\n        if (isTemplateFile(file)) {\n          return []\n        }\n      },\n    },\n\n    configureServer(server: ViteDevServer) {\n      // File watching\n      const defaultWatchPaths = [\n        'maizzle.config.js',\n        'maizzle.config.ts',\n        'tailwind.config.js',\n        'tailwind.config.ts',\n        'locales/**',\n      ]\n\n      const userWatchPaths = config.server?.watch ?? []\n      const watchPaths = [...defaultWatchPaths, ...userWatchPaths]\n      const isWatchedFile = picomatch(watchPaths)\n\n      for (const watchPath of watchPaths) {\n        server.watcher.add(watchPath)\n      }\n\n      server.watcher.on('add', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('unlink', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('change', async (file) => {\n        if (isWatchedFile(file)) {\n          config = await resolveConfig(configInput)\n\n          // Recreate the renderer so config changes (e.g. markdown.shikiTheme) take effect\n          await renderer.close()\n          renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n        }\n\n        // Invalidate all renderer modules so component and config changes\n        // are picked up on the next render (Tailwind recompiles with fresh content)\n        await renderer.invalidateAll()\n\n        if (\n          isTemplateFile(file)\n          || isWatchedFile(file)\n        ) {\n          server.ws.send({ type: 'custom', event: 'maizzle:template-updated', data: { file } })\n        }\n      })\n\n      // API middleware (before Vite's middleware)\n      server.middlewares.use(async (req: any, res: any, next: any) => {\n        const url = req.url || '/'\n\n        if (url === '/__maizzle/templates') {\n          return serveTemplateList(config, res)\n        }\n\n        if (url.startsWith('/__maizzle/render/')) {\n          return await serveRenderedTemplate(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/source/')) {\n          return await serveHighlightedSource(url, config, renderer, res)\n        }\n\n        if (url === '/__maizzle/compatibility' && req.method === 'POST') {\n          return await serveCompatibility(req, res)\n        }\n\n        if (url.startsWith('/__maizzle/lint/')) {\n          return serveLint(url, res)\n        }\n\n        if (url.startsWith('/__maizzle/vue-source/')) {\n          return await serveVueSource(url, config, res)\n        }\n\n        if (url.startsWith('/__maizzle/plaintext/')) {\n          return await servePlaintext(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/stats/')) {\n          return await serveStats(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/email/') && req.method === 'POST') {\n          return await serveEmailEndpoint(url, req, res, config, renderer)\n        }\n\n        if (url === '/__maizzle/email-config') {\n          return serveEmailConfig(config, res)\n        }\n\n        next()\n      })\n\n      // Dev UI fallback (after Vite's middleware)\n      return () => {\n        server.middlewares.use(async (req: any, res: any, next: any) => {\n          if (isNavigationRequest(req)) {\n            return await serveDevUI(server, res, req.url || '/')\n          }\n\n          next()\n        })\n      }\n    },\n  }\n}\n\nfunction isTemplateFile(file: string): boolean {\n  return (file.endsWith('.vue') || file.endsWith('.md')) && !file.includes('server/ui')\n}\n\nfunction isNavigationRequest(req: any): boolean {\n  const accept = req.headers?.accept || ''\n  return req.method === 'GET' && accept.includes('text/html')\n}\n\nasync function serveDevUI(server: ViteDevServer, res: any, url: string) {\n  let indexHtml = readFileSync(resolve(devUIDir, 'index.html'), 'utf-8')\n\n  indexHtml = indexHtml.replace('./main.ts', `/@fs/${resolve(devUIDir, 'main.ts')}`)\n  indexHtml = indexHtml.replace('./favicon.svg', `/@fs/${resolve(devUIDir, 'favicon.svg')}`)\n\n  const transformed = await server.transformIndexHtml(url, indexHtml)\n\n  res.setHeader('Content-Type', 'text/html')\n  res.end(transformed)\n}\n\nasync function serveTemplateList(config: MaizzleConfig, res: any) {\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n\n  const data = templates.map(t => ({\n    name: basename(t).replace(/\\.(vue|md)$/, ''),\n    path: t,\n    href: '/' + t.replace(/\\.(vue|md)$/, ''),\n  }))\n\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify(data))\n}\n\n/**\n * SSR render a .vue template using the Renderer (not the dev UI server).\n */\nasync function serveRenderedTemplate(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/render/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    // Invalidate all modules so template + component changes are picked up\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(html)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nlet highlighter: Highlighter | null = null\n\nasync function getHighlighter() {\n  if (!highlighter) {\n    highlighter = await createHighlighter({\n      themes: ['laserwave'],\n      langs: ['html', 'vue'],\n    })\n  }\n  return highlighter\n}\n\nasync function serveHighlightedSource(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    html = `${doctype}\\n${html}`\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(html, {\n      lang: 'html',\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function serveVueSource(url: string, config: MaizzleConfig, res: any) {\n  const templateSlug = url.replace('/__maizzle/vue-source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const source = readFileSync(resolve(match), 'utf-8')\n    const lang = match.endsWith('.md') ? 'html' : 'vue'\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(source, {\n      lang,\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function servePlaintext(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/plaintext/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const plaintext = createPlaintext(html)\n\n    res.setHeader('Content-Type', 'text/plain')\n    res.end(plaintext)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(error.message)\n  }\n}\n\nfunction humanFileSize(bytes: number, si = false, dp = 2) {\n  const threshold = si ? 1000 : 1024\n\n  if (Math.abs(bytes) < threshold) {\n    return bytes + ' B'\n  }\n\n  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n  let u = -1\n  const r = 10 ** dp\n\n  do {\n    bytes /= threshold\n    ++u\n  } while (Math.round(Math.abs(bytes) * r) / r >= threshold && u < units.length - 1)\n\n  return bytes.toFixed(dp) + ' ' + units[u]\n}\n\nasync function serveStats(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/stats/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ error: 'Template not found' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const sizeBytes = Buffer.byteLength(html, 'utf-8')\n\n    // Count images: <img> tags and CSS background images\n    const imgTags = (html.match(/<img\\b[^>]*>/gi) || []).length\n    const bgImages = (html.match(/url\\s*\\([^)]+\\)/gi) || []).length\n    const totalImages = imgTags + bgImages\n\n    // Count links\n    const links = (html.match(/<a\\b[^>]*href\\s*=/gi) || []).length\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify({\n      size: {\n        bytes: sizeBytes,\n        formatted: humanFileSize(sizeBytes),\n      },\n      images: totalImages,\n      links,\n    }))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ error: error.message }))\n  }\n}\n\nasync function serveEmailEndpoint(url: string, req: any, res: any, config: MaizzleConfig, renderer: Renderer) {\n  const templateSlug = url.replace('/__maizzle/email/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ success: false, message: 'Template not found' }))\n    return\n  }\n\n  let body = ''\n  for await (const chunk of req) body += chunk\n\n  let payload: { to: string[]; subject: string }\n\n  try {\n    payload = JSON.parse(body)\n  } catch {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Invalid JSON' }))\n    return\n  }\n\n  if (!payload.to?.length) {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Missing recipients' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    const text = createPlaintext(html)\n\n    const result = await sendEmail(\n      { to: payload.to, subject: payload.subject, html, text },\n      config,\n      templateConfig,\n    )\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify(result))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ success: false, message: error.message }))\n  }\n}\n\nfunction serveEmailConfig(config: MaizzleConfig, res: any) {\n  const emailConfig = config.server?.email\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify({\n    to: emailConfig?.to ? (Array.isArray(emailConfig.to) ? emailConfig.to : [emailConfig.to]) : [],\n    from: emailConfig?.from ?? '',\n    subject: emailConfig?.subject ?? '',\n    hasTransport: !!emailConfig?.transport,\n  }))\n}\n\nexport function printBanner(server: ViteDevServer, startupTime?: number) {\n  const info = server.config.logger.info\n  const time = startupTime ?? (server as any)._maizzleStartupTime\n\n  info('')\n  info(`  \\x1b[32m\\x1b[1mMAIZZLE\\x1b[0m\\x1b[32m v6.0.0\\x1b[0m  \\x1b[2mready in\\x1b[0m \\x1b[1m${time}\\x1b[0m ms`)\n  info('')\n  server.printUrls()\n  info('')\n}\n\nfunction customLogger() {\n  const logger = createLogger('info')\n  const warn = logger.warn\n\n  logger.warn = (message, options) => {\n    if (typeof message === 'string' && message.includes('<tr> cannot be child of <table>')) {\n      return\n    }\n\n    warn(message, options)\n  }\n\n  return logger\n}\n"],"mappings":"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"}

package/dist/server/ui/App.vue

@@ -361,7 +361,7 @@ onUnmounted(() => {
             v-if="isPreviewRoute && (!isFullSize || selectedDevice) && panelWidth"
             class="hidden min-[430px]:inline text-xs font-medium tabular-nums text-gray-500 dark:text-gray-400 select-none"
           >
-            {{ panelWidth }} × {{ panelHeight }}
+            {{ panelWidth }} <button class="hover:text-gray-700 dark:hover:text-gray-300" @click="selectedDevice = null; isFullSize = true; viewMode = 'preview'; resetKey++">&times;</button> {{ panelHeight }}
           </span>
           <DropdownMenu v-if="isPreviewRoute" v-model:open="deviceMenuOpen" :modal="false">
             <DropdownMenuTrigger as-child>

package/dist/server/ui/pages/Preview.vue

@@ -412,6 +412,8 @@ function onEdgeDrag(e: MouseEvent | TouchEvent, edge: Edge) {
   const isHorizontal = edge === 'left' || edge === 'right'
   const sign = (edge === 'left' || edge === 'top') ? -1 : 1
 
+  document.documentElement.style.cursor = isHorizontal ? 'ew-resize' : 'ns-resize'
+
   const onMove = (ev: MouseEvent | TouchEvent) => {
     const point = ev.type === 'touchmove' ? (ev as TouchEvent).touches[0] : (ev as MouseEvent)
     if (isHorizontal) {
@@ -426,6 +428,7 @@ function onEdgeDrag(e: MouseEvent | TouchEvent, edge: Edge) {
 
   const onUp = () => {
     isDragging.value = false
+    document.documentElement.style.cursor = ''
     updateFullSize()
     document.removeEventListener('mousemove', onMove)
     document.removeEventListener('mouseup', onUp)

package/dist/transformers/inlineCSS.mjs

@@ -50,9 +50,14 @@ function inlineCSS(dom, config = {}) {
 		return dom;
 	}
 	const result = parse(inlinedHtml);
-	if (preferUnitlessValues) walk(result, (node) => {
+	walk(result, (node) => {
 		const el = node;
-		if (el.attribs?.style) el.attribs.style = el.attribs.style.replace(/\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g, "0");
+		if (el.attribs?.style) {
+			let style = el.attribs.style.replace(/:\s*/g, ": ").replace(/;\s*/g, "; ").trimEnd();
+			if (!style.endsWith(";")) style += ";";
+			if (preferUnitlessValues) style = style.replace(/\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g, "0");
+			el.attribs.style = style;
+		}
 	});
 	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\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"}
+{"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  walk(result, (node) => {\n    const el = node as Element\n    if (el.attribs?.style) {\n      // Normalize style formatting: ensure spaces after : and ;\n      let style = el.attribs.style\n        .replace(/:\\s*/g, ': ')\n        .replace(/;\\s*/g, '; ')\n        .trimEnd()\n\n      // Ensure trailing semicolon\n      if (!style.endsWith(';')) {\n        style += ';'\n      }\n\n      if (preferUnitlessValues) {\n        style = 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      el.attribs.style = style\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,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,OAAO;GAErB,IAAI,QAAQ,GAAG,QAAQ,MACpB,QAAQ,SAAS,KAAK,CACtB,QAAQ,SAAS,KAAK,CACtB,SAAS;AAGZ,OAAI,CAAC,MAAM,SAAS,IAAI,CACtB,UAAS;AAGX,OAAI,qBACF,SAAQ,MAAM,QACZ,4DACA,IACD;AAGH,MAAG,QAAQ,QAAQ;;GAErB;AAIF,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/transformers/tailwindcss.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindcss.d.mts","names":[],"sources":["../../src/transformers/tailwindcss.ts"],"mappings":";;;;;;AAsJA;;;;;;;;;;;;;;iBAAsB,WAAA,CAAY,GAAA,EAAK,SAAA,IAAa,MAAA,EAAQ,aAAA,EAAe,QAAA,YAAoB,OAAA,CAAQ,SAAA"}
+{"version":3,"file":"tailwindcss.d.mts","names":[],"sources":["../../src/transformers/tailwindcss.ts"],"mappings":";;;;;;AAoJA;;;;;;;;;;;;;;iBAAsB,WAAA,CAAY,GAAA,EAAK,SAAA,IAAa,MAAA,EAAQ,aAAA,EAAe,QAAA,YAAoB,OAAA,CAAQ,SAAA"}

package/dist/transformers/tailwindcss.mjs

@@ -1,12 +1,12 @@
 import { walk } from "../utils/ast/walker.mjs";
 import "../utils/ast/index.mjs";
+import resolveProps_default from "../plugins/postcss/resolveProps.mjs";
 import pruneVars_default from "../plugins/postcss/pruneVars.mjs";
 import { tailwindCleanup } from "../plugins/postcss/tailwindCleanup.mjs";
 import { mergeMediaQueries } from "../plugins/postcss/mergeMediaQueries.mjs";
 import { dirname, relative, resolve } from "node:path";
 import postcss from "postcss";
 import tailwindcssPostcss from "@tailwindcss/postcss";
-import customProperties from "postcss-custom-properties";
 import postcssCalc from "postcss-calc";
 import safeParser from "postcss-safe-parser";
 import { transform } from "lightningcss";
@@ -19,7 +19,7 @@ function createProcessor(config) {
 			transformAssetUrls: false,
 			optimize: false
 		}),
-		customProperties({ preserve: false }),
+		resolveProps_default(),
 		postcssCalc({}),
 		pruneVars_default()
 	]);

package/dist/transformers/tailwindcss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindcss.mjs","names":["pruneVars"],"sources":["../../src/transformers/tailwindcss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport tailwindcssPostcss from '@tailwindcss/postcss'\nimport customProperties from 'postcss-custom-properties'\nimport postcssCalc from 'postcss-calc'\nimport pruneVars from '../plugins/postcss/pruneVars.ts'\nimport safeParser from 'postcss-safe-parser'\nimport { transform } from 'lightningcss'\nimport { resolve, dirname, relative } from 'node:path'\nimport type { ChildNode, Element } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport { tailwindCleanup } from '../plugins/postcss/tailwindCleanup.ts'\nimport { mergeMediaQueries } from '../plugins/postcss/mergeMediaQueries.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nfunction createProcessor(config: MaizzleConfig) {\n  return postcss([\n    tailwindcssPostcss({\n      base: config.css?.base,\n      transformAssetUrls: false,\n      optimize: false, // we run Lightning CSS manually\n    }),\n    customProperties({\n      preserve: false,\n    }),\n    postcssCalc({}),\n    pruneVars(),\n  ])\n}\n\n/**\n * Decode HTML entities that Vue SSR encodes inside <style> tags.\n *\n * Vue's renderToString HTML-encodes quotes and other characters\n * inside <style> tags within templates, breaking CSS like\n * `@import \"@maizzle/tailwindcss\"` → `@import &quot;...&quot;`\n */\nfunction decodeEntities(str: string): string {\n  return str\n    .replace(/&quot;/g, '\"')\n    .replace(/&amp;/g, '&')\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&#39;/g, \"'\")\n    .replace(/&apos;/g, \"'\")\n}\n\n/**\n * Check if CSS content uses Tailwind features that require source scanning.\n *\n * Only CSS that imports Tailwind (or @maizzle/tailwindcss) needs @source\n * directives. Plain CSS without Tailwind imports doesn't need scanning\n * and would pass through @source directives unconsumed.\n */\nfunction usesTailwind(css: string): boolean {\n  return /(@import\\s+[\"'](tailwindcss|@maizzle\\/tailwindcss)|@tailwind\\s)/.test(css)\n}\n\n/**\n * Lower modern CSS syntax using lightningcss.\n *\n * Targets IE 1 to maximize syntax lowering — converts modern features\n * like nesting, oklch(), color-mix(), @property, etc. into simple CSS\n * that email clients can understand.\n */\nfunction lowerSyntax(css: string): string {\n  const result = transform({\n    filename: 'email.css',\n    code: Buffer.from(css),\n    minify: false,\n    targets: {\n      ie: 4 << 5,\n    },\n  })\n\n  return result.code.toString()\n}\n\n/**\n * Run cleanup and media query merging on the compiled CSS.\n *\n * Removes unwanted selectors (:host, :lang) and at-rules (@layer, @property),\n * then sorts and merges media queries.\n */\nasync function optimizeCss(css: string, config: MaizzleConfig): Promise<string> {\n  const plugins: postcss.Plugin[] = [...tailwindCleanup(config)]\n\n  const mediaPlugin = mergeMediaQueries(config)\n  if (mediaPlugin) plugins.push(mediaPlugin)\n\n  const result = await postcss(plugins).process(css, { from: undefined })\n\n  return result.css\n}\n\n/**\n * Build @source directives for Tailwind CSS scanning.\n *\n * Configures two types of sources:\n * 1. Exclusions for output dir and user-configured paths\n * 2. Inline source with all class attribute values from the rendered DOM,\n *    capturing classes from all components (built-in + user), dynamic\n *    expressions, and the template itself — Tailwind's scanner handles\n *    the actual class extraction from these raw values\n */\nfunction buildSourceDirectives(dom: ChildNode[], config: MaizzleConfig, fromDir: string): string {\n  const directives: string[] = []\n\n  // Exclude output dir and user-configured paths\n  const excludePaths = [\n    resolve(config.output?.path ?? 'dist'),\n    ...(config.css?.exclude ?? []).map(p => resolve(p)),\n  ]\n\n  for (const p of excludePaths) {\n    directives.push(`@source not \"${relative(fromDir, resolve(p))}\";`)\n  }\n\n  // Inline source: collect all class attribute values from the rendered DOM.\n  // After Vue SSR, the DOM contains every class from every component\n  // (built-in framework components, user components, dynamic bindings).\n  // We pass these raw values to Tailwind's scanner via @source inline().\n  const classes: string[] = []\n  walk(dom, (n) => {\n    const cls = (n as Element).attribs?.class\n    if (cls) classes.push(cls)\n  })\n\n  if (classes.length) {\n    directives.push(`@source inline(\"${classes.join(' ')}\");`)\n  }\n\n  return directives.join('\\n')\n}\n\n/**\n * Tailwind CSS transformer.\n *\n * Compiles CSS inside <style> tags in the DOM using\n * @tailwindcss/postcss, then lowers modern CSS syntax with lightningcss.\n *\n * Configures Tailwind sources to scan:\n * - Rendered class attributes (via `@source inline`) for all classes from all components\n * - User project files (via Tailwind's auto-detection from base/from path)\n *\n * User `@source` and `@source not directives` in style tags are preserved.\n * Source directives are only added to style tags that import Tailwind.\n *\n * Runs as the first transformer in the pipeline so that subsequent\n * transformers (inliner, purge, etc.) work with fully compiled CSS.\n */\nexport async function tailwindcss(dom: ChildNode[], config: MaizzleConfig, filePath?: string): Promise<ChildNode[]> {\n  const styleTags: { node: Element; cssContent: string }[] = []\n\n  walk(dom, (node) => {\n    if ((node as Element).name !== 'style') return\n\n    const el = node as Element\n    const attrs = el.attribs || {}\n\n    // Skip marked style tags\n    // Remove 'raw' marker but preserve 'embed'/'data-embed' for Juice\n    if ('raw' in attrs) {\n      delete el.attribs.raw\n      return\n    }\n\n    if ('embed' in attrs || 'data-embed' in attrs) {\n      return\n    }\n\n    // Get text content from children and decode HTML entities\n    const rawContent = el.children\n      .filter(child => child.type === 'text')\n      .map(child => (child as any).data)\n      .join('')\n\n    if (!rawContent.trim()) return\n\n    styleTags.push({ node: el, cssContent: decodeEntities(rawContent) })\n  })\n\n  if (!styleTags.length) return dom\n\n  const fromPath = filePath ?? resolve(process.cwd(), 'template.vue')\n  const fromDir = dirname(fromPath)\n\n  // Only compute source directives if at least one style tag uses Tailwind\n  const hasTailwindStyles = styleTags.some(({ cssContent }) => usesTailwind(cssContent))\n  const sourceDirectives = hasTailwindStyles\n    ? buildSourceDirectives(dom, config, fromDir)\n    : ''\n\n  // Create processor once — reused for all style tags in this template\n  const processor = createProcessor(config)\n\n  for (let i = 0; i < styleTags.length; i++) {\n    const { node, cssContent } = styleTags[i]\n\n    // Only add source directives to style tags that import Tailwind —\n    // plain CSS doesn't need them and @tailwindcss/postcss would leave\n    // the directives unconsumed in the output\n    const fullCss = usesTailwind(cssContent)\n      ? `${cssContent}\\n${sourceDirectives}`\n      : cssContent\n\n    try {\n      const result = await processor.process(\n        fullCss,\n        {\n          from: `${fromPath}?style=${i}`,\n          parser: safeParser,\n        }\n      )\n\n      const lowered = lowerSyntax(result.css)\n      const optimized = await optimizeCss(lowered, config)\n\n      // Replace the style tag's children with the compiled CSS\n      node.children = [{\n        type: 'text',\n        data: optimized,\n        parent: node,\n      } as any]\n    } catch {\n      // If CSS processing fails, still replace with decoded content\n      // so HTML entities don't break the CSS\n      node.children = [{\n        type: 'text',\n        data: cssContent,\n        parent: node,\n      } as any]\n    }\n  }\n\n  return dom\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,SAAS,gBAAgB,QAAuB;AAC9C,QAAO,QAAQ;EACb,mBAAmB;GACjB,MAAM,OAAO,KAAK;GAClB,oBAAoB;GACpB,UAAU;GACX,CAAC;EACF,iBAAiB,EACf,UAAU,OACX,CAAC;EACF,YAAY,EAAE,CAAC;EACfA,mBAAW;EACZ,CAAC;;;;;;;;;AAUJ,SAAS,eAAe,KAAqB;AAC3C,QAAO,IACJ,QAAQ,WAAW,KAAI,CACvB,QAAQ,UAAU,IAAI,CACtB,QAAQ,SAAS,IAAI,CACrB,QAAQ,SAAS,IAAI,CACrB,QAAQ,UAAU,IAAI,CACtB,QAAQ,WAAW,IAAI;;;;;;;;;AAU5B,SAAS,aAAa,KAAsB;AAC1C,QAAO,kEAAkE,KAAK,IAAI;;;;;;;;;AAUpF,SAAS,YAAY,KAAqB;AAUxC,QATe,UAAU;EACvB,UAAU;EACV,MAAM,OAAO,KAAK,IAAI;EACtB,QAAQ;EACR,SAAS,EACP,IAAI,KACL;EACF,CAAC,CAEY,KAAK,UAAU;;;;;;;;AAS/B,eAAe,YAAY,KAAa,QAAwC;CAC9E,MAAM,UAA4B,CAAC,GAAG,gBAAgB,OAAO,CAAC;CAE9D,MAAM,cAAc,kBAAkB,OAAO;AAC7C,KAAI,YAAa,SAAQ,KAAK,YAAY;AAI1C,SAFe,MAAM,QAAQ,QAAQ,CAAC,QAAQ,KAAK,EAAE,MAAM,QAAW,CAAC,EAEzD;;;;;;;;;;;;AAahB,SAAS,sBAAsB,KAAkB,QAAuB,SAAyB;CAC/F,MAAM,aAAuB,EAAE;CAG/B,MAAM,eAAe,CACnB,QAAQ,OAAO,QAAQ,QAAQ,OAAO,EACtC,IAAI,OAAO,KAAK,WAAW,EAAE,EAAE,KAAI,MAAK,QAAQ,EAAE,CAAC,CACpD;AAED,MAAK,MAAM,KAAK,aACd,YAAW,KAAK,gBAAgB,SAAS,SAAS,QAAQ,EAAE,CAAC,CAAC,IAAI;CAOpE,MAAM,UAAoB,EAAE;AAC5B,MAAK,MAAM,MAAM;EACf,MAAM,MAAO,EAAc,SAAS;AACpC,MAAI,IAAK,SAAQ,KAAK,IAAI;GAC1B;AAEF,KAAI,QAAQ,OACV,YAAW,KAAK,mBAAmB,QAAQ,KAAK,IAAI,CAAC,KAAK;AAG5D,QAAO,WAAW,KAAK,KAAK;;;;;;;;;;;;;;;;;;AAmB9B,eAAsB,YAAY,KAAkB,QAAuB,UAAyC;CAClH,MAAM,YAAqD,EAAE;AAE7D,MAAK,MAAM,SAAS;AAClB,MAAK,KAAiB,SAAS,QAAS;EAExC,MAAM,KAAK;EACX,MAAM,QAAQ,GAAG,WAAW,EAAE;AAI9B,MAAI,SAAS,OAAO;AAClB,UAAO,GAAG,QAAQ;AAClB;;AAGF,MAAI,WAAW,SAAS,gBAAgB,MACtC;EAIF,MAAM,aAAa,GAAG,SACnB,QAAO,UAAS,MAAM,SAAS,OAAO,CACtC,KAAI,UAAU,MAAc,KAAK,CACjC,KAAK,GAAG;AAEX,MAAI,CAAC,WAAW,MAAM,CAAE;AAExB,YAAU,KAAK;GAAE,MAAM;GAAI,YAAY,eAAe,WAAW;GAAE,CAAC;GACpE;AAEF,KAAI,CAAC,UAAU,OAAQ,QAAO;CAE9B,MAAM,WAAW,YAAY,QAAQ,QAAQ,KAAK,EAAE,eAAe;CACnE,MAAM,UAAU,QAAQ,SAAS;CAIjC,MAAM,mBADoB,UAAU,MAAM,EAAE,iBAAiB,aAAa,WAAW,CAAC,GAElF,sBAAsB,KAAK,QAAQ,QAAQ,GAC3C;CAGJ,MAAM,YAAY,gBAAgB,OAAO;AAEzC,MAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;EACzC,MAAM,EAAE,MAAM,eAAe,UAAU;EAKvC,MAAM,UAAU,aAAa,WAAW,GACpC,GAAG,WAAW,IAAI,qBAClB;AAEJ,MAAI;AAaF,QAAK,WAAW,CAAC;IACf,MAAM;IACN,MALgB,MAAM,YADR,aARD,MAAM,UAAU,QAC7B,SACA;KACE,MAAM,GAAG,SAAS,SAAS;KAC3B,QAAQ;KACT,CACF,EAEkC,IAAI,EACM,OAAO;IAMlD,QAAQ;IACT,CAAQ;UACH;AAGN,QAAK,WAAW,CAAC;IACf,MAAM;IACN,MAAM;IACN,QAAQ;IACT,CAAQ;;;AAIb,QAAO"}
+{"version":3,"file":"tailwindcss.mjs","names":["resolveProps","pruneVars"],"sources":["../../src/transformers/tailwindcss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport tailwindcssPostcss from '@tailwindcss/postcss'\nimport postcssCalc from 'postcss-calc'\nimport resolveProps from '../plugins/postcss/resolveProps.ts'\nimport pruneVars from '../plugins/postcss/pruneVars.ts'\nimport safeParser from 'postcss-safe-parser'\nimport { transform } from 'lightningcss'\nimport { resolve, dirname, relative } from 'node:path'\nimport type { ChildNode, Element } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport { tailwindCleanup } from '../plugins/postcss/tailwindCleanup.ts'\nimport { mergeMediaQueries } from '../plugins/postcss/mergeMediaQueries.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nfunction createProcessor(config: MaizzleConfig) {\n  return postcss([\n    tailwindcssPostcss({\n      base: config.css?.base,\n      transformAssetUrls: false,\n      optimize: false, // we run Lightning CSS manually\n    }),\n    resolveProps(),\n    postcssCalc({}),\n    pruneVars(),\n  ])\n}\n\n/**\n * Decode HTML entities that Vue SSR encodes inside <style> tags.\n *\n * Vue's renderToString HTML-encodes quotes and other characters\n * inside <style> tags within templates, breaking CSS like\n * `@import \"@maizzle/tailwindcss\"` → `@import &quot;...&quot;`\n */\nfunction decodeEntities(str: string): string {\n  return str\n    .replace(/&quot;/g, '\"')\n    .replace(/&amp;/g, '&')\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&#39;/g, \"'\")\n    .replace(/&apos;/g, \"'\")\n}\n\n/**\n * Check if CSS content uses Tailwind features that require source scanning.\n *\n * Only CSS that imports Tailwind (or @maizzle/tailwindcss) needs @source\n * directives. Plain CSS without Tailwind imports doesn't need scanning\n * and would pass through @source directives unconsumed.\n */\nfunction usesTailwind(css: string): boolean {\n  return /(@import\\s+[\"'](tailwindcss|@maizzle\\/tailwindcss)|@tailwind\\s)/.test(css)\n}\n\n/**\n * Lower modern CSS syntax using lightningcss.\n *\n * Targets IE 1 to maximize syntax lowering — converts modern features\n * like nesting, oklch(), color-mix(), @property, etc. into simple CSS\n * that email clients can understand.\n */\nfunction lowerSyntax(css: string): string {\n  const result = transform({\n    filename: 'email.css',\n    code: Buffer.from(css),\n    minify: false,\n    targets: {\n      ie: 4 << 5,\n    },\n  })\n\n  return result.code.toString()\n}\n\n/**\n * Run cleanup and media query merging on the compiled CSS.\n *\n * Removes unwanted selectors (:host, :lang) and at-rules (@layer, @property),\n * then sorts and merges media queries.\n */\nasync function optimizeCss(css: string, config: MaizzleConfig): Promise<string> {\n  const plugins: postcss.Plugin[] = [...tailwindCleanup(config)]\n\n  const mediaPlugin = mergeMediaQueries(config)\n  if (mediaPlugin) plugins.push(mediaPlugin)\n\n  const result = await postcss(plugins).process(css, { from: undefined })\n\n  return result.css\n}\n\n/**\n * Build @source directives for Tailwind CSS scanning.\n *\n * Configures two types of sources:\n * 1. Exclusions for output dir and user-configured paths\n * 2. Inline source with all class attribute values from the rendered DOM,\n *    capturing classes from all components (built-in + user), dynamic\n *    expressions, and the template itself — Tailwind's scanner handles\n *    the actual class extraction from these raw values\n */\nfunction buildSourceDirectives(dom: ChildNode[], config: MaizzleConfig, fromDir: string): string {\n  const directives: string[] = []\n\n  // Exclude output dir and user-configured paths\n  const excludePaths = [\n    resolve(config.output?.path ?? 'dist'),\n    ...(config.css?.exclude ?? []).map(p => resolve(p)),\n  ]\n\n  for (const p of excludePaths) {\n    directives.push(`@source not \"${relative(fromDir, resolve(p))}\";`)\n  }\n\n  // Inline source: collect all class attribute values from the rendered DOM.\n  // After Vue SSR, the DOM contains every class from every component\n  // (built-in framework components, user components, dynamic bindings).\n  // We pass these raw values to Tailwind's scanner via @source inline().\n  const classes: string[] = []\n  walk(dom, (n) => {\n    const cls = (n as Element).attribs?.class\n    if (cls) classes.push(cls)\n  })\n\n  if (classes.length) {\n    directives.push(`@source inline(\"${classes.join(' ')}\");`)\n  }\n\n  return directives.join('\\n')\n}\n\n/**\n * Tailwind CSS transformer.\n *\n * Compiles CSS inside <style> tags in the DOM using\n * @tailwindcss/postcss, then lowers modern CSS syntax with lightningcss.\n *\n * Configures Tailwind sources to scan:\n * - Rendered class attributes (via `@source inline`) for all classes from all components\n * - User project files (via Tailwind's auto-detection from base/from path)\n *\n * User `@source` and `@source not directives` in style tags are preserved.\n * Source directives are only added to style tags that import Tailwind.\n *\n * Runs as the first transformer in the pipeline so that subsequent\n * transformers (inliner, purge, etc.) work with fully compiled CSS.\n */\nexport async function tailwindcss(dom: ChildNode[], config: MaizzleConfig, filePath?: string): Promise<ChildNode[]> {\n  const styleTags: { node: Element; cssContent: string }[] = []\n\n  walk(dom, (node) => {\n    if ((node as Element).name !== 'style') return\n\n    const el = node as Element\n    const attrs = el.attribs || {}\n\n    // Skip marked style tags\n    // Remove 'raw' marker but preserve 'embed'/'data-embed' for Juice\n    if ('raw' in attrs) {\n      delete el.attribs.raw\n      return\n    }\n\n    if ('embed' in attrs || 'data-embed' in attrs) {\n      return\n    }\n\n    // Get text content from children and decode HTML entities\n    const rawContent = el.children\n      .filter(child => child.type === 'text')\n      .map(child => (child as any).data)\n      .join('')\n\n    if (!rawContent.trim()) return\n\n    styleTags.push({ node: el, cssContent: decodeEntities(rawContent) })\n  })\n\n  if (!styleTags.length) return dom\n\n  const fromPath = filePath ?? resolve(process.cwd(), 'template.vue')\n  const fromDir = dirname(fromPath)\n\n  // Only compute source directives if at least one style tag uses Tailwind\n  const hasTailwindStyles = styleTags.some(({ cssContent }) => usesTailwind(cssContent))\n  const sourceDirectives = hasTailwindStyles\n    ? buildSourceDirectives(dom, config, fromDir)\n    : ''\n\n  // Create processor once — reused for all style tags in this template\n  const processor = createProcessor(config)\n\n  for (let i = 0; i < styleTags.length; i++) {\n    const { node, cssContent } = styleTags[i]\n\n    // Only add source directives to style tags that import Tailwind —\n    // plain CSS doesn't need them and @tailwindcss/postcss would leave\n    // the directives unconsumed in the output\n    const fullCss = usesTailwind(cssContent)\n      ? `${cssContent}\\n${sourceDirectives}`\n      : cssContent\n\n    try {\n      const result = await processor.process(\n        fullCss,\n        {\n          from: `${fromPath}?style=${i}`,\n          parser: safeParser,\n        }\n      )\n\n      const lowered = lowerSyntax(result.css)\n      const optimized = await optimizeCss(lowered, config)\n\n      // Replace the style tag's children with the compiled CSS\n      node.children = [{\n        type: 'text',\n        data: optimized,\n        parent: node,\n      } as any]\n    } catch {\n      // If CSS processing fails, still replace with decoded content\n      // so HTML entities don't break the CSS\n      node.children = [{\n        type: 'text',\n        data: cssContent,\n        parent: node,\n      } as any]\n    }\n  }\n\n  return dom\n}\n"],"mappings":"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"}

package/dist/types/config.d.mts

@@ -193,18 +193,6 @@ interface CssConfig {
    * @default true
    */
   preferUnitless?: boolean;
-  /**
-   * Resolve CSS `calc()` expressions to static values where possible.
-   *
-   * @default true
-   */
-  resolveCalc?: boolean;
-  /**
-   * Resolve CSS custom properties (`var()`) to their computed values.
-   *
-   * @default true
-   */
-  resolveProps?: boolean;
   /**
    * Replace unsafe CSS class names with email-safe equivalents.
    *

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/node_modules/maizzle/dist/commands/new.mjs

@@ -4,7 +4,7 @@ import * as p from "@clack/prompts";
 import { rm } from "node:fs/promises";
 import { existsSync } from "node:fs";
 import { execFileSync } from "node:child_process";
-import { detectPackageManager, installDependencies } from "nypm";
+import { installDependencies } from "nypm";
 //#region src/commands/new.ts
 const starters = [
 	{
@@ -210,32 +210,7 @@ async function newProject(starterArg, dirArg, options = {}) {
 				message: "Install dependencies?",
 				initialValue: true
 			}),
-			pm: async ({ results }) => {
-				if (!results.install) return "npm";
-				const detected = await detectPackageManager(process.cwd()).catch(() => null);
-				return p.select({
-					message: "Select a package manager",
-					initialValue: detected?.name || "npm",
-					options: [
-						{
-							value: "npm",
-							label: "npm"
-						},
-						{
-							value: "pnpm",
-							label: "pnpm"
-						},
-						{
-							value: "yarn",
-							label: "yarn"
-						},
-						{
-							value: "bun",
-							label: "bun"
-						}
-					]
-				});
-			}
+			pm: async () => "npm"
 		}, { onCancel: () => {
 			p.cancel("💀");
 			process.exit(0);

package/node_modules/maizzle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maizzle",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "CLI tool for the Maizzle Email Framework",
   "license": "MIT",
   "type": "module",
@@ -35,7 +35,7 @@
     "@types/node": "^25.2.3",
     "@vitest/coverage-v8": "^4.1.3",
     "tsdown": "^0.21.7",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vitest": "^4.1.3"
   },
   "repository": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.10",
+  "version": "6.0.0-rc.12",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -33,9 +33,9 @@
     "maizzle"
   ],
   "dependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
-    "@tailwindcss/vite": "^4.1.18",
-    "@unhead/vue": "^2.1.4",
+    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/vite": "^4.2.2",
+    "@unhead/vue": "^3.0.4",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vitest/coverage-v8": "^4.0.18",
     "@vueuse/core": "^14.2.1",
@@ -43,14 +43,14 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "color-shorthand-hex-to-six-digit": "^5.1.3",
-    "css-select": "^6.0.0",
+    "css-select": "^7.0.0",
     "defu": "^6.1.4",
-    "dom-serializer": "^2.0.0",
-    "domhandler": "^5.0.3",
+    "dom-serializer": "^3.0.0",
+    "domhandler": "^6.0.1",
     "email-comb": "^7.1.3",
     "html-crush": "^6.1.3",
     "html-to-image": "^1.11.13",
-    "htmlparser2": "^10.1.0",
+    "htmlparser2": "^12.0.0",
     "is-url-superb": "^6.1.0",
     "jiti": "^2.6.1",
     "juice": "^11.1.1",
@@ -62,10 +62,9 @@
     "oxfmt": "^0.35.0",
     "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
-    "postcss-custom-properties": "^15.0.0",
     "postcss-merge-longhand": "^7.0.5",
     "postcss-safe-parser": "^7.0.1",
-    "postcss-sort-media-queries": "^5.2.0",
+    "postcss-sort-media-queries": "^6.5.0",
     "postcss-value-parser": "^4.2.0",
     "query-string": "^9.3.1",
     "reka-ui": "^2.9.3",

package/dist/composables/usePreviewText.d.mts

@@ -1,24 +0,0 @@
-//#region src/composables/usePreviewText.d.ts
-interface UsePreviewTextOptions {
-  /** Number of  ͏ filler pairs to render. @default 150 */
-  fillerCount?: number;
-  /** Number of ­ entities to render. @default 150 */
-  shyCount?: number;
-}
-/**
- * Set the preview/preheader text for the current email template.
- *
- * Injects a hidden `<div>` at the start of `<body>` with the preview text
- * followed by filler characters that prevent email clients from pulling
- * in body content after the preheader.
- *
- * Usage in SFC <script setup>:
- * ```ts
- * usePreviewText('Thanks for signing up!')
- * usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })
- * ```
- */
-declare function usePreviewText(text: string, options?: UsePreviewTextOptions): void;
-//#endregion
-export { UsePreviewTextOptions, usePreviewText };
-//# sourceMappingURL=usePreviewText.d.mts.map

package/dist/composables/usePreviewText.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreviewText.d.mts","names":[],"sources":["../../src/composables/usePreviewText.ts"],"mappings":";UAGiB,qBAAA;EAAA;EAEf,WAAA;;EAEA,QAAA;AAAA;AAgBF;;;;;;;;;;;;;AAAA,iBAAgB,cAAA,CAAe,IAAA,UAAc,OAAA,GAAU,qBAAA"}

package/dist/composables/usePreviewText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreviewText.mjs","names":[],"sources":["../../src/composables/usePreviewText.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\n\nexport interface UsePreviewTextOptions {\n  /** Number of &#8199;&#847; filler pairs to render. @default 150 */\n  fillerCount?: number\n  /** Number of &shy; entities to render. @default 150 */\n  shyCount?: number\n}\n\n/**\n * Set the preview/preheader text for the current email template.\n *\n * Injects a hidden `<div>` at the start of `<body>` with the preview text\n * followed by filler characters that prevent email clients from pulling\n * in body content after the preheader.\n *\n * Usage in SFC <script setup>:\n * ```ts\n * usePreviewText('Thanks for signing up!')\n * usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })\n * ```\n */\nexport function usePreviewText(text: string, options?: UsePreviewTextOptions): void {\n  const ctx = inject(RenderContextKey)\n  if (ctx) {\n    ctx.previewText = {\n      text,\n      fillerCount: options?.fillerCount ?? 150,\n      shyCount: options?.shyCount ?? 150,\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,eAAe,MAAc,SAAuC;CAClF,MAAM,MAAM,OAAO,iBAAiB;AACpC,KAAI,IACF,KAAI,cAAc;EAChB;EACA,aAAa,SAAS,eAAe;EACrC,UAAU,SAAS,YAAY;EAChC"}