vasille-web 3.1.5 → 4.0.0

package/spec/html.d.ts

@@ -1,8 +1,9 @@
 export type EventHandler<T> = (ev: T) => any;
 
-export interface Tag<Attrs, Events> {
+export interface Tag<Attrs, Events, Props> {
     attrs: Attrs;
     events: Events;
+    props: Props;
 }
 
 type TagEvents = {
@@ -274,6 +275,7 @@ interface InputAttrs extends TagAttrs {
     src: string;
     step: string;
     type: string;
+    value: string;
     width: number;
 }
 
@@ -359,219 +361,212 @@ interface DetailsAttrs extends TagAttrs {
 }
 
 export interface HtmlTagMap {
-    a: Tag<AAttrs, TagEvents>;
-    abbr: Tag<TagAttrs, TagEvents>;
-    address: Tag<TagAttrs, TagEvents>;
-    area: Tag<AreaAttrs, TagEvents>;
-    article: Tag<TagAttrs, TagEvents>;
-    aside: Tag<TagAttrs, TagEvents>;
-    audio: Tag<MediaTagAttrs, MediaEvents>;
-    b: Tag<TagAttrs, TagEvents>;
-    base: Tag<BaseAttrs, TagEvents>;
-    bdi: Tag<TagAttrs, TagEvents>;
-    bdo: Tag<BdoAttrs, TagEvents>;
-    blockquote: Tag<BlockQuoteAttrs, TagEvents>;
-    body: Tag<TagAttrs, BodyEvents>;
-    br: Tag<TagAttrs, TagEvents>;
-    button: Tag<ButtonAttrs, TagEvents>;
-    canvas: Tag<TagAttrs, TagEvents>;
-    caption: Tag<TagAttrs, TagEvents>;
-    cite: Tag<TagAttrs, TagEvents>;
-    code: Tag<TagAttrs, TagEvents>;
-    col: Tag<ColAttrs, TagEvents>;
-    colgroup: Tag<ColAttrs, TagEvents>;
-    data: Tag<DataAttr, TagEvents>;
-    datalist: Tag<TagAttrs, TagEvents>;
-    dd: Tag<TagAttrs, TagEvents>;
-    del: Tag<TagAttrs, TagEvents>;
-    details: Tag<DetailsAttrs, TagEvents>;
-    dfn: Tag<TagAttrs, TagEvents>;
-    dialog: Tag<TagAttrs, TagEvents>;
-    dir: Tag<TagAttrs, TagEvents>;
-    div: Tag<TagAttrs, TagEvents>;
-    dl: Tag<TagAttrs, TagEvents>;
-    dt: Tag<TagAttrs, TagEvents>;
-    em: Tag<TagAttrs, TagEvents>;
-    embed: Tag<EmbedAttrs, TagEvents>;
-    fieldset: Tag<FieldsetAttrs, TagEvents>;
-    figcaption: Tag<TagAttrs, TagEvents>;
-    figure: Tag<TagAttrs, TagEvents>;
-    font: Tag<TagAttrs, TagEvents>;
-    footer: Tag<TagAttrs, TagEvents>;
-    form: Tag<FormAttrs, TagEvents>;
-    frame: Tag<TagAttrs, TagEvents>;
-    frameset: Tag<TagAttrs, TagEvents>;
-    h1: Tag<TagAttrs, TagEvents>;
-    h2: Tag<TagAttrs, TagEvents>;
-    h3: Tag<TagAttrs, TagEvents>;
-    h4: Tag<TagAttrs, TagEvents>;
-    h5: Tag<TagAttrs, TagEvents>;
-    h6: Tag<TagAttrs, TagEvents>;
-    head: Tag<TagAttrs, TagEvents>;
-    header: Tag<TagAttrs, TagEvents>;
-    hgroup: Tag<TagAttrs, TagEvents>;
-    hr: Tag<TagAttrs, TagEvents>;
-    html: Tag<TagAttrs, TagEvents>;
-    i: Tag<TagAttrs, TagEvents>;
-    iframe: Tag<IframeAttrs, TagEvents>;
-    img: Tag<ImgAttrs, TagEvents>;
-    input: Tag<InputAttrs, TagEvents>;
-    ins: Tag<TagAttrs, TagEvents>;
-    kbd: Tag<TagAttrs, TagEvents>;
-    label: Tag<LabelAttrs, TagEvents>;
-    legend: Tag<TagAttrs, TagEvents>;
-    li: Tag<TagAttrs, TagEvents>;
-    link: Tag<LinkAttrs, TagEvents>;
-    main: Tag<TagAttrs, TagEvents>;
-    map: Tag<MapAttrs, TagEvents>;
-    mark: Tag<TagAttrs, TagEvents>;
-    marquee: Tag<TagAttrs, TagEvents>;
-    menu: Tag<TagAttrs, TagEvents>;
-    meta: Tag<MetaAttrs, TagEvents>;
-    meter: Tag<MeterAttrs, TagEvents>;
-    nav: Tag<TagAttrs, TagEvents>;
-    noscript: Tag<TagAttrs, TagEvents>;
-    object: Tag<ObjectAttrs, TagEvents>;
-    ol: Tag<OlAttrs, TagEvents>;
-    optgroup: Tag<OptgroupAttrs, TagEvents>;
-    option: Tag<OptionAttrs, TagEvents>;
-    output: Tag<OutputAttrs, TagEvents>;
-    p: Tag<TagAttrs, TagEvents>;
-    param: Tag<ParamAttrs, TagEvents>;
-    picture: Tag<TagAttrs, TagEvents>;
-    pre: Tag<TagAttrs, TagEvents>;
-    progress: Tag<ProgressAttrs, TagEvents>;
-    q: Tag<QAttrs, TagEvents>;
-    rp: Tag<TagAttrs, TagEvents>;
-    rt: Tag<TagAttrs, TagEvents>;
-    ruby: Tag<TagAttrs, TagEvents>;
-    s: Tag<TagAttrs, TagEvents>;
-    samp: Tag<TagAttrs, TagEvents>;
-    script: Tag<TagAttrs, TagEvents>;
-    section: Tag<TagAttrs, TagEvents>;
-    select: Tag<SelectAttrs, TagEvents>;
-    slot: Tag<TagAttrs, TagEvents>;
-    small: Tag<TagAttrs, TagEvents>;
-    source: Tag<SourceAttrs, TagEvents>;
-    span: Tag<TagAttrs, TagEvents>;
-    strong: Tag<TagAttrs, TagEvents>;
-    style: Tag<StyleAttrs, TagEvents>;
-    sub: Tag<TagAttrs, TagEvents>;
-    summary: Tag<TagAttrs, TagEvents>;
-    sup: Tag<TagAttrs, TagEvents>;
-    table: Tag<TagAttrs, TagEvents>;
-    tbody: Tag<TagAttrs, TagEvents>;
-    td: Tag<TdAttrs, TagEvents>;
-    template: Tag<TagAttrs, TagEvents>;
-    textarea: Tag<TextareaAttrs, TagEvents>;
-    tfoot: Tag<TagAttrs, TagEvents>;
-    th: Tag<ThAttrs, TagEvents>;
-    thead: Tag<TagAttrs, TagEvents>;
-    time: Tag<TagAttrs, TagEvents>;
-    title: Tag<TagAttrs, TagEvents>;
-    tr: Tag<TagAttrs, TagEvents>;
-    track: Tag<TrackAttrs, TagEvents>;
-    u: Tag<TagAttrs, TagEvents>;
-    ul: Tag<TagAttrs, TagEvents>;
-    var: Tag<TagAttrs, TagEvents>;
-    video: Tag<VideoAttrs, VideoEvents>;
-    wbr: Tag<TagAttrs, TagEvents>;
-}
-
-type HtmlOrSvgTag = HTMLElement | SVGElement;
-
-export interface HtmlAndSvgEvents {
-    onabort?: ((this: HtmlOrSvgTag, ev: UIEvent) => any) | null;
-    onanimationcancel?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;
-    onanimationend?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;
-    onanimationiteration?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;
-    onanimationstart?: ((this: HtmlOrSvgTag, ev: AnimationEvent) => any) | null;
-    onauxclick?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onblur?: ((this: HtmlOrSvgTag, ev: FocusEvent) => any) | null;
-    oncanplay?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    oncanplaythrough?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onchange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onclick?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onclose?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    oncontextmenu?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    oncopy?: ((this: HtmlOrSvgTag, ev: ClipboardEvent) => any) | null;
-    oncut?: ((this: HtmlOrSvgTag, ev: ClipboardEvent) => any) | null;
-    oncuechange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    ondblclick?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    ondrag?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondragend?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondragenter?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondragleave?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondragover?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondragstart?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondrop?: ((this: HtmlOrSvgTag, ev: DragEvent) => any) | null;
-    ondurationchange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onemptied?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onended?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onerror?: ((event: Event | string, source?: string, lineno?: number, colno?: number, error?: Error) => any) | null;
-    onfocus?: ((this: HtmlOrSvgTag, ev: FocusEvent) => any) | null;
-    onformdata?: ((this: HtmlOrSvgTag, ev: FormDataEvent) => any) | null;
-    onfullscreenchange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onfullscreenerror?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    ongotpointercapture?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    oninput?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    oninvalid?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onkeydown?: ((this: HtmlOrSvgTag, ev: KeyboardEvent) => any) | null;
-    onkeypress?: ((this: HtmlOrSvgTag, ev: KeyboardEvent) => any) | null;
-    onkeyup?: ((this: HtmlOrSvgTag, ev: KeyboardEvent) => any) | null;
-    onload?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onloadeddata?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onloadedmetadata?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onloadstart?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onlostpointercapture?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onmousedown?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmouseenter?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmouseleave?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmousemove?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmouseout?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmouseover?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onmouseup?: ((this: HtmlOrSvgTag, ev: MouseEvent) => any) | null;
-    onpaste?: ((this: HtmlOrSvgTag, ev: ClipboardEvent) => any) | null;
-    onpause?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onplay?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onplaying?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onpointercancel?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerdown?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerenter?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerleave?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointermove?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerout?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerover?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onpointerup?: ((this: HtmlOrSvgTag, ev: PointerEvent) => any) | null;
-    onprogress?: ((this: HtmlOrSvgTag, ev: ProgressEvent) => any) | null;
-    onratechange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onreset?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onresize?: ((this: HtmlOrSvgTag, ev: UIEvent) => any) | null;
-    onscroll?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onseeked?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onseeking?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onselect?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onselectionchange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onselectstart?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onstalled?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onsubmit?: ((this: HtmlOrSvgTag, ev: SubmitEvent) => any) | null;
-    onsuspend?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    ontimeupdate?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    ontoggle?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    ontouchcancel?: ((this: HtmlOrSvgTag, ev: TouchEvent) => any) | null | undefined;
-    ontouchend?: ((this: HtmlOrSvgTag, ev: TouchEvent) => any) | null | undefined;
-    ontouchmove?: ((this: HtmlOrSvgTag, ev: TouchEvent) => any) | null | undefined;
-    ontouchstart?: ((this: HtmlOrSvgTag, ev: TouchEvent) => any) | null | undefined;
-    ontransitioncancel?: ((this: HtmlOrSvgTag, ev: TransitionEvent) => any) | null;
-    ontransitionend?: ((this: HtmlOrSvgTag, ev: TransitionEvent) => any) | null;
-    ontransitionrun?: ((this: HtmlOrSvgTag, ev: TransitionEvent) => any) | null;
-    ontransitionstart?: ((this: HtmlOrSvgTag, ev: TransitionEvent) => any) | null;
-    onvolumechange?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onwaiting?: ((this: HtmlOrSvgTag, ev: Event) => any) | null;
-    onwheel?: ((this: HtmlOrSvgTag, ev: WheelEvent) => any) | null;
-}
-
-interface HtmlTag extends HtmlAndSvgEvents {
+    a: Tag<AAttrs, TagEvents, AnchorProps>;
+    abbr: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    address: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    area: Tag<AreaAttrs, TagEvents, AreaProps>;
+    article: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    aside: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    audio: Tag<MediaTagAttrs, MediaEvents, MediaProps<HTMLAudioElement>>;
+    b: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    base: Tag<BaseAttrs, TagEvents, BaseProps>;
+    bdi: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    bdo: Tag<BdoAttrs, TagEvents, TagProps<HTMLElement>>;
+    blockquote: Tag<BlockQuoteAttrs, TagEvents, QuoteProps>;
+    body: Tag<TagAttrs, BodyEvents, TagProps<HTMLBodyElement>>;
+    br: Tag<TagAttrs, TagEvents, TagProps<HTMLBRElement>>;
+    button: Tag<ButtonAttrs, TagEvents, ButtonProps>;
+    canvas: Tag<TagAttrs, TagEvents, CanvasProps>;
+    caption: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    cite: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    code: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    col: Tag<ColAttrs, TagEvents, TableColProps>;
+    colgroup: Tag<ColAttrs, TagEvents, TableColProps>;
+    data: Tag<DataAttr, TagEvents, DataProps>;
+    datalist: Tag<TagAttrs, TagEvents, TagProps<HTMLDataListElement>>;
+    dd: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    del: Tag<TagAttrs, TagEvents, ModProps<HTMLModElement>>;
+    details: Tag<DetailsAttrs, TagEvents, DetailsProps>;
+    dfn: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    dialog: Tag<TagAttrs, TagEvents, TagProps<HTMLDialogElement>>;
+    dir: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    div: Tag<TagAttrs, TagEvents, TagProps<HTMLDivElement>>;
+    dl: Tag<TagAttrs, TagEvents, TagProps<HTMLDListElement>>;
+    dt: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    em: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    embed: Tag<EmbedAttrs, TagEvents, EmbedProps>;
+    fieldset: Tag<FieldsetAttrs, TagEvents, FieldSetProps>;
+    figcaption: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    figure: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    font: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    footer: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    form: Tag<FormAttrs, TagEvents, FormProps>;
+    h1: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    h2: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    h3: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    h4: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    h5: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    h6: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadingElement>>;
+    head: Tag<TagAttrs, TagEvents, TagProps<HTMLHeadElement>>;
+    header: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    hgroup: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    hr: Tag<TagAttrs, TagEvents, TagProps<HTMLHRElement>>;
+    i: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    iframe: Tag<IframeAttrs, TagEvents, IFrameProps>;
+    img: Tag<ImgAttrs, TagEvents, ImageProps>;
+    input: Tag<InputAttrs, TagEvents, InputProps>;
+    ins: Tag<TagAttrs, TagEvents, ModProps<HTMLModElement>>;
+    kbd: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    label: Tag<LabelAttrs, TagEvents, LabelProps>;
+    legend: Tag<TagAttrs, TagEvents, TagProps<HTMLLegendElement>>;
+    li: Tag<TagAttrs, TagEvents, LiProps>;
+    link: Tag<LinkAttrs, TagEvents, LinkProps>;
+    main: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    map: Tag<MapAttrs, TagEvents, MapProps>;
+    mark: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    menu: Tag<TagAttrs, TagEvents, TagProps<HTMLMenuElement>>;
+    meta: Tag<MetaAttrs, TagEvents, TagProps<HTMLMetaElement>>;
+    meter: Tag<MeterAttrs, TagEvents, MeterProps>;
+    nav: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    noscript: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    object: Tag<ObjectAttrs, TagEvents, ObjectProps>;
+    ol: Tag<OlAttrs, TagEvents, OListProps>;
+    optgroup: Tag<OptgroupAttrs, TagEvents, OptGroupProps>;
+    option: Tag<OptionAttrs, TagEvents, OptionProps>;
+    output: Tag<OutputAttrs, TagEvents, OutputProps>;
+    p: Tag<TagAttrs, TagEvents, TagProps<HTMLParagraphElement>>;
+    picture: Tag<TagAttrs, TagEvents, TagProps<HTMLPictureElement>>;
+    pre: Tag<TagAttrs, TagEvents, TagProps<HTMLPreElement>>;
+    progress: Tag<ProgressAttrs, TagEvents, ProgressProps>;
+    q: Tag<QAttrs, TagEvents, QuoteProps>;
+    rp: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    rt: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    ruby: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    s: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    samp: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    script: Tag<TagAttrs, TagEvents, ScriptProps>;
+    section: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    select: Tag<SelectAttrs, TagEvents, SelectProps>;
+    slot: Tag<TagAttrs, TagEvents, SlotProps>;
+    small: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    source: Tag<SourceAttrs, TagEvents, SourceProps>;
+    span: Tag<TagAttrs, TagEvents, TagProps<HTMLSpanElement>>;
+    strong: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    style: Tag<StyleAttrs, TagEvents, StyleProps>;
+    sub: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    summary: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    sup: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    table: Tag<TagAttrs, TagEvents, TableProps>;
+    tbody: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    td: Tag<TdAttrs, TagEvents, TableCellProps>;
+    template: Tag<TagAttrs, TagEvents, TagProps<HTMLTemplateElement>>;
+    textarea: Tag<TextareaAttrs, TagEvents, TextAreaProps>;
+    tfoot: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    th: Tag<ThAttrs, TagEvents, TableCellProps>;
+    thead: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    time: Tag<TagAttrs, TagEvents, TimeProps>;
+    title: Tag<TagAttrs, TagEvents, TitleProps>;
+    tr: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    track: Tag<TrackAttrs, TagEvents, TrackProps>;
+    u: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    ul: Tag<TagAttrs, TagEvents, TagProps<HTMLUListElement>>;
+    var: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+    video: Tag<VideoAttrs, VideoEvents, VideoProps>;
+    wbr: Tag<TagAttrs, TagEvents, TagProps<HTMLElement>>;
+}
+
+export interface TagEventsProps<T extends Element> {
+    onabort?: ((this: T, ev: UIEvent) => any) | null;
+    onanimationcancel?: ((this: T, ev: AnimationEvent) => any) | null;
+    onanimationend?: ((this: T, ev: AnimationEvent) => any) | null;
+    onanimationiteration?: ((this: T, ev: AnimationEvent) => any) | null;
+    onanimationstart?: ((this: T, ev: AnimationEvent) => any) | null;
+    onauxclick?: ((this: T, ev: MouseEvent) => any) | null;
+    onblur?: ((this: T, ev: FocusEvent) => any) | null;
+    oncanplay?: ((this: T, ev: Event) => any) | null;
+    oncanplaythrough?: ((this: T, ev: Event) => any) | null;
+    onchange?: ((this: T, ev: Event) => any) | null;
+    onclick?: ((this: T, ev: MouseEvent) => any) | null;
+    onclose?: ((this: T, ev: Event) => any) | null;
+    oncontextmenu?: ((this: T, ev: MouseEvent) => any) | null;
+    oncopy?: ((this: T, ev: ClipboardEvent) => any) | null;
+    oncut?: ((this: T, ev: ClipboardEvent) => any) | null;
+    oncuechange?: ((this: T, ev: Event) => any) | null;
+    ondblclick?: ((this: T, ev: MouseEvent) => any) | null;
+    ondrag?: ((this: T, ev: DragEvent) => any) | null;
+    ondragend?: ((this: T, ev: DragEvent) => any) | null;
+    ondragenter?: ((this: T, ev: DragEvent) => any) | null;
+    ondragleave?: ((this: T, ev: DragEvent) => any) | null;
+    ondragover?: ((this: T, ev: DragEvent) => any) | null;
+    ondragstart?: ((this: T, ev: DragEvent) => any) | null;
+    ondrop?: ((this: T, ev: DragEvent) => any) | null;
+    ondurationchange?: ((this: T, ev: Event) => any) | null;
+    onemptied?: ((this: T, ev: Event) => any) | null;
+    onended?: ((this: T, ev: Event) => any) | null;
+    onerror?: ((this: T, ev: Event | string, src?: string, line?: number, col?: number, err?: Error) => any) | null;
+    onfocus?: ((this: T, ev: FocusEvent) => any) | null;
+    onformdata?: ((this: T, ev: FormDataEvent) => any) | null;
+    onfullscreenchange?: ((this: T, ev: Event) => any) | null;
+    onfullscreenerror?: ((this: T, ev: Event) => any) | null;
+    ongotpointercapture?: ((this: T, ev: PointerEvent) => any) | null;
+    oninput?: ((this: T, ev: Event) => any) | null;
+    oninvalid?: ((this: T, ev: Event) => any) | null;
+    onkeydown?: ((this: T, ev: KeyboardEvent) => any) | null;
+    onkeypress?: ((this: T, ev: KeyboardEvent) => any) | null;
+    onkeyup?: ((this: T, ev: KeyboardEvent) => any) | null;
+    onload?: ((this: T, ev: Event) => any) | null;
+    onloadeddata?: ((this: T, ev: Event) => any) | null;
+    onloadedmetadata?: ((this: T, ev: Event) => any) | null;
+    onloadstart?: ((this: T, ev: Event) => any) | null;
+    onlostpointercapture?: ((this: T, ev: PointerEvent) => any) | null;
+    onmousedown?: ((this: T, ev: MouseEvent) => any) | null;
+    onmouseenter?: ((this: T, ev: MouseEvent) => any) | null;
+    onmouseleave?: ((this: T, ev: MouseEvent) => any) | null;
+    onmousemove?: ((this: T, ev: MouseEvent) => any) | null;
+    onmouseout?: ((this: T, ev: MouseEvent) => any) | null;
+    onmouseover?: ((this: T, ev: MouseEvent) => any) | null;
+    onmouseup?: ((this: T, ev: MouseEvent) => any) | null;
+    onpaste?: ((this: T, ev: ClipboardEvent) => any) | null;
+    onpause?: ((this: T, ev: Event) => any) | null;
+    onplay?: ((this: T, ev: Event) => any) | null;
+    onplaying?: ((this: T, ev: Event) => any) | null;
+    onpointercancel?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerdown?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerenter?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerleave?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointermove?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerout?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerover?: ((this: T, ev: PointerEvent) => any) | null;
+    onpointerup?: ((this: T, ev: PointerEvent) => any) | null;
+    onprogress?: ((this: T, ev: ProgressEvent) => any) | null;
+    onratechange?: ((this: T, ev: Event) => any) | null;
+    onreset?: ((this: T, ev: Event) => any) | null;
+    onresize?: ((this: T, ev: UIEvent) => any) | null;
+    onscroll?: ((this: T, ev: Event) => any) | null;
+    onseeked?: ((this: T, ev: Event) => any) | null;
+    onseeking?: ((this: T, ev: Event) => any) | null;
+    onselect?: ((this: T, ev: Event) => any) | null;
+    onselectionchange?: ((this: T, ev: Event) => any) | null;
+    onselectstart?: ((this: T, ev: Event) => any) | null;
+    onstalled?: ((this: T, ev: Event) => any) | null;
+    onsubmit?: ((this: T, ev: SubmitEvent) => any) | null;
+    onsuspend?: ((this: T, ev: Event) => any) | null;
+    ontimeupdate?: ((this: T, ev: Event) => any) | null;
+    ontoggle?: ((this: T, ev: Event) => any) | null;
+    ontouchcancel?: ((this: T, ev: TouchEvent) => any) | null | undefined;
+    ontouchend?: ((this: T, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove?: ((this: T, ev: TouchEvent) => any) | null | undefined;
+    ontouchstart?: ((this: T, ev: TouchEvent) => any) | null | undefined;
+    ontransitioncancel?: ((this: T, ev: TransitionEvent) => any) | null;
+    ontransitionend?: ((this: T, ev: TransitionEvent) => any) | null;
+    ontransitionrun?: ((this: T, ev: TransitionEvent) => any) | null;
+    ontransitionstart?: ((this: T, ev: TransitionEvent) => any) | null;
+    onvolumechange?: ((this: T, ev: Event) => any) | null;
+    onwaiting?: ((this: T, ev: Event) => any) | null;
+    onwheel?: ((this: T, ev: WheelEvent) => any) | null;
+}
+
+interface TagProps<T extends Element> extends TagEventsProps<T> {
     autofocus?: boolean;
     className?: string;
     nonce?: string | undefined;
@@ -589,7 +584,7 @@ interface HtmlTag extends HtmlAndSvgEvents {
     translate?: boolean;
 }
 
-interface AnchorTag extends HtmlTag {
+interface AnchorProps extends TagProps<HTMLAnchorElement> {
     download: string;
     hreflang: string;
     ping: string;
@@ -600,7 +595,7 @@ interface AnchorTag extends HtmlTag {
     type: string;
 }
 
-interface AreaTag extends HtmlTag {
+interface AreaProps extends TagProps<HTMLAreaElement> {
     alt: string;
     coords: string;
     download: string;
@@ -611,7 +606,7 @@ interface AreaTag extends HtmlTag {
     target: string;
 }
 
-interface MediaTag extends HtmlTag {
+interface MediaProps<T extends HTMLMediaElement> extends TagProps<T> {
     autoplay?: boolean;
     controls?: boolean;
     crossOrigin?: string | null;
@@ -621,8 +616,8 @@ interface MediaTag extends HtmlTag {
     disableRemotePlayback?: boolean;
     loop?: boolean;
     muted?: boolean;
-    onencrypted?: ((this: HTMLMediaElement, ev: MediaEncryptedEvent) => any) | null;
-    onwaitingforkey?: ((this: HTMLMediaElement, ev: Event) => any) | null;
+    onencrypted?: ((this: T, ev: MediaEncryptedEvent) => any) | null;
+    onwaitingforkey?: ((this: T, ev: Event) => any) | null;
     playbackRate?: number;
     preload?: "none" | "metadata" | "auto" | "";
     src?: string;
@@ -630,16 +625,16 @@ interface MediaTag extends HtmlTag {
     volume?: number;
 }
 
-interface BaseTag extends HtmlTag {
+interface BaseProps extends TagProps<HTMLBaseElement> {
     href: string;
     target: string;
 }
 
-interface QuoteTag extends HtmlTag {
+interface QuoteProps extends TagProps<HTMLQuoteElement> {
     cite: string;
 }
 
-interface ButtonTag extends HtmlTag {
+interface ButtonProps extends TagProps<HTMLButtonElement> {
     disabled: boolean;
     formAction: string;
     formEnctype: string;
@@ -651,41 +646,41 @@ interface ButtonTag extends HtmlTag {
     value: string;
 }
 
-interface CanvasTag extends HtmlTag {
+interface CanvasProps extends TagProps<HTMLCanvasElement> {
     height: number;
     width: number;
 }
 
-interface TableColTag extends HtmlTag {
+interface TableColProps extends TagProps<HTMLTableColElement> {
     span: number;
 }
 
-interface DataTag extends HtmlTag {
+interface DataProps extends TagProps<HTMLDataElement> {
     value: string;
 }
 
-interface ModTag extends HtmlTag {
+interface ModProps<T extends HTMLModElement> extends TagProps<T> {
     cite: string;
     dateTime: string;
 }
 
-interface DetailsTag extends HtmlTag {
+interface DetailsProps extends TagProps<HTMLDetailsElement> {
     open: boolean;
 }
 
-interface EmbedTag extends HtmlTag {
+interface EmbedProps extends TagProps<HTMLEmbedElement> {
     height: string;
     src: string;
     type: string;
     width: string;
 }
 
-interface FieldSetTag extends HtmlTag {
+interface FieldSetProps extends TagProps<HTMLFieldSetElement> {
     disabled: boolean;
     name: string;
 }
 
-interface FormTag extends HtmlTag {
+interface FormProps extends TagProps<HTMLFormElement> {
     acceptCharset: string;
     action: string;
     autocomplete: string;
@@ -697,7 +692,7 @@ interface FormTag extends HtmlTag {
     target: string;
 }
 
-interface IFrameTag extends HtmlTag {
+interface IFrameProps extends TagProps<HTMLIFrameElement> {
     allow: string;
     allowFullscreen: boolean;
     height: string;
@@ -708,7 +703,7 @@ interface IFrameTag extends HtmlTag {
     width: string;
 }
 
-interface ImageTag extends HtmlTag {
+interface ImageProps extends TagProps<HTMLImageElement> {
     alt: string;
     crossOrigin: string | null;
     decoding: "async" | "sync" | "auto";
@@ -723,7 +718,7 @@ interface ImageTag extends HtmlTag {
     width: number;
 }
 
-interface InputTag extends HtmlTag {
+interface InputProps extends TagProps<HTMLInputElement> {
     accept: string;
     alt: string;
     autocomplete: string;
@@ -765,15 +760,15 @@ interface InputTag extends HtmlTag {
     width: number;
 }
 
-interface LabelTag extends HtmlTag {
+interface LabelProps extends TagProps<HTMLLabelElement> {
     htmlFor: string;
 }
 
-interface LITag extends HtmlTag {
+interface LiProps extends TagProps<HTMLLIElement> {
     value: number;
 }
 
-interface LinkTag extends HtmlTag {
+interface LinkProps extends TagProps<HTMLLinkElement> {
     as: string;
     crossOrigin: string | null;
     disabled: boolean;
@@ -788,11 +783,11 @@ interface LinkTag extends HtmlTag {
     type: string;
 }
 
-interface MapTag extends HtmlTag {
+interface MapProps extends TagProps<HTMLMapElement> {
     name: string;
 }
 
-interface MeterTag extends HtmlTag {
+interface MeterProps extends TagProps<HTMLMeterElement> {
     high: number;
     low: number;
     max: number;
@@ -801,7 +796,7 @@ interface MeterTag extends HtmlTag {
     value: number;
 }
 
-interface ObjectTag extends HtmlTag {
+interface ObjectProps extends TagProps<HTMLObjectElement> {
     data: string;
     height: string;
     name: string;
@@ -810,18 +805,18 @@ interface ObjectTag extends HtmlTag {
     width: string;
 }
 
-interface OListTag extends HtmlTag {
+interface OListProps extends TagProps<HTMLOListElement> {
     reversed: boolean;
     start: number;
     type: string;
 }
 
-interface OptGroupTag extends HtmlTag {
+interface OptGroupProps extends TagProps<HTMLOptGroupElement> {
     disabled: boolean;
     label: string;
 }
 
-interface OptionTag extends HtmlTag {
+interface OptionProps extends TagProps<HTMLOptionElement> {
     defaultSelected: boolean;
     disabled: boolean;
     label: string;
@@ -830,23 +825,18 @@ interface OptionTag extends HtmlTag {
     value: string;
 }
 
-interface OutputTag extends HtmlTag {
+interface OutputProps extends TagProps<HTMLOutputElement> {
     defaultValue: string;
     name: string;
     value: string;
 }
 
-interface ParamTag extends HtmlTag {
-    name: string;
-    value: string;
-}
-
-interface ProgressTag extends HtmlTag {
+interface ProgressProps extends TagProps<HTMLProgressElement> {
     max: number;
     value: number;
 }
 
-interface ScriptTag extends HtmlTag {
+interface ScriptProps extends TagProps<HTMLScriptElement> {
     async: boolean;
     crossOrigin: string | null;
     defer: boolean;
@@ -858,7 +848,7 @@ interface ScriptTag extends HtmlTag {
     type: string;
 }
 
-interface SelectTag extends HtmlTag {
+interface SelectProps extends TagProps<HTMLSelectElement> {
     autocomplete: string;
     disabled: boolean;
     length: number;
@@ -870,11 +860,11 @@ interface SelectTag extends HtmlTag {
     value: string;
 }
 
-interface SlotTag extends HtmlTag {
+interface SlotProps extends TagProps<HTMLSlotElement> {
     name: string;
 }
 
-interface SourceTag extends HtmlTag {
+interface SourceProps extends TagProps<HTMLSourceElement> {
     media: string;
     sizes: string;
     src: string;
@@ -882,17 +872,17 @@ interface SourceTag extends HtmlTag {
     type: string;
 }
 
-interface StyleTag extends HtmlTag {
+interface StyleProps extends TagProps<HTMLStyleElement> {
     media: string;
 }
 
-interface TableTag extends HtmlTag {
+interface TableProps extends TagProps<HTMLTableElement> {
     caption: HTMLTableCaptionElement | null;
     tFoot: HTMLTableSectionElement | null;
     tHead: HTMLTableSectionElement | null;
 }
 
-interface TableCellTag extends HtmlTag {
+interface TableCellProps extends TagProps<HTMLTableCellElement> {
     abbr: string;
     colSpan: number;
     headers: string;
@@ -900,7 +890,7 @@ interface TableCellTag extends HtmlTag {
     scope: string;
 }
 
-interface TextAreaTag extends HtmlTag {
+interface TextAreaProps extends TagProps<HTMLTextAreaElement> {
     autocomplete: string;
     cols: number;
     defaultValue: string;
@@ -920,15 +910,15 @@ interface TextAreaTag extends HtmlTag {
     wrap: string;
 }
 
-interface TimeTag extends HtmlTag {
+interface TimeProps extends TagProps<HTMLTimeElement> {
     dateTime: string;
 }
 
-interface TitleTag extends HtmlTag {
+interface TitleProps extends TagProps<HTMLTitleElement> {
     text: string;
 }
 
-interface TrackTag extends HtmlTag {
+interface TrackProps extends TagProps<HTMLTrackElement> {
     default: boolean;
     kind: string;
     label: string;
@@ -936,7 +926,7 @@ interface TrackTag extends HtmlTag {
     srclang: string;
 }
 
-interface VideoTag extends MediaTag {
+interface VideoProps extends MediaProps<HTMLVideoElement> {
     disablePictureInPicture?: boolean;
     height?: number;
     onenterpictureinpicture?: ((this: HTMLVideoElement, ev: Event) => any) | null;
@@ -945,118 +935,3 @@ interface VideoTag extends MediaTag {
     poster?: string;
     width?: number;
 }
-
-export interface TagNameMap {
-    a: AnchorTag;
-    abbr: HtmlTag;
-    address: HtmlTag;
-    area: AreaTag;
-    article: HtmlTag;
-    aside: HtmlTag;
-    audio: MediaTag;
-    b: HtmlTag;
-    base: BaseTag;
-    bdi: HtmlTag;
-    bdo: HtmlTag;
-    blockquote: QuoteTag;
-    body: HtmlTag;
-    br: HtmlTag;
-    button: ButtonTag;
-    canvas: CanvasTag;
-    caption: HtmlTag;
-    cite: HtmlTag;
-    code: HtmlTag;
-    col: TableColTag;
-    colgroup: TableColTag;
-    data: DataTag;
-    datalist: HtmlTag;
-    dd: HtmlTag;
-    del: ModTag;
-    details: DetailsTag;
-    dfn: HtmlTag;
-    dialog: HtmlTag;
-    div: HtmlTag;
-    dl: HtmlTag;
-    dt: HtmlTag;
-    em: HtmlTag;
-    embed: EmbedTag;
-    fieldset: FieldSetTag;
-    figcaption: HtmlTag;
-    figure: HtmlTag;
-    footer: HtmlTag;
-    form: FormTag;
-    h1: HtmlTag;
-    h2: HtmlTag;
-    h3: HtmlTag;
-    h4: HtmlTag;
-    h5: HtmlTag;
-    h6: HtmlTag;
-    head: HtmlTag;
-    header: HtmlTag;
-    hgroup: HtmlTag;
-    hr: HtmlTag;
-    html: HtmlTag;
-    i: HtmlTag;
-    iframe: IFrameTag;
-    img: ImageTag;
-    input: InputTag;
-    ins: ModTag;
-    kbd: HtmlTag;
-    label: LabelTag;
-    legend: HtmlTag;
-    li: LITag;
-    link: LinkTag;
-    main: HtmlTag;
-    map: MapTag;
-    mark: HtmlTag;
-    menu: HtmlTag;
-    meta: HtmlTag;
-    meter: MeterTag;
-    nav: HtmlTag;
-    noscript: HtmlTag;
-    object: ObjectTag;
-    ol: OListTag;
-    optgroup: OptGroupTag;
-    option: OptionTag;
-    output: OutputTag;
-    p: HtmlTag;
-    param: ParamTag;
-    picture: HtmlTag;
-    pre: HtmlTag;
-    progress: ProgressTag;
-    q: QuoteTag;
-    rp: HtmlTag;
-    rt: HtmlTag;
-    ruby: HtmlTag;
-    s: HtmlTag;
-    samp: HtmlTag;
-    script: ScriptTag;
-    section: HtmlTag;
-    select: SelectTag;
-    slot: SlotTag;
-    small: HtmlTag;
-    source: SourceTag;
-    span: HtmlTag;
-    strong: HtmlTag;
-    style: StyleTag;
-    sub: HtmlTag;
-    summary: HtmlTag;
-    sup: HtmlTag;
-    table: TableTag;
-    tbody: HtmlTag;
-    td: TableCellTag;
-    template: HtmlTag;
-    textarea: TextAreaTag;
-    tfoot: HtmlTag;
-    th: TableCellTag;
-    thead: HtmlTag;
-    time: TimeTag;
-    title: TitleTag;
-    tr: HtmlTag;
-    track: TrackTag;
-    u: HtmlTag;
-    ul: HtmlTag;
-    var: HtmlTag;
-    video: VideoTag;
-    wbr: HtmlTag;
-}