fix: use correct type for '*?enhanced' imports (#12224)

Author: ranjan-purbey

.changeset/cool-grapes-remain.md

@@ -0,0 +1,5 @@
+---
+'@sveltejs/enhanced-img': patch
+---
+
+fix: use correct type for `*?enhanced` imports

packages/enhanced-img/types/ambient.d.ts

@@ -1,4 +1,6 @@
+import type { Picture } from 'vite-imagetools';
+
 declare module '*?enhanced' {
-	const value: string;
+	const value: Picture;
 	export default value;
 }

packages/enhanced-img/types/index.d.ts

@@ -1,11 +1,14 @@
+import type { HTMLImgAttributes } from 'svelte/elements';
 import type { Plugin } from 'vite';
+import type { Picture } from 'vite-imagetools';
 import './ambient.js';
-import { HTMLImgAttributes } from 'svelte/elements';
+
+type EnhancedImgAttributes = Omit<HTMLImgAttributes, 'src'> & { src: string | Picture };
 
 // https://svelte.dev/docs/typescript#enhancing-built-in-dom-types
 declare module 'svelte/elements' {
 	export interface SvelteHTMLElements {
-		'enhanced:img': HTMLImgAttributes;
+		'enhanced:img': EnhancedImgAttributes;
 	}
 }