@maizzle/framework 6.0.0-rc.8 → 6.0.0

package/node_modules/tinyexec/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinyexec",
-  "version": "1.1.1",
+  "version": "1.2.4",
   "type": "module",
   "description": "A minimal library for executing processes in Node",
   "main": "./dist/main.mjs",
@@ -8,17 +8,18 @@
     "node": ">=18"
   },
   "files": [
-    "dist"
+    "dist",
+    "THIRD-PARTY-LICENSES.txt"
   ],
   "scripts": {
     "build": "tsdown",
-    "build:types": "tsc",
     "dev": "tsdown --watch",
     "format": "prettier --write src",
     "format:check": "prettier --check src",
-    "lint": "eslint src && publint",
+    "lint": "tsc --noEmit && eslint src && publint",
     "prepare": "npm run build",
-    "test": "npm run build && vitest run"
+    "test": "npm run build && npm run test:unit",
+    "test:unit": "vitest run"
   },
   "repository": {
     "type": "git",
@@ -39,17 +40,14 @@
   "homepage": "https://github.com/tinylibs/tinyexec#readme",
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/cross-spawn": "^6.0.6",
-    "@types/node": "^25.5.2",
-    "@vitest/coverage-v8": "^4.1.2",
-    "cross-spawn": "^7.0.6",
-    "eslint": "^10.2.0",
-    "prettier": "^3.8.1",
-    "publint": "^0.3.18",
-    "rollup-plugin-license": "^3.7.0",
-    "tsdown": "^0.21.7",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.0",
+    "@types/node": "^25.9.1",
+    "@vitest/coverage-v8": "^4.1.7",
+    "eslint": "^10.4.0",
+    "prettier": "^3.8.3",
+    "publint": "^0.3.21",
+    "tsdown": "^0.22.0",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.60.0",
     "vitest": "^4.0.7"
   },
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.8",
+  "version": "6.0.0",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -9,8 +9,8 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.mts"
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "bin": {
@@ -33,64 +33,72 @@
     "maizzle"
   ],
   "dependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
-    "@tailwindcss/vite": "^4.1.18",
-    "@unhead/vue": "^2.1.4",
+    "@lucide/vue": "^1.16.0",
+    "@maizzle/tailwindcss": "latest",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
+    "@unhead/vue": "^3.0.4",
     "@vitejs/plugin-vue": "^6.0.4",
-    "@vitest/coverage-v8": "^4.0.18",
     "@vueuse/core": "^14.2.1",
-    "caniemail": "^1.0.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "css-select": "^6.0.0",
+    "color-shorthand-hex-to-six-digit": "^5.1.3",
+    "css-select": "^7.0.0",
+    "culori": "^4.0.2",
     "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",
-    "lucide-vue-next": "^1.0.0",
+    "juice": "^12.0.0",
     "maizzle": "latest",
-    "markdown-exit": "^1.0.0-beta.9",
+    "markdown-exit": "^1.1.0-beta.2",
     "nodemailer": "^8.0.5",
     "ora": "^9.3.0",
-    "oxfmt": "^0.35.0",
+    "oxfmt": "^0.53.0",
+    "pathe": "^2.0.3",
     "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
-    "postcss-custom-properties": "^15.0.0",
-    "postcss-merge-longhand": "^7.0.5",
+    "postcss-merge-longhand": "^8.0.0",
     "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",
-    "shiki": "^4.0.2",
     "string-strip-html": "^13.5.3",
-    "tailwind-merge": "^3.5.0",
     "tinyglobby": "^0.2.15",
+    "tinypool": "^2.1.0",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue-components": "^31.0.0",
-    "unplugin-vue-markdown": "^30.0.0",
-    "vite": "^7.3.1",
-    "vue": "^3.5.28",
+    "unplugin-vue-components": "^32.1.0",
+    "unplugin-vue-markdown": "^32.0.0",
+    "uqr": "^0.1.3",
+    "vite": "^8.0.16",
     "vue-router": "^5.0.2"
   },
+  "peerDependencies": {
+    "shiki": "^1 || ^2 || ^3 || ^4",
+    "tailwind-merge": "^2 || ^3",
+    "vue": "^3"
+  },
   "devDependencies": {
-    "@types/js-beautify": "^1.14.3",
+    "@types/culori": "^4.0.1",
     "@types/node": "^25.2.3",
     "@types/nodemailer": "^8.0.0",
     "@types/postcss-safe-parser": "^5.0.4",
+    "@vitest/coverage-v8": "^4.0.18",
     "@vue/test-utils": "^2.4.6",
     "happy-dom": "^20.6.3",
     "oxlint": "^1.50.0",
-    "tsdown": "^0.20.3",
-    "vitest": "^4.0.18"
+    "shiki": "^4.0.2",
+    "tailwind-merge": "^3.5.0",
+    "tsdown": "^0.22.0",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.28"
   },
   "repository": {
     "type": "git",

package/dist/build.d.mts

@@ -1,19 +0,0 @@
-import { MaizzleConfig } from "./types/config.mjs";
-//#region src/build.d.ts
-interface BuildOptions {
-  config?: Partial<MaizzleConfig> | string;
-}
-interface BuildResult {
-  files: string[];
-  config: MaizzleConfig;
-}
-/**
- * Build all SFC email templates to HTML files.
- *
- * Creates a single Renderer instance, then loops through each template
- * calling render → transformers → write to disk.
- */
-declare function build(options?: BuildOptions): Promise<BuildResult>;
-//#endregion
-export { BuildOptions, BuildResult, build };
-//# sourceMappingURL=build.d.mts.map

package/dist/build.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"build.d.mts","names":[],"sources":["../src/build.ts"],"mappings":";;UAWiB,YAAA;EACf,MAAA,GAAS,OAAA,CAAQ,aAAA;AAAA;AAAA,UAGF,WAAA;EACf,KAAA;EACA,MAAA,EAAQ,aAAA;AAAA;;;;;;AAFV;iBAWsB,KAAA,CAAM,OAAA,GAAS,YAAA,GAAoB,OAAA,CAAQ,WAAA"}

package/dist/build.mjs

@@ -1,140 +0,0 @@
-import { resolveConfig } from "./config/index.mjs";
-import { EventManager } from "./events/index.mjs";
-import { runTransformers } from "./transformers/index.mjs";
-import { createRenderer } from "./render/createRenderer.mjs";
-import { createPlaintext } from "./plaintext.mjs";
-import { cpSync, existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
-import { basename, dirname, join, relative, resolve } from "node:path";
-import { glob } from "tinyglobby";
-import ora from "ora";
-
-//#region src/build.ts
-/**
-* Build all SFC email templates to HTML files.
-*
-* Creates a single Renderer instance, then loops through each template
-* calling render → transformers → write to disk.
-*/
-async function build(options = {}) {
-	const start = Date.now();
-	const spinner = ora("Building templates...").start();
-	const config = await resolveConfig(options.config);
-	const events = new EventManager();
-	events.registerConfig(config);
-	await events.fireBeforeCreate({ config });
-	const outputPath = resolve(config.output?.path ?? "dist");
-	const outputExtension = config.output?.extension ?? "html";
-	const contentPatterns = config.content ?? ["emails/**/*.vue"];
-	const contentBase = computeContentBase(contentPatterns);
-	const templateFiles = await glob(contentPatterns);
-	if (templateFiles.length === 0) {
-		spinner.succeed("No templates found");
-		return {
-			files: [],
-			config
-		};
-	}
-	if (existsSync(outputPath)) rmSync(outputPath, {
-		recursive: true,
-		force: true
-	});
-	const renderer = await createRenderer({
-		markdown: config.markdown,
-		root: config.root,
-		componentDirs: [config.components?.source ?? []].flat()
-	});
-	const outputFiles = [];
-	try {
-		for (const templatePath of templateFiles) {
-			const absolutePath = resolve(templatePath);
-			let template = readFileSync(absolutePath, "utf-8");
-			template = await events.fireBeforeRender({
-				config,
-				template
-			});
-			const rendered = await renderer.render(absolutePath, config);
-			let html = await events.fireAfterRender({
-				config,
-				template,
-				html: rendered.html
-			});
-			const templateConfig = rendered.templateConfig;
-			const doctype = rendered.doctype ?? templateConfig.doctype ?? "<!DOCTYPE html>";
-			if (templateConfig.useTransformers !== false) html = await runTransformers(html, templateConfig, absolutePath, doctype);
-			html = await events.fireAfterTransform({
-				config,
-				template,
-				html
-			});
-			html = `${doctype}\n${html}`;
-			const outputFilePath = resolveOutputPath(templatePath, outputPath, outputExtension, contentBase);
-			mkdirSync(dirname(outputFilePath), { recursive: true });
-			writeFileSync(outputFilePath, html);
-			outputFiles.push(outputFilePath);
-			const globalPlaintext = templateConfig.plaintext;
-			const sfcPlaintext = rendered.plaintext;
-			if (globalPlaintext || sfcPlaintext) {
-				const plaintext = createPlaintext(html, typeof globalPlaintext === "object" ? globalPlaintext : {});
-				const ptExtension = sfcPlaintext?.extension ?? "txt";
-				let ptOutputPath;
-				if (sfcPlaintext?.destination) {
-					const name = basename(templatePath).replace(/\.(vue|md)$/, "");
-					ptOutputPath = join(resolve(sfcPlaintext.destination), `${name}.${ptExtension}`);
-				} else if (typeof globalPlaintext === "string") ptOutputPath = resolveOutputPath(templatePath, resolve(globalPlaintext), ptExtension, contentBase);
-				else ptOutputPath = resolveOutputPath(templatePath, outputPath, ptExtension, contentBase);
-				mkdirSync(dirname(ptOutputPath), { recursive: true });
-				writeFileSync(ptOutputPath, plaintext);
-			}
-			for (const { name, handler } of rendered.sfcEventHandlers) events.on(name, handler);
-			events.clearSfcHandlers();
-		}
-		await copyStatic(config, outputPath);
-		await events.fireAfterBuild({
-			files: outputFiles,
-			config
-		});
-	} finally {
-		await renderer.close();
-	}
-	const duration = ((Date.now() - start) / 1e3).toFixed(2);
-	const count = outputFiles.length;
-	spinner.stopAndPersist({
-		symbol: "✅",
-		text: `Built ${count} template${count !== 1 ? "s" : ""} in ${duration}s`
-	});
-	return {
-		files: outputFiles,
-		config
-	};
-}
-/**
-* Extract the static (non-glob) prefix from content patterns.
-*
-* For example, `['/abs/path/emails/**\/*.vue']` → `'/abs/path/emails'`
-*
-* This is used to strip the content base from template paths
-* so the output preserves only the subdirectory structure.
-*/
-function computeContentBase(patterns) {
-	const staticPart = (patterns.find((p) => !p.startsWith("!")) ?? patterns[0]).split(/[*{?[]/)[0];
-	return resolve(staticPart.endsWith("/") ? staticPart : dirname(staticPart));
-}
-function resolveOutputPath(templatePath, outputDir, extension, contentBase) {
-	const name = basename(templatePath).replace(/\.(vue|md)$/, "");
-	return join(outputDir, relative(contentBase, dirname(resolve(templatePath))), `${name}.${extension}`);
-}
-async function copyStatic(config, outputPath) {
-	const sources = config.static?.source ?? ["public/**/*.*"];
-	const destination = config.static?.destination ?? "public";
-	const files = await glob(sources);
-	for (const file of files) {
-		const destPath = join(outputPath, destination, relative(dirname(sources[0]).replace(/\*.*$/, ""), file));
-		const destDir = dirname(destPath);
-		if (!existsSync(destDir)) mkdirSync(destDir, { recursive: true });
-		cpSync(file, destPath);
-	}
-}
-
-//#endregion
-export { build };
-//# sourceMappingURL=build.mjs.map

package/dist/build.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"build.mjs","names":[],"sources":["../src/build.ts"],"sourcesContent":["import { readFileSync, writeFileSync, mkdirSync, cpSync, existsSync, rmSync } from 'node:fs'\nimport { resolve, dirname, basename, relative, join } from 'node:path'\nimport { glob } from 'tinyglobby'\nimport ora from 'ora'\nimport { resolveConfig } from './config/index.ts'\nimport { EventManager } from './events/index.ts'\nimport { runTransformers } from './transformers/index.ts'\nimport { createRenderer } from './render/createRenderer.ts'\nimport { createPlaintext } from './plaintext.ts'\nimport type { MaizzleConfig } from './types/index.ts'\n\nexport interface BuildOptions {\n  config?: Partial<MaizzleConfig> | string\n}\n\nexport interface BuildResult {\n  files: string[]\n  config: MaizzleConfig\n}\n\n/**\n * Build all SFC email templates to HTML files.\n *\n * Creates a single Renderer instance, then loops through each template\n * calling render → transformers → write to disk.\n */\nexport async function build(options: BuildOptions = {}): Promise<BuildResult> {\n  const start = Date.now()\n  const spinner = ora('Building templates...').start()\n\n  const config = await resolveConfig(options.config)\n\n  const events = new EventManager()\n  events.registerConfig(config)\n  await events.fireBeforeCreate({ config })\n\n  const outputPath = resolve(config.output?.path ?? 'dist')\n  const outputExtension = config.output?.extension ?? 'html'\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const contentBase = computeContentBase(contentPatterns)\n  const templateFiles = await glob(contentPatterns)\n\n  if (templateFiles.length === 0) {\n    spinner.succeed('No templates found')\n    return { files: [], config }\n  }\n\n  // Clear the output directory before writing fresh output\n  if (existsSync(outputPath)) {\n    rmSync(outputPath, { recursive: true, force: true })\n  }\n\n  const renderer = await createRenderer({ markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat() })\n  const outputFiles: string[] = []\n\n  try {\n    for (const templatePath of templateFiles) {\n      const absolutePath = resolve(templatePath)\n      let template = readFileSync(absolutePath, 'utf-8')\n\n      template = await events.fireBeforeRender({ config, template })\n\n      const rendered = await renderer.render(absolutePath, config)\n\n      let html = await events.fireAfterRender({ config, template, html: rendered.html })\n\n      // Use the per-template merged config (from defineConfig() in the SFC) so that\n      // template-level overrides like css.safe: false are respected by transformers.\n      const templateConfig = rendered.templateConfig\n\n      const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n\n      if (templateConfig.useTransformers !== false) {\n        html = await runTransformers(html, templateConfig, absolutePath, doctype)\n      }\n\n      html = await events.fireAfterTransform({ config, template, html })\n      html = `${doctype}\\n${html}`\n\n      const outputFilePath = resolveOutputPath(templatePath, outputPath, outputExtension, contentBase)\n      mkdirSync(dirname(outputFilePath), { recursive: true })\n      writeFileSync(outputFilePath, html)\n      outputFiles.push(outputFilePath)\n\n      // Generate plaintext version if configured\n      const globalPlaintext = templateConfig.plaintext\n      const sfcPlaintext = rendered.plaintext\n\n      if (globalPlaintext || sfcPlaintext) {\n        const stripOptions = typeof globalPlaintext === 'object' ? globalPlaintext : {}\n        const plaintext = createPlaintext(html, stripOptions)\n        const ptExtension = sfcPlaintext?.extension ?? 'txt'\n\n        let ptOutputPath: string\n\n        if (sfcPlaintext?.destination) {\n          const name = basename(templatePath).replace(/\\.(vue|md)$/, '')\n          ptOutputPath = join(resolve(sfcPlaintext.destination), `${name}.${ptExtension}`)\n        } else if (typeof globalPlaintext === 'string') {\n          ptOutputPath = resolveOutputPath(templatePath, resolve(globalPlaintext), ptExtension, contentBase)\n        } else {\n          ptOutputPath = resolveOutputPath(templatePath, outputPath, ptExtension, contentBase)\n        }\n\n        mkdirSync(dirname(ptOutputPath), { recursive: true })\n        writeFileSync(ptOutputPath, plaintext)\n      }\n\n      // Register SFC event handlers that were collected during render\n      for (const { name, handler } of rendered.sfcEventHandlers) {\n        events.on(name, handler)\n      }\n\n      events.clearSfcHandlers()\n    }\n\n    await copyStatic(config, outputPath)\n    await events.fireAfterBuild({ files: outputFiles, config })\n  } finally {\n    await renderer.close()\n  }\n\n  const duration = ((Date.now() - start) / 1000).toFixed(2)\n  const count = outputFiles.length\n  spinner.stopAndPersist({\n    symbol: '✅',\n    text: `Built ${count} template${count !== 1 ? 's' : ''} in ${duration}s`,\n  })\n\n  return { files: outputFiles, config }\n}\n\n/**\n * Extract the static (non-glob) prefix from content patterns.\n *\n * For example, `['/abs/path/emails/**\\/*.vue']` → `'/abs/path/emails'`\n *\n * This is used to strip the content base from template paths\n * so the output preserves only the subdirectory structure.\n */\nfunction computeContentBase(patterns: string[]): string {\n  // Use the first non-negated pattern\n  const pattern = patterns.find(p => !p.startsWith('!')) ?? patterns[0]\n\n  // Split on first glob character (* { ? [) and take the directory part\n  const staticPart = pattern.split(/[*{?[]/)[0]\n\n  // Ensure we have a clean directory path (not a partial segment)\n  return resolve(staticPart.endsWith('/') ? staticPart : dirname(staticPart))\n}\n\nfunction resolveOutputPath(templatePath: string, outputDir: string, extension: string, contentBase: string): string {\n  const name = basename(templatePath).replace(/\\.(vue|md)$/, '')\n  const absTemplate = resolve(templatePath)\n  const rel = relative(contentBase, dirname(absTemplate))\n\n  return join(outputDir, rel, `${name}.${extension}`)\n}\n\nasync function copyStatic(config: MaizzleConfig, outputPath: string): Promise<void> {\n  const sources = config.static?.source ?? ['public/**/*.*']\n  const destination = config.static?.destination ?? 'public'\n\n  const files = await glob(sources)\n\n  for (const file of files) {\n    const destPath = join(outputPath, destination, relative(dirname(sources[0]).replace(/\\*.*$/, ''), file))\n    const destDir = dirname(destPath)\n\n    if (!existsSync(destDir)) {\n      mkdirSync(destDir, { recursive: true })\n    }\n\n    cpSync(file, destPath)\n  }\n}\n"],"mappings":"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"}

package/dist/components/Divider.vue

@@ -1,133 +0,0 @@
-<script setup lang="ts">
-import { computed, useAttrs } from 'vue'
-import { normalizeToPixels } from './utils.ts'
-
-const attrs = useAttrs()
-
-const props = defineProps({
-  /**
-   * Height (thickness) of the divider line.
-   *
-   * @default '1px'
-   */
-  height: {
-    type: [String, Number],
-    default: '1px'
-  },
-  /**
-   * Background color of the divider line.
-   *
-   * Defaults to `#cbd5e1` when no Tailwind `bg-*` class is used.
-   *
-   * @example '#e2e8f0'
-   */
-  color: {
-    type: String,
-    default: null
-  },
-  /**
-   * Vertical spacing (margin) above and below the divider.
-   *
-   * Overridden by `top` and `bottom` if set.
-   *
-   * @default '24px'
-   */
-  spaceY: {
-    type: [String, Number],
-    default: '24px'
-  },
-  /**
-   * Horizontal spacing (margin) on both sides of the divider.
-   *
-   * Overridden by `left` and `right` if set.
-   */
-  spaceX: {
-    type: [String, Number],
-    default: null
-  },
-  /** Margin above the divider. Overrides `spaceY` for the top side. */
-  top: {
-    type: [String, Number],
-    default: null
-  },
-  /** Margin below the divider. Overrides `spaceY` for the bottom side. */
-  bottom: {
-    type: [String, Number],
-    default: null
-  },
-  /** Margin to the left of the divider. Overrides `spaceX` for the left side. */
-  left: {
-    type: [String, Number],
-    default: null
-  },
-  /** Margin to the right of the divider. Overrides `spaceX` for the right side. */
-  right: {
-    type: [String, Number],
-    default: null
-  }
-})
-
-const hasBgClass = computed(() =>
-  typeof attrs.class === 'string' &&
-  attrs.class.split(' ').some(c => c.startsWith('bg-'))
-)
-
-const styles = computed(() => {
-  const s = []
-  const height = normalizeToPixels(props.height || '1px')
-
-  s.push(`height: ${height};`)
-  s.push(`line-height: ${height};`)
-
-  // Color
-  if (props.color) {
-    s.push(`background-color: ${props.color};`)
-  } else if (!hasBgClass.value) {
-    s.push('background-color: #cbd5e1;')
-  }
-
-  // Margins reset
-  if (
-    props.top != null ||
-    props.bottom != null ||
-    props.left != null ||
-    props.right != null ||
-    props.spaceY != null ||
-    props.spaceX != null
-  ) {
-    s.push('margin: 0;')
-  }
-
-  // space-y
-  if (props.spaceY != null) {
-    const v = props.spaceY === 0 ? '0px' : normalizeToPixels(props.spaceY)
-    s.push(`margin-top: ${v}; margin-bottom: ${v};`)
-  }
-
-  // space-x
-  if (props.spaceX != null) {
-    const v = props.spaceX === 0 ? '0px' : normalizeToPixels(props.spaceX)
-    s.push(`margin-left: ${v}; margin-right: ${v};`)
-  }
-
-  // individual margins
-  if (props.top != null) {
-    s.push(`margin-top: ${normalizeToPixels(props.top)};`)
-  }
-  if (props.bottom != null) {
-    s.push(`margin-bottom: ${normalizeToPixels(props.bottom)};`)
-  }
-  if (props.left != null) {
-    s.push(`margin-left: ${normalizeToPixels(props.left)};`)
-  }
-  if (props.right != null) {
-    s.push(`margin-right: ${normalizeToPixels(props.right)};`)
-  }
-
-  return s.join('')
-})
-</script>
-
-<template>
-  <div role="separator" :style="styles">&zwj;</div>
-</template>

package/dist/components/Image.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { computed, useAttrs } from 'vue'
-
-defineOptions({ inheritAttrs: false })
-
-const attrs = useAttrs()
-
-const props = defineProps({
-  /** The image source URL. When reducedMotionSrc is used, this becomes the static fallback. */
-  src: {
-    type: String,
-    required: true
-  },
-  /** Alt text for the image. */
-  alt: {
-    type: String,
-    default: ''
-  },
-  /** Image source for dark mode. */
-  darkSrc: {
-    type: String,
-    default: null
-  },
-  /** The width of the image, rendered without units. */
-  width: {
-    type: [String, Number],
-    required: true
-  },
-  /** Animated image source, shown when user has no reduced motion preference. */
-  reducedMotionSrc: {
-    type: String,
-    default: null
-  }
-})
-
-function mimeFromExtension(src: string): string {
-  const ext = src.split('.').pop()?.toLowerCase() ?? ''
-
-  const types: Record<string, string> = {
-    apng: 'image/apng',
-    avif: 'image/avif',
-    gif: 'image/gif',
-    jpg: 'image/jpeg',
-    jpeg: 'image/jpeg',
-    jfif: 'image/jpeg',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    webp: 'image/webp',
-  }
-
-  return types[ext] ?? ''
-}
-
-const reducedMotionType = computed(() => mimeFromExtension(props.reducedMotionSrc ?? ''))
-
-const imgWidth = computed(() => Number.parseInt(String(props.width), 10))
-
-const usePicture = computed(() => props.darkSrc || props.reducedMotionSrc)
-
-const imgStyle = 'max-width: 100%; vertical-align: middle;'
-</script>
-
-<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)">
-    <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">
-</template>

package/dist/components/Overlap.vue

@@ -1,80 +0,0 @@
-<script setup lang="ts">
-import { computed, useAttrs, createStaticVNode } from 'vue'
-import { normalizeToPixels } from './utils.ts'
-
-defineOptions({ inheritAttrs: false })
-
-const attrs = useAttrs()
-
-const props = defineProps({
-  /**
-   * Max height of the background (default slot) content.
-   *
-   * This constrains the visible area of the background layer.
-   */
-  height: {
-    type: [String, Number],
-    required: true
-  },
-  /**
-   * Width of the overlay table and VML rectangle.
-   *
-   * Should match the width of the content being overlapped.
-   */
-  width: {
-    type: [String, Number],
-    required: true
-  },
-  /**
-   * Height of the VML rectangle in Outlook.
-   *
-   * Defaults to the `height` prop value. Use this to fine-tune
-   * the overlay height specifically for Outlook rendering.
-   */
-  msoHeight: {
-    type: [String, Number],
-    default: null
-  },
-  /**
-   * VML textbox inset for Outlook positioning.
-   *
-   * Controls the offset of the overlay content as `top,right,bottom,left`.
-   * Use negative values to shift content upward into the background area.
-   *
-   * @default '0,-60px,0,0'
-   */
-  msoInset: {
-    type: String,
-    default: '0,-60px,0,0'
-  },
-})
-
-const backgroundStyles = computed(() => {
-  return `max-height: ${normalizeToPixels(props.height)}; margin: 0 auto; text-align: center;`
-})
-
-const vmlOpen = computed(() => {
-  const w = normalizeToPixels(props.width)
-  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]-->`
-})
-
-const VmlBefore = () => createStaticVNode(vmlOpen.value, 1)
-const VmlAfter = () => createStaticVNode('<!--[if mso]></v:textbox></v:rect><![endif]-->', 1)
-</script>
-
-<template>
-  <div v-bind="attrs" :style="backgroundStyles">
-    <slot />
-  </div>
-  <table style="max-height: 0; position: relative; opacity: 0.999;">
-    <tr>
-      <td :style="`width: ${normalizeToPixels(props.width)}; max-width: 100%; vertical-align: top;`">
-        <VmlBefore />
-        <slot name="overlay" />
-        <VmlAfter />
-      </td>
-    </tr>
-  </table>
-</template>

package/dist/components/utils.d.mts

@@ -1,5 +0,0 @@
-//#region src/components/utils.d.ts
-declare function normalizeToPixels(value: string | number): string;
-//#endregion
-export { normalizeToPixels };
-//# sourceMappingURL=utils.d.mts.map

package/dist/components/utils.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.mts","names":[],"sources":["../../src/components/utils.ts"],"mappings":";iBAAgB,iBAAA,CAAkB,KAAA"}

package/dist/components/utils.mjs

@@ -1,9 +0,0 @@
-//#region src/components/utils.ts
-function normalizeToPixels(value) {
-	if (typeof value === "number" || Number.isFinite(Number(value))) return `${value}px`;
-	return value;
-}
-
-//#endregion
-export { normalizeToPixels };
-//# sourceMappingURL=utils.mjs.map

package/dist/components/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/components/utils.ts"],"sourcesContent":["export function normalizeToPixels(value: string | number): string {\n  if (typeof value === 'number' || Number.isFinite(Number(value))) {\n    return `${value}px`\n  }\n  return value\n}\n"],"mappings":";AAAA,SAAgB,kBAAkB,OAAgC;AAChE,KAAI,OAAO,UAAU,YAAY,OAAO,SAAS,OAAO,MAAM,CAAC,CAC7D,QAAO,GAAG,MAAM;AAElB,QAAO"}