Added sl-invalid event type

src/events/events.ts

@@ -30,3 +30,4 @@ export { default as SlLazyLoadEvent } from './sl-lazy-load';
 export { default as SlCancelEvent } from './sl-cancel';
 export { default as SlFinishEvent } from './sl-finish';
 export { default as SlStartEvent } from './sl-start';
+export { default as SlInvalidEvent } from './sl-invalid';

src/events/sl-invalid.ts

@@ -0,0 +1,9 @@
+type SlInvalidEvent = CustomEvent<Record<PropertyKey, never>>;
+
+declare global {
+  interface GlobalEventHandlersEventMap {
+    'sl-invalid': SlInvalidEvent;
+  }
+}
+
+export default SlInvalidEvent;

src/internal/form.ts

@@ -357,10 +357,11 @@ export class FormControlController implements ReactiveController {
    * event will be cancelled before being dispatched.
    */
   emitInvalidEvent(originalInvalidEvent?: Event) {
-    const slInvalidEvent = new CustomEvent<void>('sl-invalid', {
+    const slInvalidEvent = new CustomEvent<Record<PropertyKey, never>>('sl-invalid', {
       bubbles: false,
       composed: false,
-      cancelable: true
+      cancelable: true,
+      detail: {}
     });
 
     if (!originalInvalidEvent) {