@tpitre/story-ui 4.7.0 → 4.8.0

package/dist/cli/index.js

@@ -30,12 +30,16 @@ program
     .description('Start the Story UI server')
     .option('-p, --port <port>', 'Port to run the server on', '4001')
     .option('-c, --config <config>', 'Path to configuration file')
+    .option('--mcp', 'Also start MCP stdio server for Claude Desktop integration')
     .action(async (options) => {
-    console.log('🚀 Starting Story UI server...');
+    // Use stderr for all logging to avoid breaking MCP JSON-RPC protocol
+    // when Claude Desktop spawns this process
+    console.error('🚀 Starting Story UI server...');
     // Use absolute path to avoid dist/dist issue when package is linked
     const pkgRoot = path.resolve(__dirname, '..');
     const serverPath = path.join(pkgRoot, 'mcp-server/index.js');
-    console.log(`✅ Using MCP server at: ${serverPath}`);
+    const mcpStdioPath = path.join(pkgRoot, 'mcp-server/mcp-stdio-server.js');
+    console.error(`✅ Using HTTP server at: ${serverPath}`);
     // FIRST_EDIT: determine an available port
     const requestedPort = parseInt(options.port || '4001', 10);
     const isPortFree = (port) => {
@@ -55,7 +59,7 @@ program
         finalPort += 1;
     }
     if (finalPort !== requestedPort) {
-        console.log(`⚠️  Port ${requestedPort} is in use. Using ${finalPort} instead.`);
+        console.error(`⚠️  Port ${requestedPort} is in use. Using ${finalPort} instead.`);
     }
     const env = { ...process.env, PORT: String(finalPort) };
     // Set memory limit to prevent heap exhaustion during vision/image processing
@@ -66,16 +70,53 @@ program
     if (options.config) {
         env.STORY_UI_CONFIG_PATH = options.config;
     }
+    // Log the working directory for debugging
+    console.error(`📁 Working directory: ${process.cwd()}`);
+    // Redirect child stdout to stderr to avoid breaking MCP JSON-RPC protocol
+    // when Claude Desktop spawns this process. The HTTP server logs will still
+    // be visible but won't interfere with MCP communication.
     const server = spawn('node', [serverPath], {
-        stdio: 'inherit',
-        env
+        stdio: ['ignore', 'pipe', 'inherit'],
+        env,
+        cwd: process.cwd() // Explicitly pass cwd to ensure config is found
     });
+    // Pipe child's stdout to stderr so logs are visible without breaking MCP
+    if (server.stdout) {
+        server.stdout.pipe(process.stderr);
+    }
     server.on('close', (code) => {
-        console.log(`Server exited with code ${code}`);
-    });
-    process.on('SIGINT', () => {
-        server.kill('SIGINT');
+        console.error(`HTTP server exited with code ${code}`);
     });
+    // If --mcp flag is set, also start the MCP stdio server for Claude Desktop
+    // This allows a single command to run both HTTP server and MCP protocol handler
+    if (options.mcp) {
+        console.error('📡 Starting MCP stdio server for Claude Desktop...');
+        // Wait a moment for HTTP server to start
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        const mcpEnv = {
+            ...process.env,
+            STORY_UI_HTTP_PORT: String(finalPort)
+        };
+        // Spawn MCP stdio server with stdin/stdout inherited for JSON-RPC communication
+        const mcpServer = spawn('node', [mcpStdioPath], {
+            stdio: 'inherit',
+            env: mcpEnv,
+            cwd: process.cwd() // Explicitly pass cwd to ensure config is found
+        });
+        mcpServer.on('close', (code) => {
+            console.error(`MCP stdio server exited with code ${code}`);
+            server.kill('SIGTERM');
+        });
+        process.on('SIGINT', () => {
+            mcpServer.kill('SIGINT');
+            server.kill('SIGINT');
+        });
+    }
+    else {
+        process.on('SIGINT', () => {
+            server.kill('SIGINT');
+        });
+    }
 });
 program
     .command('config')

package/dist/mcp-server/index.js

@@ -769,8 +769,8 @@ if (storybookProxyEnabled) {
 }
 // Start server
 app.listen(PORT, () => {
-    console.log(`MCP server running on port ${PORT}`);
-    console.log(`Stories will be generated to: ${config.generatedStoriesPath}`);
+    console.error(`MCP server running on port ${PORT}`);
+    console.error(`Stories will be generated to: ${config.generatedStoriesPath}`);
 }).on('error', (err) => {
     if (err.code === 'EADDRINUSE') {
         console.error(`\n❌ Port ${PORT} is already in use!`);

package/dist/mcp-server/mcp-stdio-server.js

@@ -12,7 +12,8 @@ import { fileURLToPath } from 'url';
 // Get package version dynamically
 const __filename_mcp = fileURLToPath(import.meta.url);
 const __dirname_mcp = path.dirname(__filename_mcp);
-const packageJsonPath = path.resolve(__dirname_mcp, '../package.json');
+// Go up two levels from dist/mcp-server/ to reach the project root
+const packageJsonPath = path.resolve(__dirname_mcp, '../../package.json');
 const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
 const PACKAGE_VERSION = packageJson.version;
 // Check for working directory override from environment or command line
@@ -409,7 +410,19 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                             }]
                     };
                 }
-                const propsList = Object.entries(props).map(([name, info]) => `- ${name}: ${info.type} ${info.required ? '(required)' : '(optional)'}${info.description ? ` - ${info.description}` : ''}`).join('\n');
+                const propsList = Object.entries(props).map(([name, info]) => {
+                    let line = `- ${name}: ${info.type}`;
+                    // Show options for select/radio types
+                    if (info.options && info.options.length > 0) {
+                        const optionsStr = info.options.slice(0, 6).map((o) => `"${o}"`).join(' | ');
+                        line += ` [${optionsStr}${info.options.length > 6 ? ' | ...' : ''}]`;
+                    }
+                    line += ` ${info.required ? '(required)' : '(optional)'}`;
+                    if (info.description) {
+                        line += ` - ${info.description}`;
+                    }
+                    return line;
+                }).join('\n');
                 return {
                     content: [{
                             type: "text",

package/dist/mcp-server/routes/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAW5C,wBAAsB,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DAkC9D;AAED,wBAAsB,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DA8CzD"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAqB5C,wBAAsB,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DAmC9D;AAED,wBAAsB,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DAgEzD"}

package/dist/mcp-server/routes/components.js

@@ -1,6 +1,5 @@
 import { loadUserConfig } from '../../story-generator/configLoader.js';
 import { EnhancedComponentDiscovery } from '../../story-generator/enhancedComponentDiscovery.js';
-// Cache discovered components for performance
 let cachedComponents = null;
 let cacheTimestamp = 0;
 const CACHE_TTL = 60000; // 1 minute
@@ -16,12 +15,13 @@ export async function getComponents(req, res) {
         // Use enhanced discovery
         const discovery = new EnhancedComponentDiscovery(config);
         const components = await discovery.discoverAll();
-        // Transform to API format
+        // Transform to API format - include propTypes for rich type info
         const apiComponents = components.map(comp => ({
             name: comp.name,
             description: comp.description,
             category: comp.category,
             props: comp.props,
+            propTypes: comp.propTypes,
             slots: comp.slots
         }));
         // Cache the results
@@ -51,6 +51,7 @@ export async function getProps(req, res) {
                 description: comp.description,
                 category: comp.category,
                 props: comp.props,
+                propTypes: comp.propTypes,
                 slots: comp.slots
             }));
             cacheTimestamp = now;
@@ -58,19 +59,36 @@ export async function getProps(req, res) {
         // Find the requested component
         const comp = cachedComponents.find(c => c.name === component);
         if (!comp) {
-            return res.json([]);
+            return res.json({});
         }
-        // Return props in a format compatible with existing UI
-        const props = comp.props.map((prop) => ({
-            name: prop,
-            type: 'string', // We'd need more sophisticated type detection
-            description: `${prop} property`,
-            required: false
-        }));
-        res.json(props);
+        // Return props as an object keyed by prop name (for MCP handler compatibility)
+        // Use rich propTypes if available, otherwise fall back to simple props
+        const propsObject = {};
+        if (comp.propTypes && comp.propTypes.length > 0) {
+            // Use rich prop type information
+            for (const propType of comp.propTypes) {
+                propsObject[propType.name] = {
+                    type: propType.type || 'string',
+                    description: propType.description || `${propType.name} property`,
+                    required: propType.required || false,
+                    ...(propType.options && propType.options.length > 0 ? { options: propType.options } : {})
+                };
+            }
+        }
+        else {
+            // Fall back to simple props with generic metadata
+            for (const prop of comp.props) {
+                propsObject[prop] = {
+                    type: 'string',
+                    description: `${prop} property`,
+                    required: false
+                };
+            }
+        }
+        res.json(propsObject);
     }
     catch (error) {
         console.error('Error getting component props:', error);
-        res.json([]);
+        res.json({});
     }
 }

package/dist/mcp-server/routes/generateStory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateStory.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/generateStory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAyd5C,wBAAsB,uBAAuB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DA8lBxE"}
+{"version":3,"file":"generateStory.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/generateStory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAyd5C,wBAAsB,uBAAuB,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,2DA2mBxE"}

package/dist/mcp-server/routes/generateStory.js

@@ -10,7 +10,7 @@ import { isBlacklistedComponent, isBlacklistedIcon, getBlacklistErrorMessage, IC
 import { StoryTracker } from '../../story-generator/storyTracker.js';
 import { EnhancedComponentDiscovery } from '../../story-generator/enhancedComponentDiscovery.js';
 import { getDocumentation } from '../../story-generator/documentation-sources.js';
-import { postProcessStory } from '../../story-generator/postProcessStory.js';
+import { postProcessStory, fixBarrelImports } from '../../story-generator/postProcessStory.js';
 import { validateStory } from '../../story-generator/storyValidator.js';
 import { StoryHistoryManager } from '../../story-generator/storyHistory.js';
 import { logger } from '../../story-generator/logger.js';
@@ -782,6 +782,12 @@ export async function generateStoryFromPrompt(req, res) {
             logger.log('✅ Applied validation fixes (React import removal or syntax fixes)');
             fixedFileContents = finalValidation.fixedCode;
         }
+        // Fix barrel imports to individual file imports if configured
+        // This MUST be done after validation since validation can overwrite the code
+        // Pass discoveredComponents for design-system agnostic import resolution
+        if (config.importPath && config.importStyle === 'individual') {
+            fixedFileContents = fixBarrelImports(fixedFileContents, config.importPath, config.importStyle, config.componentsPath, discoveredComponents);
+        }
         if (!finalValidation.isValid) {
             logger.log('⚠️ Post-processing introduced syntax errors:', finalValidation.errors);
             // If we don't have fixed code at this point, we can't recover

package/dist/story-generator/componentDiscovery.d.ts

@@ -1,8 +1,22 @@
 import { StoryUIConfig } from '../story-ui.config.js';
+/**
+ * Rich prop type information extracted from argTypes
+ * Design-system and framework agnostic - works with any Storybook project
+ */
+export interface PropInfo {
+    name: string;
+    type: 'string' | 'boolean' | 'number' | 'select' | 'radio' | 'object' | 'array' | 'function' | 'unknown';
+    options?: string[];
+    description?: string;
+    required?: boolean;
+    defaultValue?: unknown;
+    control?: string;
+}
 export interface DiscoveredComponent {
     name: string;
     filePath: string;
     props: string[];
+    propTypes?: PropInfo[];
     description: string;
     category: 'layout' | 'content' | 'form' | 'navigation' | 'feedback' | 'other';
     slots?: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"componentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/componentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC7C,cAAc,EAAE,MAAM,EACtB,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CA2DvB;AAED;;GAEG;AACH,wBAAgB,oCAAoC,CAClD,kBAAkB,EAAE,MAAM,EAC1B,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CAwCvB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,MAAM,EACnB,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CA8DvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,mBAAmB,EAAE,CAmB/E"}
+{"version":3,"file":"componentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/componentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEvE;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACzG,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC7C,cAAc,EAAE,MAAM,EACtB,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CA2DvB;AAED;;GAEG;AACH,wBAAgB,oCAAoC,CAClD,kBAAkB,EAAE,MAAM,EAC1B,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CAwCvB;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,MAAM,EACnB,eAAe,GAAE,MAAW,GAC3B,mBAAmB,EAAE,CA8DvB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,mBAAmB,EAAE,CAmB/E"}

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

@@ -84,8 +84,42 @@ export declare class EnhancedComponentDiscovery {
     private extractComponentNames;
     /**
      * Extract props from file content
+     * Supports multiple patterns:
+     * - TypeScript interfaces (interface ButtonProps { variant: ... })
+     * - PropTypes (Component.propTypes = { variant: ... })
+     * - Function parameter destructuring ({ className, variant, ...props }: Props)
+     * - VariantProps from class-variance-authority
      */
     private extractPropsFromFile;
+    /**
+     * Extract props from function parameter destructuring patterns
+     * Works with React, Vue <script setup>, and other frameworks
+     */
+    private extractDestructuredProps;
+    /**
+     * Extract props from co-located story file (e.g., Button.stories.tsx)
+     * This is a fallback for components like shadcn/ui that don't use interface Props patterns
+     */
+    private extractPropsFromStoryFile;
+    /**
+     * Extract rich prop type information from story file argTypes
+     * Framework-agnostic: works with any Storybook project (React, Vue, Angular, Svelte, etc.)
+     */
+    private extractRichPropsFromStoryFile;
+    /**
+     * Scan story code for prop usage patterns to infer select types
+     * Looks for patterns like: variant="destructive", size='lg', type={value}
+     */
+    private inferSelectTypesFromStoryCode;
+    /**
+     * Generate better descriptions for common props when not provided
+     */
+    private enhancePropDescriptions;
+    /**
+     * Extract the content of the argTypes block using brace counting
+     * This handles nested objects more reliably than regex
+     */
+    private extractArgTypesBlock;
     /**
      * Extract slots from content
      */

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;AAWtD,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;IAC7D,OAAO,CAAC,gBAAgB,CAAuB;gBAEnC,MAAM,EAAE,aAAa;IAKjC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;;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;IA+CpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAmC7B;;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,EAAY,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWtD,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;IAC7D,OAAO,CAAC,gBAAgB,CAAuB;gBAEnC,MAAM,EAAE,aAAa;IAKjC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;;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;IA4DpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAmC7B;;;;;;;OAOG;IACH,OAAO,CAAC,oBAAoB;IAyD5B;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAkChC;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IA2EjC;;;OAGG;IACH,OAAO,CAAC,6BAA6B;IA2LrC;;;OAGG;IACH,OAAO,CAAC,6BAA6B;IAkErC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IA+C/B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAiB5B;;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"}