types.ts

export interface UILibrary {
	name: string;
	packageName: string | string[];
	displayName: string;
	framework: 'react' | 'vue' | 'svelte' | 'angular';
}

export interface ComponentSnippet {
	name: string; // e.g. "mui-button"
	displayName: string; // e.g. "Button"
	description: string;
	category: string;
	fullCode: string; // includes imports + wrapper
	usage: string; // JSX-only usage (optional but handy)
}

export interface LibraryComponents {
	library: UILibrary;
	components: ComponentSnippet[];
}

export interface DetectedLibrary {
	library: UILibrary;
	version: string;
	components: ComponentSnippet[];
}