@vizejs/vite-plugin-musea 0.0.1-alpha.11 → 0.0.1-alpha.112

package/dist/a11y-Bvx5TJb8.d.ts

@@ -0,0 +1,61 @@
+import { A11yOptions, A11yResult, ArtFileInfo, MuseaVrtRunner$1 as MuseaVrtRunner } from "./vrt-Vb4aqPZE.js";
+import { Page } from "playwright";
+
+//#region src/a11y.d.ts
+/**
+* A11y audit summary.
+*/
+
+/**
+ * A11y audit summary.
+ */
+interface A11ySummary {
+  totalComponents: number;
+  totalVariants: number;
+  totalViolations: number;
+  criticalCount: number;
+  seriousCount: number;
+  moderateCount: number;
+  minorCount: number;
+}
+/**
+ * A11y runner using axe-core via Playwright.
+ */
+declare class MuseaA11yRunner {
+  private options;
+  constructor(options?: A11yOptions);
+  /**
+   * Run a11y audits on all art file variants.
+   * Reuses VRT runner's browser if available.
+   */
+  runAudits(artFiles: ArtFileInfo[], baseUrl: string, vrtRunner?: MuseaVrtRunner): Promise<A11yResult[]>;
+  /**
+   * Audit a single page using axe-core.
+   */
+  auditPage(page: Page, artPath: string, variantName: string): Promise<A11yResult>;
+  /**
+   * Get summary statistics from results.
+   */
+  getSummary(results: A11yResult[]): A11ySummary;
+  /**
+   * Generate HTML report.
+   */
+  generateHtmlReport(results: A11yResult[]): string;
+  /**
+   * Generate JSON report for CI integration.
+   */
+  generateJsonReport(results: A11yResult[]): string;
+  /**
+   * Get axe-core source code for injection.
+   */
+  private getAxeSource;
+  /**
+   * Build axe-core run options from configuration.
+   */
+  private buildAxeOptions;
+  private buildVariantUrl;
+} //#endregion
+
+//# sourceMappingURL=a11y.d.ts.map
+export { A11ySummary, MuseaA11yRunner as MuseaA11yRunner$1 };
+//# sourceMappingURL=a11y-Bvx5TJb8.d.ts.map

package/dist/a11y-Bvx5TJb8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-Bvx5TJb8.d.ts","names":[],"sources":["../src/a11y.ts"],"sourcesContent":null,"mappings":";;;;;;;;AAmBA;;;UAAiB,WAAA;EA4BJ,eAAA,EAAA,MAAe;EAAA,aAAA,EAAA,MAAA;EAAA,eAGL,EAAA,MAAA;EAAgB,aAczB,EAAA,MAAA;EAAW,YAET,EAAA,MAAA;EAAc,aACjB,EAAA,MAAA;EAAU,UAAlB,EAAA,MAAA;;;;;AAkGgC,cAtHxB,eAAA,CAsHwB;EAAW,QAkBlB,OAAA;EAAU,WA6IV,CAAA,OAAA,CAAA,EAlRP,WAkRO;EAAU;;;;sBApQ1B,4CAEE,iBACX,QAAQ;;;;kBA+DW,6CAA6C,QAAQ;;;;sBAmCvD,eAAe;;;;8BAkBP;;;;8BA6IA"}

package/dist/a11y-C6xqILwZ.js

@@ -0,0 +1,305 @@
+import path from "node:path";
+
+//#region src/a11y.ts
+/**
+* A11y runner using axe-core via Playwright.
+*/
+var MuseaA11yRunner = class {
+	options;
+	constructor(options = {}) {
+		this.options = {
+			enabled: options.enabled ?? true,
+			includeRules: options.includeRules ?? [],
+			excludeRules: options.excludeRules ?? [],
+			level: options.level ?? "AA"
+		};
+	}
+	/**
+	* Run a11y audits on all art file variants.
+	* Reuses VRT runner's browser if available.
+	*/
+	async runAudits(artFiles, baseUrl, vrtRunner) {
+		const results = [];
+		const defaultViewport = {
+			width: 1280,
+			height: 720,
+			name: "desktop"
+		};
+		for (const art of artFiles) for (const variant of art.variants) {
+			if (variant.skipVrt) continue;
+			let page = null;
+			let context = null;
+			try {
+				if (vrtRunner) {
+					context = await vrtRunner.createPage(defaultViewport);
+					page = context.page;
+				} else {
+					const { chromium } = await import("playwright");
+					const browser = await chromium.launch({ headless: true });
+					const ctx = await browser.newContext({ viewport: {
+						width: defaultViewport.width,
+						height: defaultViewport.height
+					} });
+					page = await ctx.newPage();
+					context = {
+						page,
+						context: ctx
+					};
+				}
+				const variantUrl = this.buildVariantUrl(baseUrl, art.path, variant.name);
+				await page.goto(variantUrl, { waitUntil: "networkidle" });
+				await page.waitForSelector(".musea-variant", { timeout: 1e4 });
+				await page.waitForTimeout(200);
+				const result = await this.auditPage(page, art.path, variant.name);
+				results.push(result);
+			} catch (error) {
+				results.push({
+					artPath: art.path,
+					variantName: variant.name,
+					violations: [{
+						id: "audit-error",
+						impact: "critical",
+						description: `Audit failed: ${error instanceof Error ? error.message : String(error)}`,
+						helpUrl: "",
+						nodes: 0
+					}],
+					passes: 0,
+					incomplete: 0
+				});
+			} finally {
+				if (context) await context.context.close();
+			}
+		}
+		return results;
+	}
+	/**
+	* Audit a single page using axe-core.
+	*/
+	async auditPage(page, artPath, variantName) {
+		const axeSource = await this.getAxeSource();
+		await page.evaluate(axeSource);
+		const runOptions = this.buildAxeOptions();
+		const axeResult = await page.evaluate((opts) => {
+			return window.axe.run(document, opts);
+		}, runOptions);
+		const violations = axeResult.violations.map((v) => ({
+			id: v.id,
+			impact: v.impact,
+			description: v.description,
+			helpUrl: v.helpUrl,
+			nodes: v.nodes.length
+		}));
+		return {
+			artPath,
+			variantName,
+			violations,
+			passes: axeResult.passes.length,
+			incomplete: axeResult.incomplete.length
+		};
+	}
+	/**
+	* Get summary statistics from results.
+	*/
+	getSummary(results) {
+		const components = new Set(results.map((r) => r.artPath));
+		const allViolations = results.flatMap((r) => r.violations);
+		return {
+			totalComponents: components.size,
+			totalVariants: results.length,
+			totalViolations: allViolations.length,
+			criticalCount: allViolations.filter((v) => v.impact === "critical").length,
+			seriousCount: allViolations.filter((v) => v.impact === "serious").length,
+			moderateCount: allViolations.filter((v) => v.impact === "moderate").length,
+			minorCount: allViolations.filter((v) => v.impact === "minor").length
+		};
+	}
+	/**
+	* Generate HTML report.
+	*/
+	generateHtmlReport(results) {
+		const summary = this.getSummary(results);
+		const timestamp = new Date().toLocaleString("ja-JP", {
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+		const impactColor = (impact) => {
+			switch (impact) {
+				case "critical": return "#f87171";
+				case "serious": return "#fb923c";
+				case "moderate": return "#fbbf24";
+				case "minor": return "#60a5fa";
+				default: return "#7b8494";
+			}
+		};
+		const resultItems = results.filter((r) => r.violations.length > 0).map((r) => {
+			const artName = path.basename(r.artPath, ".art.vue");
+			const violationRows = r.violations.map((v) => `
+            <tr>
+              <td><span style="color:${impactColor(v.impact)};font-weight:600;text-transform:uppercase;font-size:0.6875rem">${escapeHtml(v.impact)}</span></td>
+              <td><code>${escapeHtml(v.id)}</code></td>
+              <td>${escapeHtml(v.description)}</td>
+              <td>${v.nodes}</td>
+              <td>${v.helpUrl ? `<a href="${escapeHtml(v.helpUrl)}" target="_blank" style="color:#60a5fa">docs</a>` : ""}</td>
+            </tr>`).join("");
+			return `
+        <div class="result">
+          <div class="result-header">
+            <div class="result-info">
+              <span class="result-name">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</span>
+              <span class="result-count">${r.violations.length} violation(s)</span>
+            </div>
+          </div>
+          <table class="violations-table">
+            <thead><tr><th>Impact</th><th>Rule</th><th>Description</th><th>Nodes</th><th>Help</th></tr></thead>
+            <tbody>${violationRows}</tbody>
+          </table>
+        </div>`;
+		}).join("");
+		return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>A11y Report - Musea</title>
+  <style>
+    :root {
+      --musea-bg-primary: #0d0d0d;
+      --musea-bg-secondary: #1a1815;
+      --musea-bg-tertiary: #252220;
+      --musea-accent: #a34828;
+      --musea-text: #e6e9f0;
+      --musea-text-muted: #7b8494;
+      --musea-border: #3a3530;
+    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+      background: var(--musea-bg-primary);
+      color: var(--musea-text);
+      min-height: 100vh;
+      line-height: 1.5;
+    }
+    .header {
+      background: var(--musea-bg-secondary);
+      border-bottom: 1px solid var(--musea-border);
+      padding: 1rem 2rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }
+    .header-meta { color: var(--musea-text-muted); font-size: 0.8125rem; }
+    .main { max-width: 1200px; margin: 0 auto; padding: 2rem; }
+    .summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
+    .stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1rem; text-align: center; }
+    .stat-value { font-size: 1.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
+    .stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
+    .stat.critical .stat-value { color: #f87171; }
+    .stat.serious .stat-value { color: #fb923c; }
+    .stat.moderate .stat-value { color: #fbbf24; }
+    .stat.minor .stat-value { color: #60a5fa; }
+    .stat.total .stat-value { color: var(--musea-text); }
+    .results { display: flex; flex-direction: column; gap: 1rem; }
+    .result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; }
+    .result-header { padding: 1rem; background: var(--musea-bg-tertiary); display: flex; justify-content: space-between; align-items: center; }
+    .result-name { font-weight: 600; }
+    .result-count { color: var(--musea-text-muted); font-size: 0.8125rem; }
+    .violations-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }
+    .violations-table th { padding: 0.75rem 1rem; text-align: left; color: var(--musea-text-muted); font-weight: 500; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.08em; border-bottom: 1px solid var(--musea-border); }
+    .violations-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--musea-border); }
+    .violations-table code { background: var(--musea-bg-tertiary); padding: 0.125rem 0.375rem; border-radius: 3px; font-size: 0.75rem; }
+    .all-clear { background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.2); border-radius: 8px; padding: 2rem; text-align: center; }
+    .all-clear-text { color: #4ade80; font-weight: 600; }
+  </style>
+</head>
+<body>
+  <header class="header">
+    <div><span class="logo">Musea</span> <span style="color:var(--musea-text-muted);font-size:0.875rem;margin-left:1rem">Accessibility Report</span></div>
+    <div class="header-meta">${timestamp}</div>
+  </header>
+  <main class="main">
+    <div class="summary">
+      <div class="stat total"><div class="stat-value">${summary.totalViolations}</div><div class="stat-label">Violations</div></div>
+      <div class="stat critical"><div class="stat-value">${summary.criticalCount}</div><div class="stat-label">Critical</div></div>
+      <div class="stat serious"><div class="stat-value">${summary.seriousCount}</div><div class="stat-label">Serious</div></div>
+      <div class="stat moderate"><div class="stat-value">${summary.moderateCount}</div><div class="stat-label">Moderate</div></div>
+      <div class="stat minor"><div class="stat-value">${summary.minorCount}</div><div class="stat-label">Minor</div></div>
+    </div>
+    ${summary.totalViolations === 0 ? `<div class="all-clear"><div class="all-clear-text">No accessibility violations found across ${summary.totalVariants} variant(s)</div></div>` : `<div class="results">${resultItems}</div>`}
+  </main>
+</body>
+</html>`;
+	}
+	/**
+	* Generate JSON report for CI integration.
+	*/
+	generateJsonReport(results) {
+		const summary = this.getSummary(results);
+		return JSON.stringify({
+			timestamp: new Date().toISOString(),
+			summary,
+			results: results.map((r) => ({
+				art: path.basename(r.artPath, ".art.vue"),
+				variant: r.variantName,
+				violations: r.violations,
+				passes: r.passes,
+				incomplete: r.incomplete
+			}))
+		}, null, 2);
+	}
+	/**
+	* Get axe-core source code for injection.
+	*/
+	async getAxeSource() {
+		try {
+			const axeCore = await import("axe-core");
+			return axeCore.source;
+		} catch {
+			throw new Error("axe-core is not installed. Install it as a peer dependency: npm install axe-core");
+		}
+	}
+	/**
+	* Build axe-core run options from configuration.
+	*/
+	buildAxeOptions() {
+		const runOnly = {};
+		const tags = [];
+		switch (this.options.level) {
+			case "A":
+				tags.push("wcag2a", "wcag21a");
+				break;
+			case "AA":
+				tags.push("wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "wcag22aa");
+				break;
+			case "AAA":
+				tags.push("wcag2a", "wcag2aa", "wcag2aaa", "wcag21a", "wcag21aa", "wcag22aa");
+				break;
+		}
+		if (tags.length > 0) {
+			runOnly.type = "tag";
+			runOnly.values = tags;
+		}
+		const rules = {};
+		for (const ruleId of this.options.includeRules) rules[ruleId] = { enabled: true };
+		for (const ruleId of this.options.excludeRules) rules[ruleId] = { enabled: false };
+		return {
+			...Object.keys(runOnly).length > 0 ? { runOnly } : {},
+			...Object.keys(rules).length > 0 ? { rules } : {}
+		};
+	}
+	buildVariantUrl(baseUrl, artPath, variantName) {
+		const encodedPath = encodeURIComponent(artPath);
+		const encodedVariant = encodeURIComponent(variantName);
+		return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;
+	}
+};
+function escapeHtml(str) {
+	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+}
+
+//#endregion
+export { MuseaA11yRunner };
+//# sourceMappingURL=a11y-C6xqILwZ.js.map

package/dist/a11y-C6xqILwZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-C6xqILwZ.js","names":["options: A11yOptions","artFiles: ArtFileInfo[]","baseUrl: string","vrtRunner?: MuseaVrtRunner","results: A11yResult[]","defaultViewport: ViewportConfig","page: Page | null","context: { page: Page; context: { close(): Promise<void> } } | null","page: Page","artPath: string","variantName: string","violations: A11yViolation[]","impact: string","runOnly: Record<string, unknown>","tags: string[]","rules: Record<string, { enabled: boolean }>","str: string"],"sources":["../src/a11y.ts"],"sourcesContent":["/**\n * Accessibility (a11y) testing module for Musea.\n * Uses axe-core for automated accessibility auditing via Playwright.\n */\n\nimport type { Page } from \"playwright\";\nimport type {\n  ArtFileInfo,\n  A11yResult,\n  A11yViolation,\n  A11yOptions,\n  ViewportConfig,\n} from \"./types.js\";\nimport type { MuseaVrtRunner } from \"./vrt.js\";\nimport path from \"node:path\";\n\n/**\n * A11y audit summary.\n */\nexport interface A11ySummary {\n  totalComponents: number;\n  totalVariants: number;\n  totalViolations: number;\n  criticalCount: number;\n  seriousCount: number;\n  moderateCount: number;\n  minorCount: number;\n}\n\n/**\n * axe-core result shape (subset).\n */\ninterface AxeResult {\n  violations: Array<{\n    id: string;\n    impact: string;\n    description: string;\n    helpUrl: string;\n    nodes: Array<unknown>;\n  }>;\n  passes: Array<unknown>;\n  incomplete: Array<unknown>;\n}\n\n/**\n * A11y runner using axe-core via Playwright.\n */\nexport class MuseaA11yRunner {\n  private options: Required<A11yOptions>;\n\n  constructor(options: A11yOptions = {}) {\n    this.options = {\n      enabled: options.enabled ?? true,\n      includeRules: options.includeRules ?? [],\n      excludeRules: options.excludeRules ?? [],\n      level: options.level ?? \"AA\",\n    };\n  }\n\n  /**\n   * Run a11y audits on all art file variants.\n   * Reuses VRT runner's browser if available.\n   */\n  async runAudits(\n    artFiles: ArtFileInfo[],\n    baseUrl: string,\n    vrtRunner?: MuseaVrtRunner,\n  ): Promise<A11yResult[]> {\n    const results: A11yResult[] = [];\n    const defaultViewport: ViewportConfig = { width: 1280, height: 720, name: \"desktop\" };\n\n    for (const art of artFiles) {\n      for (const variant of art.variants) {\n        if (variant.skipVrt) continue;\n\n        let page: Page | null = null;\n        let context: { page: Page; context: { close(): Promise<void> } } | null = null;\n\n        try {\n          if (vrtRunner) {\n            context = await vrtRunner.createPage(defaultViewport);\n            page = context.page;\n          } else {\n            // Standalone mode: launch own browser\n            const { chromium } = await import(\"playwright\");\n            const browser = await chromium.launch({ headless: true });\n            const ctx = await browser.newContext({\n              viewport: { width: defaultViewport.width, height: defaultViewport.height },\n            });\n            page = await ctx.newPage();\n            context = { page, context: ctx };\n          }\n\n          const variantUrl = this.buildVariantUrl(baseUrl, art.path, variant.name);\n          await page.goto(variantUrl, { waitUntil: \"networkidle\" });\n          await page.waitForSelector(\".musea-variant\", { timeout: 10000 });\n          await page.waitForTimeout(200);\n\n          const result = await this.auditPage(page, art.path, variant.name);\n          results.push(result);\n        } catch (error) {\n          results.push({\n            artPath: art.path,\n            variantName: variant.name,\n            violations: [\n              {\n                id: \"audit-error\",\n                impact: \"critical\",\n                description: `Audit failed: ${error instanceof Error ? error.message : String(error)}`,\n                helpUrl: \"\",\n                nodes: 0,\n              },\n            ],\n            passes: 0,\n            incomplete: 0,\n          });\n        } finally {\n          if (context) {\n            await context.context.close();\n          }\n        }\n      }\n    }\n\n    return results;\n  }\n\n  /**\n   * Audit a single page using axe-core.\n   */\n  async auditPage(page: Page, artPath: string, variantName: string): Promise<A11yResult> {\n    // Inject axe-core into the page\n    const axeSource = await this.getAxeSource();\n    await page.evaluate(axeSource);\n\n    // Build axe-core run options\n    const runOptions = this.buildAxeOptions();\n\n    // Run axe-core\n    const axeResult = (await page.evaluate((opts) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return (window as any).axe.run(document, opts);\n    }, runOptions)) as AxeResult;\n\n    // Map to our result format\n    const violations: A11yViolation[] = axeResult.violations.map((v) => ({\n      id: v.id,\n      impact: v.impact as A11yViolation[\"impact\"],\n      description: v.description,\n      helpUrl: v.helpUrl,\n      nodes: v.nodes.length,\n    }));\n\n    return {\n      artPath,\n      variantName,\n      violations,\n      passes: axeResult.passes.length,\n      incomplete: axeResult.incomplete.length,\n    };\n  }\n\n  /**\n   * Get summary statistics from results.\n   */\n  getSummary(results: A11yResult[]): A11ySummary {\n    const components = new Set(results.map((r) => r.artPath));\n    const allViolations = results.flatMap((r) => r.violations);\n\n    return {\n      totalComponents: components.size,\n      totalVariants: results.length,\n      totalViolations: allViolations.length,\n      criticalCount: allViolations.filter((v) => v.impact === \"critical\").length,\n      seriousCount: allViolations.filter((v) => v.impact === \"serious\").length,\n      moderateCount: allViolations.filter((v) => v.impact === \"moderate\").length,\n      minorCount: allViolations.filter((v) => v.impact === \"minor\").length,\n    };\n  }\n\n  /**\n   * Generate HTML report.\n   */\n  generateHtmlReport(results: A11yResult[]): string {\n    const summary = this.getSummary(results);\n    const timestamp = new Date().toLocaleString(\"ja-JP\", {\n      year: \"numeric\",\n      month: \"2-digit\",\n      day: \"2-digit\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n\n    const impactColor = (impact: string): string => {\n      switch (impact) {\n        case \"critical\":\n          return \"#f87171\";\n        case \"serious\":\n          return \"#fb923c\";\n        case \"moderate\":\n          return \"#fbbf24\";\n        case \"minor\":\n          return \"#60a5fa\";\n        default:\n          return \"#7b8494\";\n      }\n    };\n\n    const resultItems = results\n      .filter((r) => r.violations.length > 0)\n      .map((r) => {\n        const artName = path.basename(r.artPath, \".art.vue\");\n        const violationRows = r.violations\n          .map(\n            (v) => `\n            <tr>\n              <td><span style=\"color:${impactColor(v.impact)};font-weight:600;text-transform:uppercase;font-size:0.6875rem\">${escapeHtml(v.impact)}</span></td>\n              <td><code>${escapeHtml(v.id)}</code></td>\n              <td>${escapeHtml(v.description)}</td>\n              <td>${v.nodes}</td>\n              <td>${v.helpUrl ? `<a href=\"${escapeHtml(v.helpUrl)}\" target=\"_blank\" style=\"color:#60a5fa\">docs</a>` : \"\"}</td>\n            </tr>`,\n          )\n          .join(\"\");\n\n        return `\n        <div class=\"result\">\n          <div class=\"result-header\">\n            <div class=\"result-info\">\n              <span class=\"result-name\">${escapeHtml(artName)} / ${escapeHtml(r.variantName)}</span>\n              <span class=\"result-count\">${r.violations.length} violation(s)</span>\n            </div>\n          </div>\n          <table class=\"violations-table\">\n            <thead><tr><th>Impact</th><th>Rule</th><th>Description</th><th>Nodes</th><th>Help</th></tr></thead>\n            <tbody>${violationRows}</tbody>\n          </table>\n        </div>`;\n      })\n      .join(\"\");\n\n    return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>A11y Report - Musea</title>\n  <style>\n    :root {\n      --musea-bg-primary: #0d0d0d;\n      --musea-bg-secondary: #1a1815;\n      --musea-bg-tertiary: #252220;\n      --musea-accent: #a34828;\n      --musea-text: #e6e9f0;\n      --musea-text-muted: #7b8494;\n      --musea-border: #3a3530;\n    }\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n    body {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n      background: var(--musea-bg-primary);\n      color: var(--musea-text);\n      min-height: 100vh;\n      line-height: 1.5;\n    }\n    .header {\n      background: var(--musea-bg-secondary);\n      border-bottom: 1px solid var(--musea-border);\n      padding: 1rem 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .logo { font-size: 1.25rem; font-weight: 700; color: var(--musea-accent); }\n    .header-meta { color: var(--musea-text-muted); font-size: 0.8125rem; }\n    .main { max-width: 1200px; margin: 0 auto; padding: 2rem; }\n    .summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 2rem; }\n    .stat { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; padding: 1rem; text-align: center; }\n    .stat-value { font-size: 1.75rem; font-weight: 700; font-variant-numeric: tabular-nums; }\n    .stat-label { color: var(--musea-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }\n    .stat.critical .stat-value { color: #f87171; }\n    .stat.serious .stat-value { color: #fb923c; }\n    .stat.moderate .stat-value { color: #fbbf24; }\n    .stat.minor .stat-value { color: #60a5fa; }\n    .stat.total .stat-value { color: var(--musea-text); }\n    .results { display: flex; flex-direction: column; gap: 1rem; }\n    .result { background: var(--musea-bg-secondary); border: 1px solid var(--musea-border); border-radius: 8px; overflow: hidden; }\n    .result-header { padding: 1rem; background: var(--musea-bg-tertiary); display: flex; justify-content: space-between; align-items: center; }\n    .result-name { font-weight: 600; }\n    .result-count { color: var(--musea-text-muted); font-size: 0.8125rem; }\n    .violations-table { width: 100%; border-collapse: collapse; font-size: 0.8125rem; }\n    .violations-table th { padding: 0.75rem 1rem; text-align: left; color: var(--musea-text-muted); font-weight: 500; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.08em; border-bottom: 1px solid var(--musea-border); }\n    .violations-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--musea-border); }\n    .violations-table code { background: var(--musea-bg-tertiary); padding: 0.125rem 0.375rem; border-radius: 3px; font-size: 0.75rem; }\n    .all-clear { background: rgba(74, 222, 128, 0.1); border: 1px solid rgba(74, 222, 128, 0.2); border-radius: 8px; padding: 2rem; text-align: center; }\n    .all-clear-text { color: #4ade80; font-weight: 600; }\n  </style>\n</head>\n<body>\n  <header class=\"header\">\n    <div><span class=\"logo\">Musea</span> <span style=\"color:var(--musea-text-muted);font-size:0.875rem;margin-left:1rem\">Accessibility Report</span></div>\n    <div class=\"header-meta\">${timestamp}</div>\n  </header>\n  <main class=\"main\">\n    <div class=\"summary\">\n      <div class=\"stat total\"><div class=\"stat-value\">${summary.totalViolations}</div><div class=\"stat-label\">Violations</div></div>\n      <div class=\"stat critical\"><div class=\"stat-value\">${summary.criticalCount}</div><div class=\"stat-label\">Critical</div></div>\n      <div class=\"stat serious\"><div class=\"stat-value\">${summary.seriousCount}</div><div class=\"stat-label\">Serious</div></div>\n      <div class=\"stat moderate\"><div class=\"stat-value\">${summary.moderateCount}</div><div class=\"stat-label\">Moderate</div></div>\n      <div class=\"stat minor\"><div class=\"stat-value\">${summary.minorCount}</div><div class=\"stat-label\">Minor</div></div>\n    </div>\n    ${\n      summary.totalViolations === 0\n        ? `<div class=\"all-clear\"><div class=\"all-clear-text\">No accessibility violations found across ${summary.totalVariants} variant(s)</div></div>`\n        : `<div class=\"results\">${resultItems}</div>`\n    }\n  </main>\n</body>\n</html>`;\n  }\n\n  /**\n   * Generate JSON report for CI integration.\n   */\n  generateJsonReport(results: A11yResult[]): string {\n    const summary = this.getSummary(results);\n    return JSON.stringify(\n      {\n        timestamp: new Date().toISOString(),\n        summary,\n        results: results.map((r) => ({\n          art: path.basename(r.artPath, \".art.vue\"),\n          variant: r.variantName,\n          violations: r.violations,\n          passes: r.passes,\n          incomplete: r.incomplete,\n        })),\n      },\n      null,\n      2,\n    );\n  }\n\n  /**\n   * Get axe-core source code for injection.\n   */\n  private async getAxeSource(): Promise<string> {\n    try {\n      const axeCore = await import(\"axe-core\");\n      return axeCore.source;\n    } catch {\n      throw new Error(\n        \"axe-core is not installed. Install it as a peer dependency: npm install axe-core\",\n      );\n    }\n  }\n\n  /**\n   * Build axe-core run options from configuration.\n   */\n  private buildAxeOptions(): Record<string, unknown> {\n    const runOnly: Record<string, unknown> = {};\n\n    // Set WCAG level\n    const tags: string[] = [];\n    switch (this.options.level) {\n      case \"A\":\n        tags.push(\"wcag2a\", \"wcag21a\");\n        break;\n      case \"AA\":\n        tags.push(\"wcag2a\", \"wcag2aa\", \"wcag21a\", \"wcag21aa\", \"wcag22aa\");\n        break;\n      case \"AAA\":\n        tags.push(\"wcag2a\", \"wcag2aa\", \"wcag2aaa\", \"wcag21a\", \"wcag21aa\", \"wcag22aa\");\n        break;\n    }\n\n    if (tags.length > 0) {\n      runOnly.type = \"tag\";\n      runOnly.values = tags;\n    }\n\n    const rules: Record<string, { enabled: boolean }> = {};\n\n    for (const ruleId of this.options.includeRules) {\n      rules[ruleId] = { enabled: true };\n    }\n    for (const ruleId of this.options.excludeRules) {\n      rules[ruleId] = { enabled: false };\n    }\n\n    return {\n      ...(Object.keys(runOnly).length > 0 ? { runOnly } : {}),\n      ...(Object.keys(rules).length > 0 ? { rules } : {}),\n    };\n  }\n\n  private buildVariantUrl(baseUrl: string, artPath: string, variantName: string): string {\n    const encodedPath = encodeURIComponent(artPath);\n    const encodedVariant = encodeURIComponent(variantName);\n    return `${baseUrl}/__musea__/preview?art=${encodedPath}&variant=${encodedVariant}`;\n  }\n}\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#x27;\");\n}\n"],"mappings":";;;;;;AA+CA,IAAa,kBAAb,MAA6B;CAC3B,AAAQ;CAER,YAAYA,UAAuB,CAAE,GAAE;AACrC,OAAK,UAAU;GACb,SAAS,QAAQ,WAAW;GAC5B,cAAc,QAAQ,gBAAgB,CAAE;GACxC,cAAc,QAAQ,gBAAgB,CAAE;GACxC,OAAO,QAAQ,SAAS;EACzB;CACF;;;;;CAMD,MAAM,UACJC,UACAC,SACAC,WACuB;EACvB,MAAMC,UAAwB,CAAE;EAChC,MAAMC,kBAAkC;GAAE,OAAO;GAAM,QAAQ;GAAK,MAAM;EAAW;AAErF,OAAK,MAAM,OAAO,SAChB,MAAK,MAAM,WAAW,IAAI,UAAU;AAClC,OAAI,QAAQ,QAAS;GAErB,IAAIC,OAAoB;GACxB,IAAIC,UAAsE;AAE1E,OAAI;AACF,QAAI,WAAW;AACb,eAAU,MAAM,UAAU,WAAW,gBAAgB;AACrD,YAAO,QAAQ;IAChB,OAAM;KAEL,MAAM,EAAE,UAAU,GAAG,MAAM,OAAO;KAClC,MAAM,UAAU,MAAM,SAAS,OAAO,EAAE,UAAU,KAAM,EAAC;KACzD,MAAM,MAAM,MAAM,QAAQ,WAAW,EACnC,UAAU;MAAE,OAAO,gBAAgB;MAAO,QAAQ,gBAAgB;KAAQ,EAC3E,EAAC;AACF,YAAO,MAAM,IAAI,SAAS;AAC1B,eAAU;MAAE;MAAM,SAAS;KAAK;IACjC;IAED,MAAM,aAAa,KAAK,gBAAgB,SAAS,IAAI,MAAM,QAAQ,KAAK;AACxE,UAAM,KAAK,KAAK,YAAY,EAAE,WAAW,cAAe,EAAC;AACzD,UAAM,KAAK,gBAAgB,kBAAkB,EAAE,SAAS,IAAO,EAAC;AAChE,UAAM,KAAK,eAAe,IAAI;IAE9B,MAAM,SAAS,MAAM,KAAK,UAAU,MAAM,IAAI,MAAM,QAAQ,KAAK;AACjE,YAAQ,KAAK,OAAO;GACrB,SAAQ,OAAO;AACd,YAAQ,KAAK;KACX,SAAS,IAAI;KACb,aAAa,QAAQ;KACrB,YAAY,CACV;MACE,IAAI;MACJ,QAAQ;MACR,cAAc,gBAAgB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,CAAC;MACrF,SAAS;MACT,OAAO;KACR,CACF;KACD,QAAQ;KACR,YAAY;IACb,EAAC;GACH,UAAS;AACR,QAAI,QACF,OAAM,QAAQ,QAAQ,OAAO;GAEhC;EACF;AAGH,SAAO;CACR;;;;CAKD,MAAM,UAAUC,MAAYC,SAAiBC,aAA0C;EAErF,MAAM,YAAY,MAAM,KAAK,cAAc;AAC3C,QAAM,KAAK,SAAS,UAAU;EAG9B,MAAM,aAAa,KAAK,iBAAiB;EAGzC,MAAM,YAAa,MAAM,KAAK,SAAS,CAAC,SAAS;AAE/C,UAAO,AAAC,OAAe,IAAI,IAAI,UAAU,KAAK;EAC/C,GAAE,WAAW;EAGd,MAAMC,aAA8B,UAAU,WAAW,IAAI,CAAC,OAAO;GACnE,IAAI,EAAE;GACN,QAAQ,EAAE;GACV,aAAa,EAAE;GACf,SAAS,EAAE;GACX,OAAO,EAAE,MAAM;EAChB,GAAE;AAEH,SAAO;GACL;GACA;GACA;GACA,QAAQ,UAAU,OAAO;GACzB,YAAY,UAAU,WAAW;EAClC;CACF;;;;CAKD,WAAWP,SAAoC;EAC7C,MAAM,aAAa,IAAI,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,QAAQ;EACxD,MAAM,gBAAgB,QAAQ,QAAQ,CAAC,MAAM,EAAE,WAAW;AAE1D,SAAO;GACL,iBAAiB,WAAW;GAC5B,eAAe,QAAQ;GACvB,iBAAiB,cAAc;GAC/B,eAAe,cAAc,OAAO,CAAC,MAAM,EAAE,WAAW,WAAW,CAAC;GACpE,cAAc,cAAc,OAAO,CAAC,MAAM,EAAE,WAAW,UAAU,CAAC;GAClE,eAAe,cAAc,OAAO,CAAC,MAAM,EAAE,WAAW,WAAW,CAAC;GACpE,YAAY,cAAc,OAAO,CAAC,MAAM,EAAE,WAAW,QAAQ,CAAC;EAC/D;CACF;;;;CAKD,mBAAmBA,SAA+B;EAChD,MAAM,UAAU,KAAK,WAAW,QAAQ;EACxC,MAAM,YAAY,IAAI,OAAO,eAAe,SAAS;GACnD,MAAM;GACN,OAAO;GACP,KAAK;GACL,MAAM;GACN,QAAQ;EACT,EAAC;EAEF,MAAM,cAAc,CAACQ,WAA2B;AAC9C,WAAQ,QAAR;IACE,KAAK,WACH,QAAO;IACT,KAAK,UACH,QAAO;IACT,KAAK,WACH,QAAO;IACT,KAAK,QACH,QAAO;IACT,QACE,QAAO;GACV;EACF;EAED,MAAM,cAAc,QACjB,OAAO,CAAC,MAAM,EAAE,WAAW,SAAS,EAAE,CACtC,IAAI,CAAC,MAAM;GACV,MAAM,UAAU,KAAK,SAAS,EAAE,SAAS,WAAW;GACpD,MAAM,gBAAgB,EAAE,WACrB,IACC,CAAC,OAAO;;uCAEmB,YAAY,EAAE,OAAO,CAAC,iEAAiE,WAAW,EAAE,OAAO,CAAC;0BACzH,WAAW,EAAE,GAAG,CAAC;oBACvB,WAAW,EAAE,YAAY,CAAC;oBAC1B,EAAE,MAAM;oBACR,EAAE,WAAW,WAAW,WAAW,EAAE,QAAQ,CAAC,oDAAoD,GAAG;mBAE9G,CACA,KAAK,GAAG;AAEX,WAAQ;;;;0CAI0B,WAAW,QAAQ,CAAC,KAAK,WAAW,EAAE,YAAY,CAAC;2CAClD,EAAE,WAAW,OAAO;;;;;qBAK1C,cAAc;;;EAG5B,EAAC,CACD,KAAK,GAAG;AAEX,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA4DmB,UAAU;;;;wDAIe,QAAQ,gBAAgB;2DACrB,QAAQ,cAAc;0DACvB,QAAQ,aAAa;2DACpB,QAAQ,cAAc;wDACzB,QAAQ,WAAW;;MAGrE,QAAQ,oBAAoB,KACvB,8FAA8F,QAAQ,cAAc,4BACpH,uBAAuB,YAAY,QACzC;;;;CAIF;;;;CAKD,mBAAmBR,SAA+B;EAChD,MAAM,UAAU,KAAK,WAAW,QAAQ;AACxC,SAAO,KAAK,UACV;GACE,WAAW,IAAI,OAAO,aAAa;GACnC;GACA,SAAS,QAAQ,IAAI,CAAC,OAAO;IAC3B,KAAK,KAAK,SAAS,EAAE,SAAS,WAAW;IACzC,SAAS,EAAE;IACX,YAAY,EAAE;IACd,QAAQ,EAAE;IACV,YAAY,EAAE;GACf,GAAE;EACJ,GACD,MACA,EACD;CACF;;;;CAKD,MAAc,eAAgC;AAC5C,MAAI;GACF,MAAM,UAAU,MAAM,OAAO;AAC7B,UAAO,QAAQ;EAChB,QAAO;AACN,SAAM,IAAI,MACR;EAEH;CACF;;;;CAKD,AAAQ,kBAA2C;EACjD,MAAMS,UAAmC,CAAE;EAG3C,MAAMC,OAAiB,CAAE;AACzB,UAAQ,KAAK,QAAQ,OAArB;GACE,KAAK;AACH,SAAK,KAAK,UAAU,UAAU;AAC9B;GACF,KAAK;AACH,SAAK,KAAK,UAAU,WAAW,WAAW,YAAY,WAAW;AACjE;GACF,KAAK;AACH,SAAK,KAAK,UAAU,WAAW,YAAY,WAAW,YAAY,WAAW;AAC7E;EACH;AAED,MAAI,KAAK,SAAS,GAAG;AACnB,WAAQ,OAAO;AACf,WAAQ,SAAS;EAClB;EAED,MAAMC,QAA8C,CAAE;AAEtD,OAAK,MAAM,UAAU,KAAK,QAAQ,aAChC,OAAM,UAAU,EAAE,SAAS,KAAM;AAEnC,OAAK,MAAM,UAAU,KAAK,QAAQ,aAChC,OAAM,UAAU,EAAE,SAAS,MAAO;AAGpC,SAAO;GACL,GAAI,OAAO,KAAK,QAAQ,CAAC,SAAS,IAAI,EAAE,QAAS,IAAG,CAAE;GACtD,GAAI,OAAO,KAAK,MAAM,CAAC,SAAS,IAAI,EAAE,MAAO,IAAG,CAAE;EACnD;CACF;CAED,AAAQ,gBAAgBb,SAAiBO,SAAiBC,aAA6B;EACrF,MAAM,cAAc,mBAAmB,QAAQ;EAC/C,MAAM,iBAAiB,mBAAmB,YAAY;AACtD,UAAQ,EAAE,QAAQ,yBAAyB,YAAY,WAAW,eAAe;CAClF;AACF;AAED,SAAS,WAAWM,KAAqB;AACvC,QAAO,IACJ,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,SAAS;AAC3B"}

package/dist/a11y.d.ts

@@ -0,0 +1,3 @@
+import "./vrt-Vb4aqPZE.js";
+import { A11ySummary, MuseaA11yRunner$1 as MuseaA11yRunner } from "./a11y-Bvx5TJb8.js";
+export { A11ySummary, MuseaA11yRunner };

package/dist/a11y.js

@@ -0,0 +1,3 @@
+import { MuseaA11yRunner } from "./a11y-C6xqILwZ.js";
+
+export { MuseaA11yRunner };

package/dist/autogen-D3Zjc3zI.d.ts

@@ -0,0 +1,64 @@
+//#region src/autogen.d.ts
+/**
+ * Variant auto-generation module.
+ * Generates .art.vue files from component prop analysis.
+ */
+/**
+ * Autogen configuration options.
+ */
+interface AutogenOptions {
+  /** Maximum number of variants to generate (default: 20) */
+  maxVariants?: number;
+  /** Include a "Default" variant with all default values (default: true) */
+  includeDefault?: boolean;
+  /** Include boolean toggle variants (default: true) */
+  includeBooleanToggles?: boolean;
+  /** Include enum/union variants (default: true) */
+  includeEnumVariants?: boolean;
+  /** Include boundary value variants for numbers (default: false) */
+  includeBoundaryValues?: boolean;
+  /** Include empty string variants for optional strings (default: false) */
+  includeEmptyStrings?: boolean;
+}
+/**
+ * Prop definition for variant generation.
+ */
+interface PropDefinition {
+  name: string;
+  propType: string;
+  required: boolean;
+  defaultValue?: unknown;
+}
+/**
+ * Generated variant.
+ */
+interface GeneratedVariant {
+  name: string;
+  isDefault: boolean;
+  props: Record<string, unknown>;
+  description?: string;
+}
+/**
+ * Autogen output.
+ */
+interface AutogenOutput {
+  variants: GeneratedVariant[];
+  artFileContent: string;
+  componentName: string;
+}
+/**
+ * Generate .art.vue file for a component.
+ *
+ * @param componentPath - Path to the Vue component file
+ * @param options - Auto-generation options
+ * @returns Generated .art.vue content and metadata
+ */
+declare function generateArtFile(componentPath: string, options?: AutogenOptions): Promise<AutogenOutput>;
+/**
+ * Write generated .art.vue file to disk.
+ */
+declare function writeArtFile(componentPath: string, options?: AutogenOptions, outputPath?: string): Promise<string>; //#endregion
+
+//# sourceMappingURL=autogen.d.ts.map
+export { AutogenOptions, AutogenOutput, GeneratedVariant, PropDefinition, generateArtFile as generateArtFile$1, writeArtFile as writeArtFile$1 };
+//# sourceMappingURL=autogen-D3Zjc3zI.d.ts.map

package/dist/autogen-D3Zjc3zI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autogen-D3Zjc3zI.d.ts","names":[],"sources":["../src/autogen.ts"],"sourcesContent":null,"mappings":";;;;;;;;UAYiB,cAAA;EAAA;;;;EAkBA;;;;EAUA;;;;AAUjB;;;;UApBiB,cAAA;;;;EAqFK,YAAA,CAAA,EAAA,OAAe;;;;;AAG3B,UA9EO,gBAAA,CA8EP;;;SA3ED;EAiJa,WAAA,CAAA,EAAA,MAAY;;;;AAIxB;UA9IO,aAAA;YACL;;;;;;;;;;;iBAgEU,eAAA,kCAEX,iBACR,QAAQ;;;;iBAsEW,YAAA,kCAEX,sCAER"}