@tpitre/story-ui 2.6.0 → 2.7.0

package/README.md

@@ -61,9 +61,9 @@ Story UI will guide you through:
 
 | Provider | Models | Best For |
 |----------|--------|----------|
-| **Claude** (Anthropic) | claude-sonnet-4, claude-3.5-sonnet, claude-3-haiku | Complex reasoning, code quality |
-| **GPT-4** (OpenAI) | gpt-4o, gpt-4-turbo, gpt-3.5-turbo | Versatility, speed |
-| **Gemini** (Google) | gemini-2.0-flash, gemini-1.5-pro | Fast generation, cost efficiency |
+| **Claude** (Anthropic) | Opus 4.5, Sonnet 4.5, Haiku 4.5 | Complex reasoning, code quality |
+| **GPT-5** (OpenAI) | GPT-5.1, GPT-5 Mini, GPT-5 Nano | Versatility, speed |
+| **Gemini** (Google) | Gemini 3 Pro, Gemini 2.5 Pro, Gemini 2.5 Flash | Fast generation, cost efficiency |
 
 ### Production Deployment
 - **Cloudflare Workers**: Edge-deployed API proxy
@@ -123,7 +123,7 @@ The interactive installer will ask:
    ```
    ? Which AI provider do you prefer?
      > Claude (Anthropic) - Recommended
-       OpenAI (GPT-4)
+       OpenAI (GPT-5)
        Google Gemini
 
    ? Enter your API key:

package/dist/cli/deploy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAqpBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAwHzE"}
+{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAotBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAwHzE"}

package/dist/cli/deploy.js

@@ -373,29 +373,89 @@ async function deployProductionApp(backendUrl, projectName, dryRun) {
         // Generate the component registry in the user's project context
         process.chdir(userCwd);
         await generateComponentRegistry(registryOutputPath);
-        // 2.5. Generate AI considerations from story-ui-considerations.md (if exists)
-        console.log('📝 Loading AI considerations...');
+        // 2.5. Load ALL design system documentation (story-ui-docs/ AND story-ui-considerations.md)
+        console.log('📚 Loading design system documentation...');
+        // First, try the full documentation directory (story-ui-docs/)
+        const { DocumentationLoader } = await import('../story-generator/documentationLoader.js');
+        const docLoader = new DocumentationLoader(userCwd);
+        let fullDocumentation = '';
+        let documentationTokens = {};
+        let documentationPatterns = {};
+        let hasFullDocs = false;
+        if (docLoader.hasDocumentation()) {
+            console.log('📂 Found story-ui-docs/ directory, loading all documentation...');
+            const docs = await docLoader.loadDocumentation();
+            fullDocumentation = docLoader.formatForPrompt(docs);
+            documentationTokens = docs.tokens;
+            documentationPatterns = docs.patterns;
+            hasFullDocs = true;
+            console.log(`   ✅ Loaded ${docs.guidelines.length} guidelines, ${Object.keys(docs.tokens).length} token categories, ${Object.keys(docs.patterns).length} patterns`);
+        }
+        // Also load legacy considerations file (story-ui-considerations.md)
         const { loadConsiderations, considerationsToPrompt } = await import('../story-generator/considerationsLoader.js');
         const considerations = loadConsiderations(); // Auto-finds in common locations
         const considerationsPrompt = considerations ? considerationsToPrompt(considerations) : '';
+        // Combine both sources - full docs take priority, considerations supplement
+        let combinedDocumentation = '';
+        if (fullDocumentation) {
+            combinedDocumentation = fullDocumentation;
+            if (considerationsPrompt) {
+                // Add considerations as supplementary rules
+                combinedDocumentation += '\n\n📋 ADDITIONAL DESIGN SYSTEM RULES:\n' + considerationsPrompt;
+            }
+        }
+        else if (considerationsPrompt) {
+            combinedDocumentation = considerationsPrompt;
+        }
         const considerationsOutputPath = path.join(buildDir, 'src/considerations.ts');
-        // Write considerations to a TypeScript file
+        // Write comprehensive documentation to a TypeScript file
         const considerationsContent = `/**
- * AI Considerations - Auto-generated from story-ui-considerations.md
+ * AI Design System Documentation - Auto-generated
  *
- * This file contains design-system-specific instructions for the AI
- * when generating components. Edit story-ui-considerations.md in your
- * project root to customize these rules.
+ * This file contains ALL design system documentation for the AI:
+ * - Guidelines from story-ui-docs/ directory
+ * - Design tokens (colors, spacing, typography, etc.)
+ * - Component-specific documentation
+ * - Layout patterns
+ * - Accessibility rules
+ * - Legacy considerations from story-ui-considerations.md
+ *
+ * To customize:
+ * 1. Create a story-ui-docs/ directory with markdown/JSON files
+ * 2. And/or edit story-ui-considerations.md in your project root
  */
 
-export const aiConsiderations = ${JSON.stringify(considerationsPrompt, null, 2)};
+export const aiConsiderations = ${JSON.stringify(combinedDocumentation, null, 2)};
+
+export const hasConsiderations = ${(hasFullDocs || considerations) ? 'true' : 'false'};
+
+// Design tokens for programmatic access (if needed)
+export const designTokens = ${JSON.stringify(documentationTokens, null, 2)};
 
-export const hasConsiderations = ${considerations ? 'true' : 'false'};
+// Design patterns for programmatic access (if needed)
+export const designPatterns = ${JSON.stringify(documentationPatterns, null, 2)};
+
+// Source information
+export const documentationSource = {
+  hasFullDocs: ${hasFullDocs},
+  hasLegacyConsiderations: ${considerations ? 'true' : 'false'},
+  libraryName: ${JSON.stringify(considerations?.libraryName || null)}
+};
 `;
         fs.writeFileSync(considerationsOutputPath, considerationsContent);
-        console.log(considerations
-            ? `✅ Loaded AI considerations for: ${considerations.libraryName || 'your component library'}`
-            : '⚠️  No story-ui-considerations.md found - using default prompts');
+        if (hasFullDocs && considerations) {
+            console.log(`✅ Loaded full documentation + considerations for: ${considerations.libraryName || 'your component library'}`);
+        }
+        else if (hasFullDocs) {
+            console.log('✅ Loaded full documentation from story-ui-docs/');
+        }
+        else if (considerations) {
+            console.log(`✅ Loaded considerations for: ${considerations.libraryName || 'your component library'}`);
+        }
+        else {
+            console.log('⚠️  No documentation found - using default prompts');
+            console.log('   Create story-ui-docs/ directory or story-ui-considerations.md for better results');
+        }
         process.chdir(buildDir);
         // 3. Install dependencies
         console.log('📦 Installing dependencies...');
@@ -427,7 +487,7 @@ export const hasConsiderations = ${considerations ? 'true' : 'false'};
         execSync('npm install', { cwd: buildDir, stdio: 'inherit' });
         // 4. Create .env file with backend URL
         console.log('⚙️  Configuring backend URL...');
-        fs.writeFileSync(path.join(buildDir, '.env'), `VITE_BACKEND_URL=${backendUrl}\nVITE_APP_TITLE=Story UI\n`);
+        fs.writeFileSync(path.join(buildDir, '.env'), `VITE_STORY_UI_SERVER=${backendUrl}\nVITE_APP_TITLE=Story UI\n`);
         // 5. Build the app
         console.log('🔨 Building production app...');
         execSync('npm run build', { cwd: buildDir, stdio: 'inherit' });

package/dist/cli/index.js

@@ -19,7 +19,8 @@ program
 program
     .command('init')
     .description('Initialize Story UI configuration with interactive setup')
-    .option('-d, --design-system <system>', 'Design system to configure (shadcn, mantine, chakra, antd, mui)')
+    .option('-d, --design-system <system>', 'Design system to configure (mantine, vuetify, angular-material, skeleton-ui, shoelace)')
+    .option('-l, --llm-provider <provider>', 'LLM provider to use (claude, openai, gemini)')
     .option('-y, --yes', 'Skip interactive prompts and use defaults')
     .option('--skip-install', 'Skip package installation')
     .action(async (options) => {

package/dist/cli/setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../cli/setup.ts"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,iCAAiC,SA8ChD;AAiYD,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,YAAY,CAAC,OAAO,GAAE,YAAiB,iBAqxB5D"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../cli/setup.ts"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,iCAAiC,SA8ChD;AAiYD,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,YAAY,CAAC,OAAO,GAAE,YAAiB,iBA2wB5D"}

package/dist/cli/setup.js

@@ -189,26 +189,26 @@ export default preview;
     fs.writeFileSync(previewTsxPath, previewContent);
     console.log(chalk.green(`✅ Created .storybook/preview.tsx with ${designSystem} provider setup`));
 }
-// LLM Provider configurations
+// LLM Provider configurations - synced with production (cloudflare-edge/src/worker.ts)
 const LLM_PROVIDERS = {
     claude: {
         name: 'Claude (Anthropic)',
         envKey: 'ANTHROPIC_API_KEY',
-        models: ['claude-sonnet-4-20250514', 'claude-3-5-sonnet-20241022', 'claude-3-haiku-20240307'],
+        models: ['claude-opus-4-5-20251101', 'claude-sonnet-4-5-20250929', 'claude-haiku-4-5-20251001'],
         docsUrl: 'https://console.anthropic.com/',
         description: 'Recommended - Best for complex reasoning and code quality'
     },
     openai: {
-        name: 'OpenAI (GPT-4)',
+        name: 'OpenAI (GPT-5)',
         envKey: 'OPENAI_API_KEY',
-        models: ['gpt-4o', 'gpt-4-turbo', 'gpt-3.5-turbo'],
+        models: ['gpt-5.1', 'gpt-5-mini', 'gpt-5-nano'],
         docsUrl: 'https://platform.openai.com/api-keys',
         description: 'Versatile and fast'
     },
     gemini: {
         name: 'Google Gemini',
         envKey: 'GEMINI_API_KEY',
-        models: ['gemini-2.0-flash', 'gemini-1.5-pro', 'gemini-1.5-flash'],
+        models: ['gemini-3-pro-preview', 'gemini-2.5-pro', 'gemini-2.5-flash'],
         docsUrl: 'https://aistudio.google.com/app/apikey',
         description: 'Cost-effective with good performance'
     }
@@ -507,6 +507,7 @@ export async function setupCommand(options = {}) {
         }
     }
     // Build design system choices based on detected framework
+    // Simplified to show only the most popular option per framework
     const getDesignSystemChoices = () => {
         const baseChoice = { name: '🤖 Auto-detect from package.json', value: 'auto' };
         const customChoice = { name: '🔧 Custom/Other', value: 'custom' };
@@ -514,43 +515,32 @@ export async function setupCommand(options = {}) {
             case 'angular':
                 return [
                     baseChoice,
-                    { name: '🅰️ Angular Material (@angular/material)', value: 'angular-material' },
-                    { name: '🎨 PrimeNG (primeng)', value: 'primeng' },
-                    { name: '🌈 NG-ZORRO (ng-zorro-antd)', value: 'ng-zorro' },
+                    { name: '🅰️ Angular Material (@angular/material) - Most Popular', value: 'angular-material' },
                     customChoice
                 ];
             case 'vue':
                 return [
                     baseChoice,
-                    { name: '🍃 PrimeVue (primevue)', value: 'primevue' },
-                    { name: '🎯 Vuetify (vuetify)', value: 'vuetify' },
-                    { name: '🔮 Element Plus (element-plus)', value: 'element-plus' },
+                    { name: '🎯 Vuetify (vuetify) - Most Popular', value: 'vuetify' },
                     customChoice
                 ];
             case 'svelte':
                 return [
                     baseChoice,
-                    { name: '🟠 Skeleton UI (skeleton)', value: 'skeleton-ui' },
-                    { name: '🌸 Svelte Material UI (svelte-material-ui)', value: 'smui' },
+                    { name: '🟠 Skeleton UI (@skeletonlabs/skeleton) - Most Popular', value: 'skeleton-ui' },
                     customChoice
                 ];
             case 'web-components':
                 return [
                     baseChoice,
-                    { name: '👟 Shoelace (@shoelace-style/shoelace)', value: 'shoelace' },
-                    { name: '🔥 Lit (@lit/element)', value: 'lit' },
-                    { name: '🌟 Vaadin (@vaadin)', value: 'vaadin' },
+                    { name: '👟 Shoelace (@shoelace-style/shoelace) - Most Popular', value: 'shoelace' },
                     customChoice
                 ];
             case 'react':
             default:
                 return [
                     baseChoice,
-                    { name: '🐜 Ant Design (antd) - Automatic Install & Configure', value: 'antd' },
-                    { name: '🎯 Mantine (@mantine/core) - Automatic Install & Configure', value: 'mantine' },
-                    { name: '⚡ Chakra UI (@chakra-ui/react) - Automatic Install & Configure', value: 'chakra' },
-                    { name: '🎨 Material UI (@mui/material)', value: 'mui' },
-                    { name: '✨ shadcn/ui (Tailwind + Radix) - Automatic Install & Configure', value: 'shadcn' },
+                    { name: '🎯 Mantine (@mantine/core) - Most Popular', value: 'mantine' },
                     customChoice
                 ];
         }
@@ -656,7 +646,7 @@ export async function setupCommand(options = {}) {
                 message: 'Which AI provider would you like to use?',
                 choices: [
                     { name: `${chalk.green('Claude (Anthropic)')} - ${chalk.gray('Recommended for complex reasoning and code quality')}`, value: 'claude' },
-                    { name: `${chalk.blue('OpenAI (GPT-4)')} - ${chalk.gray('Versatile and fast')}`, value: 'openai' },
+                    { name: `${chalk.blue('OpenAI (GPT-5)')} - ${chalk.gray('Versatile and fast')}`, value: 'openai' },
                     { name: `${chalk.yellow('Google Gemini')} - ${chalk.gray('Cost-effective with good performance')}`, value: 'gemini' }
                 ],
                 default: 'claude'

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;IAmJtC;;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;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"}

package/dist/story-generator/enhancedComponentDiscovery.js

@@ -365,7 +365,7 @@ export class EnhancedComponentDiscovery {
             const mantineComponents = [
                 // Layout
                 'Container', 'SimpleGrid', 'Grid', 'Group', 'Stack', 'Flex', 'Center', 'Space', 'Divider',
-                'AspectRatio', 'Box', 'AppShell', 'MediaQuery', 'Paper',
+                'AspectRatio', 'Box', 'AppShell', 'Paper',
                 // Typography
                 'Text', 'Title', 'Anchor', 'Blockquote', 'Code', 'Highlight', 'Mark', 'List',
                 // Buttons & Actions
@@ -374,7 +374,7 @@ export class EnhancedComponentDiscovery {
                 'TextInput', 'NumberInput', 'PasswordInput', 'Textarea', 'Select', 'MultiSelect',
                 'Autocomplete', 'Checkbox', 'Switch', 'Radio', 'Slider', 'RangeSlider', 'Rating',
                 'SegmentedControl', 'ColorInput', 'ColorPicker', 'FileInput', 'JsonInput', 'PinInput',
-                'Chip', 'TransferList', 'NativeSelect',
+                'Chip', 'NativeSelect',
                 // Navigation
                 'Anchor', 'Breadcrumbs', 'Burger', 'NavLink', 'Pagination', 'Stepper', 'Tabs',
                 // Data Display
@@ -382,13 +382,11 @@ export class EnhancedComponentDiscovery {
                 'Kbd', 'Spoiler', 'Table', 'ThemeIcon', 'Timeline', 'ColorSwatch',
                 // Overlays
                 'Dialog', 'Drawer', 'Modal', 'LoadingOverlay', 'Popover', 'Tooltip', 'Menu',
-                'HoverCard', 'Affix', 'Overlay',
+                'HoverCard', 'Overlay',
                 // Feedback
                 'Alert', 'Loader', 'Notification', 'Progress', 'RingProgress', 'Skeleton',
                 // Misc
-                'Portal', 'Transition', 'ScrollArea', 'FocusTrap', 'Input', 'InputWrapper',
-                // Dates (from @mantine/dates)
-                'Calendar', 'DateInput', 'DatePicker', 'DateTimePicker', 'MonthPicker', 'YearPicker'
+                'Portal', 'Transition', 'ScrollArea', 'FocusTrap', 'Input', 'InputWrapper'
             ];
             return mantineComponents.map(name => ({
                 name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",