@vizejs/vite-plugin-musea 0.429.2 → 0.431.0

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

@@ -1 +1 @@
-{"version":3,"file":"gallery-BVjLEh8U.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-CVNSFoLa.d.mts → index-C5evpfmF.d.mts}

@@ -1,5 +1,5 @@
-import { n as A11yResult, t as A11yOptions } from "./api-CNyDcynu.mjs";
-import { l as ArtFileInfo, r as MuseaVrtRunner } from "./vrt-BPwRc95_.mjs";
+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
@@ -78,4 +78,4 @@ declare class MuseaA11yRunner {
 }
 //#endregion
 export { generateA11yHtmlReport as a, computeA11ySummary as i, MuseaA11yRunner as n, generateA11yJsonReport as o, resolveAxeSource as r, A11ySummary as t };
-//# sourceMappingURL=index-CVNSFoLa.d.mts.map
+//# 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,8 +1,8 @@
-import { a as VrtOptions, i as ViewportConfig, n as CiConfig, r as ComparisonConfig, t as CaptureConfig } from "./vrt-DVub2B6r.mjs";
-import { i as PaletteApiResponse, n as A11yResult, r as AnalysisApiResponse, t as A11yOptions } from "./api-CNyDcynu.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-GXZ0wPOx.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 { n as MuseaA11yRunner, t as A11ySummary } from "./index-CVNSFoLa.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.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 shouldProcess, a as parseScriptSetupForArt, c as resolveArtComponent, d as resolveReadableArtPath, f as escapeHtml, g as scanArtFiles, h as resolveScanRoots, i as generateArtModule, j as resolveInsideAny, k as isVueSourcePath, l as allowedSourceRoots, m as matchGlob, o as rewriteRelativeImportStatement, p as generateStorybookFiles, r as processMuseaArtFile, s as expandSelfTag, t as attachMuseaOptions, u as resolveComponentSourcePath, v as toPascalCase, w as serializeScriptValue, x as collectRequestBody, y as buildThemeConfig } from "./options-CRaAwhKq.mjs";
-import { a as generateGalleryGlobalsScript, i as generateDevGlobalsScript, n as generateGalleryScript, r as generateGalleryModule, t as generateGalleryBody } from "./template-BRTA___e.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-BVjLEh8U.mjs");
+	const { generateGalleryHtml } = await import("./gallery-CIcrB07g.mjs");
 	return generateGalleryHtml(basePath, devSessionToken, themeConfig, tokenPreviewConfig);
 }
 async function serveGalleryAsset(galleryDistDir, requestUrl, res) {