@vizejs/vite-plugin-musea 0.32.0 → 0.34.0

package/dist/{index.js → index.mjs}

@@ -1,12 +1,17 @@
-import { MuseaVrtRunner, generateVrtJsonReport, generateVrtReport } from "./vrt-5_c9P1YY.js";
-import { MuseaA11yRunner } from "./a11y-7maCHrYD.js";
-import { generateArtFile, writeArtFile } from "./autogen-dfLosbY_.js";
+import { i as MuseaVrtRunner, n as generateVrtJsonReport, r as generateVrtReport } from "./vrt-CjFf5GR0.mjs";
+import { t as MuseaA11yRunner } from "./a11y-DNCg2qCB.mjs";
+import { n as writeArtFile, t as generateArtFile } from "./autogen-3-y1d0ou.mjs";
+import { createRequire } from "node:module";
 import fs from "node:fs";
 import path from "node:path";
 import { vizeConfigStore } from "@vizejs/vite-plugin";
-import { createRequire } from "node:module";
-
 //#region src/native-loader.ts
+/**
+* Native binding loader for @vizejs/native.
+*
+* Provides lazy-loading of the native Rust-based parser and a JS fallback
+* for SFC analysis when the native `analyzeSfc` function is unavailable.
+*/
 let native = null;
 function loadNative() {
 	if (native) return native;
@@ -28,8 +33,7 @@ function analyzeSfcFallback(source, _options) {
 		const emits = [];
 		const scriptSetupMatch = source.match(/<script\s+[^>]*setup[^>]*>([\s\S]*?)<\/script>/);
 		if (!scriptSetupMatch) {
-			const scriptMatch = source.match(/<script[^>]*>([\s\S]*?)<\/script>/);
-			if (!scriptMatch) return {
+			if (!source.match(/<script[^>]*>([\s\S]*?)<\/script>/)) return {
 				props: [],
 				emits: []
 			};
@@ -83,9 +87,11 @@ function analyzeSfcFallback(source, _options) {
 		};
 	}
 }
-
 //#endregion
 //#region src/utils.ts
+/**
+* Shared utility functions for the Musea Vite plugin.
+*/
 function shouldProcess(file, include, exclude, root) {
 	const relative = path.relative(root, file);
 	for (const pattern of exclude) if (matchGlob(relative, pattern)) return false;
@@ -117,8 +123,7 @@ async function scanArtFiles(root, include, exclude, scanInlineArt = false) {
 					break;
 				}
 			} else if (scanInlineArt && entry.isFile() && entry.name.endsWith(".vue") && !entry.name.endsWith(".art.vue")) {
-				const content = await fs.promises.readFile(fullPath, "utf-8");
-				if (content.includes("<art")) files.push(fullPath);
+				if ((await fs.promises.readFile(fullPath, "utf-8")).includes("<art")) files.push(fullPath);
 			}
 		}
 	}
@@ -165,15 +170,19 @@ function buildThemeConfig(theme) {
 		custom
 	};
 }
-
 //#endregion
 //#region src/art-module.ts
 /**
+* Art module generation for Musea.
+*
+* Generates the virtual ES modules that represent parsed `.art.vue` files,
+* including variant component definitions and script setup handling.
+*/
+/**
 * Extract the content of the first <script setup> block from a Vue SFC source.
 */
 function extractScriptSetupContent(source) {
-	const match = source.match(/<script\s+[^>]*setup[^>]*>([\s\S]*?)<\/script>/);
-	return match?.[1]?.trim();
+	return source.match(/<script\s+[^>]*setup[^>]*>([\s\S]*?)<\/script>/)?.[1]?.trim();
 }
 /**
 * Parse script setup content into imports and setup body.
@@ -183,7 +192,7 @@ function parseScriptSetupForArt(content) {
 	const lines = content.split("\n");
 	const imports = [];
 	const setupBody = [];
-	const returnNames = new Set();
+	const returnNames = /* @__PURE__ */ new Set();
 	for (const line of lines) {
 		const trimmed = line.trim();
 		if (!trimmed || trimmed.startsWith("//")) continue;
@@ -239,18 +248,16 @@ import { defineComponent, h } from 'vue';
 		const artDir = path.dirname(filePath);
 		for (const imp of scriptSetup.imports) {
 			const resolved = imp.replace(/from\s+(['"])(\.[^'"]+)\1/, (_match, quote, relPath) => {
-				const absPath = path.resolve(artDir, relPath);
-				return `from ${quote}${absPath}${quote}`;
+				return `from ${quote}${path.resolve(artDir, relPath)}${quote}`;
 			});
 			code += `${resolved}\n`;
 		}
 	}
 	if (componentImportPath && componentName) {
-		const alreadyImported = scriptSetup?.imports.some((imp) => {
+		if (!scriptSetup?.imports.some((imp) => {
 			if (imp.includes(`from '${componentImportPath}'`) || imp.includes(`from "${componentImportPath}"`)) return true;
 			return new RegExp(`^import\\s+${componentName}[\\s,]`).test(imp.trim());
-		});
-		if (!alreadyImported) code += `import ${componentName} from '${componentImportPath}';\n`;
+		})) code += `import ${componentName} from '${componentImportPath}';\n`;
 		code += `export const __component__ = ${componentName};\n`;
 	}
 	code += `
@@ -263,7 +270,7 @@ export const variants = ${JSON.stringify(art.variants)};
 		if (componentName) template = template.replace(/<Self/g, `<${componentName}`).replace(/<\/Self>/g, `</${componentName}>`);
 		const escapedTemplate = template.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
 		const fullTemplate = `<div data-variant="${variant.name}">${escapedTemplate}</div>`;
-		const componentNames = new Set();
+		const componentNames = /* @__PURE__ */ new Set();
 		if (componentName) componentNames.add(componentName);
 		if (scriptSetup) {
 			for (const name of scriptSetup.returnNames) if (/^[A-Z]/.test(name)) componentNames.add(name);
@@ -298,28 +305,29 @@ export default ${toPascalCase(defaultVariant.name)};
 `;
 	return code;
 }
-
 //#endregion
-//#region src/gallery/styles-base.css
-var styles_base_default = {};
-
+//#region src/gallery/styles-base.css?inline
+var styles_base_default = ":root {\n  --musea-bg-primary: #e6e2d6;\n  --musea-bg-secondary: #ddd9cd;\n  --musea-bg-tertiary: #d4d0c4;\n  --musea-bg-elevated: #e6e2d6;\n  --musea-accent: #121212;\n  --musea-accent-hover: #2a2a2a;\n  --musea-accent-subtle: #12121214;\n  --musea-text: #121212;\n  --musea-text-secondary: #3a3a3a;\n  --musea-text-muted: #6b6b6b;\n  --musea-border: #c8c4b8;\n  --musea-border-subtle: #d4d0c4;\n  --musea-success: #16a34a;\n  --musea-shadow: 0 4px 24px #00000014;\n  --musea-radius-sm: 4px;\n  --musea-radius-md: 6px;\n  --musea-radius-lg: 8px;\n  --musea-transition: .15s ease;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  background: var(--musea-bg-primary);\n  color: var(--musea-text);\n  -webkit-font-smoothing: antialiased;\n  min-height: 100vh;\n  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n  line-height: 1.5;\n}\n";
 //#endregion
-//#region src/gallery/styles-layout.css
-var styles_layout_default = {};
-
+//#region src/gallery/styles-layout.css?inline
+var styles_layout_default = ".header {\n  background: var(--musea-bg-secondary);\n  border-bottom: 1px solid var(--musea-border);\n  z-index: 100;\n  justify-content: space-between;\n  align-items: center;\n  height: 56px;\n  padding: 0 1.5rem;\n  display: flex;\n  position: sticky;\n  top: 0;\n}\n\n.header-left {\n  align-items: center;\n  gap: 1.5rem;\n  display: flex;\n}\n\n.logo {\n  color: var(--musea-accent);\n  align-items: center;\n  gap: .5rem;\n  font-size: 1.125rem;\n  font-weight: 700;\n  text-decoration: none;\n  display: flex;\n}\n\n.logo-svg {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n}\n\n.logo-icon svg {\n  width: 16px;\n  height: 16px;\n  color: var(--musea-text);\n}\n\n.header-subtitle {\n  color: var(--musea-text-muted);\n  border-left: 1px solid var(--musea-border);\n  padding-left: 1.5rem;\n  font-size: .8125rem;\n  font-weight: 500;\n}\n\n.search-container {\n  width: 280px;\n  position: relative;\n}\n\n.search-input {\n  background: var(--musea-bg-tertiary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-md);\n  width: 100%;\n  color: var(--musea-text);\n  transition: border-color var(--musea-transition),\n    background var(--musea-transition);\n  outline: none;\n  padding: .5rem .75rem .5rem 2.25rem;\n  font-size: .8125rem;\n}\n\n.search-input::placeholder {\n  color: var(--musea-text-muted);\n}\n\n.search-input:focus {\n  border-color: var(--musea-accent);\n  background: var(--musea-bg-elevated);\n}\n\n.search-icon {\n  color: var(--musea-text-muted);\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  left: .75rem;\n  transform: translateY(-50%);\n}\n\n.main {\n  grid-template-columns: 260px 1fr;\n  min-height: calc(100vh - 56px);\n  display: grid;\n}\n\n.sidebar {\n  background: var(--musea-bg-secondary);\n  border-right: 1px solid var(--musea-border);\n  overflow: hidden auto;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: none;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background: var(--musea-border);\n  border-radius: 3px;\n}\n\n.sidebar-section {\n  padding: .75rem;\n}\n\n.category-header {\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  color: var(--musea-text-muted);\n  cursor: pointer;\n  user-select: none;\n  border-radius: var(--musea-radius-sm);\n  transition: background var(--musea-transition);\n  align-items: center;\n  gap: .5rem;\n  padding: .625rem .75rem;\n  font-size: .6875rem;\n  font-weight: 600;\n  display: flex;\n}\n\n.category-header:hover {\n  background: var(--musea-bg-tertiary);\n}\n\n.category-icon {\n  width: 16px;\n  height: 16px;\n  transition: transform var(--musea-transition);\n}\n\n.category-header.collapsed .category-icon {\n  transform: rotate(-90deg);\n}\n\n.category-count {\n  background: var(--musea-bg-tertiary);\n  border-radius: 4px;\n  margin-left: auto;\n  padding: .125rem .375rem;\n  font-size: .625rem;\n}\n\n.art-list {\n  margin-top: .25rem;\n  list-style: none;\n}\n\n.art-item {\n  border-radius: var(--musea-radius-sm);\n  cursor: pointer;\n  color: var(--musea-text-secondary);\n  transition: all var(--musea-transition);\n  align-items: center;\n  gap: .625rem;\n  padding: .5rem .75rem .5rem 1.75rem;\n  font-size: .8125rem;\n  display: flex;\n  position: relative;\n}\n\n.art-item:before {\n  content: \"\";\n  background: var(--musea-border);\n  width: 6px;\n  height: 6px;\n  transition: background var(--musea-transition);\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: .75rem;\n  transform: translateY(-50%);\n}\n\n.art-item:hover {\n  background: var(--musea-bg-tertiary);\n  color: var(--musea-text);\n}\n\n.art-item:hover:before {\n  background: var(--musea-text-muted);\n}\n\n.art-item.active {\n  background: var(--musea-accent-subtle);\n  color: var(--musea-accent-hover);\n}\n\n.art-item.active:before {\n  background: var(--musea-accent);\n}\n\n.art-variant-count {\n  color: var(--musea-text-muted);\n  opacity: 0;\n  transition: opacity var(--musea-transition);\n  margin-left: auto;\n  font-size: .6875rem;\n}\n\n.art-item:hover .art-variant-count {\n  opacity: 1;\n}\n\n.content {\n  background: var(--musea-bg-primary);\n  overflow-y: auto;\n}\n\n.content-inner {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 2rem;\n}\n\n.content-header {\n  margin-bottom: 2rem;\n}\n\n.content-title {\n  margin-bottom: .5rem;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n\n.content-description {\n  color: var(--musea-text-muted);\n  max-width: 600px;\n  font-size: .9375rem;\n}\n\n.content-meta {\n  align-items: center;\n  gap: 1rem;\n  margin-top: 1rem;\n  display: flex;\n}\n\n.meta-tag {\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-sm);\n  color: var(--musea-text-muted);\n  align-items: center;\n  gap: .375rem;\n  padding: .25rem .625rem;\n  font-size: .75rem;\n  display: inline-flex;\n}\n\n.meta-tag svg {\n  width: 12px;\n  height: 12px;\n}\n";
 //#endregion
-//#region src/gallery/styles-components.css
-var styles_components_default = {};
-
+//#region src/gallery/styles-components.css?inline
+var styles_components_default = ".gallery {\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 1.25rem;\n  display: grid;\n}\n\n.variant-card {\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-lg);\n  transition: all var(--musea-transition);\n  overflow: hidden;\n}\n\n.variant-card:hover {\n  border-color: var(--musea-text-muted);\n  box-shadow: var(--musea-shadow);\n  transform: translateY(-2px);\n}\n\n.variant-preview {\n  aspect-ratio: 16 / 10;\n  background: var(--musea-bg-tertiary);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.variant-preview iframe {\n  background: #fff;\n  border: none;\n  width: 100%;\n  height: 100%;\n}\n\n.variant-preview-placeholder {\n  color: var(--musea-text-muted);\n  text-align: center;\n  padding: 1rem;\n  font-size: .8125rem;\n}\n\n.variant-preview-code {\n  color: var(--musea-text-muted);\n  background: var(--musea-bg-primary);\n  width: 100%;\n  max-height: 100%;\n  padding: 1rem;\n  font-family: JetBrains Mono, SF Mono, Fira Code, monospace;\n  font-size: .75rem;\n  overflow: auto;\n}\n\n.variant-info {\n  border-top: 1px solid var(--musea-border);\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  display: flex;\n}\n\n.variant-name {\n  font-size: .875rem;\n  font-weight: 600;\n}\n\n.variant-badge {\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  background: var(--musea-accent-subtle);\n  color: var(--musea-accent);\n  border-radius: 4px;\n  padding: .1875rem .5rem;\n  font-size: .625rem;\n  font-weight: 600;\n}\n\n.variant-actions {\n  gap: .5rem;\n  display: flex;\n}\n\n.variant-action-btn {\n  background: var(--musea-bg-tertiary);\n  border-radius: var(--musea-radius-sm);\n  width: 28px;\n  height: 28px;\n  color: var(--musea-text-muted);\n  cursor: pointer;\n  transition: all var(--musea-transition);\n  border: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.variant-action-btn:hover {\n  background: var(--musea-bg-elevated);\n  color: var(--musea-text);\n}\n\n.variant-action-btn svg {\n  width: 14px;\n  height: 14px;\n}\n\n.empty-state {\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 400px;\n  padding: 2rem;\n  display: flex;\n}\n\n.empty-state-icon {\n  background: var(--musea-bg-secondary);\n  border-radius: var(--musea-radius-lg);\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  margin-bottom: 1.5rem;\n  display: flex;\n}\n\n.empty-state-icon svg {\n  width: 40px;\n  height: 40px;\n  color: var(--musea-text-muted);\n}\n\n.empty-state-title {\n  margin-bottom: .5rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n}\n\n.empty-state-text {\n  color: var(--musea-text-muted);\n  max-width: 300px;\n  font-size: .875rem;\n}\n\n.loading {\n  min-height: 200px;\n  color: var(--musea-text-muted);\n  justify-content: center;\n  align-items: center;\n  gap: .75rem;\n  display: flex;\n}\n\n.loading-spinner {\n  border: 2px solid var(--musea-border);\n  border-top-color: var(--musea-accent);\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  animation: .8s linear infinite spin;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (width <= 768px) {\n  .main {\n    grid-template-columns: 1fr;\n  }\n\n  .sidebar, .header-subtitle {\n    display: none;\n  }\n}\n";
 //#endregion
 //#region src/gallery/styles.ts
 /**
+* CSS theme variables and style definitions for the Musea gallery.
+*
+* CSS is split into separate .css files and imported as text
+* via tsdown's `?inline` support.
+*/
+/**
 * Generate the full gallery CSS styles string.
 */
 function generateGalleryStyles() {
 	return `${styles_base_default}\n${styles_layout_default}\n${styles_components_default}`;
 }
-
 //#endregion
 //#region src/gallery/template.ts
 /**
@@ -552,28 +560,32 @@ function generateGalleryScript(basePath) {
 
     loadArts();`;
 }
-
 //#endregion
 //#region src/gallery/index.ts
 /**
+* Gallery HTML generation for the Musea component gallery.
+*
+* Contains the inline gallery SPA template (used as a fallback when the
+* pre-built gallery is not available) and the gallery virtual module.
+*/
+/**
 * Generate the inline gallery HTML page.
 */
 function generateGalleryHtml(basePath, themeConfig) {
-	const themeScript = themeConfig ? `window.__MUSEA_THEME_CONFIG__=${JSON.stringify(themeConfig)};` : "";
 	return `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Musea - Component Gallery</title>
-  <script>window.__MUSEA_BASE_PATH__='${basePath}';${themeScript}</script>
+  <script>window.__MUSEA_BASE_PATH__='${basePath}';${themeConfig ? `window.__MUSEA_THEME_CONFIG__=${JSON.stringify(themeConfig)};` : ""}<\/script>
   <style>${generateGalleryStyles()}
   </style>
 </head>
 <body>${generateGalleryBody(basePath)}
 
   <script type="module">${generateGalleryScript(basePath)}
-  </script>
+  <\/script>
 </body>
 </html>`;
 }
@@ -589,7 +601,6 @@ export async function loadArts() {
 }
 `;
 }
-
 //#endregion
 //#region src/preview/addons.ts
 /**
@@ -892,7 +903,6 @@ function __museaInitAddons(container, variantName) {
   window.parent.postMessage({ type: 'musea:ready', payload: {} }, '*');
 }
 `;
-
 //#endregion
 //#region src/preview/html.ts
 function generatePreviewHtml(art, variant, _basePath, viteBase) {
@@ -904,7 +914,7 @@ function generatePreviewHtml(art, variant, _basePath, viteBase) {
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>${escapeHtml(art.metadata.title)} - ${escapeHtml(variant.name)}</title>
-  <script type="module" src="${base}/@vite/client"></script>
+  <script type="module" src="${base}/@vite/client"><\/script>
   <style>
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html, body {
@@ -989,11 +999,10 @@ function generatePreviewHtml(art, variant, _basePath, viteBase) {
       Loading component...
     </div>
   </div>
-  <script type="module" src="${previewModuleUrl}"></script>
+  <script type="module" src="${previewModuleUrl}"><\/script>
 </body>
 </html>`;
 }
-
 //#endregion
 //#region src/preview/index.ts
 function generatePreviewModule(art, variantComponentName, variantName, cssImports = [], previewSetup = null) {
@@ -1108,12 +1117,9 @@ function generatePreviewModuleWithProps(art, variantComponentName, variantName,
 	const artModuleId = `virtual:musea-art:${art.path}`;
 	const escapedVariantName = escapeTemplate(variantName);
 	const propsJson = JSON.stringify(propsOverride);
-	const cssImportStatements = cssImports.map((cssPath) => `import '${cssPath}';`).join("\n");
-	const setupImport = previewSetup ? `import __museaPreviewSetup from '${previewSetup}';` : "";
-	const setupCall = previewSetup ? "await __museaPreviewSetup(app);" : "";
 	return `
-${cssImportStatements}
-${setupImport}
+${cssImports.map((cssPath) => `import '${cssPath}';`).join("\n")}
+${previewSetup ? `import __museaPreviewSetup from '${previewSetup}';` : ""}
 import { createApp, h } from 'vue';
 import * as artModule from '${artModuleId}';
 
@@ -1136,7 +1142,7 @@ async function mount() {
     };
 
     const app = createApp(WrappedComponent);
-    ${setupCall}
+    ${previewSetup ? "await __museaPreviewSetup(app);" : ""}
     container.innerHTML = '';
     container.className = 'musea-variant';
     app.mount(container);
@@ -1151,7 +1157,6 @@ async function mount() {
 mount();
 `;
 }
-
 //#endregion
 //#region src/server-middleware.ts
 /**
@@ -1176,7 +1181,7 @@ function registerMiddleware(devServer, ctx) {
 				await fs.promises.access(indexHtmlPath);
 				let html = await fs.promises.readFile(indexHtmlPath, "utf-8");
 				const themeScript = themeConfig ? `window.__MUSEA_THEME_CONFIG__=${JSON.stringify(themeConfig)};` : "";
-				html = html.replace("</head>", `<script>window.__MUSEA_BASE_PATH__='${basePath}';${themeScript}</script></head>`);
+				html = html.replace("</head>", `<script>window.__MUSEA_BASE_PATH__='${basePath}';${themeScript}<\/script></head>`);
 				res.setHeader("Content-Type", "text/html");
 				res.end(html);
 				return;
@@ -1191,11 +1196,10 @@ function registerMiddleware(devServer, ctx) {
 			const galleryDistDir = path.resolve(path.dirname(new URL(import.meta.url).pathname), "gallery");
 			const filePath = path.join(galleryDistDir, url);
 			try {
-				const stat = await fs.promises.stat(filePath);
-				if (stat.isFile()) {
+				if ((await fs.promises.stat(filePath)).isFile()) {
 					const content = await fs.promises.readFile(filePath);
 					const ext = path.extname(filePath);
-					const mimeTypes = {
+					res.setHeader("Content-Type", {
 						".js": "application/javascript",
 						".css": "text/css",
 						".svg": "image/svg+xml",
@@ -1203,8 +1207,7 @@ function registerMiddleware(devServer, ctx) {
 						".ico": "image/x-icon",
 						".woff2": "font/woff2",
 						".woff": "font/woff"
-					};
-					res.setHeader("Content-Type", mimeTypes[ext] || "application/octet-stream");
+					}[ext] || "application/octet-stream");
 					res.setHeader("Cache-Control", "public, max-age=31536000, immutable");
 					res.end(content);
 					return;
@@ -1215,8 +1218,7 @@ function registerMiddleware(devServer, ctx) {
 	});
 	devServer.middlewares.use(`${basePath}/vendor/axe-core.min.js`, async (_req, res, _next) => {
 		try {
-			const require = createRequire(import.meta.url);
-			const axeCorePath = require.resolve("axe-core/axe.min.js");
+			const axeCorePath = createRequire(import.meta.url).resolve("axe-core/axe.min.js");
 			const content = await fs.promises.readFile(axeCorePath, "utf-8");
 			res.setHeader("Content-Type", "application/javascript");
 			res.setHeader("Cache-Control", "public, max-age=86400");
@@ -1247,8 +1249,7 @@ function registerMiddleware(devServer, ctx) {
 			res.end("Variant not found");
 			return;
 		}
-		const variantComponentName = toPascalCase(variant.name);
-		const moduleCode = generatePreviewModule(art, variantComponentName, variant.name, ctx.resolvedPreviewCss, ctx.resolvedPreviewSetup);
+		const moduleCode = generatePreviewModule(art, toPascalCase(variant.name), variant.name, ctx.resolvedPreviewCss, ctx.resolvedPreviewSetup);
 		try {
 			const result = await devServer.transformRequest(`virtual:musea-preview:${artPath}:${variantName}`);
 			if (result) {
@@ -1321,19 +1322,22 @@ function registerMiddleware(devServer, ctx) {
 		}
 	});
 }
-
 //#endregion
 //#region src/tokens/parser.ts
 /**
+* Token parsing utilities for Style Dictionary integration.
+*
+* Reads and parses design token files (JSON) and directories,
+* flattening nested structures into categorized token collections.
+*/
+/**
 * Parse Style Dictionary tokens file.
 */
 async function parseTokens(tokensPath) {
 	const absolutePath = path.resolve(tokensPath);
-	const stat = await fs.promises.stat(absolutePath);
-	if (stat.isDirectory()) return parseTokenDirectory(absolutePath);
+	if ((await fs.promises.stat(absolutePath)).isDirectory()) return parseTokenDirectory(absolutePath);
 	const content = await fs.promises.readFile(absolutePath, "utf-8");
-	const tokens = JSON.parse(content);
-	return flattenTokens(tokens);
+	return flattenTokens(JSON.parse(content));
 }
 /**
 * Parse tokens from a directory.
@@ -1425,10 +1429,15 @@ function normalizeToken(raw) {
 function formatCategoryName(name) {
 	return name.replace(/[-_]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
 }
-
 //#endregion
 //#region src/tokens/usage.ts
 /**
+* Token usage scanning and value normalization.
+*
+* Scans art file `<style>` blocks for CSS property values that match
+* design token values, and provides value normalization utilities.
+*/
+/**
 * Normalize a token value for comparison.
 * - Lowercase, trim
 * - Leading-zero: `.5rem` -> `0.5rem`
@@ -1450,10 +1459,9 @@ const CSS_PROPERTY_RE = /^\s*([\w-]+)\s*:\s*(.+?)\s*;?\s*$/;
 * Scan art file sources for token value matches in `<style>` blocks.
 */
 function scanTokenUsage(artFiles, tokenMap) {
-	const valueLookup = new Map();
+	const valueLookup = /* @__PURE__ */ new Map();
 	for (const [tokenPath, token] of Object.entries(tokenMap)) {
-		const rawValue = token.$resolvedValue ?? token.value;
-		const normalized = normalizeTokenValue(rawValue);
+		const normalized = normalizeTokenValue(token.$resolvedValue ?? token.value);
 		if (!normalized) continue;
 		const existing = valueLookup.get(normalized);
 		if (existing) existing.push(tokenPath);
@@ -1487,8 +1495,7 @@ function scanTokenUsage(artFiles, tokenMap) {
 				const propMatch = line.match(CSS_PROPERTY_RE);
 				if (!propMatch) continue;
 				const property = propMatch[1];
-				const valueStr = propMatch[2];
-				const valueParts = valueStr.split(/\s+/);
+				const valueParts = propMatch[2].split(/\s+/);
 				for (const part of valueParts) {
 					const normalizedPart = normalizeTokenValue(part);
 					const matchingTokens = valueLookup.get(normalizedPart);
@@ -1519,9 +1526,14 @@ function scanTokenUsage(artFiles, tokenMap) {
 	}
 	return usageMap;
 }
-
 //#endregion
 //#region src/tokens/resolver.ts
+/**
+* Token resolution, CRUD operations, and validation.
+*
+* Handles building flat token maps from categories, resolving reference chains,
+* reading/writing raw token files, and validating semantic references.
+*/
 const REFERENCE_PATTERN = /^\{(.+)\}$/;
 const MAX_RESOLVE_DEPTH = 10;
 /**
@@ -1558,7 +1570,7 @@ function resolveTokenReference(token, tokenMap) {
 		if (match) {
 			token.$tier = token.$tier ?? "semantic";
 			token.$reference = match[1];
-			token.$resolvedValue = resolveValue(match[1], tokenMap, 0, new Set());
+			token.$resolvedValue = resolveValue(match[1], tokenMap, 0, /* @__PURE__ */ new Set());
 			return;
 		}
 	}
@@ -1645,7 +1657,7 @@ function validateSemanticReference(tokenMap, reference, selfPath) {
 		valid: false,
 		error: `Reference target "${reference}" does not exist`
 	};
-	const visited = new Set();
+	const visited = /* @__PURE__ */ new Set();
 	if (selfPath) visited.add(selfPath);
 	let current = reference;
 	let depth = 0;
@@ -1678,25 +1690,29 @@ function validateSemanticReference(tokenMap, reference, selfPath) {
 */
 function findDependentTokens(tokenMap, targetPath) {
 	const dependents = [];
-	for (const [path$1, token] of Object.entries(tokenMap)) if (typeof token.value === "string") {
+	for (const [path, token] of Object.entries(tokenMap)) if (typeof token.value === "string") {
 		const match = token.value.match(REFERENCE_PATTERN);
-		if (match && match[1] === targetPath) dependents.push(path$1);
+		if (match && match[1] === targetPath) dependents.push(path);
 	}
 	return dependents;
 }
-
 //#endregion
 //#region src/tokens/generator.ts
 /**
+* Token documentation generators for Style Dictionary integration.
+*
+* Generates HTML, Markdown, and JSON documentation from parsed token categories,
+* and provides the main processStyleDictionary orchestrator function.
+*/
+/**
 * Generate HTML documentation for tokens.
 */
 function generateTokensHtml(categories) {
 	const renderToken = (name, token) => {
-		const isColor = typeof token.value === "string" && (token.value.startsWith("#") || token.value.startsWith("rgb") || token.value.startsWith("hsl") || token.type === "color");
 		return `
       <div class="token">
         <div class="token-preview">
-          ${isColor ? `<div class="color-swatch" style="background: ${token.value}"></div>` : ""}
+          ${typeof token.value === "string" && (token.value.startsWith("#") || token.value.startsWith("rgb") || token.value.startsWith("hsl") || token.type === "color") ? `<div class="color-swatch" style="background: ${token.value}"></div>` : ""}
         </div>
         <div class="token-info">
           <div class="token-name">${name}</div>
@@ -1803,8 +1819,7 @@ function generateTokensHtml(categories) {
 */
 function generateTokensMarkdown(categories) {
 	const renderCategory = (category, level = 2) => {
-		const heading = "#".repeat(level);
-		let md = `\n${heading} ${category.name}\n\n`;
+		let md = `\n${"#".repeat(level)} ${category.name}\n\n`;
 		if (Object.keys(category.tokens).length > 0) {
 			md += "| Token | Value | Description |\n";
 			md += "|-------|-------|-------------|\n";
@@ -1818,7 +1833,7 @@ function generateTokensMarkdown(categories) {
 		return md;
 	};
 	let markdown = "# Design Tokens\n\n";
-	markdown += `> Generated by Musea on ${new Date().toISOString()}\n`;
+	markdown += `> Generated by Musea on ${(/* @__PURE__ */ new Date()).toISOString()}\n`;
 	for (const category of categories) markdown += renderCategory(category);
 	return markdown;
 }
@@ -1842,7 +1857,6 @@ async function processStyleDictionary(config) {
 			content = generateTokensMarkdown(categories);
 			filename = "tokens.md";
 			break;
-		case "json":
 		default:
 			content = JSON.stringify({ categories }, null, 2);
 			filename = "tokens.json";
@@ -1854,13 +1868,22 @@ async function processStyleDictionary(config) {
 		categories,
 		metadata: {
 			name: path.basename(config.tokensPath),
-			generatedAt: new Date().toISOString()
+			generatedAt: (/* @__PURE__ */ new Date()).toISOString()
 		}
 	};
 }
-
 //#endregion
 //#region src/api-tokens.ts
+/**
+* Musea gallery API token route handlers.
+*
+* Handles GET/POST/PUT/DELETE for /api/tokens endpoints:
+* - GET /tokens       -- list all resolved design tokens
+* - GET /tokens/usage -- token usage across art files
+* - POST /tokens      -- create a new token
+* - PUT /tokens       -- update an existing token
+* - DELETE /tokens    -- delete a token
+*/
 /** GET /api/tokens/usage */
 async function handleTokensUsage(ctx, sendJson) {
 	if (!ctx.tokensPath) {
@@ -1868,13 +1891,10 @@ async function handleTokensUsage(ctx, sendJson) {
 		return;
 	}
 	try {
-		const absoluteTokensPath = path.resolve(ctx.config.root, ctx.tokensPath);
-		const categories = await parseTokens(absoluteTokensPath);
-		const tokenMap = buildTokenMap(categories);
-		resolveReferences(categories, tokenMap);
+		const categories = await parseTokens(path.resolve(ctx.config.root, ctx.tokensPath));
+		resolveReferences(categories, buildTokenMap(categories));
 		const resolvedTokenMap = buildTokenMap(categories);
-		const usage = scanTokenUsage(ctx.artFiles, resolvedTokenMap);
-		sendJson(usage);
+		sendJson(scanTokenUsage(ctx.artFiles, resolvedTokenMap));
 	} catch (e) {
 		console.error("[musea] Failed to scan token usage:", e);
 		sendJson({});
@@ -1898,8 +1918,7 @@ async function handleTokensGet(ctx, sendJson) {
 	try {
 		const absoluteTokensPath = path.resolve(ctx.config.root, ctx.tokensPath);
 		const categories = await parseTokens(absoluteTokensPath);
-		const tokenMap = buildTokenMap(categories);
-		resolveReferences(categories, tokenMap);
+		resolveReferences(categories, buildTokenMap(categories));
 		const resolvedTokenMap = buildTokenMap(categories);
 		let primitiveCount = 0;
 		let semanticCount = 0;
@@ -1939,8 +1958,7 @@ async function handleTokensCreate(ctx, readBody, sendJson, sendError) {
 		}
 		const absoluteTokensPath = path.resolve(ctx.config.root, ctx.tokensPath);
 		const rawData = await readRawTokenFile(absoluteTokensPath);
-		const currentCategories = await parseTokens(absoluteTokensPath);
-		const currentMap = buildTokenMap(currentCategories);
+		const currentMap = buildTokenMap(await parseTokens(absoluteTokensPath));
 		if (currentMap[dotPath]) {
 			sendError(`Token already exists at path "${dotPath}"`, 409);
 			return;
@@ -1957,12 +1975,10 @@ async function handleTokensCreate(ctx, readBody, sendJson, sendError) {
 		setTokenAtPath(rawData, dotPath, token);
 		await writeRawTokenFile(absoluteTokensPath, rawData);
 		const categories = await parseTokens(absoluteTokensPath);
-		const tokenMap = buildTokenMap(categories);
-		resolveReferences(categories, tokenMap);
-		const resolvedTokenMap = buildTokenMap(categories);
+		resolveReferences(categories, buildTokenMap(categories));
 		sendJson({
 			categories,
-			tokenMap: resolvedTokenMap
+			tokenMap: buildTokenMap(categories)
 		}, 201);
 	} catch (e) {
 		sendError(e instanceof Error ? e.message : String(e));
@@ -1983,9 +1999,7 @@ async function handleTokensUpdate(ctx, readBody, sendJson, sendError) {
 		}
 		const absoluteTokensPath = path.resolve(ctx.config.root, ctx.tokensPath);
 		if (token.$reference) {
-			const currentCategories = await parseTokens(absoluteTokensPath);
-			const currentMap = buildTokenMap(currentCategories);
-			const validation = validateSemanticReference(currentMap, token.$reference, dotPath);
+			const validation = validateSemanticReference(buildTokenMap(await parseTokens(absoluteTokensPath)), token.$reference, dotPath);
 			if (!validation.valid) {
 				sendError(validation.error, 400);
 				return;
@@ -1997,12 +2011,10 @@ async function handleTokensUpdate(ctx, readBody, sendJson, sendError) {
 		setTokenAtPath(rawData, dotPath, token);
 		await writeRawTokenFile(absoluteTokensPath, rawData);
 		const categories = await parseTokens(absoluteTokensPath);
-		const tokenMap = buildTokenMap(categories);
-		resolveReferences(categories, tokenMap);
-		const resolvedTokenMap = buildTokenMap(categories);
+		resolveReferences(categories, buildTokenMap(categories));
 		sendJson({
 			categories,
-			tokenMap: resolvedTokenMap
+			tokenMap: buildTokenMap(categories)
 		});
 	} catch (e) {
 		sendError(e instanceof Error ? e.message : String(e));
@@ -2022,32 +2034,31 @@ async function handleTokensDelete(ctx, readBody, sendJson, sendError) {
 			return;
 		}
 		const absoluteTokensPath = path.resolve(ctx.config.root, ctx.tokensPath);
-		const currentCategories = await parseTokens(absoluteTokensPath);
-		const currentMap = buildTokenMap(currentCategories);
-		const dependents = findDependentTokens(currentMap, dotPath);
+		const dependents = findDependentTokens(buildTokenMap(await parseTokens(absoluteTokensPath)), dotPath);
 		const rawData = await readRawTokenFile(absoluteTokensPath);
-		const deleted = deleteTokenAtPath(rawData, dotPath);
-		if (!deleted) {
+		if (!deleteTokenAtPath(rawData, dotPath)) {
 			sendError(`Token not found at path "${dotPath}"`, 404);
 			return;
 		}
 		await writeRawTokenFile(absoluteTokensPath, rawData);
 		const categories = await parseTokens(absoluteTokensPath);
-		const tokenMap = buildTokenMap(categories);
-		resolveReferences(categories, tokenMap);
-		const resolvedTokenMap = buildTokenMap(categories);
+		resolveReferences(categories, buildTokenMap(categories));
 		sendJson({
 			categories,
-			tokenMap: resolvedTokenMap,
+			tokenMap: buildTokenMap(categories),
 			dependentsWarning: dependents.length > 0 ? dependents : void 0
 		});
 	} catch (e) {
 		sendError(e instanceof Error ? e.message : String(e));
 	}
 }
-
 //#endregion
 //#region src/api-routes/handler-palette.ts
+/**
+* Palette handler for the Musea gallery API.
+*
+* Handles GET /api/arts/:path/palette endpoint.
+*/
 /** GET /api/arts/:path/palette */
 async function handleArtPalette(ctx, match, sendJson, sendError) {
 	const artPath = decodeURIComponent(match[1]);
@@ -2114,21 +2125,24 @@ async function handleArtPalette(ctx, match, sendJson, sendError) {
 		sendError(e instanceof Error ? e.message : String(e));
 	}
 }
-
 //#endregion
 //#region src/api-routes/handlers.ts
+/**
+* Individual route handler functions for the Musea gallery API.
+*
+* Extracted from api-routes.ts to keep file sizes manageable.
+* These handle GET /api/arts/:path/... sub-routes.
+*/
 /** GET /api/arts/:path/source */
 async function handleArtSource(ctx, match, sendJson, sendError) {
 	const artPath = decodeURIComponent(match[1]);
-	const art = ctx.artFiles.get(artPath);
-	if (!art) {
+	if (!ctx.artFiles.get(artPath)) {
 		sendError("Art not found", 404);
 		return;
 	}
 	try {
-		const source = await fs.promises.readFile(artPath, "utf-8");
 		sendJson({
-			source,
+			source: await fs.promises.readFile(artPath, "utf-8"),
 			path: artPath
 		});
 	} catch (e) {
@@ -2148,13 +2162,8 @@ async function handleArtAnalysis(ctx, match, sendJson, sendError) {
 		if (resolvedComponentPath) {
 			const source = await fs.promises.readFile(resolvedComponentPath, "utf-8");
 			const binding = loadNative();
-			if (binding.analyzeSfc) {
-				const analysis = binding.analyzeSfc(source, { filename: resolvedComponentPath });
-				sendJson(analysis);
-			} else {
-				const analysis = analyzeSfcFallback(source, { filename: resolvedComponentPath });
-				sendJson(analysis);
-			}
+			if (binding.analyzeSfc) sendJson(binding.analyzeSfc(source, { filename: resolvedComponentPath }));
+			else sendJson(analyzeSfcFallback(source, { filename: resolvedComponentPath }));
 		} else sendJson({
 			props: [],
 			emits: []
@@ -2216,9 +2225,8 @@ async function handleArtDocs(ctx, match, sendJson, sendError) {
 /** GET /api/arts/:path/variants/:name/a11y */
 function handleArtA11y(ctx, match, sendJson, sendError) {
 	const artPath = decodeURIComponent(match[1]);
-	const _variantName = decodeURIComponent(match[2]);
-	const art = ctx.artFiles.get(artPath);
-	if (!art) {
+	decodeURIComponent(match[2]);
+	if (!ctx.artFiles.get(artPath)) {
 		sendError("Art not found", 404);
 		return;
 	}
@@ -2228,7 +2236,6 @@ function handleArtA11y(ctx, match, sendJson, sendError) {
 		incomplete: 0
 	});
 }
-
 //#endregion
 //#region src/api-routes/post-handlers.ts
 /** POST /api/preview-with-props */
@@ -2245,8 +2252,7 @@ function handlePreviewWithProps(ctx, body, res, sendJson, sendError) {
 			sendError("Variant not found", 404);
 			return;
 		}
-		const variantComponentName = toPascalCase(variant.name);
-		const moduleCode = generatePreviewModuleWithProps(art, variantComponentName, variant.name, propsOverride, ctx.resolvedPreviewCss, ctx.resolvedPreviewSetup);
+		const moduleCode = generatePreviewModuleWithProps(art, toPascalCase(variant.name), variant.name, propsOverride, ctx.resolvedPreviewCss, ctx.resolvedPreviewSetup);
 		res.setHeader("Content-Type", "application/javascript");
 		res.end(moduleCode);
 	} catch (e) {
@@ -2257,7 +2263,7 @@ function handlePreviewWithProps(ctx, body, res, sendJson, sendError) {
 async function handleGenerate(body, sendJson, sendError) {
 	try {
 		const { componentPath: reqComponentPath, options: autogenOptions } = JSON.parse(body);
-		const { generateArtFile: genArt } = await import("./autogen-Dx-SIBf_.js");
+		const { generateArtFile: genArt } = await import("./autogen/index.mjs");
 		const result = await genArt(reqComponentPath, autogenOptions);
 		sendJson({
 			generated: true,
@@ -2273,10 +2279,9 @@ async function handleGenerate(body, sendJson, sendError) {
 async function handleRunVrt(ctx, body, sendJson, sendError) {
 	try {
 		const { artPath, updateSnapshots } = JSON.parse(body);
-		const { MuseaVrtRunner: MuseaVrtRunner$1 } = await import("./vrt.js");
-		const runner = new MuseaVrtRunner$1({ snapshotDir: path.resolve(ctx.config.root, ".vize/snapshots") });
-		const port = ctx.getDevServerPort();
-		const baseUrl = `http://localhost:${port}`;
+		const { MuseaVrtRunner } = await import("./vrt.mjs");
+		const runner = new MuseaVrtRunner({ snapshotDir: path.resolve(ctx.config.root, ".vize/snapshots") });
+		const baseUrl = `http://localhost:${ctx.getDevServerPort()}`;
 		let artsToTest = Array.from(ctx.artFiles.values());
 		if (artPath) artsToTest = artsToTest.filter((a) => a.path === artPath);
 		await runner.start();
@@ -2300,7 +2305,6 @@ async function handleRunVrt(ctx, body, sendJson, sendError) {
 		sendError(e instanceof Error ? e.message : String(e));
 	}
 }
-
 //#endregion
 //#region src/api-routes/index.ts
 /** Helper to read the full request body as a string. */
@@ -2356,12 +2360,10 @@ function createApiMiddleware(ctx) {
 			return;
 		}
 		if (url?.startsWith("/arts/") && req.method === "PUT") {
-			const rest = url.slice(6);
-			const sourceMatch = rest.match(/^(.+)\/source$/);
+			const sourceMatch = url.slice(6).match(/^(.+)\/source$/);
 			if (sourceMatch) {
 				const artPath = decodeURIComponent(sourceMatch[1]);
-				const art = ctx.artFiles.get(artPath);
-				if (!art) {
+				if (!ctx.artFiles.get(artPath)) {
 					sendError("Art not found", 404);
 					return;
 				}
@@ -2434,7 +2436,6 @@ function createApiMiddleware(ctx) {
 		next();
 	};
 }
-
 //#endregion
 //#region src/manifest.ts
 /**
@@ -2444,17 +2445,22 @@ function generateManifestModule(artFiles) {
 	const arts = Array.from(artFiles.values());
 	return `export const arts = ${JSON.stringify(arts, null, 2)};`;
 }
-
 //#endregion
 //#region src/plugin/virtual.ts
+/**
+* Virtual module handling for the Musea Vite plugin.
+*
+* Contains `resolveId`, `load`, and `handleHotUpdate` hooks that
+* manage virtual modules for gallery, manifest, preview, and art files.
+*/
 const VIRTUAL_MUSEA_PREFIX = "\0musea:";
 const VIRTUAL_GALLERY = "\0musea-gallery";
 const VIRTUAL_MANIFEST = "\0musea-manifest";
 function createResolveId(state) {
 	return function resolveId(id) {
 		const root = state.getConfigRoot();
-		if (id === VIRTUAL_GALLERY) return VIRTUAL_GALLERY;
-		if (id === VIRTUAL_MANIFEST) return VIRTUAL_MANIFEST;
+		if (id === "\0musea-gallery") return VIRTUAL_GALLERY;
+		if (id === "\0musea-manifest") return VIRTUAL_MANIFEST;
 		if (id.startsWith("virtual:musea-preview:")) return "\0musea-preview:" + id.slice(22);
 		if (id.startsWith("virtual:musea-art:")) {
 			const artPath = id.slice(18);
@@ -2473,8 +2479,8 @@ function createResolveId(state) {
 }
 function createLoad(state) {
 	return function load(id) {
-		if (id === VIRTUAL_GALLERY) return generateGalleryModule(state.basePath);
-		if (id === VIRTUAL_MANIFEST) return generateManifestModule(state.artFiles);
+		if (id === "\0musea-gallery") return generateGalleryModule(state.basePath);
+		if (id === "\0musea-manifest") return generateManifestModule(state.artFiles);
 		if (id.startsWith("\0musea-preview:")) {
 			const rest = id.slice(15);
 			const lastColonIndex = rest.lastIndexOf(":");
@@ -2482,10 +2488,7 @@ function createLoad(state) {
 				const artPath = rest.slice(0, lastColonIndex);
 				const variantName = rest.slice(lastColonIndex + 1);
 				const art = state.artFiles.get(artPath);
-				if (art) {
-					const variantComponentName = toPascalCase(variantName);
-					return generatePreviewModule(art, variantComponentName, variantName, state.resolvedPreviewCss, state.resolvedPreviewSetup);
-				}
+				if (art) return generatePreviewModule(art, toPascalCase(variantName), variantName, state.resolvedPreviewCss, state.resolvedPreviewSetup);
 			}
 		}
 		if (id.startsWith("\0musea-art:")) {
@@ -2493,8 +2496,8 @@ function createLoad(state) {
 			const art = state.artFiles.get(artPath);
 			if (art) return generateArtModule(art, artPath);
 		}
-		if (id.startsWith(VIRTUAL_MUSEA_PREFIX)) {
-			const realPath = id.slice(VIRTUAL_MUSEA_PREFIX.length).replace(/\?musea-virtual$/, "");
+		if (id.startsWith("\0musea:")) {
+			const realPath = id.slice(7).replace(/\?musea-virtual$/, "");
 			const art = state.artFiles.get(realPath);
 			if (art) return generateArtModule(art, realPath);
 		}
@@ -2507,21 +2510,17 @@ function createHandleHotUpdate(state) {
 		if (file.endsWith(".art.vue") && state.artFiles.has(file)) {
 			await state.processArtFile(file);
 			const virtualId = VIRTUAL_MUSEA_PREFIX + file + "?musea-virtual";
-			const server = state.getServer();
-			const modules = server?.moduleGraph.getModulesByFile(virtualId);
+			const modules = state.getServer()?.moduleGraph.getModulesByFile(virtualId);
 			if (modules) return [...modules];
 		}
 		if (state.inlineArt && file.endsWith(".vue") && !file.endsWith(".art.vue") && state.artFiles.has(file)) {
 			await state.processArtFile(file);
 			const virtualId = VIRTUAL_MUSEA_PREFIX + file;
-			const server = state.getServer();
-			const modules = server?.moduleGraph.getModulesByFile(virtualId);
+			const modules = state.getServer()?.moduleGraph.getModulesByFile(virtualId);
 			if (modules) return [...modules];
 		}
-		return void 0;
 	};
 }
-
 //#endregion
 //#region src/plugin/index.ts
 /**
@@ -2540,7 +2539,7 @@ function musea(options = {}) {
 	const previewSetup = options.previewSetup;
 	let config;
 	let server = null;
-	const artFiles = new Map();
+	const artFiles = /* @__PURE__ */ new Map();
 	let resolvedPreviewCss = [];
 	let resolvedPreviewSetup = null;
 	const virtualState = {
@@ -2555,9 +2554,6 @@ function musea(options = {}) {
 		getServer: () => server,
 		processArtFile
 	};
-	const resolveId = createResolveId(virtualState);
-	const load = createLoad(virtualState);
-	const handleHotUpdate = createHandleHotUpdate(virtualState);
 	const mainPlugin = {
 		name: "vite-plugin-musea",
 		enforce: "pre",
@@ -2607,8 +2603,7 @@ function musea(options = {}) {
 				}
 				if (inlineArt && file.endsWith(".vue") && !file.endsWith(".art.vue")) {
 					const hadArt = artFiles.has(file);
-					const source = await fs.promises.readFile(file, "utf-8");
-					if (source.includes("<art")) {
+					if ((await fs.promises.readFile(file, "utf-8")).includes("<art")) {
 						await processArtFile(file);
 						console.log(`[musea] Reloaded inline art: ${path.relative(config.root, file)}`);
 					} else if (hadArt) {
@@ -2623,8 +2618,7 @@ function musea(options = {}) {
 					console.log(`[musea] Added: ${path.relative(config.root, file)}`);
 				}
 				if (inlineArt && file.endsWith(".vue") && !file.endsWith(".art.vue")) {
-					const source = await fs.promises.readFile(file, "utf-8");
-					if (source.includes("<art")) {
+					if ((await fs.promises.readFile(file, "utf-8")).includes("<art")) {
 						await processArtFile(file);
 						console.log(`[musea] Added inline art: ${path.relative(config.root, file)}`);
 					}
@@ -2642,9 +2636,7 @@ function musea(options = {}) {
 					if (address && typeof address === "object") {
 						const protocol = devServer.config.server.https ? "https" : "http";
 						const rawHost = address.address;
-						const host = rawHost === "::" || rawHost === "::1" || rawHost === "0.0.0.0" || rawHost === "127.0.0.1" ? "localhost" : rawHost;
-						const port = address.port;
-						const url = `${protocol}://${host}:${port}${basePath}`;
+						const url = `${protocol}://${rawHost === "::" || rawHost === "::1" || rawHost === "0.0.0.0" || rawHost === "127.0.0.1" ? "localhost" : rawHost}:${address.port}${basePath}`;
 						console.log();
 						console.log(`  \x1b[36m➜\x1b[0m  \x1b[1mMusea Gallery:\x1b[0m \x1b[36m${url}\x1b[0m`);
 					}
@@ -2658,15 +2650,14 @@ function musea(options = {}) {
 			for (const file of files) await processArtFile(file);
 			if (storybookCompat) await generateStorybookFiles(artFiles, config.root, storybookOutDir);
 		},
-		resolveId,
-		load,
-		handleHotUpdate
+		resolveId: createResolveId(virtualState),
+		load: createLoad(virtualState),
+		handleHotUpdate: createHandleHotUpdate(virtualState)
 	};
 	async function processArtFile(filePath) {
 		try {
 			const source = await fs.promises.readFile(filePath, "utf-8");
-			const binding = loadNative();
-			const parsed = binding.parseArt(source, { filename: filePath });
+			const parsed = loadNative().parseArt(source, { filename: filePath });
 			if (!parsed.variants || parsed.variants.length === 0) return;
 			const isInline = !filePath.endsWith(".art.vue");
 			const info = {
@@ -2700,11 +2691,10 @@ function musea(options = {}) {
 	}
 	return [mainPlugin];
 }
-
 //#endregion
 //#region src/index.ts
 var src_default = musea;
-
 //#endregion
 export { MuseaA11yRunner, MuseaVrtRunner, buildTokenMap, src_default as default, generateArtFile, generateTokensHtml, generateTokensMarkdown, generateVrtJsonReport, generateVrtReport, musea, parseTokens, processStyleDictionary, resolveReferences, scanTokenUsage, writeArtFile };
-//# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.mjs.map