npm - solid-js - Versions diffs - 2.0.0-experimental.5 → 2.0.0-experimental.7 - Mend

solid-js 2.0.0-experimental.5 → 2.0.0-experimental.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/dev.cjs +107 -41
package/dist/dev.js +92 -31
package/dist/server.cjs +95 -91
package/dist/server.js +97 -89
package/dist/solid.cjs +107 -41
package/dist/solid.js +92 -31
package/package.json +5 -3
package/types/client/component.d.ts +2 -2
package/types/client/flow.d.ts +1 -16
package/types/client/hydration.d.ts +35 -5
package/types/index.d.ts +2 -2
package/types/jsx.d.ts +643 -1007
package/types/server/index.d.ts +2 -2
package/types/server/reactive.d.ts +2 -1
package/types/server/rendering.d.ts +12 -8
package/types/server/signals.d.ts +12 -3

package/types/jsx.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
 	THIS FILE IS GENERATED BY `./jsx-update.mjs`.
-	PLEASE UPDATE `jsx-h.d.ts` INSTEAD AND RUN `node jsx-update.mjs`.
+	PLEASE UPDATE `jsx-h.d.ts` INSTEAD AND RUN `pnpm jsx-sync-types`.
 */
 import * as csstype from "csstype";
@@ -35,6 +35,8 @@ import * as csstype from "csstype";
  *   through the component tree, not the dom tree.
  * - Native event handlers use the namespace `on:` such `on:click`, and wont be delegated. bubbling
  *   the dom tree.
+ * - A global case-insensitive event handler can be added by extending `EventHandlersElement<T>`
+ * - A native `on:` event handler can be added by extending `CustomEvents<T>` interface
  *
  * ## Boolean Attributes (property setter that accepts `true | false`):
  *
@@ -77,6 +79,37 @@ import * as csstype from "csstype";
  *
  * - The namespace `prop:` could be used to directly set properties in native elements and
  *   custom-elements. `<custom-element prop:myProp={true}/>` equivalent to `el.myProp = true`
+ *
+ * ## Interfaces
+ *
+ * Events
+ *
+ * 1. An event handler goes in `EventHandlersElement` when:
+ *
+ *    - `event` is global, that's to be defined in `HTMLElement` AND `SVGElement` AND `MathMLElement`
+ *    - `event` is defined in `Element` (as `HTMLElement/MathMLElement/SVGElement` -> `Element`)
+ * 2. `<body>`, `<svg>`, `<framesete>` are special as these include `window` events
+ * 3. Any other event is special for its own tag.
+ *
+ * Browser Hierarchy
+ *
+ * - $Element (ex HTMLDivElement <div>) -> ... -> HTMLElement -> Element -> Node
+ * - $Element (all math elements are MathMLElement) MathMLElement -> Element -> Node
+ * - $Element`(ex SVGMaskElement <mask>) -> ... -> SVGElement -> Element -> Node
+ *
+ * Attributes
+ *
+ *      <div> -> ... -> HTMLAttributes -> ElementAttributes
+ *      <svg> -> ... -> SVGAttributes -> ElementAttributes
+ *      <math> -> ... -> MathMLAttributes -> ElementAttributes
+ *
+ *      ElementAttributes = `Element` + `Node` attributes (aka global attributes)
+ *
+ *      HTMLAttributes = `HTMLElement` attributes (aka HTML global attributes)
+ *      SVGAttributes = `SVGElement` attributes (aka SVG global attributes)
+ *      MathMLAttributes = `MathMLElement` attributes (aka MATH global attributes)
+ *
+ *      CustomAttributes = Framework attributes
  */
 type DOMElement = Element;
@@ -129,7 +162,8 @@ export namespace JSX {
   > = EHandler | BoundEventHandler<T, E, EHandler>;
   interface EventHandlerWithOptions<T, E extends Event, EHandler = EventHandler<T, E>>
-    extends AddEventListenerOptions {
+    extends AddEventListenerOptions,
+      EventListenerOptions {
     handleEvent: EHandler;
   }
@@ -203,6 +237,7 @@ export namespace JSX {
   }
   interface CustomAttributes<T> {
     ref?: T | ((el: T) => void) | undefined;
+    children?: Element | undefined;
     $ServerOnly?: boolean | undefined;
   }
   type Accessor<T> = () => T;
@@ -211,8 +246,6 @@ export namespace JSX {
     [x: string]: (el: DOMElement, accessor: Accessor<any>) => void;
   }
   interface ExplicitProperties {}
-  interface ExplicitAttributes {}
-  interface ExplicitBoolAttributes {}
   interface CustomEvents {}
   type DirectiveAttributes = {
     [Key in keyof Directives as `use:${Key}`]?: Directives[Key];
@@ -236,551 +269,26 @@ export namespace JSX {
   type PropAttributes = {
     [Key in keyof ExplicitProperties as `prop:${Key}`]?: ExplicitProperties[Key];
   };
-  type AttrAttributes = {
-    [Key in keyof ExplicitAttributes as `attr:${Key}`]?: ExplicitAttributes[Key];
-  };
-  type BoolAttributes = {
-    [Key in keyof ExplicitBoolAttributes as `bool:${Key}`]?: ExplicitBoolAttributes[Key];
-  };
   type OnAttributes<T> = {
     [Key in keyof CustomEvents as `on:${Key}`]?: EventHandlerWithOptionsUnion<T, CustomEvents[Key]>;
   };
-  // events
-  interface ElementEventMap<T> {
-    onFullscreenChange?: EventHandlerUnion<T, Event> | undefined;
-    onFullscreenError?: EventHandlerUnion<T, Event> | undefined;
-    "on:fullscreenchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:fullscreenerror"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+  // CSS
-    /** @deprecated Use camelCase event handlers */
-    onfullscreenchange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onfullscreenerror?: EventHandlerUnion<T, Event> | undefined;
+  interface CSSProperties extends csstype.PropertiesHyphen {
+    // Override
+    [key: `-${string}`]: string | number | undefined;
   }
-  interface WindowEventMap<T> {
-    onAfterPrint?: EventHandlerUnion<T, Event> | undefined;
-    onBeforePrint?: EventHandlerUnion<T, Event> | undefined;
-    onBeforeUnload?: EventHandlerUnion<T, BeforeUnloadEvent> | undefined;
-    onGamepadConnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
-    onGamepadDisconnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
-    onHashchange?: EventHandlerUnion<T, HashChangeEvent> | undefined;
-    onLanguageChange?: EventHandlerUnion<T, Event> | undefined;
-    onMessage?: EventHandlerUnion<T, MessageEvent> | undefined;
-    onMessageError?: EventHandlerUnion<T, MessageEvent> | undefined;
-    onOffline?: EventHandlerUnion<T, Event> | undefined;
-    onOnline?: EventHandlerUnion<T, Event> | undefined;
-    onPageHide?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageRevealEvent` is currently undefined on TS
-    onPageReveal?: EventHandlerUnion<T, Event> | undefined;
-    onPageShow?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageSwapEvent` is currently undefined on TS
-    onPageSwap?: EventHandlerUnion<T, Event> | undefined;
-    onPopstate?: EventHandlerUnion<T, PopStateEvent> | undefined;
-    onRejectionHandled?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
-    onStorage?: EventHandlerUnion<T, StorageEvent> | undefined;
-    onUnhandledRejection?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
-    onUnload?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onafterprint?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onbeforeprint?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onbeforeunload?: EventHandlerUnion<T, BeforeUnloadEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ongamepadconnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ongamepaddisconnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onhashchange?: EventHandlerUnion<T, HashChangeEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onlanguagechange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmessage?: EventHandlerUnion<T, MessageEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmessageerror?: EventHandlerUnion<T, MessageEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onoffline?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ononline?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpagehide?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageRevealEvent` is currently undefined in TS
-    /** @deprecated Use camelCase event handlers */
-    onpagereveal?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpageshow?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageSwapEvent` is currently undefined in TS
-    /** @deprecated Use camelCase event handlers */
-    onpageswap?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpopstate?: EventHandlerUnion<T, PopStateEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onrejectionhandled?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onstorage?: EventHandlerUnion<T, StorageEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onunhandledrejection?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onunload?: EventHandlerUnion<T, Event> | undefined;
+  // TODO: Should we allow this?
+  // type ClassKeys = `class:${string}`;
+  // type CSSKeys = Exclude<keyof csstype.PropertiesHyphen, `-${string}`>;
-    "on:afterprint"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:beforeprint"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:beforeunload"?: EventHandlerWithOptionsUnion<T, BeforeUnloadEvent> | undefined;
-    "on:gamepadconnected"?: EventHandlerWithOptionsUnion<T, GamepadEvent> | undefined;
-    "on:gamepaddisconnected"?: EventHandlerWithOptionsUnion<T, GamepadEvent> | undefined;
-    "on:hashchange"?: EventHandlerWithOptionsUnion<T, HashChangeEvent> | undefined;
-    "on:languagechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:message"?: EventHandlerWithOptionsUnion<T, MessageEvent> | undefined;
-    "on:messageerror"?: EventHandlerWithOptionsUnion<T, MessageEvent> | undefined;
-    "on:offline"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:online"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:pagehide"?: EventHandlerWithOptionsUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageRevealEvent` is currently undefined in TS
-    "on:pagereveal"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:pageshow"?: EventHandlerWithOptionsUnion<T, PageTransitionEvent> | undefined;
-    // TODO `PageSwapEvent` is currently undefined in TS
-    "on:pageswap"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:popstate"?: EventHandlerWithOptionsUnion<T, PopStateEvent> | undefined;
-    "on:rejectionhandled"?: EventHandlerWithOptionsUnion<T, PromiseRejectionEvent> | undefined;
-    "on:storage"?: EventHandlerWithOptionsUnion<T, StorageEvent> | undefined;
-    "on:unhandledrejection"?: EventHandlerWithOptionsUnion<T, PromiseRejectionEvent> | undefined;
-    "on:unload"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-  }
+  // type CSSAttributes = {
+  //   [key in CSSKeys as `style:${key}`]: csstype.PropertiesHyphen[key];
+  // };
-  interface CustomEventHandlersCamelCase<T> {
-    onAbort?: EventHandlerUnion<T, UIEvent> | undefined;
-    onAnimationCancel?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    onAnimationEnd?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    onAnimationIteration?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    onAnimationStart?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    onAuxClick?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onBeforeInput?: InputEventHandlerUnion<T, InputEvent> | undefined;
-    onBeforeToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
-    onBlur?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    onCancel?: EventHandlerUnion<T, Event> | undefined;
-    onCanPlay?: EventHandlerUnion<T, Event> | undefined;
-    onCanPlayThrough?: EventHandlerUnion<T, Event> | undefined;
-    onChange?: ChangeEventHandlerUnion<T, Event> | undefined;
-    onClick?: EventHandlerUnion<T, MouseEvent> | undefined;
-    // TODO `CommandEvent` is currently undefined in TS
-    onCommand?: EventHandlerUnion<T, Event> | undefined;
-    onCompositionEnd?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    onCompositionStart?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    onCompositionUpdate?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    onContextMenu?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onCopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    onCueChange?: EventHandlerUnion<T, Event> | undefined;
-    onCut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    onDblClick?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onDrag?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragEnd?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragEnter?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragExit?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragLeave?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragOver?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDragStart?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDrop?: EventHandlerUnion<T, DragEvent> | undefined;
-    onDurationChange?: EventHandlerUnion<T, Event> | undefined;
-    onEmptied?: EventHandlerUnion<T, Event> | undefined;
-    onEnded?: EventHandlerUnion<T, Event> | undefined;
-    onError?: EventHandlerUnion<T, ErrorEvent> | undefined;
-    onFocus?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    onFocusIn?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    onFocusOut?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    onGotPointerCapture?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onInput?: InputEventHandlerUnion<T, InputEvent> | undefined;
-    onInvalid?: EventHandlerUnion<T, Event> | undefined;
-    onKeyDown?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    onKeyPress?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    onKeyUp?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    onLoad?: EventHandlerUnion<T, Event> | undefined;
-    onLoadedData?: EventHandlerUnion<T, Event> | undefined;
-    onLoadedMetadata?: EventHandlerUnion<T, Event> | undefined;
-    onLoadStart?: EventHandlerUnion<T, Event> | undefined;
-    onLostPointerCapture?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onMouseDown?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseEnter?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseLeave?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseMove?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseOut?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseOver?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onMouseUp?: EventHandlerUnion<T, MouseEvent> | undefined;
-    onPaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    onPause?: EventHandlerUnion<T, Event> | undefined;
-    onPlay?: EventHandlerUnion<T, Event> | undefined;
-    onPlaying?: EventHandlerUnion<T, Event> | undefined;
-    onPointerCancel?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerDown?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerEnter?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerLeave?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerMove?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerOut?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerOver?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onPointerUp?: EventHandlerUnion<T, PointerEvent> | undefined;
-    onProgress?: EventHandlerUnion<T, ProgressEvent> | undefined;
-    onRateChange?: EventHandlerUnion<T, Event> | undefined;
-    onReset?: EventHandlerUnion<T, Event> | undefined;
-    onResize?: EventHandlerUnion<T, UIEvent> | undefined;
-    onScroll?: EventHandlerUnion<T, Event> | undefined;
-    onScrollEnd?: EventHandlerUnion<T, Event> | undefined;
-    onSecurityPolicyViolation?: EventHandlerUnion<T, SecurityPolicyViolationEvent> | undefined;
-    onSeeked?: EventHandlerUnion<T, Event> | undefined;
-    onSeeking?: EventHandlerUnion<T, Event> | undefined;
-    onSelect?: EventHandlerUnion<T, Event> | undefined;
-    onSelectionChange?: EventHandlerUnion<T, Event> | undefined;
-    onSlotChange?: EventHandlerUnion<T, Event> | undefined;
-    onStalled?: EventHandlerUnion<T, Event> | undefined;
-    onSubmit?: EventHandlerUnion<T, SubmitEvent> | undefined;
-    onSuspend?: EventHandlerUnion<T, Event> | undefined;
-    onTimeUpdate?: EventHandlerUnion<T, Event> | undefined;
-    onToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
-    onTouchCancel?: EventHandlerUnion<T, TouchEvent> | undefined;
-    onTouchEnd?: EventHandlerUnion<T, TouchEvent> | undefined;
-    onTouchMove?: EventHandlerUnion<T, TouchEvent> | undefined;
-    onTouchStart?: EventHandlerUnion<T, TouchEvent> | undefined;
-    onTransitionCancel?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    onTransitionEnd?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    onTransitionRun?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    onTransitionStart?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    onVolumeChange?: EventHandlerUnion<T, Event> | undefined;
-    onWaiting?: EventHandlerUnion<T, Event> | undefined;
-    onWheel?: EventHandlerUnion<T, WheelEvent> | undefined;
-  }
-  /** @type {GlobalEventHandlers} */
-  interface CustomEventHandlersLowerCase<T> {
-    /** @deprecated Use camelCase event handlers */
-    onabort?: EventHandlerUnion<T, UIEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onanimationcancel?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onanimationend?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onanimationiteration?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onanimationstart?: EventHandlerUnion<T, AnimationEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onauxclick?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onbeforeinput?: InputEventHandlerUnion<T, InputEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onbeforetoggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onblur?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncancel?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncanplay?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncanplaythrough?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onchange?: ChangeEventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onclick?: EventHandlerUnion<T, MouseEvent> | undefined;
-    // TODO `CommandEvent` is currently undefined in TS
-    /** @deprecated Use camelCase event handlers */
-    oncommand?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncompositionend?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncompositionstart?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncompositionupdate?: EventHandlerUnion<T, CompositionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncontextmenu?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncuechange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondblclick?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondrag?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragend?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragenter?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragexit?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragleave?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragover?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondragstart?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondrop?: EventHandlerUnion<T, DragEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ondurationchange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onemptied?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onended?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onerror?: EventHandlerUnion<T, ErrorEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onfocus?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onfocusin?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onfocusout?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ongotpointercapture?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oninput?: InputEventHandlerUnion<T, InputEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oninvalid?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onkeydown?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onkeypress?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onkeyup?: EventHandlerUnion<T, KeyboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onload?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onloadeddata?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onloadedmetadata?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onloadstart?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onlostpointercapture?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmousedown?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmouseenter?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmouseleave?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmousemove?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmouseout?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmouseover?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onmouseup?: EventHandlerUnion<T, MouseEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpause?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onplay?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onplaying?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointercancel?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerdown?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerenter?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerleave?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointermove?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerout?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerover?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onpointerup?: EventHandlerUnion<T, PointerEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onprogress?: EventHandlerUnion<T, ProgressEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onratechange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onreset?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onresize?: EventHandlerUnion<T, UIEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onscroll?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onscrollend?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onsecuritypolicyviolation?: EventHandlerUnion<T, SecurityPolicyViolationEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onseeked?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onseeking?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onselect?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onselectionchange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onslotchange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onstalled?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onsubmit?: EventHandlerUnion<T, SubmitEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onsuspend?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontimeupdate?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontoggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontouchcancel?: EventHandlerUnion<T, TouchEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontouchend?: EventHandlerUnion<T, TouchEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontouchmove?: EventHandlerUnion<T, TouchEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontouchstart?: EventHandlerUnion<T, TouchEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontransitioncancel?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontransitionend?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontransitionrun?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    ontransitionstart?: EventHandlerUnion<T, TransitionEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onvolumechange?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onwaiting?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onwheel?: EventHandlerUnion<T, WheelEvent> | undefined;
-  }
-  interface CustomEventHandlersNamespaced<T> {
-    "on:abort"?: EventHandlerWithOptionsUnion<T, UIEvent> | undefined;
-    "on:animationcancel"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
-    "on:animationend"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
-    "on:animationiteration"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
-    "on:animationstart"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
-    "on:auxclick"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:beforeinput"?:
-      | EventHandlerWithOptionsUnion<T, InputEvent, InputEventHandler<T, InputEvent>>
-      | undefined;
-    "on:beforetoggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent> | undefined;
-    "on:blur"?:
-      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
-      | undefined;
-    "on:cancel"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:canplay"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:canplaythrough"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:change"?: EventHandlerWithOptionsUnion<T, Event, ChangeEventHandler<T, Event>> | undefined;
-    "on:click"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    // TODO `CommandEvent` is currently undefined in TS
-    "on:command"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:compositionend"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
-    "on:compositionstart"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
-    "on:compositionupdate"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
-    "on:contextmenu"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:copy"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
-    "on:cuechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:cut"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
-    "on:dblclick"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:drag"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragend"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragenter"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragexit"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragleave"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragover"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:dragstart"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:drop"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
-    "on:durationchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:emptied"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:ended"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:error"?: EventHandlerWithOptionsUnion<T, ErrorEvent> | undefined;
-    "on:focus"?:
-      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
-      | undefined;
-    "on:focusin"?:
-      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
-      | undefined;
-    "on:focusout"?:
-      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
-      | undefined;
-    "on:gotpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:input"?:
-      | EventHandlerWithOptionsUnion<T, InputEvent, InputEventHandler<T, InputEvent>>
-      | undefined;
-    "on:invalid"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:keydown"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
-    "on:keypress"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
-    "on:keyup"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
-    "on:load"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:loadeddata"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:loadedmetadata"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:loadstart"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:lostpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:mousedown"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mouseenter"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mouseleave"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mousemove"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mouseout"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mouseover"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:mouseup"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
-    "on:paste"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
-    "on:pause"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:play"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:playing"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:pointercancel"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerdown"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerenter"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerleave"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointermove"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerout"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerover"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:pointerup"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
-    "on:progress"?: EventHandlerWithOptionsUnion<T, ProgressEvent> | undefined;
-    "on:ratechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:reset"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:resize"?: EventHandlerWithOptionsUnion<T, UIEvent> | undefined;
-    "on:scroll"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:scrollend"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:securitypolicyviolation"?:
-      | EventHandlerWithOptionsUnion<T, SecurityPolicyViolationEvent>
-      | undefined;
-    "on:seeked"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:seeking"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:select"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:selectionchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:slotchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:stalled"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:submit"?: EventHandlerWithOptionsUnion<T, SubmitEvent> | undefined;
-    "on:suspend"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:timeupdate"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:toggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent> | undefined;
-    "on:touchcancel"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
-    "on:touchend"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
-    "on:touchmove"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
-    "on:touchstart"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
-    "on:transitioncancel"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
-    "on:transitionend"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
-    "on:transitionrun"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
-    "on:transitionstart"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
-    "on:volumechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:waiting"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    "on:wheel"?: EventHandlerWithOptionsUnion<T, WheelEvent> | undefined;
-  }
-  interface DOMAttributes<T>
-    extends CustomAttributes<T>,
-      DirectiveAttributes,
-      DirectiveFunctionAttributes<T>,
-      PropAttributes,
-      AttrAttributes,
-      BoolAttributes,
-      OnAttributes<T>,
-      CustomEventHandlersCamelCase<T>,
-      CustomEventHandlersLowerCase<T>,
-      CustomEventHandlersNamespaced<T> {
-    children?: Element | undefined;
-    innerHTML?: string;
-    innerText?: string | number;
-    textContent?: string | number;
-  }
-  interface CSSProperties extends csstype.PropertiesHyphen {
-    // Override
-    [key: `-${string}`]: string | number | undefined;
-  }
+  // BOOLEAN
   /**
    * Boolean and Pseudo-Boolean Attributes Helpers.
@@ -797,50 +305,7 @@ export namespace JSX {
   type RemoveAttribute = undefined | false;
-  /** Enumerated Attributes */
-  type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
-  type HTMLDir = "ltr" | "rtl" | "auto";
-  type HTMLFormEncType = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
-  type HTMLFormMethod = "post" | "get" | "dialog";
-  type HTMLCrossorigin = "anonymous" | "use-credentials" | EnumeratedAcceptsEmpty;
-  type HTMLReferrerPolicy =
-    | "no-referrer"
-    | "no-referrer-when-downgrade"
-    | "origin"
-    | "origin-when-cross-origin"
-    | "same-origin"
-    | "strict-origin"
-    | "strict-origin-when-cross-origin"
-    | "unsafe-url";
-  type HTMLIframeSandbox =
-    | "allow-downloads-without-user-activation"
-    | "allow-downloads"
-    | "allow-forms"
-    | "allow-modals"
-    | "allow-orientation-lock"
-    | "allow-pointer-lock"
-    | "allow-popups"
-    | "allow-popups-to-escape-sandbox"
-    | "allow-presentation"
-    | "allow-same-origin"
-    | "allow-scripts"
-    | "allow-storage-access-by-user-activation"
-    | "allow-top-navigation"
-    | "allow-top-navigation-by-user-activation"
-    | "allow-top-navigation-to-custom-protocols";
-  type HTMLLinkAs =
-    | "audio"
-    | "document"
-    | "embed"
-    | "fetch"
-    | "font"
-    | "image"
-    | "object"
-    | "script"
-    | "style"
-    | "track"
-    | "video"
-    | "worker";
+  // ARIA
   // All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/
   interface AriaAttributes {
@@ -1225,36 +690,424 @@ export namespace JSX {
       | RemoveAttribute;
   }
-  // TODO: Should we allow this?
-  // type ClassKeys = `class:${string}`;
-  // type CSSKeys = Exclude<keyof csstype.PropertiesHyphen, `-${string}`>;
+  // EVENTS
+  /**
+   * `Window` events, defined for `<body>`, `<svg>`, `<frameset>` tags.
+   *
+   * Excluding `EventHandlersElement` events already defined as globals that all tags share, such as
+   * `onblur`.
+   */
+  interface EventHandlersWindow<T> {
+    onAfterPrint?: EventHandlerUnion<T, Event> | undefined;
+    onBeforePrint?: EventHandlerUnion<T, Event> | undefined;
+    onBeforeUnload?: EventHandlerUnion<T, BeforeUnloadEvent> | undefined;
+    onGamepadConnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
+    onGamepadDisconnected?: EventHandlerUnion<T, GamepadEvent> | undefined;
+    onHashchange?: EventHandlerUnion<T, HashChangeEvent> | undefined;
+    onLanguageChange?: EventHandlerUnion<T, Event> | undefined;
+    onMessage?: EventHandlerUnion<T, MessageEvent> | undefined;
+    onMessageError?: EventHandlerUnion<T, MessageEvent> | undefined;
+    onOffline?: EventHandlerUnion<T, Event> | undefined;
+    onOnline?: EventHandlerUnion<T, Event> | undefined;
+    onPageHide?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
+    // TODO `PageRevealEvent` is currently undefined on TS
+    onPageReveal?: EventHandlerUnion<T, Event> | undefined;
+    onPageShow?: EventHandlerUnion<T, PageTransitionEvent> | undefined;
+    // TODO `PageSwapEvent` is currently undefined on TS
+    onPageSwap?: EventHandlerUnion<T, Event> | undefined;
+    onPopstate?: EventHandlerUnion<T, PopStateEvent> | undefined;
+    onRejectionHandled?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
+    onStorage?: EventHandlerUnion<T, StorageEvent> | undefined;
+    onUnhandledRejection?: EventHandlerUnion<T, PromiseRejectionEvent> | undefined;
+    onUnload?: EventHandlerUnion<T, Event> | undefined;
+    "on:afterprint"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:beforeprint"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:beforeunload"?: EventHandlerWithOptionsUnion<T, BeforeUnloadEvent> | undefined;
+    "on:gamepadconnected"?: EventHandlerWithOptionsUnion<T, GamepadEvent> | undefined;
+    "on:gamepaddisconnected"?: EventHandlerWithOptionsUnion<T, GamepadEvent> | undefined;
+    "on:hashchange"?: EventHandlerWithOptionsUnion<T, HashChangeEvent> | undefined;
+    "on:languagechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:message"?: EventHandlerWithOptionsUnion<T, MessageEvent> | undefined;
+    "on:messageerror"?: EventHandlerWithOptionsUnion<T, MessageEvent> | undefined;
+    "on:offline"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:online"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:pagehide"?: EventHandlerWithOptionsUnion<T, PageTransitionEvent> | undefined;
+    // TODO `PageRevealEvent` is currently undefined in TS
+    "on:pagereveal"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:pageshow"?: EventHandlerWithOptionsUnion<T, PageTransitionEvent> | undefined;
+    // TODO `PageSwapEvent` is currently undefined in TS
+    "on:pageswap"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:popstate"?: EventHandlerWithOptionsUnion<T, PopStateEvent> | undefined;
+    "on:rejectionhandled"?: EventHandlerWithOptionsUnion<T, PromiseRejectionEvent> | undefined;
+    "on:storage"?: EventHandlerWithOptionsUnion<T, StorageEvent> | undefined;
+    "on:unhandledrejection"?: EventHandlerWithOptionsUnion<T, PromiseRejectionEvent> | undefined;
+    "on:unload"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+  }
+  /**
+   * Global `EventHandlersElement`, defined for all tags.
+   *
+   * That's events defined and shared BY ALL of the `HTMLElement/SVGElement/MathMLElement`
+   * interfaces.
+   *
+   * Includes events defined for the `Element` interface.
+   */
+  interface EventHandlersElement<T> {
+    onAbort?: EventHandlerUnion<T, UIEvent> | undefined;
+    onAnimationCancel?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAnimationEnd?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAnimationIteration?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAnimationStart?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAuxClick?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onBeforeCopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onBeforeCut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onBeforeInput?: InputEventHandlerUnion<T, InputEvent> | undefined;
+    onBeforeMatch?: EventHandlerUnion<T, Event> | undefined;
+    onBeforePaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onBeforeToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
+    onBeforeXRSelect?: EventHandlerUnion<T, Event> | undefined;
+    onBlur?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onCancel?: EventHandlerUnion<T, Event> | undefined;
+    onCanPlay?: EventHandlerUnion<T, Event> | undefined;
+    onCanPlayThrough?: EventHandlerUnion<T, Event> | undefined;
+    onChange?: ChangeEventHandlerUnion<T, Event> | undefined;
+    onClick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onClose?: EventHandlerUnion<T, Event> | undefined;
+    // TODO `CommandEvent` is currently undefined in TS
+    onCommand?: EventHandlerUnion<T, Event> | undefined;
+    onCompositionEnd?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onCompositionStart?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onCompositionUpdate?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onContentVisibilityAutoStateChange?:
+      | EventHandlerUnion<T, ContentVisibilityAutoStateChangeEvent>
+      | undefined;
+    onContextLost?: EventHandlerUnion<T, Event> | undefined;
+    onContextMenu?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onContextRestored?: EventHandlerUnion<T, Event> | undefined;
+    onCopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onCueChange?: EventHandlerUnion<T, Event> | undefined;
+    onCut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onDblClick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onDrag?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragEnd?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragEnter?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragExit?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragLeave?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragOver?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragStart?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDrop?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDurationChange?: EventHandlerUnion<T, Event> | undefined;
+    onEmptied?: EventHandlerUnion<T, Event> | undefined;
+    onEnded?: EventHandlerUnion<T, Event> | undefined;
+    onError?: EventHandlerUnion<T, ErrorEvent> | undefined;
+    onFocus?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onFocusIn?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onFocusOut?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onFormData?: EventHandlerUnion<T, FormDataEvent> | undefined;
+    onFullscreenChange?: EventHandlerUnion<T, Event> | undefined;
+    onFullscreenError?: EventHandlerUnion<T, Event> | undefined;
+    onGotPointerCapture?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onInput?: InputEventHandlerUnion<T, InputEvent> | undefined;
+    onInvalid?: EventHandlerUnion<T, Event> | undefined;
+    onKeyDown?: EventHandlerUnion<T, KeyboardEvent> | undefined;
+    onKeyPress?: EventHandlerUnion<T, KeyboardEvent> | undefined;
+    onKeyUp?: EventHandlerUnion<T, KeyboardEvent> | undefined;
+    onLoad?: EventHandlerUnion<T, Event> | undefined;
+    onLoadedData?: EventHandlerUnion<T, Event> | undefined;
+    onLoadedMetadata?: EventHandlerUnion<T, Event> | undefined;
+    onLoadStart?: EventHandlerUnion<T, Event> | undefined;
+    onLostPointerCapture?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onMouseDown?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseEnter?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseLeave?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseMove?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseOut?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseOver?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onMouseUp?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onPaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onPause?: EventHandlerUnion<T, Event> | undefined;
+    onPlay?: EventHandlerUnion<T, Event> | undefined;
+    onPlaying?: EventHandlerUnion<T, Event> | undefined;
+    onPointerCancel?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerDown?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerEnter?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerLeave?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerMove?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerOut?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerOver?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerRawUpdate?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onPointerUp?: EventHandlerUnion<T, PointerEvent> | undefined;
+    onProgress?: EventHandlerUnion<T, ProgressEvent> | undefined;
+    onRateChange?: EventHandlerUnion<T, Event> | undefined;
+    onReset?: EventHandlerUnion<T, Event> | undefined;
+    onResize?: EventHandlerUnion<T, UIEvent> | undefined;
+    onScroll?: EventHandlerUnion<T, Event> | undefined;
+    onScrollEnd?: EventHandlerUnion<T, Event> | undefined;
+    // todo `SnapEvent` is currently undefined in TS
+    onScrollSnapChange?: EventHandlerUnion<T, Event> | undefined;
+    // todo `SnapEvent` is currently undefined in TS
+    onScrollSnapChanging?: EventHandlerUnion<T, Event> | undefined;
+    onSecurityPolicyViolation?: EventHandlerUnion<T, SecurityPolicyViolationEvent> | undefined;
+    onSeeked?: EventHandlerUnion<T, Event> | undefined;
+    onSeeking?: EventHandlerUnion<T, Event> | undefined;
+    onSelect?: EventHandlerUnion<T, Event> | undefined;
+    onSelectionChange?: EventHandlerUnion<T, Event> | undefined;
+    onSelectStart?: EventHandlerUnion<T, Event> | undefined;
+    onSlotChange?: EventHandlerUnion<T, Event> | undefined;
+    onStalled?: EventHandlerUnion<T, Event> | undefined;
+    onSubmit?: EventHandlerUnion<T, SubmitEvent> | undefined;
+    onSuspend?: EventHandlerUnion<T, Event> | undefined;
+    onTimeUpdate?: EventHandlerUnion<T, Event> | undefined;
+    onToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
+    onTouchCancel?: EventHandlerUnion<T, TouchEvent> | undefined;
+    onTouchEnd?: EventHandlerUnion<T, TouchEvent> | undefined;
+    onTouchMove?: EventHandlerUnion<T, TouchEvent> | undefined;
+    onTouchStart?: EventHandlerUnion<T, TouchEvent> | undefined;
+    onTransitionCancel?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionEnd?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionRun?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionStart?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onVolumeChange?: EventHandlerUnion<T, Event> | undefined;
+    onWaiting?: EventHandlerUnion<T, Event> | undefined;
+    onWheel?: EventHandlerUnion<T, WheelEvent> | undefined;
+    "on:abort"?: EventHandlerWithOptionsUnion<T, UIEvent> | undefined;
+    "on:animationcancel"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
+    "on:animationend"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
+    "on:animationiteration"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
+    "on:animationstart"?: EventHandlerWithOptionsUnion<T, AnimationEvent> | undefined;
+    "on:auxclick"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:beforecopy"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:beforecut"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:beforeinput"?:
+      | EventHandlerWithOptionsUnion<T, InputEvent, InputEventHandler<T, InputEvent>>
+      | undefined;
+    "on:beforematch"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:beforepaste"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:beforetoggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent> | undefined;
+    "on:beforexrselect"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:blur"?:
+      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
+      | undefined;
+    "on:cancel"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:canplay"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:canplaythrough"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:change"?: EventHandlerWithOptionsUnion<T, Event, ChangeEventHandler<T, Event>> | undefined;
+    "on:click"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:close"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    // TODO `CommandEvent` is currently undefined in TS
+    "on:command"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:compositionend"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
+    "on:compositionstart"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
+    "on:compositionupdate"?: EventHandlerWithOptionsUnion<T, CompositionEvent> | undefined;
+    "on:contentvisibilityautostatechange"?:
+      | EventHandlerWithOptionsUnion<T, ContentVisibilityAutoStateChangeEvent>
+      | undefined;
+    "on:contextlost"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:contextmenu"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:contextrestored"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:copy"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:cuechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:cut"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:dblclick"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:drag"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragend"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragenter"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragexit"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragleave"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragover"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:dragstart"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:drop"?: EventHandlerWithOptionsUnion<T, DragEvent> | undefined;
+    "on:durationchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:emptied"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:ended"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:error"?: EventHandlerWithOptionsUnion<T, ErrorEvent> | undefined;
+    "on:focus"?:
+      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
+      | undefined;
+    "on:focusin"?:
+      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
+      | undefined;
+    "on:focusout"?:
+      | EventHandlerWithOptionsUnion<T, FocusEvent, FocusEventHandler<T, FocusEvent>>
+      | undefined;
+    "on:formdata"?: EventHandlerWithOptionsUnion<T, FormDataEvent> | undefined;
+    "on:fullscreenchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:fullscreenerror"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:gotpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:input"?:
+      | EventHandlerWithOptionsUnion<T, InputEvent, InputEventHandler<T, InputEvent>>
+      | undefined;
+    "on:invalid"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:keydown"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
+    "on:keypress"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
+    "on:keyup"?: EventHandlerWithOptionsUnion<T, KeyboardEvent> | undefined;
+    "on:load"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:loadeddata"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:loadedmetadata"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:loadstart"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:lostpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:mousedown"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mouseenter"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mouseleave"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mousemove"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mouseout"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mouseover"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:mouseup"?: EventHandlerWithOptionsUnion<T, MouseEvent> | undefined;
+    "on:paste"?: EventHandlerWithOptionsUnion<T, ClipboardEvent> | undefined;
+    "on:pause"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:play"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:playing"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:pointercancel"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerdown"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerenter"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerleave"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointermove"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerout"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerover"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerrawupdate"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:pointerup"?: EventHandlerWithOptionsUnion<T, PointerEvent> | undefined;
+    "on:progress"?: EventHandlerWithOptionsUnion<T, ProgressEvent> | undefined;
+    "on:ratechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:reset"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:resize"?: EventHandlerWithOptionsUnion<T, UIEvent> | undefined;
+    "on:scroll"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:scrollend"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    // todo `SnapEvent` is currently undefined in TS
+    "on:scrollsnapchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    // todo `SnapEvent` is currently undefined in TS
+    "on:scrollsnapchanging"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:securitypolicyviolation"?:
+      | EventHandlerWithOptionsUnion<T, SecurityPolicyViolationEvent>
+      | undefined;
+    "on:seeked"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:seeking"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:select"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:selectionchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:selectstart"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:slotchange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:stalled"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:submit"?: EventHandlerWithOptionsUnion<T, SubmitEvent> | undefined;
+    "on:suspend"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:timeupdate"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:toggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent> | undefined;
+    "on:touchcancel"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
+    "on:touchend"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
+    "on:touchmove"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
+    "on:touchstart"?: EventHandlerWithOptionsUnion<T, TouchEvent> | undefined;
+    "on:transitioncancel"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
+    "on:transitionend"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
+    "on:transitionrun"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
+    "on:transitionstart"?: EventHandlerWithOptionsUnion<T, TransitionEvent> | undefined;
+    "on:volumechange"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:waiting"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    "on:wheel"?: EventHandlerWithOptionsUnion<T, WheelEvent> | undefined;
+  }
-  // type CSSAttributes = {
-  //   [key in CSSKeys as `style:${key}`]: csstype.PropertiesHyphen[key];
-  // };
+  type EventType =
+    | (keyof EventHandlersWindow<any> extends infer K
+        ? K extends `on:${infer T}`
+          ? T
+          : K extends `on${infer T}`
+          ? Lowercase<T>
+          : never
+        : never)
+    | (keyof EventHandlersElement<any> extends infer K
+        ? K extends `on:${infer T}`
+          ? T
+          : K extends `on${infer T}`
+          ? Lowercase<T>
+          : never
+        : never)
+    | (string & {});
-  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+  // GLOBAL ATTRIBUTES
+  /**
+   * Global `Element` + `Node` interface keys, shared by all tags regardless of their namespace:
+   *
+   * 1. That's `keys` that are defined BY ALL `HTMLElement/SVGElement/MathMLElement` interfaces.
+   * 2. Includes `keys` defined by `Element` and `Node` interfaces.
+   */
+  interface ElementAttributes<T>
+    extends CustomAttributes<T>,
+      DirectiveAttributes,
+      DirectiveFunctionAttributes<T>,
+      PropAttributes,
+      OnAttributes<T>,
+      EventHandlersElement<T>,
+      AriaAttributes {
     // [key: ClassKeys]: boolean;
-    about?: string | RemoveAttribute;
+    // properties
+    innerHTML?: string;
+    textContent?: string | number;
+    // attributes
+    autofocus?: BooleanAttribute | RemoveAttribute;
+    class?: string | ClassList | RemoveAttribute;
+    elementtiming?: string | RemoveAttribute;
+    id?: string | RemoveAttribute;
+    nonce?: string | RemoveAttribute;
+    part?: string | RemoveAttribute;
+    slot?: string | RemoveAttribute;
+    style?: CSSProperties | string | RemoveAttribute;
+    tabindex?: number | string | RemoveAttribute;
+  }
+  /** Global `SVGElement` interface keys only. */
+  interface SVGAttributes<T> extends ElementAttributes<T> {
+    id?: string | RemoveAttribute;
+    lang?: string | RemoveAttribute;
+    tabindex?: number | string | RemoveAttribute;
+    xmlns?: string | RemoveAttribute;
+  }
+  /** Global `MathMLElement` interface keys only. */
+  interface MathMLAttributes<T> extends ElementAttributes<T> {
+    dir?: HTMLDir | RemoveAttribute;
+    displaystyle?: BooleanAttribute | RemoveAttribute;
+    scriptlevel?: string | RemoveAttribute;
+    xmlns?: string | RemoveAttribute;
+    /** @deprecated */
+    href?: string | RemoveAttribute;
+    /** @deprecated */
+    mathbackground?: string | RemoveAttribute;
+    /** @deprecated */
+    mathcolor?: string | RemoveAttribute;
+    /** @deprecated */
+    mathsize?: string | RemoveAttribute;
+  }
+  /** Global `HTMLElement` interface keys only. */
+  interface HTMLAttributes<T> extends ElementAttributes<T> {
+    // properties
+    innerText?: string | number;
+    // attributes
     accesskey?: string | RemoveAttribute;
     autocapitalize?: HTMLAutocapitalize | RemoveAttribute;
-    class?: string | ClassList | RemoveAttribute;
-    color?: string | RemoveAttribute;
+    autocorrect?: "on" | "off" | RemoveAttribute;
     contenteditable?:
       | EnumeratedPseudoBoolean
       | EnumeratedAcceptsEmpty
       | "plaintext-only"
       | "inherit"
       | RemoveAttribute;
-    contextmenu?: string | RemoveAttribute;
-    datatype?: string | RemoveAttribute;
     dir?: HTMLDir | RemoveAttribute;
     draggable?: EnumeratedPseudoBoolean | RemoveAttribute;
+    enterkeyhint?:
+      | "enter"
+      | "done"
+      | "go"
+      | "next"
+      | "previous"
+      | "search"
+      | "send"
+      | RemoveAttribute;
     exportparts?: string | RemoveAttribute;
     hidden?: EnumeratedAcceptsEmpty | "hidden" | "until-found" | RemoveAttribute;
-    id?: string | RemoveAttribute;
     inert?: BooleanAttribute | RemoveAttribute;
-    inlist?: any | RemoveAttribute;
     inputmode?:
       | "decimal"
       | "email"
@@ -1266,60 +1119,148 @@ export namespace JSX {
       | "url"
       | RemoveAttribute;
     is?: string | RemoveAttribute;
+    lang?: string | RemoveAttribute;
+    popover?: EnumeratedAcceptsEmpty | "manual" | "auto" | RemoveAttribute;
+    spellcheck?: EnumeratedPseudoBoolean | EnumeratedAcceptsEmpty | RemoveAttribute;
+    title?: string | RemoveAttribute;
+    translate?: "yes" | "no" | RemoveAttribute;
+    /** @experimental */
+    virtualkeyboardpolicy?: EnumeratedAcceptsEmpty | "auto" | "manual" | RemoveAttribute;
+    /** @experimental */
+    writingsuggestions?: EnumeratedPseudoBoolean | RemoveAttribute;
+    // Microdata
     itemid?: string | RemoveAttribute;
     itemprop?: string | RemoveAttribute;
     itemref?: string | RemoveAttribute;
     itemscope?: BooleanAttribute | RemoveAttribute;
     itemtype?: string | RemoveAttribute;
-    lang?: string | RemoveAttribute;
-    part?: string | RemoveAttribute;
-    popover?: EnumeratedAcceptsEmpty | "manual" | "auto" | RemoveAttribute;
+    // RDFa Attributes
+    about?: string | RemoveAttribute;
+    datatype?: string | RemoveAttribute;
+    inlist?: any | RemoveAttribute;
     prefix?: string | RemoveAttribute;
     property?: string | RemoveAttribute;
     resource?: string | RemoveAttribute;
-    slot?: string | RemoveAttribute;
-    spellcheck?: EnumeratedPseudoBoolean | EnumeratedAcceptsEmpty | RemoveAttribute;
-    style?: CSSProperties | string | RemoveAttribute;
-    tabindex?: number | string | RemoveAttribute;
-    title?: string | RemoveAttribute;
-    translate?: "yes" | "no" | RemoveAttribute;
     typeof?: string | RemoveAttribute;
     vocab?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    accessKey?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    autoCapitalize?: HTMLAutocapitalize | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    contentEditable?: EnumeratedPseudoBoolean | "plaintext-only" | "inherit" | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    contextMenu?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    exportParts?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    inputMode?:
-      | "none"
-      | "text"
-      | "tel"
-      | "url"
-      | "email"
-      | "numeric"
-      | "decimal"
-      | "search"
-      | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    itemId?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    itemProp?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    itemRef?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    itemScope?: BooleanAttribute | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    itemType?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    tabIndex?: number | string | RemoveAttribute;
+    /** @deprecated */
+    contextmenu?: string | RemoveAttribute;
   }
+  // HTML
+  type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
+  type HTMLAutocomplete =
+    | "additional-name"
+    | "address-level1"
+    | "address-level2"
+    | "address-level3"
+    | "address-level4"
+    | "address-line1"
+    | "address-line2"
+    | "address-line3"
+    | "bday"
+    | "bday-day"
+    | "bday-month"
+    | "bday-year"
+    | "billing"
+    | "cc-additional-name"
+    | "cc-csc"
+    | "cc-exp"
+    | "cc-exp-month"
+    | "cc-exp-year"
+    | "cc-family-name"
+    | "cc-given-name"
+    | "cc-name"
+    | "cc-number"
+    | "cc-type"
+    | "country"
+    | "country-name"
+    | "current-password"
+    | "email"
+    | "family-name"
+    | "fax"
+    | "given-name"
+    | "home"
+    | "honorific-prefix"
+    | "honorific-suffix"
+    | "impp"
+    | "language"
+    | "mobile"
+    | "name"
+    | "new-password"
+    | "nickname"
+    | "off"
+    | "on"
+    | "organization"
+    | "organization-title"
+    | "pager"
+    | "photo"
+    | "postal-code"
+    | "sex"
+    | "shipping"
+    | "street-address"
+    | "tel"
+    | "tel-area-code"
+    | "tel-country-code"
+    | "tel-extension"
+    | "tel-local"
+    | "tel-local-prefix"
+    | "tel-local-suffix"
+    | "tel-national"
+    | "transaction-amount"
+    | "transaction-currency"
+    | "url"
+    | "username"
+    | "work"
+    | (string & {});
+  type HTMLDir = "ltr" | "rtl" | "auto";
+  type HTMLFormEncType = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+  type HTMLFormMethod = "post" | "get" | "dialog";
+  type HTMLCrossorigin = "anonymous" | "use-credentials" | EnumeratedAcceptsEmpty;
+  type HTMLReferrerPolicy =
+    | "no-referrer"
+    | "no-referrer-when-downgrade"
+    | "origin"
+    | "origin-when-cross-origin"
+    | "same-origin"
+    | "strict-origin"
+    | "strict-origin-when-cross-origin"
+    | "unsafe-url";
+  type HTMLIframeSandbox =
+    | "allow-downloads-without-user-activation"
+    | "allow-downloads"
+    | "allow-forms"
+    | "allow-modals"
+    | "allow-orientation-lock"
+    | "allow-pointer-lock"
+    | "allow-popups"
+    | "allow-popups-to-escape-sandbox"
+    | "allow-presentation"
+    | "allow-same-origin"
+    | "allow-scripts"
+    | "allow-storage-access-by-user-activation"
+    | "allow-top-navigation"
+    | "allow-top-navigation-by-user-activation"
+    | "allow-top-navigation-to-custom-protocols";
+  type HTMLLinkAs =
+    | "audio"
+    | "document"
+    | "embed"
+    | "fetch"
+    | "font"
+    | "image"
+    | "object"
+    | "script"
+    | "style"
+    | "track"
+    | "video"
+    | "worker";
   interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
     download?: string | RemoveAttribute;
     href?: string | RemoveAttribute;
@@ -1333,9 +1274,6 @@ export namespace JSX {
     /** @experimental */
     attributionsrc?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
     /** @deprecated */
     charset?: string | RemoveAttribute;
     /** @deprecated */
@@ -1362,9 +1300,6 @@ export namespace JSX {
     /** @experimental */
     attributionsrc?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
     /** @deprecated */
     nohref?: BooleanAttribute | RemoveAttribute;
   }
@@ -1372,15 +1307,14 @@ export namespace JSX {
     href?: string | RemoveAttribute;
     target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | RemoveAttribute;
   }
+  interface BdoHTMLAttributes<T> extends HTMLAttributes<T> {
+    dir?: "ltr" | "rtl" | RemoveAttribute;
+  }
   interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string | RemoveAttribute;
   }
-  interface BodyHTMLAttributes<T>
-    extends HTMLAttributes<T>,
-      WindowEventMap<T>,
-      ElementEventMap<T> {}
+  interface BodyHTMLAttributes<T> extends HTMLAttributes<T>, EventHandlersWindow<T> {}
   interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-    autofocus?: BooleanAttribute | RemoveAttribute;
     disabled?: BooleanAttribute | RemoveAttribute;
     form?: string | RemoveAttribute;
     formaction?: string | SerializableAttributeValue | RemoveAttribute;
@@ -1405,36 +1339,11 @@ export namespace JSX {
       | RemoveAttribute;
     /** @experimental */
     commandfor?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formAction?: string | SerializableAttributeValue | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formEnctype?: HTMLFormEncType | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formMethod?: HTMLFormMethod | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formNoValidate?: boolean | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formTarget?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    popoverTarget?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    popoverTargetAction?: "hide" | "show" | "toggle" | RemoveAttribute;
   }
   interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: number | string | RemoveAttribute;
     width?: number | string | RemoveAttribute;
-    onContextLost?: EventHandlerUnion<T, Event> | undefined;
-    "on:contextlost"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncontextlost?: EventHandlerUnion<T, Event> | undefined;
-    onContextRestored?: EventHandlerUnion<T, Event> | undefined;
-    "on:contextrestored"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncontextrestored?: EventHandlerUnion<T, Event> | undefined;
     /**
      * @deprecated
      * @non-standard
@@ -1487,23 +1396,16 @@ export namespace JSX {
   interface DialogHtmlAttributes<T> extends HTMLAttributes<T> {
     open?: BooleanAttribute | RemoveAttribute;
     /**
-     * Do not add the tabindex property to the <dialog> element as it is not interactive and does
-     * not receive focus. The dialog's contents, including the close button contained in the dialog,
-     * can receive focus and be interactive.
+     * Do not add the `tabindex` property to the `<dialog>` element as it is not interactive and
+     * does not receive focus. The dialog's contents, including the close button contained in the
+     * dialog, can receive focus and be interactive.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#usage_notes
      */
     tabindex?: never;
-    onClose?: EventHandlerUnion<T, Event> | undefined;
-    "on:close"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onclose?: EventHandlerUnion<T, Event> | undefined;
-    onCancel?: EventHandlerUnion<T, Event> | undefined;
-    "on:cancel"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    oncancel?: EventHandlerUnion<T, Event> | undefined;
+    /** @experimental */
+    closedby?: "any" | "closerequest" | "none" | RemoveAttribute;
   }
   interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
     height?: number | string | RemoveAttribute;
@@ -1533,14 +1435,6 @@ export namespace JSX {
     rel?: string | RemoveAttribute;
     target?: "_self" | "_blank" | "_parent" | "_top" | (string & {}) | RemoveAttribute;
-    onFormData?: EventHandlerUnion<T, FormDataEvent> | undefined;
-    "on:formdata"?: EventHandlerWithOptionsUnion<T, FormDataEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onformdata?: EventHandlerUnion<T, FormDataEvent> | undefined;
-    /** @deprecated Use lowercase attributes */
-    noValidate?: boolean | RemoveAttribute;
     /** @deprecated */
     accept?: string | RemoveAttribute;
   }
@@ -1556,9 +1450,6 @@ export namespace JSX {
     srcdoc?: string | RemoveAttribute;
     width?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
     /** @experimental */
     adauctionheaders?: BooleanAttribute | RemoveAttribute;
     /**
@@ -1599,9 +1490,9 @@ export namespace JSX {
   }
   interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
     alt?: string | RemoveAttribute;
+    browsingtopics?: string | RemoveAttribute;
     crossorigin?: HTMLCrossorigin | RemoveAttribute;
     decoding?: "sync" | "async" | "auto" | RemoveAttribute;
-    elementtiming?: string | RemoveAttribute;
     fetchpriority?: "high" | "low" | "auto" | RemoveAttribute;
     height?: number | string | RemoveAttribute;
     ismap?: BooleanAttribute | RemoveAttribute;
@@ -1618,17 +1509,6 @@ export namespace JSX {
     /** @experimental */
     sharedstoragewritable?: BooleanAttribute | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    crossOrigin?: HTMLCrossorigin | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    isMap?: boolean | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    srcSet?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    useMap?: string | RemoveAttribute;
     /** @deprecated */
     align?: "top" | "middle" | "bottom" | "left" | "right" | RemoveAttribute;
     /** @deprecated */
@@ -1648,88 +1528,14 @@ export namespace JSX {
   }
   interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
     accept?: string | RemoveAttribute;
+    alpha?: BooleanAttribute | RemoveAttribute;
     alt?: string | RemoveAttribute;
-    autocomplete?:
-      | "additional-name"
-      | "address-level1"
-      | "address-level2"
-      | "address-level3"
-      | "address-level4"
-      | "address-line1"
-      | "address-line2"
-      | "address-line3"
-      | "bday"
-      | "bday-day"
-      | "bday-month"
-      | "bday-year"
-      | "billing"
-      | "cc-additional-name"
-      | "cc-csc"
-      | "cc-exp"
-      | "cc-exp-month"
-      | "cc-exp-year"
-      | "cc-family-name"
-      | "cc-given-name"
-      | "cc-name"
-      | "cc-number"
-      | "cc-type"
-      | "country"
-      | "country-name"
-      | "current-password"
-      | "email"
-      | "family-name"
-      | "fax"
-      | "given-name"
-      | "home"
-      | "honorific-prefix"
-      | "honorific-suffix"
-      | "impp"
-      | "language"
-      | "mobile"
-      | "name"
-      | "new-password"
-      | "nickname"
-      | "off"
-      | "on"
-      | "organization"
-      | "organization-title"
-      | "pager"
-      | "photo"
-      | "postal-code"
-      | "sex"
-      | "shipping"
-      | "street-address"
-      | "tel"
-      | "tel-area-code"
-      | "tel-country-code"
-      | "tel-extension"
-      | "tel-local"
-      | "tel-local-prefix"
-      | "tel-local-suffix"
-      | "tel-national"
-      | "transaction-amount"
-      | "transaction-currency"
-      | "url"
-      | "username"
-      | "work"
-      | (string & {})
-      | RemoveAttribute;
-    autocorrect?: "on" | "off" | RemoveAttribute;
-    autofocus?: BooleanAttribute | RemoveAttribute;
+    autocomplete?: HTMLAutocomplete | RemoveAttribute;
     capture?: "user" | "environment" | RemoveAttribute;
     checked?: BooleanAttribute | RemoveAttribute;
-    crossorigin?: HTMLCrossorigin | RemoveAttribute;
+    colorspace?: string | RemoveAttribute;
     dirname?: string | RemoveAttribute;
     disabled?: BooleanAttribute | RemoveAttribute;
-    enterkeyhint?:
-      | "enter"
-      | "done"
-      | "go"
-      | "next"
-      | "previous"
-      | "search"
-      | "send"
-      | RemoveAttribute;
     form?: string | RemoveAttribute;
     formaction?: string | SerializableAttributeValue | RemoveAttribute;
     formenctype?: HTMLFormEncType | RemoveAttribute;
@@ -1786,25 +1592,6 @@ export namespace JSX {
     /** @non-standard */
     incremental?: BooleanAttribute | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    crossOrigin?: HTMLCrossorigin | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formAction?: string | SerializableAttributeValue | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formEnctype?: HTMLFormEncType | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formMethod?: HTMLFormMethod | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formNoValidate?: boolean | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    formTarget?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    maxLength?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    minLength?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    readOnly?: boolean | RemoveAttribute;
     /** @deprecated */
     align?: string | RemoveAttribute;
     /** @deprecated */
@@ -1813,13 +1600,8 @@ export namespace JSX {
   interface ModHTMLAttributes<T> extends HTMLAttributes<T> {
     cite?: string | RemoveAttribute;
     datetime?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    dateTime?: string | RemoveAttribute;
   }
   interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-    /** @deprecated */
-    autofocus?: BooleanAttribute | RemoveAttribute;
     /** @deprecated */
     challenge?: string | RemoveAttribute;
     /** @deprecated */
@@ -1835,7 +1617,6 @@ export namespace JSX {
   }
   interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
     for?: string | RemoveAttribute;
-    form?: string | RemoveAttribute;
   }
   interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
     value?: number | string | RemoveAttribute;
@@ -1846,6 +1627,7 @@ export namespace JSX {
   interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     as?: HTMLLinkAs | RemoveAttribute;
     blocking?: "render" | RemoveAttribute;
+    color?: string | RemoveAttribute;
     crossorigin?: HTMLCrossorigin | RemoveAttribute;
     disabled?: BooleanAttribute | RemoveAttribute;
     fetchpriority?: "high" | "low" | "auto" | RemoveAttribute;
@@ -1860,11 +1642,6 @@ export namespace JSX {
     sizes?: string | RemoveAttribute;
     type?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    crossOrigin?: HTMLCrossorigin | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
     /** @deprecated */
     charset?: string | RemoveAttribute;
     /** @deprecated */
@@ -1875,7 +1652,7 @@ export namespace JSX {
   interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
     name?: string | RemoveAttribute;
   }
-  interface MediaHTMLAttributes<T> extends HTMLAttributes<T>, ElementEventMap<T> {
+  interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
     autoplay?: BooleanAttribute | RemoveAttribute;
     controls?: BooleanAttribute | RemoveAttribute;
     controlslist?:
@@ -1894,19 +1671,10 @@ export namespace JSX {
     onEncrypted?: EventHandlerUnion<T, MediaEncryptedEvent> | undefined;
     "on:encrypted"?: EventHandlerWithOptionsUnion<T, MediaEncryptedEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onencrypted?: EventHandlerUnion<T, MediaEncryptedEvent> | undefined;
     onWaitingForKey?: EventHandlerUnion<T, Event> | undefined;
     "on:waitingforkey"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onwaitingforkey?: EventHandlerUnion<T, Event> | undefined;
-    /** @deprecated Use lowercase attributes */
-    crossOrigin?: HTMLCrossorigin | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    mediaGroup?: string | RemoveAttribute;
     /** @deprecated */
     mediagroup?: string | RemoveAttribute;
   }
@@ -1953,9 +1721,7 @@ export namespace JSX {
     name?: string | RemoveAttribute;
     type?: string | RemoveAttribute;
     width?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    useMap?: string | RemoveAttribute;
+    wmode?: string | RemoveAttribute;
     /** @deprecated */
     align?: string | RemoveAttribute;
@@ -2030,9 +1796,9 @@ export namespace JSX {
     crossorigin?: HTMLCrossorigin | RemoveAttribute;
     defer?: BooleanAttribute | RemoveAttribute;
     fetchpriority?: "high" | "low" | "auto" | RemoveAttribute;
+    for?: string | RemoveAttribute;
     integrity?: string | RemoveAttribute;
     nomodule?: BooleanAttribute | RemoveAttribute;
-    nonce?: string | RemoveAttribute;
     referrerpolicy?: HTMLReferrerPolicy | RemoveAttribute;
     src?: string | RemoveAttribute;
     type?: "importmap" | "module" | "speculationrules" | (string & {}) | RemoveAttribute;
@@ -2040,13 +1806,6 @@ export namespace JSX {
     /** @experimental */
     attributionsrc?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    crossOrigin?: HTMLCrossorigin | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    noModule?: boolean | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    referrerPolicy?: HTMLReferrerPolicy | RemoveAttribute;
     /** @deprecated */
     charset?: string | RemoveAttribute;
     /** @deprecated */
@@ -2055,8 +1814,7 @@ export namespace JSX {
     language?: string | RemoveAttribute;
   }
   interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-    autocomplete?: string | RemoveAttribute;
-    autofocus?: BooleanAttribute | RemoveAttribute;
+    autocomplete?: HTMLAutocomplete | RemoveAttribute;
     disabled?: BooleanAttribute | RemoveAttribute;
     form?: string | RemoveAttribute;
     multiple?: BooleanAttribute | RemoveAttribute;
@@ -2080,7 +1838,6 @@ export namespace JSX {
   interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
     blocking?: "render" | RemoveAttribute;
     media?: string | RemoveAttribute;
-    nonce?: string | RemoveAttribute;
     /** @deprecated */
     scoped?: BooleanAttribute | RemoveAttribute;
@@ -2092,11 +1849,6 @@ export namespace JSX {
     headers?: string | RemoveAttribute;
     rowspan?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    colSpan?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    rowSpan?: number | string | RemoveAttribute;
     /** @deprecated */
     abbr?: string | RemoveAttribute;
     /** @deprecated */
@@ -2124,93 +1876,17 @@ export namespace JSX {
     shadowrootclonable?: BooleanAttribute | RemoveAttribute;
     shadowrootdelegatesfocus?: BooleanAttribute | RemoveAttribute;
     shadowrootmode?: "open" | "closed" | RemoveAttribute;
+    shadowrootcustomelementregistry?: BooleanAttribute | RemoveAttribute;
     /** @experimental */
     shadowrootserializable?: BooleanAttribute | RemoveAttribute;
-    /** @deprecated */
-    content?: DocumentFragment | RemoveAttribute;
   }
   interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
-    autocomplete?:
-      | "additional-name"
-      | "address-level1"
-      | "address-level2"
-      | "address-level3"
-      | "address-level4"
-      | "address-line1"
-      | "address-line2"
-      | "address-line3"
-      | "bday"
-      | "bday-day"
-      | "bday-month"
-      | "bday-year"
-      | "billing"
-      | "cc-additional-name"
-      | "cc-csc"
-      | "cc-exp"
-      | "cc-exp-month"
-      | "cc-exp-year"
-      | "cc-family-name"
-      | "cc-given-name"
-      | "cc-name"
-      | "cc-number"
-      | "cc-type"
-      | "country"
-      | "country-name"
-      | "current-password"
-      | "email"
-      | "family-name"
-      | "fax"
-      | "given-name"
-      | "home"
-      | "honorific-prefix"
-      | "honorific-suffix"
-      | "impp"
-      | "language"
-      | "mobile"
-      | "name"
-      | "new-password"
-      | "nickname"
-      | "off"
-      | "on"
-      | "organization"
-      | "organization-title"
-      | "pager"
-      | "photo"
-      | "postal-code"
-      | "sex"
-      | "shipping"
-      | "street-address"
-      | "tel"
-      | "tel-area-code"
-      | "tel-country-code"
-      | "tel-extension"
-      | "tel-local"
-      | "tel-local-prefix"
-      | "tel-local-suffix"
-      | "tel-national"
-      | "transaction-amount"
-      | "transaction-currency"
-      | "url"
-      | "username"
-      | "work"
-      | (string & {})
-      | RemoveAttribute;
-    autocorrect?: "on" | "off" | RemoveAttribute;
-    autofocus?: BooleanAttribute | RemoveAttribute;
+    autocomplete?: HTMLAutocomplete | RemoveAttribute;
     cols?: number | string | RemoveAttribute;
     dirname?: string | RemoveAttribute;
     disabled?: BooleanAttribute | RemoveAttribute;
-    enterkeyhint?:
-      | "enter"
-      | "done"
-      | "go"
-      | "next"
-      | "previous"
-      | "search"
-      | "send"
-      | RemoveAttribute;
     form?: string | RemoveAttribute;
     maxlength?: number | string | RemoveAttribute;
     minlength?: number | string | RemoveAttribute;
@@ -2221,13 +1897,6 @@ export namespace JSX {
     rows?: number | string | RemoveAttribute;
     value?: string | string[] | number | RemoveAttribute;
     wrap?: "hard" | "soft" | "off" | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    maxLength?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    minLength?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    readOnly?: boolean | RemoveAttribute;
   }
   interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
     abbr?: string | RemoveAttribute;
@@ -2236,11 +1905,6 @@ export namespace JSX {
     rowspan?: number | string | RemoveAttribute;
     scope?: "col" | "row" | "rowgroup" | "colgroup" | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    colSpan?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    rowSpan?: number | string | RemoveAttribute;
     /** @deprecated */
     align?: "left" | "center" | "right" | "justify" | "char" | RemoveAttribute;
     /** @deprecated */
@@ -2262,9 +1926,6 @@ export namespace JSX {
   }
   interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
     datetime?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    dateTime?: string | RemoveAttribute;
   }
   interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
     default?: BooleanAttribute | RemoveAttribute;
@@ -2284,8 +1945,6 @@ export namespace JSX {
     src?: string | RemoveAttribute;
     srclang?: string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    mediaGroup?: string | RemoveAttribute;
     /** @deprecated */
     mediagroup?: string | RemoveAttribute;
   }
@@ -2298,13 +1957,9 @@ export namespace JSX {
     onEnterPictureInPicture?: EventHandlerUnion<T, PictureInPictureEvent> | undefined;
     "on:enterpictureinpicture"?: EventHandlerWithOptionsUnion<T, PictureInPictureEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onenterpictureinpicture?: EventHandlerUnion<T, PictureInPictureEvent> | undefined;
     onLeavePictureInPicture?: EventHandlerUnion<T, PictureInPictureEvent> | undefined;
     "on:leavepictureinpicture"?: EventHandlerWithOptionsUnion<T, PictureInPictureEvent> | undefined;
-    /** @deprecated Use camelCase event handlers */
-    onleavepictureinpicture?: EventHandlerUnion<T, PictureInPictureEvent> | undefined;
   }
   interface WebViewHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -2324,7 +1979,6 @@ export namespace JSX {
     // does this exists?
     allowfullscreen?: BooleanAttribute | RemoveAttribute;
-    autofocus?: BooleanAttribute | RemoveAttribute;
     autosize?: BooleanAttribute | RemoveAttribute;
     /** @deprecated */
@@ -2335,7 +1989,8 @@ export namespace JSX {
     guestinstance?: string | RemoveAttribute;
   }
-  /** SVG Enumerated Attributes */
+  // SVG
   type SVGPreserveAspectRatio =
     | "none"
     | "xMinYMin"
@@ -2397,14 +2052,6 @@ export namespace JSX {
     | "defer xMaxYMax slice";
   type SVGUnits = "userSpaceOnUse" | "objectBoundingBox";
-  interface CoreSVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-    id?: string | RemoveAttribute;
-    lang?: string | RemoveAttribute;
-    tabindex?: number | string | RemoveAttribute;
-    /** @deprecated Use lowercase attributes */
-    tabIndex?: number | string | RemoveAttribute;
-  }
   interface StylableSVGAttributes {
     class?: string | ClassList | RemoveAttribute;
     style?: CSSProperties | string | RemoveAttribute;
@@ -2576,11 +2223,23 @@ export namespace JSX {
     visibility?: "visible" | "hidden" | "collapse" | "inherit" | RemoveAttribute;
   }
   interface AnimationElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ExternalResourceSVGAttributes,
-      ConditionalProcessingSVGAttributes {}
+      ConditionalProcessingSVGAttributes {
+    // TODO TimeEvent is currently undefined on TS
+    onBegin?: EventHandlerUnion<T, Event> | undefined;
+    "on:begin"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    // TODO TimeEvent is currently undefined on TS
+    onEnd?: EventHandlerUnion<T, Event> | undefined;
+    "on:end"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+    // TODO TimeEvent is currently undefined on TS
+    onRepeat?: EventHandlerUnion<T, Event> | undefined;
+    "on:repeat"?: EventHandlerWithOptionsUnion<T, Event> | undefined;
+  }
   interface ContainerElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ShapeElementSVGAttributes<T>,
       Pick<
         PresentationSVGAttributes,
@@ -2594,7 +2253,7 @@ export namespace JSX {
         | "color-rendering"
       > {}
   interface FilterPrimitiveElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       Pick<PresentationSVGAttributes, "color-interpolation-filters"> {
     height?: number | string | RemoveAttribute;
     result?: string | RemoveAttribute;
@@ -2614,7 +2273,7 @@ export namespace JSX {
     viewBox?: string | RemoveAttribute;
   }
   interface GradientElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
     gradientTransform?: string | RemoveAttribute;
@@ -2623,7 +2282,7 @@ export namespace JSX {
     spreadMethod?: "pad" | "reflect" | "repeat" | RemoveAttribute;
   }
   interface GraphicsElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       Pick<
         PresentationSVGAttributes,
         | "clip-rule"
@@ -2637,14 +2296,14 @@ export namespace JSX {
         | "color-interpolation"
         | "color-rendering"
       > {}
-  interface LightSourceElementSVGAttributes<T> extends CoreSVGAttributes<T> {}
+  interface LightSourceElementSVGAttributes<T> extends SVGAttributes<T> {}
   interface NewViewportSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       Pick<PresentationSVGAttributes, "overflow" | "clip"> {
     viewBox?: string | RemoveAttribute;
   }
   interface ShapeElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       Pick<
         PresentationSVGAttributes,
         | "color"
@@ -2663,7 +2322,7 @@ export namespace JSX {
         | "pathLength"
       > {}
   interface TextContentElementSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       Pick<
         PresentationSVGAttributes,
         | "font-family"
@@ -2740,7 +2399,7 @@ export namespace JSX {
     r?: number | string | RemoveAttribute;
   }
   interface ClipPathSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ConditionalProcessingSVGAttributes,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes,
@@ -2754,7 +2413,7 @@ export namespace JSX {
       ExternalResourceSVGAttributes,
       StylableSVGAttributes,
       TransformableSVGAttributes {}
-  interface DescSVGAttributes<T> extends CoreSVGAttributes<T>, StylableSVGAttributes {}
+  interface DescSVGAttributes<T> extends SVGAttributes<T>, StylableSVGAttributes {}
   interface EllipseSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
       ShapeElementSVGAttributes<T>,
@@ -2831,7 +2490,7 @@ export namespace JSX {
     elevation?: number | string | RemoveAttribute;
   }
   interface FeDropShadowSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {
@@ -2843,7 +2502,7 @@ export namespace JSX {
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {}
-  interface FeFuncSVGAttributes<T> extends CoreSVGAttributes<T> {
+  interface FeFuncSVGAttributes<T> extends SVGAttributes<T> {
     amplitude?: number | string | RemoveAttribute;
     exponent?: number | string | RemoveAttribute;
     intercept?: number | string | RemoveAttribute;
@@ -2868,9 +2527,7 @@ export namespace JSX {
   interface FeMergeSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes {}
-  interface FeMergeNodeSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
-      SingleInputFilterSVGAttributes {}
+  interface FeMergeNodeSVGAttributes<T> extends SVGAttributes<T>, SingleInputFilterSVGAttributes {}
   interface FeMorphologySVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
@@ -2924,7 +2581,7 @@ export namespace JSX {
     type?: "fractalNoise" | "turbulence" | RemoveAttribute;
   }
   interface FilterSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
     filterRes?: number | string | RemoveAttribute;
@@ -3013,8 +2670,8 @@ export namespace JSX {
     x?: number | string | RemoveAttribute;
     y?: number | string | RemoveAttribute;
   }
-  interface MetadataSVGAttributes<T> extends CoreSVGAttributes<T> {}
-  interface MPathSVGAttributes<T> extends CoreSVGAttributes<T> {}
+  interface MetadataSVGAttributes<T> extends SVGAttributes<T> {}
+  interface MPathSVGAttributes<T> extends SVGAttributes<T> {}
   interface PathSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
       ShapeElementSVGAttributes<T>,
@@ -3085,11 +2742,11 @@ export namespace JSX {
     y?: number | string | RemoveAttribute;
   }
   interface SetSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends AnimationElementSVGAttributes<T>,
       StylableSVGAttributes,
       AnimationTimingSVGAttributes {}
   interface StopSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "stop-color" | "stop-opacity"> {
     offset?: number | string | RemoveAttribute;
@@ -3103,15 +2760,13 @@ export namespace JSX {
       FitToViewBoxSVGAttributes,
       ZoomAndPanSVGAttributes,
       PresentationSVGAttributes,
-      WindowEventMap<T>,
-      ElementEventMap<T> {
+      EventHandlersWindow<T> {
     "xmlns:xlink"?: string | RemoveAttribute;
     contentScriptType?: string | RemoveAttribute;
     contentStyleType?: string | RemoveAttribute;
     height?: number | string | RemoveAttribute;
     width?: number | string | RemoveAttribute;
     x?: number | string | RemoveAttribute;
-    xmlns?: string | RemoveAttribute;
     y?: number | string | RemoveAttribute;
     /** @deprecated */
@@ -3191,7 +2846,7 @@ export namespace JSX {
   }
   /** @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use */
   interface UseSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       StylableSVGAttributes,
       ConditionalProcessingSVGAttributes,
       GraphicsElementSVGAttributes<T>,
@@ -3205,28 +2860,14 @@ export namespace JSX {
     y?: number | string | RemoveAttribute;
   }
   interface ViewSVGAttributes<T>
-    extends CoreSVGAttributes<T>,
+    extends SVGAttributes<T>,
       ExternalResourceSVGAttributes,
       FitToViewBoxSVGAttributes,
       ZoomAndPanSVGAttributes {
     viewTarget?: string | RemoveAttribute;
   }
-  interface MathMLAttributes<T> extends HTMLAttributes<T> {
-    xmlns?: string | RemoveAttribute;
-    displaystyle?: BooleanAttribute | RemoveAttribute;
-    /** @deprecated */
-    href?: string | RemoveAttribute;
-    /** @deprecated */
-    mathbackground?: string | RemoveAttribute;
-    /** @deprecated */
-    mathcolor?: string | RemoveAttribute;
-    /** @deprecated */
-    mathsize?: string | RemoveAttribute;
-    nonce?: string | RemoveAttribute;
-    scriptlevel?: string | RemoveAttribute;
-  }
+  // MATH
   interface MathMLAnnotationElementAttributes<T> extends MathMLAttributes<T> {
     encoding?: string | RemoveAttribute;
@@ -3433,8 +3074,6 @@ export namespace JSX {
   }
   interface MathMLSemanticsElementAttributes<T> extends MathMLAttributes<T> {}
-  /* MathMLDeprecatedElements */
   interface MathMLMencloseElementAttributes<T> extends MathMLAttributes<T> {
     /** @non-standard */
     notation?: string | RemoveAttribute;
@@ -3445,6 +3084,8 @@ export namespace JSX {
     separators?: string | RemoveAttribute;
   }
+  // TAGS
   /** @type {HTMLElementTagNameMap} */
   interface HTMLElementTags {
     /**
@@ -3501,7 +3142,7 @@ export namespace JSX {
      * @url https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
      * @url https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
      */
-    bdo: HTMLAttributes<HTMLElement>;
+    bdo: BdoHTMLAttributes<HTMLElement>;
     /**
      * @url https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote
      * @url https://developer.mozilla.org/en-US/docs/Web/API/HTMLQuoteElement
@@ -4030,11 +3671,6 @@ export namespace JSX {
      * @url https://developer.mozilla.org/en-US/docs/Web/API/HTMLUnknownElement
      */
     menuitem: HTMLAttributes<HTMLUnknownElement>;
-    /**
-     * @deprecated
-     * @url https://developer.mozilla.org/en-US/docs/Web/API/HTMLUnknownElement
-     */
-    noindex: HTMLAttributes<HTMLUnknownElement>;
     /**
      * @deprecated
      * @url https://developer.mozilla.org/en-US/docs/Web/HTML/Element/param