solid-js
Version:
A declarative JavaScript library for building user interfaces.
1,276 lines (1,265 loc) • 90.2 kB
TypeScript
import * as csstype from "csstype";
/**
* Based on JSX types for Surplus and Inferno and adapted for `dom-expressions`.
*
* https://github.com/adamhaile/surplus/blob/master/index.d.ts
* https://github.com/infernojs/inferno/blob/master/packages/inferno/src/core/types.ts
*/
type DOMElement = Element;
export namespace JSX {
type FunctionMaybe<T = unknown> = { (): T } | T;
type Element =
| Node
| ArrayElement
| FunctionElement
| (string & {})
| number
| boolean
| null
| undefined;
interface ArrayElement extends Array<Element> {}
interface FunctionElement {
(): Element;
}
interface ElementClass {
// empty, libs can define requirements downstream
}
interface ElementAttributesProperty {
// empty, libs can define requirements downstream
}
interface ElementChildrenAttribute {
children: {};
}
interface EventHandler<T, E extends Event> {
(
e: E & {
currentTarget: T;
target: DOMElement;
}
): void;
}
interface BoundEventHandler<T, E extends Event> {
0: (
data: any,
e: E & {
currentTarget: T;
target: DOMElement;
}
) => void;
1: any;
}
type EventHandlerUnion<T, E extends Event> = EventHandler<T, E> | BoundEventHandler<T, E>;
interface EventHandlerWithOptions<T, E extends Event> extends AddEventListenerOptions {
handleEvent: (
e: E & {
currentTarget: T;
target: Element;
}
) => void;
}
type EventHandlerWithOptionsUnion<T, E extends Event> =
| EventHandler<T, E>
| EventHandlerWithOptions<T, E>;
const SERIALIZABLE: unique symbol;
interface SerializableAttributeValue {
toString(): string;
[SERIALIZABLE]: never;
}
interface IntrinsicAttributes {
ref?: unknown | ((e: unknown) => void);
}
interface CustomAttributes<T> {
ref?: T | ((el: T) => void);
classList?: {
[k: string]: boolean | undefined;
};
$ServerOnly?: boolean;
}
type Accessor<T> = () => T;
interface Directives {}
interface DirectiveFunctions {
[x: string]: (el: Element, accessor: Accessor<any>) => void;
}
interface ExplicitProperties {}
interface ExplicitAttributes {}
interface ExplicitBoolAttributes {}
interface CustomEvents {}
/** @deprecated Replaced by CustomEvents */
interface CustomCaptureEvents {}
type DirectiveAttributes = {
[Key in keyof Directives as `use:${Key}`]?: Directives[Key];
};
type DirectiveFunctionAttributes<T> = {
[K in keyof DirectiveFunctions as string extends K
? never
: `use:${K}`]?: DirectiveFunctions[K] extends (
el: infer E, // will be unknown if not provided
...rest: infer R // use rest so that we can check whether it's provided or not
) => void
? T extends E // everything extends unknown if E is unknown
? R extends [infer A] // check if has accessor provided
? A extends Accessor<infer V>
? V // it's an accessor
: never // it isn't, type error
: true // no accessor provided
: never // T is the wrong element
: never; // it isn't a function
};
type PropAttributes = {
[Key in keyof ExplicitProperties as `prop:${Key}`]?: ExplicitProperties[Key];
};
type AttrAttributes = {
[Key in keyof ExplicitAttributes as `attr:${Key}`]?: ExplicitAttributes[Key];
};
type BoolAttributes = {
[Key in keyof ExplicitBoolAttributes as `bool:${Key}`]?: ExplicitBoolAttributes[Key];
};
type OnAttributes<T> = {
[Key in keyof CustomEvents as `on:${Key}`]?: EventHandlerWithOptionsUnion<T, CustomEvents[Key]>;
};
type OnCaptureAttributes<T> = {
[Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler<
T,
CustomCaptureEvents[Key]
>;
};
interface DOMAttributes<T>
extends CustomAttributes<T>,
DirectiveAttributes,
DirectiveFunctionAttributes<T>,
PropAttributes,
AttrAttributes,
BoolAttributes,
OnAttributes<T>,
OnCaptureAttributes<T>,
CustomEventHandlersCamelCase<T>,
CustomEventHandlersLowerCase<T>,
CustomEventHandlersNamespaced<T> {
children?: Element;
innerHTML?: string;
innerText?: string | number;
textContent?: string | number;
// 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?: EventHandlerUnion<T, FocusEvent>;
onFocusIn?: EventHandlerUnion<T, FocusEvent>;
onEncrypted?: EventHandlerUnion<T, Event>;
onDragExit?: EventHandlerUnion<T, DragEvent>;
// 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?: EventHandlerUnion<T, FocusEvent>;
onfocusin?: EventHandlerUnion<T, FocusEvent>;
onencrypted?: EventHandlerUnion<T, Event>;
ondragexit?: EventHandlerUnion<T, DragEvent>;
// namespaced events
"on:copy"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
"on:cut"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
"on:paste"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
"on:compositionend"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
"on:compositionstart"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
"on:compositionupdate"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
"on:focusout"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
"on:focusin"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
"on:encrypted"?: EventHandlerWithOptionsUnion<T, Event>;
"on:dragexit"?: EventHandlerWithOptionsUnion<T, DragEvent>;
}
interface CustomEventHandlersCamelCase<T> {
onAbort?: EventHandlerUnion<T, Event>;
onAnimationEnd?: EventHandlerUnion<T, AnimationEvent>;
onAnimationIteration?: EventHandlerUnion<T, AnimationEvent>;
onAnimationStart?: EventHandlerUnion<T, AnimationEvent>;
onAuxClick?: EventHandlerUnion<T, MouseEvent>;
onBeforeInput?: EventHandlerUnion<T, InputEvent>;
onBeforeToggle?: EventHandlerUnion<T, ToggleEvent>;
onBlur?: EventHandlerUnion<T, FocusEvent>;
onCanPlay?: EventHandlerUnion<T, Event>;
onCanPlayThrough?: EventHandlerUnion<T, Event>;
onChange?: EventHandlerUnion<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?: EventHandlerUnion<T, FocusEvent>;
onGotPointerCapture?: EventHandlerUnion<T, PointerEvent>;
onInput?: EventHandlerUnion<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, SubmitEvent>;
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>;
}
/** @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?: EventHandlerUnion<T, InputEvent>;
onbeforetoggle?: EventHandlerUnion<T, ToggleEvent>;
onblur?: EventHandlerUnion<T, FocusEvent>;
oncanplay?: EventHandlerUnion<T, Event>;
oncanplaythrough?: EventHandlerUnion<T, Event>;
onchange?: EventHandlerUnion<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?: EventHandlerUnion<T, FocusEvent>;
ongotpointercapture?: EventHandlerUnion<T, PointerEvent>;
oninput?: EventHandlerUnion<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, SubmitEvent>;
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>;
}
interface CustomEventHandlersNamespaced<T> {
"on:abort"?: EventHandlerWithOptionsUnion<T, Event>;
"on:animationend"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
"on:animationiteration"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
"on:animationstart"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
"on:auxclick"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:beforeinput"?: EventHandlerWithOptionsUnion<T, InputEvent>;
"on:beforetoggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent>;
"on:blur"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
"on:canplay"?: EventHandlerWithOptionsUnion<T, Event>;
"on:canplaythrough"?: EventHandlerWithOptionsUnion<T, Event>;
"on:change"?: EventHandlerWithOptionsUnion<T, Event>;
"on:click"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:contextmenu"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:dblclick"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:drag"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:dragend"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:dragenter"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:dragleave"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:dragover"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:dragstart"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:drop"?: EventHandlerWithOptionsUnion<T, DragEvent>;
"on:durationchange"?: EventHandlerWithOptionsUnion<T, Event>;
"on:emptied"?: EventHandlerWithOptionsUnion<T, Event>;
"on:ended"?: EventHandlerWithOptionsUnion<T, Event>;
"on:error"?: EventHandlerWithOptionsUnion<T, Event>;
"on:focus"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
"on:gotpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:input"?: EventHandlerWithOptionsUnion<T, InputEvent>;
"on:invalid"?: EventHandlerWithOptionsUnion<T, Event>;
"on:keydown"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
"on:keypress"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
"on:keyup"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
"on:load"?: EventHandlerWithOptionsUnion<T, Event>;
"on:loadeddata"?: EventHandlerWithOptionsUnion<T, Event>;
"on:loadedmetadata"?: EventHandlerWithOptionsUnion<T, Event>;
"on:loadstart"?: EventHandlerWithOptionsUnion<T, Event>;
"on:lostpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:mousedown"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mouseenter"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mouseleave"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mousemove"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mouseout"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mouseover"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:mouseup"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
"on:pause"?: EventHandlerWithOptionsUnion<T, Event>;
"on:play"?: EventHandlerWithOptionsUnion<T, Event>;
"on:playing"?: EventHandlerWithOptionsUnion<T, Event>;
"on:pointercancel"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerdown"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerenter"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerleave"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointermove"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerout"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerover"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:pointerup"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
"on:progress"?: EventHandlerWithOptionsUnion<T, Event>;
"on:ratechange"?: EventHandlerWithOptionsUnion<T, Event>;
"on:reset"?: EventHandlerWithOptionsUnion<T, Event>;
"on:scroll"?: EventHandlerWithOptionsUnion<T, Event>;
"on:scrollend"?: EventHandlerWithOptionsUnion<T, Event>;
"on:seeked"?: EventHandlerWithOptionsUnion<T, Event>;
"on:seeking"?: EventHandlerWithOptionsUnion<T, Event>;
"on:select"?: EventHandlerWithOptionsUnion<T, UIEvent>;
"on:stalled"?: EventHandlerWithOptionsUnion<T, Event>;
"on:submit"?: EventHandlerWithOptionsUnion<T, SubmitEvent>;
"on:suspend"?: EventHandlerWithOptionsUnion<T, Event>;
"on:timeupdate"?: EventHandlerWithOptionsUnion<T, Event>;
"on:toggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent>;
"on:touchcancel"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
"on:touchend"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
"on:touchmove"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
"on:touchstart"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
"on:transitionstart"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
"on:transitionend"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
"on:transitionrun"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
"on:transitioncancel"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
"on:volumechange"?: EventHandlerWithOptionsUnion<T, Event>;
"on:waiting"?: EventHandlerWithOptionsUnion<T, Event>;
"on:wheel"?: EventHandlerWithOptionsUnion<T, WheelEvent>;
}
interface CSSProperties extends csstype.PropertiesHyphen {
// Override
[key: `-${string}`]: string | number | undefined;
}
type HTMLAutocapitalize = "off" | "none" | "on" | "sentences" | "words" | "characters";
type HTMLDir = "ltr" | "rtl" | "auto";
type HTMLFormEncType = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
type HTMLFormMethod = "post" | "get" | "dialog";
type HTMLCrossorigin = "anonymous" | "use-credentials" | "";
type HTMLReferrerPolicy =
| "no-referrer"
| "no-referrer-when-downgrade"
| "origin"
| "origin-when-cross-origin"
| "same-origin"
| "strict-origin"
| "strict-origin-when-cross-origin"
| "unsafe-url";
type HTMLIframeSandbox =
| "allow-downloads-without-user-activation"
| "allow-downloads"
| "allow-forms"
| "allow-modals"
| "allow-orientation-lock"
| "allow-pointer-lock"
| "allow-popups"
| "allow-popups-to-escape-sandbox"
| "allow-presentation"
| "allow-same-origin"
| "allow-scripts"
| "allow-storage-access-by-user-activation"
| "allow-top-navigation"
| "allow-top-navigation-by-user-activation";
type HTMLLinkAs =
| "audio"
| "document"
| "embed"
| "fetch"
| "font"
| "image"
| "object"
| "script"
| "style"
| "track"
| "video"
| "worker";
// 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;
/**
* 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";
/**
* 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";
/**
* 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";
/**
* Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
*
* @see aria-pressed @see aria-selected.
*/
"aria-checked"?: boolean | "false" | "mixed" | "true";
/**
* Defines the total number of columns in a table, grid, or treegrid.
*
* @see aria-colindex.
*/
"aria-colcount"?: number | string;
/**
* 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;
/**
* 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;
/**
* Identifies the element (or elements) whose contents or presence are controlled by the current
* element.
*
* @see aria-owns.
*/
"aria-controls"?: string;
/**
* 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";
/**
* Identifies the element (or elements) that describes the object.
*
* @see aria-labelledby
*/
"aria-describedby"?: string;
/**
* Identifies the element that provides a detailed, extended description for the object.
*
* @see aria-describedby.
*/
"aria-details"?: string;
/**
* 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";
/**
* 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";
/**
* Identifies the element that provides an error message for the object.
*
* @see aria-invalid @see aria-describedby.
*/
"aria-errormessage"?: string;
/**
* Indicates whether the element, or another grouping element it controls, is currently expanded
* or collapsed.
*/
"aria-expanded"?: boolean | "false" | "true";
/**
* 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;
/**
* Indicates an element's "grabbed" state in a drag-and-drop operation.
*
* @deprecated In ARIA 1.1
*/
"aria-grabbed"?: boolean | "false" | "true";
/**
* 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";
/**
* Indicates whether the element is exposed to an accessibility API.
*
* @see aria-disabled.
*/
"aria-hidden"?: boolean | "false" | "true";
/**
* Indicates the entered value does not conform to the format expected by the application.
*
* @see aria-errormessage.
*/
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
/**
* Indicates keyboard shortcuts that an author has implemented to activate or give focus to an
* element.
*/
"aria-keyshortcuts"?: string;
/**
* Defines a string value that labels the current element.
*
* @see aria-labelledby.
*/
"aria-label"?: string;
/**
* Identifies the element (or elements) that labels the current element.
*
* @see aria-describedby.
*/
"aria-labelledby"?: string;
/** Defines the hierarchical level of an element within a structure. */
"aria-level"?: number | string;
/**
* 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";
/** Indicates whether an element is modal when displayed. */
"aria-modal"?: boolean | "false" | "true";
/** Indicates whether a text box accepts multiple lines of input or only a single line. */
"aria-multiline"?: boolean | "false" | "true";
/**
* Indicates that the user may select more than one item from the current selectable
* descendants.
*/
"aria-multiselectable"?: boolean | "false" | "true";
/** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
"aria-orientation"?: "horizontal" | "vertical";
/**
* 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;
/**
* 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;
/**
* 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;
/**
* Indicates the current "pressed" state of toggle buttons.
*
* @see aria-checked @see aria-selected.
*/
"aria-pressed"?: boolean | "false" | "mixed" | "true";
/**
* Indicates that the element is not editable, but is otherwise operable.
*
* @see aria-disabled.
*/
"aria-readonly"?: boolean | "false" | "true";
/**
* Indicates what notifications the user agent will trigger when the accessibility tree within a
* live region is modified.
*
* @see aria-atomic.
*/
"aria-relevant"?:
| "additions"
| "additions removals"
| "additions text"
| "all"
| "removals"
| "removals additions"
| "removals text"
| "text"
| "text additions"
| "text removals";
/** Indicates that user input is required on the element before a form may be submitted. */
"aria-required"?: boolean | "false" | "true";
/** Defines a human-readable, author-localized description for the role of an element. */
"aria-roledescription"?: string;
/**
* Defines the total number of rows in a table, grid, or treegrid.
*
* @see aria-rowindex.
*/
"aria-rowcount"?: number | string;
/**
* 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;
/**
* 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;
/**
* Indicates the current "selected" state of various widgets.
*
* @see aria-checked @see aria-pressed.
*/
"aria-selected"?: boolean | "false" | "true";
/**
* 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;
/** Indicates if items in a table or grid are sorted in ascending or descending order. */
"aria-sort"?: "none" | "ascending" | "descending" | "other";
/** Defines the maximum allowed value for a range widget. */
"aria-valuemax"?: number | string;
/** Defines the minimum allowed value for a range widget. */
"aria-valuemin"?: number | string;
/**
* Defines the current value for a range widget.
*
* @see aria-valuetext.
*/
"aria-valuenow"?: number | string;
/** Defines the human readable text alternative of aria-valuenow for a range widget. */
"aria-valuetext"?: string;
role?: FunctionMaybe<
| "alert"
| "alertdialog"
| "application"
| "article"
| "banner"
| "button"
| "cell"
| "checkbox"
| "columnheader"
| "combobox"
| "complementary"
| "contentinfo"
| "definition"
| "dialog"
| "directory"
| "document"
| "feed"
| "figure"
| "form"
| "grid"
| "gridcell"
| "group"
| "heading"
| "img"
| "link"
| "list"
| "listbox"
| "listitem"
| "log"
| "main"
| "marquee"
| "math"
| "menu"
| "menubar"
| "menuitem"
| "menuitemcheckbox"
| "menuitemradio"
| "meter"
| "navigation"
| "none"
| "note"
| "option"
| "presentation"
| "progressbar"
| "radio"
| "radiogroup"
| "region"
| "row"
| "rowgroup"
| "rowheader"
| "scrollbar"
| "search"
| "searchbox"
| "separator"
| "slider"
| "spinbutton"
| "status"
| "switch"
| "tab"
| "table"
| "tablist"
| "tabpanel"
| "term"
| "textbox"
| "timer"
| "toolbar"
| "tooltip"
| "tree"
| "treegrid"
| "treeitem"
>;
}
interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
accessKey?: FunctionMaybe<string>;
class?: FunctionMaybe<string> | undefined;
contenteditable?: FunctionMaybe<boolean | "plaintext-only" | "inherit">;
contextmenu?: FunctionMaybe<string>;
dir?: FunctionMaybe<HTMLDir>;
draggable?: FunctionMaybe<boolean>;
hidden?: FunctionMaybe<boolean>;
id?: FunctionMaybe<string>;
lang?: FunctionMaybe<string>;
spellcheck?: FunctionMaybe<boolean>;
style?: FunctionMaybe<CSSProperties | string>;
tabindex?: FunctionMaybe<number | string>;
title?: FunctionMaybe<string>;
translate?: FunctionMaybe<"yes" | "no">;
about?: FunctionMaybe<string>;
datatype?: FunctionMaybe<string>;
inlist?: FunctionMaybe<any>;
popover?: FunctionMaybe<boolean | "manual" | "auto">;
prefix?: FunctionMaybe<string>;
property?: FunctionMaybe<string>;
resource?: FunctionMaybe<string>;
typeof?: FunctionMaybe<string>;
vocab?: FunctionMaybe<string>;
autocapitalize?: FunctionMaybe<HTMLAutocapitalize>;
slot?: FunctionMaybe<string>;
color?: FunctionMaybe<string>;
itemprop?: FunctionMaybe<string>;
itemscope?: FunctionMaybe<boolean>;
itemtype?: FunctionMaybe<string>;
itemid?: FunctionMaybe<string>;
itemref?: FunctionMaybe<string>;
part?: FunctionMaybe<string>;
exportparts?: FunctionMaybe<string>;
inputmode?: FunctionMaybe<
"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
>;
contentEditable?: FunctionMaybe<boolean | "plaintext-only" | "inherit">;
contextMenu?: FunctionMaybe<string>;
tabIndex?: FunctionMaybe<number | string>;
autoCapitalize?: FunctionMaybe<HTMLAutocapitalize>;
itemProp?: FunctionMaybe<string>;
itemScope?: FunctionMaybe<boolean>;
itemType?: FunctionMaybe<string>;
itemId?: FunctionMaybe<string>;
itemRef?: FunctionMaybe<string>;
exportParts?: FunctionMaybe<string>;
inputMode?: FunctionMaybe<
"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
>;
}
interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
download?: FunctionMaybe<any>;
href?: FunctionMaybe<string>;
hreflang?: FunctionMaybe<string>;
media?: FunctionMaybe<string>;
ping?: FunctionMaybe<string>;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
rel?: FunctionMaybe<string>;
target?: FunctionMaybe<"_self" | "_blank" | "_parent" | "_top" | (string & {})>;
type?: FunctionMaybe<string>;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
}
interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
alt?: FunctionMaybe<string>;
coords?: FunctionMaybe<string>;
download?: FunctionMaybe<any>;
href?: FunctionMaybe<string>;
hreflang?: FunctionMaybe<string>;
ping?: FunctionMaybe<string>;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
rel?: FunctionMaybe<string>;
shape?: FunctionMaybe<"rect" | "circle" | "poly" | "default">;
target?: FunctionMaybe<string>;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
}
interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
href?: FunctionMaybe<string>;
target?: FunctionMaybe<string>;
}
interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
cite?: FunctionMaybe<string>;
}
interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
autofocus?: FunctionMaybe<boolean>;
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
formaction?: FunctionMaybe<string | SerializableAttributeValue>;
formenctype?: FunctionMaybe<HTMLFormEncType>;
formmethod?: FunctionMaybe<HTMLFormMethod>;
formnovalidate?: FunctionMaybe<boolean>;
formtarget?: FunctionMaybe<string>;
popovertarget?: FunctionMaybe<string>;
popovertargetaction?: FunctionMaybe<"hide" | "show" | "toggle">;
name?: FunctionMaybe<string>;
type?: FunctionMaybe<"submit" | "reset" | "button">;
value?: FunctionMaybe<string>;
formAction?: FunctionMaybe<string | SerializableAttributeValue>;
formEnctype?: FunctionMaybe<HTMLFormEncType>;
formMethod?: FunctionMaybe<HTMLFormMethod>;
formNoValidate?: FunctionMaybe<boolean>;
formTarget?: FunctionMaybe<string>;
popoverTarget?: FunctionMaybe<string>;
popoverTargetAction?: FunctionMaybe<"hide" | "show" | "toggle">;
}
interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
width?: FunctionMaybe<number | string>;
height?: FunctionMaybe<number | string>;
}
interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
span?: FunctionMaybe<number | string>;
width?: FunctionMaybe<number | string>;
}
interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
span?: FunctionMaybe<number | string>;
}
interface DataHTMLAttributes<T> extends HTMLAttributes<T> {
value?: FunctionMaybe<string | string[] | number>;
}
interface DetailsHtmlAttributes<T> extends HTMLAttributes<T> {
open?: FunctionMaybe<boolean>;
onToggle?: EventHandlerUnion<T, Event>;
ontoggle?: EventHandlerUnion<T, Event>;
}
interface DialogHtmlAttributes<T> extends HTMLAttributes<T> {
open?: FunctionMaybe<boolean>;
}
interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
height?: FunctionMaybe<number | string>;
src?: FunctionMaybe<string>;
type?: FunctionMaybe<string>;
width?: FunctionMaybe<number | string>;
}
interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
name?: FunctionMaybe<string>;
}
interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
"accept-charset"?: FunctionMaybe<string>;
action?: FunctionMaybe<string | SerializableAttributeValue>;
autocomplete?: FunctionMaybe<string>;
encoding?: FunctionMaybe<HTMLFormEncType>;
enctype?: FunctionMaybe<HTMLFormEncType>;
method?: FunctionMaybe<HTMLFormMethod>;
name?: FunctionMaybe<string>;
novalidate?: FunctionMaybe<boolean>;
target?: FunctionMaybe<string>;
noValidate?: FunctionMaybe<boolean>;
}
interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
allow?: FunctionMaybe<string>;
allowfullscreen?: FunctionMaybe<boolean>;
height?: FunctionMaybe<number | string>;
name?: FunctionMaybe<string>;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
sandbox?: HTMLIframeSandbox | string;
src?: FunctionMaybe<string>;
srcdoc?: FunctionMaybe<string>;
width?: FunctionMaybe<number | string>;
loading?: FunctionMaybe<"eager" | "lazy">;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
}
interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
alt?: FunctionMaybe<string>;
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
decoding?: FunctionMaybe<"sync" | "async" | "auto">;
height?: FunctionMaybe<number | string>;
ismap?: FunctionMaybe<boolean>;
isMap?: FunctionMaybe<boolean>;
loading?: FunctionMaybe<"eager" | "lazy">;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
sizes?: FunctionMaybe<string>;
src?: FunctionMaybe<string>;
srcset?: FunctionMaybe<string>;
srcSet?: FunctionMaybe<string>;
usemap?: FunctionMaybe<string>;
useMap?: FunctionMaybe<string>;
width?: FunctionMaybe<number | string>;
crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
}
interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
accept?: FunctionMaybe<string>;
alt?: FunctionMaybe<string>;
autocomplete?: FunctionMaybe<string>;
autofocus?: FunctionMaybe<boolean>;
capture?: FunctionMaybe<boolean | string>;
checked?: FunctionMaybe<boolean>;
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
formaction?: FunctionMaybe<string | SerializableAttributeValue>;
formenctype?: FunctionMaybe<HTMLFormEncType>;
formmethod?: FunctionMaybe<HTMLFormMethod>;
formnovalidate?: FunctionMaybe<boolean>;
formtarget?: FunctionMaybe<string>;
height?: FunctionMaybe<number | string>;
list?: FunctionMaybe<string>;
max?: FunctionMaybe<number | string>;
maxlength?: FunctionMaybe<number | string>;
min?: FunctionMaybe<number | string>;
minlength?: FunctionMaybe<number | string>;
multiple?: FunctionMaybe<boolean>;
name?: FunctionMaybe<string>;
pattern?: FunctionMaybe<string>;
placeholder?: FunctionMaybe<string>;
readonly?: FunctionMaybe<boolean>;
required?: FunctionMaybe<boolean>;
size?: FunctionMaybe<number | string>;
src?: FunctionMaybe<string>;
step?: FunctionMaybe<number | string>;
type?: FunctionMaybe<
| "button"
| "checkbox"
| "color"
| "date"
| "datetime-local"
| "email"
| "file"
| "hidden"
| "image"
| "month"
| "number"
| "password"
| "radio"
| "range"
| "reset"
| "search"
| "submit"
| "tel"
| "text"
| "time"
| "url"
| "week"
| (string & {})
>;
value?: FunctionMaybe<string | string[] | number>;
width?: FunctionMaybe<number | string>;
crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
formAction?: FunctionMaybe<string | SerializableAttributeValue>;
formEnctype?: FunctionMaybe<HTMLFormEncType>;
formMethod?: FunctionMaybe<HTMLFormMethod>;
formNoValidate?: FunctionMaybe<boolean>;
formTarget?: FunctionMaybe<string>;
maxLength?: FunctionMaybe<number | string>;
minLength?: FunctionMaybe<number | string>;
readOnly?: FunctionMaybe<boolean>;
}
interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
cite?: FunctionMaybe<string>;
dateTime?: FunctionMaybe<string>;
}
interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
autofocus?: FunctionMaybe<boolean>;
challenge?: FunctionMaybe<string>;
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
keytype?: FunctionMaybe<string>;
keyparams?: FunctionMaybe<string>;
name?: FunctionMaybe<string>;
}
interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
for?: FunctionMaybe<string>;
form?: FunctionMaybe<string>;
}
interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
value?: FunctionMaybe<number | string>;
}
interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
as?: FunctionMaybe<HTMLLinkAs>;
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
disabled?: FunctionMaybe<boolean>;
fetchpriority?: FunctionMaybe<"high" | "low" | "auto">;
href?: FunctionMaybe<string>;
hreflang?: FunctionMaybe<string>;
imagesizes?: FunctionMaybe<string>;
imagesrcset?: FunctionMaybe<string>;
integrity?: FunctionMaybe<string>;
media?: FunctionMaybe<string>;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
rel?: FunctionMaybe<string>;
sizes?: FunctionMaybe<string>;
type?: FunctionMaybe<string>;
crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
}
interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
name?: FunctionMaybe<string>;
}
interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
autoplay?: FunctionMaybe<boolean>;
controls?: FunctionMaybe<boolean>;
controlslist?: FunctionMaybe<
"nodownload" | "nofullscreen" | "noplaybackrate" | "noremoteplayback" | (string & {})
>;
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
loop?: FunctionMaybe<boolean>;
mediagroup?: FunctionMaybe<string>;
muted?: FunctionMaybe<boolean>;
preload?: FunctionMaybe<"none" | "metadata" | "auto" | "">;
src?: FunctionMaybe<string>;
crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
mediaGroup?: FunctionMaybe<string>;
}
interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
label?: FunctionMaybe<string>;
type?: FunctionMaybe<"context" | "toolbar">;
}
interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
charset?: FunctionMaybe<string>;
content?: FunctionMaybe<string>;
"http-equiv"?: FunctionMaybe<string>;
name?: FunctionMaybe<string>;
media?: FunctionMaybe<string>;
}
interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
form?: FunctionMaybe<string>;
high?: FunctionMaybe<number | string>;
low?: FunctionMaybe<number | string>;
max?: FunctionMaybe<number | string>;
min?: FunctionMaybe<number | string>;
optimum?: FunctionMaybe<number | string>;
value?: FunctionMaybe<string | string[] | number>;
}
interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
cite?: FunctionMaybe<string>;
}
interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
data?: FunctionMaybe<string>;
form?: FunctionMaybe<string>;
height?: FunctionMaybe<number | string>;
name?: FunctionMaybe<string>;
type?: FunctionMaybe<string>;
usemap?: FunctionMaybe<string>;
width?: FunctionMaybe<number | string>;
useMap?: FunctionMaybe<string>;
}
interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
reversed?: FunctionMaybe<boolean>;
start?: FunctionMaybe<number | string>;
type?: FunctionMaybe<"1" | "a" | "A" | "i" | "I">;
}
interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
disabled?: FunctionMaybe<boolean>;
label?: FunctionMaybe<string>;
}
interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
disabled?: FunctionMaybe<boolean>;
label?: FunctionMaybe<string>;
selected?: FunctionMaybe<boolean>;
value?: FunctionMaybe<string | string[] | number>;
}
interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
form?: FunctionMaybe<string>;
for?: FunctionMaybe<string>;
name?: FunctionMaybe<string>;
}
interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
name?: FunctionMaybe<string>;
value?: FunctionMaybe<string | string[] | number>;
}
interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
max?: FunctionMaybe<number | string>;
value?: FunctionMaybe<string | string[] | number>;
}
interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
async?: FunctionMaybe<boolean>;
charset?: FunctionMaybe<string>;
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
defer?: FunctionMaybe<boolean>;
integrity?: FunctionMaybe<string>;
nomodule?: FunctionMaybe<boolean>;
nonce?: FunctionMaybe<string>;
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
src?: FunctionMaybe<string>;
type?: FunctionMaybe<string>;
crossOrigin?: FunctionMaybe<HTMLCrossorigin>;
noModule?: FunctionMaybe<boolean>;
referrerPolicy?: FunctionMaybe<HTMLReferrerPolicy>;
}
interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
autocomplete?: FunctionMaybe<string>;
autofocus?: FunctionMaybe<boolean>;
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
multiple?: FunctionMaybe<boolean>;
name?: FunctionMaybe<string>;
required?: FunctionMaybe<boolean>;
size?: FunctionMaybe<number | string>;
value?: FunctionMaybe<string | string[] | number>;
}
interface HTMLSlotElementAttributes<T = HTMLSlotElement> extends HTMLAttributes<T> {
name?: FunctionMaybe<string>;
}
interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
media?: FunctionMaybe<string>;
sizes?: FunctionMaybe<string>;
src?: FunctionMaybe<string>;
srcset?: FunctionMaybe<string>;
type?: FunctionMaybe<string>;
width?: FunctionMaybe<number | string>;
height?: FunctionMaybe<number | string>;
}
interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
media?: FunctionMaybe<string>;
nonce?: FunctionMaybe<string>;
scoped?: FunctionMaybe<boolean>;
type?: FunctionMaybe<string>;
}
interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
colspan?: FunctionMaybe<number | string>;
headers?: FunctionMaybe<string>;
rowspan?: FunctionMaybe<number | string>;
colSpan?: FunctionMaybe<number | string>;
rowSpan?: FunctionMaybe<number | string>;
}
interface TemplateHTMLAttributes<T extends HTMLTemplateElement> extends HTMLAttributes<T> {
content?: FunctionMaybe<DocumentFragment>;
}
interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
autocomplete?: FunctionMaybe<string>;
autofocus?: FunctionMaybe<boolean>;
cols?: FunctionMaybe<number | string>;
dirname?: FunctionMaybe<string>;
disabled?: FunctionMaybe<boolean>;
form?: FunctionMaybe<string>;
maxlength?: FunctionMaybe<number | string>;
minlength?: FunctionMaybe<number | string>;
name?: FunctionMaybe<string>;
placeholder?: FunctionMaybe<string>;
readonly?: FunctionMaybe<boolean>;
required?: FunctionMaybe<boolean>;
rows?: FunctionMaybe<number | string>;
value?: FunctionMaybe<string | string[] | number>;
wrap?: FunctionMaybe<"hard" | "soft" | "off">;
maxLength?: FunctionMaybe<number | string>;
minLength?: FunctionMaybe<number | string>;
readOnly?: FunctionMaybe<boolean>;
}
interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
colspan?: FunctionMaybe<number | string>;
headers?: FunctionMaybe<string>;
rowspan?: FunctionMaybe<number | string>;
colSpan?: FunctionMaybe<number | string>;
rowSpan?: FunctionMaybe<number | string>;
scope?: FunctionMaybe<"col" | "row" | "rowgroup" | "colgroup">;
}
interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
datetime?: FunctionMaybe<string>;
dateTime?: FunctionMaybe<string>;
}
interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
default?: FunctionMaybe<boolean>;
kind?: FunctionMaybe<"subtitles" | "captions" | "descriptions" | "chapters" | "metadata">;
label?: FunctionMaybe<string>;
src?: FunctionMaybe<string>;
srclang?: FunctionMaybe<string>;
}
interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
height?: FunctionMaybe<number | string>;
playsinline?: FunctionMaybe<boolean>;
poster?: FunctionMaybe<string>;
w