solid-js 1.8.19 → 1.8.21

package/types/jsx.d.ts

@@ -125,14 +125,14 @@ export namespace JSX {
   }
 
   interface IntrinsicAttributes {
-    ref?: unknown | ((e: unknown) => void);
+    ref?: unknown | ((e: unknown) => void) | undefined;
   }
   interface CustomAttributes<T> {
-    ref?: T | ((el: T) => void);
+    ref?: T | ((el: T) => void) | undefined;
     classList?: {
       [k: string]: boolean | undefined;
     };
-    $ServerOnly?: boolean;
+    $ServerOnly?: boolean | undefined;
   }
   type Accessor<T> = () => T;
   interface Directives {}
@@ -187,207 +187,209 @@ export namespace JSX {
       OnCaptureAttributes<T>,
       CustomEventHandlersCamelCase<T>,
       CustomEventHandlersLowerCase<T> {
-    children?: Element;
-    innerHTML?: string;
-    innerText?: string | number;
-    textContent?: string | number;
+    children?: Element | undefined;
+    innerHTML?: string | undefined;
+    innerText?: string | number | undefined;
+    textContent?: string | number | undefined;
     // camel case events
-    onCopy?: EventHandlerUnion<T, ClipboardEvent>;
-    onCut?: EventHandlerUnion<T, ClipboardEvent>;
-    onPaste?: EventHandlerUnion<T, ClipboardEvent>;
-    onCompositionEnd?: EventHandlerUnion<T, CompositionEvent>;
-    onCompositionStart?: EventHandlerUnion<T, CompositionEvent>;
-    onCompositionUpdate?: EventHandlerUnion<T, CompositionEvent>;
-    onFocusOut?: FocusEventHandlerUnion<T, FocusEvent>;
-    onFocusIn?: FocusEventHandlerUnion<T, FocusEvent>;
-    onEncrypted?: EventHandlerUnion<T, Event>;
-    onDragExit?: EventHandlerUnion<T, DragEvent>;
+    onCopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onCut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onPaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onCompositionEnd?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onCompositionStart?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onCompositionUpdate?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onFocusOut?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onFocusIn?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onEncrypted?: EventHandlerUnion<T, Event> | undefined;
+    onDragExit?: EventHandlerUnion<T, DragEvent> | undefined;
     // lower case events
-    oncopy?: EventHandlerUnion<T, ClipboardEvent>;
-    oncut?: EventHandlerUnion<T, ClipboardEvent>;
-    onpaste?: EventHandlerUnion<T, ClipboardEvent>;
-    oncompositionend?: EventHandlerUnion<T, CompositionEvent>;
-    oncompositionstart?: EventHandlerUnion<T, CompositionEvent>;
-    oncompositionupdate?: EventHandlerUnion<T, CompositionEvent>;
-    onfocusout?: FocusEventHandlerUnion<T, FocusEvent>;
-    onfocusin?: FocusEventHandlerUnion<T, FocusEvent>;
-    onencrypted?: EventHandlerUnion<T, Event>;
-    ondragexit?: EventHandlerUnion<T, DragEvent>;
+    oncopy?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    oncut?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    onpaste?: EventHandlerUnion<T, ClipboardEvent> | undefined;
+    oncompositionend?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    oncompositionstart?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    oncompositionupdate?: EventHandlerUnion<T, CompositionEvent> | undefined;
+    onfocusout?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onfocusin?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onencrypted?: EventHandlerUnion<T, Event> | undefined;
+    ondragexit?: EventHandlerUnion<T, DragEvent> | undefined;
   }
   interface CustomEventHandlersCamelCase<T> {
-    onAbort?: EventHandlerUnion<T, Event>;
-    onAnimationEnd?: EventHandlerUnion<T, AnimationEvent>;
-    onAnimationIteration?: EventHandlerUnion<T, AnimationEvent>;
-    onAnimationStart?: EventHandlerUnion<T, AnimationEvent>;
-    onAuxClick?: EventHandlerUnion<T, MouseEvent>;
-    onBeforeInput?: InputEventHandlerUnion<T, InputEvent>;
-    onBeforeToggle?: EventHandlerUnion<T, ToggleEvent>;
-    onBlur?: FocusEventHandlerUnion<T, FocusEvent>;
-    onCanPlay?: EventHandlerUnion<T, Event>;
-    onCanPlayThrough?: EventHandlerUnion<T, Event>;
-    onChange?: ChangeEventHandlerUnion<T, Event>;
-    onClick?: EventHandlerUnion<T, MouseEvent>;
-    onContextMenu?: EventHandlerUnion<T, MouseEvent>;
-    onDblClick?: EventHandlerUnion<T, MouseEvent>;
-    onDrag?: EventHandlerUnion<T, DragEvent>;
-    onDragEnd?: EventHandlerUnion<T, DragEvent>;
-    onDragEnter?: EventHandlerUnion<T, DragEvent>;
-    onDragLeave?: EventHandlerUnion<T, DragEvent>;
-    onDragOver?: EventHandlerUnion<T, DragEvent>;
-    onDragStart?: EventHandlerUnion<T, DragEvent>;
-    onDrop?: EventHandlerUnion<T, DragEvent>;
-    onDurationChange?: EventHandlerUnion<T, Event>;
-    onEmptied?: EventHandlerUnion<T, Event>;
-    onEnded?: EventHandlerUnion<T, Event>;
-    onError?: EventHandlerUnion<T, Event>;
-    onFocus?: FocusEventHandlerUnion<T, FocusEvent>;
-    onGotPointerCapture?: EventHandlerUnion<T, PointerEvent>;
-    onInput?: InputEventHandlerUnion<T, InputEvent>;
-    onInvalid?: EventHandlerUnion<T, Event>;
-    onKeyDown?: EventHandlerUnion<T, KeyboardEvent>;
-    onKeyPress?: EventHandlerUnion<T, KeyboardEvent>;
-    onKeyUp?: EventHandlerUnion<T, KeyboardEvent>;
-    onLoad?: EventHandlerUnion<T, Event>;
-    onLoadedData?: EventHandlerUnion<T, Event>;
-    onLoadedMetadata?: EventHandlerUnion<T, Event>;
-    onLoadStart?: EventHandlerUnion<T, Event>;
-    onLostPointerCapture?: EventHandlerUnion<T, PointerEvent>;
-    onMouseDown?: EventHandlerUnion<T, MouseEvent>;
-    onMouseEnter?: EventHandlerUnion<T, MouseEvent>;
-    onMouseLeave?: EventHandlerUnion<T, MouseEvent>;
-    onMouseMove?: EventHandlerUnion<T, MouseEvent>;
-    onMouseOut?: EventHandlerUnion<T, MouseEvent>;
-    onMouseOver?: EventHandlerUnion<T, MouseEvent>;
-    onMouseUp?: EventHandlerUnion<T, MouseEvent>;
-    onPause?: EventHandlerUnion<T, Event>;
-    onPlay?: EventHandlerUnion<T, Event>;
-    onPlaying?: EventHandlerUnion<T, Event>;
-    onPointerCancel?: EventHandlerUnion<T, PointerEvent>;
-    onPointerDown?: EventHandlerUnion<T, PointerEvent>;
-    onPointerEnter?: EventHandlerUnion<T, PointerEvent>;
-    onPointerLeave?: EventHandlerUnion<T, PointerEvent>;
-    onPointerMove?: EventHandlerUnion<T, PointerEvent>;
-    onPointerOut?: EventHandlerUnion<T, PointerEvent>;
-    onPointerOver?: EventHandlerUnion<T, PointerEvent>;
-    onPointerUp?: EventHandlerUnion<T, PointerEvent>;
-    onProgress?: EventHandlerUnion<T, Event>;
-    onRateChange?: EventHandlerUnion<T, Event>;
-    onReset?: EventHandlerUnion<T, Event>;
-    onScroll?: EventHandlerUnion<T, Event>;
-    onScrollEnd?: EventHandlerUnion<T, Event>;
-    onSeeked?: EventHandlerUnion<T, Event>;
-    onSeeking?: EventHandlerUnion<T, Event>;
-    onSelect?: EventHandlerUnion<T, UIEvent>;
-    onStalled?: EventHandlerUnion<T, Event>;
-    onSubmit?: EventHandlerUnion<
-      T,
-      Event & {
-        submitter: HTMLElement;
-      }
-    >;
-    onSuspend?: EventHandlerUnion<T, Event>;
-    onTimeUpdate?: EventHandlerUnion<T, Event>;
-    onToggle?: EventHandlerUnion<T, ToggleEvent>;
-    onTouchCancel?: EventHandlerUnion<T, TouchEvent>;
-    onTouchEnd?: EventHandlerUnion<T, TouchEvent>;
-    onTouchMove?: EventHandlerUnion<T, TouchEvent>;
-    onTouchStart?: EventHandlerUnion<T, TouchEvent>;
-    onTransitionStart?: EventHandlerUnion<T, TransitionEvent>;
-    onTransitionEnd?: EventHandlerUnion<T, TransitionEvent>;
-    onTransitionRun?: EventHandlerUnion<T, TransitionEvent>;
-    onTransitionCancel?: EventHandlerUnion<T, TransitionEvent>;
-    onVolumeChange?: EventHandlerUnion<T, Event>;
-    onWaiting?: EventHandlerUnion<T, Event>;
-    onWheel?: EventHandlerUnion<T, WheelEvent>;
+    onAbort?: EventHandlerUnion<T, Event> | undefined;
+    onAnimationEnd?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAnimationIteration?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAnimationStart?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onAuxClick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onBeforeInput?: InputEventHandlerUnion<T, InputEvent> | undefined;
+    onBeforeToggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
+    onBlur?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    onCanPlay?: EventHandlerUnion<T, Event> | undefined;
+    onCanPlayThrough?: EventHandlerUnion<T, Event> | undefined;
+    onChange?: ChangeEventHandlerUnion<T, Event> | undefined;
+    onClick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onContextMenu?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onDblClick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onDrag?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragEnd?: EventHandlerUnion<T, DragEvent> | undefined;
+    onDragEnter?: 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, Event> | undefined;
+    onFocus?: 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;
+    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, Event> | undefined;
+    onRateChange?: EventHandlerUnion<T, Event> | undefined;
+    onReset?: EventHandlerUnion<T, Event> | undefined;
+    onScroll?: EventHandlerUnion<T, Event> | undefined;
+    onScrollEnd?: EventHandlerUnion<T, Event> | undefined;
+    onSeeked?: EventHandlerUnion<T, Event> | undefined;
+    onSeeking?: EventHandlerUnion<T, Event> | undefined;
+    onSelect?: EventHandlerUnion<T, UIEvent> | undefined;
+    onStalled?: EventHandlerUnion<T, Event> | undefined;
+    onSubmit?:
+      | EventHandlerUnion<
+          T,
+          Event & {
+            submitter: HTMLElement;
+          }
+        >
+      | 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;
+    onTransitionStart?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionEnd?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionRun?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onTransitionCancel?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onVolumeChange?: EventHandlerUnion<T, Event> | undefined;
+    onWaiting?: EventHandlerUnion<T, Event> | undefined;
+    onWheel?: EventHandlerUnion<T, WheelEvent> | undefined;
   }
   /**
    * @type {GlobalEventHandlers}
    */
   interface CustomEventHandlersLowerCase<T> {
-    onabort?: EventHandlerUnion<T, Event>;
-    onanimationend?: EventHandlerUnion<T, AnimationEvent>;
-    onanimationiteration?: EventHandlerUnion<T, AnimationEvent>;
-    onanimationstart?: EventHandlerUnion<T, AnimationEvent>;
-    onauxclick?: EventHandlerUnion<T, MouseEvent>;
-    onbeforeinput?: InputEventHandlerUnion<T, InputEvent>;
-    onbeforetoggle?: EventHandlerUnion<T, ToggleEvent>;
-    onblur?: FocusEventHandlerUnion<T, FocusEvent>;
-    oncanplay?: EventHandlerUnion<T, Event>;
-    oncanplaythrough?: EventHandlerUnion<T, Event>;
-    onchange?: ChangeEventHandlerUnion<T, Event>;
-    onclick?: EventHandlerUnion<T, MouseEvent>;
-    oncontextmenu?: EventHandlerUnion<T, MouseEvent>;
-    ondblclick?: EventHandlerUnion<T, MouseEvent>;
-    ondrag?: EventHandlerUnion<T, DragEvent>;
-    ondragend?: EventHandlerUnion<T, DragEvent>;
-    ondragenter?: EventHandlerUnion<T, DragEvent>;
-    ondragleave?: EventHandlerUnion<T, DragEvent>;
-    ondragover?: EventHandlerUnion<T, DragEvent>;
-    ondragstart?: EventHandlerUnion<T, DragEvent>;
-    ondrop?: EventHandlerUnion<T, DragEvent>;
-    ondurationchange?: EventHandlerUnion<T, Event>;
-    onemptied?: EventHandlerUnion<T, Event>;
-    onended?: EventHandlerUnion<T, Event>;
-    onerror?: EventHandlerUnion<T, Event>;
-    onfocus?: FocusEventHandlerUnion<T, FocusEvent>;
-    ongotpointercapture?: EventHandlerUnion<T, PointerEvent>;
-    oninput?: InputEventHandlerUnion<T, InputEvent>;
-    oninvalid?: EventHandlerUnion<T, Event>;
-    onkeydown?: EventHandlerUnion<T, KeyboardEvent>;
-    onkeypress?: EventHandlerUnion<T, KeyboardEvent>;
-    onkeyup?: EventHandlerUnion<T, KeyboardEvent>;
-    onload?: EventHandlerUnion<T, Event>;
-    onloadeddata?: EventHandlerUnion<T, Event>;
-    onloadedmetadata?: EventHandlerUnion<T, Event>;
-    onloadstart?: EventHandlerUnion<T, Event>;
-    onlostpointercapture?: EventHandlerUnion<T, PointerEvent>;
-    onmousedown?: EventHandlerUnion<T, MouseEvent>;
-    onmouseenter?: EventHandlerUnion<T, MouseEvent>;
-    onmouseleave?: EventHandlerUnion<T, MouseEvent>;
-    onmousemove?: EventHandlerUnion<T, MouseEvent>;
-    onmouseout?: EventHandlerUnion<T, MouseEvent>;
-    onmouseover?: EventHandlerUnion<T, MouseEvent>;
-    onmouseup?: EventHandlerUnion<T, MouseEvent>;
-    onpause?: EventHandlerUnion<T, Event>;
-    onplay?: EventHandlerUnion<T, Event>;
-    onplaying?: EventHandlerUnion<T, Event>;
-    onpointercancel?: EventHandlerUnion<T, PointerEvent>;
-    onpointerdown?: EventHandlerUnion<T, PointerEvent>;
-    onpointerenter?: EventHandlerUnion<T, PointerEvent>;
-    onpointerleave?: EventHandlerUnion<T, PointerEvent>;
-    onpointermove?: EventHandlerUnion<T, PointerEvent>;
-    onpointerout?: EventHandlerUnion<T, PointerEvent>;
-    onpointerover?: EventHandlerUnion<T, PointerEvent>;
-    onpointerup?: EventHandlerUnion<T, PointerEvent>;
-    onprogress?: EventHandlerUnion<T, Event>;
-    onratechange?: EventHandlerUnion<T, Event>;
-    onreset?: EventHandlerUnion<T, Event>;
-    onscroll?: EventHandlerUnion<T, Event>;
-    onscrollend?: EventHandlerUnion<T, Event>;
-    onseeked?: EventHandlerUnion<T, Event>;
-    onseeking?: EventHandlerUnion<T, Event>;
-    onselect?: EventHandlerUnion<T, UIEvent>;
-    onstalled?: EventHandlerUnion<T, Event>;
+    onabort?: EventHandlerUnion<T, Event> | undefined;
+    onanimationend?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onanimationiteration?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onanimationstart?: EventHandlerUnion<T, AnimationEvent> | undefined;
+    onauxclick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    onbeforeinput?: InputEventHandlerUnion<T, InputEvent> | undefined;
+    onbeforetoggle?: EventHandlerUnion<T, ToggleEvent> | undefined;
+    onblur?: FocusEventHandlerUnion<T, FocusEvent> | undefined;
+    oncanplay?: EventHandlerUnion<T, Event> | undefined;
+    oncanplaythrough?: EventHandlerUnion<T, Event> | undefined;
+    onchange?: ChangeEventHandlerUnion<T, Event> | undefined;
+    onclick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    oncontextmenu?: EventHandlerUnion<T, MouseEvent> | undefined;
+    ondblclick?: EventHandlerUnion<T, MouseEvent> | undefined;
+    ondrag?: EventHandlerUnion<T, DragEvent> | undefined;
+    ondragend?: EventHandlerUnion<T, DragEvent> | undefined;
+    ondragenter?: 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, Event> | undefined;
+    onfocus?: 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;
+    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, Event> | undefined;
+    onratechange?: EventHandlerUnion<T, Event> | undefined;
+    onreset?: EventHandlerUnion<T, Event> | undefined;
+    onscroll?: EventHandlerUnion<T, Event> | undefined;
+    onscrollend?: EventHandlerUnion<T, Event> | undefined;
+    onseeked?: EventHandlerUnion<T, Event> | undefined;
+    onseeking?: EventHandlerUnion<T, Event> | undefined;
+    onselect?: EventHandlerUnion<T, UIEvent> | undefined;
+    onstalled?: EventHandlerUnion<T, Event> | undefined;
     onsubmit?: EventHandlerUnion<
       T,
       Event & {
         submitter: HTMLElement;
       }
     >;
-    onsuspend?: EventHandlerUnion<T, Event>;
-    ontimeupdate?: EventHandlerUnion<T, Event>;
-    ontoggle?: EventHandlerUnion<T, ToggleEvent>;
-    ontouchcancel?: EventHandlerUnion<T, TouchEvent>;
-    ontouchend?: EventHandlerUnion<T, TouchEvent>;
-    ontouchmove?: EventHandlerUnion<T, TouchEvent>;
-    ontouchstart?: EventHandlerUnion<T, TouchEvent>;
-    ontransitionstart?: EventHandlerUnion<T, TransitionEvent>;
-    ontransitionend?: EventHandlerUnion<T, TransitionEvent>;
-    ontransitionrun?: EventHandlerUnion<T, TransitionEvent>;
-    ontransitioncancel?: EventHandlerUnion<T, TransitionEvent>;
-    onvolumechange?: EventHandlerUnion<T, Event>;
-    onwaiting?: EventHandlerUnion<T, Event>;
-    onwheel?: EventHandlerUnion<T, WheelEvent>;
+    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;
+    ontransitionstart?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    ontransitionend?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    ontransitionrun?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    ontransitioncancel?: EventHandlerUnion<T, TransitionEvent> | undefined;
+    onvolumechange?: EventHandlerUnion<T, Event> | undefined;
+    onwaiting?: EventHandlerUnion<T, Event> | undefined;
+    onwheel?: EventHandlerUnion<T, WheelEvent> | undefined;
   }
 
   interface CSSProperties extends csstype.PropertiesHyphen {
@@ -442,142 +444,160 @@ export namespace JSX {
   // All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/
   interface AriaAttributes {
     /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
-    "aria-activedescendant"?: string;
+    "aria-activedescendant"?: string | undefined;
     /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
-    "aria-atomic"?: boolean | "false" | "true";
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
     /**
      * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
      * presented if they are made.
      */
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both";
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
-    "aria-busy"?: boolean | "false" | "true";
+    "aria-busy"?: boolean | "false" | "true" | undefined;
     /**
      * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
      * @see aria-pressed @see aria-selected.
      */
-    "aria-checked"?: boolean | "false" | "mixed" | "true";
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     /**
      * Defines the total number of columns in a table, grid, or treegrid.
      * @see aria-colindex.
      */
-    "aria-colcount"?: number | string;
+    "aria-colcount"?: number | string | undefined;
     /**
      * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
      * @see aria-colcount @see aria-colspan.
      */
-    "aria-colindex"?: number | string;
+    "aria-colindex"?: number | string | undefined;
     /**
      * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-colindex @see aria-rowspan.
      */
-    "aria-colspan"?: number | string;
+    "aria-colspan"?: number | string | undefined;
     /**
      * Identifies the element (or elements) whose contents or presence are controlled by the current element.
      * @see aria-owns.
      */
-    "aria-controls"?: string;
+    "aria-controls"?: string | undefined;
     /** Indicates the element that represents the current item within a container or set of related elements. */
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time";
+    "aria-current"?:
+      | boolean
+      | "false"
+      | "true"
+      | "page"
+      | "step"
+      | "location"
+      | "date"
+      | "time"
+      | undefined;
     /**
      * Identifies the element (or elements) that describes the object.
      * @see aria-labelledby
      */
-    "aria-describedby"?: string;
+    "aria-describedby"?: string | undefined;
     /**
      * Identifies the element that provides a detailed, extended description for the object.
      * @see aria-describedby.
      */
-    "aria-details"?: string;
+    "aria-details"?: string | undefined;
     /**
      * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
      * @see aria-hidden @see aria-readonly.
      */
-    "aria-disabled"?: boolean | "false" | "true";
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
     /**
      * Indicates what functions can be performed when a dragged object is released on the drop target.
      * @deprecated in ARIA 1.1
      */
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup";
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     /**
      * Identifies the element that provides an error message for the object.
      * @see aria-invalid @see aria-describedby.
      */
-    "aria-errormessage"?: string;
+    "aria-errormessage"?: string | undefined;
     /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
-    "aria-expanded"?: boolean | "false" | "true";
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
     /**
      * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
      * allows assistive technology to override the general default of reading in document source order.
      */
-    "aria-flowto"?: string;
+    "aria-flowto"?: string | undefined;
     /**
      * Indicates an element's "grabbed" state in a drag-and-drop operation.
      * @deprecated in ARIA 1.1
      */
-    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
     /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
+    "aria-haspopup"?:
+      | boolean
+      | "false"
+      | "true"
+      | "menu"
+      | "listbox"
+      | "tree"
+      | "grid"
+      | "dialog"
+      | undefined;
     /**
      * Indicates whether the element is exposed to an accessibility API.
      * @see aria-disabled.
      */
-    "aria-hidden"?: boolean | "false" | "true";
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
     /**
      * Indicates the entered value does not conform to the format expected by the application.
      * @see aria-errormessage.
      */
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
-    "aria-keyshortcuts"?: string;
+    "aria-keyshortcuts"?: string | undefined;
     /**
      * Defines a string value that labels the current element.
      * @see aria-labelledby.
      */
-    "aria-label"?: string;
+    "aria-label"?: string | undefined;
     /**
      * Identifies the element (or elements) that labels the current element.
      * @see aria-describedby.
      */
-    "aria-labelledby"?: string;
+    "aria-labelledby"?: string | undefined;
     /** Defines the hierarchical level of an element within a structure. */
-    "aria-level"?: number | string;
+    "aria-level"?: number | string | undefined;
     /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
-    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
     /** Indicates whether an element is modal when displayed. */
-    "aria-modal"?: boolean | "false" | "true";
+    "aria-modal"?: boolean | "false" | "true" | undefined;
     /** Indicates whether a text box accepts multiple lines of input or only a single line. */
-    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
     /** Indicates that the user may select more than one item from the current selectable descendants. */
-    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
     /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
-    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
     /**
      * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
      * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
      * @see aria-controls.
      */
-    "aria-owns"?: string;
+    "aria-owns"?: string | undefined;
     /**
      * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
      * A hint could be a sample value or a brief description of the expected format.
      */
-    "aria-placeholder"?: string;
+    "aria-placeholder"?: string | undefined;
     /**
      * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
      * @see aria-setsize.
      */
-    "aria-posinset"?: number | string;
+    "aria-posinset"?: number | string | undefined;
     /**
      * Indicates the current "pressed" state of toggle buttons.
      * @see aria-checked @see aria-selected.
      */
-    "aria-pressed"?: boolean | "false" | "mixed" | "true";
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     /**
      * Indicates that the element is not editable, but is otherwise operable.
      * @see aria-disabled.
      */
-    "aria-readonly"?: boolean | "false" | "true";
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
     /**
      * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
      * @see aria-atomic.
@@ -594,47 +614,47 @@ export namespace JSX {
       | "text additions"
       | "text removals";
     /** Indicates that user input is required on the element before a form may be submitted. */
-    "aria-required"?: boolean | "false" | "true";
+    "aria-required"?: boolean | "false" | "true" | undefined;
     /** Defines a human-readable, author-localized description for the role of an element. */
-    "aria-roledescription"?: string;
+    "aria-roledescription"?: string | undefined;
     /**
      * Defines the total number of rows in a table, grid, or treegrid.
      * @see aria-rowindex.
      */
-    "aria-rowcount"?: number | string;
+    "aria-rowcount"?: number | string | undefined;
     /**
      * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
      * @see aria-rowcount @see aria-rowspan.
      */
-    "aria-rowindex"?: number | string;
+    "aria-rowindex"?: number | string | undefined;
     /**
      * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
      * @see aria-rowindex @see aria-colspan.
      */
-    "aria-rowspan"?: number | string;
+    "aria-rowspan"?: number | string | undefined;
     /**
      * Indicates the current "selected" state of various widgets.
      * @see aria-checked @see aria-pressed.
      */
-    "aria-selected"?: boolean | "false" | "true";
+    "aria-selected"?: boolean | "false" | "true" | undefined;
     /**
      * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
      * @see aria-posinset.
      */
-    "aria-setsize"?: number | string;
+    "aria-setsize"?: number | string | undefined;
     /** Indicates if items in a table or grid are sorted in ascending or descending order. */
-    "aria-sort"?: "none" | "ascending" | "descending" | "other";
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     /** Defines the maximum allowed value for a range widget. */
-    "aria-valuemax"?: number | string;
+    "aria-valuemax"?: number | string | undefined;
     /** Defines the minimum allowed value for a range widget. */
-    "aria-valuemin"?: number | string;
+    "aria-valuemin"?: number | string | undefined;
     /**
      * Defines the current value for a range widget.
      * @see aria-valuetext.
      */
-    "aria-valuenow"?: number | string;
+    "aria-valuenow"?: number | string | undefined;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
-    "aria-valuetext"?: string;
+    "aria-valuetext"?: string | undefined;
     role?:
       | "alert"
       | "alertdialog"
@@ -718,447 +738,465 @@ export namespace JSX {
 
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
     // [key: ClassKeys]: boolean;
-    accessKey?: string;
+    accessKey?: string | undefined;
     class?: string | undefined;
-    contenteditable?: boolean | "plaintext-only" | "inherit";
-    contextmenu?: string;
-    dir?: HTMLDir;
-    draggable?: boolean | "false" | "true";
-    hidden?: boolean | "hidden" | "until-found";
-    id?: string;
-    inert?: boolean;
-    lang?: string;
-    spellcheck?: boolean;
-    style?: CSSProperties | string;
-    tabindex?: number | string;
-    title?: string;
-    translate?: "yes" | "no";
-    about?: string;
-    datatype?: string;
-    inlist?: any;
-    popover?: boolean | "manual" | "auto";
-    prefix?: string;
-    property?: string;
-    resource?: string;
-    typeof?: string;
-    vocab?: string;
-    autocapitalize?: HTMLAutocapitalize;
-    slot?: string;
-    color?: string;
-    itemprop?: string;
-    itemscope?: boolean;
-    itemtype?: string;
-    itemid?: string;
-    itemref?: string;
-    part?: string;
-    exportparts?: string;
-    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-    contentEditable?: boolean | "plaintext-only" | "inherit";
-    contextMenu?: string;
-    tabIndex?: number | string;
-    autoCapitalize?: HTMLAutocapitalize;
-    itemProp?: string;
-    itemScope?: boolean;
-    itemType?: string;
-    itemId?: string;
-    itemRef?: string;
-    exportParts?: string;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    contenteditable?: boolean | "plaintext-only" | "inherit" | undefined;
+    contextmenu?: string | undefined;
+    dir?: HTMLDir | undefined;
+    draggable?: boolean | "false" | "true" | undefined;
+    hidden?: boolean | "hidden" | "until-found" | undefined;
+    id?: string | undefined;
+    inert?: boolean | undefined;
+    lang?: string | undefined;
+    spellcheck?: boolean | undefined;
+    style?: CSSProperties | string | undefined;
+    tabindex?: number | string | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any | undefined;
+    popover?: boolean | "manual" | "auto" | undefined;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: HTMLAutocapitalize | undefined;
+    slot?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: boolean | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    part?: string | undefined;
+    exportparts?: string | undefined;
+    inputmode?:
+      | "none"
+      | "text"
+      | "tel"
+      | "url"
+      | "email"
+      | "numeric"
+      | "decimal"
+      | "search"
+      | undefined;
+    contentEditable?: boolean | "plaintext-only" | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    tabIndex?: number | string | undefined;
+    autoCapitalize?: HTMLAutocapitalize | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemId?: string | undefined;
+    itemRef?: string | undefined;
+    exportParts?: string | undefined;
+    inputMode?:
+      | "none"
+      | "text"
+      | "tel"
+      | "url"
+      | "email"
+      | "numeric"
+      | "decimal"
+      | "search"
+      | undefined;
   }
   interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
-    download?: any;
-    href?: string;
-    hreflang?: string;
-    media?: string;
-    ping?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    rel?: string;
-    target?: string;
-    type?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
+    download?: any | undefined;
+    href?: string | undefined;
+    hreflang?: string | undefined;
+    media?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    rel?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
   }
   interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
   interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
-    alt?: string;
-    coords?: string;
-    download?: any;
-    href?: string;
-    hreflang?: string;
-    ping?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    rel?: string;
-    shape?: "rect" | "circle" | "poly" | "default";
-    target?: string;
-    referrerPolicy?: HTMLReferrerPolicy;
+    alt?: string | undefined;
+    coords?: string | undefined;
+    download?: any | undefined;
+    href?: string | undefined;
+    hreflang?: string | undefined;
+    ping?: string | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    rel?: string | undefined;
+    shape?: "rect" | "circle" | "poly" | "default" | undefined;
+    target?: string | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
   }
   interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
-    href?: string;
-    target?: string;
+    href?: string | undefined;
+    target?: string | undefined;
   }
   interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
-    cite?: string;
+    cite?: string | undefined;
   }
   interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-    autofocus?: boolean;
-    disabled?: boolean;
-    form?: string;
-    formaction?: string | SerializableAttributeValue;
-    formenctype?: HTMLFormEncType;
-    formmethod?: HTMLFormMethod;
-    formnovalidate?: boolean;
-    formtarget?: string;
-    popovertarget?: string;
-    popovertargetaction?: "hide" | "show" | "toggle";
-    name?: string;
-    type?: "submit" | "reset" | "button";
-    value?: string;
-    formAction?: string | SerializableAttributeValue;
-    formEnctype?: HTMLFormEncType;
-    formMethod?: HTMLFormMethod;
-    formNoValidate?: boolean;
-    formTarget?: string;
-    popoverTarget?: string;
-    popoverTargetAction?: "hide" | "show" | "toggle";
+    autofocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    formaction?: string | SerializableAttributeValue | undefined;
+    formenctype?: HTMLFormEncType | undefined;
+    formmethod?: HTMLFormMethod | undefined;
+    formnovalidate?: boolean | undefined;
+    formtarget?: string | undefined;
+    popovertarget?: string | undefined;
+    popovertargetaction?: "hide" | "show" | "toggle" | undefined;
+    name?: string | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    value?: string | undefined;
+    formAction?: string | SerializableAttributeValue | undefined;
+    formEnctype?: HTMLFormEncType | undefined;
+    formMethod?: HTMLFormMethod | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    popoverTarget?: string | undefined;
+    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
   }
   interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
-    width?: number | string;
-    height?: number | string;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
   }
   interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
-    span?: number | string;
-    width?: number | string;
+    span?: number | string | undefined;
+    width?: number | string | undefined;
   }
   interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
-    span?: number | string;
+    span?: number | string | undefined;
   }
   interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
-    value?: string | string[] | number;
+    value?: string | string[] | number | undefined;
   }
   interface DetailsHtmlAttributes<T> extends HTMLAttributes<T> {
-    open?: boolean;
-    onToggle?: EventHandlerUnion<T, Event>;
-    ontoggle?: EventHandlerUnion<T, Event>;
+    open?: boolean | undefined;
+    onToggle?: EventHandlerUnion<T, Event> | undefined;
+    ontoggle?: EventHandlerUnion<T, Event> | undefined;
   }
   interface DialogHtmlAttributes<T> extends HTMLAttributes<T> {
-    open?: boolean;
-    onClose?: EventHandlerUnion<T, Event>;
-    onCancel?: EventHandlerUnion<T, Event>;
+    open?: boolean | undefined;
+    onClose?: EventHandlerUnion<T, Event> | undefined;
+    onCancel?: EventHandlerUnion<T, Event> | undefined;
   }
   interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
-    height?: number | string;
-    src?: string;
-    type?: string;
-    width?: number | string;
+    height?: number | string | undefined;
+    src?: string | undefined;
+    type?: string | undefined;
+    width?: number | string | undefined;
   }
   interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    form?: string;
-    name?: string;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    name?: string | undefined;
   }
   interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
-    "accept-charset"?: string;
-    action?: string | SerializableAttributeValue;
-    autocomplete?: string;
-    encoding?: HTMLFormEncType;
-    enctype?: HTMLFormEncType;
-    method?: HTMLFormMethod;
-    name?: string;
-    novalidate?: boolean;
-    target?: string;
-    noValidate?: boolean;
+    "accept-charset"?: string | undefined;
+    action?: string | SerializableAttributeValue | undefined;
+    autocomplete?: string | undefined;
+    encoding?: HTMLFormEncType | undefined;
+    enctype?: HTMLFormEncType | undefined;
+    method?: HTMLFormMethod | undefined;
+    name?: string | undefined;
+    novalidate?: boolean | undefined;
+    target?: string | undefined;
+    noValidate?: boolean | undefined;
   }
   interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
-    allow?: string;
-    allowfullscreen?: boolean;
-    height?: number | string;
-    loading?: "eager" | "lazy";
-    name?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    sandbox?: HTMLIframeSandbox | string;
-    src?: string;
-    srcdoc?: string;
-    width?: number | string;
-    referrerPolicy?: HTMLReferrerPolicy;
+    allow?: string | undefined;
+    allowfullscreen?: boolean | undefined;
+    height?: number | string | undefined;
+    loading?: "eager" | "lazy" | undefined;
+    name?: string | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    sandbox?: HTMLIframeSandbox | string | undefined;
+    src?: string | undefined;
+    srcdoc?: string | undefined;
+    width?: number | string | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
   }
   interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
-    alt?: string;
-    crossorigin?: HTMLCrossorigin;
-    decoding?: "sync" | "async" | "auto";
-    height?: number | string;
-    ismap?: boolean;
-    isMap?: boolean;
-    loading?: "eager" | "lazy";
-    referrerpolicy?: HTMLReferrerPolicy;
-    referrerPolicy?: HTMLReferrerPolicy;
-    sizes?: string;
-    src?: string;
-    srcset?: string;
-    srcSet?: string;
-    usemap?: string;
-    useMap?: string;
-    width?: number | string;
-    crossOrigin?: HTMLCrossorigin;
-    elementtiming?: string;
-    fetchpriority?: "high" | "low" | "auto";
+    alt?: string | undefined;
+    crossorigin?: HTMLCrossorigin | undefined;
+    decoding?: "sync" | "async" | "auto" | undefined;
+    height?: number | string | undefined;
+    ismap?: boolean | undefined;
+    isMap?: boolean | undefined;
+    loading?: "eager" | "lazy" | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
+    sizes?: string | undefined;
+    src?: string | undefined;
+    srcset?: string | undefined;
+    srcSet?: string | undefined;
+    usemap?: string | undefined;
+    useMap?: string | undefined;
+    width?: number | string | undefined;
+    crossOrigin?: HTMLCrossorigin | undefined;
+    elementtiming?: string | undefined;
+    fetchpriority?: "high" | "low" | "auto" | undefined;
   }
   interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
-    accept?: string;
-    alt?: string;
-    autocomplete?: string;
-    autocorrect?: "on" | "off";
-    autofocus?: boolean;
-    capture?: boolean | string;
-    checked?: boolean;
-    crossorigin?: HTMLCrossorigin;
-    disabled?: boolean;
-    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
-    form?: string;
-    formaction?: string | SerializableAttributeValue;
-    formenctype?: HTMLFormEncType;
-    formmethod?: HTMLFormMethod;
-    formnovalidate?: boolean;
-    formtarget?: string;
-    height?: number | string;
-    incremental?: boolean;
-    list?: string;
-    max?: number | string;
-    maxlength?: number | string;
-    min?: number | string;
-    minlength?: number | string;
-    multiple?: boolean;
-    name?: string;
-    pattern?: string;
-    placeholder?: string;
-    readonly?: boolean;
-    results?: number;
-    required?: boolean;
-    size?: number | string;
-    src?: string;
-    step?: number | string;
-    type?: string;
-    value?: string | string[] | number;
-    width?: number | string;
-    crossOrigin?: HTMLCrossorigin;
-    formAction?: string | SerializableAttributeValue;
-    formEnctype?: HTMLFormEncType;
-    formMethod?: HTMLFormMethod;
-    formNoValidate?: boolean;
-    formTarget?: string;
-    maxLength?: number | string;
-    minLength?: number | string;
-    readOnly?: boolean;
+    accept?: string | undefined;
+    alt?: string | undefined;
+    autocomplete?: string | undefined;
+    autocorrect?: "on" | "off" | undefined;
+    autofocus?: boolean | undefined;
+    capture?: boolean | string | undefined;
+    checked?: boolean | undefined;
+    crossorigin?: HTMLCrossorigin | undefined;
+    disabled?: boolean | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    form?: string | undefined;
+    formaction?: string | SerializableAttributeValue | undefined;
+    formenctype?: HTMLFormEncType | undefined;
+    formmethod?: HTMLFormMethod | undefined;
+    formnovalidate?: boolean | undefined;
+    formtarget?: string | undefined;
+    height?: number | string | undefined;
+    incremental?: boolean | undefined;
+    list?: string | undefined;
+    max?: number | string | undefined;
+    maxlength?: number | string | undefined;
+    min?: number | string | undefined;
+    minlength?: number | string | undefined;
+    multiple?: boolean | undefined;
+    name?: string | undefined;
+    pattern?: string | undefined;
+    placeholder?: string | undefined;
+    readonly?: boolean | undefined;
+    results?: number | undefined;
+    required?: boolean | undefined;
+    size?: number | string | undefined;
+    src?: string | undefined;
+    step?: number | string | undefined;
+    type?: string | undefined;
+    value?: string | string[] | number | undefined;
+    width?: number | string | undefined;
+    crossOrigin?: HTMLCrossorigin | undefined;
+    formAction?: string | SerializableAttributeValue | undefined;
+    formEnctype?: HTMLFormEncType | undefined;
+    formMethod?: HTMLFormMethod | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    maxLength?: number | string | undefined;
+    minLength?: number | string | undefined;
+    readOnly?: boolean | undefined;
   }
   interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
-    cite?: string;
-    dateTime?: string;
+    cite?: string | undefined;
+    dateTime?: string | undefined;
   }
   interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-    autofocus?: boolean;
-    challenge?: string;
-    disabled?: boolean;
-    form?: string;
-    keytype?: string;
-    keyparams?: string;
-    name?: string;
+    autofocus?: boolean | undefined;
+    challenge?: string | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    keytype?: string | undefined;
+    keyparams?: string | undefined;
+    name?: string | undefined;
   }
   interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
-    for?: string;
-    form?: string;
+    for?: string | undefined;
+    form?: string | undefined;
   }
   interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
-    value?: number | string;
+    value?: number | string | undefined;
   }
   interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
-    as?: HTMLLinkAs;
-    crossorigin?: HTMLCrossorigin;
-    disabled?: boolean;
-    fetchpriority?: "high" | "low" | "auto";
-    href?: string;
-    hreflang?: string;
-    imagesizes?: string;
-    imagesrcset?: string;
-    integrity?: string;
-    media?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    rel?: string;
-    sizes?: string;
-    type?: string;
-    crossOrigin?: HTMLCrossorigin;
-    referrerPolicy?: HTMLReferrerPolicy;
+    as?: HTMLLinkAs | undefined;
+    crossorigin?: HTMLCrossorigin | undefined;
+    disabled?: boolean | undefined;
+    fetchpriority?: "high" | "low" | "auto" | undefined;
+    href?: string | undefined;
+    hreflang?: string | undefined;
+    imagesizes?: string | undefined;
+    imagesrcset?: string | undefined;
+    integrity?: string | undefined;
+    media?: string | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    rel?: string | undefined;
+    sizes?: string | undefined;
+    type?: string | undefined;
+    crossOrigin?: HTMLCrossorigin | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
   }
   interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
-    name?: string;
+    name?: string | undefined;
   }
   interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
-    autoplay?: boolean;
-    controls?: boolean;
-    crossorigin?: HTMLCrossorigin;
-    loop?: boolean;
-    mediagroup?: string;
-    muted?: boolean;
-    preload?: "none" | "metadata" | "auto" | "";
-    src?: string;
-    crossOrigin?: HTMLCrossorigin;
-    mediaGroup?: string;
+    autoplay?: boolean | undefined;
+    controls?: boolean | undefined;
+    crossorigin?: HTMLCrossorigin | undefined;
+    loop?: boolean | undefined;
+    mediagroup?: string | undefined;
+    muted?: boolean | undefined;
+    preload?: "none" | "metadata" | "auto" | "" | undefined;
+    src?: string | undefined;
+    crossOrigin?: HTMLCrossorigin | undefined;
+    mediaGroup?: string | undefined;
   }
   interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
-    label?: string;
-    type?: "context" | "toolbar";
+    label?: string | undefined;
+    type?: "context" | "toolbar" | undefined;
   }
   interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
-    charset?: string;
-    content?: string;
-    "http-equiv"?: string;
-    name?: string;
-    media?: string;
+    charset?: string | undefined;
+    content?: string | undefined;
+    "http-equiv"?: string | undefined;
+    name?: string | undefined;
+    media?: string | undefined;
   }
   interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
-    form?: string;
-    high?: number | string;
-    low?: number | string;
-    max?: number | string;
-    min?: number | string;
-    optimum?: number | string;
-    value?: string | string[] | number;
+    form?: string | undefined;
+    high?: number | string | undefined;
+    low?: number | string | undefined;
+    max?: number | string | undefined;
+    min?: number | string | undefined;
+    optimum?: number | string | undefined;
+    value?: string | string[] | number | undefined;
   }
   interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
-    cite?: string;
+    cite?: string | undefined;
   }
   interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
-    data?: string;
-    form?: string;
-    height?: number | string;
-    name?: string;
-    type?: string;
-    usemap?: string;
-    width?: number | string;
-    useMap?: string;
+    data?: string | undefined;
+    form?: string | undefined;
+    height?: number | string | undefined;
+    name?: string | undefined;
+    type?: string | undefined;
+    usemap?: string | undefined;
+    width?: number | string | undefined;
+    useMap?: string | undefined;
   }
   interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
-    reversed?: boolean;
-    start?: number | string;
-    type?: "1" | "a" | "A" | "i" | "I";
+    reversed?: boolean | undefined;
+    start?: number | string | undefined;
+    type?: "1" | "a" | "A" | "i" | "I" | undefined;
   }
   interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    label?: string;
+    disabled?: boolean | undefined;
+    label?: string | undefined;
   }
   interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
-    disabled?: boolean;
-    label?: string;
-    selected?: boolean;
-    value?: string | string[] | number;
+    disabled?: boolean | undefined;
+    label?: string | undefined;
+    selected?: boolean | undefined;
+    value?: string | string[] | number | undefined;
   }
   interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
-    form?: string;
-    for?: string;
-    name?: string;
+    form?: string | undefined;
+    for?: string | undefined;
+    name?: string | undefined;
   }
   interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
-    name?: string;
-    value?: string | string[] | number;
+    name?: string | undefined;
+    value?: string | string[] | number | undefined;
   }
   interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
-    max?: number | string;
-    value?: string | string[] | number;
+    max?: number | string | undefined;
+    value?: string | string[] | number | undefined;
   }
   interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
-    async?: boolean;
-    charset?: string;
-    crossorigin?: HTMLCrossorigin;
-    defer?: boolean;
-    integrity?: string;
-    nomodule?: boolean;
-    nonce?: string;
-    referrerpolicy?: HTMLReferrerPolicy;
-    src?: string;
-    type?: string;
-    crossOrigin?: HTMLCrossorigin;
-    noModule?: boolean;
-    referrerPolicy?: HTMLReferrerPolicy;
+    async?: boolean | undefined;
+    charset?: string | undefined;
+    crossorigin?: HTMLCrossorigin | undefined;
+    defer?: boolean | undefined;
+    integrity?: string | undefined;
+    nomodule?: boolean | undefined;
+    nonce?: string | undefined;
+    referrerpolicy?: HTMLReferrerPolicy | undefined;
+    src?: string | undefined;
+    type?: string | undefined;
+    crossOrigin?: HTMLCrossorigin | undefined;
+    noModule?: boolean | undefined;
+    referrerPolicy?: HTMLReferrerPolicy | undefined;
   }
   interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-    autocomplete?: string;
-    autofocus?: boolean;
-    disabled?: boolean;
-    form?: string;
-    multiple?: boolean;
-    name?: string;
-    required?: boolean;
-    size?: number | string;
-    value?: string | string[] | number;
+    autocomplete?: string | undefined;
+    autofocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    multiple?: boolean | undefined;
+    name?: string | undefined;
+    required?: boolean | undefined;
+    size?: number | string | undefined;
+    value?: string | string[] | number | undefined;
   }
   interface HTMLSlotElementAttributes<T = HTMLSlotElement> extends HTMLAttributes<T> {
-    name?: string;
+    name?: string | undefined;
   }
   interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
-    media?: string;
-    sizes?: string;
-    src?: string;
-    srcset?: string;
-    type?: string;
+    media?: string | undefined;
+    sizes?: string | undefined;
+    src?: string | undefined;
+    srcset?: string | undefined;
+    type?: string | undefined;
   }
   interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
-    media?: string;
-    nonce?: string;
-    scoped?: boolean;
-    type?: string;
+    media?: string | undefined;
+    nonce?: string | undefined;
+    scoped?: boolean | undefined;
+    type?: string | undefined;
   }
   interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
-    colspan?: number | string;
-    headers?: string;
-    rowspan?: number | string;
-    colSpan?: number | string;
-    rowSpan?: number | string;
+    colspan?: number | string | undefined;
+    headers?: string | undefined;
+    rowspan?: number | string | undefined;
+    colSpan?: number | string | undefined;
+    rowSpan?: number | string | undefined;
   }
   interface TemplateHTMLAttributes<T extends HTMLTemplateElement> extends HTMLAttributes<T> {
-    content?: DocumentFragment;
+    content?: DocumentFragment | undefined;
   }
   interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
-    autocomplete?: string;
-    autofocus?: boolean;
-    cols?: number | string;
-    dirname?: string;
-    disabled?: boolean;
-    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
-    form?: string;
-    maxlength?: number | string;
-    minlength?: number | string;
-    name?: string;
-    placeholder?: string;
-    readonly?: boolean;
-    required?: boolean;
-    rows?: number | string;
-    value?: string | string[] | number;
-    wrap?: "hard" | "soft" | "off";
-    maxLength?: number | string;
-    minLength?: number | string;
-    readOnly?: boolean;
+    autocomplete?: string | undefined;
+    autofocus?: boolean | undefined;
+    cols?: number | string | undefined;
+    dirname?: string | undefined;
+    disabled?: boolean | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    form?: string | undefined;
+    maxlength?: number | string | undefined;
+    minlength?: number | string | undefined;
+    name?: string | undefined;
+    placeholder?: string | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    rows?: number | string | undefined;
+    value?: string | string[] | number | undefined;
+    wrap?: "hard" | "soft" | "off" | undefined;
+    maxLength?: number | string | undefined;
+    minLength?: number | string | undefined;
+    readOnly?: boolean | undefined;
   }
   interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
-    colspan?: number | string;
-    headers?: string;
-    rowspan?: number | string;
-    colSpan?: number | string;
-    rowSpan?: number | string;
-    scope?: "col" | "row" | "rowgroup" | "colgroup";
+    colspan?: number | string | undefined;
+    headers?: string | undefined;
+    rowspan?: number | string | undefined;
+    colSpan?: number | string | undefined;
+    rowSpan?: number | string | undefined;
+    scope?: "col" | "row" | "rowgroup" | "colgroup" | undefined;
   }
   interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
-    datetime?: string;
-    dateTime?: string;
+    datetime?: string | undefined;
+    dateTime?: string | undefined;
   }
   interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
-    default?: boolean;
-    kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
-    label?: string;
-    src?: string;
-    srclang?: string;
+    default?: boolean | undefined;
+    kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata" | undefined;
+    label?: string | undefined;
+    src?: string | undefined;
+    srclang?: string | undefined;
   }
   interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
-    height?: number | string;
-    playsinline?: boolean;
-    poster?: string;
-    width?: number | string;
+    height?: number | string | undefined;
+    playsinline?: boolean | undefined;
+    poster?: string | undefined;
+    width?: number | string | undefined;
   }
   type SVGPreserveAspectRatio =
     | "none"
@@ -1221,54 +1259,54 @@ export namespace JSX {
     | "defer xMaxYMax slice";
   type SVGUnits = "userSpaceOnUse" | "objectBoundingBox";
   interface CoreSVGAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-    id?: string;
-    lang?: string;
-    tabIndex?: number | string;
-    tabindex?: number | string;
+    id?: string | undefined;
+    lang?: string | undefined;
+    tabIndex?: number | string | undefined;
+    tabindex?: number | string | undefined;
   }
   interface StylableSVGAttributes {
     class?: string | undefined;
-    style?: CSSProperties | string;
+    style?: CSSProperties | string | undefined;
   }
   interface TransformableSVGAttributes {
-    transform?: string;
+    transform?: string | undefined;
   }
   interface ConditionalProcessingSVGAttributes {
-    requiredExtensions?: string;
-    requiredFeatures?: string;
-    systemLanguage?: string;
+    requiredExtensions?: string | undefined;
+    requiredFeatures?: string | undefined;
+    systemLanguage?: string | undefined;
   }
   interface ExternalResourceSVGAttributes {
-    externalResourcesRequired?: "true" | "false";
+    externalResourcesRequired?: "true" | "false" | undefined;
   }
   interface AnimationTimingSVGAttributes {
-    begin?: string;
-    dur?: string;
-    end?: string;
-    min?: string;
-    max?: string;
-    restart?: "always" | "whenNotActive" | "never";
-    repeatCount?: number | "indefinite";
-    repeatDur?: string;
-    fill?: "freeze" | "remove";
+    begin?: string | undefined;
+    dur?: string | undefined;
+    end?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    restart?: "always" | "whenNotActive" | "never" | undefined;
+    repeatCount?: number | "indefinite" | undefined;
+    repeatDur?: string | undefined;
+    fill?: "freeze" | "remove" | undefined;
   }
   interface AnimationValueSVGAttributes {
-    calcMode?: "discrete" | "linear" | "paced" | "spline";
-    values?: string;
-    keyTimes?: string;
-    keySplines?: string;
-    from?: number | string;
-    to?: number | string;
-    by?: number | string;
+    calcMode?: "discrete" | "linear" | "paced" | "spline" | undefined;
+    values?: string | undefined;
+    keyTimes?: string | undefined;
+    keySplines?: string | undefined;
+    from?: number | string | undefined;
+    to?: number | string | undefined;
+    by?: number | string | undefined;
   }
   interface AnimationAdditionSVGAttributes {
-    attributeName?: string;
-    additive?: "replace" | "sum";
-    accumulate?: "none" | "sum";
+    attributeName?: string | undefined;
+    additive?: "replace" | "sum" | undefined;
+    accumulate?: "none" | "sum" | undefined;
   }
   interface AnimationAttributeTargetSVGAttributes {
-    attributeName?: string;
-    attributeType?: "CSS" | "XML" | "auto";
+    attributeName?: string | undefined;
+    attributeType?: "CSS" | "XML" | "auto" | undefined;
   }
   interface PresentationSVGAttributes {
     "alignment-baseline"?:
@@ -1285,18 +1323,18 @@ export namespace JSX {
       | "hanging"
       | "mathematical"
       | "inherit";
-    "baseline-shift"?: number | string;
-    clip?: string;
-    "clip-path"?: string;
-    "clip-rule"?: "nonzero" | "evenodd" | "inherit";
-    color?: string;
-    "color-interpolation"?: "auto" | "sRGB" | "linearRGB" | "inherit";
-    "color-interpolation-filters"?: "auto" | "sRGB" | "linearRGB" | "inherit";
-    "color-profile"?: string;
-    "color-rendering"?: "auto" | "optimizeSpeed" | "optimizeQuality" | "inherit";
-    cursor?: string;
-    direction?: "ltr" | "rtl" | "inherit";
-    display?: string;
+    "baseline-shift"?: number | string | undefined;
+    clip?: string | undefined;
+    "clip-path"?: string | undefined;
+    "clip-rule"?: "nonzero" | "evenodd" | "inherit" | undefined;
+    color?: string | undefined;
+    "color-interpolation"?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined;
+    "color-interpolation-filters"?: "auto" | "sRGB" | "linearRGB" | "inherit" | undefined;
+    "color-profile"?: string | undefined;
+    "color-rendering"?: "auto" | "optimizeSpeed" | "optimizeQuality" | "inherit" | undefined;
+    cursor?: string | undefined;
+    direction?: "ltr" | "rtl" | "inherit" | undefined;
+    display?: string | undefined;
     "dominant-baseline"?:
       | "auto"
       | "text-bottom"
@@ -1308,33 +1346,33 @@ export namespace JSX {
       | "hanging"
       | "text-top"
       | "inherit";
-    "enable-background"?: string;
-    fill?: string;
-    "fill-opacity"?: number | string | "inherit";
-    "fill-rule"?: "nonzero" | "evenodd" | "inherit";
-    filter?: string;
-    "flood-color"?: string;
-    "flood-opacity"?: number | string | "inherit";
-    "font-family"?: string;
-    "font-size"?: string;
-    "font-size-adjust"?: number | string;
-    "font-stretch"?: string;
-    "font-style"?: "normal" | "italic" | "oblique" | "inherit";
-    "font-variant"?: string;
-    "font-weight"?: number | string;
-    "glyph-orientation-horizontal"?: string;
-    "glyph-orientation-vertical"?: string;
-    "image-rendering"?: "auto" | "optimizeQuality" | "optimizeSpeed" | "inherit";
-    kerning?: string;
-    "letter-spacing"?: number | string;
-    "lighting-color"?: string;
-    "marker-end"?: string;
-    "marker-mid"?: string;
-    "marker-start"?: string;
-    mask?: string;
-    opacity?: number | string | "inherit";
-    overflow?: "visible" | "hidden" | "scroll" | "auto" | "inherit";
-    pathLength?: string | number;
+    "enable-background"?: string | undefined;
+    fill?: string | undefined;
+    "fill-opacity"?: number | string | "inherit" | undefined;
+    "fill-rule"?: "nonzero" | "evenodd" | "inherit" | undefined;
+    filter?: string | undefined;
+    "flood-color"?: string | undefined;
+    "flood-opacity"?: number | string | "inherit" | undefined;
+    "font-family"?: string | undefined;
+    "font-size"?: string | undefined;
+    "font-size-adjust"?: number | string | undefined;
+    "font-stretch"?: string | undefined;
+    "font-style"?: "normal" | "italic" | "oblique" | "inherit" | undefined;
+    "font-variant"?: string | undefined;
+    "font-weight"?: number | string | undefined;
+    "glyph-orientation-horizontal"?: string | undefined;
+    "glyph-orientation-vertical"?: string | undefined;
+    "image-rendering"?: "auto" | "optimizeQuality" | "optimizeSpeed" | "inherit" | undefined;
+    kerning?: string | undefined;
+    "letter-spacing"?: number | string | undefined;
+    "lighting-color"?: string | undefined;
+    "marker-end"?: string | undefined;
+    "marker-mid"?: string | undefined;
+    "marker-start"?: string | undefined;
+    mask?: string | undefined;
+    opacity?: number | string | "inherit" | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | "auto" | "inherit" | undefined;
+    pathLength?: string | number | undefined;
     "pointer-events"?:
       | "bounding-box"
       | "visiblePainted"
@@ -1348,29 +1386,42 @@ export namespace JSX {
       | "all"
       | "none"
       | "inherit";
-    "shape-rendering"?: "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision" | "inherit";
-    "stop-color"?: string;
-    "stop-opacity"?: number | string | "inherit";
-    stroke?: string;
-    "stroke-dasharray"?: string;
-    "stroke-dashoffset"?: number | string;
-    "stroke-linecap"?: "butt" | "round" | "square" | "inherit";
-    "stroke-linejoin"?: "arcs" | "bevel" | "miter" | "miter-clip" | "round" | "inherit";
-    "stroke-miterlimit"?: number | string | "inherit";
-    "stroke-opacity"?: number | string | "inherit";
-    "stroke-width"?: number | string;
-    "text-anchor"?: "start" | "middle" | "end" | "inherit";
-    "text-decoration"?: "none" | "underline" | "overline" | "line-through" | "blink" | "inherit";
+    "shape-rendering"?:
+      | "auto"
+      | "optimizeSpeed"
+      | "crispEdges"
+      | "geometricPrecision"
+      | "inherit"
+      | undefined;
+    "stop-color"?: string | undefined;
+    "stop-opacity"?: number | string | "inherit" | undefined;
+    stroke?: string | undefined;
+    "stroke-dasharray"?: string | undefined;
+    "stroke-dashoffset"?: number | string | undefined;
+    "stroke-linecap"?: "butt" | "round" | "square" | "inherit" | undefined;
+    "stroke-linejoin"?: "arcs" | "bevel" | "miter" | "miter-clip" | "round" | "inherit" | undefined;
+    "stroke-miterlimit"?: number | string | "inherit" | undefined;
+    "stroke-opacity"?: number | string | "inherit" | undefined;
+    "stroke-width"?: number | string | undefined;
+    "text-anchor"?: "start" | "middle" | "end" | "inherit" | undefined;
+    "text-decoration"?:
+      | "none"
+      | "underline"
+      | "overline"
+      | "line-through"
+      | "blink"
+      | "inherit"
+      | undefined;
     "text-rendering"?:
       | "auto"
       | "optimizeSpeed"
       | "optimizeLegibility"
       | "geometricPrecision"
       | "inherit";
-    "unicode-bidi"?: string;
-    visibility?: "visible" | "hidden" | "collapse" | "inherit";
-    "word-spacing"?: number | string;
-    "writing-mode"?: "lr-tb" | "rl-tb" | "tb-rl" | "lr" | "rl" | "tb" | "inherit";
+    "unicode-bidi"?: string | undefined;
+    visibility?: "visible" | "hidden" | "collapse" | "inherit" | undefined;
+    "word-spacing"?: number | string | undefined;
+    "writing-mode"?: "lr-tb" | "rl-tb" | "tb-rl" | "lr" | "rl" | "tb" | "inherit" | undefined;
   }
   interface AnimationElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,
@@ -1393,31 +1444,31 @@ export namespace JSX {
   interface FilterPrimitiveElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       Pick<PresentationSVGAttributes, "color-interpolation-filters"> {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    result?: string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    result?: string | undefined;
   }
   interface SingleInputFilterSVGAttributes {
-    in?: string;
+    in?: string | undefined;
   }
   interface DoubleInputFilterSVGAttributes {
-    in?: string;
-    in2?: string;
+    in?: string | undefined;
+    in2?: string | undefined;
   }
   interface FitToViewBoxSVGAttributes {
-    viewBox?: string;
-    preserveAspectRatio?: SVGPreserveAspectRatio;
+    viewBox?: string | undefined;
+    preserveAspectRatio?: SVGPreserveAspectRatio | undefined;
   }
   interface GradientElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
-    gradientUnits?: SVGUnits;
-    gradientTransform?: string;
-    spreadMethod?: "pad" | "reflect" | "repeat";
-    href?: string;
+    gradientUnits?: SVGUnits | undefined;
+    gradientTransform?: string | undefined;
+    spreadMethod?: "pad" | "reflect" | "repeat" | undefined;
+    href?: string | undefined;
   }
   interface GraphicsElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,
@@ -1438,7 +1489,7 @@ export namespace JSX {
   interface NewViewportSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       Pick<PresentationSVGAttributes, "overflow" | "clip"> {
-    viewBox?: string;
+    viewBox?: string | undefined;
   }
   interface ShapeElementSVGAttributes<T>
     extends CoreSVGAttributes<T>,
@@ -1494,7 +1545,7 @@ export namespace JSX {
         | "stroke-opacity"
       > {}
   interface ZoomAndPanSVGAttributes {
-    zoomAndPan?: "disable" | "magnify";
+    zoomAndPan?: "disable" | "magnify" | undefined;
   }
   interface AnimateSVGAttributes<T>
     extends AnimationElementSVGAttributes<T>,
@@ -1508,10 +1559,10 @@ export namespace JSX {
       AnimationTimingSVGAttributes,
       AnimationValueSVGAttributes,
       AnimationAdditionSVGAttributes {
-    path?: string;
-    keyPoints?: string;
-    rotate?: number | string | "auto" | "auto-reverse";
-    origin?: "default";
+    path?: string | undefined;
+    keyPoints?: string | undefined;
+    rotate?: number | string | "auto" | "auto-reverse" | undefined;
+    origin?: "default" | undefined;
   }
   interface AnimateTransformSVGAttributes<T>
     extends AnimationElementSVGAttributes<T>,
@@ -1519,7 +1570,7 @@ export namespace JSX {
       AnimationTimingSVGAttributes,
       AnimationValueSVGAttributes,
       AnimationAdditionSVGAttributes {
-    type?: "translate" | "scale" | "rotate" | "skewX" | "skewY";
+    type?: "translate" | "scale" | "rotate" | "skewX" | "skewY" | undefined;
   }
   interface CircleSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
@@ -1527,9 +1578,9 @@ export namespace JSX {
       ConditionalProcessingSVGAttributes,
       StylableSVGAttributes,
       TransformableSVGAttributes {
-    cx?: number | string;
-    cy?: number | string;
-    r?: number | string;
+    cx?: number | string | undefined;
+    cy?: number | string | undefined;
+    r?: number | string | undefined;
   }
   interface ClipPathSVGAttributes<T>
     extends CoreSVGAttributes<T>,
@@ -1538,7 +1589,7 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "clip-path"> {
-    clipPathUnits?: SVGUnits;
+    clipPathUnits?: SVGUnits | undefined;
   }
   interface DefsSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1554,23 +1605,23 @@ export namespace JSX {
       ExternalResourceSVGAttributes,
       StylableSVGAttributes,
       TransformableSVGAttributes {
-    cx?: number | string;
-    cy?: number | string;
-    rx?: number | string;
-    ry?: number | string;
+    cx?: number | string | undefined;
+    cy?: number | string | undefined;
+    rx?: number | string | undefined;
+    ry?: number | string | undefined;
   }
   interface FeBlendSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       DoubleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    mode?: "normal" | "multiply" | "screen" | "darken" | "lighten";
+    mode?: "normal" | "multiply" | "screen" | "darken" | "lighten" | undefined;
   }
   interface FeColorMatrixSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    type?: "matrix" | "saturate" | "hueRotate" | "luminanceToAlpha";
-    values?: string;
+    type?: "matrix" | "saturate" | "hueRotate" | "luminanceToAlpha" | undefined;
+    values?: string | undefined;
   }
   interface FeComponentTransferSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
@@ -1580,81 +1631,81 @@ export namespace JSX {
     extends FilterPrimitiveElementSVGAttributes<T>,
       DoubleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    operator?: "over" | "in" | "out" | "atop" | "xor" | "arithmetic";
-    k1?: number | string;
-    k2?: number | string;
-    k3?: number | string;
-    k4?: number | string;
+    operator?: "over" | "in" | "out" | "atop" | "xor" | "arithmetic" | undefined;
+    k1?: number | string | undefined;
+    k2?: number | string | undefined;
+    k3?: number | string | undefined;
+    k4?: number | string | undefined;
   }
   interface FeConvolveMatrixSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    order?: number | string;
-    kernelMatrix?: string;
-    divisor?: number | string;
-    bias?: number | string;
-    targetX?: number | string;
-    targetY?: number | string;
-    edgeMode?: "duplicate" | "wrap" | "none";
-    kernelUnitLength?: number | string;
-    preserveAlpha?: "true" | "false";
+    order?: number | string | undefined;
+    kernelMatrix?: string | undefined;
+    divisor?: number | string | undefined;
+    bias?: number | string | undefined;
+    targetX?: number | string | undefined;
+    targetY?: number | string | undefined;
+    edgeMode?: "duplicate" | "wrap" | "none" | undefined;
+    kernelUnitLength?: number | string | undefined;
+    preserveAlpha?: "true" | "false" | undefined;
   }
   interface FeDiffuseLightingSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "lighting-color"> {
-    surfaceScale?: number | string;
-    diffuseConstant?: number | string;
-    kernelUnitLength?: number | string;
+    surfaceScale?: number | string | undefined;
+    diffuseConstant?: number | string | undefined;
+    kernelUnitLength?: number | string | undefined;
   }
   interface FeDisplacementMapSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       DoubleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    scale?: number | string;
-    xChannelSelector?: "R" | "G" | "B" | "A";
-    yChannelSelector?: "R" | "G" | "B" | "A";
+    scale?: number | string | undefined;
+    xChannelSelector?: "R" | "G" | "B" | "A" | undefined;
+    yChannelSelector?: "R" | "G" | "B" | "A" | undefined;
   }
   interface FeDistantLightSVGAttributes<T> extends LightSourceElementSVGAttributes<T> {
-    azimuth?: number | string;
-    elevation?: number | string;
+    azimuth?: number | string | undefined;
+    elevation?: number | string | undefined;
   }
   interface FeDropShadowSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {
-    dx?: number | string;
-    dy?: number | string;
-    stdDeviation?: number | string;
+    dx?: number | string | undefined;
+    dy?: number | string | undefined;
+    stdDeviation?: number | string | undefined;
   }
   interface FeFloodSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {}
   interface FeFuncSVGAttributes<T> extends CoreSVGAttributes<T> {
-    type?: "identity" | "table" | "discrete" | "linear" | "gamma";
-    tableValues?: string;
-    slope?: number | string;
-    intercept?: number | string;
-    amplitude?: number | string;
-    exponent?: number | string;
-    offset?: number | string;
+    type?: "identity" | "table" | "discrete" | "linear" | "gamma" | undefined;
+    tableValues?: string | undefined;
+    slope?: number | string | undefined;
+    intercept?: number | string | undefined;
+    amplitude?: number | string | undefined;
+    exponent?: number | string | undefined;
+    offset?: number | string | undefined;
   }
   interface FeGaussianBlurSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    stdDeviation?: number | string;
+    stdDeviation?: number | string | undefined;
   }
   interface FeImageSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
-    preserveAspectRatio?: SVGPreserveAspectRatio;
-    href?: string;
+    preserveAspectRatio?: SVGPreserveAspectRatio | undefined;
+    href?: string | undefined;
   }
   interface FeMergeSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
@@ -1666,40 +1717,40 @@ export namespace JSX {
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    operator?: "erode" | "dilate";
-    radius?: number | string;
+    operator?: "erode" | "dilate" | undefined;
+    radius?: number | string | undefined;
   }
   interface FeOffsetSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes {
-    dx?: number | string;
-    dy?: number | string;
+    dx?: number | string | undefined;
+    dy?: number | string | undefined;
   }
   interface FePointLightSVGAttributes<T> extends LightSourceElementSVGAttributes<T> {
-    x?: number | string;
-    y?: number | string;
-    z?: number | string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    z?: number | string | undefined;
   }
   interface FeSpecularLightingSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       SingleInputFilterSVGAttributes,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "lighting-color"> {
-    surfaceScale?: string;
-    specularConstant?: string;
-    specularExponent?: string;
-    kernelUnitLength?: number | string;
+    surfaceScale?: string | undefined;
+    specularConstant?: string | undefined;
+    specularExponent?: string | undefined;
+    kernelUnitLength?: number | string | undefined;
   }
   interface FeSpotLightSVGAttributes<T> extends LightSourceElementSVGAttributes<T> {
-    x?: number | string;
-    y?: number | string;
-    z?: number | string;
-    pointsAtX?: number | string;
-    pointsAtY?: number | string;
-    pointsAtZ?: number | string;
-    specularExponent?: number | string;
-    limitingConeAngle?: number | string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    z?: number | string | undefined;
+    pointsAtX?: number | string | undefined;
+    pointsAtY?: number | string | undefined;
+    pointsAtZ?: number | string | undefined;
+    specularExponent?: number | string | undefined;
+    limitingConeAngle?: number | string | undefined;
   }
   interface FeTileSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
@@ -1708,23 +1759,23 @@ export namespace JSX {
   interface FeTurbulanceSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes {
-    baseFrequency?: number | string;
-    numOctaves?: number | string;
-    seed?: number | string;
-    stitchTiles?: "stitch" | "noStitch";
-    type?: "fractalNoise" | "turbulence";
+    baseFrequency?: number | string | undefined;
+    numOctaves?: number | string | undefined;
+    seed?: number | string | undefined;
+    stitchTiles?: "stitch" | "noStitch" | undefined;
+    type?: "fractalNoise" | "turbulence" | undefined;
   }
   interface FilterSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
-    filterUnits?: SVGUnits;
-    primitiveUnits?: SVGUnits;
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    filterRes?: number | string;
+    filterUnits?: SVGUnits | undefined;
+    primitiveUnits?: SVGUnits | undefined;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    filterRes?: number | string | undefined;
   }
   interface ForeignObjectSVGAttributes<T>
     extends NewViewportSVGAttributes<T>,
@@ -1733,10 +1784,10 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "display" | "visibility"> {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
   }
   interface GSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1752,12 +1803,12 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "color-profile" | "image-rendering"> {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    preserveAspectRatio?: ImagePreserveAspectRatio;
-    href?: string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    preserveAspectRatio?: ImagePreserveAspectRatio | undefined;
+    href?: string | undefined;
   }
   interface LineSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
@@ -1767,16 +1818,16 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "marker-start" | "marker-mid" | "marker-end"> {
-    x1?: number | string;
-    y1?: number | string;
-    x2?: number | string;
-    y2?: number | string;
+    x1?: number | string | undefined;
+    y1?: number | string | undefined;
+    x2?: number | string | undefined;
+    y2?: number | string | undefined;
   }
   interface LinearGradientSVGAttributes<T> extends GradientElementSVGAttributes<T> {
-    x1?: number | string;
-    x2?: number | string;
-    y1?: number | string;
-    y2?: number | string;
+    x1?: number | string | undefined;
+    x2?: number | string | undefined;
+    y1?: number | string | undefined;
+    y2?: number | string | undefined;
   }
   interface MarkerSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1784,24 +1835,24 @@ export namespace JSX {
       StylableSVGAttributes,
       FitToViewBoxSVGAttributes,
       Pick<PresentationSVGAttributes, "overflow" | "clip"> {
-    markerUnits?: "strokeWidth" | "userSpaceOnUse";
-    refX?: number | string;
-    refY?: number | string;
-    markerWidth?: number | string;
-    markerHeight?: number | string;
-    orient?: string;
+    markerUnits?: "strokeWidth" | "userSpaceOnUse" | undefined;
+    refX?: number | string | undefined;
+    refY?: number | string | undefined;
+    markerWidth?: number | string | undefined;
+    markerHeight?: number | string | undefined;
+    orient?: string | undefined;
   }
   interface MaskSVGAttributes<T>
     extends Omit<ContainerElementSVGAttributes<T>, "opacity" | "filter">,
       ConditionalProcessingSVGAttributes,
       ExternalResourceSVGAttributes,
       StylableSVGAttributes {
-    maskUnits?: SVGUnits;
-    maskContentUnits?: SVGUnits;
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
+    maskUnits?: SVGUnits | undefined;
+    maskContentUnits?: SVGUnits | undefined;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
   }
   interface MetadataSVGAttributes<T> extends CoreSVGAttributes<T> {}
   interface MPathSVGAttributes<T> extends CoreSVGAttributes<T> {}
@@ -1813,8 +1864,8 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "marker-start" | "marker-mid" | "marker-end"> {
-    d?: string;
-    pathLength?: number | string;
+    d?: string | undefined;
+    pathLength?: number | string | undefined;
   }
   interface PatternSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1823,14 +1874,14 @@ export namespace JSX {
       StylableSVGAttributes,
       FitToViewBoxSVGAttributes,
       Pick<PresentationSVGAttributes, "overflow" | "clip"> {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    patternUnits?: SVGUnits;
-    patternContentUnits?: SVGUnits;
-    patternTransform?: string;
-    href?: string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    patternUnits?: SVGUnits | undefined;
+    patternContentUnits?: SVGUnits | undefined;
+    patternTransform?: string | undefined;
+    href?: string | undefined;
   }
   interface PolygonSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
@@ -1840,7 +1891,7 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "marker-start" | "marker-mid" | "marker-end"> {
-    points?: string;
+    points?: string | undefined;
   }
   interface PolylineSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
@@ -1850,14 +1901,14 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "marker-start" | "marker-mid" | "marker-end"> {
-    points?: string;
+    points?: string | undefined;
   }
   interface RadialGradientSVGAttributes<T> extends GradientElementSVGAttributes<T> {
-    cx?: number | string;
-    cy?: number | string;
-    r?: number | string;
-    fx?: number | string;
-    fy?: number | string;
+    cx?: number | string | undefined;
+    cy?: number | string | undefined;
+    r?: number | string | undefined;
+    fx?: number | string | undefined;
+    fy?: number | string | undefined;
   }
   interface RectSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
@@ -1866,12 +1917,12 @@ export namespace JSX {
       ExternalResourceSVGAttributes,
       StylableSVGAttributes,
       TransformableSVGAttributes {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    rx?: number | string;
-    ry?: number | string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    rx?: number | string | undefined;
+    ry?: number | string | undefined;
   }
   interface SetSVGAttributes<T>
     extends CoreSVGAttributes<T>,
@@ -1881,7 +1932,7 @@ export namespace JSX {
     extends CoreSVGAttributes<T>,
       StylableSVGAttributes,
       Pick<PresentationSVGAttributes, "color" | "stop-color" | "stop-opacity"> {
-    offset?: number | string;
+    offset?: number | string | undefined;
   }
   interface SvgSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1892,16 +1943,16 @@ export namespace JSX {
       FitToViewBoxSVGAttributes,
       ZoomAndPanSVGAttributes,
       PresentationSVGAttributes {
-    version?: string;
-    baseProfile?: string;
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    contentScriptType?: string;
-    contentStyleType?: string;
-    xmlns?: string;
-    "xmlns:xlink"?: string;
+    version?: string | undefined;
+    baseProfile?: string | undefined;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    contentScriptType?: string | undefined;
+    contentStyleType?: string | undefined;
+    xmlns?: string | undefined;
+    "xmlns:xlink"?: string | undefined;
   }
   interface SwitchSVGAttributes<T>
     extends ContainerElementSVGAttributes<T>,
@@ -1916,14 +1967,14 @@ export namespace JSX {
       ExternalResourceSVGAttributes,
       StylableSVGAttributes,
       FitToViewBoxSVGAttributes {
-    width?: number | string;
-    height?: number | string;
-    preserveAspectRatio?: SVGPreserveAspectRatio;
-    refX?: number | string;
-    refY?: number | string;
-    viewBox?: string;
-    x?: number | string;
-    y?: number | string;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    preserveAspectRatio?: SVGPreserveAspectRatio | undefined;
+    refX?: number | string | undefined;
+    refY?: number | string | undefined;
+    viewBox?: string | undefined;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
   }
   interface TextSVGAttributes<T>
     extends TextContentElementSVGAttributes<T>,
@@ -1933,13 +1984,13 @@ export namespace JSX {
       StylableSVGAttributes,
       TransformableSVGAttributes,
       Pick<PresentationSVGAttributes, "writing-mode" | "text-rendering"> {
-    x?: number | string;
-    y?: number | string;
-    dx?: number | string;
-    dy?: number | string;
-    rotate?: number | string;
-    textLength?: number | string;
-    lengthAdjust?: "spacing" | "spacingAndGlyphs";
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    dx?: number | string | undefined;
+    dy?: number | string | undefined;
+    rotate?: number | string | undefined;
+    textLength?: number | string | undefined;
+    lengthAdjust?: "spacing" | "spacingAndGlyphs" | undefined;
   }
   interface TextPathSVGAttributes<T>
     extends TextContentElementSVGAttributes<T>,
@@ -1950,10 +2001,10 @@ export namespace JSX {
         PresentationSVGAttributes,
         "alignment-baseline" | "baseline-shift" | "display" | "visibility"
       > {
-    startOffset?: number | string;
-    method?: "align" | "stretch";
-    spacing?: "auto" | "exact";
-    href?: string;
+    startOffset?: number | string | undefined;
+    method?: "align" | "stretch" | undefined;
+    spacing?: "auto" | "exact" | undefined;
+    href?: string | undefined;
   }
   interface TSpanSVGAttributes<T>
     extends TextContentElementSVGAttributes<T>,
@@ -1964,13 +2015,13 @@ export namespace JSX {
         PresentationSVGAttributes,
         "alignment-baseline" | "baseline-shift" | "display" | "visibility"
       > {
-    x?: number | string;
-    y?: number | string;
-    dx?: number | string;
-    dy?: number | string;
-    rotate?: number | string;
-    textLength?: number | string;
-    lengthAdjust?: "spacing" | "spacingAndGlyphs";
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    dx?: number | string | undefined;
+    dy?: number | string | undefined;
+    rotate?: number | string | undefined;
+    textLength?: number | string | undefined;
+    lengthAdjust?: "spacing" | "spacingAndGlyphs" | undefined;
   }
   /**
    * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
@@ -1983,18 +2034,18 @@ export namespace JSX {
       PresentationSVGAttributes,
       ExternalResourceSVGAttributes,
       TransformableSVGAttributes {
-    x?: number | string;
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    href?: string;
+    x?: number | string | undefined;
+    y?: number | string | undefined;
+    width?: number | string | undefined;
+    height?: number | string | undefined;
+    href?: string | undefined;
   }
   interface ViewSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       ExternalResourceSVGAttributes,
       FitToViewBoxSVGAttributes,
       ZoomAndPanSVGAttributes {
-    viewTarget?: string;
+    viewTarget?: string | undefined;
   }
   /**
    * @type {HTMLElementTagNameMap}