feat(types): add SvgComponent type and update SVG module declaration

.changeset/shy-heads-know.md

@@ -0,0 +1,5 @@
+---
+'astro': minor
+---
+
+Add a new SvgComponent type and update SVG module declaration

packages/astro/client.d.ts

@@ -81,6 +81,7 @@ declare module 'astro:assets' {
 }
 
 type ImageMetadata = import('./dist/assets/types.js').ImageMetadata;
+type SvgComponent = import('./dist/assets/types.js').SvgComponent;
 
 declare module '*.gif' {
 	const metadata: ImageMetadata;
@@ -111,9 +112,7 @@ declare module '*.avif' {
 	export default metadata;
 }
 declare module '*.svg' {
-	type Props = astroHTML.JSX.SVGAttributes;
-
-	const Component: ((_props: Props) => any) & ImageMetadata;
+	const Component: SvgComponent;
 	export default Component;
 }
 

packages/astro/src/assets/types.ts

@@ -1,3 +1,4 @@
+import type * as astroHTML from 'astro/jsx-runtime';
 import type { OmitPreservingIndexSignature, Simplify, WithRequired } from '../type-utils.js';
 import type { VALID_INPUT_FORMATS, VALID_OUTPUT_FORMATS } from './consts.js';
 import type { ImageService } from './services/service.js';
@@ -284,3 +285,6 @@ export type RemoteImageProps<T> =
 			 */
 			inferSize?: false | undefined;
 	  });
+
+type SvgProps = astroHTML.JSX.SVGAttributes;
+export type SvgComponent = ((props: SvgProps) => any) & ImageMetadata;

packages/astro/src/types/public/index.ts

@@ -34,6 +34,7 @@ export type {
 	ImageQuality,
 	ImageQualityPreset,
 	ImageTransform,
+	SvgComponent,
 	UnresolvedImageTransform,
 } from '../../assets/types.js';
 export type { AssetsPrefix, SSRManifest } from '../../core/app/types.js';