@tpitre/story-ui 2.2.0 → 2.3.0

package/dist/story-generator/enhancedComponentDiscovery.js

@@ -260,17 +260,9 @@ export class EnhancedComponentDiscovery {
         // Determine the project root from the generated stories path
         const projectRoot = this.getProjectRoot();
         const packagePath = path.join(projectRoot, 'node_modules', source.path);
-        if (!fs.existsSync(packagePath)) {
-            console.warn(`Package ${source.path} not found in node_modules at ${packagePath}`);
-            return;
-        }
-        logger.log(`🔍 Dynamically discovering components from ${source.path}...`);
-        // Use dynamic discovery to get real exports
-        const dynamicDiscovery = new DynamicPackageDiscovery(source.path, projectRoot);
-        const packageExports = await dynamicDiscovery.getRealPackageExports();
-        if (!packageExports) {
+        // Helper function to load known components as fallback
+        const loadFallbackComponents = () => {
             logger.log(`📋 ${source.path}: Using static component list (design system detected)`);
-            // Fallback to predefined components if dynamic discovery fails
             const knownComponents = this.getKnownDesignSystemComponents(source.path);
             if (knownComponents.length > 0) {
                 for (const comp of knownComponents) {
@@ -281,7 +273,22 @@ export class EnhancedComponentDiscovery {
                         category: comp.category || this.categorizeComponent(comp.name || '', comp.description || '')
                     });
                 }
+                logger.log(`✅ Loaded ${knownComponents.length} known components for ${source.path}`);
             }
+        };
+        if (!fs.existsSync(packagePath)) {
+            console.warn(`Package ${source.path} not found in node_modules at ${packagePath}`);
+            // Use fallback component list when package is not installed (e.g., in production)
+            loadFallbackComponents();
+            return;
+        }
+        logger.log(`🔍 Dynamically discovering components from ${source.path}...`);
+        // Use dynamic discovery to get real exports
+        const dynamicDiscovery = new DynamicPackageDiscovery(source.path, projectRoot);
+        const packageExports = await dynamicDiscovery.getRealPackageExports();
+        if (!packageExports) {
+            // Fallback to predefined components if dynamic discovery fails
+            loadFallbackComponents();
             return;
         }
         // Process the real components found in the package
@@ -353,7 +360,100 @@ export class EnhancedComponentDiscovery {
                 category: this.categorizeComponent(name, '')
             }));
         }
-        // Add other design systems here as needed
+        // Mantine fallback components
+        if (packageName === '@mantine/core') {
+            const mantineComponents = [
+                // Layout
+                'Container', 'SimpleGrid', 'Grid', 'Group', 'Stack', 'Flex', 'Center', 'Space', 'Divider',
+                'AspectRatio', 'Box', 'AppShell', 'MediaQuery', 'Paper',
+                // Typography
+                'Text', 'Title', 'Anchor', 'Blockquote', 'Code', 'Highlight', 'Mark', 'List',
+                // Buttons & Actions
+                'Button', 'ActionIcon', 'CopyButton', 'FileButton', 'UnstyledButton', 'CloseButton',
+                // Inputs
+                'TextInput', 'NumberInput', 'PasswordInput', 'Textarea', 'Select', 'MultiSelect',
+                'Autocomplete', 'Checkbox', 'Switch', 'Radio', 'Slider', 'RangeSlider', 'Rating',
+                'SegmentedControl', 'ColorInput', 'ColorPicker', 'FileInput', 'JsonInput', 'PinInput',
+                'Chip', 'TransferList', 'NativeSelect',
+                // Navigation
+                'Anchor', 'Breadcrumbs', 'Burger', 'NavLink', 'Pagination', 'Stepper', 'Tabs',
+                // Data Display
+                'Accordion', 'Avatar', 'Badge', 'Card', 'Image', 'BackgroundImage', 'Indicator',
+                'Kbd', 'Spoiler', 'Table', 'ThemeIcon', 'Timeline', 'ColorSwatch',
+                // Overlays
+                'Dialog', 'Drawer', 'Modal', 'LoadingOverlay', 'Popover', 'Tooltip', 'Menu',
+                'HoverCard', 'Affix', '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'
+            ];
+            return mantineComponents.map(name => ({
+                name,
+                description: `${name} component from Mantine`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
+        // Material UI fallback components
+        if (packageName === '@mui/material') {
+            const muiComponents = [
+                // Inputs
+                'Autocomplete', 'Button', 'ButtonGroup', 'Checkbox', 'Fab', 'Radio', 'RadioGroup',
+                'Rating', 'Select', 'Slider', 'Switch', 'TextField', 'ToggleButton', 'ToggleButtonGroup',
+                // Data Display
+                'Avatar', 'AvatarGroup', 'Badge', 'Chip', 'Divider', 'Icon', 'List', 'ListItem',
+                'ListItemText', 'ListItemIcon', 'ListItemButton', 'Table', 'TableBody', 'TableCell',
+                'TableContainer', 'TableHead', 'TableRow', 'Tooltip', 'Typography',
+                // Feedback
+                'Alert', 'AlertTitle', 'Backdrop', 'CircularProgress', 'Dialog', 'DialogActions',
+                'DialogContent', 'DialogContentText', 'DialogTitle', 'LinearProgress', 'Skeleton', 'Snackbar',
+                // Surfaces
+                'Accordion', 'AccordionActions', 'AccordionDetails', 'AccordionSummary', 'AppBar',
+                'Card', 'CardActions', 'CardContent', 'CardHeader', 'CardMedia', 'Paper', 'Toolbar',
+                // Navigation
+                'BottomNavigation', 'BottomNavigationAction', 'Breadcrumbs', 'Drawer', 'Link',
+                'Menu', 'MenuItem', 'MenuList', 'Pagination', 'SpeedDial', 'SpeedDialAction',
+                'SpeedDialIcon', 'Stepper', 'Step', 'StepLabel', 'Tabs', 'Tab',
+                // Layout
+                'Box', 'Container', 'Grid', 'Stack', 'ImageList', 'ImageListItem',
+                // Utils
+                'ClickAwayListener', 'Modal', 'NoSsr', 'Popover', 'Popper', 'Portal', 'Collapse', 'Fade', 'Grow', 'Slide', 'Zoom'
+            ];
+            return muiComponents.map(name => ({
+                name,
+                description: `${name} component from Material UI`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
+        // Ant Design fallback components
+        if (packageName === 'antd') {
+            const antdComponents = [
+                // General
+                'Button', 'FloatButton', 'Icon', 'Typography', 'Text', 'Title', 'Paragraph', 'Link',
+                // Layout
+                'Divider', 'Flex', 'Grid', 'Row', 'Col', 'Layout', 'Header', 'Footer', 'Sider', 'Content', 'Space',
+                // Navigation
+                'Anchor', 'Breadcrumb', 'Dropdown', 'Menu', 'Pagination', 'Steps',
+                // Data Entry
+                'AutoComplete', 'Cascader', 'Checkbox', 'ColorPicker', 'DatePicker', 'Form',
+                'Input', 'InputNumber', 'Mentions', 'Radio', 'Rate', 'Select', 'Slider',
+                'Switch', 'TimePicker', 'Transfer', 'TreeSelect', 'Upload',
+                // Data Display
+                'Avatar', 'Badge', 'Calendar', 'Card', 'Carousel', 'Collapse', 'Descriptions',
+                'Empty', 'Image', 'List', 'Popover', 'QRCode', 'Segmented', 'Statistic',
+                'Table', 'Tabs', 'Tag', 'Timeline', 'Tooltip', 'Tour', 'Tree',
+                // Feedback
+                'Alert', 'Drawer', 'Message', 'Modal', 'Notification', 'Popconfirm', 'Progress',
+                'Result', 'Skeleton', 'Spin', 'Watermark'
+            ];
+            return antdComponents.map(name => ({
+                name,
+                description: `${name} component from Ant Design`,
+                category: this.categorizeComponent(name, '')
+            }));
+        }
         // Default: return empty array
         return [];
     }

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

@@ -0,0 +1,40 @@
+/**
+ * Angular Framework Adapter
+ *
+ * Generates Storybook stories for Angular components.
+ * Supports standalone components and module-based components.
+ */
+import { FrameworkType, StoryFramework, StoryGenerationOptions } from './types.js';
+import { BaseFrameworkAdapter } from './base-adapter.js';
+import { StoryUIConfig } from '../../story-ui.config.js';
+import { DiscoveredComponent } from '../componentDiscovery.js';
+export declare class AngularAdapter extends BaseFrameworkAdapter {
+    readonly type: FrameworkType;
+    readonly name = "Angular";
+    readonly supportedStoryFrameworks: StoryFramework[];
+    readonly defaultExtension = ".stories.ts";
+    generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
+    generateExamples(config: StoryUIConfig): string;
+    generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;
+    getStoryTemplate(options?: StoryGenerationOptions): string;
+    /**
+     * Convert PascalCase to kebab-case for selectors
+     */
+    private toKebabCase;
+    /**
+     * Post-process Angular stories
+     */
+    postProcess(storyContent: string): string;
+    /**
+     * Validate Angular story
+     */
+    validate(storyContent: string): {
+        valid: boolean;
+        errors: string[];
+    };
+}
+/**
+ * Factory function
+ */
+export declare function createAngularAdapter(): AngularAdapter;
+//# sourceMappingURL=angular-adapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"angular-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/angular-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,cAAe,SAAQ,oBAAoB;IACtD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAa;IACzC,QAAQ,CAAC,IAAI,aAAa;IAC1B,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;IA0HT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA+J/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAqDT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA4B1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;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;CA2BrE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}

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

@@ -0,0 +1,427 @@
+/**
+ * Angular Framework Adapter
+ *
+ * Generates Storybook stories for Angular components.
+ * Supports standalone components and module-based components.
+ */
+import { BaseFrameworkAdapter } from './base-adapter.js';
+export class AngularAdapter extends BaseFrameworkAdapter {
+    constructor() {
+        super(...arguments);
+        this.type = 'angular';
+        this.name = 'Angular';
+        this.supportedStoryFrameworks = [
+            'storybook-angular',
+            'chromatic',
+        ];
+        this.defaultExtension = '.stories.ts';
+    }
+    generateSystemPrompt(config, options) {
+        if (config.systemPrompt) {
+            return config.systemPrompt;
+        }
+        const componentSystemName = config.componentPrefix
+            ? `${config.componentPrefix.replace(/^[A-Z]+/, '')} design system`
+            : 'component library';
+        return `You are an expert Angular developer creating Storybook stories using CSF 3.0 format.
+Use ONLY the Angular components from the ${componentSystemName} listed below.
+
+MANDATORY IMPORTS - First lines of every story file:
+1. import type { Meta, StoryObj } from '@storybook/angular';
+2. import { ComponentName } from '${config.importPath || 'your-library'}';
+
+ANGULAR STORY FORMAT:
+- Use moduleMetadata for imports and providers
+- Components can be standalone or module-based
+- Use applicationConfig for standalone components
+
+STORY STRUCTURE (CSF 3.0):
+- Meta object with component, title, and decorators
+- Use render function for template customization
+- Export named stories as StoryObj
+
+CRITICAL RULES:
+- Import modules/components in moduleMetadata or applicationConfig
+- Use Angular template syntax in render functions
+- Event bindings use (event) syntax
+
+Example structure (Standalone Components):
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { applicationConfig, argsToTemplate } from '@storybook/angular';
+import { ButtonComponent } from 'your-library';
+
+const meta: Meta<ButtonComponent> = {
+  title: 'Components/Button',
+  component: ButtonComponent,
+  tags: ['autodocs'],
+  decorators: [
+    applicationConfig({
+      providers: [],
+    }),
+  ],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'ghost'],
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<ButtonComponent>;
+
+export const Primary: Story = {
+  args: {
+    variant: 'primary',
+    label: 'Click me',
+  },
+};
+
+export const WithContent: Story = {
+  render: (args) => ({
+    props: args,
+    template: \`
+      <app-button [variant]="variant">
+        <span class="icon">★</span>
+        Click me
+      </app-button>
+    \`,
+  }),
+};
+\`\`\`
+
+Example structure (Module-based Components):
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { ButtonModule } from 'your-library';
+
+const meta: Meta = {
+  title: 'Components/Button',
+  decorators: [
+    moduleMetadata({
+      imports: [ButtonModule],
+    }),
+  ],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'ghost'],
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Primary: Story = {
+  render: (args) => ({
+    props: args,
+    template: \`<app-button [variant]="variant">Click me</app-button>\`,
+  }),
+};
+\`\`\`
+
+ANGULAR TEMPLATE SYNTAX:
+- Property binding: [property]="value"
+- Event binding: (event)="handler($event)"
+- Two-way binding: [(ngModel)]="value"
+- Structural directives: *ngIf, *ngFor, *ngSwitch
+
+CONTENT PROJECTION (ng-content):
+- Default slot: Content between tags
+- Named slots: Use ngProjectAs or select attribute
+
+${this.getCommonRules()}`;
+    }
+    generateExamples(config) {
+        const lib = config.importPath || 'your-library';
+        return `
+## Example Stories for Angular
+
+### Standalone Component
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { applicationConfig } from '@storybook/angular';
+import { ButtonComponent } from 'your-library';
+
+const meta: Meta<ButtonComponent> = {
+  title: 'Components/Button',
+  component: ButtonComponent,
+  tags: ['autodocs'],
+  decorators: [
+    applicationConfig({
+      providers: [],
+    }),
+  ],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'ghost'],
+    },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large'],
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<ButtonComponent>;
+
+export const Default: Story = {
+  args: {
+    variant: 'primary',
+    size: 'medium',
+    label: 'Button',
+  },
+};
+
+export const AllVariants: Story = {
+  render: () => ({
+    template: \`
+      <div style="display: flex; gap: 8px;">
+        <app-button variant="primary">Primary</app-button>
+        <app-button variant="secondary">Secondary</app-button>
+        <app-button variant="ghost">Ghost</app-button>
+      </div>
+    \`,
+  }),
+};
+\`\`\`
+
+### Module-based Component
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { CardModule, ButtonModule } from '${lib}';
+
+const meta: Meta = {
+  title: 'Components/Card',
+  decorators: [
+    moduleMetadata({
+      imports: [CardModule, ButtonModule],
+    }),
+  ],
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const ProductCard: Story = {
+  render: () => ({
+    template: \`
+      <app-card style="width: 300px">
+        <img appCardImage src="https://picsum.photos/300/200" alt="Product">
+        <h3 appCardTitle>Product Name</h3>
+        <p appCardContent>$99.00</p>
+        <app-button appCardAction variant="primary">Add to Cart</app-button>
+      </app-card>
+    \`,
+  }),
+};
+\`\`\`
+
+### With Event Handling
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { applicationConfig } from '@storybook/angular';
+import { action } from '@storybook/addon-actions';
+import { ButtonComponent } from 'your-library';
+
+const meta: Meta<ButtonComponent> = {
+  title: 'Components/Button',
+  component: ButtonComponent,
+  decorators: [
+    applicationConfig({
+      providers: [],
+    }),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<ButtonComponent>;
+
+export const WithClick: Story = {
+  render: () => ({
+    props: {
+      onClick: action('button-click'),
+    },
+    template: \`
+      <app-button (click)="onClick($event)" variant="primary">
+        Click me
+      </app-button>
+    \`,
+  }),
+};
+\`\`\`
+
+### With Forms
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { InputModule } from '${lib}';
+
+const meta: Meta = {
+  title: 'Components/Input',
+  decorators: [
+    moduleMetadata({
+      imports: [FormsModule, ReactiveFormsModule, InputModule],
+    }),
+  ],
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const WithNgModel: Story = {
+  render: () => ({
+    props: {
+      value: '',
+    },
+    template: \`
+      <div>
+        <app-input [(ngModel)]="value" placeholder="Type here..."></app-input>
+        <p>Value: {{ value }}</p>
+      </div>
+    \`,
+  }),
+};
+\`\`\`
+`;
+    }
+    generateSampleStory(config, components) {
+        const lib = config.importPath || 'your-library';
+        const firstComponent = components[0];
+        if (!firstComponent) {
+            return `
+import type { Meta, StoryObj } from '@storybook/angular';
+
+const meta: Meta = {
+  title: 'Examples/Sample',
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Default: Story = {
+  render: () => ({
+    template: '<div>Sample story content</div>',
+  }),
+};
+`;
+        }
+        // Convert PascalCase to kebab-case for selector
+        const selector = this.toKebabCase(firstComponent.name);
+        return `
+import type { Meta, StoryObj } from '@storybook/angular';
+import { applicationConfig } from '@storybook/angular';
+import { ${firstComponent.name}Component } from '${lib}';
+
+const meta: Meta<${firstComponent.name}Component> = {
+  title: 'Components/${firstComponent.name}',
+  component: ${firstComponent.name}Component,
+  tags: ['autodocs'],
+  decorators: [
+    applicationConfig({
+      providers: [],
+    }),
+  ],
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj<${firstComponent.name}Component>;
+
+export const Default: Story = {
+  args: {},
+};
+`;
+    }
+    getStoryTemplate(options) {
+        return `
+// {{componentName}}.stories.ts
+import type { Meta, StoryObj } from '@storybook/angular';
+import { applicationConfig } from '@storybook/angular';
+import { {{componentName}}Component } from '{{importPath}}';
+
+const meta: Meta<{{componentName}}Component> = {
+  title: '{{category}}/{{componentName}}',
+  component: {{componentName}}Component,
+  tags: ['autodocs'],
+  decorators: [
+    applicationConfig({
+      providers: [],
+    }),
+  ],
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj<{{componentName}}Component>;
+
+export const Default: Story = {
+  args: {},
+};
+`;
+    }
+    /**
+     * Convert PascalCase to kebab-case for selectors
+     */
+    toKebabCase(str) {
+        return str
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+            .toLowerCase();
+    }
+    /**
+     * Post-process Angular stories
+     */
+    postProcess(storyContent) {
+        let processed = super.postProcess(storyContent);
+        // Remove React imports if present
+        processed = processed.replace(/import React from ['"]react['"];?\n?/g, '');
+        // Fix JSX to Angular template syntax
+        processed = processed
+            // Fix className to class
+            .replace(/className=/g, 'class=')
+            // Fix onClick to (click)
+            .replace(/onClick=/g, '(click)=')
+            .replace(/onChange=/g, '(change)=')
+            .replace(/onInput=/g, '(input)=');
+        return processed;
+    }
+    /**
+     * Validate Angular story
+     */
+    validate(storyContent) {
+        const baseValidation = super.validate(storyContent);
+        const errors = [...baseValidation.errors];
+        // Angular-specific validations
+        if (!storyContent.includes('@storybook/angular')) {
+            errors.push("Missing '@storybook/angular' import");
+        }
+        if (storyContent.includes("import React from 'react'")) {
+            errors.push('React import found in Angular story');
+        }
+        // Check for neither moduleMetadata nor applicationConfig
+        if (!storyContent.includes('moduleMetadata') &&
+            !storyContent.includes('applicationConfig') &&
+            !storyContent.includes('component:')) {
+            errors.push('Missing moduleMetadata or applicationConfig decorator');
+        }
+        return {
+            valid: errors.length === 0,
+            errors,
+        };
+    }
+}
+/**
+ * Factory function
+ */
+export function createAngularAdapter() {
+    return new AngularAdapter();
+}

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

@@ -0,0 +1,75 @@
+/**
+ * Base Framework Adapter
+ *
+ * Abstract base class that provides common functionality for all
+ * framework-specific adapters. Subclasses implement framework-specific
+ * prompt generation and story templates.
+ */
+import { FrameworkType, StoryFramework, FrameworkAdapter, StoryGenerationOptions } from './types.js';
+import { StoryUIConfig } from '../../story-ui.config.js';
+import { DiscoveredComponent } from '../componentDiscovery.js';
+/**
+ * Abstract Base Framework Adapter
+ */
+export declare abstract class BaseFrameworkAdapter implements FrameworkAdapter {
+    abstract readonly type: FrameworkType;
+    abstract readonly name: string;
+    abstract readonly supportedStoryFrameworks: StoryFramework[];
+    abstract readonly defaultExtension: string;
+    /**
+     * Generate the system prompt for this framework
+     */
+    abstract generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
+    /**
+     * Generate component reference documentation
+     */
+    generateComponentReference(components: DiscoveredComponent[], config: StoryUIConfig): string;
+    /**
+     * Format a single component entry
+     */
+    protected formatComponentEntry(component: DiscoveredComponent, config: StoryUIConfig): string;
+    /**
+     * Get the import path for a component
+     */
+    protected getImportPath(component: DiscoveredComponent, config: StoryUIConfig): string;
+    /**
+     * Group components by their category
+     */
+    protected groupComponentsByPackage(components: DiscoveredComponent[]): Record<string, DiscoveredComponent[]>;
+    /**
+     * Generate example stories - framework specific
+     */
+    abstract generateExamples(config: StoryUIConfig): string;
+    /**
+     * Generate a sample story template - framework specific
+     */
+    abstract generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;
+    /**
+     * Generate import statements for components
+     */
+    generateImports(components: DiscoveredComponent[], config: StoryUIConfig): string;
+    /**
+     * Post-process generated story content
+     */
+    postProcess(storyContent: string): string;
+    /**
+     * Validate generated story syntax
+     */
+    validate(storyContent: string): {
+        valid: boolean;
+        errors: string[];
+    };
+    /**
+     * Get the story file template - framework specific
+     */
+    abstract getStoryTemplate(options?: StoryGenerationOptions): string;
+    /**
+     * Log adapter activity
+     */
+    protected log(message: string, data?: Record<string, unknown>): void;
+    /**
+     * Get common story structure rules
+     */
+    protected getCommonRules(): string;
+}
+//# sourceMappingURL=base-adapter.d.ts.map