@tpitre/story-ui 3.6.2 → 3.8.0

package/dist/story-generator/dynamicPackageDiscovery.js

@@ -3,21 +3,42 @@ import path from 'path';
 import { createRequire } from 'module';
 import { logger } from './logger.js';
 /**
- * Dynamically discovers what components are actually available in an installed package
+ * Dynamically discovers what components are actually available in an installed package.
+ *
+ * IMPORTANT: This class is FRAMEWORK-aware, not DESIGN-SYSTEM-aware.
+ * It uses GENERIC patterns based on the framework type (React, Vue, Angular, Svelte, Web Components)
+ * without any knowledge of specific design systems (Mantine, Vuetify, Material, Skeleton, Shoelace, etc.)
  */
 export class DynamicPackageDiscovery {
-    constructor(packageName, projectRoot = process.cwd()) {
+    constructor(packageName, projectRoot = process.cwd(), framework = 'react') {
         this.packageName = packageName;
         this.projectRoot = projectRoot;
+        this.framework = framework.toLowerCase();
     }
     /**
      * Get the real exports from the installed package
      */
     async getRealPackageExports() {
         try {
-            const packagePath = path.join(this.projectRoot, 'node_modules', this.packageName);
+            // GENERIC: Normalize package names with subpath exports to their base package
+            // e.g., 'packagename/components' -> 'packagename', '@scope/pkg/sub' -> '@scope/pkg'
+            let normalizedPackageName = this.packageName;
+            if (!this.packageName.startsWith('@') && this.packageName.includes('/')) {
+                // Non-scoped package with subpath: extract base name
+                normalizedPackageName = this.packageName.split('/')[0];
+                logger.log(`🔧 Normalizing package path: ${this.packageName} → ${normalizedPackageName}`);
+            }
+            else if (this.packageName.startsWith('@')) {
+                // Scoped package: keep @scope/name, strip anything after
+                const parts = this.packageName.split('/');
+                if (parts.length > 2) {
+                    normalizedPackageName = `${parts[0]}/${parts[1]}`;
+                    logger.log(`🔧 Normalizing scoped package path: ${this.packageName} → ${normalizedPackageName}`);
+                }
+            }
+            const packagePath = path.join(this.projectRoot, 'node_modules', normalizedPackageName);
             if (!fs.existsSync(packagePath)) {
-                console.warn(`Package ${this.packageName} not found in node_modules`);
+                console.warn(`Package ${normalizedPackageName} not found in node_modules`);
                 return null;
             }
             // Get package version
@@ -338,17 +359,61 @@ export class DynamicPackageDiscovery {
     /**
      * Alternative discovery method when package imports fail due to CSS
      * Analyzes package.json exports and TypeScript definitions
+     *
+     * IMPORTANT: This uses GENERIC framework-based discovery patterns.
+     * It has NO knowledge of specific design systems - only framework types.
      */
     discoverFromPackageStructure() {
         try {
-            const packagePath = path.join(this.projectRoot, 'node_modules', this.packageName);
+            // GENERIC: Normalize package name for subpath exports
+            let normalizedPackageName = this.packageName;
+            if (!this.packageName.startsWith('@') && this.packageName.includes('/')) {
+                normalizedPackageName = this.packageName.split('/')[0];
+            }
+            else if (this.packageName.startsWith('@')) {
+                const parts = this.packageName.split('/');
+                if (parts.length > 2) {
+                    normalizedPackageName = `${parts[0]}/${parts[1]}`;
+                }
+            }
+            const packagePath = path.join(this.projectRoot, 'node_modules', normalizedPackageName);
             const packageJsonPath = path.join(packagePath, 'package.json');
             if (!fs.existsSync(packageJsonPath)) {
-                logger.log(`📦 No package.json found for ${this.packageName}`);
+                logger.log(`📦 No package.json found for ${normalizedPackageName}`);
                 return null;
             }
             const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
             const exports = {};
+            // GENERIC Framework-based discovery methods (prioritized by framework type)
+            logger.log(`🔧 Using GENERIC ${this.framework} framework discovery for ${this.packageName}...`);
+            // Vue framework: Parse ES module re-exports from lib/components/index.js
+            if (this.framework === 'vue') {
+                const vueComponents = this.discoverVueFrameworkComponents(packagePath);
+                if (vueComponents && Object.keys(vueComponents).length > 0) {
+                    return vueComponents;
+                }
+            }
+            // Web Components framework: Parse custom-elements.json manifest
+            if (this.framework === 'web-components') {
+                const webComponents = this.discoverWebComponentsFromManifest(packagePath);
+                if (webComponents && Object.keys(webComponents).length > 0) {
+                    return webComponents;
+                }
+            }
+            // Angular framework: Scan NgModule directories
+            if (this.framework === 'angular') {
+                const angularComponents = this.discoverAngularFrameworkComponents(packagePath);
+                if (angularComponents && Object.keys(angularComponents).length > 0) {
+                    return angularComponents;
+                }
+            }
+            // Svelte framework: Check for CSS-only vs component packages
+            if (this.framework === 'svelte') {
+                const svelteComponents = this.discoverSvelteFrameworkComponents(packagePath, packageJson);
+                if (svelteComponents && Object.keys(svelteComponents).length > 0) {
+                    return svelteComponents;
+                }
+            }
             // Method 1: Analyze package.json exports field
             if (packageJson.exports) {
                 logger.log(`📋 Analyzing exports field in ${this.packageName}/package.json`);
@@ -373,6 +438,267 @@ export class DynamicPackageDiscovery {
             return null;
         }
     }
+    /**
+     * GENERIC Vue Framework Discovery: Parse ES module re-exports
+     * Works with Vue component libraries that use: export * from "./ComponentName/index.js" pattern
+     * Searches common locations: lib/components/, src/components/, components/
+     */
+    discoverVueFrameworkComponents(packagePath) {
+        try {
+            // GENERIC: Try multiple common component index locations
+            const possibleIndexPaths = [
+                path.join(packagePath, 'lib', 'components', 'index.js'),
+                path.join(packagePath, 'lib', 'components', 'index.mjs'),
+                path.join(packagePath, 'src', 'components', 'index.js'),
+                path.join(packagePath, 'src', 'components', 'index.ts'),
+                path.join(packagePath, 'components', 'index.js'),
+                path.join(packagePath, 'dist', 'components', 'index.js'),
+            ];
+            let componentsIndexPath = null;
+            for (const p of possibleIndexPaths) {
+                if (fs.existsSync(p)) {
+                    componentsIndexPath = p;
+                    logger.log(`📁 Found Vue components index at: ${p}`);
+                    break;
+                }
+            }
+            if (!componentsIndexPath) {
+                logger.log(`📁 No Vue components index found in common locations`);
+                return null;
+            }
+            const content = fs.readFileSync(componentsIndexPath, 'utf-8');
+            const exports = {};
+            // GENERIC: Match ES module re-export patterns
+            // export * from "./ComponentName/index.js" or export * from "./ComponentName/index.mjs"
+            const reExportRegex = /export\s+\*\s+from\s+["']\.\/([^/]+)\/index(?:\.m?js)?["']/g;
+            let match;
+            while ((match = reExportRegex.exec(content)) !== null) {
+                const componentDir = match[1];
+                // Component name is the directory name
+                if (this.isComponentName(componentDir)) {
+                    exports[componentDir] = () => { };
+                    exports[componentDir].displayName = componentDir;
+                    // GENERIC: Use relative path from package, not hardcoded design system name
+                    const relativePath = path.relative(packagePath, componentsIndexPath);
+                    const componentsDir = path.dirname(relativePath);
+                    exports[componentDir].__componentPath = `${this.packageName}/${componentsDir}/${componentDir}`;
+                }
+            }
+            logger.log(`✅ Vue Framework: Found ${Object.keys(exports).length} components from ${path.basename(componentsIndexPath)}`);
+            return exports;
+        }
+        catch (error) {
+            logger.log(`❌ Vue framework discovery failed: ${error}`);
+            return null;
+        }
+    }
+    /**
+     * GENERIC Web Components Discovery: Parse custom-elements.json manifest
+     * Custom Elements Manifest is a standard spec for documenting Web Components
+     * Works with any Web Components library that provides a custom-elements.json manifest
+     */
+    discoverWebComponentsFromManifest(packagePath) {
+        try {
+            // GENERIC: Try multiple common locations for custom-elements.json manifest
+            const possiblePaths = [
+                path.join(packagePath, 'custom-elements.json'),
+                path.join(packagePath, 'dist', 'custom-elements.json'),
+                path.join(packagePath, 'cdn', 'custom-elements.json'),
+                path.join(packagePath, 'lib', 'custom-elements.json'),
+                path.join(packagePath, 'build', 'custom-elements.json'),
+            ];
+            let manifestPath = null;
+            for (const p of possiblePaths) {
+                if (fs.existsSync(p)) {
+                    manifestPath = p;
+                    logger.log(`📁 Found custom-elements.json manifest at: ${p}`);
+                    break;
+                }
+            }
+            if (!manifestPath) {
+                logger.log(`📁 No custom-elements.json manifest found in common locations`);
+                return null;
+            }
+            const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+            const exports = {};
+            // custom-elements.json structure (standard spec):
+            // { modules: [{ declarations: [{ kind: "class", name: "SlAlert", tagName: "sl-alert" }] }] }
+            if (manifest.modules && Array.isArray(manifest.modules)) {
+                for (const module of manifest.modules) {
+                    if (module.declarations && Array.isArray(module.declarations)) {
+                        for (const declaration of module.declarations) {
+                            // Look for class declarations that are Custom Elements
+                            if (declaration.kind === 'class' && declaration.name && declaration.tagName) {
+                                const componentName = declaration.name;
+                                exports[componentName] = () => { };
+                                exports[componentName].displayName = componentName;
+                                // GENERIC: Use package name, not hardcoded design system name
+                                exports[componentName].__componentPath = `${this.packageName}/${module.path || ''}`;
+                                exports[componentName].__tagName = declaration.tagName;
+                            }
+                        }
+                    }
+                }
+            }
+            logger.log(`✅ Web Components: Found ${Object.keys(exports).length} components from custom-elements.json`);
+            return exports;
+        }
+        catch (error) {
+            logger.log(`❌ Web Components manifest discovery failed: ${error}`);
+            return null;
+        }
+    }
+    /**
+     * GENERIC Angular Framework Discovery: Scan module directories
+     * Works with Angular component libraries that use NgModule patterns
+     * Discovers modules based on directory structure and file patterns
+     */
+    discoverAngularFrameworkComponents(packagePath) {
+        try {
+            const entries = fs.readdirSync(packagePath, { withFileTypes: true });
+            const exports = {};
+            // GENERIC: Common Angular-specific directories to exclude
+            const excludedDirs = new Set([
+                'node_modules', 'schematics', 'prebuilt-themes', 'core',
+                'esm2022', 'fesm2022', 'esm2020', 'fesm2020', 'esm2015', 'fesm2015',
+                'testing', 'bundles', 'cdk', 'src', 'lib', 'dist'
+            ]);
+            // Filter to potential component module directories
+            const componentModules = entries.filter(entry => entry.isDirectory() &&
+                !entry.name.startsWith('.') &&
+                !entry.name.startsWith('_') &&
+                !excludedDirs.has(entry.name));
+            for (const moduleDir of componentModules) {
+                const moduleName = moduleDir.name;
+                const modulePath = path.join(packagePath, moduleName);
+                // GENERIC: Check if this directory contains Angular-relevant content
+                let hasContent = false;
+                try {
+                    const moduleContents = fs.readdirSync(modulePath);
+                    hasContent = moduleContents.some(f => f.endsWith('.scss') ||
+                        f.endsWith('.css') ||
+                        f.includes('index') ||
+                        f.endsWith('.html') ||
+                        f.endsWith('.module.ts') ||
+                        f.endsWith('.component.ts'));
+                }
+                catch {
+                    continue;
+                }
+                if (hasContent) {
+                    // GENERIC: Convert directory name to Angular component name pattern
+                    // "button" -> "MatButton" or "MyButton" depending on package naming
+                    // Try to detect prefix from package name
+                    let prefix = 'Mat';
+                    const packageNameParts = this.packageName.split('/');
+                    const baseName = packageNameParts[packageNameParts.length - 1];
+                    if (baseName && baseName !== 'material') {
+                        // Use first 3 chars capitalized as prefix (e.g., @mylib/ui -> "Myl")
+                        prefix = baseName.charAt(0).toUpperCase() + baseName.slice(1, 3);
+                    }
+                    const componentName = prefix + moduleName
+                        .split('-')
+                        .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+                        .join('');
+                    exports[componentName] = () => { };
+                    exports[componentName].displayName = componentName;
+                    // GENERIC: Use actual package name, not hardcoded
+                    exports[componentName].__componentPath = `${this.packageName}/${moduleName}`;
+                    exports[componentName].__moduleName = moduleName;
+                }
+            }
+            logger.log(`✅ Angular Framework: Found ${Object.keys(exports).length} component modules`);
+            return exports;
+        }
+        catch (error) {
+            logger.log(`❌ Angular framework discovery failed: ${error}`);
+            return null;
+        }
+    }
+    /**
+     * GENERIC Svelte Framework Discovery: Scan for .svelte component files
+     * Works with any Svelte component library that includes .svelte files
+     * Searches common locations: dist/, src/, lib/, components/
+     * Also detects CSS-only packages that provide no Svelte components
+     */
+    discoverSvelteFrameworkComponents(packagePath, packageJson) {
+        try {
+            const exports = {};
+            // GENERIC: Try multiple common locations for Svelte components
+            const possibleDirs = [
+                path.join(packagePath, 'dist'),
+                path.join(packagePath, 'src'),
+                path.join(packagePath, 'lib'),
+                path.join(packagePath, 'components'),
+                path.join(packagePath, 'build'),
+            ];
+            for (const searchDir of possibleDirs) {
+                if (!fs.existsSync(searchDir))
+                    continue;
+                const entries = fs.readdirSync(searchDir, { withFileTypes: true });
+                for (const entry of entries) {
+                    if (entry.isDirectory()) {
+                        // Check for .svelte files in subdirectory
+                        const subPath = path.join(searchDir, entry.name);
+                        try {
+                            const files = fs.readdirSync(subPath);
+                            for (const file of files) {
+                                if (file.endsWith('.svelte')) {
+                                    const componentName = file.replace('.svelte', '');
+                                    if (this.isComponentName(componentName)) {
+                                        exports[componentName] = () => { };
+                                        exports[componentName].displayName = componentName;
+                                        // GENERIC: Use package name, not hardcoded design system name
+                                        const relativePath = path.relative(packagePath, subPath);
+                                        exports[componentName].__componentPath = `${this.packageName}/${relativePath}`;
+                                    }
+                                }
+                            }
+                        }
+                        catch {
+                            continue;
+                        }
+                    }
+                    else if (entry.name.endsWith('.svelte')) {
+                        // Direct .svelte files in the directory
+                        const componentName = entry.name.replace('.svelte', '');
+                        if (this.isComponentName(componentName)) {
+                            exports[componentName] = () => { };
+                            exports[componentName].displayName = componentName;
+                            const relativePath = path.relative(packagePath, searchDir);
+                            exports[componentName].__componentPath = `${this.packageName}/${relativePath}`;
+                        }
+                    }
+                }
+                if (Object.keys(exports).length > 0) {
+                    logger.log(`📁 Found Svelte components in: ${searchDir}`);
+                    break;
+                }
+            }
+            // GENERIC: Check if package.json exports only CSS (no components)
+            if (packageJson.exports && Object.keys(exports).length === 0) {
+                const mainExport = packageJson.exports['.'];
+                const isCSSOnly = (typeof mainExport === 'object')
+                    ? (mainExport.import?.endsWith('.css') || mainExport.style?.endsWith('.css'))
+                    : (typeof mainExport === 'string' && mainExport.endsWith('.css'));
+                if (isCSSOnly) {
+                    logger.log(`⚠️ ${this.packageName} is CSS-only (Tailwind/CSS utilities). No Svelte components available.`);
+                    logger.log(`💡 This package provides CSS utilities only. Use standard HTML elements with its CSS classes.`);
+                    // Return a special marker indicating CSS-only
+                    exports['__CSS_ONLY__'] = true;
+                    exports['__MESSAGE__'] = `${this.packageName} provides CSS utilities only. Use standard HTML elements with CSS classes.`;
+                }
+            }
+            if (Object.keys(exports).length > 0 && !exports['__CSS_ONLY__']) {
+                logger.log(`✅ Svelte Framework: Found ${Object.keys(exports).length} components`);
+            }
+            return Object.keys(exports).length > 0 ? exports : null;
+        }
+        catch (error) {
+            logger.log(`❌ Svelte framework discovery failed: ${error}`);
+            return null;
+        }
+    }
     /**
      * Scan package subdirectories for components (e.g., antd/button, chakra-ui/input)
      */

package/dist/story-generator/enhancedComponentDiscovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhancedComponentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/enhancedComponentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,oBAAoB,CAA6C;IACzE,OAAO,CAAC,2BAA2B,CAA0B;gBAEjD,MAAM,EAAE,aAAa;IAIjC;;;OAGG;IACG,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IA2CjD;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAyCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAWvB;;GAED;IACH,OAAO,CAAC,cAAc;IAmBtB;;OAEG;IACH,OAAO,CAAC,eAAe;IA6GvB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAI/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA6B9B;;KAEC;YACW,sBAAsB;IAsEpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAiJtC;;OAEG;YACW,sBAAsB;IAsCpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA0B5B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiBpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B;;OAEG;YACW,0BAA0B;IAmCxC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAcnC;;OAEG;YACW,sBAAsB;IAMpC;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA4CjC;;OAEG;IACG,sBAAsB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAC9D,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC;IAwCF;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwC5B;;OAEG;IACH,0BAA0B,IAAI,MAAM,EAAE;CAMvC"}
+{"version":3,"file":"enhancedComponentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/enhancedComponentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,oBAAoB,CAA6C;IACzE,OAAO,CAAC,2BAA2B,CAA0B;gBAEjD,MAAM,EAAE,aAAa;IAIjC;;;OAGG;IACG,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IA2CjD;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAyCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAWvB;;GAED;IACH,OAAO,CAAC,cAAc;IAmBtB;;OAEG;IACH,OAAO,CAAC,eAAe;IA6GvB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAI/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA6B9B;;KAEC;YACW,sBAAsB;IAgGpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAoRtC;;OAEG;YACW,sBAAsB;IAsCpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA0B5B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiBpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B;;OAEG;YACW,0BAA0B;IAmCxC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAcnC;;OAEG;YACW,sBAAsB;IAMpC;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA4CjC;;OAEG;IACG,sBAAsB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAC9D,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC;IAwCF;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwC5B;;OAEG;IACH,0BAA0B,IAAI,MAAM,EAAE;CAMvC"}

package/dist/story-generator/enhancedComponentDiscovery.js

@@ -259,7 +259,23 @@ export class EnhancedComponentDiscovery {
     async discoverFromNpmPackage(source) {
         // Determine the project root from the generated stories path
         const projectRoot = this.getProjectRoot();
-        const packagePath = path.join(projectRoot, 'node_modules', source.path);
+        // Normalize package paths with subpath exports to their base package
+        // e.g., 'vuetify/components' -> 'vuetify', '@scope/pkg/sub' -> '@scope/pkg'
+        let normalizedPackageName = source.path;
+        if (!source.path.startsWith('@') && source.path.includes('/')) {
+            // Non-scoped package with subpath: extract base name
+            normalizedPackageName = source.path.split('/')[0];
+            logger.log(`🔧 Normalizing package path: ${source.path} → ${normalizedPackageName}`);
+        }
+        else if (source.path.startsWith('@')) {
+            // Scoped package: keep @scope/name, strip anything after
+            const parts = source.path.split('/');
+            if (parts.length > 2) {
+                normalizedPackageName = `${parts[0]}/${parts[1]}`;
+                logger.log(`🔧 Normalizing scoped package path: ${source.path} → ${normalizedPackageName}`);
+            }
+        }
+        const packagePath = path.join(projectRoot, 'node_modules', normalizedPackageName);
         // Helper function to load known components as fallback
         const loadFallbackComponents = () => {
             logger.log(`📋 ${source.path}: Using static component list (design system detected)`);
@@ -284,7 +300,7 @@ export class EnhancedComponentDiscovery {
         }
         logger.log(`🔍 Dynamically discovering components from ${source.path}...`);
         // Use dynamic discovery to get real exports
-        const dynamicDiscovery = new DynamicPackageDiscovery(source.path, projectRoot);
+        const dynamicDiscovery = new DynamicPackageDiscovery(source.path, projectRoot, this.config.componentFramework);
         const packageExports = await dynamicDiscovery.getRealPackageExports();
         if (!packageExports) {
             // Fallback to predefined components if dynamic discovery fails
@@ -295,6 +311,14 @@ export class EnhancedComponentDiscovery {
         const realComponents = packageExports.components.filter(comp => comp.isComponent);
         console.log(`✅ Found ${realComponents.length} real components in ${source.path} v${packageExports.packageVersion}`);
         logger.log(`📦 Available components: ${realComponents.map(c => c.name).join(', ')}`);
+        // If dynamic discovery found 0 components, use fallback list
+        if (realComponents.length === 0) {
+            logger.log(`🔄 No components found dynamically, checking for known design system fallback...`);
+            loadFallbackComponents();
+            if (this.discoveredComponents.size > 0) {
+                return; // Fallback loaded successfully
+            }
+        }
         for (const realComp of realComponents) {
             // Get enhanced metadata from predefined list if available
             const knownComponents = this.getKnownDesignSystemComponents(source.path);
@@ -452,6 +476,129 @@ export class EnhancedComponentDiscovery {
                 category: this.categorizeComponent(name, '')
             }));
         }
+        // Vuetify fallback components (Vue 3)
+        if (packageName === 'vuetify' || packageName === 'vuetify/components') {
+            const vuetifyComponents = [
+                // Layout
+                'VApp', 'VMain', 'VContainer', 'VRow', 'VCol', 'VSpacer', 'VDivider', 'VFooter', 'VToolbar',
+                'VAppBar', 'VNavigationDrawer', 'VSheet', 'VCard', 'VCardTitle', 'VCardSubtitle', 'VCardText', 'VCardActions',
+                // Buttons & Actions
+                'VBtn', 'VBtnToggle', 'VFab', 'VSpeedDial',
+                // Inputs & Forms
+                'VTextField', 'VTextarea', 'VSelect', 'VAutocomplete', 'VCombobox', 'VCheckbox', 'VRadio', 'VRadioGroup',
+                'VSwitch', 'VSlider', 'VRangeSlider', 'VFileInput', 'VForm', 'VColorPicker', 'VDatePicker', 'VTimePicker',
+                'VOtpInput', 'VNumberInput',
+                // Data Display
+                'VAvatar', 'VBadge', 'VChip', 'VChipGroup', 'VImg', 'VIcon', 'VList', 'VListItem', 'VListItemTitle',
+                'VListItemSubtitle', 'VListItemAction', 'VTable', 'VDataTable', 'VDataTableServer', 'VDataTableVirtual',
+                'VTimeline', 'VTimelineItem', 'VTooltip', 'VExpansionPanels', 'VExpansionPanel', 'VExpansionPanelTitle',
+                'VExpansionPanelText', 'VTreeview', 'VVirtualScroll',
+                // Navigation
+                'VTabs', 'VTab', 'VTabsWindow', 'VTabsWindowItem', 'VMenu', 'VBreadcrumbs', 'VBreadcrumbsItem',
+                'VPagination', 'VBottomNavigation', 'VStepper', 'VStepperHeader', 'VStepperItem', 'VStepperContent',
+                // Feedback
+                'VAlert', 'VSnackbar', 'VProgressLinear', 'VProgressCircular', 'VSkeleton', 'VSkeletonLoader',
+                'VDialog', 'VBottomSheet', 'VOverlay', 'VBanner',
+                // Typography
+                'VSystemBar', 'VLabel',
+                // Misc
+                'VCarousel', 'VCarouselItem', 'VParallax', 'VRating', 'VHover', 'VLazy', 'VThemeProvider',
+                'VDefaultsProvider', 'VLocaleProvider', 'VResponsive', 'VNoSsr', 'VInfiniteScroll'
+            ];
+            return vuetifyComponents.map(name => ({
+                name,
+                description: `${name} component from Vuetify`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
+        // Angular Material fallback components
+        if (packageName === '@angular/material' || packageName.startsWith('@angular/material/')) {
+            const angularMaterialComponents = [
+                // Form Controls
+                'MatAutocomplete', 'MatCheckbox', 'MatDatepicker', 'MatFormField', 'MatInput', 'MatRadioButton',
+                'MatRadioGroup', 'MatSelect', 'MatSlider', 'MatSlideToggle',
+                // Navigation
+                'MatMenu', 'MatSidenav', 'MatToolbar', 'MatList', 'MatListItem', 'MatNavList', 'MatTabs',
+                'MatTabGroup', 'MatStepper',
+                // Layout
+                'MatCard', 'MatCardHeader', 'MatCardTitle', 'MatCardContent', 'MatCardActions', 'MatDivider',
+                'MatExpansionPanel', 'MatAccordion', 'MatGridList', 'MatGridTile',
+                // Buttons & Indicators
+                'MatButton', 'MatButtonToggle', 'MatButtonToggleGroup', 'MatBadge', 'MatChip', 'MatChipList',
+                'MatChipListbox', 'MatIcon', 'MatProgressSpinner', 'MatProgressBar', 'MatRipple',
+                // Popups & Modals
+                'MatDialog', 'MatDialogTitle', 'MatDialogContent', 'MatDialogActions', 'MatSnackBar',
+                'MatTooltip', 'MatBottomSheet',
+                // Data Table
+                'MatTable', 'MatSort', 'MatSortHeader', 'MatPaginator',
+                // Tree
+                'MatTree', 'MatTreeNode', 'MatNestedTreeNode'
+            ];
+            return angularMaterialComponents.map(name => ({
+                name,
+                description: `${name} component from Angular Material`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
+        // Skeleton UI fallback components (Svelte)
+        if (packageName === '@skeletonlabs/skeleton' || packageName === '@skeletonlabs/skeleton-svelte') {
+            const skeletonComponents = [
+                // Layout
+                'AppShell', 'AppBar', 'AppRail', 'AppRailTile', 'AppRailAnchor',
+                // Navigation
+                'TabGroup', 'Tab', 'TabAnchor', 'Stepper', 'Step', 'Pagination',
+                // Surfaces
+                'Card', 'Accordion', 'AccordionItem',
+                // Input
+                'FileButton', 'FileDropzone', 'SlideToggle', 'RadioGroup', 'RangeSlider',
+                'InputChip', 'Autocomplete', 'ListBox', 'ListBoxItem', 'Ratings',
+                // Feedback
+                'Alert', 'Toast', 'ProgressBar', 'ProgressRadial', 'Drawer', 'Modal',
+                // Visualization
+                'Avatar', 'CodeBlock', 'Table', 'TableBody', 'TableHead',
+                // Utility
+                'Popup', 'ConicGradient', 'GradientHeading', 'LightSwitch',
+                // Typography
+                'Typography'
+            ];
+            return skeletonComponents.map(name => ({
+                name,
+                description: `${name} component from Skeleton UI`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
+        // Shoelace fallback components (Web Components)
+        if (packageName === '@shoelace-style/shoelace') {
+            const shoelaceComponents = [
+                // Layout
+                'SlCard', 'SlDivider', 'SlDrawer', 'SlDialog', 'SlDetails', 'SlPopup', 'SlCarousel',
+                'SlCarouselItem', 'SlSplitPanel', 'SlResizeObserver',
+                // Buttons & Actions
+                'SlButton', 'SlButtonGroup', 'SlCopyButton', 'SlIconButton',
+                // Form Controls
+                'SlInput', 'SlSelect', 'SlOption', 'SlOptgroup', 'SlTextarea', 'SlCheckbox',
+                'SlRadio', 'SlRadioButton', 'SlRadioGroup', 'SlSwitch', 'SlRange',
+                'SlColorPicker', 'SlRating',
+                // Data Display
+                'SlAvatar', 'SlBadge', 'SlTag', 'SlIcon', 'SlImage', 'SlImageComparer',
+                'SlFormatBytes', 'SlFormatDate', 'SlFormatNumber', 'SlRelativeTime', 'SlQrCode',
+                'SlTree', 'SlTreeItem',
+                // Navigation
+                'SlBreadcrumb', 'SlBreadcrumbItem', 'SlMenu', 'SlMenuItem', 'SlMenuLabel',
+                'SlTab', 'SlTabGroup', 'SlTabPanel',
+                // Feedback
+                'SlAlert', 'SlProgressBar', 'SlProgressRing', 'SlSpinner', 'SlSkeleton',
+                'SlTooltip',
+                // Typography & Misc
+                'SlAnimatedImage', 'SlAnimation', 'SlInclude', 'SlMutationObserver',
+                'SlVisuallyHidden'
+            ];
+            return shoelaceComponents.map(name => ({
+                name,
+                description: `${name} component from Shoelace`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
         // Default: return empty array
         return [];
     }

package/dist/story-generator/framework-adapters/base-adapter.d.ts

@@ -50,6 +50,7 @@ export declare abstract class BaseFrameworkAdapter implements FrameworkAdapter {
     generateImports(components: DiscoveredComponent[], config: StoryUIConfig): string;
     /**
      * Post-process generated story content
+     * Removes React imports for non-React frameworks as a safety net
      */
     postProcess(storyContent: string): string;
     /**

package/dist/story-generator/framework-adapters/base-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/base-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D;;GAEG;AACH,8BAAsB,oBAAqB,YAAW,gBAAgB;IACpE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,oBAAoB,CAC3B,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAET;;OAEG;IACH,0BAA0B,CACxB,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAmBT;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAC5B,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAkBT;;OAEG;IACH,SAAS,CAAC,aAAa,CACrB,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAUT;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAChC,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAcxC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAExD;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAC1B,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAET;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAoBT;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAQzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAkBpE;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAEnE;;OAEG;IACH,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIpE;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,MAAM;CAoBnC"}
+{"version":3,"file":"base-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/base-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D;;GAEG;AACH,8BAAsB,oBAAqB,YAAW,gBAAgB;IACpE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,oBAAoB,CAC3B,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAET;;OAEG;IACH,0BAA0B,CACxB,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAmBT;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAC5B,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAkBT;;OAEG;IACH,SAAS,CAAC,aAAa,CACrB,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAUT;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAChC,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAcxC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAExD;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAC1B,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAET;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAoBT;;;OAGG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAmBzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAkBpE;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAEnE;;OAEG;IACH,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIpE;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,MAAM;CAoBnC"}

package/dist/story-generator/framework-adapters/base-adapter.js

@@ -90,13 +90,23 @@ export class BaseFrameworkAdapter {
     }
     /**
      * Post-process generated story content
+     * Removes React imports for non-React frameworks as a safety net
      */
     postProcess(storyContent) {
-        // Default implementation - can be overridden by subclasses
-        return storyContent
+        let processed = storyContent
             .trim()
             .replace(/\r\n/g, '\n')
             .replace(/\n{3,}/g, '\n\n');
+        // For non-React frameworks, remove any React imports that may have been generated
+        // This is a safety net in case the LLM generates React imports for non-React frameworks
+        if (this.type !== 'react') {
+            processed = processed.replace(/import React from ['"]react['"];?\n?/g, '');
+            processed = processed.replace(/import \* as React from ['"]react['"];?\n?/g, '');
+            processed = processed.replace(/import { React } from ['"]react['"];?\n?/g, '');
+            // Clean up any resulting empty lines at the start of the file
+            processed = processed.replace(/^\n+/, '');
+        }
+        return processed;
     }
     /**
      * Validate generated story syntax

package/dist/story-generator/framework-adapters/react-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/react-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,YAAa,SAAQ,oBAAoB;IACpD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAW;IACvC,QAAQ,CAAC,IAAI,WAAW;IACxB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAIjD;IACF,QAAQ,CAAC,gBAAgB,kBAAkB;IAE3C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA+GT;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAgE/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA0B1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA4BzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CA2BrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAEjD"}
+{"version":3,"file":"react-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/react-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,YAAa,SAAQ,oBAAoB;IACpD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAW;IACvC,QAAQ,CAAC,IAAI,WAAW;IACxB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAIjD;IACF,QAAQ,CAAC,gBAAgB,kBAAkB;IAE3C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA+GT;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAkE/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA0B1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA4BzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CA2BrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAEjD"}

package/dist/story-generator/framework-adapters/react-adapter.js

@@ -146,6 +146,7 @@ const meta: Meta<typeof Button> = {
   title: 'Components/Button',
   component: Button,
   parameters: { layout: 'centered' },
+  tags: ['autodocs'],
   argTypes: {
     variant: {
       control: 'select',
@@ -175,6 +176,7 @@ import { Card, Button, Text } from '${lib}';
 const meta: Meta = {
   title: 'Examples/Card Layout',
   parameters: { layout: 'padded' },
+  tags: ['autodocs'],
 };
 
 export default meta;

package/dist/story-generator/framework-adapters/svelte-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svelte-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/svelte-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,aAAc,SAAQ,oBAAoB;IACrD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAY;IACxC,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAqGT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA0I/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAsB1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAkBzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAwBpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAWV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}
+{"version":3,"file":"svelte-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/svelte-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,aAAc,SAAQ,oBAAoB;IACrD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAY;IACxC,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA8GT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAuJ/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAsB1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAiDzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAwBpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAWV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}