@fragments-sdk/cli 0.7.3 → 0.7.5

package/src/viewer/components/LeftSidebar.tsx

@@ -1,8 +1,8 @@
 import { useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import type { FragmentDefinition } from '../../core/index.js';
 import { BRAND } from '../../core/index.js';
-import { useTheme } from './ThemeProvider.js';
-import { Sidebar, useSidebar, Badge, Text, ThemeToggle } from '@fragments/ui';
+
+import { Sidebar, useSidebar, Text, FragmentsLogo } from '@fragments/ui';
 
 // Fuzzy matching utility
 interface FuzzyMatch {
@@ -129,7 +129,6 @@ interface LeftSidebarProps {
 
 export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect, showHealth, onHealthClick }: LeftSidebarProps) {
   const [focusedIndex, setFocusedIndex] = useState(-1);
-  const { setTheme, resolvedTheme } = useTheme();
   const { isMobile, setOpen } = useSidebar();
   const navRef = useRef<HTMLDivElement>(null);
 
@@ -158,37 +157,19 @@ export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect,
     return map;
   }, [searchResults]);
 
-  const grouped = useMemo(() => {
-    const source = searchResults
-      ? searchResults.map(r => r.item)
-      : fragments;
-
-    const groups: Record<string, typeof fragments> = {};
-    for (const item of source) {
-      // Skip invalid fragments
-      if (!item.fragment?.meta) continue;
-      const category = item.fragment.meta.category || 'uncategorized';
-      if (!groups[category]) groups[category] = [];
-      groups[category].push(item);
-    }
-    return groups;
-  }, [fragments, searchResults]);
-
+  // Flat alphabetical list (search results sorted by relevance, otherwise alphabetical)
   const flatItems = useMemo(() => {
-    const items: Array<{ path: string; fragment: FragmentDefinition }> = [];
-    const sortedEntries = Object.entries(grouped).sort(([a], [b]) =>
-      a.toLowerCase().localeCompare(b.toLowerCase())
-    );
-    for (const [, categoryItems] of sortedEntries) {
-      const sorted = [...categoryItems]
-        .filter(item => item.fragment?.meta?.name)
-        .sort((a, b) =>
-          a.fragment.meta.name.toLowerCase().localeCompare(b.fragment.meta.name.toLowerCase())
-        );
-      items.push(...sorted);
+    if (searchResults) {
+      return searchResults
+        .map(r => r.item)
+        .filter(item => item.fragment?.meta?.name);
     }
-    return items;
-  }, [grouped]);
+    return [...fragments]
+      .filter(item => item.fragment?.meta?.name)
+      .sort((a, b) =>
+        a.fragment.meta.name.toLowerCase().localeCompare(b.fragment.meta.name.toLowerCase())
+      );
+  }, [fragments, searchResults]);
 
   const keyboardItems = useMemo(() => {
     const componentItems = flatItems.map((item) => ({ type: 'component' as const, path: item.path }));
@@ -257,25 +238,16 @@ export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect,
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [handleKeyDown]);
 
-  const sortedEntries = Object.entries(grouped).sort(([a], [b]) =>
-    a.toLowerCase().localeCompare(b.toLowerCase())
-  );
-
   return (
     <>
       {/* Header */}
       <Sidebar.Header>
         <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>
-          <Text size="sm" weight="medium">{BRAND.name}</Text>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
-            <ThemeToggle
-              size="sm"
-              value={resolvedTheme}
-              onValueChange={(value) => setTheme(value)}
-              aria-label={`Theme: ${resolvedTheme}`}
-            />
-            <Sidebar.CollapseToggle />
+          <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+            <FragmentsLogo size={20} />
+            <Text size="sm" weight="semibold">{BRAND.name}</Text>
           </div>
+          <Sidebar.CollapseToggle />
         </div>
       </Sidebar.Header>
 
@@ -283,7 +255,7 @@ export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect,
       <div ref={navRef} style={{ flex: 1, minHeight: 0, display: 'flex', overflow: 'hidden' }}>
         <Sidebar.Nav aria-label="Components">
           {onHealthClick && (
-            <Sidebar.Section>
+            <Sidebar.Section label="Overview">
               <Sidebar.Item
                 active={!!showHealth}
                 onClick={handleHealthClick}
@@ -293,36 +265,22 @@ export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect,
             </Sidebar.Section>
           )}
 
-          {sortedEntries.map(([category, items]) => {
-            const sortedItems = [...items]
-              .filter(item => item.fragment?.meta?.name)
-              .sort((a, b) =>
-                a.fragment.meta.name.toLowerCase().localeCompare(b.fragment.meta.name.toLowerCase())
-              );
-
-            return (
-              <Sidebar.Section key={category} label={category}>
-                {sortedItems.map((item) => {
-                  const nameIndices = highlightMap.get(item.path) || [];
-
-                  return (
-                    <Sidebar.Item
-                      key={item.path}
-                      active={activeFragment === item.path}
-                      onClick={() => handleSelect(item.path)}
-                    >
-                      <HighlightedText
-                        text={item.fragment.meta.name}
-                        indices={nameIndices}
-                      />
-                    </Sidebar.Item>
-                  );
-                })}
-              </Sidebar.Section>
-            );
-          })}
-
-          {Object.keys(grouped).length === 0 && (
+          <Sidebar.Section label="Components">
+            {flatItems.map((item) => (
+              <Sidebar.Item
+                key={item.path}
+                active={activeFragment === item.path}
+                onClick={() => handleSelect(item.path)}
+              >
+                <HighlightedText
+                  text={item.fragment.meta.name}
+                  indices={highlightMap.get(item.path) || []}
+                />
+              </Sidebar.Item>
+            ))}
+          </Sidebar.Section>
+
+          {flatItems.length === 0 && (
             <div style={{ padding: '8px 32px', textAlign: 'center' }}>
               <Text size="sm" color="tertiary">No results</Text>
             </div>
@@ -332,7 +290,7 @@ export function LeftSidebar({ fragments, activeFragment, searchQuery, onSelect,
 
       {/* Footer */}
       <Sidebar.Footer>
-        <Badge size="sm">{fragments.length} components</Badge>
+        <Text size="xs" color="tertiary">{fragments.length} components</Text>
       </Sidebar.Footer>
     </>
   );

package/src/viewer/preview-frame.html

@@ -13,7 +13,7 @@
       html, body {
         margin: 0;
         padding: 0;
-        font-family: var(--fui-font-sans, 'Geist Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+        font-family: var(--fui-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         width: 100%;

package/src/viewer/styles/globals.css

@@ -65,7 +65,8 @@ html {
 }
 
 body {
-  font-family: var(--fui-font-sans, 'Geist Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+  margin: 0;
+  font-family: var(--fui-font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
   background-color: var(--bg-primary);
   color: var(--text-primary);
   -webkit-font-smoothing: antialiased;

package/src/viewer/utils/a11y-fixes.ts

@@ -21,57 +21,63 @@ const WCAG_CRITERIA: Record<string, { id: string; name: string; level: 'A' | 'AA
     id: '1.1.1',
     name: 'Non-text Content',
     level: 'A',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/non-text-content',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/non-text-content',
   },
   '1.3.1': {
     id: '1.3.1',
     name: 'Info and Relationships',
     level: 'A',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships',
   },
   '2.1.1': {
     id: '2.1.1',
     name: 'Keyboard',
     level: 'A',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/keyboard',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/keyboard',
   },
   '2.4.4': {
     id: '2.4.4',
     name: 'Link Purpose (In Context)',
     level: 'A',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context',
   },
   '4.1.2': {
     id: '4.1.2',
     name: 'Name, Role, Value',
     level: 'A',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/name-role-value',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/name-role-value',
   },
   // Level AA
   '1.4.3': {
     id: '1.4.3',
     name: 'Contrast (Minimum)',
     level: 'AA',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum',
   },
   '1.4.4': {
     id: '1.4.4',
     name: 'Resize Text',
     level: 'AA',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/resize-text',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/resize-text',
   },
   '2.4.6': {
     id: '2.4.6',
     name: 'Headings and Labels',
     level: 'AA',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels',
+  },
+  '2.5.8': {
+    id: '2.5.8',
+    name: 'Target Size (Minimum)',
+    level: 'AA',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum',
   },
   // Level AAA
   '1.4.6': {
     id: '1.4.6',
     name: 'Contrast (Enhanced)',
     level: 'AAA',
-    url: 'https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced',
+    url: 'https://www.w3.org/WAI/WCAG22/Understanding/contrast-enhanced',
   },
 };
 
@@ -178,6 +184,15 @@ const STATIC_FIXES: Record<string, StaticFixSuggestion> = {
     goodExample: '<input id="first-name">\n<input id="last-name">',
     wcagCriterion: WCAG_CRITERIA['4.1.2'],
   },
+  'target-size-minimum': {
+    whyItMatters:
+      'Small touch targets are difficult to activate for users with motor impairments or when using touch input.',
+    howToFix:
+      'Increase the interactive target to at least 24x24 CSS pixels, or add sufficient padding around the control.',
+    badExample: '<button style="width: 16px; height: 16px">×</button>',
+    goodExample: '<button style="min-width: 24px; min-height: 24px; padding: 4px">×</button>',
+    wcagCriterion: WCAG_CRITERIA['2.5.8'],
+  },
 };
 
 /**

package/src/viewer/vite-plugin.ts

@@ -182,6 +182,21 @@ export function fragmentsPlugin(options: FragmentsPluginOptions): Plugin[] {
     // Add process.env shim and esbuild config for Storybook compatibility
     config() {
       return {
+        build: {
+          rollupOptions: {
+            onwarn(warning: any, defaultHandler: any) {
+              // Suppress Node.js module externalization warnings from html2canvas/sanitize-html
+              if (
+                warning.code === "MODULE_LEVEL_DIRECTIVE" ||
+                (warning.message &&
+                  warning.message.includes("has been externalized"))
+              ) {
+                return;
+              }
+              defaultHandler(warning);
+            },
+          },
+        },
         define: {
           // Shim process.env for story files that use it (e.g., process.env.STORYBOOK_*)
           "process.env": "{}",
@@ -1666,7 +1681,15 @@ function mergeMetadata(fragment, metadataModule) {
   if (metadata.variants && fragment.variants) {
     for (const metaVariant of metadata.variants) {
       const fragmentVariant = fragment.variants.find(v => v.name === metaVariant.name);
-      if (fragmentVariant && metaVariant.figma && !fragmentVariant.figma) {
+      if (!fragmentVariant) continue;
+
+      // Use authored code snippets from fragment metadata when story variants
+      // don't define their own code.
+      if (metaVariant.code && !fragmentVariant.code) {
+        fragmentVariant.code = metaVariant.code;
+      }
+
+      if (metaVariant.figma && !fragmentVariant.figma) {
         fragmentVariant.figma = metaVariant.figma;
       }
     }
@@ -1753,7 +1776,9 @@ export async function loadFragment(path) {
     }
   }
 
-  loadedFragments.set(path, fragment);
+  if (fragment) {
+    loadedFragments.set(path, fragment);
+  }
   return fragment;
 }
 

package/dist/chunk-D34Q6A7S.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/discovery.ts"],"sourcesContent":["import { resolve, dirname, basename } from 'node:path';\nimport { readFile } from 'node:fs/promises';\nimport { existsSync } from 'node:fs';\nimport fg from 'fast-glob';\nimport type { FragmentsConfig } from './types.js';\nimport { BRAND } from './constants.js';\n\nexport interface DiscoveredFile {\n  /** Absolute path to the file */\n  absolutePath: string;\n  /** Path relative to config directory */\n  relativePath: string;\n}\n\n/**\n * Discovered component with source file information\n */\nexport interface DiscoveredComponent {\n  /** Component name (e.g., \"Button\") */\n  name: string;\n  /** Absolute path to the component source file */\n  sourcePath: string;\n  /** Path relative to config directory */\n  relativePath: string;\n  /** Path to storybook file if found */\n  storyPath?: string;\n}\n\n/**\n * Discover block files (*.block.ts) under the config directory.\n * Also discovers legacy *.recipe.ts files for backward compatibility.\n */\nexport async function discoverBlockFiles(\n  configDir: string,\n  exclude?: string[]\n): Promise<DiscoveredFile[]> {\n  const patterns = [\n    `**/*${BRAND.blockFileExtension}`,\n    `**/*${BRAND.recipeFileExtension}`,\n  ];\n  const files = await fg(patterns, {\n    cwd: configDir,\n    ignore: exclude ?? ['**/node_modules/**', '**/dist/**'],\n    absolute: false,\n  });\n\n  return files.map((relativePath) => ({\n    relativePath,\n    absolutePath: resolve(configDir, relativePath),\n  }));\n}\n\n/**\n * @deprecated Use discoverBlockFiles instead\n */\nexport const discoverRecipeFiles = discoverBlockFiles;\n\n/**\n * Discover fragment files matching the config patterns\n */\nexport async function discoverFragmentFiles(\n  config: FragmentsConfig,\n  configDir: string\n): Promise<DiscoveredFile[]> {\n  const files = await fg(config.include, {\n    cwd: configDir,\n    ignore: config.exclude ?? [],\n    absolute: false,\n  });\n\n  return files.map((relativePath) => ({\n    relativePath,\n    absolutePath: resolve(configDir, relativePath),\n  }));\n}\n\n/**\n * Discover component files for coverage validation\n */\nexport async function discoverComponentFiles(\n  config: FragmentsConfig,\n  configDir: string\n): Promise<DiscoveredFile[]> {\n  if (!config.components || config.components.length === 0) {\n    return [];\n  }\n\n  const files = await fg(config.components, {\n    cwd: configDir,\n    ignore: [\n      ...(config.exclude ?? []),\n      // Exclude fragment files themselves\n      ...config.include,\n      // Exclude test files\n      '**/*.test.*',\n      '**/*.spec.*',\n      '**/__tests__/**',\n    ],\n    absolute: false,\n  });\n\n  return files.map((relativePath) => ({\n    relativePath,\n    absolutePath: resolve(configDir, relativePath),\n  }));\n}\n\n/**\n * Extract component name from file path\n */\nexport function extractComponentName(filePath: string): string {\n  // Handle index.tsx files - use parent directory name\n  const parts = filePath.replace(/\\\\/g, '/').split('/');\n  const fileName = parts[parts.length - 1];\n\n  if (fileName === 'index.tsx' || fileName === 'index.ts') {\n    return parts[parts.length - 2] ?? 'Unknown';\n  }\n\n  // Remove extension\n  return fileName.replace(/\\.(tsx?|jsx?)$/, '');\n}\n\n/**\n * Default patterns for component discovery\n */\nconst DEFAULT_COMPONENT_PATTERNS = [\n  'src/components/**/*.tsx',\n  'src/components/**/index.tsx',\n  'components/**/*.tsx',\n  'lib/components/**/*.tsx',\n  'packages/*/src/components/**/*.tsx',\n];\n\n/**\n * Patterns to exclude from component discovery\n */\nconst DEFAULT_EXCLUDE_PATTERNS = [\n  '**/*.test.*',\n  '**/*.spec.*',\n  '**/*.stories.*',\n  '**/*.story.*',\n  '**/__tests__/**',\n  '**/__mocks__/**',\n  '**/node_modules/**',\n  '**/dist/**',\n];\n\n/**\n * Discover components from source files\n *\n * This function finds React components by:\n * 1. Looking for TypeScript/TSX files in common component directories\n * 2. Filtering out test files, stories, and internal files\n * 3. Extracting component names from file names or directories\n */\nexport async function discoverComponentsFromSource(\n  configDir: string,\n  patterns?: string[],\n  exclude?: string[]\n): Promise<DiscoveredComponent[]> {\n  const searchPatterns = patterns && patterns.length > 0\n    ? patterns\n    : DEFAULT_COMPONENT_PATTERNS;\n\n  const excludePatterns = [\n    ...DEFAULT_EXCLUDE_PATTERNS,\n    ...(exclude ?? []),\n  ];\n\n  const files = await fg(searchPatterns, {\n    cwd: configDir,\n    ignore: excludePatterns,\n    absolute: false,\n  });\n\n  // Filter to only component-like files (start with uppercase)\n  const componentFiles = files.filter((file) => {\n    const name = extractComponentName(file);\n    return /^[A-Z]/.test(name);\n  });\n\n  // Find associated story files\n  const storyPatterns = [\n    '**/*.stories.tsx',\n    '**/*.stories.ts',\n    '**/*.story.tsx',\n    '**/*.story.ts',\n  ];\n\n  const storyFiles = await fg(storyPatterns, {\n    cwd: configDir,\n    ignore: ['**/node_modules/**', '**/dist/**'],\n    absolute: false,\n  });\n\n  const storyMap = new Map<string, string>();\n  for (const storyFile of storyFiles) {\n    const name = extractComponentName(storyFile.replace(/\\.stories?\\.(tsx?|jsx?)$/, '.tsx'));\n    storyMap.set(name, storyFile);\n  }\n\n  // Build discovered components\n  const components: DiscoveredComponent[] = [];\n\n  for (const file of componentFiles) {\n    const name = extractComponentName(file);\n    const absolutePath = resolve(configDir, file);\n\n    // Look for story file\n    const storyFile = storyMap.get(name);\n\n    components.push({\n      name,\n      sourcePath: absolutePath,\n      relativePath: file,\n      storyPath: storyFile ? resolve(configDir, storyFile) : undefined,\n    });\n  }\n\n  // Sort by name\n  components.sort((a, b) => a.name.localeCompare(b.name));\n\n  return components;\n}\n\n/**\n * Discover components from a barrel export file (index.ts)\n *\n * Parses the barrel file to find exported components.\n * This is useful for libraries that expose components through a single entry point.\n */\nexport async function discoverComponentsFromBarrel(\n  barrelPath: string,\n  configDir: string\n): Promise<DiscoveredComponent[]> {\n  const absoluteBarrelPath = resolve(configDir, barrelPath);\n\n  if (!existsSync(absoluteBarrelPath)) {\n    return [];\n  }\n\n  const content = await readFile(absoluteBarrelPath, 'utf-8');\n  const components: DiscoveredComponent[] = [];\n\n  // Match export statements like:\n  // export { Button } from './Button'\n  // export { Card, CardHeader } from './Card'\n  // export * from './Modal'\n  const exportRegex = /export\\s+(?:\\*|{([^}]+)})\\s+from\\s+['\"]([^'\"]+)['\"]/g;\n\n  let match;\n  while ((match = exportRegex.exec(content)) !== null) {\n    const exportedNames = match[1];\n    const importPath = match[2];\n\n    // Resolve the import path\n    const barrelDir = dirname(absoluteBarrelPath);\n    let resolvedPath = resolve(barrelDir, importPath);\n\n    // Add extension if needed\n    if (!resolvedPath.endsWith('.tsx') && !resolvedPath.endsWith('.ts')) {\n      if (existsSync(`${resolvedPath}.tsx`)) {\n        resolvedPath = `${resolvedPath}.tsx`;\n      } else if (existsSync(`${resolvedPath}.ts`)) {\n        resolvedPath = `${resolvedPath}.ts`;\n      } else if (existsSync(`${resolvedPath}/index.tsx`)) {\n        resolvedPath = `${resolvedPath}/index.tsx`;\n      } else if (existsSync(`${resolvedPath}/index.ts`)) {\n        resolvedPath = `${resolvedPath}/index.ts`;\n      }\n    }\n\n    if (!existsSync(resolvedPath)) {\n      continue;\n    }\n\n    if (exportedNames) {\n      // Named exports: { Button, Card }\n      const names = exportedNames.split(',').map((n) => n.trim().split(/\\s+as\\s+/)[0].trim());\n      for (const name of names) {\n        if (/^[A-Z]/.test(name)) {\n          const relativePath = resolvedPath.replace(configDir + '/', '');\n          components.push({\n            name,\n            sourcePath: resolvedPath,\n            relativePath,\n          });\n        }\n      }\n    } else {\n      // Star export: export * from './Component'\n      const name = extractComponentName(importPath);\n      if (/^[A-Z]/.test(name)) {\n        const relativePath = resolvedPath.replace(configDir + '/', '');\n        components.push({\n          name,\n          sourcePath: resolvedPath,\n          relativePath,\n        });\n      }\n    }\n  }\n\n  return components;\n}\n\n/**\n * Default glob patterns for discovering token files (SCSS/CSS with custom properties)\n */\nconst DEFAULT_TOKEN_PATTERNS = [\n  'src/**/tokens/**/_variables.scss',\n  'src/**/tokens/**/variables.scss',\n  'src/**/styles/**/variables.scss',\n  'src/**/styles/**/tokens.scss',\n  'src/**/styles/**/variables.css',\n  'src/**/theme/**/_variables.scss',\n  'src/**/theme/**/tokens.css',\n];\n\n/**\n * Discover token files (SCSS/CSS files containing CSS custom properties).\n * Uses config.tokens.include patterns if provided, otherwise falls back\n * to default patterns that match common project structures.\n */\nexport async function discoverTokenFiles(\n  configDir: string,\n  patterns?: string[],\n  exclude?: string[]\n): Promise<DiscoveredFile[]> {\n  const searchPatterns = patterns && patterns.length > 0\n    ? patterns\n    : DEFAULT_TOKEN_PATTERNS;\n\n  const files = await fg(searchPatterns, {\n    cwd: configDir,\n    ignore: exclude ?? ['**/node_modules/**', '**/dist/**'],\n    absolute: false,\n  });\n\n  return files.map((relativePath) => ({\n    relativePath,\n    absolutePath: resolve(configDir, relativePath),\n  }));\n}\n\n/**\n * Discover fragment files from installed packages that declare a \"fragments\" field\n * in their package.json. This allows consumer projects to see components from\n * installed packages (e.g. @fragments-sdk/ui) in the dev viewer.\n */\nexport async function discoverInstalledFragments(\n  projectRoot: string\n): Promise<DiscoveredFile[]> {\n  const pkgJsonPath = resolve(projectRoot, 'package.json');\n  if (!existsSync(pkgJsonPath)) return [];\n\n  const pkgJson = JSON.parse(await readFile(pkgJsonPath, 'utf-8'));\n  const allDeps = { ...pkgJson.dependencies, ...pkgJson.devDependencies };\n  const results: DiscoveredFile[] = [];\n\n  for (const depName of Object.keys(allDeps)) {\n    const depDir = resolve(projectRoot, 'node_modules', depName);\n    const depPkgPath = resolve(depDir, 'package.json');\n    if (!existsSync(depPkgPath)) continue;\n\n    const depPkg = JSON.parse(await readFile(depPkgPath, 'utf-8'));\n    if (!depPkg.fragments) continue;\n\n    // Package declares fragments — scan for source fragment files\n    const files = await fg(\n      [`src/**/*${BRAND.fileExtension}`, 'src/**/*.stories.tsx'],\n      { cwd: depDir, ignore: ['**/node_modules/**'], absolute: false }\n    );\n\n    for (const rel of files) {\n      results.push({\n        relativePath: `${depName}/${rel}`,\n        absolutePath: resolve(depDir, rel),\n      });\n    }\n  }\n\n  return results;\n}\n\n/**\n * Discover all components using multiple strategies\n */\nexport async function discoverAllComponents(\n  configDir: string,\n  options: {\n    patterns?: string[];\n    exclude?: string[];\n    barrelFiles?: string[];\n  } = {}\n): Promise<DiscoveredComponent[]> {\n  const componentsMap = new Map<string, DiscoveredComponent>();\n\n  // Discover from source files\n  const sourceComponents = await discoverComponentsFromSource(\n    configDir,\n    options.patterns,\n    options.exclude\n  );\n\n  for (const comp of sourceComponents) {\n    componentsMap.set(comp.name, comp);\n  }\n\n  // Discover from barrel files if specified\n  if (options.barrelFiles && options.barrelFiles.length > 0) {\n    for (const barrelFile of options.barrelFiles) {\n      const barrelComponents = await discoverComponentsFromBarrel(barrelFile, configDir);\n      for (const comp of barrelComponents) {\n        // Only add if not already found\n        if (!componentsMap.has(comp.name)) {\n          componentsMap.set(comp.name, comp);\n        }\n      }\n    }\n  }\n\n  return Array.from(componentsMap.values()).sort((a, b) => a.name.localeCompare(b.name));\n}\n"],"mappings":"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","names":[]}