@vizejs/vite-plugin-musea 0.429.1 → 0.430.1

package/dist/{gallery-qE5deHL0.mjs.map → gallery-CIcrB07g.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"gallery-qE5deHL0.mjs","names":["stylesBase","stylesLayout","stylesComponents"],"sources":["../src/gallery/styles-base.css?inline","../src/gallery/styles-layout.css?inline","../src/gallery/styles-components.css?inline","../src/gallery/styles.ts","../src/gallery/index.ts"],"sourcesContent":[":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: rgba(18, 18, 18, 0.08);\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 rgba(0, 0, 0, 0.08);\n  --musea-radius-sm: 4px;\n  --musea-radius-md: 6px;\n  --musea-radius-lg: 8px;\n  --musea-transition: 0.15s ease;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  background: var(--musea-bg-primary);\n  color: var(--musea-text);\n  min-height: 100vh;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n","/* Header */\n.header {\n  background: var(--musea-bg-secondary);\n  border-bottom: 1px solid var(--musea-border);\n  padding: 0 1.5rem;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 1.125rem;\n  font-weight: 700;\n  color: var(--musea-accent);\n  text-decoration: none;\n}\n\n.logo-svg {\n  width: 32px;\n  height: 32px;\n  flex-shrink: 0;\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  font-size: 0.8125rem;\n  font-weight: 500;\n  padding-left: 1.5rem;\n  border-left: 1px solid var(--musea-border);\n}\n\n.search-container {\n  position: relative;\n  width: 280px;\n}\n\n.search-input {\n  width: 100%;\n  background: var(--musea-bg-tertiary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-md);\n  padding: 0.5rem 0.75rem 0.5rem 2.25rem;\n  color: var(--musea-text);\n  font-size: 0.8125rem;\n  outline: none;\n  transition:\n    border-color var(--musea-transition),\n    background var(--musea-transition);\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  position: absolute;\n  left: 0.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--musea-text-muted);\n  pointer-events: none;\n}\n\n/* Layout */\n.main {\n  display: grid;\n  grid-template-columns: 260px 1fr;\n  min-height: calc(100vh - 56px);\n}\n\n/* Sidebar */\n.sidebar {\n  background: var(--musea-bg-secondary);\n  border-right: 1px solid var(--musea-border);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background: var(--musea-border);\n  border-radius: 3px;\n}\n\n.sidebar-section {\n  padding: 0.75rem;\n}\n\n.category-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.625rem 0.75rem;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.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}\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  margin-left: auto;\n  background: var(--musea-bg-tertiary);\n  padding: 0.125rem 0.375rem;\n  border-radius: 4px;\n  font-size: 0.625rem;\n}\n\n.art-list {\n  list-style: none;\n  margin-top: 0.25rem;\n}\n\n.art-item {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.5rem 0.75rem 0.5rem 1.75rem;\n  border-radius: var(--musea-radius-sm);\n  cursor: pointer;\n  font-size: 0.8125rem;\n  color: var(--musea-text-secondary);\n  transition: all var(--musea-transition);\n  position: relative;\n}\n\n.art-item::before {\n  content: \"\";\n  position: absolute;\n  left: 0.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--musea-border);\n  transition: background var(--musea-transition);\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  margin-left: auto;\n  font-size: 0.6875rem;\n  color: var(--musea-text-muted);\n  opacity: 0;\n  transition: opacity var(--musea-transition);\n}\n\n.art-item:hover .art-variant-count {\n  opacity: 1;\n}\n\n/* Content */\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  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n\n.content-description {\n  color: var(--musea-text-muted);\n  font-size: 0.9375rem;\n  max-width: 600px;\n}\n\n.content-meta {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.meta-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.25rem 0.625rem;\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-sm);\n  font-size: 0.75rem;\n  color: var(--musea-text-muted);\n}\n\n.meta-tag svg {\n  width: 12px;\n  height: 12px;\n}\n","/* Gallery Grid */\n.gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 1.25rem;\n}\n\n/* Variant Card */\n.variant-card {\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-lg);\n  overflow: hidden;\n}\n\n.variant-preview {\n  aspect-ratio: 16 / 7;\n  background: var(--musea-bg-tertiary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n}\n\n.variant-preview iframe {\n  width: 70%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: none;\n  background: white;\n  border-radius: var(--musea-radius-md);\n  box-shadow: 0 12px 30px rgba(13, 13, 13, 0.12);\n}\n\n.variant-preview-placeholder {\n  color: var(--musea-text-muted);\n  font-size: 0.8125rem;\n  text-align: center;\n  padding: 1rem;\n}\n\n.variant-preview-code {\n  font-family: \"JetBrains Mono\", \"SF Mono\", \"Fira Code\", monospace;\n  font-size: 0.75rem;\n  color: var(--musea-text-muted);\n  background: var(--musea-bg-primary);\n  padding: 1rem;\n  overflow: auto;\n  max-height: 100%;\n  width: 100%;\n}\n\n.variant-info {\n  padding: 1rem;\n  border-top: 1px solid var(--musea-border);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.variant-name {\n  font-weight: 600;\n  font-size: 0.875rem;\n}\n\n.variant-badge {\n  font-size: 0.625rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  background: var(--musea-accent-subtle);\n  color: var(--musea-accent);\n}\n\n.variant-actions {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.variant-action-btn {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: var(--musea-bg-tertiary);\n  border-radius: var(--musea-radius-sm);\n  color: var(--musea-text-muted);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all var(--musea-transition);\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.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 400px;\n  text-align: center;\n  padding: 2rem;\n}\n\n.empty-state-icon {\n  width: 80px;\n  height: 80px;\n  background: var(--musea-bg-secondary);\n  border-radius: var(--musea-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\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  font-size: 1.125rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n.empty-state-text {\n  color: var(--musea-text-muted);\n  font-size: 0.875rem;\n  max-width: 300px;\n}\n\n/* Loading */\n.loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  color: var(--musea-text-muted);\n  gap: 0.75rem;\n}\n\n.loading-spinner {\n  width: 20px;\n  height: 20px;\n  border: 2px solid var(--musea-border);\n  border-top-color: var(--musea-accent);\n  border-radius: 50%;\n  animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .main {\n    grid-template-columns: 1fr;\n  }\n  .sidebar {\n    display: none;\n  }\n  .header-subtitle {\n    display: none;\n  }\n}\n","/**\n * CSS theme variables and style definitions for the Musea gallery.\n *\n * CSS is split into separate .css files and imported as text\n * via tsdown's `?inline` support.\n */\n\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesBase from \"./styles-base.css?inline\";\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesLayout from \"./styles-layout.css?inline\";\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesComponents from \"./styles-components.css?inline\";\n\n/**\n * Generate the full gallery CSS styles string.\n */\nexport function generateGalleryStyles(): string {\n  return `${stylesBase}\\n${stylesLayout}\\n${stylesComponents}`;\n}\n","/**\n * Gallery HTML generation for the Musea component gallery.\n *\n * Contains the inline gallery SPA template (used as a fallback when the\n * pre-built gallery is not available) and the gallery virtual module.\n */\n\nimport { generateGalleryStyles } from \"./styles.js\";\nimport { generateGalleryBody, generateGalleryScript } from \"./template.js\";\nimport { generateGalleryGlobalsScript } from \"./globals.js\";\nimport type { MuseaTokenPreviewConfig } from \"../tokens/preview.js\";\n\nexport { generateGalleryModule } from \"./module.js\";\n\n/**\n * Generate the inline gallery HTML page.\n */\nexport function generateGalleryHtml(\n  basePath: string,\n  devSessionToken: string,\n  themeConfig?: { default: string; custom?: Record<string, unknown> },\n  tokenPreviewConfig?: MuseaTokenPreviewConfig,\n): string {\n  const globalsScript = generateGalleryGlobalsScript({\n    basePath,\n    devSessionToken,\n    themeConfig,\n    tokenPreviewConfig,\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>Musea - Component Gallery</title>\n  <script>${globalsScript}${\"<\"}/script>\n  <style>${generateGalleryStyles()}\n  </style>\n</head>\n<body>${generateGalleryBody(basePath)}\n\n  <script type=\"module\">${generateGalleryScript(basePath)}\n  </script>\n</body>\n</html>`;\n}\n"],"mappings":";;AAAA,IAAA,sBAAM;;;ACAN,IAAA,wBAAG;;;ACAH,IAAA,4BAAG;;;;;;;;;;;;ACiBH,SAAgB,wBAAgC;CAC9C,OAAO,GAAGA,oBAAW,IAAIC,sBAAa,IAAIC;AAC5C;;;;;;;;;;;;ACFA,SAAgB,oBACd,UACA,iBACA,aACA,oBACQ;CAOR,OAAO;;;;;;YANe,6BAA6B;EACjD;EACA;EACA;EACA;CACF,CAOsB,EAAA;WACb,sBAAsB,EAAE;;;QAG3B,oBAAoB,QAAQ,EAAE;;0BAEZ,sBAAsB,QAAQ,EAAE;;;;AAI1D"}
+{"version":3,"file":"gallery-CIcrB07g.mjs","names":["stylesBase","stylesLayout","stylesComponents"],"sources":["../src/gallery/styles-base.css?inline","../src/gallery/styles-layout.css?inline","../src/gallery/styles-components.css?inline","../src/gallery/styles.ts","../src/gallery/index.ts"],"sourcesContent":[":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: rgba(18, 18, 18, 0.08);\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 rgba(0, 0, 0, 0.08);\n  --musea-radius-sm: 4px;\n  --musea-radius-md: 6px;\n  --musea-radius-lg: 8px;\n  --musea-transition: 0.15s ease;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  background: var(--musea-bg-primary);\n  color: var(--musea-text);\n  min-height: 100vh;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n","/* Header */\n.header {\n  background: var(--musea-bg-secondary);\n  border-bottom: 1px solid var(--musea-border);\n  padding: 0 1.5rem;\n  height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 1.125rem;\n  font-weight: 700;\n  color: var(--musea-accent);\n  text-decoration: none;\n}\n\n.logo-svg {\n  width: 32px;\n  height: 32px;\n  flex-shrink: 0;\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  font-size: 0.8125rem;\n  font-weight: 500;\n  padding-left: 1.5rem;\n  border-left: 1px solid var(--musea-border);\n}\n\n.search-container {\n  position: relative;\n  width: 280px;\n}\n\n.search-input {\n  width: 100%;\n  background: var(--musea-bg-tertiary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-md);\n  padding: 0.5rem 0.75rem 0.5rem 2.25rem;\n  color: var(--musea-text);\n  font-size: 0.8125rem;\n  outline: none;\n  transition:\n    border-color var(--musea-transition),\n    background var(--musea-transition);\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  position: absolute;\n  left: 0.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--musea-text-muted);\n  pointer-events: none;\n}\n\n/* Layout */\n.main {\n  display: grid;\n  grid-template-columns: 260px 1fr;\n  min-height: calc(100vh - 56px);\n}\n\n/* Sidebar */\n.sidebar {\n  background: var(--musea-bg-secondary);\n  border-right: 1px solid var(--musea-border);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.sidebar::-webkit-scrollbar {\n  width: 6px;\n}\n\n.sidebar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.sidebar::-webkit-scrollbar-thumb {\n  background: var(--musea-border);\n  border-radius: 3px;\n}\n\n.sidebar-section {\n  padding: 0.75rem;\n}\n\n.category-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.625rem 0.75rem;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.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}\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  margin-left: auto;\n  background: var(--musea-bg-tertiary);\n  padding: 0.125rem 0.375rem;\n  border-radius: 4px;\n  font-size: 0.625rem;\n}\n\n.art-list {\n  list-style: none;\n  margin-top: 0.25rem;\n}\n\n.art-item {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.5rem 0.75rem 0.5rem 1.75rem;\n  border-radius: var(--musea-radius-sm);\n  cursor: pointer;\n  font-size: 0.8125rem;\n  color: var(--musea-text-secondary);\n  transition: all var(--musea-transition);\n  position: relative;\n}\n\n.art-item::before {\n  content: \"\";\n  position: absolute;\n  left: 0.75rem;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--musea-border);\n  transition: background var(--musea-transition);\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  margin-left: auto;\n  font-size: 0.6875rem;\n  color: var(--musea-text-muted);\n  opacity: 0;\n  transition: opacity var(--musea-transition);\n}\n\n.art-item:hover .art-variant-count {\n  opacity: 1;\n}\n\n/* Content */\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  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n\n.content-description {\n  color: var(--musea-text-muted);\n  font-size: 0.9375rem;\n  max-width: 600px;\n}\n\n.content-meta {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.meta-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.25rem 0.625rem;\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-sm);\n  font-size: 0.75rem;\n  color: var(--musea-text-muted);\n}\n\n.meta-tag svg {\n  width: 12px;\n  height: 12px;\n}\n","/* Gallery Grid */\n.gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 1.25rem;\n}\n\n/* Variant Card */\n.variant-card {\n  background: var(--musea-bg-secondary);\n  border: 1px solid var(--musea-border);\n  border-radius: var(--musea-radius-lg);\n  overflow: hidden;\n}\n\n.variant-preview {\n  aspect-ratio: 16 / 7;\n  background: var(--musea-bg-tertiary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n}\n\n.variant-preview iframe {\n  width: 70%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: none;\n  background: white;\n  border-radius: var(--musea-radius-md);\n  box-shadow: 0 12px 30px rgba(13, 13, 13, 0.12);\n}\n\n.variant-preview-placeholder {\n  color: var(--musea-text-muted);\n  font-size: 0.8125rem;\n  text-align: center;\n  padding: 1rem;\n}\n\n.variant-preview-code {\n  font-family: \"JetBrains Mono\", \"SF Mono\", \"Fira Code\", monospace;\n  font-size: 0.75rem;\n  color: var(--musea-text-muted);\n  background: var(--musea-bg-primary);\n  padding: 1rem;\n  overflow: auto;\n  max-height: 100%;\n  width: 100%;\n}\n\n.variant-info {\n  padding: 1rem;\n  border-top: 1px solid var(--musea-border);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.variant-name {\n  font-weight: 600;\n  font-size: 0.875rem;\n}\n\n.variant-badge {\n  font-size: 0.625rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  padding: 0.1875rem 0.5rem;\n  border-radius: 4px;\n  background: var(--musea-accent-subtle);\n  color: var(--musea-accent);\n}\n\n.variant-actions {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.variant-action-btn {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: var(--musea-bg-tertiary);\n  border-radius: var(--musea-radius-sm);\n  color: var(--musea-text-muted);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all var(--musea-transition);\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.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 400px;\n  text-align: center;\n  padding: 2rem;\n}\n\n.empty-state-icon {\n  width: 80px;\n  height: 80px;\n  background: var(--musea-bg-secondary);\n  border-radius: var(--musea-radius-lg);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\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  font-size: 1.125rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n.empty-state-text {\n  color: var(--musea-text-muted);\n  font-size: 0.875rem;\n  max-width: 300px;\n}\n\n/* Loading */\n.loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  color: var(--musea-text-muted);\n  gap: 0.75rem;\n}\n\n.loading-spinner {\n  width: 20px;\n  height: 20px;\n  border: 2px solid var(--musea-border);\n  border-top-color: var(--musea-accent);\n  border-radius: 50%;\n  animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .main {\n    grid-template-columns: 1fr;\n  }\n  .sidebar {\n    display: none;\n  }\n  .header-subtitle {\n    display: none;\n  }\n}\n","/**\n * CSS theme variables and style definitions for the Musea gallery.\n *\n * CSS is split into separate .css files and imported as text\n * via tsdown's `?inline` support.\n */\n\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesBase from \"./styles-base.css?inline\";\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesLayout from \"./styles-layout.css?inline\";\n// @ts-expect-error -- CSS imported as text via tsdown `?inline`\nimport stylesComponents from \"./styles-components.css?inline\";\n\n/**\n * Generate the full gallery CSS styles string.\n */\nexport function generateGalleryStyles(): string {\n  return `${stylesBase}\\n${stylesLayout}\\n${stylesComponents}`;\n}\n","/**\n * Gallery HTML generation for the Musea component gallery.\n *\n * Contains the inline gallery SPA template (used as a fallback when the\n * pre-built gallery is not available) and the gallery virtual module.\n */\n\nimport { generateGalleryStyles } from \"./styles.js\";\nimport { generateGalleryBody, generateGalleryScript } from \"./template.js\";\nimport { generateGalleryGlobalsScript } from \"./globals.js\";\nimport type { MuseaTokenPreviewConfig } from \"../tokens/preview.js\";\n\nexport { generateGalleryModule } from \"./module.js\";\n\n/**\n * Generate the inline gallery HTML page.\n */\nexport function generateGalleryHtml(\n  basePath: string,\n  devSessionToken: string,\n  themeConfig?: { default: string; custom?: Record<string, unknown> },\n  tokenPreviewConfig?: MuseaTokenPreviewConfig,\n): string {\n  const globalsScript = generateGalleryGlobalsScript({\n    basePath,\n    devSessionToken,\n    themeConfig,\n    tokenPreviewConfig,\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>Musea - Component Gallery</title>\n  <script>${globalsScript}${\"<\"}/script>\n  <style>${generateGalleryStyles()}\n  </style>\n</head>\n<body>${generateGalleryBody(basePath)}\n\n  <script type=\"module\">${generateGalleryScript(basePath)}\n  </script>\n</body>\n</html>`;\n}\n"],"mappings":";;AAAA,IAAA,sBAAM;;;ACAN,IAAA,wBAAG;;;ACAH,IAAA,4BAAG;;;;;;;;;;;;ACiBH,SAAgB,wBAAgC;CAC9C,OAAO,GAAGA,oBAAW,IAAIC,sBAAa,IAAIC;AAC5C;;;;;;;;;;;;ACFA,SAAgB,oBACd,UACA,iBACA,aACA,oBACQ;CAOR,OAAO;;;;;;YANe,6BAA6B;EACjD;EACA;EACA;EACA;CACF,CAOsB,EAAA;WACb,sBAAsB,EAAE;;;QAG3B,oBAAoB,QAAQ,EAAE;;0BAEZ,sBAAsB,QAAQ,EAAE;;;;AAI1D"}

package/dist/index-C5evpfmF.d.mts

@@ -0,0 +1,81 @@
+import { n as A11yResult, t as A11yOptions } from "./api-gMwahZKm.mjs";
+import { l as ArtFileInfo, r as MuseaVrtRunner } from "./vrt-6iDBfqNg.mjs";
+import { Page } from "playwright";
+
+//#region src/a11y/report.d.ts
+/**
+ * Compute a11y summary statistics from results.
+ */
+declare function computeA11ySummary(results: A11yResult[]): A11ySummary;
+/**
+ * Generate HTML report from a11y results.
+ */
+declare function generateA11yHtmlReport(results: A11yResult[], summary: A11ySummary): string;
+/**
+ * Generate JSON report for CI integration.
+ */
+declare function generateA11yJsonReport(results: A11yResult[]): string;
+//#endregion
+//#region src/a11y/index.d.ts
+/**
+ * A11y audit summary.
+ */
+interface A11ySummary {
+  totalComponents: number;
+  totalVariants: number;
+  /** Variants whose audit could not run at all; see `A11yResult.error`. */
+  erroredVariants: number;
+  totalViolations: number;
+  criticalCount: number;
+  seriousCount: number;
+  moderateCount: number;
+  minorCount: number;
+}
+/**
+ * Read axe-core's injectable browser bundle.
+ *
+ * axe-core ships CommonJS (`"main": "axe.js"`, no `exports` map), so under
+ * ESM its exports arrive on the namespace's `default` and `source` is not
+ * interop-detected as a named export: `(await import("axe-core")).source`
+ * is `undefined`. Injecting that injects nothing, leaves `window.axe`
+ * undefined, and the audit dies later as `Cannot read properties of
+ * undefined (reading 'run')` — a failure that points at the wrong line. So
+ * read both shapes and fail here, where the cause is still legible.
+ */
+declare function resolveAxeSource(): Promise<string>;
+/**
+ * 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;
+  /**
+   * Build axe-core run options from configuration.
+   */
+  private buildAxeOptions;
+  private buildVariantUrl;
+}
+//#endregion
+export { generateA11yHtmlReport as a, computeA11ySummary as i, MuseaA11yRunner as n, generateA11yJsonReport as o, resolveAxeSource as r, A11ySummary as t };
+//# sourceMappingURL=index-C5evpfmF.d.mts.map

package/dist/index-C5evpfmF.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C5evpfmF.d.mts","names":[],"sources":["../src/a11y/report.ts","../src/a11y/index.ts"],"mappings":";;;;;;;;iBAegB,kBAAA,CAAmB,OAAA,EAAS,UAAA,KAAe,WAAW;;AAAA;AAmBtE;iBAAgB,sBAAA,CAAuB,OAAA,EAAS,UAAA,IAAc,OAAA,EAAS,WAAW;;;;iBAqKlE,sBAAA,CAAuB,OAAqB,EAAZ,UAAU;;;;;;UC/KzC,WAAA;EACf,eAAA;EACA,aAAA;EDQc;ECNd,eAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;AAAA;;ADCgF;AAqKlF;;;;AAA4D;;;;AC/K5D;iBAuBsB,gBAAA,IAAoB,OAAO;;;;cAyBpC,eAAA;EAAA,QACH,OAAA;cAEI,OAAA,GAAS,WAAA;EA7CrB;;;;EA0DM,SAAA,CACJ,QAAA,EAAU,WAAA,IACV,OAAA,UACA,SAAA,GAAY,cAAA,GACX,OAAA,CAAQ,UAAA;EA3DD;AAcZ;;EAqGQ,SAAA,CAAU,IAAA,EAAM,IAAA,EAAM,OAAA,UAAiB,WAAA,WAAsB,OAAA,CAAQ,UAAA;EArG5B;AAAA;AAyBjD;EAyHE,UAAA,CAAW,OAAA,EAAS,UAAA,KAAe,WAAA;;;;EAOnC,kBAAA,CAAmB,OAAA,EAAS,UAAA;EA5GjB;;;EAoHX,kBAAA,CAAmB,OAAA,EAAS,UAAA;EA5DuC;;;EAAA,QAmE3D,eAAA;EAAA,QAqCA,eAAA;AAAA"}

package/dist/index.d.mts

@@ -1,7 +1,8 @@
-import { a as VrtOptions, i as ViewportConfig, n as CiConfig, r as ComparisonConfig, t as CaptureConfig } from "./vrt-DVub2B6r.mjs";
-import { a as MuseaTokenPreviewConfig, c as ResolvedTokenPreview, d as StyleDictionaryConfig, f as StyleDictionaryOutput, i as MuseaVrtOptions, l as resolveTokenPreview, m as parseTokens, n as MuseaTheme, o as MuseaTokenPreviewKind, p as TokenCategory, r as MuseaThemeColors, s as MuseaTokenPreviewRule, t as MuseaOptions, u as DesignToken } from "./plugin-CIrKPW8K.mjs";
-import { c as VrtSummary, d as ArtVariant, f as CsfOutput, l as ArtFileInfo, n as generateVrtReport, r as MuseaVrtRunner, s as VrtResult, t as generateVrtJsonReport, u as ArtMetadata } from "./vrt-BPwRc95_.mjs";
-import { c as A11yResult, l as AnalysisApiResponse, n as MuseaA11yRunner, s as A11yOptions, t as A11ySummary, u as PaletteApiResponse } from "./index-HVtO9FK5.mjs";
+import { a as VrtOptions, i as ViewportConfig, n as CiConfig, r as ComparisonConfig, t as CaptureConfig } from "./vrt-3T_e4bJ3.mjs";
+import { i as PaletteApiResponse, n as A11yResult, r as AnalysisApiResponse, t as A11yOptions } from "./api-gMwahZKm.mjs";
+import { a as MuseaTokenPreviewConfig, c as ResolvedTokenPreview, d as StyleDictionaryConfig, f as StyleDictionaryOutput, i as MuseaVrtOptions, l as resolveTokenPreview, m as parseTokens, n as MuseaTheme, o as MuseaTokenPreviewKind, p as TokenCategory, r as MuseaThemeColors, s as MuseaTokenPreviewRule, t as MuseaOptions, u as DesignToken } from "./plugin-DkFXWcCD.mjs";
+import { c as VrtSummary, d as ArtVariant, f as CsfOutput, l as ArtFileInfo, n as generateVrtReport, r as MuseaVrtRunner, s as VrtResult, t as generateVrtJsonReport, u as ArtMetadata } from "./vrt-6iDBfqNg.mjs";
+import { n as MuseaA11yRunner, t as A11ySummary } from "./index-C5evpfmF.mjs";
 import { AutogenOptions, AutogenOutput, GeneratedVariant, PropDefinition, generateArtFile, writeArtFile } from "./autogen/index.mjs";
 import { Plugin } from "vite";
 

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/plugin/index.ts","../src/tokens/usage.ts","../src/tokens/resolver.ts","../src/tokens/generator.ts"],"mappings":";;;;;;;;iBA0CgB,KAAA,CAAM,OAAA,GAAS,YAAA,GAAoB,MAAM;;;;AAAA;;iBCFzC,cAAA,CACd,QAAA,EAAU,GAAA;EAAc,IAAA;EAAc,QAAA;IAAY,KAAA;IAAe,QAAA;EAAA;AAAA,IACjE,QAAA,EAAU,MAAA,SAAe,WAAA,IACxB,aAAA;;;ADDH;;;AAAA,UErBiB,eAAA;EACf,IAAA;EACA,WAAA;EACA,QAAA;AAAA;AFkBuD;;;AAAA,UEZxC,eAAA;EACf,OAAA;EACA,QAAA;EACA,WAAA;EACA,OAAA,EAAS,eAAe;AAAA;;;;KAMd,aAAA,GAAgB,MAAM,SAAS,eAAA;;;;iBAqB3B,aAAA,CAAc,UAAA,EAAY,aAAA,KAAkB,MAAA,SAAe,WAAA;;;;iBAO3D,iBAAA,CACd,UAAA,EAAY,aAAA,IACZ,SAAA,EAAW,MAAA,SAAe,WAAA;;;;AF5B5B;;iBGHgB,kBAAA,CAAmB,UAA2B,EAAf,aAAa;;;;iBAgI5C,sBAAA,CAAuB,UAA2B,EAAf,aAAa;;AH7HP;;;iBGqInC,sBAAA,CACpB,MAAA,EAAQ,qBAAA,GACP,OAAA,CAAQ,qBAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/plugin/index.ts","../src/tokens/usage.ts","../src/tokens/resolver.ts","../src/tokens/generator.ts"],"mappings":";;;;;;;;;iBA0CgB,KAAA,CAAM,OAAA,GAAS,YAAA,GAAoB,MAAM;;;;;AAAA;iBCFzC,cAAA,CACd,QAAA,EAAU,GAAA;EAAc,IAAA;EAAc,QAAA;IAAY,KAAA;IAAe,QAAA;EAAA;AAAA,IACjE,QAAA,EAAU,MAAA,SAAe,WAAA,IACxB,aAAA;;;;ADDH;;UErBiB,eAAA;EACf,IAAA;EACA,WAAA;EACA,QAAA;AAAA;;AFkBuD;;UEZxC,eAAA;EACf,OAAA;EACA,QAAA;EACA,WAAA;EACA,OAAA,EAAS,eAAe;AAAA;;;;KAMd,aAAA,GAAgB,MAAM,SAAS,eAAA;;;;iBAqB3B,aAAA,CAAc,UAAA,EAAY,aAAA,KAAkB,MAAA,SAAe,WAAA;;;;iBAO3D,iBAAA,CACd,UAAA,EAAY,aAAA,IACZ,SAAA,EAAW,MAAA,SAAe,WAAA;;;;;AF5B5B;iBGHgB,kBAAA,CAAmB,UAA2B,EAAf,aAAa;;;;iBAgI5C,sBAAA,CAAuB,UAA2B,EAAf,aAAa;;;AH7HP;;iBGqInC,sBAAA,CACpB,MAAA,EAAQ,qBAAA,GACP,OAAA,CAAQ,qBAAA"}

package/dist/index.mjs

@@ -1,7 +1,8 @@
-import { A as resolveInside, C as parseJsonBody, D as assertVueSourcePath, E as assertArtVueSourcePath, F as analyzeSfcFallback, I as loadNative, M as resolveTrustedSourcePath, N as resolveUrlPathInside, O as decodeUrlComponent, P as HttpError, S as createDevSessionToken, T as validateDevApiRequest, _ as scanArtFiles, a as parseScriptSetupForArt, c as resolveArtComponent, d as resolveReadableArtPath, f as buildThemeConfig, g as resolveScanRoots, h as matchGlob, i as generateArtModule, j as resolveInsideAny, k as isVueSourcePath, l as allowedSourceRoots, m as generateStorybookFiles, o as rewriteRelativeImportStatement, p as escapeHtml, r as processMuseaArtFile, s as expandSelfTag, t as attachMuseaOptions, u as resolveComponentSourcePath, v as shouldProcess, w as serializeScriptValue, x as collectRequestBody, y as toPascalCase } from "./options-Cd7bzLGr.mjs";
-import { a as generateGalleryGlobalsScript, i as generateDevGlobalsScript, n as generateGalleryScript, r as generateGalleryModule, t as generateGalleryBody } from "./template-DNhEgY8-.mjs";
-import { i as MuseaVrtRunner, n as generateVrtJsonReport, r as generateVrtReport } from "./vrt-UxzWFygI.mjs";
-import { t as MuseaA11yRunner } from "./a11y-Ci9EEv6F.mjs";
+import { C as resolveUrlPathInside, E as loadNative, S as resolveTrustedSourcePath, T as analyzeSfcFallback, _ as assertVueSourcePath, a as scanArtFiles, b as resolveInside, c as buildThemeConfig, d as createDevSessionToken, f as parseJsonBody, h as assertArtVueSourcePath, i as resolveScanRoots, m as validateDevApiRequest, n as generateStorybookFiles, o as shouldProcess, p as serializeScriptValue, r as matchGlob, s as toPascalCase, t as escapeHtml, u as collectRequestBody, v as decodeUrlComponent, w as HttpError, x as resolveInsideAny, y as isVueSourcePath } from "./utils-DeMLVlNS.mjs";
+import { a as parseScriptSetupForArt, c as resolveArtComponent, d as resolveReadableArtPath, i as generateArtModule, l as allowedSourceRoots, o as rewriteRelativeImportStatement, r as processMuseaArtFile, s as expandSelfTag, t as attachMuseaOptions, u as resolveComponentSourcePath } from "./options-CZYdDtTW.mjs";
+import { a as generateGalleryGlobalsScript, i as generateDevGlobalsScript, n as generateGalleryScript, r as generateGalleryModule, t as generateGalleryBody } from "./template-DDl7rsgo.mjs";
+import { i as MuseaVrtRunner, n as generateVrtJsonReport, r as generateVrtReport } from "./vrt-VuGK9wTX.mjs";
+import { t as MuseaA11yRunner } from "./a11y-BbFK942j.mjs";
 import { n as writeArtFile, t as generateArtFile } from "./autogen-B-N0cJbZ.mjs";
 import { createRequire } from "node:module";
 import fs from "node:fs";
@@ -363,14 +364,13 @@ function generatePreviewHtml(art, variant, _basePath, viteBase) {
       }
       html, body {
         width: 100%;
-        height: 100%;
+        min-height: 100%;
         margin: 0;
       }
       body {
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
         background: #ffffff;
         padding: var(--musea-preview-padding);
-        overflow: auto;
       }
       .musea-variant {
         width: 100%;
@@ -769,7 +769,7 @@ async function tryLoadSourceGalleryHtml(devServer, url, basePath, devSessionToke
 	return devServer.transformIndexHtml(url, html);
 }
 async function generateFallbackGalleryHtml(basePath, devSessionToken, themeConfig, tokenPreviewConfig) {
-	const { generateGalleryHtml } = await import("./gallery-qE5deHL0.mjs");
+	const { generateGalleryHtml } = await import("./gallery-CIcrB07g.mjs");
 	return generateGalleryHtml(basePath, devSessionToken, themeConfig, tokenPreviewConfig);
 }
 async function serveGalleryAsset(galleryDistDir, requestUrl, res) {
@@ -1180,7 +1180,7 @@ function extractTailwindTokenCandidates(css) {
 	while ((match = VARIABLE_DECLARATION_RE.exec(source)) !== null) {
 		const variable = match[1];
 		const value = match[2].trim();
-		const mapped = mapTailwindVariable(variable);
+		const mapped = mapTokenVariable(variable, value);
 		if (!mapped || !value) continue;
 		candidates.push({
 			variable,
@@ -1190,6 +1190,23 @@ function extractTailwindTokenCandidates(css) {
 	}
 	return candidates;
 }
+function mapTokenVariable(variable, value) {
+	const tailwind = mapTailwindVariable(variable);
+	if (tailwind) return {
+		...tailwind,
+		description: `Tailwind theme variable ${variable}`
+	};
+	const segments = variable.replace(/^--/, "").split("-").filter(Boolean);
+	const category = segments[0];
+	if (!category) return null;
+	const rest = segments.slice(1).join("-");
+	return {
+		category,
+		path: rest ? [rest] : ["DEFAULT"],
+		type: inferCustomPropertyType(value),
+		description: `Custom property ${variable}`
+	};
+}
 function mapTailwindVariable(variable) {
 	const name = variable.replace(/^--/, "");
 	const mapping = NAMESPACE_MAPPINGS.find((candidate) => name === candidate.prefix || name.startsWith(`${candidate.prefix}-`));
@@ -1203,6 +1220,13 @@ function mapTailwindVariable(variable) {
 		type: mapping.type
 	};
 }
+function inferCustomPropertyType(value) {
+	const trimmed = value.trim();
+	if (/^(?:#|rgba?\(|hsla?\(|oklch\(|oklab\(|color-mix\(|color\()/i.test(trimmed)) return "color";
+	if (/^-?(?:\d+\.\d+|\d+)(?:px|rem|em|vh|vw|vmin|vmax|%)$/i.test(trimmed)) return "dimension";
+	if (/^-?(?:\d+\.\d+|\d+)$/.test(trimmed)) return "number";
+	return "other";
+}
 function tailwindNameToPath(name) {
 	if (!name || name === "DEFAULT") return ["DEFAULT"];
 	const parts = name.split("-").filter(Boolean);
@@ -1226,7 +1250,7 @@ function buildCategories(candidates) {
 		const token = {
 			value: referencedPath ? `{${referencedPath}}` : candidate.value,
 			type: candidate.type,
-			description: `Tailwind theme variable ${candidate.variable}`,
+			description: candidate.description,
 			attributes: { tailwindVariable: candidate.variable },
 			$tier: referencedPath ? "semantic" : "primitive",
 			...referencedPath ? { $reference: referencedPath } : {}